.guide[data-astro-cid-zrlcgghn]{gap:var(--space-6);grid-template-columns:minmax(0,1fr);display:grid}.bar[data-astro-cid-zrlcgghn]{top:calc(var(--header-top) + var(--space-2));z-index:5;justify-content:space-between;align-items:center;gap:var(--space-2) var(--space-4);padding-block:var(--space-3);background:var(--ivory);border-bottom:1px solid var(--color-border-subtle);flex-wrap:wrap;display:flex;position:sticky}.filter[data-astro-cid-zrlcgghn]{gap:var(--space-2);scrollbar-width:none;min-width:0;display:flex;overflow-x:auto}.chip-btn[data-astro-cid-zrlcgghn]{min-height:var(--tap);padding-inline:var(--space-4);border:1px solid var(--color-border-subtle);font-size:var(--type-small);transition:background-color var(--dur-micro) var(--ease-out), color var(--dur-micro) var(--ease-out), border-color var(--dur-micro) var(--ease-out);flex:none;align-items:center;display:inline-flex}.chip-btn[data-astro-cid-zrlcgghn]:hover{border-color:var(--espresso)}.chip-btn[data-astro-cid-zrlcgghn][aria-pressed=true]{background:var(--espresso);color:var(--ivory);border-color:var(--espresso)}.count[data-astro-cid-zrlcgghn]{color:var(--color-text-secondary);font-variant-numeric:tabular-nums}.palette[data-astro-cid-zrlcgghn]{gap:var(--space-4) var(--space-2);grid-template-columns:repeat(3,1fr);display:grid}.cell[data-astro-cid-zrlcgghn]{gap:var(--space-2);align-content:start;display:grid}.cell[data-astro-cid-zrlcgghn][hidden]{display:none}.js[data-astro-cid-zrlcgghn] .cell[data-astro-cid-zrlcgghn]{animation:cell-in .6s var(--ease-out) both;animation-delay:calc(min(var(--i), 20) * 25ms)}@keyframes cell-in{0%{opacity:0;transform:translateY(10px)}}.cell[data-astro-cid-zrlcgghn].is-shown{animation:cell-show .45s var(--ease-out) both}@keyframes cell-show{0%{opacity:0;transform:scale(.97)}}.swatch[data-astro-cid-zrlcgghn]{aspect-ratio:3/4;display:block;position:relative;overflow:hidden}.strand[data-astro-cid-zrlcgghn]{background:linear-gradient(180deg, transparent 18%, color-mix(in srgb, var(--ivory) 16%, transparent) 30%, transparent 44%), repeating-linear-gradient(90.6deg, color-mix(in srgb, var(--ivory) 7%, transparent) 0 1px, transparent 1px 5px), repeating-linear-gradient(89.3deg, color-mix(in srgb, var(--espresso) 9%, transparent) 0 1px, transparent 1px 7px), repeating-linear-gradient(90deg, transparent 0 11px, color-mix(in srgb, var(--espresso) 6%, transparent) 11px 13px, transparent 13px 23px), linear-gradient(180deg, var(--a) 0%, var(--a) 25%, var(--b) 100%);transition:transform .7s var(--ease-out);position:absolute;inset:0}.real-photo[data-astro-cid-zrlcgghn]{object-fit:cover;object-position:50% 15%;transform-origin:50% 20%;width:100%;height:100%;transition:transform .7s var(--ease-out);position:absolute;inset:0;transform:scale(1.15)}.sheen[data-astro-cid-zrlcgghn]{background:linear-gradient(180deg, transparent 0%, color-mix(in srgb, var(--ivory) 24%, transparent) 50%, transparent 100%);transition:transform 1.1s var(--ease-out);position:absolute;inset:-20% 0;transform:translateY(-110%)}.code[data-astro-cid-zrlcgghn]{right:var(--space-2);bottom:var(--space-2);left:var(--space-2);text-align:right;font-family:var(--font-serif);color:var(--ivory);overflow-wrap:anywhere;font-size:1.375rem;line-height:1;position:absolute}.code[data-astro-cid-zrlcgghn].dark{color:var(--espresso)}@media (hover:hover){.swatch[data-astro-cid-zrlcgghn]:hover .sheen[data-astro-cid-zrlcgghn]{transform:translateY(110%)}.swatch[data-astro-cid-zrlcgghn]:hover .strand[data-astro-cid-zrlcgghn]{transform:scale(1.04)}.swatch[data-astro-cid-zrlcgghn]:hover .real-photo[data-astro-cid-zrlcgghn]{transform:scale(1.2)}}.swatch[data-astro-cid-zrlcgghn]:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:3px}.match[data-astro-cid-zrlcgghn]{gap:var(--space-4);padding-top:var(--space-6);border-top:1px solid var(--color-border-subtle);justify-items:start;display:grid}.match[data-astro-cid-zrlcgghn] .h2[data-astro-cid-zrlcgghn]{max-width:22em}.match-links[data-astro-cid-zrlcgghn]{gap:var(--space-3) var(--space-5);flex-wrap:wrap;align-items:center;display:flex}@media (width>=600px){.palette[data-astro-cid-zrlcgghn]{grid-template-columns:repeat(4,1fr)}}@media (width>=768px){.palette[data-astro-cid-zrlcgghn]{gap:var(--space-5) var(--space-3);grid-template-columns:repeat(5,1fr)}.code[data-astro-cid-zrlcgghn]{font-size:1.5rem}}@media (width>=1024px){.palette[data-astro-cid-zrlcgghn]{grid-template-columns:repeat(8,1fr)}.bar[data-astro-cid-zrlcgghn]{top:calc(var(--header-h) + var(--space-2))}}@media (prefers-reduced-motion:reduce){.js[data-astro-cid-zrlcgghn] .cell[data-astro-cid-zrlcgghn],.cell[data-astro-cid-zrlcgghn].is-shown{animation:none}}