header,
footer,
.color-default,
.container,
qui-wc-divider {
    visibility: hidden
}

header.loaded,
footer.loaded,
.color-default.loaded,
.container.loaded,
qui-wc-divider.loaded {
    visibility: visible
}



@media (max-width: 960px) {
    body #qt-feedback {
        bottom: 0px;
        float: none;
        left: 0;
        margin: 1.5rem 0px;
        position: relative;
        top: auto;
        transform: none;
        width: 8rem;
    }
}


.PbRoleerFjplRBGoiUNB {
    box-sizing: border-box;
    border: 0;
    margin: 0;
    padding: 0;
    overflow: hidden;
    z-index: 2147483647;
    pointer-events: none;
    visibility: hidden;
    opacity: 0;
    transition: opacity 300ms linear;
    height: 0;
    width: 0;
    max-height: 0;
    overflow: hidden;
    display: block
}

.PbRoleerFjplRBGoiUNB.active {
    display: block;
    visibility: visible;
    max-height: none;
    overflow: visible
}

.PbRoleerFjplRBGoiUNB.active.show {
    opacity: 1;
    pointer-events: inherit;
    position: inherit
}

.PbRoleerFjplRBGoiUNB.active.show.in-situ {
    width: inherit;
    height: inherit
}

.PbRoleerFjplRBGoiUNB.active.show.lightbox {
    position: fixed;
    width: 100% !important;
    height: 100% !important;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

@-moz-document url-prefix("") {
    .PbRoleerFjplRBGoiUNB {
        visibility: visible;
        display: block
    }
}

<style class="cmp-pref-styles">
.cmp-theme,
.cc-window,
.f-cmp-flyout-wrapper {
    --prefTextColor: #23316e;
    --prefBodyColor: #ffffff;
    --prefFooterColor: #ababab;
    --prefButtonColor: #ffffff;
    --prefButtonTextColor: #305af3;
    --prefSelectorBgColor: #23316e;
    --prefSelectorTextColor: #ffffff;
    --prefFocusRingColor: #8ec760;
    --prefLinkColor: #3d64f4;
}


.mat-divider {
    display: block;
    margin: 0;
    border-top-style: solid;
    border-top-color: var(--mat-divider-color, var(--mat-app-outline));
    border-top-width: var(--mat-divider-width)
}

.mat-divider.mat-divider-vertical {
    border-top: 0;
    border-right-style: solid;
    border-right-color: var(--mat-divider-color, var(--mat-app-outline));
    border-right-width: var(--mat-divider-width)
}

.mat-divider.mat-divider-inset {
    margin-left: 80px
}

[dir=rtl] .mat-divider.mat-divider-inset {
    margin-left: auto;
    margin-right: 80px
}


.mat-mdc-button-base {
    text-decoration: none
}

.mdc-button {
    -webkit-user-select: none;
    user-select: none;
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    min-width: 64px;
    border: none;
    outline: none;
    line-height: inherit;
    -webkit-appearance: none;
    overflow: visible;
    vertical-align: middle;
    background: rgba(0, 0, 0, 0);
    padding: 0 8px
}

.mdc-button::-moz-focus-inner {
    padding: 0;
    border: 0
}

.mdc-button:active {
    outline: none
}

.mdc-button:hover {
    cursor: pointer
}

.mdc-button:disabled {
    cursor: default;
    pointer-events: none
}

.mdc-button[hidden] {
    display: none
}

.mdc-button .mdc-button__label {
    position: relative
}

.mat-mdc-button {
    padding: 0 var(--mat-text-button-horizontal-padding, 8px);
    height: var(--mdc-text-button-container-height);
    font-family: var(--mdc-text-button-label-text-font, var(--mat-app-label-large-font));
    font-size: var(--mdc-text-button-label-text-size, var(--mat-app-label-large-size));
    letter-spacing: var(--mdc-text-button-label-text-tracking, var(--mat-app-label-large-tracking));
    text-transform: var(--mdc-text-button-label-text-transform);
    font-weight: var(--mdc-text-button-label-text-weight, var(--mat-app-label-large-weight))
}

.mat-mdc-button:has(.material-icons, mat-icon, [matButtonIcon]) {
    padding: 0 var(--mat-text-button-with-icon-horizontal-padding, 8px)
}

.mat-mdc-button>.mat-icon {
    margin-right: var(--mat-text-button-icon-spacing, 8px);
    margin-left: var(--mat-text-button-icon-offset, 0)
}

[dir=rtl] .mat-mdc-button>.mat-icon {
    margin-right: var(--mat-text-button-icon-offset, 0);
    margin-left: var(--mat-text-button-icon-spacing, 8px)
}

.mat-mdc-button .mdc-button__label+.mat-icon {
    margin-right: var(--mat-text-button-icon-offset, 0);
    margin-left: var(--mat-text-button-icon-spacing, 8px)
}

[dir=rtl] .mat-mdc-button .mdc-button__label+.mat-icon {
    margin-right: var(--mat-text-button-icon-spacing, 8px);
    margin-left: var(--mat-text-button-icon-offset, 0)
}

.mat-mdc-button .mat-ripple-element {
    background-color: var(--mat-text-button-ripple-color)
}

.mat-mdc-button .mat-mdc-button-persistent-ripple::before {
    background-color: var(--mat-text-button-state-layer-color, var(--mat-app-primary))
}

.mat-mdc-button.mat-mdc-button-disabled .mat-mdc-button-persistent-ripple::before {
    background-color: var(--mat-text-button-disabled-state-layer-color, var(--mat-app-on-surface-variant))
}

.mat-mdc-button:hover .mat-mdc-button-persistent-ripple::before {
    opacity: var(--mat-text-button-hover-state-layer-opacity, var(--mat-app-hover-state-layer-opacity))
}

.mat-mdc-button.cdk-program-focused .mat-mdc-button-persistent-ripple::before,
.mat-mdc-button.cdk-keyboard-focused .mat-mdc-button-persistent-ripple::before,
.mat-mdc-button.mat-mdc-button-disabled-interactive:focus .mat-mdc-button-persistent-ripple::before {
    opacity: var(--mat-text-button-focus-state-layer-opacity, var(--mat-app-focus-state-layer-opacity))
}

.mat-mdc-button:active .mat-mdc-button-persistent-ripple::before {
    opacity: var(--mat-text-button-pressed-state-layer-opacity, var(--mat-app-pressed-state-layer-opacity))
}

.mat-mdc-button .mat-mdc-button-touch-target {
    position: absolute;
    top: 50%;
    height: 48px;
    left: 0;
    right: 0;
    transform: translateY(-50%);
    display: var(--mat-text-button-touch-target-display)
}

.mat-mdc-button,
.mat-mdc-button .mdc-button__ripple {
    border-radius: var(--mdc-text-button-container-shape, var(--mat-app-corner-full))
}

.mat-mdc-button:not(:disabled) {
    color: var(--mdc-text-button-label-text-color, var(--mat-app-primary))
}

.mat-mdc-button[disabled],
.mat-mdc-button.mat-mdc-button-disabled {
    cursor: default;
    pointer-events: none;
    color: var(--mdc-text-button-disabled-label-text-color)
}

.mat-mdc-button.mat-mdc-button-disabled-interactive {
    pointer-events: auto
}

.mat-mdc-unelevated-button {
    transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);
    padding: 0 var(--mat-filled-button-horizontal-padding, 16px);
    height: var(--mdc-filled-button-container-height);
    font-family: var(--mdc-filled-button-label-text-font, var(--mat-app-label-large-font));
    font-size: var(--mdc-filled-button-label-text-size, var(--mat-app-label-large-size));
    letter-spacing: var(--mdc-filled-button-label-text-tracking, var(--mat-app-label-large-tracking));
    text-transform: var(--mdc-filled-button-label-text-transform);
    font-weight: var(--mdc-filled-button-label-text-weight, var(--mat-app-label-large-weight))
}

.mat-mdc-unelevated-button>.mat-icon {
    margin-right: var(--mat-filled-button-icon-spacing, 8px);
    margin-left: var(--mat-filled-button-icon-offset, -4px)
}

[dir=rtl] .mat-mdc-unelevated-button>.mat-icon {
    margin-right: var(--mat-filled-button-icon-offset, -4px);
    margin-left: var(--mat-filled-button-icon-spacing, 8px)
}

.mat-mdc-unelevated-button .mdc-button__label+.mat-icon {
    margin-right: var(--mat-filled-button-icon-offset, -4px);
    margin-left: var(--mat-filled-button-icon-spacing, 8px)
}

[dir=rtl] .mat-mdc-unelevated-button .mdc-button__label+.mat-icon {
    margin-right: var(--mat-filled-button-icon-spacing, 8px);
    margin-left: var(--mat-filled-button-icon-offset, -4px)
}

.mat-mdc-unelevated-button .mat-ripple-element {
    background-color: var(--mat-filled-button-ripple-color)
}

.mat-mdc-unelevated-button .mat-mdc-button-persistent-ripple::before {
    background-color: var(--mat-filled-button-state-layer-color, var(--mat-app-on-primary))
}

.mat-mdc-unelevated-button.mat-mdc-button-disabled .mat-mdc-button-persistent-ripple::before {
    background-color: var(--mat-filled-button-disabled-state-layer-color, var(--mat-app-on-surface-variant))
}

.mat-mdc-unelevated-button:hover .mat-mdc-button-persistent-ripple::before {
    opacity: var(--mat-filled-button-hover-state-layer-opacity, var(--mat-app-hover-state-layer-opacity))
}

.mat-mdc-unelevated-button.cdk-program-focused .mat-mdc-button-persistent-ripple::before,
.mat-mdc-unelevated-button.cdk-keyboard-focused .mat-mdc-button-persistent-ripple::before,
.mat-mdc-unelevated-button.mat-mdc-button-disabled-interactive:focus .mat-mdc-button-persistent-ripple::before {
    opacity: var(--mat-filled-button-focus-state-layer-opacity, var(--mat-app-focus-state-layer-opacity))
}

.mat-mdc-unelevated-button:active .mat-mdc-button-persistent-ripple::before {
    opacity: var(--mat-filled-button-pressed-state-layer-opacity, var(--mat-app-pressed-state-layer-opacity))
}

