@keyframes buyProductModalLeft{0%{opacity:0;transform:scale(.3)}to{opacity:1;transform:scale(1)}}@keyframes buyProductModalRight{0%{opacity:0;transform:translate(150%)}to{opacity:1;transform:translate(0)}}.buy-product-modal{display:flex;justify-content:center;align-items:center;position:fixed;width:100%;height:100%;top:0;left:0;background:rgb(var(--color-background));z-index:999999999999999999;animation:toVisible .6s ease-in-out}.buy-product-modal .stepBar{content:"";display:block;width:0%;position:absolute;height:1rem;background-color:rgba(var(--color-accent-2));bottom:.1rem;left:-.5%;border-radius:10px;transition:width .4s ease-in-out}.buy-product-modal__dialog{display:flex;flex-direction:column;height:100%;width:80%}.toggle_container{display:flex;justify-content:space-between;align-items:center;width:50%}.buy-product-modal__prev,.buy-product-modal__toggle{background-color:transparent;outline:none;padding:1rem;transition:background-color .2s ease-in-out}.buy-product-modal__prev:hover,.buy-product-modal__toggle:hover{background-color:color-mix(in srgb,rgb(var(--color-button)),transparent 30%)}.buy-product-modal__prev svg{width:2.2rem}.buy-product-modal__toggle svg{width:2rem}.buy-product-modal__content .loading-spinner{width:100%;height:100%;justify-content:center}.buy-product-modal__content .loading-spinner .spinner-xs{--size: 60px;width:var(--size);height:var(--size)}.buy-product-modal__options-container .buy-product-modal__form .step{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem}.buy-product-modal__content-container{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:2rem;gap:1rem}.buy-product-modal__header{display:flex;justify-content:flex-end;align-items:center;gap:5rem;width:100%}.buy-product-modal__header .modal-title{display:flex;justify-content:flex-start;align-items:center;width:100%}.buy-product-modal__content{display:flex;justify-content:center;align-items:center;gap:1rem;width:100%;height:95%}.buy-product-modal__content>*{width:100%;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;height:90%}.buy-product-modal__media-container{width:100%;height:100%;border-radius:calc(var(--media-radius) - var(--media-border-width));animation:buyProductModalLeft .8s ease-in-out}.buy-product-modal__form,.final-step__content-container,.buy-product-modal__fieldset{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:2rem;width:100%;border:none}.buy-product-modal__options-container{padding:2rem;overflow-y:scroll;animation:buyProductModalRight .8s ease-in-out;gap:5rem}@supports (scrollbar-color: auto){.buy-product-modal__options-container{scrollbar-color:#a8a8a8 #f5f5f5}}@supports selector(::-webkit-scrollbar){.buy-product-modal__options-container::-webkit-scrollbar-thumb{background:#a8a8a8;border-radius:10px}.buy-product-modal__options-container::-webkit-scrollbar{background:#f5f5f5}}.buy-product-modal__fieldset .step__title{position:relative;cursor:default}.buy-product-modal__fieldset .step__title:after{content:"";width:100%;position:absolute;height:2px;background-color:rgba(var(--color-accent-1));bottom:1rem}.buy-product-modal__fieldset .field__container{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;gap:1rem}.buy-product-modal__options-container .field__container:after{content:"";display:block;width:100%;height:1px;background-color:#000;opacity:.1}.buy-product-modal__options-container .final-step__content-container .final-step__content,.buy-product-modal__options-container .field__container .field__content{display:flex;flex-direction:row-reverse;justify-content:space-between;align-items:center;width:100%}.buy-product-modal__options-container .field__container .field__content .label__container{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:.5rem;width:75%;max-width:75%}.buy-product-modal__options-container .field__container .field__content .label__container .label__name,.buy-product-modal__options-container .field__container .field__content .label__container .label__name span{width:fit-content;padding:.3rem;position:relative}.buy-product-modal__options-container .field__container .field__content .label__container .label__name span{color:#fff;z-index:1}.buy-product-modal__options-container .field__container .field__content .input-radio{aspect-ratio:1;width:1rem;position:relative;opacity:.2;padding:1rem;box-shadow:none;background:none;border:none}.buy-product-modal__options-container .field__container .field__content .input-radio:after,.buy-product-modal__options-container .field__container .field__content .input-radio:before{content:"";z-index:1;position:absolute;left:0;top:0;width:100%;aspect-ratio:1;border-radius:50%}.buy-product-modal__options-container .field__container .field__content .input-radio:before{border:2px solid rgba(var(--color-secondary-button))}.buy-product-modal__options-container .field__container .field__content:hover .input-radio:after{width:60%;top:20%;left:20%;background-color:rgba(var(--color-secondary-button))}.buy-product-modal__options-container .field__container .field__content:hover .input-radio,.buy-product-modal__options-container .field__container .field__content:hover .label__container .label__name:after,.buy-product-modal__options-container .field__container .field__content .label__container.checked .label__name:after{opacity:1}.buy-product-modal__options-container .field__container .field__content .label__container .label__name:after{content:"";position:absolute;width:100%;height:100%;background-color:rgba(var(--color-foreground));opacity:.5;top:0;left:0;border-radius:var(--border-radius-base)}.buy-product-modal__options-container .field__container .field__content .label__container>p{font-size:clamp(1.2rem,.92vw,calc(var(--font-body-scale) * 1.4rem))}.buy-product-modal__options-container .field__container .field__content .input__container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem}.final-step__content-container .price__regular span,.input__container .price__regular span{font-size:1.5rem}.step .step-footer__container{padding:2rem 4rem;display:flex;justify-content:space-evenly;align-items:center;width:100%;position:relative}.step .step-footer__container>*{font-size:1.2rem;line-height:1.5;margin:0}.final-step{gap:2rem}.final-step .final-step__content{padding:2rem;position:relative}.step .final-step__content:before,.step .step-footer__container:before{content:"";display:block;width:100%;height:100%;opacity:.1;border:1px solid black;border-radius:var(--border-radius-base);position:absolute;top:0;left:0}.final-step .final-step__content:before{opacity:.3}.final-step .subtotal-container{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.final-step .subtotal{display:flex;justify-content:space-between;align-items:center;width:100%;text-align:right;padding:1rem 2rem}.final-step .subtotal .subtotal-title h2{margin:0}.final-step .subtotal .price-item--regular{font-size:clamp(1.8rem,1.5vw,2.2rem)}.final-step .final-step-message .final-step-message__text{text-align:center}@media screen and (min-width:820px)and (max-width:1200px){.buy-product-modal__options-container .field__container .field__content .label__container{width:70%}}@media screen and (max-width:820px){.buy-product-modal__dialog,.toggle_container{width:100%}.buy-product-modal__content{flex-direction:column;height:82%;gap:2rem}.buy-product-modal__media-container,.buy-product-modal__media-container .media{height:45%}.buy-product-modal__header .modal-title *{font-size:clamp(2rem,4.2vw,5rem);width:100%;text-align:center}.step .step-footer__container{flex-direction:column-reverse}}@media screen and (min-width:480px){.buy-product-modal__options-container .field__container .field__content .input__container{width:25%}}@media screen and (max-width:480px){.buy-product-modal__media-container{display:none}.buy-product-modal__content{height:95%;justify-content:flex-start}.buy-product-modal__prev,.buy-product-modal__toggle{min-width:unset}.buy-product-modal__header{justify-content:space-between}.buy-product-modal__toggle svg{width:15px}.buy-product-modal__options-container{height:100%}.buy-product-modal__options-container .field__container .field__content .input__container{align-self:flex-end}.buy-product-modal__options-container .field__container .field__content .label__container{width:100%;max-width:none}.buy-product-modal__options-container .field__container .field__content .label__container .label__name,.buy-product-modal__options-container .field__container .field__content .label__container .label__name span{font-size:1.4rem}.buy-product-modal__options-container .final-step__content-container .final-step__content,.buy-product-modal__options-container .field__container .field__content{flex-direction:column-reverse;justify-content:space-between}.buy-product-modal__options-container .final-step__content-container .final-step__content>*{width:100%}.buy-product-modal__options-container .final-step__content-container .final-step__content>.price__container{text-align:right}.final-step .subtotal .installments{font-size:1.1rem}}
/*# sourceMappingURL=/cdn/shop/t/213/assets/buy-product-modal.css.map */