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


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


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
}


.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-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-dialog,
.mdc-dialog__scrim {
    position: fixed;
    top: 0;
    left: 0;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    width: 100%;
    height: 100%
}

.mdc-dialog {
    display: none;
    z-index: var(--mdc-dialog-z-index, 7)
}

.mdc-dialog .mdc-dialog__content {
    padding: 20px 24px 20px 24px
}

.mdc-dialog .mdc-dialog__surface {
    min-width: 280px
}

@media(max-width: 592px) {
    .mdc-dialog .mdc-dialog__surface {
        max-width: calc(100vw - 32px)
    }
}

@media(min-width: 592px) {
    .mdc-dialog .mdc-dialog__surface {
        max-width: 560px
    }
}

.mdc-dialog .mdc-dialog__surface {
    max-height: calc(100% - 32px)
}

.mdc-dialog.mdc-dialog--fullscreen .mdc-dialog__surface {
    max-width: none
}

@media(max-width: 960px) {
    .mdc-dialog.mdc-dialog--fullscreen .mdc-dialog__surface {
        max-height: 560px;
        width: 560px
    }

    .mdc-dialog.mdc-dialog--fullscreen .mdc-dialog__surface .mdc-dialog__close {
        right: -12px
    }
}

@media(max-width: 720px)and (max-width: 672px) {
    .mdc-dialog.mdc-dialog--fullscreen .mdc-dialog__surface {
        width: calc(100vw - 112px)
    }
}

@media(max-width: 720px)and (min-width: 672px) {
    .mdc-dialog.mdc-dialog--fullscreen .mdc-dialog__surface {
        width: 560px
    }
}

@media(max-width: 720px)and (max-height: 720px) {
    .mdc-dialog.mdc-dialog--fullscreen .mdc-dialog__surface {
        max-height: calc(100vh - 160px)
    }
}

@media(max-width: 720px)and (min-height: 720px) {
    .mdc-dialog.mdc-dialog--fullscreen .mdc-dialog__surface {
        max-height: 560px
    }
}

@media(max-width: 720px) {
    .mdc-dialog.mdc-dialog--fullscreen .mdc-dialog__surface .mdc-dialog__close {
        right: -12px
    }
}

@media(max-width: 720px)and (max-height: 400px), (max-width: 600px), (min-width: 720px)and (max-height: 400px) {
    .mdc-dialog.mdc-dialog--fullscreen .mdc-dialog__surface {
        height: 100%;
        max-height: 100vh;
        max-width: 100vw;
        width: 100vw;
        border-radius: 0
    }

    .mdc-dialog.mdc-dialog--fullscreen .mdc-dialog__surface .mdc-dialog__close {
        order: -1;
        left: -12px
    }

    .mdc-dialog.mdc-dialog--fullscreen .mdc-dialog__surface .mdc-dialog__header {
        padding: 0 16px 9px;
        justify-content: flex-start
    }

    .mdc-dialog.mdc-dialog--fullscreen .mdc-dialog__surface .mdc-dialog__title {
        margin-left: calc(16px - 2 * 12px)
    }
}

@media(min-width: 960px) {
    .mdc-dialog.mdc-dialog--fullscreen .mdc-dialog__surface {
        width: calc(100vw - 400px)
    }

    .mdc-dialog.mdc-dialog--fullscreen .mdc-dialog__surface .mdc-dialog__close {
        right: -12px
    }
}

.mdc-dialog.mdc-dialog__scrim--hidden .mdc-dialog__scrim {
    opacity: 0
}

.mdc-dialog__scrim {
    opacity: 0;
    z-index: -1
}

.mdc-dialog__container {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-around;
    box-sizing: border-box;
    height: 100%;
    transform: scale(0.8);
    opacity: 0;
    pointer-events: none
}

.mdc-dialog__surface {
    position: relative;
    display: flex;
    flex-direction: column;
    flex-grow: 0;
    flex-shrink: 0;
    box-sizing: border-box;
    max-width: 100%;
    max-height: 100%;
    pointer-events: auto;
    overflow-y: auto;
    outline: 0
}

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

[dir=rtl] .mdc-dialog__surface,
.mdc-dialog__surface[dir=rtl] {
    text-align: right
}

@media screen and (forced-colors: active),
(-ms-high-contrast: active) {
    .mdc-dialog__surface {
        outline: 2px solid windowText
    }
}

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

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

@media screen and (-ms-high-contrast: active),
screen and (-ms-high-contrast: none) {
    .mdc-dialog__surface::before {
        content: none
    }
}

.mdc-dialog__title {
    display: block;
    margin-top: 0;
    position: relative;
    flex-shrink: 0;
    box-sizing: border-box;
    margin: 0 0 1px;
    padding: 0 24px 9px
}

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

[dir=rtl] .mdc-dialog__title,
.mdc-dialog__title[dir=rtl] {
    text-align: right
}

.mdc-dialog--scrollable .mdc-dialog__title {
    margin-bottom: 1px;
    padding-bottom: 15px
}

.mdc-dialog--fullscreen .mdc-dialog__header {
    align-items: baseline;
    border-bottom: 1px solid rgba(0, 0, 0, 0);
    display: inline-flex;
    justify-content: space-between;
    padding: 0 24px 9px;
    z-index: 1
}

@media screen and (forced-colors: active) {
    .mdc-dialog--fullscreen .mdc-dialog__header {
        border-bottom-color: CanvasText
    }
}

.mdc-dialog--fullscreen .mdc-dialog__header .mdc-dialog__close {
    right: -12px
}

.mdc-dialog--fullscreen .mdc-dialog__title {
    margin-bottom: 0;
    padding: 0;
    border-bottom: 0
}

.mdc-dialog--fullscreen.mdc-dialog--scrollable .mdc-dialog__title {
    border-bottom: 0;
    margin-bottom: 0
}

.mdc-dialog--fullscreen .mdc-dialog__close {
    top: 5px
}

.mdc-dialog--fullscreen.mdc-dialog--scrollable .mdc-dialog__actions {
    border-top: 1px solid rgba(0, 0, 0, 0)
}

@media screen and (forced-colors: active) {
    .mdc-dialog--fullscreen.mdc-dialog--scrollable .mdc-dialog__actions {
        border-top-color: CanvasText
    }
}

.mdc-dialog--fullscreen--titleless .mdc-dialog__close {
    margin-top: 4px
}

.mdc-dialog--fullscreen--titleless.mdc-dialog--scrollable .mdc-dialog__close {
    margin-top: 0
}

.mdc-dialog__content {
    flex-grow: 1;
    box-sizing: border-box;
    margin: 0;
    overflow: auto
}

.mdc-dialog__content>:first-child {
    margin-top: 0
}

.mdc-dialog__content>:last-child {
    margin-bottom: 0
}

.mdc-dialog__title+.mdc-dialog__content,
.mdc-dialog__header+.mdc-dialog__content {
    padding-top: 0
}

.mdc-dialog--scrollable .mdc-dialog__title+.mdc-dialog__content {
    padding-top: 8px;
    padding-bottom: 8px
}

.mdc-dialog__content .mdc-deprecated-list:first-child:last-child {
    padding: 6px 0 0
}

.mdc-dialog--scrollable .mdc-dialog__content .mdc-deprecated-list:first-child:last-child {
    padding: 0
}

.mdc-dialog__actions {
    display: flex;
    position: relative;
    flex-shrink: 0;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    box-sizing: border-box;
    min-height: 52px;
    margin: 0;
    padding: 8px;
    border-top: 1px solid rgba(0, 0, 0, 0)
}

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

.mdc-dialog--stacked .mdc-dialog__actions {
    flex-direction: column;
    align-items: flex-end
}

.mdc-dialog__button {
    margin-left: 8px;
    margin-right: 0;
    max-width: 100%;
    text-align: right
}

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

.mdc-dialog__button:first-child {
    margin-left: 0;
    margin-right: 0
}

[dir=rtl] .mdc-dialog__button:first-child,
.mdc-dialog__button:first-child[dir=rtl] {
    margin-left: 0;
    margin-right: 0
}

[dir=rtl] .mdc-dialog__button,
.mdc-dialog__button[dir=rtl] {
    text-align: left
}

.mdc-dialog--stacked .mdc-dialog__button:not(:first-child) {
    margin-top: 12px
}

.mdc-dialog--open,
.mdc-dialog--opening,
.mdc-dialog--closing {
    display: flex
}

.mdc-dialog--opening .mdc-dialog__scrim {
    transition: opacity 150ms linear
}

.mdc-dialog--opening .mdc-dialog__container {
    transition: opacity 75ms linear, transform 150ms 0ms cubic-bezier(0, 0, 0.2, 1)
}

.mdc-dialog--closing .mdc-dialog__scrim,
.mdc-dialog--closing .mdc-dialog__container {
    transition: opacity 75ms linear
}

.mdc-dialog--closing .mdc-dialog__container {
    transform: none
}

.mdc-dialog--open .mdc-dialog__scrim {
    opacity: 1
}

.mdc-dialog--open .mdc-dialog__container {
    transform: none;
    opacity: 1
}

.mdc-dialog--open.mdc-dialog__surface-scrim--shown .mdc-dialog__surface-scrim {
    opacity: 1
}

.mdc-dialog--open.mdc-dialog__surface-scrim--hiding .mdc-dialog__surface-scrim {
    transition: opacity 75ms linear
}

.mdc-dialog--open.mdc-dialog__surface-scrim--showing .mdc-dialog__surface-scrim {
    transition: opacity 150ms linear
}

.mdc-dialog__surface-scrim {
    display: none;
    opacity: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1
}

.mdc-dialog__surface-scrim--shown .mdc-dialog__surface-scrim,
.mdc-dialog__surface-scrim--showing .mdc-dialog__surface-scrim,
.mdc-dialog__surface-scrim--hiding .mdc-dialog__surface-scrim {
    display: block
}

.mdc-dialog-scroll-lock {
    overflow: hidden
}

.mdc-dialog--no-content-padding .mdc-dialog__content {
    padding: 0
}

.mdc-dialog--sheet .mdc-dialog__container .mdc-dialog__close {
    right: 12px;
    top: 9px;
    position: absolute;
    z-index: 1
}

.mdc-dialog__scrim--removed {
    pointer-events: none
}

.mdc-dialog__scrim--removed .mdc-dialog__scrim,
.mdc-dialog__scrim--removed .mdc-dialog__surface-scrim {
    display: none
}

.mat-mdc-dialog-content {
    max-height: 65vh
}

.mat-mdc-dialog-container {
    position: static;
    display: block
}

.mat-mdc-dialog-container,
.mat-mdc-dialog-container .mdc-dialog__container,
.mat-mdc-dialog-container .mdc-dialog__surface {
    max-height: inherit;
    min-height: inherit;
    min-width: inherit;
    max-width: inherit
}

.mat-mdc-dialog-container .mdc-dialog__surface {
    display: block;
    width: 100%;
    height: 100%
}

.mat-mdc-dialog-container {
    --mdc-dialog-container-elevation-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
    --mdc-dialog-container-shadow-color: #000;
    --mdc-dialog-container-shape: 4px;
    --mdc-dialog-container-elevation: var(--mdc-dialog-container-elevation-shadow);
    outline: 0
}

.mat-mdc-dialog-container .mdc-dialog__surface {
    background-color: var(--mdc-dialog-container-color, white)
}

.mat-mdc-dialog-container .mdc-dialog__surface {
    box-shadow: var(--mdc-dialog-container-elevation, 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12))
}

.mat-mdc-dialog-container .mdc-dialog__surface {
    border-radius: var(--mdc-dialog-container-shape, 4px)
}

.mat-mdc-dialog-container .mdc-dialog__title {
    font-family: var(--mdc-dialog-subhead-font, Roboto, sans-serif);
    line-height: var(--mdc-dialog-subhead-line-height, 1.5rem);
    font-size: var(--mdc-dialog-subhead-size, 1rem);
    font-weight: var(--mdc-dialog-subhead-weight, 400);
    letter-spacing: var(--mdc-dialog-subhead-tracking, 0.03125em)
}

.mat-mdc-dialog-container .mdc-dialog__title {
    color: var(--mdc-dialog-subhead-color, rgba(0, 0, 0, 0.87))
}

.mat-mdc-dialog-container .mdc-dialog__content {
    font-family: var(--mdc-dialog-supporting-text-font, Roboto, sans-serif);
    line-height: var(--mdc-dialog-supporting-text-line-height, 1.5rem);
    font-size: var(--mdc-dialog-supporting-text-size, 1rem);
    font-weight: var(--mdc-dialog-supporting-text-weight, 400);
    letter-spacing: var(--mdc-dialog-supporting-text-tracking, 0.03125em)
}

.mat-mdc-dialog-container .mdc-dialog__content {
    color: var(--mdc-dialog-supporting-text-color, rgba(0, 0, 0, 0.6))
}

.mat-mdc-dialog-container .mdc-dialog__container {
    transition-duration: var(--mat-dialog-transition-duration, 0ms)
}

.mat-mdc-dialog-container._mat-animation-noopable .mdc-dialog__container {
    transition: none
}

.mat-mdc-dialog-content {
    display: block
}

.mat-mdc-dialog-actions {
    justify-content: start
}

.mat-mdc-dialog-actions.mat-mdc-dialog-actions-align-center,
.mat-mdc-dialog-actions[align=center] {
    justify-content: center
}

