._header_19bo5_1{display:flex;padding-block:1em}._nav_19bo5_6{display:inline-flex;align-items:center;gap:1em}*{padding:0;margin:0;box-sizing:border-box}body{font-family:Figtree,sans-serif;font-optical-sizing:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{min-height:100dvh;display:flex;flex-direction:column}.main-layout{width:100%;max-width:1000px;margin-inline:auto;padding-inline:16px}*,:before,:after{box-sizing:border-box}*{margin:0}html{color-scheme:dark;font-family:system-ui}body{min-block-size:100vb;background-size:cover;line-height:1.5}:root{--bg-color: #f5f5f5;--color-primary: rgb(255, 255, 255);--color-secondary: rgb(255, 255, 255);--text-color: rgb(0, 0, 0);--yellow: rgb(250 204 21);--red: rgb(239 68 68);--green: rgb(34 197 94);--gray: rgb(209 213 219);--shadow: 8px 8px 0 #000;--border: 4px solid #000}body{font-family:Roboto Mono,monospace;background-color:var(--bg-color);color:#1a1a1a}p{font-size:1rem}.neo-brutalist-static,.neo-brutalist{border:3px solid #000;box-shadow:4px 4px #000;transition:all .1s ease}.neo-brutalist:hover{box-shadow:2px 2px #000;transform:translate(3px,3px)}.link{font-weight:600;text-decoration:none;color:#000}.link.active{background:var(--yellow)}.component-card{height:100%;display:flex;flex-direction:column}.component-preview{flex-grow:1;display:flex;align-items:center;justify-content:center;padding:1.5rem;min-height:200px}