.mat-drawer-container {
    position: relative;
    z-index: 1;
    color: var(--mat-sidenav-content-text-color);
    background-color: var(--mat-sidenav-content-background-color);
    box-sizing: border-box;
    -webkit-overflow-scrolling: touch;
    display: block;
    overflow: hidden
}

.mat-drawer-container[fullscreen] {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute
}

.mat-drawer-container[fullscreen].mat-drawer-container-has-open {
    overflow: hidden
}

.mat-drawer-container.mat-drawer-container-explicit-backdrop .mat-drawer-side {
    z-index: 3
}

.mat-drawer-container.ng-animate-disabled .mat-drawer-backdrop,
.mat-drawer-container.ng-animate-disabled .mat-drawer-content,
.ng-animate-disabled .mat-drawer-container .mat-drawer-backdrop,
.ng-animate-disabled .mat-drawer-container .mat-drawer-content {
    transition: none
}

.mat-drawer-backdrop {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    display: block;
    z-index: 3;
    visibility: hidden
}

.mat-drawer-backdrop.mat-drawer-shown {
    visibility: visible;
    background-color: var(--mat-sidenav-scrim-color)
}

.mat-drawer-transition .mat-drawer-backdrop {
    transition-duration: 400ms;
    transition-timing-function: cubic-bezier(0.25, 0.8, 0.25, 1);
    transition-property: background-color, visibility
}

.cdk-high-contrast-active .mat-drawer-backdrop {
    opacity: .5
}

.mat-drawer-content {
    position: relative;
    z-index: 1;
    display: block;
    height: 100%;
    overflow: auto
}

.mat-drawer-transition .mat-drawer-content {
    transition-duration: 400ms;
    transition-timing-function: cubic-bezier(0.25, 0.8, 0.25, 1);
    transition-property: transform, margin-left, margin-right
}

.mat-drawer {
    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);
    position: relative;
    z-index: 4;
    --mat-sidenav-container-shape: 0;
    color: var(--mat-sidenav-container-text-color);
    background-color: var(--mat-sidenav-container-background-color);
    border-top-right-radius: var(--mat-sidenav-container-shape);
    border-bottom-right-radius: var(--mat-sidenav-container-shape);
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 3;
    outline: 0;
    box-sizing: border-box;
    overflow-y: auto;
    transform: translate3d(-100%, 0, 0)
}

.cdk-high-contrast-active .mat-drawer,
.cdk-high-contrast-active [dir=rtl] .mat-drawer.mat-drawer-end {
    border-right: solid 1px currentColor
}

.cdk-high-contrast-active [dir=rtl] .mat-drawer,
.cdk-high-contrast-active .mat-drawer.mat-drawer-end {
    border-left: solid 1px currentColor;
    border-right: none
}

.mat-drawer.mat-drawer-side {
    z-index: 2
}

.mat-drawer.mat-drawer-end {
    right: 0;
    transform: translate3d(100%, 0, 0);
    border-top-left-radius: var(--mat-sidenav-container-shape);
    border-bottom-left-radius: var(--mat-sidenav-container-shape);
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

[dir=rtl] .mat-drawer {
    border-top-left-radius: var(--mat-sidenav-container-shape);
    border-bottom-left-radius: var(--mat-sidenav-container-shape);
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    transform: translate3d(100%, 0, 0)
}

[dir=rtl] .mat-drawer.mat-drawer-end {
    border-top-right-radius: var(--mat-sidenav-container-shape);
    border-bottom-right-radius: var(--mat-sidenav-container-shape);
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    left: 0;
    right: auto;
    transform: translate3d(-100%, 0, 0)
}

.mat-drawer[style*="visibility: hidden"] {
    display: none
}

.mat-drawer-side {
    box-shadow: none;
    border-right-color: var(--mat-sidenav-container-divider-color);
    border-right-width: 1px;
    border-right-style: solid
}

.mat-drawer-side.mat-drawer-end {
    border-left-color: var(--mat-sidenav-container-divider-color);
    border-left-width: 1px;
    border-left-style: solid;
    border-right: none
}

[dir=rtl] .mat-drawer-side {
    border-left-color: var(--mat-sidenav-container-divider-color);
    border-left-width: 1px;
    border-left-style: solid;
    border-right: none
}

[dir=rtl] .mat-drawer-side.mat-drawer-end {
    border-right-color: var(--mat-sidenav-container-divider-color);
    border-right-width: 1px;
    border-right-style: solid;
    border-left: none
}

.mat-drawer-inner-container {
    width: 100%;
    height: 100%;
    overflow: auto;
    -webkit-overflow-scrolling: touch
}

.mat-sidenav-fixed {
    position: fixed
}


.mdc-touch-target-wrapper {
    display: inline
}

.mdc-elevation-overlay {
    position: absolute;
    border-radius: inherit;
    pointer-events: none;
    opacity: var(--mdc-elevation-overlay-opacity);
    transition: opacity 280ms cubic-bezier(0.4, 0, 0.2, 1);
    background-color: var(--mdc-elevation-overlay-color)
}

.mdc-fab {
    position: relative;
    display: inline-flex;
    position: relative;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    width: 56px;
    height: 56px;
    padding: 0;
    border: none;
    fill: currentColor;
    text-decoration: none;
    cursor: pointer;
    user-select: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    overflow: visible;
    transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), opacity 15ms linear 30ms, transform 270ms 0ms cubic-bezier(0, 0, 0.2, 1)
}

.mdc-fab .mdc-elevation-overlay {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

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

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

.mdc-fab:hover {
    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)
}

.mdc-fab.mdc-ripple-upgraded--background-focused,
.mdc-fab:not(.mdc-ripple-upgraded):focus {
    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)
}

.mdc-fab .mdc-fab__focus-ring {
    position: absolute
}

.mdc-fab.mdc-ripple-upgraded--background-focused .mdc-fab__focus-ring,
.mdc-fab:not(.mdc-ripple-upgraded):focus .mdc-fab__focus-ring {
    pointer-events: none;
    border: 2px solid rgba(0, 0, 0, 0);
    border-radius: 6px;
    box-sizing: content-box;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: calc(100% + 4px);
    width: calc(100% + 4px)
}

@media screen and (forced-colors: active) {

    .mdc-fab.mdc-ripple-upgraded--background-focused .mdc-fab__focus-ring,
    .mdc-fab:not(.mdc-ripple-upgraded):focus .mdc-fab__focus-ring {
        border-color: CanvasText
    }
}

.mdc-fab.mdc-ripple-upgraded--background-focused .mdc-fab__focus-ring::after,
.mdc-fab:not(.mdc-ripple-upgraded):focus .mdc-fab__focus-ring::after {
    content: "";
    border: 2px solid rgba(0, 0, 0, 0);
    border-radius: 8px;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: calc(100% + 4px);
    width: calc(100% + 4px)
}

@media screen and (forced-colors: active) {

    .mdc-fab.mdc-ripple-upgraded--background-focused .mdc-fab__focus-ring::after,
    .mdc-fab:not(.mdc-ripple-upgraded):focus .mdc-fab__focus-ring::after {
        border-color: CanvasText
    }
}

.mdc-fab:active,
.mdc-fab:focus:active {
    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)
}

.mdc-fab:active,
.mdc-fab:focus {
    outline: none
}

.mdc-fab:hover {
    cursor: pointer
}

.mdc-fab>svg {
    width: 100%
}

.mdc-fab--mini {
    width: 40px;
    height: 40px
}

.mdc-fab--extended {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-family: var(--mdc-typography-button-font-family);
    font-size: var(--mdc-typography-button-font-size);
    line-height: var(--mdc-typography-button-line-height);
    font-weight: var(--mdc-typography-button-font-weight);
    letter-spacing: var(--mdc-typography-button-letter-spacing);
    text-decoration: var(--mdc-typography-button-text-decoration);
    text-transform: var(--mdc-typography-button-text-transform);
    border-radius: 24px;
    padding-left: 20px;
    padding-right: 20px;
    width: auto;
    max-width: 100%;
    height: 48px;
    line-height: normal
}

.mdc-fab--extended .mdc-fab__ripple {
    border-radius: 24px
}

.mdc-fab--extended .mdc-fab__icon {
    margin-left: calc(12px - 20px);
    margin-right: 12px
}

[dir=rtl] .mdc-fab--extended .mdc-fab__icon,
.mdc-fab--extended .mdc-fab__icon[dir=rtl] {
    margin-left: 12px;
    margin-right: calc(12px - 20px)
}

.mdc-fab--extended .mdc-fab__label+.mdc-fab__icon {
    margin-left: 12px;
    margin-right: calc(12px - 20px)
}

[dir=rtl] .mdc-fab--extended .mdc-fab__label+.mdc-fab__icon,
.mdc-fab--extended .mdc-fab__label+.mdc-fab__icon[dir=rtl] {
    margin-left: calc(12px - 20px);
    margin-right: 12px
}

.mdc-fab--touch {
    margin-top: 4px;
    margin-bottom: 4px;
    margin-right: 4px;
    margin-left: 4px
}

.mdc-fab--touch .mdc-fab__touch {
    position: absolute;
    top: 50%;
    height: 48px;
    left: 50%;
    width: 48px;
    transform: translate(-50%, -50%)
}

.mdc-fab::before {
    position: absolute;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    border: 1px solid rgba(0, 0, 0, 0);
    border-radius: inherit;
    content: "";
    pointer-events: none
}

@media screen and (forced-colors: active) {
    .mdc-fab::before {
        border-color: CanvasText
    }
}

.mdc-fab__label {
    justify-content: flex-start;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow-x: hidden;
    overflow-y: visible
}

.mdc-fab__icon {
    transition: transform 180ms 90ms cubic-bezier(0, 0, 0.2, 1);
    fill: currentColor;
    will-change: transform
}

.mdc-fab .mdc-fab__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center
}

.mdc-fab--exited {
    transform: scale(0);
    opacity: 0;
    transition: opacity 15ms linear 150ms, transform 180ms 0ms cubic-bezier(0.4, 0, 1, 1)
}

.mdc-fab--exited .mdc-fab__icon {
    transform: scale(0);
    transition: transform 135ms 0ms cubic-bezier(0.4, 0, 1, 1)
}

.mat-mdc-fab,
.mat-mdc-mini-fab {
    background-color: var(--mdc-fab-container-color);
    --mdc-fab-container-shape: 50%;
    --mdc-fab-icon-size: 24px
}

.mat-mdc-fab .mdc-fab__icon,
.mat-mdc-mini-fab .mdc-fab__icon {
    width: var(--mdc-fab-icon-size);
    height: var(--mdc-fab-icon-size);
    font-size: var(--mdc-fab-icon-size)
}

.mat-mdc-fab:not(:disabled) .mdc-fab__icon,
.mat-mdc-mini-fab:not(:disabled) .mdc-fab__icon {
    color: var(--mdc-fab-icon-color)
}

.mat-mdc-fab:not(.mdc-fab--extended),
.mat-mdc-mini-fab:not(.mdc-fab--extended) {
    border-radius: var(--mdc-fab-container-shape)
}

.mat-mdc-fab:not(.mdc-fab--extended) .mdc-fab__ripple,
.mat-mdc-mini-fab:not(.mdc-fab--extended) .mdc-fab__ripple {
    border-radius: var(--mdc-fab-container-shape)
}

.mat-mdc-extended-fab {
    font-family: var(--mdc-extended-fab-label-text-font);
    font-size: var(--mdc-extended-fab-label-text-size);
    font-weight: var(--mdc-extended-fab-label-text-weight);
    letter-spacing: var(--mdc-extended-fab-label-text-tracking)
}

.mat-mdc-fab,
.mat-mdc-mini-fab {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    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);
    color: var(--mat-mdc-fab-color, inherit);
    flex-shrink: 0
}

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

.mat-mdc-fab .mat-mdc-button-ripple,
.mat-mdc-mini-fab .mat-mdc-button-ripple {
    overflow: hidden
}

.mat-mdc-fab .mat-mdc-button-persistent-ripple::before,
.mat-mdc-mini-fab .mat-mdc-button-persistent-ripple::before {
    content: "";
    opacity: 0;
    background-color: var(--mat-mdc-button-persistent-ripple-color)
}

.mat-mdc-fab .mat-ripple-element,
.mat-mdc-mini-fab .mat-ripple-element {
    background-color: var(--mat-mdc-button-ripple-color)
}

.mat-mdc-fab .mdc-button__label,
.mat-mdc-mini-fab .mdc-button__label {
    z-index: 1
}

.mat-mdc-fab .mat-mdc-focus-indicator,
.mat-mdc-mini-fab .mat-mdc-focus-indicator {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute
}

.mat-mdc-fab:focus .mat-mdc-focus-indicator::before,
.mat-mdc-mini-fab:focus .mat-mdc-focus-indicator::before {
    content: ""
}

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

.mat-mdc-fab._mat-animation-noopable,
.mat-mdc-mini-fab._mat-animation-noopable {
    transition: none !important;
    animation: none !important
}

