:root{--foreground-light: #4d4d4d;--background-light: #f5f5f5;--foreground-dark: #cdced7;--background-dark: #1f2135;--font-primary: "Google Sans", sans-serif;--fs-xs: clamp(.75rem, .7rem + .3vw, .875rem);--fs-sm: clamp(.875rem, .8rem + .3vw, 1rem);--fs-md: clamp(1rem, .9rem + .4vw, 1.125rem);--fs-lg: clamp(1.125rem, 1rem + .5vw, 1.375rem);--fs-xl: clamp(1.375rem, 1.2rem + .8vw, 1.75rem);--fs-2xl: clamp(1.75rem, 1.5rem + 1.2vw, 2.25rem);--fs-3xl: clamp(2.25rem, 2rem + 1.8vw, 3rem);--border-radius: .5rem;--primary: #161fd2;--secondary: #78787b;color-scheme:light dark}body{font-family:var(--font-primary);background-color:light-dark(var(--background-light),var(--background-dark));color:light-dark(var(--foreground-light),var(--foreground-dark));transition:background-color .3s ease;margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}[data-theme=dark]{color-scheme:dark}[data-theme=light]{color-scheme:light}ul{margin:0;padding:0;list-style:none}select::picker-icon{display:none}select selectedcontent{width:100%}select,select::picker(select){appearance:base-select;border:1px solid var(--primary);background-color:#fff;padding:.5rem;border-radius:4px}select option{padding:.25rem;background-color:#fff}select option:hover{background-color:var(--secondary);color:#fff;cursor:pointer}select>button{display:flex;align-items:center;gap:10px;width:100%}select>button .chevron{color:var(--secondary)}select:open>button{outline:2px solid var(--primary)}th,td{padding:12px 16px;text-align:left;border:1px solid #ddd}dialog::backdrop{background-color:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}dialog{border:none;border-radius:8px;padding:20px;box-shadow:0 4px 20px #0003}form .form-group{margin-bottom:1.2rem}form .form-group:last-child{margin-bottom:0}.form-group{display:flex;flex-direction:column}form label{margin-bottom:.5rem;font-weight:500}form input[type=text],form input[type=datetime-local],form textarea{padding:.5rem;border:1px solid var(--primary);border-radius:4px}.btn{background:none;border:none;background-color:var(--primary);padding:.8rem 1rem;color:#fff;text-transform:uppercase;font-size:.8rem;font-weight:bolder;display:flex;justify-content:center;align-items:center;width:fit-content;border-radius:4px;cursor:pointer}h1,h2,h3,p{margin:0}.Layout{display:flex;flex-direction:column;min-height:100vh;width:100vw}.Layout main{flex-grow:1;padding:1rem}.Footer{display:none}@media(min-width:768px){.Footer{display:flex}}.MobileNav{display:flex;position:sticky;bottom:0;z-index:100;padding-bottom:env(safe-area-inset-bottom);place-content:center}.MobileNav .MobileNav__content{display:flex;flex-direction:column;width:fit-content;padding:.5rem;place-items:center}.MobileNav .MobileNav__content nav{margin-bottom:1rem}.MobileNav .MobileNav__content nav ul{display:flex;flex-direction:column;align-items:center;justify-content:center}.MobileNav .MobileNav__content nav ul li{margin-bottom:.75rem}.MobileNav .MobileNav__content nav ul li:last-child{margin-bottom:0}.MobileNav .MobileNav__content .MobileNav__burger-menu-button{width:fit-content}@media(min-width:768px){.MobileNav{display:none}}.Navbar{display:none}@media(min-width:768px){.Navbar{display:flex}}.SwitchInput{width:100px;height:25px;position:relative}.SwitchInput .SwitchInput__checkbox{position:absolute;top:0;left:0;width:100px;height:25px;opacity:0%;margin:0;z-index:99;cursor:pointer}.SwitchInput .SwitchInput__toggles{z-index:1;position:absolute;top:0;left:0;display:flex;width:100px;height:25px;border-radius:4px;overflow:hidden;font-size:.75rem}.SwitchInput .SwitchInput__toggles .SwitchInput__toggle{width:50px;color:#fff;display:flex;place-items:center;place-content:center;font-weight:bolder;letter-spacing:1.5px}.SwitchInput .SwitchInput__toggles .SwitchInput__toggle.SwitchInput__off{border-top-left-radius:4px;border-bottom-left-radius:4px}.SwitchInput .SwitchInput__toggles .SwitchInput__toggle.SwitchInput__on{border-top-right-radius:4px;border-bottom-right-radius:4px}.SwitchInput .SwitchInput__toggles .SwitchInput__off{background-color:var(--primary)}.SwitchInput .SwitchInput__toggles .SwitchInput__on,.SwitchInput .SwitchInput__toggles.SwitchInput__checked .SwitchInput__off{background-color:var(--secondary)}.SwitchInput .SwitchInput__toggles.SwitchInput__checked .SwitchInput__on{background-color:var(--primary)}.Dialog{border-radius:4px}.Tile{position:relative;border:1px solid var(--secondary);padding:.8rem 1rem;border-radius:4px}.Tile .Tile__checkbox{position:absolute;top:0;left:0;width:100%;height:100%}
