@font-face{font-family:Proxima Nova;src:url(/font/proxima_nova_light.woff2) format("woff2");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Proxima Nova;src:url(/font/proxima_nova_extrabold.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Proxima Nova;src:url(/font/proxima_nova_black.woff2) format("woff2");font-weight:800;font-style:normal;font-display:swap}body,html{font-family:Proxima Nova,Arial,sans-serif;font-weight:300}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}html,body{margin:0;padding:0;overflow-x:hidden;width:100%;max-width:100%}*{box-sizing:border-box}div,section,main,aside,header,footer{max-width:100%;overflow-x:hidden}@tailwind base;@tailwind components;@tailwind utilities;@layer base{:root{--background: 0 0% 100%;--foreground: 222.2 84% 4.9%;--card: 0 0% 100%;--card-foreground: 222.2 84% 4.9%;--popover: 0 0% 100%;--popover-foreground: 222.2 84% 4.9%;--primary: 217 89% 57%;--primary-foreground: 0 0% 100%;--secondary: 210 40% 96.1%;--secondary-foreground: 222.2 47.4% 11.2%;--muted: 210 40% 96.1%;--muted-foreground: 215.4 16.3% 46.9%;--accent: 210 40% 96.1%;--accent-foreground: 222.2 47.4% 11.2%;--destructive: 0 84.2% 60.2%;--destructive-foreground: 210 40% 98%;--border: 214.3 31.8% 91.4%;--input: 214.3 31.8% 91.4%;--ring: 217 89% 57%;--radius: .5rem}.dark{--background: 222.2 84% 4.9%;--foreground: 210 40% 98%;--card: 222.2 84% 4.9%;--card-foreground: 210 40% 98%;--popover: 222.2 84% 4.9%;--popover-foreground: 210 40% 98%;--primary: 217 89% 57%;--primary-foreground: 0 0% 100%;--secondary: 217.2 32.6% 17.5%;--secondary-foreground: 210 40% 98%;--muted: 217.2 32.6% 17.5%;--muted-foreground: 215 20.2% 65.1%;--accent: 217.2 32.6% 17.5%;--accent-foreground: 210 40% 98%;--destructive: 0 62.8% 30.6%;--destructive-foreground: 210 40% 98%;--border: 217.2 32.6% 17.5%;--input: 217.2 32.6% 17.5%;--ring: 217 89% 57%}}@layer base{*{@apply border-border;}body{@apply bg-background text-foreground font-sans antialiased;font-feature-settings:"rlig" 1,"calt" 1}@font-face{font-family:Proxima Nova;src:url(/font/proxima_nova_light.woff2) format("woff2");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Proxima Nova;src:url(/font/proxima_nova_extrabold.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Proxima Nova;src:url(/font/proxima_nova_black.woff2) format("woff2");font-weight:800;font-style:normal;font-display:swap}}@layer components{.btn{@apply inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50;}.btn-primary{@apply btn bg-primary text-primary-foreground hover:bg-primary/90;}.btn-secondary{@apply btn bg-secondary text-secondary-foreground hover:bg-secondary/80;}.btn-destructive{@apply btn bg-destructive text-destructive-foreground hover:bg-destructive/90;}.btn-outline{@apply btn border border-input bg-background hover:bg-accent hover:text-accent-foreground;}.btn-ghost{@apply btn hover:bg-accent hover:text-accent-foreground;}.btn-link{@apply btn underline-offset-4 hover:underline text-primary;}.btn-sm{@apply h-9 px-4 text-xs;}.btn-lg{@apply h-12 px-8 text-base;}.btn-icon{@apply h-9 w-9 p-0;}}
