@media(forced-colors: active) {

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


cdk-virtual-scroll-viewport {
    display: block;
    position: relative;
    transform: translateZ(0)
}

.cdk-virtual-scrollable {
    overflow: auto;
    will-change: scroll-position;
    contain: strict
}

.cdk-virtual-scroll-content-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    contain: content
}

[dir=rtl] .cdk-virtual-scroll-content-wrapper {
    right: 0;
    left: auto
}

.cdk-virtual-scroll-orientation-horizontal .cdk-virtual-scroll-content-wrapper {
    min-height: 100%
}

.cdk-virtual-scroll-orientation-horizontal .cdk-virtual-scroll-content-wrapper>dl:not([cdkVirtualFor]),
.cdk-virtual-scroll-orientation-horizontal .cdk-virtual-scroll-content-wrapper>ol:not([cdkVirtualFor]),
.cdk-virtual-scroll-orientation-horizontal .cdk-virtual-scroll-content-wrapper>table:not([cdkVirtualFor]),
.cdk-virtual-scroll-orientation-horizontal .cdk-virtual-scroll-content-wrapper>ul:not([cdkVirtualFor]) {
    padding-left: 0;
    padding-right: 0;
    margin-left: 0;
    margin-right: 0;
    border-left-width: 0;
    border-right-width: 0;
    outline: none
}

.cdk-virtual-scroll-orientation-vertical .cdk-virtual-scroll-content-wrapper {
    min-width: 100%
}

.cdk-virtual-scroll-orientation-vertical .cdk-virtual-scroll-content-wrapper>dl:not([cdkVirtualFor]),
.cdk-virtual-scroll-orientation-vertical .cdk-virtual-scroll-content-wrapper>ol:not([cdkVirtualFor]),
.cdk-virtual-scroll-orientation-vertical .cdk-virtual-scroll-content-wrapper>table:not([cdkVirtualFor]),
.cdk-virtual-scroll-orientation-vertical .cdk-virtual-scroll-content-wrapper>ul:not([cdkVirtualFor]) {
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 0;
    margin-bottom: 0;
    border-top-width: 0;
    border-bottom-width: 0;
    outline: none
}

.cdk-virtual-scroll-spacer {
    height: 1px;
    transform-origin: 0 0;
    flex: 0 0 auto
}

[dir=rtl] .cdk-virtual-scroll-spacer {
    transform-origin: 100% 0
}



.market-header[_ngcontent-serverApp-c1583271242] {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    position: relative;
    height: var(--header-height)
}

.market-header[_ngcontent-serverApp-c1583271242] .block[_ngcontent-serverApp-c1583271242] a.logo[_ngcontent-serverApp-c1583271242] {
    color: #fff;
    background: #1888b8;
    width: 60px;
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    align-self: center
}

.market-header[_ngcontent-serverApp-c1583271242] .block[_ngcontent-serverApp-c1583271242] a.logo[_ngcontent-serverApp-c1583271242] mat-icon[_ngcontent-serverApp-c1583271242] {
    width: 38px;
    height: 43px
}

.market-header[_ngcontent-serverApp-c1583271242] .block[_ngcontent-serverApp-c1583271242] a.logo[_ngcontent-serverApp-c1583271242] .name[_ngcontent-serverApp-c1583271242] {
    font-weight: 700;
    font-size: 12px;
    line-height: 15px;
    color: #fff;
    margin-top: 4px
}

.market-header[_ngcontent-serverApp-c1583271242] .block[_ngcontent-serverApp-c1583271242] a.logo[_ngcontent-serverApp-c1583271242]:before {
    display: none
}

.market-header[_ngcontent-serverApp-c1583271242] .nav[_ngcontent-serverApp-c1583271242] {
    display: flex
}

.market-header[_ngcontent-serverApp-c1583271242] .nav[_ngcontent-serverApp-c1583271242] ul[_ngcontent-serverApp-c1583271242] {
    margin: 0 0 0 13px;
    padding: 0;
    list-style: none;
    display: flex;
    align-items: center
}

.market-header[_ngcontent-serverApp-c1583271242] .nav[_ngcontent-serverApp-c1583271242] ul[_ngcontent-serverApp-c1583271242] li[_ngcontent-serverApp-c1583271242] {
    font-weight: 600;
    font-size: 14px;
    height: 100%;
    line-height: 16px;
    margin: 0
}

.market-header[_ngcontent-serverApp-c1583271242] .nav[_ngcontent-serverApp-c1583271242] ul[_ngcontent-serverApp-c1583271242] li[_ngcontent-serverApp-c1583271242] a[_ngcontent-serverApp-c1583271242] {
    height: 100%;
    display: inline-flex;
    align-items: center;
    padding: 0 10px;
    color: #ffffffb2
}

.market-header[_ngcontent-serverApp-c1583271242] .nav[_ngcontent-serverApp-c1583271242] ul[_ngcontent-serverApp-c1583271242] li[_ngcontent-serverApp-c1583271242] a[_ngcontent-serverApp-c1583271242]:hover {
    color: #fff
}

.market-header[_ngcontent-serverApp-c1583271242] .nav[_ngcontent-serverApp-c1583271242] ul[_ngcontent-serverApp-c1583271242] li[_ngcontent-serverApp-c1583271242] a.active[_ngcontent-serverApp-c1583271242] {
    opacity: 1;
    color: #43c7ff
}

.market-header[_ngcontent-serverApp-c1583271242] .nav[_ngcontent-serverApp-c1583271242] ul[_ngcontent-serverApp-c1583271242] li.active[_ngcontent-serverApp-c1583271242],
.market-header[_ngcontent-serverApp-c1583271242] .nav[_ngcontent-serverApp-c1583271242] ul[_ngcontent-serverApp-c1583271242] li.active[_ngcontent-serverApp-c1583271242] a[_ngcontent-serverApp-c1583271242] {
    color: #fff
}

.market-header[_ngcontent-serverApp-c1583271242] .nav[_ngcontent-serverApp-c1583271242] ul[_ngcontent-serverApp-c1583271242] li[_ngcontent-serverApp-c1583271242]:last-child {
    margin: 0
}

.market-header[_ngcontent-serverApp-c1583271242] .block[_ngcontent-serverApp-c1583271242] {
    display: flex;
    overflow: hidden
}

.market-header[_ngcontent-serverApp-c1583271242] .block[_ngcontent-serverApp-c1583271242] .lang[_ngcontent-serverApp-c1583271242] {
    display: flex;
    justify-content: center;
    align-items: center
}

.market-header[_ngcontent-serverApp-c1583271242] .block.menu[_ngcontent-serverApp-c1583271242] {
    overflow: initial;
    justify-content: flex-start
}

.market-header[_ngcontent-serverApp-c1583271242] .block.apps[_ngcontent-serverApp-c1583271242] {
    justify-content: center;
    flex-grow: 1
}

.market-header[_ngcontent-serverApp-c1583271242] .block.right[_ngcontent-serverApp-c1583271242] {
    overflow: initial;
    gap: 10px;
    align-items: center
}

.market-header[_ngcontent-serverApp-c1583271242] .block[_ngcontent-serverApp-c1583271242] a.dropdown[_ngcontent-serverApp-c1583271242] {
    height: 100%;
    cursor: pointer;
    outline: none;
    padding: 21px 10px;
    font-weight: 700;
    font-size: 14px;
    line-height: 16px;
    color: #ffffffb2;
    box-sizing: border-box;
    border: none;
    -webkit-appearance: none;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center
}

.market-header[_ngcontent-serverApp-c1583271242] .block[_ngcontent-serverApp-c1583271242] a.dropdown.user-photo[_ngcontent-serverApp-c1583271242]:before {
    right: 0
}

.market-header[_ngcontent-serverApp-c1583271242] .block[_ngcontent-serverApp-c1583271242] a.dropdown.projects[_ngcontent-serverApp-c1583271242] {
    white-space: nowrap
}

.market-header[_ngcontent-serverApp-c1583271242] .block[_ngcontent-serverApp-c1583271242] .notification[_ngcontent-serverApp-c1583271242] {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 7px;
    position: relative;
    color: #ffffff80
}

.market-header[_ngcontent-serverApp-c1583271242] .block[_ngcontent-serverApp-c1583271242] .notification[_ngcontent-serverApp-c1583271242] .count[_ngcontent-serverApp-c1583271242] {
    background: #f24c05;
    font-size: 12px;
    line-height: 130%;
    position: absolute;
    color: #fff;
    border-radius: 50%;
    width: 16px;
    height: 16px;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 18px;
    right: -8px
}

.market-header[_ngcontent-serverApp-c1583271242] .row[_ngcontent-serverApp-c1583271242] {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    width: 100%;
    box-sizing: border-box;
    height: 60px
}

@media (max-width: 1400px) {
    .market-header[_ngcontent-serverApp-c1583271242] .row[_ngcontent-serverApp-c1583271242] {
        padding: 0
    }
}

.market-header[_ngcontent-serverApp-c1583271242] .row[_ngcontent-serverApp-c1583271242]:first-child {
    background: #181a1e
}

.market-header[_ngcontent-serverApp-c1583271242] .row[_ngcontent-serverApp-c1583271242]:last-child {
    margin-bottom: 1px
}

.market-header[_ngcontent-serverApp-c1583271242] .market-apps[_ngcontent-serverApp-c1583271242] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    gap: 10px
}

@media (max-width: 1300px) {
    .market-header[_ngcontent-serverApp-c1583271242] .market-apps[_ngcontent-serverApp-c1583271242] {
        display: none !important
    }
}

.market-header[_ngcontent-serverApp-c1583271242] .market-apps[_ngcontent-serverApp-c1583271242] .steam[_ngcontent-serverApp-c1583271242],
.market-header[_ngcontent-serverApp-c1583271242] .market-apps[_ngcontent-serverApp-c1583271242] .market[_ngcontent-serverApp-c1583271242] {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 20px
}

.market-header[_ngcontent-serverApp-c1583271242] .market-apps[_ngcontent-serverApp-c1583271242] .steam[_ngcontent-serverApp-c1583271242]:hover .desc[_ngcontent-serverApp-c1583271242] .name[_ngcontent-serverApp-c1583271242],
.market-header[_ngcontent-serverApp-c1583271242] .market-apps[_ngcontent-serverApp-c1583271242] .market[_ngcontent-serverApp-c1583271242]:hover .desc[_ngcontent-serverApp-c1583271242] .name[_ngcontent-serverApp-c1583271242] {
    opacity: .6;
    transition: opacity .2s cubic-bezier(.1, .7, .5, 1), color .2s cubic-bezier(.1, .7, .5, 1)
}

.market-header[_ngcontent-serverApp-c1583271242] .market-apps[_ngcontent-serverApp-c1583271242] .steam[_ngcontent-serverApp-c1583271242] .desc[_ngcontent-serverApp-c1583271242],
.market-header[_ngcontent-serverApp-c1583271242] .market-apps[_ngcontent-serverApp-c1583271242] .market[_ngcontent-serverApp-c1583271242] .desc[_ngcontent-serverApp-c1583271242] {
    display: flex;
    flex-direction: column;
    text-align: left;
    align-items: flex-start;
    justify-content: left;
    margin-left: 10px;
    cursor: pointer
}

.market-header[_ngcontent-serverApp-c1583271242] .market-apps[_ngcontent-serverApp-c1583271242] .steam[_ngcontent-serverApp-c1583271242] .desc[_ngcontent-serverApp-c1583271242] div[_ngcontent-serverApp-c1583271242],
.market-header[_ngcontent-serverApp-c1583271242] .market-apps[_ngcontent-serverApp-c1583271242] .market[_ngcontent-serverApp-c1583271242] .desc[_ngcontent-serverApp-c1583271242] div[_ngcontent-serverApp-c1583271242] {
    text-align: left
}

.market-header[_ngcontent-serverApp-c1583271242] .market-apps[_ngcontent-serverApp-c1583271242] .steam[_ngcontent-serverApp-c1583271242] .desc[_ngcontent-serverApp-c1583271242] div.name[_ngcontent-serverApp-c1583271242],
.market-header[_ngcontent-serverApp-c1583271242] .market-apps[_ngcontent-serverApp-c1583271242] .market[_ngcontent-serverApp-c1583271242] .desc[_ngcontent-serverApp-c1583271242] div.name[_ngcontent-serverApp-c1583271242] {
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    color: #fff;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical
}

.market-header[_ngcontent-serverApp-c1583271242] .market-apps[_ngcontent-serverApp-c1583271242] .steam[_ngcontent-serverApp-c1583271242] .desc[_ngcontent-serverApp-c1583271242] div.sub-name[_ngcontent-serverApp-c1583271242],
.market-header[_ngcontent-serverApp-c1583271242] .market-apps[_ngcontent-serverApp-c1583271242] .market[_ngcontent-serverApp-c1583271242] .desc[_ngcontent-serverApp-c1583271242] div.sub-name[_ngcontent-serverApp-c1583271242] {
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    color: #adaeaf
}

.market-header[_ngcontent-serverApp-c1583271242] .market-apps[_ngcontent-serverApp-c1583271242] .steam[_ngcontent-serverApp-c1583271242] .icons[_ngcontent-serverApp-c1583271242],
.market-header[_ngcontent-serverApp-c1583271242] .market-apps[_ngcontent-serverApp-c1583271242] .market[_ngcontent-serverApp-c1583271242] .icons[_ngcontent-serverApp-c1583271242] {
    position: relative
}

.market-header[_ngcontent-serverApp-c1583271242] .market-apps[_ngcontent-serverApp-c1583271242] .steam[_ngcontent-serverApp-c1583271242] .icons[_ngcontent-serverApp-c1583271242] .badge-chrome[_ngcontent-serverApp-c1583271242],
.market-header[_ngcontent-serverApp-c1583271242] .market-apps[_ngcontent-serverApp-c1583271242] .market[_ngcontent-serverApp-c1583271242] .icons[_ngcontent-serverApp-c1583271242] .badge-chrome[_ngcontent-serverApp-c1583271242] {
    position: absolute;
    right: 0;
    bottom: 0;
    transform: translate(25%, 25%)
}

.market-header[_ngcontent-serverApp-c1583271242] .cart-container[_ngcontent-serverApp-c1583271242] {
    position: relative
}

.market-header[_ngcontent-serverApp-c1583271242] .cart-container[_ngcontent-serverApp-c1583271242] .cart[_ngcontent-serverApp-c1583271242] {
    background: #55574e;
    border-radius: 5px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 48px;
    width: 176px;
    padding: 9px 12px 9px 0;
    box-sizing: border-box;
    cursor: pointer
}

.market-header[_ngcontent-serverApp-c1583271242] .cart-container[_ngcontent-serverApp-c1583271242] .cart[_ngcontent-serverApp-c1583271242] .cart-block[_ngcontent-serverApp-c1583271242] {
    display: flex
}

.market-header[_ngcontent-serverApp-c1583271242] .cart-container[_ngcontent-serverApp-c1583271242] .cart[_ngcontent-serverApp-c1583271242] .cart-img[_ngcontent-serverApp-c1583271242] {
    display: flex;
    justify-content: left;
    background: #6b6d5d;
    border-radius: 5px 0 0 5px;
    height: 48px;
    width: 48px;
    align-items: center;
    padding-left: 13px;
    box-sizing: border-box;
    position: relative;
    color: #fff;
    cursor: pointer
}

.market-header[_ngcontent-serverApp-c1583271242] .cart-container[_ngcontent-serverApp-c1583271242] .cart[_ngcontent-serverApp-c1583271242] .cart-value[_ngcontent-serverApp-c1583271242] {
    font-size: 12px;
    line-height: 15px;
    text-align: right;
    color: #fff
}

.market-header[_ngcontent-serverApp-c1583271242] .cart-container[_ngcontent-serverApp-c1583271242] .cart-full-info[_ngcontent-serverApp-c1583271242] {
    position: absolute;
    z-index: 99999;
    padding: 17px 20px 20px;
    width: 375px;
    min-height: 461px;
    background: linear-gradient(180deg, #2c2f32 0% 100%);
    box-shadow: 0 4px 40px -6px #191a1c;
    border-radius: 6px;
    box-sizing: border-box;
    top: calc(100% + 16px);
    right: 0
}

.market-header[_ngcontent-serverApp-c1583271242] .cart-container[_ngcontent-serverApp-c1583271242] .cart-full-info[_ngcontent-serverApp-c1583271242] .m-title[_ngcontent-serverApp-c1583271242] {
    font-weight: 700;
    font-size: 14px;
    line-height: 17px;
    margin-bottom: 16px;
    color: #fff
}

.market-header[_ngcontent-serverApp-c1583271242] .cart-container[_ngcontent-serverApp-c1583271242] .cart-full-info[_ngcontent-serverApp-c1583271242] .list[_ngcontent-serverApp-c1583271242] {
    margin: 0;
    display: flex;
    flex-direction: column
}

.market-header[_ngcontent-serverApp-c1583271242] .cart-container[_ngcontent-serverApp-c1583271242] .cart-full-info[_ngcontent-serverApp-c1583271242] .total-container[_ngcontent-serverApp-c1583271242] {
    margin: 15px 0;
    display: flex
}

.market-header[_ngcontent-serverApp-c1583271242] .cart-container[_ngcontent-serverApp-c1583271242] .cart-full-info[_ngcontent-serverApp-c1583271242] .total-container[_ngcontent-serverApp-c1583271242] .container[_ngcontent-serverApp-c1583271242] {
    width: 50%;
    color: #fff
}

.market-header[_ngcontent-serverApp-c1583271242] .cart-container[_ngcontent-serverApp-c1583271242] .cart-full-info[_ngcontent-serverApp-c1583271242] .total-container[_ngcontent-serverApp-c1583271242] .container[_ngcontent-serverApp-c1583271242] .sub-title[_ngcontent-serverApp-c1583271242] {
    font-weight: 700;
    font-size: 16px;
    line-height: 19px
}

.market-header[_ngcontent-serverApp-c1583271242] .cart-container[_ngcontent-serverApp-c1583271242] .cart-full-info[_ngcontent-serverApp-c1583271242] .total-container[_ngcontent-serverApp-c1583271242] .container[_ngcontent-serverApp-c1583271242]:last-child {
    border-left: 1px solid rgba(255, 255, 255, .04);
    padding-left: 13px
}

.market-header[_ngcontent-serverApp-c1583271242] .cart-container[_ngcontent-serverApp-c1583271242] .cart-full-info[_ngcontent-serverApp-c1583271242] .green-button[_ngcontent-serverApp-c1583271242],
.market-header[_ngcontent-serverApp-c1583271242] .cart-container[_ngcontent-serverApp-c1583271242] .cart-full-info[_ngcontent-serverApp-c1583271242] .transparent-button[_ngcontent-serverApp-c1583271242] {
    height: 42px;
    font-weight: 700;
    font-size: 14px;
    line-height: 130%;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center
}

.market-header[_ngcontent-serverApp-c1583271242] .cart-container[_ngcontent-serverApp-c1583271242] .cart-full-info[_ngcontent-serverApp-c1583271242] .green-button[_ngcontent-serverApp-c1583271242] {
    margin-bottom: 10px
}

.market-header[_ngcontent-serverApp-c1583271242] .cart-container[_ngcontent-serverApp-c1583271242] .cart-full-info[_ngcontent-serverApp-c1583271242] .transparent-button[_ngcontent-serverApp-c1583271242] {
    color: #98b818
}

.market-header[_ngcontent-serverApp-c1583271242] .cart-container[_ngcontent-serverApp-c1583271242] .cart-full-info[_ngcontent-serverApp-c1583271242]:before {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 15px 10px 0;
    border-color: transparent #2c2f32 transparent transparent;
    position: absolute;
    top: -15px;
    right: 10px;
    transform: rotate(90deg)
}

.loading[_ngcontent-serverApp-c1583271242] button[_ngcontent-serverApp-c1583271242] {
    visibility: hidden
}

.products.dropdown[_ngcontent-serverApp-c1583271242] mat-icon[_ngcontent-serverApp-c1583271242],
.user-photo.dropdown[_ngcontent-serverApp-c1583271242]>mat-icon[_ngcontent-serverApp-c1583271242] {
    width: 6px;
    height: 6px;
    min-width: 6px;
    line-height: 0;
    padding-left: 7px;
    opacity: .6
}

.products.dropdown[_ngcontent-serverApp-c1583271242] span[_ngcontent-serverApp-c1583271242]:hover,
.user-photo.dropdown[_ngcontent-serverApp-c1583271242]>span[_ngcontent-serverApp-c1583271242]:hover {
    transition: opacity .2s cubic-bezier(.1, .7, .5, 1), color .2s cubic-bezier(.1, .7, .5, 1)
}

.login-menu-item[_ngcontent-serverApp-c1583271242] {
    --mat-menu-item-spacing: 9px;
    padding: 10px 12px;
    color: #adaeaf;
    transition: .2s ease
}

.login-menu-item[_ngcontent-serverApp-c1583271242] mat-icon[_ngcontent-serverApp-c1583271242] {
    width: 16px;
    height: 16px;
    color: inherit
}

.login-menu-item[_ngcontent-serverApp-c1583271242]:hover {
    background-color: #202227 !important;
    color: #fff
}

.inventory-menu-item[_ngcontent-serverApp-c1583271242] {
    height: 40px;
    min-height: unset;
    --mat-menu-item-label-text-color: #FFFFFFB2;
    --mat-menu-item-hover-state-layer-color: #1B1E22
}

.inventory-menu-item[_ngcontent-serverApp-c1583271242] .badge[_ngcontent-serverApp-c1583271242] {
    background-color: #f24c05;
    color: #fff;
    border-radius: 6px;
    padding: 1px 3px;
    font-size: 12px;
    font-weight: 700;
    margin-left: 6px
}

.red-dot[_ngcontent-serverApp-c1583271242] {
    border-radius: 6px;
    background: #f24c05;
    margin-right: 5px;
    width: 5px;
    height: 5px
}



[_nghost-serverApp-c4209782320] {
    display: flex;
    justify-content: center;
    align-items: center
}

.apps[_ngcontent-serverApp-c4209782320] {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    box-sizing: border-box;
    padding: 9px 12px;
    cursor: pointer;
    min-width: unset !important
}

.apps[_ngcontent-serverApp-c4209782320] .description[_ngcontent-serverApp-c4209782320] {
    display: flex;
    flex-direction: column;
    margin-left: 10px
}

.apps[_ngcontent-serverApp-c4209782320] .description[_ngcontent-serverApp-c4209782320] .title[_ngcontent-serverApp-c4209782320] {
    font-weight: 600
}

.apps[_ngcontent-serverApp-c4209782320] .description[_ngcontent-serverApp-c4209782320] .sign[_ngcontent-serverApp-c4209782320] {
    color: #adaeaf;
    font-size: 12px
}

.links-list[_ngcontent-serverApp-c4209782320] {
    display: flex;
    flex-direction: column;
    margin: 0;
    padding: 0
}

.links-list[_ngcontent-serverApp-c4209782320] .link[_ngcontent-serverApp-c4209782320] {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    list-style-type: none;
    height: 40px;
    padding: 0 12px
}

.links-list[_ngcontent-serverApp-c4209782320] .link[_ngcontent-serverApp-c4209782320] a[_ngcontent-serverApp-c4209782320] {
    color: #ffffffb3
}

.links-list[_ngcontent-serverApp-c4209782320] .link[_ngcontent-serverApp-c4209782320]:hover {
    background-color: #1c1e22
}

.market[_ngcontent-serverApp-c4209782320] {
    display: flex
}

.market[_ngcontent-serverApp-c4209782320] .desc[_ngcontent-serverApp-c4209782320] {
    margin-left: 10px
}

.market[_ngcontent-serverApp-c4209782320] .desc[_ngcontent-serverApp-c4209782320] .name[_ngcontent-serverApp-c4209782320] {
    width: min-content
}

@media (max-width: 1366px) {
    .description[_ngcontent-serverApp-c4209782320] {
        display: none !important
    }
}



.dropdown-menu[_nghost-serverApp-c91593798] .lang-button[_ngcontent-serverApp-c91593798],
.dropdown-menu [_nghost-serverApp-c91593798] .lang-button[_ngcontent-serverApp-c91593798] {
    width: 100%;
    justify-content: flex-start
}

.lang-items[_ngcontent-serverApp-c91593798] a[_ngcontent-serverApp-c91593798]:hover {
    background-color: #3f4a6233
}

@media (hover: none) {
    .lang-items[_ngcontent-serverApp-c91593798] a[_ngcontent-serverApp-c91593798]:hover {
        background-color: transparent
    }
}

.lang-button[_ngcontent-serverApp-c91593798] {
    color: #fff;
    font-weight: 700;
    min-width: unset;
    --mat-filled-button-horizontal-padding: 12px
}

.lang-button[_ngcontent-serverApp-c91593798] mat-icon[_ngcontent-serverApp-c91593798] {
    width: 22px
}

.lang-button[_ngcontent-serverApp-c91593798] .arrow.mat-icon[_ngcontent-serverApp-c91593798] {
    width: 6px;
    height: 6px;
    min-height: 6px;
    line-height: 0;
    opacity: .6
}



@media (max-width: 768px) {
    .lang-button[_ngcontent-serverApp-c91593798] {
        --mat-filled-button-horizontal-padding: 10px;
        --mdc-filled-button-container-height: 32px
    }

    .current-lang[_ngcontent-serverApp-c91593798] {
        color: var(--gray);
        font-size: 12px
    }

    .current-lang[_ngcontent-serverApp-c91593798] mat-icon[_ngcontent-serverApp-c91593798] {
        width: 14px;
        height: 14px
    }

    .current-lang[_ngcontent-serverApp-c91593798] .arrow.mat-icon[_ngcontent-serverApp-c91593798] {
        color: #ffffff1a;
        width: 8px;
        height: 8px;
        min-height: 8px;
        opacity: 1
    }
}




.mat-mdc-fab-base {
    -webkit-user-select: none;
    user-select: none;
    position: relative;
    display: inline-flex;
    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;
    -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);
    flex-shrink: 0;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
  }

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

  .mat-mdc-fab-base .mat-mdc-button-persistent-ripple::before {
    content: "";
    opacity: 0
  }

  .mat-mdc-fab-base .mdc-button__label,
  .mat-mdc-fab-base .mat-icon {
    z-index: 1;
    position: relative
  }

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

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

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

  .mat-mdc-fab-base::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
  }

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

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

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

  .mat-mdc-fab-base:hover {
    cursor: pointer
  }

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


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

  .mat-mdc-fab-base[disabled],
  .mat-mdc-fab-base.mat-mdc-button-disabled {
    cursor: default;
    pointer-events: none
  }

  .mat-mdc-fab-base[disabled],
  .mat-mdc-fab-base[disabled]:focus,
  .mat-mdc-fab-base.mat-mdc-button-disabled,
  .mat-mdc-fab-base.mat-mdc-button-disabled:focus {
    box-shadow: none
  }

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

  .mat-mdc-fab {
    background-color: var(--mdc-fab-container-color, var(--mat-sys-primary-container));
    border-radius: var(--mdc-fab-container-shape, var(--mat-sys-corner-large));
    color: var(--mat-fab-foreground-color, var(--mat-sys-on-primary-container, inherit));
    box-shadow: var(--mdc-fab-container-elevation-shadow, var(--mat-sys-level3))
  }

  .mat-mdc-fab:hover {
    box-shadow: var(--mdc-fab-hover-container-elevation-shadow, var(--mat-sys-level4))
  }

  .mat-mdc-fab:focus {
    box-shadow: var(--mdc-fab-focus-container-elevation-shadow, var(--mat-sys-level3))
  }

  .mat-mdc-fab:active,
  .mat-mdc-fab:focus:active {
    box-shadow: var(--mdc-fab-pressed-container-elevation-shadow, var(--mat-sys-level3))
  }

  .mat-mdc-fab[disabled],
  .mat-mdc-fab.mat-mdc-button-disabled {
    cursor: default;
    pointer-events: none;
    color: var(--mat-fab-disabled-state-foreground-color, color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent));
    background-color: var(--mat-fab-disabled-state-container-color, color-mix(in srgb, var(--mat-sys-on-surface) 12%, transparent))
  }

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

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

  .mat-mdc-fab .mat-ripple-element {
    background-color: var(--mat-fab-ripple-color, color-mix(in srgb, var(--mat-sys-on-primary-container) calc(var(--mat-sys-pressed-state-layer-opacity) * 100%), transparent))
  }

  .mat-mdc-fab .mat-mdc-button-persistent-ripple::before {
    background-color: var(--mat-fab-state-layer-color, var(--mat-sys-on-primary-container))
  }

  .mat-mdc-fab.mat-mdc-button-disabled .mat-mdc-button-persistent-ripple::before {
    background-color: var(--mat-fab-disabled-state-layer-color)
  }

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

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

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

  .mat-mdc-mini-fab {
    width: 40px;
    height: 40px;
    background-color: var(--mdc-fab-small-container-color, var(--mat-sys-primary-container));
    border-radius: var(--mdc-fab-small-container-shape, var(--mat-sys-corner-medium));
    color: var(--mat-fab-small-foreground-color, var(--mat-sys-on-primary-container, inherit));
    box-shadow: var(--mdc-fab-small-container-elevation-shadow, var(--mat-sys-level3))
  }

  .mat-mdc-mini-fab:hover {
    box-shadow: var(--mdc-fab-small-hover-container-elevation-shadow, var(--mat-sys-level4))
  }

  .mat-mdc-mini-fab:focus {
    box-shadow: var(--mdc-fab-small-focus-container-elevation-shadow, var(--mat-sys-level3))
  }

  .mat-mdc-mini-fab:active,
  .mat-mdc-mini-fab:focus:active {
    box-shadow: var(--mdc-fab-small-pressed-container-elevation-shadow, var(--mat-sys-level3))
  }

  .mat-mdc-mini-fab[disabled],
  .mat-mdc-mini-fab.mat-mdc-button-disabled {
    cursor: default;
    pointer-events: none;
    color: var(--mat-fab-small-disabled-state-foreground-color, color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent));
    background-color: var(--mat-fab-small-disabled-state-container-color, color-mix(in srgb, var(--mat-sys-on-surface) 12%, transparent))
  }

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

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

  .mat-mdc-mini-fab .mat-ripple-element {
    background-color: var(--mat-fab-small-ripple-color, color-mix(in srgb, var(--mat-sys-on-primary-container) calc(var(--mat-sys-pressed-state-layer-opacity) * 100%), transparent))
  }

  .mat-mdc-mini-fab .mat-mdc-button-persistent-ripple::before {
    background-color: var(--mat-fab-small-state-layer-color, var(--mat-sys-on-primary-container))
  }

  .mat-mdc-mini-fab.mat-mdc-button-disabled .mat-mdc-button-persistent-ripple::before {
    background-color: var(--mat-fab-small-disabled-state-layer-color)
  }

  .mat-mdc-mini-fab:hover .mat-mdc-button-persistent-ripple::before {
    opacity: var(--mat-fab-small-hover-state-layer-opacity, var(--mat-sys-hover-state-layer-opacity))
  }

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

  .mat-mdc-mini-fab:active .mat-mdc-button-persistent-ripple::before {
    opacity: var(--mat-fab-small-pressed-state-layer-opacity, var(--mat-sys-pressed-state-layer-opacity))
  }

  .mat-mdc-extended-fab {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    border-radius: 24px;
    padding-left: 20px;
    padding-right: 20px;
    width: auto;
    max-width: 100%;
    line-height: normal;
    height: var(--mdc-extended-fab-container-height, 56px);
    border-radius: var(--mdc-extended-fab-container-shape, var(--mat-sys-corner-large));
    font-family: var(--mdc-extended-fab-label-text-font, var(--mat-sys-label-large-font));
    font-size: var(--mdc-extended-fab-label-text-size, var(--mat-sys-label-large-size));
    font-weight: var(--mdc-extended-fab-label-text-weight, var(--mat-sys-label-large-weight));
    letter-spacing: var(--mdc-extended-fab-label-text-tracking, var(--mat-sys-label-large-tracking));
    box-shadow: var(--mdc-extended-fab-container-elevation-shadow, var(--mat-sys-level3))
  }

  .mat-mdc-extended-fab:hover {
    box-shadow: var(--mdc-extended-fab-hover-container-elevation-shadow, var(--mat-sys-level4))
  }

  .mat-mdc-extended-fab:focus {
    box-shadow: var(--mdc-extended-fab-focus-container-elevation-shadow, var(--mat-sys-level3))
  }

  .mat-mdc-extended-fab:active,
  .mat-mdc-extended-fab:focus:active {
    box-shadow: var(--mdc-extended-fab-pressed-container-elevation-shadow, var(--mat-sys-level3))
  }

  .mat-mdc-extended-fab[disabled],
  .mat-mdc-extended-fab.mat-mdc-button-disabled {
    cursor: default;
    pointer-events: none
  }

  .mat-mdc-extended-fab[disabled],
  .mat-mdc-extended-fab[disabled]:focus,
  .mat-mdc-extended-fab.mat-mdc-button-disabled,
  .mat-mdc-extended-fab.mat-mdc-button-disabled:focus {
    box-shadow: none
  }

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



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


  
  .profile[_ngcontent-serverApp-c2035835840] {
    height: 100%;
    display: flex;
    align-items: center;
    overflow: hidden
  }

  .profile[_ngcontent-serverApp-c2035835840] .user-photo.pr-10px[_ngcontent-serverApp-c2035835840] {
    padding-right: 10px
  }

  .profile[_ngcontent-serverApp-c2035835840] .user-name[_ngcontent-serverApp-c2035835840] {
    margin-right: 11px
  }

  .profile[_ngcontent-serverApp-c2035835840] .login[_ngcontent-serverApp-c2035835840] {
    font-weight: 700;
    color: #559fe2
  }

  .profile[_ngcontent-serverApp-c2035835840] button[_ngcontent-serverApp-c2035835840] {
    width: 100%;
    overflow: hidden;
    display: inline-flex;
    align-items: center;
    font-weight: 700
  }

  .profile[_ngcontent-serverApp-c2035835840] button[_ngcontent-serverApp-c2035835840] .mat-button-wrapper {
    overflow: hidden;
    text-overflow: ellipsis;
    display: flex;
    align-items: center
  }

  .profile[_ngcontent-serverApp-c2035835840] button[_ngcontent-serverApp-c2035835840] mat-icon[_ngcontent-serverApp-c2035835840] {
    margin-right: 9px;
    width: 16px;
    height: 16px;
    line-height: 16px
  }

  .profile[_ngcontent-serverApp-c2035835840] .login-button[_ngcontent-serverApp-c2035835840] mat-icon[_ngcontent-serverApp-c2035835840] {
    width: 6px;
    padding: 0;
    margin: 2px 0 0 3px;
    transition: .2s ease
  }

  .profile[_ngcontent-serverApp-c2035835840] .login-button[_ngcontent-serverApp-c2035835840] mat-icon.rotate[_ngcontent-serverApp-c2035835840] {
    transform: rotate(180deg)
  }

  .profile[_ngcontent-serverApp-c2035835840] app-user-avatar[_ngcontent-serverApp-c2035835840] {
    display: block;
    width: 42px;
    height: 42px
  }


  
  @media (max-width: 768px) {
    .profile[_ngcontent-serverApp-c2035835840] app-user-avatar[_ngcontent-serverApp-c2035835840] {
      width: 32px;
      height: 32px
    }

    .profile[_ngcontent-serverApp-c2035835840] button[_ngcontent-serverApp-c2035835840] {
      --mdc-protected-button-container-height: 32px;
      --mat-protected-button-horizontal-padding: 10px
    }
  }


  
  [_nghost-serverApp-c2828151511] {
    height: 100%;
    position: relative
  }

  [_nghost-serverApp-c2828151511] button[_ngcontent-serverApp-c2828151511] {
    --mdc-filled-button-disabled-container-color: var(--tarpaulin-grey) !important
  }

  [_nghost-serverApp-c2828151511] button.not-empty[_ngcontent-serverApp-c2828151511] {
    --mdc-filled-button-disabled-container-color: variables.$green
  }

  [_nghost-serverApp-c2828151511] .menu[_ngcontent-serverApp-c2828151511] {
    padding: 0 16px !important;
    height: 100%;
    border-radius: 0;
    width: 60px;
    min-width: 60px
  }

  [_nghost-serverApp-c2828151511] .cart[_ngcontent-serverApp-c2828151511] {
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box
  }

  [_nghost-serverApp-c2828151511] .cart.empty[_ngcontent-serverApp-c2828151511] {
    height: 100%;
    font-size: 16px
  }

  [_nghost-serverApp-c2828151511] .cart.empty[_ngcontent-serverApp-c2828151511] .arrow[_ngcontent-serverApp-c2828151511] {
    color: #6b6d5d
  }

  [_nghost-serverApp-c2828151511] .cart[_ngcontent-serverApp-c2828151511] .cart-block[_ngcontent-serverApp-c2828151511] {
    display: flex
  }

  [_nghost-serverApp-c2828151511] .cart[_ngcontent-serverApp-c2828151511] .arrow[_ngcontent-serverApp-c2828151511] {
    color: #8baa0f
  }

  [_nghost-serverApp-c2828151511] .cart[_ngcontent-serverApp-c2828151511] .cart-img[_ngcontent-serverApp-c2828151511] {
    display: flex;
    justify-content: left;
    align-items: center;
    box-sizing: border-box;
    position: relative;
    color: #fff
  }

  [_nghost-serverApp-c2828151511] .cart[_ngcontent-serverApp-c2828151511] .cart-img[_ngcontent-serverApp-c2828151511] .mat-badge-small .mat-badge-content {
    width: 17px;
    height: 17px;
    line-height: 17px
  }

  [_nghost-serverApp-c2828151511] .cart[_ngcontent-serverApp-c2828151511] .cart-img[_ngcontent-serverApp-c2828151511] .mat-badge-content {
    right: -4px;
    top: 1px
  }

  [_nghost-serverApp-c2828151511] .cart[_ngcontent-serverApp-c2828151511] .cart-value[_ngcontent-serverApp-c2828151511] {
    text-align: right;
    color: #fff;
    white-space: initial;
    line-height: 20px
  }

  [_nghost-serverApp-c2828151511] .cart[_ngcontent-serverApp-c2828151511] .cart-value[_ngcontent-serverApp-c2828151511] b[_ngcontent-serverApp-c2828151511] {
    display: flex;
    align-items: center;
    line-height: 16px;
    white-space: nowrap;
    font-size: 16px
  }

  .currency[_ngcontent-serverApp-c2828151511] {
    width: 16px;
    height: 16px;
    vertical-align: middle;
    line-height: 16px
  }


  
  @media (max-width: 1199px) {
    [_nghost-serverApp-c2828151511] button[_ngcontent-serverApp-c2828151511] {
      min-width: initial
    }

    [_nghost-serverApp-c2828151511] .menu[_ngcontent-serverApp-c2828151511] {
      width: 50px
    }

    [_nghost-serverApp-c2828151511] .cart[_ngcontent-serverApp-c2828151511] {
      padding: initial;
      justify-content: center
    }

    [_nghost-serverApp-c2828151511] .cart[_ngcontent-serverApp-c2828151511] .cart-value[_ngcontent-serverApp-c2828151511] {
      display: none
    }
  }


  @media (max-width: 768px) {
    [_nghost-serverApp-c2828151511] button[_ngcontent-serverApp-c2828151511] {
      min-width: initial
    }

    [_nghost-serverApp-c2828151511] .menu[_ngcontent-serverApp-c2828151511] {
      width: 46px;
      min-width: 46px
    }

    [_nghost-serverApp-c2828151511] .cart[_ngcontent-serverApp-c2828151511] {
      padding: initial;
      justify-content: center
    }

    [_nghost-serverApp-c2828151511] .cart[_ngcontent-serverApp-c2828151511] .cart-value[_ngcontent-serverApp-c2828151511] {
      display: none
    }
  }




mat-menu {
    display: none
}

.mat-mdc-menu-content {
    margin: 0;
    padding: 8px 0;
    outline: 0
}

.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;
    flex: 1;
    white-space: normal;
    font-family: var(--mat-menu-item-label-text-font, var(--mat-sys-label-large-font));
    line-height: var(--mat-menu-item-label-text-line-height, var(--mat-sys-label-large-line-height));
    font-size: var(--mat-menu-item-label-text-size, var(--mat-sys-label-large-size));
    letter-spacing: var(--mat-menu-item-label-text-tracking, var(--mat-sys-label-large-tracking));
    font-weight: var(--mat-menu-item-label-text-weight, var(--mat-sys-label-large-weight))
}

@keyframes _mat-menu-enter {
    from {
        opacity: 0;
        transform: scale(0.8)
    }

    to {
        opacity: 1;
        transform: none
    }
}

@keyframes _mat-menu-exit {
    from {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.mat-mdc-menu-panel {
    min-width: 112px;
    max-width: 280px;
    overflow: auto;
    box-sizing: border-box;
    outline: 0;
    animation: _mat-menu-enter 120ms cubic-bezier(0, 0, 0.2, 1);
    border-radius: var(--mat-menu-container-shape, var(--mat-sys-corner-extra-small));
    background-color: var(--mat-menu-container-color, var(--mat-sys-surface-container));
    box-shadow: var(--mat-menu-container-elevation-shadow, 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12));
    will-change: transform, opacity
}

.mat-mdc-menu-panel.mat-menu-panel-exit-animation {
    animation: _mat-menu-exit 100ms 25ms linear forwards
}

.mat-mdc-menu-panel.mat-menu-panel-animations-disabled {
    animation: none
}

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

.mat-mdc-menu-panel.mat-menu-panel-animating:has(.mat-mdc-menu-content:empty) {
    display: none
}

@media(forced-colors: active) {
    .mat-mdc-menu-panel {
        outline: solid 1px
    }
}

.mat-mdc-menu-panel .mat-divider {
    color: var(--mat-menu-divider-color, var(--mat-sys-surface-variant));
    margin-bottom: var(--mat-menu-divider-bottom-spacing, 8px);
    margin-top: var(--mat-menu-divider-top-spacing, 8px)
}

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

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

[dir=rtl] .mat-mdc-menu-item {
    padding-left: var(--mat-menu-item-trailing-spacing, 12px);
    padding-right: var(--mat-menu-item-leading-spacing, 12px)
}

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

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

.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:focus {
    outline: 0
}

.mat-mdc-menu-item .mat-icon {
    flex-shrink: 0;
    margin-right: var(--mat-menu-item-spacing, 12px);
    height: var(--mat-menu-item-icon-size, 24px);
    width: var(--mat-menu-item-icon-size, 24px)
}

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

[dir=rtl] .mat-mdc-menu-item .mat-icon {
    margin-right: 0;
    margin-left: var(--mat-menu-item-spacing, 12px)
}

.mat-mdc-menu-item:not([disabled]):hover {
    background-color: var(--mat-menu-item-hover-state-layer-color, color-mix(in srgb, var(--mat-sys-on-surface) calc(var(--mat-sys-hover-state-layer-opacity) * 100%), transparent))
}

.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, color-mix(in srgb, var(--mat-sys-on-surface) calc(var(--mat-sys-focus-state-layer-opacity) * 100%), transparent))
}

@media(forced-colors: active) {
    .mat-mdc-menu-item {
        margin-top: 1px
    }
}

.mat-mdc-menu-submenu-icon {
    width: var(--mat-menu-item-icon-size, 24px);
    height: 10px;
    fill: currentColor;
    padding-left: var(--mat-menu-item-spacing, 12px)
}

[dir=rtl] .mat-mdc-menu-submenu-icon {
    padding-right: var(--mat-menu-item-spacing, 12px);
    padding-left: 0
}

[dir=rtl] .mat-mdc-menu-submenu-icon polygon {
    transform: scaleX(-1);
    transform-origin: center
}

@media(forced-colors: 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
}


.header[_nghost-serverApp-c3545127712] .links[_ngcontent-serverApp-c3545127712],
.header [_nghost-serverApp-c3545127712] .links[_ngcontent-serverApp-c3545127712] {
    display: none
}

[_nghost-serverApp-c3545127712] {
    display: flex !important;
    flex-direction: column;
    gap: 7px;
    font-size: 14px
}

.content[_ngcontent-serverApp-c3545127712] {
    opacity: .7;
    font-size: 12px;
    line-height: 18px
}

.links[_ngcontent-serverApp-c3545127712] {
    display: flex;
    flex-direction: column;
    gap: 7px
}

.links[_ngcontent-serverApp-c3545127712] a[_ngcontent-serverApp-c3545127712] {
    color: #43c7ff !important
}

.header.bold[_ngcontent-serverApp-c3545127712] {
    font-weight: 700
}

.mat-expansion-panel[_ngcontent-serverApp-c4220677923] {
    background: initial;
    box-shadow: none !important
}

.mat-expansion-panel[_ngcontent-serverApp-c4220677923] .checkbox-list[_ngcontent-serverApp-c4220677923] {
    margin-top: 10px
}

.mat-expansion-panel[_ngcontent-serverApp-c4220677923] mat-panel-title[_ngcontent-serverApp-c4220677923] {
    display: flex;
    opacity: .6;
    transition: opacity .2s cubic-bezier(.1, .7, .5, 1), color .2s cubic-bezier(.1, .7, .5, 1)
}

.mat-expansion-panel[_ngcontent-serverApp-c4220677923] mat-panel-title[_ngcontent-serverApp-c4220677923] .count[_ngcontent-serverApp-c4220677923] {
    margin-left: 3px
}

.mat-expansion-panel[_ngcontent-serverApp-c4220677923] .mat-expansion-panel-body {
    padding: 0 0 16px
}

.mat-expansion-panel[_ngcontent-serverApp-c4220677923] mat-expansion-panel-header {
    padding: 10px 0;
    height: auto
}

.mat-expansion-panel[_ngcontent-serverApp-c4220677923] mat-expansion-panel-header:hover {
    transition: opacity .2s cubic-bezier(.1, .7, .5, 1), color .2s cubic-bezier(.1, .7, .5, 1);
    background: none !important
}

.mat-expansion-panel[_ngcontent-serverApp-c4220677923] mat-expansion-panel-header:hover mat-panel-title {
    opacity: 1
}

.mat-expansion-panel[_ngcontent-serverApp-c4220677923] mat-panel-title {
    font-size: 12px;
    font-weight: 400;
    flex-grow: 1;
    opacity: .6
}

.mat-expansion-panel[_ngcontent-serverApp-c4220677923] mat-panel-description {
    flex-grow: 0;
    gap: 9px;
    margin: 0
}

.mat-expansion-panel[_ngcontent-serverApp-c4220677923] mat-panel-description mat-icon {
    width: 6px;
    height: 6px;
    line-height: 0;
    opacity: .6
}

.mat-expansion-panel[_ngcontent-serverApp-c4220677923] mat-panel-description a {
    font-weight: 400;
    font-size: 12px;
    color: #f24c05
}

.checkbox-container[_ngcontent-serverApp-c4220677923] {
    padding: 10px 0;
    letter-spacing: 0
}

.checkbox-container[_ngcontent-serverApp-c4220677923] .title[_ngcontent-serverApp-c4220677923] {
    color: #adaeaf
}

mat-checkbox[_ngcontent-serverApp-c4220677923] {
    display: block
}

mat-checkbox[_ngcontent-serverApp-c4220677923]+mat-checkbox[_ngcontent-serverApp-c4220677923] {
    margin-top: 14px
}

app-checkbox-item[_ngcontent-serverApp-c4220677923] {
    display: block
}

app-checkbox-item[_ngcontent-serverApp-c4220677923]+app-checkbox-item[_ngcontent-serverApp-c4220677923] {
    padding-top: 21px
}


.mat-expansion-panel {
    box-sizing: content-box;
    display: block;
    margin: 0;
    overflow: hidden;
    position: relative;
    background: var(--mat-expansion-container-background-color, var(--mat-sys-surface));
    color: var(--mat-expansion-container-text-color, var(--mat-sys-on-surface));
    border-radius: var(--mat-expansion-container-shape, 12px)
}

.mat-expansion-panel.mat-expansion-panel-animations-enabled {
    transition: margin 225ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1)
}

.mat-expansion-panel:not([class*=mat-elevation-z]) {
    box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12)
}

.mat-accordion .mat-expansion-panel:not(.mat-expanded),
.mat-accordion .mat-expansion-panel:not(.mat-expansion-panel-spacing) {
    border-radius: 0
}

.mat-accordion .mat-expansion-panel:first-of-type {
    border-top-right-radius: var(--mat-expansion-container-shape, 12px);
    border-top-left-radius: var(--mat-expansion-container-shape, 12px)
}

.mat-accordion .mat-expansion-panel:last-of-type {
    border-bottom-right-radius: var(--mat-expansion-container-shape, 12px);
    border-bottom-left-radius: var(--mat-expansion-container-shape, 12px)
}

@media(forced-colors: active) {
    .mat-expansion-panel {
        outline: solid 1px
    }
}

.mat-expansion-panel-content-wrapper {
    display: grid;
    grid-template-rows: 0fr;
    grid-template-columns: 100%
}

.mat-expansion-panel-animations-enabled .mat-expansion-panel-content-wrapper {
    transition: grid-template-rows 225ms cubic-bezier(0.4, 0, 0.2, 1)
}

.mat-expansion-panel.mat-expanded>.mat-expansion-panel-content-wrapper {
    grid-template-rows: 1fr
}

@supports not (grid-template-rows: 0fr) {
    .mat-expansion-panel-content-wrapper {
        height: 0
    }

    .mat-expansion-panel.mat-expanded>.mat-expansion-panel-content-wrapper {
        height: auto
    }
}

.mat-expansion-panel-content {
    display: flex;
    flex-direction: column;
    overflow: visible;
    min-height: 0;
    visibility: hidden;
    font-family: var(--mat-expansion-container-text-font, var(--mat-sys-body-large-font));
    font-size: var(--mat-expansion-container-text-size, var(--mat-sys-body-large-size));
    font-weight: var(--mat-expansion-container-text-weight, var(--mat-sys-body-large-weight));
    line-height: var(--mat-expansion-container-text-line-height, var(--mat-sys-body-large-line-height));
    letter-spacing: var(--mat-expansion-container-text-tracking, var(--mat-sys-body-large-tracking))
}

.mat-expansion-panel-animations-enabled .mat-expansion-panel-content {
    transition: visibility 190ms linear
}

.mat-expansion-panel.mat-expanded>.mat-expansion-panel-content-wrapper>.mat-expansion-panel-content {
    visibility: visible
}

.mat-expansion-panel-body {
    padding: 0 24px 16px
}

.mat-expansion-panel-spacing {
    margin: 16px 0
}

.mat-accordion>.mat-expansion-panel-spacing:first-child,
.mat-accordion>*:first-child:not(.mat-expansion-panel) .mat-expansion-panel-spacing {
    margin-top: 0
}

.mat-accordion>.mat-expansion-panel-spacing:last-child,
.mat-accordion>*:last-child:not(.mat-expansion-panel) .mat-expansion-panel-spacing {
    margin-bottom: 0
}

.mat-action-row {
    border-top-style: solid;
    border-top-width: 1px;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    padding: 16px 8px 16px 24px;
    border-top-color: var(--mat-expansion-actions-divider-color, var(--mat-sys-outline))
}

.mat-action-row .mat-button-base,
.mat-action-row .mat-mdc-button-base {
    margin-left: 8px
}

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






@media (max-width: 768px) {
    .filters[_ngcontent-serverApp-c492319241] .row[_ngcontent-serverApp-c492319241] {
        padding-bottom: 10px
    }

    .filters[_ngcontent-serverApp-c492319241] .row[_ngcontent-serverApp-c492319241] {
        margin-bottom: initial
    }

    .filters[_ngcontent-serverApp-c492319241] .row[_ngcontent-serverApp-c492319241] .filter.close-filter[_ngcontent-serverApp-c492319241] {
        width: initial
    }

    .filters[_ngcontent-serverApp-c492319241] .row[_ngcontent-serverApp-c492319241] app-sort-order[_ngcontent-serverApp-c492319241] {
        margin-left: initial
    }

    .filters[_ngcontent-serverApp-c492319241] .row[_ngcontent-serverApp-c492319241] app-search[_ngcontent-serverApp-c492319241] {
        width: initial;
        flex-grow: 1;
        height: 100%
    }

    .filters[_ngcontent-serverApp-c492319241] .row[_ngcontent-serverApp-c492319241] .selected-filter[_ngcontent-serverApp-c492319241] {
        margin-left: initial;
        gap: 6px
    }

    .filters[_ngcontent-serverApp-c492319241] .row[_ngcontent-serverApp-c492319241] .selected-filter[_ngcontent-serverApp-c492319241] app-tags-search[_ngcontent-serverApp-c492319241] {
        margin-bottom: 6px
    }

    .filters[_ngcontent-serverApp-c492319241] .row[_ngcontent-serverApp-c492319241] {
        margin-top: initial;
        display: flex
    }

    .filters[_ngcontent-serverApp-c492319241] .row[_ngcontent-serverApp-c492319241] .top[_ngcontent-serverApp-c492319241] {
        display: flex;
        gap: 6px;
        align-items: center;
        height: 42px;
        flex-grow: 1
    }

    .filters[_ngcontent-serverApp-c492319241] .row[_ngcontent-serverApp-c492319241] app-search[_ngcontent-serverApp-c492319241] {
        min-width: initial
    }
}

.mat-expansion-panel-header {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0 24px;
    border-radius: inherit;
    height: var(--mat-expansion-header-collapsed-state-height, 48px);
    font-family: var(--mat-expansion-header-text-font, var(--mat-sys-title-medium-font));
    font-size: var(--mat-expansion-header-text-size, var(--mat-sys-title-medium-size));
    font-weight: var(--mat-expansion-header-text-weight, var(--mat-sys-title-medium-weight));
    line-height: var(--mat-expansion-header-text-line-height, var(--mat-sys-title-medium-line-height));
    letter-spacing: var(--mat-expansion-header-text-tracking, var(--mat-sys-title-medium-tracking))
}

.mat-expansion-panel-animations-enabled .mat-expansion-panel-header {
    transition: height 225ms cubic-bezier(0.4, 0, 0.2, 1)
}

.mat-expansion-panel-header::before {
    border-radius: inherit
}

.mat-expansion-panel-header.mat-expanded {
    height: var(--mat-expansion-header-expanded-state-height, 64px)
}

.mat-expansion-panel-header[aria-disabled=true] {
    color: var(--mat-expansion-header-disabled-state-text-color, color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent))
}

.mat-expansion-panel-header:not([aria-disabled=true]) {
    cursor: pointer
}

.mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:not([aria-disabled=true]):hover {
    background: var(--mat-expansion-header-hover-state-layer-color, color-mix(in srgb, var(--mat-sys-on-surface) calc(var(--mat-sys-hover-state-layer-opacity) * 100%), transparent))
}

@media(hover: none) {
    .mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:not([aria-disabled=true]):hover {
        background: var(--mat-expansion-container-background-color, var(--mat-sys-surface))
    }
}

.mat-expansion-panel .mat-expansion-panel-header:not([aria-disabled=true]).cdk-keyboard-focused,
.mat-expansion-panel .mat-expansion-panel-header:not([aria-disabled=true]).cdk-program-focused {
    background: var(--mat-expansion-header-focus-state-layer-color, color-mix(in srgb, var(--mat-sys-on-surface) calc(var(--mat-sys-focus-state-layer-opacity) * 100%), transparent))
}

.mat-expansion-panel-header._mat-animation-noopable {
    transition: none
}

.mat-expansion-panel-header:focus,
.mat-expansion-panel-header:hover {
    outline: none
}

.mat-expansion-panel-header.mat-expanded:focus,
.mat-expansion-panel-header.mat-expanded:hover {
    background: inherit
}

.mat-expansion-panel-header.mat-expansion-toggle-indicator-before {
    flex-direction: row-reverse
}

.mat-expansion-panel-header.mat-expansion-toggle-indicator-before .mat-expansion-indicator {
    margin: 0 16px 0 0
}

[dir=rtl] .mat-expansion-panel-header.mat-expansion-toggle-indicator-before .mat-expansion-indicator {
    margin: 0 0 0 16px
}

.mat-content {
    display: flex;
    flex: 1;
    flex-direction: row;
    overflow: hidden
}

.mat-content.mat-content-hide-toggle {
    margin-right: 8px
}

[dir=rtl] .mat-content.mat-content-hide-toggle {
    margin-right: 0;
    margin-left: 8px
}

.mat-expansion-toggle-indicator-before .mat-content.mat-content-hide-toggle {
    margin-left: 24px;
    margin-right: 0
}

[dir=rtl] .mat-expansion-toggle-indicator-before .mat-content.mat-content-hide-toggle {
    margin-right: 24px;
    margin-left: 0
}

.mat-expansion-panel-header-title {
    color: var(--mat-expansion-header-text-color, var(--mat-sys-on-surface))
}

.mat-expansion-panel-header-title,
.mat-expansion-panel-header-description {
    display: flex;
    flex-grow: 1;
    flex-basis: 0;
    margin-right: 16px;
    align-items: center
}

[dir=rtl] .mat-expansion-panel-header-title,
[dir=rtl] .mat-expansion-panel-header-description {
    margin-right: 0;
    margin-left: 16px
}

.mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-title,
.mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-description {
    color: inherit
}

.mat-expansion-panel-header-description {
    flex-grow: 2;
    color: var(--mat-expansion-header-description-color, var(--mat-sys-on-surface-variant))
}

.mat-expansion-panel-animations-enabled .mat-expansion-indicator {
    transition: transform 225ms cubic-bezier(0.4, 0, 0.2, 1)
}

.mat-expansion-panel-header.mat-expanded .mat-expansion-indicator {
    transform: rotate(180deg)
}

.mat-expansion-indicator::after {
    border-style: solid;
    border-width: 0 2px 2px 0;
    content: "";
    display: inline-block;
    padding: 3px;
    transform: rotate(45deg);
    vertical-align: middle;
    color: var(--mat-expansion-header-indicator-color, var(--mat-sys-on-surface-variant));
    display: var(--mat-expansion-legacy-header-indicator-display, none)
}

.mat-expansion-indicator svg {
    width: 24px;
    height: 24px;
    margin: 0 -8px;
    vertical-align: middle;
    fill: var(--mat-expansion-header-indicator-color, var(--mat-sys-on-surface-variant));
    display: var(--mat-expansion-header-indicator-display, inline-block)
}

@media(forced-colors: active) {
    .mat-expansion-panel-content {
        border-top: 1px solid;
        border-top-left-radius: 0;
        border-top-right-radius: 0
    }
}


.mat-focus-indicator {
    position: relative
}

.mat-focus-indicator::before {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    box-sizing: border-box;
    pointer-events: none;
    display: var(--mat-focus-indicator-display, none);
    border-width: var(--mat-focus-indicator-border-width, 3px);
    border-style: var(--mat-focus-indicator-border-style, solid);
    border-color: var(--mat-focus-indicator-border-color, transparent);
    border-radius: var(--mat-focus-indicator-border-radius, 4px)
}

.mat-focus-indicator:focus::before {
    content: ""
}

@media(forced-colors: active) {
    html {
        --mat-focus-indicator-display: block
    }
}


[_nghost-serverApp-c2057313251] .range-container-block[_ngcontent-serverApp-c2057313251] {
    margin-bottom: 20px
}

[_nghost-serverApp-c2057313251] .range-container-block[_ngcontent-serverApp-c2057313251] .range-container[_ngcontent-serverApp-c2057313251] {
    display: flex;
    box-sizing: border-box;
    margin-bottom: 20px
}

[_nghost-serverApp-c2057313251] .range-container-block[_ngcontent-serverApp-c2057313251] .range-container[_ngcontent-serverApp-c2057313251] .column[_ngcontent-serverApp-c2057313251] {
    display: flex;
    flex-direction: column;
    width: 50%
}

[_nghost-serverApp-c2057313251] .range-container-block[_ngcontent-serverApp-c2057313251] .range-container[_ngcontent-serverApp-c2057313251] .column[_ngcontent-serverApp-c2057313251] .title[_ngcontent-serverApp-c2057313251] {
    color: #adaeaf;
    margin-bottom: 11px
}

[_nghost-serverApp-c2057313251] .range-container-block[_ngcontent-serverApp-c2057313251] .range-container[_ngcontent-serverApp-c2057313251] .column[_ngcontent-serverApp-c2057313251]:first-child .input-container input {
    border-right: 1px solid rgba(255, 255, 255, 0);
    border-radius: 5px 0 0 5px
}

[_nghost-serverApp-c2057313251] .range-container-block[_ngcontent-serverApp-c2057313251] .range-container[_ngcontent-serverApp-c2057313251] .column[_ngcontent-serverApp-c2057313251]:last-child .input-container input {
    border-radius: 0 5px 5px 0
}

app-input[_ngcontent-serverApp-c2057313251] {
    height: 42px
}

.range[_ngcontent-serverApp-c2057313251] {
    display: flex;
    justify-content: center
}

.range[_ngcontent-serverApp-c2057313251] mat-slider[_ngcontent-serverApp-c2057313251] {
    display: block;
    width: calc(100% - 18px)
}


.mdc-slider__track {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    pointer-events: none;
    height: var(--mdc-slider-inactive-track-height, 4px)
}

.mdc-slider__track--active,
.mdc-slider__track--inactive {
    display: flex;
    height: 100%;
    position: absolute;
    width: 100%
}

.mdc-slider__track--active {
    overflow: hidden;
    border-radius: var(--mdc-slider-active-track-shape, var(--mat-sys-corner-full));
    height: var(--mdc-slider-active-track-height, 4px);
    top: calc((var(--mdc-slider-inactive-track-height, 4px) - var(--mdc-slider-active-track-height, 4px))/2)
}

.mdc-slider__track--active_fill {
    border-top-style: solid;
    box-sizing: border-box;
    height: 100%;
    width: 100%;
    position: relative;
    transform-origin: left;
    transition: transform 80ms ease;
    border-color: var(--mdc-slider-active-track-color, var(--mat-sys-primary));
    border-top-width: var(--mdc-slider-active-track-height, 4px)
}

.mdc-slider--disabled .mdc-slider__track--active_fill {
    border-color: var(--mdc-slider-disabled-active-track-color, var(--mat-sys-on-surface))
}

[dir=rtl] .mdc-slider__track--active_fill {
    -webkit-transform-origin: right;
    transform-origin: right
}

.mdc-slider__track--inactive {
    left: 0;
    top: 0;
    opacity: .24;
    background-color: var(--mdc-slider-inactive-track-color, var(--mat-sys-surface-variant));
    height: var(--mdc-slider-inactive-track-height, 4px);
    border-radius: var(--mdc-slider-inactive-track-shape, var(--mat-sys-corner-full))
}

.mdc-slider--disabled .mdc-slider__track--inactive {
    background-color: var(--mdc-slider-disabled-inactive-track-color, var(--mat-sys-on-surface));
    opacity: .24
}

.mdc-slider__track--inactive::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(forced-colors: active) {
    .mdc-slider__track--inactive::before {
        border-color: CanvasText
    }
}

.mdc-slider__value-indicator-container {
    bottom: 44px;
    left: 50%;
    pointer-events: none;
    position: absolute;
    transform: translateX(-50%);
    transform: var(--mat-slider-value-indicator-container-transform, translateX(-50%) rotate(-45deg))
}

.mdc-slider__thumb--with-indicator .mdc-slider__value-indicator-container {
    pointer-events: auto
}

.mdc-slider__value-indicator {
    display: flex;
    align-items: center;
    border-radius: 4px;
    height: 32px;
    padding: 0 12px;
    transform: scale(0);
    transform-origin: bottom;
    opacity: 1;
    transition: transform 100ms cubic-bezier(0.4, 0, 1, 1);
    word-break: normal;
    background-color: var(--mdc-slider-label-container-color, var(--mat-sys-primary));
    color: var(--mdc-slider-label-label-text-color, var(--mat-sys-on-primary));
    width: var(--mat-slider-value-indicator-width, 28px);
    height: var(--mat-slider-value-indicator-height, 28px);
    padding: var(--mat-slider-value-indicator-padding, 0);
    opacity: var(--mat-slider-value-indicator-opacity, 1);
    border-radius: var(--mat-slider-value-indicator-border-radius, 50% 50% 50% 0)
}

.mdc-slider__thumb--with-indicator .mdc-slider__value-indicator {
    transition: transform 100ms cubic-bezier(0, 0, 0.2, 1);
    transform: scale(1)
}

.mdc-slider__value-indicator::before {
    border-left: 6px solid rgba(0, 0, 0, 0);
    border-right: 6px solid rgba(0, 0, 0, 0);
    border-top: 6px solid;
    bottom: -5px;
    content: "";
    height: 0;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    width: 0;
    display: var(--mat-slider-value-indicator-caret-display, none);
    border-top-color: var(--mdc-slider-label-container-color, var(--mat-sys-primary))
}

.mdc-slider__value-indicator::after {
    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(forced-colors: active) {
    .mdc-slider__value-indicator::after {
        border-color: CanvasText
    }
}

.mdc-slider__value-indicator-text {
    text-align: center;
    width: var(--mat-slider-value-indicator-width, 28px);
    transform: var(--mat-slider-value-indicator-text-transform, rotate(45deg));
    font-family: var(--mdc-slider-label-label-text-font, var(--mat-sys-label-medium-font));
    font-size: var(--mdc-slider-label-label-text-size, var(--mat-sys-label-medium-size));
    font-weight: var(--mdc-slider-label-label-text-weight, var(--mat-sys-label-medium-weight));
    line-height: var(--mdc-slider-label-label-text-line-height, var(--mat-sys-label-medium-line-height));
    letter-spacing: var(--mdc-slider-label-label-text-tracking, var(--mat-sys-label-medium-tracking))
}

.mdc-slider__thumb {
    -webkit-user-select: none;
    user-select: none;
    display: flex;
    left: -24px;
    outline: none;
    position: absolute;
    height: 48px;
    width: 48px;
    pointer-events: none
}

.mdc-slider--discrete .mdc-slider__thumb {
    transition: transform 80ms ease
}

.mdc-slider--disabled .mdc-slider__thumb {
    pointer-events: none
}

.mdc-slider__thumb--top {
    z-index: 1
}

.mdc-slider__thumb-knob {
    position: absolute;
    box-sizing: border-box;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    border-style: solid;
    width: var(--mdc-slider-handle-width, 20px);
    height: var(--mdc-slider-handle-height, 20px);
    border-width: calc(var(--mdc-slider-handle-height, 20px)/2) calc(var(--mdc-slider-handle-width, 20px)/2);
    box-shadow: var(--mdc-slider-handle-elevation, var(--mat-sys-level1));
    background-color: var(--mdc-slider-handle-color, var(--mat-sys-primary));
    border-color: var(--mdc-slider-handle-color, var(--mat-sys-primary));
    border-radius: var(--mdc-slider-handle-shape, var(--mat-sys-corner-full))
}

.mdc-slider__thumb:hover .mdc-slider__thumb-knob {
    background-color: var(--mdc-slider-hover-handle-color, var(--mat-sys-primary));
    border-color: var(--mdc-slider-hover-handle-color, var(--mat-sys-primary))
}

.mdc-slider__thumb--focused .mdc-slider__thumb-knob {
    background-color: var(--mdc-slider-focus-handle-color, var(--mat-sys-primary));
    border-color: var(--mdc-slider-focus-handle-color, var(--mat-sys-primary))
}

.mdc-slider--disabled .mdc-slider__thumb-knob {
    background-color: var(--mdc-slider-disabled-handle-color, var(--mat-sys-on-surface));
    border-color: var(--mdc-slider-disabled-handle-color, var(--mat-sys-on-surface))
}

.mdc-slider__thumb--top .mdc-slider__thumb-knob,
.mdc-slider__thumb--top.mdc-slider__thumb:hover .mdc-slider__thumb-knob,
.mdc-slider__thumb--top.mdc-slider__thumb--focused .mdc-slider__thumb-knob {
    border: solid 1px #fff;
    box-sizing: content-box;
    border-color: var(--mdc-slider-with-overlap-handle-outline-color, var(--mat-sys-on-primary));
    border-width: var(--mdc-slider-with-overlap-handle-outline-width, 1px)
}

.mdc-slider__tick-marks {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    height: 100%;
    justify-content: space-between;
    padding: 0 1px;
    position: absolute;
    width: 100%
}

.mdc-slider__tick-mark--active,
.mdc-slider__tick-mark--inactive {
    width: var(--mdc-slider-with-tick-marks-container-size, 2px);
    height: var(--mdc-slider-with-tick-marks-container-size, 2px);
    border-radius: var(--mdc-slider-with-tick-marks-container-shape, var(--mat-sys-corner-full))
}

.mdc-slider__tick-mark--inactive {
    opacity: var(--mdc-slider-with-tick-marks-inactive-container-opacity, 0.38);
    background-color: var(--mdc-slider-with-tick-marks-inactive-container-color, var(--mat-sys-on-surface-variant))
}

.mdc-slider--disabled .mdc-slider__tick-mark--inactive {
    opacity: var(--mdc-slider-with-tick-marks-inactive-container-opacity, 0.38);
    background-color: var(--mdc-slider-with-tick-marks-disabled-container-color, var(--mat-sys-on-surface))
}

.mdc-slider__tick-mark--active {
    opacity: var(--mdc-slider-with-tick-marks-active-container-opacity, 0.38);
    background-color: var(--mdc-slider-with-tick-marks-active-container-color, var(--mat-sys-on-primary))
}

.mdc-slider__input {
    cursor: pointer;
    left: 2px;
    margin: 0;
    height: 44px;
    opacity: 0;
    position: absolute;
    top: 2px;
    width: 44px;
    box-sizing: content-box
}

.mdc-slider__input.mat-mdc-slider-input-no-pointer-events {
    pointer-events: none
}

.mdc-slider__input.mat-slider__right-input {
    left: auto;
    right: 0
}

.mat-mdc-slider {
    display: inline-block;
    box-sizing: border-box;
    outline: none;
    vertical-align: middle;
    cursor: pointer;
    height: 48px;
    margin: 0 8px;
    position: relative;
    touch-action: pan-y;
    width: auto;
    min-width: 112px;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.mat-mdc-slider.mdc-slider--disabled {
    cursor: auto;
    opacity: .38
}

.mat-mdc-slider .mdc-slider__thumb,
.mat-mdc-slider .mdc-slider__track--active_fill {
    transition-duration: 0ms
}

.mat-mdc-slider.mat-mdc-slider-with-animation .mdc-slider__thumb,
.mat-mdc-slider.mat-mdc-slider-with-animation .mdc-slider__track--active_fill {
    transition-duration: 80ms
}

.mat-mdc-slider.mdc-slider--discrete .mdc-slider__thumb,
.mat-mdc-slider.mdc-slider--discrete .mdc-slider__track--active_fill {
    transition-duration: 0ms
}

.mat-mdc-slider.mat-mdc-slider-with-animation .mdc-slider__thumb,
.mat-mdc-slider.mat-mdc-slider-with-animation .mdc-slider__track--active_fill {
    transition-duration: 80ms
}

.mat-mdc-slider .mat-ripple .mat-ripple-element {
    background-color: var(--mat-slider-ripple-color, var(--mat-sys-primary))
}

.mat-mdc-slider .mat-ripple .mat-mdc-slider-hover-ripple {
    background-color: var(--mat-slider-hover-state-layer-color, color-mix(in srgb, var(--mat-sys-primary) 5%, transparent))
}

.mat-mdc-slider .mat-ripple .mat-mdc-slider-focus-ripple,
.mat-mdc-slider .mat-ripple .mat-mdc-slider-active-ripple {
    background-color: var(--mat-slider-focus-state-layer-color, color-mix(in srgb, var(--mat-sys-primary) 20%, transparent))
}

.mat-mdc-slider._mat-animation-noopable.mdc-slider--discrete .mdc-slider__thumb,
.mat-mdc-slider._mat-animation-noopable.mdc-slider--discrete .mdc-slider__track--active_fill,
.mat-mdc-slider._mat-animation-noopable .mdc-slider__value-indicator {
    transition: none
}

.mat-mdc-slider .mat-focus-indicator::before {
    border-radius: 50%
}

.mdc-slider__thumb--focused .mat-focus-indicator::before {
    content: ""
}


.mat-mdc-slider-visual-thumb .mat-ripple {
    height: 100%;
    width: 100%
}

.mat-mdc-slider .mdc-slider__tick-marks {
    justify-content: start
}

.mat-mdc-slider .mdc-slider__tick-marks .mdc-slider__tick-mark--active,
.mat-mdc-slider .mdc-slider__tick-marks .mdc-slider__tick-mark--inactive {
    position: absolute;
    left: 2px
}


.mat-ripple {
    overflow: hidden;
    position: relative
}

.mat-ripple:not(:empty) {
    transform: translateZ(0)
}

.mat-ripple.mat-ripple-unbounded {
    overflow: visible
}

.mat-ripple-element {
    position: absolute;
    border-radius: 50%;
    pointer-events: none;
    transition: opacity, transform 0ms cubic-bezier(0, 0, 0.2, 1);
    transform: scale3d(0, 0, 0);
    background-color: var(--mat-ripple-color, color-mix(in srgb, var(--mat-sys-on-surface) 10%, transparent))
}

@media(forced-colors: active) {
    .mat-ripple-element {
        display: none
    }
}

.cdk-drag-preview .mat-ripple-element,
.cdk-drag-placeholder .mat-ripple-element {
    display: none
}


.check-box-item[_ngcontent-serverApp-c3399107044] {
    display: flex;
    flex-direction: column
}

.check-box-item[_ngcontent-serverApp-c3399107044] input[type=checkbox][_ngcontent-serverApp-c3399107044] {
    position: absolute;
    margin: 0;
    padding: 0;
    opacity: 0;
    cursor: inherit
}

.check-box-item[_ngcontent-serverApp-c3399107044] input[type=checkbox][_ngcontent-serverApp-c3399107044]+label[_ngcontent-serverApp-c3399107044] span[_ngcontent-serverApp-c3399107044] {
    position: relative;
    transition: all .2s cubic-bezier(.1, .7, .5, 1)
}

.check-box-item[_ngcontent-serverApp-c3399107044] input[type=checkbox][_ngcontent-serverApp-c3399107044]+label[_ngcontent-serverApp-c3399107044] {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    cursor: pointer;
    color: #fff;
    display: flex;
    align-items: center
}

.check-box-item[_ngcontent-serverApp-c3399107044] input[type=checkbox][_ngcontent-serverApp-c3399107044]+label[_ngcontent-serverApp-c3399107044] mat-icon[_ngcontent-serverApp-c3399107044] {
    width: 14px;
    height: 14px;
    line-height: 14px;
    color: #242628
}

.check-box-item[_ngcontent-serverApp-c3399107044] input[type=checkbox][_ngcontent-serverApp-c3399107044]+label[_ngcontent-serverApp-c3399107044] b[_ngcontent-serverApp-c3399107044] {
    display: inline-flex;
    gap: 9px;
    opacity: .7;
    font-weight: 400;
    transition: opacity .2s cubic-bezier(.1, .7, .5, 1)
}

.check-box-item[_ngcontent-serverApp-c3399107044] input[type=checkbox][_ngcontent-serverApp-c3399107044]+label[_ngcontent-serverApp-c3399107044]:hover b[_ngcontent-serverApp-c3399107044] {
    opacity: 1;
    transition: opacity .2s cubic-bezier(.1, .7, .5, 1)
}

.check-box-item[_ngcontent-serverApp-c3399107044] input[type=checkbox][_ngcontent-serverApp-c3399107044]+label[_ngcontent-serverApp-c3399107044]:hover span[_ngcontent-serverApp-c3399107044] {
    border: 1px solid rgba(255, 255, 255, .15);
    background: #ffffff0d;
    transition: all .2s cubic-bezier(.1, .7, .5, 1)
}

.check-box-item[_ngcontent-serverApp-c3399107044] input[type=checkbox][_ngcontent-serverApp-c3399107044]+label[_ngcontent-serverApp-c3399107044] span[_ngcontent-serverApp-c3399107044] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 20px;
    height: 20px;
    border: 1px solid rgba(255, 255, 255, .07);
    background: inherit;
    box-sizing: border-box;
    border-radius: 5px;
    vertical-align: middle;
    cursor: pointer;
    margin-right: 9px
}

.check-box-item[_ngcontent-serverApp-c3399107044] input[type=checkbox][_ngcontent-serverApp-c3399107044]:checked+label[_ngcontent-serverApp-c3399107044] span[_ngcontent-serverApp-c3399107044] {
    border: 1px solid rgba(255, 255, 255, .15);
    background: #ffffff0d;
    position: relative
}

.check-box-item[_ngcontent-serverApp-c3399107044] input[type=checkbox][_ngcontent-serverApp-c3399107044]:checked+label[_ngcontent-serverApp-c3399107044] span[_ngcontent-serverApp-c3399107044] mat-icon[_ngcontent-serverApp-c3399107044] {
    color: #43c7ff
}

.check-box-item[_ngcontent-serverApp-c3399107044] input[type=radio][_ngcontent-serverApp-c3399107044]:checked+label[_ngcontent-serverApp-c3399107044] {
    color: #fff
}

.check-box-item[_ngcontent-serverApp-c3399107044] input[type=checkbox][_ngcontent-serverApp-c3399107044]:disabled+label[_ngcontent-serverApp-c3399107044] {
    opacity: .4
}

.check-box-item[_ngcontent-serverApp-c3399107044] input[type=checkbox][_ngcontent-serverApp-c3399107044]:disabled+label[_ngcontent-serverApp-c3399107044] b[_ngcontent-serverApp-c3399107044] {
    opacity: .4
}

.check-box-item[_ngcontent-serverApp-c3399107044] input[type=checkbox][_ngcontent-serverApp-c3399107044]:disabled+label[_ngcontent-serverApp-c3399107044]:hover {
    opacity: .4
}

.check-box-item[_ngcontent-serverApp-c3399107044] input[type=checkbox][_ngcontent-serverApp-c3399107044]:disabled+label[_ngcontent-serverApp-c3399107044]:hover b[_ngcontent-serverApp-c3399107044] {
    opacity: .4
}

.check-box-item[_ngcontent-serverApp-c3399107044] input[type=checkbox][_ngcontent-serverApp-c3399107044]:disabled+label[_ngcontent-serverApp-c3399107044]:hover span[_ngcontent-serverApp-c3399107044] {
    border: 1px solid rgba(255, 255, 255, .07);
    background: inherit
}

.check-box-item[_ngcontent-serverApp-c3399107044] .variables[_ngcontent-serverApp-c3399107044] {
    margin-top: 10px;
    display: flex
}

.check-box-item[_ngcontent-serverApp-c3399107044] .variables[_ngcontent-serverApp-c3399107044] .transparent-button[_ngcontent-serverApp-c3399107044] {
    width: 29px;
    height: 29px;
    font-size: 14px;
    line-height: 20px;
    margin-right: 7px
}

.check-box-item[_ngcontent-serverApp-c3399107044] .variables[_ngcontent-serverApp-c3399107044] .transparent-button[_ngcontent-serverApp-c3399107044]:last-child {
    margin-right: 0
}

.check-box-item[_ngcontent-serverApp-c3399107044] .search-block {
    margin: 10px 0
}

.check-box-item[_ngcontent-serverApp-c3399107044] .search-block .search {
    width: 100%
}

.check-box-item[_ngcontent-serverApp-c3399107044] .search-block .search .input-container input {
    width: 100%
}

.check-box-item[_ngcontent-serverApp-c3399107044] .selected[_ngcontent-serverApp-c3399107044] {
    display: flex
}

.check-box-item[_ngcontent-serverApp-c3399107044] .selected[_ngcontent-serverApp-c3399107044] .selected-item[_ngcontent-serverApp-c3399107044] {
    background: #323537;
    mix-blend-mode: normal;
    border-radius: 5px;
    width: 58px;
    min-height: 47px;
    margin-right: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    cursor: pointer
}

.check-box-item[_ngcontent-serverApp-c3399107044] .selected[_ngcontent-serverApp-c3399107044] .selected-item[_ngcontent-serverApp-c3399107044] .selected-item-img[_ngcontent-serverApp-c3399107044] {
    width: 44px;
    height: 37px;
    background-size: contain !important;
    background-position: center;
    background-repeat: no-repeat;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 700;
    font-size: 26px;
    line-height: 28px;
    color: #fff3
}

.check-box-item[_ngcontent-serverApp-c3399107044] .selected[_ngcontent-serverApp-c3399107044] .selected-item[_ngcontent-serverApp-c3399107044]:hover {
    background: #50a7cc30
}

.check-box-item[_ngcontent-serverApp-c3399107044] .selected[_ngcontent-serverApp-c3399107044] .selected-item[_ngcontent-serverApp-c3399107044]:hover [_ngcontent-serverApp-c3399107044]:before {
    content: "";
    display: block;
    background-size: 79px 64px;
    width: 10px;
    height: 10px;
    position: absolute;
    top: 6px;
    right: 6px
}

.check-box-item[_ngcontent-serverApp-c3399107044] .selected[_ngcontent-serverApp-c3399107044] .selected-item.show-more[_ngcontent-serverApp-c3399107044] [_ngcontent-serverApp-c3399107044]:before {
    display: none
}

.check-box-item[_ngcontent-serverApp-c3399107044] .selected[_ngcontent-serverApp-c3399107044] .selected-item[_ngcontent-serverApp-c3399107044]:last-child {
    margin-right: 0
}

[_nghost-serverApp-c3399107044] app-checkbox-icons {
    display: flex;
    align-items: center
}

.without-color[_nghost-serverApp-c3399107044] .check-box-item[_ngcontent-serverApp-c3399107044] label[_ngcontent-serverApp-c3399107044],
.without-color [_nghost-serverApp-c3399107044] .check-box-item[_ngcontent-serverApp-c3399107044] label[_ngcontent-serverApp-c3399107044] {
    color: #adaeaf !important
}


mat-icon[_ngcontent-serverApp-c1426990940] {
    width: 10px;
    height: 10px;
    line-height: 10px
}

mat-icon[svgIcon=steam-logo][_ngcontent-serverApp-c1426990940] {
    color: #f24c05
}

mat-icon[svgIcon=triangle][_ngcontent-serverApp-c1426990940] {
    color: #f24c05
}

mat-icon[svgIcon=steam-cheap][_ngcontent-serverApp-c1426990940] {
    width: 17px;
    height: 17px;
    line-height: 17px
}

span[_ngcontent-serverApp-c1426990940] {
    line-height: 10px;
    font-size: 15px;
    display: block
}

mat-icon[_ngcontent-serverApp-c2649217818] {
    width: 20px;
    height: 20px;
    line-height: 20px
}

span[_ngcontent-serverApp-c2649217818] {
    line-height: 10px;
    font-size: 15px;
    display: block
}


.handset[_nghost-serverApp-c2662914669] .items-mobile-menu.active[_ngcontent-serverApp-c2662914669],
.handset [_nghost-serverApp-c2662914669] .items-mobile-menu.active[_ngcontent-serverApp-c2662914669] {
    background: initial
}

.handset[_nghost-serverApp-c2662914669] .items-mobile-menu-sub.active[_ngcontent-serverApp-c2662914669] .items-menu[_ngcontent-serverApp-c2662914669],
.handset [_nghost-serverApp-c2662914669] .items-mobile-menu-sub.active[_ngcontent-serverApp-c2662914669] .items-menu[_ngcontent-serverApp-c2662914669] {
    background: initial
}

[_nghost-serverApp-c2662914669] {
    font-size: 14px
}

[_nghost-serverApp-c2662914669] .mat-badge .mat-badge-content {
    right: 2px !important
}

@media (max-width: 768px) {
    [_nghost-serverApp-c2662914669] {
        width: 100%;
        display: block;
        margin-top: 13px;
        padding: 0 30px;
        box-sizing: border-box
    }
}

.top-items[_ngcontent-serverApp-c2662914669] {
    display: flex;
    flex-wrap: wrap
}

@media (max-width: 768px) {
    .top-items[_ngcontent-serverApp-c2662914669] {
        flex-direction: column;
        padding: 0 0 15px;
        border-bottom: 1px solid rgba(255, 255, 255, .04);
        margin: 0;
        gap: 0
    }

    .top-items[_ngcontent-serverApp-c2662914669]>app-checkbox-item[_ngcontent-serverApp-c2662914669] {
        padding-top: 12px;
        padding-bottom: 9px
    }
}

.top[_ngcontent-serverApp-c2662914669] {
    display: flex;
    padding: 12px 13px;
    align-items: center
}

.top[_ngcontent-serverApp-c2662914669] mat-icon[_ngcontent-serverApp-c2662914669] {
    padding-left: 8px;
    width: 6px;
    height: 6px;
    line-height: 0;
    opacity: .6
}

a.top[_ngcontent-serverApp-c2662914669] {
    white-space: nowrap;
    border-radius: 4px;
    color: #fff;
    opacity: .7;
    transition: opacity .2s cubic-bezier(.1, .7, .5, 1)
}

a.top.active[_ngcontent-serverApp-c2662914669],
a.top[_ngcontent-serverApp-c2662914669]:hover {
    opacity: 1;
    background-color: #181a1e
}

.items-menu[_ngcontent-serverApp-c2662914669] {
    display: flex;
    flex-direction: column;
    background: #181a1e;
    padding: 5px 0;
    max-height: var(--height-list);
    overflow: auto
}

.items-menu[_ngcontent-serverApp-c2662914669] a[_ngcontent-serverApp-c2662914669] {
    padding: 0 14px;
    line-height: 42px;
    color: #fff;
    opacity: .7;
    transition: opacity .2s cubic-bezier(.1, .7, .5, 1)
}

.items-menu[_ngcontent-serverApp-c2662914669] a[_ngcontent-serverApp-c2662914669]:hover,
.items-menu[_ngcontent-serverApp-c2662914669] a.active[_ngcontent-serverApp-c2662914669] {
    background: #23262c;
    opacity: 1
}

.top-items-filter-mobile[_ngcontent-serverApp-c2662914669] {
    cursor: pointer;
    justify-content: space-between
}

.top-items-filter-mobile[_ngcontent-serverApp-c2662914669] .items-mobile-icon[_ngcontent-serverApp-c2662914669] mat-icon[_ngcontent-serverApp-c2662914669] {
    width: 6px;
    height: 6px;
    line-height: 6px;
    opacity: .6
}

.top-items-filter-mobile[_ngcontent-serverApp-c2662914669] .items-mobile-text[_ngcontent-serverApp-c2662914669] {
    font-weight: 700;
    cursor: pointer
}

.top-items-filter-mobile[_ngcontent-serverApp-c2662914669] .mat-expansion-panel-content[_ngcontent-serverApp-c2662914669] {
    background-color: red
}

.items-mobile-menu[_ngcontent-serverApp-c2662914669] {
    display: block
}

.items-mobile-menu.active[_ngcontent-serverApp-c2662914669] {
    background: #1d1e20
}

.items-mobile-menu[_ngcontent-serverApp-c2662914669] .menu[_ngcontent-serverApp-c2662914669] {
    display: flex;
    align-items: center
}

.items-mobile-menu[_ngcontent-serverApp-c2662914669] .menu[_ngcontent-serverApp-c2662914669] mat-icon[_ngcontent-serverApp-c2662914669] {
    padding-left: 6px
}

.items-mobile-menu[_ngcontent-serverApp-c2662914669] mat-icon[_ngcontent-serverApp-c2662914669] {
    width: 6px;
    height: 6px;
    line-height: 6px;
    opacity: .6
}

.items-mobile-menu-sub.active[_ngcontent-serverApp-c2662914669] .items-menu[_ngcontent-serverApp-c2662914669] {
    background: #1d1e20;
    padding-top: 0;
    padding-left: 22px
}

.items-mobile-menu-sub.active[_ngcontent-serverApp-c2662914669] .items-menu[_ngcontent-serverApp-c2662914669] app-checkbox-item[_ngcontent-serverApp-c2662914669]+app-checkbox-item[_ngcontent-serverApp-c2662914669] {
    margin-top: 15px
}

.mobile-zero[_ngcontent-serverApp-c2662914669] {
    display: block
}

.mat-menu-panel[_ngcontent-serverApp-c2662914669] {
    box-shadow: 0 4px 40px #0000004d
}

.mat-expansion-panel[_ngcontent-serverApp-c2662914669] {
    background: initial;
    box-shadow: initial
}

.mat-expansion-panel[_ngcontent-serverApp-c2662914669] .checkbox-list[_ngcontent-serverApp-c2662914669] {
    margin-top: 10px
}

.mat-expansion-panel[_ngcontent-serverApp-c2662914669] mat-panel-title[_ngcontent-serverApp-c2662914669] {
    display: flex;
    transition: opacity .2s cubic-bezier(.1, .7, .5, 1), color .2s cubic-bezier(.1, .7, .5, 1)
}

.mat-expansion-panel[_ngcontent-serverApp-c2662914669] mat-panel-title[_ngcontent-serverApp-c2662914669] .count[_ngcontent-serverApp-c2662914669] {
    margin-left: 3px
}

.mat-expansion-panel[_ngcontent-serverApp-c2662914669] .mat-expansion-panel-body {
    padding: 0 0 16px;
    display: flex;
    margin-top: 10px;
    flex-direction: column;
    gap: 20px
}

.mat-expansion-panel[_ngcontent-serverApp-c2662914669] mat-expansion-panel-header {
    padding: 10px 0;
    height: auto
}

.mat-expansion-panel[_ngcontent-serverApp-c2662914669] mat-expansion-panel-header:hover {
    transition: opacity .2s cubic-bezier(.1, .7, .5, 1), color .2s cubic-bezier(.1, .7, .5, 1);
    background: none !important
}

.mat-expansion-panel[_ngcontent-serverApp-c2662914669] mat-expansion-panel-header:hover mat-panel-title {
    opacity: 1
}

.mat-expansion-panel[_ngcontent-serverApp-c2662914669] mat-panel-title {
    flex-grow: 1
}

.mat-expansion-panel[_ngcontent-serverApp-c2662914669] mat-panel-description {
    flex-grow: 0;
    gap: 9px;
    margin: 0
}

.mat-expansion-panel[_ngcontent-serverApp-c2662914669] mat-panel-description mat-icon {
    width: 6px;
    height: 6px;
    line-height: 0;
    opacity: .6
}

.mat-expansion-panel[_ngcontent-serverApp-c2662914669] mat-panel-description a {
    font-weight: 400;
    font-size: 12px;
    color: #f24c05
}

.items-mobile-toggle[_ngcontent-serverApp-c2662914669] .rotate[_ngcontent-serverApp-c2662914669] {
    transition: .2s;
    transform: rotate(180deg)
}


.search[_ngcontent-serverApp-c1654447562] {
    position: relative;
    width: 100%;
    height: 100%
}

.search[_ngcontent-serverApp-c1654447562] form[_ngcontent-serverApp-c1654447562] {
    display: block;
    height: 100%
}

.search[_ngcontent-serverApp-c1654447562] form[_ngcontent-serverApp-c1654447562] app-input[_ngcontent-serverApp-c1654447562] {
    height: 100%;
    display: block
}

.search[_ngcontent-serverApp-c1654447562]:after {
    content: "";
    color: red;
    display: block;
    position: absolute;
    width: 16px;
    height: 16px;
    top: 13px;
    right: 13px;
    background-size: 16px 80px
}

.history-two-row[_ngcontent-serverApp-c1654447562] {
    display: flex;
    flex-direction: column
}

.search-history[_ngcontent-serverApp-c1654447562] {
    background-color: red
}

.search-history-controls-wrapper[_ngcontent-serverApp-c1654447562] {
    padding: 16px 16px 4px;
    min-height: auto
}

.search-history-controls-wrapper[_ngcontent-serverApp-c1654447562]:hover {
    background: inherit;
    cursor: inherit
}

.search-history-controls[_ngcontent-serverApp-c1654447562] {
    display: flex;
    font-size: 12px;
    color: #adaeaf;
    line-height: normal
}

.search-history-header[_ngcontent-serverApp-c1654447562] {
    flex-grow: 1
}

.search-history-clear[_ngcontent-serverApp-c1654447562] {
    display: flex;
    align-items: center;
    gap: 5px;
    color: #adaeaf;
    transition-duration: .25s
}

.search-history-clear[_ngcontent-serverApp-c1654447562]:hover {
    color: #fff
}

.search-history-item[_ngcontent-serverApp-c1654447562] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    font-size: 14px
}

.search-history-item[_ngcontent-serverApp-c1654447562]>.search-history-item-text[_ngcontent-serverApp-c1654447562] {
    flex-grow: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.mat-mdc-option[_ngcontent-serverApp-c1654447562]:hover:not(.mat-option-disabled) {
    background: #202227
}

.mat-mdc-option[_ngcontent-serverApp-c1654447562]:hover:not(.mat-option-disabled) .tooltip[_ngcontent-serverApp-c1654447562] {
    display: block
}

.tooltip[_ngcontent-serverApp-c1654447562] {
    display: none
}


.skinpay-sort[_nghost-serverApp-c3960027036] button[_ngcontent-serverApp-c3960027036],
.skinpay-sort [_nghost-serverApp-c3960027036] button[_ngcontent-serverApp-c3960027036] {
    width: 100%;
    display: flex;
    justify-content: space-between
}

button[_ngcontent-serverApp-c3960027036] {
    transition: opacity .2s cubic-bezier(.1, .7, .5, 1)
}

button.active[_ngcontent-serverApp-c3960027036],
button[_ngcontent-serverApp-c3960027036]:hover {
    background-color: #202227
}

button[_ngcontent-serverApp-c3960027036] mat-icon.arrow-icon[_ngcontent-serverApp-c3960027036] {
    width: 6px;
    min-width: 6px;
    margin-left: 6px
}

button.menu-active[_ngcontent-serverApp-c3960027036] {
    background: #3f4a6266;
    color: #fff
}

mat-icon.arrow[_ngcontent-serverApp-c3960027036] {
    width: 11px;
    height: 9px;
    line-height: 0
}

[_nghost-serverApp-c3960027036] .mat-flat-button {
    padding: 0 15px
}

@media (max-width: 768px) {
    [_nghost-serverApp-c3960027036] .mat-flat-button {
        height: 42px
    }
}


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

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

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

.mdc-button:active {
    outline: none
}

.mdc-button:hover {
    cursor: pointer
}

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

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

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

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

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

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

.mat-mdc-button[disabled],
.mat-mdc-button.mat-mdc-button-disabled {
    cursor: default;
    pointer-events: none;
    color: var(--mdc-text-button-disabled-label-text-color, color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent))
}

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


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

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

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

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

.mat-mdc-button .mat-ripple-element {
    background-color: var(--mat-text-button-ripple-color, color-mix(in srgb, var(--mat-sys-primary) calc(var(--mat-sys-pressed-state-layer-opacity) * 100%), transparent))
}

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

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

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

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

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

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

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

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

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

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

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

.mat-mdc-unelevated-button .mat-ripple-element {
    background-color: var(--mat-filled-button-ripple-color, color-mix(in srgb, var(--mat-sys-on-primary) calc(var(--mat-sys-pressed-state-layer-opacity) * 100%), transparent))
}

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

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

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

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

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

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

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

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

.mat-mdc-unelevated-button[disabled],
.mat-mdc-unelevated-button.mat-mdc-button-disabled {
    cursor: default;
    pointer-events: none;
    color: var(--mdc-filled-button-disabled-label-text-color, color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent));
    background-color: var(--mdc-filled-button-disabled-container-color, color-mix(in srgb, var(--mat-sys-on-surface) 12%, transparent))
}

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

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

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

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

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

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

.mat-mdc-raised-button .mat-ripple-element {
    background-color: var(--mat-protected-button-ripple-color, color-mix(in srgb, var(--mat-sys-primary) calc(var(--mat-sys-pressed-state-layer-opacity) * 100%), transparent))
}

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

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

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

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

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

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

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

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

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

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

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

.mat-mdc-raised-button[disabled],
.mat-mdc-raised-button.mat-mdc-button-disabled {
    cursor: default;
    pointer-events: none;
    color: var(--mdc-protected-button-disabled-label-text-color, color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent));
    background-color: var(--mdc-protected-button-disabled-container-color, color-mix(in srgb, var(--mat-sys-on-surface) 12%, transparent))
}

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

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

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

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

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

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

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

.mat-mdc-outlined-button .mat-ripple-element {
    background-color: var(--mat-outlined-button-ripple-color, color-mix(in srgb, var(--mat-sys-primary) calc(var(--mat-sys-pressed-state-layer-opacity) * 100%), transparent))
}

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

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

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

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

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

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

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

.mat-mdc-outlined-button[disabled],
.mat-mdc-outlined-button.mat-mdc-button-disabled {
    cursor: default;
    pointer-events: none;
    color: var(--mdc-outlined-button-disabled-label-text-color, color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent));
    border-color: var(--mdc-outlined-button-disabled-outline-color, color-mix(in srgb, var(--mat-sys-on-surface) 12%, transparent))
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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






@media (max-width: 768px) {
    .filters[_ngcontent-serverApp-c492319241] .row[_ngcontent-serverApp-c492319241] {
        margin-bottom: initial
    }

    .filters[_ngcontent-serverApp-c492319241] .row[_ngcontent-serverApp-c492319241] .filter.close-filter[_ngcontent-serverApp-c492319241] {
        width: initial
    }

    .filters[_ngcontent-serverApp-c492319241] .row[_ngcontent-serverApp-c492319241] app-sort-order[_ngcontent-serverApp-c492319241] {
        margin-left: initial
    }

    .filters[_ngcontent-serverApp-c492319241] .row[_ngcontent-serverApp-c492319241] app-search[_ngcontent-serverApp-c492319241] {
        width: initial;
        flex-grow: 1;
        height: 100%
    }

    .filters[_ngcontent-serverApp-c492319241] .row[_ngcontent-serverApp-c492319241] .selected-filter[_ngcontent-serverApp-c492319241] {
        margin-left: initial;
        gap: 6px
    }

    .filters[_ngcontent-serverApp-c492319241] .row[_ngcontent-serverApp-c492319241] .selected-filter[_ngcontent-serverApp-c492319241] app-tags-search[_ngcontent-serverApp-c492319241] {
        margin-bottom: 6px
    }

    .filters[_ngcontent-serverApp-c492319241] .row[_ngcontent-serverApp-c492319241] {
        margin-top: initial;
        display: flex
    }

    .filters[_ngcontent-serverApp-c492319241] .row[_ngcontent-serverApp-c492319241] .top[_ngcontent-serverApp-c492319241] {
        display: flex;
        gap: 6px;
        align-items: center;
        height: 42px;
        flex-grow: 1
    }

    .filters[_ngcontent-serverApp-c492319241] .row[_ngcontent-serverApp-c492319241] app-search[_ngcontent-serverApp-c492319241] {
        min-width: initial
    }
}


.list[_ngcontent-serverApp-c3344808438] {
    height: 100%
}

.list[_ngcontent-serverApp-c3344808438]>div {
    display: grid;
    width: 100%;
    flex-wrap: wrap;
    grid-template-columns: repeat(auto-fill, minmax(155px, 1fr));
    gap: 6px
}

.list[_ngcontent-serverApp-c3344808438] .cdk-virtual-scroll-content-wrapper {
    z-index: 2
}

.invisible[_ngcontent-serverApp-c3344808438] {
    visibility: hidden
}


[_nghost-serverApp-c282627937] app-stickers[_ngcontent-serverApp-c282627937] app-svg {
    width: 16px !important;
    height: 16px !important;
    margin-right: 14px
}

[_nghost-serverApp-c282627937] app-stickers[_ngcontent-serverApp-c282627937] .default-icon {
    transform: none !important
}

app-checkbox-container[_ngcontent-serverApp-c282627937] {
    display: block
}

app-checkbox-container[_ngcontent-serverApp-c282627937]+app-checkbox-container[_ngcontent-serverApp-c282627937] {
    margin-top: 10px
}

app-stickers[_ngcontent-serverApp-c282627937] {
    display: block;
    margin-top: 10px
}

.main-filter[_ngcontent-serverApp-c282627937] {
    width: 307px;
    display: flex;
    flex-direction: column;
    align-items: center;
    color: #fff
}

.main-filter[_ngcontent-serverApp-c282627937] .filter[_ngcontent-serverApp-c282627937] {
    width: 100%;
    padding: 23px 0 26px;
    margin-right: 6px;
    box-sizing: border-box;
    overflow-y: scroll;
    position: relative;
    height: calc(100vh - 71px - 60px - var(--restrictionsHeight))
}

.main-filter[_ngcontent-serverApp-c282627937] .filter.desktop[_ngcontent-serverApp-c282627937] {
    height: calc(100vh - 71px - 60px - 30px - var(--restrictionsHeight))
}

.main-filter[_ngcontent-serverApp-c282627937] .filter[_ngcontent-serverApp-c282627937]::-webkit-scrollbar-thumb {
    border-radius: 11px;
    background: #e9f4ff12
}

.main-filter[_ngcontent-serverApp-c282627937] .filter[_ngcontent-serverApp-c282627937] app-range-container[_ngcontent-serverApp-c282627937],
.main-filter[_ngcontent-serverApp-c282627937] .filter[_ngcontent-serverApp-c282627937] app-range-container-exp[_ngcontent-serverApp-c282627937],
.main-filter[_ngcontent-serverApp-c282627937] .filter[_ngcontent-serverApp-c282627937] app-checkbox-container[_ngcontent-serverApp-c282627937],
.main-filter[_ngcontent-serverApp-c282627937] .filter[_ngcontent-serverApp-c282627937] app-stickers[_ngcontent-serverApp-c282627937],
.main-filter[_ngcontent-serverApp-c282627937] .filter[_ngcontent-serverApp-c282627937] app-legal-information[_ngcontent-serverApp-c282627937] {
    display: block;
    margin-left: 30px;
    margin-right: 30px
}

.main-filter[_ngcontent-serverApp-c282627937] .filter[_ngcontent-serverApp-c282627937] app-legal-information[_ngcontent-serverApp-c282627937] {
    margin-top: 10px
}

.close[_ngcontent-serverApp-c282627937] {
    display: none
}


@media (max-width: 768px) {
    .main-filter[_ngcontent-serverApp-c282627937] {
        width: initial
    }

    .main-filter[_ngcontent-serverApp-c282627937] .filter[_ngcontent-serverApp-c282627937] {
        height: initial;
        margin-top: 0;
        overflow-y: unset
    }
}


@media (max-width: 1199px) {
    .main-filter[_ngcontent-serverApp-c282627937] {
        width: initial
    }

    .main-filter[_ngcontent-serverApp-c282627937] .filter[_ngcontent-serverApp-c282627937] {
        height: initial;
        margin-top: 0;
        padding-top: 20px;
        overflow-y: unset;
        padding-bottom: 0
    }
}


[_nghost-serverApp-c1688362747] {
    display: block;
    width: 100%
}

.header[_ngcontent-serverApp-c1688362747] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    border-bottom: 1px solid rgba(255, 255, 255, .04);
    padding: 28px 30px 25px;
    box-sizing: border-box
}

.header[_ngcontent-serverApp-c1688362747] .filters[_ngcontent-serverApp-c1688362747] {
    display: flex;
    align-items: center;
    margin-bottom: 0;
    font-size: 14px
}

.header[_ngcontent-serverApp-c1688362747] .filters[_ngcontent-serverApp-c1688362747]>.filters-title[_ngcontent-serverApp-c1688362747] {
    margin-right: 2px;
    margin-bottom: 1px
}

.header[_ngcontent-serverApp-c1688362747] .filters[_ngcontent-serverApp-c1688362747]>.filters-count[_ngcontent-serverApp-c1688362747] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 16px;
    height: 16px;
    font-weight: 700;
    font-size: 12px;
    line-height: 12px;
    background: #f24c05;
    border-radius: 50%
}

.header[_ngcontent-serverApp-c1688362747] .title[_ngcontent-serverApp-c1688362747] {
    font-weight: 700;
    font-size: 14px;
    line-height: 17px;
    color: #fff;
    margin-right: 2px
}

.header[_ngcontent-serverApp-c1688362747] .reset[_ngcontent-serverApp-c1688362747] {
    display: flex;
    align-items: center;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    color: #f24c05;
    cursor: pointer
}

.header[_ngcontent-serverApp-c1688362747] .reset[_ngcontent-serverApp-c1688362747]>.reset-title[_ngcontent-serverApp-c1688362747] {
    margin-right: 6px
}

.header[_ngcontent-serverApp-c1688362747] .reset[_ngcontent-serverApp-c1688362747]>.reset-icon[_ngcontent-serverApp-c1688362747] {
    display: inline-flex;
    width: 16px;
    height: 16px;
    margin-top: 2px
}


[_nghost-serverApp-c1663130093] .range-container-block[_ngcontent-serverApp-c1663130093] {
    margin-bottom: 20px
}

[_nghost-serverApp-c1663130093] .range-container-block[_ngcontent-serverApp-c1663130093] .range-container[_ngcontent-serverApp-c1663130093] {
    display: flex;
    box-sizing: border-box;
    margin-bottom: 20px
}

[_nghost-serverApp-c1663130093] .range-container-block[_ngcontent-serverApp-c1663130093] .range-container[_ngcontent-serverApp-c1663130093] .column[_ngcontent-serverApp-c1663130093] {
    display: flex;
    flex-direction: column;
    width: 50%
}

[_nghost-serverApp-c1663130093] .range-container-block[_ngcontent-serverApp-c1663130093] .range-container[_ngcontent-serverApp-c1663130093] .column[_ngcontent-serverApp-c1663130093] .title[_ngcontent-serverApp-c1663130093] {
    color: #adaeaf;
    margin-bottom: 11px
}

[_nghost-serverApp-c1663130093] .range-container-block[_ngcontent-serverApp-c1663130093] .range-container[_ngcontent-serverApp-c1663130093] .column[_ngcontent-serverApp-c1663130093]:first-child .input-container input {
    border-right: 1px solid rgba(255, 255, 255, 0);
    border-radius: 5px 0 0 5px
}

[_nghost-serverApp-c1663130093] .range-container-block[_ngcontent-serverApp-c1663130093] .range-container[_ngcontent-serverApp-c1663130093] .column[_ngcontent-serverApp-c1663130093]:last-child .input-container input {
    border-radius: 0 5px 5px 0
}

app-input[_ngcontent-serverApp-c1663130093] {
    height: 42px
}

.range[_ngcontent-serverApp-c1663130093] {
    display: flex;
    justify-content: center
}

.range[_ngcontent-serverApp-c1663130093] mat-slider[_ngcontent-serverApp-c1663130093] {
    display: block;
    width: calc(100% - 18px)
}


#stickers[_ngcontent-serverApp-c2948313253] {
    display: block;
    height: 42px
}

.stickers[_ngcontent-serverApp-c2948313253] {
    padding-top: 10px;
    gap: 5px;
    flex-wrap: wrap;
    display: inline-flex
}

.stickers[_ngcontent-serverApp-c2948313253]>div[_ngcontent-serverApp-c2948313253] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #323537;
    border-radius: 5px;
    width: 58px;
    height: 47px
}

.stickers[_ngcontent-serverApp-c2948313253]>div[_ngcontent-serverApp-c2948313253] mat-icon[_ngcontent-serverApp-c2948313253] {
    width: 15px;
    height: 15px;
    line-height: 15px;
    display: none
}

.stickers[_ngcontent-serverApp-c2948313253]>div[_ngcontent-serverApp-c2948313253] img[_ngcontent-serverApp-c2948313253] {
    height: 100%;
    padding: 5px 7px;
    box-sizing: border-box
}

.stickers[_ngcontent-serverApp-c2948313253]>div[_ngcontent-serverApp-c2948313253]:hover {
    background: #50a7cc30;
    cursor: pointer
}

.stickers[_ngcontent-serverApp-c2948313253]>div[_ngcontent-serverApp-c2948313253]:hover mat-icon[_ngcontent-serverApp-c2948313253] {
    display: block;
    position: absolute;
    top: 6px;
    right: 6px
}


.error[_nghost-serverApp-c4118759099] .input-container[_ngcontent-serverApp-c4118759099] input[_ngcontent-serverApp-c4118759099],
.error [_nghost-serverApp-c4118759099] .input-container[_ngcontent-serverApp-c4118759099] input[_ngcontent-serverApp-c4118759099] {
    border: 1px solid #F24C05
}

.success[_nghost-serverApp-c4118759099] .input-container[_ngcontent-serverApp-c4118759099] input[_ngcontent-serverApp-c4118759099],
.success [_nghost-serverApp-c4118759099] .input-container[_ngcontent-serverApp-c4118759099] input[_ngcontent-serverApp-c4118759099] {
    border: 1px solid #98B818
}

.has-postfix[_nghost-serverApp-c4118759099] .input-container[_ngcontent-serverApp-c4118759099] input.has-postfix[_ngcontent-serverApp-c4118759099],
.has-postfix [_nghost-serverApp-c4118759099] .input-container[_ngcontent-serverApp-c4118759099] input.has-postfix[_ngcontent-serverApp-c4118759099] {
    padding-right: 70px !important
}

.input-container[_ngcontent-serverApp-c4118759099] {
    --input-prefix-width: 0px;
    flex-grow: 1;
    height: 100%;
    position: relative
}

.input-container[_ngcontent-serverApp-c4118759099] [_ngcontent-serverApp-c4118759099]::placeholder {
    color: #fff6
}

.input-container[_ngcontent-serverApp-c4118759099] [_ngcontent-serverApp-c4118759099]:-ms-input-placeholder {
    color: #fff6
}

.input-container[_ngcontent-serverApp-c4118759099] [_ngcontent-serverApp-c4118759099]::-ms-input-placeholder {
    color: #fff6
}

.input-container.hover[_ngcontent-serverApp-c4118759099] input[_ngcontent-serverApp-c4118759099] {
    border: 1px solid rgba(255, 255, 255, .15) !important;
    transition: border-color .2s cubic-bezier(.1, .7, .5, 1)
}

.input-container[_ngcontent-serverApp-c4118759099] input[_ngcontent-serverApp-c4118759099] {
    text-overflow: ellipsis;
    background: #00000026;
    border: 1px solid rgba(255, 255, 255, .07);
    transition: border-color .2s cubic-bezier(.1, .7, .5, 1);
    box-sizing: border-box;
    border-radius: 5px;
    font-size: 14px;
    line-height: 16px;
    color: #fff;
    width: 100%;
    height: 100%;
    padding: 7px 35px 7px 14px;
    -webkit-appearance: none;
    appearance: none;
    -moz-appearance: textfield
}

.input-container[_ngcontent-serverApp-c4118759099] input.has-prefix[_ngcontent-serverApp-c4118759099] {
    padding-left: calc(18px + var(--input-prefix-width))
}

.input-container[_ngcontent-serverApp-c4118759099] input[_ngcontent-serverApp-c4118759099]:hover {
    border: 1px solid rgba(255, 255, 255, .15) !important;
    transition: border-color .2s cubic-bezier(.1, .7, .5, 1)
}

.input-container[_ngcontent-serverApp-c4118759099] input[_ngcontent-serverApp-c4118759099]:-webkit-autofill,
.input-container[_ngcontent-serverApp-c4118759099] input[_ngcontent-serverApp-c4118759099]:-webkit-autofill:hover,
.input-container[_ngcontent-serverApp-c4118759099] input[_ngcontent-serverApp-c4118759099]:-webkit-autofill:focus,
.input-container[_ngcontent-serverApp-c4118759099] input[_ngcontent-serverApp-c4118759099]:-webkit-autofill:active {
    -webkit-text-fill-color: #FFFFFF;
    -webkit-box-shadow: 0 0 0 30px rgb(22, 23, 23) inset !important
}

.input-container[_ngcontent-serverApp-c4118759099] input[_ngcontent-serverApp-c4118759099]:disabled {
    background-color: #1c1e23
}

.input-container[_ngcontent-serverApp-c4118759099] .actions[_ngcontent-serverApp-c4118759099] {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    display: flex;
    z-index: 1;
    align-items: center
}

.input-container[_ngcontent-serverApp-c4118759099] .actions[_ngcontent-serverApp-c4118759099] app-svg[_ngcontent-serverApp-c4118759099] {
    height: 100%;
    width: 40px;
    align-items: center;
    justify-content: center;
    cursor: pointer
}

.input-container[_ngcontent-serverApp-c4118759099] .actions[_ngcontent-serverApp-c4118759099] app-svg.error-tool[_ngcontent-serverApp-c4118759099] {
    width: initial
}

.input-container[_ngcontent-serverApp-c4118759099] .actions[_ngcontent-serverApp-c4118759099] .input-button[_ngcontent-serverApp-c4118759099] {
    display: flex;
    border-radius: 0 5px 5px 0;
    cursor: pointer;
    height: 100%;
    align-items: center
}

.input-container[_ngcontent-serverApp-c4118759099] .actions[_ngcontent-serverApp-c4118759099] .input-button.is-background[_ngcontent-serverApp-c4118759099] {
    background: #32353799
}

.input-container[_ngcontent-serverApp-c4118759099] .actions[_ngcontent-serverApp-c4118759099] .content[_ngcontent-serverApp-c4118759099] {
    display: flex;
    height: 100%;
    align-items: center
}

.input-container[_ngcontent-serverApp-c4118759099] .actions[_ngcontent-serverApp-c4118759099] .mat-icon-button[_ngcontent-serverApp-c4118759099] {
    width: auto
}

.input-container[_ngcontent-serverApp-c4118759099] button[_ngcontent-serverApp-c4118759099] {
    color: #fff;
    opacity: .6;
    transition: opacity .2s cubic-bezier(.1, .7, .5, 1)
}

.input-container[_ngcontent-serverApp-c4118759099] button[_ngcontent-serverApp-c4118759099]:hover {
    opacity: 1
}

.input-container[_ngcontent-serverApp-c4118759099] app-svg[_ngcontent-serverApp-c4118759099] {
    color: #fff;
    opacity: .6;
    transition: opacity .2s cubic-bezier(.1, .7, .5, 1)
}

.input-container[_ngcontent-serverApp-c4118759099] app-svg[_ngcontent-serverApp-c4118759099]:hover {
    opacity: 1
}

.input-container[_ngcontent-serverApp-c4118759099] app-svg.cursor[_ngcontent-serverApp-c4118759099] {
    cursor: pointer
}

.input-container[_ngcontent-serverApp-c4118759099] app-svg.cursor[_ngcontent-serverApp-c4118759099]:hover {
    color: #fff
}

.input-container[_ngcontent-serverApp-c4118759099] button[_ngcontent-serverApp-c4118759099],
.input-container[_ngcontent-serverApp-c4118759099] .error-tool[_ngcontent-serverApp-c4118759099] {
    cursor: pointer
}

.input-container[_ngcontent-serverApp-c4118759099] .invisible[_ngcontent-serverApp-c4118759099] {
    visibility: hidden
}

.input-container[_ngcontent-serverApp-c4118759099] .prefix[_ngcontent-serverApp-c4118759099] {
    position: absolute;
    left: 11px;
    top: 12px;
    font-size: 14px;
    color: #adaeaf
}

input[_ngcontent-serverApp-c4118759099]::-webkit-outer-spin-button,
input[_ngcontent-serverApp-c4118759099]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0
}

input[type=number][_ngcontent-serverApp-c4118759099] {
    -moz-appearance: textfield
}


div.mat-mdc-autocomplete-panel {
    width: 100%;
    max-height: 256px;
    visibility: hidden;
    transform-origin: center top;
    overflow: auto;
    padding: 8px 0;
    box-sizing: border-box;
    position: static;
    border-radius: var(--mat-autocomplete-container-shape, var(--mat-sys-corner-extra-small));
    box-shadow: var(--mat-autocomplete-container-elevation-shadow, 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12));
    background-color: var(--mat-autocomplete-background-color, var(--mat-sys-surface-container))
}

@media(forced-colors: active) {
    div.mat-mdc-autocomplete-panel {
        outline: solid 1px
    }
}

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

div.mat-mdc-autocomplete-panel.mat-mdc-autocomplete-visible {
    visibility: visible
}

div.mat-mdc-autocomplete-panel.mat-mdc-autocomplete-hidden {
    visibility: hidden;
    pointer-events: none
}

mat-autocomplete {
    display: none
}



app-top-items-filter[_ngcontent-serverApp-c492319241] {
    display: block
}

.filters[_ngcontent-serverApp-c492319241] {
    width: 100%
}

.filters[_ngcontent-serverApp-c492319241] .row[_ngcontent-serverApp-c492319241] {
    display: flex;
    gap: 10px;
    flex-wrap: wrap
}

.filters[_ngcontent-serverApp-c492319241] .row[_ngcontent-serverApp-c492319241] {
    padding-bottom: 25px
}

.filters[_ngcontent-serverApp-c492319241] .row[_ngcontent-serverApp-c492319241] a[_ngcontent-serverApp-c492319241] {
    position: relative;
    font-weight: 700;
    font-size: 14px;
    line-height: 17px;
    color: #fff;
    margin-right: 31px
}

.filters[_ngcontent-serverApp-c492319241] .row[_ngcontent-serverApp-c492319241] a[_ngcontent-serverApp-c492319241]:hover {
    color: #43c7ff;
    cursor: pointer
}

.filters[_ngcontent-serverApp-c492319241] .row[_ngcontent-serverApp-c492319241] a[_ngcontent-serverApp-c492319241]:before {
    content: "";
    position: absolute;
    right: -10px;
    display: block;
    background-size: 70px 72px;
    width: 11px;
    height: 6px;
    top: 5px
}

.filters[_ngcontent-serverApp-c492319241] .row[_ngcontent-serverApp-c492319241] a[_ngcontent-serverApp-c492319241]:last-child {
    margin-right: 0
}

.filters[_ngcontent-serverApp-c492319241] .row[_ngcontent-serverApp-c492319241] .filter[_ngcontent-serverApp-c492319241] {
    box-sizing: border-box;
    padding: 13px;
    width: 98px;
    height: 42px
}

.filters[_ngcontent-serverApp-c492319241] .row[_ngcontent-serverApp-c492319241] .filter[_ngcontent-serverApp-c492319241] app-svg[_ngcontent-serverApp-c492319241] {
    margin-right: 3px
}

.filters[_ngcontent-serverApp-c492319241] .row[_ngcontent-serverApp-c492319241] .filter.close-filter[_ngcontent-serverApp-c492319241] {
    width: 156px
}

.filters[_ngcontent-serverApp-c492319241] .row[_ngcontent-serverApp-c492319241] .filter.close-filter[_ngcontent-serverApp-c492319241] app-svg[_ngcontent-serverApp-c492319241] {
    margin-right: 6px
}

.filters[_ngcontent-serverApp-c492319241] .row[_ngcontent-serverApp-c492319241] app-sort-order[_ngcontent-serverApp-c492319241] {
    display: flex
}

.filters[_ngcontent-serverApp-c492319241] .row[_ngcontent-serverApp-c492319241] app-search[_ngcontent-serverApp-c492319241] {
    max-width: 530px;
    width: 100%;
    height: 42px
}

.filters[_ngcontent-serverApp-c492319241] .row[_ngcontent-serverApp-c492319241] app-search[_ngcontent-serverApp-c492319241] .input-button .is-background {
    background-color: #323537
}

.filters[_ngcontent-serverApp-c492319241] .row[_ngcontent-serverApp-c492319241] app-search[_ngcontent-serverApp-c492319241] .actions app-svg {
    padding-right: 0
}

.filters[_ngcontent-serverApp-c492319241] .row[_ngcontent-serverApp-c492319241] app-search[_ngcontent-serverApp-c492319241] app-svg {
    width: 16px !important;
    height: 16px !important;
    margin-right: 14px;
    margin-left: 14px
}

.filters[_ngcontent-serverApp-c492319241] .row[_ngcontent-serverApp-c492319241] app-search[_ngcontent-serverApp-c492319241] .default-icon {
    transform: none !important
}

.filters[_ngcontent-serverApp-c492319241] .row[_ngcontent-serverApp-c492319241] app-price[_ngcontent-serverApp-c492319241] {
    margin-left: 10px
}

.filters[_ngcontent-serverApp-c492319241] .row[_ngcontent-serverApp-c492319241] .selected-filter[_ngcontent-serverApp-c492319241] {
    margin-left: 10px;
    display: flex;
    gap: 10px;
    flex-wrap: wrap
}

.filters[_ngcontent-serverApp-c492319241] .row[_ngcontent-serverApp-c492319241] {
    margin-top: 10px;
    color: #fff
}

.filters[_ngcontent-serverApp-c492319241] .button-container[_ngcontent-serverApp-c492319241] {
    display: flex
}

.filters[_ngcontent-serverApp-c492319241] .button-container[_ngcontent-serverApp-c492319241] button[_ngcontent-serverApp-c492319241]:first-child {
    margin-right: 10px
}

.filters[_ngcontent-serverApp-c492319241] .button-container[_ngcontent-serverApp-c492319241] button[_ngcontent-serverApp-c492319241] app-svg[_ngcontent-serverApp-c492319241] {
    margin-right: 3px
}

.filters[_ngcontent-serverApp-c492319241] .update-button[_ngcontent-serverApp-c492319241] {
    min-width: 122px;
    min-height: 42px;
    padding: 0 10px;
    margin: 0 10px
}


@media (max-width: 1199px) {
    [_nghost-serverApp-c3766126569] {
        flex: 1
    }

    [_nghost-serverApp-c3766126569] .mat-drawer-backdrop.mat-drawer-shown {
        background-color: #00000080
    }

    [_nghost-serverApp-c3766126569] .mat-badge-content {
        --mat-badge-container-overlap-offset: 0;
        --mat-badge-legacy-container-size: 16px;
        position: absolute !important;
        top: 50% !important;
        right: 13px !important;
        left: auto !important;
        transform: translateY(-50%) !important
    }

    mat-sidenav[_ngcontent-serverApp-c3766126569] {
        background-color: #1e2022 !important;
        padding-bottom: 82px
    }

    app-main-filter[_ngcontent-serverApp-c3766126569] {
        position: initial;
        display: block;
        overflow: auto;
        height: 100%;
        -webkit-overflow-scrolling: touch;
        margin-right: 6px
    }

    app-main-filter[_ngcontent-serverApp-c3766126569]::-webkit-scrollbar-thumb {
        border-radius: 11px;
        background: #e9f4ff12
    }

    app-filter-above-inventory[_ngcontent-serverApp-c3766126569] {
        overflow-y: initial;
        padding: initial;
        position: initial;
        background: none;
        max-height: initial;
        border-left: none
    }

    .filter-wrap[_ngcontent-serverApp-c3766126569] {
        overflow: hidden;
        position: relative;
        padding-bottom: 82px;
        height: 100%;
        background-color: #131417
    }

    .filter-close[_ngcontent-serverApp-c3766126569] {
        position: absolute;
        bottom: 0;
        display: flex;
        gap: 10px;
        padding: 20px;
        box-sizing: border-box;
        left: 0;
        width: 100%;
        background: #131417;
        z-index: 5
    }

    .filter-close[_ngcontent-serverApp-c3766126569] button[_ngcontent-serverApp-c3766126569] {
        width: 100%;
        height: 42px;
        line-height: 42px
    }

    .banners[_ngcontent-serverApp-c3766126569] {
        display: flex;
        flex-direction: column;
        gap: 10px;
        margin-bottom: 0
    }

    .banners.banner-margin[_ngcontent-serverApp-c3766126569] {
        margin-bottom: 0
    }
}

.banner-tablet-mobile[_ngcontent-serverApp-c3766126569] {
    margin-bottom: 0
}

@media (max-width: 768px) {
    [_nghost-serverApp-c3766126569] {
        flex: 1
    }

    mat-sidenav[_ngcontent-serverApp-c3766126569] {
        background-color: #1e2022 !important
    }

    app-main-filter[_ngcontent-serverApp-c3766126569] {
        position: initial;
        margin-right: 0 !important
    }

    app-filter-above-inventory[_ngcontent-serverApp-c3766126569] {
        overflow-y: initial;
        padding: initial;
        position: initial;
        background: none;
        max-height: initial;
        border-left: none
    }

    .filter-close[_ngcontent-serverApp-c3766126569] {
        padding: 20px;
        background: #322e2b
    }

    .filter-close[_ngcontent-serverApp-c3766126569] button[_ngcontent-serverApp-c3766126569] {
        width: 100%;
        height: 42px;
        line-height: 42px
    }

    .banners[_ngcontent-serverApp-c3766126569] {
        margin-bottom: 10px !important
    }
}


@media (max-width: 768px) {

    app-header[_ngcontent-serverApp-c2063952858],
    app-header-loading[_ngcontent-serverApp-c2063952858] {
        display: block;
        height: 48px;
        width: 100%
    }

    .main-content[_ngcontent-serverApp-c2063952858] {
        display: block;
        flex-grow: 1;
        width: 100%
    }

    [_nghost-serverApp-c2063952858] {
        display: flex;
        flex-direction: column;
        height: 100vh;
        --header-height: 46px
    }
}

[_nghost-serverApp-c2063952858] {
    display: flex;
    flex-direction: column;
    height: 100vh;
    position: relative
}

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

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

.notification.tradeoffer-error[_ngcontent-serverApp-c3766126569] button[_ngcontent-serverApp-c3766126569] {
    height: 42px;
    font-weight: 700
}

.notification.tradeoffer-error[_ngcontent-serverApp-c3766126569] mat-icon[_ngcontent-serverApp-c3766126569] {
    width: 15px;
    height: 24px
}

app-filter-above-inventory[_ngcontent-serverApp-c3766126569] {
    position: sticky;
    top: calc(60px + var(--restrictionsHeight));
    width: 100%;
    background: #131417;
    z-index: 1
}

.scroll[_ngcontent-serverApp-c3766126569] {
    overflow-x: hidden;
    overflow-y: scroll;
    height: 100vh
}

.main-view[_ngcontent-serverApp-c3766126569] {
    width: 100%;
    padding: 30px;
    background: #131417;
    min-height: calc(100vh - var(--header-height));
    border-left: 1px solid rgba(255, 255, 255, .04);
    display: flex;
    margin-left: 308px;
    flex-direction: column;
    box-sizing: border-box
}

app-main-filter[_ngcontent-serverApp-c3766126569] {
    border-radius: 6px 0 0 6px;
    overflow: hidden;
    background: #131417;
    min-width: 308px;
    position: fixed
}

app-virtual-pagination[_ngcontent-serverApp-c3766126569] {
    flex-grow: 10;
    position: relative
}

.notification[_ngcontent-serverApp-c3766126569] {
    display: flex;
    justify-content: space-between;
    mix-blend-mode: normal;
    border-radius: 4px;
    font-size: 16px;
    line-height: 19px;
    padding: 20px;
    margin-bottom: 15px;
    align-items: center
}

.notification[_ngcontent-serverApp-c3766126569] .text[_ngcontent-serverApp-c3766126569] {
    display: flex;
    align-items: center
}

.notification[_ngcontent-serverApp-c3766126569] .text[_ngcontent-serverApp-c3766126569] app-svg[_ngcontent-serverApp-c3766126569] {
    margin-right: 10px
}

.notification[_ngcontent-serverApp-c3766126569] .action[_ngcontent-serverApp-c3766126569] {
    font-size: 16px;
    line-height: 19px;
    text-align: right;
    color: #fff
}

.notification.tradeoffer-error[_ngcontent-serverApp-c3766126569] {
    margin-top: 15px;
    color: #f24c05;
    background: #f24c051a
}

.notification.tradeoffer-success[_ngcontent-serverApp-c3766126569] {
    margin-top: 15px;
    background: #98b8181a;
    color: #98b818;
    padding: 14px 20px
}

.filter-mobile[_ngcontent-serverApp-c3766126569] {
    width: 42px;
    height: 42px;
    min-width: 42px;
    align-items: center;
    display: flex;
    justify-content: center;
    line-height: 42px
}

.filter-mobile[_ngcontent-serverApp-c3766126569] mat-icon[_ngcontent-serverApp-c3766126569] {
    width: 16px;
    min-width: 16px;
    height: 16px;
    line-height: 16px;
    margin: 0
}

.mat-sidenav[_ngcontent-serverApp-c3766126569] {
    left: 0;
    top: calc(50px + var(--restrictionsHeight)) !important
}

mat-sidenav-container[_ngcontent-serverApp-c3766126569] {
    background: initial;
    width: 100%;
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 10px
}

mat-sidenav-container[_ngcontent-serverApp-c3766126569] mat-sidenav-content[_ngcontent-serverApp-c3766126569] {
    display: flex;
    flex-direction: column
}

.mobile-header-filter[_ngcontent-serverApp-c3766126569] .reset[_ngcontent-serverApp-c3766126569] {
    height: 42px;
    width: 100%;
    margin-bottom: 6px
}

.mobile-header-filter[_ngcontent-serverApp-c3766126569] .reset[_ngcontent-serverApp-c3766126569] mat-icon[_ngcontent-serverApp-c3766126569] {
    width: 16px;
    height: 16px;
    line-height: 16px;
    margin-left: 3px
}

.filter-close[_ngcontent-serverApp-c3766126569] {
    display: none
}

.banners[_ngcontent-serverApp-c3766126569] {
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin-bottom: 18px
}

.banners.banner-margin[_ngcontent-serverApp-c3766126569] {
    margin-bottom: 20px
}

app-header[_ngcontent-serverApp-c2063952858],
app-header-loading[_ngcontent-serverApp-c2063952858],
app-header-tablet-loading[_ngcontent-serverApp-c2063952858],
app-header-mobile-loading[_ngcontent-serverApp-c2063952858] {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999
}

@media (max-width: 768px) {

    app-header[_ngcontent-serverApp-c2063952858],
    app-header-loading[_ngcontent-serverApp-c2063952858],
    app-header-tablet-loading[_ngcontent-serverApp-c2063952858],
    app-header-mobile-loading[_ngcontent-serverApp-c2063952858] {
        display: block;
        height: var(--header-height);
        width: 100%
    }
}

.restrictions[_ngcontent-serverApp-c2063952858] {
    position: fixed;
    top: var(--header-height);
    width: 100%;
    z-index: 2;
    display: flex;
    flex-direction: column;
    gap: 2px;
    background-color: #131417
}

.main-content[_ngcontent-serverApp-c2063952858] {
    margin-top: calc(60px + var(--restrictionsHeight));
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    width: 100%
}

notifier-notification {
    background: #1a1d21f2 !important;
    box-shadow: 0 4px 40px -6px #0e0e0f99 !important;
    border-radius: 5px !important;
    padding: 0 !important;
    font-size: 14px;
    line-height: 160%;
    width: 375px;
    color: #fff
}

notifier-notification .block {
    padding: 12px 51px 20px 27px
}

notifier-notification .flex-block {
    padding: 12px 51px 20px 9px;
    display: flex;
    align-items: center
}

notifier-notification .title {
    font-weight: 700;
    margin-bottom: 1px
}

notifier-notification .img-block {
    width: 68px;
    height: 49px;
    margin-right: 10px
}

notifier-notification .img-block .img {
    width: 68px;
    height: 49px;
    background-size: contain
}

notifier-notification button.green-button {
    font-size: 14px;
    padding: 10px 16px;
    font-weight: 700;
    margin-top: 10px
}

notifier-notification button.close-button {
    top: 14px;
    right: 14px;
    width: 10px;
    height: 10px;
    background-size: 85px 77px;
    background-position: -6px -42px;
    cursor: pointer
}

notifier-notification.notifier__notification--default {
    border-left: 4px solid #4e575e
}

notifier-notification.notifier__notification--warn {
    border-left: 4px solid #f24c05
}

notifier-notification.notifier__notification--warn .title {
    color: #f24c05
}

notifier-notification.notifier__notification--success {
    border-left: 4px solid #98b818
}

notifier-notification.notifier__notification--success a {
    color: #98b818
}

notifier-notification.notifier__notification--info {
    border-left: 4px solid #1888b8
}

notifier-notification.notifier__notification--info a {
    color: #98b818
}

app-chat[_ngcontent-serverApp-c2063952858] {
    z-index: 1000;
    position: fixed
}

app-recent-info[_ngcontent-serverApp-c2063952858] {
    display: block;
    max-width: 2200px;
    margin: auto auto 0;
    padding-top: 30px;
    width: 100%
}

app-recent-info[_ngcontent-serverApp-c2063952858] app-history-items {
    display: block;
    transform: scale(.7647);
    transform-origin: left;
    overflow: initial
}

@media (max-width: 1199px) {

    app-header[_ngcontent-serverApp-c2063952858],
    app-header-loading[_ngcontent-serverApp-c2063952858] {
        display: block;
        height: 50px;
        width: 100%
    }

    .main-content[_ngcontent-serverApp-c2063952858] {
        background: #131417;
        display: block;
        flex-grow: 1;
        width: 100%;
        margin-top: calc(var(--header-height) + var(--restrictionsHeight))
    }

    [_nghost-serverApp-c2063952858] {
        display: flex;
        flex-direction: column;
        height: 100vh
    }
}

@media (max-width: 1199px) {
    #app[_ngcontent-serverApp-c3837549479] {
        display: flex;
        flex-direction: column;
        height: 100vh
    }
}

@media (max-width: 768px) {
    #app[_ngcontent-serverApp-c3837549479] {
        display: flex;
        flex-direction: column;
        height: 100vh
    }
}

.loader[_ngcontent-serverApp-c3837549479],
#globalLoading[_ngcontent-serverApp-c3837549479] {
    height: 100vh;
    width: 100vw;
    display: flex;
    align-items: center
}

.loader[_ngcontent-serverApp-c3837549479] app-loader[_ngcontent-serverApp-c3837549479],
#globalLoading[_ngcontent-serverApp-c3837549479] app-loader[_ngcontent-serverApp-c3837549479] {
    width: auto;
    height: 15vh;
    display: flex;
    flex-grow: 1;
    flex-direction: column;
    align-items: center;
    margin-bottom: 15vh
}

#globalLoading[_ngcontent-serverApp-c3837549479] {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999999;
    align-items: flex-start
}

#globalLoading[_ngcontent-serverApp-c3837549479] .globalLoading-child[_ngcontent-serverApp-c3837549479] {
    width: 100%;
    height: 100%;
    background: #00000080
}

@media (min-width: 1500px) {
    body {}
}

@media (max-width: 1199px) {
    body {}
}

@media (max-width: 1499px) and (min-width: 1200px) {
    body {}
}

@media (max-width: 768px) {
    body {}
}

@media (forced-colors: active) {
    body {}
}

@font-face {
    font-family: Inter;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url("UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2JL7SUc.woff2") format("woff2");
    unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F
}

@font-face {
    font-family: Inter;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url("UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa0ZL7SUc.woff2") format("woff2");
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116
}

@font-face {
    font-family: Inter;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url("UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2ZL7SUc.woff2") format("woff2");
    unicode-range: U+1F00-1FFF
}

@font-face {
    font-family: Inter;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url("UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1pL7SUc.woff2") format("woff2");
    unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF
}

@font-face {
    font-family: Inter;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url("UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2pL7SUc.woff2") format("woff2");
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB
}

@font-face {
    font-family: Inter;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url("UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa25L7SUc.woff2") format("woff2");
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF
}

@font-face {
    font-family: Inter;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url("UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1ZL7.woff2") format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

@font-face {
    font-family: Inter;
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url("UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2JL7SUc.woff2") format("woff2");
    unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F
}

@font-face {
    font-family: Inter;
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url("UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa0ZL7SUc.woff2") format("woff2");
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116
}

@font-face {
    font-family: Inter;
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url("UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2ZL7SUc.woff2") format("woff2");
    unicode-range: U+1F00-1FFF
}

@font-face {
    font-family: Inter;
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url("UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1pL7SUc.woff2") format("woff2");
    unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF
}

@font-face {
    font-family: Inter;
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url("UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2pL7SUc.woff2") format("woff2");
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB
}

@font-face {
    font-family: Inter;
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url("UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa25L7SUc.woff2") format("woff2");
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF
}

@font-face {
    font-family: Inter;
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url("UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1ZL7.woff2") format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

html {
    --mat-sys-on-surface: initial
}

html {
    --mat-ripple-color: rgba(0, 0, 0, .1)
}

html {
    --mat-option-selected-state-label-text-color: #98b818;
    --mat-option-label-text-color: white;
    --mat-option-hover-state-layer-color: rgba(0, 0, 0, .04);
    --mat-option-focus-state-layer-color: rgba(0, 0, 0, .04);
    --mat-option-selected-state-layer-color: rgba(0, 0, 0, .04)
}

html {
    --mat-optgroup-label-text-color: white
}

html {
    --mat-full-pseudo-checkbox-selected-icon-color: #1888b8;
    --mat-full-pseudo-checkbox-selected-checkmark-color: #2f3336;
    --mat-full-pseudo-checkbox-unselected-icon-color: white;
    --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #2f3336;
    --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #b0b0b0;
    --mat-full-pseudo-checkbox-disabled-selected-icon-color: #b0b0b0
}

html {
    --mat-minimal-pseudo-checkbox-selected-checkmark-color: #1888b8;
    --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #b0b0b0
}

html {
    --mat-app-background-color: #2f3336;
    --mat-app-text-color: white;
    --mat-app-elevation-shadow-level-0: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12);
    --mat-app-elevation-shadow-level-1: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);
    --mat-app-elevation-shadow-level-2: 0px 3px 1px -2px rgba(0, 0, 0, .2), 0px 2px 2px 0px rgba(0, 0, 0, .14), 0px 1px 5px 0px rgba(0, 0, 0, .12);
    --mat-app-elevation-shadow-level-3: 0px 3px 3px -2px rgba(0, 0, 0, .2), 0px 3px 4px 0px rgba(0, 0, 0, .14), 0px 1px 8px 0px rgba(0, 0, 0, .12);
    --mat-app-elevation-shadow-level-4: 0px 2px 4px -1px rgba(0, 0, 0, .2), 0px 4px 5px 0px rgba(0, 0, 0, .14), 0px 1px 10px 0px rgba(0, 0, 0, .12);
    --mat-app-elevation-shadow-level-5: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 5px 8px 0px rgba(0, 0, 0, .14), 0px 1px 14px 0px rgba(0, 0, 0, .12);
    --mat-app-elevation-shadow-level-6: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);
    --mat-app-elevation-shadow-level-7: 0px 4px 5px -2px rgba(0, 0, 0, .2), 0px 7px 10px 1px rgba(0, 0, 0, .14), 0px 2px 16px 1px rgba(0, 0, 0, .12);
    --mat-app-elevation-shadow-level-8: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);
    --mat-app-elevation-shadow-level-9: 0px 5px 6px -3px rgba(0, 0, 0, .2), 0px 9px 12px 1px rgba(0, 0, 0, .14), 0px 3px 16px 2px rgba(0, 0, 0, .12);
    --mat-app-elevation-shadow-level-10: 0px 6px 6px -3px rgba(0, 0, 0, .2), 0px 10px 14px 1px rgba(0, 0, 0, .14), 0px 4px 18px 3px rgba(0, 0, 0, .12);
    --mat-app-elevation-shadow-level-11: 0px 6px 7px -4px rgba(0, 0, 0, .2), 0px 11px 15px 1px rgba(0, 0, 0, .14), 0px 4px 20px 3px rgba(0, 0, 0, .12);
    --mat-app-elevation-shadow-level-12: 0px 7px 8px -4px rgba(0, 0, 0, .2), 0px 12px 17px 2px rgba(0, 0, 0, .14), 0px 5px 22px 4px rgba(0, 0, 0, .12);
    --mat-app-elevation-shadow-level-13: 0px 7px 8px -4px rgba(0, 0, 0, .2), 0px 13px 19px 2px rgba(0, 0, 0, .14), 0px 5px 24px 4px rgba(0, 0, 0, .12);
    --mat-app-elevation-shadow-level-14: 0px 7px 9px -4px rgba(0, 0, 0, .2), 0px 14px 21px 2px rgba(0, 0, 0, .14), 0px 5px 26px 4px rgba(0, 0, 0, .12);
    --mat-app-elevation-shadow-level-15: 0px 8px 9px -5px rgba(0, 0, 0, .2), 0px 15px 22px 2px rgba(0, 0, 0, .14), 0px 6px 28px 5px rgba(0, 0, 0, .12);
    --mat-app-elevation-shadow-level-16: 0px 8px 10px -5px rgba(0, 0, 0, .2), 0px 16px 24px 2px rgba(0, 0, 0, .14), 0px 6px 30px 5px rgba(0, 0, 0, .12);
    --mat-app-elevation-shadow-level-17: 0px 8px 11px -5px rgba(0, 0, 0, .2), 0px 17px 26px 2px rgba(0, 0, 0, .14), 0px 6px 32px 5px rgba(0, 0, 0, .12);
    --mat-app-elevation-shadow-level-18: 0px 9px 11px -5px rgba(0, 0, 0, .2), 0px 18px 28px 2px rgba(0, 0, 0, .14), 0px 7px 34px 6px rgba(0, 0, 0, .12);
    --mat-app-elevation-shadow-level-19: 0px 9px 12px -6px rgba(0, 0, 0, .2), 0px 19px 29px 2px rgba(0, 0, 0, .14), 0px 7px 36px 6px rgba(0, 0, 0, .12);
    --mat-app-elevation-shadow-level-20: 0px 10px 13px -6px rgba(0, 0, 0, .2), 0px 20px 31px 3px rgba(0, 0, 0, .14), 0px 8px 38px 7px rgba(0, 0, 0, .12);
    --mat-app-elevation-shadow-level-21: 0px 10px 13px -6px rgba(0, 0, 0, .2), 0px 21px 33px 3px rgba(0, 0, 0, .14), 0px 8px 40px 7px rgba(0, 0, 0, .12);
    --mat-app-elevation-shadow-level-22: 0px 10px 14px -6px rgba(0, 0, 0, .2), 0px 22px 35px 3px rgba(0, 0, 0, .14), 0px 8px 42px 7px rgba(0, 0, 0, .12);
    --mat-app-elevation-shadow-level-23: 0px 11px 14px -7px rgba(0, 0, 0, .2), 0px 23px 36px 3px rgba(0, 0, 0, .14), 0px 9px 44px 8px rgba(0, 0, 0, .12);
    --mat-app-elevation-shadow-level-24: 0px 11px 15px -7px rgba(0, 0, 0, .2), 0px 24px 38px 3px rgba(0, 0, 0, .14), 0px 9px 46px 8px rgba(0, 0, 0, .12)
}

html {
    --mat-option-label-text-font: Inter, sans-serif;
    --mat-option-label-text-line-height: 20px;
    --mat-option-label-text-size: 14px;
    --mat-option-label-text-tracking: normal;
    --mat-option-label-text-weight: 400
}

html {
    --mat-optgroup-label-text-font: Inter, sans-serif;
    --mat-optgroup-label-text-line-height: 20px;
    --mat-optgroup-label-text-size: 14px;
    --mat-optgroup-label-text-tracking: normal;
    --mat-optgroup-label-text-weight: 400
}

html {
    --mdc-elevated-card-container-shape: 4px
}

html {
    --mdc-outlined-card-container-shape: 4px;
    --mdc-outlined-card-outline-width: 1px
}

html {
    --mdc-elevated-card-container-color: #292c2f;
    --mdc-elevated-card-container-elevation: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12)
}

html {
    --mdc-outlined-card-container-color: #292c2f;
    --mdc-outlined-card-outline-color: rgba(0, 0, 0, .12);
    --mdc-outlined-card-container-elevation: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12)
}

html {
    --mat-card-subtitle-text-color: white
}

html {
    --mat-card-title-text-font: Inter, sans-serif;
    --mat-card-title-text-line-height: 20px;
    --mat-card-title-text-size: 16px;
    --mat-card-title-text-tracking: normal;
    --mat-card-title-text-weight: 600;
    --mat-card-subtitle-text-font: Inter, sans-serif;
    --mat-card-subtitle-text-line-height: 19px;
    --mat-card-subtitle-text-size: 16px;
    --mat-card-subtitle-text-tracking: normal;
    --mat-card-subtitle-text-weight: bold
}

html {
    --mdc-linear-progress-active-indicator-height: 4px;
    --mdc-linear-progress-track-height: 4px;
    --mdc-linear-progress-track-shape: 0
}

html {
    --mdc-plain-tooltip-container-shape: 4px;
    --mdc-plain-tooltip-supporting-text-line-height: 16px
}

html {
    --mdc-plain-tooltip-container-color: #616161;
    --mdc-plain-tooltip-supporting-text-color: #fff
}

html {
    --mdc-plain-tooltip-supporting-text-font: Inter, sans-serif;
    --mdc-plain-tooltip-supporting-text-size: 14px;
    --mdc-plain-tooltip-supporting-text-weight: 500;
    --mdc-plain-tooltip-supporting-text-tracking: normal
}

html {
    --mdc-filled-text-field-active-indicator-height: 1px;
    --mdc-filled-text-field-focus-active-indicator-height: 2px;
    --mdc-filled-text-field-container-shape: 4px
}

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

html {
    --mdc-filled-text-field-caret-color: #98b818;
    --mdc-filled-text-field-focus-active-indicator-color: #98b818;
    --mdc-filled-text-field-focus-label-text-color: rgba(152, 184, 24, .87);
    --mdc-filled-text-field-container-color: rgb(39.36, 42.24, 45.12);
    --mdc-filled-text-field-disabled-container-color: rgb(40.18, 43.12, 46.06);
    --mdc-filled-text-field-label-text-color: rgba(255, 255, 255, .6);
    --mdc-filled-text-field-hover-label-text-color: rgba(255, 255, 255, .6);
    --mdc-filled-text-field-disabled-label-text-color: rgba(0, 0, 0, .38);
    --mdc-filled-text-field-input-text-color: rgba(255, 255, 255, .87);
    --mdc-filled-text-field-disabled-input-text-color: rgba(0, 0, 0, .38);
    --mdc-filled-text-field-input-text-placeholder-color: rgba(255, 255, 255, .6);
    --mdc-filled-text-field-error-hover-label-text-color: #f44336;
    --mdc-filled-text-field-error-focus-label-text-color: #f44336;
    --mdc-filled-text-field-error-label-text-color: #f44336;
    --mdc-filled-text-field-error-caret-color: #f44336;
    --mdc-filled-text-field-active-indicator-color: rgba(255, 255, 255, .42);
    --mdc-filled-text-field-disabled-active-indicator-color: rgba(255, 255, 255, .06);
    --mdc-filled-text-field-hover-active-indicator-color: rgba(255, 255, 255, .87);
    --mdc-filled-text-field-error-active-indicator-color: #f44336;
    --mdc-filled-text-field-error-focus-active-indicator-color: #f44336;
    --mdc-filled-text-field-error-hover-active-indicator-color: #f44336
}

html {
    --mdc-outlined-text-field-caret-color: #98b818;
    --mdc-outlined-text-field-focus-outline-color: #98b818;
    --mdc-outlined-text-field-focus-label-text-color: rgba(152, 184, 24, .87);
    --mdc-outlined-text-field-label-text-color: rgba(255, 255, 255, .6);
    --mdc-outlined-text-field-hover-label-text-color: rgba(255, 255, 255, .6);
    --mdc-outlined-text-field-disabled-label-text-color: rgba(0, 0, 0, .38);
    --mdc-outlined-text-field-input-text-color: rgba(255, 255, 255, .87);
    --mdc-outlined-text-field-disabled-input-text-color: rgba(0, 0, 0, .38);
    --mdc-outlined-text-field-input-text-placeholder-color: rgba(255, 255, 255, .6);
    --mdc-outlined-text-field-error-caret-color: #f44336;
    --mdc-outlined-text-field-error-focus-label-text-color: #f44336;
    --mdc-outlined-text-field-error-label-text-color: #f44336;
    --mdc-outlined-text-field-error-hover-label-text-color: #f44336;
    --mdc-outlined-text-field-outline-color: rgba(255, 255, 255, .38);
    --mdc-outlined-text-field-disabled-outline-color: rgba(255, 255, 255, .06);
    --mdc-outlined-text-field-hover-outline-color: rgba(255, 255, 255, .87);
    --mdc-outlined-text-field-error-focus-outline-color: #f44336;
    --mdc-outlined-text-field-error-hover-outline-color: #f44336;
    --mdc-outlined-text-field-error-outline-color: #f44336
}

html {
    --mat-form-field-focus-select-arrow-color: rgba(152, 184, 24, .87);
    --mat-form-field-disabled-input-text-placeholder-color: rgba(255, 255, 255, .38);
    --mat-form-field-state-layer-color: rgba(0, 0, 0, .87);
    --mat-form-field-error-text-color: #f44336;
    --mat-form-field-select-option-text-color: inherit;
    --mat-form-field-select-disabled-option-text-color: GrayText;
    --mat-form-field-leading-icon-color: unset;
    --mat-form-field-disabled-leading-icon-color: unset;
    --mat-form-field-trailing-icon-color: unset;
    --mat-form-field-disabled-trailing-icon-color: unset;
    --mat-form-field-error-focus-trailing-icon-color: unset;
    --mat-form-field-error-hover-trailing-icon-color: unset;
    --mat-form-field-error-trailing-icon-color: unset;
    --mat-form-field-enabled-select-arrow-color: rgba(255, 255, 255, .54);
    --mat-form-field-disabled-select-arrow-color: rgba(255, 255, 255, .38);
    --mat-form-field-hover-state-layer-opacity: .04;
    --mat-form-field-focus-state-layer-opacity: .08
}

html {
    --mat-form-field-container-height: 56px;
    --mat-form-field-filled-label-display: block;
    --mat-form-field-container-vertical-padding: 16px;
    --mat-form-field-filled-with-label-container-padding-top: 24px;
    --mat-form-field-filled-with-label-container-padding-bottom: 8px
}

html {
    --mdc-filled-text-field-label-text-font: Inter, sans-serif;
    --mdc-filled-text-field-label-text-size: 14px;
    --mdc-filled-text-field-label-text-tracking: normal;
    --mdc-filled-text-field-label-text-weight: 400
}

html {
    --mdc-outlined-text-field-label-text-font: Inter, sans-serif;
    --mdc-outlined-text-field-label-text-size: 14px;
    --mdc-outlined-text-field-label-text-tracking: normal;
    --mdc-outlined-text-field-label-text-weight: 400
}

html {
    --mat-form-field-container-text-font: Inter, sans-serif;
    --mat-form-field-container-text-line-height: 20px;
    --mat-form-field-container-text-size: 14px;
    --mat-form-field-container-text-tracking: normal;
    --mat-form-field-container-text-weight: 400;
    --mat-form-field-outlined-label-text-populated-size: 14px;
    --mat-form-field-subscript-text-font: Inter, sans-serif;
    --mat-form-field-subscript-text-line-height: 24px;
    --mat-form-field-subscript-text-size: 14px;
    --mat-form-field-subscript-text-tracking: normal;
    --mat-form-field-subscript-text-weight: 500
}

html {
    --mat-select-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12)
}

html {
    --mat-select-panel-background-color: #292c2f;
    --mat-select-enabled-trigger-text-color: rgba(255, 255, 255, .87);
    --mat-select-disabled-trigger-text-color: rgba(0, 0, 0, .38);
    --mat-select-placeholder-text-color: rgba(255, 255, 255, .6);
    --mat-select-enabled-arrow-color: rgba(255, 255, 255, .54);
    --mat-select-disabled-arrow-color: rgba(255, 255, 255, .38);
    --mat-select-focused-arrow-color: rgba(152, 184, 24, .87);
    --mat-select-invalid-arrow-color: rgba(244, 67, 54, .87)
}

html {
    --mat-select-arrow-transform: translateY(-8px)
}

html {
    --mat-select-trigger-text-font: Inter, sans-serif;
    --mat-select-trigger-text-line-height: 20px;
    --mat-select-trigger-text-size: 14px;
    --mat-select-trigger-text-tracking: normal;
    --mat-select-trigger-text-weight: 400
}

html {
    --mat-autocomplete-container-shape: 4px;
    --mat-autocomplete-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12)
}

html {
    --mat-autocomplete-background-color: #292c2f
}

html {
    --mdc-dialog-container-shape: 4px
}

html {
    --mat-dialog-container-elevation-shadow: 0px 11px 15px -7px rgba(0, 0, 0, .2), 0px 24px 38px 3px rgba(0, 0, 0, .14), 0px 9px 46px 8px rgba(0, 0, 0, .12);
    --mat-dialog-container-max-width: 80vw;
    --mat-dialog-container-small-max-width: 80vw;
    --mat-dialog-container-min-width: 0;
    --mat-dialog-actions-alignment: start;
    --mat-dialog-actions-padding: 8px;
    --mat-dialog-content-padding: 20px 24px;
    --mat-dialog-with-actions-content-padding: 20px 24px;
    --mat-dialog-headline-padding: 0 24px 9px
}

html {
    --mdc-dialog-container-color: #181a1e;
    --mdc-dialog-subhead-color: rgba(255, 255, 255, .87);
    --mdc-dialog-supporting-text-color: rgba(255, 255, 255, .6)
}

html {
    --mdc-dialog-subhead-font: Inter, sans-serif;
    --mdc-dialog-subhead-line-height: 20px;
    --mdc-dialog-subhead-size: 16px;
    --mdc-dialog-subhead-weight: 600;
    --mdc-dialog-subhead-tracking: normal;
    --mdc-dialog-supporting-text-font: Inter, sans-serif;
    --mdc-dialog-supporting-text-line-height: 20px;
    --mdc-dialog-supporting-text-size: 14px;
    --mdc-dialog-supporting-text-weight: 400;
    --mdc-dialog-supporting-text-tracking: normal
}

html {
    --mdc-switch-disabled-selected-icon-opacity: .38;
    --mdc-switch-disabled-track-opacity: .12;
    --mdc-switch-disabled-unselected-icon-opacity: .38;
    --mdc-switch-handle-height: 20px;
    --mdc-switch-handle-shape: 10px;
    --mdc-switch-handle-width: 20px;
    --mdc-switch-selected-icon-size: 18px;
    --mdc-switch-track-height: 14px;
    --mdc-switch-track-shape: 7px;
    --mdc-switch-track-width: 36px;
    --mdc-switch-unselected-icon-size: 18px;
    --mdc-switch-selected-focus-state-layer-opacity: .12;
    --mdc-switch-selected-hover-state-layer-opacity: .04;
    --mdc-switch-selected-pressed-state-layer-opacity: .1;
    --mdc-switch-unselected-focus-state-layer-opacity: .12;
    --mdc-switch-unselected-hover-state-layer-opacity: .04;
    --mdc-switch-unselected-pressed-state-layer-opacity: .1
}

html {
    --mdc-switch-selected-focus-state-layer-color: #98b818;
    --mdc-switch-selected-handle-color: #98b818;
    --mdc-switch-selected-hover-state-layer-color: #98b818;
    --mdc-switch-selected-pressed-state-layer-color: #98b818;
    --mdc-switch-selected-focus-handle-color: #4d301e;
    --mdc-switch-selected-hover-handle-color: #4d301e;
    --mdc-switch-selected-pressed-handle-color: #4d301e;
    --mdc-switch-selected-focus-track-color: #c9a38c;
    --mdc-switch-selected-hover-track-color: #c9a38c;
    --mdc-switch-selected-pressed-track-color: #c9a38c;
    --mdc-switch-selected-track-color: #c9a38c;
    --mdc-switch-disabled-selected-handle-color: #424242;
    --mdc-switch-disabled-selected-icon-color: #fff;
    --mdc-switch-disabled-selected-track-color: #424242;
    --mdc-switch-disabled-unselected-handle-color: #424242;
    --mdc-switch-disabled-unselected-icon-color: #fff;
    --mdc-switch-disabled-unselected-track-color: #424242;
    --mdc-switch-handle-surface-color: #fff;
    --mdc-switch-selected-icon-color: #fff;
    --mdc-switch-unselected-focus-handle-color: #212121;
    --mdc-switch-unselected-focus-state-layer-color: #424242;
    --mdc-switch-unselected-focus-track-color: #e0e0e0;
    --mdc-switch-unselected-handle-color: #616161;
    --mdc-switch-unselected-hover-handle-color: #212121;
    --mdc-switch-unselected-hover-state-layer-color: #424242;
    --mdc-switch-unselected-hover-track-color: #e0e0e0;
    --mdc-switch-unselected-icon-color: #fff;
    --mdc-switch-unselected-pressed-handle-color: #212121;
    --mdc-switch-unselected-pressed-state-layer-color: #424242;
    --mdc-switch-unselected-pressed-track-color: #e0e0e0;
    --mdc-switch-unselected-track-color: #e0e0e0;
    --mdc-switch-handle-elevation-shadow: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);
    --mdc-switch-disabled-handle-elevation-shadow: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12)
}

html {
    --mdc-switch-disabled-label-text-color: rgba(0, 0, 0, .38)
}

html {
    --mdc-switch-state-layer-size: 40px
}

html {
    --mdc-radio-disabled-selected-icon-opacity: .38;
    --mdc-radio-disabled-unselected-icon-opacity: .38;
    --mdc-radio-state-layer-size: 40px
}

html {
    --mdc-radio-state-layer-size: 40px
}

html {
    --mat-radio-touch-target-display: block
}

html {
    --mat-radio-label-text-font: Inter, sans-serif;
    --mat-radio-label-text-line-height: 20px;
    --mat-radio-label-text-size: 14px;
    --mat-radio-label-text-tracking: normal;
    --mat-radio-label-text-weight: 400
}

html {
    --mdc-slider-active-track-height: 6px;
    --mdc-slider-active-track-shape: 9999px;
    --mdc-slider-handle-height: 20px;
    --mdc-slider-handle-shape: 50%;
    --mdc-slider-handle-width: 20px;
    --mdc-slider-inactive-track-height: 4px;
    --mdc-slider-inactive-track-shape: 9999px;
    --mdc-slider-with-overlap-handle-outline-width: 1px;
    --mdc-slider-with-tick-marks-active-container-opacity: .6;
    --mdc-slider-with-tick-marks-container-shape: 50%;
    --mdc-slider-with-tick-marks-container-size: 2px;
    --mdc-slider-with-tick-marks-inactive-container-opacity: .6;
    --mdc-slider-handle-elevation: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12)
}

html {
    --mat-slider-value-indicator-width: auto;
    --mat-slider-value-indicator-height: 32px;
    --mat-slider-value-indicator-caret-display: block;
    --mat-slider-value-indicator-border-radius: 4px;
    --mat-slider-value-indicator-padding: 0 12px;
    --mat-slider-value-indicator-text-transform: none;
    --mat-slider-value-indicator-container-transform: translateX(-50%)
}

html {
    --mdc-slider-handle-color: #98b818;
    --mdc-slider-focus-handle-color: #98b818;
    --mdc-slider-hover-handle-color: #98b818;
    --mdc-slider-active-track-color: #98b818;
    --mdc-slider-inactive-track-color: #98b818;
    --mdc-slider-with-tick-marks-inactive-container-color: #98b818;
    --mdc-slider-with-tick-marks-active-container-color: white;
    --mdc-slider-disabled-active-track-color: #000;
    --mdc-slider-disabled-handle-color: #000;
    --mdc-slider-disabled-inactive-track-color: #000;
    --mdc-slider-label-container-color: #000;
    --mdc-slider-label-label-text-color: #fff;
    --mdc-slider-with-overlap-handle-outline-color: #fff;
    --mdc-slider-with-tick-marks-disabled-container-color: #000
}

html {
    --mat-slider-ripple-color: #98b818;
    --mat-slider-hover-state-layer-color: rgba(152, 184, 24, .05);
    --mat-slider-focus-state-layer-color: rgba(152, 184, 24, .2);
    --mat-slider-value-indicator-opacity: .6
}

html {
    --mdc-slider-label-label-text-font: Inter, sans-serif;
    --mdc-slider-label-label-text-size: 16px;
    --mdc-slider-label-label-text-line-height: 19px;
    --mdc-slider-label-label-text-tracking: normal;
    --mdc-slider-label-label-text-weight: bold
}

html {
    --mat-menu-container-shape: 4px;
    --mat-menu-divider-bottom-spacing: 0;
    --mat-menu-divider-top-spacing: 0;
    --mat-menu-item-spacing: 16px;
    --mat-menu-item-icon-size: 24px;
    --mat-menu-item-leading-spacing: 16px;
    --mat-menu-item-trailing-spacing: 16px;
    --mat-menu-item-with-icon-leading-spacing: 16px;
    --mat-menu-item-with-icon-trailing-spacing: 16px;
    --mat-menu-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12)
}

html {
    --mat-menu-item-label-text-color: white;
    --mat-menu-item-icon-color: white;
    --mat-menu-item-hover-state-layer-color: rgba(0, 0, 0, .04);
    --mat-menu-item-focus-state-layer-color: rgba(0, 0, 0, .04);
    --mat-menu-container-color: #292c2f;
    --mat-menu-divider-color: rgba(255, 255, 255, .1)
}

html {
    --mat-menu-item-label-text-font: Inter, sans-serif;
    --mat-menu-item-label-text-size: 14px;
    --mat-menu-item-label-text-tracking: normal;
    --mat-menu-item-label-text-line-height: 20px;
    --mat-menu-item-label-text-weight: 400
}

html {
    --mdc-list-list-item-container-shape: 0;
    --mdc-list-list-item-leading-avatar-shape: 50%;
    --mdc-list-list-item-container-color: transparent;
    --mdc-list-list-item-selected-container-color: transparent;
    --mdc-list-list-item-leading-avatar-color: transparent;
    --mdc-list-list-item-leading-icon-size: 24px;
    --mdc-list-list-item-leading-avatar-size: 40px;
    --mdc-list-list-item-trailing-icon-size: 24px;
    --mdc-list-list-item-disabled-state-layer-color: transparent;
    --mdc-list-list-item-disabled-state-layer-opacity: 0;
    --mdc-list-list-item-disabled-label-text-opacity: .38;
    --mdc-list-list-item-disabled-leading-icon-opacity: .38;
    --mdc-list-list-item-disabled-trailing-icon-opacity: .38
}

html {
    --mat-list-active-indicator-color: transparent;
    --mat-list-active-indicator-shape: 4px
}

html {
    --mdc-list-list-item-label-text-color: white;
    --mdc-list-list-item-supporting-text-color: white;
    --mdc-list-list-item-leading-icon-color: rgba(0, 0, 0, .38);
    --mdc-list-list-item-trailing-supporting-text-color: rgba(0, 0, 0, .38);
    --mdc-list-list-item-trailing-icon-color: rgba(0, 0, 0, .38);
    --mdc-list-list-item-selected-trailing-icon-color: rgba(0, 0, 0, .38);
    --mdc-list-list-item-disabled-label-text-color: black;
    --mdc-list-list-item-disabled-leading-icon-color: black;
    --mdc-list-list-item-disabled-trailing-icon-color: black;
    --mdc-list-list-item-hover-label-text-color: white;
    --mdc-list-list-item-hover-leading-icon-color: rgba(0, 0, 0, .38);
    --mdc-list-list-item-hover-trailing-icon-color: rgba(0, 0, 0, .38);
    --mdc-list-list-item-focus-label-text-color: white;
    --mdc-list-list-item-hover-state-layer-color: black;
    --mdc-list-list-item-hover-state-layer-opacity: .04;
    --mdc-list-list-item-focus-state-layer-color: black;
    --mdc-list-list-item-focus-state-layer-opacity: .12
}

html {
    --mdc-list-list-item-one-line-container-height: 48px;
    --mdc-list-list-item-two-line-container-height: 64px;
    --mdc-list-list-item-three-line-container-height: 88px
}

html {
    --mat-list-list-item-leading-icon-start-space: 16px;
    --mat-list-list-item-leading-icon-end-space: 32px
}

html {
    --mdc-list-list-item-label-text-font: Inter, sans-serif;
    --mdc-list-list-item-label-text-line-height: 20px;
    --mdc-list-list-item-label-text-size: 14px;
    --mdc-list-list-item-label-text-tracking: normal;
    --mdc-list-list-item-label-text-weight: 400;
    --mdc-list-list-item-supporting-text-font: Inter, sans-serif;
    --mdc-list-list-item-supporting-text-line-height: 20px;
    --mdc-list-list-item-supporting-text-size: 14px;
    --mdc-list-list-item-supporting-text-tracking: normal;
    --mdc-list-list-item-supporting-text-weight: 400;
    --mdc-list-list-item-trailing-supporting-text-font: Inter, sans-serif;
    --mdc-list-list-item-trailing-supporting-text-line-height: 24px;
    --mdc-list-list-item-trailing-supporting-text-size: 14px;
    --mdc-list-list-item-trailing-supporting-text-tracking: normal;
    --mdc-list-list-item-trailing-supporting-text-weight: 500
}

html {
    --mat-paginator-container-text-color: rgba(0, 0, 0, .87);
    --mat-paginator-container-background-color: #292c2f;
    --mat-paginator-enabled-icon-color: rgba(0, 0, 0, .54);
    --mat-paginator-disabled-icon-color: rgba(0, 0, 0, .12)
}

html {
    --mat-paginator-container-size: 56px;
    --mat-paginator-form-field-container-height: 40px;
    --mat-paginator-form-field-container-vertical-padding: 8px;
    --mat-paginator-touch-target-display: block
}

html {
    --mat-paginator-container-text-font: Inter, sans-serif;
    --mat-paginator-container-text-line-height: 24px;
    --mat-paginator-container-text-size: 14px;
    --mat-paginator-container-text-tracking: normal;
    --mat-paginator-container-text-weight: 500;
    --mat-paginator-select-trigger-text-size: 14px
}

html {
    --mdc-secondary-navigation-tab-container-height: 48px
}

html {
    --mdc-tab-indicator-active-indicator-height: 2px;
    --mdc-tab-indicator-active-indicator-shape: 0
}

html {
    --mat-tab-header-divider-color: transparent;
    --mat-tab-header-divider-height: 0
}

html {
    --mdc-checkbox-disabled-selected-checkmark-color: #fff;
    --mdc-checkbox-selected-focus-state-layer-opacity: .16;
    --mdc-checkbox-selected-hover-state-layer-opacity: .04;
    --mdc-checkbox-selected-pressed-state-layer-opacity: .16;
    --mdc-checkbox-unselected-focus-state-layer-opacity: .16;
    --mdc-checkbox-unselected-hover-state-layer-opacity: .04;
    --mdc-checkbox-unselected-pressed-state-layer-opacity: .16
}

html {
    --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, .38);
    --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, .38);
    --mdc-checkbox-selected-checkmark-color: white;
    --mdc-checkbox-selected-focus-icon-color: #1888b8;
    --mdc-checkbox-selected-hover-icon-color: #1888b8;
    --mdc-checkbox-selected-icon-color: #1888b8;
    --mdc-checkbox-selected-pressed-icon-color: #1888b8;
    --mdc-checkbox-unselected-focus-icon-color: #212121;
    --mdc-checkbox-unselected-hover-icon-color: #212121;
    --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, .54);
    --mdc-checkbox-selected-focus-state-layer-color: #1888b8;
    --mdc-checkbox-selected-hover-state-layer-color: #1888b8;
    --mdc-checkbox-selected-pressed-state-layer-color: #1888b8;
    --mdc-checkbox-unselected-focus-state-layer-color: black;
    --mdc-checkbox-unselected-hover-state-layer-color: black;
    --mdc-checkbox-unselected-pressed-state-layer-color: black
}

html {
    --mat-checkbox-disabled-label-color: rgba(0, 0, 0, .38);
    --mat-checkbox-label-text-color: white
}

html {
    --mdc-checkbox-state-layer-size: 40px
}

html {
    --mat-checkbox-touch-target-display: block
}

html {
    --mat-checkbox-label-text-font: Inter, sans-serif;
    --mat-checkbox-label-text-line-height: 20px;
    --mat-checkbox-label-text-size: 14px;
    --mat-checkbox-label-text-tracking: normal;
    --mat-checkbox-label-text-weight: 400
}

html {
    --mdc-text-button-container-shape: 4px;
    --mdc-text-button-keep-touch-target: false
}

html {
    --mdc-filled-button-container-shape: 4px;
    --mdc-filled-button-keep-touch-target: false
}

html {
    --mdc-protected-button-container-shape: 4px;
    --mdc-protected-button-container-elevation-shadow: 0px 3px 1px -2px rgba(0, 0, 0, .2), 0px 2px 2px 0px rgba(0, 0, 0, .14), 0px 1px 5px 0px rgba(0, 0, 0, .12);
    --mdc-protected-button-disabled-container-elevation-shadow: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12);
    --mdc-protected-button-focus-container-elevation-shadow: 0px 2px 4px -1px rgba(0, 0, 0, .2), 0px 4px 5px 0px rgba(0, 0, 0, .14), 0px 1px 10px 0px rgba(0, 0, 0, .12);
    --mdc-protected-button-hover-container-elevation-shadow: 0px 2px 4px -1px rgba(0, 0, 0, .2), 0px 4px 5px 0px rgba(0, 0, 0, .14), 0px 1px 10px 0px rgba(0, 0, 0, .12);
    --mdc-protected-button-pressed-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12)
}

html {
    --mdc-outlined-button-keep-touch-target: false;
    --mdc-outlined-button-outline-width: 1px;
    --mdc-outlined-button-container-shape: 4px
}

html {
    --mat-text-button-horizontal-padding: 8px;
    --mat-text-button-with-icon-horizontal-padding: 8px;
    --mat-text-button-icon-spacing: 8px;
    --mat-text-button-icon-offset: 0
}

html {
    --mat-filled-button-horizontal-padding: 16px;
    --mat-filled-button-icon-spacing: 8px;
    --mat-filled-button-icon-offset: -4px
}

html {
    --mat-protected-button-horizontal-padding: 16px;
    --mat-protected-button-icon-spacing: 8px;
    --mat-protected-button-icon-offset: -4px
}

html {
    --mat-outlined-button-horizontal-padding: 15px;
    --mat-outlined-button-icon-spacing: 8px;
    --mat-outlined-button-icon-offset: -4px
}

html {
    --mdc-text-button-label-text-color: white;
    --mdc-text-button-disabled-label-text-color: rgba(255, 255, 255, .38)
}

html {
    --mat-text-button-state-layer-color: black;
    --mat-text-button-disabled-state-layer-color: black;
    --mat-text-button-ripple-color: rgba(0, 0, 0, .1);
    --mat-text-button-hover-state-layer-opacity: .04;
    --mat-text-button-focus-state-layer-opacity: .12;
    --mat-text-button-pressed-state-layer-opacity: .12
}

html {
    --mdc-filled-button-container-color: #292c2f;
    --mdc-filled-button-label-text-color: white;
    --mdc-filled-button-disabled-container-color: rgba(255, 255, 255, .12);
    --mdc-filled-button-disabled-label-text-color: rgba(255, 255, 255, .38)
}

html {
    --mat-filled-button-state-layer-color: black;
    --mat-filled-button-disabled-state-layer-color: black;
    --mat-filled-button-ripple-color: rgba(0, 0, 0, .1);
    --mat-filled-button-hover-state-layer-opacity: .04;
    --mat-filled-button-focus-state-layer-opacity: .12;
    --mat-filled-button-pressed-state-layer-opacity: .12
}

html {
    --mdc-protected-button-container-color: #292c2f;
    --mdc-protected-button-label-text-color: white;
    --mdc-protected-button-disabled-container-color: rgba(255, 255, 255, .12);
    --mdc-protected-button-disabled-label-text-color: rgba(255, 255, 255, .38)
}

html {
    --mat-protected-button-state-layer-color: black;
    --mat-protected-button-disabled-state-layer-color: black;
    --mat-protected-button-ripple-color: rgba(0, 0, 0, .1);
    --mat-protected-button-hover-state-layer-opacity: .04;
    --mat-protected-button-focus-state-layer-opacity: .12;
    --mat-protected-button-pressed-state-layer-opacity: .12
}

html {
    --mdc-outlined-button-disabled-outline-color: rgba(255, 255, 255, .1);
    --mdc-outlined-button-disabled-label-text-color: rgba(255, 255, 255, .38);
    --mdc-outlined-button-label-text-color: white;
    --mdc-outlined-button-outline-color: rgba(255, 255, 255, .1)
}

html {
    --mat-outlined-button-state-layer-color: black;
    --mat-outlined-button-disabled-state-layer-color: black;
    --mat-outlined-button-ripple-color: rgba(0, 0, 0, .1);
    --mat-outlined-button-hover-state-layer-opacity: .04;
    --mat-outlined-button-focus-state-layer-opacity: .12;
    --mat-outlined-button-pressed-state-layer-opacity: .12
}

html {
    --mdc-text-button-container-height: 36px
}

html {
    --mdc-filled-button-container-height: 36px
}

html {
    --mdc-protected-button-container-height: 36px
}

html {
    --mdc-outlined-button-container-height: 36px
}

html {
    --mat-text-button-touch-target-display: block
}

html {
    --mat-filled-button-touch-target-display: block
}

html {
    --mat-protected-button-touch-target-display: block
}

html {
    --mat-outlined-button-touch-target-display: block
}

html {
    --mdc-text-button-label-text-font: Inter, sans-serif;
    --mdc-text-button-label-text-size: 14px;
    --mdc-text-button-label-text-tracking: normal;
    --mdc-text-button-label-text-weight: 500;
    --mdc-text-button-label-text-transform: none
}

html {
    --mdc-filled-button-label-text-font: Inter, sans-serif;
    --mdc-filled-button-label-text-size: 14px;
    --mdc-filled-button-label-text-tracking: normal;
    --mdc-filled-button-label-text-weight: 500;
    --mdc-filled-button-label-text-transform: none
}

html {
    --mdc-protected-button-label-text-font: Inter, sans-serif;
    --mdc-protected-button-label-text-size: 14px;
    --mdc-protected-button-label-text-tracking: normal;
    --mdc-protected-button-label-text-weight: 500;
    --mdc-protected-button-label-text-transform: none
}

html {
    --mdc-outlined-button-label-text-font: Inter, sans-serif;
    --mdc-outlined-button-label-text-size: 14px;
    --mdc-outlined-button-label-text-tracking: normal;
    --mdc-outlined-button-label-text-weight: 500;
    --mdc-outlined-button-label-text-transform: none
}

html {
    --mdc-icon-button-icon-size: 24px
}

html {
    --mdc-icon-button-icon-color: inherit;
    --mdc-icon-button-disabled-icon-color: rgba(0, 0, 0, .38)
}

html {
    --mat-icon-button-state-layer-color: black;
    --mat-icon-button-disabled-state-layer-color: black;
    --mat-icon-button-ripple-color: rgba(0, 0, 0, .1);
    --mat-icon-button-hover-state-layer-opacity: .04;
    --mat-icon-button-focus-state-layer-opacity: .12;
    --mat-icon-button-pressed-state-layer-opacity: .12
}

html {
    --mat-icon-button-touch-target-display: block
}

html {
    --mdc-fab-container-shape: 50%;
    --mdc-fab-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);
    --mdc-fab-focus-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);
    --mdc-fab-hover-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);
    --mdc-fab-pressed-container-elevation-shadow: 0px 7px 8px -4px rgba(0, 0, 0, .2), 0px 12px 17px 2px rgba(0, 0, 0, .14), 0px 5px 22px 4px rgba(0, 0, 0, .12)
}

html {
    --mdc-fab-small-container-shape: 50%;
    --mdc-fab-small-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);
    --mdc-fab-small-focus-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);
    --mdc-fab-small-hover-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);
    --mdc-fab-small-pressed-container-elevation-shadow: 0px 7px 8px -4px rgba(0, 0, 0, .2), 0px 12px 17px 2px rgba(0, 0, 0, .14), 0px 5px 22px 4px rgba(0, 0, 0, .12)
}

html {
    --mdc-extended-fab-container-height: 48px;
    --mdc-extended-fab-container-shape: 24px;
    --mdc-extended-fab-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);
    --mdc-extended-fab-focus-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);
    --mdc-extended-fab-hover-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);
    --mdc-extended-fab-pressed-container-elevation-shadow: 0px 7px 8px -4px rgba(0, 0, 0, .2), 0px 12px 17px 2px rgba(0, 0, 0, .14), 0px 5px 22px 4px rgba(0, 0, 0, .12)
}

html {
    --mdc-fab-container-color: #292c2f
}

html {
    --mat-fab-foreground-color: black;
    --mat-fab-state-layer-color: black;
    --mat-fab-disabled-state-layer-color: black;
    --mat-fab-ripple-color: rgba(0, 0, 0, .1);
    --mat-fab-hover-state-layer-opacity: .04;
    --mat-fab-focus-state-layer-opacity: .12;
    --mat-fab-pressed-state-layer-opacity: .12;
    --mat-fab-disabled-state-container-color: rgba(28, 30, 35, .12);
    --mat-fab-disabled-state-foreground-color: rgba(255, 255, 255, .38)
}

html {
    --mdc-fab-small-container-color: #292c2f
}

html {
    --mat-fab-small-foreground-color: black;
    --mat-fab-small-state-layer-color: black;
    --mat-fab-small-disabled-state-layer-color: black;
    --mat-fab-small-ripple-color: rgba(0, 0, 0, .1);
    --mat-fab-small-hover-state-layer-opacity: .04;
    --mat-fab-small-focus-state-layer-opacity: .12;
    --mat-fab-small-pressed-state-layer-opacity: .12;
    --mat-fab-small-disabled-state-container-color: rgba(28, 30, 35, .12);
    --mat-fab-small-disabled-state-foreground-color: rgba(255, 255, 255, .38)
}

html {
    --mat-fab-touch-target-display: block
}

html {
    --mat-fab-small-touch-target-display: block
}

html {
    --mdc-extended-fab-label-text-font: Inter, sans-serif;
    --mdc-extended-fab-label-text-size: 14px;
    --mdc-extended-fab-label-text-tracking: normal;
    --mdc-extended-fab-label-text-weight: 500
}

html {
    --mdc-snackbar-container-shape: 4px
}

html {
    --mdc-snackbar-container-color: rgb(8.2, 8.8, 9.4);
    --mdc-snackbar-supporting-text-color: rgba(41, 44, 47, .87)
}

html {
    --mat-snack-bar-button-color: #1888b8
}

html {
    --mdc-snackbar-supporting-text-font: Inter, sans-serif;
    --mdc-snackbar-supporting-text-line-height: 20px;
    --mdc-snackbar-supporting-text-size: 14px;
    --mdc-snackbar-supporting-text-weight: 400
}

html {
    --mat-table-row-item-outline-width: 1px
}

html {
    --mat-table-background-color: #292c2f;
    --mat-table-header-headline-color: white;
    --mat-table-row-item-label-text-color: white;
    --mat-table-row-item-outline-color: rgba(255, 255, 255, .1)
}

html {
    --mat-table-header-container-height: 56px;
    --mat-table-footer-container-height: 52px;
    --mat-table-row-item-container-height: 52px
}

html {
    --mat-table-header-headline-font: Inter, sans-serif;
    --mat-table-header-headline-line-height: 19px;
    --mat-table-header-headline-size: 16px;
    --mat-table-header-headline-weight: bold;
    --mat-table-header-headline-tracking: normal;
    --mat-table-row-item-label-text-font: Inter, sans-serif;
    --mat-table-row-item-label-text-line-height: 20px;
    --mat-table-row-item-label-text-size: 14px;
    --mat-table-row-item-label-text-weight: 400;
    --mat-table-row-item-label-text-tracking: normal;
    --mat-table-footer-supporting-text-font: Inter, sans-serif;
    --mat-table-footer-supporting-text-line-height: 20px;
    --mat-table-footer-supporting-text-size: 14px;
    --mat-table-footer-supporting-text-weight: 400;
    --mat-table-footer-supporting-text-tracking: normal
}

html {
    --mdc-circular-progress-active-indicator-width: 4px;
    --mdc-circular-progress-size: 48px
}

html {
    --mdc-circular-progress-active-indicator-color: #98b818
}

html {
    --mat-badge-container-shape: 50%;
    --mat-badge-container-size: unset;
    --mat-badge-small-size-container-size: unset;
    --mat-badge-large-size-container-size: unset;
    --mat-badge-legacy-container-size: 22px;
    --mat-badge-legacy-small-size-container-size: 16px;
    --mat-badge-legacy-large-size-container-size: 28px;
    --mat-badge-container-offset: -11px 0;
    --mat-badge-small-size-container-offset: -8px 0;
    --mat-badge-large-size-container-offset: -14px 0;
    --mat-badge-container-overlap-offset: -11px;
    --mat-badge-small-size-container-overlap-offset: -8px;
    --mat-badge-large-size-container-overlap-offset: -14px;
    --mat-badge-container-padding: 0;
    --mat-badge-small-size-container-padding: 0;
    --mat-badge-large-size-container-padding: 0
}

html {
    --mat-badge-background-color: #98b818;
    --mat-badge-text-color: white;
    --mat-badge-disabled-state-background-color: rgb(88.6, 91.8, 94.2);
    --mat-badge-disabled-state-text-color: rgba(0, 0, 0, .38)
}

html {
    --mat-badge-text-font: Inter, sans-serif;
    --mat-badge-line-height: 22px;
    --mat-badge-text-size: 12px;
    --mat-badge-text-weight: 600;
    --mat-badge-small-size-text-size: 9px;
    --mat-badge-small-size-line-height: 16px;
    --mat-badge-large-size-text-size: 24px;
    --mat-badge-large-size-line-height: 28px
}

html {
    --mat-bottom-sheet-container-shape: 4px
}

html {
    --mat-bottom-sheet-container-text-color: white;
    --mat-bottom-sheet-container-background-color: #181a1e
}

html {
    --mat-bottom-sheet-container-text-font: Inter, sans-serif;
    --mat-bottom-sheet-container-text-line-height: 20px;
    --mat-bottom-sheet-container-text-size: 14px;
    --mat-bottom-sheet-container-text-tracking: normal;
    --mat-bottom-sheet-container-text-weight: 400
}

html {
    --mat-legacy-button-toggle-height: 36px;
    --mat-legacy-button-toggle-shape: 2px;
    --mat-legacy-button-toggle-focus-state-layer-opacity: 1
}

html {
    --mat-standard-button-toggle-shape: 4px;
    --mat-standard-button-toggle-hover-state-layer-opacity: .04;
    --mat-standard-button-toggle-focus-state-layer-opacity: .12
}

html {
    --mat-legacy-button-toggle-text-color: rgba(0, 0, 0, .38);
    --mat-legacy-button-toggle-state-layer-color: rgba(0, 0, 0, .12);
    --mat-legacy-button-toggle-selected-state-text-color: white;
    --mat-legacy-button-toggle-selected-state-background-color: #e0e0e0;
    --mat-legacy-button-toggle-disabled-state-text-color: rgba(255, 255, 255, .2);
    --mat-legacy-button-toggle-disabled-state-background-color: #eeeeee;
    --mat-legacy-button-toggle-disabled-selected-state-background-color: #bdbdbd
}

html {
    --mat-standard-button-toggle-text-color: white;
    --mat-standard-button-toggle-background-color: #292c2f;
    --mat-standard-button-toggle-state-layer-color: black;
    --mat-standard-button-toggle-selected-state-background-color: #e0e0e0;
    --mat-standard-button-toggle-selected-state-text-color: white;
    --mat-standard-button-toggle-disabled-state-text-color: rgba(255, 255, 255, .2);
    --mat-standard-button-toggle-disabled-state-background-color: #292c2f;
    --mat-standard-button-toggle-disabled-selected-state-text-color: white;
    --mat-standard-button-toggle-disabled-selected-state-background-color: #bdbdbd;
    --mat-standard-button-toggle-divider-color: rgb(62.4, 65.1, 67.8)
}

html {
    --mat-standard-button-toggle-height: 48px
}

html {
    --mat-legacy-button-toggle-label-text-font: Inter, sans-serif;
    --mat-legacy-button-toggle-label-text-line-height: 20px;
    --mat-legacy-button-toggle-label-text-size: 14px;
    --mat-legacy-button-toggle-label-text-tracking: normal;
    --mat-legacy-button-toggle-label-text-weight: 400
}

html {
    --mat-standard-button-toggle-label-text-font: Inter, sans-serif;
    --mat-standard-button-toggle-label-text-line-height: 20px;
    --mat-standard-button-toggle-label-text-size: 14px;
    --mat-standard-button-toggle-label-text-tracking: normal;
    --mat-standard-button-toggle-label-text-weight: 400
}

html {
    --mat-datepicker-calendar-container-shape: 4px;
    --mat-datepicker-calendar-container-touch-shape: 4px;
    --mat-datepicker-calendar-container-elevation-shadow: 0px 2px 4px -1px rgba(0, 0, 0, .2), 0px 4px 5px 0px rgba(0, 0, 0, .14), 0px 1px 10px 0px rgba(0, 0, 0, .12);
    --mat-datepicker-calendar-container-touch-elevation-shadow: 0px 11px 15px -7px rgba(0, 0, 0, .2), 0px 24px 38px 3px rgba(0, 0, 0, .14), 0px 9px 46px 8px rgba(0, 0, 0, .12)
}

html {
    --mat-datepicker-calendar-date-selected-state-text-color: white;
    --mat-datepicker-calendar-date-selected-state-background-color: #98b818;
    --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(152, 184, 24, .4);
    --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
    --mat-datepicker-calendar-date-focus-state-background-color: rgba(152, 184, 24, .3);
    --mat-datepicker-calendar-date-hover-state-background-color: rgba(152, 184, 24, .3);
    --mat-datepicker-toggle-active-state-icon-color: #98b818;
    --mat-datepicker-calendar-date-in-range-state-background-color: rgba(152, 184, 24, .2);
    --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, .2);
    --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
    --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
    --mat-datepicker-toggle-icon-color: white;
    --mat-datepicker-calendar-body-label-text-color: white;
    --mat-datepicker-calendar-period-button-text-color: white;
    --mat-datepicker-calendar-period-button-icon-color: white;
    --mat-datepicker-calendar-navigation-button-icon-color: white;
    --mat-datepicker-calendar-header-divider-color: rgba(255, 255, 255, .1);
    --mat-datepicker-calendar-header-text-color: white;
    --mat-datepicker-calendar-date-today-outline-color: rgba(0, 0, 0, .38);
    --mat-datepicker-calendar-date-today-disabled-state-outline-color: rgba(0, 0, 0, .18);
    --mat-datepicker-calendar-date-text-color: white;
    --mat-datepicker-calendar-date-outline-color: transparent;
    --mat-datepicker-calendar-date-disabled-state-text-color: rgba(0, 0, 0, .38);
    --mat-datepicker-calendar-date-preview-state-outline-color: rgba(255, 255, 255, .2);
    --mat-datepicker-range-input-separator-color: white;
    --mat-datepicker-range-input-disabled-state-separator-color: rgba(0, 0, 0, .38);
    --mat-datepicker-range-input-disabled-state-text-color: rgba(0, 0, 0, .38);
    --mat-datepicker-calendar-container-background-color: #292c2f;
    --mat-datepicker-calendar-container-text-color: white
}

html {
    --mat-datepicker-calendar-text-font: Inter, sans-serif;
    --mat-datepicker-calendar-text-size: 13px;
    --mat-datepicker-calendar-body-label-text-size: 14px;
    --mat-datepicker-calendar-body-label-text-weight: 500;
    --mat-datepicker-calendar-period-button-text-size: 14px;
    --mat-datepicker-calendar-period-button-text-weight: 500;
    --mat-datepicker-calendar-header-text-size: 11px;
    --mat-datepicker-calendar-header-text-weight: 400
}

html {
    --mat-divider-width: 1px
}

html {
    --mat-divider-color: rgba(255, 255, 255, .1)
}

html {
    --mat-expansion-container-shape: 4px;
    --mat-expansion-legacy-header-indicator-display: inline-block;
    --mat-expansion-header-indicator-display: none
}

html {
    --mat-expansion-container-background-color: #292c2f;
    --mat-expansion-container-text-color: white;
    --mat-expansion-actions-divider-color: rgba(255, 255, 255, .1);
    --mat-expansion-header-hover-state-layer-color: rgba(0, 0, 0, .04);
    --mat-expansion-header-focus-state-layer-color: rgba(0, 0, 0, .04);
    --mat-expansion-header-disabled-state-text-color: rgba(255, 255, 255, .2);
    --mat-expansion-header-text-color: white;
    --mat-expansion-header-description-color: white;
    --mat-expansion-header-indicator-color: white
}

html {
    --mat-expansion-header-collapsed-state-height: 48px;
    --mat-expansion-header-expanded-state-height: 64px
}

html {
    --mat-expansion-header-text-font: Inter, sans-serif;
    --mat-expansion-header-text-size: 16px;
    --mat-expansion-header-text-weight: bold;
    --mat-expansion-header-text-line-height: inherit;
    --mat-expansion-header-text-tracking: inherit;
    --mat-expansion-container-text-font: Inter, sans-serif;
    --mat-expansion-container-text-line-height: 20px;
    --mat-expansion-container-text-size: 14px;
    --mat-expansion-container-text-tracking: normal;
    --mat-expansion-container-text-weight: 400
}

html {
    --mat-grid-list-tile-header-primary-text-size: 14px;
    --mat-grid-list-tile-header-secondary-text-size: 14px;
    --mat-grid-list-tile-footer-primary-text-size: 14px;
    --mat-grid-list-tile-footer-secondary-text-size: 14px
}

html {
    --mat-icon-color: inherit
}

html {
    --mat-sidenav-container-shape: 0;
    --mat-sidenav-container-elevation-shadow: 0px 8px 10px -5px rgba(0, 0, 0, .2), 0px 16px 24px 2px rgba(0, 0, 0, .14), 0px 6px 30px 5px rgba(0, 0, 0, .12);
    --mat-sidenav-container-width: auto
}

html {
    --mat-sidenav-container-divider-color: rgba(255, 255, 255, .1);
    --mat-sidenav-container-background-color: #181a1e;
    --mat-sidenav-container-text-color: white;
    --mat-sidenav-content-background-color: #2f3336;
    --mat-sidenav-content-text-color: white;
    --mat-sidenav-scrim-color: rgba(214, 211, 208, .6)
}

html {
    --mat-stepper-header-icon-foreground-color: white;
    --mat-stepper-header-selected-state-icon-background-color: #98b818;
    --mat-stepper-header-selected-state-icon-foreground-color: white;
    --mat-stepper-header-done-state-icon-background-color: #98b818;
    --mat-stepper-header-done-state-icon-foreground-color: white;
    --mat-stepper-header-edit-state-icon-background-color: #98b818;
    --mat-stepper-header-edit-state-icon-foreground-color: white;
    --mat-stepper-container-color: #292c2f;
    --mat-stepper-line-color: rgba(255, 255, 255, .1);
    --mat-stepper-header-hover-state-layer-color: rgba(0, 0, 0, .04);
    --mat-stepper-header-focus-state-layer-color: rgba(0, 0, 0, .04);
    --mat-stepper-header-label-text-color: white;
    --mat-stepper-header-optional-label-text-color: white;
    --mat-stepper-header-selected-state-label-text-color: white;
    --mat-stepper-header-error-state-label-text-color: #f44336;
    --mat-stepper-header-icon-background-color: white;
    --mat-stepper-header-error-state-icon-foreground-color: #f44336;
    --mat-stepper-header-error-state-icon-background-color: transparent
}

html {
    --mat-stepper-header-height: 72px
}

html {
    --mat-stepper-container-text-font: Inter, sans-serif;
    --mat-stepper-header-label-text-font: Inter, sans-serif;
    --mat-stepper-header-label-text-size: 14px;
    --mat-stepper-header-label-text-weight: 400;
    --mat-stepper-header-error-state-label-text-size: 14px;
    --mat-stepper-header-selected-state-label-text-size: 14px;
    --mat-stepper-header-selected-state-label-text-weight: 400
}

html {
    --mat-sort-arrow-color: white
}

html {
    --mat-toolbar-container-background-color: whitesmoke;
    --mat-toolbar-container-text-color: white
}

html {
    --mat-toolbar-standard-height: 64px;
    --mat-toolbar-mobile-height: 56px
}

html {
    --mat-toolbar-title-text-font: Inter, sans-serif;
    --mat-toolbar-title-text-line-height: 20px;
    --mat-toolbar-title-text-size: 16px;
    --mat-toolbar-title-text-tracking: normal;
    --mat-toolbar-title-text-weight: 600
}

html {
    --mat-tree-container-background-color: #292c2f;
    --mat-tree-node-text-color: white
}

html {
    --mat-tree-node-min-height: 48px
}

html {
    --mat-tree-node-text-font: Inter, sans-serif;
    --mat-tree-node-text-size: 14px;
    --mat-tree-node-text-weight: 400
}

html {
    --mat-timepicker-container-shape: 4px;
    --mat-timepicker-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12)
}

html {
    --mat-timepicker-container-background-color: #292c2f
}

:root {
    --mdc-slider-active-track-height: 4px;
    --mdc-slider-handle-width: 18px;
    --mdc-slider-handle-height: 18px;
    --mat-badge-small-size-text-size: 12px;
    --white: #FFFFFF;
    --white-20: #FFFFFF33;
    --disable-color: rgba(63, 74, 98, .2);
    --tarpaulin-grey: #4c4f49;
    --mat-autocomplete-background-color: #181a1e;
    --bg-dark: #16171B;
    --gray: #ADAEAF;
    --main-background: #131417;
    --green: #98B818;
    --restrictionsHeight: 0px;
    --mat-paginator-container-background-color: transparent;
    --mat-paginator-container-text-color: #fff;
    --mat-paginator-enabled-icon-color: #fff;
    --mat-paginator-disabled-icon-color: #adaeaf;
    --header-height: 60px
}

html {
    overflow-y: visible !important
}

body {
    font-family: Inter, sans-serif;
    min-height: 100%;
    width: 100%;
    color: #fff;
    overflow-x: hidden;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    margin: 0;
    padding: 0;
    background-color: #131417
}

* {
    font-family: Inter, sans-serif
}

body {
    font-family: Inter, sans-serif;
    min-height: 100%;
    width: 100%;
    color: #fff;
    overflow-x: hidden;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    margin: 0;
    padding: 0;
    background-color: #191a1c;
}

@-webkit-keyframes rotate-center {
    0% {
        transform: rotate(0);
    }

    20% {
        transform: rotate(0);
    }

    100% {
        transform: rotate(720deg);
    }
}

@keyframes rotate-center {
    0% {
        transform: rotate(0);
    }

    20% {
        transform: rotate(0);
    }

    100% {
        transform: rotate(720deg);
    }
}

::-webkit-scrollbar {
    width: 4px;
    height: 4px;
}

::-webkit-scrollbar-track {
    border-radius: 11px;
}

::-webkit-scrollbar-thumb {
    background: rgba(233, 244, 255, 0.13);
}

::-webkit-scrollbar-thumb:hover {
    background: #555;
}

#masterLoader {
    height: 100vh;
    width: 100vw;
    display: flex;
    align-items: center;
    position: fixed;
    z-index: 999999;
    background-color: #191a1c;
}

#masterLoader app-loader {
    width: auto;
    height: 15vh;
    display: flex;
    flex-grow: 1;
    flex-direction: column;
    align-items: center;
    margin-bottom: 15vh;
}

.logo-rotate .border {
    width: 100%;
    height: auto;
    color: #2D3138;
}

.logo-rotate .center-wrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: translateY(-5%);

}

.logo-rotate .center-wrap .center {
    width: 55%;
    height: 55%;
    animation: rotate-center 2s ease-in-out infinite both;
}

.logo-rotate {
    position: relative;
    height: 100%;
    display: flex;
}

.toast-center-center {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.toast-top-center {
    top: 0;
    right: 0;
    width: 100%
}

.toast-bottom-center {
    bottom: 0;
    right: 0;
    width: 100%
}

.toast-top-full-width {
    top: 0;
    right: 0;
    width: 100%
}

.toast-bottom-full-width {
    bottom: 0;
    right: 0;
    width: 100%
}

.toast-top-left {
    top: 12px;
    left: 12px
}

.toast-top-right {
    top: 12px;
    right: 12px
}

.toast-bottom-right {
    right: 12px;
    bottom: 12px
}

.toast-bottom-left {
    bottom: 12px;
    left: 12px
}

.toast-title {
    font-weight: 700
}

.toast-message {
    word-wrap: break-word
}

.toast-message a,
.toast-message label {
    color: #fff
}

.toast-message a:hover {
    color: #ccc;
    text-decoration: none
}

.toast-close-button {
    position: relative;
    right: -.3em;
    top: -.3em;
    float: right;
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    text-shadow: 0 1px 0 #ffffff
}

.toast-close-button:hover,
.toast-close-button:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
    opacity: .4
}

button.toast-close-button {
    padding: 0;
    cursor: pointer;
    background: transparent;
    border: 0
}

.toast-container {
    pointer-events: none;
    position: fixed;
    z-index: 999999
}

.toast-container * {
    box-sizing: border-box
}

.toast-container .ngx-toastr {
    position: relative;
    overflow: hidden;
    margin: 0 0 6px;
    padding: 15px 15px 15px 50px;
    width: 300px;
    border-radius: 3px;
    background-position: 15px center;
    background-repeat: no-repeat;
    background-size: 24px;
    box-shadow: 0 0 12px #999;
    color: #fff
}

.toast-container .ngx-toastr:hover {
    box-shadow: 0 0 12px #000;
    opacity: 1;
    cursor: pointer
}

.toast-info {
    background-image: url("")
}

.toast-error {
    background-image: url("")
}

.toast-success {
    background-image: url("")
}

.toast-warning {
    background-image: url("")
}

.toast-container.toast-top-center .ngx-toastr,
.toast-container.toast-bottom-center .ngx-toastr {
    width: 300px;
    margin-left: auto;
    margin-right: auto
}

.toast-container.toast-top-full-width .ngx-toastr,
.toast-container.toast-bottom-full-width .ngx-toastr {
    width: 96%;
    margin-left: auto;
    margin-right: auto
}

.ngx-toastr {
    background-color: #030303;
    pointer-events: auto
}

.toast-success {
    background-color: #51a351
}

.toast-error {
    background-color: #bd362f
}

.toast-info {
    background-color: #2f96b4
}

.toast-warning {
    background-color: #f89406
}

.toast-progress {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 4px;
    background-color: #000;
    opacity: .4
}

@media all and (max-width: 240px) {
    .toast-container .ngx-toastr.div {
        padding: 8px 8px 8px 50px;
        width: 11em
    }

    .toast-container .toast-close-button {
        right: -.2em;
        top: -.2em
    }
}

@media all and (min-width: 241px) and (max-width: 480px) {
    .toast-container .ngx-toastr.div {
        padding: 8px 8px 8px 50px;
        width: 18em
    }

    .toast-container .toast-close-button {
        right: -.2em;
        top: -.2em
    }
}

@media all and (min-width: 481px) and (max-width: 768px) {
    .toast-container .ngx-toastr.div {
        padding: 15px 15px 15px 50px;
        width: 25em
    }
}

@font-face {
    font-family: Inter;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url("UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2JL7SUc.woff2") format("woff2");
    unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F
}

@font-face {
    font-family: Inter;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url("UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa0ZL7SUc.woff2") format("woff2");
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116
}

@font-face {
    font-family: Inter;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url("UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2ZL7SUc.woff2") format("woff2");
    unicode-range: U+1F00-1FFF
}

@font-face {
    font-family: Inter;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url("UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1pL7SUc.woff2") format("woff2");
    unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF
}

@font-face {
    font-family: Inter;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url("UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2pL7SUc.woff2") format("woff2");
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB
}

@font-face {
    font-family: Inter;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url("UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa25L7SUc.woff2") format("woff2");
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF
}

@font-face {
    font-family: Inter;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url("UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1ZL7.woff2") format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

@font-face {
    font-family: Inter;
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url("UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2JL7SUc.woff2") format("woff2");
    unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F
}

@font-face {
    font-family: Inter;
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url("UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa0ZL7SUc.woff2") format("woff2");
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116
}

@font-face {
    font-family: Inter;
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url("UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2ZL7SUc.woff2") format("woff2");
    unicode-range: U+1F00-1FFF
}

@font-face {
    font-family: Inter;
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url("UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1pL7SUc.woff2") format("woff2");
    unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF
}

@font-face {
    font-family: Inter;
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url("UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2pL7SUc.woff2") format("woff2");
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB
}

@font-face {
    font-family: Inter;
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url("UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa25L7SUc.woff2") format("woff2");
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF
}

@font-face {
    font-family: Inter;
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url("UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1ZL7.woff2") format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

.mat-elevation-z0,
.mat-mdc-elevation-specific.mat-elevation-z0 {
    box-shadow: var(--mat-app-elevation-shadow-level-0, none)
}

.mat-elevation-z1,
.mat-mdc-elevation-specific.mat-elevation-z1 {
    box-shadow: var(--mat-app-elevation-shadow-level-1, none)
}

.mat-elevation-z2,
.mat-mdc-elevation-specific.mat-elevation-z2 {
    box-shadow: var(--mat-app-elevation-shadow-level-2, none)
}

.mat-elevation-z3,
.mat-mdc-elevation-specific.mat-elevation-z3 {
    box-shadow: var(--mat-app-elevation-shadow-level-3, none)
}

.mat-elevation-z4,
.mat-mdc-elevation-specific.mat-elevation-z4 {
    box-shadow: var(--mat-app-elevation-shadow-level-4, none)
}

.mat-elevation-z5,
.mat-mdc-elevation-specific.mat-elevation-z5 {
    box-shadow: var(--mat-app-elevation-shadow-level-5, none)
}

.mat-elevation-z6,
.mat-mdc-elevation-specific.mat-elevation-z6 {
    box-shadow: var(--mat-app-elevation-shadow-level-6, none)
}

.mat-elevation-z7,
.mat-mdc-elevation-specific.mat-elevation-z7 {
    box-shadow: var(--mat-app-elevation-shadow-level-7, none)
}

.mat-elevation-z8,
.mat-mdc-elevation-specific.mat-elevation-z8 {
    box-shadow: var(--mat-app-elevation-shadow-level-8, none)
}

.mat-elevation-z9,
.mat-mdc-elevation-specific.mat-elevation-z9 {
    box-shadow: var(--mat-app-elevation-shadow-level-9, none)
}

.mat-elevation-z10,
.mat-mdc-elevation-specific.mat-elevation-z10 {
    box-shadow: var(--mat-app-elevation-shadow-level-10, none)
}

.mat-elevation-z11,
.mat-mdc-elevation-specific.mat-elevation-z11 {
    box-shadow: var(--mat-app-elevation-shadow-level-11, none)
}

.mat-elevation-z12,
.mat-mdc-elevation-specific.mat-elevation-z12 {
    box-shadow: var(--mat-app-elevation-shadow-level-12, none)
}

.mat-elevation-z13,
.mat-mdc-elevation-specific.mat-elevation-z13 {
    box-shadow: var(--mat-app-elevation-shadow-level-13, none)
}

.mat-elevation-z14,
.mat-mdc-elevation-specific.mat-elevation-z14 {
    box-shadow: var(--mat-app-elevation-shadow-level-14, none)
}

.mat-elevation-z15,
.mat-mdc-elevation-specific.mat-elevation-z15 {
    box-shadow: var(--mat-app-elevation-shadow-level-15, none)
}

.mat-elevation-z16,
.mat-mdc-elevation-specific.mat-elevation-z16 {
    box-shadow: var(--mat-app-elevation-shadow-level-16, none)
}

.mat-elevation-z17,
.mat-mdc-elevation-specific.mat-elevation-z17 {
    box-shadow: var(--mat-app-elevation-shadow-level-17, none)
}

.mat-elevation-z18,
.mat-mdc-elevation-specific.mat-elevation-z18 {
    box-shadow: var(--mat-app-elevation-shadow-level-18, none)
}

.mat-elevation-z19,
.mat-mdc-elevation-specific.mat-elevation-z19 {
    box-shadow: var(--mat-app-elevation-shadow-level-19, none)
}

.mat-elevation-z20,
.mat-mdc-elevation-specific.mat-elevation-z20 {
    box-shadow: var(--mat-app-elevation-shadow-level-20, none)
}

.mat-elevation-z21,
.mat-mdc-elevation-specific.mat-elevation-z21 {
    box-shadow: var(--mat-app-elevation-shadow-level-21, none)
}

.mat-elevation-z22,
.mat-mdc-elevation-specific.mat-elevation-z22 {
    box-shadow: var(--mat-app-elevation-shadow-level-22, none)
}

.mat-elevation-z23,
.mat-mdc-elevation-specific.mat-elevation-z23 {
    box-shadow: var(--mat-app-elevation-shadow-level-23, none)
}

.mat-elevation-z24,
.mat-mdc-elevation-specific.mat-elevation-z24 {
    box-shadow: var(--mat-app-elevation-shadow-level-24, none)
}

html {
    --mat-sys-on-surface: initial
}

.mat-app-background {
    background-color: var(--mat-app-background-color, var(--mat-sys-background, transparent));
    color: var(--mat-app-text-color, var(--mat-sys-on-background, inherit))
}

html {
    --mat-ripple-color: rgba(0, 0, 0, .1)
}

html {
    --mat-option-selected-state-label-text-color: #98b818;
    --mat-option-label-text-color: white;
    --mat-option-hover-state-layer-color: rgba(0, 0, 0, .04);
    --mat-option-focus-state-layer-color: rgba(0, 0, 0, .04);
    --mat-option-selected-state-layer-color: rgba(0, 0, 0, .04)
}

.mat-accent {
    --mat-option-selected-state-label-text-color: #1888b8;
    --mat-option-label-text-color: white;
    --mat-option-hover-state-layer-color: rgba(0, 0, 0, .04);
    --mat-option-focus-state-layer-color: rgba(0, 0, 0, .04);
    --mat-option-selected-state-layer-color: rgba(0, 0, 0, .04)
}

.mat-warn {
    --mat-option-selected-state-label-text-color: #f44336;
    --mat-option-label-text-color: white;
    --mat-option-hover-state-layer-color: rgba(0, 0, 0, .04);
    --mat-option-focus-state-layer-color: rgba(0, 0, 0, .04);
    --mat-option-selected-state-layer-color: rgba(0, 0, 0, .04)
}

html {
    --mat-optgroup-label-text-color: white
}

html {
    --mat-full-pseudo-checkbox-selected-icon-color: #1888b8;
    --mat-full-pseudo-checkbox-selected-checkmark-color: #2f3336;
    --mat-full-pseudo-checkbox-unselected-icon-color: white;
    --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #2f3336;
    --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #b0b0b0;
    --mat-full-pseudo-checkbox-disabled-selected-icon-color: #b0b0b0
}

html {
    --mat-minimal-pseudo-checkbox-selected-checkmark-color: #1888b8;
    --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #b0b0b0
}

.mat-primary {
    --mat-full-pseudo-checkbox-selected-icon-color: #98b818;
    --mat-full-pseudo-checkbox-selected-checkmark-color: #2f3336;
    --mat-full-pseudo-checkbox-unselected-icon-color: white;
    --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #2f3336;
    --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #b0b0b0;
    --mat-full-pseudo-checkbox-disabled-selected-icon-color: #b0b0b0
}

.mat-primary {
    --mat-minimal-pseudo-checkbox-selected-checkmark-color: #98b818;
    --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #b0b0b0
}

.mat-accent {
    --mat-full-pseudo-checkbox-selected-icon-color: #1888b8;
    --mat-full-pseudo-checkbox-selected-checkmark-color: #2f3336;
    --mat-full-pseudo-checkbox-unselected-icon-color: white;
    --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #2f3336;
    --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #b0b0b0;
    --mat-full-pseudo-checkbox-disabled-selected-icon-color: #b0b0b0
}

.mat-accent {
    --mat-minimal-pseudo-checkbox-selected-checkmark-color: #1888b8;
    --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #b0b0b0
}

.mat-warn {
    --mat-full-pseudo-checkbox-selected-icon-color: #f44336;
    --mat-full-pseudo-checkbox-selected-checkmark-color: #2f3336;
    --mat-full-pseudo-checkbox-unselected-icon-color: white;
    --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #2f3336;
    --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #b0b0b0;
    --mat-full-pseudo-checkbox-disabled-selected-icon-color: #b0b0b0
}

.mat-warn {
    --mat-minimal-pseudo-checkbox-selected-checkmark-color: #f44336;
    --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #b0b0b0
}

html {
    --mat-app-background-color: #2f3336;
    --mat-app-text-color: white;
    --mat-app-elevation-shadow-level-0: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12);
    --mat-app-elevation-shadow-level-1: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);
    --mat-app-elevation-shadow-level-2: 0px 3px 1px -2px rgba(0, 0, 0, .2), 0px 2px 2px 0px rgba(0, 0, 0, .14), 0px 1px 5px 0px rgba(0, 0, 0, .12);
    --mat-app-elevation-shadow-level-3: 0px 3px 3px -2px rgba(0, 0, 0, .2), 0px 3px 4px 0px rgba(0, 0, 0, .14), 0px 1px 8px 0px rgba(0, 0, 0, .12);
    --mat-app-elevation-shadow-level-4: 0px 2px 4px -1px rgba(0, 0, 0, .2), 0px 4px 5px 0px rgba(0, 0, 0, .14), 0px 1px 10px 0px rgba(0, 0, 0, .12);
    --mat-app-elevation-shadow-level-5: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 5px 8px 0px rgba(0, 0, 0, .14), 0px 1px 14px 0px rgba(0, 0, 0, .12);
    --mat-app-elevation-shadow-level-6: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);
    --mat-app-elevation-shadow-level-7: 0px 4px 5px -2px rgba(0, 0, 0, .2), 0px 7px 10px 1px rgba(0, 0, 0, .14), 0px 2px 16px 1px rgba(0, 0, 0, .12);
    --mat-app-elevation-shadow-level-8: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);
    --mat-app-elevation-shadow-level-9: 0px 5px 6px -3px rgba(0, 0, 0, .2), 0px 9px 12px 1px rgba(0, 0, 0, .14), 0px 3px 16px 2px rgba(0, 0, 0, .12);
    --mat-app-elevation-shadow-level-10: 0px 6px 6px -3px rgba(0, 0, 0, .2), 0px 10px 14px 1px rgba(0, 0, 0, .14), 0px 4px 18px 3px rgba(0, 0, 0, .12);
    --mat-app-elevation-shadow-level-11: 0px 6px 7px -4px rgba(0, 0, 0, .2), 0px 11px 15px 1px rgba(0, 0, 0, .14), 0px 4px 20px 3px rgba(0, 0, 0, .12);
    --mat-app-elevation-shadow-level-12: 0px 7px 8px -4px rgba(0, 0, 0, .2), 0px 12px 17px 2px rgba(0, 0, 0, .14), 0px 5px 22px 4px rgba(0, 0, 0, .12);
    --mat-app-elevation-shadow-level-13: 0px 7px 8px -4px rgba(0, 0, 0, .2), 0px 13px 19px 2px rgba(0, 0, 0, .14), 0px 5px 24px 4px rgba(0, 0, 0, .12);
    --mat-app-elevation-shadow-level-14: 0px 7px 9px -4px rgba(0, 0, 0, .2), 0px 14px 21px 2px rgba(0, 0, 0, .14), 0px 5px 26px 4px rgba(0, 0, 0, .12);
    --mat-app-elevation-shadow-level-15: 0px 8px 9px -5px rgba(0, 0, 0, .2), 0px 15px 22px 2px rgba(0, 0, 0, .14), 0px 6px 28px 5px rgba(0, 0, 0, .12);
    --mat-app-elevation-shadow-level-16: 0px 8px 10px -5px rgba(0, 0, 0, .2), 0px 16px 24px 2px rgba(0, 0, 0, .14), 0px 6px 30px 5px rgba(0, 0, 0, .12);
    --mat-app-elevation-shadow-level-17: 0px 8px 11px -5px rgba(0, 0, 0, .2), 0px 17px 26px 2px rgba(0, 0, 0, .14), 0px 6px 32px 5px rgba(0, 0, 0, .12);
    --mat-app-elevation-shadow-level-18: 0px 9px 11px -5px rgba(0, 0, 0, .2), 0px 18px 28px 2px rgba(0, 0, 0, .14), 0px 7px 34px 6px rgba(0, 0, 0, .12);
    --mat-app-elevation-shadow-level-19: 0px 9px 12px -6px rgba(0, 0, 0, .2), 0px 19px 29px 2px rgba(0, 0, 0, .14), 0px 7px 36px 6px rgba(0, 0, 0, .12);
    --mat-app-elevation-shadow-level-20: 0px 10px 13px -6px rgba(0, 0, 0, .2), 0px 20px 31px 3px rgba(0, 0, 0, .14), 0px 8px 38px 7px rgba(0, 0, 0, .12);
    --mat-app-elevation-shadow-level-21: 0px 10px 13px -6px rgba(0, 0, 0, .2), 0px 21px 33px 3px rgba(0, 0, 0, .14), 0px 8px 40px 7px rgba(0, 0, 0, .12);
    --mat-app-elevation-shadow-level-22: 0px 10px 14px -6px rgba(0, 0, 0, .2), 0px 22px 35px 3px rgba(0, 0, 0, .14), 0px 8px 42px 7px rgba(0, 0, 0, .12);
    --mat-app-elevation-shadow-level-23: 0px 11px 14px -7px rgba(0, 0, 0, .2), 0px 23px 36px 3px rgba(0, 0, 0, .14), 0px 9px 44px 8px rgba(0, 0, 0, .12);
    --mat-app-elevation-shadow-level-24: 0px 11px 15px -7px rgba(0, 0, 0, .2), 0px 24px 38px 3px rgba(0, 0, 0, .14), 0px 9px 46px 8px rgba(0, 0, 0, .12)
}

html {
    --mat-option-label-text-font: Inter, sans-serif;
    --mat-option-label-text-line-height: 20px;
    --mat-option-label-text-size: 14px;
    --mat-option-label-text-tracking: normal;
    --mat-option-label-text-weight: 400
}

html {
    --mat-optgroup-label-text-font: Inter, sans-serif;
    --mat-optgroup-label-text-line-height: 20px;
    --mat-optgroup-label-text-size: 14px;
    --mat-optgroup-label-text-tracking: normal;
    --mat-optgroup-label-text-weight: 400
}

html {
    --mdc-elevated-card-container-shape: 4px
}

html {
    --mdc-outlined-card-container-shape: 4px;
    --mdc-outlined-card-outline-width: 1px
}

html {
    --mdc-elevated-card-container-color: #292c2f;
    --mdc-elevated-card-container-elevation: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12)
}

html {
    --mdc-outlined-card-container-color: #292c2f;
    --mdc-outlined-card-outline-color: rgba(0, 0, 0, .12);
    --mdc-outlined-card-container-elevation: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12)
}

html {
    --mat-card-subtitle-text-color: white
}

html {
    --mat-card-title-text-font: Inter, sans-serif;
    --mat-card-title-text-line-height: 20px;
    --mat-card-title-text-size: 16px;
    --mat-card-title-text-tracking: normal;
    --mat-card-title-text-weight: 600;
    --mat-card-subtitle-text-font: Inter, sans-serif;
    --mat-card-subtitle-text-line-height: 19px;
    --mat-card-subtitle-text-size: 16px;
    --mat-card-subtitle-text-tracking: normal;
    --mat-card-subtitle-text-weight: bold
}

html {
    --mdc-linear-progress-active-indicator-height: 4px;
    --mdc-linear-progress-track-height: 4px;
    --mdc-linear-progress-track-shape: 0
}

.mat-mdc-progress-bar {
    --mdc-linear-progress-active-indicator-color: #98b818;
    --mdc-linear-progress-track-color: rgba(152, 184, 24, .25)
}

.mat-mdc-progress-bar.mat-accent {
    --mdc-linear-progress-active-indicator-color: #1888b8;
    --mdc-linear-progress-track-color: rgba(24, 136, 184, .25)
}

.mat-mdc-progress-bar.mat-warn {
    --mdc-linear-progress-active-indicator-color: #f44336;
    --mdc-linear-progress-track-color: rgba(244, 67, 54, .25)
}

html {
    --mdc-plain-tooltip-container-shape: 4px;
    --mdc-plain-tooltip-supporting-text-line-height: 16px
}

html {
    --mdc-plain-tooltip-container-color: #616161;
    --mdc-plain-tooltip-supporting-text-color: #fff
}

html {
    --mdc-plain-tooltip-supporting-text-font: Inter, sans-serif;
    --mdc-plain-tooltip-supporting-text-size: 14px;
    --mdc-plain-tooltip-supporting-text-weight: 500;
    --mdc-plain-tooltip-supporting-text-tracking: normal
}

html {
    --mdc-filled-text-field-active-indicator-height: 1px;
    --mdc-filled-text-field-focus-active-indicator-height: 2px;
    --mdc-filled-text-field-container-shape: 4px
}

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

html {
    --mdc-filled-text-field-caret-color: #98b818;
    --mdc-filled-text-field-focus-active-indicator-color: #98b818;
    --mdc-filled-text-field-focus-label-text-color: rgba(152, 184, 24, .87);
    --mdc-filled-text-field-container-color: rgb(39.36, 42.24, 45.12);
    --mdc-filled-text-field-disabled-container-color: rgb(40.18, 43.12, 46.06);
    --mdc-filled-text-field-label-text-color: rgba(255, 255, 255, .6);
    --mdc-filled-text-field-hover-label-text-color: rgba(255, 255, 255, .6);
    --mdc-filled-text-field-disabled-label-text-color: rgba(0, 0, 0, .38);
    --mdc-filled-text-field-input-text-color: rgba(255, 255, 255, .87);
    --mdc-filled-text-field-disabled-input-text-color: rgba(0, 0, 0, .38);
    --mdc-filled-text-field-input-text-placeholder-color: rgba(255, 255, 255, .6);
    --mdc-filled-text-field-error-hover-label-text-color: #f44336;
    --mdc-filled-text-field-error-focus-label-text-color: #f44336;
    --mdc-filled-text-field-error-label-text-color: #f44336;
    --mdc-filled-text-field-error-caret-color: #f44336;
    --mdc-filled-text-field-active-indicator-color: rgba(255, 255, 255, .42);
    --mdc-filled-text-field-disabled-active-indicator-color: rgba(255, 255, 255, .06);
    --mdc-filled-text-field-hover-active-indicator-color: rgba(255, 255, 255, .87);
    --mdc-filled-text-field-error-active-indicator-color: #f44336;
    --mdc-filled-text-field-error-focus-active-indicator-color: #f44336;
    --mdc-filled-text-field-error-hover-active-indicator-color: #f44336
}

html {
    --mdc-outlined-text-field-caret-color: #98b818;
    --mdc-outlined-text-field-focus-outline-color: #98b818;
    --mdc-outlined-text-field-focus-label-text-color: rgba(152, 184, 24, .87);
    --mdc-outlined-text-field-label-text-color: rgba(255, 255, 255, .6);
    --mdc-outlined-text-field-hover-label-text-color: rgba(255, 255, 255, .6);
    --mdc-outlined-text-field-disabled-label-text-color: rgba(0, 0, 0, .38);
    --mdc-outlined-text-field-input-text-color: rgba(255, 255, 255, .87);
    --mdc-outlined-text-field-disabled-input-text-color: rgba(0, 0, 0, .38);
    --mdc-outlined-text-field-input-text-placeholder-color: rgba(255, 255, 255, .6);
    --mdc-outlined-text-field-error-caret-color: #f44336;
    --mdc-outlined-text-field-error-focus-label-text-color: #f44336;
    --mdc-outlined-text-field-error-label-text-color: #f44336;
    --mdc-outlined-text-field-error-hover-label-text-color: #f44336;
    --mdc-outlined-text-field-outline-color: rgba(255, 255, 255, .38);
    --mdc-outlined-text-field-disabled-outline-color: rgba(255, 255, 255, .06);
    --mdc-outlined-text-field-hover-outline-color: rgba(255, 255, 255, .87);
    --mdc-outlined-text-field-error-focus-outline-color: #f44336;
    --mdc-outlined-text-field-error-hover-outline-color: #f44336;
    --mdc-outlined-text-field-error-outline-color: #f44336
}

html {
    --mat-form-field-focus-select-arrow-color: rgba(152, 184, 24, .87);
    --mat-form-field-disabled-input-text-placeholder-color: rgba(255, 255, 255, .38);
    --mat-form-field-state-layer-color: rgba(0, 0, 0, .87);
    --mat-form-field-error-text-color: #f44336;
    --mat-form-field-select-option-text-color: inherit;
    --mat-form-field-select-disabled-option-text-color: GrayText;
    --mat-form-field-leading-icon-color: unset;
    --mat-form-field-disabled-leading-icon-color: unset;
    --mat-form-field-trailing-icon-color: unset;
    --mat-form-field-disabled-trailing-icon-color: unset;
    --mat-form-field-error-focus-trailing-icon-color: unset;
    --mat-form-field-error-hover-trailing-icon-color: unset;
    --mat-form-field-error-trailing-icon-color: unset;
    --mat-form-field-enabled-select-arrow-color: rgba(255, 255, 255, .54);
    --mat-form-field-disabled-select-arrow-color: rgba(255, 255, 255, .38);
    --mat-form-field-hover-state-layer-opacity: .04;
    --mat-form-field-focus-state-layer-opacity: .08
}

.mat-mdc-form-field.mat-accent {
    --mdc-filled-text-field-caret-color: #1888b8;
    --mdc-filled-text-field-focus-active-indicator-color: #1888b8;
    --mdc-filled-text-field-focus-label-text-color: rgba(24, 136, 184, .87)
}

.mat-mdc-form-field.mat-accent {
    --mdc-outlined-text-field-caret-color: #1888b8;
    --mdc-outlined-text-field-focus-outline-color: #1888b8;
    --mdc-outlined-text-field-focus-label-text-color: rgba(24, 136, 184, .87)
}

.mat-mdc-form-field.mat-accent {
    --mat-form-field-focus-select-arrow-color: rgba(24, 136, 184, .87)
}

.mat-mdc-form-field.mat-warn {
    --mdc-filled-text-field-caret-color: #f44336;
    --mdc-filled-text-field-focus-active-indicator-color: #f44336;
    --mdc-filled-text-field-focus-label-text-color: rgba(244, 67, 54, .87)
}

.mat-mdc-form-field.mat-warn {
    --mdc-outlined-text-field-caret-color: #f44336;
    --mdc-outlined-text-field-focus-outline-color: #f44336;
    --mdc-outlined-text-field-focus-label-text-color: rgba(244, 67, 54, .87)
}

.mat-mdc-form-field.mat-warn {
    --mat-form-field-focus-select-arrow-color: rgba(244, 67, 54, .87)
}

html {
    --mat-form-field-container-height: 56px;
    --mat-form-field-filled-label-display: block;
    --mat-form-field-container-vertical-padding: 16px;
    --mat-form-field-filled-with-label-container-padding-top: 24px;
    --mat-form-field-filled-with-label-container-padding-bottom: 8px
}

html {
    --mdc-filled-text-field-label-text-font: Inter, sans-serif;
    --mdc-filled-text-field-label-text-size: 14px;
    --mdc-filled-text-field-label-text-tracking: normal;
    --mdc-filled-text-field-label-text-weight: 400
}

html {
    --mdc-outlined-text-field-label-text-font: Inter, sans-serif;
    --mdc-outlined-text-field-label-text-size: 14px;
    --mdc-outlined-text-field-label-text-tracking: normal;
    --mdc-outlined-text-field-label-text-weight: 400
}

html {
    --mat-form-field-container-text-font: Inter, sans-serif;
    --mat-form-field-container-text-line-height: 20px;
    --mat-form-field-container-text-size: 14px;
    --mat-form-field-container-text-tracking: normal;
    --mat-form-field-container-text-weight: 400;
    --mat-form-field-outlined-label-text-populated-size: 14px;
    --mat-form-field-subscript-text-font: Inter, sans-serif;
    --mat-form-field-subscript-text-line-height: 24px;
    --mat-form-field-subscript-text-size: 14px;
    --mat-form-field-subscript-text-tracking: normal;
    --mat-form-field-subscript-text-weight: 500
}

html {
    --mat-select-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12)
}

html {
    --mat-select-panel-background-color: #292c2f;
    --mat-select-enabled-trigger-text-color: rgba(255, 255, 255, .87);
    --mat-select-disabled-trigger-text-color: rgba(0, 0, 0, .38);
    --mat-select-placeholder-text-color: rgba(255, 255, 255, .6);
    --mat-select-enabled-arrow-color: rgba(255, 255, 255, .54);
    --mat-select-disabled-arrow-color: rgba(255, 255, 255, .38);
    --mat-select-focused-arrow-color: rgba(152, 184, 24, .87);
    --mat-select-invalid-arrow-color: rgba(244, 67, 54, .87)
}

html .mat-mdc-form-field.mat-accent {
    --mat-select-panel-background-color: #292c2f;
    --mat-select-enabled-trigger-text-color: rgba(255, 255, 255, .87);
    --mat-select-disabled-trigger-text-color: rgba(0, 0, 0, .38);
    --mat-select-placeholder-text-color: rgba(255, 255, 255, .6);
    --mat-select-enabled-arrow-color: rgba(255, 255, 255, .54);
    --mat-select-disabled-arrow-color: rgba(255, 255, 255, .38);
    --mat-select-focused-arrow-color: rgba(24, 136, 184, .87);
    --mat-select-invalid-arrow-color: rgba(244, 67, 54, .87)
}

html .mat-mdc-form-field.mat-warn {
    --mat-select-panel-background-color: #292c2f;
    --mat-select-enabled-trigger-text-color: rgba(255, 255, 255, .87);
    --mat-select-disabled-trigger-text-color: rgba(0, 0, 0, .38);
    --mat-select-placeholder-text-color: rgba(255, 255, 255, .6);
    --mat-select-enabled-arrow-color: rgba(255, 255, 255, .54);
    --mat-select-disabled-arrow-color: rgba(255, 255, 255, .38);
    --mat-select-focused-arrow-color: rgba(244, 67, 54, .87);
    --mat-select-invalid-arrow-color: rgba(244, 67, 54, .87)
}

html {
    --mat-select-arrow-transform: translateY(-8px)
}

html {
    --mat-select-trigger-text-font: Inter, sans-serif;
    --mat-select-trigger-text-line-height: 20px;
    --mat-select-trigger-text-size: 14px;
    --mat-select-trigger-text-tracking: normal;
    --mat-select-trigger-text-weight: 400
}

html {
    --mat-autocomplete-container-shape: 4px;
    --mat-autocomplete-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12)
}

html {
    --mat-autocomplete-background-color: #292c2f
}

html {
    --mdc-dialog-container-shape: 4px
}

html {
    --mat-dialog-container-elevation-shadow: 0px 11px 15px -7px rgba(0, 0, 0, .2), 0px 24px 38px 3px rgba(0, 0, 0, .14), 0px 9px 46px 8px rgba(0, 0, 0, .12);
    --mat-dialog-container-max-width: 80vw;
    --mat-dialog-container-small-max-width: 80vw;
    --mat-dialog-container-min-width: 0;
    --mat-dialog-actions-alignment: start;
    --mat-dialog-actions-padding: 8px;
    --mat-dialog-content-padding: 20px 24px;
    --mat-dialog-with-actions-content-padding: 20px 24px;
    --mat-dialog-headline-padding: 0 24px 9px
}

html {
    --mdc-dialog-container-color: #181a1e;
    --mdc-dialog-subhead-color: rgba(255, 255, 255, .87);
    --mdc-dialog-supporting-text-color: rgba(255, 255, 255, .6)
}

html {
    --mdc-dialog-subhead-font: Inter, sans-serif;
    --mdc-dialog-subhead-line-height: 20px;
    --mdc-dialog-subhead-size: 16px;
    --mdc-dialog-subhead-weight: 600;
    --mdc-dialog-subhead-tracking: normal;
    --mdc-dialog-supporting-text-font: Inter, sans-serif;
    --mdc-dialog-supporting-text-line-height: 20px;
    --mdc-dialog-supporting-text-size: 14px;
    --mdc-dialog-supporting-text-weight: 400;
    --mdc-dialog-supporting-text-tracking: normal
}

.mat-mdc-standard-chip {
    --mdc-chip-container-shape-radius: 16px;
    --mdc-chip-with-avatar-avatar-shape-radius: 14px;
    --mdc-chip-with-avatar-avatar-size: 28px;
    --mdc-chip-with-icon-icon-size: 18px;
    --mdc-chip-outline-width: 0;
    --mdc-chip-outline-color: transparent;
    --mdc-chip-disabled-outline-color: transparent;
    --mdc-chip-focus-outline-color: transparent;
    --mdc-chip-hover-state-layer-opacity: .04;
    --mdc-chip-with-avatar-disabled-avatar-opacity: 1;
    --mdc-chip-flat-selected-outline-width: 0;
    --mdc-chip-selected-hover-state-layer-opacity: .04;
    --mdc-chip-with-trailing-icon-disabled-trailing-icon-opacity: 1;
    --mdc-chip-with-icon-disabled-icon-opacity: 1
}

.mat-mdc-standard-chip {
    --mat-chip-disabled-container-opacity: .4;
    --mat-chip-trailing-action-opacity: .54;
    --mat-chip-trailing-action-focus-opacity: 1;
    --mat-chip-trailing-action-state-layer-color: transparent;
    --mat-chip-selected-trailing-action-state-layer-color: transparent;
    --mat-chip-trailing-action-hover-state-layer-opacity: 0;
    --mat-chip-trailing-action-focus-state-layer-opacity: 0
}

.mat-mdc-standard-chip {
    --mdc-chip-disabled-label-text-color: #212121;
    --mdc-chip-elevated-container-color: rgb(36.08, 38.72, 41.36);
    --mdc-chip-elevated-selected-container-color: rgb(36.08, 38.72, 41.36);
    --mdc-chip-elevated-disabled-container-color: rgb(36.08, 38.72, 41.36);
    --mdc-chip-flat-disabled-selected-container-color: rgb(36.08, 38.72, 41.36);
    --mdc-chip-focus-state-layer-color: black;
    --mdc-chip-hover-state-layer-color: black;
    --mdc-chip-selected-hover-state-layer-color: black;
    --mdc-chip-focus-state-layer-opacity: .12;
    --mdc-chip-selected-focus-state-layer-color: black;
    --mdc-chip-selected-focus-state-layer-opacity: .12;
    --mdc-chip-label-text-color: #212121;
    --mdc-chip-selected-label-text-color: #212121;
    --mdc-chip-with-icon-icon-color: #212121;
    --mdc-chip-with-icon-disabled-icon-color: #212121;
    --mdc-chip-with-icon-selected-icon-color: #212121;
    --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: #212121;
    --mdc-chip-with-trailing-icon-trailing-icon-color: #212121
}

.mat-mdc-standard-chip {
    --mat-chip-selected-disabled-trailing-icon-color: #212121;
    --mat-chip-selected-trailing-icon-color: #212121
}

.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary,
.mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary {
    --mdc-chip-disabled-label-text-color: white;
    --mdc-chip-elevated-container-color: #98b818;
    --mdc-chip-elevated-selected-container-color: #98b818;
    --mdc-chip-elevated-disabled-container-color: #98b818;
    --mdc-chip-flat-disabled-selected-container-color: #98b818;
    --mdc-chip-focus-state-layer-color: black;
    --mdc-chip-hover-state-layer-color: black;
    --mdc-chip-selected-hover-state-layer-color: black;
    --mdc-chip-focus-state-layer-opacity: .12;
    --mdc-chip-selected-focus-state-layer-color: black;
    --mdc-chip-selected-focus-state-layer-opacity: .12;
    --mdc-chip-label-text-color: white;
    --mdc-chip-selected-label-text-color: white;
    --mdc-chip-with-icon-icon-color: white;
    --mdc-chip-with-icon-disabled-icon-color: white;
    --mdc-chip-with-icon-selected-icon-color: white;
    --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: white;
    --mdc-chip-with-trailing-icon-trailing-icon-color: white
}

.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary,
.mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary {
    --mat-chip-selected-disabled-trailing-icon-color: white;
    --mat-chip-selected-trailing-icon-color: white
}

.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent,
.mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent {
    --mdc-chip-disabled-label-text-color: white;
    --mdc-chip-elevated-container-color: #1888b8;
    --mdc-chip-elevated-selected-container-color: #1888b8;
    --mdc-chip-elevated-disabled-container-color: #1888b8;
    --mdc-chip-flat-disabled-selected-container-color: #1888b8;
    --mdc-chip-focus-state-layer-color: black;
    --mdc-chip-hover-state-layer-color: black;
    --mdc-chip-selected-hover-state-layer-color: black;
    --mdc-chip-focus-state-layer-opacity: .12;
    --mdc-chip-selected-focus-state-layer-color: black;
    --mdc-chip-selected-focus-state-layer-opacity: .12;
    --mdc-chip-label-text-color: white;
    --mdc-chip-selected-label-text-color: white;
    --mdc-chip-with-icon-icon-color: white;
    --mdc-chip-with-icon-disabled-icon-color: white;
    --mdc-chip-with-icon-selected-icon-color: white;
    --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: white;
    --mdc-chip-with-trailing-icon-trailing-icon-color: white
}

.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent,
.mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent {
    --mat-chip-selected-disabled-trailing-icon-color: white;
    --mat-chip-selected-trailing-icon-color: white
}

.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn,
.mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn {
    --mdc-chip-disabled-label-text-color: white;
    --mdc-chip-elevated-container-color: #f44336;
    --mdc-chip-elevated-selected-container-color: #f44336;
    --mdc-chip-elevated-disabled-container-color: #f44336;
    --mdc-chip-flat-disabled-selected-container-color: #f44336;
    --mdc-chip-focus-state-layer-color: black;
    --mdc-chip-hover-state-layer-color: black;
    --mdc-chip-selected-hover-state-layer-color: black;
    --mdc-chip-focus-state-layer-opacity: .12;
    --mdc-chip-selected-focus-state-layer-color: black;
    --mdc-chip-selected-focus-state-layer-opacity: .12;
    --mdc-chip-label-text-color: white;
    --mdc-chip-selected-label-text-color: white;
    --mdc-chip-with-icon-icon-color: white;
    --mdc-chip-with-icon-disabled-icon-color: white;
    --mdc-chip-with-icon-selected-icon-color: white;
    --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: white;
    --mdc-chip-with-trailing-icon-trailing-icon-color: white
}

.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn,
.mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn {
    --mat-chip-selected-disabled-trailing-icon-color: white;
    --mat-chip-selected-trailing-icon-color: white
}

.mat-mdc-chip.mat-mdc-standard-chip {
    --mdc-chip-container-height: 32px
}

.mat-mdc-standard-chip {
    --mdc-chip-label-text-font: Inter, sans-serif;
    --mdc-chip-label-text-line-height: 20px;
    --mdc-chip-label-text-size: 14px;
    --mdc-chip-label-text-tracking: normal;
    --mdc-chip-label-text-weight: 400
}

html {
    --mdc-switch-disabled-selected-icon-opacity: .38;
    --mdc-switch-disabled-track-opacity: .12;
    --mdc-switch-disabled-unselected-icon-opacity: .38;
    --mdc-switch-handle-height: 20px;
    --mdc-switch-handle-shape: 10px;
    --mdc-switch-handle-width: 20px;
    --mdc-switch-selected-icon-size: 18px;
    --mdc-switch-track-height: 14px;
    --mdc-switch-track-shape: 7px;
    --mdc-switch-track-width: 36px;
    --mdc-switch-unselected-icon-size: 18px;
    --mdc-switch-selected-focus-state-layer-opacity: .12;
    --mdc-switch-selected-hover-state-layer-opacity: .04;
    --mdc-switch-selected-pressed-state-layer-opacity: .1;
    --mdc-switch-unselected-focus-state-layer-opacity: .12;
    --mdc-switch-unselected-hover-state-layer-opacity: .04;
    --mdc-switch-unselected-pressed-state-layer-opacity: .1
}

html .mat-mdc-slide-toggle {
    --mat-switch-disabled-selected-handle-opacity: .38;
    --mat-switch-disabled-unselected-handle-opacity: .38;
    --mat-switch-unselected-handle-size: 20px;
    --mat-switch-selected-handle-size: 20px;
    --mat-switch-pressed-handle-size: 20px;
    --mat-switch-with-icon-handle-size: 20px;
    --mat-switch-selected-handle-horizontal-margin: 0;
    --mat-switch-selected-with-icon-handle-horizontal-margin: 0;
    --mat-switch-selected-pressed-handle-horizontal-margin: 0;
    --mat-switch-unselected-handle-horizontal-margin: 0;
    --mat-switch-unselected-with-icon-handle-horizontal-margin: 0;
    --mat-switch-unselected-pressed-handle-horizontal-margin: 0;
    --mat-switch-visible-track-opacity: 1;
    --mat-switch-hidden-track-opacity: 1;
    --mat-switch-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, .2, 1);
    --mat-switch-hidden-track-transition: transform 75ms 0ms cubic-bezier(.4, 0, .6, 1);
    --mat-switch-track-outline-width: 1px;
    --mat-switch-track-outline-color: transparent;
    --mat-switch-selected-track-outline-width: 1px;
    --mat-switch-selected-track-outline-color: transparent;
    --mat-switch-disabled-unselected-track-outline-width: 1px;
    --mat-switch-disabled-unselected-track-outline-color: transparent
}

html {
    --mdc-switch-selected-focus-state-layer-color: #98b818;
    --mdc-switch-selected-handle-color: #98b818;
    --mdc-switch-selected-hover-state-layer-color: #98b818;
    --mdc-switch-selected-pressed-state-layer-color: #98b818;
    --mdc-switch-selected-focus-handle-color: #4d301e;
    --mdc-switch-selected-hover-handle-color: #4d301e;
    --mdc-switch-selected-pressed-handle-color: #4d301e;
    --mdc-switch-selected-focus-track-color: #c9a38c;
    --mdc-switch-selected-hover-track-color: #c9a38c;
    --mdc-switch-selected-pressed-track-color: #c9a38c;
    --mdc-switch-selected-track-color: #c9a38c;
    --mdc-switch-disabled-selected-handle-color: #424242;
    --mdc-switch-disabled-selected-icon-color: #fff;
    --mdc-switch-disabled-selected-track-color: #424242;
    --mdc-switch-disabled-unselected-handle-color: #424242;
    --mdc-switch-disabled-unselected-icon-color: #fff;
    --mdc-switch-disabled-unselected-track-color: #424242;
    --mdc-switch-handle-surface-color: #fff;
    --mdc-switch-selected-icon-color: #fff;
    --mdc-switch-unselected-focus-handle-color: #212121;
    --mdc-switch-unselected-focus-state-layer-color: #424242;
    --mdc-switch-unselected-focus-track-color: #e0e0e0;
    --mdc-switch-unselected-handle-color: #616161;
    --mdc-switch-unselected-hover-handle-color: #212121;
    --mdc-switch-unselected-hover-state-layer-color: #424242;
    --mdc-switch-unselected-hover-track-color: #e0e0e0;
    --mdc-switch-unselected-icon-color: #fff;
    --mdc-switch-unselected-pressed-handle-color: #212121;
    --mdc-switch-unselected-pressed-state-layer-color: #424242;
    --mdc-switch-unselected-pressed-track-color: #e0e0e0;
    --mdc-switch-unselected-track-color: #e0e0e0;
    --mdc-switch-handle-elevation-shadow: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);
    --mdc-switch-disabled-handle-elevation-shadow: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12)
}

html {
    --mdc-switch-disabled-label-text-color: rgba(0, 0, 0, .38)
}

html .mat-mdc-slide-toggle {
    --mat-switch-label-text-color: white
}

html .mat-mdc-slide-toggle.mat-accent {
    --mdc-switch-selected-focus-state-layer-color: #755440;
    --mdc-switch-selected-handle-color: #755440;
    --mdc-switch-selected-hover-state-layer-color: #755440;
    --mdc-switch-selected-pressed-state-layer-color: #755440;
    --mdc-switch-selected-focus-handle-color: #a65114;
    --mdc-switch-selected-hover-handle-color: #a65114;
    --mdc-switch-selected-pressed-handle-color: #a65114;
    --mdc-switch-selected-focus-track-color: #c9a38c;
    --mdc-switch-selected-hover-track-color: #c9a38c;
    --mdc-switch-selected-pressed-track-color: #c9a38c;
    --mdc-switch-selected-track-color: #c9a38c
}

html .mat-mdc-slide-toggle.mat-warn {
    --mdc-switch-selected-focus-state-layer-color: #e53935;
    --mdc-switch-selected-handle-color: #e53935;
    --mdc-switch-selected-hover-state-layer-color: #e53935;
    --mdc-switch-selected-pressed-state-layer-color: #e53935;
    --mdc-switch-selected-focus-handle-color: #b71c1c;
    --mdc-switch-selected-hover-handle-color: #b71c1c;
    --mdc-switch-selected-pressed-handle-color: #b71c1c;
    --mdc-switch-selected-focus-track-color: #e57373;
    --mdc-switch-selected-hover-track-color: #e57373;
    --mdc-switch-selected-pressed-track-color: #e57373;
    --mdc-switch-selected-track-color: #e57373
}

html {
    --mdc-switch-state-layer-size: 40px
}

html .mat-mdc-slide-toggle {
    --mat-switch-label-text-font: Inter, sans-serif;
    --mat-switch-label-text-line-height: 20px;
    --mat-switch-label-text-size: 14px;
    --mat-switch-label-text-tracking: normal;
    --mat-switch-label-text-weight: 400
}

html {
    --mdc-radio-disabled-selected-icon-opacity: .38;
    --mdc-radio-disabled-unselected-icon-opacity: .38;
    --mdc-radio-state-layer-size: 40px
}

.mat-mdc-radio-button.mat-primary {
    --mdc-radio-disabled-selected-icon-color: white;
    --mdc-radio-disabled-unselected-icon-color: white;
    --mdc-radio-unselected-hover-icon-color: #212121;
    --mdc-radio-unselected-focus-icon-color: #212121;
    --mdc-radio-unselected-icon-color: rgba(255, 255, 255, .54);
    --mdc-radio-unselected-pressed-icon-color: rgba(255, 255, 255, .54);
    --mdc-radio-selected-focus-icon-color: #98b818;
    --mdc-radio-selected-hover-icon-color: #98b818;
    --mdc-radio-selected-icon-color: #98b818;
    --mdc-radio-selected-pressed-icon-color: #98b818
}

.mat-mdc-radio-button.mat-primary {
    --mat-radio-ripple-color: black;
    --mat-radio-checked-ripple-color: #98b818;
    --mat-radio-disabled-label-color: rgba(0, 0, 0, .38);
    --mat-radio-label-text-color: white
}

.mat-mdc-radio-button.mat-accent {
    --mdc-radio-disabled-selected-icon-color: white;
    --mdc-radio-disabled-unselected-icon-color: white;
    --mdc-radio-unselected-hover-icon-color: #212121;
    --mdc-radio-unselected-focus-icon-color: #212121;
    --mdc-radio-unselected-icon-color: rgba(255, 255, 255, .54);
    --mdc-radio-unselected-pressed-icon-color: rgba(255, 255, 255, .54);
    --mdc-radio-selected-focus-icon-color: #1888b8;
    --mdc-radio-selected-hover-icon-color: #1888b8;
    --mdc-radio-selected-icon-color: #1888b8;
    --mdc-radio-selected-pressed-icon-color: #1888b8
}

.mat-mdc-radio-button.mat-accent {
    --mat-radio-ripple-color: black;
    --mat-radio-checked-ripple-color: #1888b8;
    --mat-radio-disabled-label-color: rgba(0, 0, 0, .38);
    --mat-radio-label-text-color: white
}

.mat-mdc-radio-button.mat-warn {
    --mdc-radio-disabled-selected-icon-color: white;
    --mdc-radio-disabled-unselected-icon-color: white;
    --mdc-radio-unselected-hover-icon-color: #212121;
    --mdc-radio-unselected-focus-icon-color: #212121;
    --mdc-radio-unselected-icon-color: rgba(255, 255, 255, .54);
    --mdc-radio-unselected-pressed-icon-color: rgba(255, 255, 255, .54);
    --mdc-radio-selected-focus-icon-color: #f44336;
    --mdc-radio-selected-hover-icon-color: #f44336;
    --mdc-radio-selected-icon-color: #f44336;
    --mdc-radio-selected-pressed-icon-color: #f44336
}

.mat-mdc-radio-button.mat-warn {
    --mat-radio-ripple-color: black;
    --mat-radio-checked-ripple-color: #f44336;
    --mat-radio-disabled-label-color: rgba(0, 0, 0, .38);
    --mat-radio-label-text-color: white
}

html {
    --mdc-radio-state-layer-size: 40px
}

html {
    --mat-radio-touch-target-display: block
}

html {
    --mat-radio-label-text-font: Inter, sans-serif;
    --mat-radio-label-text-line-height: 20px;
    --mat-radio-label-text-size: 14px;
    --mat-radio-label-text-tracking: normal;
    --mat-radio-label-text-weight: 400
}

html {
    --mdc-slider-active-track-height: 6px;
    --mdc-slider-active-track-shape: 9999px;
    --mdc-slider-handle-height: 20px;
    --mdc-slider-handle-shape: 50%;
    --mdc-slider-handle-width: 20px;
    --mdc-slider-inactive-track-height: 4px;
    --mdc-slider-inactive-track-shape: 9999px;
    --mdc-slider-with-overlap-handle-outline-width: 1px;
    --mdc-slider-with-tick-marks-active-container-opacity: .6;
    --mdc-slider-with-tick-marks-container-shape: 50%;
    --mdc-slider-with-tick-marks-container-size: 2px;
    --mdc-slider-with-tick-marks-inactive-container-opacity: .6;
    --mdc-slider-handle-elevation: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12)
}

html {
    --mat-slider-value-indicator-width: auto;
    --mat-slider-value-indicator-height: 32px;
    --mat-slider-value-indicator-caret-display: block;
    --mat-slider-value-indicator-border-radius: 4px;
    --mat-slider-value-indicator-padding: 0 12px;
    --mat-slider-value-indicator-text-transform: none;
    --mat-slider-value-indicator-container-transform: translateX(-50%)
}

html {
    --mdc-slider-handle-color: #98b818;
    --mdc-slider-focus-handle-color: #98b818;
    --mdc-slider-hover-handle-color: #98b818;
    --mdc-slider-active-track-color: #98b818;
    --mdc-slider-inactive-track-color: #98b818;
    --mdc-slider-with-tick-marks-inactive-container-color: #98b818;
    --mdc-slider-with-tick-marks-active-container-color: white;
    --mdc-slider-disabled-active-track-color: #000;
    --mdc-slider-disabled-handle-color: #000;
    --mdc-slider-disabled-inactive-track-color: #000;
    --mdc-slider-label-container-color: #000;
    --mdc-slider-label-label-text-color: #fff;
    --mdc-slider-with-overlap-handle-outline-color: #fff;
    --mdc-slider-with-tick-marks-disabled-container-color: #000
}

html {
    --mat-slider-ripple-color: #98b818;
    --mat-slider-hover-state-layer-color: rgba(152, 184, 24, .05);
    --mat-slider-focus-state-layer-color: rgba(152, 184, 24, .2);
    --mat-slider-value-indicator-opacity: .6
}

html .mat-accent {
    --mdc-slider-handle-color: #1888b8;
    --mdc-slider-focus-handle-color: #1888b8;
    --mdc-slider-hover-handle-color: #1888b8;
    --mdc-slider-active-track-color: #1888b8;
    --mdc-slider-inactive-track-color: #1888b8;
    --mdc-slider-with-tick-marks-inactive-container-color: #1888b8;
    --mdc-slider-with-tick-marks-active-container-color: white
}

html .mat-accent {
    --mat-slider-ripple-color: #1888b8;
    --mat-slider-hover-state-layer-color: rgba(24, 136, 184, .05);
    --mat-slider-focus-state-layer-color: rgba(24, 136, 184, .2)
}

html .mat-warn {
    --mdc-slider-handle-color: #f44336;
    --mdc-slider-focus-handle-color: #f44336;
    --mdc-slider-hover-handle-color: #f44336;
    --mdc-slider-active-track-color: #f44336;
    --mdc-slider-inactive-track-color: #f44336;
    --mdc-slider-with-tick-marks-inactive-container-color: #f44336;
    --mdc-slider-with-tick-marks-active-container-color: white
}

html .mat-warn {
    --mat-slider-ripple-color: #f44336;
    --mat-slider-hover-state-layer-color: rgba(244, 67, 54, .05);
    --mat-slider-focus-state-layer-color: rgba(244, 67, 54, .2)
}

html {
    --mdc-slider-label-label-text-font: Inter, sans-serif;
    --mdc-slider-label-label-text-size: 16px;
    --mdc-slider-label-label-text-line-height: 19px;
    --mdc-slider-label-label-text-tracking: normal;
    --mdc-slider-label-label-text-weight: bold
}

html {
    --mat-menu-container-shape: 4px;
    --mat-menu-divider-bottom-spacing: 0;
    --mat-menu-divider-top-spacing: 0;
    --mat-menu-item-spacing: 16px;
    --mat-menu-item-icon-size: 24px;
    --mat-menu-item-leading-spacing: 16px;
    --mat-menu-item-trailing-spacing: 16px;
    --mat-menu-item-with-icon-leading-spacing: 16px;
    --mat-menu-item-with-icon-trailing-spacing: 16px;
    --mat-menu-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12)
}

html {
    --mat-menu-item-label-text-color: white;
    --mat-menu-item-icon-color: white;
    --mat-menu-item-hover-state-layer-color: rgba(0, 0, 0, .04);
    --mat-menu-item-focus-state-layer-color: rgba(0, 0, 0, .04);
    --mat-menu-container-color: #292c2f;
    --mat-menu-divider-color: rgba(255, 255, 255, .1)
}

html {
    --mat-menu-item-label-text-font: Inter, sans-serif;
    --mat-menu-item-label-text-size: 14px;
    --mat-menu-item-label-text-tracking: normal;
    --mat-menu-item-label-text-line-height: 20px;
    --mat-menu-item-label-text-weight: 400
}

html {
    --mdc-list-list-item-container-shape: 0;
    --mdc-list-list-item-leading-avatar-shape: 50%;
    --mdc-list-list-item-container-color: transparent;
    --mdc-list-list-item-selected-container-color: transparent;
    --mdc-list-list-item-leading-avatar-color: transparent;
    --mdc-list-list-item-leading-icon-size: 24px;
    --mdc-list-list-item-leading-avatar-size: 40px;
    --mdc-list-list-item-trailing-icon-size: 24px;
    --mdc-list-list-item-disabled-state-layer-color: transparent;
    --mdc-list-list-item-disabled-state-layer-opacity: 0;
    --mdc-list-list-item-disabled-label-text-opacity: .38;
    --mdc-list-list-item-disabled-leading-icon-opacity: .38;
    --mdc-list-list-item-disabled-trailing-icon-opacity: .38
}

html {
    --mat-list-active-indicator-color: transparent;
    --mat-list-active-indicator-shape: 4px
}

html {
    --mdc-list-list-item-label-text-color: white;
    --mdc-list-list-item-supporting-text-color: white;
    --mdc-list-list-item-leading-icon-color: rgba(0, 0, 0, .38);
    --mdc-list-list-item-trailing-supporting-text-color: rgba(0, 0, 0, .38);
    --mdc-list-list-item-trailing-icon-color: rgba(0, 0, 0, .38);
    --mdc-list-list-item-selected-trailing-icon-color: rgba(0, 0, 0, .38);
    --mdc-list-list-item-disabled-label-text-color: black;
    --mdc-list-list-item-disabled-leading-icon-color: black;
    --mdc-list-list-item-disabled-trailing-icon-color: black;
    --mdc-list-list-item-hover-label-text-color: white;
    --mdc-list-list-item-hover-leading-icon-color: rgba(0, 0, 0, .38);
    --mdc-list-list-item-hover-trailing-icon-color: rgba(0, 0, 0, .38);
    --mdc-list-list-item-focus-label-text-color: white;
    --mdc-list-list-item-hover-state-layer-color: black;
    --mdc-list-list-item-hover-state-layer-opacity: .04;
    --mdc-list-list-item-focus-state-layer-color: black;
    --mdc-list-list-item-focus-state-layer-opacity: .12
}

.mdc-list-item__start,
.mdc-list-item__end {
    --mdc-radio-disabled-selected-icon-color: white;
    --mdc-radio-disabled-unselected-icon-color: white;
    --mdc-radio-unselected-hover-icon-color: #212121;
    --mdc-radio-unselected-focus-icon-color: #212121;
    --mdc-radio-unselected-icon-color: rgba(255, 255, 255, .54);
    --mdc-radio-unselected-pressed-icon-color: rgba(255, 255, 255, .54);
    --mdc-radio-selected-focus-icon-color: #98b818;
    --mdc-radio-selected-hover-icon-color: #98b818;
    --mdc-radio-selected-icon-color: #98b818;
    --mdc-radio-selected-pressed-icon-color: #98b818
}

.mat-accent .mdc-list-item__start,
.mat-accent .mdc-list-item__end {
    --mdc-radio-disabled-selected-icon-color: white;
    --mdc-radio-disabled-unselected-icon-color: white;
    --mdc-radio-unselected-hover-icon-color: #212121;
    --mdc-radio-unselected-focus-icon-color: #212121;
    --mdc-radio-unselected-icon-color: rgba(255, 255, 255, .54);
    --mdc-radio-unselected-pressed-icon-color: rgba(255, 255, 255, .54);
    --mdc-radio-selected-focus-icon-color: #1888b8;
    --mdc-radio-selected-hover-icon-color: #1888b8;
    --mdc-radio-selected-icon-color: #1888b8;
    --mdc-radio-selected-pressed-icon-color: #1888b8
}

.mat-warn .mdc-list-item__start,
.mat-warn .mdc-list-item__end {
    --mdc-radio-disabled-selected-icon-color: white;
    --mdc-radio-disabled-unselected-icon-color: white;
    --mdc-radio-unselected-hover-icon-color: #212121;
    --mdc-radio-unselected-focus-icon-color: #212121;
    --mdc-radio-unselected-icon-color: rgba(255, 255, 255, .54);
    --mdc-radio-unselected-pressed-icon-color: rgba(255, 255, 255, .54);
    --mdc-radio-selected-focus-icon-color: #f44336;
    --mdc-radio-selected-hover-icon-color: #f44336;
    --mdc-radio-selected-icon-color: #f44336;
    --mdc-radio-selected-pressed-icon-color: #f44336
}

.mat-mdc-list-option {
    --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, .38);
    --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, .38);
    --mdc-checkbox-selected-checkmark-color: white;
    --mdc-checkbox-selected-focus-icon-color: #98b818;
    --mdc-checkbox-selected-hover-icon-color: #98b818;
    --mdc-checkbox-selected-icon-color: #98b818;
    --mdc-checkbox-selected-pressed-icon-color: #98b818;
    --mdc-checkbox-unselected-focus-icon-color: #212121;
    --mdc-checkbox-unselected-hover-icon-color: #212121;
    --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, .54);
    --mdc-checkbox-selected-focus-state-layer-color: #98b818;
    --mdc-checkbox-selected-hover-state-layer-color: #98b818;
    --mdc-checkbox-selected-pressed-state-layer-color: #98b818;
    --mdc-checkbox-unselected-focus-state-layer-color: black;
    --mdc-checkbox-unselected-hover-state-layer-color: black;
    --mdc-checkbox-unselected-pressed-state-layer-color: black
}

.mat-mdc-list-option.mat-accent {
    --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, .38);
    --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, .38);
    --mdc-checkbox-selected-checkmark-color: white;
    --mdc-checkbox-selected-focus-icon-color: #1888b8;
    --mdc-checkbox-selected-hover-icon-color: #1888b8;
    --mdc-checkbox-selected-icon-color: #1888b8;
    --mdc-checkbox-selected-pressed-icon-color: #1888b8;
    --mdc-checkbox-unselected-focus-icon-color: #212121;
    --mdc-checkbox-unselected-hover-icon-color: #212121;
    --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, .54);
    --mdc-checkbox-selected-focus-state-layer-color: #1888b8;
    --mdc-checkbox-selected-hover-state-layer-color: #1888b8;
    --mdc-checkbox-selected-pressed-state-layer-color: #1888b8;
    --mdc-checkbox-unselected-focus-state-layer-color: black;
    --mdc-checkbox-unselected-hover-state-layer-color: black;
    --mdc-checkbox-unselected-pressed-state-layer-color: black
}

.mat-mdc-list-option.mat-warn {
    --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, .38);
    --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, .38);
    --mdc-checkbox-selected-checkmark-color: white;
    --mdc-checkbox-selected-focus-icon-color: #f44336;
    --mdc-checkbox-selected-hover-icon-color: #f44336;
    --mdc-checkbox-selected-icon-color: #f44336;
    --mdc-checkbox-selected-pressed-icon-color: #f44336;
    --mdc-checkbox-unselected-focus-icon-color: #212121;
    --mdc-checkbox-unselected-hover-icon-color: #212121;
    --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, .54);
    --mdc-checkbox-selected-focus-state-layer-color: #f44336;
    --mdc-checkbox-selected-hover-state-layer-color: #f44336;
    --mdc-checkbox-selected-pressed-state-layer-color: #f44336;
    --mdc-checkbox-unselected-focus-state-layer-color: black;
    --mdc-checkbox-unselected-hover-state-layer-color: black;
    --mdc-checkbox-unselected-pressed-state-layer-color: black
}

.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,
.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__start,
.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text,
.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__start {
    color: #98b818
}

.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,
.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,
.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end {
    opacity: 1
}

html {
    --mdc-list-list-item-one-line-container-height: 48px;
    --mdc-list-list-item-two-line-container-height: 64px;
    --mdc-list-list-item-three-line-container-height: 88px
}

html {
    --mat-list-list-item-leading-icon-start-space: 16px;
    --mat-list-list-item-leading-icon-end-space: 32px
}

.mdc-list-item__start,
.mdc-list-item__end {
    --mdc-radio-state-layer-size: 40px
}

.mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line,
.mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line,
.mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line {
    height: 56px
}

.mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines,
.mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines,
.mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines {
    height: 72px
}

html {
    --mdc-list-list-item-label-text-font: Inter, sans-serif;
    --mdc-list-list-item-label-text-line-height: 20px;
    --mdc-list-list-item-label-text-size: 14px;
    --mdc-list-list-item-label-text-tracking: normal;
    --mdc-list-list-item-label-text-weight: 400;
    --mdc-list-list-item-supporting-text-font: Inter, sans-serif;
    --mdc-list-list-item-supporting-text-line-height: 20px;
    --mdc-list-list-item-supporting-text-size: 14px;
    --mdc-list-list-item-supporting-text-tracking: normal;
    --mdc-list-list-item-supporting-text-weight: 400;
    --mdc-list-list-item-trailing-supporting-text-font: Inter, sans-serif;
    --mdc-list-list-item-trailing-supporting-text-line-height: 24px;
    --mdc-list-list-item-trailing-supporting-text-size: 14px;
    --mdc-list-list-item-trailing-supporting-text-tracking: normal;
    --mdc-list-list-item-trailing-supporting-text-weight: 500
}

.mdc-list-group__subheader {
    font: 400 16px/28px Inter, sans-serif;
    letter-spacing: normal
}

html {
    --mat-paginator-container-text-color: rgba(0, 0, 0, .87);
    --mat-paginator-container-background-color: #292c2f;
    --mat-paginator-enabled-icon-color: rgba(0, 0, 0, .54);
    --mat-paginator-disabled-icon-color: rgba(0, 0, 0, .12)
}

html {
    --mat-paginator-container-size: 56px;
    --mat-paginator-form-field-container-height: 40px;
    --mat-paginator-form-field-container-vertical-padding: 8px;
    --mat-paginator-touch-target-display: block
}

html {
    --mat-paginator-container-text-font: Inter, sans-serif;
    --mat-paginator-container-text-line-height: 24px;
    --mat-paginator-container-text-size: 14px;
    --mat-paginator-container-text-tracking: normal;
    --mat-paginator-container-text-weight: 500;
    --mat-paginator-select-trigger-text-size: 14px
}

html {
    --mdc-secondary-navigation-tab-container-height: 48px
}

html {
    --mdc-tab-indicator-active-indicator-height: 2px;
    --mdc-tab-indicator-active-indicator-shape: 0
}

html {
    --mat-tab-header-divider-color: transparent;
    --mat-tab-header-divider-height: 0
}

.mat-mdc-tab-group,
.mat-mdc-tab-nav-bar {
    --mdc-tab-indicator-active-indicator-color: #98b818
}

.mat-mdc-tab-group,
.mat-mdc-tab-nav-bar {
    --mat-tab-header-disabled-ripple-color: rgba(0, 0, 0, .38);
    --mat-tab-header-pagination-icon-color: white;
    --mat-tab-header-inactive-label-text-color: rgba(255, 255, 255, .6);
    --mat-tab-header-active-label-text-color: #98b818;
    --mat-tab-header-active-ripple-color: #98b818;
    --mat-tab-header-inactive-ripple-color: #98b818;
    --mat-tab-header-inactive-focus-label-text-color: rgba(255, 255, 255, .6);
    --mat-tab-header-inactive-hover-label-text-color: rgba(255, 255, 255, .6);
    --mat-tab-header-active-focus-label-text-color: #98b818;
    --mat-tab-header-active-hover-label-text-color: #98b818;
    --mat-tab-header-active-focus-indicator-color: #98b818;
    --mat-tab-header-active-hover-indicator-color: #98b818
}

.mat-mdc-tab-group.mat-accent,
.mat-mdc-tab-nav-bar.mat-accent {
    --mdc-tab-indicator-active-indicator-color: #1888b8
}

.mat-mdc-tab-group.mat-accent,
.mat-mdc-tab-nav-bar.mat-accent {
    --mat-tab-header-disabled-ripple-color: rgba(0, 0, 0, .38);
    --mat-tab-header-pagination-icon-color: white;
    --mat-tab-header-inactive-label-text-color: rgba(255, 255, 255, .6);
    --mat-tab-header-active-label-text-color: #1888b8;
    --mat-tab-header-active-ripple-color: #1888b8;
    --mat-tab-header-inactive-ripple-color: #1888b8;
    --mat-tab-header-inactive-focus-label-text-color: rgba(255, 255, 255, .6);
    --mat-tab-header-inactive-hover-label-text-color: rgba(255, 255, 255, .6);
    --mat-tab-header-active-focus-label-text-color: #1888b8;
    --mat-tab-header-active-hover-label-text-color: #1888b8;
    --mat-tab-header-active-focus-indicator-color: #1888b8;
    --mat-tab-header-active-hover-indicator-color: #1888b8
}

.mat-mdc-tab-group.mat-warn,
.mat-mdc-tab-nav-bar.mat-warn {
    --mdc-tab-indicator-active-indicator-color: #f44336
}

.mat-mdc-tab-group.mat-warn,
.mat-mdc-tab-nav-bar.mat-warn {
    --mat-tab-header-disabled-ripple-color: rgba(0, 0, 0, .38);
    --mat-tab-header-pagination-icon-color: white;
    --mat-tab-header-inactive-label-text-color: rgba(255, 255, 255, .6);
    --mat-tab-header-active-label-text-color: #f44336;
    --mat-tab-header-active-ripple-color: #f44336;
    --mat-tab-header-inactive-ripple-color: #f44336;
    --mat-tab-header-inactive-focus-label-text-color: rgba(255, 255, 255, .6);
    --mat-tab-header-inactive-hover-label-text-color: rgba(255, 255, 255, .6);
    --mat-tab-header-active-focus-label-text-color: #f44336;
    --mat-tab-header-active-hover-label-text-color: #f44336;
    --mat-tab-header-active-focus-indicator-color: #f44336;
    --mat-tab-header-active-hover-indicator-color: #f44336
}

.mat-mdc-tab-group.mat-background-primary,
.mat-mdc-tab-nav-bar.mat-background-primary {
    --mat-tab-header-with-background-background-color: #98b818;
    --mat-tab-header-with-background-foreground-color: white
}

.mat-mdc-tab-group.mat-background-accent,
.mat-mdc-tab-nav-bar.mat-background-accent {
    --mat-tab-header-with-background-background-color: #1888b8;
    --mat-tab-header-with-background-foreground-color: white
}

.mat-mdc-tab-group.mat-background-warn,
.mat-mdc-tab-nav-bar.mat-background-warn {
    --mat-tab-header-with-background-background-color: #f44336;
    --mat-tab-header-with-background-foreground-color: white
}

.mat-mdc-tab-header {
    --mdc-secondary-navigation-tab-container-height: 48px
}

.mat-mdc-tab-header {
    --mat-tab-header-label-text-font: Inter, sans-serif;
    --mat-tab-header-label-text-size: 14px;
    --mat-tab-header-label-text-tracking: normal;
    --mat-tab-header-label-text-line-height: 14px;
    --mat-tab-header-label-text-weight: 500
}

html {
    --mdc-checkbox-disabled-selected-checkmark-color: #fff;
    --mdc-checkbox-selected-focus-state-layer-opacity: .16;
    --mdc-checkbox-selected-hover-state-layer-opacity: .04;
    --mdc-checkbox-selected-pressed-state-layer-opacity: .16;
    --mdc-checkbox-unselected-focus-state-layer-opacity: .16;
    --mdc-checkbox-unselected-hover-state-layer-opacity: .04;
    --mdc-checkbox-unselected-pressed-state-layer-opacity: .16
}

html {
    --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, .38);
    --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, .38);
    --mdc-checkbox-selected-checkmark-color: white;
    --mdc-checkbox-selected-focus-icon-color: #1888b8;
    --mdc-checkbox-selected-hover-icon-color: #1888b8;
    --mdc-checkbox-selected-icon-color: #1888b8;
    --mdc-checkbox-selected-pressed-icon-color: #1888b8;
    --mdc-checkbox-unselected-focus-icon-color: #212121;
    --mdc-checkbox-unselected-hover-icon-color: #212121;
    --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, .54);
    --mdc-checkbox-selected-focus-state-layer-color: #1888b8;
    --mdc-checkbox-selected-hover-state-layer-color: #1888b8;
    --mdc-checkbox-selected-pressed-state-layer-color: #1888b8;
    --mdc-checkbox-unselected-focus-state-layer-color: black;
    --mdc-checkbox-unselected-hover-state-layer-color: black;
    --mdc-checkbox-unselected-pressed-state-layer-color: black
}

html {
    --mat-checkbox-disabled-label-color: rgba(0, 0, 0, .38);
    --mat-checkbox-label-text-color: white
}

.mat-mdc-checkbox.mat-primary {
    --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, .38);
    --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, .38);
    --mdc-checkbox-selected-checkmark-color: white;
    --mdc-checkbox-selected-focus-icon-color: #98b818;
    --mdc-checkbox-selected-hover-icon-color: #98b818;
    --mdc-checkbox-selected-icon-color: #98b818;
    --mdc-checkbox-selected-pressed-icon-color: #98b818;
    --mdc-checkbox-unselected-focus-icon-color: #212121;
    --mdc-checkbox-unselected-hover-icon-color: #212121;
    --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, .54);
    --mdc-checkbox-selected-focus-state-layer-color: #98b818;
    --mdc-checkbox-selected-hover-state-layer-color: #98b818;
    --mdc-checkbox-selected-pressed-state-layer-color: #98b818;
    --mdc-checkbox-unselected-focus-state-layer-color: black;
    --mdc-checkbox-unselected-hover-state-layer-color: black;
    --mdc-checkbox-unselected-pressed-state-layer-color: black
}

.mat-mdc-checkbox.mat-warn {
    --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, .38);
    --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, .38);
    --mdc-checkbox-selected-checkmark-color: white;
    --mdc-checkbox-selected-focus-icon-color: #f44336;
    --mdc-checkbox-selected-hover-icon-color: #f44336;
    --mdc-checkbox-selected-icon-color: #f44336;
    --mdc-checkbox-selected-pressed-icon-color: #f44336;
    --mdc-checkbox-unselected-focus-icon-color: #212121;
    --mdc-checkbox-unselected-hover-icon-color: #212121;
    --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, .54);
    --mdc-checkbox-selected-focus-state-layer-color: #f44336;
    --mdc-checkbox-selected-hover-state-layer-color: #f44336;
    --mdc-checkbox-selected-pressed-state-layer-color: #f44336;
    --mdc-checkbox-unselected-focus-state-layer-color: black;
    --mdc-checkbox-unselected-hover-state-layer-color: black;
    --mdc-checkbox-unselected-pressed-state-layer-color: black
}

html {
    --mdc-checkbox-state-layer-size: 40px
}

html {
    --mat-checkbox-touch-target-display: block
}

html {
    --mat-checkbox-label-text-font: Inter, sans-serif;
    --mat-checkbox-label-text-line-height: 20px;
    --mat-checkbox-label-text-size: 14px;
    --mat-checkbox-label-text-tracking: normal;
    --mat-checkbox-label-text-weight: 400
}

html {
    --mdc-text-button-container-shape: 4px;
    --mdc-text-button-keep-touch-target: false
}

html {
    --mdc-filled-button-container-shape: 4px;
    --mdc-filled-button-keep-touch-target: false
}

html {
    --mdc-protected-button-container-shape: 4px;
    --mdc-protected-button-container-elevation-shadow: 0px 3px 1px -2px rgba(0, 0, 0, .2), 0px 2px 2px 0px rgba(0, 0, 0, .14), 0px 1px 5px 0px rgba(0, 0, 0, .12);
    --mdc-protected-button-disabled-container-elevation-shadow: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12);
    --mdc-protected-button-focus-container-elevation-shadow: 0px 2px 4px -1px rgba(0, 0, 0, .2), 0px 4px 5px 0px rgba(0, 0, 0, .14), 0px 1px 10px 0px rgba(0, 0, 0, .12);
    --mdc-protected-button-hover-container-elevation-shadow: 0px 2px 4px -1px rgba(0, 0, 0, .2), 0px 4px 5px 0px rgba(0, 0, 0, .14), 0px 1px 10px 0px rgba(0, 0, 0, .12);
    --mdc-protected-button-pressed-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12)
}

html {
    --mdc-outlined-button-keep-touch-target: false;
    --mdc-outlined-button-outline-width: 1px;
    --mdc-outlined-button-container-shape: 4px
}

html {
    --mat-text-button-horizontal-padding: 8px;
    --mat-text-button-with-icon-horizontal-padding: 8px;
    --mat-text-button-icon-spacing: 8px;
    --mat-text-button-icon-offset: 0
}

html {
    --mat-filled-button-horizontal-padding: 16px;
    --mat-filled-button-icon-spacing: 8px;
    --mat-filled-button-icon-offset: -4px
}

html {
    --mat-protected-button-horizontal-padding: 16px;
    --mat-protected-button-icon-spacing: 8px;
    --mat-protected-button-icon-offset: -4px
}

html {
    --mat-outlined-button-horizontal-padding: 15px;
    --mat-outlined-button-icon-spacing: 8px;
    --mat-outlined-button-icon-offset: -4px
}

html {
    --mdc-text-button-label-text-color: white;
    --mdc-text-button-disabled-label-text-color: rgba(255, 255, 255, .38)
}

html {
    --mat-text-button-state-layer-color: black;
    --mat-text-button-disabled-state-layer-color: black;
    --mat-text-button-ripple-color: rgba(0, 0, 0, .1);
    --mat-text-button-hover-state-layer-opacity: .04;
    --mat-text-button-focus-state-layer-opacity: .12;
    --mat-text-button-pressed-state-layer-opacity: .12
}

html {
    --mdc-filled-button-container-color: #292c2f;
    --mdc-filled-button-label-text-color: white;
    --mdc-filled-button-disabled-container-color: rgba(255, 255, 255, .12);
    --mdc-filled-button-disabled-label-text-color: rgba(255, 255, 255, .38)
}

html {
    --mat-filled-button-state-layer-color: black;
    --mat-filled-button-disabled-state-layer-color: black;
    --mat-filled-button-ripple-color: rgba(0, 0, 0, .1);
    --mat-filled-button-hover-state-layer-opacity: .04;
    --mat-filled-button-focus-state-layer-opacity: .12;
    --mat-filled-button-pressed-state-layer-opacity: .12
}

html {
    --mdc-protected-button-container-color: #292c2f;
    --mdc-protected-button-label-text-color: white;
    --mdc-protected-button-disabled-container-color: rgba(255, 255, 255, .12);
    --mdc-protected-button-disabled-label-text-color: rgba(255, 255, 255, .38)
}

html {
    --mat-protected-button-state-layer-color: black;
    --mat-protected-button-disabled-state-layer-color: black;
    --mat-protected-button-ripple-color: rgba(0, 0, 0, .1);
    --mat-protected-button-hover-state-layer-opacity: .04;
    --mat-protected-button-focus-state-layer-opacity: .12;
    --mat-protected-button-pressed-state-layer-opacity: .12
}

html {
    --mdc-outlined-button-disabled-outline-color: rgba(255, 255, 255, .1);
    --mdc-outlined-button-disabled-label-text-color: rgba(255, 255, 255, .38);
    --mdc-outlined-button-label-text-color: white;
    --mdc-outlined-button-outline-color: rgba(255, 255, 255, .1)
}

html {
    --mat-outlined-button-state-layer-color: black;
    --mat-outlined-button-disabled-state-layer-color: black;
    --mat-outlined-button-ripple-color: rgba(0, 0, 0, .1);
    --mat-outlined-button-hover-state-layer-opacity: .04;
    --mat-outlined-button-focus-state-layer-opacity: .12;
    --mat-outlined-button-pressed-state-layer-opacity: .12
}

.mat-mdc-button.mat-primary {
    --mdc-text-button-label-text-color: #98b818
}

.mat-mdc-button.mat-primary {
    --mat-text-button-state-layer-color: #98b818;
    --mat-text-button-ripple-color: rgba(152, 184, 24, .1)
}

.mat-mdc-button.mat-accent {
    --mdc-text-button-label-text-color: #1888b8
}

.mat-mdc-button.mat-accent {
    --mat-text-button-state-layer-color: #1888b8;
    --mat-text-button-ripple-color: rgba(24, 136, 184, .1)
}

.mat-mdc-button.mat-warn {
    --mdc-text-button-label-text-color: #f44336
}

.mat-mdc-button.mat-warn {
    --mat-text-button-state-layer-color: #f44336;
    --mat-text-button-ripple-color: rgba(244, 67, 54, .1)
}

.mat-mdc-unelevated-button.mat-primary {
    --mdc-filled-button-container-color: #98b818;
    --mdc-filled-button-label-text-color: white
}

.mat-mdc-unelevated-button.mat-primary {
    --mat-filled-button-state-layer-color: white;
    --mat-filled-button-ripple-color: rgba(255, 255, 255, .1)
}

.mat-mdc-unelevated-button.mat-accent {
    --mdc-filled-button-container-color: #1888b8;
    --mdc-filled-button-label-text-color: white
}

.mat-mdc-unelevated-button.mat-accent {
    --mat-filled-button-state-layer-color: white;
    --mat-filled-button-ripple-color: rgba(255, 255, 255, .1)
}

.mat-mdc-unelevated-button.mat-warn {
    --mdc-filled-button-container-color: #f44336;
    --mdc-filled-button-label-text-color: white
}

.mat-mdc-unelevated-button.mat-warn {
    --mat-filled-button-state-layer-color: white;
    --mat-filled-button-ripple-color: rgba(255, 255, 255, .1)
}

.mat-mdc-raised-button.mat-primary {
    --mdc-protected-button-container-color: #98b818;
    --mdc-protected-button-label-text-color: white
}

.mat-mdc-raised-button.mat-primary {
    --mat-protected-button-state-layer-color: white;
    --mat-protected-button-ripple-color: rgba(255, 255, 255, .1)
}

.mat-mdc-raised-button.mat-accent {
    --mdc-protected-button-container-color: #1888b8;
    --mdc-protected-button-label-text-color: white
}

.mat-mdc-raised-button.mat-accent {
    --mat-protected-button-state-layer-color: white;
    --mat-protected-button-ripple-color: rgba(255, 255, 255, .1)
}

.mat-mdc-raised-button.mat-warn {
    --mdc-protected-button-container-color: #f44336;
    --mdc-protected-button-label-text-color: white
}

.mat-mdc-raised-button.mat-warn {
    --mat-protected-button-state-layer-color: white;
    --mat-protected-button-ripple-color: rgba(255, 255, 255, .1)
}

.mat-mdc-outlined-button.mat-primary {
    --mdc-outlined-button-label-text-color: #98b818;
    --mdc-outlined-button-outline-color: rgba(255, 255, 255, .1)
}

.mat-mdc-outlined-button.mat-primary {
    --mat-outlined-button-state-layer-color: #98b818;
    --mat-outlined-button-ripple-color: rgba(152, 184, 24, .1)
}

.mat-mdc-outlined-button.mat-accent {
    --mdc-outlined-button-label-text-color: #1888b8;
    --mdc-outlined-button-outline-color: rgba(255, 255, 255, .1)
}

.mat-mdc-outlined-button.mat-accent {
    --mat-outlined-button-state-layer-color: #1888b8;
    --mat-outlined-button-ripple-color: rgba(24, 136, 184, .1)
}

.mat-mdc-outlined-button.mat-warn {
    --mdc-outlined-button-label-text-color: #f44336;
    --mdc-outlined-button-outline-color: rgba(255, 255, 255, .1)
}

.mat-mdc-outlined-button.mat-warn {
    --mat-outlined-button-state-layer-color: #f44336;
    --mat-outlined-button-ripple-color: rgba(244, 67, 54, .1)
}

html {
    --mdc-text-button-container-height: 36px
}

html {
    --mdc-filled-button-container-height: 36px
}

html {
    --mdc-protected-button-container-height: 36px
}

html {
    --mdc-outlined-button-container-height: 36px
}

html {
    --mat-text-button-touch-target-display: block
}

html {
    --mat-filled-button-touch-target-display: block
}

html {
    --mat-protected-button-touch-target-display: block
}

html {
    --mat-outlined-button-touch-target-display: block
}

html {
    --mdc-text-button-label-text-font: Inter, sans-serif;
    --mdc-text-button-label-text-size: 14px;
    --mdc-text-button-label-text-tracking: normal;
    --mdc-text-button-label-text-weight: 500;
    --mdc-text-button-label-text-transform: none
}

html {
    --mdc-filled-button-label-text-font: Inter, sans-serif;
    --mdc-filled-button-label-text-size: 14px;
    --mdc-filled-button-label-text-tracking: normal;
    --mdc-filled-button-label-text-weight: 500;
    --mdc-filled-button-label-text-transform: none
}

html {
    --mdc-protected-button-label-text-font: Inter, sans-serif;
    --mdc-protected-button-label-text-size: 14px;
    --mdc-protected-button-label-text-tracking: normal;
    --mdc-protected-button-label-text-weight: 500;
    --mdc-protected-button-label-text-transform: none
}

html {
    --mdc-outlined-button-label-text-font: Inter, sans-serif;
    --mdc-outlined-button-label-text-size: 14px;
    --mdc-outlined-button-label-text-tracking: normal;
    --mdc-outlined-button-label-text-weight: 500;
    --mdc-outlined-button-label-text-transform: none
}

html {
    --mdc-icon-button-icon-size: 24px
}

html {
    --mdc-icon-button-icon-color: inherit;
    --mdc-icon-button-disabled-icon-color: rgba(0, 0, 0, .38)
}

html {
    --mat-icon-button-state-layer-color: black;
    --mat-icon-button-disabled-state-layer-color: black;
    --mat-icon-button-ripple-color: rgba(0, 0, 0, .1);
    --mat-icon-button-hover-state-layer-opacity: .04;
    --mat-icon-button-focus-state-layer-opacity: .12;
    --mat-icon-button-pressed-state-layer-opacity: .12
}

html .mat-mdc-icon-button.mat-primary {
    --mdc-icon-button-icon-color: #98b818
}

html .mat-mdc-icon-button.mat-primary {
    --mat-icon-button-state-layer-color: #98b818;
    --mat-icon-button-ripple-color: rgba(152, 184, 24, .1)
}

html .mat-mdc-icon-button.mat-accent {
    --mdc-icon-button-icon-color: #1888b8
}

html .mat-mdc-icon-button.mat-accent {
    --mat-icon-button-state-layer-color: #1888b8;
    --mat-icon-button-ripple-color: rgba(24, 136, 184, .1)
}

html .mat-mdc-icon-button.mat-warn {
    --mdc-icon-button-icon-color: #f44336
}

html .mat-mdc-icon-button.mat-warn {
    --mat-icon-button-state-layer-color: #f44336;
    --mat-icon-button-ripple-color: rgba(244, 67, 54, .1)
}

html {
    --mat-icon-button-touch-target-display: block
}

.mat-mdc-icon-button.mat-mdc-button-base {
    --mdc-icon-button-state-layer-size: 48px;
    width: var(--mdc-icon-button-state-layer-size);
    height: var(--mdc-icon-button-state-layer-size);
    padding: 12px
}

html {
    --mdc-fab-container-shape: 50%;
    --mdc-fab-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);
    --mdc-fab-focus-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);
    --mdc-fab-hover-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);
    --mdc-fab-pressed-container-elevation-shadow: 0px 7px 8px -4px rgba(0, 0, 0, .2), 0px 12px 17px 2px rgba(0, 0, 0, .14), 0px 5px 22px 4px rgba(0, 0, 0, .12)
}

html {
    --mdc-fab-small-container-shape: 50%;
    --mdc-fab-small-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);
    --mdc-fab-small-focus-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);
    --mdc-fab-small-hover-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);
    --mdc-fab-small-pressed-container-elevation-shadow: 0px 7px 8px -4px rgba(0, 0, 0, .2), 0px 12px 17px 2px rgba(0, 0, 0, .14), 0px 5px 22px 4px rgba(0, 0, 0, .12)
}

html {
    --mdc-extended-fab-container-height: 48px;
    --mdc-extended-fab-container-shape: 24px;
    --mdc-extended-fab-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);
    --mdc-extended-fab-focus-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);
    --mdc-extended-fab-hover-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);
    --mdc-extended-fab-pressed-container-elevation-shadow: 0px 7px 8px -4px rgba(0, 0, 0, .2), 0px 12px 17px 2px rgba(0, 0, 0, .14), 0px 5px 22px 4px rgba(0, 0, 0, .12)
}

html {
    --mdc-fab-container-color: #292c2f
}

html {
    --mat-fab-foreground-color: black;
    --mat-fab-state-layer-color: black;
    --mat-fab-disabled-state-layer-color: black;
    --mat-fab-ripple-color: rgba(0, 0, 0, .1);
    --mat-fab-hover-state-layer-opacity: .04;
    --mat-fab-focus-state-layer-opacity: .12;
    --mat-fab-pressed-state-layer-opacity: .12;
    --mat-fab-disabled-state-container-color: rgba(28, 30, 35, .12);
    --mat-fab-disabled-state-foreground-color: rgba(255, 255, 255, .38)
}

html {
    --mdc-fab-small-container-color: #292c2f
}

html {
    --mat-fab-small-foreground-color: black;
    --mat-fab-small-state-layer-color: black;
    --mat-fab-small-disabled-state-layer-color: black;
    --mat-fab-small-ripple-color: rgba(0, 0, 0, .1);
    --mat-fab-small-hover-state-layer-opacity: .04;
    --mat-fab-small-focus-state-layer-opacity: .12;
    --mat-fab-small-pressed-state-layer-opacity: .12;
    --mat-fab-small-disabled-state-container-color: rgba(28, 30, 35, .12);
    --mat-fab-small-disabled-state-foreground-color: rgba(255, 255, 255, .38)
}

html .mat-mdc-fab.mat-primary {
    --mdc-fab-container-color: #98b818
}

html .mat-mdc-fab.mat-primary {
    --mat-fab-foreground-color: white;
    --mat-fab-state-layer-color: white;
    --mat-fab-ripple-color: rgba(255, 255, 255, .1)
}

html .mat-mdc-fab.mat-accent {
    --mdc-fab-container-color: #1888b8
}

html .mat-mdc-fab.mat-accent {
    --mat-fab-foreground-color: white;
    --mat-fab-state-layer-color: white;
    --mat-fab-ripple-color: rgba(255, 255, 255, .1)
}

html .mat-mdc-fab.mat-warn {
    --mdc-fab-container-color: #f44336
}

html .mat-mdc-fab.mat-warn {
    --mat-fab-foreground-color: white;
    --mat-fab-state-layer-color: white;
    --mat-fab-ripple-color: rgba(255, 255, 255, .1)
}

html .mat-mdc-mini-fab.mat-primary {
    --mdc-fab-small-container-color: #98b818
}

html .mat-mdc-mini-fab.mat-primary {
    --mat-fab-small-foreground-color: white;
    --mat-fab-small-state-layer-color: white;
    --mat-fab-small-ripple-color: rgba(255, 255, 255, .1)
}

html .mat-mdc-mini-fab.mat-accent {
    --mdc-fab-small-container-color: #1888b8
}

html .mat-mdc-mini-fab.mat-accent {
    --mat-fab-small-foreground-color: white;
    --mat-fab-small-state-layer-color: white;
    --mat-fab-small-ripple-color: rgba(255, 255, 255, .1)
}

html .mat-mdc-mini-fab.mat-warn {
    --mdc-fab-small-container-color: #f44336
}

html .mat-mdc-mini-fab.mat-warn {
    --mat-fab-small-foreground-color: white;
    --mat-fab-small-state-layer-color: white;
    --mat-fab-small-ripple-color: rgba(255, 255, 255, .1)
}

html {
    --mat-fab-touch-target-display: block
}

html {
    --mat-fab-small-touch-target-display: block
}

html {
    --mdc-extended-fab-label-text-font: Inter, sans-serif;
    --mdc-extended-fab-label-text-size: 14px;
    --mdc-extended-fab-label-text-tracking: normal;
    --mdc-extended-fab-label-text-weight: 500
}

html {
    --mdc-snackbar-container-shape: 4px
}

html {
    --mdc-snackbar-container-color: rgb(8.2, 8.8, 9.4);
    --mdc-snackbar-supporting-text-color: rgba(41, 44, 47, .87)
}

html {
    --mat-snack-bar-button-color: #1888b8
}

html {
    --mdc-snackbar-supporting-text-font: Inter, sans-serif;
    --mdc-snackbar-supporting-text-line-height: 20px;
    --mdc-snackbar-supporting-text-size: 14px;
    --mdc-snackbar-supporting-text-weight: 400
}

html {
    --mat-table-row-item-outline-width: 1px
}

html {
    --mat-table-background-color: #292c2f;
    --mat-table-header-headline-color: white;
    --mat-table-row-item-label-text-color: white;
    --mat-table-row-item-outline-color: rgba(255, 255, 255, .1)
}

html {
    --mat-table-header-container-height: 56px;
    --mat-table-footer-container-height: 52px;
    --mat-table-row-item-container-height: 52px
}

html {
    --mat-table-header-headline-font: Inter, sans-serif;
    --mat-table-header-headline-line-height: 19px;
    --mat-table-header-headline-size: 16px;
    --mat-table-header-headline-weight: bold;
    --mat-table-header-headline-tracking: normal;
    --mat-table-row-item-label-text-font: Inter, sans-serif;
    --mat-table-row-item-label-text-line-height: 20px;
    --mat-table-row-item-label-text-size: 14px;
    --mat-table-row-item-label-text-weight: 400;
    --mat-table-row-item-label-text-tracking: normal;
    --mat-table-footer-supporting-text-font: Inter, sans-serif;
    --mat-table-footer-supporting-text-line-height: 20px;
    --mat-table-footer-supporting-text-size: 14px;
    --mat-table-footer-supporting-text-weight: 400;
    --mat-table-footer-supporting-text-tracking: normal
}

html {
    --mdc-circular-progress-active-indicator-width: 4px;
    --mdc-circular-progress-size: 48px
}

html {
    --mdc-circular-progress-active-indicator-color: #98b818
}

html .mat-accent {
    --mdc-circular-progress-active-indicator-color: #1888b8
}

html .mat-warn {
    --mdc-circular-progress-active-indicator-color: #f44336
}

html {
    --mat-badge-container-shape: 50%;
    --mat-badge-container-size: unset;
    --mat-badge-small-size-container-size: unset;
    --mat-badge-large-size-container-size: unset;
    --mat-badge-legacy-container-size: 22px;
    --mat-badge-legacy-small-size-container-size: 16px;
    --mat-badge-legacy-large-size-container-size: 28px;
    --mat-badge-container-offset: -11px 0;
    --mat-badge-small-size-container-offset: -8px 0;
    --mat-badge-large-size-container-offset: -14px 0;
    --mat-badge-container-overlap-offset: -11px;
    --mat-badge-small-size-container-overlap-offset: -8px;
    --mat-badge-large-size-container-overlap-offset: -14px;
    --mat-badge-container-padding: 0;
    --mat-badge-small-size-container-padding: 0;
    --mat-badge-large-size-container-padding: 0
}

html {
    --mat-badge-background-color: #98b818;
    --mat-badge-text-color: white;
    --mat-badge-disabled-state-background-color: rgb(88.6, 91.8, 94.2);
    --mat-badge-disabled-state-text-color: rgba(0, 0, 0, .38)
}

.mat-badge-accent {
    --mat-badge-background-color: #1888b8;
    --mat-badge-text-color: white
}

.mat-badge-warn {
    --mat-badge-background-color: #f44336;
    --mat-badge-text-color: white
}

html {
    --mat-badge-text-font: Inter, sans-serif;
    --mat-badge-line-height: 22px;
    --mat-badge-text-size: 12px;
    --mat-badge-text-weight: 600;
    --mat-badge-small-size-text-size: 9px;
    --mat-badge-small-size-line-height: 16px;
    --mat-badge-large-size-text-size: 24px;
    --mat-badge-large-size-line-height: 28px
}

html {
    --mat-bottom-sheet-container-shape: 4px
}

html {
    --mat-bottom-sheet-container-text-color: white;
    --mat-bottom-sheet-container-background-color: #181a1e
}

html {
    --mat-bottom-sheet-container-text-font: Inter, sans-serif;
    --mat-bottom-sheet-container-text-line-height: 20px;
    --mat-bottom-sheet-container-text-size: 14px;
    --mat-bottom-sheet-container-text-tracking: normal;
    --mat-bottom-sheet-container-text-weight: 400
}

html {
    --mat-legacy-button-toggle-height: 36px;
    --mat-legacy-button-toggle-shape: 2px;
    --mat-legacy-button-toggle-focus-state-layer-opacity: 1
}

html {
    --mat-standard-button-toggle-shape: 4px;
    --mat-standard-button-toggle-hover-state-layer-opacity: .04;
    --mat-standard-button-toggle-focus-state-layer-opacity: .12
}

html {
    --mat-legacy-button-toggle-text-color: rgba(0, 0, 0, .38);
    --mat-legacy-button-toggle-state-layer-color: rgba(0, 0, 0, .12);
    --mat-legacy-button-toggle-selected-state-text-color: white;
    --mat-legacy-button-toggle-selected-state-background-color: #e0e0e0;
    --mat-legacy-button-toggle-disabled-state-text-color: rgba(255, 255, 255, .2);
    --mat-legacy-button-toggle-disabled-state-background-color: #eeeeee;
    --mat-legacy-button-toggle-disabled-selected-state-background-color: #bdbdbd
}

html {
    --mat-standard-button-toggle-text-color: white;
    --mat-standard-button-toggle-background-color: #292c2f;
    --mat-standard-button-toggle-state-layer-color: black;
    --mat-standard-button-toggle-selected-state-background-color: #e0e0e0;
    --mat-standard-button-toggle-selected-state-text-color: white;
    --mat-standard-button-toggle-disabled-state-text-color: rgba(255, 255, 255, .2);
    --mat-standard-button-toggle-disabled-state-background-color: #292c2f;
    --mat-standard-button-toggle-disabled-selected-state-text-color: white;
    --mat-standard-button-toggle-disabled-selected-state-background-color: #bdbdbd;
    --mat-standard-button-toggle-divider-color: rgb(62.4, 65.1, 67.8)
}

html {
    --mat-standard-button-toggle-height: 48px
}

html {
    --mat-legacy-button-toggle-label-text-font: Inter, sans-serif;
    --mat-legacy-button-toggle-label-text-line-height: 20px;
    --mat-legacy-button-toggle-label-text-size: 14px;
    --mat-legacy-button-toggle-label-text-tracking: normal;
    --mat-legacy-button-toggle-label-text-weight: 400
}

html {
    --mat-standard-button-toggle-label-text-font: Inter, sans-serif;
    --mat-standard-button-toggle-label-text-line-height: 20px;
    --mat-standard-button-toggle-label-text-size: 14px;
    --mat-standard-button-toggle-label-text-tracking: normal;
    --mat-standard-button-toggle-label-text-weight: 400
}

html {
    --mat-datepicker-calendar-container-shape: 4px;
    --mat-datepicker-calendar-container-touch-shape: 4px;
    --mat-datepicker-calendar-container-elevation-shadow: 0px 2px 4px -1px rgba(0, 0, 0, .2), 0px 4px 5px 0px rgba(0, 0, 0, .14), 0px 1px 10px 0px rgba(0, 0, 0, .12);
    --mat-datepicker-calendar-container-touch-elevation-shadow: 0px 11px 15px -7px rgba(0, 0, 0, .2), 0px 24px 38px 3px rgba(0, 0, 0, .14), 0px 9px 46px 8px rgba(0, 0, 0, .12)
}

html {
    --mat-datepicker-calendar-date-selected-state-text-color: white;
    --mat-datepicker-calendar-date-selected-state-background-color: #98b818;
    --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(152, 184, 24, .4);
    --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
    --mat-datepicker-calendar-date-focus-state-background-color: rgba(152, 184, 24, .3);
    --mat-datepicker-calendar-date-hover-state-background-color: rgba(152, 184, 24, .3);
    --mat-datepicker-toggle-active-state-icon-color: #98b818;
    --mat-datepicker-calendar-date-in-range-state-background-color: rgba(152, 184, 24, .2);
    --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, .2);
    --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
    --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
    --mat-datepicker-toggle-icon-color: white;
    --mat-datepicker-calendar-body-label-text-color: white;
    --mat-datepicker-calendar-period-button-text-color: white;
    --mat-datepicker-calendar-period-button-icon-color: white;
    --mat-datepicker-calendar-navigation-button-icon-color: white;
    --mat-datepicker-calendar-header-divider-color: rgba(255, 255, 255, .1);
    --mat-datepicker-calendar-header-text-color: white;
    --mat-datepicker-calendar-date-today-outline-color: rgba(0, 0, 0, .38);
    --mat-datepicker-calendar-date-today-disabled-state-outline-color: rgba(0, 0, 0, .18);
    --mat-datepicker-calendar-date-text-color: white;
    --mat-datepicker-calendar-date-outline-color: transparent;
    --mat-datepicker-calendar-date-disabled-state-text-color: rgba(0, 0, 0, .38);
    --mat-datepicker-calendar-date-preview-state-outline-color: rgba(255, 255, 255, .2);
    --mat-datepicker-range-input-separator-color: white;
    --mat-datepicker-range-input-disabled-state-separator-color: rgba(0, 0, 0, .38);
    --mat-datepicker-range-input-disabled-state-text-color: rgba(0, 0, 0, .38);
    --mat-datepicker-calendar-container-background-color: #292c2f;
    --mat-datepicker-calendar-container-text-color: white
}

.mat-datepicker-content.mat-accent {
    --mat-datepicker-calendar-date-selected-state-text-color: white;
    --mat-datepicker-calendar-date-selected-state-background-color: #1888b8;
    --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(24, 136, 184, .4);
    --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
    --mat-datepicker-calendar-date-focus-state-background-color: rgba(24, 136, 184, .3);
    --mat-datepicker-calendar-date-hover-state-background-color: rgba(24, 136, 184, .3);
    --mat-datepicker-calendar-date-in-range-state-background-color: rgba(24, 136, 184, .2);
    --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, .2);
    --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
    --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032)
}

.mat-datepicker-content.mat-warn {
    --mat-datepicker-calendar-date-selected-state-text-color: white;
    --mat-datepicker-calendar-date-selected-state-background-color: #f44336;
    --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(244, 67, 54, .4);
    --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
    --mat-datepicker-calendar-date-focus-state-background-color: rgba(244, 67, 54, .3);
    --mat-datepicker-calendar-date-hover-state-background-color: rgba(244, 67, 54, .3);
    --mat-datepicker-calendar-date-in-range-state-background-color: rgba(244, 67, 54, .2);
    --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, .2);
    --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
    --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032)
}

.mat-datepicker-toggle-active.mat-accent {
    --mat-datepicker-toggle-active-state-icon-color: #1888b8
}

.mat-datepicker-toggle-active.mat-warn {
    --mat-datepicker-toggle-active-state-icon-color: #f44336
}

.mat-calendar-controls {
    --mat-icon-button-touch-target-display: none
}

.mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base {
    --mdc-icon-button-state-layer-size: 40px;
    width: var(--mdc-icon-button-state-layer-size);
    height: var(--mdc-icon-button-state-layer-size);
    padding: 8px
}

html {
    --mat-datepicker-calendar-text-font: Inter, sans-serif;
    --mat-datepicker-calendar-text-size: 13px;
    --mat-datepicker-calendar-body-label-text-size: 14px;
    --mat-datepicker-calendar-body-label-text-weight: 500;
    --mat-datepicker-calendar-period-button-text-size: 14px;
    --mat-datepicker-calendar-period-button-text-weight: 500;
    --mat-datepicker-calendar-header-text-size: 11px;
    --mat-datepicker-calendar-header-text-weight: 400
}

html {
    --mat-divider-width: 1px
}

html {
    --mat-divider-color: rgba(255, 255, 255, .1)
}

html {
    --mat-expansion-container-shape: 4px;
    --mat-expansion-legacy-header-indicator-display: inline-block;
    --mat-expansion-header-indicator-display: none
}

html {
    --mat-expansion-container-background-color: #292c2f;
    --mat-expansion-container-text-color: white;
    --mat-expansion-actions-divider-color: rgba(255, 255, 255, .1);
    --mat-expansion-header-hover-state-layer-color: rgba(0, 0, 0, .04);
    --mat-expansion-header-focus-state-layer-color: rgba(0, 0, 0, .04);
    --mat-expansion-header-disabled-state-text-color: rgba(255, 255, 255, .2);
    --mat-expansion-header-text-color: white;
    --mat-expansion-header-description-color: white;
    --mat-expansion-header-indicator-color: white
}

html {
    --mat-expansion-header-collapsed-state-height: 48px;
    --mat-expansion-header-expanded-state-height: 64px
}

html {
    --mat-expansion-header-text-font: Inter, sans-serif;
    --mat-expansion-header-text-size: 16px;
    --mat-expansion-header-text-weight: bold;
    --mat-expansion-header-text-line-height: inherit;
    --mat-expansion-header-text-tracking: inherit;
    --mat-expansion-container-text-font: Inter, sans-serif;
    --mat-expansion-container-text-line-height: 20px;
    --mat-expansion-container-text-size: 14px;
    --mat-expansion-container-text-tracking: normal;
    --mat-expansion-container-text-weight: 400
}

html {
    --mat-grid-list-tile-header-primary-text-size: 14px;
    --mat-grid-list-tile-header-secondary-text-size: 14px;
    --mat-grid-list-tile-footer-primary-text-size: 14px;
    --mat-grid-list-tile-footer-secondary-text-size: 14px
}

html {
    --mat-icon-color: inherit
}

.mat-icon.mat-primary {
    --mat-icon-color: #98b818
}

.mat-icon.mat-accent {
    --mat-icon-color: #1888b8
}

.mat-icon.mat-warn {
    --mat-icon-color: #f44336
}

html {
    --mat-sidenav-container-shape: 0;
    --mat-sidenav-container-elevation-shadow: 0px 8px 10px -5px rgba(0, 0, 0, .2), 0px 16px 24px 2px rgba(0, 0, 0, .14), 0px 6px 30px 5px rgba(0, 0, 0, .12);
    --mat-sidenav-container-width: auto
}

html {
    --mat-sidenav-container-divider-color: rgba(255, 255, 255, .1);
    --mat-sidenav-container-background-color: #181a1e;
    --mat-sidenav-container-text-color: white;
    --mat-sidenav-content-background-color: #2f3336;
    --mat-sidenav-content-text-color: white;
    --mat-sidenav-scrim-color: rgba(214, 211, 208, .6)
}

html {
    --mat-stepper-header-icon-foreground-color: white;
    --mat-stepper-header-selected-state-icon-background-color: #98b818;
    --mat-stepper-header-selected-state-icon-foreground-color: white;
    --mat-stepper-header-done-state-icon-background-color: #98b818;
    --mat-stepper-header-done-state-icon-foreground-color: white;
    --mat-stepper-header-edit-state-icon-background-color: #98b818;
    --mat-stepper-header-edit-state-icon-foreground-color: white;
    --mat-stepper-container-color: #292c2f;
    --mat-stepper-line-color: rgba(255, 255, 255, .1);
    --mat-stepper-header-hover-state-layer-color: rgba(0, 0, 0, .04);
    --mat-stepper-header-focus-state-layer-color: rgba(0, 0, 0, .04);
    --mat-stepper-header-label-text-color: white;
    --mat-stepper-header-optional-label-text-color: white;
    --mat-stepper-header-selected-state-label-text-color: white;
    --mat-stepper-header-error-state-label-text-color: #f44336;
    --mat-stepper-header-icon-background-color: white;
    --mat-stepper-header-error-state-icon-foreground-color: #f44336;
    --mat-stepper-header-error-state-icon-background-color: transparent
}

html .mat-step-header.mat-accent {
    --mat-stepper-header-icon-foreground-color: white;
    --mat-stepper-header-selected-state-icon-background-color: #1888b8;
    --mat-stepper-header-selected-state-icon-foreground-color: white;
    --mat-stepper-header-done-state-icon-background-color: #1888b8;
    --mat-stepper-header-done-state-icon-foreground-color: white;
    --mat-stepper-header-edit-state-icon-background-color: #1888b8;
    --mat-stepper-header-edit-state-icon-foreground-color: white
}

html .mat-step-header.mat-warn {
    --mat-stepper-header-icon-foreground-color: white;
    --mat-stepper-header-selected-state-icon-background-color: #f44336;
    --mat-stepper-header-selected-state-icon-foreground-color: white;
    --mat-stepper-header-done-state-icon-background-color: #f44336;
    --mat-stepper-header-done-state-icon-foreground-color: white;
    --mat-stepper-header-edit-state-icon-background-color: #f44336;
    --mat-stepper-header-edit-state-icon-foreground-color: white
}

html {
    --mat-stepper-header-height: 72px
}

html {
    --mat-stepper-container-text-font: Inter, sans-serif;
    --mat-stepper-header-label-text-font: Inter, sans-serif;
    --mat-stepper-header-label-text-size: 14px;
    --mat-stepper-header-label-text-weight: 400;
    --mat-stepper-header-error-state-label-text-size: 14px;
    --mat-stepper-header-selected-state-label-text-size: 14px;
    --mat-stepper-header-selected-state-label-text-weight: 400
}

html {
    --mat-sort-arrow-color: white
}

html {
    --mat-toolbar-container-background-color: whitesmoke;
    --mat-toolbar-container-text-color: white
}

.mat-toolbar.mat-primary {
    --mat-toolbar-container-background-color: #98b818;
    --mat-toolbar-container-text-color: white
}

.mat-toolbar.mat-accent {
    --mat-toolbar-container-background-color: #1888b8;
    --mat-toolbar-container-text-color: white
}

.mat-toolbar.mat-warn {
    --mat-toolbar-container-background-color: #f44336;
    --mat-toolbar-container-text-color: white
}

html {
    --mat-toolbar-standard-height: 64px;
    --mat-toolbar-mobile-height: 56px
}

html {
    --mat-toolbar-title-text-font: Inter, sans-serif;
    --mat-toolbar-title-text-line-height: 20px;
    --mat-toolbar-title-text-size: 16px;
    --mat-toolbar-title-text-tracking: normal;
    --mat-toolbar-title-text-weight: 600
}

html {
    --mat-tree-container-background-color: #292c2f;
    --mat-tree-node-text-color: white
}

html {
    --mat-tree-node-min-height: 48px
}

html {
    --mat-tree-node-text-font: Inter, sans-serif;
    --mat-tree-node-text-size: 14px;
    --mat-tree-node-text-weight: 400
}

html {
    --mat-timepicker-container-shape: 4px;
    --mat-timepicker-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12)
}

html {
    --mat-timepicker-container-background-color: #292c2f
}

.mat-h1,
.mat-headline-5,
.mat-typography .mat-h1,
.mat-typography .mat-headline-5,
.mat-typography h1 {
    font: 400 24px/32px Inter, sans-serif;
    letter-spacing: normal;
    margin: 0 0 16px
}

.mat-h2,
.mat-headline-6,
.mat-typography .mat-h2,
.mat-typography .mat-headline-6,
.mat-typography h2 {
    font: 600 16px/20px Inter, sans-serif;
    letter-spacing: normal;
    margin: 0 0 16px
}

.mat-h3,
.mat-subtitle-1,
.mat-typography .mat-h3,
.mat-typography .mat-subtitle-1,
.mat-typography h3 {
    font: 400 16px/28px Inter, sans-serif;
    letter-spacing: normal;
    margin: 0 0 16px
}

.mat-h4,
.mat-body-1,
.mat-typography .mat-h4,
.mat-typography .mat-body-1,
.mat-typography h4 {
    font: 400 14px/20px Inter, sans-serif;
    letter-spacing: normal;
    margin: 0 0 16px
}

.mat-h5,
.mat-typography .mat-h5,
.mat-typography h5 {
    font: 400 11.62px/20px Inter, sans-serif;
    margin: 0 0 12px
}

.mat-h6,
.mat-typography .mat-h6,
.mat-typography h6 {
    font: 400 9.38px/20px Inter, sans-serif;
    margin: 0 0 12px
}

.mat-body-strong,
.mat-subtitle-2,
.mat-typography .mat-body-strong,
.mat-typography .mat-subtitle-2 {
    font: 700 16px/19px Inter, sans-serif;
    letter-spacing: normal
}

.mat-body,
.mat-body-2,
.mat-typography .mat-body,
.mat-typography .mat-body-2,
.mat-typography {
    font: 400 14px/20px Inter, sans-serif;
    letter-spacing: normal
}

.mat-body p,
.mat-body-2 p,
.mat-typography .mat-body p,
.mat-typography .mat-body-2 p,
.mat-typography p {
    margin: 0 0 12px
}

.mat-small,
.mat-caption,
.mat-typography .mat-small,
.mat-typography .mat-caption {
    font: 500 14px/24px Inter, sans-serif;
    letter-spacing: normal
}

.mat-headline-1,
.mat-typography .mat-headline-1 {
    font: 300 112px/112px Inter, sans-serif;
    letter-spacing: -.05em;
    margin: 0 0 56px
}

.mat-headline-2,
.mat-typography .mat-headline-2 {
    font: 400 56px/56px Inter, sans-serif;
    letter-spacing: -.02em;
    margin: 0 0 64px
}

.mat-headline-3,
.mat-typography .mat-headline-3 {
    font: 400 45px/48px Inter, sans-serif;
    letter-spacing: -.005em;
    margin: 0 0 64px
}

.mat-headline-4,
.mat-typography .mat-headline-4 {
    font: 400 34px/40px Inter, sans-serif;
    letter-spacing: normal;
    margin: 0 0 64px
}

.text-alfa {
    color: #fff9
}

.text-30alfa {
    color: #ffffff4d
}

.mat-form-field-appearance-outline .mat-form-field-outline {
    color: #ffffff1a;
    background-color: #1617174d
}

.menu-dark {
    background: #393d40
}

.menu-dark button>span {
    display: flex;
    align-items: center
}

.menu-dark .mat-mdc-menu-item:hover:not([disabled]) {
    background: #202227
}

.menu-dark .mat-mdc-menu-item .mat-mdc-menu-item-text mat-icon {
    width: 11px;
    height: 13px;
    margin-right: 8px;
    line-height: 9px
}

.menu-dark .mat-mdc-menu-content button {
    padding-right: 30px
}

.mat-mdc-menu-panel.wallets-menu {
    min-width: 400px !important;
    --mat-menu-container-color: #1C1E23
}

.mat-mdc-menu-panel.wallets-menu.mat-mdc-menu-panel {
    box-shadow: none !important
}

.mat-dialog-actions {
    margin-bottom: 0 !important
}

.mat-dialog-container {
    height: initial !important
}

.mat-checkbox-frame {
    opacity: .2
}

mat-icon.bold {
    stroke-width: 5%;
    stroke: currentColor
}

.bold {
    font-weight: 700
}

button,
a {
    --mdc-filled-button-container-height: 42px;
    --mat-filled-button-touch-target-display: none;
    --mdc-filled-button-label-text-weight: 400;
    --mdc-filled-button-container-shape: 5px;
    --mat-outlined-button-touch-target-display: none;
    --mat-fab-small-touch-target-display: none;
    --mat-fab-touch-target-display: none;
    --mat-icon-button-touch-target-display: none;
    --mdc-protected-button-container-height: 42px;
    --mat-protected-button-touch-target-display: none;
    --mdc-protected-button-disabled-container-color: var(--disable-color);
    --mdc-protected-button-disabled-label-text-color: var(--white-20);
    --mdc-fab-container-color: rgba(63, 74, 98, .2) !important;
    --mdc-fab-hover-container-elevation-shadow: none;
    --mdc-fab-focus-container-elevation-shadow: none;
    --mdc-fab-pressed-container-elevation-shadow: none;
    --mat-fab-hover-state-layer-opacity: 1;
    --mat-fab-state-layer-color: transparent !important;
    --mat-fab-foreground-color: var(--gray) !important;
    --mdc-fab-container-shape: 5px;
    --mat-fab-disabled-state-container-color: var(--disable-color);
    --mat-fab-disabled-state-foreground-color: var(--white-20);
    --mdc-switch-track-width: 25px;
    --mdc-switch-track-height: 16px;
    --mdc-switch-selected-handle-color: map.get($mat-stream, 600);
    --mat-switch-with-icon-handle-size: 13px;
    --mat-switch-pressed-handle-size: 13px;
    --mdc-switch-track-shape: 25px;
    --mat-switch-track-outline-width: 0;
    --mdc-switch-handle-width: 17px;
    --mdc-switch-unselected-track-color: var(--main-background);
    --mdc-switch-selected-focus-track-color: var(--main-background);
    --mdc-switch-selected-hover-track-color: var(--main-background);
    --mdc-switch-selected-pressed-track-color: var(--main-background);
    --mdc-switch-selected-track-color: var(--main-background);
    --mdc-switch-unselected-focus-track-color: var(--main-background);
    --mdc-switch-unselected-hover-track-color: var(--main-background);
    --mdc-switch-unselected-pressed-track-color: var(--main-background);
    --mdc-switch-handle-surface-color: #98b818;
    --mdc-switch-selected-focus-handle-color: #a6cc0f;
    --mdc-switch-selected-hover-handle-color: #a6cc0f;
    --mdc-switch-selected-pressed-handle-color: #a6cc0f;
    --mdc-switch-unselected-focus-handle-color: #616161;
    --mat-icon-button-state-layer-color: transparent
}

button.mat-mdc-button-base .mdc-button__ripple,
a.mat-mdc-button-base .mdc-button__ripple {
    display: none
}

button.mat-mdc-button-base .mdc-button__label,
a.mat-mdc-button-base .mdc-button__label {
    display: flex;
    align-items: center;
    gap: 6px
}

button.mat-mdc-button-base.mat-mdc-unelevated-button:disabled,
a.mat-mdc-button-base.mat-mdc-unelevated-button:disabled {
    --mdc-filled-button-disabled-container-color: var(--disable-color);
    --mdc-filled-button-disabled-label-text-color: var(--white-20)
}

button.mat-mdc-button-base.mat-mdc-unelevated-button.mat-primary:disabled,
a.mat-mdc-button-base.mat-mdc-unelevated-button.mat-primary:disabled {
    --mdc-filled-button-disabled-container-color: rgba(152, 184, 24, .05)
}

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

button.mat-mdc-button-base.mat-mdc-unelevated-button:hover,
button.mat-mdc-button-base.mat-mdc-unelevated-button.mat-primary,
button.mat-mdc-button-base.mat-mdc-unelevated-button.mat-accent,
a.mat-mdc-button-base.mat-mdc-unelevated-button:hover,
a.mat-mdc-button-base.mat-mdc-unelevated-button.mat-primary,
a.mat-mdc-button-base.mat-mdc-unelevated-button.mat-accent {
    --mdc-filled-button-label-text-color: var(--white)
}

button.mat-mdc-outlined-button:not(:disabled):not(.mat-primary),
a.mat-mdc-outlined-button:not(:disabled):not(.mat-primary) {
    --mdc-outlined-button-label-text-color: #FFFFFF99
}

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

button[mat-raised-button],
button[mat-flat-button],
a[mat-raised-button],
a[mat-flat-button] {
    --mdc-filled-button-label-text-color: var(--gray);
    transition: .2s cubic-bezier(.1, .7, .5, 1)
}

button[mat-raised-button]:hover,
button[mat-flat-button]:hover,
a[mat-raised-button]:hover,
a[mat-flat-button]:hover {
    background: #3f4a6266;
    transition: .2s cubic-bezier(.1, .7, .5, 1);
    --mdc-protected-button-label-text-color: var(--white);
    --mdc-filled-button-label-text-color: var(--white)
}

button[mat-raised-button]:hover.mat-warn,
button[mat-flat-button]:hover.mat-warn,
a[mat-raised-button]:hover.mat-warn,
a[mat-flat-button]:hover.mat-warn {
    background: #ff7235
}

button[mat-raised-button].mat-primary:not(.mat-button-disabled):hover,
button[mat-flat-button].mat-primary:not(.mat-button-disabled):hover,
a[mat-raised-button].mat-primary:not(.mat-button-disabled):hover,
a[mat-flat-button].mat-primary:not(.mat-button-disabled):hover {
    background: #a6cc0f;
    transition: background .2s cubic-bezier(.1, .7, .5, 1)
}

button[mat-raised-button].mat-accent:not(.mat-button-disabled):hover,
button[mat-flat-button].mat-accent:not(.mat-button-disabled):hover,
a[mat-raised-button].mat-accent:not(.mat-button-disabled):hover,
a[mat-flat-button].mat-accent:not(.mat-button-disabled):hover {
    background: #0aa9ed;
    transition: background .2s cubic-bezier(.1, .7, .5, 1)
}

button.mat-mdc-icon-button,
a.mat-mdc-icon-button {
    --mdc-icon-button-icon-size: 100%;
    transition: color .2s cubic-bezier(.1, .7, .5, 1)
}

button.mat-mdc-icon-button:hover,
a.mat-mdc-icon-button:hover {
    color: #393d40
}

button.mat-mdc-icon-button.mat-primary:not(.mat-button-disabled):hover,
a.mat-mdc-icon-button.mat-primary:not(.mat-button-disabled):hover {
    color: #a6cc0f
}

button.mat-mdc-icon-button.mat-accent:not(.mat-button-disabled):hover,
a.mat-mdc-icon-button.mat-accent:not(.mat-button-disabled):hover {
    color: #0aa9ed
}

button.mat-mdc-icon-button.opacity,
a.mat-mdc-icon-button.opacity {
    opacity: .3;
    transition: opacity .2s cubic-bezier(.1, .7, .5, 1)
}

button.mat-mdc-icon-button.opacity:hover,
a.mat-mdc-icon-button.opacity:hover {
    color: currentColor;
    opacity: 1
}

button.mat-mdc-icon-button.opacity.mat-primary:not(.mat-button-disabled):hover,
a.mat-mdc-icon-button.opacity.mat-primary:not(.mat-button-disabled):hover {
    color: currentColor;
    opacity: 1
}

button.mat-mdc-icon-button.opacity.mat-accent:not(.mat-button-disabled):hover,
a.mat-mdc-icon-button.opacity.mat-accent:not(.mat-button-disabled):hover {
    color: currentColor;
    opacity: 1
}

button.mat-mini-fab,
a.mat-mini-fab {
    display: flex;
    justify-content: center;
    align-items: center;
    transition: opacity .2s cubic-bezier(.1, .7, .5, 1)
}

button.mat-mini-fab:hover,
a.mat-mini-fab:hover {
    opacity: .7
}

button[mat-button],
a[mat-button] {
    --mdc-text-button-label-text-color: map.get($mat-stream, 50);
    transition: background .2s cubic-bezier(.1, .7, .5, 1), opacity .2s cubic-bezier(.1, .7, .5, 1)
}

button[mat-button]:not(.mat-button-disabled):hover,
a[mat-button]:not(.mat-button-disabled):hover {
    opacity: .6
}

button[mat-button].mat-primary:not(.mat-button-disabled):hover,
a[mat-button].mat-primary:not(.mat-button-disabled):hover {
    background: #a6cc0f;
    transition: background .2s cubic-bezier(.1, .7, .5, 1)
}

button[mat-button].mat-accent:not(.mat-button-disabled):hover,
a[mat-button].mat-accent:not(.mat-button-disabled):hover {
    opacity: .6
}

button[mat-flat-button],
a[mat-flat-button] {
    --mdc-filled-button-container-color: rgba(63, 74, 98, .2)
}

button[mat-stroked-button],
a[mat-stroked-button] {
    transition: border .2s cubic-bezier(.1, .7, .5, 1), color .2s cubic-bezier(.1, .7, .5, 1);
    color: #fff9
}

button[mat-stroked-button]:not(.mat-button-disabled, .mat-primary, .mat-accent),
a[mat-stroked-button]:not(.mat-button-disabled, .mat-primary, .mat-accent) {
    border: 1px solid rgba(255, 255, 255, .07)
}

button[mat-stroked-button]:not(.mat-button-disabled, .mat-primary, .mat-accent) .mat-button-focus-overlay,
a[mat-stroked-button]:not(.mat-button-disabled, .mat-primary, .mat-accent) .mat-button-focus-overlay {
    background: none
}

button[mat-stroked-button]:not(.mat-button-disabled, .mat-primary, .mat-accent):hover,
a[mat-stroked-button]:not(.mat-button-disabled, .mat-primary, .mat-accent):hover {
    color: var(--white);
    transition: border .2s cubic-bezier(.1, .7, .5, 1), color .2s cubic-bezier(.1, .7, .5, 1);
    border: 1px solid rgba(255, 255, 255, .15)
}

button[mat-stroked-button].mat-button-disabled,
a[mat-stroked-button].mat-button-disabled {
    border: 1px solid rgba(255, 255, 255, .1)
}

button[mat-stroked-button].mat-primary:not(.mat-button-disabled),
a[mat-stroked-button].mat-primary:not(.mat-button-disabled) {
    border: 1px solid rgba(255, 255, 255, .07)
}

button[mat-stroked-button].mat-primary:not(.mat-button-disabled) .mat-button-focus-overlay,
a[mat-stroked-button].mat-primary:not(.mat-button-disabled) .mat-button-focus-overlay {
    background: none
}

button[mat-stroked-button].mat-primary:not(.mat-button-disabled):hover,
a[mat-stroked-button].mat-primary:not(.mat-button-disabled):hover {
    transition: border .2s cubic-bezier(.1, .7, .5, 1);
    border: 1px solid rgba(255, 255, 255, .15)
}

button[mat-stroked-button].mat-accent:not(.mat-button-disabled),
a[mat-stroked-button].mat-accent:not(.mat-button-disabled) {
    border: 1px solid rgba(255, 255, 255, .1)
}

button[mat-stroked-button].mat-accent:not(.mat-button-disabled) .mat-button-focus-overlay,
a[mat-stroked-button].mat-accent:not(.mat-button-disabled) .mat-button-focus-overlay {
    background: none
}

button[mat-stroked-button].mat-accent:not(.mat-button-disabled):hover,
a[mat-stroked-button].mat-accent:not(.mat-button-disabled):hover {
    transition: border .2s cubic-bezier(.1, .7, .5, 1);
    border: 1px solid rgba(10, 169, 237, .5)
}

button.mat-mdc-fab,
button.mat-mdc-mini-fab,
a.mat-mdc-fab,
a.mat-mdc-mini-fab {
    box-shadow: none
}

button.mat-mdc-fab,
a.mat-mdc-fab {
    width: 42px;
    height: 42px;
    transition: .2s cubic-bezier(.1, .7, .5, 1)
}

button.mat-mdc-fab:hover,
a.mat-mdc-fab:hover {
    --mdc-fab-container-color: rgba(63, 74, 98, .4) !important;
    --mat-fab-foreground-color: var(--white) !important
}

button.mat-mdc-fab .mat-icon,
a.mat-mdc-fab .mat-icon {
    width: 16px;
    height: 16px
}

.autocomplete-image .autocomplete {
    font-size: 14px;
    line-height: 20px;
    display: flex;
    gap: 5px
}

.autocomplete-image .autocomplete img {
    height: 25px
}

.cdk-overlay-backdrop.menu-transparent {
    visibility: hidden
}

.mat-menu-panel,
.mat-mdc-menu-panel {
    box-shadow: 0 4px 40px #0000004d !important;
    background-color: #181a1e;
    --mat-menu-container-color: #181A1E
}

.mat-menu-panel::-webkit-scrollbar-thumb,
.mat-mdc-menu-panel::-webkit-scrollbar-thumb {
    background-color: #e9f4ff12
}

.mat-mdc-button,
.mat-mdc-stroked-button,
.mat-mdc-outlined-button,
.mat-mdc-raised-button,
.mat-mdc-flat-button {
    --mat-outlined-button-horizontal-padding: 20px;
    --mat-text-button-with-icon-horizontal-padding: 20px;
    min-width: unset !important
}

.mat-icon-button {
    padding: 0 13px !important;
    min-width: unset !important
}

.mat-button:hover:not(.mat-button-disabled) .mat-button-focus-overlay,
.mat-stroked-button:hover:not(.mat-button-disabled) .mat-button-focus-overlay {
    opacity: 0 !important
}

mat-tooltip-component .tooltip-with-arrow {
    overflow: visible !important;
    font-size: 14px !important;
    max-width: 188px !important;
    background-color: #1f2227
}

.mat-tooltip-panel-right .tooltip-with-arrow:before,
.mat-tooltip-panel-left .tooltip-with-arrow:before,
.mat-tooltip-panel-below .tooltip-with-arrow:before,
.mat-tooltip-panel-above .tooltip-with-arrow:before {
    content: "";
    width: 12px;
    height: 9px;
    background-color: inherit;
    position: absolute;
    clip-path: polygon(50% 80%, 0 0, 100% 0)
}

.mat-tooltip {
    background: #181a1e
}

.price-tooltip {
    background-color: #181a1e;
    border-radius: 5px;
    margin-left: -30px
}

.price-tooltip .mdc-tooltip__surface {
    padding: 0
}

.dark-tooltip.mat-mdc-tooltip {
    --mdc-plain-tooltip-supporting-text-color: #ADAEAF;
    --mdc-plain-tooltip-supporting-text-line-height: 19px;
    --mdc-plain-tooltip-container-color: #181A1E;
    box-shadow: 0 4px 40px -6px #0000004d
}

.mat-tooltip-panel-above .tooltip-with-arrow {
    margin-bottom: 7px
}

.mat-tooltip-panel-above .tooltip-with-arrow:before {
    bottom: -13px;
    left: 50%;
    transform: translate(-50%, -50%)
}

.mat-tooltip-panel-below .tooltip-with-arrow {
    margin-top: 7px
}

.mat-tooltip-panel-below .tooltip-with-arrow:before {
    top: -4px;
    left: 50%;
    transform: translate(-50%, -50%) rotate(180deg)
}

.mat-tooltip-panel-left .tooltip-with-arrow:before {
    top: 50%;
    right: -16px;
    transform: translate(-50%, -50%) rotate(-90deg)
}

.mat-tooltip-panel-right .tooltip-with-arrow:before {
    top: 50%;
    left: -4px;
    transform: translate(-50%, -50%) rotate(90deg)
}

.mdc-slider {
    height: 20px !important;
    margin: 0 !important
}

.mdc-slider .mdc-slider__track--inactive {
    opacity: 1 !important
}

.mdc-slider .mdc-slider__thumb {
    left: 0 !important;
    width: initial !important;
    height: 18px !important
}

.mdc-slider .mdc-slider__thumb:before {
    content: "";
    width: 12px;
    height: 12px;
    background: #fff !important;
    display: flex;
    border-radius: 50%;
    position: absolute;
    top: 3px;
    left: -6px;
    z-index: 1
}

:root {
    --mdc-slider-active-track-height: 4px;
    --mdc-slider-handle-width: 18px;
    --mdc-slider-handle-height: 18px;
    --mat-badge-small-size-text-size: 12px;
    --white: #FFFFFF;
    --white-20: #FFFFFF33;
    --disable-color: rgba(63, 74, 98, .2);
    --tarpaulin-grey: #4c4f49;
    --mat-autocomplete-background-color: #181a1e;
    --bg-dark: #16171B;
    --gray: #ADAEAF;
    --main-background: #131417;
    --green: #98B818;
    --restrictionsHeight: 0px;
    --mat-paginator-container-background-color: transparent;
    --mat-paginator-container-text-color: #fff;
    --mat-paginator-enabled-icon-color: #fff;
    --mat-paginator-disabled-icon-color: #adaeaf;
    --header-height: 60px
}

.mat-mdc-slider.mat-primary {
    --mdc-slider-active-track-color: #50A7CC;
    --mdc-slider-handle-color: #50A7CC;
    --mdc-slider-focus-handle-color: #50A7CC;
    --mdc-slider-hover-handle-color: #50A7CC;
    --mdc-slider-inactive-track-color: #3A3C3D;
    --mdc-slider-with-tick-marks-inactive-container-color: #50A7CC;
    --mat-mdc-slider-ripple-color: #50A7CC
}

mat-snack-bar-container.component .mdc-snackbar__label {
    padding: 0
}

mat-snack-bar-container.component .mdc-snackbar__surface {
    padding: 0;
    overflow: hidden
}

.mat-mdc-snack-bar-container {
    --mdc-snackbar-container-color: #242628
}

.mat-autocomplete-panel {
    background-color: #181a1e;
    box-shadow: 0 4px 40px #0000004d !important
}

.mat-autocomplete-panel .mat-option:hover:not(.mat-option-disabled) {
    background-color: #202227
}

.mat-autocomplete-panel .mat-selected {
    background-color: #202227 !important
}

.sticker-content .mat-mdc-menu-content {
    padding: 4px 10px;
    font-size: 14px;
    color: #fff;
    background-color: #181a1e
}

.sticker-content .mat-mdc-menu-content .item {
    display: flex;
    gap: 4px
}

.sticker-content .mat-mdc-menu-content .label {
    color: #adaeaf
}

.sticker-content .mat-mdc-menu-content .value {
    font-weight: 700
}

.sticker-content .mat-mdc-menu-content .title {
    margin: 0 0 5px
}

.mat-mdc-form-field .mdc-text-field--outlined {
    --mdc-outlined-text-field-outline-width: 1px;
    --mdc-outlined-text-field-focus-outline-width: 1px;
    --mdc-outlined-text-field-container-shape: 6px;
    --mdc-outlined-text-field-outline-color: #FFFFFF1A;
    --mdc-outlined-text-field-hover-outline-color: #FFFFFF33;
    --mdc-outlined-text-field-focus-outline-color: #FFFFFF33;
    --mdc-outlined-text-field-caret-color: #fff;
    --mdc-outlined-text-field-input-text-color: #FFFFFF66;
    --mat-datepicker-range-input-separator-color: #FFFFFF66;
    height: 42px;
    padding-left: 14px
}

.mat-mdc-form-field .mdc-text-field--outlined .mat-mdc-form-field-infix {
    min-height: 42px;
    padding-top: 10px;
    padding-bottom: 10px
}

.mat-mdc-form-field .mdc-text-field--outlined:hover {
    --mdc-outlined-text-field-input-text-color: #FFFFFF;
    --mat-datepicker-range-input-separator-color: #FFFFFF
}

.mat-mdc-form-field .mat-date-range-input-inner {
    font-size: 14px;
    font-weight: 400
}

.mat-mdc-form-field:not(.with-validator) .mat-mdc-form-field-bottom-align,
.mat-mdc-form-field .mat-mdc-button-persistent-ripple {
    display: none
}

.mat-mdc-form-field .mat-mdc-form-field-icon-suffix mat-icon,
.mat-mdc-form-field .mat-mdc-form-field-icon-suffix mat-icon svg,
.mat-mdc-form-field .mat-mdc-form-field-icon-prefix mat-icon,
.mat-mdc-form-field .mat-mdc-form-field-icon-prefix mat-icon svg {
    color: #ffffff4d;
    width: 16px;
    height: 16px;
    min-width: 16px
}

.mat-mdc-form-field .mat-mdc-form-field-icon-suffix {
    padding-right: 8px
}

.mat-mdc-form-field .mat-mdc-icon-button {
    font-size: 16px
}

.mat-mdc-form-field:hover .mat-mdc-form-field-icon-suffix mat-icon,
.mat-mdc-form-field:hover .mat-mdc-form-field-icon-suffix mat-icon svg,
.mat-mdc-form-field:hover .mat-mdc-form-field-icon-prefix mat-icon,
.mat-mdc-form-field:hover .mat-mdc-form-field-icon-prefix mat-icon svg {
    color: var(--white)
}

.mat-mdc-form-field mat-datepicker-toggle {
    --mdc-icon-button-state-layer-size: 100%
}

.ticket-review-dialog app-modal-wrap {
    min-width: 500px
}

mat-option.mat-mdc-option .mdc-list-item__primary-text {
    width: 100%
}

mat-option.mat-mdc-option.mdc-list-item--disabled {
    pointer-events: auto
}

mat-option.mat-mdc-option.mdc-list-item--disabled .mdc-list-item__primary-text {
    opacity: 1
}

.mat-mdc-slide-toggle .mdc-switch__icons,
.mat-mdc-slide-toggle .mdc-switch__ripple {
    display: none
}

.mat-mdc-slide-toggle .mdc-switch__handle {
    left: 2px
}

.mat-mdc-slide-toggle .mdc-switch__handle:before,
.mat-mdc-slide-toggle .mdc-switch__handle:after {
    border: none
}

.mat-mdc-slide-toggle .mdc-form-field {
    align-items: normal
}

.mat-mdc-slide-toggle .mdc-switch--disabled {
    --mdc-switch-handle-surface-color: var(--white-20)
}

.sell-items-dialog {
    width: 100%;
    max-width: 1200px !important
}

.sell-items-dialog app-modal-wrap .wrapper,
.sell-items-dialog app-modal-wrap .dialog-button {
    background-color: var(--main-background)
}

.sell-items-dialog app-modal-wrap .content {
    overflow: hidden;
    padding: 0;
    display: flex;
    flex-direction: column
}

.sell-items-dialog app-modal-wrap .close-dialog-content {
    background-color: var(--main-background)
}

.bottom-sheet-full-size {
    height: 100%
}

.bottom-sheet-full-size .mat-bottom-sheet-container {
    padding: 0;
    max-height: 100vh
}

.bottom-sheet-full-size .mat-bottom-sheet-container-medium {
    width: 100vw;
    max-width: unset
}

.bottom-sheet-full-size app-component-in-sheet,
.bottom-sheet-full-size app-modal-wrap,
.bottom-sheet-full-size .content {
    height: 100%;
    display: block
}

.bottom-sheet-fixed-header-content {
    height: 62px;
    padding: 0 10px;
    display: flex;
    align-items: center;
    background-color: #000;
    justify-content: flex-end;
    box-sizing: border-box
}

.mat-h2 {
    margin: 0
}

.paginator {
    --mat-select-enabled-trigger-text-color: #fff;
    --mat-select-enabled-arrow-color: #fff
}

.paginator .mat-mdc-icon-button.mat-mdc-button-base {
    padding: 4px
}

.paginator .mat-mdc-icon-button.mat-mdc-button-base:hover {
    opacity: .6
}

.remove-card-modal app-modal-wrap {
    padding: 0 30px 28px;
    min-width: auto;
    max-width: 450px
}

.remove-card-modal div.header-dialog {
    padding: 0;
    margin: 0
}

.top-items-filter-mobile .mat-expansion-panel-content {
    visibility: visible !important;
    min-height: 128px
}

.top-items-filter-mobile .mat-expansion-panel-content[style*="visibility: hidden"] * {
    visibility: visible !important
}

.selling-price-tooltip .mdc-tooltip__surface {
    max-width: unset
}

.skinpay-expansion-panel {
    border-radius: 5px !important;
    box-shadow: unset !important;
    font-size: 14px;
    font-weight: 400;
    --mat-expansion-header-collapsed-state-height: 42px;
    --mat-expansion-header-expanded-state-height: 42px;
    --mat-expansion-header-text-color: #ADAEAF;
    --mat-expansion-header-text-weight: 400;
    --mat-expansion-header-text-size: 14px;
    --mat-expansion-header-indicator-color: #ADAEAF;
    --mat-expansion-container-background-color: rgba(63, 74, 98, .2)
}

.skinpay-expansion-panel .mat-expansion-panel-header {
    padding: 0 13px
}

.skinpay-expansion-panel .mat-expansion-panel-header .mat-content .header mat-panel-title {
    display: flex;
    gap: 3px;
    align-items: center
}

.skinpay-expansion-panel .mat-expansion-panel-header .mat-content .header .mat-expansion-panel-header-title mat-icon {
    width: 16px;
    height: 16px
}

.skinpay-expansion-panel .mat-expansion-panel-body {
    padding: 0;
    background: #131417
}

.skinpay-mobile-tabs {
    height: 100%;
    --mat-tab-header-inactive-label-text-color: #ADAEAF;
    --mat-tab-header-active-hover-label-text-color: #FFFFFF;
    --mat-tab-header-active-label-text-color: #FFFFFF;
    --mat-tab-header-active-focus-label-text-color: #FFFFFF;
    --mat-tab-header-inactive-hover-label-text-color: #FFFFFF;
    --mat-tab-header-active-ripple-color: transparent;
    --mat-tab-header-inactive-ripple-color: #181A1E
}

.skinpay-mobile-tabs .mat-mdc-tab-header {
    padding: 10px 10px 0;
    --mdc-secondary-navigation-tab-container-height: 42px
}

.skinpay-mobile-tabs .mat-mdc-tab-labels {
    border: 1px solid #181A1E;
    border-radius: 5px;
    overflow: hidden
}

.skinpay-mobile-tabs .mdc-tab-indicator--active {
    background-color: #181a1e
}

.skinpay-mobile-tabs .mdc-tab:hover {
    background-color: #181a1e;
    color: #fff
}

.skinpay-mobile-tabs .mdc-tab-indicator {
    display: none
}

.skinpay-mobile-tabs .mat-mdc-tab-body-wrapper {
    height: 100%
}

.skinpay-accept-status app-component-in-sheet,
.skinpay-accept-status app-modal-wrap,
.skinpay-accept-status .content {
    display: block;
    height: 100%
}

.dropdown-button-item-list .menu-item {
    --mat-menu-item-hover-state-layer-color: #202227
}

.dropdown-button-item-list .menu-item.active {
    background-color: #202227
}


.mdc-dialog .mdc-dialog__container {
    padding: 60px 50px 50px;
    position: relative
}

.mdc-dialog .mat-mdc-dialog-surface {
    --mat-dialog-container-elevation-shadow: none
}

.mat-mdc-table .mdc-data-table__row {
    height: 48px
}

.mat-mdc-table .mdc-data-table__cell,
.mat-mdc-table .mdc-data-table__header-cell {
    padding: 0
}

.mdc-data-table__cell {
    color: inherit
}

.mat-mdc-tooltip {
    --mdc-plain-tooltip-container-color: #1F2227;
    --mdc-plain-tooltip-supporting-text-color: white
}

.mat-mdc-snack-bar-container {
    --mdc-snackbar-supporting-text-color: #fff
}

@media (max-width: 1199px) {
    .mdc-dialog .mdc-dialog__container {
        padding: 60px 10px 10px
    }
}

@media (max-width: 1199px) {
    .page {
        padding: 10px 0;
        border-radius: 0
    }

    .toast-top-left {
        top: 80px !important;
        left: 10px !important
    }
}

html {
    overflow-y: visible !important
}

a {
    cursor: pointer;
    color: #fff;
    transition: color .2s cubic-bezier(.1, .7, .5, 1), opacity .2s cubic-bezier(.1, .7, .5, 1)
}

a:not(.active):hover {
    color: #fff !important;
    transition: color .2s cubic-bezier(.1, .7, .5, 1)
}

a.active {
    color: #43c7ff
}

a.opacity-hover:hover {
    opacity: .6;
    transition: opacity .2s cubic-bezier(.1, .7, .5, 1), color .2s cubic-bezier(.1, .7, .5, 1)
}

a.opacity-show {
    opacity: .6
}

a.opacity-show:hover {
    opacity: 1;
    transition: opacity .2s cubic-bezier(.1, .7, .5, 1), color .2s cubic-bezier(.1, .7, .5, 1)
}

body {
    font-family: Inter, sans-serif;
    min-height: 100%;
    width: 100%;
    color: #fff;
    overflow-x: hidden;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    margin: 0;
    padding: 0;
    background-color: #131417
}

* {
    font-family: Inter, sans-serif
}

.spinner {
    position: relative
}

.spinner mat-spinner,
.spinner app-loader {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.spinner .mat-button-wrapper>span,
.spinner .mdc-button__label>span {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px
}

.prevent-select {
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -o-user-select: none
}

a {
    text-decoration: none
}

input,
button {
    outline: none
}

.page {
    border-radius: 6px;
    display: flex
}

@media screen and (max-width: 1400px) {

    .page,
    .recent-info {
        margin-left: 0 !important;
        margin-right: 0 !important
    }

    app-filter-above-inventory {
        left: 308px !important
    }
}

.blue-button {
    border-radius: 5px;
    color: #fff;
    text-align: center;
    background: #1888b8;
    border: none;
    cursor: pointer
}

.blue-button:hover {
    background: #0aa9ed
}

.blue-button[disabled] {
    background: #869ca54f;
    color: #fff3;
    cursor: default
}

.green-button {
    background: #98b818;
    border-radius: 5px;
    color: #fff;
    border: none;
    cursor: pointer;
    text-align: center
}

.green-button:hover {
    background: #a6cc0f
}

.green-button[disabled] {
    cursor: default;
    background: #b9bda64d;
    opacity: .2
}

.green-button:focus {
    outline: solid 1px #1888b8
}

.transparent-button {
    font-size: 14px;
    line-height: 14px;
    text-align: center;
    transition: .2s cubic-bezier(.1, .7, .5, 1);
    color: #fff9;
    border: 1px solid rgba(255, 255, 255, .1);
    box-sizing: border-box;
    border-radius: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 13px;
    height: 42px;
    cursor: pointer;
    background: transparent
}

.transparent-button:hover {
    border: 1px solid rgba(255, 255, 255, .3);
    color: #fff
}

.transparent-button[disabled] {
    border: 1px solid rgba(255, 255, 255, .1);
    color: #fff3;
    cursor: default
}

.grey-button {
    background: #323537;
    mix-blend-mode: normal;
    border-radius: 5px;
    color: #fff9;
    text-align: center;
    border: none;
    outline: none;
    font-weight: 400;
    font-size: 14px;
    line-height: 14px
}

.grey-button:hover {
    background: #393d40;
    color: #fff
}

.close-button {
    z-index: 9;
    position: absolute;
    right: 35.34px;
    top: 35.34px;
    border: none;
    display: block;
    background-size: 79px 64px;
    width: 16px;
    height: 16px
}

::-webkit-scrollbar {
    width: 4px;
    height: 4px
}

::-webkit-scrollbar-track {
    border-radius: 11px
}

::-webkit-scrollbar-thumb {
    background: #e9f4ff21
}

::-webkit-scrollbar-thumb:hover {
    background: #555
}

.flex-basic-100 {
    flex-basis: 100%
}

.transparent-green-button {
    background: #98b81833;
    border-radius: 5px;
    color: #98b818;
    border: none;
    cursor: pointer;
    text-align: center
}

.white-blue {
    background: #fffc;
    border-radius: 5px;
    outline: none;
    border: none;
    text-align: center;
    color: #1888b8
}

.float-wrapper {
    width: 100%;
    display: flex;
    margin-bottom: 6px;
    height: 12px
}

.float-wrapper .fn {
    background: #1d626f;
    border-radius: 22px 0 0 22px;
    width: 7%
}

.float-wrapper .mw {
    width: 8%;
    background: #8eaf4a
}

.float-wrapper .ft {
    width: 23%;
    background: #ffdf45
}

.float-wrapper .ww {
    width: 7%;
    background: #ff8f48
}

.float-wrapper .bs {
    width: 55%;
    background: #f3573e;
    border-radius: 0 22px 22px 0
}

.blue {
    color: #1888b8
}

.green {
    color: #98b818
}

.red {
    color: #f24c05
}

.flex {
    display: flex
}

.inline-flex {
    display: inline-flex !important
}

.flex-col {
    flex-direction: column
}

.shrink-0 {
    flex-shrink: 0
}

.justify-between {
    justify-content: space-between
}

.justify-around {
    justify-content: space-around
}

.justify-center {
    justify-content: center
}

.items-center {
    align-items: center
}

app-svg {
    display: flex
}

.ml-auto {
    margin-left: auto
}

.button-container {
    display: flex
}

.notification {
    background: #292c2f;
    padding: 14px 20px;
    border-radius: 5px;
    display: flex;
    align-items: center
}

@keyframes ghost-lines {
    0% {
        background-position: -100px
    }

    40% {
        background-position: 40vw
    }

    to {
        background-position: 60vw
    }
}

.basket-popup.mat-mdc-menu-panel {
    max-width: initial
}

.cart-full-info {
    width: 375px;
    padding: 17px 20px 20px 10px;
    box-sizing: border-box;
    top: calc(100% + 16px);
    margin: -8px 0
}

@media (max-width: 1199px) {
    .cart-full-info {
        width: initial;
        padding: 20px
    }
}

.cart-full-info .m-title {
    font-weight: 700;
    font-size: 14px;
    line-height: 17px;
    margin-bottom: 16px;
    color: #fff
}

.cart-full-info .list {
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 6px
}

.cart-full-info .total-container {
    margin: 15px 0;
    display: flex
}

.cart-full-info .total-container .container {
    width: 50%;
    color: #fff
}

.cart-full-info .total-container .container .title {
    font-weight: 400;
    font-size: 12px;
    line-height: 15px;
    color: #adaeaf;
    margin-bottom: 5px
}

.cart-full-info .total-container .container .sub-title {
    font-weight: 700
}

.cart-full-info .total-container .container .sub-title mat-icon {
    height: 1em;
    width: 1em;
    line-height: 1em;
    vertical-align: text-top
}

.cart-full-info .total-container .container:last-child {
    border-left: 1px solid rgba(255, 255, 255, .04);
    padding-left: 13px
}

.cart-full-info .ways button {
    width: 100%;
    height: 42px
}

.cart-full-info .ways button+button {
    margin-top: 10px
}

.cart-full-info .green-button,
.cart-full-info .transparent-button {
    height: 42px;
    font-weight: 700;
    font-size: 14px;
    line-height: 130%;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center
}

.cart-full-info .green-button {
    margin-bottom: 10px
}

.cart-full-info .transparent-button {
    color: #98b818
}

button.spinner {
    position: relative
}

button.spinner mat-spinner {
    position: absolute;
    top: 50%;
    left: 50%
}

.menu-header {
    min-width: 320px !important
}

.projects-menu .mat-mdc-menu-content:not(:empty),
.projects-menu-top .mat-mdc-menu-content:not(:empty) {
    padding: 0
}

.projects-menu-top {
    font-size: 14px
}

mat-icon.menu {
    width: 6px;
    height: 6px;
    min-height: 6px;
    line-height: 0;
    opacity: .6;
    padding-left: 7px
}

.flex-row {
    display: flex;
    flex-direction: row
}

.cdk-global-scrollblock {
    overflow: initial
}

.text-overflow {
    overflow: hidden;
    text-overflow: ellipsis
}

.overflow-hidden {
    overflow: hidden !important
}

.dotted.loading:after {
    content: " .";
    animation: dots 1s steps(5, end) infinite
}

@keyframes dots {

    0%,
    20% {
        color: #0000;
        text-shadow: .25em 0 0 rgba(0, 0, 0, 0), .5em 0 0 rgba(0, 0, 0, 0)
    }

    40% {
        color: inherit;
        text-shadow: .25em 0 0 rgba(0, 0, 0, 0), .5em 0 0 rgba(0, 0, 0, 0)
    }

    60% {
        text-shadow: .25em 0 0, .5em 0 0 rgba(0, 0, 0, 0)
    }

    80%,
    to {
        text-shadow: .25em 0 0, .5em 0 0
    }
}

mat-sidenav.inwrap .mat-drawer-inner-container {
    overflow: initial
}

.mobile-menu+div,
.mobile-menu-landing+div {
    left: 0 !important;
    top: 50px !important
}


.mobile-menu-landing+div {
    top: 60px !important
}

.profile-menu+div {
    right: 0 !important
}

.filter-menu+div {
    left: 0 !important;
    top: 0 !important
}

.filter-menu+div .mat-menu-panel {
    max-height: initial
}

mat-sidenav.to-left {
    left: 0
}

mat-sidenav {
    background-color: #242628 !important
}

.mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-today):not(.mat-calendar-body-selected) {
    background: unset !important
}

.mat-calendar-body-cell:hover>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected) {
    background-color: #0aa9ed33 !important
}

.toast-top-left {
    top: 90px;
    left: 30px
}

.mat-datepicker-content-container .mat-datepicker-actions {
    padding-bottom: 0;
    margin: 16px 0
}

.mat-datepicker-content {
    background-color: #181a1e;
    min-width: 365px
}

.mat-datepicker-content .mat-calendar {
    width: 100% !important;
    height: initial !important
}

.mat-calendar-content {
    border-bottom: 1px solid rgba(238, 237, 240, .05)
}

.notranslate .calendar-icon {
    width: 15px;
    height: 15px
}

.mat-calendar-table-header-divider:after {
    display: none
}

.mat-calendar-body-label:not(:last-of-type) {
    visibility: hidden
}

.mat-calendar-body-label:last-of-type {
    display: none
}

.mat-calendar-body-cell-content {
    border-radius: 8px !important;
    width: 100% !important;
    height: 100% !important;
    inset: 0 !important
}

.mat-calendar-body-cell-preview {
    height: 100% !important;
    top: 0 !important
}

.mat-calendar-body-selected {
    background-color: #0aa9ed !important
}

.mat-calendar-body-in-range:before,
.mat-calendar-body-in-range:after {
    background: #0aa9ed33 !important;
    height: 100% !important;
    top: 0 !important
}

.mat-calendar-body-range-start .mat-calendar-body-selected {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important
}

.mat-calendar-body-range-end .mat-calendar-body-selected {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important
}

.mat-calendar-body-today:not(.mat-calendar-body-selected) {
    background-color: #464d5333 !important;
    border: unset !important
}

.mat-calendar-body-active .mat-calendar-body-cell-content:not(.mat-calendar-body-today):not(.mat-calendar-body-selected) {
    background: unset !important
}

.mat-calendar-body-cell:hover .mat-calendar-body-cell-content:not(.mat-calendar-body-selected) {
    background-color: #0aa9ed33 !important
}

.mat-calendar-body-cell.mat-calendar-body-disabled:hover .mat-calendar-body-cell-content {
    background-color: unset !important
}

.mat-calendar-controls .mat-unthemed:hover .mat-mdc-button-persistent-ripple {
    background-color: #0aa9ed33;
    border-radius: 8px !important
}

.mat-calendar-header {
    padding-top: 0 !important
}

.mat-calendar-header .mat-calendar-controls {
    margin: 20px 0 6px
}

.mat-calendar-body-disabled .mat-calendar-body-cell-content {
    color: #ffffff4d !important
}

.modal-wide-padding app-modal-wrap {
    padding: 0 60px 60px
}

#sih-btn {
    display: none
}





.projects-menu[_ngcontent-serverApp-c48021884] {
    min-width: 160px;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 5px 0
  }

  .projects-menu[_ngcontent-serverApp-c48021884] .project[_ngcontent-serverApp-c48021884] {
    display: flex;
    box-sizing: border-box;
    flex-direction: column;
    padding: 10px 17px;
    width: 100%
  }

  .projects-menu[_ngcontent-serverApp-c48021884] .project.list[_ngcontent-serverApp-c48021884] {
    padding: 0
  }

  .projects-menu[_ngcontent-serverApp-c48021884] .project.list[_ngcontent-serverApp-c48021884]:last-of-type {
    padding-bottom: 7px
  }

  .projects-menu[_ngcontent-serverApp-c48021884] .project.list[_ngcontent-serverApp-c48021884]+.list[_ngcontent-serverApp-c48021884] {
    padding-top: 14px
  }

  .projects-menu[_ngcontent-serverApp-c48021884] .project.list[_ngcontent-serverApp-c48021884] .links[_ngcontent-serverApp-c48021884] a[_ngcontent-serverApp-c48021884] {
    padding: 0 20px;
    line-height: 26px;
    box-sizing: border-box
  }

  .projects-menu[_ngcontent-serverApp-c48021884] .project[_ngcontent-serverApp-c48021884] .title[_ngcontent-serverApp-c48021884] {
    font-weight: 700;
    font-size: 14px;
    line-height: 16px;
    display: flex;
    align-items: center;
    flex-direction: row
  }

  .projects-menu[_ngcontent-serverApp-c48021884] .project[_ngcontent-serverApp-c48021884] .title[_ngcontent-serverApp-c48021884] a[_ngcontent-serverApp-c48021884] {
    padding: 0 10px;
    color: #fff;
    cursor: pointer
  }

  .projects-menu[_ngcontent-serverApp-c48021884] .project[_ngcontent-serverApp-c48021884] .title[_ngcontent-serverApp-c48021884] span[_ngcontent-serverApp-c48021884] {
    padding-left: 6px
  }

  .projects-menu[_ngcontent-serverApp-c48021884] .project[_ngcontent-serverApp-c48021884] .title[_ngcontent-serverApp-c48021884] app-svg[_ngcontent-serverApp-c48021884] {
    color: #fff
  }

  .projects-menu[_ngcontent-serverApp-c48021884] .horizontal-line[_ngcontent-serverApp-c48021884] {
    width: 100%;
    padding: 0 19px;
    box-sizing: border-box;
    margin: 5px 0
  }

  .projects-menu[_ngcontent-serverApp-c48021884] .horizontal-line[_ngcontent-serverApp-c48021884] hr[_ngcontent-serverApp-c48021884] {
    border: 0;
    border-top: 1px solid rgba(255, 255, 255, .04);
    width: 100%;
    margin: 0
  }

  .projects-menu[_ngcontent-serverApp-c48021884] a.project[_ngcontent-serverApp-c48021884] {
    color: #fff
  }

  .projects-menu[_ngcontent-serverApp-c48021884] a.project[_ngcontent-serverApp-c48021884]:hover {
    background: #202227
  }

  .projects-menu[_ngcontent-serverApp-c48021884] .links[_ngcontent-serverApp-c48021884] {
    width: 100%;
    display: flex;
    flex-direction: column;
    padding-top: 3px
  }

  .projects-menu[_ngcontent-serverApp-c48021884] .link[_ngcontent-serverApp-c48021884] {
    width: 100%;
    font-weight: 400;
    font-size: 14px;
    line-height: 26px;
    color: #fff;
    cursor: pointer
  }

  .projects-menu[_ngcontent-serverApp-c48021884] .link[_ngcontent-serverApp-c48021884]:hover {
    background: #1f2122
  }


  
  .mobile[_nghost-serverApp-c3196829585] button[_ngcontent-serverApp-c3196829585],
  .mobile [_nghost-serverApp-c3196829585] button[_ngcontent-serverApp-c3196829585] {
    padding: 0 !important
  }

  .icon[_ngcontent-serverApp-c3196829585] {
    color: #fff
  }

  .icon-menu[_ngcontent-serverApp-c3196829585] {
    font-size: 14px
  }

  button[_ngcontent-serverApp-c3196829585] {
    font-weight: 700;
    --mdc-filled-button-label-text-color: #FFFFFF !important;
    --mat-filled-button-horizontal-padding: 12px
  }

  button[_ngcontent-serverApp-c3196829585] .currency-button[_ngcontent-serverApp-c3196829585] {
    display: flex;
    align-items: center
  }

  button[_ngcontent-serverApp-c3196829585] mat-icon[_ngcontent-serverApp-c3196829585] {
    width: 6px;
    height: 6px;
    min-width: 6px;
    line-height: 0;
    padding-left: 7px
  }

  .currency-list[_ngcontent-serverApp-c3196829585] {
    display: flex;
    align-items: center;
    font-weight: 700
  }

  .currency-list[_ngcontent-serverApp-c3196829585]:hover {
    background: #3f4a6233
  }

  .currency-list[_ngcontent-serverApp-c3196829585] span[_ngcontent-serverApp-c3196829585]+span[_ngcontent-serverApp-c3196829585] {
    padding-left: 7px
  }


  
  .loading[_nghost-serverApp-c4292047907] .item[_ngcontent-serverApp-c4292047907],
  .loading [_nghost-serverApp-c4292047907] .item[_ngcontent-serverApp-c4292047907] {
    cursor: initial
  }

  .loading[_nghost-serverApp-c4292047907] .item[_ngcontent-serverApp-c4292047907] .blue-button[_ngcontent-serverApp-c4292047907],
  .loading [_nghost-serverApp-c4292047907] .item[_ngcontent-serverApp-c4292047907] .blue-button[_ngcontent-serverApp-c4292047907] {
    display: none
  }

  .loading[_nghost-serverApp-c4292047907] .item[_ngcontent-serverApp-c4292047907]:before,
  .loading [_nghost-serverApp-c4292047907] .item[_ngcontent-serverApp-c4292047907]:before {
    content: "";
    position: absolute;
    background: #000;
    opacity: .3;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99
  }

  .loading[_nghost-serverApp-c4292047907] .item[_ngcontent-serverApp-c4292047907]:hover,
  .loading [_nghost-serverApp-c4292047907] .item[_ngcontent-serverApp-c4292047907]:hover {
    background: #242629
  }

  .loading[_nghost-serverApp-c4292047907] .item[_ngcontent-serverApp-c4292047907]:hover:before,
  .loading [_nghost-serverApp-c4292047907] .item[_ngcontent-serverApp-c4292047907]:hover:before {
    opacity: .3
  }

  .loading[_nghost-serverApp-c4292047907] .item[_ngcontent-serverApp-c4292047907]:hover .img-block[_ngcontent-serverApp-c4292047907] .img[_ngcontent-serverApp-c4292047907] img[_ngcontent-serverApp-c4292047907],
  .loading [_nghost-serverApp-c4292047907] .item[_ngcontent-serverApp-c4292047907]:hover .img-block[_ngcontent-serverApp-c4292047907] .img[_ngcontent-serverApp-c4292047907] img[_ngcontent-serverApp-c4292047907] {
    transform: initial
  }

  mat-icon.warning[_ngcontent-serverApp-c4292047907] {
    position: absolute;
    width: 19px;
    height: 19px;
    line-height: 0;
    top: 5px;
    right: 7px;
    z-index: 1;
    color: #f24c05
  }

  [_nghost-serverApp-c4292047907] {
    display: block;
    height: 100%;
    will-change: opacity;
    position: relative
  }

  .selected[_nghost-serverApp-c4292047907] .item[_ngcontent-serverApp-c4292047907] {
    box-shadow: 0 0 0 1px #98b818
  }

  [_nghost-serverApp-c4292047907]>mat-spinner[_ngcontent-serverApp-c4292047907] {
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 0;
    right: 0;
    margin: auto;
    transform: translateY(-50%)
  }

  .item[_ngcontent-serverApp-c4292047907] {
    transition: .2s ease;
    overflow: hidden;
    background: #181a1e;
    mix-blend-mode: normal;
    border-radius: 5px;
    padding: 6px;
    color: #fff;
    width: 100%;
    height: 186px;
    position: relative;
    cursor: pointer;
    box-sizing: border-box
  }

  .item.untradable[_ngcontent-serverApp-c4292047907] {
    opacity: .3
  }

  .item.activeBuyer[_ngcontent-serverApp-c4292047907] .img-block[_ngcontent-serverApp-c4292047907] {
    opacity: .1
  }

  .item.activeBuyer[_ngcontent-serverApp-c4292047907] .ctp[_ngcontent-serverApp-c4292047907] {
    display: none
  }

  .item.rarity[_ngcontent-serverApp-c4292047907]:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: .7;
    transition: opacity .2s cubic-bezier(.1, .7, .5, 1), color .2s cubic-bezier(.1, .7, .5, 1)
  }

  .item.rarity-0[_ngcontent-serverApp-c4292047907]:before {
    background: linear-gradient(180deg, #181a1e 0% 100%)
  }

  .item.rarity-1[_ngcontent-serverApp-c4292047907]:before {
    background: linear-gradient(180deg, #181a1e, #2c2f35)
  }

  .item.rarity-2[_ngcontent-serverApp-c4292047907]:before {
    background: linear-gradient(180deg, #181a1e, #132535)
  }

  .item.rarity-3[_ngcontent-serverApp-c4292047907]:before {
    background: linear-gradient(180deg, #181a1e, #172953)
  }

  .item.rarity-4[_ngcontent-serverApp-c4292047907]:before {
    background: linear-gradient(180deg, #181a1e, #2f1e53)
  }

  .item.rarity-5[_ngcontent-serverApp-c4292047907]:before {
    background: linear-gradient(180deg, #181a1e, #4f1e53)
  }

  .item.rarity-6[_ngcontent-serverApp-c4292047907]:before {
    background: linear-gradient(180deg, #181a1e, #431913)
  }

  .item.rarity-7[_ngcontent-serverApp-c4292047907]:before {
    background: linear-gradient(180deg, #181a1e, #3a361c)
  }

  .item.rarity[_ngcontent-serverApp-c4292047907]:hover:before {
    opacity: 1
  }

  .item[_ngcontent-serverApp-c4292047907] .item-info-block[_ngcontent-serverApp-c4292047907] {
    padding: 0 2px
  }

  .item[_ngcontent-serverApp-c4292047907] .item-info-block[_ngcontent-serverApp-c4292047907] .stickers[_ngcontent-serverApp-c4292047907] {
    display: none
  }

  .item[_ngcontent-serverApp-c4292047907] .item-info-block[_ngcontent-serverApp-c4292047907] .needPrice[_ngcontent-serverApp-c4292047907] {
    font-size: 12px;
    color: #adaeaf
  }

  .item[_ngcontent-serverApp-c4292047907] .item-info-block[_ngcontent-serverApp-c4292047907] .block[_ngcontent-serverApp-c4292047907] {
    gap: 7px
  }

  .item[_ngcontent-serverApp-c4292047907] .item-info-block[_ngcontent-serverApp-c4292047907] .block[_ngcontent-serverApp-c4292047907] .popularity[_ngcontent-serverApp-c4292047907] {
    display: flex;
    font-weight: 400;
    font-size: 12px;
    gap: 2px;
    color: #adaeaf;
    width: fit-content
  }

  .item[_ngcontent-serverApp-c4292047907] .item-info-block[_ngcontent-serverApp-c4292047907] .block[_ngcontent-serverApp-c4292047907] .popularity[_ngcontent-serverApp-c4292047907] mat-icon[_ngcontent-serverApp-c4292047907] {
    width: 11px;
    height: 13px
  }

  .item.dummy[_ngcontent-serverApp-c4292047907],
  .item.dummy[_ngcontent-serverApp-c4292047907]:hover {
    background-color: #181a1e;
    position: relative;
    background-size: 100% 100%;
    background-image: url("");
    background-repeat: no-repeat
  }

  .item[_ngcontent-serverApp-c4292047907] .close-button[_ngcontent-serverApp-c4292047907] {
    width: 15px;
    height: 15px;
    padding: 0 !important;
    position: absolute;
    top: 0;
    right: 0
  }

  .item[_ngcontent-serverApp-c4292047907] .close-button[_ngcontent-serverApp-c4292047907] mat-icon[_ngcontent-serverApp-c4292047907] {
    opacity: .6;
    display: flex;
    line-height: 0;
    width: 15px;
    height: 15px
  }

  .item[_ngcontent-serverApp-c4292047907] .item-container[_ngcontent-serverApp-c4292047907] {
    height: 100%;
    overflow: hidden;
    width: 100%;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-end
  }

  .item[_ngcontent-serverApp-c4292047907] .item-container[_ngcontent-serverApp-c4292047907] .item-item-position[_ngcontent-serverApp-c4292047907] {
    width: 40%;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    top: 0;
    right: 0
  }

  .item[_ngcontent-serverApp-c4292047907] .item-container[_ngcontent-serverApp-c4292047907] .item-item-position.qty[_ngcontent-serverApp-c4292047907] {
    color: #adaeaf;
    gap: 3px
  }

  .item[_ngcontent-serverApp-c4292047907] .item-container[_ngcontent-serverApp-c4292047907] .item-item-position.qty[_ngcontent-serverApp-c4292047907] .icon-position[_ngcontent-serverApp-c4292047907] {
    width: 9px;
    height: 9px;
    min-width: 9px;
    min-height: 9px;
    line-height: 0
  }

  .item[_ngcontent-serverApp-c4292047907] .item-container[_ngcontent-serverApp-c4292047907] .item-item-position.qty[_ngcontent-serverApp-c4292047907] .position[_ngcontent-serverApp-c4292047907] {
    font-size: 12px
  }

  .item[_ngcontent-serverApp-c4292047907] .item-container[_ngcontent-serverApp-c4292047907] .item-item-position[_ngcontent-serverApp-c4292047907] .position[_ngcontent-serverApp-c4292047907] {
    font-size: 14px;
    text-overflow: ellipsis;
    overflow: hidden
  }

  .item[_ngcontent-serverApp-c4292047907] .item-container[_ngcontent-serverApp-c4292047907] .item-item-position[_ngcontent-serverApp-c4292047907] .red[_ngcontent-serverApp-c4292047907] {
    stroke: red
  }

  .item[_ngcontent-serverApp-c4292047907] .item-container[_ngcontent-serverApp-c4292047907] .item-item-position[_ngcontent-serverApp-c4292047907] .grey[_ngcontent-serverApp-c4292047907] {
    stroke: gray
  }

  .item[_ngcontent-serverApp-c4292047907] .item-container[_ngcontent-serverApp-c4292047907] .item-item-position[_ngcontent-serverApp-c4292047907] .green[_ngcontent-serverApp-c4292047907] {
    stroke: #adff2f
  }

  .item[_ngcontent-serverApp-c4292047907] .item-container[_ngcontent-serverApp-c4292047907] .item-item-position[_ngcontent-serverApp-c4292047907] .icon-position[_ngcontent-serverApp-c4292047907] {
    fill: #2f3336;
    width: 18px;
    min-width: 18px;
    height: 18px;
    line-height: 18px
  }

  .item[_ngcontent-serverApp-c4292047907] .item-info-container[_ngcontent-serverApp-c4292047907] {
    z-index: 2
  }

  .item[_ngcontent-serverApp-c4292047907]:hover {
    background: #293036
  }

  .item[_ngcontent-serverApp-c4292047907]:hover .img-block[_ngcontent-serverApp-c4292047907] .img[_ngcontent-serverApp-c4292047907] img[_ngcontent-serverApp-c4292047907] {
    transform: scale(1.1)
  }

  .item[_ngcontent-serverApp-c4292047907] .phase[_ngcontent-serverApp-c4292047907] {
    position: absolute;
    border-radius: 2px;
    background-color: #3b4044;
    top: 6px;
    right: 6px;
    line-height: 16px
  }

  .item[_ngcontent-serverApp-c4292047907] .phase[_ngcontent-serverApp-c4292047907] span[_ngcontent-serverApp-c4292047907] {
    color: #adaeaf;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    padding: 2px 5px
  }

  .item[_ngcontent-serverApp-c4292047907] .stickers[_ngcontent-serverApp-c4292047907] {
    position: absolute;
    top: 0;
    left: 0;
    display: flex
  }

  .item[_ngcontent-serverApp-c4292047907] .stickers[_ngcontent-serverApp-c4292047907] .sticker[_ngcontent-serverApp-c4292047907] .sticker-img[_ngcontent-serverApp-c4292047907] {
    width: 34px;
    height: 30px;
    background: center no-repeat;
    background-size: contain !important
  }

  .item[_ngcontent-serverApp-c4292047907] .stickers[_ngcontent-serverApp-c4292047907] .sticker[_ngcontent-serverApp-c4292047907]:first-child {
    margin-left: 0
  }

  .item[_ngcontent-serverApp-c4292047907] .selected[_ngcontent-serverApp-c4292047907] .img[_ngcontent-serverApp-c4292047907] {
    opacity: .1
  }

  .item[_ngcontent-serverApp-c4292047907] .change-price[_ngcontent-serverApp-c4292047907] {
    cursor: pointer;
    display: flex;
    flex-direction: column;
    height: fit-content;
    overflow: hidden;
    position: absolute;
    top: 0;
    border-radius: 0 0 3px 3px;
    width: 100%;
    z-index: 9;
    left: 0;
    box-sizing: border-box;
    align-items: center
  }

  .item[_ngcontent-serverApp-c4292047907] .change-price_one-button[_ngcontent-serverApp-c4292047907] {
    flex-direction: row;
    height: 30px;
    justify-content: center
  }

  .item[_ngcontent-serverApp-c4292047907] .change-price[_ngcontent-serverApp-c4292047907] .hover-button[_ngcontent-serverApp-c4292047907] {
    display: flex;
    align-items: center;
    width: 100%;
    height: 30px;
    border-radius: 0
  }

  .item[_ngcontent-serverApp-c4292047907] .change-price[_ngcontent-serverApp-c4292047907] .hover-button-link[_ngcontent-serverApp-c4292047907] {
    width: 100%
  }

  .item[_ngcontent-serverApp-c4292047907] .change-price[_ngcontent-serverApp-c4292047907] span[_ngcontent-serverApp-c4292047907] {
    font-size: 12px;
    line-height: 15px;
    margin-left: 3px
  }

  .item[_ngcontent-serverApp-c4292047907] .img-block[_ngcontent-serverApp-c4292047907] {
    width: 100%;
    height: 100%
  }

  .item[_ngcontent-serverApp-c4292047907] .img-block[_ngcontent-serverApp-c4292047907] .img[_ngcontent-serverApp-c4292047907] {
    width: 100%;
    height: 100%;
    text-align: center;
    position: absolute
  }

  .item[_ngcontent-serverApp-c4292047907] .img-block[_ngcontent-serverApp-c4292047907] .img[_ngcontent-serverApp-c4292047907] img[_ngcontent-serverApp-c4292047907] {
    margin-top: 10px;
    max-width: 128px;
    max-height: 96px;
    width: auto;
    height: auto;
    transition: .2s ease
  }

  .item[_ngcontent-serverApp-c4292047907] .type[_ngcontent-serverApp-c4292047907] {
    font-size: 12px;
    line-height: 15px
  }

  .item[_ngcontent-serverApp-c4292047907] .price[_ngcontent-serverApp-c4292047907] {
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    display: flex;
    align-items: center;
    z-index: 100
  }

  .item[_ngcontent-serverApp-c4292047907] .price[_ngcontent-serverApp-c4292047907] .icon[_ngcontent-serverApp-c4292047907] {
    width: 16px;
    height: 16px
  }

  .item[_ngcontent-serverApp-c4292047907] .price[_ngcontent-serverApp-c4292047907] mat-icon[_ngcontent-serverApp-c4292047907] {
    height: 16px;
    width: 16px;
    line-height: 16px
  }

  .item[_ngcontent-serverApp-c4292047907] .price[_ngcontent-serverApp-c4292047907] .sale[_ngcontent-serverApp-c4292047907] {
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    margin-left: 1px;
    color: #f24c05
  }

  .item[_ngcontent-serverApp-c4292047907] .quality[_ngcontent-serverApp-c4292047907] {
    font-size: 12px;
    line-height: 15px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    color: #adaeaf;
    height: 30px
  }

  .item[_ngcontent-serverApp-c4292047907] .quality.statTrak[_ngcontent-serverApp-c4292047907] {
    color: #d3b000
  }

  .item.green-background[_ngcontent-serverApp-c4292047907] {
    background: #2a2f20;
    cursor: default
  }

  .item.green-background[_ngcontent-serverApp-c4292047907] .img-block[_ngcontent-serverApp-c4292047907] .img[_ngcontent-serverApp-c4292047907],
  .item.green-background[_ngcontent-serverApp-c4292047907] .stickers[_ngcontent-serverApp-c4292047907] {
    opacity: .1
  }

  .item.green-background[_ngcontent-serverApp-c4292047907]:after {
    display: none
  }

  .item.blue-background[_ngcontent-serverApp-c4292047907] {
    cursor: default;
    background: #559fe21a
  }

  .item.blue-background[_ngcontent-serverApp-c4292047907] .img-block[_ngcontent-serverApp-c4292047907] .img[_ngcontent-serverApp-c4292047907],
  .item.blue-background[_ngcontent-serverApp-c4292047907] .stickers[_ngcontent-serverApp-c4292047907] {
    opacity: .1
  }

  .item.blue-background[_ngcontent-serverApp-c4292047907]:after {
    display: none
  }

  .item[_ngcontent-serverApp-c4292047907] .item-selected[_ngcontent-serverApp-c4292047907] {
    display: none;
    position: absolute;
    width: 60px;
    height: 60px;
    background: #98b818;
    border-radius: 50%;
    inset: 42px 0 0 48px;
    justify-content: center;
    align-items: center
  }

  .item.selected[_ngcontent-serverApp-c4292047907]:hover {
    background: #2f3336
  }

  .item.selected[_ngcontent-serverApp-c4292047907] .img-block[_ngcontent-serverApp-c4292047907] {
    opacity: .2
  }

  .item.selected[_ngcontent-serverApp-c4292047907] .item-selected[_ngcontent-serverApp-c4292047907] {
    display: flex
  }

  .lock[_ngcontent-serverApp-c4292047907] {
    position: absolute;
    top: 8px;
    right: 8px;
    font-size: 12px;
    line-height: 15px;
    color: #adaeaf;
    display: flex
  }

  .lock[_ngcontent-serverApp-c4292047907] app-svg[_ngcontent-serverApp-c4292047907] {
    margin-right: 4px
  }

  .block[_ngcontent-serverApp-c4292047907] {
    display: block
  }


  
  .item.activeSeller[_ngcontent-serverApp-c4292047907] {
    cursor: initial
  }

  .item.activeSeller[_ngcontent-serverApp-c4292047907] .img-block[_ngcontent-serverApp-c4292047907] {
    opacity: .1
  }

  .item.activeSeller[_ngcontent-serverApp-c4292047907] .ctp[_ngcontent-serverApp-c4292047907] {
    display: none
  }

  .item[_ngcontent-serverApp-c4292047907] .transparent-green[_ngcontent-serverApp-c4292047907],
  .item[_ngcontent-serverApp-c4292047907] .waiting-lable[_ngcontent-serverApp-c4292047907] {
    box-sizing: border-box;
    padding: 0 10px;
    height: 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: #98b81833;
    color: #98b818;
    border-radius: 5px;
    font-size: 12px;
    text-align: center
  }

  .num[_ngcontent-serverApp-c4292047907] {
    font-feature-settings: "tnum";
    font-variant-numeric: tabular-nums
  }

  .seller.active-items-container[_ngcontent-serverApp-c4292047907] {
    padding: 6px;
    box-sizing: border-box;
    position: absolute;
    top: 34px;
    left: 0;
    width: 100%;
    display: flex;
    gap: 11px;
    flex-direction: column;
    align-items: center;
    height: 100%
  }

  .seller.active-items-container[_ngcontent-serverApp-c4292047907] .time[_ngcontent-serverApp-c4292047907] {
    display: flex;
    align-items: center;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    color: #fff;
    margin-bottom: 6px
  }

  .seller.active-items-container[_ngcontent-serverApp-c4292047907] .time[_ngcontent-serverApp-c4292047907] app-svg[_ngcontent-serverApp-c4292047907] {
    margin-right: 5px
  }

  .seller.active-items-container[_ngcontent-serverApp-c4292047907] .time[_ngcontent-serverApp-c4292047907] .no-guarantee[_ngcontent-serverApp-c4292047907] {
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    color: #f24c05
  }

  .seller.active-items-container[_ngcontent-serverApp-c4292047907] button[_ngcontent-serverApp-c4292047907] {
    height: 30px;
    font-weight: 700;
    font-size: 12px;
    line-height: 130%;
    text-align: center;
    padding: 7px 11px;
    margin-bottom: 35px
  }

  .seller.active-items-container[_ngcontent-serverApp-c4292047907] button.transparent-green-button[_ngcontent-serverApp-c4292047907] {
    font-weight: 400
  }

  .seller.active-items-container[_ngcontent-serverApp-c4292047907] .active-container[_ngcontent-serverApp-c4292047907] {
    width: 100%;
    height: 100%;
    background: #1888b8;
    border-radius: 5px;
    padding: 11px 12px;
    box-sizing: border-box
  }

  .seller.active-items-container[_ngcontent-serverApp-c4292047907] .active-container[_ngcontent-serverApp-c4292047907] .buyer[_ngcontent-serverApp-c4292047907] {
    font-weight: 700;
    font-size: 14px;
    line-height: 17px;
    padding-bottom: 12px;
    border-bottom: 1px dashed rgba(255, 255, 255, .3);
    margin-bottom: 18px
  }

  .seller.active-items-container[_ngcontent-serverApp-c4292047907] .active-container[_ngcontent-serverApp-c4292047907] .info[_ngcontent-serverApp-c4292047907] {
    font-weight: 400;
    font-size: 12px;
    line-height: 15px;
    margin-bottom: 4px;
    color: #fff9
  }

  .seller.active-items-container[_ngcontent-serverApp-c4292047907] .active-container[_ngcontent-serverApp-c4292047907] .info[_ngcontent-serverApp-c4292047907] span[_ngcontent-serverApp-c4292047907] {
    color: #fff;
    font-weight: 700
  }

  .seller.active-items-container[_ngcontent-serverApp-c4292047907] .active-container[_ngcontent-serverApp-c4292047907] .white-blue[_ngcontent-serverApp-c4292047907] {
    width: 100%;
    margin: 6px 0 0;
    padding: 12px 0;
    font-weight: 700;
    font-size: 14px;
    line-height: 130%;
    height: 42px
  }

  .seller.active-items-container.final-status[_ngcontent-serverApp-c4292047907] .waiting-lable[_ngcontent-serverApp-c4292047907] {
    width: 100%
  }

  .seller.active-items-container.final-status[_ngcontent-serverApp-c4292047907] .close-at[_ngcontent-serverApp-c4292047907] {
    color: #adaeaf
  }

  .seller.active-items-container[_ngcontent-serverApp-c4292047907] .close-at-mb[_ngcontent-serverApp-c4292047907] {
    margin-bottom: 5px
  }


  
  .item.activeBuyer[_ngcontent-serverApp-c4292047907] {
    background: #2a2f20
  }

  .item.activeBuyer[_ngcontent-serverApp-c4292047907] .img-block[_ngcontent-serverApp-c4292047907] {
    opacity: .1
  }

  .item.activeBuyer[_ngcontent-serverApp-c4292047907] .ctp[_ngcontent-serverApp-c4292047907] {
    display: none
  }

  .buyer.active-items-container[_ngcontent-serverApp-c4292047907] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 100%;
    justify-content: center
  }

  .buyer.active-items-container[_ngcontent-serverApp-c4292047907] .time[_ngcontent-serverApp-c4292047907] {
    display: flex;
    align-items: center;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    color: #fff;
    margin-bottom: 6px
  }

  .buyer.active-items-container[_ngcontent-serverApp-c4292047907] .time[_ngcontent-serverApp-c4292047907] app-svg[_ngcontent-serverApp-c4292047907] {
    margin-right: 5px
  }

  .buyer.active-items-container[_ngcontent-serverApp-c4292047907] .time[_ngcontent-serverApp-c4292047907] .no-guarantee[_ngcontent-serverApp-c4292047907] {
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    color: #f24c05
  }

  .buyer.active-items-container[_ngcontent-serverApp-c4292047907] button[_ngcontent-serverApp-c4292047907],
  .buyer.active-items-container[_ngcontent-serverApp-c4292047907] .seller-waiting[_ngcontent-serverApp-c4292047907] {
    height: 30px;
    font-weight: 700;
    font-size: 12px;
    line-height: 130%;
    text-align: center;
    padding: 7px 11px;
    margin-bottom: 35px
  }

  .buyer.active-items-container[_ngcontent-serverApp-c4292047907] button.transparent-green-button[_ngcontent-serverApp-c4292047907],
  .buyer.active-items-container[_ngcontent-serverApp-c4292047907] .seller-waiting.transparent-green-button[_ngcontent-serverApp-c4292047907] {
    font-weight: 400
  }

  .buyer.active-items-container[_ngcontent-serverApp-c4292047907] .active-container[_ngcontent-serverApp-c4292047907] {
    width: 100%;
    height: 100%;
    background: #1888b8;
    border-radius: 5px;
    padding: 11px 12px;
    box-sizing: border-box
  }

  .buyer.active-items-container[_ngcontent-serverApp-c4292047907] .active-container[_ngcontent-serverApp-c4292047907] .buyer[_ngcontent-serverApp-c4292047907] {
    font-weight: 700;
    font-size: 14px;
    line-height: 17px;
    padding-bottom: 12px;
    border-bottom: 1px dashed rgba(255, 255, 255, .3);
    margin-bottom: 18px
  }

  .buyer.active-items-container[_ngcontent-serverApp-c4292047907] .active-container[_ngcontent-serverApp-c4292047907] .info[_ngcontent-serverApp-c4292047907] {
    font-weight: 400;
    font-size: 12px;
    line-height: 15px;
    margin-bottom: 4px;
    color: #fff9
  }

  .buyer.active-items-container[_ngcontent-serverApp-c4292047907] .active-container[_ngcontent-serverApp-c4292047907] .info[_ngcontent-serverApp-c4292047907] span[_ngcontent-serverApp-c4292047907] {
    color: #fff;
    font-weight: 700
  }

  .buyer.active-items-container[_ngcontent-serverApp-c4292047907] .active-container[_ngcontent-serverApp-c4292047907] .white-blue[_ngcontent-serverApp-c4292047907] {
    width: 100%;
    margin: 6px 0 0;
    padding: 12px 0;
    font-weight: 700;
    font-size: 14px;
    line-height: 130%;
    height: 42px
  }


  
  app-base-item.cart[_nghost-serverApp-c4292047907] .item[_ngcontent-serverApp-c4292047907],
  app-base-item.cart [_nghost-serverApp-c4292047907] .item[_ngcontent-serverApp-c4292047907] {
    height: initial;
    cursor: initial;
    gap: 11px;
    background: #1b1e22;
    align-items: center;
    padding: 6px 20px;
    display: flex
  }

  app-base-item.cart[_nghost-serverApp-c4292047907] .item[_ngcontent-serverApp-c4292047907] .ctp[_ngcontent-serverApp-c4292047907],
  app-base-item.cart [_nghost-serverApp-c4292047907] .item[_ngcontent-serverApp-c4292047907] .ctp[_ngcontent-serverApp-c4292047907] {
    display: none
  }

  app-base-item.cart[_nghost-serverApp-c4292047907] .item[_ngcontent-serverApp-c4292047907] .item-info-block[_ngcontent-serverApp-c4292047907],
  app-base-item.cart [_nghost-serverApp-c4292047907] .item[_ngcontent-serverApp-c4292047907] .item-info-block[_ngcontent-serverApp-c4292047907] {
    display: flex;
    flex-direction: column-reverse
  }

  app-base-item.cart[_nghost-serverApp-c4292047907] .item[_ngcontent-serverApp-c4292047907] .item-info-block[_ngcontent-serverApp-c4292047907] .type[_ngcontent-serverApp-c4292047907],
  app-base-item.cart [_nghost-serverApp-c4292047907] .item[_ngcontent-serverApp-c4292047907] .item-info-block[_ngcontent-serverApp-c4292047907] .type[_ngcontent-serverApp-c4292047907] {
    order: 1;
    font-size: 12px;
    color: #adaeaf
  }

  app-base-item.cart[_nghost-serverApp-c4292047907] .item[_ngcontent-serverApp-c4292047907] .item-info-block[_ngcontent-serverApp-c4292047907] .quality[_ngcontent-serverApp-c4292047907],
  app-base-item.cart [_nghost-serverApp-c4292047907] .item[_ngcontent-serverApp-c4292047907] .item-info-block[_ngcontent-serverApp-c4292047907] .quality[_ngcontent-serverApp-c4292047907] {
    order: 2;
    font-size: 12px;
    color: #adaeaf
  }

  app-base-item.cart[_nghost-serverApp-c4292047907] .item[_ngcontent-serverApp-c4292047907] .item-info-block[_ngcontent-serverApp-c4292047907] .price[_ngcontent-serverApp-c4292047907],
  app-base-item.cart [_nghost-serverApp-c4292047907] .item[_ngcontent-serverApp-c4292047907] .item-info-block[_ngcontent-serverApp-c4292047907] .price[_ngcontent-serverApp-c4292047907] {
    font-size: 14px;
    margin-top: 2px
  }

  app-base-item.cart[_nghost-serverApp-c4292047907] .item.rarity[_ngcontent-serverApp-c4292047907]:before,
  app-base-item.cart [_nghost-serverApp-c4292047907] .item.rarity[_ngcontent-serverApp-c4292047907]:before {
    display: none
  }

  app-base-item.cart[_nghost-serverApp-c4292047907] .item[_ngcontent-serverApp-c4292047907] .item-container[_ngcontent-serverApp-c4292047907],
  app-base-item.cart [_nghost-serverApp-c4292047907] .item[_ngcontent-serverApp-c4292047907] .item-container[_ngcontent-serverApp-c4292047907] {
    display: flex;
    gap: 7px;
    flex-direction: row;
    align-items: center
  }

  app-base-item.cart[_nghost-serverApp-c4292047907] .item[_ngcontent-serverApp-c4292047907] .item-container[_ngcontent-serverApp-c4292047907]>.stickers[_ngcontent-serverApp-c4292047907],
  app-base-item.cart [_nghost-serverApp-c4292047907] .item[_ngcontent-serverApp-c4292047907] .item-container[_ngcontent-serverApp-c4292047907]>.stickers[_ngcontent-serverApp-c4292047907] {
    display: flex
  }

  app-base-item.cart[_nghost-serverApp-c4292047907] .item[_ngcontent-serverApp-c4292047907] .item-container[_ngcontent-serverApp-c4292047907]>.stickers[_ngcontent-serverApp-c4292047907] .sticker[_ngcontent-serverApp-c4292047907],
  app-base-item.cart [_nghost-serverApp-c4292047907] .item[_ngcontent-serverApp-c4292047907] .item-container[_ngcontent-serverApp-c4292047907]>.stickers[_ngcontent-serverApp-c4292047907] .sticker[_ngcontent-serverApp-c4292047907] {
    border-radius: 99999px;
    border: 1px solid #3E4448;
    background: #2f3336;
    overflow: hidden
  }

  app-base-item.cart[_nghost-serverApp-c4292047907] .item[_ngcontent-serverApp-c4292047907] .item-container[_ngcontent-serverApp-c4292047907]>.stickers[_ngcontent-serverApp-c4292047907] .sticker[_ngcontent-serverApp-c4292047907]+.sticker[_ngcontent-serverApp-c4292047907],
  app-base-item.cart [_nghost-serverApp-c4292047907] .item[_ngcontent-serverApp-c4292047907] .item-container[_ngcontent-serverApp-c4292047907]>.stickers[_ngcontent-serverApp-c4292047907] .sticker[_ngcontent-serverApp-c4292047907]+.sticker[_ngcontent-serverApp-c4292047907] {
    margin-left: -15px
  }

  app-base-item.cart[_nghost-serverApp-c4292047907] .item[_ngcontent-serverApp-c4292047907] .stickers[_ngcontent-serverApp-c4292047907],
  app-base-item.cart [_nghost-serverApp-c4292047907] .item[_ngcontent-serverApp-c4292047907] .stickers[_ngcontent-serverApp-c4292047907] {
    position: initial
  }

  app-base-item.cart[_nghost-serverApp-c4292047907] .item[_ngcontent-serverApp-c4292047907] .img-block[_ngcontent-serverApp-c4292047907],
  app-base-item.cart [_nghost-serverApp-c4292047907] .item[_ngcontent-serverApp-c4292047907] .img-block[_ngcontent-serverApp-c4292047907] {
    flex-basis: 70px
  }

  app-base-item.cart[_nghost-serverApp-c4292047907] .item[_ngcontent-serverApp-c4292047907] .img-block[_ngcontent-serverApp-c4292047907] .img[_ngcontent-serverApp-c4292047907],
  app-base-item.cart [_nghost-serverApp-c4292047907] .item[_ngcontent-serverApp-c4292047907] .img-block[_ngcontent-serverApp-c4292047907] .img[_ngcontent-serverApp-c4292047907] {
    position: initial
  }

  app-base-item.cart[_nghost-serverApp-c4292047907] .item[_ngcontent-serverApp-c4292047907] .img-block[_ngcontent-serverApp-c4292047907] .img[_ngcontent-serverApp-c4292047907] img[_ngcontent-serverApp-c4292047907],
  app-base-item.cart [_nghost-serverApp-c4292047907] .item[_ngcontent-serverApp-c4292047907] .img-block[_ngcontent-serverApp-c4292047907] .img[_ngcontent-serverApp-c4292047907] img[_ngcontent-serverApp-c4292047907] {
    height: 50px;
    width: initial
  }

  app-base-item.cart[_nghost-serverApp-c4292047907] .item[_ngcontent-serverApp-c4292047907] .item-info-container[_ngcontent-serverApp-c4292047907],
  app-base-item.cart [_nghost-serverApp-c4292047907] .item[_ngcontent-serverApp-c4292047907] .item-info-container[_ngcontent-serverApp-c4292047907] {
    flex-grow: 1;
    margin: auto 0;
    overflow: hidden
  }

  app-base-item.cart[_nghost-serverApp-c4292047907] .item[_ngcontent-serverApp-c4292047907]:hover .img-block[_ngcontent-serverApp-c4292047907] .img[_ngcontent-serverApp-c4292047907] img[_ngcontent-serverApp-c4292047907],
  app-base-item.cart [_nghost-serverApp-c4292047907] .item[_ngcontent-serverApp-c4292047907]:hover .img-block[_ngcontent-serverApp-c4292047907] .img[_ngcontent-serverApp-c4292047907] img[_ngcontent-serverApp-c4292047907] {
    transform: initial
  }

  app-base-item.cart[_nghost-serverApp-c4292047907] button[_ngcontent-serverApp-c4292047907],
  app-base-item.cart [_nghost-serverApp-c4292047907] button[_ngcontent-serverApp-c4292047907] {
    --mdc-outlined-button-container-height: 34px
  }

  app-base-item.cart[_nghost-serverApp-c4292047907] button[_ngcontent-serverApp-c4292047907] mat-icon[_ngcontent-serverApp-c4292047907],
  app-base-item.cart [_nghost-serverApp-c4292047907] button[_ngcontent-serverApp-c4292047907] mat-icon[_ngcontent-serverApp-c4292047907] {
    width: 16px;
    height: 16px;
    line-height: 0
  }

  app-base-item.cart[_nghost-serverApp-c4292047907] button.mat-mdc-outlined-button,
  app-base-item.cart [_nghost-serverApp-c4292047907] button.mat-mdc-outlined-button {
    padding: 8px !important
  }


  
  .item.editable[_ngcontent-serverApp-c4292047907] {
    height: 224px
  }

  .item.editable.in-edit[_ngcontent-serverApp-c4292047907] {
    cursor: initial
  }

  .item.editable[_ngcontent-serverApp-c4292047907] .edited[_ngcontent-serverApp-c4292047907] {
    position: absolute;
    top: 0;
    cursor: initial;
    z-index: 12;
    left: 0;
    width: 100%;
    height: 100%
  }

  .item.editable[_ngcontent-serverApp-c4292047907] .edited[_ngcontent-serverApp-c4292047907] .actions[_ngcontent-serverApp-c4292047907] {
    position: absolute;
    top: 47px;
    width: 100%;
    left: 0;
    display: flex;
    justify-content: center;
    gap: 6px;
    align-items: center;
    z-index: 12
  }

  .item.editable[_ngcontent-serverApp-c4292047907] .edited[_ngcontent-serverApp-c4292047907] .actions[_ngcontent-serverApp-c4292047907] button[_ngcontent-serverApp-c4292047907] {
    width: 32px;
    height: 32px;
    min-width: 32px;
    background: #2f3336;
    padding: 0 !important;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 !important
  }

  .item.editable[_ngcontent-serverApp-c4292047907] .edited[_ngcontent-serverApp-c4292047907] .actions[_ngcontent-serverApp-c4292047907] button[_ngcontent-serverApp-c4292047907] mat-icon[_ngcontent-serverApp-c4292047907] {
    margin: 0;
    line-height: 0
  }

  .item.editable[_ngcontent-serverApp-c4292047907] .editable-quality[_ngcontent-serverApp-c4292047907] {
    margin-top: 6px
  }

  .item.editable[_ngcontent-serverApp-c4292047907] .price.opacity[_ngcontent-serverApp-c4292047907] {
    opacity: .5
  }

  .item.editable[_ngcontent-serverApp-c4292047907] form.edit[_ngcontent-serverApp-c4292047907] {
    display: flex;
    gap: 4px
  }

  .item.editable[_ngcontent-serverApp-c4292047907] form.edit[_ngcontent-serverApp-c4292047907] button[_ngcontent-serverApp-c4292047907] {
    padding: 0 !important;
    margin: 0 !important;
    width: 32px;
    height: 32px;
    min-width: 32px !important;
    display: flex;
    align-items: center;
    justify-content: center
  }

  .item.editable[_ngcontent-serverApp-c4292047907] form.edit[_ngcontent-serverApp-c4292047907] button[_ngcontent-serverApp-c4292047907] mat-icon[_ngcontent-serverApp-c4292047907] {
    line-height: 0
  }

  .item.editable[_ngcontent-serverApp-c4292047907] form.edit[_ngcontent-serverApp-c4292047907] input {
    padding-left: 8px !important
  }

  .item.editable[_ngcontent-serverApp-c4292047907] form.edit[_ngcontent-serverApp-c4292047907] .input-container .actions app-svg.close {
    padding-right: 4px
  }


  
  @media (max-width: 768px) {

    app-base-item.cart[_nghost-serverApp-c4292047907] .item[_ngcontent-serverApp-c4292047907] .item-info-block[_ngcontent-serverApp-c4292047907]>.stickers[_ngcontent-serverApp-c4292047907],
    app-base-item.cart [_nghost-serverApp-c4292047907] .item[_ngcontent-serverApp-c4292047907] .item-info-block[_ngcontent-serverApp-c4292047907]>.stickers[_ngcontent-serverApp-c4292047907] {
      order: -1;
      display: flex;
      margin-top: 2px
    }

    app-base-item.cart[_nghost-serverApp-c4292047907] .item[_ngcontent-serverApp-c4292047907] .item-info-block[_ngcontent-serverApp-c4292047907]>.stickers[_ngcontent-serverApp-c4292047907] .sticker[_ngcontent-serverApp-c4292047907],
    app-base-item.cart [_nghost-serverApp-c4292047907] .item[_ngcontent-serverApp-c4292047907] .item-info-block[_ngcontent-serverApp-c4292047907]>.stickers[_ngcontent-serverApp-c4292047907] .sticker[_ngcontent-serverApp-c4292047907] {
      border-radius: 99999px;
      border: 1px solid #3E4448;
      background: #2f3336;
      overflow: hidden
    }

    app-base-item.cart[_nghost-serverApp-c4292047907] .item[_ngcontent-serverApp-c4292047907] .item-info-block[_ngcontent-serverApp-c4292047907]>.stickers[_ngcontent-serverApp-c4292047907] .sticker[_ngcontent-serverApp-c4292047907]+.sticker[_ngcontent-serverApp-c4292047907],
    app-base-item.cart [_nghost-serverApp-c4292047907] .item[_ngcontent-serverApp-c4292047907] .item-info-block[_ngcontent-serverApp-c4292047907]>.stickers[_ngcontent-serverApp-c4292047907] .sticker[_ngcontent-serverApp-c4292047907]+.sticker[_ngcontent-serverApp-c4292047907] {
      margin-left: -15px
    }

    app-base-item.cart[_nghost-serverApp-c4292047907] .item.rarity[_ngcontent-serverApp-c4292047907]:before,
    app-base-item.cart [_nghost-serverApp-c4292047907] .item.rarity[_ngcontent-serverApp-c4292047907]:before {
      display: none
    }

    app-base-item.cart[_nghost-serverApp-c4292047907] .item[_ngcontent-serverApp-c4292047907] .item-container[_ngcontent-serverApp-c4292047907]>.stickers[_ngcontent-serverApp-c4292047907],
    app-base-item.cart [_nghost-serverApp-c4292047907] .item[_ngcontent-serverApp-c4292047907] .item-container[_ngcontent-serverApp-c4292047907]>.stickers[_ngcontent-serverApp-c4292047907] {
      display: none
    }
  }


  
  [_nghost-serverApp-c3564944342] {
    height: 100%;
    width: 100%;
    border-radius: 5px;
    overflow: hidden
  }

  .big-banner[_nghost-serverApp-c3564944342],
  .big-banner [_nghost-serverApp-c3564944342] {
    width: calc(200% + 6px)
  }

  .banner[_ngcontent-serverApp-c3564944342] {
    display: flex;
    width: 100%;
    height: 186px;
    background-position: left center;
    background-size: cover;
    position: relative;
    cursor: pointer;
    border-radius: 5px;
    transition: all .2s cubic-bezier(.1, .7, .5, 1)
  }

  .banner[_ngcontent-serverApp-c3564944342]:hover {
    transition: all .2s cubic-bezier(.1, .7, .5, 1);
    filter: contrast(1.5)
  }

  .banner[_ngcontent-serverApp-c3564944342] .close[_ngcontent-serverApp-c3564944342] {
    position: absolute;
    right: 20px;
    top: 20px;
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #fff3;
    border-radius: 5px;
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px)
  }

  .banner[_ngcontent-serverApp-c3564944342] .close[_ngcontent-serverApp-c3564944342]:hover {
    background-color: #fff6
  }


  
  [_nghost-serverApp-c3372553052] {
    z-index: 1000;
    position: fixed
  }

  .mension-count[_ngcontent-serverApp-c3372553052] {
    width: 16px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 16px;
    background-color: #f24c05;
    border-radius: 2px
  }

  .mentions-chat[_ngcontent-serverApp-c3372553052] {
    margin-left: 7px;
    cursor: pointer;
    justify-content: left;
    margin-top: 7px;
    margin-bottom: -8px !important;
    font-weight: 400;
    color: #adaeaf;
    display: flex;
    gap: 3px;
    font-size: 12px;
    margin-bottom: 8px
  }

  .mentions-chat[_ngcontent-serverApp-c3372553052] .count[_ngcontent-serverApp-c3372553052] {
    width: 16px;
    height: 16px;
    color: #fff;
    background-color: #43c7ff;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center
  }

  .mentions-chat[_ngcontent-serverApp-c3372553052]:hover {
    color: #fff
  }

  .chat_resize[_ngcontent-serverApp-c3372553052] {
    position: absolute;
    display: block;
    width: 20px;
    height: 20px;
    right: 0;
    bottom: 0;
    cursor: nwse-resize
  }

  .chat_resize[_ngcontent-serverApp-c3372553052] mat-icon[_ngcontent-serverApp-c3372553052] {
    position: absolute;
    width: 20px;
    height: 20px;
    line-height: 0
  }

  .hidden[_ngcontent-serverApp-c3372553052] {
    display: none !important
  }

  .chat-mini[_ngcontent-serverApp-c3372553052] {
    z-index: 1000;
    overflow: hidden;
    position: fixed;
    width: fit-content;
    min-width: 170px;
    height: 50px;
    cursor: pointer;
    color: #fff;
    background: #1498d0;
    display: flex;
    padding: 0 15px;
    font-size: 12px;
    align-items: center;
    box-shadow: 0 4px 40px -6px #191a1c;
    border-radius: 5px;
    box-sizing: border-box;
    right: 10px;
    bottom: 10px
  }

  .chat-mini_china[_ngcontent-serverApp-c3372553052] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: fit-content;
    width: 44px;
    min-width: 44px;
    cursor: default;
    background-color: #1498d0;
    border-radius: 5px;
    padding: 4px
  }

  .chat-mini_china[_ngcontent-serverApp-c3372553052] button[_ngcontent-serverApp-c3372553052] {
    padding: 0 !important;
    border-radius: 5px;
    width: 100%;
    height: 36px;
    display: flex;
    justify-content: center;
    align-items: center
  }

  .chat-mini_china[_ngcontent-serverApp-c3372553052] button[_ngcontent-serverApp-c3372553052]:hover {
    background-color: #0f87ba
  }

  .chat-mini_china[_ngcontent-serverApp-c3372553052] button[_ngcontent-serverApp-c3372553052] .header-circle[_ngcontent-serverApp-c3372553052] {
    position: absolute;
    width: 7px;
    right: 1px
  }

  .chat-mini_china[_ngcontent-serverApp-c3372553052] .icon[_ngcontent-serverApp-c3372553052] {
    color: #fff
  }

  .chat-mini[_ngcontent-serverApp-c3372553052] .chat-icon[_ngcontent-serverApp-c3372553052] {
    width: 16px;
    height: 16px;
    line-height: 0
  }

  .chat-mini.hidden[_ngcontent-serverApp-c3372553052] {
    display: block !important;
    left: -9999999px
  }

  .chat-mini[_ngcontent-serverApp-c3372553052] .header-online-text[_ngcontent-serverApp-c3372553052] {
    opacity: .5;
    color: #fff !important
  }

  .chat-mini[_ngcontent-serverApp-c3372553052]:hover .header-online-text[_ngcontent-serverApp-c3372553052] {
    opacity: 1
  }

  .chat[_ngcontent-serverApp-c3372553052] .header-left[_ngcontent-serverApp-c3372553052],
  .chat[_ngcontent-serverApp-c3372553052] .header-right[_ngcontent-serverApp-c3372553052],
  .chat-mini[_ngcontent-serverApp-c3372553052] .header-left[_ngcontent-serverApp-c3372553052],
  .chat-mini[_ngcontent-serverApp-c3372553052] .header-right[_ngcontent-serverApp-c3372553052] {
    display: flex;
    gap: 5px;
    align-items: center
  }

  .chat[_ngcontent-serverApp-c3372553052] .header-left[_ngcontent-serverApp-c3372553052] .header-title[_ngcontent-serverApp-c3372553052],
  .chat[_ngcontent-serverApp-c3372553052] .header-right[_ngcontent-serverApp-c3372553052] .header-title[_ngcontent-serverApp-c3372553052],
  .chat-mini[_ngcontent-serverApp-c3372553052] .header-left[_ngcontent-serverApp-c3372553052] .header-title[_ngcontent-serverApp-c3372553052],
  .chat-mini[_ngcontent-serverApp-c3372553052] .header-right[_ngcontent-serverApp-c3372553052] .header-title[_ngcontent-serverApp-c3372553052] {
    text-transform: uppercase;
    font-weight: 700;
    margin-left: 3px
  }

  .chat[_ngcontent-serverApp-c3372553052] .header-left[_ngcontent-serverApp-c3372553052] .header-circle[_ngcontent-serverApp-c3372553052],
  .chat[_ngcontent-serverApp-c3372553052] .header-right[_ngcontent-serverApp-c3372553052] .header-circle[_ngcontent-serverApp-c3372553052],
  .chat-mini[_ngcontent-serverApp-c3372553052] .header-left[_ngcontent-serverApp-c3372553052] .header-circle[_ngcontent-serverApp-c3372553052],
  .chat-mini[_ngcontent-serverApp-c3372553052] .header-right[_ngcontent-serverApp-c3372553052] .header-circle[_ngcontent-serverApp-c3372553052] {
    width: 5px;
    height: 5px;
    line-height: 0;
    color: #a5c81c;
    filter: drop-shadow(0 0 4px #A5C81C)
  }

  .chat[_ngcontent-serverApp-c3372553052] .header-left[_ngcontent-serverApp-c3372553052] .header-online-text[_ngcontent-serverApp-c3372553052],
  .chat[_ngcontent-serverApp-c3372553052] .header-right[_ngcontent-serverApp-c3372553052] .header-online-text[_ngcontent-serverApp-c3372553052],
  .chat-mini[_ngcontent-serverApp-c3372553052] .header-left[_ngcontent-serverApp-c3372553052] .header-online-text[_ngcontent-serverApp-c3372553052],
  .chat-mini[_ngcontent-serverApp-c3372553052] .header-right[_ngcontent-serverApp-c3372553052] .header-online-text[_ngcontent-serverApp-c3372553052] {
    display: flex;
    gap: 3px;
    color: #adaeaf
  }

  .chat[_ngcontent-serverApp-c3372553052] {
    z-index: 1000;
    position: fixed;
    max-height: 100vh;
    min-width: 250px;
    background: #292c2f;
    display: flex;
    flex-direction: column;
    box-shadow: 0 4px 40px -6px #191a1c;
    border-radius: 5px;
    box-sizing: border-box
  }

  .chat[_ngcontent-serverApp-c3372553052] .header[_ngcontent-serverApp-c3372553052] {
    font-size: 12px;
    height: 48px;
    border-bottom: 1px solid rgba(255, 255, 255, .04);
    padding: 16px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    cursor: move;
    justify-content: space-between
  }

  .chat[_ngcontent-serverApp-c3372553052] .header[_ngcontent-serverApp-c3372553052] .header-left[_ngcontent-serverApp-c3372553052] .chat-icon[_ngcontent-serverApp-c3372553052] {
    width: 16px;
    height: 16px;
    line-height: 0;
    color: #fff
  }

  .chat[_ngcontent-serverApp-c3372553052] .header[_ngcontent-serverApp-c3372553052] .header-right[_ngcontent-serverApp-c3372553052] {
    gap: 8px
  }

  .chat[_ngcontent-serverApp-c3372553052] .header[_ngcontent-serverApp-c3372553052] .header-right[_ngcontent-serverApp-c3372553052] button[_ngcontent-serverApp-c3372553052] {
    width: 16px;
    height: 16px;
    line-height: 0;
    padding: 0 !important
  }

  .chat[_ngcontent-serverApp-c3372553052] .header[_ngcontent-serverApp-c3372553052] .header-right[_ngcontent-serverApp-c3372553052] button[_ngcontent-serverApp-c3372553052] mat-icon[_ngcontent-serverApp-c3372553052] {
    width: 16px;
    height: 16px;
    line-height: 0
  }

  .chat[_ngcontent-serverApp-c3372553052] .header[_ngcontent-serverApp-c3372553052] .header-right[_ngcontent-serverApp-c3372553052] button.button-settings.active[_ngcontent-serverApp-c3372553052] {
    opacity: 1
  }

  .chat[_ngcontent-serverApp-c3372553052] .header[_ngcontent-serverApp-c3372553052] .header-right[_ngcontent-serverApp-c3372553052] mat-icon[_ngcontent-serverApp-c3372553052] {
    transition-duration: .5s
  }

  .chat[_ngcontent-serverApp-c3372553052] .chat-body-inner[_ngcontent-serverApp-c3372553052] {
    display: flex;
    flex-direction: column;
    overflow: hidden
  }

  .chat[_ngcontent-serverApp-c3372553052] .chat-body[_ngcontent-serverApp-c3372553052] {
    display: flex;
    min-height: 200px;
    flex-direction: column;
    position: initial;
    border-bottom: 1px solid rgba(255, 255, 255, .04);
    justify-content: space-between
  }

  .chat[_ngcontent-serverApp-c3372553052] .chat-body.hidden[_ngcontent-serverApp-c3372553052] {
    display: none
  }

  .chat[_ngcontent-serverApp-c3372553052] .chat-body[_ngcontent-serverApp-c3372553052] .messages[_ngcontent-serverApp-c3372553052] {
    font-size: 12px;
    line-height: 15px;
    display: flex;
    flex-direction: column;
    overflow-y: auto;
    overscroll-behavior: none
  }

  .chat[_ngcontent-serverApp-c3372553052] .chat-body[_ngcontent-serverApp-c3372553052] .messages[_ngcontent-serverApp-c3372553052] app-chat-message[_ngcontent-serverApp-c3372553052] {
    padding: 5px 15px
  }

  .chat[_ngcontent-serverApp-c3372553052] .chat-body[_ngcontent-serverApp-c3372553052] .chat-input[_ngcontent-serverApp-c3372553052] {
    border-top: 1px solid rgba(255, 255, 255, .04);
    display: flex;
    flex-direction: column
  }

  .chat[_ngcontent-serverApp-c3372553052] .chat-body[_ngcontent-serverApp-c3372553052] .chat-input.login[_ngcontent-serverApp-c3372553052] button[_ngcontent-serverApp-c3372553052] {
    margin: 15px;
    height: 42px;
    font-weight: 700
  }

  .chat[_ngcontent-serverApp-c3372553052] .chat-body[_ngcontent-serverApp-c3372553052] .chat-input[_ngcontent-serverApp-c3372553052] .chat-input-area[_ngcontent-serverApp-c3372553052] {
    padding: 15px 15px 0;
    height: 100%
  }

  .chat[_ngcontent-serverApp-c3372553052] .chat-body[_ngcontent-serverApp-c3372553052] .chat-input[_ngcontent-serverApp-c3372553052] .chat-input-area[_ngcontent-serverApp-c3372553052] form[_ngcontent-serverApp-c3372553052] {
    display: block;
    height: 100%
  }

  .chat[_ngcontent-serverApp-c3372553052] .chat-body[_ngcontent-serverApp-c3372553052] .chat-input[_ngcontent-serverApp-c3372553052] .chat-input-area[_ngcontent-serverApp-c3372553052] form[_ngcontent-serverApp-c3372553052] app-text-area[_ngcontent-serverApp-c3372553052] {
    height: 100%
  }

  .chat[_ngcontent-serverApp-c3372553052] .chat-body[_ngcontent-serverApp-c3372553052] .chat-input[_ngcontent-serverApp-c3372553052] .chat-input-buttons[_ngcontent-serverApp-c3372553052] {
    gap: 10px;
    display: flex;
    padding: 9px 15px;
    align-items: center;
    justify-content: space-between
  }

  .chat[_ngcontent-serverApp-c3372553052] .chat-body[_ngcontent-serverApp-c3372553052] .chat-input[_ngcontent-serverApp-c3372553052] .chat-input-buttons[_ngcontent-serverApp-c3372553052] button[_ngcontent-serverApp-c3372553052] {
    padding: 0 !important;
    height: 20px;
    line-height: 20px
  }

  .chat[_ngcontent-serverApp-c3372553052] .chat-body[_ngcontent-serverApp-c3372553052] .chat-input[_ngcontent-serverApp-c3372553052] .chat-input-buttons[_ngcontent-serverApp-c3372553052] button[_ngcontent-serverApp-c3372553052] mat-icon[_ngcontent-serverApp-c3372553052] {
    height: 16px;
    width: 16px;
    min-width: 16px;
    line-height: 0
  }

  .chat[_ngcontent-serverApp-c3372553052] .chat-body[_ngcontent-serverApp-c3372553052] .chat-input[_ngcontent-serverApp-c3372553052] .chat-input-buttons[_ngcontent-serverApp-c3372553052] .insert-profile[_ngcontent-serverApp-c3372553052] {
    overflow: hidden;
    color: #adaeaf;
    font-size: 12px;
    display: flex;
    justify-content: flex-start
  }

  .chat[_ngcontent-serverApp-c3372553052] .chat-body[_ngcontent-serverApp-c3372553052] .chat-input[_ngcontent-serverApp-c3372553052] .chat-input-buttons[_ngcontent-serverApp-c3372553052] .insert-profile[_ngcontent-serverApp-c3372553052] .mdc-button__label {
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis
  }

  .chat[_ngcontent-serverApp-c3372553052] .chat-body[_ngcontent-serverApp-c3372553052] .chat-input[_ngcontent-serverApp-c3372553052] .chat-input-buttons[_ngcontent-serverApp-c3372553052] .action[_ngcontent-serverApp-c3372553052] {
    width: 100%;
    gap: 4px
  }

  .chat[_ngcontent-serverApp-c3372553052] .chat-body[_ngcontent-serverApp-c3372553052] .chat-input[_ngcontent-serverApp-c3372553052] .chat-input-buttons[_ngcontent-serverApp-c3372553052] .mdc-button.mat-accent[_ngcontent-serverApp-c3372553052] {
    font-size: 12px;
    color: #43c7ff
  }

  .chat[_ngcontent-serverApp-c3372553052] .chat-body[_ngcontent-serverApp-c3372553052] .chat-input[_ngcontent-serverApp-c3372553052] .chat-input-buttons[_ngcontent-serverApp-c3372553052] .mdc-button.mat-accent.mat-mdc-button-disabled[_ngcontent-serverApp-c3372553052] {
    opacity: .5
  }

  .chat[_ngcontent-serverApp-c3372553052] .top[_ngcontent-serverApp-c3372553052],
  .chat[_ngcontent-serverApp-c3372553052] .top-right-corner[_ngcontent-serverApp-c3372553052],
  .chat[_ngcontent-serverApp-c3372553052] .right[_ngcontent-serverApp-c3372553052],
  .chat[_ngcontent-serverApp-c3372553052] .bottom-right-corner[_ngcontent-serverApp-c3372553052],
  .chat[_ngcontent-serverApp-c3372553052] .bottom[_ngcontent-serverApp-c3372553052],
  .chat[_ngcontent-serverApp-c3372553052] .bottom-left-corner[_ngcontent-serverApp-c3372553052],
  .chat[_ngcontent-serverApp-c3372553052] .left[_ngcontent-serverApp-c3372553052],
  .chat[_ngcontent-serverApp-c3372553052] .top-left-corner[_ngcontent-serverApp-c3372553052] {
    position: absolute
  }

  .chat[_ngcontent-serverApp-c3372553052] .top[_ngcontent-serverApp-c3372553052],
  .chat[_ngcontent-serverApp-c3372553052] .bottom[_ngcontent-serverApp-c3372553052] {
    width: 100%;
    height: 16px;
    cursor: n-resize
  }

  .chat[_ngcontent-serverApp-c3372553052] .top[_ngcontent-serverApp-c3372553052] {
    top: -8px
  }

  .chat[_ngcontent-serverApp-c3372553052] .bottom[_ngcontent-serverApp-c3372553052] {
    bottom: -8px
  }

  .chat[_ngcontent-serverApp-c3372553052] .left[_ngcontent-serverApp-c3372553052],
  .chat[_ngcontent-serverApp-c3372553052] .right[_ngcontent-serverApp-c3372553052] {
    width: 16px;
    height: 100%;
    cursor: e-resize;
    z-index: 1
  }

  .chat[_ngcontent-serverApp-c3372553052] .left[_ngcontent-serverApp-c3372553052] {
    left: -8px
  }

  .chat[_ngcontent-serverApp-c3372553052] .right[_ngcontent-serverApp-c3372553052] {
    right: -8px
  }

  .chat[_ngcontent-serverApp-c3372553052] .top-right-corner[_ngcontent-serverApp-c3372553052],
  .chat[_ngcontent-serverApp-c3372553052] .bottom-right-corner[_ngcontent-serverApp-c3372553052],
  .chat[_ngcontent-serverApp-c3372553052] .bottom-left-corner[_ngcontent-serverApp-c3372553052],
  .chat[_ngcontent-serverApp-c3372553052] .top-left-corner[_ngcontent-serverApp-c3372553052] {
    width: 16px;
    height: 16px;
    z-index: 1
  }

  .chat[_ngcontent-serverApp-c3372553052] .top-right-corner[_ngcontent-serverApp-c3372553052] {
    top: -8px;
    right: -8px;
    cursor: ne-resize
  }

  .chat[_ngcontent-serverApp-c3372553052] .bottom-right-corner[_ngcontent-serverApp-c3372553052] {
    bottom: -8px;
    right: -8px;
    cursor: nw-resize
  }

  .chat[_ngcontent-serverApp-c3372553052] .bottom-left-corner[_ngcontent-serverApp-c3372553052] {
    bottom: -8px;
    left: -8px;
    cursor: ne-resize
  }

  .chat[_ngcontent-serverApp-c3372553052] .top-left-corner[_ngcontent-serverApp-c3372553052] {
    top: -8px;
    left: -8px;
    cursor: nw-resize
  }

  .support-link[_ngcontent-serverApp-c3372553052] {
    width: 100%
  }

  .text-insert-button[_ngcontent-serverApp-c3372553052] {
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
  }


  
  .mat-mdc-icon-button {
    -webkit-user-select: none;
    user-select: none;
    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;
    z-index: 0;
    overflow: visible;
    border-radius: 50%;
    flex-shrink: 0;
    text-align: center;
    width: var(--mdc-icon-button-state-layer-size, 40px);
    height: var(--mdc-icon-button-state-layer-size, 40px);
    padding: calc(calc(var(--mdc-icon-button-state-layer-size, 40px) - var(--mdc-icon-button-icon-size, 24px)) / 2);
    font-size: var(--mdc-icon-button-icon-size, 24px);
    color: var(--mdc-icon-button-icon-color, var(--mat-sys-on-surface-variant));
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
  }

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

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

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

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

  .mat-mdc-icon-button .mat-ripple-element {
    background-color: var(--mat-icon-button-ripple-color, color-mix(in srgb, var(--mat-sys-on-surface-variant) calc(var(--mat-sys-pressed-state-layer-opacity) * 100%), transparent))
  }

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

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

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

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

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

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

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

  .mat-mdc-icon-button[disabled],
  .mat-mdc-icon-button.mat-mdc-button-disabled {
    cursor: default;
    pointer-events: none;
    color: var(--mdc-icon-button-disabled-icon-color, color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent))
  }

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

  .mat-mdc-icon-button img,
  .mat-mdc-icon-button svg {
    width: var(--mdc-icon-button-icon-size, 24px);
    height: var(--mdc-icon-button-icon-size, 24px);
    vertical-align: baseline
  }

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

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

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


  
  [_nghost-serverApp-c1861388653] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    min-width: 230px;
    padding: 15px 0
  }

  button[_ngcontent-serverApp-c1861388653] {
    --mdc-icon-button-state-layer-size: 16px !important;
    width: 16px;
    height: 16px;
    line-height: 0;
    padding: 0 !important;
    margin: auto 13px !important
  }

  button[_ngcontent-serverApp-c1861388653] mat-icon[_ngcontent-serverApp-c1861388653] {
    width: 16px;
    height: 16px;
    line-height: 0
  }

  app-input[_ngcontent-serverApp-c1861388653] {
    height: 42px;
    display: block
  }

  .label[_ngcontent-serverApp-c1861388653] {
    font-size: 12px;
    color: #adaeaf
  }

  form[_ngcontent-serverApp-c1861388653] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 0 15px
  }

  form[_ngcontent-serverApp-c1861388653]+form[_ngcontent-serverApp-c1861388653] {
    padding-top: 16px;
    border-top: 1px solid rgba(255, 255, 255, .03)
  }

  .colors[_ngcontent-serverApp-c1861388653] {
    display: flex;
    justify-content: space-between;
    padding: 0;
    width: auto;
    height: auto
  }

  .colors[_ngcontent-serverApp-c1861388653] .color[_ngcontent-serverApp-c1861388653] input[_ngcontent-serverApp-c1861388653] {
    display: none
  }

  .colors[_ngcontent-serverApp-c1861388653] .color[_ngcontent-serverApp-c1861388653] input[_ngcontent-serverApp-c1861388653]:checked+label[_ngcontent-serverApp-c1861388653]:before {
    opacity: 1;
    visibility: visible;
    transform: scale(1)
  }

  .colors[_ngcontent-serverApp-c1861388653] .color[_ngcontent-serverApp-c1861388653] input[_ngcontent-serverApp-c1861388653]:disabled+label[_ngcontent-serverApp-c1861388653] {
    opacity: .3
  }

  .colors[_ngcontent-serverApp-c1861388653] .color[_ngcontent-serverApp-c1861388653] label[_ngcontent-serverApp-c1861388653] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    background: #000;
    border-radius: 50%;
    cursor: pointer;
    transition: opacity .2s cubic-bezier(.1, .7, .5, 1)
  }

  .colors[_ngcontent-serverApp-c1861388653] .color[_ngcontent-serverApp-c1861388653] label[_ngcontent-serverApp-c1861388653]:before {
    width: 10px;
    height: 7px;
    content: "";
    display: block;
    background: url("");
    background-repeat: no-repeat;
    opacity: 0;
    transform: scale(2);
    visibility: hidden;
    transition: .2s ease
  }


  
  [_nghost-serverApp-c269627891] {
    display: flex;
    gap: 5px;
    transition: background .2s cubic-bezier(.1, .7, .5, 1);
    word-wrap: break-word;
    position: relative;
    overflow-wrap: anywhere
  }

  [_nghost-serverApp-c269627891] button.mat-flat-button[_ngcontent-serverApp-c269627891]:hover {
    background-color: #b83700
  }

  [_nghost-serverApp-c269627891]:hover {
    background: #ffffff08
  }

  [_nghost-serverApp-c269627891] a {
    font-weight: 700
  }

  [_nghost-serverApp-c269627891] a.citem {
    color: #43c7ff !important;
    text-decoration: underline
  }

  [_nghost-serverApp-c269627891] a.citem:hover {
    text-decoration: none
  }

  [_nghost-serverApp-c269627891] a.chat-item {
    color: #f24c05 !important;
    text-decoration: underline
  }

  [_nghost-serverApp-c269627891] a.chat-item:hover {
    text-decoration: none
  }

  [_nghost-serverApp-c269627891] a:hover {
    opacity: .6
  }

  .selected[_nghost-serverApp-c269627891],
  .selected [_nghost-serverApp-c269627891] {
    background: #ffd60012
  }

  .header[_ngcontent-serverApp-c269627891] {
    display: flex;
    justify-content: space-between
  }

  .header[_ngcontent-serverApp-c269627891] .nickname-block[_ngcontent-serverApp-c269627891] {
    position: relative
  }

  .header[_ngcontent-serverApp-c269627891] b[_ngcontent-serverApp-c269627891] mat-icon[_ngcontent-serverApp-c269627891] {
    color: inherit;
    width: 12px;
    height: 15px;
    vertical-align: middle;
    margin-right: 3px;
    line-height: 0;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%)
  }

  .header[_ngcontent-serverApp-c269627891] button[_ngcontent-serverApp-c269627891] {
    z-index: 3;
    font-size: 12px;
    height: 18px;
    position: absolute;
    right: 32px;
    top: 5px;
    line-height: 15px
  }

  .header[_ngcontent-serverApp-c269627891] button[_ngcontent-serverApp-c269627891]:not(:last-child) {
    display: none
  }

  .header[_ngcontent-serverApp-c269627891] button[_ngcontent-serverApp-c269627891] .mat-button-wrapper>span {
    gap: 4px
  }

  .header[_ngcontent-serverApp-c269627891] button[_ngcontent-serverApp-c269627891] mat-icon[_ngcontent-serverApp-c269627891] {
    height: 12px;
    width: 12px;
    line-height: 0
  }

  .message[_ngcontent-serverApp-c269627891] {
    color: #adaeaf;
    line-height: 18px;
    font-weight: 400
  }

  .message.admin-message[_ngcontent-serverApp-c269627891] {
    color: #f24c05;
    font-weight: inherit
  }

  .mat-flat-button[_ngcontent-serverApp-c269627891] {
    background-color: #f24c05;
    padding: 0 4px !important
  }

  .nick-name[_ngcontent-serverApp-c269627891] {
    cursor: pointer
  }

  .nick-name.pl-15px[_ngcontent-serverApp-c269627891] {
    padding-left: 15px
  }



  .cdk-overlay-transparent-backdrop {
    transition: visibility 1ms linear, opacity 1ms linear;
    visibility: hidden;
    opacity: 1
  }



  .cdk-overlay-connected-position-bounding-box {
    position: absolute;
    display: flex;
    flex-direction: column;
    min-width: 1px;
    min-height: 1px
  }

  @layer cdk-overlay {
    .cdk-overlay-connected-position-bounding-box {
      z-index: 1000
    }
  }

  .cdk-global-scrollblock {
    position: fixed;
    width: 100%;
    overflow-y: scroll
  }