.xo-sticky-variant-modal{padding:2rem;width:100%}@media (min-width: 768px){.xo-sticky-variant-modal{width:51rem}}.xo-sticky-variant-modal .xo-sticky-variant-modal__button-add{display:block;padding-top:1.2rem}.xo-sticky-variant-modal__container--radius{border-radius:1.2rem;overflow:hidden}.xo-sticky-variant-modal__container--radius .xo-sticky-variant-modal__close{border-radius:50%}.xo-sticky-variant-modal__container{position:relative;padding:2.4rem;width:100%;background-color:color-mix(in srgb,rgba(var(--color-background)) 100%,transparent)}@media (min-width: 768px){.xo-sticky-variant-modal__container{padding:3.2rem}}@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 .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-list .xo-field-select-custom__popover{width:var(--xo-popover-trigger-width);min-width:unset}.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}[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{padding-top:2rem}.xo-sticky-variant-modal__button .xo-btn{width:100%}.xo-sticky-variant-modal__quantity{height:100%;width:100%}.xo-sticky-variant-modal__quantity .xo-quantity{width:100%;height:100%;padding:1.3rem .8rem;border:.1rem solid rgba(var(--color-button),.4)}@media (max-width: 767px){.xo-sticky-variant-modal__quantity .xo-quantity{padding:1rem .8rem}}.xo-sticky-variant-modal__quantity .xo-quantity--radius{border-radius:var(--button-radius)}.xo-sticky-variant-modal__quantity .xo-quantity--radius .xo-quantity__button{border-radius:50%}.xo-sticky-variant-modal__quantity .xo-quantity__number{color:color-mix(in srgb,rgba(var(--color-button)) 100%,transparent);font-size:calc(var(--font-body-scale) * 1.5rem);line-height:calc(1 + .45 / var(--font-body-scale));letter-spacing:calc(var(--font-body-scale) * -.0015rem)}@media (min-width: 768px){.xo-sticky-variant-modal__quantity .xo-quantity__number{font-size:calc(var(--font-body-scale) * 1.6rem);line-height:calc(1 + .45 / var(--font-body-scale));letter-spacing:calc(var(--font-body-scale) * -.016rem)}}.xo-sticky-variant-modal__quantity .xo-quantity__button{padding:.8rem;transition:all .3s ease-in-out}.xo-sticky-variant-modal__quantity .xo-quantity__button:hover{background-color:color-mix(in srgb,rgba(var(--color-gray-button)) 100%,transparent);color:color-mix(in srgb,rgba(var(--color-gray-button-text)) 100%,transparent)}.xo-sticky-variant-modal__quantity svg{color:color-mix(in srgb,rgba(var(--color-button)) 100%,transparent)}.xo-sticky-variant-modal__button-add[xo-disabled]{cursor:not-allowed;opacity:.6;pointer-events:none}.xo-sticky-variant-modal__button-add[xo-disabled] .xo-btn{pointer-events:none;cursor:not-allowed}
/*# sourceMappingURL=/cdn/shop/t/12/assets/sticky-variant-modal.css.map */