@layer properties,theme,base,components,utilities;@layer utilities{.static{position:static}.my-6{margin-block:calc(var(--spacing) * 6)}.ml-auto{margin-left:auto}.inline-block{display:inline-block}.list-none{list-style-type:none}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.bg-\[light-dark\(var\(--light\)\,var\(--dark\)\)\]{background-color:light-dark(var(--light),var(--dark))}.font-heading{font-family:var(--font-pixel);font-size-adjust:ex-height var(--text-x-height)}.font-mono{font-family:var(--font-mono)}.font-sans{font-family:var(--font-sans)}.font-serif{font-family:var(--font-serif)}.text-\[length\:0\.875rem\]{font-size:.875rem}.underline{text-decoration-line:underline}.running{animation-play-state:running}.dark\:hidden:where(:root[data-theme=dark],:root[data-theme=dark] *){display:none}@media (prefers-color-scheme:dark){.dark\:hidden:where(:root:not([data-theme=light]),:root:not([data-theme=light]) *){display:none}}.dark\:inline:where(:root[data-theme=dark],:root[data-theme=dark] *){display:inline}@media (prefers-color-scheme:dark){.dark\:inline:where(:root:not([data-theme=light]),:root:not([data-theme=light]) *){display:inline}}}