@import"https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";:root{--bg1: rgb(255, 255, 255);--bg2: rgb(240, 241, 245);--bg3: rgb(208, 211, 218);--bg4: rgb(214, 217, 223);--bg5: rgb(213, 215, 221);--p1: rgb(65, 76, 126);--p2: rgb(24, 38, 74);--selected: hsla(187, 80%, 47%, .3);--color1: hsl(194, 60%, 52%);--color2: rgb(255, 230, 147);--color3: rgb(140, 228, 196);--color4: rgb(239, 44, 67);--bgt: rgba(255, 255, 255, .404);--bgt2: rgba(255,255,255,.1);--c1: hsl(234, 31%, 19%);--c2: rgb(52, 61, 85);--c3: rgb(61, 67, 85);--c4: rgb(69, 76, 94);--ct0: rgba(0, 0, 0, .01);--ct: rgba(0, 0, 0, .05);--ct2: rgba(0, 0, 0, .1);--ct3: rgba(0, 0, 0, .8);--blue: rgb(36, 138, 255);--f-h: "Figtree", sans-serif;--f-b: "Inter", sans-serif;--f-mono: "Cascadia Code", monospace;--f-serif: "Noto Serif", serif;--t: cubic-bezier(.04, .72, .47, .98);--sidebar-width:300px;--sidebar-hidden-width:100px;--br: 7px}.dark-mode{--bg1: hsl(0, 0%, 8%);--bg2: hsl(220, 5%, 13%);--bg3: hsl(210, 10%, 19%);--bg4: hsl(203, 16%, 24%);--bg5: hsl(206, 18%, 31%);--bgt: rgba(0, 0, 0, .5);--bgt2: rgba(0,0,0,.1);--c1: white;--c2: rgb(225, 228, 238);--c3: rgb(200, 204, 214);--c4: rgb(186, 190, 199);--ct0: rgba(255, 255, 255, .03);--ct: rgba(255, 255, 255, .05);--ct2: rgba(255, 255, 255, .1);--ct3: rgba(255, 255, 255, .8);--p1: rgb(183, 219, 255);--p2: rgb(255, 255, 255);--color1: hsl(209, 100%, 66%)}body{scroll-behavior:smooth;font-family:var(--f-b);background-color:var(--bg1);margin:0;height:100%;overflow:auto;transition:padding-left .2s var(--t);padding-left:calc(var(--sidebar-width));overflow-x:hidden}nav.navbar{width:calc(100% - var(--sidebar-width))}.sidebar-hidden{padding-left:var(--sidebar-hidden-width)}html{font-size:16px;overflow:hidden;height:100%;background-color:var(--bg1);display:block!important;scroll-behavior:smooth}h1,h2,h3,h4,h5,h6,p,li,a:not(.button){margin-block:10px}.panel h1,.panel h2,.panel h3,.panel h4,.panel h5,.panel h6,.panel p,.panel li,.panel a{margin-block:0}h1{font-size:2.6rem;font-family:var(--f-h)}h1>span{font-family:var(--f-h);color:var(--color1)}h1,h2,h3,h4,h5,h6{color:var(--c1);font-weight:700;font-family:var(--f-h)}h2{font-size:1.6rem;color:var(--c1)}h3{color:var(--c1)}p,label,li{font-family:var(--f-b);color:var(--c2)}p{font-size:1rem}.round{border-radius:30px}.faint{opacity:.6}p.small{margin-block:0;opacity:.6;font-size:.8rem}label{font-size:.9rem}a{font-family:var(--f-b)}a:not(.button){color:var(--blue)}a:hover{opacity:.8;text-decoration:none}a:has(h2){color:var(--ct)}a.filled-link,button.filled-link{margin:0;text-decoration:none;color:var(--c2);padding:14px 16px;width:100%}a.filled-link:hover{background-color:var(--bg2);transition:.1s var(--t)}button.filled-link{font-size:1rem;font-weight:400}div.spacer{height:20px}div.spacer-small{height:10px}div.spacer-big{height:40px}img{border-radius:var(--br);-webkit-user-drag:none;-webkit-user-select:none;user-select:none;-moz-user-select:none}*::-webkit-scrollbar{height:7px;width:7px}*::-webkit-scrollbar-track{border-radius:20px;background-color:var(--bg1)}*::-webkit-scrollbar-track:hover{background-color:var(--bg2)}*::-webkit-scrollbar-track:active{background-color:var(--bg2)}*::-webkit-scrollbar-thumb{border-radius:var(--br);background-color:var(--bg4)}*::-webkit-scrollbar-thumb:hover{background-color:var(--bg4)}*::-webkit-scrollbar-thumb:active{background-color:var(--bg4)}*::selection{background-color:var(--selected)}.dropdown-container{position:relative;height:fit-content}.dropdown-container>a,.dropdown-container>button{display:block}.dropdown-container:hover>.dropdown{visibility:visible;opacity:1;scale:1;transition:.2s var(--t)}.dropdown{visibility:hidden;display:flex;flex-direction:column;position:absolute;top:100%;right:0;width:max-content;gap:5px;background-color:var(--bg1);border-radius:var(--br);border:1px solid var(--bg4);opacity:0;scale:.7;padding:10px;transform-origin:top center;z-index:20;transition:.2s var(--t)}.dropdown button,.dropdown .button{margin:0;width:100%;box-sizing:border-box}.dropdown-menu-container{position:relative}.dropdown-menu{position:absolute;top:100%;left:0;display:flex;flex-direction:column;padding:10px;width:max-content;max-width:300px;z-index:3;background-color:var(--bg1);border-radius:var(--br);border:1px solid var(--bg4)}.dropdown-menu.up{bottom:100%;top:auto}.dropdown-menu a,.dropdown-menu button,.dropdown-menu form{margin:0;width:100%;box-sizing:border-box}.dropdown-menu hr{margin-block:5px}.chats .dropdown-menu button,.chats .dropdown-menu a{text-align:left}button,.button{font-size:.87rem;font-weight:550;padding:10px 14px;display:inline-block;width:fit-content;text-decoration:none;border-radius:var(--br);border:1px solid var(--bg4);font-family:var(--f-h);background-color:var(--bg1);color:var(--c1);scale:1;text-wrap:nowrap;cursor:pointer}button:not([disabled]):hover,.button:not([disabled]):hover{opacity:.9}button:not([disabled]):active,.button:not([disabled]):active{opacity:.8}button:not(.primary,.clear,.grey,.semiclear,.bare,.red,.color):hover,.button:not(.primary,.clear,.grey,.semiclear,.bare,.red,.color):hover{background-color:var(--bg2)}button.primary,.button.primary{background-color:var(--p2);font-weight:600;border:none;color:var(--bg1)}button.primary:not([disabled]):hover:not(:active),.button.primary:not([disabled]):hover:not(:active){opacity:.91}button.color,.button.color,button.active,.button.active{background-color:#0088ff34;color:#0052a3;border:none}.dark-mode button.color,.dark-mode .button.color,.dark-mode button.active,.dark-mode .button.active{color:#9bcdff}button.clear,.button.clear{background-color:transparent;border:none}button.clear:hover,.button.clear:hover{background-color:var(--ct)}button.grey,.button.grey{background-color:var(--bg2)}button.grey:hover,.button.grey:hover{background-color:var(--bg3)}.btn-col{display:flex;gap:5px;align-items:center;margin-block:10px}.btn-col-tight{display:flex;gap:0;align-items:center;flex-direction:row;flex-wrap:nowrap}.btn-col-tight button,.btn-col-tight .button{border-radius:0}.btn-col-tight button:first-child,.btn-col-tight .button:first-child,.btn-col-tight button.btn-col-first,.btn-col-tight .button.btn-col-first,.btn-col-tight input:first-child{border-radius:var(--br) 0 0 var(--br)}.btn-col-tight button:last-child,.btn-col-tight .button:last-child,.btn-col-tight button.btn-col-last,.btn-col-tight .button.btn-col-last{border-radius:0 var(--br) var(--br) 0}.btn-col-tight.wide{justify-content:center}button[disabled],.button[disabled]{opacity:.3;cursor:not-allowed}button.semiclear,.button.semiclear{background-color:transparent;border:1px solid var(--ct)}button.semiclear:hover,.button.semiclear:hover{background-color:var(--ct)}button.red,.button.red{background-color:red;color:#fff}button.red:hover,.button.red:hover{opacity:.8}button.bare,.button.bare{background:var(--ct);border:none}.dark-mode button.bare,.dark-mode .button.bare{background:var(--ct2)}.panel.wide,button.wide,.button.wide{width:100%;box-sizing:border-box}button.small,.button.small{padding:.5rem .9rem}button.not-a-button{background:transparent;border:none;padding:0;margin:0}button.not-a-button:hover{background-color:transparent;border:none;color:var(--c1)}form{display:flex;flex-direction:column;gap:10px;justify-content:center}form .btn-col{margin:0}input,textarea,select{padding:13px 17px;font-size:15px;font-family:var(--f-b);border-radius:var(--br);border:1px solid var(--bg4);color:var(--c2);box-shadow:0 0 0 0 transparent;cursor:pointer;accent-color:var(--p1);transition:.2s var(--t)}select{color:var(--c1);padding:8px 14px;font-size:.87rem;font-weight:550}select option{background-color:var(--bg1)}.dark-mode input,.dark-mode textarea,.dark-mode select{background-color:var(--bg2)}.light-mode input,.light-mode textarea,.light-mode select{background-color:var(--ct0)}input:focus,textarea:focus,select:focus{box-shadow:0 0 0 5px var(--ct);outline:none;transition:.2s var(--t)}.solid input,.solid textarea,.solid select{background-color:var(--bg1)}input[type=color]{padding:0;border-radius:7px;width:40px;height:40px}input[type=color]::-webkit-color-swatch-wrapper{padding:0}input[type=color]::-webkit-color-swatch{padding:0;border:none}input[type=file]::file-selector-button{font-family:var(--f-h);font-size:15px;border-radius:var(--br);border:1px solid var(--bg4);background-color:var(--bg2);color:var(--c2);padding:10px}input[type=range]{-webkit-appearance:none;width:100%;background:transparent;padding:0;cursor:pointer}input[type=range]::-webkit-slider-runnable-track{height:5px;background:var(--bg3);border-radius:10px;border:0px solid var(--bg2)}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;height:18px;width:18px;background:var(--p1);border-radius:30px;border:0px solid #ffffff;margin-top:-6px}input[type=range]::-moz-range-track{height:4px;background:var(--bg3);border-radius:10px;border:0px solid var(--bg2)}input[type=range]::-moz-range-thumb{height:12px;width:12px;background:var(--p1);border-radius:30px;border:0px solid var(--bg2)}.search{margin:0;border-radius:0;border:none;padding:14px 23px}.dark-mode .search{background-color:var(--bg1)}.search:focus{box-shadow:none}.panel{position:relative;display:flex;flex-direction:column;justify-content:start;padding:20px;border-radius:var(--br);border:1px solid var(--bg4);background-color:var(--bg1);width:fit-content;gap:5px;margin-block:10px}a.panel{text-decoration:none}.panel>.btn-col{margin-block:0}.panel.sectioned{padding:0;gap:0;overflow:hidden}.panel.sectioned>.panel-section{padding:17px 21px;border:1px solid var(--bg4);display:flex;flex-direction:column;gap:10px;border-radius:0;border:none;border-bottom:1px solid var(--bg4)}.panel.sectioned>.panel-section:first-child{border-radius:var(--br) var(--br) 0 0}.dark-mode .panel.sectioned>.panel-section:first-child{background-color:var(--bg2)}.panel.sectioned>.panel-section:last-child{border-radius:0 0 var(--br) var(--br)}.panel.sectioned>.panel-section.no-padding{padding:0}.panel.big{width:min(100%,600px)}.panel.huge{width:min(100%,900px)}.panel.clear{background-color:transparent;border:none}.panel.clear.really{padding:0;margin:0;width:100%;box-sizing:border-box}.search-panel{width:min(100%,700px);background-color:var(--bg1);border-radius:var(--br);border:1px solid var(--bg4);box-shadow:0 0 40px 10px var(--ct);padding:5px;position:relative;display:grid;grid-template-rows:auto 1fr}.search-section{display:flex;width:100%}.search-section>a{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-objects{height:100%;max-height:40dvh;overflow-y:auto}.search-objects .button{width:100%;box-sizing:border-box}.floating{position:fixed;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);top:0;left:0;width:100%;height:100%;z-index:24}.floating>.panel{transform-origin:left center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:var(--bg1);max-height:100dvh;overflow-y:auto;box-sizing:border-box}.center{align-items:center;justify-content:center}.pseudo-floating{position:fixed;z-index:25;width:100%;height:100dvh;top:0;left:0;display:flex;justify-content:center;align-items:center}.pseudo-floating>.panel{box-shadow:0 0 70px 10px var(--ct);width:min(100%,700px)}.close{position:absolute;top:10px;right:10px;padding:10px;cursor:pointer;background-color:transparent!important;border:none}.panel.solid{background-color:var(--bg2);border:none}.gb{width:fit-content;height:fit-content;border-radius:calc(var(--br) + 2px);padding:2px;margin-block:5px}.gb.red{background:linear-gradient(135deg,#ff007748,#ff562c)}.gb.blue{background:linear-gradient(135deg,#0026ff31,#2c80ff)}.gb.green{background:linear-gradient(135deg,#00ff7748,#0f752e)}.gb.purple{background:linear-gradient(135deg,#9300ff31,#932cff)}.gb.yellow{background:linear-gradient(135deg,#7a5e0048,#886c0e)}.gb.yellow>.panel{background:radial-gradient(circle at 50% 100%,#573000,#000)}.light-mode .gb.yellow>.panel{background:radial-gradient(circle at 50% 100%,#fff,#ffe693)}.gb.purple>.panel{background:radial-gradient(circle at 50% 100%,#2d0057,#000)}.light-mode .gb.purple>.panel{background:radial-gradient(circle at 50% 100%,#e1cbff,#fff)}.gb.blue>.panel{background:radial-gradient(circle at 50% 100%,#002357,#000)}.light-mode .gb.blue>.panel{background:radial-gradient(circle at 50% 100%,#bbdeff,#fff)}.gb.green>.panel{background:radial-gradient(circle at 50% 100%,#0f752e,#000)}.light-mode .gb.green>.panel{background:radial-gradient(circle at 50% 100%,#daffcb,#fff)}.gb.red>.panel{background:radial-gradient(circle at 50% 100%,#750000,#000)}.light-mode .gb.red>.panel{background:radial-gradient(circle at 50% 100%,#fff,#ffd7d7)}.gb>.panel{margin:0;border:none}.loading{height:.57em;margin-bottom:2px;display:inline-block;vertical-align:middle;margin-left:3px;color:inherit;aspect-ratio:1/1;border:2px solid;border-color:inherit;border-top:2px solid transparent;animation:.4s load linear infinite;border-radius:50%}.loading.big{color:var(--c1);height:2em;display:block;border-width:4px;margin-block:10px;margin-inline:auto}.loading2{width:20px;aspect-ratio:1/1;border-radius:50%;border:2px solid var(--c1);border-top:2px solid transparent;animation:.4s load linear infinite}@keyframes load{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.material-symbols-outlined{font-size:inherit!important;transform:translateY(13%)}.material-symbols-outlined.gift{background-color:#8539ff3a;padding:5px;border-radius:5px;display:inline;vertical-align:middle;color:#420080}.dark-mode .gift{color:#c485ff}hr{width:100%;border:none;border-bottom:1px solid var(--bg4);margin-block:18px}hr.full-width{width:100dvw;transform:translate(-50px)}.panel hr{margin-block:0}form{display:flex;flex-direction:column;gap:15px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:10px}.grid>.panel{margin-block:0;box-sizing:border-box;width:100%}.error,.success,.warning,.info{display:inline-block;padding:10px 12px;border-radius:var(--br)}.error{background-color:#ff000057;color:#750909}.light-mode .success{background-color:#00ff0057;color:#097509}.warning{background-color:#ffd00057;color:#757509}.info{background-color:#00aeff3b;color:#073f3f}.dark-mode .success{background-color:#00ff0057;color:#b7f5b7}.dark-mode .error{background-color:#ff000057;color:#f5b7b7}.dark-mode .warning{background-color:#ffd00057;color:#f5f5b7}.dark-mode .info{background-color:#00ffff57;color:#b7f5f5}.error *,.success *,.warning *,.info *{margin:0}button.error:hover,.button.error:hover{background-color:#ff000023}.notifications{display:flex;flex-direction:column;gap:5px;position:fixed;bottom:10px;right:10px;z-index:22}.notification{padding:10px;border-radius:var(--br);animation:slide-in .5s var(--t)}@keyframes slide-in{0%{transform:translate(100%)}to{transform:translate(0)}}.flex{display:flex}.flex>.panel{margin-block:0}.bento-grid{display:grid;gap:10px;margin-block:20px}.bento-grid.s1{grid-template-columns:repeat(2,1fr);grid-template-areas:"box-1 box-1" "box-2 box-3"}.bento-grid>.panel{width:100%;box-sizing:border-box;margin-block:0}.tooltip-container{position:relative;width:fit-content;height:fit-content;display:inline-block}.tooltip{visibility:hidden;position:absolute;top:-5px;left:50%;transform:translate(-50%) translateY(-100%);padding:8px 12px;box-sizing:border-box;border-radius:var(--br);background-color:#0009;opacity:0;scale:.8;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);font-size:.8rem;font-family:var(--f-b);color:#fff!important;border:1px solid var(--ct2);pointer-events:none;transform-origin:bottom left;z-index:11;transition:.15s var(--t)}.tooltip.down{top:0;transform:translate(-50%) translateY(100%)}.tooltip.right{top:50%;left:100%;transform:translate(3px) translateY(-50%);width:max-content}.tooltip-container:hover .tooltip{visibility:visible;opacity:1;scale:1;transition:.15s var(--t)}.section{min-height:80dvh;height:fit-content;display:flex;flex-direction:column;justify-content:center;align-items:center}nav.navbar{height:fit-content;background-color:var(--bgt);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:fixed;top:0;right:0;border-radius:var(--br);padding:10px 14px;display:flex;gap:10px;justify-content:space-between;align-items:center;box-sizing:border-box;transition:.2s var(--t);z-index:9}.dark-mode .navbar{background-color:transparent}.sidebar-hidden nav.navbar{width:calc(100% - var(--sidebar-hidden-width) - 20px)}.nav-group{display:flex;gap:10px;align-items:center;justify-content:center}.nav-group>button{margin:0;height:fit-content}.nav-group a:not(.button){text-decoration:none;border-radius:var(--br);font-weight:500;color:var(--c1);margin:0;padding:10px 13px}.nav-group a:not(.button):hover{background-color:var(--ct)}.sidebar{display:flex;flex-direction:column;justify-content:space-between;left:10px;top:10px;position:fixed;height:calc(100dvh - 20px);padding-block:10px;width:calc(var(--sidebar-width) - 20px);background-color:var(--bg1);box-sizing:border-box;border:1px solid var(--bg3);border-radius:var(--br);z-index:10;transition:.2s var(--t)}.sidebar::-webkit-scrollbar{width:0;height:0}.sidebar>.chats,.chats-header{display:flex;flex-direction:column;max-height:calc(100% - 40px);padding-inline:10px}.chats{height:100%;overflow-y:auto}.chats::-webkit-scrollbar{display:none}.logo{padding:12px 16px;text-decoration:none;color:var(--c1)!important;font-size:1rem;font-weight:600}.sidebar>.chats>div>a,.sidebar>.chats>.button,.chats-header>div>a,.chats-header .button{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;padding-block:11px;width:100%;box-sizing:border-box;text-transform:capitalize;margin:0}.sidebar>.chats>.tooltip-container,.sidebar>.chats>.tooltip-container>button{width:100%;box-sizing:border-box}.sidebar>.chats>button{border:none;text-align:left}.sidebar>.chats-user{padding-inline:10px}.dark-mode .sidebar{background-color:var(--bg2)}.content{display:flex;flex-direction:column;justify-content:left;width:100%;box-sizing:border-box;background-color:var(--bg1);overflow-y:auto;padding-inline:24px;padding-top:90px}.content>.panel{width:100%;box-sizing:border-box}.logo-img{width:1.7rem;height:1.7rem}.dark-mode .logo-img{filter:invert(1)}.sidebar-hidden .sidebar{width:calc(var(--sidebar-hidden-width) - 20px)}.sidebar-hidden .sidebar .chat-object{display:none}.sidebar-hidden .chats-header .button,.sidebar-hidden .chats-header button{text-align:center!important}.sidebar-hidden .sidebar .expanded{display:none}.sidebar-hidden .logo-container>button{position:absolute;display:none}.sidebar-hidden .logo-container:hover>button{display:block;transform:scaleX(-1)}.sidebar-hidden .logo-container:hover>.logo{visibility:hidden;background-color:#00f}.sidebar-hidden .sidebar .logo-container{flex-wrap:wrap;justify-content:center}.mobile-menu-open{display:none}@media(max-width:1100px){body{padding-left:0!important}nav.navbar{width:100%}.mobile-menu-open{display:block}.sidebar:not(.mobile-show){transform:translate(-100%)}.sidebar-hidden nav.navbar{width:100%}#close-menu{display:none}.sidebar{transform:none;top:0;left:0;height:100dvh;width:var(--sidebar-width)}}