.ast-card-media-actions{position:relative}.ast-card-quick-add-fallback{width:100%}.ast-card-quick-add-fallback .ast-card-quick-add{display:block;position:relative;width:44px;margin:0}.ast-card-media-actions .ast-card-quick-add,.collection-tabs__image-wrap .ast-card-quick-add{display:block;position:absolute;z-index:2;right:12px;bottom:12px;width:44px;margin:0;transition:width .3s ease}.ast-card-quick-add__form{margin:0}.ast-card-quick-add__button{position:relative;display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:100%;height:44px;min-width:44px;padding:0 9px;border:0;border-radius:var(--ast-card-media-radius, 12px);background:rgba(var(--color-background, 255, 255, 255),.62);-webkit-backdrop-filter:blur(12px) saturate(160%);backdrop-filter:blur(12px) saturate(160%);box-shadow:inset 0 1px #ffffff8c,0 4px 12px #1212121f;color:#3b2b24;font:inherit;font-size:13px;font-weight:600;line-height:1;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;-webkit-tap-highlight-color:transparent}.ast-card-quick-add__button:focus-visible{outline:2px solid #990000;outline-offset:-4px}.ast-card-quick-add__icon{order:1;flex:0 0 24px;width:24px;height:24px}.ast-card-quick-add__label{order:2;max-width:0;overflow:hidden;opacity:0;white-space:nowrap;transition:max-width .3s ease,opacity .2s ease,margin .3s ease}.ast-card-quick-add .loading__spinner{position:absolute;inset:50% auto auto 50%;width:20px;height:20px;transform:translate(-50%,-50%)}.ast-card-quick-add__button.loading .ast-card-quick-add__label,.ast-card-quick-add__button.loading .ast-card-quick-add__icon{visibility:hidden}.ast-card-quick-add__error{position:absolute;bottom:52px;width:100%;box-sizing:border-box;max-height:120px;overflow-y:auto;padding:8px;border:1px solid #990000;border-radius:4px;background:#fffdfa;color:#900;font-size:12px;line-height:1.4}[data-card-product]:focus-within .ast-card-quick-add,[data-card-product] .ast-card-quick-add:has(.ast-card-quick-add__error:not([hidden])){width:calc(100% - 24px)}[data-card-product]:focus-within .ast-card-quick-add__label,.ast-card-quick-add:has(.ast-card-quick-add__error:not([hidden])) .ast-card-quick-add__label{max-width:calc(100% - 32px);margin-inline-start:8px;opacity:1}@media(hover:hover)and (pointer:fine){[data-card-product]:hover .ast-card-quick-add{width:calc(100% - 24px)}[data-card-product]:hover .ast-card-quick-add__label{max-width:calc(100% - 32px);margin-inline-start:8px;opacity:1}}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.ast-card-quick-add__button{background:rgb(var(--color-background, 255, 255, 255))}}@media(prefers-reduced-transparency:reduce){.ast-card-quick-add__button{background:rgb(var(--color-background, 255, 255, 255));-webkit-backdrop-filter:none;backdrop-filter:none}}@media(prefers-reduced-motion:reduce){.ast-card-quick-add,.ast-card-quick-add__label{transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/astercook-card-quick-add.css.map */