.mat-mdc-unelevated-button .mat-mdc-button-touch-target {
    position: absolute;
    top: 50%;
    height: 48px;
    left: 0;
    right: 0;
    transform: translateY(-50%);
    display: var(--mat-filled-button-touch-target-display)
}

.mat-mdc-unelevated-button:not(:disabled) {
    color: var(--mdc-filled-button-label-text-color, var(--mat-app-on-primary));
    background-color: var(--mdc-filled-button-container-color, var(--mat-app-primary))
}

.mat-mdc-unelevated-button,
.mat-mdc-unelevated-button .mdc-button__ripple {
    border-radius: var(--mdc-filled-button-container-shape, var(--mat-app-corner-full))
}

.mat-mdc-unelevated-button[disabled],
.mat-mdc-unelevated-button.mat-mdc-button-disabled {
    cursor: default;
    pointer-events: none;
    color: var(--mdc-filled-button-disabled-label-text-color);
    background-color: var(--mdc-filled-button-disabled-container-color)
}

.mat-mdc-unelevated-button.mat-mdc-button-disabled-interactive {
    pointer-events: auto
}

.mat-mdc-raised-button {
    transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);
    padding: 0 var(--mat-protected-button-horizontal-padding, 16px);
    box-shadow: var(--mdc-protected-button-container-elevation-shadow, var(--mat-app-level1));
    height: var(--mdc-protected-button-container-height);
    font-family: var(--mdc-protected-button-label-text-font, var(--mat-app-label-large-font));
    font-size: var(--mdc-protected-button-label-text-size, var(--mat-app-label-large-size));
    letter-spacing: var(--mdc-protected-button-label-text-tracking, var(--mat-app-label-large-tracking));
    text-transform: var(--mdc-protected-button-label-text-transform);
    font-weight: var(--mdc-protected-button-label-text-weight, var(--mat-app-label-large-weight))
}

.mat-mdc-raised-button>.mat-icon {
    margin-right: var(--mat-protected-button-icon-spacing, 8px);
    margin-left: var(--mat-protected-button-icon-offset, -4px)
}

[dir=rtl] .mat-mdc-raised-button>.mat-icon {
    margin-right: var(--mat-protected-button-icon-offset, -4px);
    margin-left: var(--mat-protected-button-icon-spacing, 8px)
}

.mat-mdc-raised-button .mdc-button__label+.mat-icon {
    margin-right: var(--mat-protected-button-icon-offset, -4px);
    margin-left: var(--mat-protected-button-icon-spacing, 8px)
}

[dir=rtl] .mat-mdc-raised-button .mdc-button__label+.mat-icon {
    margin-right: var(--mat-protected-button-icon-spacing, 8px);
    margin-left: var(--mat-protected-button-icon-offset, -4px)
}

.mat-mdc-raised-button .mat-ripple-element {
    background-color: var(--mat-protected-button-ripple-color)
}

.mat-mdc-raised-button .mat-mdc-button-persistent-ripple::before {
    background-color: var(--mat-protected-button-state-layer-color, var(--mat-app-primary))
}

.mat-mdc-raised-button.mat-mdc-button-disabled .mat-mdc-button-persistent-ripple::before {
    background-color: var(--mat-protected-button-disabled-state-layer-color, var(--mat-app-on-surface-variant))
}

.mat-mdc-raised-button:hover .mat-mdc-button-persistent-ripple::before {
    opacity: var(--mat-protected-button-hover-state-layer-opacity, var(--mat-app-hover-state-layer-opacity))
}

.mat-mdc-raised-button.cdk-program-focused .mat-mdc-button-persistent-ripple::before,
.mat-mdc-raised-button.cdk-keyboard-focused .mat-mdc-button-persistent-ripple::before,
.mat-mdc-raised-button.mat-mdc-button-disabled-interactive:focus .mat-mdc-button-persistent-ripple::before {
    opacity: var(--mat-protected-button-focus-state-layer-opacity, var(--mat-app-focus-state-layer-opacity))
}

.mat-mdc-raised-button:active .mat-mdc-button-persistent-ripple::before {
    opacity: var(--mat-protected-button-pressed-state-layer-opacity, var(--mat-app-pressed-state-layer-opacity))
}

.mat-mdc-raised-button .mat-mdc-button-touch-target {
    position: absolute;
    top: 50%;
    height: 48px;
    left: 0;
    right: 0;
    transform: translateY(-50%);
    display: var(--mat-protected-button-touch-target-display)
}

.mat-mdc-raised-button:not(:disabled) {
    color: var(--mdc-protected-button-label-text-color, var(--mat-app-primary));
    background-color: var(--mdc-protected-button-container-color, var(--mat-app-surface))
}

.mat-mdc-raised-button,
.mat-mdc-raised-button .mdc-button__ripple {
    border-radius: var(--mdc-protected-button-container-shape, var(--mat-app-corner-full))
}

.mat-mdc-raised-button:hover {
    box-shadow: var(--mdc-protected-button-hover-container-elevation-shadow, var(--mat-app-level2))
}

.mat-mdc-raised-button:focus {
    box-shadow: var(--mdc-protected-button-focus-container-elevation-shadow, var(--mat-app-level1))
}

.mat-mdc-raised-button:active,
.mat-mdc-raised-button:focus:active {
    box-shadow: var(--mdc-protected-button-pressed-container-elevation-shadow, var(--mat-app-level1))
}

.mat-mdc-raised-button[disabled],
.mat-mdc-raised-button.mat-mdc-button-disabled {
    cursor: default;
    pointer-events: none;
    color: var(--mdc-protected-button-disabled-label-text-color);
    background-color: var(--mdc-protected-button-disabled-container-color)
}

.mat-mdc-raised-button[disabled].mat-mdc-button-disabled,
.mat-mdc-raised-button.mat-mdc-button-disabled.mat-mdc-button-disabled {
    box-shadow: var(--mdc-protected-button-disabled-container-elevation-shadow, var(--mat-app-level0))
}

.mat-mdc-raised-button.mat-mdc-button-disabled-interactive {
    pointer-events: auto
}

.mat-mdc-outlined-button {
    border-style: solid;
    transition: border 280ms cubic-bezier(0.4, 0, 0.2, 1);
    padding: 0 var(--mat-outlined-button-horizontal-padding, 15px);
    height: var(--mdc-outlined-button-container-height);
    font-family: var(--mdc-outlined-button-label-text-font, var(--mat-app-label-large-font));
    font-size: var(--mdc-outlined-button-label-text-size, var(--mat-app-label-large-size));
    letter-spacing: var(--mdc-outlined-button-label-text-tracking, var(--mat-app-label-large-tracking));
    text-transform: var(--mdc-outlined-button-label-text-transform);
    font-weight: var(--mdc-outlined-button-label-text-weight, var(--mat-app-label-large-weight));
    border-radius: var(--mdc-outlined-button-container-shape, var(--mat-app-corner-full));
    border-width: var(--mdc-outlined-button-outline-width)
}

.mat-mdc-outlined-button>.mat-icon {
    margin-right: var(--mat-outlined-button-icon-spacing, 8px);
    margin-left: var(--mat-outlined-button-icon-offset, -4px)
}

[dir=rtl] .mat-mdc-outlined-button>.mat-icon {
    margin-right: var(--mat-outlined-button-icon-offset, -4px);
    margin-left: var(--mat-outlined-button-icon-spacing, 8px)
}

.mat-mdc-outlined-button .mdc-button__label+.mat-icon {
    margin-right: var(--mat-outlined-button-icon-offset, -4px);
    margin-left: var(--mat-outlined-button-icon-spacing, 8px)
}

[dir=rtl] .mat-mdc-outlined-button .mdc-button__label+.mat-icon {
    margin-right: var(--mat-outlined-button-icon-spacing, 8px);
    margin-left: var(--mat-outlined-button-icon-offset, -4px)
}

.mat-mdc-outlined-button .mat-ripple-element {
    background-color: var(--mat-outlined-button-ripple-color)
}

.mat-mdc-outlined-button .mat-mdc-button-persistent-ripple::before {
    background-color: var(--mat-outlined-button-state-layer-color, var(--mat-app-primary))
}

.mat-mdc-outlined-button.mat-mdc-button-disabled .mat-mdc-button-persistent-ripple::before {
    background-color: var(--mat-outlined-button-disabled-state-layer-color, var(--mat-app-on-surface-variant))
}

.mat-mdc-outlined-button:hover .mat-mdc-button-persistent-ripple::before {
    opacity: var(--mat-outlined-button-hover-state-layer-opacity, var(--mat-app-hover-state-layer-opacity))
}

.mat-mdc-outlined-button.cdk-program-focused .mat-mdc-button-persistent-ripple::before,
.mat-mdc-outlined-button.cdk-keyboard-focused .mat-mdc-button-persistent-ripple::before,
.mat-mdc-outlined-button.mat-mdc-button-disabled-interactive:focus .mat-mdc-button-persistent-ripple::before {
    opacity: var(--mat-outlined-button-focus-state-layer-opacity, var(--mat-app-focus-state-layer-opacity))
}

.mat-mdc-outlined-button:active .mat-mdc-button-persistent-ripple::before {
    opacity: var(--mat-outlined-button-pressed-state-layer-opacity, var(--mat-app-pressed-state-layer-opacity))
}

.mat-mdc-outlined-button .mat-mdc-button-touch-target {
    position: absolute;
    top: 50%;
    height: 48px;
    left: 0;
    right: 0;
    transform: translateY(-50%);
    display: var(--mat-outlined-button-touch-target-display)
}

.mat-mdc-outlined-button:not(:disabled) {
    color: var(--mdc-outlined-button-label-text-color, var(--mat-app-primary));
    border-color: var(--mdc-outlined-button-outline-color, var(--mat-app-outline))
}

.mat-mdc-outlined-button[disabled],
.mat-mdc-outlined-button.mat-mdc-button-disabled {
    cursor: default;
    pointer-events: none;
    color: var(--mdc-outlined-button-disabled-label-text-color);
    border-color: var(--mdc-outlined-button-disabled-outline-color)
}

.mat-mdc-outlined-button.mat-mdc-button-disabled-interactive {
    pointer-events: auto
}