.mat-mdc-dialog-actions.mat-mdc-dialog-actions-align-end,
.mat-mdc-dialog-actions[align=end] {
    justify-content: flex-end
}

.mat-mdc-dialog-actions .mat-button-base+.mat-button-base,
.mat-mdc-dialog-actions .mat-mdc-button-base+.mat-mdc-button-base {
    margin-left: 8px
}

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


[_ngcontent-ng-c3674886643]:root {
    --grey-00: #111111;
    --grey-50: #171717;
    --grey-75: #1e1e1e;
    --grey-100: #393939;
    --grey-200: #5f5f5f;
    --grey-300: #858585;
    --grey-400: #a1a1a1;
    --grey-500: #bebebe;
    --grey-600: #c4c4c4;
    --grey-700: #cdcdcd;
    --grey-800: #d5d5d5;
    --grey-900: #e3e3e3;
    --header-dark-color: #181E25;
    --footer-grey-color: #D9D9D9;
    --primary-color: #ffffff;
    --primary-color-shade: #ffffff;
    --primary-color-tint: #ffffff;
    --primary-color-contrast: #ffffff;
    --black-color: #000;
    --black-color-rgb: 0, 0, 0;
    --bg-grey: #f7f9f9;
    --red-color: #C44141;
    --marquee-red: #F44242;
    --green-color: #138807;
    --yellow-color: #E7A22A;
    --bg-grey-5: #C7C7C7;
    --card-background: #EAEAEA;
    --input-background: #E8E8E8;
    --chip-border: #FEAFB2;
    --lay-color: #FDC9D4;
    --lay-color-light: #fff3f4;
    --back-color: #A0D8FB;
    --back-color-light: #f2f9ff;
    --reset-background: #C13F50;
    --white-color: #ffffff;
    --back-light: #D4E8F8;
    --lay-light: #F7E7EB;
    --blue-color: #31a8df;
    --tabIcon-filter: invert(1);
    --d-color: #11833e;
    --w-color: #dd514a;
    --dark-blue-color: #1F6EE7
}

body[color-theme=default][_ngcontent-ng-c3674886643] {
    --secondary-color: #FFC629;
    --secondary-color-contrast: #000000;
    --primary-color: #000000;
    --primary-color-shade: #141414;
    --primary-color-tint: #222222;
    --primary-color-contrast: #ffffff;
    --highlight-color: #FFC629;
    --tabIcon-filter: invert(0)
}

body[color-theme=water-blue][_ngcontent-ng-c3674886643] {
    --secondary-color: #1E64CE;
    --secondary-color-contrast: #ffffff;
    --primary-color: #1E64CE;
    --primary-color-shade: #1F6EE7;
    --primary-color-tint: #2081e7;
    --primary-color-contrast: #ffffff;
    --highlight-color: #ffffff;
    --tabIcon-filter: invert(0)
}

body[color-theme=sunglow][_ngcontent-ng-c3674886643] {
    --secondary-color: #FFC629;
    --secondary-color-contrast: #000000;
    --primary-color: #000000;
    --primary-color-shade: #141414;
    --primary-color-tint: #222222;
    --primary-color-contrast: #ffffff;
    --highlight-color: #FFC629;
    --tabIcon-filter: invert(0)
}

body[color-theme=gopunt][_ngcontent-ng-c3674886643] {
    --secondary-color: #feb912;
    --secondary-color-contrast: #000000;
    --primary-color: #000000;
    --primary-color-shade: #141414;
    --primary-color-tint: #222222;
    --primary-color-contrast: #ffffff;
    --highlight-color: #feb912;
    --tabIcon-filter: invert(0)
}

body[color-theme=raspberry-pink][_ngcontent-ng-c3674886643] {
    --secondary-color: #db469a;
    --secondary-color-contrast: #ffffff;
    --primary-color: #000000;
    --primary-color-shade: #141414;
    --primary-color-tint: #222222;
    --primary-color-contrast: #ffffff;
    --highlight-color: #db469a;
    --tabIcon-filter: invert(0)
}

body[color-theme=bright-gold][_ngcontent-ng-c3674886643] {
    --secondary-color: #FFCB00;
    --secondary-color-contrast: #000000;
    --primary-color: #000000;
    --primary-color-shade: #141414;
    --primary-color-tint: #222222;
    --primary-color-contrast: #ffffff;
    --highlight-color: #FFCB00;
    --tabIcon-filter: invert(0)
}

body[color-theme=saffron][_ngcontent-ng-c3674886643] {
    --secondary-color: #FF671F;
    --secondary-color-contrast: #000000;
    --primary-color: #000000;
    --primary-color-shade: #141414;
    --primary-color-tint: #222222;
    --primary-color-contrast: #ffffff;
    --highlight-color: #FF671F;
    --tabIcon-filter: invert(0)
}

body[color-theme=firebush][_ngcontent-ng-c3674886643] {
    --secondary-color: #ff8e2a;
    --secondary-color-contrast: #000000;
    --primary-color: #000000;
    --primary-color-shade: #141414;
    --primary-color-tint: #222222;
    --primary-color-contrast: #ffffff;
    --highlight-color: #ff8e2a;
    --tabIcon-filter: invert(0)
}

body[color-theme=darkorange][_ngcontent-ng-c3674886643] {
    --secondary-color: #F78A02;
    --secondary-color-contrast: #000000;
    --primary-color: #000000;
    --primary-color-shade: #141414;
    --primary-color-tint: #222222;
    --primary-color-contrast: #ffffff;
    --highlight-color: #F78A02;
    --tabIcon-filter: invert(0)
}

body[color-theme=brightorange][_ngcontent-ng-c3674886643] {
    --secondary-color: #ff6600;
    --secondary-color-contrast: #000000;
    --primary-color: #000000;
    --primary-color-shade: #141414;
    --primary-color-tint: #222222;
    --primary-color-contrast: #ffffff;
    --highlight-color: #ff6600;
    --tabIcon-filter: invert(0)
}

body[color-theme=rubyred][_ngcontent-ng-c3674886643] {
    --secondary-color: #e82127;
    --secondary-color-contrast: #ffffff;
    --primary-color: #000000;
    --primary-color-shade: #141414;
    --primary-color-tint: #222222;
    --primary-color-contrast: #ffffff;
    --highlight-color: #e82127;
    --tabIcon-filter: invert(0)
}

body[color-theme=ferrarired][_ngcontent-ng-c3674886643] {
    --secondary-color: #ff2800;
    --secondary-color-contrast: #ffffff;
    --primary-color: #000000;
    --primary-color-shade: #141414;
    --primary-color-tint: #222222;
    --primary-color-contrast: #ffffff;
    --highlight-color: #ff2800;
    --tabIcon-filter: invert(0)
}

body[color-theme=brickred][_ngcontent-ng-c3674886643] {
    --secondary-color: #C32034;
    --secondary-color-contrast: #ffffff;
    --primary-color: #000000;
    --primary-color-shade: #141414;
    --primary-color-tint: #222222;
    --primary-color-contrast: #ffffff;
    --highlight-color: #C32034;
    --tabIcon-filter: invert(0)
}

body[color-theme=dustyred][_ngcontent-ng-c3674886643] {
    --secondary-color: #c14646;
    --secondary-color-contrast: #ffffff;
    --primary-color: #000000;
    --primary-color-shade: #141414;
    --primary-color-tint: #222222;
    --primary-color-contrast: #ffffff;
    --highlight-color: #c14646;
    --tabIcon-filter: invert(0)
}

body[color-theme=lavared][_ngcontent-ng-c3674886643] {
    --secondary-color: #d72c0a;
    --secondary-color-contrast: #ffffff;
    --primary-color: #000000;
    --primary-color-shade: #141414;
    --primary-color-tint: #222222;
    --primary-color-contrast: #ffffff;
    --highlight-color: #d72c0a;
    --tabIcon-filter: invert(0)
}

body[color-theme=orangyred][_ngcontent-ng-c3674886643] {
    --secondary-color: #b01d0b;
    --secondary-color-contrast: #ffffff;
    --primary-color: #000000;
    --primary-color-shade: #141414;
    --primary-color-tint: #222222;
    --primary-color-contrast: #ffffff;
    --highlight-color: #b01d0b;
    --tabIcon-filter: invert(0)
}

body[color-theme=supernova][_ngcontent-ng-c3674886643] {
    --secondary-color: #fdcf13;
    --secondary-color-contrast: #000000;
    --primary-color: #000000;
    --primary-color-shade: #141414;
    --primary-color-tint: #222222;
    --primary-color-contrast: #ffffff;
    --highlight-color: #fdcf13;
    --tabIcon-filter: invert(0)
}

body[color-theme=orangeyellow][_ngcontent-ng-c3674886643] {
    --secondary-color: #feba0d;
    --secondary-color-contrast: #000000;
    --primary-color: #000000;
    --primary-color-shade: #141414;
    --primary-color-tint: #222222;
    --primary-color-contrast: #ffffff;
    --highlight-color: #feba0d;
    --tabIcon-filter: invert(0)
}

body[color-theme=amberyellow][_ngcontent-ng-c3674886643] {
    --secondary-color: #ffb80c;
    --secondary-color-contrast: #000000;
    --primary-color: #000000;
    --primary-color-shade: #141414;
    --primary-color-tint: #222222;
    --primary-color-contrast: #ffffff;
    --highlight-color: #ffb80c;
    --tabIcon-filter: invert(0)
}

body[color-theme=sunshade][_ngcontent-ng-c3674886643] {
    --secondary-color: #FF9934;
    --secondary-color-contrast: #000000;
    --primary-color: #000000;
    --primary-color-shade: #141414;
    --primary-color-tint: #222222;
    --primary-color-contrast: #ffffff;
    --highlight-color: #FF9934;
    --tabIcon-filter: invert(0)
}

body[color-theme=deepsaffron][_ngcontent-ng-c3674886643] {
    --secondary-color: #f79333;
    --secondary-color-contrast: #000000;
    --primary-color: #000000;
    --primary-color-shade: #141414;
    --primary-color-tint: #222222;
    --primary-color-contrast: #ffffff;
    --highlight-color: #f79333;
    --tabIcon-filter: invert(0)
}

body[color-theme=cadmiumorange][_ngcontent-ng-c3674886643] {
    --secondary-color: #ea9624;
    --secondary-color-contrast: #000000;
    --primary-color: #000000;
    --primary-color-shade: #141414;
    --primary-color-tint: #222222;
    --primary-color-contrast: #ffffff;
    --highlight-color: #ea9624;
    --tabIcon-filter: invert(0)
}

body[color-theme=fadedorange][_ngcontent-ng-c3674886643] {
    --secondary-color: #F88651;
    --secondary-color-contrast: #ffffff;
    --primary-color: #000000;
    --primary-color-shade: #141414;
    --primary-color-tint: #222222;
    --primary-color-contrast: #ffffff;
    --highlight-color: #F88651;
    --tabIcon-filter: invert(0)
}

body[color-theme=granolagold][_ngcontent-ng-c3674886643] {
    --secondary-color: #ba9445;
    --secondary-color-contrast: #ffffff;
    --primary-color: #000000;
    --primary-color-shade: #141414;
    --primary-color-tint: #222222;
    --primary-color-contrast: #ffffff;
    --highlight-color: #ba9445;
    --tabIcon-filter: invert(0)
}

body[color-theme=eucalyptusgreen][_ngcontent-ng-c3674886643] {
    --secondary-color: #159365;
    --secondary-color-contrast: #ffffff;
    --primary-color: #000000;
    --primary-color-shade: #141414;
    --primary-color-tint: #222222;
    --primary-color-contrast: #ffffff;
    --highlight-color: #159365;
    --tabIcon-filter: invert(0)
}

body[color-theme=venomgreen][_ngcontent-ng-c3674886643] {
    --secondary-color: #659910;
    --secondary-color-contrast: #ffffff;
    --primary-color: #000000;
    --primary-color-shade: #141414;
    --primary-color-tint: #222222;
    --primary-color-contrast: #ffffff;
    --highlight-color: #659910;
    --tabIcon-filter: invert(0)
}

body[color-theme=peagreen][_ngcontent-ng-c3674886643] {
    --secondary-color: #A6CE39;
    --secondary-color-contrast: #000000;
    --primary-color: #000000;
    --primary-color-shade: #141414;
    --primary-color-tint: #222222;
    --primary-color-contrast: #ffffff;
    --highlight-color: #A6CE39;
    --tabIcon-filter: invert(0)
}

body[color-theme=vibrantgreen][_ngcontent-ng-c3674886643] {
    --secondary-color: #00BC00;
    --secondary-color-contrast: #ffffff;
    --primary-color: #000000;
    --primary-color-shade: #141414;
    --primary-color-tint: #222222;
    --primary-color-contrast: #ffffff;
    --highlight-color: #00BC00;
    --tabIcon-filter: invert(0)
}

body[color-theme=pinegreen][_ngcontent-ng-c3674886643] {
    --secondary-color: #14795a;
    --secondary-color-contrast: #ffffff;
    --primary-color: #000000;
    --primary-color-shade: #141414;
    --primary-color-tint: #222222;
    --primary-color-contrast: #ffffff;
    --highlight-color: #14795a;
    --tabIcon-filter: invert(0)
}

