/* Theme: default */

/* Colors */
:root {
    --webiq-primary: #006875;
    --webiq-primary-rgb: 0 104 117;
    --webiq-on-primary: #FFFFFF;
    --webiq-on-primary-rgb: 255 255 255;
    --webiq-primary-container: #9EEFFE;
    --webiq-primary-container-rgb: 158 239 254;
    --webiq-on-primary-container: #001F24;
    --webiq-on-primary-container-rgb: 0 31 36;
    --webiq-primary-fixed: #9EEFFE;
    --webiq-primary-fixed-rgb: 158 239 254;
    --webiq-on-primary-fixed: #001F24;
    --webiq-on-primary-fixed-rgb: 0 31 36;
    --webiq-primary-fixed-dim: #82D3E1;
    --webiq-primary-fixed-dim-rgb: 130 211 225;
    --webiq-on-primary-fixed-variant: #004F58;
    --webiq-on-primary-fixed-variant-rgb: 0 79 88;
    --webiq-secondary: #485D92;
    --webiq-secondary-rgb: 72 93 146;
    --webiq-on-secondary: #FFFFFF;
    --webiq-on-secondary-rgb: 255 255 255;
    --webiq-secondary-container: #DAE2FF;
    --webiq-secondary-container-rgb: 218 226 255;
    --webiq-on-secondary-container: #001946;
    --webiq-on-secondary-container-rgb: 0 25 70;
    --webiq-secondary-fixed: #DAE2FF;
    --webiq-secondary-fixed-rgb: 218 226 255;
    --webiq-on-secondary-fixed: #001946;
    --webiq-on-secondary-fixed-rgb: 0 25 70;
    --webiq-secondary-fixed-dim: #B1C5FF;
    --webiq-secondary-fixed-dim-rgb: 177 197 255;
    --webiq-on-secondary-fixed-variant: #2F4578;
    --webiq-on-secondary-fixed-variant-rgb: 47 69 120;
    --webiq-tertiary: #38608F;
    --webiq-tertiary-rgb: 56 96 143;
    --webiq-on-tertiary: #FFFFFF;
    --webiq-on-tertiary-rgb: 255 255 255;
    --webiq-tertiary-container: #D2E4FF;
    --webiq-tertiary-container-rgb: 210 228 255;
    --webiq-on-tertiary-container: #001C37;
    --webiq-on-tertiary-container-rgb: 0 28 55;
    --webiq-tertiary-fixed: #D2E4FF;
    --webiq-tertiary-fixed-rgb: 210 228 255;
    --webiq-on-tertiary-fixed: #001C37;
    --webiq-on-tertiary-fixed-rgb: 0 28 55;
    --webiq-tertiary-fixed-dim: #A2C9FD;
    --webiq-tertiary-fixed-dim-rgb: 162 201 253;
    --webiq-on-tertiary-fixed-variant: #1C4975;
    --webiq-on-tertiary-fixed-variant-rgb: 28 73 117;
    --webiq-error: #BA1A1A;
    --webiq-error-rgb: 186 26 26;
    --webiq-error-container: #FFDAD6;
    --webiq-error-container-rgb: 255 218 214;
    --webiq-on-error: #FFFFFF;
    --webiq-on-error-rgb: 255 255 255;
    --webiq-on-error-container: #410002;
    --webiq-on-error-container-rgb: 65 0 2;
    --webiq-warning: #875300;
    --webiq-warning-rgb: 135 83 0;
    --webiq-warning-container: #ffddb9;
    --webiq-warning-container-rgb: 255 221 185;
    --webiq-on-warning: #ffffff;
    --webiq-on-warning-rgb: 255 255 255;
    --webiq-on-warning-container: #2b1700;
    --webiq-on-warning-container-rgb: 43 23 0;
    --webiq-ok: #466800;
    --webiq-ok-rgb: 70 104 0;
    --webiq-ok-container: #c2f272;
    --webiq-ok-container-rgb: 194 242 114;
    --webiq-on-ok: #ffffff;
    --webiq-on-ok-rgb: 255 255 255;
    --webiq-on-ok-container: #121f00;
    --webiq-on-ok-container-rgb: 18 31 0;
    --webiq-inverse-on-surface: #ECF2F3;
    --webiq-inverse-on-surface-rgb: 236 242 243;
    --webiq-inverse-surface: #2B3133;
    --webiq-inverse-surface-rgb: 43 49 51;
    --webiq-inverse-primary: #82D3E1;
    --webiq-inverse-primary-rgb: 130 211 225;
    --webiq-outline: #6F797B;
    --webiq-outline-rgb: 111 121 123;
    --webiq-outline-variant: #BFC8CA;
    --webiq-outline-variant-rgb: 191 200 202;
    --webiq-shadow: #000000;
    --webiq-shadow-rgb: 0 0 0;
    --webiq-scrim: #000000;
    --webiq-scrim-rgb: 0 0 0;
    --webiq-surface: #F5FAFC;
    --webiq-surface-rgb: 245 250 252;
    --webiq-on-surface: #171D1E;
    --webiq-on-surface-rgb: 23 29 30;
    --webiq-on-surface-variant: #3F484A;
    --webiq-on-surface-variant-rgb: 63 72 74;
    --webiq-surface-container-highest: #DEE3E5;
    --webiq-surface-container-highest-rgb: 222 227 229;
    --webiq-surface-container-high: #E3E9EA;
    --webiq-surface-container-high-rgb: 227 233 234;
    --webiq-surface-container: #E9EFF0;
    --webiq-surface-container-rgb: 233 239 240;
    --webiq-surface-container-low: #EFF5F6;
    --webiq-surface-container-low-rgb: 239 245 246;
    --webiq-surface-container-lowest: #FFFFFF;
    --webiq-surface-container-lowest-rgb: 255 255 255;
    --webiq-surface-dim: #D5DBDC;
    --webiq-surface-dim-rgb: 213 219 220;
    --webiq-surface-bright: #F5FAFC;
    --webiq-surface-bright-rgb: 245 250 252;
}

