quick-add-to-cart{position:relative;display:block;overflow:hidden}quick-add-to-cart:has(.quick-add-popover.active){overflow:visible;z-index:999}.quick-add-popover{position:absolute;top:100%;left:0;z-index:999;background-color:rgb(var(--color-background));border:1px solid rgba(var(--color-foreground),.1);border-radius:.5rem;box-shadow:0 4px 12px #00000026;padding:1rem;min-width:220px;max-width:280px;margin-top:.5rem;opacity:0;visibility:hidden;transform:translateY(-10px);transition:opacity .2s ease,transform .2s ease,visibility .2s}.quick-add-popover.active{opacity:1;visibility:visible;transform:translateY(0)}.quick-add-popover__loading{display:flex;justify-content:center;padding:1rem}.quick-add-popover__loading.hidden{display:none}.quick-add-popover__content{width:100%}.quick-add-popover__options{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.quick-add-popover__option{display:flex;flex-direction:column;gap:.25rem}.quick-add-popover__label{font-size:.875rem;font-weight:500;color:rgb(var(--color-foreground))}.quick-add-popover__select{width:100%;padding:.5rem 2rem .5rem .75rem;font-size:.875rem;border:1px solid rgba(var(--color-foreground),.2);border-radius:.375rem;background-color:rgb(var(--color-background));color:rgb(var(--color-foreground));-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='currentColor'%3E%3Cpath fill-rule='evenodd' d='M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z' clip-rule='evenodd'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .5rem center;background-size:1.25rem;cursor:pointer;transition:border-color .15s ease}.quick-add-popover__select:hover{border-color:rgba(var(--color-foreground),.4)}.quick-add-popover__select:focus{outline:none;border-color:rgb(var(--color-foreground))}.quick-add-popover__actions{margin-top:.75rem}.quick-add-popover__add-button{width:100%;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1rem;font-size:.875rem;min-height:40px}.quick-add-popover__add-button:disabled{opacity:.6;cursor:not-allowed}.quick-add-popover__add-button .loading-overlay__spinner{width:1.25rem;height:1.25rem}.quick-add-popover__add-button .loading-overlay__spinner.hidden,.quick-add-popover__adding-text.hidden,.quick-add-popover__added-text.hidden,.quick-add-popover__unavailable-text.hidden{display:none}.quick-add-popover__error{color:rgb(var(--color-error, 200, 50, 50));font-size:.875rem;text-align:center;padding:.5rem}.quick-add-error{position:absolute;bottom:calc(100% + .5rem);left:50%;transform:translate(-50%);background-color:rgb(var(--color-error, 200, 50, 50));color:#fff;padding:.5rem 1rem;border-radius:.375rem;font-size:.75rem;white-space:nowrap;z-index:101;animation:quick-add-error-fade 3s ease forwards}@keyframes quick-add-error-fade{0%,80%{opacity:1}to{opacity:0}}.quick-add-popover:before{content:"";position:absolute;top:-6px;left:1rem;width:12px;height:12px;background-color:rgb(var(--color-background));border-left:1px solid rgba(var(--color-foreground),.1);border-top:1px solid rgba(var(--color-foreground),.1);transform:rotate(45deg)}.quick-add-popover[style*=bottom]{margin-bottom:.5rem}.quick-add-popover[style*=bottom]:before{top:auto;bottom:-6px;transform:rotate(225deg)}@media screen and (max-width:749px){.quick-add-popover{min-width:200px;max-width:260px}.quick-add-popover__select{padding:.625rem 2rem .625rem .75rem}}.product-grid quick-add-to-cart{border:none!important;width:100%;padding:0}quick-add-to-cart .quick-add__submit{display:flex;align-items:center;justify-content:center;gap:.5rem;background-color:#515455;border-color:#515455;border-radius:8px;text-transform:capitalize}quick-add-to-cart .quick-add__submit.loading{color:inherit}quick-add-to-cart .quick-add__submit.loading .loading-overlay__spinner{display:inline-flex!important;position:static;transform:none;height:auto;width:1.25rem}quick-add-to-cart .quick-add__submit.loading .loading-overlay__spinner .spinner{width:1.25rem;height:1.25rem}
/*# sourceMappingURL=/cdn/shop/t/4/assets/quick-add-to-cart.css.map */