.mat-mdc-outlined-button .mdc-button__ripple {
    border-width: var(--mdc-outlined-button-outline-width);
    border-style: solid;
    border-color: rgba(0, 0, 0, 0)
}

.mat-mdc-button,
.mat-mdc-unelevated-button,
.mat-mdc-raised-button,
.mat-mdc-outlined-button {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.mat-mdc-button .mat-mdc-button-ripple,
.mat-mdc-button .mat-mdc-button-persistent-ripple,
.mat-mdc-button .mat-mdc-button-persistent-ripple::before,
.mat-mdc-unelevated-button .mat-mdc-button-ripple,
.mat-mdc-unelevated-button .mat-mdc-button-persistent-ripple,
.mat-mdc-unelevated-button .mat-mdc-button-persistent-ripple::before,
.mat-mdc-raised-button .mat-mdc-button-ripple,
.mat-mdc-raised-button .mat-mdc-button-persistent-ripple,
.mat-mdc-raised-button .mat-mdc-button-persistent-ripple::before,
.mat-mdc-outlined-button .mat-mdc-button-ripple,
.mat-mdc-outlined-button .mat-mdc-button-persistent-ripple,
.mat-mdc-outlined-button .mat-mdc-button-persistent-ripple::before {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    pointer-events: none;
    border-radius: inherit
}

.mat-mdc-button .mat-mdc-button-ripple,
.mat-mdc-unelevated-button .mat-mdc-button-ripple,
.mat-mdc-raised-button .mat-mdc-button-ripple,
.mat-mdc-outlined-button .mat-mdc-button-ripple {
    overflow: hidden
}

.mat-mdc-button .mat-mdc-button-persistent-ripple::before,
.mat-mdc-unelevated-button .mat-mdc-button-persistent-ripple::before,
.mat-mdc-raised-button .mat-mdc-button-persistent-ripple::before,
.mat-mdc-outlined-button .mat-mdc-button-persistent-ripple::before {
    content: "";
    opacity: 0
}

.mat-mdc-button .mdc-button__label,
.mat-mdc-button .mat-icon,
.mat-mdc-unelevated-button .mdc-button__label,
.mat-mdc-unelevated-button .mat-icon,
.mat-mdc-raised-button .mdc-button__label,
.mat-mdc-raised-button .mat-icon,
.mat-mdc-outlined-button .mdc-button__label,
.mat-mdc-outlined-button .mat-icon {
    z-index: 1;
    position: relative
}

.mat-mdc-button .mat-mdc-focus-indicator,
.mat-mdc-unelevated-button .mat-mdc-focus-indicator,
.mat-mdc-raised-button .mat-mdc-focus-indicator,
.mat-mdc-outlined-button .mat-mdc-focus-indicator {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute
}

.mat-mdc-button:focus .mat-mdc-focus-indicator::before,
.mat-mdc-unelevated-button:focus .mat-mdc-focus-indicator::before,
.mat-mdc-raised-button:focus .mat-mdc-focus-indicator::before,
.mat-mdc-outlined-button:focus .mat-mdc-focus-indicator::before {
    content: ""
}

.mat-mdc-button._mat-animation-noopable,
.mat-mdc-unelevated-button._mat-animation-noopable,
.mat-mdc-raised-button._mat-animation-noopable,
.mat-mdc-outlined-button._mat-animation-noopable {
    transition: none !important;
    animation: none !important
}

.mat-mdc-button>.mat-icon,
.mat-mdc-unelevated-button>.mat-icon,
.mat-mdc-raised-button>.mat-icon,
.mat-mdc-outlined-button>.mat-icon {
    display: inline-block;
    position: relative;
    vertical-align: top;
    font-size: 1.125rem;
    height: 1.125rem;
    width: 1.125rem
}

.mat-mdc-outlined-button .mat-mdc-button-ripple,
.mat-mdc-outlined-button .mdc-button__ripple {
    top: -1px;
    left: -1px;
    bottom: -1px;
    right: -1px
}

.mat-mdc-unelevated-button .mat-mdc-focus-indicator::before,
.mat-mdc-raised-button .mat-mdc-focus-indicator::before {
    margin: calc(calc(var(--mat-mdc-focus-indicator-border-width, 3px) + 2px)*-1)
}

.mat-mdc-outlined-button .mat-mdc-focus-indicator::before {
    margin: calc(calc(var(--mat-mdc-focus-indicator-border-width, 3px) + 3px)*-1)
}


.cdk-high-contrast-active .mat-mdc-button:not(.mdc-button--outlined),
.cdk-high-contrast-active .mat-mdc-unelevated-button:not(.mdc-button--outlined),
.cdk-high-contrast-active .mat-mdc-raised-button:not(.mdc-button--outlined),
.cdk-high-contrast-active .mat-mdc-outlined-button:not(.mdc-button--outlined),
.cdk-high-contrast-active .mat-mdc-icon-button {
    outline: solid 1px
}


.mdc-checkbox {
    display: inline-block;
    position: relative;
    flex: 0 0 18px;
    box-sizing: content-box;
    width: 18px;
    height: 18px;
    line-height: 0;
    white-space: nowrap;
    cursor: pointer;
    vertical-align: bottom;
    padding: calc((var(--mdc-checkbox-state-layer-size, 40px) - 18px)/2);
    margin: calc((var(--mdc-checkbox-state-layer-size, 40px) - var(--mdc-checkbox-state-layer-size, 40px))/2)
}

.mdc-checkbox:hover .mdc-checkbox__ripple {
    opacity: var(--mdc-checkbox-unselected-hover-state-layer-opacity, var(--mat-app-hover-state-layer-opacity));
    background-color: var(--mdc-checkbox-unselected-hover-state-layer-color, var(--mat-app-on-surface))
}

.mdc-checkbox:hover .mat-mdc-checkbox-ripple .mat-ripple-element {
    background-color: var(--mdc-checkbox-unselected-hover-state-layer-color, var(--mat-app-on-surface))
}

.mdc-checkbox .mdc-checkbox__native-control:focus~.mdc-checkbox__ripple {
    opacity: var(--mdc-checkbox-unselected-focus-state-layer-opacity, var(--mat-app-focus-state-layer-opacity));
    background-color: var(--mdc-checkbox-unselected-focus-state-layer-color, var(--mat-app-on-surface))
}

.mdc-checkbox .mdc-checkbox__native-control:focus~.mat-mdc-checkbox-ripple .mat-ripple-element {
    background-color: var(--mdc-checkbox-unselected-focus-state-layer-color, var(--mat-app-on-surface))
}

.mdc-checkbox:active .mdc-checkbox__native-control~.mdc-checkbox__ripple {
    opacity: var(--mdc-checkbox-unselected-pressed-state-layer-opacity, var(--mat-app-pressed-state-layer-opacity));
    background-color: var(--mdc-checkbox-unselected-pressed-state-layer-color, var(--mat-app-primary))
}

.mdc-checkbox:active .mdc-checkbox__native-control~.mat-mdc-checkbox-ripple .mat-ripple-element {
    background-color: var(--mdc-checkbox-unselected-pressed-state-layer-color, var(--mat-app-primary))
}

.mdc-checkbox:hover .mdc-checkbox__native-control:checked~.mdc-checkbox__ripple {
    opacity: var(--mdc-checkbox-selected-hover-state-layer-opacity, var(--mat-app-hover-state-layer-opacity));
    background-color: var(--mdc-checkbox-selected-hover-state-layer-color, var(--mat-app-primary))
}

.mdc-checkbox:hover .mdc-checkbox__native-control:checked~.mat-mdc-checkbox-ripple .mat-ripple-element {
    background-color: var(--mdc-checkbox-selected-hover-state-layer-color, var(--mat-app-primary))
}

.mdc-checkbox .mdc-checkbox__native-control:focus:checked~.mdc-checkbox__ripple {
    opacity: var(--mdc-checkbox-selected-focus-state-layer-opacity, var(--mat-app-focus-state-layer-opacity));
    background-color: var(--mdc-checkbox-selected-focus-state-layer-color, var(--mat-app-primary))
}

.mdc-checkbox .mdc-checkbox__native-control:focus:checked~.mat-mdc-checkbox-ripple .mat-ripple-element {
    background-color: var(--mdc-checkbox-selected-focus-state-layer-color, var(--mat-app-primary))
}

.mdc-checkbox:active .mdc-checkbox__native-control:checked~.mdc-checkbox__ripple {
    opacity: var(--mdc-checkbox-selected-pressed-state-layer-opacity, var(--mat-app-pressed-state-layer-opacity));
    background-color: var(--mdc-checkbox-selected-pressed-state-layer-color, var(--mat-app-on-surface))
}

.mdc-checkbox:active .mdc-checkbox__native-control:checked~.mat-mdc-checkbox-ripple .mat-ripple-element {
    background-color: var(--mdc-checkbox-selected-pressed-state-layer-color, var(--mat-app-on-surface))
}

.mdc-checkbox--disabled.mat-mdc-checkbox-disabled-interactive .mdc-checkbox .mdc-checkbox__native-control~.mat-mdc-checkbox-ripple .mat-ripple-element,
.mdc-checkbox--disabled.mat-mdc-checkbox-disabled-interactive .mdc-checkbox .mdc-checkbox__native-control~.mdc-checkbox__ripple {
    background-color: var(--mdc-checkbox-unselected-hover-state-layer-color, var(--mat-app-on-surface))
}

.mdc-checkbox .mdc-checkbox__native-control {
    position: absolute;
    margin: 0;
    padding: 0;
    opacity: 0;
    cursor: inherit;
    width: var(--mdc-checkbox-state-layer-size, 40px);
    height: var(--mdc-checkbox-state-layer-size, 40px);
    top: calc((var(--mdc-checkbox-state-layer-size, 40px) - var(--mdc-checkbox-state-layer-size, 40px))/2);
    right: calc((var(--mdc-checkbox-state-layer-size, 40px) - var(--mdc-checkbox-state-layer-size, 40px))/2);
    left: calc((var(--mdc-checkbox-state-layer-size, 40px) - var(--mdc-checkbox-state-layer-size, 40px))/2)
}

.mdc-checkbox--disabled {
    cursor: default;
    pointer-events: none
}

.cdk-high-contrast-active .mdc-checkbox--disabled {
    opacity: .5
}

.mdc-checkbox__background {
    display: inline-flex;
    position: absolute;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    width: 18px;
    height: 18px;
    border: 2px solid currentColor;
    border-radius: 2px;
    background-color: rgba(0, 0, 0, 0);
    pointer-events: none;
    will-change: background-color, border-color;
    transition: background-color 90ms cubic-bezier(0.4, 0, 0.6, 1), border-color 90ms cubic-bezier(0.4, 0, 0.6, 1);
    -webkit-print-color-adjust: exact;
    color-adjust: exact;
    border-color: var(--mdc-checkbox-unselected-icon-color, var(--mat-app-on-surface-variant));
    top: calc((var(--mdc-checkbox-state-layer-size, 40px) - 18px)/2);
    left: calc((var(--mdc-checkbox-state-layer-size, 40px) - 18px)/2)
}

.mdc-checkbox__native-control:enabled:checked~.mdc-checkbox__background,
.mdc-checkbox__native-control:enabled:indeterminate~.mdc-checkbox__background {
    border-color: var(--mdc-checkbox-selected-icon-color, var(--mat-app-primary));
    background-color: var(--mdc-checkbox-selected-icon-color, var(--mat-app-primary))
}

.mdc-checkbox--disabled .mdc-checkbox__background {
    border-color: var(--mdc-checkbox-disabled-unselected-icon-color)
}

.mdc-checkbox__native-control:disabled:checked~.mdc-checkbox__background,
.mdc-checkbox__native-control:disabled:indeterminate~.mdc-checkbox__background {
    background-color: var(--mdc-checkbox-disabled-selected-icon-color);
    border-color: rgba(0, 0, 0, 0)
}

.mdc-checkbox:hover .mdc-checkbox__native-control:not(:checked)~.mdc-checkbox__background,
.mdc-checkbox:hover .mdc-checkbox__native-control:not(:indeterminate)~.mdc-checkbox__background {
    border-color: var(--mdc-checkbox-unselected-hover-icon-color, var(--mat-app-on-surface));
    background-color: rgba(0, 0, 0, 0)
}

.mdc-checkbox:hover .mdc-checkbox__native-control:checked~.mdc-checkbox__background,
.mdc-checkbox:hover .mdc-checkbox__native-control:indeterminate~.mdc-checkbox__background {
    border-color: var(--mdc-checkbox-selected-hover-icon-color, var(--mat-app-primary));
    background-color: var(--mdc-checkbox-selected-hover-icon-color, var(--mat-app-primary))
}

.mdc-checkbox__native-control:focus:focus:not(:checked)~.mdc-checkbox__background,
.mdc-checkbox__native-control:focus:focus:not(:indeterminate)~.mdc-checkbox__background {
    border-color: var(--mdc-checkbox-unselected-focus-icon-color, var(--mat-app-on-surface))
}

.mdc-checkbox__native-control:focus:focus:checked~.mdc-checkbox__background,
.mdc-checkbox__native-control:focus:focus:indeterminate~.mdc-checkbox__background {
    border-color: var(--mdc-checkbox-selected-focus-icon-color, var(--mat-app-primary));
    background-color: var(--mdc-checkbox-selected-focus-icon-color, var(--mat-app-primary))
}

.mdc-checkbox--disabled.mat-mdc-checkbox-disabled-interactive .mdc-checkbox:hover .mdc-checkbox__native-control~.mdc-checkbox__background,
.mdc-checkbox--disabled.mat-mdc-checkbox-disabled-interactive .mdc-checkbox .mdc-checkbox__native-control:focus~.mdc-checkbox__background,
.mdc-checkbox--disabled.mat-mdc-checkbox-disabled-interactive .mdc-checkbox__background {
    border-color: var(--mdc-checkbox-disabled-unselected-icon-color)
}

.mdc-checkbox--disabled.mat-mdc-checkbox-disabled-interactive .mdc-checkbox__native-control:checked~.mdc-checkbox__background,
.mdc-checkbox--disabled.mat-mdc-checkbox-disabled-interactive .mdc-checkbox__native-control:indeterminate~.mdc-checkbox__background {
    background-color: var(--mdc-checkbox-disabled-selected-icon-color);
    border-color: rgba(0, 0, 0, 0)
}

.mdc-checkbox__checkmark {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    opacity: 0;
    transition: opacity 180ms cubic-bezier(0.4, 0, 0.6, 1);
    color: var(--mdc-checkbox-selected-checkmark-color, var(--mat-app-on-primary))
}

.cdk-high-contrast-active .mdc-checkbox__checkmark {
    color: CanvasText
}

.mdc-checkbox--disabled .mdc-checkbox__checkmark,
.mdc-checkbox--disabled.mat-mdc-checkbox-disabled-interactive .mdc-checkbox__checkmark {
    color: var(--mdc-checkbox-disabled-selected-checkmark-color, var(--mat-app-surface))
}

.cdk-high-contrast-active .mdc-checkbox--disabled .mdc-checkbox__checkmark,
.cdk-high-contrast-active .mdc-checkbox--disabled.mat-mdc-checkbox-disabled-interactive .mdc-checkbox__checkmark {
    color: CanvasText
}

.mdc-checkbox__checkmark-path {
    transition: stroke-dashoffset 180ms cubic-bezier(0.4, 0, 0.6, 1);
    stroke: currentColor;
    stroke-width: 3.12px;
    stroke-dashoffset: 29.7833385;
    stroke-dasharray: 29.7833385
}

.mdc-checkbox__mixedmark {
    width: 100%;
    height: 0;
    transform: scaleX(0) rotate(0deg);
    border-width: 1px;
    border-style: solid;
    opacity: 0;
    transition: opacity 90ms cubic-bezier(0.4, 0, 0.6, 1), transform 90ms cubic-bezier(0.4, 0, 0.6, 1);
    border-color: var(--mdc-checkbox-selected-checkmark-color, var(--mat-app-on-primary))
}

.cdk-high-contrast-active .mdc-checkbox__mixedmark {
    margin: 0 1px
}

.mdc-checkbox--disabled .mdc-checkbox__mixedmark,
.mdc-checkbox--disabled.mat-mdc-checkbox-disabled-interactive .mdc-checkbox__mixedmark {
    border-color: var(--mdc-checkbox-disabled-selected-checkmark-color, var(--mat-app-surface))
}

.mdc-checkbox--anim-unchecked-checked .mdc-checkbox__background,
.mdc-checkbox--anim-unchecked-indeterminate .mdc-checkbox__background,
.mdc-checkbox--anim-checked-unchecked .mdc-checkbox__background,
.mdc-checkbox--anim-indeterminate-unchecked .mdc-checkbox__background {
    animation-duration: 180ms;
    animation-timing-function: linear
}

.mdc-checkbox--anim-unchecked-checked .mdc-checkbox__checkmark-path {
    animation: mdc-checkbox-unchecked-checked-checkmark-path 180ms linear;
    transition: none
}

.mdc-checkbox--anim-unchecked-indeterminate .mdc-checkbox__mixedmark {
    animation: mdc-checkbox-unchecked-indeterminate-mixedmark 90ms linear;
    transition: none
}

.mdc-checkbox--anim-checked-unchecked .mdc-checkbox__checkmark-path {
    animation: mdc-checkbox-checked-unchecked-checkmark-path 90ms linear;
    transition: none
}

.mdc-checkbox--anim-checked-indeterminate .mdc-checkbox__checkmark {
    animation: mdc-checkbox-checked-indeterminate-checkmark 90ms linear;
    transition: none
}

.mdc-checkbox--anim-checked-indeterminate .mdc-checkbox__mixedmark {
    animation: mdc-checkbox-checked-indeterminate-mixedmark 90ms linear;
    transition: none
}

.mdc-checkbox--anim-indeterminate-checked .mdc-checkbox__checkmark {
    animation: mdc-checkbox-indeterminate-checked-checkmark 500ms linear;
    transition: none
}

.mdc-checkbox--anim-indeterminate-checked .mdc-checkbox__mixedmark {
    animation: mdc-checkbox-indeterminate-checked-mixedmark 500ms linear;
    transition: none
}

.mdc-checkbox--anim-indeterminate-unchecked .mdc-checkbox__mixedmark {
    animation: mdc-checkbox-indeterminate-unchecked-mixedmark 300ms linear;
    transition: none
}

.mdc-checkbox__native-control:checked~.mdc-checkbox__background,
.mdc-checkbox__native-control:indeterminate~.mdc-checkbox__background {
    transition: border-color 90ms cubic-bezier(0, 0, 0.2, 1), background-color 90ms cubic-bezier(0, 0, 0.2, 1)
}

.mdc-checkbox__native-control:checked~.mdc-checkbox__background .mdc-checkbox__checkmark-path,
.mdc-checkbox__native-control:indeterminate~.mdc-checkbox__background .mdc-checkbox__checkmark-path {
    stroke-dashoffset: 0
}

.mdc-checkbox__native-control:checked~.mdc-checkbox__background .mdc-checkbox__checkmark {
    transition: opacity 180ms cubic-bezier(0, 0, 0.2, 1), transform 180ms cubic-bezier(0, 0, 0.2, 1);
    opacity: 1
}

.mdc-checkbox__native-control:checked~.mdc-checkbox__background .mdc-checkbox__mixedmark {
    transform: scaleX(1) rotate(-45deg)
}

.mdc-checkbox__native-control:indeterminate~.mdc-checkbox__background .mdc-checkbox__checkmark {
    transform: rotate(45deg);
    opacity: 0;
    transition: opacity 90ms cubic-bezier(0.4, 0, 0.6, 1), transform 90ms cubic-bezier(0.4, 0, 0.6, 1)
}

.mdc-checkbox__native-control:indeterminate~.mdc-checkbox__background .mdc-checkbox__mixedmark {
    transform: scaleX(1) rotate(0deg);
    opacity: 1
}

@keyframes mdc-checkbox-unchecked-checked-checkmark-path {

    0%,
    50% {
        stroke-dashoffset: 29.7833385
    }

    50% {
        animation-timing-function: cubic-bezier(0, 0, 0.2, 1)
    }

    100% {
        stroke-dashoffset: 0
    }
}

@keyframes mdc-checkbox-unchecked-indeterminate-mixedmark {

    0%,
    68.2% {
        transform: scaleX(0)
    }

    68.2% {
        animation-timing-function: cubic-bezier(0, 0, 0, 1)
    }

    100% {
        transform: scaleX(1)
    }
}

@keyframes mdc-checkbox-checked-unchecked-checkmark-path {
    from {
        animation-timing-function: cubic-bezier(0.4, 0, 1, 1);
        opacity: 1;
        stroke-dashoffset: 0
    }

    to {
        opacity: 0;
        stroke-dashoffset: -29.7833385
    }
}

@keyframes mdc-checkbox-checked-indeterminate-checkmark {
    from {
        animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
        transform: rotate(0deg);
        opacity: 1
    }

    to {
        transform: rotate(45deg);
        opacity: 0
    }
}

@keyframes mdc-checkbox-indeterminate-checked-checkmark {
    from {
        animation-timing-function: cubic-bezier(0.14, 0, 0, 1);
        transform: rotate(45deg);
        opacity: 0
    }

    to {
        transform: rotate(360deg);
        opacity: 1
    }
}

@keyframes mdc-checkbox-checked-indeterminate-mixedmark {
    from {
        animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
        transform: rotate(-45deg);
        opacity: 0
    }

    to {
        transform: rotate(0deg);
        opacity: 1
    }
}

@keyframes mdc-checkbox-indeterminate-checked-mixedmark {
    from {
        animation-timing-function: cubic-bezier(0.14, 0, 0, 1);
        transform: rotate(0deg);
        opacity: 1
    }

    to {
        transform: rotate(315deg);
        opacity: 0
    }
}

@keyframes mdc-checkbox-indeterminate-unchecked-mixedmark {
    0% {
        animation-timing-function: linear;
        transform: scaleX(1);
        opacity: 1
    }

    32.8%,
    100% {
        transform: scaleX(0);
        opacity: 0
    }
}

.mat-mdc-checkbox {
    display: inline-block;
    position: relative;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.mat-mdc-checkbox._mat-animation-noopable .mdc-checkbox *,
.mat-mdc-checkbox._mat-animation-noopable .mdc-checkbox *::before {
    transition: none !important;
    animation: none !important
}

.mat-mdc-checkbox label {
    cursor: pointer
}

.mat-mdc-checkbox .mat-internal-form-field {
    color: var(--mat-checkbox-label-text-color, var(--mat-app-on-surface));
    font-family: var(--mat-checkbox-label-text-font, var(--mat-app-body-medium-font));
    line-height: var(--mat-checkbox-label-text-line-height, var(--mat-app-body-medium-line-height));
    font-size: var(--mat-checkbox-label-text-size, var(--mat-app-body-medium-size));
    letter-spacing: var(--mat-checkbox-label-text-tracking, var(--mat-app-body-medium-tracking));
    font-weight: var(--mat-checkbox-label-text-weight, var(--mat-app-body-medium-weight))
}

.mat-mdc-checkbox.mat-mdc-checkbox-disabled.mat-mdc-checkbox-disabled-interactive {
    pointer-events: auto
}

.mat-mdc-checkbox.mat-mdc-checkbox-disabled.mat-mdc-checkbox-disabled-interactive input {
    cursor: default
}

.mat-mdc-checkbox.mat-mdc-checkbox-disabled label {
    cursor: default;
    color: var(--mat-checkbox-disabled-label-color)
}

.mat-mdc-checkbox label:empty {
    display: none
}

.mat-mdc-checkbox .mdc-checkbox__ripple {
    opacity: 0
}

.mat-mdc-checkbox-ripple,
.mdc-checkbox__ripple {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    border-radius: 50%;
    pointer-events: none
}

.mat-mdc-checkbox-ripple:not(:empty),
.mdc-checkbox__ripple:not(:empty) {
    transform: translateZ(0)
}

.mat-mdc-checkbox-ripple .mat-ripple-element {
    opacity: .1
}

.mat-mdc-checkbox-touch-target {
    position: absolute;
    top: 50%;
    left: 50%;
    height: 48px;
    width: 48px;
    transform: translate(-50%, -50%);
    display: var(--mat-checkbox-touch-target-display)
}

.mat-mdc-checkbox-ripple::before {
    border-radius: 50%
}

.mdc-checkbox__native-control:focus~.mat-mdc-focus-indicator::before {
    content: ""
}


.mat-internal-form-field {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-flex;
    align-items: center;
    vertical-align: middle
}

.mat-internal-form-field>label {
    margin-left: 0;
    margin-right: auto;
    padding-left: 4px;
    padding-right: 0;
    order: 0
}

[dir=rtl] .mat-internal-form-field>label {
    margin-left: auto;
    margin-right: 0;
    padding-left: 0;
    padding-right: 4px
}

.mdc-form-field--align-end>label {
    margin-left: auto;
    margin-right: 0;
    padding-left: 0;
    padding-right: 4px;
    order: -1
}

[dir=rtl] .mdc-form-field--align-end .mdc-form-field--align-end label {
    margin-left: 0;
    margin-right: auto;
    padding-left: 4px;
    padding-right: 0
}


.mdc-text-field {
    display: inline-flex;
    align-items: baseline;
    padding: 0 16px;
    position: relative;
    box-sizing: border-box;
    overflow: hidden;
    will-change: opacity, transform, color;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.mdc-text-field__input {
    width: 100%;
    min-width: 0;
    border: none;
    border-radius: 0;
    background: none;
    padding: 0;
    -moz-appearance: none;
    -webkit-appearance: none;
    height: 28px
}

.mdc-text-field__input::-webkit-calendar-picker-indicator {
    display: none
}

.mdc-text-field__input::-ms-clear {
    display: none
}

.mdc-text-field__input:focus {
    outline: none
}

.mdc-text-field__input:invalid {
    box-shadow: none
}

.mdc-text-field__input::placeholder {
    opacity: 0
}

.mdc-text-field__input::-moz-placeholder {
    opacity: 0
}

.mdc-text-field__input::-webkit-input-placeholder {
    opacity: 0
}

.mdc-text-field__input:-ms-input-placeholder {
    opacity: 0
}

.mdc-text-field--no-label .mdc-text-field__input::placeholder,
.mdc-text-field--focused .mdc-text-field__input::placeholder {
    opacity: 1
}

.mdc-text-field--no-label .mdc-text-field__input::-moz-placeholder,
.mdc-text-field--focused .mdc-text-field__input::-moz-placeholder {
    opacity: 1
}

.mdc-text-field--no-label .mdc-text-field__input::-webkit-input-placeholder,
.mdc-text-field--focused .mdc-text-field__input::-webkit-input-placeholder {
    opacity: 1
}

.mdc-text-field--no-label .mdc-text-field__input:-ms-input-placeholder,
.mdc-text-field--focused .mdc-text-field__input:-ms-input-placeholder {
    opacity: 1
}

.mdc-text-field--outlined .mdc-text-field__input,
.mdc-text-field--filled.mdc-text-field--no-label .mdc-text-field__input {
    height: 100%
}

.mdc-text-field--outlined .mdc-text-field__input {
    display: flex;
    border: none !important;
    background-color: rgba(0, 0, 0, 0)
}

.mdc-text-field--disabled .mdc-text-field__input {
    pointer-events: auto
}

.mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-text-field__input {
    color: var(--mdc-filled-text-field-input-text-color, var(--mat-app-on-surface));
    caret-color: var(--mdc-filled-text-field-caret-color, var(--mat-app-primary))
}

.mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-text-field__input::placeholder {
    color: var(--mdc-filled-text-field-input-text-placeholder-color, var(--mat-app-on-surface-variant))
}

.mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-text-field__input::-moz-placeholder {
    color: var(--mdc-filled-text-field-input-text-placeholder-color, var(--mat-app-on-surface-variant))
}

.mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-text-field__input::-webkit-input-placeholder {
    color: var(--mdc-filled-text-field-input-text-placeholder-color, var(--mat-app-on-surface-variant))
}

.mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-text-field__input:-ms-input-placeholder {
    color: var(--mdc-filled-text-field-input-text-placeholder-color, var(--mat-app-on-surface-variant))
}

.mdc-text-field--filled.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-text-field__input {
    caret-color: var(--mdc-filled-text-field-error-caret-color)
}

.mdc-text-field--filled.mdc-text-field--disabled .mdc-text-field__input {
    color: var(--mdc-filled-text-field-disabled-input-text-color)
}

.mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-text-field__input {
    color: var(--mdc-outlined-text-field-input-text-color, var(--mat-app-on-surface));
    caret-color: var(--mdc-outlined-text-field-caret-color, var(--mat-app-primary))
}

.mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-text-field__input::placeholder {
    color: var(--mdc-outlined-text-field-input-text-placeholder-color, var(--mat-app-on-surface-variant))
}

.mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-text-field__input::-moz-placeholder {
    color: var(--mdc-outlined-text-field-input-text-placeholder-color, var(--mat-app-on-surface-variant))
}

.mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-text-field__input::-webkit-input-placeholder {
    color: var(--mdc-outlined-text-field-input-text-placeholder-color, var(--mat-app-on-surface-variant))
}

.mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-text-field__input:-ms-input-placeholder {
    color: var(--mdc-outlined-text-field-input-text-placeholder-color, var(--mat-app-on-surface-variant))
}

.mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-text-field__input {
    caret-color: var(--mdc-outlined-text-field-error-caret-color)
}

.mdc-text-field--outlined.mdc-text-field--disabled .mdc-text-field__input {
    color: var(--mdc-outlined-text-field-disabled-input-text-color)
}

.mdc-text-field--disabled .cdk-high-contrast-active .mdc-text-field__input {
    background-color: Window
}

.mdc-text-field--filled {
    height: 56px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    border-top-left-radius: var(--mdc-filled-text-field-container-shape, var(--mat-app-corner-extra-small-top));
    border-top-right-radius: var(--mdc-filled-text-field-container-shape, var(--mat-app-corner-extra-small-top))
}

.mdc-text-field--filled:not(.mdc-text-field--disabled) {
    background-color: var(--mdc-filled-text-field-container-color, var(--mat-app-surface-variant))
}

.mdc-text-field--filled.mdc-text-field--disabled {
    background-color: var(--mdc-filled-text-field-disabled-container-color)
}

.mdc-text-field--outlined {
    height: 56px;
    overflow: visible;
    padding-right: max(16px, var(--mdc-outlined-text-field-container-shape, var(--mat-app-corner-extra-small)));
    padding-left: max(16px, var(--mdc-outlined-text-field-container-shape, var(--mat-app-corner-extra-small)) + 4px)
}

[dir=rtl] .mdc-text-field--outlined {
    padding-right: max(16px, var(--mdc-outlined-text-field-container-shape, var(--mat-app-corner-extra-small)) + 4px);
    padding-left: max(16px, var(--mdc-outlined-text-field-container-shape, var(--mat-app-corner-extra-small)))
}

.mdc-floating-label {
    position: absolute;
    left: 0;
    transform-origin: left top;
    line-height: 1.15rem;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: text;
    overflow: hidden;
    will-change: transform
}

[dir=rtl] .mdc-floating-label {
    right: 0;
    left: auto;
    transform-origin: right top;
    text-align: right
}

.mdc-text-field .mdc-floating-label {
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none
}

.mdc-notched-outline .mdc-floating-label {
    display: inline-block;
    position: relative;
    max-width: 100%
}

.mdc-text-field--outlined .mdc-floating-label {
    left: 4px;
    right: auto
}

[dir=rtl] .mdc-text-field--outlined .mdc-floating-label {
    left: auto;
    right: 4px
}

.mdc-text-field--filled .mdc-floating-label {
    left: 16px;
    right: auto
}

[dir=rtl] .mdc-text-field--filled .mdc-floating-label {
    left: auto;
    right: 16px
}

.mdc-text-field--disabled .mdc-floating-label {
    cursor: default
}

.cdk-high-contrast-active .mdc-text-field--disabled .mdc-floating-label {
    z-index: 1
}

.mdc-text-field--filled.mdc-text-field--no-label .mdc-floating-label {
    display: none
}

.mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-floating-label {
    color: var(--mdc-filled-text-field-label-text-color, var(--mat-app-on-surface-variant))
}

.mdc-text-field--filled:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-floating-label {
    color: var(--mdc-filled-text-field-focus-label-text-color, var(--mat-app-primary))
}

.mdc-text-field--filled:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-floating-label {
    color: var(--mdc-filled-text-field-hover-label-text-color, var(--mat-app-on-surface-variant))
}

.mdc-text-field--filled.mdc-text-field--disabled .mdc-floating-label {
    color: var(--mdc-filled-text-field-disabled-label-text-color)
}

.mdc-text-field--filled:not(.mdc-text-field--disabled).mdc-text-field--invalid .mdc-floating-label {
    color: var(--mdc-filled-text-field-error-label-text-color, var(--mat-app-error))
}

.mdc-text-field--filled:not(.mdc-text-field--disabled).mdc-text-field--invalid.mdc-text-field--focused .mdc-floating-label {
    color: var(--mdc-filled-text-field-error-focus-label-text-color, var(--mat-app-error))
}

.mdc-text-field--filled:not(.mdc-text-field--disabled).mdc-text-field--invalid:not(.mdc-text-field--disabled):hover .mdc-floating-label {
    color: var(--mdc-filled-text-field-error-hover-label-text-color, var(--mat-app-on-error-container))
}

.mdc-text-field--filled .mdc-floating-label {
    font-family: var(--mdc-filled-text-field-label-text-font, var(--mat-app-body-large-font));
    font-size: var(--mdc-filled-text-field-label-text-size, var(--mat-app-body-large-size));
    font-weight: var(--mdc-filled-text-field-label-text-weight, var(--mat-app-body-large-weight));
    letter-spacing: var(--mdc-filled-text-field-label-text-tracking, var(--mat-app-body-large-tracking))
}

.mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-floating-label {
    color: var(--mdc-outlined-text-field-label-text-color, var(--mat-app-on-surface-variant))
}

.mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-floating-label {
    color: var(--mdc-outlined-text-field-focus-label-text-color, var(--mat-app-primary))
}

.mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-floating-label {
    color: var(--mdc-outlined-text-field-hover-label-text-color, var(--mat-app-on-surface))
}

.mdc-text-field--outlined.mdc-text-field--disabled .mdc-floating-label {
    color: var(--mdc-outlined-text-field-disabled-label-text-color)
}

.mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--invalid .mdc-floating-label {
    color: var(--mdc-outlined-text-field-error-label-text-color, var(--mat-app-error))
}

.mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--invalid.mdc-text-field--focused .mdc-floating-label {
    color: var(--mdc-outlined-text-field-error-focus-label-text-color, var(--mat-app-error))
}

.mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--invalid:not(.mdc-text-field--disabled):hover .mdc-floating-label {
    color: var(--mdc-outlined-text-field-error-hover-label-text-color, var(--mat-app-on-error-container))
}

.mdc-text-field--outlined .mdc-floating-label {
    font-family: var(--mdc-outlined-text-field-label-text-font, var(--mat-app-body-large-font));
    font-size: var(--mdc-outlined-text-field-label-text-size, var(--mat-app-body-large-size));
    font-weight: var(--mdc-outlined-text-field-label-text-weight, var(--mat-app-body-large-weight));
    letter-spacing: var(--mdc-outlined-text-field-label-text-tracking, var(--mat-app-body-large-tracking))
}

.mdc-floating-label--float-above {
    cursor: auto;
    transform: translateY(-106%) scale(0.75)
}

.mdc-text-field--filled .mdc-floating-label--float-above {
    transform: translateY(-106%) scale(0.75)
}

.mdc-text-field--outlined .mdc-floating-label--float-above {
    transform: translateY(-37.25px) scale(1);
    font-size: .75rem
}

.mdc-notched-outline .mdc-floating-label--float-above {
    text-overflow: clip
}

.mdc-notched-outline--upgraded .mdc-floating-label--float-above {
    max-width: 133.3333333333%
}

.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above,
.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
    transform: translateY(-34.75px) scale(0.75)
}

.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above,
.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
    font-size: 1rem
}

.mdc-floating-label--required:not(.mdc-floating-label--hide-required-marker)::after {
    margin-left: 1px;
    margin-right: 0;
    content: "*"
}

[dir=rtl] .mdc-floating-label--required:not(.mdc-floating-label--hide-required-marker)::after {
    margin-left: 0;
    margin-right: 1px
}

.mdc-notched-outline {
    display: flex;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    height: 100%;
    text-align: left;
    pointer-events: none
}

[dir=rtl] .mdc-notched-outline {
    text-align: right
}

.mdc-text-field--outlined .mdc-notched-outline {
    z-index: 1
}

.mat-mdc-notch-piece {
    box-sizing: border-box;
    height: 100%;
    pointer-events: none;
    border-top: 1px solid;
    border-bottom: 1px solid
}

.mdc-text-field--focused .mat-mdc-notch-piece {
    border-width: 2px
}

.mdc-text-field--outlined:not(.mdc-text-field--disabled) .mat-mdc-notch-piece {
    border-color: var(--mdc-outlined-text-field-outline-color, var(--mat-app-outline));
    border-width: var(--mdc-outlined-text-field-outline-width)
}

.mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mat-mdc-notch-piece {
    border-color: var(--mdc-outlined-text-field-hover-outline-color, var(--mat-app-on-surface))
}

.mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mat-mdc-notch-piece {
    border-color: var(--mdc-outlined-text-field-focus-outline-color, var(--mat-app-primary))
}

.mdc-text-field--outlined.mdc-text-field--disabled .mat-mdc-notch-piece {
    border-color: var(--mdc-outlined-text-field-disabled-outline-color)
}

.mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--invalid .mat-mdc-notch-piece {
    border-color: var(--mdc-outlined-text-field-error-outline-color, var(--mat-app-error))
}

.mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--invalid:not(.mdc-text-field--focused):hover .mdc-notched-outline .mat-mdc-notch-piece {
    border-color: var(--mdc-outlined-text-field-error-hover-outline-color, var(--mat-app-on-error-container))
}

.mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--invalid.mdc-text-field--focused .mat-mdc-notch-piece {
    border-color: var(--mdc-outlined-text-field-error-focus-outline-color, var(--mat-app-error))
}

.mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline .mat-mdc-notch-piece {
    border-width: var(--mdc-outlined-text-field-focus-outline-width)
}

.mdc-notched-outline__leading {
    border-left: 1px solid;
    border-right: none;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-top-left-radius: var(--mdc-outlined-text-field-container-shape, var(--mat-app-corner-extra-small));
    border-bottom-left-radius: var(--mdc-outlined-text-field-container-shape, var(--mat-app-corner-extra-small))
}

.mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__leading {
    width: max(12px, var(--mdc-outlined-text-field-container-shape, var(--mat-app-corner-extra-small)))
}

[dir=rtl] .mdc-notched-outline__leading {
    border-left: none;
    border-right: 1px solid;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    border-top-right-radius: var(--mdc-outlined-text-field-container-shape, var(--mat-app-corner-extra-small));
    border-bottom-right-radius: var(--mdc-outlined-text-field-container-shape, var(--mat-app-corner-extra-small))
}

.mdc-notched-outline__trailing {
    flex-grow: 1;
    border-left: none;
    border-right: 1px solid;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: var(--mdc-outlined-text-field-container-shape, var(--mat-app-corner-extra-small));
    border-bottom-right-radius: var(--mdc-outlined-text-field-container-shape, var(--mat-app-corner-extra-small))
}

[dir=rtl] .mdc-notched-outline__trailing {
    border-left: 1px solid;
    border-right: none;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-top-left-radius: var(--mdc-outlined-text-field-container-shape, var(--mat-app-corner-extra-small));
    border-bottom-left-radius: var(--mdc-outlined-text-field-container-shape, var(--mat-app-corner-extra-small))
}

.mdc-notched-outline__notch {
    flex: 0 0 auto;
    width: auto
}

.mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__notch {
    max-width: min(var(--mat-form-field-notch-max-width, 100%), 100% - max(12px, var(--mdc-outlined-text-field-container-shape, var(--mat-app-corner-extra-small)))*2)
}

.mdc-text-field--outlined .mdc-notched-outline--notched .mdc-notched-outline__notch {
    padding-top: 1px
}

.mdc-text-field--focused.mdc-text-field--outlined .mdc-notched-outline--notched .mdc-notched-outline__notch {
    padding-top: 2px
}

.mdc-notched-outline--notched .mdc-notched-outline__notch {
    padding-left: 0;
    padding-right: 8px;
    border-top: none;
    --mat-form-field-notch-max-width: 100%
}

[dir=rtl] .mdc-notched-outline--notched .mdc-notched-outline__notch {
    padding-left: 8px;
    padding-right: 0
}

.mdc-notched-outline--no-label .mdc-notched-outline__notch {
    display: none
}

.mdc-line-ripple::before,
.mdc-line-ripple::after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    border-bottom-style: solid;
    content: ""
}