body[color-theme=fountainblue][_ngcontent-ng-c3674886643] {
    --secondary-color: #5dade2;
    --secondary-color-contrast: #000000;
    --primary-color: #000000;
    --primary-color-shade: #141414;
    --primary-color-tint: #222222;
    --primary-color-contrast: #ffffff;
    --highlight-color: #5dade2;
    --tabIcon-filter: invert(0)
}

body[color-theme=crystalblue][_ngcontent-ng-c3674886643] {
    --secondary-color: #3bc6f3;
    --secondary-color-contrast: #000000;
    --primary-color: #000000;
    --primary-color-shade: #141414;
    --primary-color-tint: #222222;
    --primary-color-contrast: #ffffff;
    --highlight-color: #3bc6f3;
    --tabIcon-filter: invert(0)
}

body[color-theme=darkcyan][_ngcontent-ng-c3674886643] {
    --secondary-color: #149897;
    --secondary-color-contrast: #ffffff;
    --primary-color: #000000;
    --primary-color-shade: #141414;
    --primary-color-tint: #222222;
    --primary-color-contrast: #ffffff;
    --highlight-color: #149897;
    --tabIcon-filter: invert(0)
}

body[color-theme=frenchblue][_ngcontent-ng-c3674886643] {
    --secondary-color: #0075DB;
    --secondary-color-contrast: #ffffff;
    --primary-color: #000000;
    --primary-color-shade: #141414;
    --primary-color-tint: #222222;
    --primary-color-contrast: #ffffff;
    --highlight-color: #0075DB;
    --tabIcon-filter: invert(0)
}

body[color-theme=silkblue][_ngcontent-ng-c3674886643] {
    --secondary-color: #3F77D9;
    --secondary-color-contrast: #ffffff;
    --primary-color: #000000;
    --primary-color-shade: #141414;
    --primary-color-tint: #222222;
    --primary-color-contrast: #ffffff;
    --highlight-color: #3F77D9;
    --tabIcon-filter: invert(0)
}

body[color-theme=veniceblue][_ngcontent-ng-c3674886643] {
    --secondary-color: #005b96;
    --secondary-color-contrast: #ffffff;
    --primary-color: #000000;
    --primary-color-shade: #141414;
    --primary-color-tint: #222222;
    --primary-color-contrast: #ffffff;
    --highlight-color: #005b96;
    --tabIcon-filter: invert(0)
}

body[color-theme=midnightblue][_ngcontent-ng-c3674886643] {
    --secondary-color: #0285c8;
    --secondary-color-contrast: #ffffff;
    --primary-color: #000000;
    --primary-color-shade: #141414;
    --primary-color-tint: #222222;
    --primary-color-contrast: #ffffff;
    --highlight-color: #0285c8;
    --tabIcon-filter: invert(0)
}

body[color-theme=mineralgreen][_ngcontent-ng-c3674886643] {
    --secondary-color: #3d5566;
    --secondary-color-contrast: #ffffff;
    --primary-color: #000000;
    --primary-color-shade: #141414;
    --primary-color-tint: #222222;
    --primary-color-contrast: #ffffff;
    --highlight-color: #3d5566;
    --tabIcon-filter: invert(0)
}

body[color-theme=warmpurple][_ngcontent-ng-c3674886643] {
    --secondary-color: #7e1fac;
    --secondary-color-contrast: #ffffff;
    --primary-color: #000000;
    --primary-color-shade: #141414;
    --primary-color-tint: #222222;
    --primary-color-contrast: #ffffff;
    --highlight-color: #7e1fac;
    --tabIcon-filter: invert(0)
}

body[color-theme=cobaltblue][_ngcontent-ng-c3674886643] {
    --secondary-color: #1A3DA6;
    --secondary-color-contrast: #ffffff;
    --primary-color: #000000;
    --primary-color-shade: #141414;
    --primary-color-tint: #222222;
    --primary-color-contrast: #ffffff;
    --highlight-color: #1A3DA6;
    --tabIcon-filter: invert(0)
}

body[color-theme=pacificblue][_ngcontent-ng-c3674886643] {
    --secondary-color: #04A1A6;
    --secondary-color-contrast: #000000;
    --primary-color: #000000;
    --primary-color-shade: #141414;
    --primary-color-tint: #222222;
    --primary-color-contrast: #ffffff;
    --highlight-color: #04A1A6;
    --tabIcon-filter: invert(0)
}

body[color-theme=fuelyellow][_ngcontent-ng-c3674886643] {
    --secondary-color: #f6ae2d;
    --secondary-color-contrast: #000000;
    --primary-color: #000000;
    --primary-color-shade: #141414;
    --primary-color-tint: #222222;
    --primary-color-contrast: #ffffff;
    --highlight-color: #f6ae2d;
    --tabIcon-filter: invert(0)
}

body[color-theme=brightyellow][_ngcontent-ng-c3674886643] {
    --secondary-color: #f3e819;
    --secondary-color-contrast: #000000;
    --primary-color: #000000;
    --primary-color-shade: #141414;
    --primary-color-tint: #222222;
    --primary-color-contrast: #ffffff;
    --highlight-color: #f3e819;
    --tabIcon-filter: invert(0)
}

body[color-theme=osgbook][_ngcontent-ng-c3674886643] {
    --secondary-color: #1A3DA6;
    --secondary-color-contrast: #ffffff;
    --primary-color: #1A3DA6;
    --primary-color-shade: #0f2462;
    --primary-color-tint: #0f2462;
    --primary-color-contrast: #ffffff;
    --highlight-color: #ffffff;
    --tabIcon-filter: invert(0)
}

body[color-theme=tuliporange][_ngcontent-ng-c3674886643] {
    --secondary-color: #F6A237;
    --secondary-color-contrast: #000000;
    --primary-color: #000000;
    --primary-color-shade: #141414;
    --primary-color-tint: #222222;
    --primary-color-contrast: #ffffff;
    --highlight-color: #F6A237;
    --tabIcon-filter: invert(0)
}

body[color-theme=winered][_ngcontent-ng-c3674886643] {
    --secondary-color: #A00000;
    --secondary-color-contrast: #ffffff;
    --primary-color: #000000;
    --primary-color-shade: #141414;
    --primary-color-tint: #222222;
    --primary-color-contrast: #ffffff;
    --highlight-color: #A00000;
    --tabIcon-filter: invert(0)
}

body[color-theme=cranberry][_ngcontent-ng-c3674886643] {
    --secondary-color: #D84396;
    --secondary-color-contrast: #000000;
    --primary-color: #000000;
    --primary-color-shade: #141414;
    --primary-color-tint: #222222;
    --primary-color-contrast: #ffffff;
    --highlight-color: #D84396;
    --tabIcon-filter: invert(0)
}

body[color-theme=marine][_ngcontent-ng-c3674886643] {
    --secondary-color: #0B2972;
    --secondary-color-contrast: #ffffff;
    --primary-color: #000000;
    --primary-color-shade: #141414;
    --primary-color-tint: #222222;
    --primary-color-contrast: #ffffff;
    --highlight-color: #0B2972;
    --tabIcon-filter: invert(0)
}

body[color-theme=candlelight][_ngcontent-ng-c3674886643] {
    --secondary-color: #FFE001;
    --secondary-color-contrast: #000000;
    --primary-color: #000000;
    --primary-color-shade: #141414;
    --primary-color-tint: #222222;
    --primary-color-contrast: #ffffff;
    --highlight-color: #FFE001;
    --tabIcon-filter: invert(0)
}

body[color-theme=beeyellow][_ngcontent-ng-c3674886643] {
    --secondary-color: #EBB023;
    --secondary-color-contrast: #000000;
    --primary-color: #000000;
    --primary-color-shade: #141414;
    --primary-color-tint: #222222;
    --primary-color-contrast: #ffffff;
    --highlight-color: #EBB023;
    --tabIcon-filter: invert(0)
}

body[color-theme=orangepeel][_ngcontent-ng-c3674886643] {
    --secondary-color: #FFA800;
    --secondary-color-contrast: #000000;
    --primary-color: #000000;
    --primary-color-shade: #141414;
    --primary-color-tint: #222222;
    --primary-color-contrast: #ffffff;
    --highlight-color: #FFA800;
    --tabIcon-filter: invert(0)
}

body[color-theme=azureblue][_ngcontent-ng-c3674886643] {
    --secondary-color: #007ACC;
    --secondary-color-contrast: #ffffff;
    --primary-color: #000000;
    --primary-color-shade: #141414;
    --primary-color-tint: #222222;
    --primary-color-contrast: #ffffff;
    --highlight-color: #007ACC;
    --tabIcon-filter: invert(0)
}

body[color-theme=chromeorange][_ngcontent-ng-c3674886643] {
    --secondary-color: #FF9600;
    --secondary-color-contrast: #000000;
    --primary-color: #000000;
    --primary-color-shade: #141414;
    --primary-color-tint: #222222;
    --primary-color-contrast: #ffffff;
    --highlight-color: #FF9600;
    --tabIcon-filter: invert(0)
}

body[color-theme=vibrantyellow][_ngcontent-ng-c3674886643] {
    --secondary-color: #F8FF13;
    --secondary-color-contrast: #000000;
    --primary-color: #000000;
    --primary-color-shade: #141414;
    --primary-color-tint: #222222;
    --primary-color-contrast: #ffffff;
    --highlight-color: #F8FF13;
    --tabIcon-filter: invert(0)
}

body[color-theme=shyam365][_ngcontent-ng-c3674886643],
body[color-theme=newlotus][_ngcontent-ng-c3674886643],
body[color-theme=lotus365s][_ngcontent-ng-c3674886643],
body[color-theme=gamblerid365][_ngcontent-ng-c3674886643] {
    --secondary-color: #FFE001;
    --secondary-color-contrast: #000000;
    --primary-color: #1e8067;
    --primary-color-shade: #1a715b;
    --primary-color-tint: #358d76;
    --primary-color-contrast: #ffffff;
    --highlight-color: #FFE001;
    --tabIcon-filter: invert(0)
}

body[color-theme=driftwood][_ngcontent-ng-c3674886643] {
    --secondary-color: #b4833e;
    --secondary-color-contrast: #ffffff;
    --primary-color: #000000;
    --primary-color-shade: #141414;
    --primary-color-tint: #222222;
    --primary-color-contrast: #ffffff;
    --highlight-color: #b4833e;
    --tabIcon-filter: invert(0)
}

body[color-theme=darkpink][_ngcontent-ng-c3674886643] {
    --secondary-color: #B6277B;
    --secondary-color-contrast: #ffffff;
    --primary-color: #000000;
    --primary-color-shade: #141414;
    --primary-color-tint: #222222;
    --primary-color-contrast: #ffffff;
    --highlight-color: #B6277B;
    --tabIcon-filter: invert(0)
}

body[color-theme=cherryred][_ngcontent-ng-c3674886643] {
    --secondary-color: #C10930;
    --secondary-color-contrast: #ffffff;
    --primary-color: #000000;
    --primary-color-shade: #141414;
    --primary-color-tint: #222222;
    --primary-color-contrast: #ffffff;
    --highlight-color: #C10930;
    --tabIcon-filter: invert(0)
}

body[color-theme=electricblue][_ngcontent-ng-c3674886643] {
    --secondary-color: #0088CC;
    --secondary-color-contrast: #ffffff;
    --primary-color: #000000;
    --primary-color-shade: #141414;
    --primary-color-tint: #222222;
    --primary-color-contrast: #ffffff;
    --highlight-color: #0088CC;
    --tabIcon-filter: invert(0)
}

body[color-theme=matchpari][_ngcontent-ng-c3674886643] {
    --secondary-color: #FFC629;
    --secondary-color-contrast: #000000;
    --primary-color: #8000FF;
    --primary-color-shade: #7100e0;
    --primary-color-tint: #8d1aff;
    --primary-color-contrast: #ffffff;
    --highlight-color: #FFC629;
    --tabIcon-filter: invert(0)
}

body[color-theme=dustyorange][_ngcontent-ng-c3674886643] {
    --secondary-color: #EE8C31;
    --secondary-color-contrast: #ffffff;
    --primary-color: #000000;
    --primary-color-shade: #141414;
    --primary-color-tint: #222222;
    --primary-color-contrast: #ffffff;
    --highlight-color: #EE8C31;
    --tabIcon-filter: invert(0)
}

body[color-theme=artyred][_ngcontent-ng-c3674886643] {
    --secondary-color: #FD0000;
    --secondary-color-contrast: #ffffff;
    --primary-color: #000000;
    --primary-color-shade: #141414;
    --primary-color-tint: #222222;
    --primary-color-contrast: #ffffff;
    --highlight-color: #FD0000;
    --tabIcon-filter: invert(0)
}

body[color-theme=goldenbell][_ngcontent-ng-c3674886643] {
    --secondary-color: #ED8929;
    --secondary-color-contrast: #000000;
    --primary-color: #000000;
    --primary-color-shade: #141414;
    --primary-color-tint: #222222;
    --primary-color-contrast: #ffffff;
    --highlight-color: #ED8929;
    --tabIcon-filter: invert(0)
}

body[color-theme=brightaqua][_ngcontent-ng-c3674886643] {
    --secondary-color: #00FFFC;
    --secondary-color-contrast: #000000;
    --primary-color: #000000;
    --primary-color-shade: #141414;
    --primary-color-tint: #222222;
    --primary-color-contrast: #ffffff;
    --highlight-color: #00FFFC;
    --tabIcon-filter: invert(0)
}

