[file-scope=ca9856b94292244e]{--background: var(--surface-n2);background:var(--background);display:flex;flex-direction:column;padding-bottom:50px;overflow:hidden}[file-scope=ca9856b94292244e] .width-container{width:100%;max-width:1360px;margin:auto}[file-scope=ca9856b94292244e] .container{border-radius:var(--border-radius-xxlarge);position:relative;outline:1px solid var(--accent-mix-20);box-shadow:0 10px 20px #0002;min-height:200px;height:100%}[file-scope=ca9856b94292244e] .container .container-content{display:flex;height:100%;flex:1}[file-scope=ca9856b94292244e] .top{height:250px;display:flex;align-items:center;justify-content:center;position:relative}[file-scope=ca9856b94292244e] .top>.width-container{padding-left:20px}[file-scope=ca9856b94292244e] .menu{width:320px;max-width:320px;overflow:auto;padding:15px;border-radius:var(--border-radius-xxlarge);position:relative;--scrollbar-size: 3px}[file-scope=ca9856b94292244e] .menu>ls-tab{left:15px;right:15px}[file-scope=ca9856b94292244e] .menu-button{position:absolute!important;left:20px;bottom:20px;font-size:x-large}[file-scope=ca9856b94292244e] .menu-category-title{margin:18px 0 4px 8px;color:var(--accent);display:block}[file-scope=ca9856b94292244e] .sidebar-content{flex:1;width:100%;height:100%;overflow:auto;position:relative}[file-scope=ca9856b94292244e] .sidebar-content h2{margin-bottom:8px;margin-top:36px}[file-scope=ca9856b94292244e] .sidebar-content h3{margin-bottom:8px;margin-top:24px}[file-scope=ca9856b94292244e] .sidebar-content hr{max-width:500px}[file-scope=ca9856b94292244e] .sidebar-content ls-tab{inset:30px;position:absolute}[file-scope=ca9856b94292244e] .sidebar-content [tab-id=home]{display:flex;gap:30px;flex-direction:column;align-items:center;justify-content:center}[file-scope=ca9856b94292244e] [data-tab-id]{transition:padding-left .2s ease-in-out}[file-scope=ca9856b94292244e] [data-tab-id].active{font-weight:600;padding-left:30px!important}[file-scope=ca9856b94292244e] [data-tab-id]:before{content:"";position:absolute;top:15px;bottom:15px;width:5px;left:18px;background:var(--accent);border-radius:var(--border-radius-full);opacity:0;transition:opacity .2s ease-in-out}[file-scope=ca9856b94292244e] [data-tab-id].active:before{opacity:1}[file-scope=ca9856b94292244e] .external-indicator{font-size:smaller;float:right;margin:0!important;color:var(--surface-6)}[file-scope=ca9856b94292244e] [ls-theme=light] .menu .grouped-buttons>:is(button,.ls-button){background-color:var(--accent-mix-10);--accent-mix-40: var(--accent-mix-20)}[file-scope=ca9856b94292244e] .profile-editor-container{display:flex;justify-content:space-between;gap:40px}[file-scope=ca9856b94292244e] .profile-editor-container .profile[ls-theme=light] a{--on-background: var(--accent-40)!important;--on-accent: var(--accent-90)!important;--on-transparent: var(--accent-30)!important}[file-scope=ca9856b94292244e] .profile-editor-confirm-buttons{position:absolute;bottom:30px;display:flex;gap:10px;left:40px;right:40px;padding:10px 10px 10px 30px;border-radius:var(--border-radius-xxlarge);justify-content:space-between;align-items:center;outline:1px solid var(--accent-mix-20);box-shadow:0 10px 20px #0002;flex-wrap:wrap;transform:translateY(10px);opacity:0;transition:opacity .2s,transform .2s;pointer-events:none;z-index:9000}[file-scope=ca9856b94292244e] .profile-editor-confirm-buttons.visible{opacity:1;transform:translateY(0);pointer-events:auto}[file-scope=ca9856b94292244e] textarea#profile-about{resize:vertical;min-height:150px;max-height:400px;width:100%}[file-scope=ca9856b94292244e] .settings-subtext{font-size:medium;color:var(--surface-6);display:block;margin-bottom:8px}@media screen and (max-width:1360px){[file-scope=ca9856b94292244e] .width-container{border-radius:var(--border-radius-xxlarge) var(--border-radius-xxlarge) 0 0}[file-scope=ca9856b94292244e] .top>.width-container{padding-left:0;text-align:center}[file-scope=ca9856b94292244e]{padding-bottom:0}}@media screen and (max-width:1080px){[file-scope=ca9856b94292244e] .profile-editor-container{flex-direction:column-reverse}}@media screen and (max-width:760px){[file-scope=ca9856b94292244e] .menu{position:absolute;max-width:360px;width:unset;inset:0;border-radius:var(--border-radius-xxlarge) var(--border-radius-xxlarge) 0 0;--background: var(--surface-1);background:var(--background);--elevate-0: var(--surface-0);--elevate-n1: var(--surface-n1);--elevate: var(--surface-2);--elevate-1: var(--surface-3);--elevate-2: var(--surface-4);--elevate-3: var(--surface-5);transform:translate(-10px);pointer-events:none;opacity:0;transition:transform .2s ease-in-out,opacity .2s ease-in-out;z-index:-1;outline:1px solid var(--accent-mix-20);box-shadow:0 10px 20px #0002}[file-scope=ca9856b94292244e] .menu:before{content:"";position:absolute;top:-10px;left:0;width:100%;height:10px;background:linear-gradient(to bottom,transparent,var(--surface-1))}[file-scope=ca9856b94292244e] .sidebar-menu-visible .menu{transform:translate(0);pointer-events:auto;z-index:1000;opacity:1}[file-scope=ca9856b94292244e] .container:before{content:"";position:absolute;inset:0;z-index:100;pointer-events:none;transition:opacity .2s ease-in-out;background-color:#0008;opacity:0}[file-scope=ca9856b94292244e] .container.sidebar-menu-visible:before{opacity:1}[file-scope=ca9856b94292244e] .top{height:200px}[file-scope=ca9856b94292244e] .profile-editor-confirm-buttons button{width:100%}[file-scope=ca9856b94292244e] .profile-editor-confirm-buttons{padding-left:10px!important;flex-direction:column;right:30px;left:30px}[file-scope=ca9856b94292244e] .profile-editor-confirm-buttons>div{width:100%;display:flex;gap:8px}}@media screen and (min-width:760px){[file-scope=ca9856b94292244e] .menu-button{display:none!important}}@media screen and (max-width:500px){[file-scope=ca9856b94292244e] .profile-editor-confirm-buttons>div{flex-direction:column}}[file-scope=ca9856b94292244e] #app-name{background:#0000;border-bottom:2px solid var(--accent-mix-20);border-radius:0;font-size:x-large;transition:border-color .2s ease-in-out}[file-scope=ca9856b94292244e] #app-name:focus{border-color:var(--accent)}[file-scope=ca9856b94292244e] #app-setup-form{width:100%;height:100%;display:flex;flex-direction:column;justify-content:space-between;gap:20px}[file-scope=ca9856b94292244e] #app-setup-form :is(input,textarea,select){width:100%;max-width:400px}[file-scope=ca9856b94292244e] #app-create{box-shadow:0 12px 60px 0 var(--accent-mix-80);width:400px}[file-scope=ca9856b94292244e] .app-entry{background:var(--elevate);display:flex;padding:20px;border-radius:var(--border-radius-xlarge);gap:18px;align-items:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;overflow:hidden;cursor:pointer}[file-scope=ca9856b94292244e] #dev-apps-list .loadingContent{display:flex;flex-direction:column;gap:8px;margin-top:12px}[file-scope=ca9856b94292244e] .app-name{font-size:2em}[file-scope=ca9856b94292244e] .app-id{color:var(--surface-8);font-family:JetBrains Mono,monospace}[file-scope=ca9856b94292244e] .app-info{flex:1;display:flex;flex-direction:column;min-width:0}[file-scope=ca9856b94292244e] .app-icon{width:74px;height:74px;background:none!important;display:flex!important;align-items:center;justify-content:center;font-size:28px;color:var(--surface-8);border-radius:var(--border-radius-medium);-o-object-fit:cover;object-fit:cover}[file-scope=ca9856b94292244e] .bottom-buttons{margin:0 auto}[file-scope=ca9856b94292244e] .login-notice{display:flex;width:100%;height:100%;align-items:center;justify-content:center;flex-direction:column;gap:12px}[file-scope=ca9856b94292244e] .home-triangle{height:100px}[file-scope=ca9856b94292244e] .loadingIndicator,[file-scope=ca9856b94292244e] .loadingContent{width:100%;height:100%}[file-scope=ca9856b94292244e] .loadingIndicator{display:flex;align-items:center;justify-content:center;flex-direction:column}[file-scope=ca9856b94292244e] .rshape{transform-origin:center center;transform-box:fill-box;animation:rotate-shape 60s linear infinite;translate:-45px -45px;scale:1.5;opacity:.5}@keyframes rotate-shape{0%{rotate:0}to{rotate:360deg}}/*!gss

@animation rotate { rotate: 0 => 360deg } 60s linear infinite;

.rshape {
    layout [] -(45px 45px) * 1.5 {.} fill-box;
    opacity: .5;
    &rotate;
}

*/