.mdc-line-ripple::before {
    z-index: 1;
    border-bottom-width: var(--mdc-filled-text-field-active-indicator-height)
}

.mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-line-ripple::before {
    border-bottom-color: var(--mdc-filled-text-field-active-indicator-color, var(--mat-app-on-surface-variant))
}

.mdc-text-field--filled:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-line-ripple::before {
    border-bottom-color: var(--mdc-filled-text-field-hover-active-indicator-color, var(--mat-app-on-surface))
}

.mdc-text-field--filled.mdc-text-field--disabled .mdc-line-ripple::before {
    border-bottom-color: var(--mdc-filled-text-field-disabled-active-indicator-color)
}

.mdc-text-field--filled:not(.mdc-text-field--disabled).mdc-text-field--invalid .mdc-line-ripple::before {
    border-bottom-color: var(--mdc-filled-text-field-error-active-indicator-color, var(--mat-app-error))
}

.mdc-text-field--filled:not(.mdc-text-field--disabled).mdc-text-field--invalid:not(.mdc-text-field--focused):hover .mdc-line-ripple::before {
    border-bottom-color: var(--mdc-filled-text-field-error-hover-active-indicator-color, var(--mat-app-on-error-container))
}

.mdc-line-ripple::after {
    transform: scaleX(0);
    opacity: 0;
    z-index: 2
}

