@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-space-y-reverse:0;--tw-space-x-reverse:0}}}@layer theme{:root,:host{--font-sans:"Inter",ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-red-500:oklch(63.7% .237 25.331);--color-blue-500:oklch(62.3% .214 259.815);--color-indigo-500:oklch(58.5% .233 277.117);--color-rose-600:oklch(58.6% .253 17.585);--color-zinc-50:oklch(98.5% 0 0);--color-zinc-100:oklch(96.7% .001 286.375);--color-zinc-600:oklch(44.2% .017 285.786);--spacing:.25rem;--text-sm:.875rem;--radius-xl:.75rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.absolute{position:absolute}.relative{position:relative}.top-2{top:calc(var(--spacing)*2)}.right-2{right:calc(var(--spacing)*2)}.container{width:100%}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}.m-2{margin:calc(var(--spacing)*2)}.m-4{margin:calc(var(--spacing)*4)}.mx-1{margin-inline:calc(var(--spacing)*1)}.mx-2{margin-inline:calc(var(--spacing)*2)}.mx-auto{margin-inline:auto}.mt-4{margin-top:calc(var(--spacing)*4)}.mt-8{margin-top:calc(var(--spacing)*8)}.mr-4{margin-right:calc(var(--spacing)*4)}.mb-4{margin-bottom:calc(var(--spacing)*4)}.ml-auto{margin-left:auto}.flex{display:flex}.inline{display:inline}.h-8\!{height:calc(var(--spacing)*8)!important}.h-125{height:calc(var(--spacing)*125)}.min-h-0{min-height:calc(var(--spacing)*0)}.w-8\!{width:calc(var(--spacing)*8)!important}.w-100{width:calc(var(--spacing)*100)}.w-\[40\%\]{width:40%}.w-\[800px\]{width:800px}.w-\[max\(800px\,40\%\)\]{width:max(800px,40%)}.w-full{width:100%}.w-full\!{width:100%!important}.max-w-\[100vw\]{max-width:100vw}.max-w-\[calc\(100vw-100px\)\]{max-width:calc(100vw - 100px)}.min-w-\[600px\]{min-width:600px}.flex-1{flex:1}.flex-col{flex-direction:column}.gap-2{gap:calc(var(--spacing)*2)}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*2)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*4)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*4)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-8>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*8)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*8)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-x-2>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing)*2)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-x-reverse)))}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.rounded-\[50\%\]\!{border-radius:50%!important}.border-red-500\!{border-color:var(--color-red-500)!important}.p-0\!{padding:calc(var(--spacing)*0)!important}.p-2{padding:calc(var(--spacing)*2)}.p-4{padding:calc(var(--spacing)*4)}.pt-16{padding-top:calc(var(--spacing)*16)}.text-center{text-align:center}.text-blue-500{color:var(--color-blue-500)}.underline{text-decoration-line:underline}}:root{--channels-sidebar-width:256px;--color-primary-text:var(--color-zinc-100);--color-primary-bg:oklch(21% .012 280);--color-nav-text:oklch(60% .015 280);--color-nav-bg:oklch(18% .007 280);--color-border:oklch(28% .01 280);--color-accent:var(--color-indigo-500);--color-secondary:var(--color-primary-text);--color-red:var(--color-rose-600);--border-radius:.5rem}.bg-primary,.hover-bg-primary:hover{background-color:var(--color-primary-bg)}.color-primary{color:var(--color-primary-text)}.color-nav-text{color:var(--color-nav-text)}.theme-light{--color-primary-text:oklch(21% .012 280);--color-primary-bg:oklch(95% .002 280);--color-nav-text:oklch(45% .015 280);--color-nav-bg:oklch(90% .002 280);--color-border:oklch(85% .002 280)}html{background:var(--color-primary-bg)}h1{font-size:2rem}h2{font-size:1.5rem}h1,h2,h3,h4,h5,h6,p{color:var(--color-primary-text)}#root *{scrollbar-color:var(--color-border)var(--color-primary-bg)}.channels-page{width:100%;height:100vh;display:flex}.back-to-channels-btn{display:none}.members-sidebar{width:200px;height:100%}.show-members-btn{display:none}@media(max-width:600px){.channels-page:has(>main) .members-sidebar{display:none}.channels-page:has(>main) .show-members-btn{display:inline}}@media(max-width:900px){.channels-page:has(>main)>.channels-sidebar,.channels-page:has(>main) .servers-sidebar{display:none}.channels-page:has(>main) .back-to-channels-btn{display:inline}}.server-actions-btn{anchor-name:--server-actions-btn}.dialog{top:anchor(--server-actions-btn bottom);left:anchor(--server-actions-btn left);width:calc(var(--channels-sidebar-width) - 1rem);color:var(--color-primary-text);background-color:var(--color-border);border-radius:.5rem;padding:.5rem}.dialog>hr{border:1px solid var(--color-nav-text)}.dialog-button{padding-left:0}.modal-dialog{background-color:var(--color-primary-bg);border-radius:var(--radius-xl);padding:2rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.modal-dialog::backdrop{background-color:#0000008c}input,textarea{border:1px solid var(--color-border);border-radius:var(--border-radius);color:var(--color-primary-text);outline:none;padding:.5rem;transition-duration:.15s}:is(input,textarea)::placeholder{color:var(--color-nav-text)}:is(input,textarea):focus{border:1px solid var(--color-accent)}textarea{resize:none;height:42px}button{border-radius:var(--border-radius);width:fit-content;height:fit-content;padding:.5rem;transition-duration:.15s}button:hover{opacity:.75}hr{border:1px solid var(--color-border)}.button-primary{background-color:var(--color-accent);color:var(--color-zinc-50)}.button-secondary{background-color:var(--color-secondary);color:var(--color-primary-bg)}.button-red{background-color:var(--color-red)}nav{background-color:var(--color-nav-bg);color:var(--color-nav-text)}.border-normal{border:1px solid var(--color-border)}.border-normal-l{border-left:1px solid var(--color-border)}.border-normal-b{border-bottom:1px solid var(--color-border)}.border-nav{border:1px solid var(--color-primary-bg)}.border-nav-r{border-right:1px solid var(--color-primary-bg)}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-space-x-reverse{syntax:"*";inherits:false;initial-value:0}