body{background-color:#181c1c;color:#fff}#root{margin:0 auto;padding:0 2rem;text-align:center;width:100%}.main-root{display:flex;flex-direction:column;width:100%;height:100vh;margin:0 auto;text-align:center}.logo{height:20px;padding:0;will-change:filter;transition:filter .3s,transform .3s}.logo:hover{filter:drop-shadow(0 0 .5em #646cffaa);transform:scale(1.05)}.logo.react:hover{filter:drop-shadow(0 0 .5em #61dafbaa)}.logo-button{padding:0;background:transparent;border:none;cursor:pointer;transition:opacity .2s;display:flex;justify-content:center}.logo-button:hover{opacity:.8}.app-header{box-shadow:0 1px 3px #0000001a;border-top:1px solid rgba(128,128,128,.3)}.room-info{display:flex;align-items:center;gap:12px;font-family:Inter,sans-serif}.room-name{font-size:1rem;font-weight:800;color:#ffffffe6;letter-spacing:.02em;margin:0 8px}.separator{height:16px;width:1px;background-color:#ffffff4d;margin-left:5px;margin-right:5px}.link-input-container{display:flex;align-items:center;gap:6px;position:relative;padding-right:24px}.link-input-container-with-icon{display:flex;align-items:center;position:relative}.link-input{background-color:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:4px;color:#ffffffe6;font-size:.75rem;padding:2px 24px 2px 6px;width:180px;height:24px;cursor:default;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.link-input:focus{outline:none}.copy-button{background:transparent;border:none;color:#ffffffb3;cursor:pointer;padding:2px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background-color .2s,color .2s;margin-left:8px}.copy-button:hover{background-color:#ffffff1a;color:#fff}.copy-button svg{font-size:18px}.info-icon-container{position:absolute;right:30px;display:inline-block;z-index:2;margin-right:8px}.info-icon{font-size:16px!important;color:#ffffffb3;cursor:help}.tooltip{visibility:hidden;width:200px;background-color:#000c;color:#fff;text-align:center;border-radius:6px;padding:8px;position:absolute;z-index:1;top:125%;left:50%;margin-left:-100px;opacity:0;transition:opacity .3s;font-size:12px;line-height:1.4;pointer-events:none}.tooltip:after{content:"";position:absolute;bottom:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:transparent transparent rgba(0,0,0,.8) transparent}.info-icon-container:hover .tooltip{visibility:visible;opacity:1}.snackbar{visibility:hidden;min-width:250px;background-color:#000c;color:#fff;text-align:center;border-radius:4px;padding:12px;position:absolute;z-index:2000;left:50%;bottom:30px;transform:translate(-50%);font-size:14px;box-shadow:0 3px 6px #00000029;transition:visibility 0s,opacity .3s linear;opacity:0}.snackbar.show{visibility:visible;opacity:1}.iframe-container{overflow:hidden}button[aria-label="Return to previous page"]{padding:0;background:none;border:none}.header-text{font-size:1.25rem}@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}.container{position:relative}.content-section{position:absolute;left:0;top:100%;background-color:#181c1c;border-radius:.5rem;padding:1rem;width:100%;max-width:42rem;z-index:10;margin-top:.5rem;display:none}@media (max-width: 768px){.content-section{max-width:20rem}}#chatbase-bubble-button,#chatbase-message-bubbles{left:20px!important;right:auto!important;transform:none!important}#chatbase-bubble-window{left:20px!important;right:auto!important;transform-origin:bottom left!important}#chatbase-message-bubbles>div,#chatbase-message-bubbles>div>div,[class*=chatbase-message],[class*=message-bubble]{margin-left:0!important;margin-right:auto!important;text-align:left!important}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:2.5em;line-height:1.1}h2{font-size:1.5em;line-height:1.1;margin-top:auto;margin-bottom:auto}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.menu-bar{display:flex;align-items:center;padding:5px 10px;position:relative;justify-content:flex-end}.app-title{color:#fff;margin:0;padding-right:10px;font-size:1.1em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex-shrink:0}.menu-bar{display:flex;align-items:flex-start;padding:5px 10px;position:relative;justify-content:flex-start;height:auto}.menu-items{display:flex;justify-content:flex-end;flex-grow:1;overflow-x:auto}.menu-item{color:#fff;cursor:pointer;padding:8px 12px;border-radius:4px;transition:background-color .3s;font-size:.9em;display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-left:5px}.vertical-divider{width:1px;background-color:#515151;margin:0 10px;align-self:stretch;flex-shrink:0}.time-subtitle{font-size:.7em;color:#cbcbcb;margin-top:2px}.menu-items-container{display:flex;align-items:center;flex-grow:1}.content-section{top:calc(100% + 10px)}.menu-item:first-child{margin-left:0}.menu-item:hover,.menu-item.active{background-color:#444}iframe .act{width:100%;border:none;margin-top:10px;background-color:#fff;border-radius:5px}.time-subtitle{font-size:.8em;color:#cbcbcb;margin-top:2px}.content-section{display:none;position:absolute;left:30%;top:100%;width:80%;height:calc(100vh - 150px);border-radius:5px;padding:20px;background-color:#fff;box-shadow:0 4px 6px #0000001a;flex-direction:column;color:#000;overflow-y:auto}.content-section iframe{width:100%;height:100%;border:none}.header{display:flex;position:relative;align-items:center;justify-content:space-between;width:max-content}@media (max-width: 1010px){.header .header-text{display:none}}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}