:root.iqcm-dark {
    --webiq-primary: #82D3E1;
    --webiq-primary-rgb: 130 211 225;
    --webiq-on-primary: #00363D;
    --webiq-on-primary-rgb: 0 54 61;
    --webiq-primary-container: #004F58;
    --webiq-primary-container-rgb: 0 79 88;
    --webiq-on-primary-container: #9EEFFE;
    --webiq-on-primary-container-rgb: 158 239 254;
    --webiq-primary-fixed: #9EEFFE;
    --webiq-primary-fixed-rgb: 158 239 254;
    --webiq-on-primary-fixed: #001F24;
    --webiq-on-primary-fixed-rgb: 0 31 36;
    --webiq-primary-fixed-dim: #82D3E1;
    --webiq-primary-fixed-dim-rgb: 130 211 225;
    --webiq-on-primary-fixed-variant: #004F58;
    --webiq-on-primary-fixed-variant-rgb: 0 79 88;
    --webiq-secondary: #B1C5FF;
    --webiq-secondary-rgb: 177 197 255;
    --webiq-on-secondary: #172E60;
    --webiq-on-secondary-rgb: 23 46 96;
    --webiq-secondary-container: #2F4578;
    --webiq-secondary-container-rgb: 47 69 120;
    --webiq-on-secondary-container: #DAE2FF;
    --webiq-on-secondary-container-rgb: 218 226 255;
    --webiq-secondary-fixed: #DAE2FF;
    --webiq-secondary-fixed-rgb: 218 226 255;
    --webiq-on-secondary-fixed: #001946;
    --webiq-on-secondary-fixed-rgb: 0 25 70;
    --webiq-secondary-fixed-dim: #B1C5FF;
    --webiq-secondary-fixed-dim-rgb: 177 197 255;
    --webiq-on-secondary-fixed-variant: #2F4578;
    --webiq-on-secondary-fixed-variant-rgb: 47 69 120;
    --webiq-tertiary: #A2C9FD;
    --webiq-tertiary-rgb: 162 201 253;
    --webiq-on-tertiary: #00325A;
    --webiq-on-tertiary-rgb: 0 50 90;
    --webiq-tertiary-container: #1C4975;
    --webiq-tertiary-container-rgb: 28 73 117;
    --webiq-on-tertiary-container: #D2E4FF;
    --webiq-on-tertiary-container-rgb: 210 228 255;
    --webiq-tertiary-fixed: #D2E4FF;
    --webiq-tertiary-fixed-rgb: 210 228 255;
    --webiq-on-tertiary-fixed: #001C37;
    --webiq-on-tertiary-fixed-rgb: 0 28 55;
    --webiq-tertiary-fixed-dim: #A2C9FD;
    --webiq-tertiary-fixed-dim-rgb: 162 201 253;
    --webiq-on-tertiary-fixed-variant: #1C4975;
    --webiq-on-tertiary-fixed-variant-rgb: 28 73 117;
    --webiq-error: #FFB4AB;
    --webiq-error-rgb: 255 180 171;
    --webiq-error-container: #93000A;
    --webiq-error-container-rgb: 147 0 10;
    --webiq-on-error: #690005;
    --webiq-on-error-rgb: 105 0 5;
    --webiq-on-error-container: #FFDAD6;
    --webiq-on-error-container-rgb: 255 218 214;
    --webiq-warning: #ffb964;
    --webiq-warning-rgb: 255 185 100;
    --webiq-warning-container: #663e00;
    --webiq-warning-container-rgb: 102 62 0;
    --webiq-on-warning: #472a00;
    --webiq-on-warning-rgb: 71 42 0;
    --webiq-on-warning-container: #ffddb9;
    --webiq-on-warning-container-rgb: 255 221 185;
    --webiq-ok: #a7d559;
    --webiq-ok-rgb: 167 213 89;
    --webiq-ok-container: #344e00;
    --webiq-ok-container-rgb: 52 78 0;
    --webiq-on-ok: #233600;
    --webiq-on-ok-rgb: 35 54 0;
    --webiq-on-ok-container: #c2f272;
    --webiq-on-ok-container-rgb: 194 242 114;
    --webiq-inverse-on-surface: #2B3133;
    --webiq-inverse-on-surface-rgb: 43 49 51;
    --webiq-inverse-surface: #DEE3E5;
    --webiq-inverse-surface-rgb: 222 227 229;
    --webiq-inverse-primary: #006875;
    --webiq-inverse-primary-rgb: 0 104 117;
    --webiq-outline: #899294;
    --webiq-outline-rgb: 137 146 148;
    --webiq-outline-variant: #3F484A;
    --webiq-outline-variant-rgb: 63 72 74;
    --webiq-shadow: #000000;
    --webiq-shadow-rgb: 0 0 0;
    --webiq-scrim: #000000;
    --webiq-scrim-rgb: 0 0 0;
    --webiq-surface: #0E1416;
    --webiq-surface-rgb: 14 20 22;
    --webiq-on-surface: #DEE3E5;
    --webiq-on-surface-rgb: 222 227 229;
    --webiq-on-surface-variant: #BFC8CA;
    --webiq-on-surface-variant-rgb: 191 200 202;
    --webiq-surface-container-highest: #303637;
    --webiq-surface-container-highest-rgb: 48 54 55;
    --webiq-surface-container-high: #252B2C;
    --webiq-surface-container-high-rgb: 37 43 44;
    --webiq-surface-container: #1B2122;
    --webiq-surface-container-rgb: 27 33 34;
    --webiq-surface-container-low: #171D1E;
    --webiq-surface-container-low-rgb: 23 29 30;
    --webiq-surface-container-lowest: #090F10;
    --webiq-surface-container-lowest-rgb: 9 15 16;
    --webiq-surface-dim: #0E1416;
    --webiq-surface-dim-rgb: 14 20 22;
    --webiq-surface-bright: #343A3B;
    --webiq-surface-bright-rgb: 52 58 59;
}

