.gmk-grid:where(.astro-ar6tnyud){grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(1rem,2vw,1.5rem);display:grid}@media (width>=46rem){.gmk-grid:where(.astro-ar6tnyud){grid-template-columns:repeat(3,minmax(0,1fr))}}.gmk-card:where(.astro-ar6tnyud){background:color-mix(in srgb,var(--mo-ink) 5%,var(--mo-bg));border:1px solid var(--mo-line);border-radius:14px;min-width:0;margin:0;transition:border-color .2s,box-shadow .2s,transform .2s;overflow:hidden;box-shadow:0 18px 34px -28px #00000073}.gmk-card:where(.astro-ar6tnyud):hover{border-color:color-mix(in srgb,var(--mo-ink) 24%,transparent);transform:translateY(-3px);box-shadow:0 22px 38px -24px #00000080}.gmk-card:where(.astro-ar6tnyud) a:where(.astro-ar6tnyud){height:100%;color:var(--mo-ink);text-decoration:none;display:block}.gmk-image:where(.astro-ar6tnyud){aspect-ratio:1.35;background:color-mix(in srgb,var(--mo-ink) 10%,var(--mo-bg));position:relative;overflow:hidden}.gmk-image:where(.astro-ar6tnyud) img:where(.astro-ar6tnyud){object-fit:cover;width:100%;height:100%;transition:transform .45s cubic-bezier(.2,.7,.2,1);display:block}.gmk-card:where(.astro-ar6tnyud) a:where(.astro-ar6tnyud):hover img:where(.astro-ar6tnyud){transform:scale(1.035)}.gmk-copy:where(.astro-ar6tnyud){padding:1rem 1.1rem 1.15rem}.gmk-copy:where(.astro-ar6tnyud) h3:where(.astro-ar6tnyud){color:var(--mo-ink);letter-spacing:-.015em;margin:0;font-size:1.02rem;line-height:1.25}.gmk-copy:where(.astro-ar6tnyud) p:where(.astro-ar6tnyud){color:color-mix(in srgb,var(--mo-ink) 52%,transparent);font:.68rem var(--sl-font-mono);gap:.65rem;margin:.6rem 0 0;display:flex}.gmk-copy:where(.astro-ar6tnyud) p:where(.astro-ar6tnyud) span:where(.astro-ar6tnyud):last-child{color:var(--mo-accent);margin-left:auto}@media (width<=46rem){.gmk-image:where(.astro-ar6tnyud){aspect-ratio:1.3}.gmk-copy:where(.astro-ar6tnyud){padding:.7rem .7rem .8rem}.gmk-copy:where(.astro-ar6tnyud) h3:where(.astro-ar6tnyud){font-size:.82rem}.gmk-copy:where(.astro-ar6tnyud) p:where(.astro-ar6tnyud){gap:.3rem;font-size:.58rem}.gmk-copy:where(.astro-ar6tnyud) p:where(.astro-ar6tnyud) span:where(.astro-ar6tnyud):first-child{display:none}}.keycaps-collection-page{color:var(--mo-ink);background:var(--mo-bg)}.keycaps-collection-page .main-frame{padding-top:0}.keycaps-collection-page .library-columns.is-collection{max-width:none;margin:0;padding:0}.keycaps-collection-page .content-panel{padding:0}.keycaps-collection-page .content-panel>.sl-container{max-width:none;margin:0;padding:0}.keycaps-collection-page .sl-markdown-content{margin:0}.gmk-catalog{background:var(--mo-bg);max-width:1284px;margin:0 auto}.gmk-stage{isolation:isolate;background:#11110f var(--gmk-stage-image) center 28% / cover no-repeat;min-height:max(720px,100svh);position:relative;overflow:hidden}.gmk-stage:before{content:"";z-index:-1;background:linear-gradient(90deg,#050505eb 0%,#050505b3 43%,#05050552 72%,#05050594 100%);position:absolute;inset:0}.gmk-stage-scrim{z-index:-1;pointer-events:none;backdrop-filter:saturate(.72);background:linear-gradient(#0000008f,#00000014 35%,#000000e0),radial-gradient(circle at 72% 18%,#ffffff1f,#0000 32%);position:absolute;inset:0}.gmk-stage-inner{min-height:max(720px,100svh);padding:clamp(6.7rem,10vh,8.6rem) 0 clamp(4rem,8vh,6rem) clamp(1.5rem,3.2vw,3.5rem)}.gmk-intro{max-width:620px}.gmk-eyebrow{color:#ffffffb8;font:.72rem/1.3 var(--sl-font-mono);letter-spacing:.09em;margin:0 0 .55rem}.gmk-title{color:#fff;letter-spacing:-.055em;align-items:center;gap:.75rem;margin:0;font-size:clamp(2.7rem,4.8vw,4.5rem);line-height:.95;display:flex}.gmk-title img{object-fit:cover;border-radius:.22em;width:.78em;height:.78em}.gmk-lead{color:#ffffff9e;max-width:580px;margin:1.15rem 0 0;font-size:.92rem;line-height:1.65}.gmk-pills{flex-wrap:wrap;gap:.5rem;margin-top:1.25rem;display:flex}.gmk-pills a{color:#ffffffc2;backdrop-filter:blur(12px);background:#ffffff12;border:1px solid #ffffff29;border-radius:999px;align-items:center;min-height:2rem;padding:0 .85rem;font-size:.72rem;text-decoration:none;display:inline-flex}.gmk-pills a:hover,.gmk-pills .is-current{color:#fff;background:#ffffff24}.gmk-picks{margin-top:clamp(2.25rem,5vh,4rem)}.gmk-picks-heading{justify-content:space-between;align-items:end;gap:1rem;padding-right:clamp(1.5rem,3.2vw,3.5rem);display:flex}.gmk-picks-heading h2{color:#fff;letter-spacing:-.025em;margin:0;font-size:1.45rem;line-height:1}.gmk-picks-heading a{color:#ffffff8f;font:.68rem/1 var(--sl-font-mono);text-decoration:none}.gmk-pick-row{scroll-snap-type:x proximity;scrollbar-width:none;gap:clamp(.8rem,1.5vw,1.35rem);padding:1rem clamp(1.5rem,3.2vw,3.5rem) 1.4rem 0;display:flex;overflow-x:auto}.gmk-pick-row::-webkit-scrollbar{display:none}.gmk-pick{scroll-snap-align:start;flex:0 0 clamp(250px,23vw,330px);margin:0}.gmk-pick>p{color:#ffffff80;font:.68rem/1 var(--sl-font-mono);margin:0 0 .65rem}.gmk-pick>a{aspect-ratio:.82;color:#fff;background:#181818;border-radius:14px;text-decoration:none;display:block;position:relative;overflow:hidden;box-shadow:0 22px 38px #00000047,inset 0 1px #ffffff14}.gmk-pick img{object-fit:cover;width:100%;height:100%;transition:transform .5s cubic-bezier(.2,.7,.2,1)}.gmk-pick a:hover img{transform:scale(1.035)}.gmk-pick-copy{background:linear-gradient(#0000,#000000e6);gap:.35rem;padding:3rem 1rem 1rem;display:grid;position:absolute;bottom:0;left:0;right:0}.gmk-pick-copy strong{font-size:.95rem;line-height:1.2}.gmk-pick-copy>span{color:#ffffffa6;font:.62rem/1.3 var(--sl-font-mono)}.kc-chips{z-index:5;background:var(--mo-bg);scrollbar-width:none;align-items:center;gap:9px;margin:0;padding:22px 0 16px;display:flex;position:sticky;top:56px;overflow-x:auto}.kc-chips::-webkit-scrollbar{display:none}.gmk-catalog .kc-chip{background:color-mix(in srgb,var(--mo-ink) 8%,transparent);height:34px;color:var(--mo-ink);white-space:nowrap;border-radius:9px;flex:none;align-items:center;padding:0 14px;font-size:13.5px;font-weight:500;text-decoration:none;display:inline-flex}.gmk-catalog .kc-chip:hover:not(.on){background:color-mix(in srgb,var(--mo-ink) 15%,transparent)}.gmk-catalog .kc-chip.on{background:var(--mo-ink);color:var(--mo-bg);font-weight:600}.gmk-index{max-width:none;margin:0;padding:10px 0 clamp(4rem,7vw,6rem)}.gmk-index-heading{justify-content:space-between;align-items:end;gap:2rem;margin-bottom:clamp(2rem,4vw,3.5rem);display:flex}.gmk-index-heading p{color:var(--sl-color-gray-3);font:.7rem/1.2 var(--sl-font-mono);letter-spacing:.08em;margin:0 0 .7rem}.gmk-index-heading h2{color:var(--mo-ink);letter-spacing:-.055em;margin:0;font-size:clamp(2.5rem,5.5vw,5.4rem);line-height:.9}.gmk-index-heading h2 span{color:var(--mo-accent)}.gmk-index-count{border:1px solid var(--mo-line);text-align:center;border-radius:10px;min-width:5.2rem;display:grid;overflow:hidden}.gmk-index-count strong{padding:.55rem .7rem .35rem;font-size:1.6rem;line-height:1}.gmk-index-count span{border-top:1px solid var(--mo-line);color:var(--sl-color-gray-3);font:.58rem/1 var(--sl-font-mono);letter-spacing:.1em;padding:.28rem .7rem}.gmk-active-filters[hidden]{display:none}.gmk-active-filters{border:1px solid var(--mo-line);border-radius:999px;flex-wrap:wrap;align-items:center;gap:.45rem .75rem;width:max-content;margin:0 0 1.35rem;padding:.45rem .7rem;display:flex}.gmk-active-filters span{color:var(--sl-color-gray-3);font:.65rem var(--sl-font-mono)}.gmk-active-filters strong{color:var(--mo-ink);font-size:.76rem;font-weight:500}.gmk-active-filters a{color:var(--mo-accent);font-size:.72rem;text-decoration:none}.gmk-swatches{flex-wrap:wrap;gap:8px;width:auto;margin:0 0 1.5rem;display:flex}.gmk-swatch{background:color-mix(in srgb,var(--mo-ink) 7%,transparent);height:34px;box-shadow:inset 0 0 0 1px var(--mo-line);border-radius:9px;align-items:center;gap:8px;padding:0 13px 0 10px;text-decoration:none;transition:background .16s,box-shadow .16s,opacity .16s;display:inline-flex}.gmk-swatch-dot{border-radius:50%;flex:none;width:14px;height:14px;box-shadow:inset 0 0 0 1px #00000047}.gmk-swatch-name{font-family:var(--sl-font-mono);letter-spacing:.04em;color:var(--mo-ink);font-size:.72rem}.gmk-swatch:hover{background:color-mix(in srgb,var(--mo-ink) 14%,transparent)}.gmk-swatch:focus-visible{outline:2px solid var(--mo-accent);outline-offset:2px}.gmk-swatch[aria-pressed=true]{background:var(--mo-ink);box-shadow:none}.gmk-swatch[aria-pressed=true] .gmk-swatch-name{color:var(--mo-bg)}.gmk-swatches:has([aria-pressed=true]) .gmk-swatch:not([aria-pressed=true]){opacity:.45}.keycaps-collection-page .lqn{--glass-fill:#030304c2;--glass-shadow:#0000006b}.keycaps-collection-page .lqn .menu{box-shadow:0 12px 24px #0000007a,inset 0 0 0 1px #fff3,inset 0 1px #ffffff57,inset 0 -1px #000000b3}.keycaps-collection-page .lqn .lgCover{-webkit-backdrop-filter:blur(18px)saturate(1.04)brightness(.72)}.keycaps-collection-page .lqn .tab{color:#ffffffe6}.keycaps-collection-page .lqn .tab:hover{background:#ffffff14}.keycaps-collection-page .lqn .tabActive{color:var(--mo-accent);background:#121214d1;box-shadow:inset 0 0 0 1px #ffffff1a,inset 0 1px #ffffff2e,0 3px 8px #0000006b}.keycaps-collection-page .lqn .logo,.keycaps-collection-page .lqn .share{color:#fff;background:#12121475;box-shadow:0 8px 20px #00000047,inset 0 0 0 1px #ffffff1f,inset 0 1px #fff3}.keycaps-collection-page .lqn .popover,.keycaps-collection-page .lqn .results{color:#fff;background:linear-gradient(145deg,#242428c7,#12121499),#1212149e;box-shadow:0 18px 42px #00000052,inset 0 1px #ffffff2e,inset 0 0 0 1px #ffffff1f}.keycaps-collection-page .lqn .popSub{color:#ffffff85}@media (width<=620px){.gmk-stage-inner{padding:5.7rem 0 4.5rem 1.15rem}.gmk-lead{max-width:calc(100% - 2.3rem);font-size:.82rem}.gmk-pills{padding-right:1.15rem}.gmk-picks{margin-top:2.5rem}.gmk-pick{flex-basis:min(76vw,280px)}.gmk-pick>a{aspect-ratio:.88}.gmk-index{padding-inline:.75rem}.gmk-index-heading{align-items:flex-start}.gmk-index-count{min-width:4.5rem}.gmk-swatches{gap:2px}.gmk-swatch{min-width:0;height:38px}.gmk-swatch-name{font-size:.52rem}}