.masterpiece-opals{padding-top:var(--mpo-pt);padding-bottom:var(--mpo-pb)}.masterpiece-opals.page-width{max-width:1500px;margin-inline:auto;padding-left:16px;padding-right:16px}@media screen and (min-width:750px){.masterpiece-opals.page-width{padding-left:32px;padding-right:32px}}.masterpiece-opals--full{padding-left:0;padding-right:0}.masterpiece-opals__head{text-align:center;margin-bottom:20px}.masterpiece-opals__title{font-size:var(--mpo-heading, 24px);margin:0 0 4px}.masterpiece-opals__sub{font-size:14px;opacity:.7;margin:0}.masterpiece-opals__wrap{max-width:var(--mpo-max);margin-inline:auto}.masterpiece-opals__frame{position:relative;width:100%;aspect-ratio:var(--mpo-ratio);overflow:hidden;border-radius:var(--mpo-radius);background:var(--mpo-bg);touch-action:pan-y;user-select:none;-webkit-user-select:none;cursor:ew-resize}.masterpiece-opals__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block;pointer-events:none}.masterpiece-opals__img--after{z-index:1}.masterpiece-opals__img--before{z-index:0}.masterpiece-opals__clip{position:absolute;top:0;right:0;bottom:0;left:0;width:var(--mpo-pos, 50%);overflow:hidden;z-index:2}.masterpiece-opals__clip .masterpiece-opals__img{width:var(--mpo-frame-w, 100%);max-width:none}.masterpiece-opals__divider{position:absolute;top:0;bottom:0;left:var(--mpo-pos, 50%);width:2px;background:var(--mpo-line-color);transform:translate(-50%);z-index:3;pointer-events:none}.masterpiece-opals__handle{position:absolute;top:50%;left:var(--mpo-pos, 50%);transform:translate(-50%,-50%);z-index:4;width:var(--mpo-handle-size);height:var(--mpo-handle-size);border-radius:50%;background:var(--mpo-handle-bg);color:var(--mpo-handle-color);display:flex;align-items:center;justify-content:center;box-shadow:0 2px 10px #00000040;pointer-events:none}.masterpiece-opals__handle svg{width:45%;height:45%}.masterpiece-opals__badge{position:absolute;top:14px;z-index:5;padding:5px 12px;font-size:var(--mpo-label-size);font-weight:600;letter-spacing:.02em;border-radius:999px;background:var(--mpo-label-bg);color:var(--mpo-label-color);pointer-events:none;white-space:nowrap}.masterpiece-opals__badge--before{left:14px}.masterpiece-opals__badge--after{right:14px}.masterpiece-opals--upper .masterpiece-opals__badge{text-transform:uppercase}.masterpiece-opals__caption{position:absolute;bottom:14px;left:50%;transform:translate(-50%);z-index:5;padding:6px 14px;font-size:var(--mpo-label-size);border-radius:999px;background:var(--mpo-caption-bg);color:var(--mpo-caption-color);pointer-events:none;white-space:nowrap}
/*# sourceMappingURL=/cdn/shop/t/16/assets/masterpiece-opals.css.map */