body[color-theme=sandyellow][_ngcontent-ng-c3674886643] {
    --secondary-color: #E9C869;
    --secondary-color-contrast: #000000;
    --primary-color: #000000;
    --primary-color-shade: #141414;
    --primary-color-tint: #222222;
    --primary-color-contrast: #ffffff;
    --highlight-color: #E9C869;
    --tabIcon-filter: invert(0)
}

body[color-theme=darkblue][_ngcontent-ng-c3674886643] {
    --secondary-color: #183787;
    --secondary-color-contrast: #000000;
    --primary-color: #000000;
    --primary-color-shade: #141414;
    --primary-color-tint: #222222;
    --primary-color-contrast: #ffffff;
    --highlight-color: #183787;
    --tabIcon-filter: invert(0)
}

body[color-theme=funbuzz][_ngcontent-ng-c3674886643] {
    --secondary-color: #FFCC00;
    --secondary-color-contrast: #000000;
    --primary-color: #184438;
    --primary-color-shade: #153c31;
    --primary-color-tint: #2f574c;
    --primary-color-contrast: #ffffff;
    --highlight-color: #FFCC00;
    --tabIcon-filter: invert(0)
}

body[color-theme=tiger11][_ngcontent-ng-c3674886643] {
    --secondary-color: #FF9700;
    --secondary-color-contrast: #000000;
    --primary-color: #205685;
    --primary-color-shade: #1c4c75;
    --primary-color-tint: #366791;
    --primary-color-contrast: #ffffff;
    --highlight-color: #FF9700;
    --tabIcon-filter: invert(0)
}

body[color-theme=brightblue][_ngcontent-ng-c3674886643] {
    --secondary-color: #0052ED;
    --secondary-color-contrast: #ffffff;
    --primary-color: #000000;
    --primary-color-shade: #141414;
    --primary-color-tint: #222222;
    --primary-color-contrast: #ffffff;
    --highlight-color: #0052ED;
    --tabIcon-filter: invert(0)
}

body[color-theme=brightgreen][_ngcontent-ng-c3674886643] {
    --secondary-color: #55FE43;
    --secondary-color-contrast: #000000;
    --primary-color: #000000;
    --primary-color-shade: #141414;
    --primary-color-tint: #222222;
    --primary-color-contrast: #ffffff;
    --highlight-color: #55FE43;
    --tabIcon-filter: invert(0)
}

body[color-theme=yaleblue][_ngcontent-ng-c3674886643] {
    --secondary-color: #17459A;
    --secondary-color-contrast: #ffffff;
    --primary-color: #000000;
    --primary-color-shade: #141414;
    --primary-color-tint: #222222;
    --primary-color-contrast: #ffffff;
    --highlight-color: #17459A;
    --tabIcon-filter: invert(0)
}

body[color-theme=hukumid][_ngcontent-ng-c3674886643] {
    --secondary-color: #17459A;
    --secondary-color-contrast: #ffffff;
    --primary-color: #1e8067;
    --primary-color-shade: #1a715b;
    --primary-color-tint: #358d76;
    --primary-color-contrast: #ffffff;
    --highlight-color: #17459A;
    --tabIcon-filter: invert(0)
}

body[color-theme=vividpurple][_ngcontent-ng-c3674886643] {
    --secondary-color: #8000FF;
    --secondary-color-contrast: #ffffff;
    --primary-color: #000000;
    --primary-color-shade: #141414;
    --primary-color-tint: #222222;
    --primary-color-contrast: #ffffff;
    --highlight-color: #8000FF;
    --tabIcon-filter: invert(0)
}

body[color-theme=lightyellow][_ngcontent-ng-c3674886643] {
    --secondary-color: #F7C528;
    --secondary-color-contrast: #000000;
    --primary-color: #000000;
    --primary-color-shade: #141414;
    --primary-color-tint: #222222;
    --primary-color-contrast: #ffffff;
    --highlight-color: #F7C528;
    --tabIcon-filter: invert(0)
}

body[color-theme=dodgerblue][_ngcontent-ng-c3674886643] {
    --secondary-color: #1A88F3;
    --secondary-color-contrast: #000000;
    --primary-color: #090f1e;
    --primary-color-shade: #080d1a;
    --primary-color-tint: #222735;
    --primary-color-contrast: #ffffff;
    --highlight-color: #1A88F3;
    --tabIcon-filter: invert(0)
}

body[color-theme=neonblue][_ngcontent-ng-c3674886643] {
    --secondary-color: #00CCFF;
    --secondary-color-contrast: #000000;
    --primary-color: #000000;
    --primary-color-shade: #141414;
    --primary-color-tint: #222222;
    --primary-color-contrast: #ffffff;
    --highlight-color: #00CCFF;
    --tabIcon-filter: invert(0)
}

body[color-theme=olivegreen][_ngcontent-ng-c3674886643] {
    --secondary-color: #6B8834;
    --secondary-color-contrast: #ffffff;
    --primary-color: #000000;
    --primary-color-shade: #141414;
    --primary-color-tint: #222222;
    --primary-color-contrast: #ffffff;
    --highlight-color: #6B8834;
    --tabIcon-filter: invert(0)
}

.login-section[_ngcontent-ng-c3674886643] {
    background: var(--grey-75);
    background-image: none !important
}

.login-section[_ngcontent-ng-c3674886643] .login-header-section[_ngcontent-ng-c3674886643] {
    flex-direction: column;
    justify-content: center;
    min-height: 145px;
    padding: 15px;
    box-sizing: border-box;
    position: sticky;
    top: 0
}

.login-section[_ngcontent-ng-c3674886643] .login-header-section[_ngcontent-ng-c3674886643]:before {
    content: "";
    position: absolute;
    background-color: var(--secondary-color);
    left: 50%;
    top: 0;
    transform: translate(-50%);
    width: 60%;
    height: 6px;
    border-radius: 0 0 15px 15px
}

.login-section[_ngcontent-ng-c3674886643] .login-header-section[_ngcontent-ng-c3674886643] .logo[_ngcontent-ng-c3674886643] {
    align-self: unset;
    margin: 15px 0
}

.login-section[_ngcontent-ng-c3674886643] .login-header-section[_ngcontent-ng-c3674886643] .page-back-btn[_ngcontent-ng-c3674886643] {
    background: transparent;
    border: none;
    display: flex;
    align-items: center;
    column-gap: 4px;
    color: var(--white-color);
    padding: 0;
    cursor: pointer
}

.login-section[_ngcontent-ng-c3674886643] .login-header-section[_ngcontent-ng-c3674886643] .welcome-text[_ngcontent-ng-c3674886643] p[_ngcontent-ng-c3674886643] {
    font-family: Open Sans, sans-serif;
    font-size: 14px;
    font-weight: 400;
    margin-top: 6px;
    margin-bottom: 0;
    line-height: normal;
    color: var(--grey-600)
}

.login-section[_ngcontent-ng-c3674886643] .login-header-section[_ngcontent-ng-c3674886643] .welcome-text[_ngcontent-ng-c3674886643] h2[_ngcontent-ng-c3674886643] {
    color: var(--white-color);
    font-size: 22px;
    font-weight: 500;
    font-family: open sans, sans-serif;
    margin-bottom: 0;
    margin-top: 0
}

.login-section[_ngcontent-ng-c3674886643] .body-section[_ngcontent-ng-c3674886643] {
    background: var(--grey-50);
    border-radius: 15px 15px 0 0;
    height: calc(100% - 180px);
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center
}

.login-section[_ngcontent-ng-c3674886643] .body-section[_ngcontent-ng-c3674886643] form[_ngcontent-ng-c3674886643] {
    width: 100%
}

.login-section[_ngcontent-ng-c3674886643] .body-section[_ngcontent-ng-c3674886643] .login-form[_ngcontent-ng-c3674886643] {
    padding: 15px;
    padding-bottom: 15px !important;
    margin-top: 10px
}

.login-section[_ngcontent-ng-c3674886643] .body-section[_ngcontent-ng-c3674886643] .login-form[_ngcontent-ng-c3674886643] .form-list[_ngcontent-ng-c3674886643] {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    position: relative;
    z-index: 1001
}

.login-section[_ngcontent-ng-c3674886643] .body-section[_ngcontent-ng-c3674886643] .login-form[_ngcontent-ng-c3674886643] .form-list[_ngcontent-ng-c3674886643] p.error[_ngcontent-ng-c3674886643] {
    position: absolute;
    left: 0;
    bottom: 15px;
    margin: 0;
    font-size: 12px;
    padding: 0 5px;
    color: var(--primary-color-contrast)
}

.login-section[_ngcontent-ng-c3674886643] .body-section[_ngcontent-ng-c3674886643] .login-form[_ngcontent-ng-c3674886643] .form-list[_ngcontent-ng-c3674886643] mat-form-field[_ngcontent-ng-c3674886643] {
    min-width: calc(100% - 100px);
    max-width: -moz-fit-content;
    max-width: fit-content
}

.login-section[_ngcontent-ng-c3674886643] .body-section[_ngcontent-ng-c3674886643] .login-form[_ngcontent-ng-c3674886643] .form-list[_ngcontent-ng-c3674886643] mat-form-field[_ngcontent-ng-c3674886643] .mat-mdc-text-field-wrapper {
    background: var(--card-background) !important;
    height: 50px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    border-radius: 0 10px 10px 0;
    border: none;
    color: var(--black-color)
}

.login-section[_ngcontent-ng-c3674886643] .body-section[_ngcontent-ng-c3674886643] .login-form[_ngcontent-ng-c3674886643] .form-list[_ngcontent-ng-c3674886643] mat-form-field[_ngcontent-ng-c3674886643] .mat-mdc-text-field-wrapper .mat-mdc-form-field-infix {
    display: flex;
    column-gap: 4px;
    align-items: center;
    cursor: pointer
}

.login-section[_ngcontent-ng-c3674886643] .body-section[_ngcontent-ng-c3674886643] .login-form[_ngcontent-ng-c3674886643] .form-list[_ngcontent-ng-c3674886643] mat-form-field[_ngcontent-ng-c3674886643] .mat-mdc-text-field-wrapper .mat-mdc-form-field-infix img {
    max-width: 25px;
    border-radius: 3px;
    width: 25px;
    height: 100%
}

.login-section[_ngcontent-ng-c3674886643] .body-section[_ngcontent-ng-c3674886643] .login-form[_ngcontent-ng-c3674886643] .form-list[_ngcontent-ng-c3674886643] mat-form-field[_ngcontent-ng-c3674886643] .mat-mdc-text-field-wrapper .mat-mdc-form-field-infix p {
    margin: 0;
    font-size: 14px;
    color: var(--black-color);
    min-width: -moz-fit-content;
    min-width: fit-content
}

.login-section[_ngcontent-ng-c3674886643] .body-section[_ngcontent-ng-c3674886643] .login-form[_ngcontent-ng-c3674886643] .form-list[_ngcontent-ng-c3674886643] mat-form-field[_ngcontent-ng-c3674886643] .mat-mdc-text-field-wrapper mat-select {
    max-width: calc(100% - 28px);
    display: flex
}

.login-section[_ngcontent-ng-c3674886643] .body-section[_ngcontent-ng-c3674886643] .login-form[_ngcontent-ng-c3674886643] .form-list[_ngcontent-ng-c3674886643] mat-form-field[_ngcontent-ng-c3674886643] .mat-mdc-text-field-wrapper mat-select .mat-mdc-select-trigger {
    justify-content: flex-end
}

.login-section[_ngcontent-ng-c3674886643] .body-section[_ngcontent-ng-c3674886643] .login-form[_ngcontent-ng-c3674886643] .form-list[_ngcontent-ng-c3674886643] mat-form-field[_ngcontent-ng-c3674886643] .mat-mdc-text-field-wrapper mat-select .mat-mdc-select-arrow-wrapper {
    margin-left: 0
}

.login-section[_ngcontent-ng-c3674886643] .body-section[_ngcontent-ng-c3674886643] .login-form[_ngcontent-ng-c3674886643] .form-list[_ngcontent-ng-c3674886643] mat-form-field[_ngcontent-ng-c3674886643] .mat-mdc-text-field-wrapper mat-select .mat-mdc-select-value {
    display: none
}

.login-section[_ngcontent-ng-c3674886643] .body-section[_ngcontent-ng-c3674886643] .login-form[_ngcontent-ng-c3674886643] .form-list[_ngcontent-ng-c3674886643] mat-form-field[_ngcontent-ng-c3674886643] .mat-mdc-text-field-wrapper mat-select .mat-mdc-select-value .mat-mdc-select-value-text {
    font-size: 14px;
    display: none
}

.login-section[_ngcontent-ng-c3674886643] .body-section[_ngcontent-ng-c3674886643] .login-form[_ngcontent-ng-c3674886643] .form-list[_ngcontent-ng-c3674886643] mat-form-field[_ngcontent-ng-c3674886643] .mat-mdc-text-field-wrapper .mdc-line-ripple {
    display: none
}

.login-section[_ngcontent-ng-c3674886643] .body-section[_ngcontent-ng-c3674886643] .login-form[_ngcontent-ng-c3674886643] .form-list[_ngcontent-ng-c3674886643] mat-form-field[_ngcontent-ng-c3674886643] .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix input {
    font-size: 14px;
    border: none;
    outline: none;
    border-radius: 6px
}

