Pixelle

:root { --background: 0 0% 100%; --foreground: 240 10% 3.9%; --card: 0 0% 100%; --card-foreground: 240 10% 3.9%; --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05); --muted-foreground: 240 3.8% 46.1%; --border: 240 5.9% 90%; --secondary: 240 4.8% 95.9%; --secondary-foreground: 240 5.9% 10%; --ring: 240 5.9% 10%; --destructive: 0 84.2% 60.2%; --font-feature-settings: "liga" 1, "calt" 1; --font-variation-settings: "wght" 700; } @media (prefers-color-scheme: dark) { :root { --background: 240 10% 3.9%; --foreground: 0 0% 98%; --secondary: 240 3.7% 15.9%; --secondary-foreground: 0 0% 98%; --card: 240 10% 3.9%; --card-foreground: 0 0% 98%; --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05); --destructive: 0 62.8% 30.6%; --ring: 240 4.9% 83.9%; --border: 240 3.7% 15.9%; --muted-foreground: 240 5% 64.9%; } } .no-js-hide { display: none !important; } html, :host { line-height: 1.5; -webkit-text-size-adjust: 100%; -moz-tab-size: 4; tab-size: 4; font-size: 16px; font-family: theme('fontFamily.sans', ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"); -webkit-tap-highlight-color: transparent; font-feature-settings: var(--font-feature-settings, normal); font-variation-settings: var(--font-variation-settings, normal); } *, ::before, ::after { box-sizing: border-box; } body { margin: 0; line-height: inherit; background-color: hsl(var(--background)); color: hsl(var(--foreground)); } button { font-family: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-size: 100%; font-weight: inherit; line-height: inherit; letter-spacing: inherit; color: inherit; margin: 0; padding: 0; text-transform: none; } h3 { margin: 0; font-size: inherit; font-weight: inherit; } a { color: inherit; text-decoration: inherit; } @media (min-width: 640px) { .sm-max-w-xl { max-width: 36rem /* 576px */; } } .hover:bg-secondary/80:hover { background-color: hsl(var(--secondary) / 0.8); } .focus-visible:outline-none:focus-visible { outline: 2px solid transparent; outline-offset: 2px; } .space-y-1.5 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(0.375rem /* 6px */ * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(0.375rem /* 6px */ * var(--tw-space-y-reverse)); } .focus-visible:ring-offset-2:focus-visible { --tw-ring-offset-width: 2px; } .focus-visible:ring-ring:focus-visible { --tw-ring-color: hsl(var(--ring)); } .ring-offset-background { --tw-ring-offset-color: hsl(var(--background)); } .transition-colors { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .focus-visible:ring-2:focus-visible { --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); }