.quick-add-pills{display:block;z-index:2;margin-top:.75rem}.quick-add-pills__list{display:flex;justify-content:center;flex-wrap:wrap;gap:.5rem;list-style:none;margin:0;padding:0}.quick-add-pill{position:relative;display:inline-flex;align-items:center;justify-content:center;min-width:2.75rem;min-height:2.75rem;padding:.5rem .9rem;border:1px solid #ef4923;border-radius:999px;background:transparent;color:#ef4923;font-size:1.3rem;line-height:1;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background-color .15s ease,color .15s ease,transform .1s ease,opacity .15s ease}.quick-add-pill:active{transform:scale(.96)}.quick-add-pill:focus-visible{outline:2px solid var(--color-foreground, #1a1a1a);outline-offset:2px}.quick-add-pill--sold-out,.quick-add-pill[disabled]{opacity:.45}.quick-add-pill--sold-out .quick-add-pill__label{text-decoration:line-through}.quick-add-pill--single{min-width:7rem;padding-inline:1.25rem;font-size:1rem;letter-spacing:.02em}.quick-add-pill__tooltip{position:absolute;bottom:calc(100% + .6rem);left:50%;transform:translate(-50%,4px);z-index:3;padding:.35rem .65rem;border-radius:.35rem;background:#ef4923;color:#fff;font-size:1.1rem;line-height:1.2;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .15s ease,transform .15s ease}.quick-add-pill__tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:4px solid transparent;border-top-color:#ef4923}.quick-add-pill:hover .quick-add-pill__tooltip,.quick-add-pill:focus-visible .quick-add-pill__tooltip{opacity:1;transform:translate(-50%)}.quick-add-pill__spinner,.quick-add-pill__check{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none}.quick-add-pill__spinner svg,.quick-add-pill__check svg{width:1.1rem;height:1.1rem;stroke:currentColor}.quick-add-pill__spinner svg circle{stroke:currentColor;stroke-dasharray:42;stroke-dashoffset:30;stroke-linecap:round}.quick-add-pill--loading .quick-add-pill__label{opacity:0}.quick-add-pill--loading .quick-add-pill__spinner{opacity:1;animation:quick-add-pill-spin .8s linear infinite}.quick-add-pill--added .quick-add-pill__label,.quick-add-pill--added .quick-add-pill__spinner{opacity:0}.quick-add-pill--added .quick-add-pill__check{opacity:1;animation:quick-add-pill-pop .3s ease}.quick-add-pill--error{animation:quick-add-pill-shake .4s ease}@keyframes quick-add-pill-spin{to{transform:rotate(360deg)}}@keyframes quick-add-pill-pop{0%{transform:scale(.6)}to{transform:scale(1)}}@keyframes quick-add-pill-shake{0%,to{transform:translate(0)}25%{transform:translate(-3px)}75%{transform:translate(3px)}}.quick-add-pills__noscript-link{margin-top:.75rem}@media(prefers-reduced-motion:reduce){.quick-add-pill,.quick-add-pill__spinner,.quick-add-pill__tooltip,.quick-add-pill--error{animation:none!important;transition:none!important}.quick-add-pill--loading .quick-add-pill__spinner{opacity:1}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/component-quick-add-pills.css.map */