.login-section[_ngcontent-ng-c3674886643] .body-section[_ngcontent-ng-c3674886643] .login-form[_ngcontent-ng-c3674886643] .form-list[_ngcontent-ng-c3674886643] mat-form-field.select-menu[_ngcontent-ng-c3674886643] {
    min-width: 100px;
    width: 100px;
    position: relative
}

.login-section[_ngcontent-ng-c3674886643] .body-section[_ngcontent-ng-c3674886643] .login-form[_ngcontent-ng-c3674886643] .form-list[_ngcontent-ng-c3674886643] mat-form-field.select-menu[_ngcontent-ng-c3674886643]:before {
    content: "";
    width: 2px;
    background: var(--grey-600);
    height: 30px;
    position: absolute;
    top: 10px;
    right: 0;
    z-index: 1;
    opacity: .6
}

.login-section[_ngcontent-ng-c3674886643] .body-section[_ngcontent-ng-c3674886643] .login-form[_ngcontent-ng-c3674886643] .form-list[_ngcontent-ng-c3674886643] mat-form-field.select-menu[_ngcontent-ng-c3674886643] .mat-mdc-text-field-wrapper {
    border-radius: 10px 0 0 10px;
    position: relative;
    padding: 0 8px
}

.login-section[_ngcontent-ng-c3674886643] .body-section[_ngcontent-ng-c3674886643] .login-form[_ngcontent-ng-c3674886643] .form-btn[_ngcontent-ng-c3674886643] {
    width: 100%
}

.login-section[_ngcontent-ng-c3674886643] .body-section[_ngcontent-ng-c3674886643] .login-form[_ngcontent-ng-c3674886643] .form-btn[_ngcontent-ng-c3674886643] .otpBTNs[_ngcontent-ng-c3674886643] {
    display: flex;
    width: 100%;
    column-gap: 5px;
    row-gap: 5px
}

.login-section[_ngcontent-ng-c3674886643] .body-section[_ngcontent-ng-c3674886643] .login-form[_ngcontent-ng-c3674886643] .form-btn[_ngcontent-ng-c3674886643] .otpBTNs[_ngcontent-ng-c3674886643] button[_ngcontent-ng-c3674886643] {
    font-size: 12px;
    display: flex;
    align-items: center;
    justify-content: center;

}

.login-section[_ngcontent-ng-c3674886643] .body-section[_ngcontent-ng-c3674886643] .login-form[_ngcontent-ng-c3674886643] .form-btn[_ngcontent-ng-c3674886643] .otpBTNs[_ngcontent-ng-c3674886643] button[_ngcontent-ng-c3674886643] img[_ngcontent-ng-c3674886643] {
    width: 18px;
    margin-right: 5px
}

.login-section[_ngcontent-ng-c3674886643] .body-section[_ngcontent-ng-c3674886643] .login-form[_ngcontent-ng-c3674886643] .form-btn[_ngcontent-ng-c3674886643] .otpBTNs[_ngcontent-ng-c3674886643] button[_ngcontent-ng-c3674886643] mat-icon[_ngcontent-ng-c3674886643] {
    margin-right: 5px;
    font-size: 18px;
    width: 18px;
    height: 18px
}

.login-section[_ngcontent-ng-c3674886643] .body-section[_ngcontent-ng-c3674886643] .login-form[_ngcontent-ng-c3674886643] .form-btn[_ngcontent-ng-c3674886643] p[_ngcontent-ng-c3674886643] {
    margin: 0;
    color: var(--white-color);
    font-size: 10px
}

.login-section[_ngcontent-ng-c3674886643] .body-section[_ngcontent-ng-c3674886643] .login-form[_ngcontent-ng-c3674886643] .form-btn[_ngcontent-ng-c3674886643] p.separator[_ngcontent-ng-c3674886643] {
    text-align: center;
    margin: 10px 0
}

.login-section[_ngcontent-ng-c3674886643] .body-section[_ngcontent-ng-c3674886643] .login-form[_ngcontent-ng-c3674886643] .form-btn[_ngcontent-ng-c3674886643] .extra-btns[_ngcontent-ng-c3674886643] {
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 10px
}

.login-section[_ngcontent-ng-c3674886643] .body-section[_ngcontent-ng-c3674886643] .login-form[_ngcontent-ng-c3674886643] .form-btn[_ngcontent-ng-c3674886643] .extra-btns[_ngcontent-ng-c3674886643] button[_ngcontent-ng-c3674886643] {
    min-height: 40px;

}

.login-section[_ngcontent-ng-c3674886643] .body-section[_ngcontent-ng-c3674886643] .login-form[_ngcontent-ng-c3674886643] .form-btn[_ngcontent-ng-c3674886643] .extra-btns[_ngcontent-ng-c3674886643] .whatsapp-id-btn[_ngcontent-ng-c3674886643] {
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 4px;
    background: var(--header-dark-color);
    border: 1px solid #01e676;
    color: var(--white-color)
}

.login-section[_ngcontent-ng-c3674886643] .body-section[_ngcontent-ng-c3674886643] .login-form[_ngcontent-ng-c3674886643] .form-btn[_ngcontent-ng-c3674886643] .extra-btns[_ngcontent-ng-c3674886643] .whatsapp-id-btn[_ngcontent-ng-c3674886643] img[_ngcontent-ng-c3674886643] {
    width: 25px
}

.login-section[_ngcontent-ng-c3674886643] .body-section[_ngcontent-ng-c3674886643] .login-form[_ngcontent-ng-c3674886643] .form-btn[_ngcontent-ng-c3674886643] .extra-btns[_ngcontent-ng-c3674886643] .whatsapp-id-btn[_ngcontent-ng-c3674886643] p[_ngcontent-ng-c3674886643] {
    color: var(--white-color)
}

.login-section[_ngcontent-ng-c3674886643] .body-section[_ngcontent-ng-c3674886643] .login-form[_ngcontent-ng-c3674886643] .form-btn[_ngcontent-ng-c3674886643] button[_ngcontent-ng-c3674886643] {
    width: 100%;
    min-height: 45px
}

.login-section[_ngcontent-ng-c3674886643] .body-section[_ngcontent-ng-c3674886643] .terms[_ngcontent-ng-c3674886643] {
    font-size: 12px;
    opacity: .6;
    cursor: pointer;
    position: absolute;
    bottom: 10px
}

