@import "typography.css";


:root, html, body {
    width: 100%;
    min-height: 100%;
    padding: 0;
    margin: 0;
    background-color: var(--md-sys-color-surface);
    --candor-primary: #6acafd;
}

:root {
    min-height: 100vh;
}

:root {
    --md-icon-font: 'Material Symbols Rounded';
}

* {
    box-sizing: border-box;
}

*::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

*::-webkit-scrollbar-thumb {
    background-color: var(--md-sys-color-surface-container-highest);
    border-radius: 5px;
}

*::-webkit-scrollbar-track {
    background-color: var(--md-sys-color-surface);
}

md-icon[state="selected"] {
    font-variation-settings: 'FILL' 1;
}

md-icon[state="clicked"] {
    font-variation-settings: 'GRAD' 200;
}

.light {
    --md-sys-color-lprimary: rgb(29 101 134);
    --md-sys-color-lsurface-tint: rgb(29 101 134);
    --md-sys-color-lon-primary: rgb(255 255 255);
    --md-sys-color-lprimary-container: rgb(196 231 255);
    --md-sys-color-lon-primary-container: rgb(0 30 44);
    --md-sys-color-lsecondary: rgb(78 97 109);
    --md-sys-color-lon-secondary: rgb(255 255 255);
    --md-sys-color-lsecondary-container: rgb(209 229 244);
    --md-sys-color-lon-secondary-container: rgb(10 30 40);
    --md-sys-color-ltertiary: rgb(97 90 125);
    --md-sys-color-lon-tertiary: rgb(255 255 255);
    --md-sys-color-ltertiary-container: rgb(230 222 255);
    --md-sys-color-lon-tertiary-container: rgb(29 23 54);
    --md-sys-color-lerror: rgb(186 26 26);
    --md-sys-color-lon-error: rgb(255 255 255);
    --md-sys-color-lerror-container: rgb(255 218 214);
    --md-sys-color-lon-error-container: rgb(65 0 2);
    --md-sys-color-lbackground: rgb(246 250 254);
    --md-sys-color-lon-background: rgb(24 28 31);
    --md-sys-color-lsurface: rgb(246 250 254);
    --md-sys-color-lon-surface: rgb(24 28 31);
    --md-sys-color-lsurface-variant: rgb(221 227 234);
    --md-sys-color-lon-surface-variant: rgb(65 72 77);
    --md-sys-color-loutline: rgb(113 120 126);
    --md-sys-color-loutline-variant: rgb(192 199 205);
    --md-sys-color-lshadow: rgb(0 0 0);
    --md-sys-color-lscrim: rgb(0 0 0);
    --md-sys-color-linverse-surface: rgb(44 49 52);
    --md-sys-color-linverse-on-surface: rgb(237 241 245);
    --md-sys-color-linverse-primary: rgb(144 206 244);
    --md-sys-color-lprimary-fixed: rgb(196 231 255);
    --md-sys-color-lon-primary-fixed: rgb(0 30 44);
    --md-sys-color-lprimary-fixed-dim: rgb(144 206 244);
    --md-sys-color-lon-primary-fixed-variant: rgb(0 76 105);
    --md-sys-color-lsecondary-fixed: rgb(209 229 244);
    --md-sys-color-lon-secondary-fixed: rgb(10 30 40);
    --md-sys-color-lsecondary-fixed-dim: rgb(181 201 215);
    --md-sys-color-lon-secondary-fixed-variant: rgb(55 73 85);
    --md-sys-color-ltertiary-fixed: rgb(230 222 255);
    --md-sys-color-lon-tertiary-fixed: rgb(29 23 54);
    --md-sys-color-ltertiary-fixed-dim: rgb(202 193 233);
    --md-sys-color-lon-tertiary-fixed-variant: rgb(73 66 100);
    --md-sys-color-lsurface-dim: rgb(215 218 223);
    --md-sys-color-lsurface-bright: rgb(246 250 254);
    --md-sys-color-lsurface-container-lowest: rgb(255 255 255);
    --md-sys-color-lsurface-container-low: rgb(240 244 248);
    --md-sys-color-lsurface-container: rgb(234 238 243);
    --md-sys-color-lsurface-container-high: rgb(229 232 237);
    --md-sys-color-lsurface-container-highest: rgb(223 227 231);
}

.grecaptcha-badge {
    visibility: hidden;
}