.mdc-text-field--filled .mdc-line-ripple::after {
    border-bottom-width: var(--mdc-filled-text-field-focus-active-indicator-height)
}

.mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-line-ripple::after {
    border-bottom-color: var(--mdc-filled-text-field-focus-active-indicator-color, var(--mat-app-primary))
}

.mdc-text-field--filled.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-line-ripple::after {
    border-bottom-color: var(--mdc-filled-text-field-error-focus-active-indicator-color, var(--mat-app-error))
}

.mdc-line-ripple--active::after {
    transform: scaleX(1);
    opacity: 1
}

.mdc-line-ripple--deactivating::after {
    opacity: 0
}

.mdc-text-field--disabled {
    pointer-events: none
}

.mat-mdc-form-field-textarea-control {
    vertical-align: middle;
    resize: vertical;
    box-sizing: border-box;
    height: auto;
    margin: 0;
    padding: 0;
    border: none;
    overflow: auto
}

.mat-mdc-form-field-input-control.mat-mdc-form-field-input-control {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font: inherit;
    letter-spacing: inherit;
    text-decoration: inherit;
    text-transform: inherit;
    border: none
}

.mat-mdc-form-field .mat-mdc-floating-label.mdc-floating-label {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    line-height: normal;
    pointer-events: all;
    will-change: auto
}

