.product-variant-modal{opacity:0;pointer-events:none;position:fixed;top:0;right:0;height:100%;width:100%;transform:translate(100%);transition:all .3s var(--ease-out-slow);z-index:1003;background-color:rgb(var(--color-drawer-background));isolation:isolate;will-change:transform,opacity;display:flex;flex-direction:column;max-width:332px}@media(min-width:768px){.product-variant-modal{max-width:448px}}.product-variant-modal+modal-dialog[open]{z-index:1004}.product-variant-modal.active{pointer-events:all;opacity:1;transform:translate(0)}.product-variant-modal__overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:rgba(var(--color-overlay) / .7);-webkit-backdrop-filter:blur(var(--backdrop-blur));backdrop-filter:blur(var(--backdrop-blur));opacity:0;visibility:hidden;transition:all .25s var(--ease-out-slow);pointer-events:none;z-index:1002}.product-variant-modal__overlay.active{opacity:1;visibility:visible;pointer-events:all}body.variant-modal-open{overflow:hidden;padding-right:var(--scrollbar-width)}.product-variant-modal__content{overflow-y:auto;height:100%;display:flex;flex-direction:column}.product-variant-modal__close{position:absolute;right:1.6rem;z-index:10;top:1rem}@media(min-width:1024px){.product-variant-modal__close{top:1.3rem}}.product-variant-modal__inner{flex:1;display:flex;flex-direction:column}.product-variant-modal__head{padding:1.9rem 1.6rem}@media(min-width:1024px){.product-variant-modal__head{padding:2.3rem 1.6rem}}.product-variant-modal__product{display:flex;flex-direction:column;gap:2.4rem;flex:1}.product-variant-modal__gallery{width:100%;position:relative;overflow:hidden}.product-variant-modal__gallery .modal-carousel{width:100%}.product-variant-modal__gallery .splide__slide img{width:100%;height:auto;display:block}.product-variant-modal__gallery .splide__arrows{display:flex;justify-content:space-between;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%);pointer-events:none;padding:0 1.6rem}.product-variant-modal__gallery .splide__arrow{pointer-events:all;background:rgba(var(--color-background) / .9);border:1px solid rgb(var(--color-border));border-radius:50%;width:4rem;height:4rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.product-variant-modal__gallery .splide__arrow:hover{background:rgb(var(--color-background))}.product-variant-modal__gallery .splide__arrow:disabled{opacity:.3;cursor:not-allowed}.product-variant-modal__gallery .splide__arrow svg{width:1.6rem;height:1.6rem}.product-variant-modal__info,.product-variant-modal__actions{padding:0 1.6rem}.product-variant-modal__title{margin-bottom:1.3rem}@media(min-width:1024px){.product-variant-modal__title{margin-bottom:1.6rem}}.product-variant-modal__price{font-weight:500}.product-variant-modal__price .price-item--regular:has(+.price-item--sale){color:var(--secondary-grey)}.product-variant-modal__price .price-item--sale{color:var(--system-error);margin-left:.8rem}.product-variant-modal__badge{margin-top:1.6rem;text-transform:uppercase;display:flex;gap:.4rem}.product-variant-modal__variants{display:flex;flex-direction:column-reverse;gap:2.4rem;border-top:1px solid var(--light-grey);margin-top:2.4rem;padding:2.4rem 0}.product-variant-modal__actions{display:flex;flex-direction:column;gap:1.2rem;margin-top:auto;padding-top:1.6rem;border-top:1px solid var(--light-grey);padding-bottom:1.2rem}.product-variant-modal__view-product{text-align:center;text-decoration:underline;cursor:pointer}.product-variant-modal__actions button:disabled{opacity:.5;cursor:not-allowed;background-color:var(--mid-grey);border-color:var(--mid-grey);color:var(--tertiary-grey)}.variant-option{display:flex;flex-direction:column;gap:1rem}.variant-option:not(:first-child){position:relative;padding-bottom:2.4rem}.variant-option:not(:first-child):after{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background-color:var(--light-grey)}.variant-option .variant-option__head{display:flex;justify-content:space-between}.variant-option .variant-option__head a{text-decoration:underline;text-underline-offset:.4rem}.variant-option .variant-option__label .variant-option__label-value{font-weight:400}.variant-option__label{font-size:1.4rem;font-weight:500}.variant-option__values{display:flex;flex-wrap:wrap;gap:.8rem}.variant-option__value{padding:.8rem 1.6rem;border:1px solid rgb(var(--color-border));background-color:transparent;cursor:pointer;transition:all .2s ease;font-size:1.4rem;flex:1}.variant-option__value:hover{border-color:var(--primary-grey)}.variant-option__value.active{border-color:var(--color-foreground);background-color:var(--color-foreground);color:var(--color-background)}.variant-option__value.disabled{opacity:.4;position:relative;text-decoration:line-through}.variant-option__values--color{gap:.4rem}.variant-option__value--swatch{padding:0;border:none;background:transparent;cursor:pointer;position:relative}.variant-option__value--swatch .swatch-color{--space-offset: 5px;--swacth-size: 20px;width:var(--swacth-size);height:var(--swacth-size);background:var(--swatch-color);display:block;cursor:pointer;margin:.4rem;position:relative;box-shadow:inset 0 0 0 1px #0000000d;background-size:cover}.variant-option__value--swatch .swatch-color:before{content:"";top:-.4rem;right:-.4rem;bottom:-.4rem;left:-.4rem;opacity:0;border-radius:inherit;will-change:transform;transition:opacity .15s ease-in-out;position:absolute;box-shadow:0 0 0 2px rgb(var(--color-foreground))}.variant-option__value--swatch.active .swatch-color:before{opacity:1}.variant-option__value--swatch.disabled{opacity:.4}.variant-option__value--swatch.disabled .swatch-color:after{content:"";display:block;position:absolute;top:.4rem;right:.4rem;bottom:.4rem;left:.4rem;background:linear-gradient(to bottom right,transparent calc(50% - 1px),rgb(var(--color-border)) 50%,transparent calc(50% + 1px)) no-repeat}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}
/*# sourceMappingURL=/cdn/shop/t/32/assets/product-variant-modal.css.map */