@font-face{font-family:Degular Display;src:url(/fonts/DegularDisplay-Medium.otf) format("opentype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Degular Display;src:url(/fonts/DegularDisplay-Semibold.otf) format("opentype");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Degular Display;src:url(/fonts/DegularDisplay-Bold.otf) format("opentype");font-weight:700;font-style:normal;font-display:swap}:root{--degular: "Degular Display", "Plus Jakarta Sans", system-ui, sans-serif;--mono: "Space Mono", "IBM Plex Mono", ui-monospace, monospace;--n0: #f6f5f2;--n100: #eeeae5;--n200: #dad6d2;--n300: #c9c4bd;--n400: #bcb9b3;--n500: #9b9792;--n600: #474440;--n800: #262523;--n900: #1d1b19;--p500: #f95730;--p600: #da4622;--p700: #c03817;--p800: #922910}*{box-sizing:border-box}html,body{margin:0;padding:0;min-height:100%}body{background-color:var(--n300);background-image:radial-gradient(rgba(23,21,20,.05) 1px,transparent 1px);background-size:22px 22px;color:var(--n800);font-family:var(--mono);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}input{font-family:var(--mono)}input::placeholder{color:var(--n500);opacity:1}button{font-family:var(--mono)}::selection{background:var(--p500);color:var(--n900)}@keyframes sbEq{0%{transform:scaleY(.18)}50%{transform:scaleY(1)}to{transform:scaleY(.18)}}@keyframes sbSpin{to{transform:rotate(360deg)}}@keyframes sbRise{0%{opacity:0;transform:translateY(10px)}12%{opacity:1}to{opacity:0;transform:translateY(-26px)}}@keyframes sbPop{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes sbBlink{0%,to{opacity:1}50%{opacity:.25}}.sb-blink{animation:sbBlink 1.6s infinite}.sb-opt:hover{background:var(--n200)!important}.sb-create:hover{background:var(--n900)!important}.sb-join:hover{background:var(--n800)!important;color:var(--n300)!important}.sb-orange:hover{background:var(--p600)!important}.sb-react:hover{background:var(--n100)!important}.sb-ghost:hover{background:var(--n200)!important}.sb-swatch:hover{border-color:var(--p500)!important}button:disabled{cursor:default}.sb-app{min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:0 16px 64px}.sb-col{width:100%;max-width:780px}.sb-scroll::-webkit-scrollbar{width:8px;height:8px}.sb-scroll::-webkit-scrollbar-thumb{background:var(--n400)}.sb-scroll::-webkit-scrollbar-track{background:transparent}@media(max-width:560px){.sb-tagline{display:none}.sb-2up{grid-template-columns:1fr!important}.sb-2up>.sb-2up-cell{border-right:none!important;border-bottom:1px solid #bcb9b3}.sb-addrow{flex-wrap:wrap}.sb-addrow>input{flex:1 0 100%!important;border-right:none!important}.sb-hero{font-size:48px!important}.sb-roomcode{font-size:44px!important}.sb-avatarblock{width:100%;border-left:none!important;border-top:1px solid #bcb9b3}}