.mat-mdc-form-field:not(.mat-form-field-disabled) .mat-mdc-floating-label.mdc-floating-label {
    cursor: inherit
}

.mdc-text-field--no-label:not(.mdc-text-field--textarea) .mat-mdc-form-field-input-control.mdc-text-field__input,
.mat-mdc-text-field-wrapper .mat-mdc-form-field-input-control {
    height: auto
}

.mat-mdc-text-field-wrapper .mat-mdc-form-field-input-control.mdc-text-field__input[type=color] {
    height: 23px
}

.mat-mdc-text-field-wrapper {
    height: auto;
    flex: auto;
    will-change: auto
}

.mat-mdc-form-field-has-icon-prefix .mat-mdc-text-field-wrapper {
    padding-left: 0;
    --mat-mdc-form-field-label-offset-x: -16px
}

.mat-mdc-form-field-has-icon-suffix .mat-mdc-text-field-wrapper {
    padding-right: 0
}

[dir=rtl] .mat-mdc-text-field-wrapper {
    padding-left: 16px;
    padding-right: 16px
}

[dir=rtl] .mat-mdc-form-field-has-icon-suffix .mat-mdc-text-field-wrapper {
    padding-left: 0
}

[dir=rtl] .mat-mdc-form-field-has-icon-prefix .mat-mdc-text-field-wrapper {
    padding-right: 0
}

