.product-try-on{--wrist-scale: 1;--wrist-transition-duration: .4s;--wrist-transition-curve: cubic-bezier(.45,.05,.55,.95);position:relative;display:block;background-color:#151515;overflow:hidden;width:100%}@media screen and (min-width: 989px){.product-try-on__responsive.product-try-on{height:82rem}}.product-try-on__holder{position:relative;width:31rem;height:100%;filter:grayscale(1);overflow:hidden;display:flex;justify-content:center;align-items:center;margin:0 auto;height:61rem}@media screen and (min-width: 989px){.product-try-on__responsive .product-try-on__holder{width:100%;height:100%;margin:0}}.product-try-on__heading-holder{position:absolute;top:2.4rem;left:2.4rem;display:flex;flex-direction:column;gap:.8rem;z-index:2}.product-try-on__heading-title,.product-try-on__heading-info{font-size:1.4rem;line-height:1;color:var(--theme-color-reverse)}.product-try-on__heading-info-label{color:var(--theme-color-neutral)}@media screen and (min-width: 989px){.product-try-on__responsive .product-try-on__heading-title,.product-try-on__responsive .product-try-on__heading-info{font-size:1.4rem;line-height:1;color:var(--theme-color-ink)}.product-try-on__responsive .product-try-on__heading-info-label{color:var(--theme-color-subdued)}}.product-try-on__overlay{position:absolute;top:0;left:50%;transform:translate(-50%);width:100%;height:100%;background-image:linear-gradient(to top,#151515,#15151533 40%,#15151500);opacity:1;z-index:2}@media screen and (min-width: 989px){.product-try-on__responsive .product-try-on__overlay{width:160rem;height:100%;background-image:linear-gradient(to right,#151515 14%,#15151533 40%,#15151500);transform:translate(-50%) scaleX(1.2)}}.product-try-on__wrist{position:relative;display:block;width:100%;height:100%;display:flex;justify-content:center;align-items:flex-start;transform:translate(4%,-10%) scaleX(var(--wrist-scale));transition:transform var(--wrist-transition-duration) var(--wrist-transition-curve)}@media screen and (min-width: 989px){.product-try-on__responsive .product-try-on__wrist{height:auto;width:135rem;flex:none;transform:translate(6%) scaleY(var(--wrist-scale)) scaleX(1.15)}}.product-try-on__wrist-image{object-fit:contain;width:100%}.product-try-on__watch{top:51%;width:15rem;height:100%;position:absolute;transform:translate(1%,-50%);display:flex;align-items:center;justify-content:center;overflow:hidden}@media screen and (min-width: 989px){.product-try-on__responsive .product-try-on__watch{top:47.25%;left:55.5%;height:29rem;width:100%;transform:translate(-50%,-50%);margin-left:-3rem}}.product-try-on__watch-scale-box{position:relative;width:calc(90% * var(--wrist-scale));display:flex;align-items:center;justify-content:center;overflow:hidden;height:auto;border-radius:42%;transition:all var(--wrist-transition-duration) var(--wrist-transition-curve)}.product-try-on__watch-scale-box--large_case{min-width:14.5rem}@media screen and (min-width: 989px){.product-try-on__responsive .product-try-on__watch-scale-box{position:relative;height:calc(90% * var(--wrist-scale));width:auto;border-radius:47%}.product-try-on__responsive .product-try-on__watch-scale-box--large_case{min-height:28rem;min-width:auto}}.product-try-on__watch-scale-box--large_case{min-height:none}.product-try-on__watch-image{flex:none;z-index:20;width:30rem;height:auto;max-width:none}@media screen and (min-width: 989px){.product-try-on__responsive .product-try-on__watch-image{width:auto;height:57rem}}.product-try-on__watch-label{position:absolute;left:59.5%;top:38%;transform:translateY(-50%);background-color:var(--theme-color-reverse);padding:.8rem;border-radius:.5rem}.product-try-on__watch-label.product-try-on__watch-label--large_case{left:62.5%}.product-try-on__label-button{position:relative;display:flex;justify-content:center;align-items:center;padding:.7rem .8rem .8rem;min-height:4rem;border-radius:.5rem;border:1px solid var(--theme-color-neutral);color:var(--theme-color-subdued);font-size:1.2rem;line-height:1;font-weight:500;text-align:center;width:100%}.product-try-on__label-button-input{position:absolute;width:100%;height:100%;left:0;top:0;opacity:0;cursor:pointer;margin:0}.product-try-on__label-button:has(.product-try-on__label-button-input:focus-visible){box-shadow:0 0 0 1px var(--theme-color-ink)}.product-try-on__label-button:has(.product-try-on__label-button-input:checked),.product-try-on__label-button--outline:has(.product-try-on__label-button-input:checked){box-shadow:none}.product-try-on__label-button:has(.product-try-on__label-button-input:checked),.product-try-on__label-button:has(.product-try-on__label-button-input:focus-visible){background-color:var(--theme-color-ink);border:1px solid var(--theme-color-ink);color:var(--theme-color-reverse)}.product-try-on__label-button--outline:has(.product-try-on__label-button-input:checked),.product-try-on__label-button--outline:has(.product-try-on__label-button-input:focus-visible){background-color:var(--theme-color-reverse);border:1px solid var(--theme-color-ink);color:var(--theme-color-ink)}.product-try-on__content-heading{margin:0;font-size:1.4rem;color:var(--theme-color-subdued)}.product-try-on__content-details{margin:.8rem 0 0;font-size:1.2rem;font-weight:500}.product-try-on__content-options{display:grid;margin:1.6rem 0 0;grid-template-columns:repeat(6,1fr);gap:.8rem}.product-try-on__help-content{padding:0 0 3.2rem;overflow:auto;max-height:37rem}@media screen and (min-width: 989px){.product-try-on__responsive .product-try-on__help-content{padding:0;max-height:30rem}}.product-try-on__rte{gap:.8rem}.product-try-on__rte:after{display:none}.product-try-on__rte h1,.product-try-on__rte h2,.product-try-on__rte h3,.product-try-on__rte h4,.product-try-on__rte h5,.product-try-on__rte h6{font-size:1.4rem;line-height:1;margin:0;color:var(--theme-color-subdued);font-weight:400;padding:0}.product-try-on__rte h1:empty,.product-try-on__rte h2:empty,.product-try-on__rte h3:empty,.product-try-on__rte h4:empty,.product-try-on__rte h5:empty,.product-try-on__rte h6:empty{display:none}.product-try-on__rte p,.product-try-on__rte ul,.product-try-on__rte ol,.product-try-on__rte li{font-size:1.2rem;line-height:1.3;margin:0 0 1.6rem;color:var(--theme-color-ink);font-weight:400;padding:0}.product-try-on__rte li{margin:0}@media screen and (min-width: 989px){.product-try-on__responsive .product-try-on__band-content.product-try-on__rte p{color:var(--theme-color-ink);margin:0}.product-try-on__responsive .product-try-on__band-content.product-try-on__rte{gap:1.6rem}}.product-try-on__help-cta{font-size:1.2rem;font-weight:500;padding:1.2rem 1.6rem;gap:.8rem;margin:2.4rem 0 0}.product-try-on__rte .product-try-on__band-circ{font-size:2.1rem;line-height:1.4;margin:-.8rem 0 0}.product-try-on__tabs{--tab-transition-duration: .6s;--tab-transition-curve: cubic-bezier(.45,.05,.55,.95);position:absolute;bottom:1.2rem;left:50%;transform:translate(-50%);width:calc(100% - 2.4rem);background-color:var(--theme-color-reverse);border-radius:.5rem;z-index:2;padding:1.6rem;max-width:50rem}.product-try--on__tab-toggles{margin:.8rem 0 0;display:flex;justify-content:space-between;align-items:center;gap:.8rem}.product-try-on__tabs-holder{display:grid;grid-template-areas:"stack";overflow:hidden;transition:all var(--tab-transition-duration) var(--tab-transition-curve)}.product-try-on__tabs-tab{grid-area:stack;padding:0 0 1.6rem;opacity:1;transition:all var(--tab-transition-duration) var(--tab-transition-curve);transition-delay:0;height:fit-content;visibility:hidden;opacity:0}.product-try-on__tabs-tab.active{visibility:visible;opacity:1}.product-try--on__content-holder{position:absolute;display:flex;flex-direction:column;gap:.8rem;top:50%;transform:translateY(-50%);left:2.4rem;width:100%;max-width:42.3rem}.product-try--on__content-block{padding:1.6rem;border-radius:.5rem;background-color:var(--theme-color-reverse)}.product-try--on__content-block--heading{display:flex;justify-content:space-between}.product-try--on__accordion-button{color:var(--theme-color-ink);display:flex;width:100%;justify-content:space-between;align-items:center;font-size:1.4rem;line-height:1;color:var(--theme-color-subdued)}.product-try--on__accordion-icon{width:1.6rem;height:1.6rem}.product-try--on__accordion-icon svg{width:100%;height:100%}.product-try--on__accordion-item-description .product-try-on__help-content{margin:1.6rem 0 0}.product-try-on__hide-mobile{display:none}@media screen and (min-width: 989px){.product-try-on__responsive .product-try-on__hide-desktop{display:none}.product-try-on__responsive .product-try-on__hide-mobile{display:block}}
/*# sourceMappingURL=/cdn/shop/t/290/assets/snippet-product-try-on.css.map */