body{--grey-0: #f8f9faff;--grey-1: #e9ecefff;--grey-2: #dee2e6ff;--grey-3: #ced4daff;--grey-4: #adb5bdff;--grey-5: #6c757dff;--grey-6: #495057ff;--grey-7: #343a40ff;--grey-8: #212529ff;--black: #101016;--white: #fff9fb}body:not(.dark){--light-green: #84b59f;--green: #69a297;--light-yellow: #f8e281;--yellow: #ecb236;--light-red: #dc4b4a;--red: #b73636;--light-blue: #3581b8;--blue: #0e6ba8;--dark-blue: #183059;--layer-0: var(--grey-0);--layer-1: var(--grey-1);--layer-2: var(--grey-2);--layer-3: var(--grey-3);--layer-4: var(--grey-4)}body.dark{--green: #44ac9e;--dark-green: #267267;--yellow: #ecb236;--dark-yellow: #b58622;--red: #e72a6e;--dark-red: #95234c;--blue: #536cbb;--dark-blue: #2a4bb3;--light-green: #69a297;--green: #50808e;--layer-0: var(--grey-8);--layer-1: var(--grey-7);--layer-2: var(--grey-6);--layer-3: var(--grey-5);--layer-4: var(--grey-4)}.tooltip-on-hover{position:relative}.tooltip-on-hover:hover .tooltip{opacity:1;scale:1}.tooltip-on-hover .tooltip{-webkit-user-select:none;user-select:none}.tooltip{pointer-events:none;color:#fff;background-color:#000000bf;padding:5px 10px;border-radius:5px;z-index:999;position:absolute;opacity:0;scale:.9;transition:opacity .1s,scale .1s;text-wrap:nowrap}.tooltip.bottom{top:calc(100% + 5px);left:50%;translate:-50%}.tooltip.top{bottom:calc(100% + 5px);left:50%;translate:-50%}.tooltip.right{left:calc(100% + 5px);top:50%;translate:0 -50%}.tooltip.left{right:calc(100% + 5px);top:50%;translate:0 -50%}@font-face{font-family:Lexend;src:url("./media/Lexend-VariableFont_wght.1-OYMZFPYD.ttf")}a,button{all:unset;outline:revert;cursor:pointer}button{-webkit-user-select:none;user-select:none}a{-webkit-user-select:text;user-select:text}img{-webkit-user-select:none;user-select:none;pointer-events:none}.font-text{font-family:Lexend;font-optical-sizing:auto;font-style:normal;font-size:1rem}html{box-sizing:border-box;height:100%}body{box-sizing:border-box;margin:0;height:100%;color:var(--black)}.linkbutton{--linkbutton-underline: black;--linkbutton-outline: cadetblue;cursor:pointer;border-bottom:.15em solid var(--linkbutton-underline);margin-bottom:-.15em;outline-offset:0em;outline:.2em dashed transparent;transition:outline-offset .2s,outline .2s}.linkbutton:hover,.linkbutton:focus-visible{outline-offset:.125em;outline:.2em dashed var(--linkbutton-outline)}.shadowbutton:hover,.shadowbutton:focus-visible{background-color:#0000001a}.shadowbutton img{transition:transform .1s;width:30px;height:30px}.shadowbutton:active img{transform:translateY(2px)}