.mat-form-field-disabled .mdc-text-field__input::placeholder {
    color: var(--mat-form-field-disabled-input-text-placeholder-color)
}

.mat-form-field-disabled .mdc-text-field__input::-moz-placeholder {
    color: var(--mat-form-field-disabled-input-text-placeholder-color)
}

.mat-form-field-disabled .mdc-text-field__input::-webkit-input-placeholder {
    color: var(--mat-form-field-disabled-input-text-placeholder-color)
}

.mat-form-field-disabled .mdc-text-field__input:-ms-input-placeholder {
    color: var(--mat-form-field-disabled-input-text-placeholder-color)
}

.mat-mdc-form-field-label-always-float .mdc-text-field__input::placeholder {
    transition-delay: 40ms;
    transition-duration: 110ms;
    opacity: 1
}

.mat-mdc-text-field-wrapper .mat-mdc-form-field-infix .mat-mdc-floating-label {
    left: auto;
    right: auto
}

.mat-mdc-text-field-wrapper.mdc-text-field--outlined .mdc-text-field__input {
    display: inline-block
}

.mat-mdc-form-field .mat-mdc-text-field-wrapper.mdc-text-field .mdc-notched-outline__notch {
    padding-top: 0
}

.mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field .mdc-notched-outline__notch {
    border-left: 1px solid rgba(0, 0, 0, 0)
}

[dir=rtl] .mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field .mdc-notched-outline__notch {
    border-left: none;
    border-right: 1px solid rgba(0, 0, 0, 0)
}

.mat-mdc-form-field-infix {
    min-height: var(--mat-form-field-container-height);
    padding-top: var(--mat-form-field-filled-with-label-container-padding-top);
    padding-bottom: var(--mat-form-field-filled-with-label-container-padding-bottom)
}

.mdc-text-field--outlined .mat-mdc-form-field-infix,
.mdc-text-field--no-label .mat-mdc-form-field-infix {
    padding-top: var(--mat-form-field-container-vertical-padding);
    padding-bottom: var(--mat-form-field-container-vertical-padding)
}

.mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-floating-label {
    top: calc(var(--mat-form-field-container-height)/2)
}

.mdc-text-field--filled .mat-mdc-floating-label {
    display: var(--mat-form-field-filled-label-display, block)
}

.mat-mdc-text-field-wrapper.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
    --mat-mdc-form-field-label-transform: translateY(calc(calc(6.75px + var(--mat-form-field-container-height) / 2) * -1)) scale(var(--mat-mdc-form-field-floating-label-scale, 0.75));
    transform: var(--mat-mdc-form-field-label-transform)
}

.mat-mdc-form-field-subscript-wrapper {
    box-sizing: border-box;
    width: 100%;
    position: relative
}

.mat-mdc-form-field-hint-wrapper,
.mat-mdc-form-field-error-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    padding: 0 16px
}

.mat-mdc-form-field-subscript-dynamic-size .mat-mdc-form-field-hint-wrapper,
.mat-mdc-form-field-subscript-dynamic-size .mat-mdc-form-field-error-wrapper {
    position: static
}

.mat-mdc-form-field-bottom-align::before {
    content: "";
    display: inline-block;
    height: 16px
}

.mat-mdc-form-field-bottom-align.mat-mdc-form-field-subscript-dynamic-size::before {
    content: unset
}

.mat-mdc-form-field-hint-end {
    order: 1
}

.mat-mdc-form-field-hint-wrapper {
    display: flex
}

.mat-mdc-form-field-hint-spacer {
    flex: 1 0 1em
}

.mat-mdc-form-field-error {
    display: block;
    color: var(--mat-form-field-error-text-color, var(--mat-app-error))
}

.mat-mdc-form-field-subscript-wrapper,
.mat-mdc-form-field-bottom-align::before {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-family: var(--mat-form-field-subscript-text-font, var(--mat-app-body-small-font));
    line-height: var(--mat-form-field-subscript-text-line-height, var(--mat-app-body-small-line-height));
    font-size: var(--mat-form-field-subscript-text-size, var(--mat-app-body-small-size));
    letter-spacing: var(--mat-form-field-subscript-text-tracking, var(--mat-app-body-small-tracking));
    font-weight: var(--mat-form-field-subscript-text-weight, var(--mat-app-body-small-weight))
}

.mat-mdc-form-field-focus-overlay {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    opacity: 0;
    pointer-events: none;
    background-color: var(--mat-form-field-state-layer-color, var(--mat-app-on-surface))
}

.mat-mdc-text-field-wrapper:hover .mat-mdc-form-field-focus-overlay {
    opacity: var(--mat-form-field-hover-state-layer-opacity, var(--mat-app-hover-state-layer-opacity))
}

.mat-mdc-form-field.mat-focused .mat-mdc-form-field-focus-overlay {
    opacity: var(--mat-form-field-focus-state-layer-opacity)
}

select.mat-mdc-form-field-input-control {
    -moz-appearance: none;
    -webkit-appearance: none;
    background-color: rgba(0, 0, 0, 0);
    display: inline-flex;
    box-sizing: border-box
}

select.mat-mdc-form-field-input-control:not(:disabled) {
    cursor: pointer
}

select.mat-mdc-form-field-input-control:not(.mat-mdc-native-select-inline) option {
    color: var(--mat-form-field-select-option-text-color)
}

