@layer components{.vx-quick-add__desktop{display:none}@media(hover:hover)and (pointer:fine){.vx-quick-add__desktop{position:absolute;inset-inline:0;bottom:0;z-index:2;clip-path:inset(100% 0 0 0);transition:clip-path var(--dur) var(--ease-out);display:flex;flex-direction:column;max-height:100%}.vx-card__media-wrap--qa{overflow:hidden;overflow:clip}.vx-card__media-wrap--qa .vx-card__link:focus-visible{outline:none}.vx-card__media-wrap--qa .vx-card__link:focus-visible .vx-card__media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;box-shadow:inset 0 0 0 2px var(--color-bg),inset 0 0 0 4px var(--color-focus)}.vx-quick-add__trigger:focus-visible{outline-offset:-4px}.vx-card:hover .vx-quick-add__desktop,.vx-card:focus-within .vx-quick-add__desktop{clip-path:inset(0)}}.vx-quick-add__trigger{flex:none;width:100%;height:44px;background:#faf7f2eb;color:var(--vx-charcoal);font-size:11px}.vx-quick-add__panel{background:var(--color-bg);border-top:1px solid var(--color-border);padding:var(--space-3);display:flex;flex-direction:column;gap:var(--space-2);min-height:0;overflow-y:auto}.vx-quick-add__panel[hidden]{display:none}.vx-quick-add__color{font-size:var(--text-small);color:var(--color-text-muted)}.vx-quick-add__sizes{display:flex;flex-wrap:wrap;gap:var(--space-2)}.vx-quick-add__add{width:100%;height:40px}.vx-quick-add__message{font-size:var(--text-small);color:var(--vx-error);min-height:1em}.vx-quick-add__mobile-trigger{display:none}@media(hover:none){.vx-quick-add__mobile-trigger{display:flex;align-items:center;justify-content:center;position:absolute;bottom:var(--space-3);right:var(--space-3);z-index:2;width:44px;height:44px;border-radius:var(--radius-pill);background:#faf7f2eb;border:1px solid var(--color-border);color:var(--vx-charcoal)}}.vx-quick-add__sheet{gap:var(--space-4)}.vx-quick-add__sheet .vx-size-group{border:0;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:var(--space-2)}.vx-quick-add__sheet .vx-size-group legend{width:100%;margin-bottom:var(--space-2)}.vx-quick-add__sheet-title{font-family:var(--font-heading);font-size:var(--text-h3)}.vx-quick-add__color-btn--selected{outline:2px solid var(--color-focus);outline-offset:2px;border-radius:var(--radius-pill)}.vx-quick-add__view-details{align-self:center}}
/*# sourceMappingURL=/cdn/shop/t/41/assets/c-quick-add.css.map */