.addon-modal{--modal-padding: 2.5rem;--modal-height-offset: 5rem;display:flex;width:100%;max-width:80vw;height:100%;max-height:calc(100% - var(--modal-height-offset) * 2);overflow:hidden;background-color:rgba(var(--color-background),1);padding:var(--modal-padding);position:absolute;top:50%;left:50%;opacity:0;transform:translate(-50%,-50%) scale(.85);transition:all var(--duration-medium) cubic-bezier(0,0,.3,1);transition-delay:var(--duration-short);border-radius:1.5rem;border-color:rgba(var(--color-foreground),var(--popup-border-opacity));border-style:solid;border-width:var(--popup-border-width);box-shadow:var(--popup-shadow-horizontal-offset) var(--popup-shadow-vertical-offset) var(--popup-shadow-blur-radius) rgba(var(--color-shadow),var(--popup-shadow-opacity))}.addon-modal .loading .hide-on-loading{visibility:hidden}.active .addon-modal{opacity:1;transform:translate(-50%,-50%) scale(1)}.addon-modal__content{width:100%;display:block}.addon-modal__content .icon.icon-cart{--size: 3.2rem;width:var(--size);height:var(--size)}.addon-modal .close-button{border:.1rem solid rgba(var(--color-foreground),.1);border-radius:50%;color:rgba(var(--color-foreground),.55);display:flex;align-items:center;justify-content:center;cursor:pointer;padding:1.2rem;z-index:5;width:4rem;position:fixed;top:1.5rem;right:1.5rem;background-color:rgba(var(--color-link));color:rgba(var(--color-background))}.addon-modal .close-button svg{width:var(--size);height:var(--size);--size: 1.2rem;stroke:rgba(var(--color-background))}.addon-modal__title{text-align:left;text-align:start;margin-bottom:2rem}[dir=rtl] .addon-modal__title{margin-right:4.1rem}.addon-modal .card__content{padding-bottom:1.25rem}.addon-modal__tab-wrapper{overflow-x:auto;width:100%;margin-bottom:1rem}.addon-modal__bottom-tab-container,.addon-modal__tab-container{display:flex;align-items:center;justify-content:flex-start;gap:1.5rem;margin-bottom:1rem}.addon-modal__bottom-tab-container{flex-direction:row-reverse}.addon-modal__content .error-message{color:salmon}.addon-modal__bottom-tab-container .btn,.addon-modal__tab-container .btn{display:flex;flex-direction:row;justify-content:center;align-items:center;-webkit-appearance:none;appearance:none;outline:none;border:none;border-radius:var(--inputs-radius);background:rgba(var(--color-background));border:1px solid rgba(var(--color-link));padding:.6rem 1.4rem;white-space:nowrap}.addon-modal__tab-container .btn.active{background-color:rgba(var(--color-link));color:rgba(var(--color-background))}.addon-modal__bottom-tab-container .btn{padding:.8rem 1.6rem;background-color:rgba(var(--color-link));color:rgba(var(--color-background));position:relative}.addon-modal__bottom-tab-container .btn .spinner{display:none;max-width:2.3rem;width:100%;height:auto;position:absolute}.addon-modal__bottom-tab-container .btn .spinner .path{stroke:rgb(var(--color-background))}.addon-modal__bottom-tab-container .btn.loading .spinner{display:block}.addon-modal__content .card__content .addon-button{grid-row-start:3;gap:.8rem;flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:center}.addon-modal__content .card__content .card__heading a:after{bottom:7rem}.addon-modal__content .card__content .addon-button.added{pointer-events:none}.addon-modal__content .card__content .addon-button .atc-icon .icon.icon-cart-empty{--size: 1.8rem;width:var(--size);height:var(--size)}.addon-modal__content .card__content .addon-button .added-icon,.addon-modal__content .card__content .addon-button.added .atc-icon,.addon-modal__content .card__content .addon-button.added .atc-text{display:none}.addon-modal__content .card__content .addon-button.added .added-icon{display:block}.addon-modal__content .card__content .addon-button.added .added-icon .icon.icon-checkmark{stroke:rgba(var(--color-link));fill:none;stroke-width:2px;stroke-linecap:round}.addon-category{margin-bottom:2rem}.addon-category__title{margin-bottom:1rem}.addon-modal .product-grid{--modal-height-offset: 8rem;overflow-y:auto;overflow-x:hidden;max-height:calc(100% - var(--modal-height-offset) * 2);padding-top:10px}.addon-category__products{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem}@media screen and (max-width: 750px){.addon-modal{--modal-height-offset: 2.5rem;max-width:100vw;top:unset;bottom:0;transform:translate(-50%,100%);padding:var(--modal-padding) 1.4rem}.addon-modal .product-grid{row-gap:min(var(--grid-mobile-vertical-spacing),1.5rem)}.active .addon-modal{transform:translate(-50%);border-radius:1.5rem 1.5rem 0rem 0rem}.addon-modal__content .icon.icon-cart{--size: 1.5rem}.addon-modal__content .card__content .addon-button{min-height:calc(3.7rem + var(--buttons-border-width) * 2)}}@media screen and (min-width: 768px) and (max-width: 1024px){.addon-modal .product-grid .grid__item{width:calc(33.33% - var(--grid-desktop-horizontal-spacing) * 2 / 3);max-width:calc(33.33% - var(--grid-desktop-horizontal-spacing) * 2 / 3)}}@media screen and (min-width: 1024px) and (max-width: 1500px){.addon-modal .product-grid .grid__item{width:calc(25% - var(--grid-desktop-horizontal-spacing) * 3 / 4);max-width:calc(25% - var(--grid-desktop-horizontal-spacing) * 3 / 4)}}.addon-modal__content .card__content .addon-product-quantity{display:flex;justify-content:center;margin-top:1rem}.addon-modal__content .card__content .addon-product-quantity .quantity{width:100%;display:flex;align-items:center;gap:.5rem}.addon-modal__content .card__content .addon-product-quantity .quantity__input{height:3.2rem;width:3.2rem;padding:0;text-align:center;flex-grow:1}.addon-modal__content .card__content .addon-product-quantity .quantity__button{width:3.2rem;height:3.2rem;display:flex;align-items:center;justify-content:center;font-size:1.6rem;font-weight:700;background:rgba(var(--color-link),.05);border:1px solid rgba(var(--color-foreground),.1);border-radius:50%;cursor:pointer;transition:all .2s ease;margin-left:1rem;margin-right:1rem;padding-bottom:4px}.addon-modal__content .card__content .addon-product-quantity .quantity__button:hover{background:rgba(var(--color-foreground),.05)}.addon-modal__content .card__content .addon-button.added+.addon-product-quantity{display:flex}.addon-modal__content .card__content{display:flex;flex-direction:column;gap:.5rem}.addon-modal__content .card__content .addon-product-quantity{order:3;margin-top:.5rem}.addon-modal__content .card__content .addon-button{order:3}.addon-modal__content .card__content .addon-button.added{display:none}.addon-modal__content .quantity__input:focus-visible{background-color:unset;outline:none;box-shadow:none;outline-offset:0}@media (max-width: 364px){.addon-modal__content .quantity__button.addon-quantity-minus{margin-left:5px!important}.addon-modal__content .quantity__button.addon-quantity-plus{margin-right:5px!important}.addon-modal__content .card__content .addon-product-quantity .quantity__button{margin-left:unset;margin-right:unset}}
/*# sourceMappingURL=/cdn/shop/t/89/assets/product-addon.css.map */