@layer components{.koi-gear-layout{row-gap:1.6em;display:grid}.koi-gear-viewer{grid-template-columns:7.5rem minmax(0,1fr);align-items:center;column-gap:1.25em;display:grid}.koi-gear-list{grid-template-columns:repeat(2,max-content) minmax(0,1fr);column-gap:1.5ch;line-height:1.5;display:grid}.koi-gear-group{display:contents}.koi-gear-item,.koi-gear-row{grid-column:1/-1}.koi-gear-dir{grid-column:2/-1}.koi-gear-dir,.koi-gear-row{padding-block:.3em}.koi-gear-dir:not(:first-child){margin-top:1.2em}.koi-gear-item,.koi-gear-row{grid-template-columns:subgrid;align-items:baseline;display:grid}.koi-gear-index{color:var(--faint);transition:color .15s}.koi-gear-name{color:var(--text);transition:color .15s}.koi-gear-row.is-on :is(.koi-gear-index,.koi-gear-name){color:var(--accent)}.koi-gear-row:focus-visible{outline:1px solid color-mix(in srgb, var(--text) 35%, transparent);outline-offset:2px;border-radius:4px}.koi-gear-note{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.koi-gear-shots{aspect-ratio:1;position:relative}.koi-gear-plate{background:var(--gear-plate);background:linear-gradient(oklch(var(--gear-sweep-top) .014 var(--gear-hue)), oklch(var(--gear-sweep-mid) .014 var(--gear-hue)) 55%, oklch(var(--gear-sweep-foot) .014 var(--gear-hue)));opacity:0;border-radius:5px;justify-content:center;align-items:center;transition:opacity .2s;display:flex;position:absolute;inset:0;overflow:hidden}.koi-gear-plate.is-on{opacity:1}.koi-gear-plate img{width:auto;height:auto;max-width:calc(66% * var(--gear-scale,1));max-height:calc(74% * var(--gear-scale,1));object-fit:contain;transition:translate .4s var(--ease-reveal);position:relative;translate:0 4px}.koi-gear-plate.is-on img{translate:0}@media (prefers-reduced-motion:reduce){.koi-gear-plate img{transition:none;translate:none}}.koi-gear-captions{display:grid}.koi-gear-caption{visibility:hidden;flex-direction:column;grid-area:1/1;gap:.15em;display:flex}.koi-gear-caption.is-on{visibility:visible}.koi-gear-caption-kind{margin-left:.8em}.koi-gear-caption-name{color:var(--text)}@media (width>=1024px){.koi-page:has(>.koi-gear-layout){max-width:none}.koi-gear-layout{grid-template-columns:max-content clamp(220px,20vw,300px);align-items:start;column-gap:clamp(40px,5vw,96px);width:max-content;max-width:100%}.koi-gear-viewer{grid-template-columns:minmax(0,1fr);row-gap:.75em}.koi-gear-list{grid-template-columns:repeat(3,max-content) minmax(0,max-content);column-gap:2ch}.koi-gear-note{clip-path:none;width:auto;height:auto;position:static;overflow:visible}.koi-gear-shots{aspect-ratio:4/3}.koi-gear-plate{border-radius:6px}.koi-gear-plate:before{content:"";background:var(--gear-glow);filter:blur(26px);border-radius:50%;width:62%;height:52%;position:absolute;top:52%;left:50%;transform:translate(-50%,-50%)}.koi-gear-caption :is(.koi-gear-caption-name,.koi-gear-caption-note){display:none}}}