.dd-card-quick-add{position:absolute;z-index:6;right:12px;bottom:12px;display:none}.dd-card-quick-add modal-opener,.dd-card-quick-add product-form,.dd-card-quick-add form{display:block}.dd-card-quick-add__button{position:relative;display:inline-grid;width:44px;min-width:44px;height:44px;align-items:center;justify-content:center;padding:0;border:1px solid var(--dd-color-buzzard-black);border-radius:1px;color:var(--dd-color-buzzard-black);background:var(--dd-color-sunbleached-bone);cursor:pointer;white-space:nowrap;transition:background-color .14s ease,color .14s ease}.dd-card-quick-add__button:hover{color:var(--dd-color-buzzard-black);background:var(--dd-color-sunbleached-bone)}.dd-card-quick-add__button:focus-visible{outline:2px solid currentColor;outline-offset:3px}.dd-card-quick-add__button:disabled{cursor:not-allowed;opacity:.56}.dd-card-quick-add__face{grid-area:1 / 1;display:flex;align-items:center;justify-content:center;gap:8px;min-width:0;padding-inline:12px;visibility:hidden;pointer-events:none;font:700 12px/1 var(--dd-font-hex-condensed);letter-spacing:0;text-transform:uppercase;text-align:center}.dd-card-quick-add__face--default{visibility:visible}.dd-card-quick-add__icon,.dd-card-quick-add .loading__spinner{flex:0 0 18px;width:18px;height:18px}.dd-card-quick-add .loading__spinner{display:none;position:static;inset:auto;transform:none}.dd-card-quick-add__icon{display:inline-flex}.dd-card-quick-add__icon svg,.dd-card-quick-add .loading__spinner svg{width:18px;height:18px}.dd-card-quick-add--compact .dd-card-quick-add__label{display:none}.dd-card-quick-add--compact .dd-card-quick-add__button:hover,.dd-card-quick-add--compact .dd-card-quick-add__button:focus-visible,.dd-card-quick-add--compact.is-adding .dd-card-quick-add__button,.dd-card-quick-add--compact.is-added .dd-card-quick-add__button{width:auto}.dd-card-quick-add--compact .dd-card-quick-add__button:hover .dd-card-quick-add__label,.dd-card-quick-add--compact .dd-card-quick-add__button:focus-visible .dd-card-quick-add__label,.dd-card-quick-add--compact.is-adding .dd-card-quick-add__label,.dd-card-quick-add--compact.is-added .dd-card-quick-add__label{display:inline}.dd-card-quick-add.is-adding .dd-card-quick-add__face--default,.dd-card-quick-add.is-added .dd-card-quick-add__face--default{visibility:hidden;opacity:0}.dd-card-quick-add__button.loading .dd-card-quick-add__default,.dd-card-quick-add.is-adding .dd-card-quick-add__default,.dd-card-quick-add.is-added .dd-card-quick-add__default{opacity:0}.dd-card-quick-add.is-adding .dd-card-quick-add__face--adding,.dd-card-quick-add.is-added .dd-card-quick-add__face--added{visibility:visible}.dd-card-quick-add.is-adding .loading__spinner{display:inline-flex}.dd-card-quick-add.is-adding .loading__spinner.hidden{display:inline-flex!important}.dd-card-quick-add.is-added .dd-card-quick-add__added{opacity:1}.dd-card-quick-add.is-added .dd-card-quick-add__button{color:var(--dd-color-buzzard-black);background:var(--dd-color-palm-shade)}.dd-card-quick-add__error{max-width:220px;margin-block-start:6px;font:700 12px/1.2 var(--dd-font-hex)}.dd-card-quick-add--mobile{position:relative;inset:auto;display:flex;width:max-content;max-width:100%}.dd-card-quick-add--mobile .dd-card-quick-add__button{justify-content:center;width:max-content;max-width:100%;min-height:36px;height:auto;padding:9px 0 6px;border:0;border-radius:0;color:inherit;background:transparent;font:inherit}.dd-card-quick-add--mobile .dd-card-quick-add__label{display:inline}.dd-card-quick-add--mobile .dd-card-quick-add__face{padding:0}.dd-card-quick-add--mobile .dd-card-quick-add__button:after{right:26px;bottom:6px}.dd-card-quick-add--mobile.is-added .dd-card-quick-add__button{color:var(--dd-color-palm-shade);background:transparent}@media screen and (min-width:990px){.dd-card-quick-add--mobile{display:none}}@media screen and (min-width:990px){.dd-card-quick-add--always:not(.dd-card-quick-add--mobile){display:block}}@media screen and (min-width:990px)and (hover:hover)and (pointer:fine){.dd-card-system:hover .dd-card-quick-add--hover:not(.dd-card-quick-add--mobile),.dd-card-system:focus-within .dd-card-quick-add--hover:not(.dd-card-quick-add--mobile),.dd-card-quick-add-host:hover .dd-card-quick-add--hover:not(.dd-card-quick-add--mobile),.dd-card-quick-add-host:focus-within .dd-card-quick-add--hover:not(.dd-card-quick-add--mobile){display:block}}@media(prefers-reduced-motion:reduce){.dd-card-quick-add__button{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/27/assets/component-dd-card-quick-add.css.map */