.KindTiles-module__HV_llG__tiles{gap:var(--space-2);flex-direction:column;min-width:0;display:flex}.KindTiles-module__HV_llG__bigs{gap:var(--space-2);grid-template-columns:repeat(2,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.KindTiles-module__HV_llG__bigs>li{min-width:0}.KindTiles-module__HV_llG__bigs[data-count="1"],.KindTiles-module__HV_llG__bigs[data-count="3"]{grid-template-columns:repeat(2,minmax(0,1fr))}@media (min-width:1024px){.KindTiles-module__HV_llG__bigs{grid-template-columns:repeat(4,minmax(0,1fr))}.KindTiles-module__HV_llG__bigs[data-count="3"]{grid-template-columns:repeat(3,minmax(0,1fr))}}.KindTiles-module__HV_llG__big{--tile:var(--kind-community);gap:var(--space-1);box-sizing:border-box;height:calc(var(--space-24) + var(--space-4));padding:var(--space-3) var(--space-3) 0;border-radius:var(--r-lg);color:var(--on-kind);background:linear-gradient(160deg, var(--tile) 0%, color-mix(in srgb, var(--tile) 52%, var(--kind-deep)) 55%, color-mix(in srgb, var(--tile) 26%, var(--kind-deep)) 100%);transition:transform var(--dur-fast) var(--ease);flex-direction:column;text-decoration:none;display:flex;position:relative;overflow:hidden}.KindTiles-module__HV_llG__big[data-kind=community]{background:radial-gradient(120% 120% at 100% 0%, var(--kind-community) 0%, color-mix(in srgb, var(--kind-community) 30%, var(--kind-deep)) 62%)}.KindTiles-module__HV_llG__big[data-kind=game]{--tile:var(--kind-game)}.KindTiles-module__HV_llG__big[data-kind=app]{--tile:var(--kind-app)}.KindTiles-module__HV_llG__big[data-kind=media]{--tile:var(--kind-media)}.KindTiles-module__HV_llG__big:focus-visible,.KindTiles-module__HV_llG__big[aria-current=page]{outline:2px solid var(--ink);outline-offset:2px}@media (hover:hover){.KindTiles-module__HV_llG__big:hover{transform:translateY(calc(var(--space-1) / -2))}}.KindTiles-module__HV_llG__name{font:var(--type-button);letter-spacing:var(--track-title-2);padding-right:var(--space-6)}.KindTiles-module__HV_llG__line{font:var(--type-small);opacity:.82;text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.KindTiles-module__HV_llG__tick{top:var(--space-2);right:var(--space-2);z-index:3;width:var(--h-badge);height:var(--h-badge);border-radius:var(--r-pill);background:var(--on-kind);color:var(--kind-deep);place-items:center;display:grid;position:absolute}.KindTiles-module__HV_llG__thumbs{height:var(--space-12);pointer-events:none;position:absolute;bottom:0;left:0;right:0}.KindTiles-module__HV_llG__thumb{bottom:calc(var(--space-3) * -1);box-sizing:border-box;width:calc(var(--space-12) + var(--space-2));height:calc(var(--space-12) + var(--space-2));border-radius:var(--r-md);border:2px solid var(--on-kind);background:color-mix(in srgb, var(--tile) 70%, var(--kind-deep));box-shadow:0 var(--space-2) var(--space-4) color-mix(in srgb, var(--kind-deep) 40%, transparent);display:block;position:absolute;overflow:hidden}.KindTiles-module__HV_llG__thumb[data-at="0"]{left:var(--space-2);z-index:1;transform:rotate(-9deg)}.KindTiles-module__HV_llG__thumb[data-at="1"]{left:calc(var(--space-12) + var(--space-1));bottom:calc(var(--space-1) * -1);z-index:2;transform:rotate(2deg)}.KindTiles-module__HV_llG__thumb[data-at="2"]{left:calc(var(--space-24) - var(--space-1));bottom:calc(var(--space-4) * -1);z-index:1;transform:rotate(10deg)}.KindTiles-module__HV_llG__big[data-kind=community] .KindTiles-module__HV_llG__thumb{border-radius:var(--r-pill)}.KindTiles-module__HV_llG__media{object-fit:cover;width:100%;height:100%;display:block}.KindTiles-module__HV_llG__song{justify-content:center;align-items:center;gap:calc(var(--space-1) / 2);width:100%;height:100%;padding:var(--space-2);box-sizing:border-box;background:color-mix(in srgb, var(--kind-media) 60%, var(--kind-deep));display:flex}.KindTiles-module__HV_llG__bar{border-radius:var(--r-pill);background:var(--on-kind);opacity:.85;flex:1;min-width:0}.KindTiles-module__HV_llG__initial{background:var(--tint);width:100%;height:100%;color:var(--on-kind);font:var(--type-title-2);place-items:center;display:grid}.KindTiles-module__HV_llG__drawn{width:100%;height:100%;color:var(--on-kind);background:color-mix(in srgb, var(--tile) 82%, var(--on-kind));place-items:center;display:grid}@media (max-height:700px){.KindTiles-module__HV_llG__big{height:calc(var(--space-24) - var(--space-1))}.KindTiles-module__HV_llG__thumb{width:calc(var(--space-10) + var(--space-1));height:calc(var(--space-10) + var(--space-1))}.KindTiles-module__HV_llG__thumb[data-at="0"]{bottom:calc(var(--space-4) * -1)}.KindTiles-module__HV_llG__thumb[data-at="1"]{left:calc(var(--space-10) + var(--space-2));bottom:calc(var(--space-3) * -1)}.KindTiles-module__HV_llG__thumb[data-at="2"]{display:none}}.KindTiles-module__HV_llG__slims{gap:var(--space-2);margin:0;padding:0;list-style:none;display:flex}.KindTiles-module__HV_llG__slims>li{flex:auto;min-width:0}.KindTiles-module__HV_llG__slim{align-items:center;gap:var(--space-2);box-sizing:border-box;min-width:0;height:var(--h-md);padding:0 var(--space-3) 0 var(--space-2);border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface-1);color:var(--ink);font:var(--type-button);text-decoration:none;display:flex}.KindTiles-module__HV_llG__slim:hover{border-color:var(--line-strong)}.KindTiles-module__HV_llG__slim:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.KindTiles-module__HV_llG__slim[aria-current=page]{outline:2px solid var(--ink);outline-offset:2px;border-color:var(--ink)}.KindTiles-module__HV_llG__slimGlyph{width:calc(var(--space-6) + var(--space-1));height:calc(var(--space-6) + var(--space-1));border-radius:var(--r-sm);color:var(--on-kind);background:var(--kind-community);flex:none;place-items:center;display:grid}.KindTiles-module__HV_llG__slimGlyph[data-kind=skill]{background:var(--kind-skill)}.KindTiles-module__HV_llG__slimGlyph[data-kind=framework]{background:var(--kind-framework)}.KindTiles-module__HV_llG__slimGlyph[data-kind=all]{background:conic-gradient(var(--kind-community) 0 25%, var(--kind-game) 0 50%, var(--kind-media) 0 75%, var(--kind-app) 0)}.KindTiles-module__HV_llG__slimName{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;overflow:hidden}.KindTiles-module__HV_llG__slimTick{color:var(--ink);flex:none}@media (max-width:400px){.KindTiles-module__HV_llG__slim{padding:0 var(--space-2);gap:var(--space-1)}}.KindTiles-module__HV_llG__stickyHost{top:calc(var(--feedback-h,0px) + var(--h-topbar));z-index:calc(var(--z-topbar) - 1);height:0;position:sticky}.KindTiles-module__HV_llG__names{top:0;left:calc(var(--page-gutter) * -1);right:calc(var(--page-gutter) * -1);gap:var(--space-2);scrollbar-width:none;overscroll-behavior-x:contain;padding:var(--space-2) var(--page-gutter);background:color-mix(in srgb, var(--bg) 92%, transparent);-webkit-backdrop-filter:blur(var(--blur));backdrop-filter:blur(var(--blur));border-bottom:1px solid var(--line);opacity:0;transform:translateY(calc(var(--space-1) * -1));pointer-events:none;transition:opacity var(--dur) var(--ease), transform var(--dur) var(--ease);display:flex;position:absolute;overflow-x:auto}.KindTiles-module__HV_llG__names::-webkit-scrollbar{display:none}.KindTiles-module__HV_llG__stickyHost[data-shown] .KindTiles-module__HV_llG__names{opacity:1;pointer-events:auto;transform:none}.KindTiles-module__HV_llG__nameChip{height:var(--h-sm);padding:0 var(--space-4);border:1px solid var(--line-strong);border-radius:var(--r-pill);color:var(--ink);font:var(--type-ui);white-space:nowrap;flex:none;align-items:center;text-decoration:none;display:inline-flex}.KindTiles-module__HV_llG__nameChip[aria-current=page]{background:var(--ink);border-color:var(--ink);color:var(--bg)}.KindTiles-module__HV_llG__nameChip:focus-visible{outline:2px solid var(--ink);outline-offset:2px}@media (min-width:1024px){.KindTiles-module__HV_llG__names{padding:var(--space-2) 0;left:0;right:0}}@media (prefers-reduced-motion:reduce){.KindTiles-module__HV_llG__big,.KindTiles-module__HV_llG__names{transition:none}}
