.claires-quick-add{display:inline-flex}.claires-quick-add__button{display:inline-flex;align-items:center;justify-content:center;gap:.5em;padding:.625rem 1.25rem;border:0;border-radius:999px;background:var(--brand-iris, #d7bfff);color:var(--brand-text, #000);font:inherit;font-weight:600;font-size:.875rem;line-height:1;cursor:pointer;transition:background .15s ease,color .15s ease,filter .15s ease}.claires-quick-add__button:hover:not(:disabled){filter:brightness(.95)}.claires-quick-add__button:focus-visible{outline:2px solid var(--brand-text, #000);outline-offset:2px}.claires-quick-add__button:disabled{cursor:progress;opacity:.85}.claires-quick-add--card .claires-quick-add__button{border:1px solid var(--brand-text, #000);background:#dcbeff;height:48px;padding:0 1.5rem;border-radius:999px;font-size:15px;font-weight:700}.claires-quick-add--card .claires-quick-add__button[data-state=added]{background:var(--brand-text, #000);color:#fff}.claires-quick-add--card .claires-quick-add__button[data-state=sold-out],.claires-quick-add--pdp .claires-quick-add__button[data-state=sold-out]{background:#f4f4f4;border:1px solid rgba(0,0,0,.75);color:#000000bf;font-size:.9375rem;font-weight:700;letter-spacing:.0958em;text-transform:uppercase;cursor:default}.claires-quick-add--pdp .claires-quick-add__button{padding:1.125rem 1.5rem;gap:.75rem;font-size:16px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;background:#dcbeff;border:1px solid var(--brand-text, #000)}.claires-quick-add--pdp .claires-quick-add__button[data-state=added]{background:#dcbeff;color:var(--brand-text, #000)}@media(max-width:749px){.claires-card-product__action .claires-quick-add--card .claires-quick-add__button{height:35px;width:110px;max-width:100%;padding:0 .75rem;font-size:10.9px}}.claires-quick-add__spinner{width:1em;height:1em;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;display:none;animation:claires-quick-add-spin .6s linear infinite}.claires-quick-add__button[data-state=loading] .claires-quick-add__spinner{display:inline-block}@keyframes claires-quick-add-spin{to{transform:rotate(360deg)}}.claires-quick-add__icon-bag{flex:0 0 auto;width:1em;height:1.25em;display:block}@media(prefers-reduced-motion:reduce){.claires-quick-add__spinner{animation:none}.claires-quick-add__button{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/29/assets/claires-quick-add.css.map */
