ui.css

@import url("https://fonts.googleapis.com/css2?family=Flow+Rounded&display=swap");:root{--blur-amount:15px;--blur-color-white:hsla(0,0%,100%,.5);--blur-color-dark:rgba(0,0,0,.5);--blur-noise-size:10px}.blur{grid-gap:5px;align-items:center;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(var(--blur-amount));backdrop-filter:blur(var(--blur-amount));border-radius:5px;display:flex;gap:5px}.blur.blur-noise{background-blend-mode:exclusion;background-image:url(data:image/png;base64,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);background-size:10px;background-size:var(--blur-noise-size)}@media (color-index:70){.blur.blur-color-auto{background-color:hsla(0,0%,100%,.5);background-color:var(--blur-color-white)}}@media (prefers-color-scheme:light){.blur.blur-color-auto{background-color:hsla(0,0%,100%,.5);background-color:var(--blur-color-white)}}@media (color-index:48){.blur.blur-color-auto{background-color:rgba(0,0,0,.5);background-color:var(--blur-color-dark);color:#fff}}@media (prefers-color-scheme:dark){.blur.blur-color-auto{background-color:rgba(0,0,0,.5);background-color:var(--blur-color-dark);color:#fff}}@font-face{font-display:swap;font-family:Roboto Round;font-style:normal;font-weight:400;src:url(/font/Roboto-Round-Regular.eot);src:url(/font/Roboto-Round-Regular.eot?#iefix) format("embedded-opentype"),url(/font/Roboto-Round-Regular.woff2) format("woff2"),url(/font/Roboto-Round-Regular.woff) format("woff"),url(/font/Roboto-Round-Regular.ttf) format("truetype"),url(/font/Roboto-Round-Regular.svg#Roboto-Round-Regular) format("svg")}input[type=text]{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background-color:hsla(0,0%,99%,.5);border-radius:5px;border-style:solid;font-size:1.3rem;padding:10px 15px}@media (color-index:48){input[type=text]{background-color:rgba(46,46,46,.5);border-color:rgba(29,29,29,.5);color:#fff}input[type=text]:disabled{background-color:rgba(29,29,29,.8);color:#5f5f5f}}@media (prefers-color-scheme:dark){input[type=text]{background-color:rgba(46,46,46,.5);border-color:rgba(29,29,29,.5);color:#fff}input[type=text]:disabled{background-color:rgba(29,29,29,.8);color:#5f5f5f}}input[type=text]:focus{background-color:rgba(29,29,29,.5);outline:none}input[type=checkbox]{margin:10px;scale:2}button{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background-color:hsla(0,0%,100%,.8);border-color:hsla(0,0%,100%,.5);border-radius:5px;border-style:solid;font-size:1.3rem;padding:10px 15px}@media (color-index:48){button{background-color:rgba(46,46,46,.8);border-color:rgba(29,29,29,.5);color:#fff}}@media (prefers-color-scheme:dark){button{background-color:rgba(46,46,46,.8);border-color:rgba(29,29,29,.5);color:#fff}}a{color:#3030a0;text-decoration:underline;text-decoration-thickness:3px}@-webkit-keyframes progressring{0%{stroke-dasharray:0 275%;transform:rotate(-90deg)}50%{stroke-dasharray:137.5% 137.5%;transform:rotate(1turn)}to{stroke-dasharray:0 275%;transform:rotate(990deg)}}@keyframes progressring{0%{stroke-dasharray:0% 275%;transform:rotate(-90deg)}50%{stroke-dasharray:137.5% 137.5%;transform:rotate(1turn)}to{stroke-dasharray:0% 275%;transform:rotate(990deg)}}@-webkit-keyframes progressring-width{0%{stroke-dasharray:0 275%;stroke-width:12.5%;transform:rotate(-90deg)}50%{stroke-dasharray:137.5% 137.5%;stroke-width:5%;transform:rotate(1turn)}to{stroke-dasharray:0 275%;stroke-width:12.5%;transform:rotate(990deg)}}@keyframes progressring-width{0%{stroke-dasharray:0% 275%;stroke-width:12.5%;transform:rotate(-90deg)}50%{stroke-dasharray:137.5% 137.5%;stroke-width:5%;transform:rotate(1turn)}to{stroke-dasharray:0% 275%;stroke-width:12.5%;transform:rotate(990deg)}}.progress-ring{height:48px;width:48px}.progress-ring>.ring{height:100%;width:100%}.progress-ring>.ring>.static{fill:none;stroke-width:12.5%;stroke-linecap:round;stroke:#ccc;align-items:center;border-radius:50%;display:flex;height:100%;overflow:hidden;position:relative;transform:rotate(-90deg);transform-origin:50% 50%;transition:all .2s ease-in-out;width:100%}.progress-ring.spinner-indeter>.ring>.dynamic{-webkit-animation:progressring 2s linear infinite;animation:progressring 2s linear infinite}.progress-ring.spinner-width>.ring>.dynamic{-webkit-animation:progressring-width 2s linear infinite;animation:progressring-width 2s linear infinite}.progress-ring>.ring>.dynamic{fill:none;stroke-width:12.5%;stroke-linecap:round;stroke:#0064ff;border-radius:50%;height:100%;transform:rotate(-90deg);transform-origin:50% 50%;transition:all .2s ease-in-out}@media (color-index:48){.progress-ring>.ring>.static{stroke:#333}}@media (prefers-color-scheme:dark){.progress-ring>.ring>.static{stroke:#333}}@-webkit-keyframes progressbarindeterminateshort{0%{left:-40%}75%{left:120%}to{left:120%}}@keyframes progressbarindeterminateshort{0%{left:-40%}75%{left:120%}to{left:120%}}@-webkit-keyframes progressbarindeterminatelong{0%{left:-90%}37.5%{left:-90%}to{left:100%}}@keyframes progressbarindeterminatelong{0%{left:-90%}37.5%{left:-90%}to{left:100%}}.progress-bar{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:10px;height:3px;overflow:hidden!important;position:absolute;width:25vw}.progress-bar:not(.progress-bar-nobg){background-color:#ccc}.progress-bar-nobg{background-color:transparent}.progress-bar>.short-bar{-webkit-animation:progressbarindeterminateshort 2s ease-in-out infinite;animation:progressbarindeterminateshort 2s ease-in-out infinite;left:-40%;width:40%}.progress-bar>.long-bar,.progress-bar>.short-bar{background-color:#0064ff;border-radius:5px;display:inline-block;height:100%;position:absolute}.progress-bar>.long-bar{-webkit-animation:progressbarindeterminatelong 2s ease-in-out infinite;animation:progressbarindeterminatelong 2s ease-in-out infinite;left:-90%;width:60%}@media (color-index:48){.progress-bar:not(.progress-bar-nobg){background-color:#333}}@media (prefers-color-scheme:dark){.progress-bar:not(.progress-bar-nobg){background-color:#333}}.nav-selected-vert{grid-gap:10px;display:flex;gap:10px}.nav-selected-vert:before{background-color:#40c340;border-radius:5px;content:"";display:block;height:20px;width:5px}.infobar{grid-gap:10px;align-items:center;background-color:#fafafa;border:1px solid #f2f2f2;border-radius:5px;color:#000;display:flex;gap:10px;padding:15px}.infobar .infobar-icon{font-size:1.3rem;height:20.8px}.infobar.infobar-warn{background-color:#fef2d2;border-width:0}.infobar.infobar-error{background-color:#fce6e8;border-width:0}.infobar.infobar-success{background-color:#def5df;border-width:0}.infobar-main{font-weight:700}.icon-color-info:before{color:#297ccb}.icon-color-warn:before{color:#995b24}.icon-color-error:before{color:#bf2b29}.icon-color-success:before{color:#1b782e}.font-skeleton{font-family:Flow Rounded}.skeleton-animation{-webkit-animation:skeleton-animation 1s linear infinite alternate;animation:skeleton-animation 1s linear infinite alternate}@-webkit-keyframes skeleton-animation{0%{opacity:.4}50%{opacity:1}to{opacity:.4}}@keyframes skeleton-animation{0%{opacity:.4}50%{opacity:1}to{opacity:.4}}#darken{-webkit-animation:darkenIn .5s ease-in-out forwards;animation:darkenIn .5s ease-in-out forwards}#darkenOut{-webkit-animation:darkenOut .5s ease-in-out forwards;animation:darkenOut .5s ease-in-out forwards}#darken,#darkenOut{align-items:center;background-color:#000;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1}.dialog,.dialogOut{align-items:center;background-color:#fff;border-radius:15px;box-shadow:0 0 5px 5px rgba(0,0,0,.2);color:#000;display:flex;flex-direction:column;opacity:1}.dialog-content{padding:20px 20px 0}.dialog h2,.dialogOut h2{margin:0}.dialog{-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-name:popIn;animation-name:popIn}.dialog,.dialogOut{-webkit-animation-duration:.25s;animation-duration:.25s}.dialogOut{-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-name:popOut;animation-name:popOut}.dialog-buttons{grid-gap:10px;align-items:center;background-color:#f3f3f3;border-bottom-left-radius:15px;border-bottom-right-radius:15px;border-top:1px solid #e4e4e4;bottom:0;display:flex;gap:10px;justify-content:center;margin-left:calc(-50vw + 7.5px);margin-right:calc(-50vw + 7.5px);padding-bottom:15px;padding-top:15px;width:100%}@-webkit-keyframes darkenIn{0%{-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);background-color:transparent}to{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background-color:rgba(0,0,0,.6)}}@keyframes darkenIn{0%{-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);background-color:transparent}to{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background-color:rgba(0,0,0,.6)}}@-webkit-keyframes darkenOut{0%{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background-color:rgba(0,0,0,.6)}to{-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);background-color:transparent}}@keyframes darkenOut{0%{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background-color:rgba(0,0,0,.6)}to{-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);background-color:transparent}}@-webkit-keyframes popIn{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes popIn{0%{transform:scale(0)}to{transform:scale(1)}}@-webkit-keyframes popOut{0%{transform:scale(1)}to{transform:scale(0)}}@keyframes popOut{0%{transform:scale(1)}to{transform:scale(0)}}@media (color-index:48){.dialog,.dialogOut{background-color:#1d1d1d;color:#fff}.dialog-buttons{background-color:#242424;border-top-width:0;color:#fff}}@media (prefers-color-scheme:dark){.dialog,.dialogOut{background-color:#1d1d1d;color:#fff}.dialog-buttons{background-color:#242424;border-top-width:0;color:#fff}}.shadow{box-shadow:0 0 35px -2px rgba(0,0,0,.75)}html{accent-color:#40c340;background:transparent;font-family:Roboto Round;font-size:1.2rem;height:100vh;margin:0;scroll-behavior:smooth}@media (color-index:48){html{background-color:#0e0e0e;color:#fff}}@media (prefers-color-scheme:dark){html{background-color:#0e0e0e;color:#fff}}@media (color-index:70){html{background-color:#fff}}@media (prefers-color-scheme:light){html{background-color:#fff}}