/*rtl:begin:ignore*/
@import "drift-zoom/dist/drift-basic";
/*rtl:end:ignore*/

.drift-bounding-box {
    background: var(--color-primary-alpha-30);
    z-index: 7;
}

.drift-zoom-pane {
    left: 100%;
    background: var(--color-white);
    border-radius: var(--radius-default);
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
    z-index: 7;
}

.drift-zoom-pane-loader:before,
.drift-zoom-pane-loader:after {
    background: var(--color-primary);
}

/*rtl:ignore*/
.rtl {
    .drift-zoom-pane {
        &.mobile-drift-zoom-pane {
            right: auto;
        }

        img {
            left: 0;
        }
    }
}