.gmk-grid:where(.astro-ar6tnyud){grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(.85rem,1.5vw,1.15rem);display:grid}@media (width>=46rem){.gmk-grid:where(.astro-ar6tnyud){grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width>=64rem){.gmk-grid:where(.astro-ar6tnyud){grid-template-columns:repeat(4,minmax(0,1fr))}}.gmk-card:where(.astro-ar6tnyud){--hit:#9a938a;isolation:isolate;border:1px solid var(--mo-line);background:var(--mo-bg);border-radius:15px;min-width:0;margin:0;transition:box-shadow .25s,transform .25s;position:relative;overflow:hidden}.gmk-card:where(.astro-ar6tnyud):hover{box-shadow:0 14px 30px -18px color-mix(in srgb,var(--hit) 55%,#000);transform:translateY(-2px)}.gmk-cbar:where(.astro-ar6tnyud){background:var(--hit);height:4px;display:block}.gmk-shot:where(.astro-ar6tnyud){aspect-ratio:1.5;background:color-mix(in srgb,var(--hit) 7%,var(--mo-bg));border-radius:10px;margin:10px 10px 0;position:relative;overflow:hidden}.gmk-shot:where(.astro-ar6tnyud) img:where(.astro-ar6tnyud){object-fit:cover;object-position:center;width:100%;height:100%;transition:transform .3s;display:block}.gmk-card:where(.astro-ar6tnyud):hover .gmk-shot:where(.astro-ar6tnyud) img:where(.astro-ar6tnyud){transform:scale(1.03)}.gmk-meta:where(.astro-ar6tnyud){padding:11px 14px 14px}.gmk-name:where(.astro-ar6tnyud){letter-spacing:-.01em;margin:0;font-size:14.5px;font-weight:700;line-height:1.25}.gmk-meta:where(.astro-ar6tnyud) .gmk-name:where(.astro-ar6tnyud) a:where(.astro-ar6tnyud){color:var(--mo-ink);white-space:nowrap;text-overflow:ellipsis;text-decoration:none;display:block;overflow:hidden}.gmk-meta:where(.astro-ar6tnyud) .gmk-name:where(.astro-ar6tnyud) a:where(.astro-ar6tnyud):after{content:"";z-index:1;position:absolute;inset:0}.gmk-meta:where(.astro-ar6tnyud) .gmk-at:where(.astro-ar6tnyud){z-index:2;color:color-mix(in srgb,var(--mo-ink) 55%,transparent);margin-top:6px;font-size:12.5px;font-weight:550;text-decoration:none;display:inline-block;position:relative}.gmk-meta:where(.astro-ar6tnyud) .gmk-at:where(.astro-ar6tnyud):not(.gmk-at-plain):hover{color:var(--mo-accent);text-decoration:underline}.gmk-at-plain:where(.astro-ar6tnyud){pointer-events:none}@media (width<=46rem){.gmk-shot:where(.astro-ar6tnyud){aspect-ratio:1.4;margin:8px 8px 0}.gmk-meta:where(.astro-ar6tnyud){padding:9px 11px 12px}.gmk-name:where(.astro-ar6tnyud){font-size:13px}}.keycaps-collection-page{color:var(--mo-ink);background:var(--mo-page)}.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-page);max-width:none;margin:0}.gmk-inner{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)}.gmk-index{max-width:none;margin:0;padding:0 0 clamp(4rem,7vw,6rem)}.gmk-titlerow{align-items:center;gap:clamp(12px,1.4vw,20px);display:flex}.gmk-badge{background:var(--mo-accent);border-radius:50%;flex:none;place-items:center;width:72px;height:72px;display:grid;position:relative;overflow:hidden}.gmk-badge svg{fill:#fff;width:40px;height:40px;display:block}.gmk-badge:after{display:none}@media (width<=640px){.gmk-badge{width:56px;height:56px}.gmk-badge svg{width:31px;height:31px}}@keyframes gmk-press{0%,72%,to{transform:translateY(0)scale(1)}80%{transform:translateY(1.5px)scale(.93)}88%{transform:translateY(0)scale(1)}}@keyframes gmk-shine{0%,55%{transform:translate(-120%)}75%,to{transform:translate(120%)}}@media (prefers-reduced-motion:reduce){.gmk-badge svg,.gmk-badge:after{animation:none}}.gmk-filter{flex-wrap:wrap;align-items:center;gap:10px;margin:0 0 1.4rem;display:flex}.gmk-flab{font:700 11px/1 var(--sl-font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--sl-color-gray-3)}.gmk-fspacer{flex:1}.gmk-dd{position:relative}.gmk-trig{border:1px solid var(--mo-line);background:var(--mo-bg);height:34px;font:600 13px var(--sl-font);color:var(--mo-ink);cursor:pointer;white-space:nowrap;border-radius:10px;align-items:center;gap:6px;padding:0 12px;display:inline-flex}.gmk-trig:hover{background:color-mix(in srgb,var(--mo-ink) 4%,var(--mo-bg))}.gmk-trig[aria-expanded=true]{border-color:color-mix(in srgb,var(--mo-ink) 30%,var(--mo-line))}.gmk-trig.on{color:var(--mo-accent);border-color:color-mix(in srgb,var(--mo-accent) 45%,var(--mo-line))}.gmk-cv{width:11px;height:11px;stroke:var(--sl-color-gray-3);fill:none;stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round;transition:transform .18s}.gmk-trig[aria-expanded=true] .gmk-cv{transform:rotate(180deg)}.gmk-trig-ic{border-radius:50%;flex:none;width:14px;height:14px}.gmk-rain{background:conic-gradient(#d64157,#e08a3c,#e0c34a,#4fa564,#3fb6c9,#4f7bd9,#8a6fd0,#e08ab4,#d64157);box-shadow:inset 0 0 0 1px #0000001f}.gmk-pop{z-index:60;border:1px solid var(--mo-line);background:var(--mo-bg);border-radius:13px;width:232px;position:absolute;top:calc(100% + 7px);left:0;overflow:hidden;box-shadow:0 22px 48px -22px #00000073}.gmk-pop[hidden]{display:none}.gmk-pop-r{left:auto;right:0}.gmk-pop-hd{border-bottom:1px solid var(--mo-line);height:38px;font:700 13px var(--sl-font);align-items:center;padding:0 12px;display:flex}.gmk-pop-clr{color:var(--sl-color-gray-3);font:600 12px var(--sl-font);cursor:pointer;background:0 0;border:0;margin-left:auto}.gmk-pop-clr:hover{color:var(--mo-accent)}.gmk-pal{grid-template-columns:1fr 1fr;gap:3px;padding:7px;display:grid}.gmk-pcell{height:33px;color:var(--mo-ink);border-radius:8px;align-items:center;gap:9px;padding:0 9px;font-size:13px;text-decoration:none;display:flex}.gmk-pcell:hover{background:color-mix(in srgb,var(--mo-ink) 6%,transparent)}.gmk-pcell-sw{background:var(--dot);border-radius:50%;flex:none;width:15px;height:15px;box-shadow:inset 0 0 0 1px #00000029}.gmk-pcell-n{color:var(--sl-color-gray-3);margin-left:auto;font-size:11px}.gmk-pcell[aria-pressed=true]{background:color-mix(in srgb,var(--mo-ink) 8%,transparent);font-weight:700}.gmk-pcell[aria-pressed=true] .gmk-pcell-sw{box-shadow:0 0 0 2px var(--mo-bg),0 0 0 3.5px var(--mo-ink)}.gmk-pop-search{background:color-mix(in srgb,var(--mo-ink) 5%,var(--mo-bg));border-radius:9px;align-items:center;gap:8px;height:32px;margin:9px 10px 4px;padding:0 10px;display:flex}.gmk-pop-search svg{width:14px;height:14px;stroke:var(--sl-color-gray-3);fill:none;stroke-width:2px;flex:none}.gmk-pop-search input{min-width:0;color:var(--mo-ink);font:13px var(--sl-font);background:0 0;border:0;outline:none;flex:1}.gmk-pop-list{max-height:232px;padding:5px 6px 8px;overflow-y:auto}.gmk-opt{width:100%;height:32px;font:13px var(--sl-font);color:var(--mo-ink);cursor:pointer;text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:8px;padding:0 9px;display:flex}.gmk-opt:hover{background:color-mix(in srgb,var(--mo-ink) 6%,transparent)}.gmk-opt.on{color:var(--mo-accent);font-weight:700}.gmk-opt-l{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.gmk-opt-n{color:var(--sl-color-gray-3);margin-left:auto;font-size:11px}.gmk-opt.on .gmk-opt-n{color:color-mix(in srgb,var(--mo-accent) 70%,var(--mo-ink))}.gmk-ck{width:14px;height:14px;stroke:var(--mo-accent);fill:none;stroke-width:2.6px;visibility:hidden;flex:none}.gmk-opt.on .gmk-ck{visibility:visible}.gmk-opt[hidden]{display:none}.gmk-pop .gmk-pop-search{margin:9px 10px 4px}.gmk-titlerow{min-width:0}.gmk-index-heading h2{white-space:nowrap}@media (width<=768px){.gmk-flab,.gmk-fspacer{display:none}.gmk-filter{gap:8px;margin-bottom:1.1rem}.gmk-pop{width:min(280px,100vw - 28px)}}.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-filter{gap:8px}.gmk-trig{height:32px;padding:0 10px;font-size:12.5px}}