@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}@keyframes sbIndet{0%{left:-38%}to{left:100%}}.buddy,.buddy .arm-l,.buddy .arm-r,.buddy .legs{transform-box:fill-box}.buddy{transform-origin:50% 100%}.buddy .arm-l,.buddy .arm-r{transform-origin:50% 12%}.buddy.act-idle{animation:sbbBob 1.7s ease-in-out infinite}.buddy.act-jump{animation:sbbJump 1.3s ease-in-out infinite}.buddy.act-dance{animation:sbbDance .66s ease-in-out infinite}.buddy.act-fight{animation:sbbLunge .9s ease-in-out infinite}.buddy.act-celebrate{animation:sbbCheer 1s ease-in-out infinite}@keyframes sbbBob{0%,to{transform:translateY(0)}50%{transform:translateY(-.5px)}}@keyframes sbbJump{0%,66%,to{transform:translateY(0)}82%{transform:translateY(-5px)}92%{transform:translateY(-1px)}}@keyframes sbbDance{0%,to{transform:rotate(-9deg)}50%{transform:rotate(9deg)}}@keyframes sbbLunge{0%,to{transform:translate(0)}50%{transform:translate(1.5px)}}@keyframes sbbCheer{0%,55%,to{transform:translateY(0)}78%{transform:translateY(-4px)}}.buddy.act-dance .arm-l{animation:sbbArmL .66s ease-in-out infinite}.buddy.act-dance .arm-r{animation:sbbArmR .66s ease-in-out infinite}@keyframes sbbArmL{0%,to{transform:rotate(10deg)}50%{transform:rotate(-120deg)}}@keyframes sbbArmR{0%,to{transform:rotate(-10deg)}50%{transform:rotate(120deg)}}.buddy.act-fight .arm-r{animation:sbbSwing .42s ease-in-out infinite}@keyframes sbbSwing{0%,to{transform:rotate(25deg)}50%{transform:rotate(-100deg)}}.buddy.act-celebrate .arm-l{transform:rotate(140deg)}.buddy.act-celebrate .arm-r{transform:rotate(-140deg)}.buddy.act-crouch{animation:sbbCrouch 1.1s ease-in-out infinite}@keyframes sbbCrouch{0%,to{transform:translateY(0) scaleY(1)}45%,60%{transform:translateY(2px) scaleY(.78)}}.buddy.act-ducky{animation:sbbBob 1.1s ease-in-out infinite}.buddy.act-umbrella{animation:sbbSway 1.7s ease-in-out infinite}@keyframes sbbSway{0%,to{transform:rotate(-5deg)}50%{transform:rotate(5deg)}}@keyframes sbEmotePop{0%{transform:translate(-50%) translateY(5px) scale(.5);opacity:0}60%{transform:translate(-50%) translateY(-2px) scale(1.18);opacity:1}to{transform:translate(-50%) translateY(0) scale(1);opacity:1}}.sb-emote{animation:sbEmotePop .28s ease-out}.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}}