:root{--background: rgb(50, 50, 55);--accent-one: rgb(56, 56, 61);--accent-two: rgb(65, 65, 70);--accent-three: rgb(70, 70, 75);--accent-four: rgb(75, 75, 80);--accent-five: rgb(80, 80, 85);--accent-six: rgb(90, 90, 95);--accent-seven: rgb(130, 130, 135);--font-default: rgb(255, 255, 255);--font-faded: rgb(175, 175, 175);--font-error: rgb(255, 160, 160);--font-success: rgb(139, 214, 124);--green: rgb(80, 122, 71);--yellow: rgb(168, 173, 93);--orange: rgb(141, 112, 82);--purple: rgb(113, 91, 133);--font-green: rgb(129, 196, 114);--font-yellow: rgb(227, 235, 125);--font-orange: rgb(224, 180, 132);--font-purple: rgb(183, 148, 216);--red: rgb(138, 77, 77);--dull-yellow: rgb(116, 117, 91)}*{scrollbar-width:thin;scrollbar-color:var(--accent-six) var(--background)}body{margin:0;color:var(--font-default);background-color:var(--background);font-family:Roboto Slab}a{all:unset;cursor:pointer}input{all:unset;border:.15em solid var(--accent-three);padding:.5em;width:calc(100% - 1.25em);border-radius:.4em;font-size:1em}input:focus{border-color:var(--accent-six)}button{touch-action:manipulation!important;user-select:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none}.global-button{all:unset;text-align:center;cursor:pointer;padding:.5em .8em;border-radius:.4em;background-color:var(--accent-two);font-size:1em}@media (hover: hover) and (pointer: fine){.global-button:not(:disabled):hover{background-color:var(--accent-three)}}.global-button:not(:disabled):active{background-color:var(--accent-four)}.global-button:disabled{cursor:default;opacity:.7}.global-delete{background-color:var(--red)}@media (hover: hover) and (pointer: fine){.global-delete:not(:disabled):hover{background-color:var(--red);opacity:.9}}.global-delete:not(:disabled):active{background-color:var(--red);opacity:.8}.global-delete:disabled{cursor:default;opacity:.7}select{appearance:none}@supports (appearance: base-select){select,select::picker(select){appearance:base-select}}select{background-color:var(--accent-two);border:none;outline:none;cursor:pointer;font-size:1em;padding:.5em .8em;color:var(--font-default);font-family:Roboto Slab;display:flex;align-items:center;border-radius:.4em;background-image:url("data:image/svg+xml;utf8,<svg fill='white' height='24' viewBox='0 0 18 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");background-repeat:no-repeat;background-position:right 10px center;background-size:20px}@media (max-width: 400px){select{background-size:15px;background-position:right 7px center}}select::picker-icon{display:none}@media (hover: hover) and (pointer: fine){select:hover{background-color:var(--accent-three)}}select:active{background-color:var(--accent-four)}::picker(select){margin-top:.3em;color:var(--font-default);font-family:Roboto Slab;background-color:var(--accent-two);border:.15em solid var(--accent-six);outline:none;border-radius:.4em}option{padding:.4em}@media (hover: hover) and (pointer: fine){option:hover{background-color:var(--accent-five)}option:active{background-color:var(--accent-six)}}.global-modal-overlay{all:unset;position:fixed;width:100%;height:100%;inset:0;background-color:#000;opacity:.5;z-index:1}.global-modal{position:fixed;width:500px;left:50%;top:50%;transform:translate(-50%,-50%);background-color:var(--background);border-radius:.8em;border:.4em solid var(--accent-two);display:flex;flex-direction:column;align-items:center;padding:1em 1.5em 1.5em;z-index:2}@media (max-width: 600px){.global-modal{width:80%}}.global-loading{opacity:.7!important}
