.product-vto-modal{box-sizing:border-box;height:100%;width:100%;position:fixed;top:0;left:0;z-index:-1;opacity:0;pointer-events:none;transform:scale(1.08);margin:0!important}.button--vto{--color-button-background: var(--color-highlight);--color-button-border: var(--color-highlight);--color-button-text: var(--color-background)}@media screen and (hover:hover){.button--vto:hover{color:rgb(var(--color-foreground));border-color:rgb(var(--color-foreground));background-color:rgb(var(--color-background));transition-delay:0s}}.card-information__button .popup-modal__opener--vto{min-width:50%}.product-vto-modal{margin:0;display:flex;justify-content:center;align-items:center;background-color:rgba(var(--color-overlay),.5)}@media screen and (min-width:750px){.product-vto-modal{padding:0}}.product-vto-modal>div{width:100%;max-width:62rem}.product-vto-modal[open]{z-index:102;opacity:1;pointer-events:visible;transform:scale(1);transition-property:opacity,transform;transition-timing-function:ease;transition-duration:var(--duration-long)}.mini-cart--open .product-vto-modal[open]{z-index:29}.product-vto-modal__content{overflow:auto;width:100%;background-color:rgb(var(--color-background));max-height:var(--viewport-height, 100vh);position:relative}.vto-mobile-wrapper{position:relative;min-height:45rem}.vto-mobile-wrapper .loading-overlay{width:100%;height:100%;display:flex;justify-content:center;align-items:center;flex-flow:column;background-color:rgba(var(--color-highlight),.1);color:rgb(var(--color-base-accent));row-gap:1rem}@keyframes progress{0%{--percentage: 0}to{--percentage: var(--value)}}@property --percentage{syntax: "<number>"; inherits: true; initial-value: 0;}.vto-mobile-wrapper [role=progressbar]{--percentage: var(--value);--primary: rgb(var(--color-highlight));--secondary: rgb(var(--color-base-background));color:var(--primary);animation:progress 2s .5s forwards;width:20rem;aspect-ratio:1;border-radius:50%;position:relative;overflow:hidden;display:grid;place-items:center}.vto-mobile-wrapper [role=progressbar]:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:conic-gradient(var(--primary) calc(var(--percentage) * 1%),var(--secondary) 0);mask:radial-gradient(white 60%,transparent 0);mask-mode:alpha;-webkit-mask:radial-gradient(#0000 60%,#000 0);-webkit-mask-mode:alpha}.vto-mobile-wrapper [role=progressbar]:after{counter-reset:percentage var(--value);content:counter(percentage) "%";font-size:2.4rem;font-weight:bolder;color:var(--primary);padding-top:5.4rem;font-family:var(--font-heading-family)}.vto-mobile-wrapper [role=progressbar] .icon{width:5.4rem;height:5.4rem;position:absolute;top:50%;margin-top:-5.4rem}.vto-mobile-wrapper p{padding:1.5rem 3rem;text-align:center;margin:0}.product-vto-modal__toggle{color:rgb(var(--color-foreground));background-color:rgb(var(--color-background));box-shadow:0 0 4rem rgba(var(--color-foreground),.2);border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:1.2rem;position:absolute;top:.4rem;right:.2rem;z-index:2;width:4.4rem;height:4.4rem}@media screen and (min-width:750px){.product-vto-modal__toggle{right:.4rem;top:.4rem}}.product-vto-modal__toggle .icon{pointer-events:none;display:block;position:relative;width:2rem;height:2rem;transform:rotate(45deg);transition:transform var(--duration-default) ease}@media screen and (hover:hover){.product-vto-modal__toggle:hover .icon{transform:scale(.8) rotate(135deg)}}.vto-swatch__list{padding:1rem .8rem;margin-bottom:-.2rem;column-gap:.5rem;scroll-padding-inline-start:.8rem;scroll-padding-inline-end:.8rem}.vto-swatch__list+.slider-buttons{display:none}@media screen and (min-width:750px){.YMK-swatchs slider-component{position:relative;display:block}.vto-swatch__list{scroll-padding-inline-start:4.4rem;scroll-padding-inline-end:4.4rem}.vto-swatch__list>li:first-child{margin-left:4.4rem}.vto-swatch__list>li:last-child{margin-right:4.4rem}.vto-swatch__list.slider--buttons-side+.slider-buttons .slider-button{height:100%;display:block;background:linear-gradient(to left,rgba(var(--color-background),0),rgba(var(--color-background),1))}.vto-swatch__list.slider--buttons-side+.slider-buttons .slider-button--next{background:linear-gradient(to right,rgba(var(--color-background),0),rgba(var(--color-background),1))}}.vto-swatch__list .vto-swatch__item{width:6rem;max-width:6rem}.vto-swatch__list .vto-color__swatch{text-indent:-9999px;width:6rem;height:6rem;box-shadow:none;display:flex;align-items:center;justify-content:center;position:relative;margin:2px 0}.vto-checkbox{cursor:pointer}.vto-checkbox input[type=radio]{clip:rect(0,0,0,0);overflow:hidden;position:absolute;height:.1rem;width:.1rem;appearance:none;-webkit-appearance:none}.vto-swatch__list .vto-color__swatch:before,.vto-swatch__list .vto-color__swatch:after{content:"";position:absolute;width:100%;height:100%;border-radius:50%;background:var(--swatch-background);background-size:cover;transition:transform var(--duration-long) ease}.vto-swatch__list .vto-color__swatch:before,.vto-swatch__list .vto-color__swatch:after{box-shadow:inset 0 0 0 .1rem rgb(var(--color-border))}.vto-swatch__list input:checked+.vto-color__swatch:before,.vto-swatch__list input:checked+.vto-color__swatch:after{box-shadow:0 0 0 .2rem rgb(var(--color-button-background))}.vto-color__swatch-label{text-align:center;font-size:70%;margin-top:.8rem;display:block;font-weight:bolder;overflow-x:hidden;white-space:nowrap;text-overflow:ellipsis}.vto-swatch__list .vto-color__swatch-label{padding-bottom:0;cursor:pointer}
/*# sourceMappingURL=/cdn/shop/t/192/assets/component-product-vto.css.map */
