*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;padding:0;-webkit-touch-callout:none;overflow:hidden;background:#010101}#root{overflow:hidden}body{font-family:-apple-system,BlinkMacSystemFont,avenir next,avenir,helvetica neue,helvetica,ubuntu,roboto,noto,segoe ui,arial,sans-serif}@keyframes blink{0%{opacity:1}50%{opacity:0}to{opacity:1}}.typing-cursor{display:inline-block;width:2px;height:1em;background-color:#fff;animation:blink 1s step-end infinite;margin-left:2px;vertical-align:middle}.main{position:absolute;top:0;left:0;width:100%;height:100%;color:#fff}.main>.code{position:absolute;left:50%;max-width:80%;height:100%;display:flex;align-items:center;justify-content:center}.code-container{position:relative;margin-bottom:-60px}.counter{position:absolute;top:-100px;right:-20px;color:#fff;background:#394a52;padding:40px;border-radius:10px;box-shadow:0 16px 40px -5px #00000080;width:120px;height:120px;font-size:3em}.counter>span{position:absolute;left:50%;top:50%;margin-top:-15px;transform:translate3d(-50%,-50%,0)}.counter>button{margin:10px;padding:5px 10px;position:absolute;left:0;bottom:0;width:100px;border-radius:5px;border:solid 2px white;outline:none;background:transparent;color:#fff;cursor:pointer}.code-container pre[class*=language-]{margin-top:-50px;display:inline-block;width:auto!important;padding:40px 50px 40px 45px;font-size:.8rem!important;border-radius:10px!important;box-shadow:0 16px 40px -5px #000;white-space:pre-wrap!important}.header-left{font-weight:400;position:absolute;display:flex;align-items:center;top:20px;left:20px;margin:8px 0 0 10px;font-size:2.5em;color:#fff;line-height:1em;border-radius:8px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.company-logo{height:36px;width:auto;margin-right:12px;vertical-align:middle}#company-name{display:inline-block;font-family:serif;letter-spacing:1px}#company-name .dot{display:inline-block;font-size:1em;margin:0 1px}a{font-family:-apple-system,BlinkMacSystemFont,avenir next,avenir,helvetica neue,helvetica,ubuntu,roboto,noto,segoe ui,arial,sans-serif;font-weight:400;font-size:16px;color:inherit;position:absolute;display:inline;text-decoration:none}.nav{align-items:center;display:flex;gap:16px;justify-content:flex-end;left:40px;position:fixed;right:40px;top:40px}.nav a{position:relative;flex:0 0 auto;left:40px}a.bottom-right{bottom:40px;right:40px}.snippet-container{display:flex;align-items:center;gap:4px;position:absolute;bottom:0;right:0;padding:5px}.snippet-lang{background-color:#272822;color:#fff;outline:0;border:0}.copy-button{box-shadow:none;text-decoration:none;font-size:14px;font-family:sans-serif;line-height:1;padding:12px;width:auto;border-radius:5px;border:0;outline:none;background:transparent;color:#f8f9fa;cursor:pointer}.copy-button:hover{background-color:#5f5e5d}.login-button-container{position:fixed;top:20px;right:20px;z-index:1000;display:flex;align-items:center;gap:10px}.user-profile{display:flex;align-items:center;background-color:#394a52cc;padding:8px 15px;border-radius:30px;box-shadow:0 4px 12px #00000026;transition:all .3s ease;cursor:pointer}.user-profile:hover{background-color:#394a52}.user-profile img{width:32px;height:32px;border-radius:50%;object-fit:cover;margin-right:10px}.user-profile .user-name{color:#fff;font-size:14px;font-weight:500}.login-button-container #googleButtonDiv{padding:4px;background-color:#394a52cc;border-radius:8px}.transparent-ui{position:fixed;bottom:30px;left:50%;transform:translate(-50%);z-index:1000;width:auto}.auth-message{background-color:#ff5733b3;color:#fff;text-align:center;padding:8px 20px;border-radius:20px;margin-bottom:10px;font-size:14px;font-weight:500;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-shadow:0 2px 8px #0003;animation:fadeIn .3s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.transparent-ui-container{background-color:#00000080;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:30px;padding:10px 10px 10px 20px;display:flex;flex-direction:column;align-items:center}.transparent-ui-input{display:flex;align-items:center;width:100%}.transparent-ui-input input{background-color:transparent;border:none;color:#fff;padding:8px 12px;flex-grow:1;outline:none;font-size:16px;min-width:300px}.send-button{background-color:#fff3;border:none;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;transition:all .2s ease;outline:none;margin-left:8px;padding:0}.send-button.connected{background-color:#4caf50;color:#fff}.send-button.connecting,.send-button.connect{border-radius:18px;width:auto;padding:0 15px;font-size:14px;white-space:nowrap}.send-button.connect{background-color:inherit}.send-button.connecting{background-color:#ff9800;cursor:default}.send-button:hover{background-color:#ffffff4d;transform:scale(1.05)}.send-button.connected:hover,.send-button.connect:hover{background-color:#45a049}.send-button.connecting:hover{transform:none;background-color:#ff9800}.send-button:active{background-color:#fff6;transform:scale(.95)}.send-button.connecting:active{transform:none}.send-button.muted{background-color:#7f8c8d!important}.send-button.muted:hover{background-color:#95a5a6!important}.transparent-ui-options{display:flex;gap:10px;margin-bottom:10px}.transparent-ui-option{color:#fff;cursor:pointer;padding:6px 12px;border-radius:6px;transition:background-color .2s}.transparent-ui-option:hover,.transparent-ui-option.active{background-color:#fff3}.transparent-ui-input input::placeholder{color:#fff9}.transparent-messages{position:fixed;z-index:1000;width:300px;max-height:80vh;overflow-y:auto}.transparent-messages.right{top:80px;right:30px}.transparent-messages.left{top:80px;left:30px}.transparent-messages.top-center{top:80px;left:50%;transform:translate(-50%);width:400px}.transparent-messages.bottom-center{bottom:100px;left:50%;transform:translate(-50%);width:400px}.transparent-messages-container{display:flex;flex-direction:column;gap:10px}.transparent-message{background-color:#00000080;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:10px;padding:12px 16px;color:#fff;transition:all .3s ease;cursor:pointer;animation:fadeIn .3s ease-in-out;opacity:1}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}.transparent-message.fading-out{animation:fadeOut .5s ease-in-out forwards;pointer-events:none}.transparent-message:hover{background-color:#0009}.transparent-message p{margin:0;line-height:1.4;font-size:14px}.color-picker{display:flex;justify-content:center;gap:8px;margin-bottom:10px}.color-option{width:22px;height:22px;border-radius:50%;cursor:pointer;transition:transform .2s ease,border .2s ease;padding:0;outline:none}.color-option:hover{transform:scale(1.2)}@media only screen and (max-width: 700px){span.header-left{font-size:1em}.main>.code{margin-right:-0px}.code-container>pre[class*=language-]{font-size:.6rem!important;border-radius:10px 10px 0 0!important}.counter{position:absolute;top:-120px}.login-button-container{top:10px;right:10px}.user-profile{padding:6px 10px}.user-profile img{width:28px;height:28px}.user-profile .user-name{font-size:12px}.company-logo{height:20px;margin-right:8px}.transparent-ui-input input{min-width:240px;width:100%;font-size:14px}.send-button{width:32px;height:32px}.transparent-ui-option{padding:4px 8px;font-size:14px}.transparent-messages{width:250px}.transparent-messages.right,.transparent-messages.left{top:60px}.transparent-messages.top-center{width:300px;top:60px}.transparent-message{padding:10px 14px}.transparent-message p{font-size:13px}.color-picker{gap:6px}.color-option{width:18px;height:18px}}code[class*=language-],pre[class*=language-]{color:#e4f0fb!important;background:none!important;text-shadow:0 1px rgba(0,0,0,.3)!important;font-family:Menlo,Monaco,Courier New,monospace!important;font-size:.95em!important;text-align:left!important;white-space:pre!important;word-spacing:normal!important;word-break:normal!important;word-wrap:normal!important;line-height:1.5!important;-moz-tab-size:4!important;-o-tab-size:4!important;tab-size:4!important;-webkit-hyphens:none!important;-moz-hyphens:none!important;-ms-hyphens:none!important;hyphens:none!important}pre[class*=language-]{padding:3.75em!important;margin:-2.5em 0!important;overflow:auto!important;border-radius:.75em!important}:not(pre)>code[class*=language-],pre[class*=language-]{background:#252b37!important}:not(pre)>code[class*=language-]{padding:.1em!important;border-radius:.3em!important;white-space:normal!important}.token.comment,.token.prolog,.token.doctype,.token.cdata{color:#a6accd!important}.token.punctuation{color:#e4f0fb!important}.token.namespace{opacity:.7!important}.token.property,.token.tag,.token.constant,.token.symbol,.token.deleted{color:#e4f0fb!important}.token.boolean,.token.number,.token.selector,.token.attr-value,.token.string,.token.char,.token.builtin,.token.inserted{color:#5de4c7!important}.token.attr-name,.token.operator,.token.entity,.token.url,.language-css .token.string,.style .token.string,.token.variable{color:#add7ff!important}.token.atrule,.token.function,.token.class-name{color:#5de4c7!important}.token.keyword{color:#add7ff!important}.token.regex,.token.important{color:#fffac2!important}.token.important,.token.bold{font-weight:700!important}.token.italic{font-style:italic!important}.token.entity{cursor:help!important}