select.mat-mdc-form-field-input-control:not(.mat-mdc-native-select-inline) option:disabled {
    color: var(--mat-form-field-select-disabled-option-text-color)
}

.mat-mdc-form-field-type-mat-native-select .mat-mdc-form-field-infix::after {
    content: "";
    width: 0;
    height: 0;
    border-left: 5px solid rgba(0, 0, 0, 0);
    border-right: 5px solid rgba(0, 0, 0, 0);
    border-top: 5px solid;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -2.5px;
    pointer-events: none;
    color: var(--mat-form-field-enabled-select-arrow-color, var(--mat-app-on-surface-variant))
}

[dir=rtl] .mat-mdc-form-field-type-mat-native-select .mat-mdc-form-field-infix::after {
    right: auto;
    left: 0
}

.mat-mdc-form-field-type-mat-native-select.mat-focused .mat-mdc-form-field-infix::after {
    color: var(--mat-form-field-focus-select-arrow-color, var(--mat-app-primary))
}

.mat-mdc-form-field-type-mat-native-select.mat-form-field-disabled .mat-mdc-form-field-infix::after {
    color: var(--mat-form-field-disabled-select-arrow-color)
}

.mat-mdc-form-field-type-mat-native-select .mat-mdc-form-field-input-control {
    padding-right: 15px
}

[dir=rtl] .mat-mdc-form-field-type-mat-native-select .mat-mdc-form-field-input-control {
    padding-right: 0;
    padding-left: 15px
}

.cdk-high-contrast-active .mat-form-field-appearance-fill .mat-mdc-text-field-wrapper {
    outline: solid 1px
}

.cdk-high-contrast-active .mat-form-field-appearance-fill.mat-form-field-disabled .mat-mdc-text-field-wrapper {
    outline-color: GrayText
}

.cdk-high-contrast-active .mat-form-field-appearance-fill.mat-focused .mat-mdc-text-field-wrapper {
    outline: dashed 3px
}

.cdk-high-contrast-active .mat-mdc-form-field.mat-focused .mdc-notched-outline {
    border: dashed 3px
}

.mat-mdc-form-field-input-control[type=date],
.mat-mdc-form-field-input-control[type=datetime],
.mat-mdc-form-field-input-control[type=datetime-local],
.mat-mdc-form-field-input-control[type=month],
.mat-mdc-form-field-input-control[type=week],
.mat-mdc-form-field-input-control[type=time] {
    line-height: 1
}

.mat-mdc-form-field-input-control::-webkit-datetime-edit {
    line-height: 1;
    padding: 0;
    margin-bottom: -2px
}

.mat-mdc-form-field {
    --mat-mdc-form-field-floating-label-scale: 0.75;
    display: inline-flex;
    flex-direction: column;
    min-width: 0;
    text-align: left;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-family: var(--mat-form-field-container-text-font, var(--mat-app-body-large-font));
    line-height: var(--mat-form-field-container-text-line-height, var(--mat-app-body-large-line-height));
    font-size: var(--mat-form-field-container-text-size, var(--mat-app-body-large-size));
    letter-spacing: var(--mat-form-field-container-text-tracking, var(--mat-app-body-large-tracking));
    font-weight: var(--mat-form-field-container-text-weight, var(--mat-app-body-large-weight))
}

[dir=rtl] .mat-mdc-form-field {
    text-align: right
}

.mat-mdc-form-field .mdc-text-field--outlined .mdc-floating-label--float-above {
    font-size: calc(var(--mat-form-field-outlined-label-text-populated-size)*var(--mat-mdc-form-field-floating-label-scale))
}

.mat-mdc-form-field .mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
    font-size: var(--mat-form-field-outlined-label-text-populated-size)
}

.mat-mdc-form-field-flex {
    display: inline-flex;
    align-items: baseline;
    box-sizing: border-box;
    width: 100%
}

.mat-mdc-text-field-wrapper {
    width: 100%;
    z-index: 0
}

.mat-mdc-form-field-icon-prefix,
.mat-mdc-form-field-icon-suffix {
    align-self: center;
    line-height: 0;
    pointer-events: auto;
    position: relative;
    z-index: 1
}

.mat-mdc-form-field-icon-prefix>.mat-icon,
.mat-mdc-form-field-icon-suffix>.mat-icon {
    padding: 0 12px;
    box-sizing: content-box
}

.mat-mdc-form-field-icon-prefix {
    color: var(--mat-form-field-leading-icon-color, var(--mat-app-on-surface-variant))
}

.mat-form-field-disabled .mat-mdc-form-field-icon-prefix {
    color: var(--mat-form-field-disabled-leading-icon-color)
}

.mat-mdc-form-field-icon-suffix {
    color: var(--mat-form-field-trailing-icon-color, var(--mat-app-on-surface-variant))
}

.mat-form-field-disabled .mat-mdc-form-field-icon-suffix {
    color: var(--mat-form-field-disabled-trailing-icon-color)
}

.mat-form-field-invalid .mat-mdc-form-field-icon-suffix {
    color: var(--mat-form-field-error-trailing-icon-color, var(--mat-app-error))
}

.mat-form-field-invalid:not(.mat-focused):not(.mat-form-field-disabled) .mat-mdc-text-field-wrapper:hover .mat-mdc-form-field-icon-suffix {
    color: var(--mat-form-field-error-hover-trailing-icon-color, var(--mat-app-on-error-container))
}

.mat-form-field-invalid.mat-focused .mat-mdc-text-field-wrapper .mat-mdc-form-field-icon-suffix {
    color: var(--mat-form-field-error-focus-trailing-icon-color, var(--mat-app-error))
}

.mat-mdc-form-field-icon-prefix,
[dir=rtl] .mat-mdc-form-field-icon-suffix {
    padding: 0 4px 0 0
}

.mat-mdc-form-field-icon-suffix,
[dir=rtl] .mat-mdc-form-field-icon-prefix {
    padding: 0 0 0 4px
}

.mat-mdc-form-field-subscript-wrapper .mat-icon,
.mat-mdc-form-field label .mat-icon {
    width: 1em;
    height: 1em;
    font-size: inherit
}

.mat-mdc-form-field-infix {
    flex: auto;
    min-width: 0;
    width: 180px;
    position: relative;
    box-sizing: border-box
}

.mat-mdc-form-field-infix:has(textarea[cols]) {
    width: auto
}

.mat-mdc-form-field .mdc-notched-outline__notch {
    margin-left: -1px;
    -webkit-clip-path: inset(-9em -999em -9em 1px);
    clip-path: inset(-9em -999em -9em 1px)
}

[dir=rtl] .mat-mdc-form-field .mdc-notched-outline__notch {
    margin-left: 0;
    margin-right: -1px;
    -webkit-clip-path: inset(-9em 1px -9em -999em);
    clip-path: inset(-9em 1px -9em -999em)
}

.mat-mdc-form-field:not(.mat-form-field-no-animations) .mdc-floating-label {
    transition: transform 150ms cubic-bezier(0.4, 0, 0.2, 1), color 150ms cubic-bezier(0.4, 0, 0.2, 1)
}

.mat-mdc-form-field:not(.mat-form-field-no-animations) .mdc-text-field__input {
    transition: opacity 150ms cubic-bezier(0.4, 0, 0.2, 1)
}

.mat-mdc-form-field:not(.mat-form-field-no-animations) .mdc-text-field__input::placeholder {
    transition: opacity 67ms cubic-bezier(0.4, 0, 0.2, 1)
}

.mat-mdc-form-field:not(.mat-form-field-no-animations) .mdc-text-field__input::-moz-placeholder {
    transition: opacity 67ms cubic-bezier(0.4, 0, 0.2, 1)
}

.mat-mdc-form-field:not(.mat-form-field-no-animations) .mdc-text-field__input::-webkit-input-placeholder {
    transition: opacity 67ms cubic-bezier(0.4, 0, 0.2, 1)
}

.mat-mdc-form-field:not(.mat-form-field-no-animations) .mdc-text-field__input:-ms-input-placeholder {
    transition: opacity 67ms cubic-bezier(0.4, 0, 0.2, 1)
}

.mat-mdc-form-field:not(.mat-form-field-no-animations).mdc-text-field--no-label .mdc-text-field__input::placeholder,
.mat-mdc-form-field:not(.mat-form-field-no-animations).mdc-text-field--focused .mdc-text-field__input::placeholder {
    transition-delay: 40ms;
    transition-duration: 110ms
}

.mat-mdc-form-field:not(.mat-form-field-no-animations).mdc-text-field--no-label .mdc-text-field__input::-moz-placeholder,
.mat-mdc-form-field:not(.mat-form-field-no-animations).mdc-text-field--focused .mdc-text-field__input::-moz-placeholder {
    transition-delay: 40ms;
    transition-duration: 110ms
}

.mat-mdc-form-field:not(.mat-form-field-no-animations).mdc-text-field--no-label .mdc-text-field__input::-webkit-input-placeholder,
.mat-mdc-form-field:not(.mat-form-field-no-animations).mdc-text-field--focused .mdc-text-field__input::-webkit-input-placeholder {
    transition-delay: 40ms;
    transition-duration: 110ms
}

.mat-mdc-form-field:not(.mat-form-field-no-animations).mdc-text-field--no-label .mdc-text-field__input:-ms-input-placeholder,
.mat-mdc-form-field:not(.mat-form-field-no-animations).mdc-text-field--focused .mdc-text-field__input:-ms-input-placeholder {
    transition-delay: 40ms;
    transition-duration: 110ms
}

.mat-mdc-form-field:not(.mat-form-field-no-animations) .mdc-text-field--filled:not(.mdc-ripple-upgraded):focus .mdc-text-field__ripple::before {
    transition-duration: 75ms
}

.mat-mdc-form-field:not(.mat-form-field-no-animations) .mdc-line-ripple::after {
    transition: transform 180ms cubic-bezier(0.4, 0, 0.2, 1), opacity 180ms cubic-bezier(0.4, 0, 0.2, 1)
}

.mdc-notched-outline .mdc-floating-label {
    max-width: calc(100% + 1px)
}

.mdc-notched-outline--upgraded .mdc-floating-label--float-above {
    max-width: calc(133.3333333333% + 1px)
}