mat-sidenav-container[_ngcontent-ng-c2408498455] {
        height: 100%;
        max-width: 768px;
        margin: auto
    }

    mat-sidenav-container[_ngcontent-ng-c2408498455] .left-sidemenu[_ngcontent-ng-c2408498455] {
        min-width: 285px;
        width: calc(100% - 45px);
        max-width: 300px;
        background: var(--grey-00)
    }

    mat-sidenav-container[_ngcontent-ng-c2408498455] .left-sidemenu[_ngcontent-ng-c2408498455] .sidemenu-header[_ngcontent-ng-c2408498455] {
        background: var(--black-color)
    }

    mat-sidenav-container[_ngcontent-ng-c2408498455] .left-sidemenu[_ngcontent-ng-c2408498455] .sidemenu-header[_ngcontent-ng-c2408498455] .logo[_ngcontent-ng-c2408498455] {
        height: 70px;
        display: flex;
        justify-content: space-between;
        align-items: center
    }

    mat-sidenav-container[_ngcontent-ng-c2408498455] .left-sidemenu[_ngcontent-ng-c2408498455] .sidemenu-header[_ngcontent-ng-c2408498455] .logo[_ngcontent-ng-c2408498455] .closeMenu[_ngcontent-ng-c2408498455] button[_ngcontent-ng-c2408498455] {
        box-shadow: unset;
        font-size: 18px
    }

    mat-sidenav-container[_ngcontent-ng-c2408498455] .left-sidemenu[_ngcontent-ng-c2408498455] .sidemenu-header[_ngcontent-ng-c2408498455] .logo[_ngcontent-ng-c2408498455] .closeMenu[_ngcontent-ng-c2408498455] button[_ngcontent-ng-c2408498455] mat-icon[_ngcontent-ng-c2408498455] {
        color: var(--primary-color);
        background-color: var(--white-color);
        font-size: 25px;
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center
    }

    mat-sidenav-container[_ngcontent-ng-c2408498455] .left-sidemenu[_ngcontent-ng-c2408498455] .sidemenu-header[_ngcontent-ng-c2408498455] .logo[_ngcontent-ng-c2408498455] .img-wrap[_ngcontent-ng-c2408498455] {
        height: 100%
    }

    mat-sidenav-container[_ngcontent-ng-c2408498455] .left-sidemenu[_ngcontent-ng-c2408498455] .sidemenu-header[_ngcontent-ng-c2408498455] .logo[_ngcontent-ng-c2408498455] .img-wrap[_ngcontent-ng-c2408498455] img[_ngcontent-ng-c2408498455] {
        width: 100%;
        max-width: 150px;
        max-height: 70px;
        display: block;
        padding: 10px 0 10px 15px;
        margin-top: auto;
        object-fit: contain
    }

    mat-sidenav-container[_ngcontent-ng-c2408498455] .left-sidemenu[_ngcontent-ng-c2408498455] .sidemenu-list[_ngcontent-ng-c2408498455] {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        height: calc(var(--vh, 1vh) * 100 - 110px);
        overflow: hidden;
        position: relative
    }

    mat-sidenav-container[_ngcontent-ng-c2408498455] .left-sidemenu[_ngcontent-ng-c2408498455] .sidemenu-list[_ngcontent-ng-c2408498455] .smenu-wrap[_ngcontent-ng-c2408498455] {
        padding: 0;
        list-style: none
    }

    mat-sidenav-container[_ngcontent-ng-c2408498455] .left-sidemenu[_ngcontent-ng-c2408498455] .sidemenu-list[_ngcontent-ng-c2408498455] .smenu-wrap.top[_ngcontent-ng-c2408498455] {
        overflow-y: auto;
        margin-top: 10px;
        height: 100%;
        margin-bottom: 0;
        max-height: calc(100% - 165px)
    }

    mat-sidenav-container[_ngcontent-ng-c2408498455] .left-sidemenu[_ngcontent-ng-c2408498455] .sidemenu-list[_ngcontent-ng-c2408498455] .smenu-wrap.bottom[_ngcontent-ng-c2408498455] {
        position: absolute;
        bottom: 0;
        margin: 0;
        width: 100%
    }

    mat-sidenav-container[_ngcontent-ng-c2408498455] .left-sidemenu[_ngcontent-ng-c2408498455] .sidemenu-list[_ngcontent-ng-c2408498455] .smenu-wrap.bottom[_ngcontent-ng-c2408498455] .smenu-link[_ngcontent-ng-c2408498455] {
        border: 1px solid var(--grey-50)
    }

    mat-sidenav-container[_ngcontent-ng-c2408498455] .left-sidemenu[_ngcontent-ng-c2408498455] .sidemenu-list[_ngcontent-ng-c2408498455] .smenu-wrap.bottom[_ngcontent-ng-c2408498455] .social-links-wrap[_ngcontent-ng-c2408498455] label[_ngcontent-ng-c2408498455] {
        font-size: 10px;

        padding: 5px 10px;
        display: inline-block
    }

    mat-sidenav-container[_ngcontent-ng-c2408498455] .left-sidemenu[_ngcontent-ng-c2408498455] .sidemenu-list[_ngcontent-ng-c2408498455] .smenu-wrap.bottom[_ngcontent-ng-c2408498455] .social-links-wrap[_ngcontent-ng-c2408498455] .social-links[_ngcontent-ng-c2408498455] {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        column-gap: 10px;
        padding: 5px 10px
    }

    mat-sidenav-container[_ngcontent-ng-c2408498455] .left-sidemenu[_ngcontent-ng-c2408498455] .sidemenu-list[_ngcontent-ng-c2408498455] .smenu-wrap.bottom[_ngcontent-ng-c2408498455] .social-links-wrap[_ngcontent-ng-c2408498455] .social-links[_ngcontent-ng-c2408498455] img[_ngcontent-ng-c2408498455] {
        width: 20px;
        height: 20px;
        filter: invert(1)
    }

    mat-sidenav-container[_ngcontent-ng-c2408498455] .left-sidemenu[_ngcontent-ng-c2408498455] .sidemenu-list[_ngcontent-ng-c2408498455] .smenu-wrap[_ngcontent-ng-c2408498455] .smenu-item[_ngcontent-ng-c2408498455] {
        margin: 2px 10px;
        cursor: pointer;
        -webkit-tap-highlight-color: transparent;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        user-select: none
    }

    mat-sidenav-container[_ngcontent-ng-c2408498455] .left-sidemenu[_ngcontent-ng-c2408498455] .sidemenu-list[_ngcontent-ng-c2408498455] .smenu-wrap[_ngcontent-ng-c2408498455] .smenu-item[_ngcontent-ng-c2408498455] .refer-code[_ngcontent-ng-c2408498455] {
        position: relative
    }

    mat-sidenav-container[_ngcontent-ng-c2408498455] .left-sidemenu[_ngcontent-ng-c2408498455] .sidemenu-list[_ngcontent-ng-c2408498455] .smenu-wrap[_ngcontent-ng-c2408498455] .smenu-item[_ngcontent-ng-c2408498455] .refer-code[_ngcontent-ng-c2408498455] input[_ngcontent-ng-c2408498455] {
        width: 100%;
        border: 0;
        border-radius: 8px;
        height: 40px;
        padding-left: 10px
    }

    mat-sidenav-container[_ngcontent-ng-c2408498455] .left-sidemenu[_ngcontent-ng-c2408498455] .sidemenu-list[_ngcontent-ng-c2408498455] .smenu-wrap[_ngcontent-ng-c2408498455] .smenu-item[_ngcontent-ng-c2408498455] .refer-code[_ngcontent-ng-c2408498455] p[_ngcontent-ng-c2408498455] {
        position: absolute;
        font-size: 12px;
        top: 0;
        right: 10px;
        height: 40px;
        margin: 0;
        display: flex;
        align-items: center;
        font-family: 'Poppins'
    }

    mat-sidenav-container[_ngcontent-ng-c2408498455] .left-sidemenu[_ngcontent-ng-c2408498455] .sidemenu-list[_ngcontent-ng-c2408498455] .smenu-wrap[_ngcontent-ng-c2408498455] .smenu-item[_ngcontent-ng-c2408498455] .refer-code[_ngcontent-ng-c2408498455] button[_ngcontent-ng-c2408498455] {
        position: absolute;
        font-size: 12px;
        top: 5px;
        right: 5px;
        height: 30px;
        margin: 0;
        display: flex;
        align-items: center;

        width: auto;
        justify-content: center;
        border-radius: 8px
    }

    mat-sidenav-container[_ngcontent-ng-c2408498455] .left-sidemenu[_ngcontent-ng-c2408498455] .sidemenu-list[_ngcontent-ng-c2408498455] .smenu-wrap[_ngcontent-ng-c2408498455] .smenu-item[_ngcontent-ng-c2408498455] .action-btn[_ngcontent-ng-c2408498455] {
        margin-top: 10px
    }

    mat-sidenav-container[_ngcontent-ng-c2408498455] .left-sidemenu[_ngcontent-ng-c2408498455] .sidemenu-list[_ngcontent-ng-c2408498455] .smenu-wrap[_ngcontent-ng-c2408498455] .smenu-item[_ngcontent-ng-c2408498455] .action-btn[_ngcontent-ng-c2408498455] button[_ngcontent-ng-c2408498455] {
        min-height: 40px
    }

    mat-sidenav-container[_ngcontent-ng-c2408498455] .left-sidemenu[_ngcontent-ng-c2408498455] .sidemenu-list[_ngcontent-ng-c2408498455] .smenu-wrap[_ngcontent-ng-c2408498455] .smenu-item[_ngcontent-ng-c2408498455] .action-btn[_ngcontent-ng-c2408498455] button.app-dwnld-btn[_ngcontent-ng-c2408498455] {
        display: flex;
        align-items: center;
        justify-content: center;
        column-gap: 6px;
        background: transparent
    }

    mat-sidenav-container[_ngcontent-ng-c2408498455] .left-sidemenu[_ngcontent-ng-c2408498455] .sidemenu-list[_ngcontent-ng-c2408498455] .smenu-wrap[_ngcontent-ng-c2408498455] .smenu-item[_ngcontent-ng-c2408498455] .smenu-link[_ngcontent-ng-c2408498455] {
        display: flex;
        column-gap: 10px;
        align-items: center;
        line-height: 1;
        text-decoration: none;
        color: var(--grey-900);
        padding: 8px 10px;
        font-size: 12px;

        border-radius: 6px;
        cursor: pointer;
        position: relative
    }

    mat-sidenav-container[_ngcontent-ng-c2408498455] .left-sidemenu[_ngcontent-ng-c2408498455] .sidemenu-list[_ngcontent-ng-c2408498455] .smenu-wrap[_ngcontent-ng-c2408498455] .smenu-item[_ngcontent-ng-c2408498455] .smenu-link[_ngcontent-ng-c2408498455] .badge[_ngcontent-ng-c2408498455] {
        position: absolute;
        right: 0
    }

    mat-sidenav-container[_ngcontent-ng-c2408498455] .left-sidemenu[_ngcontent-ng-c2408498455] .sidemenu-list[_ngcontent-ng-c2408498455] .smenu-wrap[_ngcontent-ng-c2408498455] .smenu-item[_ngcontent-ng-c2408498455] .smenu-link[_ngcontent-ng-c2408498455] .rules-icon[_ngcontent-ng-c2408498455] {
        position: absolute;
        right: 10px;
        top: 50%;
        transform: translateY(-50%);
        font-size: 18px;
        display: flex;
        align-items: center;
        justify-content: center;
        background: var(--grey-50);
        border-radius: 6px;
        width: 22px;
        height: 22px;
        z-index: 100
    }

    mat-sidenav-container[_ngcontent-ng-c2408498455] .left-sidemenu[_ngcontent-ng-c2408498455] .sidemenu-list[_ngcontent-ng-c2408498455] .smenu-wrap[_ngcontent-ng-c2408498455] .smenu-item[_ngcontent-ng-c2408498455] .smenu-link[_ngcontent-ng-c2408498455] .rules-text[_ngcontent-ng-c2408498455] {
        position: absolute;
        right: 75px;
        top: 50%;
        transform: translateY(-50%);
        font-size: 10px;
        display: flex;
        align-items: center;
        justify-content: center;
        background: transparent;
        text-decoration: underline;
        border-radius: 3px;
        width: auto;
        height: 22px;
        z-index: 100
    }

    mat-sidenav-container[_ngcontent-ng-c2408498455] .left-sidemenu[_ngcontent-ng-c2408498455] .sidemenu-list[_ngcontent-ng-c2408498455] .smenu-wrap[_ngcontent-ng-c2408498455] .smenu-item[_ngcontent-ng-c2408498455] .smenu-link[_ngcontent-ng-c2408498455] .rules-text.statement[_ngcontent-ng-c2408498455] {
        right: 10px;
        background: var(--grey-50);
        padding: 0 4px;
        text-decoration: none
    }

    mat-sidenav-container[_ngcontent-ng-c2408498455] .left-sidemenu[_ngcontent-ng-c2408498455] .sidemenu-list[_ngcontent-ng-c2408498455] .smenu-wrap[_ngcontent-ng-c2408498455] .smenu-item[_ngcontent-ng-c2408498455] .smenu-link.username[_ngcontent-ng-c2408498455] {
        padding: 6px 10px
    }

    mat-sidenav-container[_ngcontent-ng-c2408498455] .left-sidemenu[_ngcontent-ng-c2408498455] .sidemenu-list[_ngcontent-ng-c2408498455] .smenu-wrap[_ngcontent-ng-c2408498455] .smenu-item[_ngcontent-ng-c2408498455] .smenu-link.username[_ngcontent-ng-c2408498455] img[_ngcontent-ng-c2408498455] {
        width: 30px;
        filter: none
    }

    mat-sidenav-container[_ngcontent-ng-c2408498455] .left-sidemenu[_ngcontent-ng-c2408498455] .sidemenu-list[_ngcontent-ng-c2408498455] .smenu-wrap[_ngcontent-ng-c2408498455] .nav-bonus[_ngcontent-ng-c2408498455] {
        position: sticky;
        top: 0;
        z-index: 1;
        margin: 0 10px
    }

    mat-sidenav-container[_ngcontent-ng-c2408498455] .left-sidemenu[_ngcontent-ng-c2408498455] .sidemenu-list[_ngcontent-ng-c2408498455] .smenu-wrap[_ngcontent-ng-c2408498455] .nav-bonus[_ngcontent-ng-c2408498455] .smenu-link[_ngcontent-ng-c2408498455] {
        background: var(--black-color);
        border-radius: 10px 10px 0 0
    }

    mat-sidenav-container[_ngcontent-ng-c2408498455] .left-sidemenu[_ngcontent-ng-c2408498455] .sidemenu-list[_ngcontent-ng-c2408498455] .smenu-wrap[_ngcontent-ng-c2408498455] .nav-bonus[_ngcontent-ng-c2408498455] .bonus-wrap[_ngcontent-ng-c2408498455] {
        background: var(--black-color);
        color: var(--black-color);
        display: flex;
        align-items: center;
        border-radius: 0 0 10px 10px
    }

    mat-sidenav-container[_ngcontent-ng-c2408498455] .left-sidemenu[_ngcontent-ng-c2408498455] .sidemenu-list[_ngcontent-ng-c2408498455] .smenu-wrap[_ngcontent-ng-c2408498455] .nav-bonus[_ngcontent-ng-c2408498455] .bonus-wrap[_ngcontent-ng-c2408498455] label[_ngcontent-ng-c2408498455] {
        display: flex;
        align-items: center;
        justify-content: space-between;
        font-size: 13px
    }

    mat-sidenav-container[_ngcontent-ng-c2408498455] .left-sidemenu[_ngcontent-ng-c2408498455] .sidemenu-list[_ngcontent-ng-c2408498455] .smenu-wrap[_ngcontent-ng-c2408498455] .nav-bonus[_ngcontent-ng-c2408498455] .bonus-wrap[_ngcontent-ng-c2408498455] .action-icons[_ngcontent-ng-c2408498455] {
        display: flex;
        align-items: center;
        column-gap: 10px
    }

    mat-sidenav-container[_ngcontent-ng-c2408498455] .left-sidemenu[_ngcontent-ng-c2408498455] .sidemenu-list[_ngcontent-ng-c2408498455] .smenu-wrap[_ngcontent-ng-c2408498455] .nav-bonus[_ngcontent-ng-c2408498455] .bonus-wrap[_ngcontent-ng-c2408498455] .action-icons[_ngcontent-ng-c2408498455] mat-icon[_ngcontent-ng-c2408498455] {
        margin: 0 !important;
        width: 16px;
        height: 16px;
        border-radius: 50%;
        background: var(--grey-75);
        color: var(--grey-900);
        padding: 4px;
        border: none
    }

    mat-sidenav-container[_ngcontent-ng-c2408498455] .left-sidemenu[_ngcontent-ng-c2408498455] .sidemenu-list[_ngcontent-ng-c2408498455] .smenu-wrap[_ngcontent-ng-c2408498455] .nav-bonus[_ngcontent-ng-c2408498455] .bonus-wrap[_ngcontent-ng-c2408498455] mat-icon[_ngcontent-ng-c2408498455] {
        margin-right: 10px;
        border-radius: 50%;
        border: 1px solid var(--grey-900);
        padding: 3px;
        width: 14px;
        height: 14px;
        color: var(--grey-900)
    }

    mat-sidenav-container[_ngcontent-ng-c2408498455] .left-sidemenu[_ngcontent-ng-c2408498455] .sidemenu-list[_ngcontent-ng-c2408498455] .smenu-wrap[_ngcontent-ng-c2408498455] .nav-bonus[_ngcontent-ng-c2408498455] .bonus-details[_ngcontent-ng-c2408498455] {
        background: var(--black-color);
        padding: 5px 0;
        max-width: calc(100% - 20px);
        margin: auto;
        width: 100%;
        border-top: 1px solid var(--grey-75)
    }

    mat-sidenav-container[_ngcontent-ng-c2408498455] .left-sidemenu[_ngcontent-ng-c2408498455] .sidemenu-list[_ngcontent-ng-c2408498455] .smenu-wrap[_ngcontent-ng-c2408498455] .nav-bonus[_ngcontent-ng-c2408498455] .bonus-details[_ngcontent-ng-c2408498455] .bonus-info[_ngcontent-ng-c2408498455] p[_ngcontent-ng-c2408498455] {
        margin: 0;
        font-size: 10px;
        color: var(--grey-900);
        line-height: 1.25;
        font-family: 'Poppins'
    }

    mat-sidenav-container[_ngcontent-ng-c2408498455] .left-sidemenu[_ngcontent-ng-c2408498455] .sidemenu-list[_ngcontent-ng-c2408498455] .smenu-wrap[_ngcontent-ng-c2408498455] .nav-bonus[_ngcontent-ng-c2408498455] .bonus-details[_ngcontent-ng-c2408498455] .bonus-info[_ngcontent-ng-c2408498455] p.n-msg[_ngcontent-ng-c2408498455] {
        background: var(--black-color);
        border-radius: 0 0 6px 6px;
        margin: 0;
        border-top: 1px solid var(--grey-75);
        color: var(--grey-900);
        font-size: 10px;
        opacity: .5;
        padding: 5px 0;
        font-weight: 400;
        margin-top: 5px !important
    }

    mat-sidenav-container[_ngcontent-ng-c2408498455] .left-sidemenu[_ngcontent-ng-c2408498455] .sidemenu-list[_ngcontent-ng-c2408498455] .smenu-wrap[_ngcontent-ng-c2408498455] .nav-bonus[_ngcontent-ng-c2408498455] .bonus-details[_ngcontent-ng-c2408498455] .claim-btn[_ngcontent-ng-c2408498455] {
        display: flex;
        align-items: center;
        justify-content: space-between
    }

    mat-sidenav-container[_ngcontent-ng-c2408498455] .left-sidemenu[_ngcontent-ng-c2408498455] .sidemenu-list[_ngcontent-ng-c2408498455] .smenu-wrap[_ngcontent-ng-c2408498455] .nav-bonus[_ngcontent-ng-c2408498455] .bonus-details[_ngcontent-ng-c2408498455] .claim-btn[_ngcontent-ng-c2408498455] button[_ngcontent-ng-c2408498455] {
        max-height: 30px;
        border-radius: 6px;
        font-size: 10px;
        text-transform: capitalize;
        max-width: 45px
    }

    mat-sidenav-container[_ngcontent-ng-c2408498455] .left-sidemenu[_ngcontent-ng-c2408498455] .sidemenu-list[_ngcontent-ng-c2408498455] .smenu-wrap[_ngcontent-ng-c2408498455] .nav-bonus[_ngcontent-ng-c2408498455] .bonus-details[_ngcontent-ng-c2408498455] .claim-btn[_ngcontent-ng-c2408498455] button[_ngcontent-ng-c2408498455]:disabled {
        opacity: .5;
        cursor: not-allowed
    }

    @media only screen and (max-width: 320px) {
        mat-sidenav-container[_ngcontent-ng-c2408498455] .left-sidemenu[_ngcontent-ng-c2408498455] {
            min-width: 245px;
            width: calc(100% - 45px);
            max-width: calc(100% - 45px)
        }
    }


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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .gc-filter-select_custom mat-option .mdc-list-item__primary-text .count {
        font-size: 10px;
        background: var(--grey-50);
        color: var(--grey-900);
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 5px;
        padding: 1px 3px;
        width: auto
    }

    .gc-filter-select_custom mat-option.mat-mdc-option-active.mdc-list-item--selected:not(.mdc-list-item--disabled):not(.mat-mdc-option-multiple) {
        background: var(--secondary-color) !important;
        color: var(--secondary-color-contrast)
    }

    .gc-filter-select_custom mat-option.mdc-list-item--selected {
        background: var(--secondary-color) !important;
        color: var(--secondary-color-contrast)
    }

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

    .gc-filter-select_custom mat-option .mat-pseudo-checkbox {
        opacity: 1;
        border-color: var(--grey-900);
        border-width: 1px;
        margin-right: 12px;
        width: 16px;
        height: 16px;
        display: none
    }

    .gc-filter-select_custom mat-option .mat-pseudo-checkbox:after {
        border-left: 1px solid currentColor;
        border-bottom: 1px solid var(--grey-900)
    }

    .cdk-overlay-pane:has(.gc-filter-select_custom) {
        left: 50% !important;
        transform: translate(-50%) !important;
        max-height: calc(100% - 145px);
        display: flex;
        align-items: center;
        justify-content: center;
        width: calc(100% - 15px) !important;
        overflow-x: auto
    }

    .cdk-overlay-pane:has(.gc-filter-select_custom) .gc-filter-select_custom {
        position: relative;
        border-radius: 7px !important;
        max-width: 748px;
        min-width: 280px !important;
        max-height: calc(var(--vh, 1vh) * 100 - 330px);
        padding: 0
    }

    .cdk-overlay-pane:has(.gc-filter-select_custom) .gc-filter-select_custom.select-gType:before {
        content: "\a";
        border-style: solid;
        border-width: 10px 15px 10px 0;
        border-color: transparent #dd4397 transparent transparent;
        position: absolute;
        left: -15px
    }

    .page-body[_ngcontent-ng-c949628779] {
        background: var(--grey-00);
        height: auto;
        margin-bottom: 54px;
        padding: 0
    }

    .page-body[_ngcontent-ng-c949628779] .pagetab-wrapper {
        top: 44px;
        margin-bottom: 0
    }

    .page-body[_ngcontent-ng-c949628779] .pagetab-wrapper .pagetab-header {
        margin-bottom: 0
    }

    .page-body.demoID[_ngcontent-ng-c949628779] .pagetab-wrapper {
        top: 74px
    }

    .page-body.demoID[_ngcontent-ng-c949628779] .filter-wrapper[_ngcontent-ng-c949628779] {
        top: 74px
    }

    .page-body[_ngcontent-ng-c949628779] .game-play-heading[_ngcontent-ng-c949628779] {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin: 0 1px 5px
    }

    .page-body[_ngcontent-ng-c949628779] .game-play-heading[_ngcontent-ng-c949628779] h2[_ngcontent-ng-c949628779] {
        font-size: 14px;
        font-weight: 400;
        color: var(--grey-500);
        margin: 0
    }

    .page-body[_ngcontent-ng-c949628779] .game-play-heading[_ngcontent-ng-c949628779] .view-all-link[_ngcontent-ng-c949628779] {
        font-size: 12px;
        font-weight: 400;
        color: var(--grey-500);
        text-decoration: unset;
        cursor: pointer
    }

    .page-body[_ngcontent-ng-c949628779] .casino-section[_ngcontent-ng-c949628779] {
        margin: 15px 0;
        padding: 0 10px 25px
    }

    .page-body[_ngcontent-ng-c949628779] .casino-section.go-casino[_ngcontent-ng-c949628779] .game-type-list[_ngcontent-ng-c949628779] ul[_ngcontent-ng-c949628779] li[_ngcontent-ng-c949628779] a[_ngcontent-ng-c949628779]:after {
        background: transparent
    }

    .page-body[_ngcontent-ng-c949628779] .casino-section[_ngcontent-ng-c949628779] .game-type-list[_ngcontent-ng-c949628779] {
        margin: 0
    }

    .page-body[_ngcontent-ng-c949628779] .casino-section[_ngcontent-ng-c949628779] .game-type-list[_ngcontent-ng-c949628779] ul[_ngcontent-ng-c949628779] {
        list-style: none;
        padding: 0;
        margin: 0;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        column-gap: 8px;
        row-gap: 8px;
        width: 100%
    }

    .page-body[_ngcontent-ng-c949628779] .casino-section[_ngcontent-ng-c949628779] .game-type-list[_ngcontent-ng-c949628779] ul[_ngcontent-ng-c949628779] li[_ngcontent-ng-c949628779] {
        margin-left: 0;
        position: relative;
        cursor: pointer
    }

    .page-body[_ngcontent-ng-c949628779] .casino-section[_ngcontent-ng-c949628779] .game-type-list[_ngcontent-ng-c949628779] ul[_ngcontent-ng-c949628779] li[_ngcontent-ng-c949628779] .total-players[_ngcontent-ng-c949628779] {
        background: var(--header-dark-color);
        border-radius: 6px;
        border: 1px solid var(--grey-600);
        color: var(--white-color);
        display: inline-flex;
        justify-content: center;
        align-items: center;
        padding: 2px 5px;
        position: absolute;
        left: 10px;
        top: 10px;
        z-index: 999;
        opacity: 1;
        column-gap: 5px;
        font-size: 10px;
        opacity: .9
    }

    .page-body[_ngcontent-ng-c949628779] .casino-section[_ngcontent-ng-c949628779] .game-type-list[_ngcontent-ng-c949628779] ul[_ngcontent-ng-c949628779] li[_ngcontent-ng-c949628779] .total-players[_ngcontent-ng-c949628779] mat-icon[_ngcontent-ng-c949628779] {
        font-size: 12px;
        width: auto;
        height: auto
    }

    .page-body[_ngcontent-ng-c949628779] .casino-section[_ngcontent-ng-c949628779] .game-type-list[_ngcontent-ng-c949628779] ul[_ngcontent-ng-c949628779] li[_ngcontent-ng-c949628779] .game-detail[_ngcontent-ng-c949628779] {
        background: var(--grey-100);
        padding: 25px 10px 8px;
        margin-top: -20px;
        border-radius: 0 0 10px 10px;
        position: relative;
        z-index: 0;
        display: flex;
        flex-direction: column;
        row-gap: 2px;
        min-height: 80px
    }

    .page-body[_ngcontent-ng-c949628779] .casino-section[_ngcontent-ng-c949628779] .game-type-list[_ngcontent-ng-c949628779] ul[_ngcontent-ng-c949628779] li[_ngcontent-ng-c949628779] .game-detail[_ngcontent-ng-c949628779] p[_ngcontent-ng-c949628779] {
        padding-left: 0
    }

    .page-body[_ngcontent-ng-c949628779] .casino-section[_ngcontent-ng-c949628779] .game-type-list[_ngcontent-ng-c949628779] ul[_ngcontent-ng-c949628779] li[_ngcontent-ng-c949628779] .game-detail[_ngcontent-ng-c949628779] p.game-name[_ngcontent-ng-c949628779] {
        font-size: 12px;

        color: var(--white-color);
        opacity: 1
    }

    .page-body[_ngcontent-ng-c949628779] .casino-section[_ngcontent-ng-c949628779] .game-type-list[_ngcontent-ng-c949628779] ul[_ngcontent-ng-c949628779] li[_ngcontent-ng-c949628779] .game-detail[_ngcontent-ng-c949628779] p.company-type[_ngcontent-ng-c949628779],
    .page-body[_ngcontent-ng-c949628779] .casino-section[_ngcontent-ng-c949628779] .game-type-list[_ngcontent-ng-c949628779] ul[_ngcontent-ng-c949628779] li[_ngcontent-ng-c949628779] .game-detail[_ngcontent-ng-c949628779] p.coins-limit[_ngcontent-ng-c949628779] {
        font-size: 10px;
        color: var(--white-color);
        opacity: .6;
        font-family: 'Poppins'
    }

    .page-body[_ngcontent-ng-c949628779] .casino-section[_ngcontent-ng-c949628779] .game-type-list[_ngcontent-ng-c949628779] ul[_ngcontent-ng-c949628779] li[_ngcontent-ng-c949628779] img.game-logo[_ngcontent-ng-c949628779] {
        position: absolute;
        top: 10px;
        left: 10px;
        z-index: 101;
        width: 70px;
        opacity: .7
    }

    .page-body[_ngcontent-ng-c949628779] .casino-section[_ngcontent-ng-c949628779] .game-type-list[_ngcontent-ng-c949628779] ul[_ngcontent-ng-c949628779] li[_ngcontent-ng-c949628779] ion-button[_ngcontent-ng-c949628779] {
        position: absolute;
        bottom: 3px;
        right: 6px;
        --padding-start: 0;
        --padding-end: 0;
        height: auto
    }

    .page-body[_ngcontent-ng-c949628779] .casino-section[_ngcontent-ng-c949628779] .game-type-list[_ngcontent-ng-c949628779] ul[_ngcontent-ng-c949628779] li[_ngcontent-ng-c949628779] ion-button[_ngcontent-ng-c949628779] ion-icon[_ngcontent-ng-c949628779] {
        color: var(--white-color);
        font-size: 22px
    }

    .page-body[_ngcontent-ng-c949628779] .casino-section[_ngcontent-ng-c949628779] .game-type-list[_ngcontent-ng-c949628779] ul[_ngcontent-ng-c949628779] li[_ngcontent-ng-c949628779] ion-button[_ngcontent-ng-c949628779] ion-icon.red-text[_ngcontent-ng-c949628779] {
        color: var(--red-color)
    }

    .page-body[_ngcontent-ng-c949628779] .casino-section[_ngcontent-ng-c949628779] .game-type-list[_ngcontent-ng-c949628779] ul[_ngcontent-ng-c949628779] li[_ngcontent-ng-c949628779] a[_ngcontent-ng-c949628779] {
        display: flex;
        justify-content: center;
        align-items: center;
        position: relative;
        cursor: pointer;
        z-index: 10
    }

    .page-body[_ngcontent-ng-c949628779] .casino-section[_ngcontent-ng-c949628779] .game-type-list[_ngcontent-ng-c949628779] ul[_ngcontent-ng-c949628779] li[_ngcontent-ng-c949628779] a[_ngcontent-ng-c949628779] p[_ngcontent-ng-c949628779] {
        font-size: 14px;
        color: var(--white-color);
        position: absolute;
        bottom: 1px;
        left: 0;
        padding-left: 12px;
        z-index: 101;
        opacity: 1;
        box-shadow: inset 0 -60px 21px -12px #000000b3;
        width: 100%;
        height: 100%;
        box-sizing: border-box;
        display: flex;
        align-items: flex-end;
        padding-bottom: 10px;
        border-radius: 8px
    }

    .page-body[_ngcontent-ng-c949628779] .casino-section[_ngcontent-ng-c949628779] .game-type-list[_ngcontent-ng-c949628779] ul[_ngcontent-ng-c949628779] li[_ngcontent-ng-c949628779] a.active[_ngcontent-ng-c949628779]:before {
        content: "";
        width: 100%;
        height: 100%;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        box-shadow: inset 0 0 30px var(--grey-75);
        z-index: 100;
        border-radius: 10px 10px 0 0
    }

    .page-body[_ngcontent-ng-c949628779] .casino-section[_ngcontent-ng-c949628779] .game-type-list[_ngcontent-ng-c949628779] ul[_ngcontent-ng-c949628779] li[_ngcontent-ng-c949628779] a[_ngcontent-ng-c949628779]:after {
        content: "";
        width: calc(100% - 2px);
        height: calc(100% - 2px);
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        border-radius: 10px;
        background: rgba(0, 0, 0, .4);
        z-index: 99
    }

    .page-body[_ngcontent-ng-c949628779] .casino-section[_ngcontent-ng-c949628779] .game-type-list[_ngcontent-ng-c949628779] ul[_ngcontent-ng-c949628779] li[_ngcontent-ng-c949628779] a[_ngcontent-ng-c949628779] img[_ngcontent-ng-c949628779] {
        width: 100%;
        height: 150px;
        object-position: top center;
        object-fit: cover;
        border-radius: 10px 10px 0 0;
        border: 0px solid transparent
    }

    .page-body[_ngcontent-ng-c949628779] .casino-section[_ngcontent-ng-c949628779] .game-type-list[_ngcontent-ng-c949628779] ul[_ngcontent-ng-c949628779] li[_ngcontent-ng-c949628779] a[_ngcontent-ng-c949628779] img[_ngcontent-ng-c949628779]:hover {
        background: red
    }

    .page-body[_ngcontent-ng-c949628779] .casino-section[_ngcontent-ng-c949628779] .game-type-list[_ngcontent-ng-c949628779] ul[_ngcontent-ng-c949628779] li[_ngcontent-ng-c949628779] h3[_ngcontent-ng-c949628779] {
        margin: 0;
        font-weight: 400;
        font-size: 14px;
        padding-left: 8px;
        line-height: normal
    }

    .page-body[_ngcontent-ng-c949628779] .casino-section[_ngcontent-ng-c949628779] .game-type-list[_ngcontent-ng-c949628779] ul[_ngcontent-ng-c949628779] li[_ngcontent-ng-c949628779] p[_ngcontent-ng-c949628779] {
        font-size: 12px;
        margin: 0;
        padding-left: 8px;
        opacity: .6
    }

    .page-body[_ngcontent-ng-c949628779] .nodata-wrap[_ngcontent-ng-c949628779] {
        min-height: 120px;
        background: var(--black-color);
        border-radius: 5px;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column
    }

    .page-body[_ngcontent-ng-c949628779] .nodata-wrap[_ngcontent-ng-c949628779] .game-icon[_ngcontent-ng-c949628779] {
        min-width: 30px;
        width: 30px;
        height: 30px;
        border-radius: 50%;
        background: var(--black-color);
        padding: 8px;
        display: flex;
        align-items: center;
        justify-content: center
    }

    .page-body[_ngcontent-ng-c949628779] .nodata-wrap[_ngcontent-ng-c949628779] .game-icon[_ngcontent-ng-c949628779] mat-icon[_ngcontent-ng-c949628779] {
        width: 100%;
        color: var(--black-color);
        font-size: 16px;
        display: flex;
        align-items: center;
        justify-content: center
    }

    .page-body[_ngcontent-ng-c949628779] .nodata-wrap[_ngcontent-ng-c949628779] .game-icon[_ngcontent-ng-c949628779] img[_ngcontent-ng-c949628779] {
        width: 100%
    }

    .page-body[_ngcontent-ng-c949628779] .nodata-wrap[_ngcontent-ng-c949628779] button[_ngcontent-ng-c949628779] {
        max-width: calc(100% - 20px);
        height: 35px;
        margin-top: 10px
    }

    .page-body[_ngcontent-ng-c949628779] .nodata-wrap[_ngcontent-ng-c949628779] p[_ngcontent-ng-c949628779] {
        font-size: 12px;
        margin: 4px 0 0
    }

    p.report-issue[_ngcontent-ng-c949628779] {
        margin: 0;
        font-size: 12px;
        text-align: center;
        margin-top: 10px !important
    }

    p.report-issue[_ngcontent-ng-c949628779] .link-text[_ngcontent-ng-c949628779] {
        color: var(--secondary-color)
    }

    @media all and (min-width: 768px) {
        .page-body[_ngcontent-ng-c949628779] .casino-section[_ngcontent-ng-c949628779] .game-type-list[_ngcontent-ng-c949628779] ul[_ngcontent-ng-c949628779] {
            grid-template-columns: repeat(4, 1fr)
        }
    }


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


    .header-wrapper[_ngcontent-ng-c1432811388] {
        display: flex;
        justify-content: space-between;
        align-items: center;
        position: relative;
        min-height: 44px;
        padding: 0 10px
    }

    .page-title[_ngcontent-ng-c1432811388] {
        width: 100%;
        text-align: center;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        z-index: 0
    }

    .page-title[_ngcontent-ng-c1432811388] h2[_ngcontent-ng-c1432811388] {
        margin: 0;
        color: var(--secondary-color-contrast);
        font-size: 16px
    }

    .logo[_ngcontent-ng-c1432811388] {
        display: flex;
        align-items: center;
        column-gap: 6px;
        z-index: 100
    }

    .logo[_ngcontent-ng-c1432811388] img[_ngcontent-ng-c1432811388] {
        height: 34px;
        width: auto;
        max-width: 120px;
        object-fit: contain;
        cursor: pointer
    }


    .user-info[_ngcontent-ng-c1432811388] {
        display: flex;
        justify-content: flex-end;
        align-items: center;
        column-gap: 0
    }

    .user-info[_ngcontent-ng-c1432811388] p[_ngcontent-ng-c1432811388] {
        margin-bottom: 0;
        color: var(--black-color)
    }

    .user-info[_ngcontent-ng-c1432811388] button[_ngcontent-ng-c1432811388] {
        width: auto;
        height: auto
    }

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

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

    .header-right-cont[_ngcontent-ng-c1432811388] .bal-cont[_ngcontent-ng-c1432811388] {
        display: flex;
        align-items: flex-end;
        flex-direction: row;
        justify-content: flex-end;
        column-gap: 4px
    }

    .header-right-cont[_ngcontent-ng-c1432811388] .bal-cont[_ngcontent-ng-c1432811388] button[_ngcontent-ng-c1432811388] {
        width: auto;
        height: auto;
        min-width: auto;
        padding: 0;
        box-shadow: unset;
        margin: 0;
        line-height: 1;
        display: flex
    }

    .header-right-cont[_ngcontent-ng-c1432811388] .bal-cont[_ngcontent-ng-c1432811388] button[_ngcontent-ng-c1432811388] mat-icon[_ngcontent-ng-c1432811388] {
        font-size: 16px;
        color: var(--white-color);
        width: auto;
        height: auto;
        margin-bottom: -2px;
        margin-right: 0
    }

    .header-right-cont[_ngcontent-ng-c1432811388] .bal-cont[_ngcontent-ng-c1432811388] bal-wrap[_ngcontent-ng-c1432811388] {
        display: flex;
        justify-content: flex-end;
        align-items: center
    }

    .header-right-cont[_ngcontent-ng-c1432811388] .bal-cont[_ngcontent-ng-c1432811388] .bal-amount[_ngcontent-ng-c1432811388] {
        position: relative;
        cursor: pointer;
        width: 100%;
        flex-direction: row-reverse;
        justify-content: flex-start;
        display: flex;
        align-items: center;
        column-gap: 4px
    }

    .header-right-cont[_ngcontent-ng-c1432811388] .bal-cont[_ngcontent-ng-c1432811388] .bal-amount.show-bal[_ngcontent-ng-c1432811388] .content[_ngcontent-ng-c1432811388] {
        display: flex;
        flex-direction: row-reverse;
        column-gap: 4px;
        align-items: center
    }

    .header-right-cont[_ngcontent-ng-c1432811388] .bal-cont[_ngcontent-ng-c1432811388] .bal-amount.show-bal[_ngcontent-ng-c1432811388] mat-icon[_ngcontent-ng-c1432811388] {
        font-size: 21px;
        width: 21px;
        height: 21px;
        display: flex;
        align-items: center;
        justify-content: center
    }

    .header-right-cont[_ngcontent-ng-c1432811388] .bal-cont[_ngcontent-ng-c1432811388] .bal-amount.exp-bal[_ngcontent-ng-c1432811388] {
        position: relative;
        cursor: pointer;
        width: 100%;
        flex-direction: row-reverse;
        justify-content: flex-start
    }

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

    .header-right-cont[_ngcontent-ng-c1432811388] .bal-cont[_ngcontent-ng-c1432811388] .bal-amount.exp-bal[_ngcontent-ng-c1432811388] p[_ngcontent-ng-c1432811388] {
        text-decoration: underline
    }

    .header-right-cont[_ngcontent-ng-c1432811388] .bal-cont[_ngcontent-ng-c1432811388] .bal-amount[_ngcontent-ng-c1432811388] mat-label[_ngcontent-ng-c1432811388],
    .header-right-cont[_ngcontent-ng-c1432811388] .bal-cont[_ngcontent-ng-c1432811388] .bal-amount[_ngcontent-ng-c1432811388] p[_ngcontent-ng-c1432811388] {
        font-size: 10px;
        color: var(--white-color);
        text-align: right;
        margin: 0;
        min-width: 18px;
        line-height: 1.2;
        text-transform: capitalize
    }

    .header-right-cont[_ngcontent-ng-c1432811388] .bal-cont[_ngcontent-ng-c1432811388] .bal-amount[_ngcontent-ng-c1432811388] mat-label[_ngcontent-ng-c1432811388] {
        font-size: 10px;
        text-align: left
    }

    .header-right-cont[_ngcontent-ng-c1432811388] .deposit-btn[_ngcontent-ng-c1432811388] {
        width: auto;
        height: 25px;
        min-width: 55px;
        font-size: 11px;
        background: var(--white-color);
        color: var(--black-color);
        border-radius: 5px;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: row;
        column-gap: 3px;
        padding: 0 5px;
        text-transform: capitalize
    }

    .header-right-cont[_ngcontent-ng-c1432811388] .deposit-btn[_ngcontent-ng-c1432811388] mat-icon[_ngcontent-ng-c1432811388] {
        margin: 0;
        color: var(--black-color)
    }

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

    .header-right-cont[_ngcontent-ng-c1432811388] .not-loggedIn[_ngcontent-ng-c1432811388] button.demo-btn[_ngcontent-ng-c1432811388] {
        min-width: 30px;
        max-width: 65px;
        background: var(--secondary-color);
        color: var(--secondary-color-contrast);
        padding: 0 10px
    }

    .header-right-cont[_ngcontent-ng-c1432811388] {
        display: flex;
        justify-content: flex-end;
        align-items: center;
        column-gap: 10px;
        min-width: 30px
    }

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

    .header-right-cont[_ngcontent-ng-c1432811388] .loggedIn[_ngcontent-ng-c1432811388] mat-icon[_ngcontent-ng-c1432811388] {
        color: var(--black-color);
        cursor: pointer
    }

    .header-right-cont[_ngcontent-ng-c1432811388] .not-loggedIn[_ngcontent-ng-c1432811388] {
        display: flex;
        align-items: center;
        justify-content: center;
        column-gap: 4px
    }

    .header-right-cont[_ngcontent-ng-c1432811388] .not-loggedIn[_ngcontent-ng-c1432811388] button[_ngcontent-ng-c1432811388] {
        height: 28px;
        max-width: 110px;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        overflow: hidden;
        padding: 0 5px
    }

    .header-right-cont[_ngcontent-ng-c1432811388] button[_ngcontent-ng-c1432811388] {
        background: transparent;
        color: var(--black-color);
        font-weight: 400;
        font-size: 12px;
        border-radius: 7px !important
    }

    h1[_ngcontent-ng-c1432811388] {
        font-size: clamp(18px, 2vw, 20px);
        margin-bottom: 0
    }

    .not-loggedIn[_ngcontent-ng-c1432811388] {
        display: flex;
        align-items: center;
        justify-content: center;
        column-gap: 4px
    }

    .not-loggedIn[_ngcontent-ng-c1432811388] button[_ngcontent-ng-c1432811388] {
        height: 28px;
        max-width: 110px;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        overflow: hidden;
        padding: 0 5px;
        color: var(--black-color);
        border: 1px solid var(--white-color)
    }

    .global-search[_ngcontent-ng-c1432811388] .global-btn[_ngcontent-ng-c1432811388] {
        padding: 0;
        min-width: 0;
        display: flex;
        width: auto;
        height: auto
    }

    .global-search[_ngcontent-ng-c1432811388] .global-btn[_ngcontent-ng-c1432811388] mat-icon[_ngcontent-ng-c1432811388] {
        color: var(--secondary-color-contrast);
        cursor: pointer;
        z-index: 1
    }

    .exp-info {
        background-color: var(--grey-00);
        font-size: 10px;
        padding: 5px;
        border-radius: 5px;
        color: var(--white-color)
    }

    .exp-bal[_ngcontent-ng-c1432811388] {
        position: relative
    }

    .exp-bal[_ngcontent-ng-c1432811388] .show-exp[_ngcontent-ng-c1432811388] {
        position: absolute;
        top: 25px;
        right: 0;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        background-color: var(--grey-00);
        border-radius: 5px;
        padding: 10px;
        white-space: nowrap;
        z-index: 10000;
        min-width: 150px
    }

    .exp-bal[_ngcontent-ng-c1432811388] .show-exp[_ngcontent-ng-c1432811388]:before {
        content: "";
        position: absolute;
        top: -5px;
        right: 15px;
        background-color: var(--grey-00);
        width: 15px;
        height: 15px;
        border-radius: 0;
        transform: rotate(135deg);
        display: flex
    }

    .exp-bal[_ngcontent-ng-c1432811388] .show-exp[_ngcontent-ng-c1432811388] ul[_ngcontent-ng-c1432811388] {
        list-style: none;
        padding-left: 0;
        margin: 0;
        width: 100%;
        display: flex;
        flex-direction: column;
        row-gap: 5px
    }

    .exp-bal[_ngcontent-ng-c1432811388] .show-exp[_ngcontent-ng-c1432811388] ul[_ngcontent-ng-c1432811388] li[_ngcontent-ng-c1432811388] {
        list-style: none;
        display: flex;
        justify-content: space-between;
        align-items: center
    }

    .exp-bal[_ngcontent-ng-c1432811388] .show-exp[_ngcontent-ng-c1432811388] ul[_ngcontent-ng-c1432811388] li[_ngcontent-ng-c1432811388] label[_ngcontent-ng-c1432811388] {
        font-size: 10px
    }

    .exp-bal[_ngcontent-ng-c1432811388] .show-exp[_ngcontent-ng-c1432811388] ul[_ngcontent-ng-c1432811388] li[_ngcontent-ng-c1432811388] p[_ngcontent-ng-c1432811388] {
        margin: 0;
        font-size: 10px;
        text-decoration: none !important
    }

    @media only screen and (max-width: 320px) {
        .logo[_ngcontent-ng-c1432811388] img[_ngcontent-ng-c1432811388] {
            max-width: 75px
        }

        .header-wrapper[_ngcontent-ng-c1432811388] .header-right-cont[_ngcontent-ng-c1432811388] .not-loggedIn[_ngcontent-ng-c1432811388] button[_ngcontent-ng-c1432811388] {
            height: 20px;
            padding: 0 5px;
            font-size: 8px
        }
    }


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


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

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

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

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

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

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

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

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

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

    @media all {

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

    @media all {

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

    .mdc-text-field__affix {
        height: 28px;
        opacity: 0;
        white-space: nowrap
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .mdc-text-field--outlined .mdc-text-field__input {
        height: 100%
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .mdc-notched-outline--notched .mdc-notched-outline__notch {
        padding-left: 0;
        padding-right: 8px;
        border-top: none
    }

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

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

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

    .mdc-line-ripple::before {
        z-index: 1
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .mat-mdc-text-field-wrapper::before {
        content: none
    }

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

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

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

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

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

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

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

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

    .mat-mdc-form-field-error {
        display: block
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .mat-mdc-text-field-wrapper {
        width: 100%
    }

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

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

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

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

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

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

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

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

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

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

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

    @media all {

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

    @media all {

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    div.mat-mdc-select-panel {
        box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
        width: 100%;
        max-height: 275px;
        outline: 0;
        overflow: auto;
        padding: 8px 0;
        border-radius: 4px;
        box-sizing: border-box;
        position: static;
        background-color: var(--mat-select-panel-background-color)
    }

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


    .tab-navigation[_ngcontent-ng-c1896169303] {
        border-radius: 20px 20px 0 0;
        padding: 6px 0;
        background: var(--black-color);
        height: 60px;
        display: flex;
        align-items: center;
        width: 100%;
        position: relative;
        z-index: 100
    }

    .tab-navigation[_ngcontent-ng-c1896169303] button[_ngcontent-ng-c1896169303] {
        width: 100%;
        min-width: auto;
        padding: 0
    }

    .tab-navigation[_ngcontent-ng-c1896169303] button[_ngcontent-ng-c1896169303] .mdc-button__label {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        row-gap: 5px
    }

    .tab-navigation[_ngcontent-ng-c1896169303] button[_ngcontent-ng-c1896169303] .mdc-button__label span[class^=ai-] {
        font-size: 18px;
        color: var(--grey-300)
    }

    .tab-navigation[_ngcontent-ng-c1896169303] button[_ngcontent-ng-c1896169303] .mdc-button__label img {
        width: 30px;
        max-height: 30px;
        display: flex;
        justify-content: center;
        align-items: center;
        background-size: 35px;
        margin: 0 auto
    }

    .tab-navigation[_ngcontent-ng-c1896169303] button[_ngcontent-ng-c1896169303] .mdc-button__label p {
        margin: 0;
        font-size: 10px;
        text-transform: capitalize;
        color: var(--grey-300);
        white-space: nowrap
    }

    .tab-navigation[_ngcontent-ng-c1896169303] button.active-link[_ngcontent-ng-c1896169303] .mdc-button__label span[class^=ai-] {
        color: var(--secondary-color)
    }

    .tab-navigation[_ngcontent-ng-c1896169303] button.active-link[_ngcontent-ng-c1896169303] p[_ngcontent-ng-c1896169303] {
        color: var(--secondary-color)
    }

    .tab-navigation[_ngcontent-ng-c1896169303] button.home[_ngcontent-ng-c1896169303] img[_ngcontent-ng-c1896169303] {
        background-repeat: no-repeat;
        background-position: center -40px
    }

    .tab-navigation[_ngcontent-ng-c1896169303] button.home.active-link[_ngcontent-ng-c1896169303] img[_ngcontent-ng-c1896169303] {
        background-repeat: no-repeat;
        background-position: center -5px
    }

    .tab-navigation[_ngcontent-ng-c1896169303] button.cricket[_ngcontent-ng-c1896169303] img[_ngcontent-ng-c1896169303] {
        background-repeat: no-repeat;
        background-position: center -110px
    }

    .tab-navigation[_ngcontent-ng-c1896169303] button.cricket.active-link[_ngcontent-ng-c1896169303] img[_ngcontent-ng-c1896169303] {
        background-repeat: no-repeat;
        background-position: center -75px
    }

    .tab-navigation[_ngcontent-ng-c1896169303] button.casino[_ngcontent-ng-c1896169303] img[_ngcontent-ng-c1896169303] {
        background-repeat: no-repeat;
        background-position: center -180px
    }

    .tab-navigation[_ngcontent-ng-c1896169303] button.casino.active-link[_ngcontent-ng-c1896169303] img[_ngcontent-ng-c1896169303] {
        background-repeat: no-repeat;
        background-position: center -145px
    }

    .tab-navigation[_ngcontent-ng-c1896169303] button.profile[_ngcontent-ng-c1896169303] img[_ngcontent-ng-c1896169303] {
        background-repeat: no-repeat;
        background-position: center -250px
    }

    .tab-navigation[_ngcontent-ng-c1896169303] button.profile.active-link[_ngcontent-ng-c1896169303] img[_ngcontent-ng-c1896169303] {
        background-repeat: no-repeat;
        background-position: center -215px
    }

    .tab-navigation[_ngcontent-ng-c1896169303] button.market[_ngcontent-ng-c1896169303] img[_ngcontent-ng-c1896169303] {
        background-repeat: no-repeat;
        background-position: center -320px
    }

    .tab-navigation[_ngcontent-ng-c1896169303] button.market.active-link[_ngcontent-ng-c1896169303] img[_ngcontent-ng-c1896169303] {
        background-repeat: no-repeat;
        background-position: center -285px
    }

    .tab-navigation[_ngcontent-ng-c1896169303] button.offers[_ngcontent-ng-c1896169303] img[_ngcontent-ng-c1896169303] {
        background-repeat: no-repeat;
        background-position: center -390px
    }

    .tab-navigation[_ngcontent-ng-c1896169303] button.offers.active-link[_ngcontent-ng-c1896169303] img[_ngcontent-ng-c1896169303] {
        background-repeat: no-repeat;
        background-position: center -355px
    }

    .tab-navigation[_ngcontent-ng-c1896169303] button.refer[_ngcontent-ng-c1896169303] img[_ngcontent-ng-c1896169303] {
        background-repeat: no-repeat;
        background-position: center -460px
    }

    .tab-navigation[_ngcontent-ng-c1896169303] button.refer.active-link[_ngcontent-ng-c1896169303] img[_ngcontent-ng-c1896169303] {
        background-repeat: no-repeat;
        background-position: center -425px
    }

    .tab-navigation[_ngcontent-ng-c1896169303] button.passbook[_ngcontent-ng-c1896169303] img[_ngcontent-ng-c1896169303] {
        background-repeat: no-repeat;
        background-position: center -530px
    }

    .tab-navigation[_ngcontent-ng-c1896169303] button.passbook.active-link[_ngcontent-ng-c1896169303] img[_ngcontent-ng-c1896169303] {
        background-repeat: no-repeat;
        background-position: center -495px
    }

    #menu[_ngcontent-ng-c1896169303] {
        height: 230px;
        margin-bottom: -10px;
        border-radius: 50% 50% 0 0;
        padding: 0
    }

    .menu-item[_ngcontent-ng-c1896169303] {
        width: 60px;
        height: 60px;
        position: absolute;
        left: 50%;
        line-height: 5px;
        bottom: 0;
        margin: -50px 0 0 -50px;
        border-radius: 50%;
        background-color: #424242;
        transform: translate(0);
        transition: transform .5s;
        z-index: 2;
        transition: .5s;
        list-style: none;
        display: flex;
        align-items: center;
        justify-content: center
    }

    .menu-item[_ngcontent-ng-c1896169303] img[_ngcontent-ng-c1896169303] {
        width: 20px;
        height: 20px
    }

    .menu-item[_ngcontent-ng-c1896169303]:hover {
        opacity: .5;
        box-shadow: 0 5px 10px #000
    }

    .container-menu[_ngcontent-ng-c1896169303] ul[_ngcontent-ng-c1896169303]:has(> [_ngcontent-ng-c1896169303]:last-child:nth-child(3)) .menu-item[_ngcontent-ng-c1896169303]:nth-child(4) {
        transform: rotate(60deg) translateY(-150px) rotate(300deg);
        transition-delay: 0s
    }

    .container-menu[_ngcontent-ng-c1896169303] ul[_ngcontent-ng-c1896169303]:has(> [_ngcontent-ng-c1896169303]:last-child:nth-child(3)) .menu-item[_ngcontent-ng-c1896169303]:nth-child(3) {
        transform: rotate(20deg) translateY(-155px) rotate(-20deg);
        transition-delay: .1s
    }

    .container-menu[_ngcontent-ng-c1896169303] ul[_ngcontent-ng-c1896169303]:has(> [_ngcontent-ng-c1896169303]:last-child:nth-child(3)) .menu-item[_ngcontent-ng-c1896169303]:nth-child(2) {
        transform: rotate(-20deg) translateY(-155px) rotate(20deg);
        transition-delay: .2s
    }

    .container-menu[_ngcontent-ng-c1896169303] ul[_ngcontent-ng-c1896169303]:has(> [_ngcontent-ng-c1896169303]:last-child:nth-child(3)) .menu-item[_ngcontent-ng-c1896169303]:nth-child(1) {
        transform: rotate(-60deg) translateY(-150px) rotate(60deg);
        transition-delay: .3s
    }

    .container-menu[_ngcontent-ng-c1896169303] ul[_ngcontent-ng-c1896169303]:has(> [_ngcontent-ng-c1896169303]:last-child:nth-child(4)) .menu-item[_ngcontent-ng-c1896169303]:nth-child(4) {
        transform: rotate(60deg) translateY(-150px) rotate(300deg);
        transition-delay: 0s
    }

    .container-menu[_ngcontent-ng-c1896169303] ul[_ngcontent-ng-c1896169303]:has(> [_ngcontent-ng-c1896169303]:last-child:nth-child(4)) .menu-item[_ngcontent-ng-c1896169303]:nth-child(3) {
        transform: rotate(20deg) translateY(-155px) rotate(-20deg);
        transition-delay: .1s
    }

    .container-menu[_ngcontent-ng-c1896169303] ul[_ngcontent-ng-c1896169303]:has(> [_ngcontent-ng-c1896169303]:last-child:nth-child(4)) .menu-item[_ngcontent-ng-c1896169303]:nth-child(2) {
        transform: rotate(-20deg) translateY(-155px) rotate(20deg);
        transition-delay: .2s
    }

    .container-menu[_ngcontent-ng-c1896169303] ul[_ngcontent-ng-c1896169303]:has(> [_ngcontent-ng-c1896169303]:last-child:nth-child(4)) .menu-item[_ngcontent-ng-c1896169303]:nth-child(1) {
        transform: rotate(-60deg) translateY(-150px) rotate(60deg);
        transition-delay: .3s
    }

    .container-menu[_ngcontent-ng-c1896169303] ul[_ngcontent-ng-c1896169303]:has(> [_ngcontent-ng-c1896169303]:last-child:nth-child(6)) .menu-item[_ngcontent-ng-c1896169303]:nth-child(6) {
        transform: rotate(64deg) translateY(-150px) rotate(-64deg);
        transition-delay: 0s
    }

    .container-menu[_ngcontent-ng-c1896169303] ul[_ngcontent-ng-c1896169303]:has(> [_ngcontent-ng-c1896169303]:last-child:nth-child(6)) .menu-item[_ngcontent-ng-c1896169303]:nth-child(5) {
        transform: rotate(37deg) translateY(-150px) rotate(-38deg);
        transition-delay: 0s
    }

    .container-menu[_ngcontent-ng-c1896169303] ul[_ngcontent-ng-c1896169303]:has(> [_ngcontent-ng-c1896169303]:last-child:nth-child(6)) .menu-item[_ngcontent-ng-c1896169303]:nth-child(4) {
        transform: rotate(12deg) translateY(-155px) rotate(-12deg);
        transition-delay: 0s
    }

    .container-menu[_ngcontent-ng-c1896169303] ul[_ngcontent-ng-c1896169303]:has(> [_ngcontent-ng-c1896169303]:last-child:nth-child(6)) .menu-item[_ngcontent-ng-c1896169303]:nth-child(3) {
        transform: rotate(-12deg) translateY(-155px) rotate(12deg);
        transition-delay: .1s
    }

    .container-menu[_ngcontent-ng-c1896169303] ul[_ngcontent-ng-c1896169303]:has(> [_ngcontent-ng-c1896169303]:last-child:nth-child(6)) .menu-item[_ngcontent-ng-c1896169303]:nth-child(2) {
        transform: rotate(-37deg) translateY(-155px) rotate(35deg);
        transition-delay: .2s
    }

    .container-menu[_ngcontent-ng-c1896169303] ul[_ngcontent-ng-c1896169303]:has(> [_ngcontent-ng-c1896169303]:last-child:nth-child(6)) .menu-item[_ngcontent-ng-c1896169303]:nth-child(1) {
        transform: rotate(-65deg) translateY(-150px) rotate(65deg);
        transition-delay: .3s
    }

    .container-menu.listview[_ngcontent-ng-c1896169303] ul#menu[_ngcontent-ng-c1896169303] {
        margin-bottom: 0;
        width: -moz-fit-content;
        width: fit-content;
        position: absolute;
        left: calc(25% + 25px);
        bottom: 75px;
        background: var(--grey-50);
        padding: 5px;
        border-radius: 5px;
        height: auto
    }

    .container-menu.listview[_ngcontent-ng-c1896169303] ul#menu[_ngcontent-ng-c1896169303] .menu-item[_ngcontent-ng-c1896169303] {
        width: 60px;
        height: 60px;
        position: unset;
        left: calc(25% + 25px);
        line-height: 5px;
        bottom: 60px;
        background-color: #424242;
        transform: unset !important;
        transition: transform .5s;
        z-index: 2;
        transition: .5s;
        list-style: none;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0 0 5px;
        border-radius: 0
    }

    .container-menu.listview[_ngcontent-ng-c1896169303] ul#menu[_ngcontent-ng-c1896169303] .menu-item[_ngcontent-ng-c1896169303]:last-child {
        margin-bottom: 0
    }

    .menu-item[_ngcontent-ng-c1896169303] a[_ngcontent-ng-c1896169303] {
        color: #fff;
        position: relative;
        left: 0;
        text-decoration: none;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center
    }

    .menu-item[_ngcontent-ng-c1896169303] a[_ngcontent-ng-c1896169303] p[_ngcontent-ng-c1896169303] {
        margin: 5px 0 0;
        font-size: 9px;
        text-align: center;
        line-height: 1;
        padding: 0 5px
    }

    .footer-subMenu.mat-mdc-menu-panel {
        background: var(--grey-75);
        min-width: 160px;
        margin-bottom: 15px;
        border-radius: 10px
    }

    .footer-subMenu.mat-mdc-menu-panel .fs-menu-item {
        min-height: auto;
        height: 40px;
        padding: 0 5px;
        max-width: calc(100% - 15px);
        margin: auto auto 10px;
        background: var(--grey-100);
        border: 1px solid var(--grey-100);
        border-radius: 10px
    }

    .footer-subMenu.mat-mdc-menu-panel .fs-menu-item:hover {
        border: 1px solid var(--grey-100)
    }

    .footer-subMenu.mat-mdc-menu-panel .fs-menu-item.active-link {
        background: var(--grey-00);
        border: 1px solid var(--secondary-color)
    }

    .footer-subMenu.mat-mdc-menu-panel .fs-menu-item:last-child {
        margin-bottom: 0
    }

    .footer-subMenu.mat-mdc-menu-panel .fs-menu-item .mat-mdc-menu-item-text {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        column-gap: 5px
    }

    .footer-subMenu.mat-mdc-menu-panel .fs-menu-item .mat-mdc-menu-item-text img {
        width: 20px;
        height: 20px
    }

    .footer-subMenu.mat-mdc-menu-panel .fs-menu-item .mat-mdc-menu-item-text p {
        font-size: 12px
    }

    .plt-pwa[_ngcontent-ng-c1896169303] .tab-navigation[_ngcontent-ng-c1896169303] {
        height: 70px;
        padding-bottom: 15px
    }


    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
    }


    .mat-pseudo-checkbox {
        border-radius: 2px;
        cursor: pointer;
        display: inline-block;
        vertical-align: middle;
        box-sizing: border-box;
        position: relative;
        flex-shrink: 0;
        transition: border-color 90ms cubic-bezier(0, 0, 0.2, 0.1), background-color 90ms cubic-bezier(0, 0, 0.2, 0.1)
    }

    .mat-pseudo-checkbox::after {
        position: absolute;
        opacity: 0;
        content: "";
        border-bottom: 2px solid currentColor;
        transition: opacity 90ms cubic-bezier(0, 0, 0.2, 0.1)
    }

    .mat-pseudo-checkbox._mat-animation-noopable {
        transition: none !important;
        animation: none !important
    }

    .mat-pseudo-checkbox._mat-animation-noopable::after {
        transition: none
    }

    .mat-pseudo-checkbox-disabled {
        cursor: default
    }

    .mat-pseudo-checkbox-indeterminate::after {
        left: 1px;
        opacity: 1;
        border-radius: 2px
    }

    .mat-pseudo-checkbox-checked::after {
        left: 1px;
        border-left: 2px solid currentColor;
        transform: rotate(-45deg);
        opacity: 1;
        box-sizing: content-box
    }

    .mat-pseudo-checkbox-full {
        border: 2px solid
    }

    .mat-pseudo-checkbox-full.mat-pseudo-checkbox-checked,
    .mat-pseudo-checkbox-full.mat-pseudo-checkbox-indeterminate {
        border-color: rgba(0, 0, 0, 0)
    }

    .mat-pseudo-checkbox {
        width: 18px;
        height: 18px
    }

    .mat-pseudo-checkbox-minimal.mat-pseudo-checkbox-checked::after {
        width: 14px;
        height: 6px;
        transform-origin: center;
        top: -4.2426406871px;
        left: 0;
        bottom: 0;
        right: 0;
        margin: auto
    }

    .mat-pseudo-checkbox-minimal.mat-pseudo-checkbox-indeterminate::after {
        top: 8px;
        width: 16px
    }

    .mat-pseudo-checkbox-full.mat-pseudo-checkbox-checked::after {
        width: 10px;
        height: 4px;
        transform-origin: center;
        top: -2.8284271247px;
        left: 0;
        bottom: 0;
        right: 0;
        margin: auto
    }

    .mat-pseudo-checkbox-full.mat-pseudo-checkbox-indeterminate::after {
        top: 6px;
        width: 12px
    }


    .page-header[_ngcontent-ng-c2524505917] {
        margin-bottom: 0
    }

    .container[_ngcontent-ng-c2524505917]:has(.demoid-marquee) .page-body[_ngcontent-ng-c2524505917] {
        max-height: calc(100% - 150px)
    }

    .page-body[_ngcontent-ng-c2524505917] {
        max-height: calc(100% - 120px);
        overflow-y: auto
    }

    .page-footer[_ngcontent-ng-c2524505917] {
        padding: 10px;
        background-color: var(--grey-00)
    }

    .cart-page[_ngcontent-ng-c2524505917] .cart-wrap[_ngcontent-ng-c2524505917] {
        margin-bottom: 10px
    }

    .cart-page[_ngcontent-ng-c2524505917] .cart-wrap[_ngcontent-ng-c2524505917]:last-child,
    .cart-page[_ngcontent-ng-c2524505917] .cart-wrap[_ngcontent-ng-c2524505917]:only-child {
        margin-bottom: 0
    }

    .cart-page[_ngcontent-ng-c2524505917] .cart-wrap[_ngcontent-ng-c2524505917] .cart-head[_ngcontent-ng-c2524505917] {
        display: flex;
        justify-content: space-between;
        align-items: center
    }

    .cart-page[_ngcontent-ng-c2524505917] .cart-wrap[_ngcontent-ng-c2524505917] .cart-head[_ngcontent-ng-c2524505917] h1[_ngcontent-ng-c2524505917] {
        color: var(--white-color);
        font-size: 14px;

        margin: 0;
        text-transform: capitalize
    }

    .cart-page[_ngcontent-ng-c2524505917] .cart-wrap[_ngcontent-ng-c2524505917] .cart-head[_ngcontent-ng-c2524505917] .rt-s[_ngcontent-ng-c2524505917] {
        display: flex;
        justify-content: flex-end;
        align-items: center
    }

    .cart-page[_ngcontent-ng-c2524505917] .cart-wrap[_ngcontent-ng-c2524505917] .cart-head[_ngcontent-ng-c2524505917] .rt-s[_ngcontent-ng-c2524505917] button[_ngcontent-ng-c2524505917] {
        font-size: 10px
    }

    .cart-page[_ngcontent-ng-c2524505917] .cart-wrap[_ngcontent-ng-c2524505917] .cart-head[_ngcontent-ng-c2524505917] .rt-s[_ngcontent-ng-c2524505917] button.clear-btn[_ngcontent-ng-c2524505917] {
        color: var(--red-color)
    }

    .cart-page[_ngcontent-ng-c2524505917] .cart-wrap[_ngcontent-ng-c2524505917] .cart-head[_ngcontent-ng-c2524505917] .rt-s[_ngcontent-ng-c2524505917] button.create-btn[_ngcontent-ng-c2524505917] {
        max-width: 100px;
        background: var(--secondary-color);
        color: var(--secondary-color-contrast);
        padding: 0 6px;
        height: 25px;
        min-width: auto;
        border-radius: 5px
    }

    .cart-page[_ngcontent-ng-c2524505917] .cart-wrap[_ngcontent-ng-c2524505917] .card-wrap[_ngcontent-ng-c2524505917] {
        background-color: var(--grey-75);
        border-radius: 8px;
        padding: 10px;
        margin-bottom: 8px
    }

    .cart-page[_ngcontent-ng-c2524505917] .cart-wrap[_ngcontent-ng-c2524505917] .card-wrap[_ngcontent-ng-c2524505917]:last-child,
    .cart-page[_ngcontent-ng-c2524505917] .cart-wrap[_ngcontent-ng-c2524505917] .card-wrap[_ngcontent-ng-c2524505917]:only-child {
        margin-bottom: 0
    }

    .cart-page[_ngcontent-ng-c2524505917] .cart-wrap[_ngcontent-ng-c2524505917] .card-wrap[_ngcontent-ng-c2524505917] .card-header[_ngcontent-ng-c2524505917] {
        display: flex;
        justify-content: space-between;
        align-items: center;
        border-bottom: .55px solid var(--grey-100);
        padding-bottom: 10px
    }

    .cart-page[_ngcontent-ng-c2524505917] .cart-wrap[_ngcontent-ng-c2524505917] .card-wrap[_ngcontent-ng-c2524505917] .card-header[_ngcontent-ng-c2524505917] .card-ls[_ngcontent-ng-c2524505917] {
        display: flex;
        justify-content: flex-start;
        align-items: center
    }

    .cart-page[_ngcontent-ng-c2524505917] .cart-wrap[_ngcontent-ng-c2524505917] .card-wrap[_ngcontent-ng-c2524505917] .card-header[_ngcontent-ng-c2524505917] .card-ls[_ngcontent-ng-c2524505917] img[_ngcontent-ng-c2524505917] {
        max-width: 35px;
        border-radius: 50%;
        margin-right: 10px
    }

    .cart-page[_ngcontent-ng-c2524505917] .cart-wrap[_ngcontent-ng-c2524505917] .card-wrap[_ngcontent-ng-c2524505917] .card-header[_ngcontent-ng-c2524505917] .card-ls[_ngcontent-ng-c2524505917] .prod-info[_ngcontent-ng-c2524505917] h2[_ngcontent-ng-c2524505917] {
        font-size: 12px;

        color: var(--white-color);
        margin: 0
    }

    .cart-page[_ngcontent-ng-c2524505917] .cart-wrap[_ngcontent-ng-c2524505917] .card-wrap[_ngcontent-ng-c2524505917] .card-header[_ngcontent-ng-c2524505917] .card-ls[_ngcontent-ng-c2524505917] .prod-info[_ngcontent-ng-c2524505917] p[_ngcontent-ng-c2524505917] {
        font-size: 10px;
        color: var(--white-color);
        opacity: .8;
        margin: 0
    }

    .cart-page[_ngcontent-ng-c2524505917] .cart-wrap[_ngcontent-ng-c2524505917] .card-wrap[_ngcontent-ng-c2524505917] .card-header[_ngcontent-ng-c2524505917] .card-rs[_ngcontent-ng-c2524505917] {
        display: flex;
        justify-content: center;
        text-align: right;
        align-content: flex-end;
        flex-direction: column
    }

    .cart-page[_ngcontent-ng-c2524505917] .cart-wrap[_ngcontent-ng-c2524505917] .card-wrap[_ngcontent-ng-c2524505917] .card-header[_ngcontent-ng-c2524505917] .card-rs[_ngcontent-ng-c2524505917] label[_ngcontent-ng-c2524505917] {
        font-size: 10px;
        font-family: 'Poppins';
        color: var(--white-color);
        opacity: .7
    }

    .cart-page[_ngcontent-ng-c2524505917] .cart-wrap[_ngcontent-ng-c2524505917] .card-wrap[_ngcontent-ng-c2524505917] .card-header[_ngcontent-ng-c2524505917] .card-rs[_ngcontent-ng-c2524505917] p.amt[_ngcontent-ng-c2524505917] {
        font-size: 14px;

        margin: 0 0 0 5px;
        color: var(--secondary-color)
    }

    .cart-page[_ngcontent-ng-c2524505917] .cart-wrap[_ngcontent-ng-c2524505917] .card-wrap[_ngcontent-ng-c2524505917] .acc-header[_ngcontent-ng-c2524505917] {
        padding: 10px 0 0;
        display: flex;
        justify-content: space-between;
        align-items: center
    }

    .cart-page[_ngcontent-ng-c2524505917] .cart-wrap[_ngcontent-ng-c2524505917] .card-wrap[_ngcontent-ng-c2524505917] .acc-header[_ngcontent-ng-c2524505917] .acc-ls[_ngcontent-ng-c2524505917] .coins-rate[_ngcontent-ng-c2524505917] {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        column-gap: 5px
    }

    .cart-page[_ngcontent-ng-c2524505917] .cart-wrap[_ngcontent-ng-c2524505917] .card-wrap[_ngcontent-ng-c2524505917] .acc-header[_ngcontent-ng-c2524505917] .acc-ls[_ngcontent-ng-c2524505917] .coins-rate[_ngcontent-ng-c2524505917] label[_ngcontent-ng-c2524505917] {
        color: var(--white-color);
        font-size: 10px;
        font-family: 'Poppins'
    }

    .cart-page[_ngcontent-ng-c2524505917] .cart-wrap[_ngcontent-ng-c2524505917] .card-wrap[_ngcontent-ng-c2524505917] .acc-header[_ngcontent-ng-c2524505917] .acc-ls[_ngcontent-ng-c2524505917] .coins-rate[_ngcontent-ng-c2524505917] p[_ngcontent-ng-c2524505917] {
        display: flex;
        justify-content: flex-start;
        column-gap: 5px;
        align-items: center;
        font-size: 10px;
        font-family: 'Poppins';
        margin: 0
    }

    .cart-page[_ngcontent-ng-c2524505917] .cart-wrap[_ngcontent-ng-c2524505917] .card-wrap[_ngcontent-ng-c2524505917] .acc-header[_ngcontent-ng-c2524505917] .acc-ls[_ngcontent-ng-c2524505917] .coins-rate[_ngcontent-ng-c2524505917] p[_ngcontent-ng-c2524505917] span.currency-type[_ngcontent-ng-c2524505917] {
        background-color: var(--secondary-color);
        color: var(--secondary-color-contrast);
        padding: 1px 5px;
        border-radius: 4px;

    }

    .cart-page[_ngcontent-ng-c2524505917] .cart-wrap[_ngcontent-ng-c2524505917] .card-wrap[_ngcontent-ng-c2524505917] .acc-header[_ngcontent-ng-c2524505917] .acc-ls[_ngcontent-ng-c2524505917] .date-time[_ngcontent-ng-c2524505917] p[_ngcontent-ng-c2524505917] {
        margin: 0;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        font-size: 12px
    }

    .cart-page[_ngcontent-ng-c2524505917] .cart-wrap[_ngcontent-ng-c2524505917] .card-wrap[_ngcontent-ng-c2524505917] .acc-header[_ngcontent-ng-c2524505917] .acc-ls[_ngcontent-ng-c2524505917] .date-time[_ngcontent-ng-c2524505917] p[_ngcontent-ng-c2524505917] mat-icon[_ngcontent-ng-c2524505917] {
        font-size: 18px;
        min-width: auto;
        min-height: auto
    }

    .cart-page[_ngcontent-ng-c2524505917] .cart-wrap[_ngcontent-ng-c2524505917] .card-wrap[_ngcontent-ng-c2524505917] .acc-header[_ngcontent-ng-c2524505917] .acc-rs[_ngcontent-ng-c2524505917] .acc-btn[_ngcontent-ng-c2524505917] {
        display: flex;
        justify-content: flex-end;
        align-items: center;
        column-gap: 10px
    }

    .cart-page[_ngcontent-ng-c2524505917] .cart-wrap[_ngcontent-ng-c2524505917] .card-wrap[_ngcontent-ng-c2524505917] .acc-header[_ngcontent-ng-c2524505917] .acc-rs[_ngcontent-ng-c2524505917] .acc-btn[_ngcontent-ng-c2524505917] button[_ngcontent-ng-c2524505917] {
        max-width: unset;
        color: var(--white-color);
        padding: 0 6px;
        height: 25px;
        min-width: auto;
        border-radius: 5px;
        font-size: 10px;
        letter-spacing: 1px;
        font-family: 'Poppins'
    }

    .cart-page[_ngcontent-ng-c2524505917] .cart-wrap[_ngcontent-ng-c2524505917] .card-wrap[_ngcontent-ng-c2524505917] .acc-header[_ngcontent-ng-c2524505917] .acc-rs[_ngcontent-ng-c2524505917] .acc-btn[_ngcontent-ng-c2524505917] button.arrow-btn[_ngcontent-ng-c2524505917] {
        border-radius: 50%;
        min-width: 25px;
        width: 25px;
        height: 25px;
        padding: 0;
        display: flex;
        justify-content: center;
        align-items: center
    }

    .cart-page[_ngcontent-ng-c2524505917] .cart-wrap[_ngcontent-ng-c2524505917] .card-wrap[_ngcontent-ng-c2524505917] .acc-header[_ngcontent-ng-c2524505917] .acc-rs[_ngcontent-ng-c2524505917] .acc-btn[_ngcontent-ng-c2524505917] button.arrow-btn[_ngcontent-ng-c2524505917] mat-icon[_ngcontent-ng-c2524505917] {
        font-size: 18px;
        width: auto;
        height: auto;
        min-width: auto;
        min-height: auto;
        margin-right: 0;
        margin-left: 0
    }

    .cart-page[_ngcontent-ng-c2524505917] .cart-wrap[_ngcontent-ng-c2524505917] .card-wrap[_ngcontent-ng-c2524505917] .acc-body[_ngcontent-ng-c2524505917] .rate-info[_ngcontent-ng-c2524505917] {
        background-color: var(--grey-50);
        border-radius: 8px
    }

    .cart-page[_ngcontent-ng-c2524505917] .cart-wrap[_ngcontent-ng-c2524505917] .card-wrap[_ngcontent-ng-c2524505917] .acc-body[_ngcontent-ng-c2524505917] .rate-info[_ngcontent-ng-c2524505917] ul[_ngcontent-ng-c2524505917] {
        display: flex;
        justify-content: space-between;
        list-style: none;
        align-items: center;
        padding: 10px 15px;
        margin-bottom: 0
    }

    .cart-page[_ngcontent-ng-c2524505917] .cart-wrap[_ngcontent-ng-c2524505917] .card-wrap[_ngcontent-ng-c2524505917] .acc-body[_ngcontent-ng-c2524505917] .rate-info[_ngcontent-ng-c2524505917] ul[_ngcontent-ng-c2524505917] li[_ngcontent-ng-c2524505917] {
        list-style: none;
        display: flex;
        flex-direction: column
    }

    .cart-page[_ngcontent-ng-c2524505917] .cart-wrap[_ngcontent-ng-c2524505917] .card-wrap[_ngcontent-ng-c2524505917] .acc-body[_ngcontent-ng-c2524505917] .rate-info[_ngcontent-ng-c2524505917] ul[_ngcontent-ng-c2524505917] li[_ngcontent-ng-c2524505917] label[_ngcontent-ng-c2524505917] {
        font-size: 10px;
        color: var(--white-color);
        opacity: .8
    }

    .cart-page[_ngcontent-ng-c2524505917] .cart-wrap[_ngcontent-ng-c2524505917] .card-wrap[_ngcontent-ng-c2524505917] .acc-body[_ngcontent-ng-c2524505917] .rate-info[_ngcontent-ng-c2524505917] ul[_ngcontent-ng-c2524505917] li[_ngcontent-ng-c2524505917] p[_ngcontent-ng-c2524505917] {
        font-size: 12px;
        margin: 0;
        color: var(--white-color)
    }

    .cart-page[_ngcontent-ng-c2524505917] .cart-wrap[_ngcontent-ng-c2524505917] .card-wrap[_ngcontent-ng-c2524505917] .acc-body[_ngcontent-ng-c2524505917] .info-cont[_ngcontent-ng-c2524505917] ul[_ngcontent-ng-c2524505917] {
        margin: 0;
        list-style: none;
        padding: 10px 15px 0
    }

    .cart-page[_ngcontent-ng-c2524505917] .cart-wrap[_ngcontent-ng-c2524505917] .card-wrap[_ngcontent-ng-c2524505917] .acc-body[_ngcontent-ng-c2524505917] .info-cont[_ngcontent-ng-c2524505917] ul[_ngcontent-ng-c2524505917] li[_ngcontent-ng-c2524505917] {
        list-style: none;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        column-gap: 10px;
        font-size: 10px;
        opacity: .7
    }

    .cart-page[_ngcontent-ng-c2524505917] .cart-wrap[_ngcontent-ng-c2524505917] .card-wrap[_ngcontent-ng-c2524505917] .acc-body[_ngcontent-ng-c2524505917] .info-cont[_ngcontent-ng-c2524505917] ul[_ngcontent-ng-c2524505917] li[_ngcontent-ng-c2524505917] label[_ngcontent-ng-c2524505917] {
        color: var(--white-color)
    }

    .cart-page[_ngcontent-ng-c2524505917] .cart-wrap[_ngcontent-ng-c2524505917] .card-wrap[_ngcontent-ng-c2524505917] .acc-body[_ngcontent-ng-c2524505917] .info-cont[_ngcontent-ng-c2524505917] ul[_ngcontent-ng-c2524505917] li[_ngcontent-ng-c2524505917] p[_ngcontent-ng-c2524505917] {
        margin: 0;
        color: var(--white-color)
    }

    .site-not-listed[_ngcontent-ng-c2524505917] {
        height: calc(100% - 169px);
        margin: 60px 0;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        width: 100%
    }

    .site-not-listed[_ngcontent-ng-c2524505917] mat-icon[_ngcontent-ng-c2524505917] {
        font-size: 40px;
        color: var(--grey-100);
        width: auto;
        height: auto;
        opacity: .7
    }

    .site-not-listed[_ngcontent-ng-c2524505917] h3[_ngcontent-ng-c2524505917] {

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

    .site-not-listed[_ngcontent-ng-c2524505917] h3[_ngcontent-ng-c2524505917] img[_ngcontent-ng-c2524505917] {
        width: 18px;
        margin-top: 3px;
        margin-left: 10px
    }