[xo-pfs]{--pfs-min: 10;--pfs-max: 60;--min-viewport: 40;--max-viewport: 120;--m: (var(--pfs-max) - var(--pfs-min)) / (var(--max-viewport) - var(--min-viewport));--size: clamp( calc(var(--pfs-min) * 1rem), calc( var(--m) * 100vw + var(--pfs-min) * 1rem - var(--m) * var(--min-viewport) * 1rem ), calc(var(--pfs-max) * 1rem) )}.xo-sticky-variant-modal{padding:2rem;width:100%}@media (min-width: 768px){.xo-sticky-variant-modal{width:51rem}}.xo-sticky-variant-modal__container{position:relative;padding:2.4rem;width:100%;background-color:color-mix(in srgb,rgba(var(--color-background)) 100%,transparent);border-radius:1.2rem;overflow:hidden}@media (min-width: 768px){.xo-sticky-variant-modal__container{padding:3.2rem;width:51rem}}@media (min-width: 992px){.xo-sticky-variant-modal__container{padding:4.3rem}}.xo-sticky-variant-modal__wrapper{display:flex;align-items:center;justify-content:space-between;gap:2rem;padding-bottom:2rem}.xo-sticky-variant-modal__variant-list{padding-bottom:1rem}.xo-sticky-variant-modal__variant-list .xo-product-variant__inner-selected-value{display:none}.xo-sticky-variant-modal__variant-list .xo-product-variant__inner-value{justify-content:start}.xo-sticky-variant-modal__variant-list .xo-product-variant__inner-name{color:rgba(var(--color-foreground));font-size:calc(var(--font-body-scale) * 1.4rem);font-weight:500;line-height:calc(1 + .4 / var(--font-body-scale));text-transform:uppercase}.xo-sticky-variant-modal__variant-item{padding-bottom:1.2rem}.xo-sticky-variant-modal__close{display:flex;align-items:center;justify-content:center;padding:.8rem;overflow:hidden;transition:all .3s;position:absolute;top:1.2rem;border-radius:50%}[dir=ltr] .xo-sticky-variant-modal__close{right:1.2rem}[dir=rtl] .xo-sticky-variant-modal__close{left:1.2rem}.xo-sticky-variant-modal__close svg{transition:all .3s;will-change:transform}.xo-sticky-variant-modal__close:hover{background-color:color-mix(in srgb,rgba(var(--color-button)) 100%,transparent);cursor:pointer}.xo-sticky-variant-modal__close:hover svg{color:color-mix(in srgb,rgba(var(--color-button-text)) 100%,transparent);transform:rotate(90deg)}.xo-sticky-variant-modal__button{display:flex;justify-content:flex-end}.xo-sticky-variant-modal__quantity{width:100%;padding-bottom:1rem}.xo-sticky-variant-modal__quantity .xo-quantity--md{width:100%}.xo-sticky-variant-modal__button-add[xo-disabled]{opacity:.6;cursor:not-allowed}.xo-sticky-variant-modal__button-add[xo-disabled] .xo-btn{pointer-events:none}
/*# sourceMappingURL=/cdn/shop/t/8/assets/sticky-variant-modal.css.map */