.login-section.login-page[_ngcontent-ng-c3674886643] {
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.login-section.login-page[_ngcontent-ng-c3674886643] .login-header-section[_ngcontent-ng-c3674886643] {
    height: 100%;
    align-items: center;
    position: relative
}

.login-section.login-page[_ngcontent-ng-c3674886643] .login-header-section[_ngcontent-ng-c3674886643] .welcome-text[_ngcontent-ng-c3674886643] {
    display: none
}

.login-section.login-page[_ngcontent-ng-c3674886643] .body-section[_ngcontent-ng-c3674886643] {
    height: auto
}

.login-section.login-page[_ngcontent-ng-c3674886643] .body-section[_ngcontent-ng-c3674886643] .welcome-text[_ngcontent-ng-c3674886643] {
    width: 100%
}

.login-section.login-page[_ngcontent-ng-c3674886643] .body-section[_ngcontent-ng-c3674886643] .welcome-text[_ngcontent-ng-c3674886643] p[_ngcontent-ng-c3674886643] {
    font-family: Open Sans, sans-serif;
    font-size: 14px;
    font-weight: 400;
    margin-top: 6px;
    margin-bottom: 0;
    line-height: normal
}

.login-section.login-page[_ngcontent-ng-c3674886643] .body-section[_ngcontent-ng-c3674886643] .welcome-text[_ngcontent-ng-c3674886643] h2[_ngcontent-ng-c3674886643] {
    font-size: 18px;
    font-weight: 500;

    margin-bottom: 0;
    margin-top: 0
}

.login-section.login-page[_ngcontent-ng-c3674886643] .body-section[_ngcontent-ng-c3674886643] .login-form[_ngcontent-ng-c3674886643] .form-btn[_ngcontent-ng-c3674886643] p.separator[_ngcontent-ng-c3674886643] {
    color: var(--grey-900)
}

@media all and (max-width: 360px) {
    .login-section[_ngcontent-ng-c3674886643] .body-section[_ngcontent-ng-c3674886643] .login-form[_ngcontent-ng-c3674886643] {
        padding: 5px
    }

    .login-section[_ngcontent-ng-c3674886643] .body-section[_ngcontent-ng-c3674886643] .login-form[_ngcontent-ng-c3674886643] .form-btn[_ngcontent-ng-c3674886643] .extra-btns[_ngcontent-ng-c3674886643] {
        flex-direction: column;
        row-gap: 10px
    }

    .otpBTNs[_ngcontent-ng-c3674886643] {
        display: flex;
        flex-direction: column;
        width: 100%;
        column-gap: 5px;
        row-gap: 5px
    }

    .otpBTNs[_ngcontent-ng-c3674886643] button[_ngcontent-ng-c3674886643] {
        min-width: 100%
    }
}

[_ngcontent-ng-c1615768536]:root {
    --grey-00: #111111;
    --grey-50: #171717;
    --grey-75: #1e1e1e;
    --grey-100: #393939;
    --grey-200: #5f5f5f;
    --grey-300: #858585;
    --grey-400: #a1a1a1;
    --grey-500: #bebebe;
    --grey-600: #c4c4c4;
    --grey-700: #cdcdcd;
    --grey-800: #d5d5d5;
    --grey-900: #e3e3e3;
    --header-dark-color: #181E25;
    --footer-grey-color: #D9D9D9;
    --primary-color: #ffffff;
    --primary-color-shade: #ffffff;
    --primary-color-tint: #ffffff;
    --primary-color-contrast: #ffffff;
    --black-color: #000;
    --black-color-rgb: 0, 0, 0;
    --bg-grey: #f7f9f9;
    --red-color: #C44141;
    --marquee-red: #F44242;
    --green-color: #138807;
    --yellow-color: #E7A22A;
    --bg-grey-5: #C7C7C7;
    --card-background: #EAEAEA;
    --input-background: #E8E8E8;
    --chip-border: #FEAFB2;
    --lay-color: #FDC9D4;
    --lay-color-light: #fff3f4;
    --back-color: #A0D8FB;
    --back-color-light: #f2f9ff;
    --reset-background: #C13F50;
    --white-color: #ffffff;
    --back-light: #D4E8F8;
    --lay-light: #F7E7EB;
    --blue-color: #31a8df;
    --tabIcon-filter: invert(1);
    --d-color: #11833e;
    --w-color: #dd514a;
    --dark-blue-color: #1F6EE7
}

body[color-theme=default][_ngcontent-ng-c1615768536] {
    --secondary-color: #FFC629;
    --secondary-color-contrast: #000000;
    --primary-color: #000000;
    --primary-color-shade: #141414;
    --primary-color-tint: #222222;
    --primary-color-contrast: #ffffff;
    --highlight-color: #FFC629;
    --tabIcon-filter: invert(0)
}

body[color-theme=water-blue][_ngcontent-ng-c1615768536] {
    --secondary-color: #1E64CE;
    --secondary-color-contrast: #ffffff;
    --primary-color: #1E64CE;
    --primary-color-shade: #1F6EE7;
    --primary-color-tint: #2081e7;
    --primary-color-contrast: #ffffff;
    --highlight-color: #ffffff;
    --tabIcon-filter: invert(0)
}

body[color-theme=sunglow][_ngcontent-ng-c1615768536] {
    --secondary-color: #FFC629;
    --secondary-color-contrast: #000000;
    --primary-color: #000000;
    --primary-color-shade: #141414;
    --primary-color-tint: #222222;
    --primary-color-contrast: #ffffff;
    --highlight-color: #FFC629;
    --tabIcon-filter: invert(0)
}

body[color-theme=gopunt][_ngcontent-ng-c1615768536] {
    --secondary-color: #feb912;
    --secondary-color-contrast: #000000;
    --primary-color: #000000;
    --primary-color-shade: #141414;
    --primary-color-tint: #222222;
    --primary-color-contrast: #ffffff;
    --highlight-color: #feb912;
    --tabIcon-filter: invert(0)
}

body[color-theme=raspberry-pink][_ngcontent-ng-c1615768536] {
    --secondary-color: #db469a;
    --secondary-color-contrast: #ffffff;
    --primary-color: #000000;
    --primary-color-shade: #141414;
    --primary-color-tint: #222222;
    --primary-color-contrast: #ffffff;
    --highlight-color: #db469a;
    --tabIcon-filter: invert(0)
}

body[color-theme=bright-gold][_ngcontent-ng-c1615768536] {
    --secondary-color: #FFCB00;
    --secondary-color-contrast: #000000;
    --primary-color: #000000;
    --primary-color-shade: #141414;
    --primary-color-tint: #222222;
    --primary-color-contrast: #ffffff;
    --highlight-color: #FFCB00;
    --tabIcon-filter: invert(0)
}

body[color-theme=saffron][_ngcontent-ng-c1615768536] {
    --secondary-color: #FF671F;
    --secondary-color-contrast: #000000;
    --primary-color: #000000;
    --primary-color-shade: #141414;
    --primary-color-tint: #222222;
    --primary-color-contrast: #ffffff;
    --highlight-color: #FF671F;
    --tabIcon-filter: invert(0)
}

body[color-theme=firebush][_ngcontent-ng-c1615768536] {
    --secondary-color: #ff8e2a;
    --secondary-color-contrast: #000000;
    --primary-color: #000000;
    --primary-color-shade: #141414;
    --primary-color-tint: #222222;
    --primary-color-contrast: #ffffff;
    --highlight-color: #ff8e2a;
    --tabIcon-filter: invert(0)
}

body[color-theme=darkorange][_ngcontent-ng-c1615768536] {
    --secondary-color: #F78A02;
    --secondary-color-contrast: #000000;
    --primary-color: #000000;
    --primary-color-shade: #141414;
    --primary-color-tint: #222222;
    --primary-color-contrast: #ffffff;
    --highlight-color: #F78A02;
    --tabIcon-filter: invert(0)
}

body[color-theme=brightorange][_ngcontent-ng-c1615768536] {
    --secondary-color: #ff6600;
    --secondary-color-contrast: #000000;
    --primary-color: #000000;
    --primary-color-shade: #141414;
    --primary-color-tint: #222222;
    --primary-color-contrast: #ffffff;
    --highlight-color: #ff6600;
    --tabIcon-filter: invert(0)
}

body[color-theme=rubyred][_ngcontent-ng-c1615768536] {
    --secondary-color: #e82127;
    --secondary-color-contrast: #ffffff;
    --primary-color: #000000;
    --primary-color-shade: #141414;
    --primary-color-tint: #222222;
    --primary-color-contrast: #ffffff;
    --highlight-color: #e82127;
    --tabIcon-filter: invert(0)
}

body[color-theme=ferrarired][_ngcontent-ng-c1615768536] {
    --secondary-color: #ff2800;
    --secondary-color-contrast: #ffffff;
    --primary-color: #000000;
    --primary-color-shade: #141414;
    --primary-color-tint: #222222;
    --primary-color-contrast: #ffffff;
    --highlight-color: #ff2800;
    --tabIcon-filter: invert(0)
}

body[color-theme=brickred][_ngcontent-ng-c1615768536] {
    --secondary-color: #C32034;
    --secondary-color-contrast: #ffffff;
    --primary-color: #000000;
    --primary-color-shade: #141414;
    --primary-color-tint: #222222;
    --primary-color-contrast: #ffffff;
    --highlight-color: #C32034;
    --tabIcon-filter: invert(0)
}

body[color-theme=dustyred][_ngcontent-ng-c1615768536] {
    --secondary-color: #c14646;
    --secondary-color-contrast: #ffffff;
    --primary-color: #000000;
    --primary-color-shade: #141414;
    --primary-color-tint: #222222;
    --primary-color-contrast: #ffffff;
    --highlight-color: #c14646;
    --tabIcon-filter: invert(0)
}

body[color-theme=lavared][_ngcontent-ng-c1615768536] {
    --secondary-color: #d72c0a;
    --secondary-color-contrast: #ffffff;
    --primary-color: #000000;
    --primary-color-shade: #141414;
    --primary-color-tint: #222222;
    --primary-color-contrast: #ffffff;
    --highlight-color: #d72c0a;
    --tabIcon-filter: invert(0)
}

body[color-theme=orangyred][_ngcontent-ng-c1615768536] {
    --secondary-color: #b01d0b;
    --secondary-color-contrast: #ffffff;
    --primary-color: #000000;
    --primary-color-shade: #141414;
    --primary-color-tint: #222222;
    --primary-color-contrast: #ffffff;
    --highlight-color: #b01d0b;
    --tabIcon-filter: invert(0)
}

body[color-theme=supernova][_ngcontent-ng-c1615768536] {
    --secondary-color: #fdcf13;
    --secondary-color-contrast: #000000;
    --primary-color: #000000;
    --primary-color-shade: #141414;
    --primary-color-tint: #222222;
    --primary-color-contrast: #ffffff;
    --highlight-color: #fdcf13;
    --tabIcon-filter: invert(0)
}

body[color-theme=orangeyellow][_ngcontent-ng-c1615768536] {
    --secondary-color: #feba0d;
    --secondary-color-contrast: #000000;
    --primary-color: #000000;
    --primary-color-shade: #141414;
    --primary-color-tint: #222222;
    --primary-color-contrast: #ffffff;
    --highlight-color: #feba0d;
    --tabIcon-filter: invert(0)
}

body[color-theme=amberyellow][_ngcontent-ng-c1615768536] {
    --secondary-color: #ffb80c;
    --secondary-color-contrast: #000000;
    --primary-color: #000000;
    --primary-color-shade: #141414;
    --primary-color-tint: #222222;
    --primary-color-contrast: #ffffff;
    --highlight-color: #ffb80c;
    --tabIcon-filter: invert(0)
}

body[color-theme=sunshade][_ngcontent-ng-c1615768536] {
    --secondary-color: #FF9934;
    --secondary-color-contrast: #000000;
    --primary-color: #000000;
    --primary-color-shade: #141414;
    --primary-color-tint: #222222;
    --primary-color-contrast: #ffffff;
    --highlight-color: #FF9934;
    --tabIcon-filter: invert(0)
}

body[color-theme=deepsaffron][_ngcontent-ng-c1615768536] {
    --secondary-color: #f79333;
    --secondary-color-contrast: #000000;
    --primary-color: #000000;
    --primary-color-shade: #141414;
    --primary-color-tint: #222222;
    --primary-color-contrast: #ffffff;
    --highlight-color: #f79333;
    --tabIcon-filter: invert(0)
}

body[color-theme=cadmiumorange][_ngcontent-ng-c1615768536] {
    --secondary-color: #ea9624;
    --secondary-color-contrast: #000000;
    --primary-color: #000000;
    --primary-color-shade: #141414;
    --primary-color-tint: #222222;
    --primary-color-contrast: #ffffff;
    --highlight-color: #ea9624;
    --tabIcon-filter: invert(0)
}

body[color-theme=fadedorange][_ngcontent-ng-c1615768536] {
    --secondary-color: #F88651;
    --secondary-color-contrast: #ffffff;
    --primary-color: #000000;
    --primary-color-shade: #141414;
    --primary-color-tint: #222222;
    --primary-color-contrast: #ffffff;
    --highlight-color: #F88651;
    --tabIcon-filter: invert(0)
}

body[color-theme=granolagold][_ngcontent-ng-c1615768536] {
    --secondary-color: #ba9445;
    --secondary-color-contrast: #ffffff;
    --primary-color: #000000;
    --primary-color-shade: #141414;
    --primary-color-tint: #222222;
    --primary-color-contrast: #ffffff;
    --highlight-color: #ba9445;
    --tabIcon-filter: invert(0)
}

body[color-theme=eucalyptusgreen][_ngcontent-ng-c1615768536] {
    --secondary-color: #159365;
    --secondary-color-contrast: #ffffff;
    --primary-color: #000000;
    --primary-color-shade: #141414;
    --primary-color-tint: #222222;
    --primary-color-contrast: #ffffff;
    --highlight-color: #159365;
    --tabIcon-filter: invert(0)
}

body[color-theme=venomgreen][_ngcontent-ng-c1615768536] {
    --secondary-color: #659910;
    --secondary-color-contrast: #ffffff;
    --primary-color: #000000;
    --primary-color-shade: #141414;
    --primary-color-tint: #222222;
    --primary-color-contrast: #ffffff;
    --highlight-color: #659910;
    --tabIcon-filter: invert(0)
}

body[color-theme=peagreen][_ngcontent-ng-c1615768536] {
    --secondary-color: #A6CE39;
    --secondary-color-contrast: #000000;
    --primary-color: #000000;
    --primary-color-shade: #141414;
    --primary-color-tint: #222222;
    --primary-color-contrast: #ffffff;
    --highlight-color: #A6CE39;
    --tabIcon-filter: invert(0)
}

body[color-theme=vibrantgreen][_ngcontent-ng-c1615768536] {
    --secondary-color: #00BC00;
    --secondary-color-contrast: #ffffff;
    --primary-color: #000000;
    --primary-color-shade: #141414;
    --primary-color-tint: #222222;
    --primary-color-contrast: #ffffff;
    --highlight-color: #00BC00;
    --tabIcon-filter: invert(0)
}

body[color-theme=pinegreen][_ngcontent-ng-c1615768536] {
    --secondary-color: #14795a;
    --secondary-color-contrast: #ffffff;
    --primary-color: #000000;
    --primary-color-shade: #141414;
    --primary-color-tint: #222222;
    --primary-color-contrast: #ffffff;
    --highlight-color: #14795a;
    --tabIcon-filter: invert(0)
}

body[color-theme=fountainblue][_ngcontent-ng-c1615768536] {
    --secondary-color: #5dade2;
    --secondary-color-contrast: #000000;
    --primary-color: #000000;
    --primary-color-shade: #141414;
    --primary-color-tint: #222222;
    --primary-color-contrast: #ffffff;
    --highlight-color: #5dade2;
    --tabIcon-filter: invert(0)
}

body[color-theme=crystalblue][_ngcontent-ng-c1615768536] {
    --secondary-color: #3bc6f3;
    --secondary-color-contrast: #000000;
    --primary-color: #000000;
    --primary-color-shade: #141414;
    --primary-color-tint: #222222;
    --primary-color-contrast: #ffffff;
    --highlight-color: #3bc6f3;
    --tabIcon-filter: invert(0)
}

body[color-theme=darkcyan][_ngcontent-ng-c1615768536] {
    --secondary-color: #149897;
    --secondary-color-contrast: #ffffff;
    --primary-color: #000000;
    --primary-color-shade: #141414;
    --primary-color-tint: #222222;
    --primary-color-contrast: #ffffff;
    --highlight-color: #149897;
    --tabIcon-filter: invert(0)
}

body[color-theme=frenchblue][_ngcontent-ng-c1615768536] {
    --secondary-color: #0075DB;
    --secondary-color-contrast: #ffffff;
    --primary-color: #000000;
    --primary-color-shade: #141414;
    --primary-color-tint: #222222;
    --primary-color-contrast: #ffffff;
    --highlight-color: #0075DB;
    --tabIcon-filter: invert(0)
}

body[color-theme=silkblue][_ngcontent-ng-c1615768536] {
    --secondary-color: #3F77D9;
    --secondary-color-contrast: #ffffff;
    --primary-color: #000000;
    --primary-color-shade: #141414;
    --primary-color-tint: #222222;
    --primary-color-contrast: #ffffff;
    --highlight-color: #3F77D9;
    --tabIcon-filter: invert(0)
}

body[color-theme=veniceblue][_ngcontent-ng-c1615768536] {
    --secondary-color: #005b96;
    --secondary-color-contrast: #ffffff;
    --primary-color: #000000;
    --primary-color-shade: #141414;
    --primary-color-tint: #222222;
    --primary-color-contrast: #ffffff;
    --highlight-color: #005b96;
    --tabIcon-filter: invert(0)
}

body[color-theme=midnightblue][_ngcontent-ng-c1615768536] {
    --secondary-color: #0285c8;
    --secondary-color-contrast: #ffffff;
    --primary-color: #000000;
    --primary-color-shade: #141414;
    --primary-color-tint: #222222;
    --primary-color-contrast: #ffffff;
    --highlight-color: #0285c8;
    --tabIcon-filter: invert(0)
}

body[color-theme=mineralgreen][_ngcontent-ng-c1615768536] {
    --secondary-color: #3d5566;
    --secondary-color-contrast: #ffffff;
    --primary-color: #000000;
    --primary-color-shade: #141414;
    --primary-color-tint: #222222;
    --primary-color-contrast: #ffffff;
    --highlight-color: #3d5566;
    --tabIcon-filter: invert(0)
}

body[color-theme=warmpurple][_ngcontent-ng-c1615768536] {
    --secondary-color: #7e1fac;
    --secondary-color-contrast: #ffffff;
    --primary-color: #000000;
    --primary-color-shade: #141414;
    --primary-color-tint: #222222;
    --primary-color-contrast: #ffffff;
    --highlight-color: #7e1fac;
    --tabIcon-filter: invert(0)
}

body[color-theme=cobaltblue][_ngcontent-ng-c1615768536] {
    --secondary-color: #1A3DA6;
    --secondary-color-contrast: #ffffff;
    --primary-color: #000000;
    --primary-color-shade: #141414;
    --primary-color-tint: #222222;
    --primary-color-contrast: #ffffff;
    --highlight-color: #1A3DA6;
    --tabIcon-filter: invert(0)
}

body[color-theme=pacificblue][_ngcontent-ng-c1615768536] {
    --secondary-color: #04A1A6;
    --secondary-color-contrast: #000000;
    --primary-color: #000000;
    --primary-color-shade: #141414;
    --primary-color-tint: #222222;
    --primary-color-contrast: #ffffff;
    --highlight-color: #04A1A6;
    --tabIcon-filter: invert(0)
}

body[color-theme=fuelyellow][_ngcontent-ng-c1615768536] {
    --secondary-color: #f6ae2d;
    --secondary-color-contrast: #000000;
    --primary-color: #000000;
    --primary-color-shade: #141414;
    --primary-color-tint: #222222;
    --primary-color-contrast: #ffffff;
    --highlight-color: #f6ae2d;
    --tabIcon-filter: invert(0)
}

body[color-theme=brightyellow][_ngcontent-ng-c1615768536] {
    --secondary-color: #f3e819;
    --secondary-color-contrast: #000000;
    --primary-color: #000000;
    --primary-color-shade: #141414;
    --primary-color-tint: #222222;
    --primary-color-contrast: #ffffff;
    --highlight-color: #f3e819;
    --tabIcon-filter: invert(0)
}

body[color-theme=osgbook][_ngcontent-ng-c1615768536] {
    --secondary-color: #1A3DA6;
    --secondary-color-contrast: #ffffff;
    --primary-color: #1A3DA6;
    --primary-color-shade: #0f2462;
    --primary-color-tint: #0f2462;
    --primary-color-contrast: #ffffff;
    --highlight-color: #ffffff;
    --tabIcon-filter: invert(0)
}

body[color-theme=tuliporange][_ngcontent-ng-c1615768536] {
    --secondary-color: #F6A237;
    --secondary-color-contrast: #000000;
    --primary-color: #000000;
    --primary-color-shade: #141414;
    --primary-color-tint: #222222;
    --primary-color-contrast: #ffffff;
    --highlight-color: #F6A237;
    --tabIcon-filter: invert(0)
}

body[color-theme=winered][_ngcontent-ng-c1615768536] {
    --secondary-color: #A00000;
    --secondary-color-contrast: #ffffff;
    --primary-color: #000000;
    --primary-color-shade: #141414;
    --primary-color-tint: #222222;
    --primary-color-contrast: #ffffff;
    --highlight-color: #A00000;
    --tabIcon-filter: invert(0)
}

body[color-theme=cranberry][_ngcontent-ng-c1615768536] {
    --secondary-color: #D84396;
    --secondary-color-contrast: #000000;
    --primary-color: #000000;
    --primary-color-shade: #141414;
    --primary-color-tint: #222222;
    --primary-color-contrast: #ffffff;
    --highlight-color: #D84396;
    --tabIcon-filter: invert(0)
}

body[color-theme=marine][_ngcontent-ng-c1615768536] {
    --secondary-color: #0B2972;
    --secondary-color-contrast: #ffffff;
    --primary-color: #000000;
    --primary-color-shade: #141414;
    --primary-color-tint: #222222;
    --primary-color-contrast: #ffffff;
    --highlight-color: #0B2972;
    --tabIcon-filter: invert(0)
}

body[color-theme=candlelight][_ngcontent-ng-c1615768536] {
    --secondary-color: #FFE001;
    --secondary-color-contrast: #000000;
    --primary-color: #000000;
    --primary-color-shade: #141414;
    --primary-color-tint: #222222;
    --primary-color-contrast: #ffffff;
    --highlight-color: #FFE001;
    --tabIcon-filter: invert(0)
}

body[color-theme=beeyellow][_ngcontent-ng-c1615768536] {
    --secondary-color: #EBB023;
    --secondary-color-contrast: #000000;
    --primary-color: #000000;
    --primary-color-shade: #141414;
    --primary-color-tint: #222222;
    --primary-color-contrast: #ffffff;
    --highlight-color: #EBB023;
    --tabIcon-filter: invert(0)
}

body[color-theme=orangepeel][_ngcontent-ng-c1615768536] {
    --secondary-color: #FFA800;
    --secondary-color-contrast: #000000;
    --primary-color: #000000;
    --primary-color-shade: #141414;
    --primary-color-tint: #222222;
    --primary-color-contrast: #ffffff;
    --highlight-color: #FFA800;
    --tabIcon-filter: invert(0)
}

body[color-theme=azureblue][_ngcontent-ng-c1615768536] {
    --secondary-color: #007ACC;
    --secondary-color-contrast: #ffffff;
    --primary-color: #000000;
    --primary-color-shade: #141414;
    --primary-color-tint: #222222;
    --primary-color-contrast: #ffffff;
    --highlight-color: #007ACC;
    --tabIcon-filter: invert(0)
}

body[color-theme=chromeorange][_ngcontent-ng-c1615768536] {
    --secondary-color: #FF9600;
    --secondary-color-contrast: #000000;
    --primary-color: #000000;
    --primary-color-shade: #141414;
    --primary-color-tint: #222222;
    --primary-color-contrast: #ffffff;
    --highlight-color: #FF9600;
    --tabIcon-filter: invert(0)
}

body[color-theme=vibrantyellow][_ngcontent-ng-c1615768536] {
    --secondary-color: #F8FF13;
    --secondary-color-contrast: #000000;
    --primary-color: #000000;
    --primary-color-shade: #141414;
    --primary-color-tint: #222222;
    --primary-color-contrast: #ffffff;
    --highlight-color: #F8FF13;
    --tabIcon-filter: invert(0)
}

body[color-theme=shyam365][_ngcontent-ng-c1615768536],
body[color-theme=newlotus][_ngcontent-ng-c1615768536],
body[color-theme=lotus365s][_ngcontent-ng-c1615768536],
body[color-theme=gamblerid365][_ngcontent-ng-c1615768536] {
    --secondary-color: #FFE001;
    --secondary-color-contrast: #000000;
    --primary-color: #1e8067;
    --primary-color-shade: #1a715b;
    --primary-color-tint: #358d76;
    --primary-color-contrast: #ffffff;
    --highlight-color: #FFE001;
    --tabIcon-filter: invert(0)
}

body[color-theme=driftwood][_ngcontent-ng-c1615768536] {
    --secondary-color: #b4833e;
    --secondary-color-contrast: #ffffff;
    --primary-color: #000000;
    --primary-color-shade: #141414;
    --primary-color-tint: #222222;
    --primary-color-contrast: #ffffff;
    --highlight-color: #b4833e;
    --tabIcon-filter: invert(0)
}

body[color-theme=darkpink][_ngcontent-ng-c1615768536] {
    --secondary-color: #B6277B;
    --secondary-color-contrast: #ffffff;
    --primary-color: #000000;
    --primary-color-shade: #141414;
    --primary-color-tint: #222222;
    --primary-color-contrast: #ffffff;
    --highlight-color: #B6277B;
    --tabIcon-filter: invert(0)
}

body[color-theme=cherryred][_ngcontent-ng-c1615768536] {
    --secondary-color: #C10930;
    --secondary-color-contrast: #ffffff;
    --primary-color: #000000;
    --primary-color-shade: #141414;
    --primary-color-tint: #222222;
    --primary-color-contrast: #ffffff;
    --highlight-color: #C10930;
    --tabIcon-filter: invert(0)
}

body[color-theme=electricblue][_ngcontent-ng-c1615768536] {
    --secondary-color: #0088CC;
    --secondary-color-contrast: #ffffff;
    --primary-color: #000000;
    --primary-color-shade: #141414;
    --primary-color-tint: #222222;
    --primary-color-contrast: #ffffff;
    --highlight-color: #0088CC;
    --tabIcon-filter: invert(0)
}

body[color-theme=matchpari][_ngcontent-ng-c1615768536] {
    --secondary-color: #FFC629;
    --secondary-color-contrast: #000000;
    --primary-color: #8000FF;
    --primary-color-shade: #7100e0;
    --primary-color-tint: #8d1aff;
    --primary-color-contrast: #ffffff;
    --highlight-color: #FFC629;
    --tabIcon-filter: invert(0)
}

body[color-theme=dustyorange][_ngcontent-ng-c1615768536] {
    --secondary-color: #EE8C31;
    --secondary-color-contrast: #ffffff;
    --primary-color: #000000;
    --primary-color-shade: #141414;
    --primary-color-tint: #222222;
    --primary-color-contrast: #ffffff;
    --highlight-color: #EE8C31;
    --tabIcon-filter: invert(0)
}

body[color-theme=artyred][_ngcontent-ng-c1615768536] {
    --secondary-color: #FD0000;
    --secondary-color-contrast: #ffffff;
    --primary-color: #000000;
    --primary-color-shade: #141414;
    --primary-color-tint: #222222;
    --primary-color-contrast: #ffffff;
    --highlight-color: #FD0000;
    --tabIcon-filter: invert(0)
}

body[color-theme=goldenbell][_ngcontent-ng-c1615768536] {
    --secondary-color: #ED8929;
    --secondary-color-contrast: #000000;
    --primary-color: #000000;
    --primary-color-shade: #141414;
    --primary-color-tint: #222222;
    --primary-color-contrast: #ffffff;
    --highlight-color: #ED8929;
    --tabIcon-filter: invert(0)
}

body[color-theme=brightaqua][_ngcontent-ng-c1615768536] {
    --secondary-color: #00FFFC;
    --secondary-color-contrast: #000000;
    --primary-color: #000000;
    --primary-color-shade: #141414;
    --primary-color-tint: #222222;
    --primary-color-contrast: #ffffff;
    --highlight-color: #00FFFC;
    --tabIcon-filter: invert(0)
}

body[color-theme=sandyellow][_ngcontent-ng-c1615768536] {
    --secondary-color: #E9C869;
    --secondary-color-contrast: #000000;
    --primary-color: #000000;
    --primary-color-shade: #141414;
    --primary-color-tint: #222222;
    --primary-color-contrast: #ffffff;
    --highlight-color: #E9C869;
    --tabIcon-filter: invert(0)
}

body[color-theme=darkblue][_ngcontent-ng-c1615768536] {
    --secondary-color: #183787;
    --secondary-color-contrast: #000000;
    --primary-color: #000000;
    --primary-color-shade: #141414;
    --primary-color-tint: #222222;
    --primary-color-contrast: #ffffff;
    --highlight-color: #183787;
    --tabIcon-filter: invert(0)
}

body[color-theme=funbuzz][_ngcontent-ng-c1615768536] {
    --secondary-color: #FFCC00;
    --secondary-color-contrast: #000000;
    --primary-color: #184438;
    --primary-color-shade: #153c31;
    --primary-color-tint: #2f574c;
    --primary-color-contrast: #ffffff;
    --highlight-color: #FFCC00;
    --tabIcon-filter: invert(0)
}

body[color-theme=tiger11][_ngcontent-ng-c1615768536] {
    --secondary-color: #FF9700;
    --secondary-color-contrast: #000000;
    --primary-color: #205685;
    --primary-color-shade: #1c4c75;
    --primary-color-tint: #366791;
    --primary-color-contrast: #ffffff;
    --highlight-color: #FF9700;
    --tabIcon-filter: invert(0)
}

body[color-theme=brightblue][_ngcontent-ng-c1615768536] {
    --secondary-color: #0052ED;
    --secondary-color-contrast: #ffffff;
    --primary-color: #000000;
    --primary-color-shade: #141414;
    --primary-color-tint: #222222;
    --primary-color-contrast: #ffffff;
    --highlight-color: #0052ED;
    --tabIcon-filter: invert(0)
}

body[color-theme=brightgreen][_ngcontent-ng-c1615768536] {
    --secondary-color: #55FE43;
    --secondary-color-contrast: #000000;
    --primary-color: #000000;
    --primary-color-shade: #141414;
    --primary-color-tint: #222222;
    --primary-color-contrast: #ffffff;
    --highlight-color: #55FE43;
    --tabIcon-filter: invert(0)
}

body[color-theme=yaleblue][_ngcontent-ng-c1615768536] {
    --secondary-color: #17459A;
    --secondary-color-contrast: #ffffff;
    --primary-color: #000000;
    --primary-color-shade: #141414;
    --primary-color-tint: #222222;
    --primary-color-contrast: #ffffff;
    --highlight-color: #17459A;
    --tabIcon-filter: invert(0)
}

body[color-theme=hukumid][_ngcontent-ng-c1615768536] {
    --secondary-color: #17459A;
    --secondary-color-contrast: #ffffff;
    --primary-color: #1e8067;
    --primary-color-shade: #1a715b;
    --primary-color-tint: #358d76;
    --primary-color-contrast: #ffffff;
    --highlight-color: #17459A;
    --tabIcon-filter: invert(0)
}

body[color-theme=vividpurple][_ngcontent-ng-c1615768536] {
    --secondary-color: #8000FF;
    --secondary-color-contrast: #ffffff;
    --primary-color: #000000;
    --primary-color-shade: #141414;
    --primary-color-tint: #222222;
    --primary-color-contrast: #ffffff;
    --highlight-color: #8000FF;
    --tabIcon-filter: invert(0)
}

body[color-theme=lightyellow][_ngcontent-ng-c1615768536] {
    --secondary-color: #F7C528;
    --secondary-color-contrast: #000000;
    --primary-color: #000000;
    --primary-color-shade: #141414;
    --primary-color-tint: #222222;
    --primary-color-contrast: #ffffff;
    --highlight-color: #F7C528;
    --tabIcon-filter: invert(0)
}

body[color-theme=dodgerblue][_ngcontent-ng-c1615768536] {
    --secondary-color: #1A88F3;
    --secondary-color-contrast: #000000;
    --primary-color: #090f1e;
    --primary-color-shade: #080d1a;
    --primary-color-tint: #222735;
    --primary-color-contrast: #ffffff;
    --highlight-color: #1A88F3;
    --tabIcon-filter: invert(0)
}

body[color-theme=neonblue][_ngcontent-ng-c1615768536] {
    --secondary-color: #00CCFF;
    --secondary-color-contrast: #000000;
    --primary-color: #000000;
    --primary-color-shade: #141414;
    --primary-color-tint: #222222;
    --primary-color-contrast: #ffffff;
    --highlight-color: #00CCFF;
    --tabIcon-filter: invert(0)
}

body[color-theme=olivegreen][_ngcontent-ng-c1615768536] {
    --secondary-color: #6B8834;
    --secondary-color-contrast: #ffffff;
    --primary-color: #000000;
    --primary-color-shade: #141414;
    --primary-color-tint: #222222;
    --primary-color-contrast: #ffffff;
    --highlight-color: #6B8834;
    --tabIcon-filter: invert(0)
}

.login-section[_ngcontent-ng-c1615768536] {
    background: var(--grey-75);
    background-image: none !important
}

.login-section[_ngcontent-ng-c1615768536] .hw-100[_ngcontent-ng-c1615768536] {
    width: 100%;
    text-align: center
}

.login-section[_ngcontent-ng-c1615768536] .login-header-section[_ngcontent-ng-c1615768536] {
    flex-direction: column;
    justify-content: center;
    min-height: 180px;
    padding: 15px;
    box-sizing: border-box;
    position: sticky;
    top: 0
}

.login-section[_ngcontent-ng-c1615768536] .login-header-section[_ngcontent-ng-c1615768536] .logo[_ngcontent-ng-c1615768536] {
    align-self: unset;
    margin: 15px 0
}

.login-section[_ngcontent-ng-c1615768536] .login-header-section[_ngcontent-ng-c1615768536] .page-back-btn[_ngcontent-ng-c1615768536] {
    background: transparent;
    border: none;
    display: flex;
    align-items: center;
    column-gap: 4px;
    color: var(--white-color);
    padding: 0;
    cursor: pointer
}

.login-section[_ngcontent-ng-c1615768536] .login-header-section[_ngcontent-ng-c1615768536] .welcome-text[_ngcontent-ng-c1615768536] {
    width: 100%
}

.login-section[_ngcontent-ng-c1615768536] .login-header-section[_ngcontent-ng-c1615768536] .welcome-text[_ngcontent-ng-c1615768536] p[_ngcontent-ng-c1615768536] {
    font-family: Open Sans, sans-serif;
    font-size: 14px;
    font-weight: 300;
    margin-top: 6px;
    margin-bottom: 0;
    line-height: normal;
    color: var(--white-color)
}

.login-section[_ngcontent-ng-c1615768536] .login-header-section[_ngcontent-ng-c1615768536] .welcome-text[_ngcontent-ng-c1615768536] h2[_ngcontent-ng-c1615768536] {
    color: var(--white-color);
    font-size: 22px;
    font-weight: 500;
    font-family: open sans, sans-serif;
    margin-bottom: 0;
    margin-top: 0
}

.login-section[_ngcontent-ng-c1615768536] .body-section[_ngcontent-ng-c1615768536] {
    background: var(--grey-50);
    border-radius: 15px 15px 0 0;
    height: calc(100% - 180px);
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center
}

.login-section[_ngcontent-ng-c1615768536] .body-section[_ngcontent-ng-c1615768536] form[_ngcontent-ng-c1615768536] {
    width: 100%
}

.login-section[_ngcontent-ng-c1615768536] .body-section[_ngcontent-ng-c1615768536] .login-form[_ngcontent-ng-c1615768536] {
    padding: 15px
}

.login-section[_ngcontent-ng-c1615768536] .body-section[_ngcontent-ng-c1615768536] .login-form[_ngcontent-ng-c1615768536] .form-list[_ngcontent-ng-c1615768536] {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    position: relative;
    z-index: 1001
}

.login-section[_ngcontent-ng-c1615768536] .body-section[_ngcontent-ng-c1615768536] .login-form[_ngcontent-ng-c1615768536] .form-list.login-with-password[_ngcontent-ng-c1615768536],
.login-section[_ngcontent-ng-c1615768536] .body-section[_ngcontent-ng-c1615768536] .login-form[_ngcontent-ng-c1615768536] .form-list.promocode-field[_ngcontent-ng-c1615768536] {
    position: relative;
    margin-bottom: 10px
}

.login-section[_ngcontent-ng-c1615768536] .body-section[_ngcontent-ng-c1615768536] .login-form[_ngcontent-ng-c1615768536] .form-list.login-with-password[_ngcontent-ng-c1615768536] mat-form-field[_ngcontent-ng-c1615768536] .mat-mdc-text-field-wrapper .mdc-line-ripple,
.login-section[_ngcontent-ng-c1615768536] .body-section[_ngcontent-ng-c1615768536] .login-form[_ngcontent-ng-c1615768536] .form-list.promocode-field[_ngcontent-ng-c1615768536] mat-form-field[_ngcontent-ng-c1615768536] .mat-mdc-text-field-wrapper .mdc-line-ripple {
    display: none
}

.login-section[_ngcontent-ng-c1615768536] .body-section[_ngcontent-ng-c1615768536] .login-form[_ngcontent-ng-c1615768536] .form-list.login-with-password[_ngcontent-ng-c1615768536] mat-form-field[_ngcontent-ng-c1615768536] .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix input,
.login-section[_ngcontent-ng-c1615768536] .body-section[_ngcontent-ng-c1615768536] .login-form[_ngcontent-ng-c1615768536] .form-list.promocode-field[_ngcontent-ng-c1615768536] mat-form-field[_ngcontent-ng-c1615768536] .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix input {
    font-size: 14px;
    text-align: left;
    letter-spacing: normal
}

.login-section[_ngcontent-ng-c1615768536] .body-section[_ngcontent-ng-c1615768536] .login-form[_ngcontent-ng-c1615768536] .form-list.login-with-password[_ngcontent-ng-c1615768536] .visibility-toggle-btn[_ngcontent-ng-c1615768536],
.login-section[_ngcontent-ng-c1615768536] .body-section[_ngcontent-ng-c1615768536] .login-form[_ngcontent-ng-c1615768536] .form-list.promocode-field[_ngcontent-ng-c1615768536] .visibility-toggle-btn[_ngcontent-ng-c1615768536] {
    background: transparent;
    border: none;
    position: absolute;
    right: 10px;
    top: 15px;
    font-size: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: .6;
    z-index: 100;
    cursor: pointer
}

.login-section[_ngcontent-ng-c1615768536] .body-section[_ngcontent-ng-c1615768536] .login-form[_ngcontent-ng-c1615768536] .form-list.login-with-password[_ngcontent-ng-c1615768536] .visibility-toggle-btn[_ngcontent-ng-c1615768536] mat-icon[_ngcontent-ng-c1615768536],
.login-section[_ngcontent-ng-c1615768536] .body-section[_ngcontent-ng-c1615768536] .login-form[_ngcontent-ng-c1615768536] .form-list.promocode-field[_ngcontent-ng-c1615768536] .visibility-toggle-btn[_ngcontent-ng-c1615768536] mat-icon[_ngcontent-ng-c1615768536] {
    font-size: 18px;
    color: var(--white-color)
}

.login-section[_ngcontent-ng-c1615768536] .body-section[_ngcontent-ng-c1615768536] .login-form[_ngcontent-ng-c1615768536] .form-list.promocode-field[_ngcontent-ng-c1615768536] {
    position: relative;
    margin-bottom: 25px
}

.login-section[_ngcontent-ng-c1615768536] .body-section[_ngcontent-ng-c1615768536] .login-form[_ngcontent-ng-c1615768536] .form-list[_ngcontent-ng-c1615768536] mat-form-field[_ngcontent-ng-c1615768536] {
    margin-bottom: 0
}

.login-section[_ngcontent-ng-c1615768536] .body-section[_ngcontent-ng-c1615768536] .login-form[_ngcontent-ng-c1615768536] .form-list[_ngcontent-ng-c1615768536] mat-form-field[_ngcontent-ng-c1615768536] .mat-mdc-text-field-wrapper {
    background: var(--card-background);
    height: 50px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    border-radius: 10px
}

.login-section[_ngcontent-ng-c1615768536] .body-section[_ngcontent-ng-c1615768536] .login-form[_ngcontent-ng-c1615768536] .form-list[_ngcontent-ng-c1615768536] mat-form-field[_ngcontent-ng-c1615768536] .mat-mdc-text-field-wrapper .mdc-line-ripple {
    display: none
}

.login-section[_ngcontent-ng-c1615768536] .body-section[_ngcontent-ng-c1615768536] .login-form[_ngcontent-ng-c1615768536] .form-list[_ngcontent-ng-c1615768536] mat-form-field[_ngcontent-ng-c1615768536] .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix input {
    font-size: 14px;
    text-align: center;
    letter-spacing: 20px
}

.login-section[_ngcontent-ng-c1615768536] .body-section[_ngcontent-ng-c1615768536] .login-form[_ngcontent-ng-c1615768536] .form-list[_ngcontent-ng-c1615768536] mat-form-field[_ngcontent-ng-c1615768536] .mat-mdc-form-field-subscript-wrapper {
    display: none
}

.login-section[_ngcontent-ng-c1615768536] .body-section[_ngcontent-ng-c1615768536] .login-form[_ngcontent-ng-c1615768536] .form-links[_ngcontent-ng-c1615768536] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100% !important;
    margin-bottom: 20px !important;
    padding: 0 5px;
    position: static;
    margin-top: 10px !important
}

