.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);min-width:300px}@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:center;gap:2rem;padding-bottom:2rem}.xo-sticky-variant-modal__variant-list .xo-product-variant__top,.xo-sticky-variant-modal__variant-list .xo-product-variant__inner-name{justify-content:center}.xo-sticky-variant-modal__variant-list .xo-product-variant__value-selected{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-group .xo-field-radio--boxed .xo-field-radio__label.is-active{border-color:rgba(var(--color-button));background-color:rgba(var(--color-button));color:#fff;border-width:.15rem;font-weight:600}.xo-sticky-variant-modal__variant-item{display:flex;align-items:center;justify-content:center;padding-bottom:2.4rem}.acupet-modal-variants{padding-bottom:.5rem}.acupet-modal-variants__group{display:flex;align-items:center;justify-content:center;padding-bottom:2.4rem}.acupet-modal-variants__group:last-child{padding-bottom:0}.acupet-modal-variants__options{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.5rem}.acupet-mv-option{display:inline-flex;cursor:pointer;margin:0;padding:0;border:none;background:none}.acupet-mv-option__input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.acupet-mv-option__label{display:inline-flex;align-items:center;justify-content:center;min-width:4.8rem;padding:1rem 1.4rem;border:.15rem solid transparent;border-radius:var(--button-radius, .4rem);font-size:calc(var(--font-body-scale) * 1.4rem);font-weight:500;line-height:1.2;color:rgba(var(--color-foreground),1);background-color:transparent;transition:border-color .2s,background-color .2s,color .2s}.acupet-mv-option:has(.acupet-mv-option__input:checked) .acupet-mv-option__label{border-color:rgba(var(--color-button),1);background-color:rgba(var(--color-button),1);color:#fff;font-weight:600}.acupet-mv-option__input:focus-visible+.acupet-mv-option__label{outline:.2rem solid rgba(var(--color-button),.5);outline-offset:.2rem}.acupet-mv-option__input:disabled+.acupet-mv-option__label{opacity:.5;cursor:not-allowed}.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{width:100%;pointer-events:none;cursor:not-allowed}.acupet-modal-quantity{padding:1.3rem 0;width:100%;display:flex;flex-direction:column;align-items:center;gap:10px}.acupet-modal-quantity__label{display:block;margin-bottom:.4rem;font-size:calc(var(--font-body-scale) * 1.4rem);color:rgba(var(--color-foreground),.85)}.acupet-modal-quantity__controls{display:flex;align-items:center;gap:0;border:.1rem solid rgba(var(--color-button),.4);border-radius:var(--button-radius, .4rem);width:fit-content}.acupet-modal-quantity__btn{padding:.8rem 1rem;border:none;background:transparent;color:rgba(var(--color-button),1);font-size:1.6rem;cursor:pointer;line-height:1}.acupet-modal-quantity__btn:hover{background:rgba(var(--color-button),.08)}.acupet-modal-quantity__input{width:3.6rem;padding:.8rem;border:none;border-inline:.1rem solid rgba(var(--color-button),.2);text-align:center;font-size:calc(var(--font-body-scale) * 1.5rem);-moz-appearance:textfield}.acupet-modal-quantity__input::-webkit-outer-spin-button,.acupet-modal-quantity__input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.xo-sticky-variant-modal__button-add-wrap{padding-top:1.2rem}.xo-sticky-variant-modal__form .xo-sticky-variant-modal__button-add{display:block;width:100%;padding:10px;border-radius:var(--button-radius)}
/*# sourceMappingURL=/cdn/shop/t/3/assets/sticky-variant-modal.css.map */