:root{--black: hsl(0deg, 0%, 0%);--white: hsl(0deg, 0%, 100%);--black-hsl: 0deg, 0%, 0%;--white-hsl: 0deg, 0%, 100%;--mono-000: hsl(210deg, 25%, 98%);--mono-001: hsl(210deg, 11%, 96%);--mono-002: hsl(218deg, 27%, 94%);--mono-003: hsl(214deg, 25%, 83%);--mono-004: hsl(215deg, 21%, 74%);--mono-005: hsl(215deg, 18%, 59%);--mono-006: hsl(215deg, 20%, 50%);--mono-007: hsl(216deg, 20%, 41%);--mono-008: hsl(216deg, 25%, 32%);--mono-009: hsl(216deg, 21%, 27%);--mono-010: var(--black);--mono-000-hsl: 210deg, 25%, 98%;--mono-001-hsl: 210deg, 11%, 96%;--mono-002-hsl: 218deg, 27%, 94%;--mono-003-hsl: 214deg, 25%, 83%;--mono-004-hsl: 215deg, 21%, 74%;--mono-005-hsl: 215deg, 18%, 59%;--mono-006-hsl: 215deg, 20%, 50%;--mono-007-hsl: 216deg, 20%, 41%;--mono-008-hsl: 216deg, 25%, 32%;--mono-009-hsl: 216deg, 21%, 27%;--mono-010-hsl: 0deg, 0%, 0%;--color-blue: hsl(200deg, 100%, 50%);--color-red: hsl(358deg, 79%, 51%);--color-green: hsl(174deg, 88%, 38%);--color-orange: hsl(36deg, 100%, 50%);--color-yellow: hsl(52deg, 100%, 50%);--color-cyan: hsl(178deg, 78%, 40%);--color-red-hsl: 358deg, 79%, 0%;--color-green-hsl: 174deg, 88%, 0%;--color-orange-hsl: 36deg, 100%, 0%;--color-primary: hsl(174deg, 88%, 38%);--color-primary-light: hsl(174deg, 88%, 48%);--color-primary-dark: hsl(174deg, 88%, 28%);--color-secondary: hsl(216deg, 21%, 27%);--color-secondary-light: hsl(216deg, 21%, 37%);--color-secondary-dark: hsl(216deg, 21%, 17%);--color-tertiary: hsl(36deg, 100%, 50%);--color-tertiary-light: hsl(36deg, 100%, 60%);--color-tertiary-dark: hsl(36deg, 100%, 40%);--color-success: hsl(174deg, 88%, 38%);--color-success-hsl: 174deg, 88%, 38%;--color-success-light: hsl(174deg, 88%, 48%);--color-success-dark: hsl(174deg, 88%, 28%);--color-info: var(--color-cyan);--color-danger: hsl(358deg, 79%, 51%);--color-danger-hsl: 358deg, 79%, 51%;--color-danger-light: hsl(358deg, 79%, 61%);--color-danger-dark: hsl(358deg, 79%, 41%);--color-input-bg: hsl(210deg, 11%, 96%);--color-input-border: hsl(210deg, 11%, 86%);--color-input-focus: hsl(210deg, 11%, 100%);--color-default-bg: hsl(218deg, 27%, 100%);--color-default-border: hsl(218deg, 27%, 94%);--color-default-highlight: hsl(218deg, 27%, 100%);--color-default-color: hsl(218deg, 27%, 64%);--color-info-bg: hsl(178deg, 78%, 80%);--color-info-border: hsl(178deg, 78%, 40%);--color-info-highlight: hsl(178deg, 78%, 50%);--color-info-color: hsl(178deg, 78%, 10%);--color-interface-bg: hsl(200deg, 100%, 90%);--color-interface-border: hsl(200deg, 100%, 60%);--color-interface-color: hsl(200deg, 100%, 20%);--color-inverted-bg: var(--mono-009);--color-inverted-border: var(--mono-009);--color-inverted-color: var(--mono-000);--color-valid-bg: hsl(174deg, 88%, 78%);--color-valid-border: hsl(174deg, 88%, 38%);--color-valid-highlight: hsl(174deg, 88%, 48%);--color-valid-color: hsl(174deg, 88%, 8%);--color-invalid-bg: hsl(358deg, 79%, 91%);--color-invalid-border: hsl(358deg, 79%, 51%);--color-invalid-highlight: hsl(358deg, 79%, 61%);--color-invalid-color: hsl(358deg, 79%, 21%);--color-caution-bg: hsl(52deg, 100%, 90%);--color-caution-border: hsl(52deg, 100%, 50%);--color-caution-highlight: hsl(52deg, 100%, 60%);--color-caution-color: hsl(52deg, 100%, 20%);--color-warning-bg: hsl(36deg, 100%, 90%);--color-warning-border: hsl(36deg, 100%, 50%);--color-warning-highlight: hsl(36deg, 100%, 60%);--color-warning-color: hsl(36deg, 100%, 20%);--global-radius: 0.5rem;--global-radius-sm: 0.25rem;--global-radius-lg: 1rem;--global-opacity: 0.25;--global-opacity-alt: 0.5;--global-box-shadow-param: 0 4px 16px 0;--global-box-shadow-param-small: 0 4px 8px 0;--global-box-shadow: var(--global-box-shadow-param) hsla(var(--mono-005-hsl), var(--global-opacity));--global-box-shadow-alt: var(--global-box-shadow-param) hsla(var(--black-hsl), var(--global-opacity-alt));--global-box-shadow-inset: inset 0 -1px 3px 0 hsla(var(--mono-005-hsl), var(--global-opacity));--global-grid-columns-2: 50%;--global-grid-columns-3: 33.333333%;--global-grid-columns-4: 25%;--icon-size: 1.5rem;--icon-size-sm: 1rem;--icon-size-lg: 2rem;--icon-size-xl: 3rem;--icon-size-xxl: 6rem;--ui-box-shadow: var(--global-box-shadow-param-small) hsla(var(--mono-005-hsl), var(--global-opacity)), var(--global-box-shadow-inset);--ui-box-shadow-panel: var(--global-box-shadow), var(--global-box-shadow-inset);--ui-box-shadow-modal: var(--global-box-shadow-alt), var(--global-box-shadow-inset);--link-color: var(--color-primary);--select-bg-image-color: var(--mono-010);--grid-gap: 0.5rem;--grid-columns-3: calc(var(--global-grid-columns-3) - var(--grid-gap));--grid-columns-2: calc(var(--global-grid-columns-2) - var(--grid-gap));--hr-color: var(--mono-003);--layout-bg: var(--white);--layout-color: var(--mono-008);--layout-heading-color: var(--color-primary);--layout-panel-bg: var(--mono-000);--panel-dialog-bg: var(--mono-000);--layout-header-bg: var(--mono-002);--head-nav-icon-color: var(--mono-008);--head-nav-icon-hover-color: var(--mono-000);--head-nav-icon-sub-bg: var(--mono-000);--layout-footer-color: var(--mono-005);--layout-drawer-color: var(--mono-010);--layout-drawer-bg: var(--layout-header-bg);--layout-drawer-collapse-width: 4rem;--layout-drawer-expanded-width: 320px;--drawer-nav-gap: 0.25rem;--drawer-nav-pad: 1rem;--drawer-nav-icon-spacer: 4rem;--drawer-nav-link-color: var(--mono-010);--drawer-nav-is-active-color: var(--mono-010);--drawer-nav-is-active-bg: var(--mono-000);--drawer-nav-sub-hover-color: var(--drawer-nav-is-active-color);--drawer-nav-sub-hover-bg: var(--drawer-nav-link-color);--drawer-float-close-bg: var(--mono-008);--drawer-nav-sub-indicator: var(--drawer-nav-link-color);--modal-bg: var(--mono-000);--form-label-color: var(--mono-006);--form-input-bg: var(--mono-002);--form-input-border: var(--form-input-bg);--form-input-color: var(--mono-010);--form-input-focus-bg: var(--mono-000);--form-input-focus-border: var(--mono-003);--form-input-focus-color: var(--mono-004);--form-option-border: var(--color-primary);--form-option-bg: var(--color-primary-light);--input-box-shadow-param: 0 0 0 0;--input-box-shadow-color: hsla(0, 0, 0, 0);--input-focus-box-shadow-param: 0 0 0 4px;--input-focus-box-shadow-color: hsla(var(--mono-008-hsl), var(--global-opacity));--form-select-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath fill='dimgrey' d='M15,11H9a1,1,0,0,1-.707-1.707h0l3-3h0a1,1,0,0,1,1.414,0h0l3,3h0A1,1,0,0,1,15,11ZM9,14h6a1,1,0,0,1,.707,1.707h0l-3,3h0a1,1,0,0,1-1.414,0h0l-3-3h0A1,1,0,0,1,9,14Z' transform='translate(-4 -4.5)'/%3E%3C/svg%3E");--form-select-icon-danger: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath fill='#ff0011' d='M15,11H9a1,1,0,0,1-.707-1.707h0l3-3h0a1,1,0,0,1,1.414,0h0l3,3h0A1,1,0,0,1,15,11ZM9,14h6a1,1,0,0,1,.707,1.707h0l-3,3h0a1,1,0,0,1-1.414,0h0l-3-3h0A1,1,0,0,1,9,14Z' transform='translate(-4 -4.5)'/%3E%3C/svg%3E");--form-select-icon-success: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath fill='#23a454' d='M15,11H9a1,1,0,0,1-.707-1.707h0l3-3h0a1,1,0,0,1,1.414,0h0l3,3h0A1,1,0,0,1,15,11ZM9,14h6a1,1,0,0,1,.707,1.707h0l-3,3h0a1,1,0,0,1-1.414,0h0l-3-3h0A1,1,0,0,1,9,14Z' transform='translate(-4 -4.5)'/%3E%3C/svg%3E");--form-checkbox-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 48 48'%3E%3Cpath fill='white' d='M42.059,14.549l0.014,0.012-20,24-0.014-.012a3.973,3.973,0,0,1-5.887.279h0l-10-10h0a4,4,0,1,1,5.657-5.657h0l6.9,6.9,17.2-20.635,0.014,0.012A3.982,3.982,0,1,1,42.059,14.549Z'/%3E%3C/svg%3E");--form-checkbox-icon-danger: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 48 48'%3E%3Cpath fill='%23ff0011ff' d='M42.059,14.549l0.014,0.012-20,24-0.014-.012a3.973,3.973,0,0,1-5.887.279h0l-10-10h0a4,4,0,1,1,5.657-5.657h0l6.9,6.9,17.2-20.635,0.014,0.012A3.982,3.982,0,1,1,42.059,14.549Z'/%3E%3C/svg%3E");--form-checkbox-icon-success: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 48 48'%3E%3Cpath fill='%2323a454ff' d='M42.059,14.549l0.014,0.012-20,24-0.014-.012a3.973,3.973,0,0,1-5.887.279h0l-10-10h0a4,4,0,1,1,5.657-5.657h0l6.9,6.9,17.2-20.635,0.014,0.012A3.982,3.982,0,1,1,42.059,14.549Z'/%3E%3C/svg%3E");--form-radio-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 48 48'%3E%3Ccircle fill='white' cx='24' cy='24' r='16'/%3E%3C/svg%3E");--form-radio-icon-danger: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 48 48'%3E%3Ccircle fill='%23ff0011ff' cx='24' cy='24' r='16'/%3E%3C/svg%3E");--form-radio-icon-success: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 48 48'%3E%3Ccircle fill='%2323a454ff' cx='24' cy='24' r='16'/%3E%3C/svg%3E");--form-file-height: 20rem;--form-file-img-pos: 3rem;--form-file-img-size: 10rem;--form-file-text-height: 1.5rem;--form-file-text-pos-1: calc(var(--form-file-img-size) + (var(--form-file-img-pos) * 1.25));--form-file-text-pos-2: calc(var(--form-file-text-pos-1) + var(--form-file-text-height));--form-grid-gap: 1.5rem;--form-grid-2: calc(var(--global-grid-columns-2) - var(--form-grid-gap));--form-grid-3: calc(var(--global-grid-columns-3) - var(--form-grid-gap));--form-grid-4: calc(var(--global-grid-columns-4) - var(--form-grid-gap));--btn-bg: hsl(0, 0%, 19%);--btn-border: hsl(0, 0%, 19%);--btn-text: var(--white);--btn-group-radius: var(--global-radius-sm);--btn-sm-group-radius: var(--global-radius-sm);--btn-lg-group-radius: var(--global-radius);--card-bg: var(--mono-000);--card-border: 1px solid var(--mono-002);--card-body-pad: 2.5rem;--list-icon-tick: var(--form-checkbox-icon-success);--list-icon-plus: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 48 48'%3E%3Cpath fill='%2323a454ff' d='M36,28H28v8a4,4,0,0,1-8,0V28H12a4,4,0,0,1,0-8h8V12a4,4,0,0,1,8,0v8h8A4,4,0,0,1,36,28Z'/%3E%3C/svg%3E");--list-icon-minus: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 48 48'%3E%3Cpath fill='%23ff0011ff' d='M36,28H12a4,4,0,0,1,0-8H36A4,4,0,0,1,36,28Z'/%3E%3C/svg%3E");--list-icon-times: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 48 48'%3E%3Cpath fill='%23ff0011ff' d='M38.828,14.828L29.657,24l9.172,9.172h0a4,4,0,1,1-5.657,5.657h0L24,29.657l-9.172,9.172h0a4,4,0,1,1-5.657-5.657h0L18.343,24,9.172,14.828h0a4,4,0,1,1,5.657-5.657h0L24,18.343l9.172-9.172h0a4,4,0,1,1,5.657,5.657h0Z'/%3E%3C/svg%3E");--table-pad: 0.75rem;--table-border-width: 1px;--table-border: var(--table-border-width) solid var(--mono-001);--sub-nav-link-color: var(--mono-008);--sub-nav-link-hover-bg: var(--mono-002);--accordion-border-color: var(--mono-000);--accordion-shadow-color: var(--mono-004);--scrollbar-color: var(--mono-008)}