.virtual-try-on-block{position:relative}.virtual-try-on-block__wrap{display:flex;align-items:center;gap:clamp(32px,6vw,96px)}@media (max-width: 989px){.virtual-try-on-block__wrap{flex-direction:column;gap:40px}}.virtual-try-on-block__content{flex:1 1 50%}.virtual-try-on-block__heading{margin-bottom:20px}.virtual-try-on-block__text{margin-bottom:32px}.virtual-try-on-block__image{flex:0 0 auto;display:flex;justify-content:center}.virtual-try-on-block__image a{display:block}.vto-phone{position:relative;width:100%;max-width:var(--phone-max-width, 420px);filter:drop-shadow(0 18px 55px rgba(0,0,0,.22))}.vto-phone__frame{width:100%;height:auto;display:block;pointer-events:none;-webkit-user-select:none;user-select:none}.vto-phone__frame--placeholder{aspect-ratio:9 / 16;border-radius:36px;background:#ececf1}.vto-phone__screen{position:absolute;top:var(--screen-top, 6%);right:var(--screen-right, 6%);bottom:var(--screen-bottom, 6%);left:var(--screen-left, 6%);border-radius:var(--screen-radius, 24px);overflow:hidden;background:#000;touch-action:none}.vto-phone__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;pointer-events:none}.vto-phone__img--after{clip-path:inset(0 calc(100% - var(--pos, var(--start-pos, 50%))) 0 0)}.vto-phone__divider{position:absolute;top:0;bottom:0;left:var(--pos, var(--start-pos, 50%));width:2px;background:#ffffffeb;transform:translate(-1px);pointer-events:none}.vto-phone__handle{position:absolute;top:50%;left:50%;width:44px;height:44px;transform:translate(-50%,-50%);border-radius:999px;background:#fffffff2;box-shadow:0 12px 28px #00000040}.vto-phone__handle:before,.vto-phone__handle:after{content:"";position:absolute;top:50%;width:10px;height:10px;border-top:2px solid rgba(0,0,0,.7);border-right:2px solid rgba(0,0,0,.7)}.vto-phone__handle:before{left:14px;transform:translateY(-50%) rotate(225deg)}.vto-phone__handle:after{right:14px;transform:translateY(-50%) rotate(45deg)}.vto-phone__range{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;cursor:ew-resize}@media (hover: hover){.vto-phone:hover .vto-phone__handle{transform:translate(-50%,-50%) scale(1.05)}}@media (prefers-reduced-motion: reduce){.vto-phone__handle{transition:none}}.vto-phone{transform-origin:50% 55%;transform:perspective(var(--phone-perspective, 900px)) rotateX(var(--phone-rotate-x, 0deg)) rotateY(var(--phone-rotate-y, -10deg)) rotate(var(--phone-rotate-z, -3deg)) translateZ(0);transition:transform .28s ease;will-change:transform}@media (hover: hover){.vto-phone:hover{transform:perspective(var(--phone-perspective, 900px)) rotateX(calc(var(--phone-rotate-x, 0deg) + var(--phone-hover-boost-x, 1deg))) rotateY(calc(var(--phone-rotate-y, -10deg) + var(--phone-hover-boost-y, 2deg))) rotate(var(--phone-rotate-z, -3deg)) translateZ(0)}}.vto-phone__screen{backface-visibility:hidden;transform:translateZ(0)}.virtual-try-on-block__image .vto-phone__screen{position:absolute}.virtual-try-on-block__image .vto-phone__img{position:absolute!important;top:0!important;right:0!important;bottom:0!important;left:0!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;object-fit:cover!important;display:block!important}
/*# sourceMappingURL=/cdn/shop/t/82/assets/virtual-try-on-phone.css.map */