/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@7.1.2_webpack@5.94.0_esbuild@0.23.0_/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/.pnpm/postcss-loader@8.1.1_postcss@8.4.41_typescript@5.5.4_webpack@5.94.0_esbuild@0.23.0_/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/.pnpm/resolve-url-loader@5.0.0/node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/.pnpm/sass-loader@16.0.0_sass@1.77.6_webpack@5.94.0_esbuild@0.23.0_/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./src/export.scss?ngGlobalStyle ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,600,700&display=swap);
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@7.1.2_webpack@5.94.0_esbuild@0.23.0_/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/.pnpm/postcss-loader@8.1.1_postcss@8.4.41_typescript@5.5.4_webpack@5.94.0_esbuild@0.23.0_/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./src/style/overlay-prebuilt.css ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.cdk-overlay-container,
.cdk-global-overlay-wrapper {
    pointer-events: none;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}
.cdk-overlay-container {
    position: fixed;
    z-index: 1000;
}
.cdk-overlay-container:empty {
    display: none;
}
.cdk-global-overlay-wrapper {
    display: flex;
    position: absolute;
    z-index: 1000;
}
.cdk-overlay-pane {
    position: absolute;
    pointer-events: auto;
    box-sizing: border-box;
    z-index: 1000;
    display: flex;
    max-width: 100%;
    max-height: 100%;
}
.cdk-overlay-backdrop {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    pointer-events: auto;
    -webkit-tap-highlight-color: transparent;
    transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
    opacity: 0;
}
.cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
    opacity: 1;
}
.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
    opacity: 0.6;
}
.cdk-overlay-dark-backdrop {
    background: rgba(0, 0, 0, 0.32);
}
.cdk-overlay-transparent-backdrop,
.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing {
    opacity: 0;
}
.cdk-overlay-connected-position-bounding-box {
    position: absolute;
    z-index: 1000;
    display: flex;
    flex-direction: column;
    min-width: 1px;
    min-height: 1px;
}
.cdk-global-scrollblock {
    position: fixed;
    width: 100%;
    overflow-y: scroll;
}

/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@7.1.2_webpack@5.94.0_esbuild@0.23.0_/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/.pnpm/postcss-loader@8.1.1_postcss@8.4.41_typescript@5.5.4_webpack@5.94.0_esbuild@0.23.0_/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./src/style/a11y-prebuilt.css ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.cdk-visually-hidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    white-space: nowrap;
    outline: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
}

/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@7.1.2_webpack@5.94.0_esbuild@0.23.0_/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/.pnpm/postcss-loader@8.1.1_postcss@8.4.41_typescript@5.5.4_webpack@5.94.0_esbuild@0.23.0_/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./src/style/deeppurple-amber.css ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.mat-badge-content {
    font-weight: 600;
    font-size: 12px;
    font-family: Roboto, 'Helvetica Neue', sans-serif;
}
.mat-badge-small .mat-badge-content {
    font-size: 9px;
}
.mat-badge-large .mat-badge-content {
    font-size: 24px;
}
.mat-h1,
.mat-headline,
.mat-typography h1 {
    font:
        400 24px/32px Roboto,
        'Helvetica Neue',
        sans-serif;
    letter-spacing: normal;
    margin: 0 0 16px;
}
.mat-h2,
.mat-title,
.mat-typography h2 {
    font:
        500 20px/32px Roboto,
        'Helvetica Neue',
        sans-serif;
    letter-spacing: normal;
    margin: 0 0 16px;
}
.mat-h3,
.mat-subheading-2,
.mat-typography h3 {
    font:
        400 16px/28px Roboto,
        'Helvetica Neue',
        sans-serif;
    letter-spacing: normal;
    margin: 0 0 16px;
}
.mat-h4,
.mat-subheading-1,
.mat-typography h4 {
    font:
        400 15px/24px Roboto,
        'Helvetica Neue',
        sans-serif;
    letter-spacing: normal;
    margin: 0 0 16px;
}
.mat-h5,
.mat-typography h5 {
    font:
        400 calc(14px * 0.83) / 20px Roboto,
        'Helvetica Neue',
        sans-serif;
    margin: 0 0 12px;
}
.mat-h6,
.mat-typography h6 {
    font:
        400 calc(14px * 0.67) / 20px Roboto,
        'Helvetica Neue',
        sans-serif;
    margin: 0 0 12px;
}
.mat-body-strong,
.mat-body-2 {
    font:
        500 14px/24px Roboto,
        'Helvetica Neue',
        sans-serif;
    letter-spacing: normal;
}
.mat-body,
.mat-body-1,
.mat-typography {
    font:
        400 14px/20px Roboto,
        'Helvetica Neue',
        sans-serif;
    letter-spacing: normal;
}
.mat-body p,
.mat-body-1 p,
.mat-typography p {
    margin: 0 0 12px;
}
.mat-small,
.mat-caption {
    font:
        400 12px/20px Roboto,
        'Helvetica Neue',
        sans-serif;
    letter-spacing: normal;
}
.mat-display-4,
.mat-typography .mat-display-4 {
    font:
        300 112px/112px Roboto,
        'Helvetica Neue',
        sans-serif;
    letter-spacing: -0.05em;
    margin: 0 0 56px;
}
.mat-display-3,
.mat-typography .mat-display-3 {
    font:
        400 56px/56px Roboto,
        'Helvetica Neue',
        sans-serif;
    letter-spacing: -0.02em;
    margin: 0 0 64px;
}
.mat-display-2,
.mat-typography .mat-display-2 {
    font:
        400 45px/48px Roboto,
        'Helvetica Neue',
        sans-serif;
    letter-spacing: -0.005em;
    margin: 0 0 64px;
}
.mat-display-1,
.mat-typography .mat-display-1 {
    font:
        400 34px/40px Roboto,
        'Helvetica Neue',
        sans-serif;
    letter-spacing: normal;
    margin: 0 0 64px;
}
.mat-bottom-sheet-container {
    font:
        400 14px/20px Roboto,
        'Helvetica Neue',
        sans-serif;
    letter-spacing: normal;
}
.mat-button,
.mat-raised-button,
.mat-icon-button,
.mat-stroked-button,
.mat-flat-button,
.mat-fab,
.mat-mini-fab {
    font-family: Roboto, 'Helvetica Neue', sans-serif;
    font-size: 14px;
    font-weight: 500;
}
.mat-button-toggle {
    font-family: Roboto, 'Helvetica Neue', sans-serif;
}
.mat-card {
    font-family: Roboto, 'Helvetica Neue', sans-serif;
}
.mat-card-title {
    font-size: 24px;
    font-weight: 500;
}
.mat-card-header .mat-card-title {
    font-size: 20px;
}
.mat-card-subtitle,
.mat-card-content {
    font-size: 14px;
}
.mat-checkbox {
    font-family: Roboto, 'Helvetica Neue', sans-serif;
}
.mat-checkbox-layout .mat-checkbox-label {
    line-height: 24px;
}
.mat-chip {
    font-size: 14px;
    font-weight: 500;
}
.mat-chip .mat-chip-trailing-icon.mat-icon,
.mat-chip .mat-chip-remove.mat-icon {
    font-size: 18px;
}
.mat-table {
    font-family: Roboto, 'Helvetica Neue', sans-serif;
}
.mat-header-cell {
    font-size: 12px;
    font-weight: 500;
}
.mat-cell,
.mat-footer-cell {
    font-size: 14px;
}
.mat-calendar {
    font-family: Roboto, 'Helvetica Neue', sans-serif;
}
.mat-calendar-body {
    font-size: 13px;
}
.mat-calendar-body-label,
.mat-calendar-period-button {
    font-size: 14px;
    font-weight: 500;
}
.mat-calendar-table-header th {
    font-size: 11px;
    font-weight: 400;
}
.mat-dialog-title {
    font:
        500 20px/32px Roboto,
        'Helvetica Neue',
        sans-serif;
    letter-spacing: normal;
}
.mat-expansion-panel-header {
    font-family: Roboto, 'Helvetica Neue', sans-serif;
    font-size: 15px;
    font-weight: 400;
}
.mat-expansion-panel-content {
    font:
        400 14px/20px Roboto,
        'Helvetica Neue',
        sans-serif;
    letter-spacing: normal;
}
.mat-form-field {
    font-size: inherit;
    font-weight: 400;
    line-height: 1.125;
    font-family: Roboto, 'Helvetica Neue', sans-serif;
    letter-spacing: normal;
}
.mat-form-field-wrapper {
    padding-bottom: 1.34375em;
}
.mat-form-field-prefix .mat-icon,
.mat-form-field-suffix .mat-icon {
    font-size: 150%;
    line-height: 1.125;
}
.mat-form-field-prefix .mat-icon-button,
.mat-form-field-suffix .mat-icon-button {
    height: 1.5em;
    width: 1.5em;
}
.mat-form-field-prefix .mat-icon-button .mat-icon,
.mat-form-field-suffix .mat-icon-button .mat-icon {
    height: 1.125em;
    line-height: 1.125;
}
.mat-form-field-infix {
    padding: 0.5em 0;
    border-top: 0.84375em solid transparent;
}
.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
.mat-form-field-can-float
    .mat-input-server:focus
    + .mat-form-field-label-wrapper
    .mat-form-field-label {
    transform: translateY(-1.34375em) scale(0.75);
    width: 133.3333333333%;
}
.mat-form-field-can-float
    .mat-input-server[label]:not(:label-shown)
    + .mat-form-field-label-wrapper
    .mat-form-field-label {
    transform: translateY(-1.34374em) scale(0.75);
    width: 133.3333433333%;
}
.mat-form-field-label-wrapper {
    top: -0.84375em;
    padding-top: 0.84375em;
}
.mat-form-field-label {
    top: 1.34375em;
}
.mat-form-field-underline {
    bottom: 1.34375em;
}
.mat-form-field-subscript-wrapper {
    font-size: 75%;
    margin-top: 0.6666666667em;
    top: calc(100% - 1.7916666667em);
}
.mat-form-field-appearance-legacy .mat-form-field-wrapper {
    padding-bottom: 1.25em;
}
.mat-form-field-appearance-legacy .mat-form-field-infix {
    padding: 0.4375em 0;
}
.mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float
    .mat-form-field-label,
.mat-form-field-appearance-legacy.mat-form-field-can-float
    .mat-input-server:focus
    + .mat-form-field-label-wrapper
    .mat-form-field-label {
    transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.001px);
    width: 133.3333333333%;
}
.mat-form-field-appearance-legacy.mat-form-field-can-float
    .mat-form-field-autofill-control:-webkit-autofill
    + .mat-form-field-label-wrapper
    .mat-form-field-label {
    transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.00101px);
    width: 133.3333433333%;
}
.mat-form-field-appearance-legacy.mat-form-field-can-float
    .mat-input-server[label]:not(:label-shown)
    + .mat-form-field-label-wrapper
    .mat-form-field-label {
    transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.00102px);
    width: 133.3333533333%;
}
.mat-form-field-appearance-legacy .mat-form-field-label {
    top: 1.28125em;
}
.mat-form-field-appearance-legacy .mat-form-field-underline {
    bottom: 1.25em;
}
.mat-form-field-appearance-legacy .mat-form-field-subscript-wrapper {
    margin-top: 0.5416666667em;
    top: calc(100% - 1.6666666667em);
}
@media print {
    .mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float
        .mat-form-field-label,
    .mat-form-field-appearance-legacy.mat-form-field-can-float
        .mat-input-server:focus
        + .mat-form-field-label-wrapper
        .mat-form-field-label {
        transform: translateY(-1.28122em) scale(0.75);
    }
    .mat-form-field-appearance-legacy.mat-form-field-can-float
        .mat-form-field-autofill-control:-webkit-autofill
        + .mat-form-field-label-wrapper
        .mat-form-field-label {
        transform: translateY(-1.28121em) scale(0.75);
    }
    .mat-form-field-appearance-legacy.mat-form-field-can-float
        .mat-input-server[label]:not(:label-shown)
        + .mat-form-field-label-wrapper
        .mat-form-field-label {
        transform: translateY(-1.2812em) scale(0.75);
    }
}
.mat-form-field-appearance-fill .mat-form-field-infix {
    padding: 0.25em 0 0.75em 0;
}
.mat-form-field-appearance-fill .mat-form-field-label {
    top: 1.09375em;
    margin-top: -0.5em;
}
.mat-form-field-appearance-fill.mat-form-field-can-float.mat-form-field-should-float
    .mat-form-field-label,
.mat-form-field-appearance-fill.mat-form-field-can-float
    .mat-input-server:focus
    + .mat-form-field-label-wrapper
    .mat-form-field-label {
    transform: translateY(-0.59375em) scale(0.75);
    width: 133.3333333333%;
}
.mat-form-field-appearance-fill.mat-form-field-can-float
    .mat-input-server[label]:not(:label-shown)
    + .mat-form-field-label-wrapper
    .mat-form-field-label {
    transform: translateY(-0.59374em) scale(0.75);
    width: 133.3333433333%;
}
.mat-form-field-appearance-outline .mat-form-field-infix {
    padding: 1em 0 1em 0;
}
.mat-form-field-appearance-outline .mat-form-field-label {
    top: 1.84375em;
    margin-top: -0.25em;
}
.mat-form-field-appearance-outline.mat-form-field-can-float.mat-form-field-should-float
    .mat-form-field-label,
.mat-form-field-appearance-outline.mat-form-field-can-float
    .mat-input-server:focus
    + .mat-form-field-label-wrapper
    .mat-form-field-label {
    transform: translateY(-1.59375em) scale(0.75);
    width: 133.3333333333%;
}
.mat-form-field-appearance-outline.mat-form-field-can-float
    .mat-input-server[label]:not(:label-shown)
    + .mat-form-field-label-wrapper
    .mat-form-field-label {
    transform: translateY(-1.59374em) scale(0.75);
    width: 133.3333433333%;
}
.mat-grid-tile-header,
.mat-grid-tile-footer {
    font-size: 14px;
}
.mat-grid-tile-header .mat-line,
.mat-grid-tile-footer .mat-line {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    box-sizing: border-box;
}
.mat-grid-tile-header .mat-line:nth-child(n + 2),
.mat-grid-tile-footer .mat-line:nth-child(n + 2) {
    font-size: 12px;
}
input.mat-input-element {
    margin-top: -0.0625em;
}
.mat-menu-item {
    font-family: Roboto, 'Helvetica Neue', sans-serif;
    font-size: 14px;
    font-weight: 400;
}
.mat-paginator,
.mat-paginator-page-size .mat-select-trigger {
    font-family: Roboto, 'Helvetica Neue', sans-serif;
    font-size: 12px;
}
.mat-radio-button {
    font-family: Roboto, 'Helvetica Neue', sans-serif;
}
.mat-select {
    font-family: Roboto, 'Helvetica Neue', sans-serif;
}
.mat-select-trigger {
    height: 1.125em;
}
.mat-slide-toggle-content {
    font-family: Roboto, 'Helvetica Neue', sans-serif;
}
.mat-slider-thumb-label-text {
    font-family: Roboto, 'Helvetica Neue', sans-serif;
    font-size: 12px;
    font-weight: 500;
}
.mat-stepper-vertical,
.mat-stepper-horizontal {
    font-family: Roboto, 'Helvetica Neue', sans-serif;
}
.mat-step-label {
    font-size: 14px;
    font-weight: 400;
}
.mat-step-sub-label-error {
    font-weight: normal;
}
.mat-step-label-error {
    font-size: 14px;
}
.mat-step-label-selected {
    font-size: 14px;
    font-weight: 500;
}
.mat-tab-group {
    font-family: Roboto, 'Helvetica Neue', sans-serif;
}
.mat-tab-label,
.mat-tab-link {
    font-family: Roboto, 'Helvetica Neue', sans-serif;
    font-size: 14px;
    font-weight: 500;
}
.mat-toolbar,
.mat-toolbar h1,
.mat-toolbar h2,
.mat-toolbar h3,
.mat-toolbar h4,
.mat-toolbar h5,
.mat-toolbar h6 {
    font:
        500 20px/32px Roboto,
        'Helvetica Neue',
        sans-serif;
    letter-spacing: normal;
    margin: 0;
}
.mat-tooltip {
    font-family: Roboto, 'Helvetica Neue', sans-serif;
    font-size: 10px;
    padding-top: 6px;
    padding-bottom: 6px;
}
.mat-tooltip-handset {
    font-size: 14px;
    padding-top: 8px;
    padding-bottom: 8px;
}
.mat-list-item {
    font-family: Roboto, 'Helvetica Neue', sans-serif;
}
.mat-list-option {
    font-family: Roboto, 'Helvetica Neue', sans-serif;
}
.mat-list-base .mat-list-item {
    font-size: 16px;
}
.mat-list-base .mat-list-item .mat-line {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    box-sizing: border-box;
}
.mat-list-base .mat-list-item .mat-line:nth-child(n + 2) {
    font-size: 14px;
}
.mat-list-base .mat-list-option {
    font-size: 16px;
}
.mat-list-base .mat-list-option .mat-line {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    box-sizing: border-box;
}
.mat-list-base .mat-list-option .mat-line:nth-child(n + 2) {
    font-size: 14px;
}
.mat-list-base .mat-subheader {
    font-family: Roboto, 'Helvetica Neue', sans-serif;
    font-size: 14px;
    font-weight: 500;
}
.mat-list-base[dense] .mat-list-item {
    font-size: 12px;
}
.mat-list-base[dense] .mat-list-item .mat-line {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    box-sizing: border-box;
}
.mat-list-base[dense] .mat-list-item .mat-line:nth-child(n + 2) {
    font-size: 12px;
}
.mat-list-base[dense] .mat-list-option {
    font-size: 12px;
}
.mat-list-base[dense] .mat-list-option .mat-line {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    box-sizing: border-box;
}
.mat-list-base[dense] .mat-list-option .mat-line:nth-child(n + 2) {
    font-size: 12px;
}
.mat-list-base[dense] .mat-subheader {
    font-family: Roboto, 'Helvetica Neue', sans-serif;
    font-size: 12px;
    font-weight: 500;
}
.mat-option {
    font-family: Roboto, 'Helvetica Neue', sans-serif;
    font-size: 16px;
}
.mat-optgroup-label {
    font:
        500 14px/24px Roboto,
        'Helvetica Neue',
        sans-serif;
    letter-spacing: normal;
}
.mat-simple-snackbar {
    font-family: Roboto, 'Helvetica Neue', sans-serif;
    font-size: 14px;
}
.mat-simple-snackbar-action {
    line-height: 1;
    font-family: inherit;
    font-size: inherit;
    font-weight: 500;
}
.mat-tree {
    font-family: Roboto, 'Helvetica Neue', sans-serif;
}
.mat-tree-node,
.mat-nested-tree-node {
    font-weight: 400;
    font-size: 14px;
}
.mat-ripple {
    overflow: hidden;
    position: relative;
}
.mat-ripple:not(:empty) {
    transform: translateZ(0);
}
.mat-ripple.mat-ripple-unbounded {
    overflow: visible;
}
.mat-ripple-element {
    position: absolute;
    border-radius: 50%;
    pointer-events: none;
    transition:
        opacity,
        transform 0ms cubic-bezier(0, 0, 0.2, 1);
    transform: scale(0);
}
.cdk-high-contrast-active .mat-ripple-element {
    display: none;
}
.cdk-visually-hidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    white-space: nowrap;
    outline: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
}
.cdk-overlay-container,
.cdk-global-overlay-wrapper {
    pointer-events: none;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}
