body{--cp-text-color: rgb(0, 0, 0);--cp-border-color: rgb(0, 0, 0);--cp-bg-color: rgb(235, 235, 235);--cp-text-inactive-color: rgb(128, 128, 128)}body[data-theme=dark]{--cp-text-color: rgb(255, 255, 255);--cp-border-color: rgb(255, 255, 255);--cp-bg-color: rgb(30, 30, 30)}.control-panel{background-color:var(--cp-bg-color);border-bottom:1px solid var(--cp-border-color);margin-bottom:0px;height:48px}#control-panel-content{display:flex;flex-direction:row;justify-content:space-between}#login a{color:var(--cp-text-color);padding:12px 16px;text-decoration:none;display:block}#login a:hover{background-color:var(--cp-text-color);color:var(--cp-bg-color);cursor:pointer}.dropbutton{background-color:var(--cp-bg-color);color:var(--cp-text-color);border:none;border-radius:0;padding:15px 30px;font-size:16px;cursor:pointer;outline:none}.dropdown{position:relative;display:inline-block}.dropdown-content{display:none;position:absolute;border:1px solid var(--cp-border-color);background-color:var(--cp-bg-color);width:127.5px;box-shadow:0px 8px 16px 0px rgba(0,0,0,.2);z-index:20;right:0}.dropdown-content a{color:var(--cp-text-color);padding:12px 16px;text-decoration:none;display:block}.dropdown-content a:hover{background-color:var(--cp-text-color);color:var(--cp-bg-color);cursor:pointer}.dropdown:hover .dropdown-content{display:block}#navigation-sidebar{z-index:1;position:absolute;top:0;left:0;height:100%;width:250px;border-right:1px solid var(--cp-border-color);background-color:var(--cp-bg-color);color:var(--cp-text-color)}#navigation-sidebar-content{display:flex;flex-direction:column;justify-content:flex-start}#navigation-sidebar-content a{color:var(--cp-text-color);text-decoration:none}#navigation-sidebar-content span{color:var(--cp-text-inactive-color);text-decoration:none}body{--main-color: hsl(0, 0%, 100%);--secondary-color: hsl(0, 0%, 0%);--tetriary-color: hsl(0, 0%, 100%);--border-color: hsl(0, 0%, 0%);--scrollbar-track-color: #f1f1f1;--scrollbar-thumb-color: #888;--scrollbar-thumb-hover-color: #555;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif}body[data-theme=dark]{--main-color: hsl(0, 0%, 0%);--secondary-color: hsl(0, 0%, 100%);--tetriary-color: hsl(0, 0%, 15%);--border-color: hsl(0, 0%, 100%);--scrollbar-track-color: hsl(0, 0%, 25%);--scrollbar-thumb-color: hsl(0, 0%, 90%);--scrollbar-thumb-hover-color: hsl(0, 0%, 70%)}*{box-sizing:border-box}body{background-color:var(--main-color);color:var(--secondary-color);width:100vw;height:100vh;margin:0}#user-card{background-color:var(--tetriary-color);position:absolute;top:50%;left:50%;translate:-50% -50%;width:60vw;border:1px solid var(--border-color);border-radius:25px}#user-card header{padding:15px;display:flex;justify-content:space-between}#tools{height:40vh;display:flex;flex-wrap:wrap;align-content:flex-start;padding:20px 10px;border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color);position:relative;overflow-y:scroll}#tools a{text-align:center;width:120px;height:50px;margin:10px;overflow:hidden;border:1px solid var(--border-color);border-radius:10px;line-height:15px;padding:10px}a,a:active,a:visited{text-decoration:none;color:var(--secondary-color)}#user-card footer{padding:15px}#lang-dropdown,#theme-dropdown{border:1px solid var(--border-color);padding:5px;border-radius:10px}#logout,#username{border:1px solid var(--border-color);padding:5px;border-radius:10px}#settings{display:flex;align-items:flex-start;gap:10px}.block{display:block}#settings a{cursor:pointer}div#user{display:flex;gap:20px}.dropdown-content{left:0;top:100%}#tools::-webkit-scrollbar{width:10px}#tools::-webkit-scrollbar-track{background:var(--scrollbar-track-color)}#tools::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb-color)}#tools::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover-color)}@media screen and (max-width: 600px){div#user{flex-direction:column;gap:2px}}