@media (prefers-color-scheme: dark) {
    :root.iqcm-auto {
        --webiq-primary: #82D3E1;
        --webiq-primary-rgb: 130 211 225;
        --webiq-on-primary: #00363D;
        --webiq-on-primary-rgb: 0 54 61;
        --webiq-primary-container: #004F58;
        --webiq-primary-container-rgb: 0 79 88;
        --webiq-on-primary-container: #9EEFFE;
        --webiq-on-primary-container-rgb: 158 239 254;
        --webiq-primary-fixed: #9EEFFE;
        --webiq-primary-fixed-rgb: 158 239 254;
        --webiq-on-primary-fixed: #001F24;
        --webiq-on-primary-fixed-rgb: 0 31 36;
        --webiq-primary-fixed-dim: #82D3E1;
        --webiq-primary-fixed-dim-rgb: 130 211 225;
        --webiq-on-primary-fixed-variant: #004F58;
        --webiq-on-primary-fixed-variant-rgb: 0 79 88;
        --webiq-secondary: #B1C5FF;
        --webiq-secondary-rgb: 177 197 255;
        --webiq-on-secondary: #172E60;
        --webiq-on-secondary-rgb: 23 46 96;
        --webiq-secondary-container: #2F4578;
        --webiq-secondary-container-rgb: 47 69 120;
        --webiq-on-secondary-container: #DAE2FF;
        --webiq-on-secondary-container-rgb: 218 226 255;
        --webiq-secondary-fixed: #DAE2FF;
        --webiq-secondary-fixed-rgb: 218 226 255;
        --webiq-on-secondary-fixed: #001946;
        --webiq-on-secondary-fixed-rgb: 0 25 70;
        --webiq-secondary-fixed-dim: #B1C5FF;
        --webiq-secondary-fixed-dim-rgb: 177 197 255;
        --webiq-on-secondary-fixed-variant: #2F4578;
        --webiq-on-secondary-fixed-variant-rgb: 47 69 120;
        --webiq-tertiary: #A2C9FD;
        --webiq-tertiary-rgb: 162 201 253;
        --webiq-on-tertiary: #00325A;
        --webiq-on-tertiary-rgb: 0 50 90;
        --webiq-tertiary-container: #1C4975;
        --webiq-tertiary-container-rgb: 28 73 117;
        --webiq-on-tertiary-container: #D2E4FF;
        --webiq-on-tertiary-container-rgb: 210 228 255;
        --webiq-tertiary-fixed: #D2E4FF;
        --webiq-tertiary-fixed-rgb: 210 228 255;
        --webiq-on-tertiary-fixed: #001C37;
        --webiq-on-tertiary-fixed-rgb: 0 28 55;
        --webiq-tertiary-fixed-dim: #A2C9FD;
        --webiq-tertiary-fixed-dim-rgb: 162 201 253;
        --webiq-on-tertiary-fixed-variant: #1C4975;
        --webiq-on-tertiary-fixed-variant-rgb: 28 73 117;
        --webiq-error: #FFB4AB;
        --webiq-error-rgb: 255 180 171;
        --webiq-error-container: #93000A;
        --webiq-error-container-rgb: 147 0 10;
        --webiq-on-error: #690005;
        --webiq-on-error-rgb: 105 0 5;
        --webiq-on-error-container: #FFDAD6;
        --webiq-on-error-container-rgb: 255 218 214;
        --webiq-warning: #ffb964;
        --webiq-warning-rgb: 255 185 100;
        --webiq-warning-container: #663e00;
        --webiq-warning-container-rgb: 102 62 0;
        --webiq-on-warning: #472a00;
        --webiq-on-warning-rgb: 71 42 0;
        --webiq-on-warning-container: #ffddb9;
        --webiq-on-warning-container-rgb: 255 221 185;
        --webiq-ok: #a7d559;
        --webiq-ok-rgb: 167 213 89;
        --webiq-ok-container: #344e00;
        --webiq-ok-container-rgb: 52 78 0;
        --webiq-on-ok: #233600;
        --webiq-on-ok-rgb: 35 54 0;
        --webiq-on-ok-container: #c2f272;
        --webiq-on-ok-container-rgb: 194 242 114;
        --webiq-inverse-on-surface: #2B3133;
        --webiq-inverse-on-surface-rgb: 43 49 51;
        --webiq-inverse-surface: #DEE3E5;
        --webiq-inverse-surface-rgb: 222 227 229;
        --webiq-inverse-primary: #006875;
        --webiq-inverse-primary-rgb: 0 104 117;
        --webiq-outline: #899294;
        --webiq-outline-rgb: 137 146 148;
        --webiq-outline-variant: #3F484A;
        --webiq-outline-variant-rgb: 63 72 74;
        --webiq-shadow: #000000;
        --webiq-shadow-rgb: 0 0 0;
        --webiq-scrim: #000000;
        --webiq-scrim-rgb: 0 0 0;
        --webiq-surface: #0E1416;
        --webiq-surface-rgb: 14 20 22;
        --webiq-on-surface: #DEE3E5;
        --webiq-on-surface-rgb: 222 227 229;
        --webiq-on-surface-variant: #BFC8CA;
        --webiq-on-surface-variant-rgb: 191 200 202;
        --webiq-surface-container-highest: #303637;
        --webiq-surface-container-highest-rgb: 48 54 55;
        --webiq-surface-container-high: #252B2C;
        --webiq-surface-container-high-rgb: 37 43 44;
        --webiq-surface-container: #1B2122;
        --webiq-surface-container-rgb: 27 33 34;
        --webiq-surface-container-low: #171D1E;
        --webiq-surface-container-low-rgb: 23 29 30;
        --webiq-surface-container-lowest: #090F10;
        --webiq-surface-container-lowest-rgb: 9 15 16;
        --webiq-surface-dim: #0E1416;
        --webiq-surface-dim-rgb: 14 20 22;
        --webiq-surface-bright: #343A3B;
        --webiq-surface-bright-rgb: 52 58 59;
    }
}

