.Alert{--text-color: rgb(var(--text-primary));--icon-color: rgb(var(--text-primary));--bg-color: rgb(var(--background-secondary));display:flex;align-items:center;background:var(--bg-color);color:var(--text-color);font-weight:600;padding:10px;gap:8px}.Alert svg{color:var(--icon-color)}.Alert--pastel.Alert--info{--text-color: rgb(var(--text-primary));--icon-color: rgb(var(--accent));--bg-color: rgba(var(--accent), .1)}.Alert--pastel.Alert--error{--text-color: rgb(var(--text-primary));--icon-color: rgb(var(--red));--bg-color: rgba(var(--red), .1)}.Alert--pastel.Alert--warning{--text-color: rgb(var(--text-primary));--icon-color: orange;--bg-color: rgba(var(--yellow), .2)}.Alert--pastel.Alert--success{--text-color: rgb(var(--text-primary));--icon-color: green;--bg-color: rgba(var(--green), .2)}.Alert--filled{font-weight:600}.Alert--filled.Alert--info{--text-color: white;--icon-color: white;--bg-color: rgb(var(--accent))}.Alert--filled.Alert--error{--text-color: white;--icon-color: white;--bg-color: rgb(var(--red))}.Alert--filled.Alert--warning{--text-color: black;--icon-color: darkorange;--bg-color: rgb(var(--yellow))}.Alert--filled.Alert--success{--text-color: black;--icon-color: black;--bg-color: rgb(var(--green))}.Button{--button-color: var(--accent);all:unset;transition:all .2s;padding:6px 12px;border-radius:6px;display:inline-flex;align-items:center;white-space:nowrap;gap:5px;-webkit-user-select:none;user-select:none;cursor:pointer}.Button--loading{pointer-events:none;position:relative}.Button--loading>*{visibility:hidden}.Button--loading:after{content:"";position:absolute;width:1em;height:1em;left:calc(50% - .5em);border-radius:50%;border:2px solid rgba(var(--text-primary),.2);border-top-color:rgb(var(--text-primary));animation:spin 1s linear infinite}.Button--contained{--text-primary: 255, 255, 255;background:rgb(var(--button-color));color:rgb(var(--text-primary))}.Button--contained:hover{background:rgba(var(--button-color),.8)}.Button--contained:active{background:rgba(var(--button-color),.6)}.Button--outlined{border:1px solid rgb(var(--button-color));background:transparent;color:rgb(var(--button-color))}.Button--outlined:hover{background:rgba(var(--button-color),.1)}.Button--outlined:active{background:rgba(var(--button-color),.2)}.Button--pastel{background:rgba(var(--button-color),.1);color:rgb(var(--button-color))}.Button--pastel:hover{background:rgba(var(--button-color),.2)}.Button--pastel:active{background:rgba(var(--button-color),.4)}.Button--text{background:transparent;color:rgb(var(--text-primary))}.Button--text:hover{background:rgba(var(--text-primary),.1)}.Button--text:active{background:rgba(var(--text-primary),.2)}.Button--iconOnly{padding:6px}.Button--accent{--button-color: var(--accent)}.Button--red{--button-color: var(--red)}.Button--green{--button-color: var(--green);--text-primary: 0, 0, 0;box-shadow:0 1px 2px #0003;color:rgb(var(--text-primary))}.Button--blue{--button-color: var(--blue);--text-primary: 0, 0, 0;box-shadow:0 1px 2px #0003;color:rgb(var(--text-primary))}.Button--yellow{--button-color: var(--yellow);--text-primary: 0, 0, 0;box-shadow:0 1px 2px #0003;color:rgb(var(--text-primary))}.Button[disabled]{filter:saturate(0);pointer-events:none;opacity:.4}@media not (min-width:500px){.Button--mobile .Button-label{display:none}}.IconButton{all:unset;display:flex;transition:all .2s;color:rgba(var(--text-primary),.6);border-radius:15px;padding:8px;cursor:pointer}.IconButton:hover{background:rgba(var(--accent),.08);color:rgb(var(--text-primary))}.ThemeButton{display:flex;color:rgba(var(--text-primary),.6);padding:8px;transition:background-color .2s;border-radius:15px;cursor:pointer}.ThemeButton:hover{background:rgb(var(--background-secondary));color:rgb(var(--text-primary))}.Toast{background:rgb(var(--background-secondary));border-radius:10px;pointer-events:all;display:flex;align-items:center;padding:10px 15px;gap:15px}.Toast-icon{color:rgb(var(--accent));display:flex;align-items:center}.Toast-content{display:flex;flex-direction:column;flex-grow:1;gap:5px}.Toast-message{word-break:break-word}.Toast-date{font-size:.9em;color:rgb(var(--text-primary),.6)}.Toast--read{opacity:.6}.Toast--floating{outline:1px solid rgba(255,255,255,.4);box-shadow:0 5px 20px #0000004d}.Toast--success{background:color-mix(in srgb,rgb(var(--green)) 10%,rgb(var(--background-primary)))}.Toast--success .Toast-icon{color:green}.Toast--error{background:color-mix(in srgb,rgb(var(--red)) 5%,rgb(var(--background-primary)))}.Toast--error .Toast-icon{color:rgb(var(--red))}.Toaster{position:fixed;top:15px;right:15px;display:flex;flex-direction:column;pointer-events:none;z-index:10;gap:10px}.ConfigEditor{flex:1;min-width:0;display:flex;flex-direction:column;padding:15px 30px;gap:10px}.ConfigEditor-header{display:flex;justify-content:flex-end}.ConfigEditor-content{flex:1;border-radius:10px;overflow:hidden}.ConfigEditor-errors{background:rgb(var(--background-primary))}@media not (min-width:500px){.ConfigEditor{padding:5px}}.AppError{height:100vh;width:100vw;display:flex;justify-content:center;align-items:center;font-family:monospace}.AppError-content{display:flex;flex-direction:column;align-items:center;background:rgb(var(--background-primary));border:1px solid rgba(var(--text-primary),.2);border-radius:20px;padding:50px 30px 60px;gap:20px}.AppError-icon{opacity:.7}.AppError-title{font-size:1.2rem;font-weight:700;color:rgb(var(--text-primary))}.Loader{height:100%;display:flex;justify-content:center;align-items:center}.Loader-spinner{border:5px solid rgba(var(--text-primary),.2);border-top-color:rgb(var(--text-primary));border-radius:50%;z-index:10;animation:spin 1s linear infinite}.Loader--small .Loader-spinner{width:1.2em;height:1.2em;border-width:2px}.Loader--medium .Loader-spinner{width:45px;height:45px;border-width:4px}.Loader--large .Loader-spinner{width:60px;height:60px;border-width:5px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.AppLoader,.AuthLoader{display:flex;justify-content:center;align-items:center;height:100vh;background:rgb(var(--background-secondary))}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/nunito-latin-400-normal-r8SDr6Up.woff2) format("woff2"),url(/assets/nunito-latin-400-normal-DKg4f3fz.woff) format("woff")}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/nunito-latin-500-normal-EugFkASW.woff2) format("woff2"),url(/assets/nunito-latin-500-normal-B5klmw3Q.woff) format("woff")}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/nunito-latin-600-normal-Br8yIETf.woff2) format("woff2"),url(/assets/nunito-latin-600-normal-Cd0eNu1l.woff) format("woff")}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/nunito-latin-700-normal-Dort48En.woff2) format("woff2"),url(/assets/nunito-latin-700-normal-OcDqTBcA.woff) format("woff")}@font-face{font-family:Roboto;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/roboto-latin-400-normal-BqEyEoaF.woff2) format("woff2"),url(/assets/roboto-latin-400-normal-DyYNIH4P.woff) format("woff")}@font-face{font-family:Roboto;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/roboto-latin-500-normal-7RbcRiD8.woff2) format("woff2"),url(/assets/roboto-latin-500-normal-DQZyH_nt.woff) format("woff")}@font-face{font-family:Roboto;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/roboto-latin-600-normal-CzqH9ZEY.woff2) format("woff2"),url(/assets/roboto-latin-600-normal-D5pjrNLq.woff) format("woff")}@font-face{font-family:Roboto;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/roboto-latin-700-normal-BZpUvMxY.woff2) format("woff2"),url(/assets/roboto-latin-700-normal-DLgJJpmK.woff) format("woff")}[theme=light]{color-scheme:light;--background-primary: 255, 255, 255;--background-secondary: 235, 240, 245;--text-primary: 50, 60, 80;--text-secondary: 155, 180, 205;--accent: 35, 135, 250;--red: 219, 57, 0;--green: 190, 245, 85;--blue: 128, 205, 255;--yellow: 255, 230, 80}[theme=dark]{color-scheme:dark;--background-primary: 25, 30, 35;--background-secondary: 45, 50, 55;--text-primary: 255, 255, 255;--text-secondary: 60, 90, 120;--accent: 70, 150, 255;--red: 219, 57, 0;--green: 190, 245, 85;--blue: 128, 205, 255;--yellow: 255, 230, 80}:root{font-family:Nunito,system-ui,Avenir,Helvetica,Arial,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:14px}body{margin:0;color:rgb(var(--text-primary));background-color:rgb(var(--background-secondary))}*{box-sizing:border-box}
