.dmd-swatches__filters{display:flex;flex-wrap:wrap;gap:.5rem;margin:0 0 clamp(1.5rem, 1rem + 1.5vw, 2.5rem);padding:0;list-style:none}.dmd-swatches__filters li{padding:.5rem 1rem;border:1px solid var(--dmd-line);border-radius:999px;background:var(--dmd-surface);font-size:.9375rem;font-weight:500}.dmd-swatches__filters .is-on{border-color:var(--dmd-ink);background:var(--dmd-ink);color:var(--dmd-bg)}.dmd-swatches__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(46%, 8.75rem),1fr));gap:1rem;margin:0;padding:0;list-style:none}.dmd-swatch{position:relative;display:flex;flex-direction:column;align-items:center;padding:1.1rem .75rem 1rem;border:1px solid var(--dmd-line);border-radius:var(--dmd-radius-sm);background:var(--dmd-surface);text-align:center}.dmd-swatch__nail{width:3.4rem;height:4.6rem;margin-bottom:.75rem;border-radius:48% 48% 14% 14% / 40% 40% 10% 10%;background:linear-gradient(115deg,rgba(255,255,255,.45) 0 18%,transparent 30%),var(--c);box-shadow:inset 0 0 0 1px rgba(0,0,0,.08),0 8px 14px -10px rgba(0,0,0,.5)}.dmd-swatch.is-glitter .dmd-swatch__nail{background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.9) 0 1px,transparent 1.6px) 0 0 / 7px 7px,radial-gradient(circle at 70% 60%,rgba(255,255,255,.7) 0 1px,transparent 1.6px) 3px 2px / 9px 9px,linear-gradient(115deg,rgba(255,255,255,.45) 0 18%,transparent 30%),var(--c)}.dmd-swatch__code{font-size:.8125rem;font-weight:700;letter-spacing:.04em;color:var(--dmd-muted)}.dmd-swatch__name{font-weight:600;line-height:1.3}.dmd-swatch__tag{position:absolute;top:.5rem;right:.5rem;padding:.15rem .5rem;border-radius:999px;background:var(--dmd-accent);color:var(--dmd-accent-ink);font-size:.8125rem;font-weight:700}.dmd-swatch.is-glitter .dmd-swatch__tag{background:var(--dmd-ink);color:var(--dmd-bg)}.dmd-swatches__note{text-align:center}