.cdk-overlay-container {
    position: fixed;
    z-index: 1000;
}
.cdk-overlay-container:empty {
    display: none;
}
.cdk-global-overlay-wrapper {
    display: flex;
    position: absolute;
    z-index: 1000;
}
.cdk-overlay-pane {
    position: absolute;
    pointer-events: auto;
    box-sizing: border-box;
    z-index: 1000;
    display: flex;
    max-width: 100%;
    max-height: 100%;
}
.cdk-overlay-backdrop {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    pointer-events: auto;
    -webkit-tap-highlight-color: transparent;
    transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
    opacity: 0;
}
.cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
    opacity: 1;
}
.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
    opacity: 0.6;
}
.cdk-overlay-dark-backdrop {
    background: rgba(0, 0, 0, 0.32);
}
.cdk-overlay-transparent-backdrop,
.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing {
    opacity: 0;
}
.cdk-overlay-connected-position-bounding-box {
    position: absolute;
    z-index: 1000;
    display: flex;
    flex-direction: column;
    min-width: 1px;
    min-height: 1px;
}
.cdk-global-scrollblock {
    position: fixed;
    width: 100%;
    overflow-y: scroll;
}
textarea.cdk-textarea-autosize {
    resize: none;
}
textarea.cdk-textarea-autosize-measuring {
    padding: 2px 0 !important;
    box-sizing: content-box !important;
    height: auto !important;
    overflow: hidden !important;
}
textarea.cdk-textarea-autosize-measuring-firefox {
    padding: 2px 0 !important;
    box-sizing: content-box !important;
    height: 0 !important;
}
@keyframes cdk-text-field-autofill-start {
    /*!*/
}
@keyframes cdk-text-field-autofill-end {
    /*!*/
}
.cdk-text-field-autofill-monitored:-webkit-autofill {
    animation: cdk-text-field-autofill-start 0s 1ms;
}
.cdk-text-field-autofill-monitored:not(:-webkit-autofill) {
    animation: cdk-text-field-autofill-end 0s 1ms;
}
.mat-focus-indicator {
    position: relative;
}
.mat-mdc-focus-indicator {
    position: relative;
}
.mat-ripple-element {
    background-color: rgba(0, 0, 0, 0.1);
}
.mat-option {
    color: rgba(0, 0, 0, 0.87);
}
.mat-option:hover:not(.mat-option-disabled),
.mat-option:focus:not(.mat-option-disabled) {
    background: rgba(0, 0, 0, 0.04);
}
.mat-option.mat-selected:not(.mat-option-multiple):not(.mat-option-disabled) {
    background: rgba(0, 0, 0, 0.04);
}
.mat-option.mat-active {
    background: rgba(0, 0, 0, 0.04);
    color: rgba(0, 0, 0, 0.87);
}
.mat-option.mat-option-disabled {
    color: rgba(0, 0, 0, 0.38);
}
.mat-primary .mat-option.mat-selected:not(.mat-option-disabled) {
    color: #673ab7;
}
.mat-accent .mat-option.mat-selected:not(.mat-option-disabled) {
    color: #ffd740;
}
.mat-warn .mat-option.mat-selected:not(.mat-option-disabled) {
    color: #f44336;
}
.mat-optgroup-label {
    color: rgba(0, 0, 0, 0.54);
}
.mat-optgroup-disabled .mat-optgroup-label {
    color: rgba(0, 0, 0, 0.38);
}
.mat-pseudo-checkbox {
    color: rgba(0, 0, 0, 0.54);
}
.mat-pseudo-checkbox::after {
    color: #fafafa;
}
.mat-pseudo-checkbox-disabled {
    color: #b0b0b0;
}
.mat-primary .mat-pseudo-checkbox-checked,
.mat-primary .mat-pseudo-checkbox-indeterminate {
    background: #673ab7;
}
.mat-pseudo-checkbox-checked,
.mat-pseudo-checkbox-indeterminate,
.mat-accent .mat-pseudo-checkbox-checked,
.mat-accent .mat-pseudo-checkbox-indeterminate {
    background: #ffd740;
}
.mat-warn .mat-pseudo-checkbox-checked,
.mat-warn .mat-pseudo-checkbox-indeterminate {
    background: #f44336;
}
.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-disabled,
.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-disabled {
    background: #b0b0b0;
}
.mat-app-background {
    background-color: #fafafa;
    color: rgba(0, 0, 0, 0.87);
}
.mat-elevation-z0 {
    box-shadow:
        0px 0px 0px 0px rgba(0, 0, 0, 0.2),
        0px 0px 0px 0px rgba(0, 0, 0, 0.14),
        0px 0px 0px 0px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z1 {
    box-shadow:
        0px 2px 1px -1px rgba(0, 0, 0, 0.2),
        0px 1px 1px 0px rgba(0, 0, 0, 0.14),
        0px 1px 3px 0px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z2 {
    box-shadow:
        0px 3px 1px -2px rgba(0, 0, 0, 0.2),
        0px 2px 2px 0px rgba(0, 0, 0, 0.14),
        0px 1px 5px 0px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z3 {
    box-shadow:
        0px 3px 3px -2px rgba(0, 0, 0, 0.2),
        0px 3px 4px 0px rgba(0, 0, 0, 0.14),
        0px 1px 8px 0px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z4 {
    box-shadow:
        0px 2px 4px -1px rgba(0, 0, 0, 0.2),
        0px 4px 5px 0px rgba(0, 0, 0, 0.14),
        0px 1px 10px 0px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z5 {
    box-shadow:
        0px 3px 5px -1px rgba(0, 0, 0, 0.2),
        0px 5px 8px 0px rgba(0, 0, 0, 0.14),
        0px 1px 14px 0px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z6 {
    box-shadow:
        0px 3px 5px -1px rgba(0, 0, 0, 0.2),
        0px 6px 10px 0px rgba(0, 0, 0, 0.14),
        0px 1px 18px 0px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z7 {
    box-shadow:
        0px 4px 5px -2px rgba(0, 0, 0, 0.2),
        0px 7px 10px 1px rgba(0, 0, 0, 0.14),
        0px 2px 16px 1px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z8 {
    box-shadow:
        0px 5px 5px -3px rgba(0, 0, 0, 0.2),
        0px 8px 10px 1px rgba(0, 0, 0, 0.14),
        0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z9 {
    box-shadow:
        0px 5px 6px -3px rgba(0, 0, 0, 0.2),
        0px 9px 12px 1px rgba(0, 0, 0, 0.14),
        0px 3px 16px 2px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z10 {
    box-shadow:
        0px 6px 6px -3px rgba(0, 0, 0, 0.2),
        0px 10px 14px 1px rgba(0, 0, 0, 0.14),
        0px 4px 18px 3px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z11 {
    box-shadow:
        0px 6px 7px -4px rgba(0, 0, 0, 0.2),
        0px 11px 15px 1px rgba(0, 0, 0, 0.14),
        0px 4px 20px 3px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z12 {
    box-shadow:
        0px 7px 8px -4px rgba(0, 0, 0, 0.2),
        0px 12px 17px 2px rgba(0, 0, 0, 0.14),
        0px 5px 22px 4px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z13 {
    box-shadow:
        0px 7px 8px -4px rgba(0, 0, 0, 0.2),
        0px 13px 19px 2px rgba(0, 0, 0, 0.14),
        0px 5px 24px 4px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z14 {
    box-shadow:
        0px 7px 9px -4px rgba(0, 0, 0, 0.2),
        0px 14px 21px 2px rgba(0, 0, 0, 0.14),
        0px 5px 26px 4px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z15 {
    box-shadow:
        0px 8px 9px -5px rgba(0, 0, 0, 0.2),
        0px 15px 22px 2px rgba(0, 0, 0, 0.14),
        0px 6px 28px 5px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z16 {
    box-shadow:
        0px 8px 10px -5px rgba(0, 0, 0, 0.2),
        0px 16px 24px 2px rgba(0, 0, 0, 0.14),
        0px 6px 30px 5px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z17 {
    box-shadow:
        0px 8px 11px -5px rgba(0, 0, 0, 0.2),
        0px 17px 26px 2px rgba(0, 0, 0, 0.14),
        0px 6px 32px 5px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z18 {
    box-shadow:
        0px 9px 11px -5px rgba(0, 0, 0, 0.2),
        0px 18px 28px 2px rgba(0, 0, 0, 0.14),
        0px 7px 34px 6px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z19 {
    box-shadow:
        0px 9px 12px -6px rgba(0, 0, 0, 0.2),
        0px 19px 29px 2px rgba(0, 0, 0, 0.14),
        0px 7px 36px 6px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z20 {
    box-shadow:
        0px 10px 13px -6px rgba(0, 0, 0, 0.2),
        0px 20px 31px 3px rgba(0, 0, 0, 0.14),
        0px 8px 38px 7px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z21 {
    box-shadow:
        0px 10px 13px -6px rgba(0, 0, 0, 0.2),
        0px 21px 33px 3px rgba(0, 0, 0, 0.14),
        0px 8px 40px 7px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z22 {
    box-shadow:
        0px 10px 14px -6px rgba(0, 0, 0, 0.2),
        0px 22px 35px 3px rgba(0, 0, 0, 0.14),
        0px 8px 42px 7px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z23 {
    box-shadow:
        0px 11px 14px -7px rgba(0, 0, 0, 0.2),
        0px 23px 36px 3px rgba(0, 0, 0, 0.14),
        0px 9px 44px 8px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z24 {
    box-shadow:
        0px 11px 15px -7px rgba(0, 0, 0, 0.2),
        0px 24px 38px 3px rgba(0, 0, 0, 0.14),
        0px 9px 46px 8px rgba(0, 0, 0, 0.12);
}
.mat-theme-loaded-marker {
    display: none;
}
.mat-autocomplete-panel {
    background: #fff;
    color: rgba(0, 0, 0, 0.87);
}
.mat-autocomplete-panel:not([class*='mat-elevation-z']) {
    box-shadow:
        0px 2px 4px -1px rgba(0, 0, 0, 0.2),
        0px 4px 5px 0px rgba(0, 0, 0, 0.14),
        0px 1px 10px 0px rgba(0, 0, 0, 0.12);
}
.mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover) {
    background: #fff;
}
.mat-autocomplete-panel
    .mat-option.mat-selected:not(.mat-active):not(:hover):not(.mat-option-disabled) {
    color: rgba(0, 0, 0, 0.87);
}
.mat-badge {
    position: relative;
}
.mat-badge-hidden .mat-badge-content {
    display: none;
}
.mat-badge-content {
    position: absolute;
    text-align: center;
    display: inline-block;
    border-radius: 50%;
    transition: transform 200ms ease-in-out;
    transform: scale(0.6);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    pointer-events: none;
}
.ng-animate-disabled .mat-badge-content,
.mat-badge-content._mat-animation-noopable {
    transition: none;
}
.mat-badge-content.mat-badge-active {
    transform: none;
}
.mat-badge-small .mat-badge-content {
    width: 16px;
    height: 16px;
    line-height: 16px;
}
.mat-badge-small.mat-badge-above .mat-badge-content {
    top: -8px;
}
.mat-badge-small.mat-badge-below .mat-badge-content {
    bottom: -8px;
}
.mat-badge-small.mat-badge-before .mat-badge-content {
    left: -16px;
}
[dir='rtl'] .mat-badge-small.mat-badge-before .mat-badge-content {
    left: auto;
    right: -16px;
}
.mat-badge-small.mat-badge-after .mat-badge-content {
    right: -16px;
}
[dir='rtl'] .mat-badge-small.mat-badge-after .mat-badge-content {
    right: auto;
    left: -16px;
}
.mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content {
    left: -8px;
}
[dir='rtl'] .mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content {
    left: auto;
    right: -8px;
}
.mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content {
    right: -8px;
}
[dir='rtl'] .mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content {
    right: auto;
    left: -8px;
}
.mat-badge-medium .mat-badge-content {
    width: 22px;
    height: 22px;
    line-height: 22px;
}
.mat-badge-medium.mat-badge-above .mat-badge-content {
    top: -11px;
}
.mat-badge-medium.mat-badge-below .mat-badge-content {
    bottom: -11px;
}
.mat-badge-medium.mat-badge-before .mat-badge-content {
    left: -22px;
}
[dir='rtl'] .mat-badge-medium.mat-badge-before .mat-badge-content {
    left: auto;
    right: -22px;
}
.mat-badge-medium.mat-badge-after .mat-badge-content {
    right: -22px;
}
[dir='rtl'] .mat-badge-medium.mat-badge-after .mat-badge-content {
    right: auto;
    left: -22px;
}
.mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content {
    left: -11px;
}
[dir='rtl'] .mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content {
    left: auto;
    right: -11px;
}
.mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content {
    right: -11px;
}
[dir='rtl'] .mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content {
    right: auto;
    left: -11px;
}
.mat-badge-large .mat-badge-content {
    width: 28px;
    height: 28px;
    line-height: 28px;
}
.mat-badge-large.mat-badge-above .mat-badge-content {
    top: -14px;
}
.mat-badge-large.mat-badge-below .mat-badge-content {
    bottom: -14px;
}
.mat-badge-large.mat-badge-before .mat-badge-content {
    left: -28px;
}
[dir='rtl'] .mat-badge-large.mat-badge-before .mat-badge-content {
    left: auto;
    right: -28px;
}
.mat-badge-large.mat-badge-after .mat-badge-content {
    right: -28px;
}
[dir='rtl'] .mat-badge-large.mat-badge-after .mat-badge-content {
    right: auto;
    left: -28px;
}
.mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content {
    left: -14px;
}
[dir='rtl'] .mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content {
    left: auto;
    right: -14px;
}
.mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content {
    right: -14px;
}
[dir='rtl'] .mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content {
    right: auto;
    left: -14px;
}
.mat-badge-content {
    color: #fff;
    background: #673ab7;
}
.cdk-high-contrast-active .mat-badge-content {
    outline: solid 1px;
    border-radius: 0;
}
.mat-badge-accent .mat-badge-content {
    background: #ffd740;
    color: rgba(0, 0, 0, 0.87);
}
.mat-badge-warn .mat-badge-content {
    color: #fff;
    background: #f44336;
}
.mat-badge-disabled .mat-badge-content {
    background: #b9b9b9;
    color: rgba(0, 0, 0, 0.38);
}
.mat-bottom-sheet-container {
    box-shadow:
        0px 8px 10px -5px rgba(0, 0, 0, 0.2),
        0px 16px 24px 2px rgba(0, 0, 0, 0.14),
        0px 6px 30px 5px rgba(0, 0, 0, 0.12);
    background: #fff;
    color: rgba(0, 0, 0, 0.87);
}
.mat-button,
.mat-icon-button,
.mat-stroked-button {
    color: inherit;
    background: transparent;
}
.mat-button.mat-primary,
.mat-icon-button.mat-primary,
.mat-stroked-button.mat-primary {
    color: #673ab7;
}
.mat-button.mat-accent,
.mat-icon-button.mat-accent,
.mat-stroked-button.mat-accent {
    color: #ffd740;
}
.mat-button.mat-warn,
.mat-icon-button.mat-warn,
.mat-stroked-button.mat-warn {
    color: #f44336;
}
.mat-button.mat-primary.mat-button-disabled,
.mat-button.mat-accent.mat-button-disabled,
.mat-button.mat-warn.mat-button-disabled,
.mat-button.mat-button-disabled.mat-button-disabled,
.mat-icon-button.mat-primary.mat-button-disabled,
.mat-icon-button.mat-accent.mat-button-disabled,
.mat-icon-button.mat-warn.mat-button-disabled,
.mat-icon-button.mat-button-disabled.mat-button-disabled,
.mat-stroked-button.mat-primary.mat-button-disabled,
.mat-stroked-button.mat-accent.mat-button-disabled,
.mat-stroked-button.mat-warn.mat-button-disabled,
.mat-stroked-button.mat-button-disabled.mat-button-disabled {
    color: rgba(0, 0, 0, 0.26);
}
.mat-button.mat-primary .mat-button-focus-overlay,
.mat-icon-button.mat-primary .mat-button-focus-overlay,
.mat-stroked-button.mat-primary .mat-button-focus-overlay {
    background-color: #673ab7;
}
.mat-button.mat-accent .mat-button-focus-overlay,
.mat-icon-button.mat-accent .mat-button-focus-overlay,
.mat-stroked-button.mat-accent .mat-button-focus-overlay {
    background-color: #ffd740;
}
.mat-button.mat-warn .mat-button-focus-overlay,
.mat-icon-button.mat-warn .mat-button-focus-overlay,
.mat-stroked-button.mat-warn .mat-button-focus-overlay {
    background-color: #f44336;
}
.mat-button.mat-button-disabled .mat-button-focus-overlay,
.mat-icon-button.mat-button-disabled .mat-button-focus-overlay,
.mat-stroked-button.mat-button-disabled .mat-button-focus-overlay {
    background-color: transparent;
}
.mat-button .mat-ripple-element,
.mat-icon-button .mat-ripple-element,
.mat-stroked-button .mat-ripple-element {
    opacity: 0.1;
    background-color: currentColor;
}
.mat-button-focus-overlay {
    background: #000;
}
.mat-stroked-button:not(.mat-button-disabled) {
    border-color: rgba(0, 0, 0, 0.12);
}
.mat-flat-button,
.mat-raised-button,
.mat-fab,
.mat-mini-fab {
    color: rgba(0, 0, 0, 0.87);
    background-color: #fff;
}
.mat-flat-button.mat-primary,
.mat-raised-button.mat-primary,
.mat-fab.mat-primary,
.mat-mini-fab.mat-primary {
    color: #fff;
}
.mat-flat-button.mat-accent,
.mat-raised-button.mat-accent,
.mat-fab.mat-accent,
.mat-mini-fab.mat-accent {
    color: rgba(0, 0, 0, 0.87);
}
.mat-flat-button.mat-warn,
.mat-raised-button.mat-warn,
.mat-fab.mat-warn,
.mat-mini-fab.mat-warn {
    color: #fff;
}
.mat-flat-button.mat-primary.mat-button-disabled,
.mat-flat-button.mat-accent.mat-button-disabled,
.mat-flat-button.mat-warn.mat-button-disabled,
.mat-flat-button.mat-button-disabled.mat-button-disabled,
.mat-raised-button.mat-primary.mat-button-disabled,
.mat-raised-button.mat-accent.mat-button-disabled,
.mat-raised-button.mat-warn.mat-button-disabled,
.mat-raised-button.mat-button-disabled.mat-button-disabled,
.mat-fab.mat-primary.mat-button-disabled,
.mat-fab.mat-accent.mat-button-disabled,
.mat-fab.mat-warn.mat-button-disabled,
.mat-fab.mat-button-disabled.mat-button-disabled,
.mat-mini-fab.mat-primary.mat-button-disabled,
.mat-mini-fab.mat-accent.mat-button-disabled,
.mat-mini-fab.mat-warn.mat-button-disabled,
.mat-mini-fab.mat-button-disabled.mat-button-disabled {
    color: rgba(0, 0, 0, 0.26);
}
.mat-flat-button.mat-primary,
.mat-raised-button.mat-primary,
.mat-fab.mat-primary,
.mat-mini-fab.mat-primary {
    background-color: #673ab7;
}
.mat-flat-button.mat-accent,
.mat-raised-button.mat-accent,
.mat-fab.mat-accent,
.mat-mini-fab.mat-accent {
    background-color: #ffd740;
}
.mat-flat-button.mat-warn,
.mat-raised-button.mat-warn,
.mat-fab.mat-warn,
.mat-mini-fab.mat-warn {
    background-color: #f44336;
}
.mat-flat-button.mat-primary.mat-button-disabled,
.mat-flat-button.mat-accent.mat-button-disabled,
.mat-flat-button.mat-warn.mat-button-disabled,
.mat-flat-button.mat-button-disabled.mat-button-disabled,
.mat-raised-button.mat-primary.mat-button-disabled,
.mat-raised-button.mat-accent.mat-button-disabled,
.mat-raised-button.mat-warn.mat-button-disabled,
.mat-raised-button.mat-button-disabled.mat-button-disabled,
.mat-fab.mat-primary.mat-button-disabled,
.mat-fab.mat-accent.mat-button-disabled,
.mat-fab.mat-warn.mat-button-disabled,
.mat-fab.mat-button-disabled.mat-button-disabled,
.mat-mini-fab.mat-primary.mat-button-disabled,
.mat-mini-fab.mat-accent.mat-button-disabled,
.mat-mini-fab.mat-warn.mat-button-disabled,
.mat-mini-fab.mat-button-disabled.mat-button-disabled {
    background-color: rgba(0, 0, 0, 0.12);
}
.mat-flat-button.mat-primary .mat-ripple-element,
.mat-raised-button.mat-primary .mat-ripple-element,
.mat-fab.mat-primary .mat-ripple-element,
.mat-mini-fab.mat-primary .mat-ripple-element {
    background-color: rgba(255, 255, 255, 0.1);
}
.mat-flat-button.mat-accent .mat-ripple-element,
.mat-raised-button.mat-accent .mat-ripple-element,
.mat-fab.mat-accent .mat-ripple-element,
.mat-mini-fab.mat-accent .mat-ripple-element {
    background-color: rgba(0, 0, 0, 0.1);
}
.mat-flat-button.mat-warn .mat-ripple-element,
.mat-raised-button.mat-warn .mat-ripple-element,
.mat-fab.mat-warn .mat-ripple-element,
.mat-mini-fab.mat-warn .mat-ripple-element {
    background-color: rgba(255, 255, 255, 0.1);
}
.mat-stroked-button:not([class*='mat-elevation-z']),
.mat-flat-button:not([class*='mat-elevation-z']) {
    box-shadow:
        0px 0px 0px 0px rgba(0, 0, 0, 0.2),
        0px 0px 0px 0px rgba(0, 0, 0, 0.14),
        0px 0px 0px 0px rgba(0, 0, 0, 0.12);
}
.mat-raised-button:not([class*='mat-elevation-z']) {
    box-shadow:
        0px 3px 1px -2px rgba(0, 0, 0, 0.2),
        0px 2px 2px 0px rgba(0, 0, 0, 0.14),
        0px 1px 5px 0px rgba(0, 0, 0, 0.12);
}
.mat-raised-button:not(.mat-button-disabled):active:not([class*='mat-elevation-z']) {
    box-shadow:
        0px 5px 5px -3px rgba(0, 0, 0, 0.2),
        0px 8px 10px 1px rgba(0, 0, 0, 0.14),
        0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}
.mat-raised-button.mat-button-disabled:not([class*='mat-elevation-z']) {
    box-shadow:
        0px 0px 0px 0px rgba(0, 0, 0, 0.2),
        0px 0px 0px 0px rgba(0, 0, 0, 0.14),
        0px 0px 0px 0px rgba(0, 0, 0, 0.12);
}
.mat-fab:not([class*='mat-elevation-z']),
.mat-mini-fab:not([class*='mat-elevation-z']) {
    box-shadow:
        0px 3px 5px -1px rgba(0, 0, 0, 0.2),
        0px 6px 10px 0px rgba(0, 0, 0, 0.14),
        0px 1px 18px 0px rgba(0, 0, 0, 0.12);
}
.mat-fab:not(.mat-button-disabled):active:not([class*='mat-elevation-z']),
.mat-mini-fab:not(.mat-button-disabled):active:not([class*='mat-elevation-z']) {
    box-shadow:
        0px 7px 8px -4px rgba(0, 0, 0, 0.2),
        0px 12px 17px 2px rgba(0, 0, 0, 0.14),
        0px 5px 22px 4px rgba(0, 0, 0, 0.12);
}
.mat-fab.mat-button-disabled:not([class*='mat-elevation-z']),
.mat-mini-fab.mat-button-disabled:not([class*='mat-elevation-z']) {
    box-shadow:
        0px 0px 0px 0px rgba(0, 0, 0, 0.2),
        0px 0px 0px 0px rgba(0, 0, 0, 0.14),
        0px 0px 0px 0px rgba(0, 0, 0, 0.12);
}
.mat-button-toggle-standalone,
.mat-button-toggle-group {
    box-shadow:
        0px 3px 1px -2px rgba(0, 0, 0, 0.2),
        0px 2px 2px 0px rgba(0, 0, 0, 0.14),
        0px 1px 5px 0px rgba(0, 0, 0, 0.12);
}
.mat-button-toggle-standalone.mat-button-toggle-appearance-standard,
.mat-button-toggle-group-appearance-standard {
    box-shadow: none;
}
.mat-button-toggle {
    color: rgba(0, 0, 0, 0.38);
}
.mat-button-toggle .mat-button-toggle-focus-overlay {
    background-color: rgba(0, 0, 0, 0.12);
}
.mat-button-toggle-appearance-standard {
    color: rgba(0, 0, 0, 0.87);
    background: #fff;
}
.mat-button-toggle-appearance-standard .mat-button-toggle-focus-overlay {
    background-color: #000;
}
.mat-button-toggle-group-appearance-standard .mat-button-toggle + .mat-button-toggle {
    border-left: solid 1px rgba(0, 0, 0, 0.12);
}
[dir='rtl'] .mat-button-toggle-group-appearance-standard .mat-button-toggle + .mat-button-toggle {
    border-left: none;
    border-right: solid 1px rgba(0, 0, 0, 0.12);
}
.mat-button-toggle-group-appearance-standard.mat-button-toggle-vertical
    .mat-button-toggle
    + .mat-button-toggle {
    border-left: none;
    border-right: none;
    border-top: solid 1px rgba(0, 0, 0, 0.12);
}
.mat-button-toggle-checked {
    background-color: #e0e0e0;
    color: rgba(0, 0, 0, 0.54);
}
.mat-button-toggle-checked.mat-button-toggle-appearance-standard {
    color: rgba(0, 0, 0, 0.87);
}
.mat-button-toggle-disabled {
    color: rgba(0, 0, 0, 0.26);
    background-color: #eee;
}
.mat-button-toggle-disabled.mat-button-toggle-appearance-standard {
    background: #fff;
}
.mat-button-toggle-disabled.mat-button-toggle-checked {
    background-color: #bdbdbd;
}
.mat-button-toggle-standalone.mat-button-toggle-appearance-standard,
.mat-button-toggle-group-appearance-standard {
    border: solid 1px rgba(0, 0, 0, 0.12);
}
.mat-button-toggle-appearance-standard .mat-button-toggle-label-content {
    line-height: 48px;
}
.mat-card {
    background: #fff;
    color: rgba(0, 0, 0, 0.87);
}
.mat-card:not([class*='mat-elevation-z']) {
    box-shadow:
        0px 2px 1px -1px rgba(0, 0, 0, 0.2),
        0px 1px 1px 0px rgba(0, 0, 0, 0.14),
        0px 1px 3px 0px rgba(0, 0, 0, 0.12);
}
.mat-card.mat-card-flat:not([class*='mat-elevation-z']) {
    box-shadow:
        0px 0px 0px 0px rgba(0, 0, 0, 0.2),
        0px 0px 0px 0px rgba(0, 0, 0, 0.14),
        0px 0px 0px 0px rgba(0, 0, 0, 0.12);
}
.mat-card-subtitle {
    color: rgba(0, 0, 0, 0.54);
}
.mat-checkbox-frame {
    border-color: rgba(0, 0, 0, 0.54);
}
.mat-checkbox-checkmark {
    fill: #fafafa;
}
.mat-checkbox-checkmark-path {
    stroke: #fafafa !important;
}
.mat-checkbox-mixedmark {
    background-color: #fafafa;
}
.mat-checkbox-indeterminate.mat-primary .mat-checkbox-background,
.mat-checkbox-checked.mat-primary .mat-checkbox-background {
    background-color: #673ab7;
}
.mat-checkbox-indeterminate.mat-accent .mat-checkbox-background,
.mat-checkbox-checked.mat-accent .mat-checkbox-background {
    background-color: #ffd740;
}
.mat-checkbox-indeterminate.mat-warn .mat-checkbox-background,
.mat-checkbox-checked.mat-warn .mat-checkbox-background {
    background-color: #f44336;
}
.mat-checkbox-disabled.mat-checkbox-checked .mat-checkbox-background,
.mat-checkbox-disabled.mat-checkbox-indeterminate .mat-checkbox-background {
    background-color: #b0b0b0;
}
.mat-checkbox-disabled:not(.mat-checkbox-checked) .mat-checkbox-frame {
    border-color: #b0b0b0;
}
.mat-checkbox-disabled .mat-checkbox-label {
    color: rgba(0, 0, 0, 0.54);
}
.mat-checkbox .mat-ripple-element {
    background-color: #000;
}
.mat-checkbox-checked:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element,
.mat-checkbox:active:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element {
    background: #673ab7;
}
.mat-checkbox-checked:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element,
.mat-checkbox:active:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element {
    background: #ffd740;
}
.mat-checkbox-checked:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element,
.mat-checkbox:active:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element {
    background: #f44336;
}
.mat-chip.mat-standard-chip {
    background-color: #e0e0e0;
    color: rgba(0, 0, 0, 0.87);
}
.mat-chip.mat-standard-chip .mat-chip-remove {
    color: rgba(0, 0, 0, 0.87);
    opacity: 0.4;
}
.mat-chip.mat-standard-chip:not(.mat-chip-disabled):active {
    box-shadow:
        0px 3px 3px -2px rgba(0, 0, 0, 0.2),
        0px 3px 4px 0px rgba(0, 0, 0, 0.14),
        0px 1px 8px 0px rgba(0, 0, 0, 0.12);
}
.mat-chip.mat-standard-chip:not(.mat-chip-disabled) .mat-chip-remove:hover {
    opacity: 0.54;
}
.mat-chip.mat-standard-chip.mat-chip-disabled {
    opacity: 0.4;
}
.mat-chip.mat-standard-chip::after {
    background: #000;
}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary {
    background-color: #673ab7;
    color: #fff;
}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-chip-remove {
    color: #fff;
    opacity: 0.4;
}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-ripple-element {
    background-color: rgba(255, 255, 255, 0.1);
}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-warn {
    background-color: #f44336;
    color: #fff;
}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-chip-remove {
    color: #fff;
    opacity: 0.4;
}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-ripple-element {
    background-color: rgba(255, 255, 255, 0.1);
}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent {
    background-color: #ffd740;
    color: rgba(0, 0, 0, 0.87);
}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-chip-remove {
    color: rgba(0, 0, 0, 0.87);
    opacity: 0.4;
}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-ripple-element {
    background-color: rgba(0, 0, 0, 0.1);
}
.mat-table {
    background: #fff;
}
.mat-table thead,
.mat-table tbody,
.mat-table tfoot,
mat-header-row,
mat-row,
mat-footer-row,
[mat-header-row],
[mat-row],
[mat-footer-row],
.mat-table-sticky {
    background: inherit;
}
mat-row,
mat-header-row,
mat-footer-row,
th.mat-header-cell,
td.mat-cell,
td.mat-footer-cell {
    border-bottom-color: rgba(0, 0, 0, 0.12);
}
.mat-header-cell {
    color: rgba(0, 0, 0, 0.54);
}
.mat-cell,
.mat-footer-cell {
    color: rgba(0, 0, 0, 0.87);
}
.mat-calendar-arrow {
    fill: rgba(0, 0, 0, 0.54);
}
.mat-datepicker-toggle,
.mat-datepicker-content .mat-calendar-next-button,
.mat-datepicker-content .mat-calendar-previous-button {
    color: rgba(0, 0, 0, 0.54);
}
.mat-calendar-table-header-divider::after {
    background: rgba(0, 0, 0, 0.12);
}
.mat-calendar-table-header,
.mat-calendar-body-label {
    color: rgba(0, 0, 0, 0.54);
}
.mat-calendar-body-cell-content,
.mat-date-range-input-separator {
    color: rgba(0, 0, 0, 0.87);
    border-color: transparent;
}
.mat-calendar-body-disabled
    > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(
        .mat-calendar-body-comparison-identical
    ) {
    color: rgba(0, 0, 0, 0.38);
}
.mat-form-field-disabled .mat-date-range-input-separator {
    color: rgba(0, 0, 0, 0.38);
}
.mat-calendar-body-in-preview {
    color: rgba(0, 0, 0, 0.24);
}
.mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
    border-color: rgba(0, 0, 0, 0.38);
}
.mat-calendar-body-disabled
    > .mat-calendar-body-today:not(.mat-calendar-body-selected):not(
        .mat-calendar-body-comparison-identical
    ) {
    border-color: rgba(0, 0, 0, 0.18);
}
.mat-calendar-body-in-range::before {
    background: rgba(103, 58, 183, 0.2);
}
.mat-calendar-body-comparison-identical,
.mat-calendar-body-in-comparison-range::before {
    background: rgba(249, 171, 0, 0.2);
}
.mat-calendar-body-comparison-bridge-start::before,
[dir='rtl'] .mat-calendar-body-comparison-bridge-end::before {
    background: linear-gradient(to right, rgba(103, 58, 183, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%);
}
.mat-calendar-body-comparison-bridge-end::before,
[dir='rtl'] .mat-calendar-body-comparison-bridge-start::before {
    background: linear-gradient(to left, rgba(103, 58, 183, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%);
}
.mat-calendar-body-in-range > .mat-calendar-body-comparison-identical,
.mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after {
    background: #a8dab5;
}
.mat-calendar-body-comparison-identical.mat-calendar-body-selected,
.mat-calendar-body-in-comparison-range > .mat-calendar-body-selected {
    background: #46a35e;
}
.mat-calendar-body-selected {
    background-color: #673ab7;
    color: #fff;
}
.mat-calendar-body-disabled > .mat-calendar-body-selected {
    background-color: rgba(103, 58, 183, 0.4);
}
.mat-calendar-body-today.mat-calendar-body-selected {
    box-shadow: inset 0 0 0 1px #fff;
}
.mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover
    > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(
        .mat-calendar-body-comparison-identical
    ),
.cdk-keyboard-focused
    .mat-calendar-body-active
    > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(
        .mat-calendar-body-comparison-identical
    ),
.cdk-program-focused
    .mat-calendar-body-active
    > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(
        .mat-calendar-body-comparison-identical
    ) {
    background-color: rgba(103, 58, 183, 0.3);
}
.mat-datepicker-content {
    box-shadow:
        0px 2px 4px -1px rgba(0, 0, 0, 0.2),
        0px 4px 5px 0px rgba(0, 0, 0, 0.14),
        0px 1px 10px 0px rgba(0, 0, 0, 0.12);
    background-color: #fff;
    color: rgba(0, 0, 0, 0.87);
}
.mat-datepicker-content.mat-accent .mat-calendar-body-in-range::before {
    background: rgba(255, 215, 64, 0.2);
}
.mat-datepicker-content.mat-accent .mat-calendar-body-comparison-identical,
.mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range::before {
    background: rgba(249, 171, 0, 0.2);
}
.mat-datepicker-content.mat-accent .mat-calendar-body-comparison-bridge-start::before,
.mat-datepicker-content.mat-accent [dir='rtl'] .mat-calendar-body-comparison-bridge-end::before {
    background: linear-gradient(to right, rgba(255, 215, 64, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%);
}
.mat-datepicker-content.mat-accent .mat-calendar-body-comparison-bridge-end::before,
.mat-datepicker-content.mat-accent [dir='rtl'] .mat-calendar-body-comparison-bridge-start::before {
    background: linear-gradient(to left, rgba(255, 215, 64, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%);
}
.mat-datepicker-content.mat-accent
    .mat-calendar-body-in-range
    > .mat-calendar-body-comparison-identical,
.mat-datepicker-content.mat-accent
    .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after {
    background: #a8dab5;
}
.mat-datepicker-content.mat-accent .mat-calendar-body-comparison-identical.mat-calendar-body-selected,
.mat-datepicker-content.mat-accent
    .mat-calendar-body-in-comparison-range
    > .mat-calendar-body-selected {
    background: #46a35e;
}
.mat-datepicker-content.mat-accent .mat-calendar-body-selected {
    background-color: #ffd740;
    color: rgba(0, 0, 0, 0.87);
}
.mat-datepicker-content.mat-accent .mat-calendar-body-disabled > .mat-calendar-body-selected {
    background-color: rgba(255, 215, 64, 0.4);
}
.mat-datepicker-content.mat-accent .mat-calendar-body-today.mat-calendar-body-selected {
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.87);
}
.mat-datepicker-content.mat-accent
    .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover
    > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(
        .mat-calendar-body-comparison-identical
    ),
.mat-datepicker-content.mat-accent
    .cdk-keyboard-focused
    .mat-calendar-body-active
    > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(
        .mat-calendar-body-comparison-identical
    ),
.mat-datepicker-content.mat-accent
    .cdk-program-focused
    .mat-calendar-body-active
    > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(
        .mat-calendar-body-comparison-identical
    ) {
    background-color: rgba(255, 215, 64, 0.3);
}
.mat-datepicker-content.mat-warn .mat-calendar-body-in-range::before {
    background: rgba(244, 67, 54, 0.2);
}
.mat-datepicker-content.mat-warn .mat-calendar-body-comparison-identical,
.mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range::before {
    background: rgba(249, 171, 0, 0.2);
}
.mat-datepicker-content.mat-warn .mat-calendar-body-comparison-bridge-start::before,
.mat-datepicker-content.mat-warn [dir='rtl'] .mat-calendar-body-comparison-bridge-end::before {
    background: linear-gradient(to right, rgba(244, 67, 54, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%);
}
.mat-datepicker-content.mat-warn .mat-calendar-body-comparison-bridge-end::before,
.mat-datepicker-content.mat-warn [dir='rtl'] .mat-calendar-body-comparison-bridge-start::before {
    background: linear-gradient(to left, rgba(244, 67, 54, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%);
}
.mat-datepicker-content.mat-warn .mat-calendar-body-in-range > .mat-calendar-body-comparison-identical,
.mat-datepicker-content.mat-warn
    .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after {
    background: #a8dab5;
}
.mat-datepicker-content.mat-warn .mat-calendar-body-comparison-identical.mat-calendar-body-selected,
.mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range > .mat-calendar-body-selected {
    background: #46a35e;
}
.mat-datepicker-content.mat-warn .mat-calendar-body-selected {
    background-color: #f44336;
    color: #fff;
}
.mat-datepicker-content.mat-warn .mat-calendar-body-disabled > .mat-calendar-body-selected {
    background-color: rgba(244, 67, 54, 0.4);
}
.mat-datepicker-content.mat-warn .mat-calendar-body-today.mat-calendar-body-selected {
    box-shadow: inset 0 0 0 1px #fff;
}
.mat-datepicker-content.mat-warn
    .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover
    > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(
        .mat-calendar-body-comparison-identical
    ),
.mat-datepicker-content.mat-warn
    .cdk-keyboard-focused
    .mat-calendar-body-active
    > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(
        .mat-calendar-body-comparison-identical
    ),
.mat-datepicker-content.mat-warn
    .cdk-program-focused
    .mat-calendar-body-active
    > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(
        .mat-calendar-body-comparison-identical
    ) {
    background-color: rgba(244, 67, 54, 0.3);
}
.mat-datepicker-content-touch {
    box-shadow:
        0px 11px 15px -7px rgba(0, 0, 0, 0.2),
        0px 24px 38px 3px rgba(0, 0, 0, 0.14),
        0px 9px 46px 8px rgba(0, 0, 0, 0.12);
}
.mat-datepicker-toggle-active {
    color: #673ab7;
}
.mat-datepicker-toggle-active.mat-accent {
    color: #ffd740;
}
.mat-datepicker-toggle-active.mat-warn {
    color: #f44336;
}
.mat-date-range-input-inner[disabled] {
    color: rgba(0, 0, 0, 0.38);
}
.mat-dialog-container {
    box-shadow:
        0px 11px 15px -7px rgba(0, 0, 0, 0.2),
        0px 24px 38px 3px rgba(0, 0, 0, 0.14),
        0px 9px 46px 8px rgba(0, 0, 0, 0.12);
    background: #fff;
    color: rgba(0, 0, 0, 0.87);
}
.mat-divider {
    border-top-color: rgba(0, 0, 0, 0.12);
}
.mat-divider-vertical {
    border-right-color: rgba(0, 0, 0, 0.12);
}
.mat-expansion-panel {
    background: #fff;
    color: rgba(0, 0, 0, 0.87);
}
.mat-expansion-panel:not([class*='mat-elevation-z']) {
    box-shadow:
        0px 3px 1px -2px rgba(0, 0, 0, 0.2),
        0px 2px 2px 0px rgba(0, 0, 0, 0.14),
        0px 1px 5px 0px rgba(0, 0, 0, 0.12);
}
.mat-action-row {
    border-top-color: rgba(0, 0, 0, 0.12);
}
.mat-expansion-panel .mat-expansion-panel-header.cdk-keyboard-focused:not([aria-disabled='true']),
.mat-expansion-panel .mat-expansion-panel-header.cdk-program-focused:not([aria-disabled='true']),
.mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:hover:not([aria-disabled='true']) {
    background: rgba(0, 0, 0, 0.04);
}
@media (hover: none) {
    .mat-expansion-panel:not(.mat-expanded):not([aria-disabled='true'])
        .mat-expansion-panel-header:hover {
        background: #fff;
    }
}
.mat-expansion-panel-header-title {
    color: rgba(0, 0, 0, 0.87);
}
.mat-expansion-panel-header-description,
.mat-expansion-indicator::after {
    color: rgba(0, 0, 0, 0.54);
}
.mat-expansion-panel-header[aria-disabled='true'] {
    color: rgba(0, 0, 0, 0.26);
}
.mat-expansion-panel-header[aria-disabled='true'] .mat-expansion-panel-header-title,
.mat-expansion-panel-header[aria-disabled='true'] .mat-expansion-panel-header-description {
    color: inherit;
}
.mat-expansion-panel-header {
    height: 48px;
}
.mat-expansion-panel-header.mat-expanded {
    height: 64px;
}
.mat-form-field-label {
    color: rgba(0, 0, 0, 0.6);
}
.mat-hint {
    color: rgba(0, 0, 0, 0.6);
}
.mat-form-field.mat-focused .mat-form-field-label {
    color: #673ab7;
}
.mat-form-field.mat-focused .mat-form-field-label.mat-accent {
    color: #ffd740;
}
.mat-form-field.mat-focused .mat-form-field-label.mat-warn {
    color: #f44336;
}
.mat-focused .mat-form-field-required-marker {
    color: #ffd740;
}
.mat-form-field-ripple {
    background-color: rgba(0, 0, 0, 0.87);
}
.mat-form-field.mat-focused .mat-form-field-ripple {
    background-color: #673ab7;
}
.mat-form-field.mat-focused .mat-form-field-ripple.mat-accent {
    background-color: #ffd740;
}
.mat-form-field.mat-focused .mat-form-field-ripple.mat-warn {
    background-color: #f44336;
}
.mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid)
    .mat-form-field-infix::after {
    color: #673ab7;
}
.mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-accent
    .mat-form-field-infix::after {
    color: #ffd740;
}
.mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-warn
    .mat-form-field-infix::after {
    color: #f44336;
}
.mat-form-field.mat-form-field-invalid .mat-form-field-label {
    color: #f44336;
}
.mat-form-field.mat-form-field-invalid .mat-form-field-label.mat-accent,
.mat-form-field.mat-form-field-invalid .mat-form-field-label .mat-form-field-required-marker {
    color: #f44336;
}
.mat-form-field.mat-form-field-invalid .mat-form-field-ripple,
.mat-form-field.mat-form-field-invalid .mat-form-field-ripple.mat-accent {
    background-color: #f44336;
}
.mat-error {
    color: #f44336;
}
.mat-form-field-appearance-legacy .mat-form-field-label {
    color: rgba(0, 0, 0, 0.54);
}
.mat-form-field-appearance-legacy .mat-hint {
    color: rgba(0, 0, 0, 0.54);
}
.mat-form-field-appearance-legacy .mat-form-field-underline {
    background-color: rgba(0, 0, 0, 0.42);
}
.mat-form-field-appearance-legacy.mat-form-field-disabled .mat-form-field-underline {
    background-image: linear-gradient(
        to right,
        rgba(0, 0, 0, 0.42) 0%,
        rgba(0, 0, 0, 0.42) 33%,
        transparent 0%
    );
    background-size: 4px 100%;
    background-repeat: repeat-x;
}
.mat-form-field-appearance-standard .mat-form-field-underline {
    background-color: rgba(0, 0, 0, 0.42);
}
.mat-form-field-appearance-standard.mat-form-field-disabled .mat-form-field-underline {
    background-image: linear-gradient(
        to right,
        rgba(0, 0, 0, 0.42) 0%,
        rgba(0, 0, 0, 0.42) 33%,
        transparent 0%
    );
    background-size: 4px 100%;
    background-repeat: repeat-x;
}
.mat-form-field-appearance-fill .mat-form-field-flex {
    background-color: rgba(0, 0, 0, 0.04);
}
.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-flex {
    background-color: rgba(0, 0, 0, 0.02);
}
.mat-form-field-appearance-fill .mat-form-field-underline::before {
    background-color: rgba(0, 0, 0, 0.42);
}
.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-label {
    color: rgba(0, 0, 0, 0.38);
}
.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-underline::before {
    background-color: transparent;
}
.mat-form-field-appearance-outline .mat-form-field-outline {
    color: rgba(0, 0, 0, 0.12);
}
.mat-form-field-appearance-outline .mat-form-field-outline-thick {
    color: rgba(0, 0, 0, 0.87);
}
.mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-thick {
    color: #673ab7;
}
.mat-form-field-appearance-outline.mat-focused.mat-accent .mat-form-field-outline-thick {
    color: #ffd740;
}
.mat-form-field-appearance-outline.mat-focused.mat-warn .mat-form-field-outline-thick {
    color: #f44336;
}
.mat-form-field-appearance-outline.mat-form-field-invalid.mat-form-field-invalid
    .mat-form-field-outline-thick {
    color: #f44336;
}
.mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-label {
    color: rgba(0, 0, 0, 0.38);
}
.mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-outline {
    color: rgba(0, 0, 0, 0.06);
}
.mat-icon.mat-primary {
    color: #673ab7;
}
.mat-icon.mat-accent {
    color: #ffd740;
}
.mat-icon.mat-warn {
    color: #f44336;
}
.mat-form-field-type-mat-native-select .mat-form-field-infix::after {
    color: rgba(0, 0, 0, 0.54);
}
.mat-input-element:disabled,
.mat-form-field-type-mat-native-select.mat-form-field-disabled .mat-form-field-infix::after {
    color: rgba(0, 0, 0, 0.38);
}
.mat-input-element {
    caret-color: #673ab7;
}
.mat-input-element::placeholder {
    color: rgba(0, 0, 0, 0.42);
}
.mat-input-element::-moz-placeholder {
    color: rgba(0, 0, 0, 0.42);
}
.mat-input-element::-webkit-input-placeholder {
    color: rgba(0, 0, 0, 0.42);
}
.mat-input-element:-ms-input-placeholder {
    color: rgba(0, 0, 0, 0.42);
}
.mat-form-field.mat-accent .mat-input-element {
    caret-color: #ffd740;
}
.mat-form-field.mat-warn .mat-input-element,
.mat-form-field-invalid .mat-input-element {
    caret-color: #f44336;
}
.mat-form-field-type-mat-native-select.mat-form-field-invalid .mat-form-field-infix::after {
    color: #f44336;
}
.mat-list-base .mat-list-item {
    color: rgba(0, 0, 0, 0.87);
}
.mat-list-base .mat-list-option {
    color: rgba(0, 0, 0, 0.87);
}
.mat-list-base .mat-subheader {
    color: rgba(0, 0, 0, 0.54);
}
.mat-list-item-disabled {
    background-color: #eee;
}
.mat-list-option:hover,
.mat-list-option:focus,
.mat-nav-list .mat-list-item:hover,
.mat-nav-list .mat-list-item:focus,
.mat-action-list .mat-list-item:hover,
.mat-action-list .mat-list-item:focus {
    background: rgba(0, 0, 0, 0.04);
}
.mat-list-single-selected-option,
.mat-list-single-selected-option:hover,
.mat-list-single-selected-option:focus {
    background: rgba(0, 0, 0, 0.12);
}
.mat-menu-panel {
    background: #fff;
}
.mat-menu-panel:not([class*='mat-elevation-z']) {
    box-shadow:
        0px 2px 4px -1px rgba(0, 0, 0, 0.2),
        0px 4px 5px 0px rgba(0, 0, 0, 0.14),
        0px 1px 10px 0px rgba(0, 0, 0, 0.12);
}
.mat-menu-item {
    background: transparent;
    color: rgba(0, 0, 0, 0.87);
}
.mat-menu-item[disabled],
.mat-menu-item[disabled] .mat-menu-submenu-icon,
.mat-menu-item[disabled] .mat-icon-no-color {
    color: rgba(0, 0, 0, 0.38);
}
.mat-menu-item .mat-icon-no-color,
.mat-menu-submenu-icon {
    color: rgba(0, 0, 0, 0.54);
}
.mat-menu-item:hover:not([disabled]),
.mat-menu-item.cdk-program-focused:not([disabled]),
.mat-menu-item.cdk-keyboard-focused:not([disabled]),
.mat-menu-item-highlighted:not([disabled]) {
    background: rgba(0, 0, 0, 0.04);
}
.mat-paginator {
    background: #fff;
}
.mat-paginator,
.mat-paginator-page-size .mat-select-trigger {
    color: rgba(0, 0, 0, 0.54);
}
.mat-paginator-decrement,
.mat-paginator-increment {
    border-top: 2px solid rgba(0, 0, 0, 0.54);
    border-right: 2px solid rgba(0, 0, 0, 0.54);
}
.mat-paginator-first,
.mat-paginator-last {
    border-top: 2px solid rgba(0, 0, 0, 0.54);
}
.mat-icon-button[disabled] .mat-paginator-decrement,
.mat-icon-button[disabled] .mat-paginator-increment,
.mat-icon-button[disabled] .mat-paginator-first,
.mat-icon-button[disabled] .mat-paginator-last {
    border-color: rgba(0, 0, 0, 0.38);
}
.mat-paginator-container {
    min-height: 56px;
}
.mat-progress-bar-background {
    fill: #d5cae9;
}
.mat-progress-bar-buffer {
    background-color: #d5cae9;
}
.mat-progress-bar-fill::after {
    background-color: #673ab7;
}
.mat-progress-bar.mat-accent .mat-progress-bar-background {
    fill: #fbf1cc;
}
.mat-progress-bar.mat-accent .mat-progress-bar-buffer {
    background-color: #fbf1cc;
}
.mat-progress-bar.mat-accent .mat-progress-bar-fill::after {
    background-color: #ffd740;
}
.mat-progress-bar.mat-warn .mat-progress-bar-background {
    fill: #f9ccc9;
}
.mat-progress-bar.mat-warn .mat-progress-bar-buffer {
    background-color: #f9ccc9;
}
.mat-progress-bar.mat-warn .mat-progress-bar-fill::after {
    background-color: #f44336;
}
.mat-progress-spinner circle,
.mat-spinner circle {
    stroke: #673ab7;
}
.mat-progress-spinner.mat-accent circle,
.mat-spinner.mat-accent circle {
    stroke: #ffd740;
}
.mat-progress-spinner.mat-warn circle,
.mat-spinner.mat-warn circle {
    stroke: #f44336;
}
.mat-radio-outer-circle {
    border-color: rgba(0, 0, 0, 0.54);
}
.mat-radio-button.mat-primary.mat-radio-checked .mat-radio-outer-circle {
    border-color: #673ab7;
}
.mat-radio-button.mat-primary .mat-radio-inner-circle,
.mat-radio-button.mat-primary .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple),
.mat-radio-button.mat-primary.mat-radio-checked .mat-radio-persistent-ripple,
.mat-radio-button.mat-primary:active .mat-radio-persistent-ripple {
    background-color: #673ab7;
}
.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle {
    border-color: #ffd740;
}
.mat-radio-button.mat-accent .mat-radio-inner-circle,
.mat-radio-button.mat-accent .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple),
.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-persistent-ripple,
.mat-radio-button.mat-accent:active .mat-radio-persistent-ripple {
    background-color: #ffd740;
}
.mat-radio-button.mat-warn.mat-radio-checked .mat-radio-outer-circle {
    border-color: #f44336;
}
.mat-radio-button.mat-warn .mat-radio-inner-circle,
.mat-radio-button.mat-warn .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple),
.mat-radio-button.mat-warn.mat-radio-checked .mat-radio-persistent-ripple,
.mat-radio-button.mat-warn:active .mat-radio-persistent-ripple {
    background-color: #f44336;
}
.mat-radio-button.mat-radio-disabled.mat-radio-checked .mat-radio-outer-circle,
.mat-radio-button.mat-radio-disabled .mat-radio-outer-circle {
    border-color: rgba(0, 0, 0, 0.38);
}
.mat-radio-button.mat-radio-disabled .mat-radio-ripple .mat-ripple-element,
.mat-radio-button.mat-radio-disabled .mat-radio-inner-circle {
    background-color: rgba(0, 0, 0, 0.38);
}
.mat-radio-button.mat-radio-disabled .mat-radio-label-content {
    color: rgba(0, 0, 0, 0.38);
}
.mat-radio-button .mat-ripple-element {
    background-color: #000;
}
.mat-select-value {
    color: rgba(0, 0, 0, 0.87);
}
.mat-select-placeholder {
    color: rgba(0, 0, 0, 0.42);
}
.mat-select-disabled .mat-select-value {
    color: rgba(0, 0, 0, 0.38);
}
.mat-select-arrow {
    color: rgba(0, 0, 0, 0.54);
}
.mat-select-panel {
    background: #fff;
}
.mat-select-panel:not([class*='mat-elevation-z']) {
    box-shadow:
        0px 2px 4px -1px rgba(0, 0, 0, 0.2),
        0px 4px 5px 0px rgba(0, 0, 0, 0.14),
        0px 1px 10px 0px rgba(0, 0, 0, 0.12);
}
.mat-select-panel .mat-option.mat-selected:not(.mat-option-multiple) {
    background: rgba(0, 0, 0, 0.12);
}
.mat-form-field.mat-focused.mat-primary .mat-select-arrow {
    color: #673ab7;
}
.mat-form-field.mat-focused.mat-accent .mat-select-arrow {
    color: #ffd740;
}
.mat-form-field.mat-focused.mat-warn .mat-select-arrow {
    color: #f44336;
}
.mat-form-field .mat-select.mat-select-invalid .mat-select-arrow {
    color: #f44336;
}
.mat-form-field .mat-select.mat-select-disabled .mat-select-arrow {
    color: rgba(0, 0, 0, 0.38);
}
.mat-drawer-container {
    background-color: #fafafa;
    color: rgba(0, 0, 0, 0.87);
}
.mat-drawer {
    background-color: #fff;
    color: rgba(0, 0, 0, 0.87);
}
.mat-drawer.mat-drawer-push {
    background-color: #fff;
}
.mat-drawer:not(.mat-drawer-side) {
    box-shadow:
        0px 8px 10px -5px rgba(0, 0, 0, 0.2),
        0px 16px 24px 2px rgba(0, 0, 0, 0.14),
        0px 6px 30px 5px rgba(0, 0, 0, 0.12);
}
.mat-drawer-side {
    border-right: solid 1px rgba(0, 0, 0, 0.12);
}
.mat-drawer-side.mat-drawer-end {
    border-left: solid 1px rgba(0, 0, 0, 0.12);
    border-right: none;
}
[dir='rtl'] .mat-drawer-side {
    border-left: solid 1px rgba(0, 0, 0, 0.12);
    border-right: none;
}
[dir='rtl'] .mat-drawer-side.mat-drawer-end {
    border-left: none;
    border-right: solid 1px rgba(0, 0, 0, 0.12);
}
.mat-drawer-backdrop.mat-drawer-shown {
    background-color: rgba(0, 0, 0, 0.6);
}
.mat-slide-toggle.mat-checked .mat-slide-toggle-thumb {
    background-color: #ffd740;
}
.mat-slide-toggle.mat-checked .mat-slide-toggle-bar {
    background-color: rgba(255, 215, 64, 0.54);
}
.mat-slide-toggle.mat-checked .mat-ripple-element {
    background-color: #ffd740;
}
.mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-thumb {
    background-color: #673ab7;
}
.mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-bar {
    background-color: rgba(103, 58, 183, 0.54);
}
.mat-slide-toggle.mat-primary.mat-checked .mat-ripple-element {
    background-color: #673ab7;
}
.mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-thumb {
    background-color: #f44336;
}
.mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-bar {
    background-color: rgba(244, 67, 54, 0.54);
}
.mat-slide-toggle.mat-warn.mat-checked .mat-ripple-element {
    background-color: #f44336;
}
.mat-slide-toggle:not(.mat-checked) .mat-ripple-element {
    background-color: #000;
}
.mat-slide-toggle-thumb {
    box-shadow:
        0px 2px 1px -1px rgba(0, 0, 0, 0.2),
        0px 1px 1px 0px rgba(0, 0, 0, 0.14),
        0px 1px 3px 0px rgba(0, 0, 0, 0.12);
    background-color: #fafafa;
}
.mat-slide-toggle-bar {
    background-color: rgba(0, 0, 0, 0.38);
}
.mat-slider-track-background {
    background-color: rgba(0, 0, 0, 0.26);
}
.mat-primary .mat-slider-track-fill,
.mat-primary .mat-slider-thumb,
.mat-primary .mat-slider-thumb-label {
    background-color: #673ab7;
}
.mat-primary .mat-slider-thumb-label-text {
    color: #fff;
}
.mat-primary .mat-slider-focus-ring {
    background-color: rgba(103, 58, 183, 0.2);
}
.mat-accent .mat-slider-track-fill,
.mat-accent .mat-slider-thumb,
.mat-accent .mat-slider-thumb-label {
    background-color: #ffd740;
}
.mat-accent .mat-slider-thumb-label-text {
    color: rgba(0, 0, 0, 0.87);
}
.mat-accent .mat-slider-focus-ring {
    background-color: rgba(255, 215, 64, 0.2);
}
.mat-warn .mat-slider-track-fill,
.mat-warn .mat-slider-thumb,
.mat-warn .mat-slider-thumb-label {
    background-color: #f44336;
}
.mat-warn .mat-slider-thumb-label-text {
    color: #fff;
}
.mat-warn .mat-slider-focus-ring {
    background-color: rgba(244, 67, 54, 0.2);
}
.mat-slider:hover .mat-slider-track-background,
.mat-slider.cdk-focused .mat-slider-track-background {
    background-color: rgba(0, 0, 0, 0.38);
}
.mat-slider-disabled .mat-slider-track-background,
.mat-slider-disabled .mat-slider-track-fill,
.mat-slider-disabled .mat-slider-thumb {
    background-color: rgba(0, 0, 0, 0.26);
}
.mat-slider-disabled:hover .mat-slider-track-background {
    background-color: rgba(0, 0, 0, 0.26);
}
.mat-slider-min-value .mat-slider-focus-ring {
    background-color: rgba(0, 0, 0, 0.12);
}
.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb,
.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb-label {
    background-color: rgba(0, 0, 0, 0.87);
}
.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb,
.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb-label {
    background-color: rgba(0, 0, 0, 0.26);
}
.mat-slider-min-value:not(.mat-slider-thumb-label-showing) .mat-slider-thumb {
    border-color: rgba(0, 0, 0, 0.26);
    background-color: transparent;
}
.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover .mat-slider-thumb,
.mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused .mat-slider-thumb {
    border-color: rgba(0, 0, 0, 0.38);
}
.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover.mat-slider-disabled .mat-slider-thumb,
.mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused.mat-slider-disabled
    .mat-slider-thumb {
    border-color: rgba(0, 0, 0, 0.26);
}
.mat-slider-has-ticks .mat-slider-wrapper::after {
    border-color: rgba(0, 0, 0, 0.7);
}
.mat-slider-horizontal .mat-slider-ticks {
    background-image: repeating-linear-gradient(
        to right,
        rgba(0, 0, 0, 0.7),
        rgba(0, 0, 0, 0.7) 2px,
        transparent 0,
        transparent
    );
    background-image: -moz-repeating-linear-gradient(
        0.0001deg,
        rgba(0, 0, 0, 0.7),
        rgba(0, 0, 0, 0.7) 2px,
        transparent 0,
        transparent
    );
}
.mat-slider-vertical .mat-slider-ticks {
    background-image: repeating-linear-gradient(
        to bottom,
        rgba(0, 0, 0, 0.7),
        rgba(0, 0, 0, 0.7) 2px,
        transparent 0,
        transparent
    );
}
.mat-step-header.cdk-keyboard-focused,
.mat-step-header.cdk-program-focused,
.mat-step-header:hover:not([aria-disabled]),
.mat-step-header:hover[aria-disabled='false'] {
    background-color: rgba(0, 0, 0, 0.04);
}
.mat-step-header:hover[aria-disabled='true'] {
    cursor: default;
}
@media (hover: none) {
    .mat-step-header:hover {
        background: none;
    }
}
.mat-step-header .mat-step-label,
.mat-step-header .mat-step-optional {
    color: rgba(0, 0, 0, 0.54);
}
.mat-step-header .mat-step-icon {
    background-color: rgba(0, 0, 0, 0.54);
    color: #fff;
}
.mat-step-header .mat-step-icon-selected,
.mat-step-header .mat-step-icon-state-done,
.mat-step-header .mat-step-icon-state-edit {
    background-color: #673ab7;
    color: #fff;
}
.mat-step-header.mat-accent .mat-step-icon {
    color: rgba(0, 0, 0, 0.87);
}
.mat-step-header.mat-accent .mat-step-icon-selected,
.mat-step-header.mat-accent .mat-step-icon-state-done,
.mat-step-header.mat-accent .mat-step-icon-state-edit {
    background-color: #ffd740;
    color: rgba(0, 0, 0, 0.87);
}
.mat-step-header.mat-warn .mat-step-icon {
    color: #fff;
}
.mat-step-header.mat-warn .mat-step-icon-selected,
.mat-step-header.mat-warn .mat-step-icon-state-done,
.mat-step-header.mat-warn .mat-step-icon-state-edit {
    background-color: #f44336;
    color: #fff;
}
.mat-step-header .mat-step-icon-state-error {
    background-color: transparent;
    color: #f44336;
}
.mat-step-header .mat-step-label.mat-step-label-active {
    color: rgba(0, 0, 0, 0.87);
}
.mat-step-header .mat-step-label.mat-step-label-error {
    color: #f44336;
}
.mat-stepper-horizontal,
.mat-stepper-vertical {
    background-color: #fff;
}
.mat-stepper-vertical-line::before {
    border-left-color: rgba(0, 0, 0, 0.12);
}
.mat-horizontal-stepper-header::before,
.mat-horizontal-stepper-header::after,
.mat-stepper-horizontal-line {
    border-top-color: rgba(0, 0, 0, 0.12);
}
.mat-horizontal-stepper-header {
    height: 72px;
}
.mat-stepper-label-position-bottom .mat-horizontal-stepper-header,
.mat-vertical-stepper-header {
    padding: 24px 24px;
}
.mat-stepper-vertical-line::before {
    top: -16px;
    bottom: -16px;
}
.mat-stepper-label-position-bottom .mat-horizontal-stepper-header::after,
.mat-stepper-label-position-bottom .mat-horizontal-stepper-header::before {
    top: 36px;
}
.mat-stepper-label-position-bottom .mat-stepper-horizontal-line {
    top: 36px;
}
.mat-sort-header-arrow {
    color: #757575;
}
.mat-tab-nav-bar,
.mat-tab-header {
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}
.mat-tab-group-inverted-header .mat-tab-nav-bar,
.mat-tab-group-inverted-header .mat-tab-header {
    border-top: 1px solid rgba(0, 0, 0, 0.12);
    border-bottom: none;
}
.mat-tab-label,
.mat-tab-link {
    color: rgba(0, 0, 0, 0.87);
}
.mat-tab-label.mat-tab-disabled,
.mat-tab-link.mat-tab-disabled {
    color: rgba(0, 0, 0, 0.38);
}
.mat-tab-header-pagination-chevron {
    border-color: rgba(0, 0, 0, 0.87);
}
.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
    border-color: rgba(0, 0, 0, 0.38);
}
.mat-tab-group[class*='mat-background-'] > .mat-tab-header,
.mat-tab-nav-bar[class*='mat-background-'] {
    border-bottom: none;
    border-top: none;
}
.mat-tab-group.mat-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
    background-color: rgba(209, 196, 233, 0.3);
}
.mat-tab-group.mat-primary .mat-ink-bar,
.mat-tab-nav-bar.mat-primary .mat-ink-bar {
    background-color: #673ab7;
}
.mat-tab-group.mat-primary.mat-background-primary > .mat-tab-header .mat-ink-bar,
.mat-tab-group.mat-primary.mat-background-primary > .mat-tab-link-container .mat-ink-bar,
.mat-tab-nav-bar.mat-primary.mat-background-primary > .mat-tab-header .mat-ink-bar,
.mat-tab-nav-bar.mat-primary.mat-background-primary > .mat-tab-link-container .mat-ink-bar {
    background-color: #fff;
}
.mat-tab-group.mat-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
    background-color: rgba(255, 229, 127, 0.3);
}
.mat-tab-group.mat-accent .mat-ink-bar,
.mat-tab-nav-bar.mat-accent .mat-ink-bar {
    background-color: #ffd740;
}
.mat-tab-group.mat-accent.mat-background-accent > .mat-tab-header .mat-ink-bar,
.mat-tab-group.mat-accent.mat-background-accent > .mat-tab-link-container .mat-ink-bar,
.mat-tab-nav-bar.mat-accent.mat-background-accent > .mat-tab-header .mat-ink-bar,
.mat-tab-nav-bar.mat-accent.mat-background-accent > .mat-tab-link-container .mat-ink-bar {
    background-color: rgba(0, 0, 0, 0.87);
}
.mat-tab-group.mat-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
    background-color: rgba(255, 205, 210, 0.3);
}
.mat-tab-group.mat-warn .mat-ink-bar,
.mat-tab-nav-bar.mat-warn .mat-ink-bar {
    background-color: #f44336;
}
.mat-tab-group.mat-warn.mat-background-warn > .mat-tab-header .mat-ink-bar,
.mat-tab-group.mat-warn.mat-background-warn > .mat-tab-link-container .mat-ink-bar,
.mat-tab-nav-bar.mat-warn.mat-background-warn > .mat-tab-header .mat-ink-bar,
.mat-tab-nav-bar.mat-warn.mat-background-warn > .mat-tab-link-container .mat-ink-bar {
    background-color: #fff;
}
.mat-tab-group.mat-background-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
    background-color: rgba(209, 196, 233, 0.3);
}
.mat-tab-group.mat-background-primary > .mat-tab-header,
.mat-tab-group.mat-background-primary > .mat-tab-link-container,
.mat-tab-group.mat-background-primary > .mat-tab-header-pagination,
.mat-tab-nav-bar.mat-background-primary > .mat-tab-header,
.mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container,
.mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination {
    background-color: #673ab7;
}
.mat-tab-group.mat-background-primary > .mat-tab-header .mat-tab-label,
.mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-tab-link,
.mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-tab-label,
.mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container .mat-tab-link {
    color: #fff;
}
.mat-tab-group.mat-background-primary > .mat-tab-header .mat-tab-label.mat-tab-disabled,
.mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-tab-link.mat-tab-disabled,
.mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-tab-label.mat-tab-disabled,
.mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container .mat-tab-link.mat-tab-disabled {
    color: rgba(255, 255, 255, 0.4);
}
.mat-tab-group.mat-background-primary > .mat-tab-header .mat-tab-header-pagination-chevron,
.mat-tab-group.mat-background-primary > .mat-tab-header-pagination .mat-tab-header-pagination-chevron,
.mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-focus-indicator::before,
.mat-tab-group.mat-background-primary > .mat-tab-header .mat-focus-indicator::before,
.mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container .mat-focus-indicator::before,
.mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-focus-indicator::before {
    border-color: #fff;
}
.mat-tab-group.mat-background-primary
    > .mat-tab-header
    .mat-tab-header-pagination-disabled
    .mat-tab-header-pagination-chevron,
.mat-tab-group.mat-background-primary
    > .mat-tab-header-pagination-disabled
    .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-primary
    > .mat-tab-header
    .mat-tab-header-pagination-disabled
    .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-primary
    > .mat-tab-header-pagination-disabled
    .mat-tab-header-pagination-chevron {
    border-color: #fff;
    opacity: 0.4;
}
.mat-tab-group.mat-background-primary > .mat-tab-header .mat-ripple-element,
.mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-ripple-element,
.mat-tab-group.mat-background-primary > .mat-tab-header-pagination .mat-ripple-element,
.mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-ripple-element,
.mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container .mat-ripple-element,
.mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination .mat-ripple-element {
    background-color: #fff;
    opacity: 0.12;
}
.mat-tab-group.mat-background-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
    background-color: rgba(255, 229, 127, 0.3);
}
.mat-tab-group.mat-background-accent > .mat-tab-header,
.mat-tab-group.mat-background-accent > .mat-tab-link-container,
.mat-tab-group.mat-background-accent > .mat-tab-header-pagination,
.mat-tab-nav-bar.mat-background-accent > .mat-tab-header,
.mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container,
.mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination {
    background-color: #ffd740;
}
.mat-tab-group.mat-background-accent > .mat-tab-header .mat-tab-label,
.mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-tab-link,
.mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-tab-label,
.mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-tab-link {
    color: rgba(0, 0, 0, 0.87);
}
.mat-tab-group.mat-background-accent > .mat-tab-header .mat-tab-label.mat-tab-disabled,
.mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-tab-link.mat-tab-disabled,
.mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-tab-label.mat-tab-disabled,
.mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-tab-link.mat-tab-disabled {
    color: rgba(0, 0, 0, 0.4);
}
.mat-tab-group.mat-background-accent > .mat-tab-header .mat-tab-header-pagination-chevron,
.mat-tab-group.mat-background-accent > .mat-tab-header-pagination .mat-tab-header-pagination-chevron,
.mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-focus-indicator::before,
.mat-tab-group.mat-background-accent > .mat-tab-header .mat-focus-indicator::before,
.mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-focus-indicator::before,
.mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-focus-indicator::before {
    border-color: rgba(0, 0, 0, 0.87);
}
.mat-tab-group.mat-background-accent
    > .mat-tab-header
    .mat-tab-header-pagination-disabled
    .mat-tab-header-pagination-chevron,
.mat-tab-group.mat-background-accent
    > .mat-tab-header-pagination-disabled
    .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-accent
    > .mat-tab-header
    .mat-tab-header-pagination-disabled
    .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-accent
    > .mat-tab-header-pagination-disabled
    .mat-tab-header-pagination-chevron {
    border-color: #000;
    opacity: 0.4;
}
.mat-tab-group.mat-background-accent > .mat-tab-header .mat-ripple-element,
.mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-ripple-element,
.mat-tab-group.mat-background-accent > .mat-tab-header-pagination .mat-ripple-element,
.mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-ripple-element,
.mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-ripple-element,
.mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination .mat-ripple-element {
    background-color: #000;
    opacity: 0.12;
}
.mat-tab-group.mat-background-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
    background-color: rgba(255, 205, 210, 0.3);
}
.mat-tab-group.mat-background-warn > .mat-tab-header,
.mat-tab-group.mat-background-warn > .mat-tab-link-container,
.mat-tab-group.mat-background-warn > .mat-tab-header-pagination,
.mat-tab-nav-bar.mat-background-warn > .mat-tab-header,
.mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container,
.mat-tab-nav-bar.mat-background-warn > .mat-tab-header-pagination {
    background-color: #f44336;
}
.mat-tab-group.mat-background-warn > .mat-tab-header .mat-tab-label,
.mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-tab-link,
.mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-tab-label,
.mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container .mat-tab-link {
    color: #fff;
}
.mat-tab-group.mat-background-warn > .mat-tab-header .mat-tab-label.mat-tab-disabled,
.mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-tab-link.mat-tab-disabled,
.mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-tab-label.mat-tab-disabled,
.mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container .mat-tab-link.mat-tab-disabled {
    color: rgba(255, 255, 255, 0.4);
}
.mat-tab-group.mat-background-warn > .mat-tab-header .mat-tab-header-pagination-chevron,
.mat-tab-group.mat-background-warn > .mat-tab-header-pagination .mat-tab-header-pagination-chevron,
.mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-focus-indicator::before,
.mat-tab-group.mat-background-warn > .mat-tab-header .mat-focus-indicator::before,
.mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-warn > .mat-tab-header-pagination .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container .mat-focus-indicator::before,
.mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-focus-indicator::before {
    border-color: #fff;
}
.mat-tab-group.mat-background-warn
    > .mat-tab-header
    .mat-tab-header-pagination-disabled
    .mat-tab-header-pagination-chevron,
.mat-tab-group.mat-background-warn
    > .mat-tab-header-pagination-disabled
    .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-warn
    > .mat-tab-header
    .mat-tab-header-pagination-disabled
    .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-warn
    > .mat-tab-header-pagination-disabled
    .mat-tab-header-pagination-chevron {
    border-color: #fff;
    opacity: 0.4;
}
.mat-tab-group.mat-background-warn > .mat-tab-header .mat-ripple-element,
.mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-ripple-element,
.mat-tab-group.mat-background-warn > .mat-tab-header-pagination .mat-ripple-element,
.mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-ripple-element,
.mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container .mat-ripple-element,
.mat-tab-nav-bar.mat-background-warn > .mat-tab-header-pagination .mat-ripple-element {
    background-color: #fff;
    opacity: 0.12;
}
.mat-toolbar {
    background: #f5f5f5;
    color: rgba(0, 0, 0, 0.87);
}
.mat-toolbar.mat-primary {
    background: #673ab7;
    color: #fff;
}
.mat-toolbar.mat-accent {
    background: #ffd740;
    color: rgba(0, 0, 0, 0.87);
}
.mat-toolbar.mat-warn {
    background: #f44336;
    color: #fff;
}
.mat-toolbar .mat-form-field-underline,
.mat-toolbar .mat-form-field-ripple,
.mat-toolbar .mat-focused .mat-form-field-ripple {
    background-color: currentColor;
}
.mat-toolbar .mat-form-field-label,
.mat-toolbar .mat-focused .mat-form-field-label,
.mat-toolbar .mat-select-value,
.mat-toolbar .mat-select-arrow,
.mat-toolbar .mat-form-field.mat-focused .mat-select-arrow {
    color: inherit;
}
.mat-toolbar .mat-input-element {
    caret-color: currentColor;
}
.mat-toolbar-multiple-rows {
    min-height: 64px;
}
.mat-toolbar-row,
.mat-toolbar-single-row {
    height: 64px;
}
@media (max-width: 599px) {
    .mat-toolbar-multiple-rows {
        min-height: 56px;
    }
    .mat-toolbar-row,
    .mat-toolbar-single-row {
        height: 56px;
    }
}
.mat-tooltip {
    background: rgba(97, 97, 97, 0.9);
}
.mat-tree {
    background: #fff;
}
.mat-tree-node,
.mat-nested-tree-node {
    color: rgba(0, 0, 0, 0.87);
}
.mat-tree-node {
    min-height: 48px;
}
.mat-snack-bar-container {
    color: rgba(255, 255, 255, 0.7);
    background: #323232;
    box-shadow:
        0px 3px 5px -1px rgba(0, 0, 0, 0.2),
        0px 6px 10px 0px rgba(0, 0, 0, 0.14),
        0px 1px 18px 0px rgba(0, 0, 0, 0.12);
}
.mat-simple-snackbar-action {
    color: #ffd740;
}

/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@7.1.2_webpack@5.94.0_esbuild@0.23.0_/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/.pnpm/postcss-loader@8.1.1_postcss@8.4.41_typescript@5.5.4_webpack@5.94.0_esbuild@0.23.0_/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/.pnpm/resolve-url-loader@5.0.0/node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/.pnpm/sass-loader@16.0.0_sass@1.77.6_webpack@5.94.0_esbuild@0.23.0_/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./src/export.scss?ngGlobalStyle (1) ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* All styles required for UI to work in an app */
/* normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
/* Document
========================================================================== */
/**
    * 1. Set line-height to always equal 33% of font size.
    * 2. Set 1rem = 10px.
    * 3. Prevent adjustments of font size after orientation changes in iOS.
    */
html {
  line-height: 1.33;
  /* 1 */
  font-size: 62.5%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 3 */
}

/* Sections
========================================================================== */
/**
    * Remove the margin in all browsers.
    */
body {
  margin: 0;
}

/* Grouping content
========================================================================== */
/**
    * 1. Add the correct box sizing in Firefox.
    * 2. Show the overflow in Edge and IE.
    */
hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
}

/* Text-level semantics
========================================================================== */
/**
    * Remove the gray background on active links in IE 10.
    */
a {
  background-color: transparent;
}

/**
    * 1. Remove the bottom border in Chrome 57-
    * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
    */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
  /* 2 */
}

/**
    * Add the correct font weight in Chrome, Edge, and Safari.
    */
b,
strong {
  font-weight: bolder;
}

/**
    * 1. Correct the inheritance and scaling of font size in all browsers.
    * 2. Correct the odd `em` font sizing in all browsers.
    */
code,
kbd,
samp {
  font-family: monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/**
    * Add the correct font size in all browsers.
    */
small {
  font-size: 80%;
}

/**
    * Prevent `sub` and `sup` elements from affecting the line height in
    * all browsers.
    */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

/* Embedded content
========================================================================== */
/**
    * Remove the border on images inside links in IE 10.
    */
img {
  border-style: none;
}

/* Forms
========================================================================== */
/**
    * 1. Change the font styles in all browsers.
    * 2. Remove the margin in Firefox and Safari.
    */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
}

/**
    * Show the overflow in IE.
    * 1. Show the overflow in Edge.
    */
button,
input {
  /* 1 */
  overflow: visible;
}

/**
    * Remove the inheritance of text transform in Edge, Firefox, and IE.
    * 1. Remove the inheritance of text transform in Firefox.
    */
button,
select {
  /* 1 */
  text-transform: none;
}

/**
    * Correct the inability to style clickable types in iOS and Safari.
    */
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

/**
    * Remove the inner border and padding in Firefox.
    */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
    * Restore the focus styles unset by the previous rule.
    */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
    * 1. Correct the text wrapping in Edge and IE.
    * 2. Correct the color inheritance from `fieldset` elements in IE.
    * 3. Remove the padding so developers are not caught out when they zero out
    *    `fieldset` elements in all browsers.
    */
legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */
}

/**
    * Remove the default vertical scrollbar in IE 10+.
    */
textarea {
  overflow: auto;
}

/**
    * 1. Add the correct box sizing in IE 10.
    * 2. Remove the padding in IE 10.
    */
[type=checkbox],
[type=radio] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
    * Correct the cursor style of increment and decrement buttons in Chrome.
    */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
    * 1. Correct the odd appearance in Chrome and Safari.
    * 2. Correct the outline style in Safari.
    */
[type=search] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}

/**
    * Remove the inner padding in Chrome and Safari on macOS.
    */
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
    * 1. Correct the inability to style clickable types in iOS and Safari.
    * 2. Change font properties to `inherit` in Safari.
    */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}

/* Interactive
========================================================================== */
/*
    * Add the correct display in Edge, IE 10+, and Firefox.
    */
details {
  display: block;
}

/*
    * Add the correct display in all browsers.
    */
summary {
  display: list-item;
}

/* Misc
========================================================================== */
/**
    * Add the correct display in IE 10+.
    */
template {
  display: none;
}

/**
    * Add the correct display in IE 10.
    */
[hidden] {
  display: none;
}

html {
  --ease-in-cubic: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  --ease-out-cubic: cubic-bezier(0.215, 0.61, 0.355, 1);
  --ease-in-out-cubic: cubic-bezier(0.645, 0.045, 0.355, 1);
  --ease-in-circ: cubic-bezier(0.6, 0.04, 0.98, 0.335);
  --ease-out-circ: cubic-bezier(0.075, 0.82, 0.165, 1);
  --ease-in-out-circ: cubic-bezier(0.785, 0.135, 0.15, 0.86);
  --ease-in-expo: cubic-bezier(0.95, 0.05, 0.795, 0.035);
  --ease-out-expo: cubic-bezier(0.19, 1, 0.22, 1);
  --ease-in-out-expo: cubic-bezier(1, 0, 0, 1);
  --ease-in-quad: cubic-bezier(0.55, 0.085, 0.68, 0.53);
  --ease-out-quad: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  --ease-in-out-quad: cubic-bezier(0.455, 0.03, 0.515, 0.955);
  --ease-in-quart: cubic-bezier(0.895, 0.03, 0.685, 0.22);
  --ease-out-quart: cubic-bezier(0.165, 0.84, 0.44, 1);
  --ease-in-out-quart: cubic-bezier(0.77, 0, 0.175, 1);
  --ease-in-quint: cubic-bezier(0.755, 0.05, 0.855, 0.06);
  --ease-out-quint: cubic-bezier(0.23, 1, 0.32, 1);
  --ease-in-out-quint: cubic-bezier(0.86, 0, 0.07, 1);
  --ease-in-sine: cubic-bezier(0.47, 0, 0.745, 0.715);
  --ease-out-sine: cubic-bezier(0.39, 0.575, 0.565, 1);
  --ease-in-out-sine: cubic-bezier(0.445, 0.05, 0.55, 0.95);
  --ease-in-back: cubic-bezier(0.6, -0.28, 0.735, 0.045);
  --ease-out-back: cubic-bezier(0.175, 0.885, 0.32, 1.275);
  --ease-in-out-back: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

@keyframes ui-animation-fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes ui-animation-fade-out {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes ui-animation-fade-right-in {
  0% {
    opacity: 0;
    transform: translateX(-15px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes ui-animation-fade-right-out {
  0% {
    opacity: 1;
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    transform: translateX(-15px);
  }
}
@keyframes ui-animation-zoom-back-in {
  0% {
    opacity: 0;
    transform: scale(0.5);
  }
  50% {
    opacity: 1;
    transform: scale(1.1);
  }
  80% {
    opacity: 1;
    transform: scale(0.95);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}
@keyframes ui-animation-zoom-back-out {
  0% {
    opacity: 1;
    transform: none;
  }
  20% {
    opacity: 1;
    transform: scale(0.95);
  }
  50% {
    opacity: 1;
    transform: scale(1.1);
  }
  100% {
    opacity: 0;
    transform: scale(0.5);
  }
}
@keyframes ui-animation--in {
  from, 80%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1) !important;
  }
  from {
    opacity: 0;
    transform: translate3d(0, 100px, 0);
  }
  35% {
    transform: translate3d(0, -10px, 0);
  }
  80% {
    transform: translate3d(0, 5px, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
@keyframes ui-animation--out {
  0% {
    opacity: 1;
    transform: none;
  }
  20% {
    opacity: 1;
    transform: scale(0.95);
  }
  50% {
    opacity: 1;
    transform: scale(1.1);
  }
  100% {
    opacity: 0;
    transform: scale(0.5);
  }
}
@keyframes ui-animation-slide-bottom-in {
  0% {
    transform: translateY(1000px);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes ui-animation-slide-bottom-out {
  0% {
    transform: translateY(0);
    opacity: 1;
  }
  100% {
    transform: translateY(1000px);
    opacity: 0;
  }
}
@keyframes ui-animation-slide-top-in {
  0% {
    transform: translateY(-1000px);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes ui-animation-slide-top-out {
  0% {
    transform: translateY(0);
    opacity: 1;
  }
  100% {
    transform: translateY(-1000px);
    opacity: 0;
  }
}
/**
 * Add an animation to a CSS-block
 * @param name
 **/
[ui-theme],
:root {
  --default-color-black-off: #343434;
  --default-color-black-off-semi: #1f1f1f;
  --default-color-black-off-dark: #111111;
  --default-color-black: #000000;
  --default-color-blue-dark: #1558a8;
  --default-color-blue-light: #edf5ff;
  --default-color-blue-superlight: #f3f9ff;
  --default-color-blue: #1b75dd;
  --default-color-blue-semilight: #03aaff;
  --default-color-gold-light: #fffdf4;
  --default-color-gold: #de9516;
  --default-color-green: #2cbc45;
  --default-color-grey: #d6d6d6;
  --default-color-grey-dark: #9b9b9b;
  --default-color-grey-semidark: #b5b5b5;
  --default-color-grey-semilight: #efefef;
  --default-color-grey-light: #fbfbfb;
  --default-color-orange: #f5a623;
  --default-color-red-light: #fbe6e6;
  --default-color-red: #c34747;
  --default-color-white-off: #f7f7f7;
  --default-color-white-off-light: #fbfbfb;
  --default-color-white: #ffffff;
  --default-color-yellow: #ebb70e;
  --ui-static-color-white: #ffffff;
  --ui-static-color-black: #000000;
  --ui-static-color-black-off-semi: #1f1f1f;
  --ui-static-color-grey-6: #0f0f0f;
  --ui-static-color-grey-12: #1f1f1f;
  --ui-static-color-grey-21: #363636;
  --ui-static-color-grey-31: #4f4f4f;
  --ui-static-color-grey-61: #9b9b9b;
  --ui-static-color-grey-71: #b5b5b5;
  --ui-static-color-grey-84: #d6d6d6;
  --ui-static-color-grey-86: #dbdbdb;
  --ui-static-color-grey-89: #e2e2e2;
  --ui-static-color-grey-92: #ebebeb;
  --ui-static-color-grey-93: #eeeeee;
  --ui-static-color-grey-94: #f0f0f0;
  --ui-static-color-grey-95: #f3f3f3;
  --ui-static-color-grey-96: #f5f5f5;
  --ui-static-color-grey-97: #f8f8f8;
  --ui-static-color-grey-98: #fbfbfb;
  --ui-static-color-grey-99: #fcfcfc;
  --ui-static-color-sky: #93c1e7;
  --ui-static-color-blue: #1b75dd;
  --ui-static-color-midnight: #1558a8;
  --ui-static-color-arctic: #03aaff;
  --ui-static-color-blue-mist: #edf5ff;
  --ui-static-color-rain: #9abcc7;
  --ui-static-color-aqua: #7ec2b9;
  --ui-static-color-salmon: #e2a3a4;
  --ui-static-color-deep-red: #c34746;
  --ui-static-color-coral: #dc5b5b;
  --ui-static-color-peach: #ff9191;
  --ui-static-color-golden: #d08f22;
  --ui-static-color-yellow: #ebb70e;
  --ui-static-color-olive: #5f8153;
  --ui-static-color-grass: #98ca96;
  --ui-static-color-purple: #817baf;
  --ui-static-color-lavender: #d5c8da;
  --ui-static-color-sand: #fffcf3;
  --ui-static-color-marshmallow: #fff2f2;
  --ui-static-color-almond: #c29e88;
  --ui-static-color-caramel: #e4b9a0;
  --ui-static-color-waterfall: #dbebff;
}

[ui-theme],
:root {
  --default-color-black-off: #343434;
  --default-color-black-off-semi: #1f1f1f;
  --default-color-black-off-dark: #111111;
  --default-color-black: #000000;
  --default-color-blue-dark: #1558a8;
  --default-color-blue-light: #edf5ff;
  --default-color-blue-superlight: #f3f9ff;
  --default-color-blue: #1b75dd;
  --default-color-blue-semilight: #03aaff;
  --default-color-gold-light: #fffdf4;
  --default-color-gold: #de9516;
  --default-color-green: #2cbc45;
  --default-color-grey: #d6d6d6;
  --default-color-grey-dark: #9b9b9b;
  --default-color-grey-semidark: #b5b5b5;
  --default-color-grey-semilight: #efefef;
  --default-color-grey-light: #fbfbfb;
  --default-color-orange: #f5a623;
  --default-color-red-light: #fbe6e6;
  --default-color-red: #c34747;
  --default-color-white-off: #f7f7f7;
  --default-color-white-off-light: #fbfbfb;
  --default-color-white: #ffffff;
  --default-color-yellow: #ebb70e;
  --ui-static-color-white: #ffffff;
  --ui-static-color-black: #000000;
  --ui-static-color-black-off-semi: #1f1f1f;
  --ui-static-color-grey-6: #0f0f0f;
  --ui-static-color-grey-12: #1f1f1f;
  --ui-static-color-grey-21: #363636;
  --ui-static-color-grey-31: #4f4f4f;
  --ui-static-color-grey-61: #9b9b9b;
  --ui-static-color-grey-71: #b5b5b5;
  --ui-static-color-grey-84: #d6d6d6;
  --ui-static-color-grey-86: #dbdbdb;
  --ui-static-color-grey-89: #e2e2e2;
  --ui-static-color-grey-92: #ebebeb;
  --ui-static-color-grey-93: #eeeeee;
  --ui-static-color-grey-94: #f0f0f0;
  --ui-static-color-grey-95: #f3f3f3;
  --ui-static-color-grey-96: #f5f5f5;
  --ui-static-color-grey-97: #f8f8f8;
  --ui-static-color-grey-98: #fbfbfb;
  --ui-static-color-grey-99: #fcfcfc;
  --ui-static-color-sky: #93c1e7;
  --ui-static-color-blue: #1b75dd;
  --ui-static-color-midnight: #1558a8;
  --ui-static-color-arctic: #03aaff;
  --ui-static-color-blue-mist: #edf5ff;
  --ui-static-color-rain: #9abcc7;
  --ui-static-color-aqua: #7ec2b9;
  --ui-static-color-salmon: #e2a3a4;
  --ui-static-color-deep-red: #c34746;
  --ui-static-color-coral: #dc5b5b;
  --ui-static-color-peach: #ff9191;
  --ui-static-color-golden: #d08f22;
  --ui-static-color-yellow: #ebb70e;
  --ui-static-color-olive: #5f8153;
  --ui-static-color-grass: #98ca96;
  --ui-static-color-purple: #817baf;
  --ui-static-color-lavender: #d5c8da;
  --ui-static-color-sand: #fffcf3;
  --ui-static-color-marshmallow: #fff2f2;
  --ui-static-color-almond: #c29e88;
  --ui-static-color-caramel: #e4b9a0;
  --ui-static-color-waterfall: #dbebff;
}

[ui-theme],
body [ui-theme=default],
:root {
  --default-background-color: var(--default-color-white-off);
  --default-surface-color: var(--default-color-white);
  --default-secondary-surface-color: var(--default-color-grey-light);
  --default-text-color: var(--default-color-black-off);
  --default-border-color: var(--default-color-grey);
  --default-light-border-color: var(--default-color-grey-semilight);
  --default-primary-color: var(--default-color-blue);
  --default-success-color: var(--default-color-blue);
  --default-alert-color: var(--default-color-red);
  --default-warning-color: var(--default-color-gold);
  --default-active-color: var(--default-color-blue);
  --default-focus-color: var(--default-color-blue);
  --default-selection-color: var(--default-color-blue-semilight);
  --default-primary-text-color: var(--default-color-white);
  --default-secondary-text-color: var(--default-color-grey-dark);
  --default-backdrop-color: var(--default-color-white-off);
  --default-backdrop-opacity: 0.9;
  --default-disabled-opacity: 0.4;
  --ui-color-primary: var(--ui-static-color-blue);
  --ui-color-primary-second: var(--ui-static-color-midnight);
  --ui-color-background: var(--ui-static-color-grey-96);
  --ui-color-background-second: var(--ui-static-color-white);
  --ui-color-surface: var(--ui-static-color-white);
  --ui-color-surface-second: var(--ui-static-color-grey-98);
  --ui-color-surface-hovered: var(--ui-static-color-grey-93);
  --ui-color-surface-backdrop: var(--ui-static-color-grey-97);
  --ui-color-surface-selected: var(--ui-static-color-grey-92);
  --ui-color-surface-highlight: var(--ui-static-color-blue-mist);
  --ui-color-surface-warning: var(--ui-static-color-sand);
  --ui-color-surface-alert: var(--ui-static-color-marshmallow);
  --ui-color-surface-row-selected: var(--ui-static-color-waterfall);
  --ui-color-surface-table: var(--ui-static-color-grey-96);
  --ui-color-surface-dropzone: #c1ddff;
  --ui-color-border: var(--ui-static-color-grey-84);
  --ui-color-border-second: var(--ui-static-color-grey-93);
  --ui-color-border-highlight: var(--ui-static-color-arctic);
  --ui-color-border-hover: var(--ui-static-color-grey-71);
  --ui-color-text: var(--ui-static-color-grey-21);
  --ui-color-text-second: var(--ui-static-color-grey-71);
  --ui-color-text-third: var(--ui-static-color-grey-86);
  --ui-color-text-discrete: var(--ui-static-color-grey-61);
  --ui-color-text-disabled: var(--ui-static-color-grey-71);
  --ui-color-text-inverted: var(--ui-static-color-white);
  --ui-color-text-status-green: var(--ui-static-color-grass);
  --ui-color-text-status-orange: var(--ui-static-color-golden);
  --ui-color-first: var(--ui-static-color-grey-21);
  --ui-color-first-inverted: var(--ui-static-color-white);
  --ui-color-second: var(--ui-static-color-grey-71);
  --ui-color-third: var(--ui-static-color-grey-86);
  --ui-color-white: var(--ui-static-color-white);
  --ui-color-black: var(--ui-static-color-black);
  --ui-color-grey-21: var(--ui-static-color-grey-21);
  --ui-color-grey-61: var(--ui-static-color-grey-61);
  --ui-color-grey-71: var(--ui-static-color-grey-71);
  --ui-color-grey-84: var(--ui-static-color-grey-84);
  --ui-color-grey-86: var(--ui-static-color-grey-86);
  --ui-color-grey-89: var(--ui-static-color-grey-89);
  --ui-color-grey-92: var(--ui-static-color-grey-92);
  --ui-color-grey-93: var(--ui-static-color-grey-93);
  --ui-color-grey-94: var(--ui-static-color-grey-94);
  --ui-color-grey-95: var(--ui-static-color-grey-95);
  --ui-color-grey-96: var(--ui-static-color-grey-96);
  --ui-color-grey-97: var(--ui-static-color-grey-97);
  --ui-color-grey-98: var(--ui-static-color-grey-98);
  --ui-color-grey-99: var(--ui-static-color-grey-99);
  --ui-color-success: var(--ui-color-primary);
  --ui-color-alert: var(--ui-static-color-deep-red);
  --ui-color-warning: var(--ui-static-color-golden);
  --ui-color-active: var(--ui-color-primary);
  --ui-color-hover: var(--ui-static-color-grey-21);
  --ui-color-disabled: var(--ui-static-color-grey-98);
  --ui-color-disabled-second: var(--ui-static-color-grey-92);
  --ui-color-focus: var(--ui-color-primary);
  --ui-color-selection: var(--ui-static-color-arctic);
  --ui-color-selected-background: var(--ui-static-color-blue-mist);
  --ui-color-selected-border: var(--ui-static-color-sky);
  --ui-disabled-opacity: 0.4;
  --ui-color-additional-yellow: var(--ui-static-color-yellow);
  --ui-color-additional-olive: var(--ui-static-color-olive);
  --ui-color-additional-sky: var(--ui-static-color-sky);
  --ui-color-additional-rain: var(--ui-static-color-rain);
  --ui-color-additional-aqua: var(--ui-static-color-aqua);
  --ui-color-additional-salmon: var(--ui-static-color-salmon);
  --ui-color-additional-purple: var(--ui-static-color-purple);
  --ui-color-additional-lavender: var(--ui-static-color-lavender);
  --ui-color-additional-sand: var(--ui-static-color-sand);
  --ui-color-additional-marshmallow: var(--ui-static-color-marshmallow);
  --ui-color-additional-peach: var(--ui-static-color-peach);
  --ui-color-additional-coral: var(--ui-static-color-coral);
  --ui-color-additional-caramel: var(--ui-static-color-caramel);
  --ui-color-additional-almond: var(--ui-static-color-almond);
}
[ui-theme] .ui-header,
body [ui-theme=default] .ui-header,
:root .ui-header {
  --background-color: var(--ui-color-surface);
  --text-color: var(--ui-color-text);
}
[ui-theme] .ui-panel,
body [ui-theme=default] .ui-panel,
:root .ui-panel {
  --background-color: var(--ui-color-surface);
  --border-color: var(--ui-color-border);
  --header-background-color: var(--ui-color-surface-second);
}
[ui-theme] .loader,
body [ui-theme=default] .loader,
:root .loader {
  --color: var(--ui-color-text);
  --opacity: 0.5;
}
[ui-theme] .ui-button,
body [ui-theme=default] .ui-button,
:root .ui-button {
  --background-color: var(--ui-color-white);
  --text-color: var(--ui-color-primary);
  --border-color: var(--ui-color-border);
  --border-color-hover: var(--ui-color-grey-71);
  --active-background-color: #fcfcfc;
  --active-text-color: #5f9ee7;
}
[ui-theme] .ui-button .ui-loader,
body [ui-theme=default] .ui-button .ui-loader,
:root .ui-button .ui-loader {
  --background-color: var(--background-color);
  --circle-color: var(--text-color);
}
[ui-theme] .ui-button.primary,
body [ui-theme=default] .ui-button.primary,
:root .ui-button.primary {
  --background-color: var(--ui-color-primary);
  --text-color: var(--ui-color-white);
  --border-color-hover: var(--ui-color-white);
  --active-background-color: var(--ui-color-primary-second);
  --active-text-color: #bbd6f5;
}
[ui-theme] .ui-button.primary:hover,
body [ui-theme=default] .ui-button.primary:hover,
:root .ui-button.primary:hover {
  background-color: #104582;
}
[ui-theme] .ui-button.primary.disabled,
body [ui-theme=default] .ui-button.primary.disabled,
:root .ui-button.primary.disabled {
  --text-color: var(--ui-color-text-disabled);
  --background-color: var(--ui-color-disabled-second);
  --border-color: var(--ui-color-disabled-second);
}
[ui-theme] .ui-button.primary:active,
body [ui-theme=default] .ui-button.primary:active,
:root .ui-button.primary:active {
  transform: scale(0.98);
}
[ui-theme] .ui-button.discrete,
body [ui-theme=default] .ui-button.discrete,
:root .ui-button.discrete {
  --text-color: var(--ui-color-grey-61);
  --active-text-color: #828282;
}
[ui-theme] .ui-button.disabled,
body [ui-theme=default] .ui-button.disabled,
:root .ui-button.disabled {
  --text-color: var(--ui-color-text-disabled);
  --background-color: var(--ui-color-disabled-second);
  --border-color: var(--ui-color-disabled-second);
}
[ui-theme] .ui-dialog-backdrop,
body [ui-theme=default] .ui-dialog-backdrop,
:root .ui-dialog-backdrop {
  --background-color: rgba(0, 0, 0, 0.32);
}
[ui-theme] .ui-drop-zone,
body [ui-theme=default] .ui-drop-zone,
:root .ui-drop-zone {
  --border-color: var(--ui-color-primary);
  --border-opacity: 0.5;
}
[ui-theme] .ui-dropdown,
body [ui-theme=default] .ui-dropdown,
:root .ui-dropdown {
  --divider-color: var(--ui-color-surface-second);
}
[ui-theme] .ui-dropdown .ui-dropdown-item:hover .icon,
body [ui-theme=default] .ui-dropdown .ui-dropdown-item:hover .icon,
:root .ui-dropdown .ui-dropdown-item:hover .icon {
  --color: var(--ui-static-color-grey-21);
}
[ui-theme] .ui-dropdown .ui-dropdown-item .icon,
body [ui-theme=default] .ui-dropdown .ui-dropdown-item .icon,
:root .ui-dropdown .ui-dropdown-item .icon {
  --color: var(--ui-static-color-grey-84);
}
[ui-theme] .ui-loader,
body [ui-theme=default] .ui-loader,
:root .ui-loader {
  --background-color: var(--ui-color-background);
  --circle-color: var(--ui-color-primary);
}
[ui-theme] .ui-list,
body [ui-theme=default] .ui-list,
:root .ui-list {
  --icon-color: --ui-color-grey-71;
  --folder-opacity: 0.4;
  --background: var(--ui-color-surface);
  --background-alt: var(--ui-color-surface-second);
}
[ui-theme] .ui-list:not(.checkboxes) .selected,
body [ui-theme=default] .ui-list:not(.checkboxes) .selected,
:root .ui-list:not(.checkboxes) .selected {
  --background: var(--ui-static-color-blue-mist);
  --background-alt: #e3efff;
}
[ui-theme] .ui-popover,
body [ui-theme=default] .ui-popover,
:root .ui-popover {
  --background-color: var(--ui-color-surface);
}

body {
  background-color: var(--ui-static-color-grey-96);
  color: var(--ui-static-color-grey-21);
}

/**
 * Add an animation to a CSS-block
 * @param name
 **/
[ui-theme],
body [ui-theme=default],
:root {
  --default-height: 4rem;
  --default-height-large: 5rem;
  --default-box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.05);
  --default-border-radius: 2px;
  --default-padding: 40px;
  --default-padding-small: 20px;
  --default-padding-input: 0.9rem 0.7rem;
  --default-margin: 20px;
  --default-margin-small: 10px;
  --default-margin-large: 30px;
  --default-view-header-height: 5rem;
  --default-view-body-max-width: 1250px;
  --default-view-body-padding-sides: 25px;
  --default-view-body-padding-top: 60px;
  --default-view-body-padding-bottom: 25px;
  --ui-height: 4rem;
  --ui-height-large: 5rem;
  --ui-box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.05);
  --ui-border-radius: 2px;
  --ui-padding: 40px;
  --ui-padding-small: 20px;
  --ui-padding-input: 0.9rem 0.7rem;
  --ui-margin: 20px;
  --ui-margin-small: 10px;
  --ui-margin-large: 30px;
  --ui-view-header-height: 5rem;
  --ui-view-body-max-width: 1250px;
  --ui-view-body-padding-sides: 25px;
  --ui-view-body-padding-top: 60px;
  --ui-view-body-padding-bottom: 25px;
}
[ui-theme] .panel,
body [ui-theme=default] .panel,
:root .panel {
  --min-width: 100%;
  --header-height: var(--ui-height-large);
}
[ui-theme] .header,
body [ui-theme=default] .header,
:root .header {
  --height: var(--ui-main-header-height);
}
[ui-theme] .ui-button,
body [ui-theme=default] .ui-button,
:root .ui-button {
  --height: var(--ui-height);
  --padding: 0 2.8rem;
  --min-width: 50px;
}
[ui-theme] .ui-button .ui-loader,
body [ui-theme=default] .ui-button .ui-loader,
:root .ui-button .ui-loader {
  --border-radius: var(--ui-border-radius);
}
[ui-theme] .icon-button,
body [ui-theme=default] .icon-button,
:root .icon-button {
  --padding: 0 1.6rem;
}
[ui-theme] .input,
body [ui-theme=default] .input,
:root .input {
  --height: var(--ui-height);
  --padding: var(--ui-padding-input);
}
[ui-theme] .input .label,
body [ui-theme=default] .input .label,
:root .input .label {
  --margin-bottom: 17px;
}
[ui-theme] .input .input-icon,
body [ui-theme=default] .input .input-icon,
:root .input .input-icon {
  --margin-top: -2.7rem;
}
[ui-theme] .checkbox,
body [ui-theme=default] .checkbox,
:root .checkbox {
  --height: 1.6rem;
}
[ui-theme] .checkbox .ui-button,
body [ui-theme=default] .checkbox .ui-button,
:root .checkbox .ui-button {
  --height: 1.6rem !important;
}
[ui-theme] .selectable,
body [ui-theme=default] .selectable,
:root .selectable {
  --height: var(--ui-height);
}
[ui-theme] .ui-select,
[ui-theme] .ui-option,
body [ui-theme=default] .ui-select,
body [ui-theme=default] .ui-option,
:root .ui-select,
:root .ui-option {
  --height: var(--ui-height);
}
[ui-theme] .ui-option,
body [ui-theme=default] .ui-option,
:root .ui-option {
  --checkbox-container-margin: 30px;
  --checkbox-margin: -30px;
}
[ui-theme] .ui-dropdown,
body [ui-theme=default] .ui-dropdown,
:root .ui-dropdown {
  --item-height: 2.8rem;
  --item-padding-left: 24px;
  --item-hover-color: var(--ui-color-background);
  --item-hover-size: 86%;
  --item-border-bottom-color: var(--ui-color-border-second);
  --input-item-height: 3.7rem;
  --menu-border-radius: 2px;
  --menu-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.3);
  --menu-border-color: var(--ui-color-border);
}
[ui-theme] .ui-list,
body [ui-theme=default] .ui-list,
:root .ui-list {
  --row-height: 5rem;
  --header-height: 3rem;
  --cell-padding: 10px;
  --row-padding: 0px;
  --folder-opacity: 0.4;
  --toggle-icon-size: 14px;
  --toggle-icon-width: 20px;
}
[ui-theme] .ui-toggle-switch,
body [ui-theme=default] .ui-toggle-switch,
:root .ui-toggle-switch {
  --height: 2rem;
  --width: 4rem;
  --switcher-width: 1.6rem;
  --switcher-height: 1.6rem;
  --toggle-border-size: 2px;
}
[ui-theme] .ui-loader,
body [ui-theme=default] .ui-loader,
:root .ui-loader {
  --border-radius: 0;
}
[ui-theme] .ui-tooltip,
body [ui-theme=default] .ui-tooltip,
:root .ui-tooltip {
  --padding: 10px;
}
[ui-theme] .ui-flag,
body [ui-theme=default] .ui-flag,
:root .ui-flag {
  --size: 2rem;
}
[ui-theme] .ui-flag.small,
body [ui-theme=default] .ui-flag.small,
:root .ui-flag.small {
  --size: 1.6rem;
}
[ui-theme] .ui-flag.tiny,
body [ui-theme=default] .ui-flag.tiny,
:root .ui-flag.tiny {
  --size: 1.2rem;
}
[ui-theme] .ui-notification,
body [ui-theme=default] .ui-notification,
:root .ui-notification {
  --padding: 1.2rem;
  --width: 30rem;
}
[ui-theme] ui-accordion-item .header,
body [ui-theme=default] ui-accordion-item .header,
:root ui-accordion-item .header {
  --padding: 1.5rem 1.5rem;
}

* {
  box-sizing: border-box;
}

body .ui-scrollbar::-webkit-scrollbar {
  height: 12px;
  width: 5px;
  margin-right: 5px;
  background: transparent;
}
body .ui-scrollbar::-webkit-scrollbar:horizontal {
  height: 5px;
  width: 12px;
}
body .ui-scrollbar::-webkit-scrollbar-thumb {
  background: var(--default-color-grey);
  -webkit-border-radius: 1ex;
}
body .ui-scrollbar::-webkit-scrollbar-corner {
  background: transparent;
}
@-moz-document url-prefix() {
  body .ui-scrollbar {
    scrollbar-width: thin;
  }
}

[ui-theme],
body [ui-theme=default],
:root {
  --default-font-size: 1.2rem;
  --default-font-weight: 400;
  --default-line-height: 1.33;
  --default-font-family: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto",
      "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
  --default-header-font-family: var(--default-font-family);
  --default-font-weight-normal: var(--default-font-weight);
  --default-font-weight-light: 200;
  --default-font-weight-bold: 600;
  --ui-font-size: 1.2rem;
  --ui-font-weight: 400;
  --ui-line-height: 1.33;
  --ui-font-family: "Open Sans", sans-serif;
  --ui-header-font-family: var(--ui-font-family);
  --ui-font-weight-normal: var(--ui-font-weight);
  --ui-font-weight-light: 200;
  --ui-font-weight-semibold: 600;
  --ui-font-weight-bold: 700;
}
[ui-theme] .panel,
body [ui-theme=default] .panel,
:root .panel {
  --font-weight: 500;
}
[ui-theme] .ui-button,
body [ui-theme=default] .ui-button,
:root .ui-button {
  --font-size: 1.1rem;
  --font-weight: var(--ui-font-weight-bold);
  --icon-font-size: 1.4rem;
}
[ui-theme] .input,
body [ui-theme=default] .input,
:root .input {
  --font-size: var(--ui-font-size);
  --line-height: var(--ui-line-height);
  --font-weight: var(--ui-font-weight-bold);
}
[ui-theme] .icon,
body [ui-theme=default] .icon,
:root .icon {
  --font-size: inherit;
}
[ui-theme] .ui-list,
body [ui-theme=default] .ui-list,
:root .ui-list {
  --icon-font-size: 1.4rem;
}
[ui-theme] .ui-dropdown .icon,
body [ui-theme=default] .ui-dropdown .icon,
:root .ui-dropdown .icon {
  --font-size: 1.4rem;
  --color: var(--ui-color-grey);
}

body {
  font-size: var(--ui-font-size);
  line-height: var(--ui-line-height);
  font-family: var(--ui-font-family);
}
body h1,
body h2,
body h3,
body h4,
body h5,
body h6 {
  font-family: var(--ui-font-family);
}
body a {
  color: var(--ui-color-primary);
  transition: 0.2s color ease;
}
body a:hover {
  color: var(--ui-color-text);
}
body a:focus {
  outline: none;
}
body .label {
  font-size: 1.4rem;
  font-weight: var(--ui-font-weight-bold);
}
body .menu-group {
  font-weight: 500;
}

[ui-theme],
body [ui-theme=default],
:root {
  --default-shadow: 0 5px 20px rgba(0, 0, 0, 0.15);
  --default-shadow-small: 0 3px 10px rgba(0, 0, 0, 0.15);
  --default-border: 1px solid var(--default-border-color);
  --default-border-focus: 1px solid var(--focused-border-color);
  --ui-shadow: 0 5px 20px rgba(0, 0, 0, 0.15);
  --ui-shadow-small: 0 3px 10px rgba(0, 0, 0, 0.15);
  --ui-border: 1px solid var(--ui-color-border);
  --ui-border-focus: 1px solid var(--ui-color-focus);
  --logo-color: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMzMwLjY4IDY3LjM1Ij48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6dXJsKCNsaW5lYXItZ3JhZGllbnQpO30uY2xzLTJ7ZmlsbDojMWQxZDFiO308L3N0eWxlPjxsaW5lYXJHcmFkaWVudCBpZD0ibGluZWFyLWdyYWRpZW50IiB4MT0iMzEuMTYiIHgyPSIzMS4xNiIgeTI9IjY3LjM1IiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+PHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSIjMDFhMWZlIi8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjMDA1OGZmIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHRpdGxlPkJsdWUgYmxhY2tBc3NldCA5PC90aXRsZT48ZyBpZD0iTGF5ZXJfMiIgZGF0YS1uYW1lPSJMYXllciAyIj48ZyBpZD0iTGF5ZXJfMS0yIiBkYXRhLW5hbWU9IkxheWVyIDEiPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTIzLjQ4LDM2Ljc2QzI2LjM5LDI4Ljg5LDI0Ljg4LDE3LDUuODIsMGMtLjQ0LDE1LS42LDI2LjIuODksMzMuMzdBMTA0LjYsMTA0LjYsMCwwLDAsMCw0NS4yMmM3LjYxLDMuNTYsMTYuODYsNy42OCwyMS41OS0yLjUyLTIuMTksNi43NC0uMywxNC4xNCwxMiwyNC42NSwyLjA1LTQuMjIsNi4wNi0xMy4zNyw2LjYxLTIwLjZBMTg5LjUxLDE4OS41MSwwLDAsMCw2Mi4zMywzMC4yOUM0Ni4xNCwyNC44OSwzMCwyMi4yMSwyMy40OCwzNi43NloiLz48cGF0aCBjbGFzcz0iY2xzLTIiIGQ9Ik05Ni40MSwzOC4yMWE3LjQ2LDcuNDYsMCwwLDAtMy42Ny0zLDcuMDYsNy4wNiwwLDAsMCwyLjYzLTIuODcsOS4xOCw5LjE4LDAsMCwwLDEtNC4yNyw3LjY1LDcuNjUsMCwwLDAtMi42OS02LjE5Yy0xLjc4LTEuNS00LjMzLTIuMjUtNy42My0yLjI1SDcyLjkxVjUyLjE0SDg2LjgycTUuMzYsMCw4LjE1LTIuMjlhNy45NCw3Ljk0LDAsMCwwLDIuOC02LjUyLDkuMDYsOS4wNiwwLDAsMC0xLjM2LTUuMTJabS0xOC4zLTEzLjhoNy4zNWE2LjgsNi44LDAsMCwxLDQuMTgsMS4xMyw0LDQsMCwwLDEsMS40NSwzLjM3LDMuOTMsMy45MywwLDAsMS0xLjQ1LDMuMzEsNi42Miw2LjYyLDAsMCwxLTQuMTgsMS4xNEg3OC4xMVptOC4zOSwyM0g3OC4xMVYzOC4wNUg4Ni41YzQsMCw2LDEuNTYsNiw0LjY4UzkwLjUzLDQ3LjQxLDg2LjUsNDcuNDFaIi8+PHBhdGggY2xhc3M9ImNscy0yIiBkPSJNMTIxLjgyLDI3LjQxaC0uNTN2M2gwYTkuMzgsOS4zOCwwLDAsMC03Ljc0LTMuNjVjLTYuODksMC0xMi4zMSw1LjQ2LTEyLjMxLDEzczUuNDIsMTMsMTIuMzEsMTNhOS4zMSw5LjMxLDAsMCwwLDcuNzQtMy42MXYuMWEyLjg3LDIuODcsMCwwLDAsMi44NiwyLjg3aDIuNTJWMzIuMjhBNC44Nyw0Ljg3LDAsMCwwLDEyMS44MiwyNy40MVpNMTE0LjIsNDcuNzJoMGMtNC42MywwLTcuNDQtMy42LTcuNDQtNy45NHMyLjgxLTcuOTMsNy40NC03LjkzYzQuNDQsMCw3LjQzLDMuNDEsNy40Myw3LjkzUzExOC42NCw0Ny43MiwxMTQuMiw0Ny43MloiLz48cGF0aCBjbGFzcz0iY2xzLTIiIGQ9Ik0yODYuMzgsMjguNzNhMTQuODcsMTQuODcsMCwwLDAtMTMuNTMsMCwxMS45MSwxMS45MSwwLDAsMC00LjY5LDQuNDksMTIuNzEsMTIuNzEsMCwwLDAtMS42OCw2LjU0LDEyLjkyLDEyLjkyLDAsMCwwLDEuNjgsNi41NywxMS44MywxMS44MywwLDAsMCw0LjY5LDQuNTFoMGExNC44NCwxNC44NCwwLDAsMCwxMy41MywwLDExLjksMTEuOSwwLDAsMCw0LjY5LTQuNTEsMTIuODIsMTIuODIsMCwwLDAsMS42OC02LjU3LDEyLjcxLDEyLjcxLDAsMCwwLTEuNjgtNi41NEExMS45MSwxMS45MSwwLDAsMCwyODYuMzgsMjguNzNabS0xLjUzLDE2LjY1aDBhNy41NSw3LjU1LDAsMCwxLTEwLjUsMCw4LjcsOC43LDAsMCwxLDAtMTEuMjMsNy41NCw3LjU0LDAsMCwxLDEwLjUsMEE4LjYsOC42LDAsMCwxLDI4NC44NSw0NS4zOFoiLz48cGF0aCBjbGFzcz0iY2xzLTIiIGQ9Ik0xNTIuNzUsMjkuODNhMTAuMjcsMTAuMjcsMCwwLDAtNy40Ny0yLjczLDEyLjgxLDEyLjgxLDAsMCwwLTQuOS44OCw5LDksMCwwLDAtMy42LDIuNlYzMGgwYTIuNiwyLjYsMCwwLDAtMi42LTIuNjFoLTIuOVY1Mi4xNGguNzhhNSw1LDAsMCwwLDUtNXYtNy41YTcuNjksNy42OSwwLDAsMSwxLjg1LTUuNTQsNi42Myw2LjYzLDAsMCwxLDUtMS45Miw1LjU5LDUuNTksMCwwLDEsNC4zNCwxLjY0LDcsNywwLDAsMSwxLjUyLDQuOVY1Mi4xNGgxYTQuODIsNC44MiwwLDAsMCw0LjgxLTQuODNWMzhjMC0zLjU4LS45NC02LjI5LTIuODItOC4xMVoiLz48cGF0aCBjbGFzcz0iY2xzLTIiIGQ9Ik0zMjkuMTIsMjcuN2E1LDUsMCwwLDAtNC43NywzLjVoMGwtNC4xOSwxMy4yM0wzMTUuOTMsMzFhNC43Myw0LjczLDAsMCwwLTQuNTEtMy4zMmgtMS4yNWwtNS4zOCwxNi42NS00LjMxLTEzLjkxYTMuOTEsMy45MSwwLDAsMC0zLjcyLTIuNzRoLTIuNjNMMzAyLDUyLjQ3aDEuNzlhNC44Niw0Ljg2LDAsMCwwLDQuNjEtMy4zNGw0LTEyLjE4LDUsMTUuNTJoMS4xN0E1LjY0LDUuNjQsMCwwLDAsMzI0LDQ4LjUybDYuNjYtMjAuODJaIi8+PHBhdGggY2xhc3M9ImNscy0yIiBkPSJNMjM5LjcxLDE5LjdhOC40Nyw4LjQ3LDAsMCwwLTIuMyw2LjI5VjUyLjE0aC4zMWE1LjQ2LDUuNDYsMCwwLDAsNS40NS01LjQ4VjMyLjJoMi40NkE0LjE2LDQuMTYsMCwwLDAsMjQ5Ljc4LDI4di0uNDhIMjQzVjI2LjA4aDBxMC00LDMuNjUtNEgyNDdhNC4xOSw0LjE5LDAsMCwwLDQuMjEtMi43NGwuMjMtLjYxYTEwLjU4LDEwLjU4LDAsMCwwLTExLjczLjk1WiIvPjxwYXRoIGNsYXNzPSJjbHMtMiIgZD0iTTI1Ni44LDE3LjczaC0uNzFWNTIuMTRoLjMyYTUuNDcsNS40NywwLDAsMCw1LjQ2LTUuNDhWMjIuODJBNS4wOSw1LjA5LDAsMCwwLDI1Ni44LDE3LjczWiIvPjxwYXRoIGNsYXNzPSJjbHMtMiIgZD0iTTE4MS42MSwyOS44M2ExMC4zMSwxMC4zMSwwLDAsMC03LjQ4LTIuNzMsMTIuNzMsMTIuNzMsMCwwLDAtNC44OS44OCw5LDksMCwwLDAtMy42LDIuNlYzMGEyLjU3LDIuNTcsMCwwLDAtMi41Ni0yLjU3aC0yLjk0VjUyLjE0aDEuMzlhNC4zOCw0LjM4LDAsMCwwLDQuMzgtNC40VjM5LjYyYTcuNjksNy42OSwwLDAsMSwxLjg1LTUuNTQsNi42Myw2LjYzLDAsMCwxLDUtMS45Miw1LjU3LDUuNTcsMCwwLDEsNC4zNCwxLjY0LDcsNywwLDAsMSwxLjUyLDQuOVY1Mi4xNGguNTRhNS4yMyw1LjIzLDAsMCwwLDUuMjMtNS4yNVYzOGMwLTMuNTgtLjk0LTYuMjktMi44MS04LjExWiIvPjxwYXRoIGNsYXNzPSJjbHMtMiIgZD0iTTIzMi42OCwyNy4xaDBjLTMuNzcsMC02LjUsMS4xNi04LjE3LDMuMzZhLjIyLjIyLDAsMCwxLS4xOS4wOS4yLjIsMCwwLDEtLjE5LS4yMSwzLDMsMCwwLDAtMi45NC0zaC0yLjM0YS4yMi4yMiwwLDAsMC0uMjIuMjFWNTEuOTNhLjIyLjIyLDAsMCwwLC4yMi4yMWguMzVhNS4yLDUuMiwwLDAsMCw1LjItNS4yMlY0MC4xM2E3LjgyLDcuODIsMCwwLDEsMS45LTUuNjcsNi4xOSw2LjE5LDAsMCwxLDMuMzctMS44LDQuNDgsNC40OCwwLDAsMCwxLjgzLTEsNC41Niw0LjU2LDAsMCwwLDEuMzgtMi42NCwxLjcsMS43LDAsMCwwLDAtLjM5VjI3LjMyQS4yMi4yMiwwLDAsMCwyMzIuNjgsMjcuMVoiLz48cGF0aCBjbGFzcz0iY2xzLTIiIGQ9Ik0yMDguMTEsMjguN2ExMi44NCwxMi44NCwwLDAsMC02LjQ1LTEuNiwxMy4wNSwxMy4wNSwwLDAsMC02LjU1LDEuNjMsMTEuNjcsMTEuNjcsMCwwLDAtNC41NSw0LjUxLDEzLjcsMTMuNywwLDAsMCwuMDUsMTMuMDksMTEuNjcsMTEuNjcsMCwwLDAsNC43OCw0LjUxLDE2LjUyLDE2LjUyLDAsMCwwLDEyLjg4LjYxLDEwLjUzLDEwLjUzLDAsMCwwLDQuMi0zbC0uODMtMWEzLjgsMy44LDAsMCwwLTQuNi0uODksOS41NCw5LjU0LDAsMCwxLTQuMzYsMSw4LjY0LDguNjQsMCwwLDEtNS4zMy0xLjYsNi43LDYuNywwLDAsMS0yLjY1LTQuMzNoMTguMWExLjM0LDEuMzQsMCwwLDAsMS4zMy0xLjI4VjM5LjlhMTMuNzEsMTMuNzEsMCwwLDAtMS41OS02LjdBMTEuMzUsMTEuMzUsMCwwLDAsMjA4LjExLDI4LjdabS0xMy40Niw5LjA3QTYuOTIsNi45MiwwLDAsMSwxOTcsMzMuMzloMGE3LjE3LDcuMTcsMCwwLDEsMTEuNjYsNC4zOFoiLz48L2c+PC9nPjwvc3ZnPg==");
  --logo-color-small: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgNjIuMzMgNjcuMzUiPjxkZWZzPjxzdHlsZT4uY2xzLTF7ZmlsbDp1cmwoI2xpbmVhci1ncmFkaWVudCk7fTwvc3R5bGU+PGxpbmVhckdyYWRpZW50IGlkPSJsaW5lYXItZ3JhZGllbnQiIHgxPSIzMS4xNyIgeTE9IjcwIiB4Mj0iMzEuMTciIHkyPSIyLjY1IiBncmFkaWVudFRyYW5zZm9ybT0ibWF0cml4KDEsIDAsIDAsIC0xLCAwLCA3MCkiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj48c3RvcCBvZmZzZXQ9IjAiIHN0b3AtY29sb3I9IiMwMWExZmUiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiMwMDU4ZmYiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48dGl0bGU+Qmx1ZUFzc2V0IDE8L3RpdGxlPjxnIGlkPSJMYXllcl8yIiBkYXRhLW5hbWU9IkxheWVyIDIiPjxnIGlkPSJMYXllcl8xLTIiIGRhdGEtbmFtZT0iTGF5ZXIgMSI+PGcgaWQ9IkxheWVyXzItMiIgZGF0YS1uYW1lPSJMYXllciAyIj48ZyBpZD0iTGF5ZXJfMS0yLTIiIGRhdGEtbmFtZT0iTGF5ZXIgMS0yIj48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik0yMy40OCwzNi43NkMyNi4zOSwyOC44OSwyNC44OCwxNyw1LjgyLDBjLS40NCwxNS0uNiwyNi4yLjg5LDMzLjM3QTEwNS40NywxMDUuNDcsMCwwLDAsMCw0NS4yMmM3LjYxLDMuNTYsMTYuODYsNy42OCwyMS41OS0yLjUyLTIuMTksNi43NC0uMywxNC4xNCwxMiwyNC42NSwyLTQuMjIsNi4wNi0xMy4zNyw2LjYxLTIwLjZBMTg4LjkxLDE4OC45MSwwLDAsMCw2Mi4zMywzMC4yOUM0Ni4xNCwyNC44OSwzMCwyMi4yMSwyMy40OCwzNi43NloiLz48L2c+PC9nPjwvZz48L2c+PC9zdmc+");
  --logo-white: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMzMwLjY4IDY3LjM1Ij48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6dXJsKCNsaW5lYXItZ3JhZGllbnQpO30uY2xzLTJ7ZmlsbDojZmZmO308L3N0eWxlPjxsaW5lYXJHcmFkaWVudCBpZD0ibGluZWFyLWdyYWRpZW50IiB4MT0iMzEuMTYiIHgyPSIzMS4xNiIgeTI9IjY3LjM1IiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+PHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSIjMDFhMWZlIi8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjMDA1OGZmIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHRpdGxlPkJsdWUgd2hpdGVBc3NldCA4PC90aXRsZT48ZyBpZD0iTGF5ZXJfMiIgZGF0YS1uYW1lPSJMYXllciAyIj48ZyBpZD0iTGF5ZXJfMS0yIiBkYXRhLW5hbWU9IkxheWVyIDEiPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTIzLjQ4LDM2Ljc2QzI2LjM5LDI4Ljg5LDI0Ljg4LDE3LDUuODIsMGMtLjQ0LDE1LS42LDI2LjIuODksMzMuMzdBMTA0LjYsMTA0LjYsMCwwLDAsMCw0NS4yMmM3LjYxLDMuNTYsMTYuODYsNy42OCwyMS41OS0yLjUyLTIuMTksNi43NC0uMywxNC4xNCwxMiwyNC42NSwyLjA1LTQuMjIsNi4wNi0xMy4zNyw2LjYxLTIwLjZBMTg5LjUxLDE4OS41MSwwLDAsMCw2Mi4zMywzMC4yOUM0Ni4xNCwyNC44OSwzMCwyMi4yMSwyMy40OCwzNi43NloiLz48cGF0aCBjbGFzcz0iY2xzLTIiIGQ9Ik05Ni40MSwzOC4yMWE3LjQ2LDcuNDYsMCwwLDAtMy42Ny0zLDcuMDYsNy4wNiwwLDAsMCwyLjYzLTIuODcsOS4xOCw5LjE4LDAsMCwwLDEtNC4yNyw3LjY1LDcuNjUsMCwwLDAtMi42OS02LjE5Yy0xLjc4LTEuNS00LjMzLTIuMjUtNy42My0yLjI1SDcyLjkxVjUyLjE0SDg2LjgycTUuMzYsMCw4LjE1LTIuMjlhNy45NCw3Ljk0LDAsMCwwLDIuOC02LjUyLDkuMDYsOS4wNiwwLDAsMC0xLjM2LTUuMTJabS0xOC4zLTEzLjhoNy4zNWE2LjgsNi44LDAsMCwxLDQuMTgsMS4xMyw0LDQsMCwwLDEsMS40NSwzLjM3LDMuOTMsMy45MywwLDAsMS0xLjQ1LDMuMzEsNi42Miw2LjYyLDAsMCwxLTQuMTgsMS4xNEg3OC4xMVptOC4zOSwyM0g3OC4xMVYzOC4wNUg4Ni41YzQsMCw2LDEuNTYsNiw0LjY4UzkwLjUzLDQ3LjQxLDg2LjUsNDcuNDFaIi8+PHBhdGggY2xhc3M9ImNscy0yIiBkPSJNMTIxLjgyLDI3LjQxaC0uNTN2M2gwYTkuMzgsOS4zOCwwLDAsMC03Ljc0LTMuNjVjLTYuODksMC0xMi4zMSw1LjQ2LTEyLjMxLDEzczUuNDIsMTMsMTIuMzEsMTNhOS4zMSw5LjMxLDAsMCwwLDcuNzQtMy42MXYuMWEyLjg3LDIuODcsMCwwLDAsMi44NiwyLjg3aDIuNTJWMzIuMjhBNC44Nyw0Ljg3LDAsMCwwLDEyMS44MiwyNy40MVpNMTE0LjIsNDcuNzJoMGMtNC42MywwLTcuNDQtMy42LTcuNDQtNy45NHMyLjgxLTcuOTMsNy40NC03LjkzYzQuNDQsMCw3LjQzLDMuNDEsNy40Myw3LjkzUzExOC42NCw0Ny43MiwxMTQuMiw0Ny43MloiLz48cGF0aCBjbGFzcz0iY2xzLTIiIGQ9Ik0yODYuMzgsMjguNzNhMTQuODcsMTQuODcsMCwwLDAtMTMuNTMsMCwxMS45MSwxMS45MSwwLDAsMC00LjY5LDQuNDksMTIuNzEsMTIuNzEsMCwwLDAtMS42OCw2LjU0LDEyLjkyLDEyLjkyLDAsMCwwLDEuNjgsNi41NywxMS44MywxMS44MywwLDAsMCw0LjY5LDQuNTFoMGExNC44NCwxNC44NCwwLDAsMCwxMy41MywwLDExLjksMTEuOSwwLDAsMCw0LjY5LTQuNTEsMTIuODIsMTIuODIsMCwwLDAsMS42OC02LjU3LDEyLjcxLDEyLjcxLDAsMCwwLTEuNjgtNi41NEExMS45MSwxMS45MSwwLDAsMCwyODYuMzgsMjguNzNabS0xLjUzLDE2LjY1aDBhNy41NSw3LjU1LDAsMCwxLTEwLjUsMCw4LjcsOC43LDAsMCwxLDAtMTEuMjMsNy41NCw3LjU0LDAsMCwxLDEwLjUsMEE4LjYsOC42LDAsMCwxLDI4NC44NSw0NS4zOFoiLz48cGF0aCBjbGFzcz0iY2xzLTIiIGQ9Ik0xNTIuNzUsMjkuODNhMTAuMjcsMTAuMjcsMCwwLDAtNy40Ny0yLjczLDEyLjgxLDEyLjgxLDAsMCwwLTQuOS44OCw5LDksMCwwLDAtMy42LDIuNlYzMGgwYTIuNiwyLjYsMCwwLDAtMi42LTIuNjFoLTIuOVY1Mi4xNGguNzhhNSw1LDAsMCwwLDUtNXYtNy41YTcuNjksNy42OSwwLDAsMSwxLjg1LTUuNTQsNi42Myw2LjYzLDAsMCwxLDUtMS45Miw1LjU5LDUuNTksMCwwLDEsNC4zNCwxLjY0LDcsNywwLDAsMSwxLjUyLDQuOVY1Mi4xNGgxYTQuODIsNC44MiwwLDAsMCw0LjgxLTQuODNWMzhjMC0zLjU4LS45NC02LjI5LTIuODItOC4xMVoiLz48cGF0aCBjbGFzcz0iY2xzLTIiIGQ9Ik0zMjkuMTIsMjcuN2E1LDUsMCwwLDAtNC43NywzLjVoMGwtNC4xOSwxMy4yM0wzMTUuOTMsMzFhNC43Myw0LjczLDAsMCwwLTQuNTEtMy4zMmgtMS4yNWwtNS4zOCwxNi42NS00LjMxLTEzLjkxYTMuOTEsMy45MSwwLDAsMC0zLjcyLTIuNzRoLTIuNjNMMzAyLDUyLjQ3aDEuNzlhNC44Niw0Ljg2LDAsMCwwLDQuNjEtMy4zNGw0LTEyLjE4LDUsMTUuNTJoMS4xN0E1LjY0LDUuNjQsMCwwLDAsMzI0LDQ4LjUybDYuNjYtMjAuODJaIi8+PHBhdGggY2xhc3M9ImNscy0yIiBkPSJNMjM5LjcxLDE5LjdhOC40Nyw4LjQ3LDAsMCwwLTIuMyw2LjI5VjUyLjE0aC4zMWE1LjQ2LDUuNDYsMCwwLDAsNS40NS01LjQ4VjMyLjJoMi40NkE0LjE2LDQuMTYsMCwwLDAsMjQ5Ljc4LDI4di0uNDhIMjQzVjI2LjA4aDBxMC00LDMuNjUtNEgyNDdhNC4xOSw0LjE5LDAsMCwwLDQuMjEtMi43NGwuMjMtLjYxYTEwLjU4LDEwLjU4LDAsMCwwLTExLjczLjk1WiIvPjxwYXRoIGNsYXNzPSJjbHMtMiIgZD0iTTI1Ni44LDE3LjczaC0uNzFWNTIuMTRoLjMyYTUuNDcsNS40NywwLDAsMCw1LjQ2LTUuNDhWMjIuODJBNS4wOSw1LjA5LDAsMCwwLDI1Ni44LDE3LjczWiIvPjxwYXRoIGNsYXNzPSJjbHMtMiIgZD0iTTE4MS42MSwyOS44M2ExMC4zMSwxMC4zMSwwLDAsMC03LjQ4LTIuNzMsMTIuNzMsMTIuNzMsMCwwLDAtNC44OS44OCw5LDksMCwwLDAtMy42LDIuNlYzMGEyLjU3LDIuNTcsMCwwLDAtMi41Ni0yLjU3aC0yLjk0VjUyLjE0aDEuMzlhNC4zOCw0LjM4LDAsMCwwLDQuMzgtNC40VjM5LjYyYTcuNjksNy42OSwwLDAsMSwxLjg1LTUuNTQsNi42Myw2LjYzLDAsMCwxLDUtMS45Miw1LjU3LDUuNTcsMCwwLDEsNC4zNCwxLjY0LDcsNywwLDAsMSwxLjUyLDQuOVY1Mi4xNGguNTRhNS4yMyw1LjIzLDAsMCwwLDUuMjMtNS4yNVYzOGMwLTMuNTgtLjk0LTYuMjktMi44MS04LjExWiIvPjxwYXRoIGNsYXNzPSJjbHMtMiIgZD0iTTIzMi42OCwyNy4xaDBjLTMuNzcsMC02LjUsMS4xNi04LjE3LDMuMzZhLjIyLjIyLDAsMCwxLS4xOS4wOS4yLjIsMCwwLDEtLjE5LS4yMSwzLDMsMCwwLDAtMi45NC0zaC0yLjM0YS4yMi4yMiwwLDAsMC0uMjIuMjFWNTEuOTNhLjIyLjIyLDAsMCwwLC4yMi4yMWguMzVhNS4yLDUuMiwwLDAsMCw1LjItNS4yMlY0MC4xM2E3LjgyLDcuODIsMCwwLDEsMS45LTUuNjcsNi4xOSw2LjE5LDAsMCwxLDMuMzctMS44LDQuNDgsNC40OCwwLDAsMCwxLjgzLTEsNC41Niw0LjU2LDAsMCwwLDEuMzgtMi42NCwxLjcsMS43LDAsMCwwLDAtLjM5VjI3LjMyQS4yMi4yMiwwLDAsMCwyMzIuNjgsMjcuMVoiLz48cGF0aCBjbGFzcz0iY2xzLTIiIGQ9Ik0yMDguMTEsMjguN2ExMi44NCwxMi44NCwwLDAsMC02LjQ1LTEuNiwxMy4wNSwxMy4wNSwwLDAsMC02LjU1LDEuNjMsMTEuNjcsMTEuNjcsMCwwLDAtNC41NSw0LjUxLDEzLjcsMTMuNywwLDAsMCwuMDUsMTMuMDksMTEuNjcsMTEuNjcsMCwwLDAsNC43OCw0LjUxLDE2LjUyLDE2LjUyLDAsMCwwLDEyLjg4LjYxLDEwLjUzLDEwLjUzLDAsMCwwLDQuMi0zbC0uODMtMWEzLjgsMy44LDAsMCwwLTQuNi0uODksOS41NCw5LjU0LDAsMCwxLTQuMzYsMSw4LjY0LDguNjQsMCwwLDEtNS4zMy0xLjYsNi43LDYuNywwLDAsMS0yLjY1LTQuMzNoMTguMWExLjM0LDEuMzQsMCwwLDAsMS4zMy0xLjI4VjM5LjlhMTMuNzEsMTMuNzEsMCwwLDAtMS41OS02LjdBMTEuMzUsMTEuMzUsMCwwLDAsMjA4LjExLDI4LjdabS0xMy40Niw5LjA3QTYuOTIsNi45MiwwLDAsMSwxOTcsMzMuMzloMGE3LjE3LDcuMTcsMCwwLDEsMTEuNjYsNC4zOFoiLz48L2c+PC9nPjwvc3ZnPg==");
  --logo-white-small: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2Mi4zMyA2Ny4zNSI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiNmZmY7fTwvc3R5bGU+PC9kZWZzPjx0aXRsZT5XaGl0ZUFzc2V0IDE8L3RpdGxlPjxnIGlkPSJMYXllcl8yIiBkYXRhLW5hbWU9IkxheWVyIDIiPjxnIGlkPSJMYXllcl8xLTIiIGRhdGEtbmFtZT0iTGF5ZXIgMSI+PGcgaWQ9IkxheWVyXzItMiIgZGF0YS1uYW1lPSJMYXllciAyIj48ZyBpZD0iTGF5ZXJfMS0yLTIiIGRhdGEtbmFtZT0iTGF5ZXIgMS0yIj48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik0yMy40OCwzNi43NkMyNi4zOSwyOC44OSwyNC44OCwxNyw1LjgyLDBjLS40NCwxNS0uNiwyNi4yLjg5LDMzLjM3QTEwNS40NywxMDUuNDcsMCwwLDAsMCw0NS4yMmM3LjYxLDMuNTYsMTYuODYsNy42OCwyMS41OS0yLjUyLTIuMTksNi43NC0uMywxNC4xNCwxMiwyNC42NSwyLTQuMjIsNi4wNi0xMy4zNyw2LjYxLTIwLjZBMTg4LjkxLDE4OC45MSwwLDAsMCw2Mi4zMywzMC4yOUM0Ni4xNCwyNC44OSwzMCwyMi4yMSwyMy40OCwzNi43NloiLz48L2c+PC9nPjwvZz48L2c+PC9zdmc+");
  --logo: var(--logo-color);
  --logo-small: var(--logo-color-small);
}

[ui-theme*=minimal] {
  --default-height: 2.6rem;
  --ui-height: 2.6rem;
}
[ui-theme*=minimal] .ui-button {
  --height: var(--ui-height);
  --padding: 0 1.5rem !important;
  --min-width: 5rem;
}
[ui-theme*=minimal] .icon-button {
  --min-width: 0px;
  --padding: 0 !important;
}
[ui-theme*=minimal] .input {
  --height: var(--ui-height);
  --padding: 0.7rem 0.7rem;
}
[ui-theme*=minimal] .input .label {
  --margin-bottom: 5px;
}
[ui-theme*=minimal] .input.textarea {
  --height: 2.6rem;
}
[ui-theme*=minimal] .input .input-icon {
  --margin-top: -2rem;
}
[ui-theme*=minimal] .side-panel {
  --horizontal-padding: 1rem;
}
[ui-theme*=minimal] .selectable {
  --height: var(--ui-height);
}
[ui-theme*=minimal] .ui-dropdown {
  --item-height: 28px;
}
[ui-theme*=minimal] .ui-toggle-switch {
  --height: 1.4rem;
  --width: 2.8rem;
  --switcher-width: 1rem;
  --switcher-height: 1rem;
  --toggle-border-size: 2px;
}
[ui-theme*=minimal] .ui-tooltip {
  --padding: 5px 10px;
}
[ui-theme*=minimal] .ui-notification {
  --padding: 0.9rem 3.6rem 0.9rem 1rem;
  --width: 28rem;
}
[ui-theme*=minimal] .ui-option {
  --checkbox-container-margin: 17px;
  --checkbox-margin: -21px;
}
[ui-theme*=minimal] ui-accordion-item .header {
  --padding: 1.5rem 1.5rem;
}

[ui-theme*=minimal] {
  --default-font-size: 1.1rem;
  --default-font-weight: 400;
  --ui-font-size: 1.1rem;
  --ui-font-weight: 400;
  font-size: var(--ui-font-size);
  font-weight: var(--ui-font-weight);
}
[ui-theme*=minimal] .ui-button {
  --font-size: var(--ui-font-size);
  --font-weight: 200;
  --icon-font-size: var(--ui-font-size);
}
[ui-theme*=minimal] .label {
  --font-size: var(--ui-font-size);
  --font-weight: var(--ui-font-weight);
}
[ui-theme*=minimal] .input {
  --font-size: var(--ui-font-size);
  --line-height: 1.1;
  --font-weight: var(--ui-font-weight);
}
[ui-theme*=minimal] .icon {
  --font-size: 1.4rem;
}
[ui-theme*=minimal] .side-panel {
  --font-size: var(--ui-font-size);
}

[ui-theme],
:root {
  --default-color-black-off: #343434;
  --default-color-black-off-semi: #1f1f1f;
  --default-color-black-off-dark: #111111;
  --default-color-black: #000000;
  --default-color-blue-dark: #1558a8;
  --default-color-blue-light: #edf5ff;
  --default-color-blue-superlight: #f3f9ff;
  --default-color-blue: #1b75dd;
  --default-color-blue-semilight: #03aaff;
  --default-color-gold-light: #fffdf4;
  --default-color-gold: #de9516;
  --default-color-green: #2cbc45;
  --default-color-grey: #d6d6d6;
  --default-color-grey-dark: #9b9b9b;
  --default-color-grey-semidark: #b5b5b5;
  --default-color-grey-semilight: #efefef;
  --default-color-grey-light: #fbfbfb;
  --default-color-orange: #f5a623;
  --default-color-red-light: #fbe6e6;
  --default-color-red: #c34747;
  --default-color-white-off: #f7f7f7;
  --default-color-white-off-light: #fbfbfb;
  --default-color-white: #ffffff;
  --default-color-yellow: #ebb70e;
  --ui-static-color-white: #ffffff;
  --ui-static-color-black: #000000;
  --ui-static-color-black-off-semi: #1f1f1f;
  --ui-static-color-grey-6: #0f0f0f;
  --ui-static-color-grey-12: #1f1f1f;
  --ui-static-color-grey-21: #363636;
  --ui-static-color-grey-31: #4f4f4f;
  --ui-static-color-grey-61: #9b9b9b;
  --ui-static-color-grey-71: #b5b5b5;
  --ui-static-color-grey-84: #d6d6d6;
  --ui-static-color-grey-86: #dbdbdb;
  --ui-static-color-grey-89: #e2e2e2;
  --ui-static-color-grey-92: #ebebeb;
  --ui-static-color-grey-93: #eeeeee;
  --ui-static-color-grey-94: #f0f0f0;
  --ui-static-color-grey-95: #f3f3f3;
  --ui-static-color-grey-96: #f5f5f5;
  --ui-static-color-grey-97: #f8f8f8;
  --ui-static-color-grey-98: #fbfbfb;
  --ui-static-color-grey-99: #fcfcfc;
  --ui-static-color-sky: #93c1e7;
  --ui-static-color-blue: #1b75dd;
  --ui-static-color-midnight: #1558a8;
  --ui-static-color-arctic: #03aaff;
  --ui-static-color-blue-mist: #edf5ff;
  --ui-static-color-rain: #9abcc7;
  --ui-static-color-aqua: #7ec2b9;
  --ui-static-color-salmon: #e2a3a4;
  --ui-static-color-deep-red: #c34746;
  --ui-static-color-coral: #dc5b5b;
  --ui-static-color-peach: #ff9191;
  --ui-static-color-golden: #d08f22;
  --ui-static-color-yellow: #ebb70e;
  --ui-static-color-olive: #5f8153;
  --ui-static-color-grass: #98ca96;
  --ui-static-color-purple: #817baf;
  --ui-static-color-lavender: #d5c8da;
  --ui-static-color-sand: #fffcf3;
  --ui-static-color-marshmallow: #fff2f2;
  --ui-static-color-almond: #c29e88;
  --ui-static-color-caramel: #e4b9a0;
  --ui-static-color-waterfall: #dbebff;
}

[ui-theme*=dark] {
  --default-background-color: var(--default-color-black-off-dark);
  --default-surface-color: var(--default-color-black-off-semi);
  --default-text-color: var(--default-color-grey);
  --default-border-color: var(--default-color-black-off);
  --default-primary-color: var(--default-color-grey);
  --default-success-color: var(--default-color-black-off);
  --default-alert-color: var(--default-color-red);
  --default-warning-color: var(--default-color-gold);
  --default-active-color: var(--default-color-white);
  --default-focus-color: var(--default-color-white);
  --default-primary-text-color: var(--default-color-white);
  --default-secondary-text-color: var(--default-color-grey-dark);
  --default-secondary-surface-color: var(--default-color-black-off-semi);
  --ui-color-background: #303030;
  --ui-color-background-second: var(--ui-static-color-black-off-semi);
  --ui-color-surface: #555555;
  --ui-color-surface-second: #222222;
  --ui-color-border: var(--ui-static-color-grey-21);
  --ui-color-border-second: var(--ui-static-color-grey-21);
  --ui-color-primary: var(--ui-static-color-blue);
  --ui-color-primary-second: var(--ui-static-color-midnight);
  --ui-color-text: var(--ui-static-color-white);
  --ui-color-text-inverted: var(--ui-static-color-black);
  --ui-color-text-second: var(--ui-static-color-grey-86);
  --ui-color-text-third: var(--ui-static-color-grey-71);
  --ui-color-text-disabled: var(--ui-static-color-grey-61);
  --ui-color-first: var(--ui-static-color-grey-21);
  --ui-color-first-inverted: var(--ui-static-color-white);
  --ui-color-second: var(--ui-static-color-grey-71);
  --ui-color-third: var(--ui-static-color-grey-86);
  --ui-color-white: var(--ui-static-color-white);
  --ui-color-black: var(--ui-static-color-black);
  --ui-color-grey-21: var(--ui-static-color-grey-21);
  --ui-color-grey-61: var(--ui-static-color-grey-61);
  --ui-color-grey-71: var(--ui-static-color-grey-71);
  --ui-color-grey-84: var(--ui-static-color-grey-84);
  --ui-color-grey-86: var(--ui-static-color-grey-86);
  --ui-color-grey-89: var(--ui-static-color-grey-89);
  --ui-color-grey-92: var(--ui-static-color-grey-92);
  --ui-color-grey-93: var(--ui-static-color-grey-93);
  --ui-color-grey-94: var(--ui-static-color-grey-94);
  --ui-color-grey-95: var(--ui-static-color-grey-95);
  --ui-color-grey-96: var(--ui-static-color-grey-96);
  --ui-color-grey-97: var(--ui-static-color-grey-97);
  --ui-color-grey-98: var(--ui-static-color-grey-98);
  --ui-color-grey-99: var(--ui-static-color-grey-99);
  --ui-color-success: var(--ui-color-primary);
  --ui-color-alert: var(--ui-static-color-coral);
  --ui-color-warning: var(--ui-static-color-golden);
  --ui-color-active: var(--ui-color-primary);
  --ui-color-hover: var(--ui-static-color-grey-21);
  --ui-color-disabled: var(--ui-static-color-grey-21);
  --ui-color-disabled-second: var(--ui-static-color-grey-92);
  --ui-disabled-opacity: 0.4;
  --ui-color-focus: var(--ui-static-color-arctic);
  --ui-color-selection: var(--ui-static-color-arctic);
  --ui-color-selected-background: var(--ui-static-color-grey-21);
  --ui-color-selected-border: var(--ui-color-primary);
}
[ui-theme*=dark] .ui-header {
  --background-color: var(--ui-color-background-second);
  --text-color: var(--ui-color-text);
}
[ui-theme*=dark] .ui-button {
  --background-color: var(--ui-color-surface);
  --text-color: var(--ui-color-white);
  --border-color: var(--ui-color-border);
  --active-background-color: #1c1c1c;
  --active-text-color: #bcbcbc;
}
[ui-theme*=dark] .ui-button .ui-loader {
  --background-color: var(--background-color);
  --circle-color: var(--text-color);
}
[ui-theme*=dark] .ui-button:hover {
  background-color: #104582;
}
[ui-theme*=dark] .ui-button.primary:not(.disabled) {
  --background-color: var(--ui-color-primary);
  --text-color: var(--ui-color-white);
  --active-background-color: var(--ui-static-color-midnight);
  --active-text-color: var(--ui-static-color-grey-86);
}
[ui-theme*=dark] .ui-button.discrete:not(.disabled) {
  --text-color: #bbd6f5;
  --active-text-color: #d1e3f8;
}
[ui-theme*=dark] .ui-button:active {
  transform: scale(0.98);
}
[ui-theme*=dark] .ui-dialog-backdrop {
  --backdrop-color: var(--ui-color-black);
}
[ui-theme*=dark] .ui-drop-zone {
  --border-color: rgba(255, 255, 255, 0.5);
}

[ui-theme*=dark] {
  --default-shadow: 0 5px 20px rgba(0, 0, 0, 0.25);
  --default-shadow-small: 0 3px 10px rgba(0, 0, 0, 0.25);
  --ui-shadow: 0 5px 20px rgba(0, 0, 0, 0.25);
  --ui-shadow-small: 0 3px 10px rgba(0, 0, 0, 0.25);
}

[ui-theme*=dark] {
  --logo: var(--logo-white);
  --logo-small: var(--logo-white-small);
}

[ui-theme*=tiny] {
  --default-height: 2.2rem;
  --ui-height: 2.2rem;
}
[ui-theme*=tiny] .ui-button {
  --height: var(--ui-height);
  --padding: 0 1.5rem !important;
  --min-width: 5rem;
}
[ui-theme*=tiny] .icon-button {
  --min-width: 0px;
  --padding: 0 !important;
}
[ui-theme*=tiny] .input {
  --height: var(--ui-height);
  --padding: 0.7rem;
}
[ui-theme*=tiny] .input.textarea {
  --height: var(--ui-height);
  --padding: 0.5rem;
}
[ui-theme*=tiny] .input .input-icon {
  --margin-top: -1.85rem;
}
[ui-theme*=tiny] .side-panel {
  --horizontal-padding: 1rem;
}
[ui-theme*=tiny] .selectable {
  --height: var(--ui-height);
}
[ui-theme*=tiny] .ui-toggle-switch {
  --height: 1rem;
  --width: 2rem;
  --switcher-width: 0.8rem;
  --switcher-height: 0.8rem;
  --toggle-border-size: 1px;
}
[ui-theme*=tiny] .ui-tooltip {
  --padding: 5px 10px;
}
[ui-theme*=tiny] .ui-notification {
  --padding: 0.9rem 3.6rem 0.9rem 1rem;
  --width: 28rem;
}
[ui-theme*=tiny] .ui-option {
  --checkbox-container-margin: 17px;
  --checkbox-margin: -21px;
}
[ui-theme*=tiny] ui-accordion-item .header {
  --padding: 0.4rem 0.8rem;
}

[ui-theme*=tiny] {
  --default-font-size: 1.1rem;
  --default-font-weight: 400;
  --ui-font-size: 1.1rem;
  --ui-font-weight: 400;
  font-weight: var(--ui-font-weight);
  --font-size: var(--ui-font-size);
  --font-weight: var(--ui-font-weight);
}
[ui-theme*=tiny] .ui-button {
  --font-size: $font-size-small;
  --font-weight: 200;
  --icon-font-size: $font-size-small;
}
[ui-theme*=tiny] .input {
  --font-size: $font-size-normal;
  --line-height: 1.1 * $font-size-normal;
}
[ui-theme*=tiny] .icon {
  --font-size: 1.4rem;
}
[ui-theme*=tiny] .side-panel {
  --font-size: $font-size-normal;
}

[ui-theme*=small] {
  --default-height: 3.4rem;
  --ui-height: 3.4rem;
}
[ui-theme*=small] .input {
  --height: var(--ui-height);
}
[ui-theme*=small] .input .input-icon {
  --margin-top: -2.5rem;
}
[ui-theme*=small] .ui-notification {
  --padding: 0.9rem 3.6rem 0.9rem 1rem;
  --width: 28rem;
}
[ui-theme*=small] .selectable {
  --height: var(--ui-height);
}

.ui-dialog-backdrop {
  background-color: var(--background-color);
}

.ui-draggable-indicator {
  position: fixed;
  display: block;
  width: 35px;
  height: 30px;
  z-index: -1;
  top: 0;
  left: 0;
  pointer-events: none;
}
.ui-draggable-indicator:before {
  content: attr(data-count);
  position: absolute;
  display: block;
  z-index: -1;
  bottom: 0;
  right: 0;
  margin-top: 10px;
  background: var(--ui-color-primary);
  color: var(--ui-static-color-white);
  font-size: 1rem;
  text-align: center;
  border-radius: 10px;
  width: 1.6rem;
  height: 1.6rem;
  line-height: 1.6rem;
  pointer-events: none;
}

.ui-dragging .ui-drop-zone:after {
  content: "";
  right: 0;
  bottom: 0;
  top: 0;
  left: 0;
  position: absolute;
  pointer-events: none;
  border: 2px solid var(--border-color);
  opacity: 0;
  transition: opacity 0.2s ease;
  z-index: 1;
}

.ui-dragging .ui-drop-zone-over:after {
  opacity: var(--border-opacity);
}
.ui-dragging .ui-drop-zone-over > * {
  pointer-events: none;
}

.ui-body-grabbing {
  cursor: grabbing !important;
  -webkit-user-select: none;
          user-select: none;
}

/*# sourceMappingURL=styles.css.map*/