.mat-mdc-fab:hover,
.mat-mdc-fab:focus,
.mat-mdc-mini-fab:hover,
.mat-mdc-mini-fab:focus {
    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-mdc-fab:active,
.mat-mdc-fab:focus:active,
.mat-mdc-mini-fab:active,
.mat-mdc-mini-fab:focus:active {
    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-mdc-fab[disabled],
.mat-mdc-mini-fab[disabled] {
    cursor: default;
    pointer-events: none;
    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-mdc-fab:not(.mdc-ripple-upgraded):focus::before,
.mat-mdc-mini-fab:not(.mdc-ripple-upgraded):focus::before {
    background: rgba(0, 0, 0, 0);
    opacity: 1
}

.mat-mdc-fab .mat-icon,
.mat-mdc-fab .material-icons,
.mat-mdc-mini-fab .mat-icon,
.mat-mdc-mini-fab .material-icons {
    transition: transform 180ms 90ms cubic-bezier(0, 0, 0.2, 1);
    fill: currentColor;
    will-change: transform
}

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

.mat-mdc-extended-fab>.mat-icon,
.mat-mdc-extended-fab>.material-icons {
    margin-left: calc(12px - 20px);
    margin-right: 12px
}

[dir=rtl] .mat-mdc-extended-fab>.mat-icon,
[dir=rtl] .mat-mdc-extended-fab>.material-icons,
.mat-mdc-extended-fab>.mat-icon[dir=rtl],
.mat-mdc-extended-fab>.material-icons[dir=rtl] {
    margin-left: 12px;
    margin-right: calc(12px - 20px)
}

.mat-mdc-extended-fab .mdc-button__label+.mat-icon,
.mat-mdc-extended-fab .mdc-button__label+.material-icons {
    margin-left: 12px;
    margin-right: calc(12px - 20px)
}

[dir=rtl] .mat-mdc-extended-fab .mdc-button__label+.mat-icon,
[dir=rtl] .mat-mdc-extended-fab .mdc-button__label+.material-icons,
.mat-mdc-extended-fab .mdc-button__label+.mat-icon[dir=rtl],
.mat-mdc-extended-fab .mdc-button__label+.material-icons[dir=rtl] {
    margin-left: calc(12px - 20px);
    margin-right: 12px
}

.mat-mdc-extended-fab .mat-mdc-button-touch-target {
    width: 100%
}


mat-icon,
mat-icon.mat-primary,
mat-icon.mat-accent,
mat-icon.mat-warn {
    color: var(--mat-icon-color)
}

.mat-icon {
    -webkit-user-select: none;
    user-select: none;
    background-repeat: no-repeat;
    display: inline-block;
    fill: currentColor;
    height: 24px;
    width: 24px;
    overflow: hidden
}

.mat-icon.mat-icon-inline {
    font-size: inherit;
    height: inherit;
    line-height: inherit;
    width: inherit
}

.mat-icon.mat-ligature-font[fontIcon]::before {
    content: attr(fontIcon)
}

[dir=rtl] .mat-icon-rtl-mirror {
    transform: scale(-1, 1)
}

.mat-form-field:not(.mat-form-field-appearance-legacy) .mat-form-field-prefix .mat-icon,
.mat-form-field:not(.mat-form-field-appearance-legacy) .mat-form-field-suffix .mat-icon {
    display: block
}

.mat-form-field:not(.mat-form-field-appearance-legacy) .mat-form-field-prefix .mat-icon-button .mat-icon,
.mat-form-field:not(.mat-form-field-appearance-legacy) .mat-form-field-suffix .mat-icon-button .mat-icon {
    margin: auto
}




.demoid-marquee[_ngcontent-ng-c3660323651] {
    background: var(--red-color);
    color: var(--black-color);
    font-size: 10px;
    padding: 5px 10px;
    bottom: 0;
    width: 100%;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center
}

.demoid-marquee[_ngcontent-ng-c3660323651] marquee[_ngcontent-ng-c3660323651] {
    display: none
}

.demoid-marquee[_ngcontent-ng-c3660323651] p.marquee[_ngcontent-ng-c3660323651] {
    display: block;
    margin: 0;
    color: var(--black-color);
    font-size: 10px;
    text-align: center
}

app-footer app-demoid-marquee .demoid-marquee {
    position: static !important;
    padding: 7px 10px 20px !important;
    margin-bottom: -18px !important
}

@media only screen and (max-width: 340px) {
    .demoid-marquee[_ngcontent-ng-c3660323651] marquee[_ngcontent-ng-c3660323651] {
        display: block
    }

    .demoid-marquee[_ngcontent-ng-c3660323651] p.marquee[_ngcontent-ng-c3660323651] {
        display: none
    }
}


.demoid-marquee[_ngcontent-ng-c3080817936] {
    background: var(--primary-color-tint);
    color: var(--white-color);
    font-size: 10px;
    padding: 5px 10px;
    bottom: 0;
    width: 100%;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center
}

.demoid-marquee[_ngcontent-ng-c3080817936] marquee[_ngcontent-ng-c3080817936] {
    display: none
}

.demoid-marquee[_ngcontent-ng-c3080817936] p.marquee[_ngcontent-ng-c3080817936] {
    display: block;
    margin: 0;
    color: var(--white-color);
    font-size: 10px;
    text-align: center
}

app-footer app-demoid-marquee .demoid-marquee {
    position: static !important;
    padding: 7px 10px 20px !important;
    margin-bottom: -18px !important
}

@media only screen and (max-width: 340px) {
    .demoid-marquee[_ngcontent-ng-c3080817936] marquee[_ngcontent-ng-c3080817936] {
        display: block
    }

    .demoid-marquee[_ngcontent-ng-c3080817936] p.marquee[_ngcontent-ng-c3080817936] {
        display: none
    }
}


mat-menu {
    display: none
}

.mat-mdc-menu-content {
    margin: 0;
    padding: 8px 0;
    list-style-type: none
}

.mat-mdc-menu-content:focus {
    outline: none
}

.mat-mdc-menu-content,
.mat-mdc-menu-content .mat-mdc-menu-item .mat-mdc-menu-item-text {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    white-space: normal;
    font-family: var(--mat-menu-item-label-text-font);
    line-height: var(--mat-menu-item-label-text-line-height);
    font-size: var(--mat-menu-item-label-text-size);
    letter-spacing: var(--mat-menu-item-label-text-tracking);
    font-weight: var(--mat-menu-item-label-text-weight)
}

.mat-mdc-menu-panel {
    --mat-menu-container-shape: 4px;
    min-width: 112px;
    max-width: 280px;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    box-sizing: border-box;
    outline: 0;
    border-radius: var(--mat-menu-container-shape);
    background-color: var(--mat-menu-container-color);
    will-change: transform, opacity
}

.mat-mdc-menu-panel.ng-animating {
    pointer-events: none
}

.cdk-high-contrast-active .mat-mdc-menu-panel {
    outline: solid 1px
}

.mat-mdc-menu-item {
    display: flex;
    position: relative;
    align-items: center;
    justify-content: flex-start;
    overflow: hidden;
    padding: 0;
    padding-left: 16px;
    padding-right: 16px;
    -webkit-user-select: none;
    user-select: none;
    cursor: pointer;
    outline: none;
    border: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    cursor: pointer;
    width: 100%;
    text-align: left;
    box-sizing: border-box;
    color: inherit;
    font-size: inherit;
    background: none;
    text-decoration: none;
    margin: 0;
    align-items: center;
    min-height: 48px
}

.mat-mdc-menu-item:focus {
    outline: none
}

[dir=rtl] .mat-mdc-menu-item,
.mat-mdc-menu-item[dir=rtl] {
    padding-left: 16px;
    padding-right: 16px
}

.mat-mdc-menu-item::-moz-focus-inner {
    border: 0
}

.mat-mdc-menu-item,
.mat-mdc-menu-item:visited,
.mat-mdc-menu-item:link {
    color: var(--mat-menu-item-label-text-color)
}

.mat-mdc-menu-item .mat-icon-no-color,
.mat-mdc-menu-item .mat-mdc-menu-submenu-icon {
    color: var(--mat-menu-item-icon-color)
}

.mat-mdc-menu-item[disabled] {
    cursor: default;
    opacity: .38
}

.mat-mdc-menu-item[disabled]::after {
    display: block;
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    bottom: 0;
    right: 0
}

.mat-mdc-menu-item .mat-icon {
    margin-right: 16px
}

[dir=rtl] .mat-mdc-menu-item {
    text-align: right
}

[dir=rtl] .mat-mdc-menu-item .mat-icon {
    margin-right: 0;
    margin-left: 16px
}

.mat-mdc-menu-item.mat-mdc-menu-item-submenu-trigger {
    padding-right: 32px
}

[dir=rtl] .mat-mdc-menu-item.mat-mdc-menu-item-submenu-trigger {
    padding-right: 16px;
    padding-left: 32px
}

.mat-mdc-menu-item:not([disabled]):hover {
    background-color: var(--mat-menu-item-hover-state-layer-color)
}

.mat-mdc-menu-item:not([disabled]).cdk-program-focused,
.mat-mdc-menu-item:not([disabled]).cdk-keyboard-focused,
.mat-mdc-menu-item:not([disabled]).mat-mdc-menu-item-highlighted {
    background-color: var(--mat-menu-item-focus-state-layer-color)
}

.cdk-high-contrast-active .mat-mdc-menu-item {
    margin-top: 1px
}

.mat-mdc-menu-submenu-icon {
    position: absolute;
    top: 50%;
    right: 16px;
    transform: translateY(-50%);
    width: 5px;
    height: 10px;
    fill: currentColor
}

[dir=rtl] .mat-mdc-menu-submenu-icon {
    right: auto;
    left: 16px;
    transform: translateY(-50%) scaleX(-1)
}

.cdk-high-contrast-active .mat-mdc-menu-submenu-icon {
    fill: CanvasText
}

.mat-mdc-menu-item .mat-mdc-menu-ripple {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    pointer-events: none
}


.mdc-touch-target-wrapper {
    display: inline
}

.mdc-elevation-overlay {
    position: absolute;
    border-radius: inherit;
    pointer-events: none;
    opacity: var(--mdc-elevation-overlay-opacity, 0);
    transition: opacity 280ms cubic-bezier(0.4, 0, 0.2, 1)
}

.mdc-button {
    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;
    user-select: none;
    -webkit-appearance: none;
    overflow: visible;
    vertical-align: middle;
    background: rgba(0, 0, 0, 0)
}

.mdc-button .mdc-elevation-overlay {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

.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__icon {
    margin-left: 0;
    margin-right: 8px;
    display: inline-block;
    position: relative;
    vertical-align: top
}

[dir=rtl] .mdc-button .mdc-button__icon,
.mdc-button .mdc-button__icon[dir=rtl] {
    margin-left: 8px;
    margin-right: 0
}

.mdc-button .mdc-button__progress-indicator {
    font-size: 0;
    position: absolute;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    line-height: initial
}

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

.mdc-button .mdc-button__focus-ring {
    pointer-events: none;
    border: 2px solid rgba(0, 0, 0, 0);
    border-radius: 6px;
    box-sizing: content-box;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: calc(100% + 4px);
    width: calc(100% + 4px);
    display: none
}

@media screen and (forced-colors: active) {
    .mdc-button .mdc-button__focus-ring {
        border-color: CanvasText
    }
}

.mdc-button .mdc-button__focus-ring::after {
    content: "";
    border: 2px solid rgba(0, 0, 0, 0);
    border-radius: 8px;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: calc(100% + 4px);
    width: calc(100% + 4px)
}

@media screen and (forced-colors: active) {
    .mdc-button .mdc-button__focus-ring::after {
        border-color: CanvasText
    }
}

@media screen and (forced-colors: active) {

    .mdc-button.mdc-ripple-upgraded--background-focused .mdc-button__focus-ring,
    .mdc-button:not(.mdc-ripple-upgraded):focus .mdc-button__focus-ring {
        display: block
    }
}

.mdc-button .mdc-button__touch {
    position: absolute;
    top: 50%;
    height: 48px;
    left: 0;
    right: 0;
    transform: translateY(-50%)
}

.mdc-button__label+.mdc-button__icon {
    margin-left: 8px;
    margin-right: 0
}

[dir=rtl] .mdc-button__label+.mdc-button__icon,
.mdc-button__label+.mdc-button__icon[dir=rtl] {
    margin-left: 0;
    margin-right: 8px
}

svg.mdc-button__icon {
    fill: currentColor
}

.mdc-button--touch {
    margin-top: 6px;
    margin-bottom: 6px
}

.mdc-button {
    padding: 0 8px 0 8px
}

.mdc-button--unelevated {
    transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);
    padding: 0 16px 0 16px
}

.mdc-button--unelevated.mdc-button--icon-trailing {
    padding: 0 12px 0 16px
}

.mdc-button--unelevated.mdc-button--icon-leading {
    padding: 0 16px 0 12px
}

.mdc-button--raised {
    transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);
    padding: 0 16px 0 16px
}

.mdc-button--raised.mdc-button--icon-trailing {
    padding: 0 12px 0 16px
}

.mdc-button--raised.mdc-button--icon-leading {
    padding: 0 16px 0 12px
}

.mdc-button--outlined {
    border-style: solid;
    transition: border 280ms cubic-bezier(0.4, 0, 0.2, 1)
}

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

.mat-mdc-button {
    height: var(--mdc-text-button-container-height, 36px);
    border-radius: var(--mdc-text-button-container-shape, var(--mdc-shape-small, 4px))
}

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

.mat-mdc-button:disabled {
    color: var(--mdc-text-button-disabled-label-text-color, rgba(0, 0, 0, 0.38))
}

.mat-mdc-button .mdc-button__ripple {
    border-radius: var(--mdc-text-button-container-shape, var(--mdc-shape-small, 4px))
}

.mat-mdc-unelevated-button {
    height: var(--mdc-filled-button-container-height, 36px);
    border-radius: var(--mdc-filled-button-container-shape, var(--mdc-shape-small, 4px))
}

.mat-mdc-unelevated-button:not(:disabled) {
    background-color: var(--mdc-filled-button-container-color, transparent)
}

.mat-mdc-unelevated-button:disabled {
    background-color: var(--mdc-filled-button-disabled-container-color, rgba(0, 0, 0, 0.12))
}

.mat-mdc-unelevated-button:not(:disabled) {
    color: var(--mdc-filled-button-label-text-color, inherit)
}

.mat-mdc-unelevated-button:disabled {
    color: var(--mdc-filled-button-disabled-label-text-color, rgba(0, 0, 0, 0.38))
}

.mat-mdc-unelevated-button .mdc-button__ripple {
    border-radius: var(--mdc-filled-button-container-shape, var(--mdc-shape-small, 4px))
}

.mat-mdc-raised-button {
    height: var(--mdc-protected-button-container-height, 36px);
    border-radius: var(--mdc-protected-button-container-shape, var(--mdc-shape-small, 4px));
    box-shadow: var(--mdc-protected-button-container-elevation, 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-mdc-raised-button:not(:disabled) {
    background-color: var(--mdc-protected-button-container-color, transparent)
}

.mat-mdc-raised-button:disabled {
    background-color: var(--mdc-protected-button-disabled-container-color, rgba(0, 0, 0, 0.12))
}

.mat-mdc-raised-button:not(:disabled) {
    color: var(--mdc-protected-button-label-text-color, inherit)
}

.mat-mdc-raised-button:disabled {
    color: var(--mdc-protected-button-disabled-label-text-color, rgba(0, 0, 0, 0.38))
}

.mat-mdc-raised-button .mdc-button__ripple {
    border-radius: var(--mdc-protected-button-container-shape, var(--mdc-shape-small, 4px))
}

.mat-mdc-raised-button.mdc-ripple-upgraded--background-focused,
.mat-mdc-raised-button:not(.mdc-ripple-upgraded):focus {
    box-shadow: var(--mdc-protected-button-focus-container-elevation, 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-mdc-raised-button:hover {
    box-shadow: var(--mdc-protected-button-hover-container-elevation, 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-mdc-raised-button:not(:disabled):active {
    box-shadow: var(--mdc-protected-button-pressed-container-elevation, 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-mdc-raised-button:disabled {
    box-shadow: var(--mdc-protected-button-disabled-container-elevation, 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-mdc-outlined-button {
    height: var(--mdc-outlined-button-container-height, 36px);
    border-radius: var(--mdc-outlined-button-container-shape, var(--mdc-shape-small, 4px));
    padding: 0 15px 0 15px;
    border-width: var(--mdc-outlined-button-outline-width, 1px)
}

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

.mat-mdc-outlined-button:disabled {
    color: var(--mdc-outlined-button-disabled-label-text-color, rgba(0, 0, 0, 0.38))
}

.mat-mdc-outlined-button .mdc-button__ripple {
    border-radius: var(--mdc-outlined-button-container-shape, var(--mdc-shape-small, 4px))
}

.mat-mdc-outlined-button:not(:disabled) {
    border-color: var(--mdc-outlined-button-outline-color, rgba(0, 0, 0, 0.12))
}

.mat-mdc-outlined-button:disabled {
    border-color: var(--mdc-outlined-button-disabled-outline-color, rgba(0, 0, 0, 0.12))
}

.mat-mdc-outlined-button.mdc-button--icon-trailing {
    padding: 0 11px 0 15px
}

.mat-mdc-outlined-button.mdc-button--icon-leading {
    padding: 0 15px 0 11px
}

.mat-mdc-outlined-button .mdc-button__ripple {
    top: -1px;
    left: -1px;
    bottom: -1px;
    right: -1px;
    border-width: var(--mdc-outlined-button-outline-width, 1px)
}

.mat-mdc-outlined-button .mdc-button__touch {
    left: calc(-1 * var(--mdc-outlined-button-outline-width, 1px));
    width: calc(100% + 2 * var(--mdc-outlined-button-outline-width, 1px))
}

.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;
    background-color: var(--mat-mdc-button-persistent-ripple-color)
}

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

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

.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[disabled],
.mat-mdc-unelevated-button[disabled],
.mat-mdc-raised-button[disabled],
.mat-mdc-outlined-button[disabled] {
    cursor: default;
    pointer-events: none
}

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

.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 {
    margin-left: 0;
    margin-right: 8px;
    display: inline-block;
    position: relative;
    vertical-align: top;
    font-size: 1.125rem;
    height: 1.125rem;
    width: 1.125rem
}

[dir=rtl] .mat-mdc-button>.mat-icon,
.mat-mdc-button>.mat-icon[dir=rtl] {
    margin-left: 8px;
    margin-right: 0
}

.mat-mdc-button .mdc-button__label+.mat-icon {
    margin-left: 8px;
    margin-right: 0
}

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

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

[dir=rtl] .mat-mdc-unelevated-button>.mat-icon,
[dir=rtl] .mat-mdc-raised-button>.mat-icon,
[dir=rtl] .mat-mdc-outlined-button>.mat-icon,
.mat-mdc-unelevated-button>.mat-icon[dir=rtl],
.mat-mdc-raised-button>.mat-icon[dir=rtl],
.mat-mdc-outlined-button>.mat-icon[dir=rtl] {
    margin-left: 8px;
    margin-right: 0
}

[dir=rtl] .mat-mdc-unelevated-button>.mat-icon,
[dir=rtl] .mat-mdc-raised-button>.mat-icon,
[dir=rtl] .mat-mdc-outlined-button>.mat-icon,
.mat-mdc-unelevated-button>.mat-icon[dir=rtl],
.mat-mdc-raised-button>.mat-icon[dir=rtl],
.mat-mdc-outlined-button>.mat-icon[dir=rtl] {
    margin-left: 8px;
    margin-right: -4px
}

.mat-mdc-unelevated-button .mdc-button__label+.mat-icon,
.mat-mdc-raised-button .mdc-button__label+.mat-icon,
.mat-mdc-outlined-button .mdc-button__label+.mat-icon {
    margin-left: 8px;
    margin-right: -4px
}

[dir=rtl] .mat-mdc-unelevated-button .mdc-button__label+.mat-icon,
[dir=rtl] .mat-mdc-raised-button .mdc-button__label+.mat-icon,
[dir=rtl] .mat-mdc-outlined-button .mdc-button__label+.mat-icon,
.mat-mdc-unelevated-button .mdc-button__label+.mat-icon[dir=rtl],
.mat-mdc-raised-button .mdc-button__label+.mat-icon[dir=rtl],
.mat-mdc-outlined-button .mdc-button__label+.mat-icon[dir=rtl] {
    margin-left: -4px;
    margin-right: 8px
}

.mat-mdc-outlined-button .mat-mdc-button-ripple,
.mat-mdc-outlined-button .mdc-button__ripple {
    top: -1px;
    left: -1px;
    bottom: -1px;
    right: -1px;
    border-width: -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
}


.skeleton-img[_ngcontent-ng-c1308154342] {
    height: 100%;
    opacity: 1;
    background-size: contain;
    background-repeat: repeat;
    background: #1c1c1c
}

.skeleton-img[_ngcontent-ng-c1308154342]:after {
    position: absolute;
    right: 0;
    top: 0;
    left: 0;
    background-size: 100vw auto;
    height: 100%;
    animation: _ngcontent-ng-c1308154342_shimmer 3s reverse infinite linear;
    content: ""
}

@keyframes _ngcontent-ng-c1308154342_shimmer {
    to {
        background-position: -100vw 80%
    }
}

.fullpage-skeleton[_ngcontent-ng-c1308154342] {
    height: calc(var(--vh, 1vh) * 100)
}

.main[_ngcontent-ng-c1308154342] {
    position: absolute;
    width: 100%;
    margin: auto;
    top: 44px;
    z-index: 10000;
    left: 50%;
    transform: translate(-50%);
    max-height: calc(var(--vh, 1vh) * 100 - 101px)
}

.main[_ngcontent-ng-c1308154342] .container[_ngcontent-ng-c1308154342] {
    height: 100%
}

.page-header[_ngcontent-ng-c1308154342] {
    min-height: 55px;
    background: var(--black-color);
    margin: 0
}

.page-header[_ngcontent-ng-c1308154342] .header-wrapper[_ngcontent-ng-c1308154342] {
    height: 55px
}

.page-body[_ngcontent-ng-c1308154342] {
    padding: 10px
}

.page-body[_ngcontent-ng-c1308154342] .topbox[_ngcontent-ng-c1308154342] {
    width: 100%;
    margin: auto;
    height: 120px;
    border-radius: 10px
}

.page-body[_ngcontent-ng-c1308154342] .list[_ngcontent-ng-c1308154342] ul[_ngcontent-ng-c1308154342] {
    list-style: none;
    padding: 0
}

.page-body[_ngcontent-ng-c1308154342] .list[_ngcontent-ng-c1308154342] ul[_ngcontent-ng-c1308154342] li[_ngcontent-ng-c1308154342] {
    display: flex;
    width: 100%;
    align-items: center;
    column-gap: 10px;
    margin: 10px 0
}

.page-body[_ngcontent-ng-c1308154342] .list[_ngcontent-ng-c1308154342] ul[_ngcontent-ng-c1308154342] li[_ngcontent-ng-c1308154342] .img[_ngcontent-ng-c1308154342] {
    width: 50px;
    height: 50px;
    min-width: 50px
}

.page-body[_ngcontent-ng-c1308154342] .list[_ngcontent-ng-c1308154342] ul[_ngcontent-ng-c1308154342] li[_ngcontent-ng-c1308154342] .content[_ngcontent-ng-c1308154342] {
    width: 100%
}

.page-body[_ngcontent-ng-c1308154342] .list[_ngcontent-ng-c1308154342] ul[_ngcontent-ng-c1308154342] li[_ngcontent-ng-c1308154342] p[_ngcontent-ng-c1308154342] {
    height: 14px;
    width: 100%
}

.page-footer[_ngcontent-ng-c1308154342] {
    height: 45px;
    border-radius: 20px 20px 0 0;
    padding: 6px 0;
    background: var(--footer-grey-color);
    margin: 0
}

.sl-item[_ngcontent-ng-c1308154342] {
    display: flex;
    align-items: center;
    column-gap: 10px;
    margin: 10px 0 5px
}

.sl-item[_ngcontent-ng-c1308154342] .sl-img[_ngcontent-ng-c1308154342] {
    min-width: 35px;
    height: 35px;
    border-radius: 50%
}

.sl-item[_ngcontent-ng-c1308154342] .sl-team[_ngcontent-ng-c1308154342] {
    width: 70%
}

.sl-item[_ngcontent-ng-c1308154342] p[_ngcontent-ng-c1308154342] {
    height: 10px;
    width: 100%;
    margin: 0 0 4px;
    border-radius: 2px
}

.sl-item[_ngcontent-ng-c1308154342] p[_ngcontent-ng-c1308154342]:nth-child(2) {
    width: 60%
}

.sl-item[_ngcontent-ng-c1308154342] .sl-chip[_ngcontent-ng-c1308154342] {
    width: 15%;
    height: 35px
}


.mdc-icon-button {
    display: inline-block;
    position: relative;
    box-sizing: border-box;
    border: none;
    outline: none;
    background-color: rgba(0, 0, 0, 0);
    fill: currentColor;
    color: inherit;
    text-decoration: none;
    cursor: pointer;
    user-select: none;
    z-index: 0;
    overflow: visible
}

.mdc-icon-button .mdc-icon-button__touch {
    position: absolute;
    top: 50%;
    height: 48px;
    left: 50%;
    width: 48px;
    transform: translate(-50%, -50%)
}

@media screen and (forced-colors: active) {

    .mdc-icon-button.mdc-ripple-upgraded--background-focused .mdc-icon-button__focus-ring,
    .mdc-icon-button:not(.mdc-ripple-upgraded):focus .mdc-icon-button__focus-ring {
        display: block
    }
}

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

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

.mdc-icon-button--display-flex {
    align-items: center;
    display: inline-flex;
    justify-content: center
}

.mdc-icon-button__focus-ring {
    pointer-events: none;
    border: 2px solid rgba(0, 0, 0, 0);
    border-radius: 6px;
    box-sizing: content-box;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: 100%;
    width: 100%;
    display: none
}

@media screen and (forced-colors: active) {
    .mdc-icon-button__focus-ring {
        border-color: CanvasText
    }
}

.mdc-icon-button__focus-ring::after {
    content: "";
    border: 2px solid rgba(0, 0, 0, 0);
    border-radius: 8px;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: calc(100% + 4px);
    width: calc(100% + 4px)
}

@media screen and (forced-colors: active) {
    .mdc-icon-button__focus-ring::after {
        border-color: CanvasText
    }
}

.mdc-icon-button__icon {
    display: inline-block
}

.mdc-icon-button__icon.mdc-icon-button__icon--on {
    display: none
}

.mdc-icon-button--on .mdc-icon-button__icon {
    display: none
}

.mdc-icon-button--on .mdc-icon-button__icon.mdc-icon-button__icon--on {
    display: inline-block
}

.mdc-icon-button__link {
    height: 100%;
    left: 0;
    outline: none;
    position: absolute;
    top: 0;
    width: 100%
}

.mat-mdc-icon-button {
    height: var(--mdc-icon-button-state-layer-size);
    width: var(--mdc-icon-button-state-layer-size);
    color: var(--mdc-icon-button-icon-color);
    --mdc-icon-button-state-layer-size: 48px;
    --mdc-icon-button-icon-size: 24px;
    --mdc-icon-button-disabled-icon-color: black;
    --mdc-icon-button-disabled-icon-opacity: 0.38
}

.mat-mdc-icon-button .mdc-button__icon {
    font-size: var(--mdc-icon-button-icon-size)
}

.mat-mdc-icon-button svg,
.mat-mdc-icon-button img {
    width: var(--mdc-icon-button-icon-size);
    height: var(--mdc-icon-button-icon-size)
}

.mat-mdc-icon-button:disabled {
    opacity: var(--mdc-icon-button-disabled-icon-opacity)
}

.mat-mdc-icon-button:disabled {
    color: var(--mdc-icon-button-disabled-icon-color)
}

.mat-mdc-icon-button {
    padding: 12px;
    font-size: var(--mdc-icon-button-icon-size);
    border-radius: 50%;
    flex-shrink: 0;
    text-align: center;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.mat-mdc-icon-button svg {
    vertical-align: baseline
}

.mat-mdc-icon-button[disabled] {
    cursor: default;
    pointer-events: none;
    opacity: 1
}

.mat-mdc-icon-button .mat-mdc-button-ripple,
.mat-mdc-icon-button .mat-mdc-button-persistent-ripple,
.mat-mdc-icon-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-icon-button .mat-mdc-button-ripple {
    overflow: hidden
}

.mat-mdc-icon-button .mat-mdc-button-persistent-ripple::before {
    content: "";
    opacity: 0;
    background-color: var(--mat-mdc-button-persistent-ripple-color)
}

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

.mat-mdc-icon-button .mdc-button__label {
    z-index: 1
}

.mat-mdc-icon-button .mat-mdc-focus-indicator {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute
}

.mat-mdc-icon-button:focus .mat-mdc-focus-indicator::before {
    content: ""
}

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

.mat-mdc-icon-button._mat-animation-noopable {
    transition: none !important;
    animation: none !important
}

.mat-mdc-icon-button .mat-mdc-button-persistent-ripple {
    border-radius: 50%
}

.mat-mdc-icon-button.mat-unthemed:not(.mdc-ripple-upgraded):focus::before,
.mat-mdc-icon-button.mat-primary:not(.mdc-ripple-upgraded):focus::before,
.mat-mdc-icon-button.mat-accent:not(.mdc-ripple-upgraded):focus::before,
.mat-mdc-icon-button.mat-warn:not(.mdc-ripple-upgraded):focus::before {
    background: rgba(0, 0, 0, 0);
    opacity: 1
}


.mdc-tab {
    min-width: 90px;
    padding-right: 24px;
    padding-left: 24px;
    display: flex;
    flex: 1 0 auto;
    justify-content: center;
    box-sizing: border-box;
    margin: 0;
    padding-top: 0;
    padding-bottom: 0;
    border: none;
    outline: none;
    text-align: center;
    white-space: nowrap;
    cursor: pointer;
    -webkit-appearance: none;
    z-index: 1
}

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

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

.mdc-tab--min-width {
    flex: 0 1 auto
}

.mdc-tab__content {
    display: flex;
    align-items: center;
    justify-content: center;
    height: inherit;
    pointer-events: none
}

.mdc-tab__text-label {
    transition: 150ms color linear;
    display: inline-block;
    line-height: 1;
    z-index: 2
}

.mdc-tab__icon {
    transition: 150ms color linear;
    z-index: 2
}

.mdc-tab--stacked .mdc-tab__content {
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.mdc-tab--stacked .mdc-tab__text-label {
    padding-top: 6px;
    padding-bottom: 4px
}

.mdc-tab--active .mdc-tab__text-label,
.mdc-tab--active .mdc-tab__icon {
    transition-delay: 100ms
}

.mdc-tab:not(.mdc-tab--stacked) .mdc-tab__icon+.mdc-tab__text-label {
    padding-left: 8px;
    padding-right: 0
}

[dir=rtl] .mdc-tab:not(.mdc-tab--stacked) .mdc-tab__icon+.mdc-tab__text-label,
.mdc-tab:not(.mdc-tab--stacked) .mdc-tab__icon+.mdc-tab__text-label[dir=rtl] {
    padding-left: 0;
    padding-right: 8px
}

.mdc-tab-indicator {
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
    justify-content: center;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 1
}

.mdc-tab-indicator__content {
    transform-origin: left;
    opacity: 0
}

.mdc-tab-indicator__content--underline {
    align-self: flex-end;
    box-sizing: border-box;
    width: 100%;
    border-top-style: solid
}

.mdc-tab-indicator__content--icon {
    align-self: center;
    margin: 0 auto
}

.mdc-tab-indicator--active .mdc-tab-indicator__content {
    opacity: 1
}

.mdc-tab-indicator .mdc-tab-indicator__content {
    transition: 250ms transform cubic-bezier(0.4, 0, 0.2, 1)
}

.mdc-tab-indicator--no-transition .mdc-tab-indicator__content {
    transition: none
}

.mdc-tab-indicator--fade .mdc-tab-indicator__content {
    transition: 150ms opacity linear
}

.mdc-tab-indicator--active.mdc-tab-indicator--fade .mdc-tab-indicator__content {
    transition-delay: 100ms
}

.mat-mdc-tab-ripple {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    pointer-events: none
}

.mat-mdc-tab {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-decoration: none;
    background: none;
    font-family: var(--mat-tab-header-label-text-font);
    font-size: var(--mat-tab-header-label-text-size);
    letter-spacing: var(--mat-tab-header-label-text-tracking);
    line-height: var(--mat-tab-header-label-text-line-height);
    font-weight: var(--mat-tab-header-label-text-weight)
}

.mat-mdc-tab .mdc-tab-indicator__content--underline {
    border-color: var(--mdc-tab-indicator-active-indicator-color)
}

.mat-mdc-tab .mdc-tab-indicator__content--underline {
    border-top-width: var(--mdc-tab-indicator-active-indicator-height)
}

.mat-mdc-tab .mdc-tab-indicator__content--underline {
    border-radius: var(--mdc-tab-indicator-active-indicator-shape)
}

.mat-mdc-tab:not(.mdc-tab--stacked) {
    height: var(--mdc-secondary-navigation-tab-container-height)
}

.mat-mdc-tab:not(:disabled).mdc-tab--active .mdc-tab__icon {
    fill: currentColor
}

.mat-mdc-tab:not(:disabled):hover.mdc-tab--active .mdc-tab__icon {
    fill: currentColor
}

.mat-mdc-tab:not(:disabled):focus.mdc-tab--active .mdc-tab__icon {
    fill: currentColor
}

.mat-mdc-tab:not(:disabled):active.mdc-tab--active .mdc-tab__icon {
    fill: currentColor
}

.mat-mdc-tab:disabled.mdc-tab--active .mdc-tab__icon {
    fill: currentColor
}

.mat-mdc-tab:not(:disabled):not(.mdc-tab--active) .mdc-tab__icon {
    fill: currentColor
}

.mat-mdc-tab:not(:disabled):hover:not(.mdc-tab--active) .mdc-tab__icon {
    fill: currentColor
}

.mat-mdc-tab:not(:disabled):focus:not(.mdc-tab--active) .mdc-tab__icon {
    fill: currentColor
}

.mat-mdc-tab:not(:disabled):active:not(.mdc-tab--active) .mdc-tab__icon {
    fill: currentColor
}

.mat-mdc-tab:disabled:not(.mdc-tab--active) .mdc-tab__icon {
    fill: currentColor
}

.mat-mdc-tab.mdc-tab {
    flex-grow: 0
}

.mat-mdc-tab:hover .mdc-tab__text-label {
    color: var(--mat-tab-header-inactive-hover-label-text-color)
}

.mat-mdc-tab:focus .mdc-tab__text-label {
    color: var(--mat-tab-header-inactive-focus-label-text-color)
}

.mat-mdc-tab.mdc-tab--active .mdc-tab__text-label {
    color: var(--mat-tab-header-active-label-text-color)
}

.mat-mdc-tab.mdc-tab--active .mdc-tab__ripple::before,
.mat-mdc-tab.mdc-tab--active .mat-ripple-element {
    background-color: var(--mat-tab-header-active-ripple-color)
}

.mat-mdc-tab.mdc-tab--active:hover .mdc-tab__text-label {
    color: var(--mat-tab-header-active-hover-label-text-color)
}

.mat-mdc-tab.mdc-tab--active:hover .mdc-tab-indicator__content--underline {
    border-color: var(--mat-tab-header-active-hover-indicator-color)
}

.mat-mdc-tab.mdc-tab--active:focus .mdc-tab__text-label {
    color: var(--mat-tab-header-active-focus-label-text-color)
}

.mat-mdc-tab.mdc-tab--active:focus .mdc-tab-indicator__content--underline {
    border-color: var(--mat-tab-header-active-focus-indicator-color)
}

.mat-mdc-tab.mat-mdc-tab-disabled {
    opacity: .4;
    pointer-events: none
}

.mat-mdc-tab.mat-mdc-tab-disabled .mdc-tab__content {
    pointer-events: none
}

.mat-mdc-tab.mat-mdc-tab-disabled .mdc-tab__ripple::before,
.mat-mdc-tab.mat-mdc-tab-disabled .mat-ripple-element {
    background-color: var(--mat-tab-header-disabled-ripple-color)
}

.mat-mdc-tab .mdc-tab__ripple::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    pointer-events: none;
    background-color: var(--mat-tab-header-inactive-ripple-color)
}

.mat-mdc-tab .mdc-tab__text-label {
    color: var(--mat-tab-header-inactive-label-text-color);
    display: inline-flex;
    align-items: center
}

.mat-mdc-tab .mdc-tab__content {
    position: relative;
    pointer-events: auto
}

.mat-mdc-tab:hover .mdc-tab__ripple::before {
    opacity: .04
}

.mat-mdc-tab.cdk-program-focused .mdc-tab__ripple::before,
.mat-mdc-tab.cdk-keyboard-focused .mdc-tab__ripple::before {
    opacity: .12
}

.mat-mdc-tab .mat-ripple-element {
    opacity: .12;
    background-color: var(--mat-tab-header-inactive-ripple-color)
}

.mat-mdc-tab-group.mat-mdc-tab-group-stretch-tabs>.mat-mdc-tab-header .mat-mdc-tab {
    flex-grow: 1
}

.mat-mdc-tab-group {
    display: flex;
    flex-direction: column;
    max-width: 100%
}

.mat-mdc-tab-group.mat-tabs-with-background>.mat-mdc-tab-header,
.mat-mdc-tab-group.mat-tabs-with-background>.mat-mdc-tab-header-pagination {
    background-color: var(--mat-tab-header-with-background-background-color)
}

.mat-mdc-tab-group.mat-tabs-with-background.mat-primary>.mat-mdc-tab-header .mat-mdc-tab .mdc-tab__text-label {
    color: var(--mat-tab-header-with-background-foreground-color)
}

.mat-mdc-tab-group.mat-tabs-with-background.mat-primary>.mat-mdc-tab-header .mdc-tab-indicator__content--underline {
    border-color: var(--mat-tab-header-with-background-foreground-color)
}

.mat-mdc-tab-group.mat-tabs-with-background:not(.mat-primary)>.mat-mdc-tab-header .mat-mdc-tab:not(.mdc-tab--active) .mdc-tab__text-label {
    color: var(--mat-tab-header-with-background-foreground-color)
}

.mat-mdc-tab-group.mat-tabs-with-background:not(.mat-primary)>.mat-mdc-tab-header .mat-mdc-tab:not(.mdc-tab--active) .mdc-tab-indicator__content--underline {
    border-color: var(--mat-tab-header-with-background-foreground-color)
}

.mat-mdc-tab-group.mat-tabs-with-background>.mat-mdc-tab-header .mat-mdc-tab-header-pagination-chevron,
.mat-mdc-tab-group.mat-tabs-with-background>.mat-mdc-tab-header .mat-mdc-focus-indicator::before,
.mat-mdc-tab-group.mat-tabs-with-background>.mat-mdc-tab-header-pagination .mat-mdc-tab-header-pagination-chevron,
.mat-mdc-tab-group.mat-tabs-with-background>.mat-mdc-tab-header-pagination .mat-mdc-focus-indicator::before {
    border-color: var(--mat-tab-header-with-background-foreground-color)
}

.mat-mdc-tab-group.mat-tabs-with-background>.mat-mdc-tab-header .mat-ripple-element,
.mat-mdc-tab-group.mat-tabs-with-background>.mat-mdc-tab-header .mdc-tab__ripple::before,
.mat-mdc-tab-group.mat-tabs-with-background>.mat-mdc-tab-header-pagination .mat-ripple-element,
.mat-mdc-tab-group.mat-tabs-with-background>.mat-mdc-tab-header-pagination .mdc-tab__ripple::before {
    background-color: var(--mat-tab-header-with-background-foreground-color)
}

.mat-mdc-tab-group.mat-tabs-with-background>.mat-mdc-tab-header .mat-mdc-tab-header-pagination-chevron,
.mat-mdc-tab-group.mat-tabs-with-background>.mat-mdc-tab-header-pagination .mat-mdc-tab-header-pagination-chevron {
    color: var(--mat-tab-header-with-background-foreground-color)
}

.mat-mdc-tab-group.mat-mdc-tab-group-inverted-header {
    flex-direction: column-reverse
}

.mat-mdc-tab-group.mat-mdc-tab-group-inverted-header .mdc-tab-indicator__content--underline {
    align-self: flex-start
}

.mat-mdc-tab-body-wrapper {
    position: relative;
    overflow: hidden;
    display: flex;
    transition: height 500ms cubic-bezier(0.35, 0, 0.25, 1)
}

.mat-mdc-tab-body-wrapper._mat-animation-noopable {
    transition: none !important;
    animation: none !important
}


.mat-mdc-tab-header {
    display: flex;
    overflow: hidden;
    position: relative;
    flex-shrink: 0;
    --mdc-tab-indicator-active-indicator-height: 2px;
    --mdc-tab-indicator-active-indicator-shape: 0;
    --mdc-secondary-navigation-tab-container-height: 48px
}

.mdc-tab-indicator .mdc-tab-indicator__content {
    transition-duration: var(--mat-tab-animation-duration, 250ms)
}

.mat-mdc-tab-header-pagination {
    -webkit-user-select: none;
    user-select: none;
    position: relative;
    display: none;
    justify-content: center;
    align-items: center;
    min-width: 32px;
    cursor: pointer;
    z-index: 2;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    touch-action: none;
    box-sizing: content-box;
    background: none;
    border: none;
    outline: 0;
    padding: 0
}

.mat-mdc-tab-header-pagination::-moz-focus-inner {
    border: 0
}

.mat-mdc-tab-header-pagination .mat-ripple-element {
    opacity: .12;
    background-color: var(--mat-tab-header-inactive-ripple-color)
}

.mat-mdc-tab-header-pagination-controls-enabled .mat-mdc-tab-header-pagination {
    display: flex
}

.mat-mdc-tab-header-pagination-before,
.mat-mdc-tab-header-rtl .mat-mdc-tab-header-pagination-after {
    padding-left: 4px
}

.mat-mdc-tab-header-pagination-before .mat-mdc-tab-header-pagination-chevron,
.mat-mdc-tab-header-rtl .mat-mdc-tab-header-pagination-after .mat-mdc-tab-header-pagination-chevron {
    transform: rotate(-135deg)
}

.mat-mdc-tab-header-rtl .mat-mdc-tab-header-pagination-before,
.mat-mdc-tab-header-pagination-after {
    padding-right: 4px
}

.mat-mdc-tab-header-rtl .mat-mdc-tab-header-pagination-before .mat-mdc-tab-header-pagination-chevron,
.mat-mdc-tab-header-pagination-after .mat-mdc-tab-header-pagination-chevron {
    transform: rotate(45deg)
}

.mat-mdc-tab-header-pagination-chevron {
    border-style: solid;
    border-width: 2px 2px 0 0;
    height: 8px;
    width: 8px;
    border-color: var(--mat-tab-header-pagination-icon-color)
}

.mat-mdc-tab-header-pagination-disabled {
    box-shadow: none;
    cursor: default;
    pointer-events: none
}

.mat-mdc-tab-header-pagination-disabled .mat-mdc-tab-header-pagination-chevron {
    opacity: .4
}

.mat-mdc-tab-list {
    flex-grow: 1;
    position: relative;
    transition: transform 500ms cubic-bezier(0.35, 0, 0.25, 1)
}

._mat-animation-noopable .mat-mdc-tab-list {
    transition: none
}

._mat-animation-noopable span.mdc-tab-indicator__content,
._mat-animation-noopable span.mdc-tab__text-label {
    transition: none
}

.mat-mdc-tab-label-container {
    display: flex;
    flex-grow: 1;
    overflow: hidden;
    z-index: 1
}

.mat-mdc-tab-labels {
    display: flex;
    flex: 1 0 auto
}

[mat-align-tabs=center]>.mat-mdc-tab-header .mat-mdc-tab-labels {
    justify-content: center
}

[mat-align-tabs=end]>.mat-mdc-tab-header .mat-mdc-tab-labels {
    justify-content: flex-end
}

.mat-mdc-tab::before {
    margin: 5px
}

.cdk-high-contrast-active .mat-mdc-tab[aria-disabled=true] {
    color: GrayText
}


.mat-mdc-tab-body {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    display: block;
    overflow: hidden;
    outline: 0;
    flex-basis: 100%
}

.mat-mdc-tab-body.mat-mdc-tab-body-active {
    position: relative;
    overflow-x: hidden;
    overflow-y: auto;
    z-index: 1;
    flex-grow: 1
}

.mat-mdc-tab-group.mat-mdc-tab-group-dynamic-height .mat-mdc-tab-body.mat-mdc-tab-body-active {
    overflow-y: hidden
}

.mat-mdc-tab-body-content {
    height: 100%;
    overflow: auto
}

.mat-mdc-tab-group-dynamic-height .mat-mdc-tab-body-content {
    overflow: hidden
}

.mat-mdc-tab-body-content[style*="visibility: hidden"] {
    display: none
}

/* ============== */
.floating-btns2[_ngcontent-ng-c2345734034] {
    position: absolute;
    bottom: 120px;
    right: 5px;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    row-gap: 7px;
    z-index: 1000
}

.floating-btns2[_ngcontent-ng-c2345734034] .btn-item[_ngcontent-ng-c2345734034] {
    position: relative
}

.floating-btns2[_ngcontent-ng-c2345734034] .btn-wrap[_ngcontent-ng-c2345734034] {
    background: var(--primary-color);
    width: 36px;
    height: 36px;
    margin-right: 3px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%
}

.floating-btns2[_ngcontent-ng-c2345734034] .btn-wrap[_ngcontent-ng-c2345734034] mat-icon[_ngcontent-ng-c2345734034] {
    font-size: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--primary-color-contrast)
}

.badge[_ngcontent-ng-c2345734034] {
    position: absolute;
    top: -5px;
    right: -5px;
    background-color: red;
    color: #fff;
    border-radius: 50%;
    font-size: 12px;
    width: 18px;
    height: 18px;
    display: flex;
    align-items: center;
    justify-content: center
}

.d-none[_ngcontent-ng-c2345734034] {
    display: none !important
}


.page-header {
    margin-bottom: 0;
    max-height: unset;
    min-height: auto
}

.page-body {
    height: calc(100% - 45px)
}

.page-body.demoID {
    height: calc(100% - 135px);
    overflow: hidden
}

.ids-tabnav {
    height: 100%
}

.ids-tabnav mat-tab-group mat-tab-header .mat-mdc-tab-label-container .mat-mdc-tab-labels {
    column-gap: 4px;
    background-color: var(--grey-00)
}

.ids-tabnav mat-tab-group mat-tab-header .mat-mdc-tab-label-container .mat-mdc-tab-labels .mdc-tab {
    background-color: var(--grey-75);
    text-transform: none
}

.ids-tabnav mat-tab-group .mat-mdc-tab-body-wrapper {
    padding: 0;
    height: calc(var(--vh, 1vh) * 100 - 85px)
}

.ids-tabnav mat-tab-group mat-tab-body .mat-mdc-tab-body-content {
    height: calc(var(--vh, 1vh) * 100 - 145px);
    overflow: hidden
}

.ids-tabnav mat-tab-group mat-tab-body .id-list {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    overflow: auto;
    max-height: calc(var(--vh, 1vh) * 100 - 200px);
    margin: 0 10px;
    flex-direction: column;
    row-gap: 8px;
    padding-bottom: 40px
}

.ids-tabnav mat-tab-group mat-tab-body .id-list .ls-cont {
    width: 100%;
    position: relative
}

.ids-tabnav mat-tab-group mat-tab-body .id-list .ls-cont .remark-section {
    background-color: var(--grey-100);
    border-radius: 0 0 10px 10px;
    padding: 20px 10px 10px;
    margin-top: -10px
}

.ids-tabnav mat-tab-group mat-tab-body .id-list .ls-cont .remark-section p {
    margin: 0;
    font-size: 10px
}

.ids-tabnav mat-tab-group mat-tab-body .id-list .ls-cont .list-wrap {
    display: grid;
    width: 100%;
    row-gap: 10px;
    justify-content: flex-start;
    align-items: center;
    background-color: var(--grey-75);
    border-radius: 10px;
    padding: 10px;
    min-height: 80px;
    z-index: 100;
    position: relative;
    grid-template-columns: calc(100% - 120px) 120px
}

.ids-tabnav mat-tab-group mat-tab-body .id-list .ls-cont .list-wrap .ls-detail {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    column-gap: 10px;
    width: 100%
}

.ids-tabnav mat-tab-group mat-tab-body .id-list .ls-cont .list-wrap .ls-detail img {
    width: 50px;
    aspect-ratio: 1/1;
    border-radius: 50%;
    object-fit:contain;
}

.ids-tabnav mat-tab-group mat-tab-body .id-list .ls-cont .list-wrap .ls-detail .ls-info {
    width: 100%
}

.ids-tabnav mat-tab-group mat-tab-body .id-list .ls-cont .list-wrap .ls-detail .ls-info h4 {
    margin: 0;
    font-size: 12px;
    color: var(--grey-600);
    white-space: nowrap;
    text-overflow: ellipsis;
    width: calc(100% - 25px);
    overflow: hidden;
    display: block
}

.ids-tabnav mat-tab-group mat-tab-body .id-list .ls-cont .list-wrap .ls-detail .ls-info p {
    margin: 0;
    font-size: 10px;
    color: var(--grey-600);

    padding: 0
}

.ids-tabnav mat-tab-group mat-tab-body .id-list .ls-cont .list-wrap .ls-right {
    white-space: nowrap;
    align-self: center
}

.ids-tabnav mat-tab-group mat-tab-body .id-list .ls-cont .list-wrap .ls-right .btn-wrap {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    column-gap: 10px
}

.ids-tabnav mat-tab-group mat-tab-body .id-list .ls-cont .list-wrap .ls-right .btn-wrap button {
    width: 30px;
    height: 30px;
    box-shadow: unset;
    color: var(--white-color);
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center
}

.ids-tabnav mat-tab-group mat-tab-body .id-list .ls-cont .list-wrap .ls-right .btn-wrap button.menu-btn {
    z-index: 103;
    position: relative
}

.ids-tabnav mat-tab-group mat-tab-body .id-list .ls-cont .list-wrap .ls-right .btn-wrap button.create-btn {
    max-width: 65px;
    background: var(--secondary-color);
    color: var(--secondary-color-contrast);
    padding: 0 10px
}

.ids-tabnav mat-tab-group mat-tab-body .id-list .ls-cont .list-wrap .ls-right .btn-wrap button.d-btn {
    background-color: var(--d-color)
}

.ids-tabnav mat-tab-group mat-tab-body .id-list .ls-cont .list-wrap .ls-right .btn-wrap button.w-btn {
    background-color: var(--w-color)
}

.ids-tabnav mat-tab-group mat-tab-body .id-list .id-status {
    position: absolute;
    top: 0;
    width: auto;
    right: 0;
    background-color: var(--secondary-color);
    border-radius: 0 8px;
    padding-right: 15px;
    padding-left: 15px;
    padding-bottom: 1px;
    justify-content: flex-start;
    margin: 0;
    z-index: 102;
    cursor: pointer;
    display: flex;
    align-items: center;
    column-gap: 2px
}

.ids-tabnav mat-tab-group mat-tab-body .id-list .id-status.closed {
    background-color: var(--marquee-red)
}

.ids-tabnav mat-tab-group mat-tab-body .id-list .id-status.closed p {
    color: var(--white-color)
}

.ids-tabnav mat-tab-group mat-tab-body .id-list .id-status p,
.ids-tabnav mat-tab-group mat-tab-body .id-list .id-status strong {
    font-size: 10px;
    color: var(--black-color);
    margin: 0;
    line-height: normal
}

.ids-tabnav mat-tab-group mat-tab-body .id-list .id-status.no-pending-req {
    background-color: var(--grey-900);
    color: var(--black-color)
}

.ids-tabnav mat-tab-group mat-tab-body .id-list .site-not-listed {
    margin: 60px 0;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width: 100%
}

.ids-tabnav mat-tab-group mat-tab-body .id-list .site-not-listed.list-site-here {
    margin-top: 50px
}

.ids-tabnav mat-tab-group mat-tab-body .id-list .site-not-listed.list-site-here h3 {
    font-size: 14px
}

.ids-tabnav mat-tab-group mat-tab-body .id-list .site-not-listed.list-site-here h3 img {
    width: 14px;
    margin-top: 0
}

.ids-tabnav mat-tab-group mat-tab-body .id-list .site-not-listed h3 {

    font-size: 14px;
    color: var(--white-color);
    display: flex;
    justify-content: center;
    align-items: center
}

.ids-tabnav mat-tab-group mat-tab-body .id-list .site-not-listed h3 img {
    width: 18px;
    margin-top: 3px;
    margin-left: 10px
}

.site-under-maintenance {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    width: calc(100% - 2px);
    height: calc(100% - 2px);
    position: absolute;
    top: 1px;
    right: 1px;
    padding: 10px;
    border: 1px solid var(--grey-100);
    border-radius: 8px;
    background: rgb(0, 0, 0);
    background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 100%);
    z-index: 101
}

.site-under-maintenance.close-id-overlay {
    background: rgba(var(--black-color-rgb), .5)
}

.site-under-maintenance mat-icon {
    color: var(--yellow-color);
    width: 30px;
    font-size: 30px;
    margin-right: 10px
}

.site-under-maintenance p {
    font-size: .75rem;
    color: var(--white-color);
    margin: 0;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    flex-direction: column
}

.site-under-maintenance p span {
    font-size: .65rem;

    opacity: .7
}

.filter-wrap {
    background-color: var(--grey-00);
    position: sticky;
    top: 0;
    z-index: 120;
    display: flex
}

.filter-section {
    grid-template-columns: 1fr auto;
    column-gap: 10px;
    display: grid;
    grid-template-columns: 1fr;
    margin: 10px;
    width: 100%
}

.filter-section:has(.custom-select) {
    grid-template-columns: 1fr 1fr
}

.filter-section:has(:only-child.custom-select) {
    grid-template-columns: 1fr
}

.filter-section .search-id {
    position: relative
}

.filter-section .search-id mat-icon {
    position: absolute;
    left: 10px;
    top: 50%;
    color: var(--grey-600);
    font-size: 20px;
    transform: translateY(-50%);
    height: auto
}

.filter-section .search-id input {
    width: 100%;
    height: 35px;
    font-size: 12px;
    line-height: 40px;
    border-radius: 8px;
    border: 0;
    padding: 5px 5px 5px 40px;
    color: var(--grey-400);
    background-color: var(--grey-50)
}

.filter-section .search-id input::-ms-input-placeholder,
.filter-section .search-id input::placeholder {
    color: var(--white-color)
}

.filter-section .search-id input::-webkit-search-cancel-button {
    filter: grayscale(1)
}

.filter-section .custom-select {
    display: flex;
    align-items: center;
    background-color: var(--grey-75);
    border-radius: 4px;
    padding: 6px
}

.filter-section .custom-select mat-form-field .mat-mdc-text-field-wrapper mat-select {
    color: var(--grey-600);
    font-size: 12px
}

.filter-section .custom-select mat-form-field .mat-mdc-text-field-wrapper .mdc-line-ripple {
    display: none
}

.filter-section .custom-select mat-form-field .mat-mdc-form-field-subscript-wrapper {
    display: none
}

.cdk-overlay-container .cdk-overlay-pane .mat-mdc-select-panel mat-option {
    min-height: 30px
}

.mat-mdc-select-panel mat-option.mdc-list-item--selected {
    background-color: var(--grey-50) !important;
}

.cdk-overlay-container .cdk-overlay-pane:has(.all-site-select),
.cdk-overlay-container .cdk-overlay-pane:has(.site-type) {
    margin-top: 20px
}

.all-site-select,
.site-type,
.all-site-select,
.site-type {
    padding-top: 0
}

.all-site-select ngx-mat-select-search .mat-select-search-inner,
.site-type ngx-mat-select-search .mat-select-search-inner,
.all-site-select ngx-mat-select-search .mat-select-search-inner,
.site-type ngx-mat-select-search .mat-select-search-inner {
    transform: translate(-50%);
    top: 0;
    left: 50%
}

.all-site-select ngx-mat-select-search .mat-select-search-inner .mat-divider,
.site-type ngx-mat-select-search .mat-select-search-inner .mat-divider,
.all-site-select ngx-mat-select-search .mat-select-search-inner .mat-divider,
.site-type ngx-mat-select-search .mat-select-search-inner .mat-divider {
    border-top-width: .55px;
    border-color: var(--grey-400);
    display: none
}

.all-site-select ngx-mat-select-search .mat-select-search-inner .mat-select-search-input,
.site-type ngx-mat-select-search .mat-select-search-inner .mat-select-search-input,
.all-site-select ngx-mat-select-search .mat-select-search-inner .mat-select-search-input,
.site-type ngx-mat-select-search .mat-select-search-inner .mat-select-search-input {
    height: 40px
}

.all-site-select ngx-mat-select-search .mat-select-search-inner .mat-select-search-clear,
.site-type ngx-mat-select-search .mat-select-search-inner .mat-select-search-clear,
.all-site-select ngx-mat-select-search .mat-select-search-inner .mat-select-search-clear,
.site-type ngx-mat-select-search .mat-select-search-inner .mat-select-search-clear {
    top: -2px;
    height: 40px;
    width: 40px
}

.all-site-select ngx-mat-select-search .mat-select-search-inner .mat-select-search-clear mat-icon,
.site-type ngx-mat-select-search .mat-select-search-inner .mat-select-search-clear mat-icon,
.all-site-select ngx-mat-select-search .mat-select-search-inner .mat-select-search-clear mat-icon,
.site-type ngx-mat-select-search .mat-select-search-inner .mat-select-search-clear mat-icon {
    font-size: 20px
}

.all-site-select,
.site-type,
.all-site-select,
.site-type {
    border-radius: 8px;
    font-size: 12px
}

.cdk-overlay-container .all-site-select,
.cdk-overlay-container .site-type {
    background-color: var(--grey-75)
}

.all-site-select ngx-mat-select-search,
.site-type ngx-mat-select-search,
.all-site-select ngx-mat-select-search,
.site-type ngx-mat-select-search {
    background: var(--grey-50);
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 8px;
    margin: 0;
    position: sticky;
    top: 0;
    z-index: 10;
}

.empty-notification {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%
}

.empty-notification p {
    font-size: 12px
}

.id-description {
    width: 100%
}

.id-description span {
    font-size: 10px;
    color: var(--grey-400);
    line-height: 14px;
    display: flex;
    justify-content: flex-start;
    align-items: center
}

.top-sites-promote {
    display: flex;
    align-items: center;
    column-gap: 5px;
    margin-top: 4px
}

.top-sites-promote mat-icon {
    color: var(--secondary-color)
}

.top-sites-promote span {
    font-size: 10px;
    border: 1px solid var(--secondary-color);
    border-radius: 4px;
    padding: 1px 4px;
    color: var(--secondary-color)
}

@media only screen and (max-width: 768px) {
        {
        right: unset !important;
        left: 10px !important;
        width: calc(100% - 20px) !important
    }

        {
        left: unset !important;
        right: 10px !important
    }

    .custom-select mat-form-field .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix {
        width: 100px
    }
}

.page-loader {
    width: 100%;
    height: calc(100vh - 211px);
    display: flex;
    justify-content: center;
    align-items: center
}

.pageloader {
    border: 2px solid var(--grey-75);
    border-radius: 50%;
    border-top: 2px solid var(--secondary-color);
    width: 50px;
    height: 50px;
    animation: spin 2s linear infinite
}

.yellow-text {
    color: var(--secondary-color) !important
}

.copy_to_clip {
    display: flex;
    gap: 2px
}

.copy_to_clip .mat-icon {
    width: 12px;
    height: 12px;
    font-size: 12px
}

.rate-account-type {
    font-size: 10px;
    margin-bottom: 0;
    color: var(--white-color);
    padding: 4px 8px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border-radius: 15px;
    font-family: custom_semiBold;
    margin-top: 4px;
    word-break: break-word
}

.disabled {
    opacity: .5
}

@media all and (max-width: 350px) {
    .ids-tabnav mat-tab-group mat-tab-body .id-list .ls-cont .list-wrap .ls-detail img {
        width: 35px
    }
}

.site__url {
    display: inline-block;
    cursor: pointer;
    position: relative
}

.site__url:before {
    content: "";
    display: inline-block;
    width: 100%;
    height: 1px;
    background-color: var(--grey-200);
    position: absolute;
    bottom: 0;
    left: 0
}


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

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

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

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

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

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

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

@media all {
    .mdc-text-field__input::placeholder {
        opacity: 0
    }
}

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

@media all {

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

@media all {

    .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__affix {
    height: 28px;
    opacity: 0;
    white-space: nowrap
}

.mdc-text-field--label-floating .mdc-text-field__affix,
.mdc-text-field--no-label .mdc-text-field__affix {
    opacity: 1
}

@supports(-webkit-hyphens: none) {
    .mdc-text-field--outlined .mdc-text-field__affix {
        align-items: center;
        align-self: center;
        display: inline-flex;
        height: 100%
    }
}

.mdc-text-field__affix--prefix {
    padding-left: 0;
    padding-right: 2px
}

[dir=rtl] .mdc-text-field__affix--prefix,
.mdc-text-field__affix--prefix[dir=rtl] {
    padding-left: 2px;
    padding-right: 0
}

.mdc-text-field--end-aligned .mdc-text-field__affix--prefix {
    padding-left: 0;
    padding-right: 12px
}

[dir=rtl] .mdc-text-field--end-aligned .mdc-text-field__affix--prefix,
.mdc-text-field--end-aligned .mdc-text-field__affix--prefix[dir=rtl] {
    padding-left: 12px;
    padding-right: 0
}

.mdc-text-field__affix--suffix {
    padding-left: 12px;
    padding-right: 0
}

[dir=rtl] .mdc-text-field__affix--suffix,
.mdc-text-field__affix--suffix[dir=rtl] {
    padding-left: 0;
    padding-right: 12px
}

.mdc-text-field--end-aligned .mdc-text-field__affix--suffix {
    padding-left: 2px;
    padding-right: 0
}

[dir=rtl] .mdc-text-field--end-aligned .mdc-text-field__affix--suffix,
.mdc-text-field--end-aligned .mdc-text-field__affix--suffix[dir=rtl] {
    padding-left: 0;
    padding-right: 2px
}

.mdc-text-field--filled {
    height: 56px
}

.mdc-text-field--filled::before {
    display: inline-block;
    width: 0;
    height: 40px;
    content: "";
    vertical-align: 0
}

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

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

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

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

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

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

@supports(-webkit-hyphens: none) {
    .mdc-text-field--filled.mdc-text-field--no-label .mdc-text-field__affix {
        align-items: center;
        align-self: center;
        display: inline-flex;
        height: 100%
    }
}

.mdc-text-field--outlined {
    height: 56px;
    overflow: visible
}

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

.mdc-text-field--outlined .mdc-floating-label--float-above {
    font-size: .75rem
}

.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-text-field--outlined .mdc-text-field__input {
    height: 100%
}

.mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__leading {
    border-top-left-radius: 4px;
    border-top-left-radius: var(--mdc-shape-small, 4px);
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 4px;
    border-bottom-left-radius: var(--mdc-shape-small, 4px)
}

[dir=rtl] .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__leading,
.mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__leading[dir=rtl] {
    border-top-left-radius: 0;
    border-top-right-radius: 4px;
    border-top-right-radius: var(--mdc-shape-small, 4px);
    border-bottom-right-radius: 4px;
    border-bottom-right-radius: var(--mdc-shape-small, 4px);
    border-bottom-left-radius: 0
}

@supports(top: max(0%)) {
    .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__leading {
        width: max(12px, var(--mdc-shape-small, 4px))
    }
}

@supports(top: max(0%)) {
    .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__notch {
        max-width: calc(100% - max(12px, var(--mdc-shape-small, 4px))*2)
    }
}

.mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__trailing {
    border-top-left-radius: 0;
    border-top-right-radius: 4px;
    border-top-right-radius: var(--mdc-shape-small, 4px);
    border-bottom-right-radius: 4px;
    border-bottom-right-radius: var(--mdc-shape-small, 4px);
    border-bottom-left-radius: 0
}

[dir=rtl] .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__trailing,
.mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__trailing[dir=rtl] {
    border-top-left-radius: 4px;
    border-top-left-radius: var(--mdc-shape-small, 4px);
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 4px;
    border-bottom-left-radius: var(--mdc-shape-small, 4px)
}

@supports(top: max(0%)) {
    .mdc-text-field--outlined {
        padding-left: max(16px, calc(var(--mdc-shape-small, 4px) + 4px))
    }
}

@supports(top: max(0%)) {
    .mdc-text-field--outlined {
        padding-right: max(16px, var(--mdc-shape-small, 4px))
    }
}

@supports(top: max(0%)) {
    .mdc-text-field--outlined+.mdc-text-field-helper-line {
        padding-left: max(16px, calc(var(--mdc-shape-small, 4px) + 4px))
    }
}

@supports(top: max(0%)) {
    .mdc-text-field--outlined+.mdc-text-field-helper-line {
        padding-right: max(16px, var(--mdc-shape-small, 4px))
    }
}

.mdc-text-field--outlined.mdc-text-field--with-leading-icon {
    padding-left: 0
}

@supports(top: max(0%)) {
    .mdc-text-field--outlined.mdc-text-field--with-leading-icon {
        padding-right: max(16px, var(--mdc-shape-small, 4px))
    }
}

[dir=rtl] .mdc-text-field--outlined.mdc-text-field--with-leading-icon,
.mdc-text-field--outlined.mdc-text-field--with-leading-icon[dir=rtl] {
    padding-right: 0
}

@supports(top: max(0%)) {

    [dir=rtl] .mdc-text-field--outlined.mdc-text-field--with-leading-icon,
    .mdc-text-field--outlined.mdc-text-field--with-leading-icon[dir=rtl] {
        padding-left: max(16px, var(--mdc-shape-small, 4px))
    }
}

.mdc-text-field--outlined.mdc-text-field--with-trailing-icon {
    padding-right: 0
}

@supports(top: max(0%)) {
    .mdc-text-field--outlined.mdc-text-field--with-trailing-icon {
        padding-left: max(16px, calc(var(--mdc-shape-small, 4px) + 4px))
    }
}

[dir=rtl] .mdc-text-field--outlined.mdc-text-field--with-trailing-icon,
.mdc-text-field--outlined.mdc-text-field--with-trailing-icon[dir=rtl] {
    padding-left: 0
}

@supports(top: max(0%)) {

    [dir=rtl] .mdc-text-field--outlined.mdc-text-field--with-trailing-icon,
    .mdc-text-field--outlined.mdc-text-field--with-trailing-icon[dir=rtl] {
        padding-right: max(16px, calc(var(--mdc-shape-small, 4px) + 4px))
    }
}

.mdc-text-field--outlined.mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon {
    padding-left: 0;
    padding-right: 0
}

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

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

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

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

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

.mdc-text-field--textarea {
    flex-direction: column;
    align-items: center;
    width: auto;
    height: auto;
    padding: 0
}

.mdc-text-field--textarea .mdc-floating-label {
    top: 19px
}

.mdc-text-field--textarea .mdc-floating-label:not(.mdc-floating-label--float-above) {
    transform: none
}

.mdc-text-field--textarea .mdc-text-field__input {
    flex-grow: 1;
    height: auto;
    min-height: 1.5rem;
    overflow-x: hidden;
    overflow-y: auto;
    box-sizing: border-box;
    resize: none;
    padding: 0 16px
}

.mdc-text-field--textarea.mdc-text-field--filled::before {
    display: none
}

.mdc-text-field--textarea.mdc-text-field--filled .mdc-floating-label--float-above {
    transform: translateY(-10.25px) scale(0.75)
}

.mdc-text-field--textarea.mdc-text-field--filled .mdc-text-field__input {
    margin-top: 23px;
    margin-bottom: 9px
}

.mdc-text-field--textarea.mdc-text-field--filled.mdc-text-field--no-label .mdc-text-field__input {
    margin-top: 16px;
    margin-bottom: 16px
}

.mdc-text-field--textarea.mdc-text-field--outlined .mdc-notched-outline--notched .mdc-notched-outline__notch {
    padding-top: 0
}

.mdc-text-field--textarea.mdc-text-field--outlined .mdc-floating-label--float-above {
    transform: translateY(-27.25px) scale(1)
}

.mdc-text-field--textarea.mdc-text-field--outlined .mdc-floating-label--float-above {
    font-size: .75rem
}

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

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

.mdc-text-field--textarea.mdc-text-field--outlined .mdc-text-field__input {
    margin-top: 16px;
    margin-bottom: 16px
}

.mdc-text-field--textarea.mdc-text-field--outlined .mdc-floating-label {
    top: 18px
}

.mdc-text-field--textarea.mdc-text-field--with-internal-counter .mdc-text-field__input {
    margin-bottom: 2px
}

.mdc-text-field--textarea.mdc-text-field--with-internal-counter .mdc-text-field-character-counter {
    align-self: flex-end;
    padding: 0 16px
}

.mdc-text-field--textarea.mdc-text-field--with-internal-counter .mdc-text-field-character-counter::after {
    display: inline-block;
    width: 0;
    height: 16px;
    content: "";
    vertical-align: -16px
}

.mdc-text-field--textarea.mdc-text-field--with-internal-counter .mdc-text-field-character-counter::before {
    display: none
}

.mdc-text-field__resizer {
    align-self: stretch;
    display: inline-flex;
    flex-direction: column;
    flex-grow: 1;
    max-height: 100%;
    max-width: 100%;
    min-height: 56px;
    min-width: fit-content;
    min-width: -moz-available;
    min-width: -webkit-fill-available;
    overflow: hidden;
    resize: both
}

.mdc-text-field--filled .mdc-text-field__resizer {
    transform: translateY(-1px)
}

.mdc-text-field--filled .mdc-text-field__resizer .mdc-text-field__input,
.mdc-text-field--filled .mdc-text-field__resizer .mdc-text-field-character-counter {
    transform: translateY(1px)
}

.mdc-text-field--outlined .mdc-text-field__resizer {
    transform: translateX(-1px) translateY(-1px)
}

[dir=rtl] .mdc-text-field--outlined .mdc-text-field__resizer,
.mdc-text-field--outlined .mdc-text-field__resizer[dir=rtl] {
    transform: translateX(1px) translateY(-1px)
}

.mdc-text-field--outlined .mdc-text-field__resizer .mdc-text-field__input,
.mdc-text-field--outlined .mdc-text-field__resizer .mdc-text-field-character-counter {
    transform: translateX(1px) translateY(1px)
}

[dir=rtl] .mdc-text-field--outlined .mdc-text-field__resizer .mdc-text-field__input,
[dir=rtl] .mdc-text-field--outlined .mdc-text-field__resizer .mdc-text-field-character-counter,
.mdc-text-field--outlined .mdc-text-field__resizer .mdc-text-field__input[dir=rtl],
.mdc-text-field--outlined .mdc-text-field__resizer .mdc-text-field-character-counter[dir=rtl] {
    transform: translateX(-1px) translateY(1px)
}

.mdc-text-field--with-leading-icon {
    padding-left: 0;
    padding-right: 16px
}

[dir=rtl] .mdc-text-field--with-leading-icon,
.mdc-text-field--with-leading-icon[dir=rtl] {
    padding-left: 16px;
    padding-right: 0
}

.mdc-text-field--with-leading-icon.mdc-text-field--filled .mdc-floating-label {
    max-width: calc(100% - 48px);
    left: 48px;
    right: initial
}

[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--filled .mdc-floating-label,
.mdc-text-field--with-leading-icon.mdc-text-field--filled .mdc-floating-label[dir=rtl] {
    left: initial;
    right: 48px
}

.mdc-text-field--with-leading-icon.mdc-text-field--filled .mdc-floating-label--float-above {
    max-width: calc(100% / 0.75 - 64px / 0.75)
}

.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label {
    left: 36px;
    right: initial
}

[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label,
.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label[dir=rtl] {
    left: initial;
    right: 36px
}

.mdc-text-field--with-leading-icon.mdc-text-field--outlined :not(.mdc-notched-outline--notched) .mdc-notched-outline__notch {
    max-width: calc(100% - 60px)
}

.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--float-above {
    transform: translateY(-37.25px) translateX(-32px) scale(1)
}

[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--float-above,
.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--float-above[dir=rtl] {
    transform: translateY(-37.25px) translateX(32px) scale(1)
}

.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--float-above {
    font-size: .75rem
}

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

[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above,
[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above,
.mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above[dir=rtl],
.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above[dir=rtl] {
    transform: translateY(-34.75px) translateX(32px) scale(0.75)
}

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

.mdc-text-field--with-trailing-icon {
    padding-left: 16px;
    padding-right: 0
}

[dir=rtl] .mdc-text-field--with-trailing-icon,
.mdc-text-field--with-trailing-icon[dir=rtl] {
    padding-left: 0;
    padding-right: 16px
}

.mdc-text-field--with-trailing-icon.mdc-text-field--filled .mdc-floating-label {
    max-width: calc(100% - 64px)
}

.mdc-text-field--with-trailing-icon.mdc-text-field--filled .mdc-floating-label--float-above {
    max-width: calc(100% / 0.75 - 64px / 0.75)
}

.mdc-text-field--with-trailing-icon.mdc-text-field--outlined :not(.mdc-notched-outline--notched) .mdc-notched-outline__notch {
    max-width: calc(100% - 60px)
}

.mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon {
    padding-left: 0;
    padding-right: 0
}

.mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon.mdc-text-field--filled .mdc-floating-label {
    max-width: calc(100% - 96px)
}

.mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon.mdc-text-field--filled .mdc-floating-label--float-above {
    max-width: calc(100% / 0.75 - 96px / 0.75)
}

.mdc-text-field-helper-line {
    display: flex;
    justify-content: space-between;
    box-sizing: border-box
}

.mdc-text-field+.mdc-text-field-helper-line {
    padding-right: 16px;
    padding-left: 16px
}

.mdc-form-field>.mdc-text-field+label {
    align-self: flex-start
}

.mdc-text-field--focused .mdc-notched-outline__leading,
.mdc-text-field--focused .mdc-notched-outline__notch,
.mdc-text-field--focused .mdc-notched-outline__trailing {
    border-width: 2px
}

.mdc-text-field--focused+.mdc-text-field-helper-line .mdc-text-field-helper-text:not(.mdc-text-field-helper-text--validation-msg) {
    opacity: 1
}

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

.mdc-text-field--focused.mdc-text-field--outlined.mdc-text-field--textarea .mdc-notched-outline--notched .mdc-notched-outline__notch {
    padding-top: 0
}

.mdc-text-field--invalid+.mdc-text-field-helper-line .mdc-text-field-helper-text--validation-msg {
    opacity: 1
}

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

@media screen and (forced-colors: active) {
    .mdc-text-field--disabled .mdc-text-field__input {
        background-color: Window
    }

    .mdc-text-field--disabled .mdc-floating-label {
        z-index: 1
    }
}

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

.mdc-text-field--disabled.mdc-text-field--filled .mdc-text-field__ripple {
    display: none
}

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

.mdc-text-field--end-aligned .mdc-text-field__input {
    text-align: right
}

[dir=rtl] .mdc-text-field--end-aligned .mdc-text-field__input,
.mdc-text-field--end-aligned .mdc-text-field__input[dir=rtl] {
    text-align: left
}

[dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__input,
[dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__affix,
.mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__input,
.mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__affix {
    direction: ltr
}

[dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__affix--prefix,
.mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__affix--prefix {
    padding-left: 0;
    padding-right: 2px
}

[dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__affix--suffix,
.mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__affix--suffix {
    padding-left: 12px;
    padding-right: 0
}

[dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__icon--leading,
.mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__icon--leading {
    order: 1
}

[dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__affix--suffix,
.mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__affix--suffix {
    order: 2
}

[dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__input,
.mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__input {
    order: 3
}

[dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__affix--prefix,
.mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__affix--prefix {
    order: 4
}

[dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__icon--trailing,
.mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__icon--trailing {
    order: 5
}

[dir=rtl] .mdc-text-field--ltr-text.mdc-text-field--end-aligned .mdc-text-field__input,
.mdc-text-field--ltr-text.mdc-text-field--end-aligned[dir=rtl] .mdc-text-field__input {
    text-align: right
}

[dir=rtl] .mdc-text-field--ltr-text.mdc-text-field--end-aligned .mdc-text-field__affix--prefix,
.mdc-text-field--ltr-text.mdc-text-field--end-aligned[dir=rtl] .mdc-text-field__affix--prefix {
    padding-right: 12px
}

[dir=rtl] .mdc-text-field--ltr-text.mdc-text-field--end-aligned .mdc-text-field__affix--suffix,
.mdc-text-field--ltr-text.mdc-text-field--end-aligned[dir=rtl] .mdc-text-field__affix--suffix {
    padding-left: 2px
}

.mdc-floating-label {
    position: absolute;
    left: 0;
    -webkit-transform-origin: left top;
    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,
.mdc-floating-label[dir=rtl] {
    right: 0;
    left: auto;
    -webkit-transform-origin: right top;
    transform-origin: right top;
    text-align: right
}

.mdc-floating-label--float-above {
    cursor: auto
}

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

[dir=rtl] .mdc-floating-label--required:not(.mdc-floating-label--hide-required-marker)::after,
.mdc-floating-label--required:not(.mdc-floating-label--hide-required-marker)[dir=rtl]::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,
.mdc-notched-outline[dir=rtl] {
    text-align: right
}

.mdc-notched-outline__leading,
.mdc-notched-outline__notch,
.mdc-notched-outline__trailing {
    box-sizing: border-box;
    height: 100%;
    pointer-events: none
}

.mdc-notched-outline__trailing {
    flex-grow: 1
}

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

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

.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-notched-outline--notched .mdc-notched-outline__notch {
    padding-left: 0;
    padding-right: 8px;
    border-top: none
}

[dir=rtl] .mdc-notched-outline--notched .mdc-notched-outline__notch,
.mdc-notched-outline--notched .mdc-notched-outline__notch[dir=rtl] {
    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
}

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

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

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

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

.mdc-notched-outline__leading,
.mdc-notched-outline__notch,
.mdc-notched-outline__trailing {
    border-top: 1px solid;
    border-bottom: 1px solid
}

.mdc-notched-outline__leading {
    border-left: 1px solid;
    border-right: none;
    width: 12px
}

[dir=rtl] .mdc-notched-outline__leading,
.mdc-notched-outline__leading[dir=rtl] {
    border-left: none;
    border-right: 1px solid
}

.mdc-notched-outline__trailing {
    border-left: none;
    border-right: 1px solid
}

[dir=rtl] .mdc-notched-outline__trailing,
.mdc-notched-outline__trailing[dir=rtl] {
    border-left: 1px solid;
    border-right: none
}

.mdc-notched-outline__notch {
    max-width: calc(100% - 12px * 2)
}

.mdc-line-ripple::before {
    border-bottom-width: 1px
}

.mdc-line-ripple::after {
    border-bottom-width: 2px
}

.mdc-text-field--filled {
    --mdc-filled-text-field-active-indicator-height: 1px;
    --mdc-filled-text-field-focus-active-indicator-height: 2px;
    --mdc-filled-text-field-container-shape: 4px;
    border-top-left-radius: var(--mdc-filled-text-field-container-shape);
    border-top-right-radius: var(--mdc-filled-text-field-container-shape);
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

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

.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:not(.mdc-text-field--disabled) .mdc-text-field__input {
    color: var(--mdc-filled-text-field-input-text-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--filled:not(.mdc-text-field--disabled) .mdc-floating-label,
.mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-floating-label--float-above {
    color: var(--mdc-filled-text-field-label-text-color)
}

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

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

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

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

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

@media all {
    .mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-text-field__input::placeholder {
        color: var(--mdc-filled-text-field-input-text-placeholder-color)
    }
}

@media all {
    .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)
    }
}

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

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

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

.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)
}

.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)
}

.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.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-line-ripple::before {
    border-bottom-color: var(--mdc-filled-text-field-error-active-indicator-color)
}

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

.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)
}

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

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

.mdc-text-field--outlined {
    --mdc-outlined-text-field-outline-width: 1px;
    --mdc-outlined-text-field-focus-outline-width: 2px;
    --mdc-outlined-text-field-container-shape: 4px
}

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

.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:not(.mdc-text-field--disabled) .mdc-text-field__input {
    color: var(--mdc-outlined-text-field-input-text-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--outlined:not(.mdc-text-field--disabled) .mdc-floating-label,
.mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-floating-label--float-above {
    color: var(--mdc-outlined-text-field-label-text-color)
}

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

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

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

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

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

@media all {
    .mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-text-field__input::placeholder {
        color: var(--mdc-outlined-text-field-input-text-placeholder-color)
    }
}

@media all {
    .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)
    }
}

.mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__leading {
    border-top-left-radius: var(--mdc-outlined-text-field-container-shape);
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: var(--mdc-outlined-text-field-container-shape)
}

[dir=rtl] .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__leading,
.mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__leading[dir=rtl] {
    border-top-left-radius: 0;
    border-top-right-radius: var(--mdc-outlined-text-field-container-shape);
    border-bottom-right-radius: var(--mdc-outlined-text-field-container-shape);
    border-bottom-left-radius: 0
}

@supports(top: max(0%)) {
    .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__leading {
        width: max(12px, var(--mdc-outlined-text-field-container-shape))
    }
}

@supports(top: max(0%)) {
    .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__notch {
        max-width: calc(100% - max(12px, var(--mdc-outlined-text-field-container-shape))*2)
    }
}

.mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__trailing {
    border-top-left-radius: 0;
    border-top-right-radius: var(--mdc-outlined-text-field-container-shape);
    border-bottom-right-radius: var(--mdc-outlined-text-field-container-shape);
    border-bottom-left-radius: 0
}

[dir=rtl] .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__trailing,
.mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__trailing[dir=rtl] {
    border-top-left-radius: var(--mdc-outlined-text-field-container-shape);
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: var(--mdc-outlined-text-field-container-shape)
}

@supports(top: max(0%)) {
    .mdc-text-field--outlined {
        padding-left: max(16px, calc(var(--mdc-outlined-text-field-container-shape) + 4px))
    }
}

@supports(top: max(0%)) {
    .mdc-text-field--outlined {
        padding-right: max(16px, var(--mdc-outlined-text-field-container-shape))
    }
}

@supports(top: max(0%)) {
    .mdc-text-field--outlined+.mdc-text-field-helper-line {
        padding-left: max(16px, calc(var(--mdc-outlined-text-field-container-shape) + 4px))
    }
}

@supports(top: max(0%)) {
    .mdc-text-field--outlined+.mdc-text-field-helper-line {
        padding-right: max(16px, var(--mdc-outlined-text-field-container-shape))
    }
}

.mdc-text-field--outlined.mdc-text-field--with-leading-icon {
    padding-left: 0
}

@supports(top: max(0%)) {
    .mdc-text-field--outlined.mdc-text-field--with-leading-icon {
        padding-right: max(16px, var(--mdc-outlined-text-field-container-shape))
    }
}

[dir=rtl] .mdc-text-field--outlined.mdc-text-field--with-leading-icon,
.mdc-text-field--outlined.mdc-text-field--with-leading-icon[dir=rtl] {
    padding-right: 0
}

@supports(top: max(0%)) {

    [dir=rtl] .mdc-text-field--outlined.mdc-text-field--with-leading-icon,
    .mdc-text-field--outlined.mdc-text-field--with-leading-icon[dir=rtl] {
        padding-left: max(16px, var(--mdc-outlined-text-field-container-shape))
    }
}

.mdc-text-field--outlined.mdc-text-field--with-trailing-icon {
    padding-right: 0
}

@supports(top: max(0%)) {
    .mdc-text-field--outlined.mdc-text-field--with-trailing-icon {
        padding-left: max(16px, calc(var(--mdc-outlined-text-field-container-shape) + 4px))
    }
}

[dir=rtl] .mdc-text-field--outlined.mdc-text-field--with-trailing-icon,
.mdc-text-field--outlined.mdc-text-field--with-trailing-icon[dir=rtl] {
    padding-left: 0
}

@supports(top: max(0%)) {

    [dir=rtl] .mdc-text-field--outlined.mdc-text-field--with-trailing-icon,
    .mdc-text-field--outlined.mdc-text-field--with-trailing-icon[dir=rtl] {
        padding-right: max(16px, calc(var(--mdc-outlined-text-field-container-shape) + 4px))
    }
}

.mdc-text-field--outlined.mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon {
    padding-left: 0;
    padding-right: 0
}

.mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__leading,
.mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__notch,
.mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__trailing {
    border-color: var(--mdc-outlined-text-field-outline-color)
}

.mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__leading,
.mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__notch,
.mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__trailing {
    border-color: var(--mdc-outlined-text-field-hover-outline-color)
}

.mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__leading,
.mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__notch,
.mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__trailing {
    border-color: var(--mdc-outlined-text-field-focus-outline-color)
}

.mdc-text-field--outlined.mdc-text-field--disabled .mdc-notched-outline__leading,
.mdc-text-field--outlined.mdc-text-field--disabled .mdc-notched-outline__notch,
.mdc-text-field--outlined.mdc-text-field--disabled .mdc-notched-outline__trailing {
    border-color: var(--mdc-outlined-text-field-disabled-outline-color)
}

.mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__leading,
.mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__notch,
.mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__trailing {
    border-color: var(--mdc-outlined-text-field-error-outline-color)
}

.mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__leading,
.mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__notch,
.mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__trailing {
    border-color: var(--mdc-outlined-text-field-error-hover-outline-color)
}

.mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__leading,
.mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__notch,
.mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__trailing {
    border-color: var(--mdc-outlined-text-field-error-focus-outline-color)
}

.mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline .mdc-notched-outline__leading,
.mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline .mdc-notched-outline__notch,
.mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline .mdc-notched-outline__trailing {
    border-width: var(--mdc-outlined-text-field-outline-width)
}

.mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline .mdc-notched-outline__leading,
.mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline .mdc-notched-outline__notch,
.mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline .mdc-notched-outline__trailing {
    border-width: var(--mdc-outlined-text-field-focus-outline-width)
}

.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
}

.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
}

.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-text-field-wrapper::before {
    content: none
}

.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
}

.mat-mdc-form-field-focus-overlay {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    opacity: 0;
    pointer-events: none
}

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
}

.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
}

[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-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);
    line-height: var(--mat-form-field-container-text-line-height);
    font-size: var(--mat-form-field-container-text-size);
    letter-spacing: var(--mat-form-field-container-text-tracking);
    font-weight: var(--mat-form-field-container-text-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%
}

.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,
[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-icon-prefix>.mat-icon,
.mat-mdc-form-field-icon-suffix>.mat-icon {
    padding: 12px;
    box-sizing: content-box
}

.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 .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-text-field__input {
    transition: opacity 150ms 0ms cubic-bezier(0.4, 0, 0.2, 1)
}

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

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

@media all {

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

@media all {

    .mdc-text-field--no-label .mat-mdc-form-field:not(.mat-form-field-no-animations) .mdc-text-field__input:-ms-input-placeholder,
    .mdc-text-field--focused .mat-mdc-form-field:not(.mat-form-field-no-animations) .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__affix {
    transition: opacity 150ms 0ms cubic-bezier(0.4, 0, 0.2, 1)
}

.mat-mdc-form-field:not(.mat-form-field-no-animations) .mdc-text-field--filled.mdc-ripple-upgraded--background-focused .mdc-text-field__ripple::before,
.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-text-field--outlined .mdc-floating-label--shake {
    animation: mdc-floating-label-shake-float-above-text-field-outlined 250ms 1
}

@keyframes mdc-floating-label-shake-float-above-text-field-outlined {
    0% {
        transform: translateX(calc(0% - 0%)) translateY(calc(0% - 34.75px)) scale(0.75)
    }

    33% {
        animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
        transform: translateX(calc(4% - 0%)) translateY(calc(0% - 34.75px)) scale(0.75)
    }

    66% {
        animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
        transform: translateX(calc(-4% - 0%)) translateY(calc(0% - 34.75px)) scale(0.75)
    }

    100% {
        transform: translateX(calc(0% - 0%)) translateY(calc(0% - 34.75px)) scale(0.75)
    }
}

.mat-mdc-form-field:not(.mat-form-field-no-animations) .mdc-text-field--textarea {
    transition: none
}

.mat-mdc-form-field:not(.mat-form-field-no-animations) .mdc-text-field--textarea.mdc-text-field--filled .mdc-floating-label--shake {
    animation: mdc-floating-label-shake-float-above-textarea-filled 250ms 1
}

@keyframes mdc-floating-label-shake-float-above-textarea-filled {
    0% {
        transform: translateX(calc(0% - 0%)) translateY(calc(0% - 10.25px)) scale(0.75)
    }

    33% {
        animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
        transform: translateX(calc(4% - 0%)) translateY(calc(0% - 10.25px)) scale(0.75)
    }

    66% {
        animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
        transform: translateX(calc(-4% - 0%)) translateY(calc(0% - 10.25px)) scale(0.75)
    }

    100% {
        transform: translateX(calc(0% - 0%)) translateY(calc(0% - 10.25px)) scale(0.75)
    }
}

.mat-mdc-form-field:not(.mat-form-field-no-animations) .mdc-text-field--textarea.mdc-text-field--outlined .mdc-floating-label--shake {
    animation: mdc-floating-label-shake-float-above-textarea-outlined 250ms 1
}

@keyframes mdc-floating-label-shake-float-above-textarea-outlined {
    0% {
        transform: translateX(calc(0% - 0%)) translateY(calc(0% - 24.75px)) scale(0.75)
    }

    33% {
        animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
        transform: translateX(calc(4% - 0%)) translateY(calc(0% - 24.75px)) scale(0.75)
    }

    66% {
        animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
        transform: translateX(calc(-4% - 0%)) translateY(calc(0% - 24.75px)) scale(0.75)
    }

    100% {
        transform: translateX(calc(0% - 0%)) translateY(calc(0% - 24.75px)) scale(0.75)
    }
}

.mat-mdc-form-field:not(.mat-form-field-no-animations) .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--shake {
    animation: mdc-floating-label-shake-float-above-text-field-outlined-leading-icon 250ms 1
}

@keyframes mdc-floating-label-shake-float-above-text-field-outlined-leading-icon {
    0% {
        transform: translateX(calc(0% - 32px)) translateY(calc(0% - 34.75px)) scale(0.75)
    }

    33% {
        animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
        transform: translateX(calc(4% - 32px)) translateY(calc(0% - 34.75px)) scale(0.75)
    }

    66% {
        animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
        transform: translateX(calc(-4% - 32px)) translateY(calc(0% - 34.75px)) scale(0.75)
    }

    100% {
        transform: translateX(calc(0% - 32px)) translateY(calc(0% - 34.75px)) scale(0.75)
    }
}

[dir=rtl] .mat-mdc-form-field:not(.mat-form-field-no-animations) .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--shake,
.mat-mdc-form-field:not(.mat-form-field-no-animations) .mdc-text-field--with-leading-icon.mdc-text-field--outlined[dir=rtl] .mdc-floating-label--shake {
    animation: mdc-floating-label-shake-float-above-text-field-outlined-leading-icon 250ms 1
}

@keyframes mdc-floating-label-shake-float-above-text-field-outlined-leading-icon-rtl {
    0% {
        transform: translateX(calc(0% - -32px)) translateY(calc(0% - 34.75px)) scale(0.75)
    }

    33% {
        animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
        transform: translateX(calc(4% - -32px)) translateY(calc(0% - 34.75px)) scale(0.75)
    }

    66% {
        animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
        transform: translateX(calc(-4% - -32px)) translateY(calc(0% - 34.75px)) scale(0.75)
    }

    100% {
        transform: translateX(calc(0% - -32px)) translateY(calc(0% - 34.75px)) scale(0.75)
    }
}

.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)
}

.mdc-floating-label--shake {
    animation: mdc-floating-label-shake-float-above-standard 250ms 1
}

@keyframes mdc-floating-label-shake-float-above-standard {
    0% {
        transform: translateX(calc(0% - 0%)) translateY(calc(0% - 106%)) scale(0.75)
    }

    33% {
        animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
        transform: translateX(calc(4% - 0%)) translateY(calc(0% - 106%)) scale(0.75)
    }

    66% {
        animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
        transform: translateX(calc(-4% - 0%)) translateY(calc(0% - 106%)) scale(0.75)
    }

    100% {
        transform: translateX(calc(0% - 0%)) translateY(calc(0% - 106%)) scale(0.75)
    }
}

.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)
}


.mat-mdc-select {
    display: inline-block;
    width: 100%;
    outline: none;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    color: var(--mat-select-enabled-trigger-text-color);
    font-family: var(--mat-select-trigger-text-font);
    line-height: var(--mat-select-trigger-text-line-height);
    font-size: var(--mat-select-trigger-text-size);
    font-weight: var(--mat-select-trigger-text-weight);
    letter-spacing: var(--mat-select-trigger-text-tracking)
}

.mat-mdc-select-disabled {
    color: var(--mat-select-disabled-trigger-text-color)
}

.mat-mdc-select-trigger {
    display: inline-flex;
    align-items: center;
    cursor: pointer;
    position: relative;
    box-sizing: border-box;
    width: 100%
}

.mat-mdc-select-disabled .mat-mdc-select-trigger {
    -webkit-user-select: none;
    user-select: none;
    cursor: default
}

.mat-mdc-select-value {
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.mat-mdc-select-value-text {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.mat-mdc-select-arrow-wrapper {
    height: 24px;
    flex-shrink: 0;
    display: inline-flex;
    align-items: center
}

.mat-form-field-appearance-fill .mat-mdc-select-arrow-wrapper {
    transform: translateY(-8px)
}

.mat-form-field-appearance-fill .mdc-text-field--no-label .mat-mdc-select-arrow-wrapper {
    transform: none
}

.mat-mdc-select-arrow {
    width: 10px;
    height: 5px;
    position: relative;
    color: var(--mat-select-enabled-arrow-color)
}

.mat-mdc-form-field.mat-focused .mat-mdc-select-arrow {
    color: var(--mat-select-focused-arrow-color)
}

.mat-mdc-form-field .mat-mdc-select.mat-mdc-select-invalid .mat-mdc-select-arrow {
    color: var(--mat-select-invalid-arrow-color)
}

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

.mat-mdc-select-arrow svg {
    fill: currentColor;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.cdk-high-contrast-active .mat-mdc-select-arrow svg {
    fill: CanvasText
}

.mat-mdc-select-disabled .cdk-high-contrast-active .mat-mdc-select-arrow svg {
    fill: GrayText
}

div.mat-mdc-select-panel {
    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);
    width: 100%;
    max-height: 275px;
    outline: 0;
    overflow: auto;
    padding: 8px 0;
    border-radius: 4px;
    box-sizing: border-box;
    position: static;
    background-color: var(--mat-select-panel-background-color)
}

.cdk-high-contrast-active div.mat-mdc-select-panel {
    outline: solid 1px
}

.cdk-overlay-pane:not(.mat-mdc-select-panel-above) div.mat-mdc-select-panel {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    transform-origin: top center
}

.mat-mdc-select-panel-above div.mat-mdc-select-panel {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    transform-origin: bottom center
}

.mat-mdc-select-placeholder {
    transition: color 400ms 133.3333333333ms cubic-bezier(0.25, 0.8, 0.25, 1);
    color: var(--mat-select-placeholder-text-color)
}

._mat-animation-noopable .mat-mdc-select-placeholder {
    transition: none
}

.mat-form-field-hide-placeholder .mat-mdc-select-placeholder {
    color: rgba(0, 0, 0, 0);
    -webkit-text-fill-color: rgba(0, 0, 0, 0);
    transition: none;
    display: block
}

.mat-mdc-form-field-type-mat-select.mat-form-field-appearance-fill .mat-mdc-floating-label {
    max-width: calc(100% - 18px)
}

.mat-mdc-form-field-type-mat-select.mat-form-field-appearance-fill .mdc-floating-label--float-above {
    max-width: calc(100% / 0.75 - 24px)
}

.mat-mdc-form-field-type-mat-select.mat-form-field-appearance-outline .mdc-notched-outline__notch {
    max-width: calc(100% - 60px)
}

.mat-mdc-form-field-type-mat-select.mat-form-field-appearance-outline .mdc-text-field--label-floating .mdc-notched-outline__notch {
    max-width: calc(100% - 24px)
}

.mat-mdc-select-min-line:empty::before {
    content: " ";
    white-space: pre;
    width: 1px;
    display: inline-block;
    visibility: hidden
}


.mat-select-search-hidden {
    visibility: hidden
}

.mat-select-search-inner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 100;
    font-size: inherit;
    box-shadow: none
}

.mat-select-search-inner.mat-select-search-inner-multiple.mat-select-search-inner-toggle-all {
    display: flex;
    align-items: center
}

.mat-select-search-input {
    box-sizing: border-box;
    width: 100%;
    border: none;
    font-family: inherit;
    font-size: inherit;
    color: currentColor;
    outline: none;
    background: none;
    padding: 0 44px 0 16px;
    height: calc(3em - 1px);
    line-height: calc(3em - 1px)
}

[dir=rtl][_nghost-ng-c3516116704] .mat-select-search-input,
[dir=rtl] [_nghost-ng-c3516116704] .mat-select-search-input {
    padding-right: 16px;
    padding-left: 44px
}

.mat-select-search-inner-toggle-all .mat-select-search-input {
    padding-left: 5px
}

.mat-select-search-no-entries-found {
    padding-top: 8px
}

.mat-select-search-clear {
    position: absolute;
    right: 4px;
    top: 0
}

[dir=rtl][_nghost-ng-c3516116704] .mat-select-search-clear,
[dir=rtl] [_nghost-ng-c3516116704] .mat-select-search-clear {
    right: auto;
    left: 4px
}

.mat-select-search-spinner {
    position: absolute;
    right: 16px;
    top: calc(50% - 8px)
}

[dir=rtl][_nghost-ng-c3516116704] .mat-select-search-spinner,
[dir=rtl] [_nghost-ng-c3516116704] .mat-select-search-spinner {
    right: auto;
    left: 16px
}

.mat-mdc-option[aria-disabled=true].contains-mat-select-search {
    position: sticky;
    top: -8px;
    z-index: 1;
    opacity: 1;
    margin-top: -8px;
    pointer-events: all
}

.mat-mdc-option[aria-disabled=true].contains-mat-select-search .mat-icon {
    margin-right: 0;
    margin-left: 0
}

.mat-mdc-option[aria-disabled=true].contains-mat-select-search mat-pseudo-checkbox {
    display: none
}

.mat-mdc-option[aria-disabled=true].contains-mat-select-search .mdc-list-item__primary-text {
    opacity: 1
}

.mat-select-search-toggle-all-checkbox {
    padding-left: 5px
}

[dir=rtl][_nghost-ng-c3516116704] .mat-select-search-toggle-all-checkbox,
[dir=rtl] [_nghost-ng-c3516116704] .mat-select-search-toggle-all-checkbox {
    padding-left: 0;
    padding-right: 5px
}


.mat-mdc-option {
    display: flex;
    position: relative;
    align-items: center;
    justify-content: flex-start;
    overflow: hidden;
    padding: 0;
    padding-left: 16px;
    padding-right: 16px;
    -webkit-user-select: none;
    user-select: none;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    cursor: pointer;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    color: var(--mat-option-label-text-color);
    font-family: var(--mat-option-label-text-font);
    line-height: var(--mat-option-label-text-line-height);
    font-size: var(--mat-option-label-text-size);
    letter-spacing: var(--mat-option-label-text-tracking);
    font-weight: var(--mat-option-label-text-weight);
    min-height: 48px
}

.mat-mdc-option:focus {
    outline: none
}

[dir=rtl] .mat-mdc-option,
.mat-mdc-option[dir=rtl] {
    padding-left: 16px;
    padding-right: 16px
}

.mat-mdc-option:hover:not(.mdc-list-item--disabled) {
    background-color: var(--mat-option-hover-state-layer-color)
}

.mat-mdc-option:focus.mdc-list-item,
.mat-mdc-option.mat-mdc-option-active.mdc-list-item {
    background-color: var(--mat-option-focus-state-layer-color)
}

.mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled) .mdc-list-item__primary-text {
    color: var(--mat-option-selected-state-label-text-color)
}

.mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled):not(.mat-mdc-option-multiple) {
    background-color: var(--mat-option-selected-state-layer-color)
}

.mat-mdc-option.mdc-list-item {
    align-items: center
}

.mat-mdc-option.mdc-list-item--disabled {
    cursor: default;
    pointer-events: none
}

.mat-mdc-option.mdc-list-item--disabled .mat-mdc-option-pseudo-checkbox,
.mat-mdc-option.mdc-list-item--disabled .mdc-list-item__primary-text,
.mat-mdc-option.mdc-list-item--disabled>mat-icon {
    opacity: .38
}

.mat-mdc-optgroup .mat-mdc-option:not(.mat-mdc-option-multiple) {
    padding-left: 32px
}

[dir=rtl] .mat-mdc-optgroup .mat-mdc-option:not(.mat-mdc-option-multiple) {
    padding-left: 16px;
    padding-right: 32px
}

.mat-mdc-option .mat-icon,
.mat-mdc-option .mat-pseudo-checkbox-full {
    margin-right: 16px;
    flex-shrink: 0
}

[dir=rtl] .mat-mdc-option .mat-icon,
[dir=rtl] .mat-mdc-option .mat-pseudo-checkbox-full {
    margin-right: 0;
    margin-left: 16px
}

.mat-mdc-option .mat-pseudo-checkbox-minimal {
    margin-left: 16px;
    flex-shrink: 0
}

[dir=rtl] .mat-mdc-option .mat-pseudo-checkbox-minimal {
    margin-right: 16px;
    margin-left: 0
}

.mat-mdc-option .mat-mdc-option-ripple {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    pointer-events: none
}

.mat-mdc-option .mdc-list-item__primary-text {
    white-space: normal;
    font-size: inherit;
    font-weight: inherit;
    letter-spacing: inherit;
    line-height: inherit;
    font-family: inherit;
    text-decoration: inherit;
    text-transform: inherit;
    margin-right: auto
}

[dir=rtl] .mat-mdc-option .mdc-list-item__primary-text {
    margin-right: 0;
    margin-left: auto
}

.cdk-high-contrast-active .mat-mdc-option.mdc-list-item--selected:not(.mat-mdc-option-multiple)::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 16px;
    transform: translateY(-50%);
    width: 10px;
    height: 0;
    border-bottom: solid 10px;
    border-radius: 10px
}

[dir=rtl] .cdk-high-contrast-active .mat-mdc-option.mdc-list-item--selected:not(.mat-mdc-option-multiple)::after {
    right: auto;
    left: 16px
}

.mat-mdc-option-active .mat-mdc-focus-indicator::before {
    content: ""
}


.mat-divider {
    --mat-divider-width: 1px;
    display: block;
    margin: 0;
    border-top-style: solid;
    border-top-color: var(--mat-divider-color);
    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);
    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
}


.page-header[_ngcontent-ng-c949628779] {
    margin-bottom: 0 !important;
    min-height: auto
}

.page-header[_ngcontent-ng-c949628779] .logo[_ngcontent-ng-c949628779] img[_ngcontent-ng-c949628779] {
    width: 75px
}

.page-header[_ngcontent-ng-c949628779] .header-right-cont[_ngcontent-ng-c949628779] .selected-lang[_ngcontent-ng-c949628779] {
    margin: 1px 0 0;
    font-size: 10px;
    line-height: 1;
    color: var(--black-color);

    text-transform: uppercase;
    position: absolute;
    right: 18px;
    top: 28px
}

.page-header[_ngcontent-ng-c949628779] .header-right-cont[_ngcontent-ng-c949628779] .bal-cont[_ngcontent-ng-c949628779] {
    display: flex;
    align-items: center;
    column-gap: 5px
}

.page-header[_ngcontent-ng-c949628779] .header-right-cont[_ngcontent-ng-c949628779] .bal-cont[_ngcontent-ng-c949628779] .bal-amount[_ngcontent-ng-c949628779] {
    display: flex;
    flex-direction: column
}

.page-header[_ngcontent-ng-c949628779] .header-right-cont[_ngcontent-ng-c949628779] .bal-cont[_ngcontent-ng-c949628779] .bal-amount.show-bal[_ngcontent-ng-c949628779] {
    padding-right: 6px
}

.page-header[_ngcontent-ng-c949628779] .header-right-cont[_ngcontent-ng-c949628779] .bal-cont[_ngcontent-ng-c949628779] .bal-amount.exp-bal[_ngcontent-ng-c949628779] {
    padding-left: 6px;
    position: relative;
    cursor: pointer
}

.page-header[_ngcontent-ng-c949628779] .header-right-cont[_ngcontent-ng-c949628779] .bal-cont[_ngcontent-ng-c949628779] .bal-amount.exp-bal[_ngcontent-ng-c949628779]:before {
    content: "";
    background: var(--black-color);
    width: 1px;
    height: 90%;
    position: absolute;
    left: -2px;
    top: 50%;
    transform: translateY(-50%)
}

.page-header[_ngcontent-ng-c949628779] .header-right-cont[_ngcontent-ng-c949628779] .bal-cont[_ngcontent-ng-c949628779] .bal-amount[_ngcontent-ng-c949628779] mat-label[_ngcontent-ng-c949628779],
.page-header[_ngcontent-ng-c949628779] .header-right-cont[_ngcontent-ng-c949628779] .bal-cont[_ngcontent-ng-c949628779] .bal-amount[_ngcontent-ng-c949628779] p[_ngcontent-ng-c949628779] {
    font-size: 12px;
    color: var(--black-color);
    text-align: right;
    margin: 0
}

.page-header[_ngcontent-ng-c949628779] .header-right-cont[_ngcontent-ng-c949628779] .bal-cont[_ngcontent-ng-c949628779] .bal-amount[_ngcontent-ng-c949628779] mat-label[_ngcontent-ng-c949628779] {
    font-size: 8px
}

.page-header[_ngcontent-ng-c949628779] .header-right-cont[_ngcontent-ng-c949628779] .not-loggedIn[_ngcontent-ng-c949628779] button[_ngcontent-ng-c949628779] {
    min-width: auto;
    width: auto;
    height: 25px;
    max-width: 90px;
    font-size: 10px;
    background: var(--black-color);
    color: var(--black-color);
    border-radius: 5px
}

.page-header[_ngcontent-ng-c949628779] .header-right-cont[_ngcontent-ng-c949628779] .not-loggedIn[_ngcontent-ng-c949628779] button.demo-btn[_ngcontent-ng-c949628779] {
    min-width: 30px;
    max-width: 65px
}

.filter-wrapper[_ngcontent-ng-c949628779] {
    position: sticky;
    top: 44px;
    z-index: 1000;
    background: var(--grey-00);
    padding-top: 5px
}

.filter-wrapper[_ngcontent-ng-c949628779] .filter-search[_ngcontent-ng-c949628779] {
    display: grid;
    margin-bottom: 5px;
    justify-content: space-between;
    align-items: center;
    padding: 10px;
    grid-template-columns: calc(50% - 5px) calc(50% - 5px);
    column-gap: 10px;
    position: sticky;
    top: 44px;
    z-index: 1000
}

.filter-wrapper[_ngcontent-ng-c949628779] .filter-search[_ngcontent-ng-c949628779] .select-wrap[_ngcontent-ng-c949628779] {
    display: flex;
    flex-direction: column
}

.filter-wrapper[_ngcontent-ng-c949628779] .filter-search[_ngcontent-ng-c949628779] .select-wrap[_ngcontent-ng-c949628779] .label-cont[_ngcontent-ng-c949628779] {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-bottom: 4px
}

.filter-wrapper[_ngcontent-ng-c949628779] .filter-search[_ngcontent-ng-c949628779] .select-wrap[_ngcontent-ng-c949628779] .label-cont[_ngcontent-ng-c949628779] span[_ngcontent-ng-c949628779] {
    text-decoration: unset;
    font-size: 10px;
    cursor: pointer;
    color: var(--white-color)
}

.filter-wrapper[_ngcontent-ng-c949628779] .filter-search[_ngcontent-ng-c949628779] .select-wrap[_ngcontent-ng-c949628779] .label-cont[_ngcontent-ng-c949628779] label[_ngcontent-ng-c949628779] {
    font-size: 10px;
    color: var(--white-color);
    opacity: 1
}

.filter-wrapper[_ngcontent-ng-c949628779] .filter-search[_ngcontent-ng-c949628779] .select-wrap[_ngcontent-ng-c949628779] mat-form-field {
    max-width: 100%
}

.filter-wrapper[_ngcontent-ng-c949628779] .filter-search[_ngcontent-ng-c949628779] .select-wrap[_ngcontent-ng-c949628779] mat-form-field .mat-mdc-text-field-wrapper {
    background: var(--grey-75);
    min-height: 36px;
    display: flex;
    align-items: center;
    border-radius: 6px;
    border: none;
    color: var(--white-color)
}

.filter-wrapper[_ngcontent-ng-c949628779] .filter-search[_ngcontent-ng-c949628779] .select-wrap[_ngcontent-ng-c949628779] mat-form-field .mat-mdc-text-field-wrapper .mdc-line-ripple {
    opacity: 0
}

.filter-wrapper[_ngcontent-ng-c949628779] .filter-search[_ngcontent-ng-c949628779] .select-wrap[_ngcontent-ng-c949628779] mat-form-field .mat-mdc-text-field-wrapper mat-select .mat-mdc-select-trigger {
    font-size: 12px;
    color: var(--white-color)
}

.filter-wrapper[_ngcontent-ng-c949628779] .filter-search[_ngcontent-ng-c949628779] .select-wrap[_ngcontent-ng-c949628779] mat-form-field .mat-mdc-form-field-subscript-wrapper {
    display: none
}

.default-select[_ngcontent-ng-c949628779] {
    height: 40px;
    border-radius: 5px;
    background: var(--grey-75) !important;
    border: 0;
    padding: 0 8px;
    font-size: 12px;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: transparent;
    background-image: url("data:image/svg+xml;utf8,<svg fill='black' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
    background-repeat: no-repeat;
    background-position-x: 99%;
    background-position-y: 8px
}

.gc-filter-select_custom {
    background: var(--grey-75) !important;
    box-shadow: none !important;
    margin-top: 5px
}

.gc-filter-select_custom mat-option {
    font-size: 12px;
    min-height: 45px !important;
    padding: 0 10px;
    max-width: calc(100% - 14px);
    border-radius: 10px;
    background: var(--black-color) !important;
    margin: 7px auto
}

.gc-filter-select_custom mat-option .mdc-list-item__primary-text {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    column-gap: 5px;
    margin: 0;
    width: 100%
}

.gc-filter-select_custom mat-option .mdc-list-item__primary-text .p-logo {
    width: 30px;
    height: 30px;
    background: var(--white-color);
    border-radius: 5px
}

.gc-filter-select_custom mat-option .mdc-list-item__primary-text .p-logo.all-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    background: transparent
}

.gc-filter-select_custom mat-option .mdc-list-item__primary-text .p-logo.all-icon svg path {
    stroke: var(--white-color)
}

.gc-filter-select_custom mat-option .mdc-list-item__primary-text .p-logo img {
    width: 100%;
    padding: 0;
    height: 100%;
    display: block;
    margin: auto;
    object-fit: contain;
    border-radius: 5px
}

.gc-filter-select_custom mat-option .mdc-list-item__primary-text .count {
    font-size: 10px;
    background: var(--grey-50);
    color: var(--grey-900);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    padding: 1px 3px;
    width: auto
}

.gc-filter-select_custom mat-option.mat-mdc-option-active.mdc-list-item--selected:not(.mdc-list-item--disabled):not(.mat-mdc-option-multiple) {
    background: var(--secondary-color) !important;
    color: var(--secondary-color-contrast)
}

.gc-filter-select_custom mat-option.mdc-list-item--selected {
    background: var(--secondary-color) !important;
    color: var(--secondary-color-contrast)
}

.gc-filter-select_custom mat-option.mdc-list-item--selected .mdc-list-item__primary-text .p-logo.all-icon svg path {
    stroke: var(--secondary-color-contrast)
}

.gc-filter-select_custom mat-option .mat-pseudo-checkbox {
    opacity: 1;
    border-color: var(--grey-900);
    border-width: 1px;
    margin-right: 12px;
    width: 16px;
    height: 16px;
    display: none
}

.gc-filter-select_custom mat-option .mat-pseudo-checkbox:after {
    border-left: 1px solid currentColor;
    border-bottom: 1px solid var(--grey-900)
}

.cdk-overlay-pane:has(.gc-filter-select_custom) {
    left: 50% !important;
    transform: translate(-50%) !important;
    max-height: calc(100% - 145px);
    display: flex;
    align-items: center;
    justify-content: center;
    width: calc(100% - 15px) !important;
    overflow-x: auto
}

.cdk-overlay-pane:has(.gc-filter-select_custom) .gc-filter-select_custom {
    position: relative;
    border-radius: 7px !important;
    max-width: 748px;
    min-width: 280px !important;
    max-height: calc(var(--vh, 1vh) * 100 - 330px);
    padding: 0
}

.cdk-overlay-pane:has(.gc-filter-select_custom) .gc-filter-select_custom.select-gType:before {
    content: "\a";
    border-style: solid;
    border-width: 10px 15px 10px 0;
    border-color: transparent #dd4397 transparent transparent;
    position: absolute;
    left: -15px
}

.page-body[_ngcontent-ng-c949628779] {
    background: var(--grey-00);
    height: auto;
    margin-bottom: 54px;
    padding: 0
}

.page-body[_ngcontent-ng-c949628779] .pagetab-wrapper {
    top: 44px;
    margin-bottom: 0
}

.page-body[_ngcontent-ng-c949628779] .pagetab-wrapper .pagetab-header {
    margin-bottom: 0
}

.page-body.demoID[_ngcontent-ng-c949628779] .pagetab-wrapper {
    top: 74px
}

.page-body.demoID[_ngcontent-ng-c949628779] .filter-wrapper[_ngcontent-ng-c949628779] {
    top: 74px
}

.page-body[_ngcontent-ng-c949628779] .game-play-heading[_ngcontent-ng-c949628779] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 1px 5px
}

.page-body[_ngcontent-ng-c949628779] .game-play-heading[_ngcontent-ng-c949628779] h2[_ngcontent-ng-c949628779] {
    font-size: 14px;
    font-weight: 400;
    color: var(--grey-500);
    margin: 0
}

.page-body[_ngcontent-ng-c949628779] .game-play-heading[_ngcontent-ng-c949628779] .view-all-link[_ngcontent-ng-c949628779] {
    font-size: 12px;
    font-weight: 400;
    color: var(--grey-500);
    text-decoration: unset;
    cursor: pointer
}

.page-body[_ngcontent-ng-c949628779] .casino-section[_ngcontent-ng-c949628779] {
    margin: 15px 0;
    padding: 0 10px 25px
}

.page-body[_ngcontent-ng-c949628779] .casino-section.go-casino[_ngcontent-ng-c949628779] .game-type-list[_ngcontent-ng-c949628779] ul[_ngcontent-ng-c949628779] li[_ngcontent-ng-c949628779] a[_ngcontent-ng-c949628779]:after {
    background: transparent
}

.page-body[_ngcontent-ng-c949628779] .casino-section[_ngcontent-ng-c949628779] .game-type-list[_ngcontent-ng-c949628779] {
    margin: 0
}

.page-body[_ngcontent-ng-c949628779] .casino-section[_ngcontent-ng-c949628779] .game-type-list[_ngcontent-ng-c949628779] ul[_ngcontent-ng-c949628779] {
    list-style: none;
    padding: 0;
    margin: 0;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 8px;
    row-gap: 8px;
    width: 100%
}

.page-body[_ngcontent-ng-c949628779] .casino-section[_ngcontent-ng-c949628779] .game-type-list[_ngcontent-ng-c949628779] ul[_ngcontent-ng-c949628779] li[_ngcontent-ng-c949628779] {
    margin-left: 0;
    position: relative;
    cursor: pointer
}

.page-body[_ngcontent-ng-c949628779] .casino-section[_ngcontent-ng-c949628779] .game-type-list[_ngcontent-ng-c949628779] ul[_ngcontent-ng-c949628779] li[_ngcontent-ng-c949628779] .total-players[_ngcontent-ng-c949628779] {
    background: var(--header-dark-color);
    border-radius: 6px;
    border: 1px solid var(--grey-600);
    color: var(--white-color);
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 2px 5px;
    position: absolute;
    left: 10px;
    top: 10px;
    z-index: 999;
    opacity: 1;
    column-gap: 5px;
    font-size: 10px;
    opacity: .9
}

.page-body[_ngcontent-ng-c949628779] .casino-section[_ngcontent-ng-c949628779] .game-type-list[_ngcontent-ng-c949628779] ul[_ngcontent-ng-c949628779] li[_ngcontent-ng-c949628779] .total-players[_ngcontent-ng-c949628779] mat-icon[_ngcontent-ng-c949628779] {
    font-size: 12px;
    width: auto;
    height: auto
}

.page-body[_ngcontent-ng-c949628779] .casino-section[_ngcontent-ng-c949628779] .game-type-list[_ngcontent-ng-c949628779] ul[_ngcontent-ng-c949628779] li[_ngcontent-ng-c949628779] .game-detail[_ngcontent-ng-c949628779] {
    background: var(--grey-100);
    padding: 25px 10px 8px;
    margin-top: -20px;
    border-radius: 0 0 10px 10px;
    position: relative;
    z-index: 0;
    display: flex;
    flex-direction: column;
    row-gap: 2px;
    min-height: 80px
}

.page-body[_ngcontent-ng-c949628779] .casino-section[_ngcontent-ng-c949628779] .game-type-list[_ngcontent-ng-c949628779] ul[_ngcontent-ng-c949628779] li[_ngcontent-ng-c949628779] .game-detail[_ngcontent-ng-c949628779] p[_ngcontent-ng-c949628779] {
    padding-left: 0
}

.page-body[_ngcontent-ng-c949628779] .casino-section[_ngcontent-ng-c949628779] .game-type-list[_ngcontent-ng-c949628779] ul[_ngcontent-ng-c949628779] li[_ngcontent-ng-c949628779] .game-detail[_ngcontent-ng-c949628779] p.game-name[_ngcontent-ng-c949628779] {
    font-size: 12px;

    color: var(--white-color);
    opacity: 1
}

.page-body[_ngcontent-ng-c949628779] .casino-section[_ngcontent-ng-c949628779] .game-type-list[_ngcontent-ng-c949628779] ul[_ngcontent-ng-c949628779] li[_ngcontent-ng-c949628779] .game-detail[_ngcontent-ng-c949628779] p.company-type[_ngcontent-ng-c949628779],
.page-body[_ngcontent-ng-c949628779] .casino-section[_ngcontent-ng-c949628779] .game-type-list[_ngcontent-ng-c949628779] ul[_ngcontent-ng-c949628779] li[_ngcontent-ng-c949628779] .game-detail[_ngcontent-ng-c949628779] p.coins-limit[_ngcontent-ng-c949628779] {
    font-size: 10px;
    color: var(--white-color);
    opacity: .6;

}

.page-body[_ngcontent-ng-c949628779] .casino-section[_ngcontent-ng-c949628779] .game-type-list[_ngcontent-ng-c949628779] ul[_ngcontent-ng-c949628779] li[_ngcontent-ng-c949628779] img.game-logo[_ngcontent-ng-c949628779] {
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 101;
    width: 70px;
    opacity: .7
}

.page-body[_ngcontent-ng-c949628779] .casino-section[_ngcontent-ng-c949628779] .game-type-list[_ngcontent-ng-c949628779] ul[_ngcontent-ng-c949628779] li[_ngcontent-ng-c949628779] ion-button[_ngcontent-ng-c949628779] {
    position: absolute;
    bottom: 3px;
    right: 6px;
    --padding-start: 0;
    --padding-end: 0;
    height: auto
}

.page-body[_ngcontent-ng-c949628779] .casino-section[_ngcontent-ng-c949628779] .game-type-list[_ngcontent-ng-c949628779] ul[_ngcontent-ng-c949628779] li[_ngcontent-ng-c949628779] ion-button[_ngcontent-ng-c949628779] ion-icon[_ngcontent-ng-c949628779] {
    color: var(--white-color);
    font-size: 22px
}

.page-body[_ngcontent-ng-c949628779] .casino-section[_ngcontent-ng-c949628779] .game-type-list[_ngcontent-ng-c949628779] ul[_ngcontent-ng-c949628779] li[_ngcontent-ng-c949628779] ion-button[_ngcontent-ng-c949628779] ion-icon.red-text[_ngcontent-ng-c949628779] {
    color: var(--red-color)
}

.page-body[_ngcontent-ng-c949628779] .casino-section[_ngcontent-ng-c949628779] .game-type-list[_ngcontent-ng-c949628779] ul[_ngcontent-ng-c949628779] li[_ngcontent-ng-c949628779] a[_ngcontent-ng-c949628779] {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    cursor: pointer;
    z-index: 10
}

.page-body[_ngcontent-ng-c949628779] .casino-section[_ngcontent-ng-c949628779] .game-type-list[_ngcontent-ng-c949628779] ul[_ngcontent-ng-c949628779] li[_ngcontent-ng-c949628779] a[_ngcontent-ng-c949628779] p[_ngcontent-ng-c949628779] {
    font-size: 14px;
    color: var(--white-color);
    position: absolute;
    bottom: 1px;
    left: 0;
    padding-left: 12px;
    z-index: 101;
    opacity: 1;
    box-shadow: inset 0 -60px 21px -12px #000000b3;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    display: flex;
    align-items: flex-end;
    padding-bottom: 10px;
    border-radius: 8px
}

.page-body[_ngcontent-ng-c949628779] .casino-section[_ngcontent-ng-c949628779] .game-type-list[_ngcontent-ng-c949628779] ul[_ngcontent-ng-c949628779] li[_ngcontent-ng-c949628779] a.active[_ngcontent-ng-c949628779]:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    box-shadow: inset 0 0 30px var(--grey-75);
    z-index: 100;
    border-radius: 10px 10px 0 0
}

.page-body[_ngcontent-ng-c949628779] .casino-section[_ngcontent-ng-c949628779] .game-type-list[_ngcontent-ng-c949628779] ul[_ngcontent-ng-c949628779] li[_ngcontent-ng-c949628779] a[_ngcontent-ng-c949628779]:after {
    content: "";
    width: calc(100% - 2px);
    height: calc(100% - 2px);
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    border-radius: 10px;
    background: rgba(0, 0, 0, .4);
    z-index: 99
}

.page-body[_ngcontent-ng-c949628779] .casino-section[_ngcontent-ng-c949628779] .game-type-list[_ngcontent-ng-c949628779] ul[_ngcontent-ng-c949628779] li[_ngcontent-ng-c949628779] a[_ngcontent-ng-c949628779] img[_ngcontent-ng-c949628779] {
    width: 100%;
    height: 150px;
    object-position: top center;
    object-fit: cover;
    border-radius: 10px 10px 0 0;
    border: 0px solid transparent
}

.page-body[_ngcontent-ng-c949628779] .casino-section[_ngcontent-ng-c949628779] .game-type-list[_ngcontent-ng-c949628779] ul[_ngcontent-ng-c949628779] li[_ngcontent-ng-c949628779] a[_ngcontent-ng-c949628779] img[_ngcontent-ng-c949628779]:hover {
    background: red
}

.page-body[_ngcontent-ng-c949628779] .casino-section[_ngcontent-ng-c949628779] .game-type-list[_ngcontent-ng-c949628779] ul[_ngcontent-ng-c949628779] li[_ngcontent-ng-c949628779] h3[_ngcontent-ng-c949628779] {
    margin: 0;
    font-weight: 400;
    font-size: 14px;
    padding-left: 8px;
    line-height: normal
}

.page-body[_ngcontent-ng-c949628779] .casino-section[_ngcontent-ng-c949628779] .game-type-list[_ngcontent-ng-c949628779] ul[_ngcontent-ng-c949628779] li[_ngcontent-ng-c949628779] p[_ngcontent-ng-c949628779] {
    font-size: 12px;
    margin: 0;
    padding-left: 8px;
    opacity: .6
}

.page-body[_ngcontent-ng-c949628779] .nodata-wrap[_ngcontent-ng-c949628779] {
    min-height: 120px;
    background: var(--black-color);
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column
}

.page-body[_ngcontent-ng-c949628779] .nodata-wrap[_ngcontent-ng-c949628779] .game-icon[_ngcontent-ng-c949628779] {
    min-width: 30px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: var(--black-color);
    padding: 8px;
    display: flex;
    align-items: center;
    justify-content: center
}

.page-body[_ngcontent-ng-c949628779] .nodata-wrap[_ngcontent-ng-c949628779] .game-icon[_ngcontent-ng-c949628779] mat-icon[_ngcontent-ng-c949628779] {
    width: 100%;
    color: var(--black-color);
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: center
}

.page-body[_ngcontent-ng-c949628779] .nodata-wrap[_ngcontent-ng-c949628779] .game-icon[_ngcontent-ng-c949628779] img[_ngcontent-ng-c949628779] {
    width: 100%
}

.page-body[_ngcontent-ng-c949628779] .nodata-wrap[_ngcontent-ng-c949628779] button[_ngcontent-ng-c949628779] {
    max-width: calc(100% - 20px);
    height: 35px;
    margin-top: 10px
}

.page-body[_ngcontent-ng-c949628779] .nodata-wrap[_ngcontent-ng-c949628779] p[_ngcontent-ng-c949628779] {
    font-size: 12px;
    margin: 4px 0 0
}

p.report-issue[_ngcontent-ng-c949628779] {
    margin: 0;
    font-size: 12px;
    text-align: center;
    margin-top: 10px !important
}

p.report-issue[_ngcontent-ng-c949628779] .link-text[_ngcontent-ng-c949628779] {
    color: var(--secondary-color)
}

@media all and (min-width: 768px) {
    .page-body[_ngcontent-ng-c949628779] .casino-section[_ngcontent-ng-c949628779] .game-type-list[_ngcontent-ng-c949628779] ul[_ngcontent-ng-c949628779] {
        grid-template-columns: repeat(4, 1fr)
    }
}


.mat-pseudo-checkbox {
    border-radius: 2px;
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
    box-sizing: border-box;
    position: relative;
    flex-shrink: 0;
    transition: border-color 90ms cubic-bezier(0, 0, 0.2, 0.1), background-color 90ms cubic-bezier(0, 0, 0.2, 0.1)
}

.mat-pseudo-checkbox::after {
    position: absolute;
    opacity: 0;
    content: "";
    border-bottom: 2px solid currentColor;
    transition: opacity 90ms cubic-bezier(0, 0, 0.2, 0.1)
}

.mat-pseudo-checkbox._mat-animation-noopable {
    transition: none !important;
    animation: none !important
}

.mat-pseudo-checkbox._mat-animation-noopable::after {
    transition: none
}

.mat-pseudo-checkbox-disabled {
    cursor: default
}

.mat-pseudo-checkbox-indeterminate::after {
    left: 1px;
    opacity: 1;
    border-radius: 2px
}

.mat-pseudo-checkbox-checked::after {
    left: 1px;
    border-left: 2px solid currentColor;
    transform: rotate(-45deg);
    opacity: 1;
    box-sizing: content-box
}

.mat-pseudo-checkbox-full {
    border: 2px solid
}

.mat-pseudo-checkbox-full.mat-pseudo-checkbox-checked,
.mat-pseudo-checkbox-full.mat-pseudo-checkbox-indeterminate {
    border-color: rgba(0, 0, 0, 0)
}

.mat-pseudo-checkbox {
    width: 18px;
    height: 18px
}

.mat-pseudo-checkbox-minimal.mat-pseudo-checkbox-checked::after {
    width: 14px;
    height: 6px;
    transform-origin: center;
    top: -4.2426406871px;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto
}

.mat-pseudo-checkbox-minimal.mat-pseudo-checkbox-indeterminate::after {
    top: 8px;
    width: 16px
}

.mat-pseudo-checkbox-full.mat-pseudo-checkbox-checked::after {
    width: 10px;
    height: 4px;
    transform-origin: center;
    top: -2.8284271247px;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto
}

.mat-pseudo-checkbox-full.mat-pseudo-checkbox-indeterminate::after {
    top: 6px;
    width: 12px
}