quick-add-pills{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:5;overflow:hidden}.quick-add-pills__trigger{position:absolute;right:var(--space-3);bottom:var(--space-3);width:2.4rem;height:2.4rem;border-radius:50%;border:none;background-color:rgb(var(--color-background));color:rgb(var(--color-foreground));cursor:pointer;display:inline-flex;align-items:center;justify-content:center;pointer-events:auto;padding:0;opacity:1;transition:opacity .2s ease}.quick-add-pills__trigger svg{width:1rem;height:1rem}.quick-add-pills__trigger-icon{display:inline-flex;align-items:center;justify-content:center;width:1rem;height:1rem;position:absolute;transition:opacity var(--duration-default) ease,transform var(--duration-default) ease}.quick-add-pills__trigger-icon--plus{opacity:1}.quick-add-pills__trigger-icon--check,.quick-add-pills__trigger--success .quick-add-pills__trigger-icon--plus{opacity:0;transform:scale(.6)}.quick-add-pills__trigger--success .quick-add-pills__trigger-icon--check{opacity:1;transform:scale(1)}.quick-add-pills__trigger--success{background-color:rgb(var(--color-foreground));color:rgb(var(--color-background))}.quick-add-pills__trigger--loading .quick-add-pills__trigger-icon{opacity:0}.quick-add-pills__trigger--loading:after{content:"";position:absolute;width:1rem;height:1rem;border:1px solid rgba(var(--color-foreground),.2);border-top-color:rgb(var(--color-foreground));border-radius:50%;animation:quick-add-pills-spin .6s linear infinite}@media(hover:hover){.quick-add-pills__trigger{opacity:0}.card-wrapper:hover .quick-add-pills__trigger,.quick-add-pills__trigger:focus-visible,quick-add-pills:has(.quick-add-pills__drawer--open) .quick-add-pills__trigger{opacity:1}}.quick-add-pills__trigger svg{width:1.4rem;height:1.4rem}.quick-add-pills__trigger:hover{background-color:rgb(var(--color-foreground));color:rgb(var(--color-background));transform:scale(1.05)}.quick-add-pills__drawer{position:absolute;left:0;right:0;bottom:0;background-color:rgb(var(--color-background));border-top:1px solid rgba(var(--color-foreground),.08);padding:var(--space-3) var(--space-3) var(--space-4);pointer-events:auto;transform:translateY(100%);transition:transform var(--duration-default) ease;box-shadow:0 -4px 16px #0000000f}.quick-add-pills__drawer[hidden]{display:none}.quick-add-pills__drawer--open{transform:translateY(0)}.quick-add-pills__drawer-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-3)}.quick-add-pills__heading{font-size:var(--font-size-2xs);letter-spacing:.1em;text-transform:uppercase;font-weight:500;color:rgba(var(--color-foreground),.7);margin:0}.quick-add-pills__group{margin-bottom:var(--space-3)}.quick-add-pills__group:last-of-type{margin-bottom:0}.quick-add-pills__group-label{font-size:var(--font-size-2xs);letter-spacing:.08em;text-transform:uppercase;font-weight:500;color:rgba(var(--color-foreground),.55);margin:0 0 var(--space-2)}.quick-add-pills__close{width:2.4rem;height:2.4rem;border:none;background:transparent;cursor:pointer;padding:0;display:inline-flex;align-items:center;justify-content:center;color:rgb(var(--color-foreground))}.quick-add-pills__close svg{width:1.2rem;height:1.2rem}.quick-add-pills__options{display:flex;flex-wrap:wrap;gap:var(--space-2)}.quick-add-pills__option{flex:0 0 auto;min-width:3.2rem;padding:var(--space-1) var(--space-3);border:1px solid rgba(var(--color-foreground),.18);background-color:transparent;font-family:inherit;font-size:var(--font-size-2xs);letter-spacing:.04em;text-transform:uppercase;cursor:pointer;transition:background-color var(--duration-default) ease,border-color var(--duration-default) ease,color var(--duration-default) ease;color:rgb(var(--color-foreground));text-align:center;position:relative;white-space:nowrap}.quick-add-pills__option:hover:not(:disabled){border-color:rgb(var(--color-foreground))}.quick-add-pills__option--selected{background-color:rgb(var(--color-foreground));border-color:rgb(var(--color-foreground));color:rgb(var(--color-background))}.quick-add-pills__option--loading{color:transparent!important;pointer-events:none}.quick-add-pills__option--loading:after{content:"";position:absolute;top:50%;left:50%;width:1rem;height:1rem;margin:-.5rem 0 0 -.5rem;border:1px solid rgba(var(--color-background),.4);border-top-color:rgb(var(--color-background));border-radius:50%;animation:quick-add-pills-spin .6s linear infinite}.quick-add-pills__option:disabled,.quick-add-pills__option--unavailable{color:rgba(var(--color-foreground),.35);cursor:not-allowed;text-decoration:line-through;border-color:rgba(var(--color-foreground),.1);background-color:transparent}.quick-add-pills__option.loading{color:transparent}.quick-add-pills__option.loading:after{content:"";position:absolute;top:50%;left:50%;width:1.2rem;height:1.2rem;margin:-.6rem 0 0 -.6rem;border:1px solid rgba(var(--color-foreground),.2);border-top-color:rgb(var(--color-foreground));border-radius:50%;animation:quick-add-pills-spin .6s linear infinite}@keyframes quick-add-pills-spin{to{transform:rotate(360deg)}}.quick-add-pills__error{margin-top:var(--space-2);font-size:var(--font-size-xs);color:#c0392b;text-align:center}.quick-add-pills__form{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;pointer-events:none}.quick-add-pills__hidden-submit{border:0;background:transparent;padding:0}
/*# sourceMappingURL=/cdn/shop/t/109/assets/quick-add-pills.css.map */