*{box-sizing:border-box}body{margin:0;font-family:system-ui,sans-serif;font-weight:300;background:#18181b;color:#fafafa;min-height:100vh}#root{padding:1rem;max-width:900px;margin:0 auto}input,textarea,button{font:inherit;padding:.35rem .5rem;border-radius:.25rem;border:1px solid #3f3f46;background:#27272a;color:#fafafa}button:disabled{opacity:.5;cursor:not-allowed}button:not(:disabled):hover{background:#3f3f46}.view-channel-input:focus{outline:2px solid green;outline-offset:2px;box-shadow:none}.btn-text-only{background:none!important;border:none!important;padding:.35rem .5rem;color:inherit;font-weight:300;cursor:pointer}.btn-text-only:hover{background:#ffffff14!important}label{display:block;margin-bottom:.25rem;color:#a1a1aa}ul{list-style:none;padding-left:0}li{padding:.25rem 0}.about-modal{opacity:0;transition:opacity .22s ease}.about-modal.about-modal--open{opacity:1}.about-modal.about-modal--closing{opacity:0}