/* Fonts */
:root {
    --webiq-font-display-large-family: Roboto;
    --webiq-font-display-large-style: normal;
    --webiq-font-display-large-weight: 400;
    --webiq-font-display-large-size: 57px;
    --webiq-font-display-large-line-height: 64px;
    --webiq-font-display-large-letter-spacing: -0.25px;
    --webiq-font-display-medium-family: Roboto;
    --webiq-font-display-medium-style: normal;
    --webiq-font-display-medium-weight: 400;
    --webiq-font-display-medium-size: 45px;
    --webiq-font-display-medium-line-height: 52px;
    --webiq-font-display-medium-letter-spacing: 0px;
    --webiq-font-display-small-family: Roboto;
    --webiq-font-display-small-style: normal;
    --webiq-font-display-small-weight: 400;
    --webiq-font-display-small-size: 36px;
    --webiq-font-display-small-line-height: 44px;
    --webiq-font-display-small-letter-spacing: 0px;
    --webiq-font-headline-large-family: Roboto;
    --webiq-font-headline-large-style: normal;
    --webiq-font-headline-large-weight: 400;
    --webiq-font-headline-large-size: 32px;
    --webiq-font-headline-large-line-height: 40px;
    --webiq-font-headline-large-letter-spacing: 0px;
    --webiq-font-headline-medium-family: Roboto;
    --webiq-font-headline-medium-style: normal;
    --webiq-font-headline-medium-weight: 400;
    --webiq-font-headline-medium-size: 28px;
    --webiq-font-headline-medium-line-height: 36px;
    --webiq-font-headline-medium-letter-spacing: 0px;
    --webiq-font-headline-small-family: Roboto;
    --webiq-font-headline-small-style: normal;
    --webiq-font-headline-small-weight: 400;
    --webiq-font-headline-small-size: 24px;
    --webiq-font-headline-small-line-height: 32px;
    --webiq-font-headline-small-letter-spacing: 0px;
    --webiq-font-body-large-family: Roboto;
    --webiq-font-body-large-style: normal;
    --webiq-font-body-large-weight: 400;
    --webiq-font-body-large-size: 16px;
    --webiq-font-body-large-line-height: 24px;
    --webiq-font-body-large-letter-spacing: 0px;
    --webiq-font-body-medium-family: Roboto;
    --webiq-font-body-medium-style: normal;
    --webiq-font-body-medium-weight: 400;
    --webiq-font-body-medium-size: 14px;
    --webiq-font-body-medium-line-height: 20px;
    --webiq-font-body-medium-letter-spacing: 0px;
    --webiq-font-body-small-family: Roboto;
    --webiq-font-body-small-style: normal;
    --webiq-font-body-small-weight: 400;
    --webiq-font-body-small-size: 12px;
    --webiq-font-body-small-line-height: 16px;
    --webiq-font-body-small-letter-spacing: 0px;
    --webiq-font-label-large-family: Roboto;
    --webiq-font-label-large-style: normal;
    --webiq-font-label-large-weight: 400;
    --webiq-font-label-large-size: 14px;
    --webiq-font-label-large-line-height: 20px;
    --webiq-font-label-large-letter-spacing: 0px;
    --webiq-font-label-medium-family: Roboto;
    --webiq-font-label-medium-style: normal;
    --webiq-font-label-medium-weight: 400;
    --webiq-font-label-medium-size: 12px;
    --webiq-font-label-medium-line-height: 16px;
    --webiq-font-label-medium-letter-spacing: 0.5px;
    --webiq-font-label-small-family: Roboto;
    --webiq-font-label-small-style: normal;
    --webiq-font-label-small-weight: 400;
    --webiq-font-label-small-size: 11px;
    --webiq-font-label-small-line-height: 16px;
    --webiq-font-label-small-letter-spacing: 0.5px;
    --webiq-font-title-large-family: Roboto;
    --webiq-font-title-large-style: normal;
    --webiq-font-title-large-weight: 400;
    --webiq-font-title-large-size: 22px;
    --webiq-font-title-large-line-height: 28px;
    --webiq-font-title-large-letter-spacing: 0px;
    --webiq-font-title-medium-family: Roboto;
    --webiq-font-title-medium-style: normal;
    --webiq-font-title-medium-weight: 400;
    --webiq-font-title-medium-size: 16px;
    --webiq-font-title-medium-line-height: 24px;
    --webiq-font-title-medium-letter-spacing: 0.15px;
    --webiq-font-title-small-family: Roboto;
    --webiq-font-title-small-style: normal;
    --webiq-font-title-small-weight: 400;
    --webiq-font-title-small-size: 14px;
    --webiq-font-title-small-line-height: 20px;
    --webiq-font-title-small-letter-spacing: 0.1px;
}