.login-section[_ngcontent-ng-c1615768536] .body-section[_ngcontent-ng-c1615768536] .login-form[_ngcontent-ng-c1615768536] .form-links[_ngcontent-ng-c1615768536] p[_ngcontent-ng-c1615768536] {
    margin: 0;
    color: var(--white-color);
    font-size: 12px;
    cursor: pointer
}

.login-section[_ngcontent-ng-c1615768536] .body-section[_ngcontent-ng-c1615768536] .login-form[_ngcontent-ng-c1615768536] .form-links[_ngcontent-ng-c1615768536] p.active[_ngcontent-ng-c1615768536] {
    color: var(--white-color);
    cursor: pointer
}

.login-section[_ngcontent-ng-c1615768536] .body-section[_ngcontent-ng-c1615768536] .login-form[_ngcontent-ng-c1615768536] .form-links[_ngcontent-ng-c1615768536] p.otp-link[_ngcontent-ng-c1615768536] {
    cursor: not-allowed;
    color: var(--white-color) !important;
    opacity: .75
}

.login-section[_ngcontent-ng-c1615768536] .body-section[_ngcontent-ng-c1615768536] .login-form[_ngcontent-ng-c1615768536] .form-links[_ngcontent-ng-c1615768536] p.otp-link.active[_ngcontent-ng-c1615768536] {
    color: var(--white-color);
    cursor: pointer
}

