:root{--space:1rem;--ease-out:cubic-bezier(.5,1,.89,1);--ease-in-out:cubic-bezier(.45,0,.55,1);--light-fg:#000;--light-surface-2:#e5e7eb;--light-surface-shadow:#f0f0f0;--light-bg:#fff;--light-footer-text:#6b7280;--selected-invert:1}.dark{--bg:#09090b;--fg:#e3e3e3;--surface-1:#101012;--surface-2:#27272a;--surface-3:#52525b;--dark-footer-text:#9ca3af;--selected-invert:0}.card{border:1px solid var(--light-surface-2);isolation:isolate;height:100%;min-height:150px;transition:border-color .2s var(--ease-out),box-shadow .8s var(--ease-in-out);-webkit-user-select:none;user-select:none;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#ffffff4d;border-radius:.375rem;grid-template-areas:"card";place-items:center;display:grid;position:relative;overflow:hidden}.dark .card{border-color:var(--surface-2);background-color:#09090b33}.card>*{grid-area:card}.card>pixel-canvas{z-index:1;width:100%;height:100%;position:relative}.card-content{z-index:3;width:100%;height:100%;color:var(--light-fg);flex-direction:column;justify-content:space-between;padding:.25rem 1rem 1rem;display:flex;position:relative}.dark .card-content{color:var(--fg)}.card-footer{justify-content:space-between;gap:.75rem;font-size:.875rem;display:flex}.card-footer .icon-text{align-items:center;gap:.25rem;display:flex}.card:focus-within{outline:5px auto highlight;outline:5px auto -webkit-focus-ring-color}.card:where(:hover,:focus-within),.category-pixel-card:where(:hover,:focus-within){border-color:var(--active-color,var(--light-fg));box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a}.dark .card:where(:hover,:focus-within),.dark .category-pixel-card:where(:hover,:focus-within){border-color:var(--active-color,var(--fg))}.card .card-title,.card-content>div:first-child>div:first-child,.card-footer{color:var(--light-fg);transition:color .3s var(--ease-out)}.dark .card .card-title,.dark .card-content>div:first-child>div:first-child,.dark .card-footer{color:var(--fg)}.card:where(:hover,:focus-within) .card-title,.card:where(:hover,:focus-within) .card-content>div:first-child>div:first-child,.card:where(:hover,:focus-within) .card-footer{color:var(--light-fg);transition:color .3s var(--ease-in-out)}.dark .card:where(:hover,:focus-within) .card-title,.dark .card:where(:hover,:focus-within) .card-content>div:first-child>div:first-child,.dark .card:where(:hover,:focus-within) .card-footer{color:var(--active-color,var(--fg))}.category-pixel-card{border:1px solid var(--light-surface-2);isolation:isolate;transition:border-color .2s var(--ease-out),box-shadow .8s var(--ease-in-out);-webkit-user-select:none;user-select:none;position:relative;overflow:hidden}.category-pixel-card:not(.bg-primary){-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#ffffff4d}.dark .category-pixel-card:not(.bg-primary){background-color:#09090b33}.category-pixel-card:where(:hover,:focus-within){border-color:var(--active-color,var(--light-fg));transition:border-color .8s var(--ease-in-out);box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a}.dark .category-pixel-card:where(:hover,:focus-within){border-color:var(--active-color,var(--fg))}.category-pixel-card>span.z-30{color:var(--light-fg);transition:color .3s var(--ease-out)}.dark .category-pixel-card>span.z-30{color:var(--fg)}.category-pixel-card:where(:hover,:focus-within)>span.z-30{color:var(--light-fg);transition:color .3s var(--ease-in-out)}.dark .category-pixel-card:where(:hover,:focus-within)>span.z-30{color:var(--active-color,var(--fg))}.category-pixel-card.text-primary-foreground>span.z-30,.dark .category-pixel-card.text-primary-foreground>span.z-30,.category-pixel-card.text-primary-foreground:where(:hover,:focus-within)>span.z-30,.dark .category-pixel-card.text-primary-foreground:where(:hover,:focus-within)>span.z-30{color:hsl(var(--primary-foreground))}.current-category-glow,.dark .current-category-glow{border-color:var(--active-color);box-shadow:0 0 10px 1px var(--active-color)}