@font-face{font-family:Material Symbols Rounded;src:url(../MaterialIconsRound-Regular.otf) format("opentype");font-style:normal}@font-face{font-family:fa-brands;src:url(../fa-brands-400.woff2) format("woff2"),url(../fa-brands-400.ttf) format("ttf")}@font-face{font-family:fa-regular;src:url(../fa-regular-400.woff2) format("woff2"),url(../fa-regular-400.ttf) format("ttf")}@font-face{font-family:fa-solid;src:url(../fa-solid-900.woff2) format("woff2"),url(../fa-solid-900.ttf) format("ttf")}.fa-brands{font-family:fa-brands;line-height:1}.fa-regular{font-family:fa-regular;line-height:1}.fa-solid{font-family:fa-solid;line-height:1}.material-icons-round{font-family:Material Symbols Rounded;font-size:inherit;font-weight:400;font-style:normal;line-height:1}@font-face{font-family:Ysabeau Infant;src:url(../YsabeauInfant-VariableFont_wght.ttf) format("truetype-variations");font-style:normal;font-weight:1 1000}@font-face{font-family:Ysabeau Infant;src:url(../YsabeauInfant-Italic-VariableFont_wght.ttf) format("truetype-variations");font-style:italic;font-weight:1 1000}html{box-sizing:border-box;font:16px/1.5 Ysabeau Infant;background:#fcfcfa;color:#555;-webkit-user-select:none;user-select:none}*,*:after,*:before{box-sizing:inherit;outline:none}:is(body,div,dialog,main,header,footer,ul,li,h1,h2,h3,h4){margin:0;padding:0;display:grid}body{position:absolute;inset:env(titlebar-area-height,0px) 0 0 0;overflow:hidden;grid:minmax(0,1fr) / minmax(0,1fr)}h1{font-size:32px}h2{font-size:24px}button,a{-webkit-tap-highlight-color:transparent}:is(input,pre,button,select,option){font:inherit;color:inherit}input{padding:4px 8px;border-radius:5px;border:1px solid gray;background:#fff;color:#000}input::placeholder{font-style:italic;color:#999}:root{--main: hsl(187, 80%, 41%)}.App{grid-template-rows:auto 1fr auto;background:url(../background.webp)}.App>header{padding:0 1rem 8px}.App>header .title{grid-template-columns:1fr auto auto;align-items:center;gap:4px}.App>header .AddSystem{margin-bottom:1rem;grid:auto auto / 1fr auto;gap:4px 1rem;align-items:center;max-height:0;overflow:hidden;transition:max-height .3s ease-out}.App>header .AddSystem button{grid-row:1 / 3;grid-column:2}.App>header .AddSystem.show{max-height:80px}.App>header .enable-notification{grid-template-columns:auto 1fr;gap:8px}.App>header .search{margin-block:1rem}.App>.content{display:block;overflow:auto hidden}.App>.content .tutorial{width:300px;margin-inline:auto}.App>.content .tutorial button{display:inline-grid}.App>footer{padding:0px 1rem;background-color:#47a;color:#fff}.Button{display:grid;font-weight:600;padding:4px 8px;border-radius:100px;border:2px solid var(--main);background:#fff;overflow:hidden}.Button:active{box-shadow:none}.Button:disabled{background:#ccc;color:#777;border-color:#555;cursor:not-allowed}.Button:not(.icon-button) span.icon{font-size:20px;margin-right:10px}.Button.icon-button,.Button.toolbutton{display:flex;place-items:center;padding:0;width:48px;height:48px;flex:0 0 48px;align-items:center;justify-content:center;font-size:22px}.Button.icon-button.small,.Button.toolbutton.small{width:32px;height:32px;flex:0 0 32px;border-width:1px}.Button.icon-button.small span,.Button.toolbutton.small span{font-size:16px}.Button.icon-button.tiny,.Button.toolbutton.tiny,.Button.icon-button.toolbutton,.Button.toolbutton.toolbutton{width:28px;height:28px;flex:0 0 28px;border-width:1px}.Button.icon-button.tiny span,.Button.toolbutton.tiny span,.Button.icon-button.toolbutton span,.Button.toolbutton.toolbutton span{font-size:14px}.Button.icon-button.tiny span.fa-solid,.Button.toolbutton.tiny span.fa-solid,.Button.icon-button.toolbutton span.fa-solid,.Button.toolbutton.toolbutton span.fa-solid{font-size:12px}.Icon.fa{line-height:1}.Icon.fa.fa{font-family:fa-solid}.ToggleSwitch{display:inline-grid;place-items:stretch;position:relative;text-align:left;min-height:28px;width:48px}.ToggleSwitch .slider{position:absolute;width:100%;height:100%;background:#999;transition:.25s;border-radius:1em}.ToggleSwitch .slider:before{position:absolute;content:"";height:24px;width:24px;top:2px;left:2px;background:#eee;transition:.25s;border-radius:50%}.ToggleSwitch input{opacity:0;width:0;height:0;margin:0}.ToggleSwitch input:checked+.slider{background:var(--main)}.ToggleSwitch input:checked+.slider:before{transform:translate(20px)}.ToggleSwitch .label{margin:2px 0 0 60px;display:inline-block}.ServerCard .content{padding:4px 1rem;grid-template-columns:auto 1fr 28px;align-items:center;gap:1rem;overflow:hidden;background:#fff8}.ServerCard .content img{width:64px;height:64px}.ServerCard .content a{color:inherit;text-decoration:none;font-weight:500;display:flex;flex-direction:column;align-items:stretch;overflow:hidden}.ServerCard .content .buttons{transition:transform .3s ease-out,gap .3s ease-out;grid:auto auto / auto auto auto;gap:2px 20px;align-items:center}.ServerCard .content .buttons .doublerow{grid-row:1 / 3}.ServerCard .content .buttons.show{transform:translate(-70px);gap:2px 4px}.ServerEditor{padding-inline:1rem;grid-template-columns:1fr auto auto;gap:8px;align-items:center}.ServerEditor>div{gap:4px}