.login-section[_ngcontent-ng-c1615768536] .body-section[_ngcontent-ng-c1615768536] .login-form[_ngcontent-ng-c1615768536] .form-btn[_ngcontent-ng-c1615768536] {
    width: 100%;
    margin-top: 14px
}

.login-section[_ngcontent-ng-c1615768536] .body-section[_ngcontent-ng-c1615768536] .login-form[_ngcontent-ng-c1615768536] .form-btn[_ngcontent-ng-c1615768536] button[_ngcontent-ng-c1615768536] {
    width: 100%;
    min-height: 45px
}

.login-section.login-page[_ngcontent-ng-c1615768536] {
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.login-section.login-page[_ngcontent-ng-c1615768536] .login-header-section[_ngcontent-ng-c1615768536] {
    height: 100%;
    align-items: center
}

.login-section.login-page[_ngcontent-ng-c1615768536] .login-header-section[_ngcontent-ng-c1615768536] .page-back-btn[_ngcontent-ng-c1615768536] {
    position: absolute;
    left: 20px;
    top: 20px;
    column-gap: 10px
}

.login-section.login-page[_ngcontent-ng-c1615768536] .login-header-section[_ngcontent-ng-c1615768536] .welcome-text[_ngcontent-ng-c1615768536] {
    display: none
}

.login-section.login-page[_ngcontent-ng-c1615768536] .body-section[_ngcontent-ng-c1615768536] {
    height: auto
}

.login-section.login-page[_ngcontent-ng-c1615768536] .body-section[_ngcontent-ng-c1615768536] .welcome-text[_ngcontent-ng-c1615768536] {
    width: 100%
}

.login-section.login-page[_ngcontent-ng-c1615768536] .body-section[_ngcontent-ng-c1615768536] .welcome-text[_ngcontent-ng-c1615768536] p[_ngcontent-ng-c1615768536] {
    font-family: Open Sans, sans-serif;
    font-size: 14px;
    font-weight: 400;
    margin-top: 6px;
    margin-bottom: 0;
    line-height: normal
}

.login-section.login-page[_ngcontent-ng-c1615768536] .body-section[_ngcontent-ng-c1615768536] .welcome-text[_ngcontent-ng-c1615768536] h2[_ngcontent-ng-c1615768536] {
    font-size: 22px;
    font-weight: 500;

    margin-bottom: 0;
    margin-top: 0
}

.login-section.login-page[_ngcontent-ng-c1615768536] .body-section[_ngcontent-ng-c1615768536] .login-form[_ngcontent-ng-c1615768536] .form-list.login-with-password[_ngcontent-ng-c1615768536] {
    margin-bottom: 0
}

.login-section.login-page[_ngcontent-ng-c1615768536] .body-section[_ngcontent-ng-c1615768536] .login-form[_ngcontent-ng-c1615768536] .form-btn[_ngcontent-ng-c1615768536] p.separator[_ngcontent-ng-c1615768536] {
    color: var(--grey-900)
}