.chroma-grid{--chroma-x:-9999px;--chroma-y:-9999px;--chroma-power:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent;width:100%;position:relative}.chroma-grid.has-frame{border-radius:calc(var(--chroma-radius) + 10px);background:var(--chroma-frame);box-shadow:var(--chroma-frame-shadow);-webkit-backdrop-filter:blur(20px)saturate(1.6);backdrop-filter:blur(20px)saturate(1.6);padding:10px}.chroma-frame-rim{border-radius:inherit;box-shadow:inset 0 0 0 1px var(--chroma-frame-edge), inset 0 1px 0 var(--chroma-frame-highlight);pointer-events:none;position:absolute;inset:0}.chroma-grid-inner{gap:var(--chroma-gap);grid-template-columns:repeat(auto-fill, minmax(min(100%, max(var(--chroma-min), calc((100% - (var(--chroma-cols) - 1) * var(--chroma-gap)) / var(--chroma-cols)))), 1fr));display:grid}.chroma-card{box-sizing:border-box;border-radius:var(--chroma-radius);background:var(--chroma-tile);min-width:0;box-shadow:var(--chroma-tile-shadow);color:var(--chroma-ink);isolation:isolate;flex-direction:column;gap:10px;padding:8px;text-decoration:none;transition:filter .25s;display:flex;position:relative;overflow:hidden}.chroma-card:hover{filter:var(--chroma-hover)}a.chroma-card:active{filter:var(--chroma-press)}a.chroma-card:focus-visible{outline:2px solid var(--chroma-ink);outline-offset:2px}.chroma-wash,.chroma-color,.chroma-card-glow{-webkit-mask-image:radial-gradient(circle var(--chroma-r) at calc(var(--chroma-x) - var(--chroma-ox,0px)) calc(var(--chroma-y) - var(--chroma-oy,0px)), var(--chroma-stops));-webkit-mask-image:radial-gradient(circle var(--chroma-r) at calc(var(--chroma-x) - var(--chroma-ox,0px)) calc(var(--chroma-y) - var(--chroma-oy,0px)), var(--chroma-stops));mask-image:radial-gradient(circle var(--chroma-r) at calc(var(--chroma-x) - var(--chroma-ox,0px)) calc(var(--chroma-y) - var(--chroma-oy,0px)), var(--chroma-stops))}.chroma-wash{z-index:0;pointer-events:none;background:radial-gradient(130% 70% at 50% 100%, var(--chroma-accent), transparent 72%);opacity:calc(var(--chroma-glow) * var(--chroma-power) * .45);position:absolute;inset:0}.chroma-media{z-index:1;aspect-ratio:var(--chroma-ratio);border-radius:max(0px, calc(var(--chroma-radius) - 8px));background:var(--chroma-well);position:relative;overflow:hidden}.chroma-media img{object-fit:cover;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:100%;display:block;position:absolute;inset:0}.chroma-mono{filter:grayscale(var(--chroma-gray)) brightness(calc(1 - var(--chroma-dim)))}.chroma-color{opacity:var(--chroma-power)}.chroma-media-rim{border-radius:inherit;box-shadow:inset 0 0 0 1px var(--chroma-media-edge);pointer-events:none;position:absolute;inset:0}.chroma-info{z-index:1;flex-direction:column;gap:2px;min-width:0;padding:2px 6px 4px;display:flex;position:relative}.chroma-title{letter-spacing:-.01em;text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:600;line-height:1.3;overflow:hidden}.chroma-subtitle{color:var(--chroma-muted);text-overflow:ellipsis;white-space:nowrap;font-size:13px;line-height:1.35;overflow:hidden}.chroma-card-rim,.chroma-card-glow{z-index:2;border-radius:inherit;pointer-events:none;position:absolute;inset:0}.chroma-card-rim{box-shadow:inset 0 0 0 1px var(--chroma-tile-edge), inset 0 1px 0 var(--chroma-tile-highlight)}.chroma-card-glow{box-shadow:inset 0 0 0 1px var(--chroma-accent), inset 0 0 16px -8px var(--chroma-accent);opacity:calc(var(--chroma-border) * var(--chroma-power))}.chroma-grid[data-reveal=card] .chroma-wash,.chroma-grid[data-reveal=card] .chroma-color,.chroma-grid[data-reveal=card] .chroma-card-glow{opacity:0;transition:opacity var(--chroma-fade) ease;-webkit-mask-image:none;mask-image:none}.chroma-grid[data-reveal=card] .chroma-card:hover .chroma-wash{opacity:calc(var(--chroma-glow) * .45);transition-duration:.3s}.chroma-grid[data-reveal=card] .chroma-card:hover .chroma-color{opacity:1;transition-duration:.3s}.chroma-grid[data-reveal=card] .chroma-card:hover .chroma-card-glow{opacity:var(--chroma-border);transition-duration:.3s}.glare-hover{vertical-align:top;width:var(--gh-width);height:var(--gh-height);background:var(--gh-bg);border:1px solid var(--gh-border);border-radius:var(--gh-br);isolation:isolate;place-items:center;display:inline-grid;position:relative;overflow:hidden}.glare-hover__glare{z-index:2;border-radius:inherit;opacity:0;mix-blend-mode:var(--gh-blend);pointer-events:none;position:absolute;inset:0}.glare-hover__band{background:var(--gh-glare);will-change:transform;position:absolute;top:50%;left:50%}.glare-hover__rim{border-radius:inherit;-webkit-mask-composite:xor;padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude}.glare-hover__band--rim{background:var(--gh-rim)}.spotlight-card{isolation:isolate;background-color:var(--spotlight-card-surface);box-shadow:var(--spotlight-card-shadow);border-radius:1.5rem;padding:2rem;position:relative;overflow:hidden}.spotlight-card__light,.spotlight-card__grain,.spotlight-card__border,.spotlight-card__edge{border-radius:inherit;pointer-events:none;position:absolute;inset:0}.spotlight-card__light,.spotlight-card__grain{z-index:-1;opacity:0}.spotlight-card__grain{mix-blend-mode:overlay;background-size:160px 160px}.spotlight-card__border,.spotlight-card__edge{z-index:1;-webkit-mask-composite:xor;padding:1px;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor,source-over;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}.spotlight-card__border{background:var(--spotlight-card-border)}.spotlight-card__edge{opacity:0}