.shade-quick-add{grid-row-start:4;display:block;margin-top:.8rem}.shade-quick-add__list{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center;margin:0;padding:0}.shade-quick-add__item{display:flex}.shade-quick-add__swatch{position:relative;width:2.6rem;height:2.6rem;padding:0;border:.1rem solid rgba(var(--color-foreground),.25);border-radius:50%;background-color:rgba(var(--color-foreground),.04);background-size:cover;background-position:center;cursor:pointer;transition:transform .1s ease,box-shadow .1s ease}.shade-quick-add__swatch:hover:not(:disabled),.shade-quick-add__swatch:focus-visible{transform:scale(1.15);box-shadow:0 0 0 .2rem rgb(var(--color-background)),0 0 0 .35rem rgba(var(--color-foreground),.6)}.shade-quick-add__swatch--current{box-shadow:0 0 0 .2rem rgb(var(--color-background)),0 0 0 .35rem rgb(var(--color-foreground))}.shade-quick-add__swatch:disabled{cursor:not-allowed;opacity:.35}.shade-quick-add__swatch:disabled:after{content:"";position:absolute;inset:45% -.2rem auto -.2rem;border-top:.1rem solid rgba(var(--color-foreground),.7);transform:rotate(-45deg)}.shade-quick-add__swatch--text{width:auto;min-width:2.6rem;border-radius:1.3rem;padding:0 .8rem}.shade-quick-add__swatch-label{font-size:1.1rem;line-height:2.4rem;white-space:nowrap}.shade-quick-add__more{display:inline-flex;align-items:center;justify-content:center;width:2.6rem;height:2.6rem;border:.1rem dashed rgba(var(--color-foreground),.4);border-radius:50%;font-size:1.1rem;text-decoration:none;color:rgba(var(--color-foreground),.75)}.shade-quick-add__more:hover{border-style:solid;color:rgb(var(--color-foreground))}.shade-quick-add__swatch .loading__spinner{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background-color:rgba(var(--color-background),.7);border-radius:inherit}.shade-quick-add__swatch .loading__spinner .spinner{width:1.4rem;height:1.4rem}.shade-quick-add__status{margin:.6rem 0 0;color:rgb(var(--color-foreground))}@media(hover:hover)and (pointer:fine){.shade-quick-add{opacity:0;transition:opacity .15s ease}.card-wrapper:hover .shade-quick-add,.card-wrapper:focus-within .shade-quick-add{opacity:1}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/component-shade-quick-add.css.map */