@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-1C88, 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-02AF, U+0304, U+0308, U+0329, 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+2074, 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-1C88, 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-02AF, U+0304, U+0308, U+0329, 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+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

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

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;
    --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);
    --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);
    --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;
    --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: #272a2d;
    --mdc-filled-text-field-disabled-container-color: #282b2e;
    --mdc-filled-text-field-label-text-color: rgba(0, 0, 0, .6);
    --mdc-filled-text-field-hover-label-text-color: rgba(0, 0, 0, .6);
    --mdc-filled-text-field-disabled-label-text-color: rgba(0, 0, 0, .38);
    --mdc-filled-text-field-input-text-color: rgba(0, 0, 0, .87);
    --mdc-filled-text-field-disabled-input-text-color: rgba(0, 0, 0, .38);
    --mdc-filled-text-field-input-text-placeholder-color: rgba(0, 0, 0, .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(0, 0, 0, .42);
    --mdc-filled-text-field-disabled-active-indicator-color: rgba(0, 0, 0, .06);
    --mdc-filled-text-field-hover-active-indicator-color: rgba(0, 0, 0, .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;
    --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(0, 0, 0, .6);
    --mdc-outlined-text-field-hover-label-text-color: rgba(0, 0, 0, .6);
    --mdc-outlined-text-field-disabled-label-text-color: rgba(0, 0, 0, .38);
    --mdc-outlined-text-field-input-text-color: rgba(0, 0, 0, .87);
    --mdc-outlined-text-field-disabled-input-text-color: rgba(0, 0, 0, .38);
    --mdc-outlined-text-field-input-text-placeholder-color: rgba(0, 0, 0, .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(0, 0, 0, .38);
    --mdc-outlined-text-field-disabled-outline-color: rgba(0, 0, 0, .06);
    --mdc-outlined-text-field-hover-outline-color: rgba(0, 0, 0, .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;
    --mat-form-field-focus-select-arrow-color: rgba(152, 184, 24, .87);
    --mat-form-field-disabled-input-text-placeholder-color: rgba(0, 0, 0, .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(0, 0, 0, .54);
    --mat-form-field-disabled-select-arrow-color: rgba(0, 0, 0, .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;
    --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;
    --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(0, 0, 0, .87);
    --mat-select-disabled-trigger-text-color: rgba(0, 0, 0, .38);
    --mat-select-placeholder-text-color: rgba(0, 0, 0, .6);
    --mat-select-enabled-arrow-color: rgba(0, 0, 0, .54);
    --mat-select-disabled-arrow-color: rgba(0, 0, 0, .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-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);
    --mdc-dialog-container-shadow-color: #000;
    --mdc-dialog-container-shape: 4px;
    --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(0, 0, 0, .87);
    --mdc-dialog-supporting-text-color: rgba(0, 0, 0, .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;
    --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-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: var(--mdc-theme-surface, #fff);
    --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-handle-shadow-color: black;
    --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);
    --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-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;
    --mat-radio-touch-target-display: block
}

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%);
    --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
}

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

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;
    --mat-list-active-indicator-color: transparent;
    --mat-list-active-indicator-shape: 0
}

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

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-tab-indicator-active-indicator-height: 2px;
    --mdc-tab-indicator-active-indicator-shape: 0;
    --mdc-secondary-navigation-tab-container-height: 48px;
    --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: #fff;
    --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-unselected-pressed-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-checkbox-disabled-label-color: rgba(0, 0, 0, .38)
}

html {
    --mdc-checkbox-state-layer-size: 40px;
    --mat-checkbox-touch-target-display: block
}

html {
    --mdc-text-button-container-shape: 4px;
    --mdc-text-button-keep-touch-target: false;
    --mdc-filled-button-container-shape: 4px;
    --mdc-filled-button-keep-touch-target: false;
    --mdc-protected-button-container-shape: 4px;
    --mdc-protected-button-keep-touch-target: false;
    --mdc-outlined-button-keep-touch-target: false;
    --mdc-outlined-button-outline-width: 1px;
    --mdc-outlined-button-container-shape: 4px;
    --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;
    --mat-filled-button-horizontal-padding: 16px;
    --mat-filled-button-icon-spacing: 8px;
    --mat-filled-button-icon-offset: -4px;
    --mat-protected-button-horizontal-padding: 16px;
    --mat-protected-button-icon-spacing: 8px;
    --mat-protected-button-icon-offset: -4px;
    --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: #000;
    --mdc-text-button-disabled-label-text-color: rgba(0, 0, 0, .38);
    --mat-text-button-state-layer-color: #000;
    --mat-text-button-disabled-state-layer-color: #000;
    --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;
    --mdc-filled-button-container-color: #292c2f;
    --mdc-filled-button-label-text-color: #000;
    --mdc-filled-button-disabled-container-color: rgba(0, 0, 0, .12);
    --mdc-filled-button-disabled-label-text-color: rgba(0, 0, 0, .38);
    --mat-filled-button-state-layer-color: #000;
    --mat-filled-button-disabled-state-layer-color: #000;
    --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;
    --mdc-protected-button-container-color: #292c2f;
    --mdc-protected-button-label-text-color: #000;
    --mdc-protected-button-disabled-container-color: rgba(0, 0, 0, .12);
    --mdc-protected-button-disabled-label-text-color: rgba(0, 0, 0, .38);
    --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);
    --mdc-protected-button-container-shadow-color: #000;
    --mat-protected-button-state-layer-color: #000;
    --mat-protected-button-disabled-state-layer-color: #000;
    --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;
    --mdc-outlined-button-disabled-outline-color: rgba(255, 255, 255, .12);
    --mdc-outlined-button-disabled-label-text-color: rgba(255, 255, 255, .38);
    --mdc-outlined-button-label-text-color: #000;
    --mdc-outlined-button-outline-color: rgba(255, 255, 255, .12);
    --mat-outlined-button-state-layer-color: #000;
    --mat-outlined-button-disabled-state-layer-color: #000;
    --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;
    --mdc-filled-button-container-height: 36px;
    --mdc-outlined-button-container-height: 36px;
    --mdc-protected-button-container-height: 36px;
    --mat-text-button-touch-target-display: block;
    --mat-filled-button-touch-target-display: block;
    --mat-protected-button-touch-target-display: block;
    --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;
    --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;
    --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;
    --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-icon-button-icon-size: 24px
}

html {
    --mdc-icon-button-icon-color: inherit;
    --mdc-icon-button-disabled-icon-color: rgba(0, 0, 0, .38);
    --mat-icon-button-state-layer-color: #000;
    --mat-icon-button-disabled-state-layer-color: #000;
    --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-icon-size: 24px;
    --mdc-fab-small-container-shape: 50%;
    --mdc-fab-small-icon-size: 24px;
    --mdc-extended-fab-container-height: 48px;
    --mdc-extended-fab-container-shape: 24px
}

html {
    --mdc-fab-container-color: #292c2f;
    --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);
    --mdc-fab-container-shadow-color: #000;
    --mat-fab-foreground-color: black;
    --mat-fab-state-layer-color: #000;
    --mat-fab-disabled-state-layer-color: #000;
    --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(0, 0, 0, .12);
    --mat-fab-disabled-state-foreground-color: rgba(0, 0, 0, .38);
    --mdc-fab-small-container-color: #292c2f;
    --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);
    --mdc-fab-small-container-shadow-color: #000;
    --mat-fab-small-foreground-color: black;
    --mat-fab-small-state-layer-color: #000;
    --mat-fab-small-disabled-state-layer-color: #000;
    --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(0, 0, 0, .12);
    --mat-fab-small-disabled-state-foreground-color: rgba(0, 0, 0, .38);
    --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);
    --mdc-extended-fab-container-shadow-color: #000
}

html {
    --mat-fab-touch-target-display: block;
    --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: #080909;
    --mdc-snackbar-supporting-text-color: rgba(41, 44, 47, .87);
    --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: #595c5e;
    --mat-badge-disabled-state-text-color: rgba(0, 0, 0, .38)
}

html {
    --mat-badge-text-font: Inter, sans-serif;
    --mat-badge-text-size: 12px;
    --mat-badge-text-weight: 600;
    --mat-badge-small-size-text-size: 9px;
    --mat-badge-large-size-text-size: 24px
}

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;
    --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;
    --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: #3e4144
}

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;
    --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: #46a35e;
    --mat-datepicker-toggle-icon-color: white;
    --mat-datepicker-calendar-body-label-text-color: white;
    --mat-datepicker-calendar-period-button-text-color: #000;
    --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
}

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
}

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

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

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

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

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

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

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

.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 (max-width: 768px) {
    #app[_ngcontent-serverApp-c3837549479] {
        display: flex;
        flex-direction: column;
        height: 100vh
    }
}

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

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

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

@media (max-width: 768px) {

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

.restrictions[_ngcontent-serverApp-c1624498335] {
    position: fixed;
    top: 60px;
    width: 100%;
    z-index: 2;
    display: flex;
    flex-direction: column;
    gap: 2px;
    background-color: #131417
}

.main-content[_ngcontent-serverApp-c1624498335] {
    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-c1624498335] {
    z-index: 1000;
    position: fixed
}

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

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

@media (max-width: 1199px) {

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

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

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

    .restrictions[_ngcontent-serverApp-c1624498335] {
        top: 50px
    }
}

@media (max-width: 768px) {

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

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

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

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

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

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

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

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

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

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

.notification[_ngcontent-serverApp-c596952245] {
    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-c596952245] .text[_ngcontent-serverApp-c596952245] {
    display: flex;
    align-items: center
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    app-main-filter[_ngcontent-serverApp-c596952245] {
        position: initial
    }

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

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

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

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

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

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

    [_nghost-serverApp-c596952245] .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-c596952245] {
        background-color: #1e2022 !important;
        padding-bottom: 82px
    }

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

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

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

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

    .filter-close[_ngcontent-serverApp-c596952245] {
        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-c596952245] button[_ngcontent-serverApp-c596952245] {
        width: 100%;
        height: 42px;
        line-height: 42px
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.not-found[_ngcontent-serverApp-c1100924604] {
    position: absolute;
    display: flex;
    inset: 0 -30px 0 -31px;
    gap: 17px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    background: #131417;
    padding: 150px 300px
}

.not-found[_ngcontent-serverApp-c1100924604] .mat-headline-6[_ngcontent-serverApp-c1100924604] {
    margin: 0
}

.not-found[_ngcontent-serverApp-c1100924604] .subject[_ngcontent-serverApp-c1100924604] {
    opacity: .6
}

.not-found[_ngcontent-serverApp-c1100924604] .button-content[_ngcontent-serverApp-c1100924604] button[_ngcontent-serverApp-c1100924604] {
    height: 42px
}

.not-found[_ngcontent-serverApp-c1100924604] .button-content[_ngcontent-serverApp-c1100924604] mat-icon[_ngcontent-serverApp-c1100924604] {
    width: 10px;
    height: 10px;
    line-height: 10px;
    margin-right: 6px
}

.not-found[_ngcontent-serverApp-c1100924604] .icon-footer[_ngcontent-serverApp-c1100924604] {
    display: flex;
    gap: 10px
}

.not-found[_ngcontent-serverApp-c1100924604] .icon-footer[_ngcontent-serverApp-c1100924604] mat-icon[_ngcontent-serverApp-c1100924604] {
    width: 20px;
    height: 20px
}

.not-found[_ngcontent-serverApp-c1100924604] .icon-header[_ngcontent-serverApp-c1100924604] mat-icon[_ngcontent-serverApp-c1100924604] {
    width: 22px;
    height: 22px
}

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

@media (max-width: 1199px) {
    .not-found[_ngcontent-serverApp-c1100924604] {
        margin: 0;
        padding: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background: none
    }
}

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

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

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

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

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

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

.main-filter[_ngcontent-serverApp-c3030787260] .filter[_ngcontent-serverApp-c3030787260] {
    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-c3030787260] .filter.desktop[_ngcontent-serverApp-c3030787260] {
    height: calc(100vh - 71px - 60px - 30px - var(--restrictionsHeight))
}

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

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

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

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

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

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

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

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

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

.header[_ngcontent-serverApp-c266486441] {
    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-c266486441] .filters[_ngcontent-serverApp-c266486441] {
    display: flex;
    align-items: center;
    margin-bottom: 0;
    font-size: 14px
}

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

.header[_ngcontent-serverApp-c266486441] .filters[_ngcontent-serverApp-c266486441]>.filters-count[_ngcontent-serverApp-c266486441] {
    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-c266486441] .title[_ngcontent-serverApp-c266486441] {
    font-weight: 700;
    font-size: 14px;
    line-height: 17px;
    color: #fff;
    margin-right: 2px
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.input-container[_ngcontent-serverApp-c3536639607] {
    flex-grow: 1;
    height: 100%;
    position: relative
}

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

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

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

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

.input-container[_ngcontent-serverApp-c3536639607] input[_ngcontent-serverApp-c3536639607] {
    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-c3536639607] input.has-prefix[_ngcontent-serverApp-c3536639607] {
    padding-left: 30px
}

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

.input-container[_ngcontent-serverApp-c3536639607] input[_ngcontent-serverApp-c3536639607]:-webkit-autofill,
.input-container[_ngcontent-serverApp-c3536639607] input[_ngcontent-serverApp-c3536639607]:-webkit-autofill:hover,
.input-container[_ngcontent-serverApp-c3536639607] input[_ngcontent-serverApp-c3536639607]:-webkit-autofill:focus,
.input-container[_ngcontent-serverApp-c3536639607] input[_ngcontent-serverApp-c3536639607]:-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-c3536639607] input[_ngcontent-serverApp-c3536639607]:disabled {
    background-color: #1c1e23
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

input[type=number][_ngcontent-serverApp-c3536639607] {
    -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);
    box-shadow: var(--mat-autocomplete-container-elevation-shadow);
    background-color: var(--mat-autocomplete-background-color)
}

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

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

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

mat-autocomplete {
    display: none
}

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

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

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

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

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

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

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

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

.mat-expansion-panel[_ngcontent-serverApp-c3878108197] mat-panel-title[_ngcontent-serverApp-c3878108197] {
    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-c3878108197] mat-panel-title[_ngcontent-serverApp-c3878108197] .count[_ngcontent-serverApp-c3878108197] {
    margin-left: 3px
}

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

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

.mat-expansion-panel[_ngcontent-serverApp-c3878108197] 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-c3878108197] mat-expansion-panel-header:hover mat-panel-title {
    opacity: 1
}

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

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

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

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

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

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

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

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

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

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

.mat-expansion-panel {
    box-sizing: content-box;
    display: block;
    margin: 0;
    overflow: hidden;
    transition: margin 225ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    background: var(--mat-expansion-container-background-color);
    color: var(--mat-expansion-container-text-color);
    border-radius: var(--mat-expansion-container-shape)
}

.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);
    border-top-left-radius: var(--mat-expansion-container-shape)
}

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

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

.mat-expansion-panel.ng-animate-disabled,
.ng-animate-disabled .mat-expansion-panel,
.mat-expansion-panel._mat-animation-noopable {
    transition: none
}

.mat-expansion-panel-content {
    display: flex;
    flex-direction: column;
    overflow: visible;
    font-family: var(--mat-expansion-container-text-font);
    font-size: var(--mat-expansion-container-text-size);
    font-weight: var(--mat-expansion-container-text-weight);
    line-height: var(--mat-expansion-container-text-line-height);
    letter-spacing: var(--mat-expansion-container-text-tracking)
}

.mat-expansion-panel-content[style*="visibility: hidden"] * {
    visibility: hidden !important
}

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

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

.mat-expansion-panel-header {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0 24px;
    border-radius: inherit;
    transition: height 225ms cubic-bezier(0.4, 0, 0.2, 1);
    height: var(--mat-expansion-header-collapsed-state-height);
    font-family: var(--mat-expansion-header-text-font);
    font-size: var(--mat-expansion-header-text-size);
    font-weight: var(--mat-expansion-header-text-weight);
    line-height: var(--mat-expansion-header-text-line-height);
    letter-spacing: var(--mat-expansion-header-text-tracking)
}

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

.mat-expansion-panel-header[aria-disabled=true] {
    color: var(--mat-expansion-header-disabled-state-text-color)
}

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

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

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

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

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

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

.cdk-high-contrast-active .mat-expansion-panel-content {
    border-top: 1px solid;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.check-box-item.primary[_ngcontent-serverApp-c3399107044] input[type=checkbox][_ngcontent-serverApp-c3399107044]:checked+label[_ngcontent-serverApp-c3399107044] {
    color: #98b818
}

.check-box-item.primary[_ngcontent-serverApp-c3399107044] input[type=checkbox][_ngcontent-serverApp-c3399107044]:checked+label[_ngcontent-serverApp-c3399107044] span[_ngcontent-serverApp-c3399107044] {
    background: #98b818;
    border: 1px solid #98b818
}

.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;
    background: #ffffff0d;
    transition: opacity .2s cubic-bezier(.1, .7, .5, 1);
    border: 1px solid rgba(255, 255, 255, .2)
}

.check-box-item[_ngcontent-serverApp-c3399107044] input[type=checkbox][_ngcontent-serverApp-c3399107044]:focus+label[_ngcontent-serverApp-c3399107044] span[_ngcontent-serverApp-c3399107044] {
    outline: solid 1px #1888b8
}

.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: 6px;
    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] {
    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] span[_ngcontent-serverApp-c3399107044] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 19px;
    height: 19px;
    opacity: .7;
    border: 1px solid rgba(255, 255, 255, .2);
    box-sizing: border-box;
    border-radius: 5px;
    vertical-align: middle;
    cursor: pointer;
    margin-right: 12px
}

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

.check-box-item[_ngcontent-serverApp-c3399107044] input[type=checkbox][_ngcontent-serverApp-c3399107044]:checked+label[_ngcontent-serverApp-c3399107044] span[_ngcontent-serverApp-c3399107044] {
    border: 1px solid #50a7cc;
    background: #50a7cc;
    position: relative;
    opacity: .7
}

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

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

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

.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] .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: 15px;
    height: 15px;
    line-height: 15px
}

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

mat-icon[svgIcon=triangle][_ngcontent-serverApp-c1426990940] {
    width: 10px;
    height: 10px;
    line-height: 10px;
    color: #f24c05
}

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

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

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

.mdc-slider {
    cursor: pointer;
    height: 48px;
    margin: 0 24px;
    position: relative;
    touch-action: pan-y
}

.mdc-slider .mdc-slider__track {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%
}

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

.mdc-slider .mdc-slider__track--active {
    overflow: hidden
}

.mdc-slider .mdc-slider__track--active_fill {
    border-top-style: solid;
    box-sizing: border-box;
    height: 100%;
    width: 100%;
    position: relative;
    -webkit-transform-origin: left;
    transform-origin: left
}

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

.mdc-slider .mdc-slider__track--inactive {
    left: 0;
    top: 0
}

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

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

.mdc-slider .mdc-slider__value-indicator {
    transition: transform 100ms 0ms cubic-bezier(0.4, 0, 1, 1);
    align-items: center;
    border-radius: 4px;
    display: flex;
    height: 32px;
    padding: 0 12px;
    transform: scale(0);
    transform-origin: bottom
}

.mdc-slider .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%;
    left: var(--slider-value-indicator-caret-left, 50%);
    position: absolute;
    right: var(--slider-value-indicator-caret-right);
    transform: translateX(-50%);
    transform: var(--slider-value-indicator-caret-transform, translateX(-50%));
    width: 0
}

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

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

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

@media(prefers-reduced-motion) {

    .mdc-slider .mdc-slider__value-indicator,
    .mdc-slider .mdc-slider__thumb--with-indicator .mdc-slider__value-indicator {
        transition: none
    }
}

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

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

.mdc-slider .mdc-slider__thumb--top .mdc-slider__thumb-knob,
.mdc-slider .mdc-slider__thumb--top.mdc-slider__thumb:hover .mdc-slider__thumb-knob,
.mdc-slider .mdc-slider__thumb--top.mdc-slider__thumb--focused .mdc-slider__thumb-knob {
    border-style: solid;
    border-width: 1px;
    box-sizing: content-box
}

.mdc-slider .mdc-slider__thumb-knob {
    box-sizing: border-box;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%)
}

.mdc-slider .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--discrete .mdc-slider__thumb,
.mdc-slider--discrete .mdc-slider__track--active_fill {
    transition: transform 80ms ease
}

@media(prefers-reduced-motion) {

    .mdc-slider--discrete .mdc-slider__thumb,
    .mdc-slider--discrete .mdc-slider__track--active_fill {
        transition: none
    }
}

.mdc-slider--disabled {
    cursor: auto
}

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

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

.mat-mdc-slider {
    display: inline-block;
    box-sizing: border-box;
    outline: none;
    vertical-align: middle;
    margin-left: 8px;
    margin-right: 8px;
    width: auto;
    min-width: 112px;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

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

.mat-mdc-slider .mdc-slider__thumb--top .mdc-slider__thumb-knob,
.mat-mdc-slider .mdc-slider__thumb--top.mdc-slider__thumb:hover .mdc-slider__thumb-knob,
.mat-mdc-slider .mdc-slider__thumb--top.mdc-slider__thumb--focused .mdc-slider__thumb-knob {
    border-color: #fff
}

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

.mat-mdc-slider.mdc-slider--disabled .mdc-slider__thumb--top .mdc-slider__thumb-knob,
.mat-mdc-slider.mdc-slider--disabled .mdc-slider__thumb--top.mdc-slider__thumb:hover .mdc-slider__thumb-knob,
.mat-mdc-slider.mdc-slider--disabled .mdc-slider__thumb--top.mdc-slider__thumb--focused .mdc-slider__thumb-knob {
    border-color: #fff
}

.mat-mdc-slider .mdc-slider__thumb::before,
.mat-mdc-slider .mdc-slider__thumb::after {
    background-color: var(--mdc-slider-handle-color)
}

.mat-mdc-slider .mdc-slider__thumb:hover::before,
.mat-mdc-slider .mdc-slider__thumb.mdc-ripple-surface--hover::before {
    opacity: var(--mdc-ripple-hover-opacity)
}

.mat-mdc-slider .mdc-slider__thumb.mdc-ripple-upgraded--background-focused::before,
.mat-mdc-slider .mdc-slider__thumb:not(.mdc-ripple-upgraded):focus::before {
    transition-duration: 75ms;
    opacity: var(--mdc-ripple-focus-opacity)
}

.mat-mdc-slider .mdc-slider__thumb:not(.mdc-ripple-upgraded)::after {
    transition: opacity 150ms linear
}

.mat-mdc-slider .mdc-slider__thumb:not(.mdc-ripple-upgraded):active::after {
    transition-duration: 75ms;
    opacity: var(--mdc-ripple-press-opacity)
}

.mat-mdc-slider .mdc-slider__thumb.mdc-ripple-upgraded {
    --mdc-ripple-fg-opacity: var(--mdc-ripple-press-opacity)
}

.mat-mdc-slider .mdc-slider__track--active_fill {
    border-color: var(--mdc-slider-active-track-color)
}

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

.mat-mdc-slider .mdc-slider__track--inactive {
    background-color: var(--mdc-slider-inactive-track-color);
    opacity: .24
}

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

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

.mat-mdc-slider.mdc-slider--disabled .mdc-slider__tick-mark--active {
    background-color: var(--mdc-slider-with-tick-marks-active-container-color);
    opacity: var(--mdc-slider-with-tick-marks-active-container-opacity)
}

.mat-mdc-slider .mdc-slider__tick-mark--inactive {
    background-color: var(--mdc-slider-with-tick-marks-inactive-container-color);
    opacity: var(--mdc-slider-with-tick-marks-inactive-container-opacity)
}

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

.mat-mdc-slider .mdc-slider__value-indicator {
    background-color: var(--mdc-slider-label-container-color);
    opacity: 1
}

.mat-mdc-slider .mdc-slider__value-indicator::before {
    border-top-color: var(--mdc-slider-label-container-color)
}

.mat-mdc-slider .mdc-slider__value-indicator {
    color: var(--mdc-slider-label-label-text-color)
}

.mat-mdc-slider .mdc-slider__track {
    height: var(--mdc-slider-inactive-track-height)
}

.mat-mdc-slider .mdc-slider__track--active {
    height: var(--mdc-slider-active-track-height);
    top: calc((var(--mdc-slider-inactive-track-height) - var(--mdc-slider-active-track-height)) / 2)
}

.mat-mdc-slider .mdc-slider__track--active_fill {
    border-top-width: var(--mdc-slider-active-track-height)
}

.mat-mdc-slider .mdc-slider__track--inactive {
    height: var(--mdc-slider-inactive-track-height)
}

.mat-mdc-slider .mdc-slider__tick-mark--active,
.mat-mdc-slider .mdc-slider__tick-mark--inactive {
    height: var(--mdc-slider-with-tick-marks-container-size);
    width: var(--mdc-slider-with-tick-marks-container-size)
}

.mat-mdc-slider.mdc-slider--disabled {
    opacity: 0.38
}

.mat-mdc-slider .mdc-slider__value-indicator-text {
    letter-spacing: var(--mdc-slider-label-label-text-tracking);
    font-size: var(--mdc-slider-label-label-text-size);
    font-family: var(--mdc-slider-label-label-text-font);
    font-weight: var(--mdc-slider-label-label-text-weight);
    line-height: var(--mdc-slider-label-label-text-line-height)
}

.mat-mdc-slider .mdc-slider__track--active {
    border-radius: var(--mdc-slider-active-track-shape)
}

.mat-mdc-slider .mdc-slider__track--inactive {
    border-radius: var(--mdc-slider-inactive-track-shape)
}

.mat-mdc-slider .mdc-slider__thumb-knob {
    border-radius: var(--mdc-slider-handle-shape);
    width: var(--mdc-slider-handle-width);
    height: var(--mdc-slider-handle-height);
    border-style: solid;
    border-width: calc(var(--mdc-slider-handle-height) / 2) calc(var(--mdc-slider-handle-width) / 2)
}

.mat-mdc-slider .mdc-slider__tick-mark--active,
.mat-mdc-slider .mdc-slider__tick-mark--inactive {
    border-radius: var(--mdc-slider-with-tick-marks-container-shape)
}

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

.mat-mdc-slider .mdc-slider__thumb:hover .mdc-slider__thumb--top .mdc-slider__thumb-knob,
.mat-mdc-slider .mdc-slider__thumb:hover .mdc-slider__thumb--top.mdc-slider__thumb:hover .mdc-slider__thumb-knob,
.mat-mdc-slider .mdc-slider__thumb:hover .mdc-slider__thumb--top.mdc-slider__thumb--focused .mdc-slider__thumb-knob {
    border-color: #fff
}

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

.mat-mdc-slider .mdc-slider__thumb--focused .mdc-slider__thumb--top .mdc-slider__thumb-knob,
.mat-mdc-slider .mdc-slider__thumb--focused .mdc-slider__thumb--top.mdc-slider__thumb:hover .mdc-slider__thumb-knob,
.mat-mdc-slider .mdc-slider__thumb--focused .mdc-slider__thumb--top.mdc-slider__thumb--focused .mdc-slider__thumb-knob {
    border-color: #fff
}

.mat-mdc-slider .mdc-slider__thumb:not(:disabled):active .mdc-slider__thumb--top .mdc-slider__thumb-knob,
.mat-mdc-slider .mdc-slider__thumb:not(:disabled):active .mdc-slider__thumb--top.mdc-slider__thumb:hover .mdc-slider__thumb-knob,
.mat-mdc-slider .mdc-slider__thumb:not(:disabled):active .mdc-slider__thumb--top.mdc-slider__thumb--focused .mdc-slider__thumb-knob {
    border-color: #fff
}

.mat-mdc-slider .mdc-slider__thumb--top .mdc-slider__thumb-knob,
.mat-mdc-slider .mdc-slider__thumb--top.mdc-slider__thumb:hover .mdc-slider__thumb-knob,
.mat-mdc-slider .mdc-slider__thumb--top.mdc-slider__thumb--focused .mdc-slider__thumb-knob {
    border-color: var(--mdc-slider-with-overlap-handle-outline-color);
    border-width: var(--mdc-slider-with-overlap-handle-outline-width)
}

.mat-mdc-slider .mdc-slider__thumb-knob {
    box-shadow: var(--mdc-slider-handle-elevation)
}

.mat-mdc-slider .mdc-slider__input {
    box-sizing: content-box;
    pointer-events: auto
}

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

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

.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 .mdc-slider__track,
.mat-mdc-slider .mdc-slider__thumb {
    pointer-events: none
}

.mat-mdc-slider .mdc-slider__value-indicator-container {
    transform: var(--mat-slider-value-indicator-container-transform)
}

.mat-mdc-slider .mdc-slider__value-indicator {
    width: var(--mat-slider-value-indicator-width);
    height: var(--mat-slider-value-indicator-height);
    padding: var(--mat-slider-value-indicator-padding);
    opacity: var(--mat-slider-value-indicator-opacity);
    border-radius: var(--mat-slider-value-indicator-border-radius)
}

.mat-mdc-slider .mdc-slider__value-indicator::before {
    display: var(--mat-slider-value-indicator-caret-display)
}

.mat-mdc-slider .mdc-slider__value-indicator-text {
    width: var(--mat-slider-value-indicator-width);
    transform: var(--mat-slider-value-indicator-text-transform)
}

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

.mat-mdc-slider .mat-ripple .mat-mdc-slider-hover-ripple {
    background-color: var(--mat-slider-hover-state-layer-color)
}

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

.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-mdc-focus-indicator::before {
    border-radius: 50%
}

.mat-mdc-slider .mdc-slider__value-indicator {
    word-break: normal
}

.mat-mdc-slider .mdc-slider__value-indicator-text {
    text-align: center
}

.mdc-slider__thumb--focused .mat-mdc-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
}

.banner[_ngcontent-serverApp-c2004348180] {
    display: flex;
    width: 100%;
    height: 82px;
    background-position: center;
    background-size: cover;
    position: relative;
    cursor: pointer;
    border-radius: 5px
}

.banner[_ngcontent-serverApp-c2004348180] .close[_ngcontent-serverApp-c2004348180] {
    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-c2004348180] .close[_ngcontent-serverApp-c2004348180]:hover {
    background-color: #fff6
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.mat-expansion-panel[_ngcontent-serverApp-c3875245746] 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-c3875245746] mat-expansion-panel-header:hover mat-panel-title {
    opacity: 1
}

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

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

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

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

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

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

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

.search[_ngcontent-serverApp-c3339500410]: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-c3339500410] {
    display: flex;
    flex-direction: column
}

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

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

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

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

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

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

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

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

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

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

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

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

button[_ngcontent-serverApp-c3462786246] {
    height: 42px;
    color: #fff;
    opacity: .7;
    transition: opacity .2s cubic-bezier(.1, .7, .5, 1)
}

button.active[_ngcontent-serverApp-c3462786246],
button[_ngcontent-serverApp-c3462786246]:hover {
    background-color: #202227;
    opacity: 1
}

button[_ngcontent-serverApp-c3462786246] mat-icon.menu[_ngcontent-serverApp-c3462786246] {
    width: 6px;
    height: 8px;
    line-height: 6px;
    opacity: .3;
    padding-left: 5px
}

button.menu-active[_ngcontent-serverApp-c3462786246] {
    background: #181a1e;
    opacity: 1
}

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

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

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

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

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

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

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

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

.mdc-button:active {
    outline: none
}

.mdc-button:hover {
    cursor: pointer
}

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

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

.mdc-button .mdc-button__icon {
    margin-left: 0;
    margin-right: 8px;
    display: inline-block;
    position: relative;
    vertical-align: top
}

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

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

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

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

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

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

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

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

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

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

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

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

svg.mdc-button__icon {
    fill: currentColor
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.mat-mdc-button:hover .mat-mdc-button-persistent-ripple::before {
    opacity: var(--mat-text-button-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)
}

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

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

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

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

.mat-mdc-unelevated-button {
    font-family: var(--mdc-filled-button-label-text-font);
    font-size: var(--mdc-filled-button-label-text-size);
    letter-spacing: var(--mdc-filled-button-label-text-tracking);
    font-weight: var(--mdc-filled-button-label-text-weight);
    text-transform: var(--mdc-filled-button-label-text-transform);
    height: var(--mdc-filled-button-container-height);
    border-radius: var(--mdc-filled-button-container-shape);
    padding: 0 var(--mat-filled-button-horizontal-padding, 16px)
}

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

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

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

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

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

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

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

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

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

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

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

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

.mat-mdc-unelevated-button:hover .mat-mdc-button-persistent-ripple::before {
    opacity: var(--mat-filled-button-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)
}

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

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

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

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

.mat-mdc-raised-button {
    font-family: var(--mdc-protected-button-label-text-font);
    font-size: var(--mdc-protected-button-label-text-size);
    letter-spacing: var(--mdc-protected-button-label-text-tracking);
    font-weight: var(--mdc-protected-button-label-text-weight);
    text-transform: var(--mdc-protected-button-label-text-transform);
    height: var(--mdc-protected-button-container-height);
    border-radius: var(--mdc-protected-button-container-shape);
    padding: 0 var(--mat-protected-button-horizontal-padding, 16px);
    box-shadow: var(--mdc-protected-button-container-elevation-shadow)
}

.mat-mdc-raised-button:not(:disabled) {
    background-color: var(--mdc-protected-button-container-color)
}

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

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

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

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

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

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

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

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

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

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

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

.mat-mdc-raised-button:hover .mat-mdc-button-persistent-ripple::before {
    opacity: var(--mat-protected-button-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)
}

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

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

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

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

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

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

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

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

.mat-mdc-outlined-button {
    font-family: var(--mdc-outlined-button-label-text-font);
    font-size: var(--mdc-outlined-button-label-text-size);
    letter-spacing: var(--mdc-outlined-button-label-text-tracking);
    font-weight: var(--mdc-outlined-button-label-text-weight);
    text-transform: var(--mdc-outlined-button-label-text-transform);
    height: var(--mdc-outlined-button-container-height);
    border-radius: var(--mdc-outlined-button-container-shape);
    padding: 0 15px 0 15px;
    border-width: var(--mdc-outlined-button-outline-width);
    padding: 0 var(--mat-outlined-button-horizontal-padding, 15px)
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.mat-mdc-outlined-button:hover .mat-mdc-button-persistent-ripple::before {
    opacity: var(--mat-outlined-button-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)
}

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

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

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

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

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

.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-unelevated-button .mdc-button__label,
.mat-mdc-raised-button .mdc-button__label,
.mat-mdc-outlined-button .mdc-button__label {
    z-index: 1
}

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

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

.mat-mdc-button._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;
    border-width: -1px
}

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

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

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

mat-menu {
    display: none
}

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

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

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

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

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

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

.mat-divider {
    color: var(--mat-menu-divider-color);
    margin-bottom: var(--mat-menu-divider-bottom-spacing);
    margin-top: var(--mat-menu-divider-top-spacing)
}

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

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

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

.mat-mdc-menu-item:has(.material-icons, mat-icon, [matButtonIcon]) {
    padding-left: var(--mat-menu-item-with-icon-leading-spacing);
    padding-right: var(--mat-menu-item-with-icon-trailing-spacing)
}

[dir=rtl] .mat-mdc-menu-item:has(.material-icons, mat-icon, [matButtonIcon]),
.mat-mdc-menu-item:has(.material-icons, mat-icon, [matButtonIcon])[dir=rtl] {
    padding-left: var(--mat-menu-item-with-icon-trailing-spacing);
    padding-right: var(--mat-menu-item-with-icon-leading-spacing)
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.loading[_nghost-serverApp-c1628999791] .item[_ngcontent-serverApp-c1628999791],
.loading [_nghost-serverApp-c1628999791] .item[_ngcontent-serverApp-c1628999791] {
    cursor: initial
}

.loading[_nghost-serverApp-c1628999791] .item[_ngcontent-serverApp-c1628999791] .blue-button[_ngcontent-serverApp-c1628999791],
.loading [_nghost-serverApp-c1628999791] .item[_ngcontent-serverApp-c1628999791] .blue-button[_ngcontent-serverApp-c1628999791] {
    display: none
}

.loading[_nghost-serverApp-c1628999791] .item[_ngcontent-serverApp-c1628999791]:before,
.loading [_nghost-serverApp-c1628999791] .item[_ngcontent-serverApp-c1628999791]:before {
    content: "";
    position: absolute;
    background: #000;
    opacity: .3;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99
}

.loading[_nghost-serverApp-c1628999791] .item[_ngcontent-serverApp-c1628999791]:hover,
.loading [_nghost-serverApp-c1628999791] .item[_ngcontent-serverApp-c1628999791]:hover {
    background: #242629
}

.loading[_nghost-serverApp-c1628999791] .item[_ngcontent-serverApp-c1628999791]:hover:before,
.loading [_nghost-serverApp-c1628999791] .item[_ngcontent-serverApp-c1628999791]:hover:before {
    opacity: .3
}

.loading[_nghost-serverApp-c1628999791] .item[_ngcontent-serverApp-c1628999791]:hover .img-block[_ngcontent-serverApp-c1628999791] .img[_ngcontent-serverApp-c1628999791] img[_ngcontent-serverApp-c1628999791],
.loading [_nghost-serverApp-c1628999791] .item[_ngcontent-serverApp-c1628999791]:hover .img-block[_ngcontent-serverApp-c1628999791] .img[_ngcontent-serverApp-c1628999791] img[_ngcontent-serverApp-c1628999791] {
    transform: initial
}

mat-icon.warning[_ngcontent-serverApp-c1628999791] {
    position: absolute;
    width: 19px;
    height: 19px;
    line-height: 0;
    top: 5px;
    right: 7px;
    z-index: 1;
    color: #f24c05
}

[_nghost-serverApp-c1628999791] {
    display: block;
    height: 100%;
    will-change: opacity;
    position: relative
}

.selected[_nghost-serverApp-c1628999791] .item[_ngcontent-serverApp-c1628999791] {
    box-shadow: 0 0 0 1px #98b818
}

[_nghost-serverApp-c1628999791]>mat-spinner[_ngcontent-serverApp-c1628999791] {
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 0;
    right: 0;
    margin: auto;
    transform: translateY(-50%)
}

.item[_ngcontent-serverApp-c1628999791] {
    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-c1628999791] {
    opacity: .3
}

.item.activeBuyer[_ngcontent-serverApp-c1628999791] .img-block[_ngcontent-serverApp-c1628999791] {
    opacity: .1
}

.item.activeBuyer[_ngcontent-serverApp-c1628999791] .ctp[_ngcontent-serverApp-c1628999791] {
    display: none
}

.item.rarity[_ngcontent-serverApp-c1628999791]: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-c1628999791]:before {
    background: linear-gradient(180deg, #181a1e 0% 100%)
}

.item.rarity-1[_ngcontent-serverApp-c1628999791]:before {
    background: linear-gradient(180deg, #181a1e, #2c2f35)
}

.item.rarity-2[_ngcontent-serverApp-c1628999791]:before {
    background: linear-gradient(180deg, #181a1e, #132535)
}

.item.rarity-3[_ngcontent-serverApp-c1628999791]:before {
    background: linear-gradient(180deg, #181a1e, #172953)
}

.item.rarity-4[_ngcontent-serverApp-c1628999791]:before {
    background: linear-gradient(180deg, #181a1e, #2f1e53)
}

.item.rarity-5[_ngcontent-serverApp-c1628999791]:before {
    background: linear-gradient(180deg, #181a1e, #4f1e53)
}

.item.rarity-6[_ngcontent-serverApp-c1628999791]:before {
    background: linear-gradient(180deg, #181a1e, #431913)
}

.item.rarity-7[_ngcontent-serverApp-c1628999791]:before {
    background: linear-gradient(180deg, #181a1e, #3a361c)
}

.item.rarity[_ngcontent-serverApp-c1628999791]:hover:before {
    opacity: 1
}

.item[_ngcontent-serverApp-c1628999791] .item-info-block[_ngcontent-serverApp-c1628999791] {
    padding: 0 2px
}

.item[_ngcontent-serverApp-c1628999791] .item-info-block[_ngcontent-serverApp-c1628999791] .stickers[_ngcontent-serverApp-c1628999791] {
    display: none
}

.item[_ngcontent-serverApp-c1628999791] .item-info-block[_ngcontent-serverApp-c1628999791] .needPrice[_ngcontent-serverApp-c1628999791] {
    font-size: 12px;
    color: #adaeaf
}

.item[_ngcontent-serverApp-c1628999791] .item-info-block[_ngcontent-serverApp-c1628999791] .block[_ngcontent-serverApp-c1628999791] {
    gap: 7px
}

.item[_ngcontent-serverApp-c1628999791] .item-info-block[_ngcontent-serverApp-c1628999791] .block[_ngcontent-serverApp-c1628999791] .popularity[_ngcontent-serverApp-c1628999791] {
    display: flex;
    font-weight: 400;
    font-size: 12px;
    gap: 2px;
    color: #adaeaf;
    width: fit-content
}

.item[_ngcontent-serverApp-c1628999791] .item-info-block[_ngcontent-serverApp-c1628999791] .block[_ngcontent-serverApp-c1628999791] .popularity[_ngcontent-serverApp-c1628999791] mat-icon[_ngcontent-serverApp-c1628999791] {
    width: 11px;
    height: 13px
}

.item.dummy[_ngcontent-serverApp-c1628999791],
.item.dummy[_ngcontent-serverApp-c1628999791]:hover {
    background-color: #181a1e;
    position: relative;
    background-size: 100% 100%;
    background-image: url("");
    background-repeat: no-repeat
}

.item[_ngcontent-serverApp-c1628999791] .close-button[_ngcontent-serverApp-c1628999791] {
    width: 15px;
    height: 15px;
    padding: 0 !important;
    position: absolute;
    top: 0;
    right: 0
}

.item[_ngcontent-serverApp-c1628999791] .close-button[_ngcontent-serverApp-c1628999791] mat-icon[_ngcontent-serverApp-c1628999791] {
    opacity: .6;
    display: flex;
    line-height: 0;
    width: 15px;
    height: 15px
}

.item[_ngcontent-serverApp-c1628999791] .item-container[_ngcontent-serverApp-c1628999791] {
    height: 100%;
    overflow: hidden;
    width: 100%;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-end
}

.item[_ngcontent-serverApp-c1628999791] .item-container[_ngcontent-serverApp-c1628999791] .item-item-position[_ngcontent-serverApp-c1628999791] {
    width: 40%;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    top: 0;
    right: 0
}

.item[_ngcontent-serverApp-c1628999791] .item-container[_ngcontent-serverApp-c1628999791] .item-item-position.qty[_ngcontent-serverApp-c1628999791] {
    color: #adaeaf;
    gap: 3px
}

.item[_ngcontent-serverApp-c1628999791] .item-container[_ngcontent-serverApp-c1628999791] .item-item-position.qty[_ngcontent-serverApp-c1628999791] .icon-position[_ngcontent-serverApp-c1628999791] {
    width: 9px;
    height: 9px;
    min-width: 9px;
    min-height: 9px;
    line-height: 0
}

.item[_ngcontent-serverApp-c1628999791] .item-container[_ngcontent-serverApp-c1628999791] .item-item-position.qty[_ngcontent-serverApp-c1628999791] .position[_ngcontent-serverApp-c1628999791] {
    font-size: 12px
}

.item[_ngcontent-serverApp-c1628999791] .item-container[_ngcontent-serverApp-c1628999791] .item-item-position[_ngcontent-serverApp-c1628999791] .position[_ngcontent-serverApp-c1628999791] {
    font-size: 14px;
    text-overflow: ellipsis;
    overflow: hidden
}

.item[_ngcontent-serverApp-c1628999791] .item-container[_ngcontent-serverApp-c1628999791] .item-item-position[_ngcontent-serverApp-c1628999791] .red[_ngcontent-serverApp-c1628999791] {
    stroke: red
}

.item[_ngcontent-serverApp-c1628999791] .item-container[_ngcontent-serverApp-c1628999791] .item-item-position[_ngcontent-serverApp-c1628999791] .grey[_ngcontent-serverApp-c1628999791] {
    stroke: gray
}

.item[_ngcontent-serverApp-c1628999791] .item-container[_ngcontent-serverApp-c1628999791] .item-item-position[_ngcontent-serverApp-c1628999791] .green[_ngcontent-serverApp-c1628999791] {
    stroke: #adff2f
}

.item[_ngcontent-serverApp-c1628999791] .item-container[_ngcontent-serverApp-c1628999791] .item-item-position[_ngcontent-serverApp-c1628999791] .icon-position[_ngcontent-serverApp-c1628999791] {
    fill: #2f3336;
    width: 18px;
    min-width: 18px;
    height: 18px;
    line-height: 18px
}

.item[_ngcontent-serverApp-c1628999791] .item-info-container[_ngcontent-serverApp-c1628999791] {
    z-index: 2
}

.item[_ngcontent-serverApp-c1628999791]:hover {
    background: #293036
}

.item[_ngcontent-serverApp-c1628999791]:hover .img-block[_ngcontent-serverApp-c1628999791] .img[_ngcontent-serverApp-c1628999791] img[_ngcontent-serverApp-c1628999791] {
    transform: scale(1.1)
}

.item[_ngcontent-serverApp-c1628999791] .phase[_ngcontent-serverApp-c1628999791] {
    position: absolute;
    border-radius: 2px;
    background-color: #3b4044;
    top: 6px;
    right: 6px;
    line-height: 16px
}

.item[_ngcontent-serverApp-c1628999791] .phase[_ngcontent-serverApp-c1628999791] span[_ngcontent-serverApp-c1628999791] {
    color: #adaeaf;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    padding: 2px 5px
}

.item[_ngcontent-serverApp-c1628999791] .stickers[_ngcontent-serverApp-c1628999791] {
    position: absolute;
    top: 0;
    left: 0;
    display: flex
}

.item[_ngcontent-serverApp-c1628999791] .stickers[_ngcontent-serverApp-c1628999791] .sticker[_ngcontent-serverApp-c1628999791] .sticker-img[_ngcontent-serverApp-c1628999791] {
    width: 34px;
    height: 30px;
    background: center no-repeat;
    background-size: contain !important
}

.item[_ngcontent-serverApp-c1628999791] .stickers[_ngcontent-serverApp-c1628999791] .sticker[_ngcontent-serverApp-c1628999791]:first-child {
    margin-left: 0
}

.item[_ngcontent-serverApp-c1628999791] .selected[_ngcontent-serverApp-c1628999791] .img[_ngcontent-serverApp-c1628999791] {
    opacity: .1
}

.item[_ngcontent-serverApp-c1628999791] .change-price[_ngcontent-serverApp-c1628999791] {
    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-c1628999791] .change-price_one-button[_ngcontent-serverApp-c1628999791] {
    flex-direction: row;
    height: 30px;
    justify-content: center
}

.item[_ngcontent-serverApp-c1628999791] .change-price[_ngcontent-serverApp-c1628999791] .hover-button[_ngcontent-serverApp-c1628999791] {
    display: flex;
    align-items: center;
    width: 100%;
    height: 30px;
    border-radius: 0
}

.item[_ngcontent-serverApp-c1628999791] .change-price[_ngcontent-serverApp-c1628999791] .hover-button-link[_ngcontent-serverApp-c1628999791] {
    width: 100%
}

.item[_ngcontent-serverApp-c1628999791] .change-price[_ngcontent-serverApp-c1628999791] span[_ngcontent-serverApp-c1628999791] {
    font-size: 12px;
    line-height: 15px;
    margin-left: 3px
}

.item[_ngcontent-serverApp-c1628999791] .img-block[_ngcontent-serverApp-c1628999791] {
    width: 100%;
    height: 100%
}

.item[_ngcontent-serverApp-c1628999791] .img-block[_ngcontent-serverApp-c1628999791] .img[_ngcontent-serverApp-c1628999791] {
    width: 100%;
    height: 100%;
    text-align: center;
    position: absolute
}

.item[_ngcontent-serverApp-c1628999791] .img-block[_ngcontent-serverApp-c1628999791] .img[_ngcontent-serverApp-c1628999791] img[_ngcontent-serverApp-c1628999791] {
    margin-top: 10px;
    max-width: 128px;
    max-height: 96px;
    width: auto;
    height: auto;
    transition: .2s ease
}

.item[_ngcontent-serverApp-c1628999791] .type[_ngcontent-serverApp-c1628999791] {
    font-size: 12px;
    line-height: 15px
}

.item[_ngcontent-serverApp-c1628999791] .price[_ngcontent-serverApp-c1628999791] {
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    display: flex;
    align-items: center;
    z-index: 100
}

.item[_ngcontent-serverApp-c1628999791] .price[_ngcontent-serverApp-c1628999791] .icon[_ngcontent-serverApp-c1628999791] {
    width: 16px;
    height: 16px
}

.item[_ngcontent-serverApp-c1628999791] .price[_ngcontent-serverApp-c1628999791] mat-icon[_ngcontent-serverApp-c1628999791] {
    height: 16px;
    width: 16px;
    line-height: 16px
}

.item[_ngcontent-serverApp-c1628999791] .price[_ngcontent-serverApp-c1628999791] .sale[_ngcontent-serverApp-c1628999791] {
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    margin-left: 1px;
    color: #f24c05
}

.item[_ngcontent-serverApp-c1628999791] .quality[_ngcontent-serverApp-c1628999791] {
    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-c1628999791] .quality.statTrak[_ngcontent-serverApp-c1628999791] {
    color: #d3b000
}

.item.green-background[_ngcontent-serverApp-c1628999791] {
    background: #2a2f20;
    cursor: default
}

.item.green-background[_ngcontent-serverApp-c1628999791] .img-block[_ngcontent-serverApp-c1628999791] .img[_ngcontent-serverApp-c1628999791],
.item.green-background[_ngcontent-serverApp-c1628999791] .stickers[_ngcontent-serverApp-c1628999791] {
    opacity: .1
}

.item.green-background[_ngcontent-serverApp-c1628999791]:after {
    display: none
}

.item.blue-background[_ngcontent-serverApp-c1628999791] {
    cursor: default;
    background: #559fe21a
}

.item.blue-background[_ngcontent-serverApp-c1628999791] .img-block[_ngcontent-serverApp-c1628999791] .img[_ngcontent-serverApp-c1628999791],
.item.blue-background[_ngcontent-serverApp-c1628999791] .stickers[_ngcontent-serverApp-c1628999791] {
    opacity: .1
}

.item.blue-background[_ngcontent-serverApp-c1628999791]:after {
    display: none
}

.item[_ngcontent-serverApp-c1628999791] .item-selected[_ngcontent-serverApp-c1628999791] {
    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-c1628999791]:hover {
    background: #2f3336
}

.item.selected[_ngcontent-serverApp-c1628999791] .img-block[_ngcontent-serverApp-c1628999791] {
    opacity: .2
}

.item.selected[_ngcontent-serverApp-c1628999791] .item-selected[_ngcontent-serverApp-c1628999791] {
    display: flex
}

.lock[_ngcontent-serverApp-c1628999791] {
    position: absolute;
    top: 8px;
    right: 8px;
    font-size: 12px;
    line-height: 15px;
    color: #adaeaf;
    display: flex
}

.lock[_ngcontent-serverApp-c1628999791] app-svg[_ngcontent-serverApp-c1628999791] {
    margin-right: 4px
}

.block[_ngcontent-serverApp-c1628999791] {
    display: block
}

.item.activeSeller[_ngcontent-serverApp-c1628999791] {
    cursor: initial
}

.item.activeSeller[_ngcontent-serverApp-c1628999791] .img-block[_ngcontent-serverApp-c1628999791] {
    opacity: .1
}

.item.activeSeller[_ngcontent-serverApp-c1628999791] .ctp[_ngcontent-serverApp-c1628999791] {
    display: none
}

.item[_ngcontent-serverApp-c1628999791] .transparent-green[_ngcontent-serverApp-c1628999791],
.item[_ngcontent-serverApp-c1628999791] .waiting-lable[_ngcontent-serverApp-c1628999791] {
    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-c1628999791] {
    font-feature-settings: "tnum";
    font-variant-numeric: tabular-nums
}

.seller.active-items-container[_ngcontent-serverApp-c1628999791] {
    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-c1628999791] .time[_ngcontent-serverApp-c1628999791] {
    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-c1628999791] .time[_ngcontent-serverApp-c1628999791] app-svg[_ngcontent-serverApp-c1628999791] {
    margin-right: 5px
}

.seller.active-items-container[_ngcontent-serverApp-c1628999791] .time[_ngcontent-serverApp-c1628999791] .no-guarantee[_ngcontent-serverApp-c1628999791] {
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    color: #f24c05
}

.seller.active-items-container[_ngcontent-serverApp-c1628999791] button[_ngcontent-serverApp-c1628999791] {
    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-c1628999791] button.transparent-green-button[_ngcontent-serverApp-c1628999791] {
    font-weight: 400
}

.seller.active-items-container[_ngcontent-serverApp-c1628999791] .active-container[_ngcontent-serverApp-c1628999791] {
    width: 100%;
    height: 100%;
    background: #1888b8;
    border-radius: 5px;
    padding: 11px 12px;
    box-sizing: border-box
}

.seller.active-items-container[_ngcontent-serverApp-c1628999791] .active-container[_ngcontent-serverApp-c1628999791] .buyer[_ngcontent-serverApp-c1628999791] {
    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-c1628999791] .active-container[_ngcontent-serverApp-c1628999791] .info[_ngcontent-serverApp-c1628999791] {
    font-weight: 400;
    font-size: 12px;
    line-height: 15px;
    margin-bottom: 4px;
    color: #fff9
}

.seller.active-items-container[_ngcontent-serverApp-c1628999791] .active-container[_ngcontent-serverApp-c1628999791] .info[_ngcontent-serverApp-c1628999791] span[_ngcontent-serverApp-c1628999791] {
    color: #fff;
    font-weight: 700
}

.seller.active-items-container[_ngcontent-serverApp-c1628999791] .active-container[_ngcontent-serverApp-c1628999791] .white-blue[_ngcontent-serverApp-c1628999791] {
    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-c1628999791] .waiting-lable[_ngcontent-serverApp-c1628999791] {
    width: 100%
}

.seller.active-items-container.final-status[_ngcontent-serverApp-c1628999791] .close-at[_ngcontent-serverApp-c1628999791] {
    color: #adaeaf
}

.seller.active-items-container[_ngcontent-serverApp-c1628999791] .close-at-mb[_ngcontent-serverApp-c1628999791] {
    margin-bottom: 5px
}

.item.activeBuyer[_ngcontent-serverApp-c1628999791] {
    background: #2a2f20
}

.item.activeBuyer[_ngcontent-serverApp-c1628999791] .img-block[_ngcontent-serverApp-c1628999791] {
    opacity: .1
}

.item.activeBuyer[_ngcontent-serverApp-c1628999791] .ctp[_ngcontent-serverApp-c1628999791] {
    display: none
}

.buyer.active-items-container[_ngcontent-serverApp-c1628999791] {
    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-c1628999791] .time[_ngcontent-serverApp-c1628999791] {
    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-c1628999791] .time[_ngcontent-serverApp-c1628999791] app-svg[_ngcontent-serverApp-c1628999791] {
    margin-right: 5px
}

.buyer.active-items-container[_ngcontent-serverApp-c1628999791] .time[_ngcontent-serverApp-c1628999791] .no-guarantee[_ngcontent-serverApp-c1628999791] {
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    color: #f24c05
}

.buyer.active-items-container[_ngcontent-serverApp-c1628999791] button[_ngcontent-serverApp-c1628999791],
.buyer.active-items-container[_ngcontent-serverApp-c1628999791] .seller-waiting[_ngcontent-serverApp-c1628999791] {
    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-c1628999791] button.transparent-green-button[_ngcontent-serverApp-c1628999791],
.buyer.active-items-container[_ngcontent-serverApp-c1628999791] .seller-waiting.transparent-green-button[_ngcontent-serverApp-c1628999791] {
    font-weight: 400
}

.buyer.active-items-container[_ngcontent-serverApp-c1628999791] .active-container[_ngcontent-serverApp-c1628999791] {
    width: 100%;
    height: 100%;
    background: #1888b8;
    border-radius: 5px;
    padding: 11px 12px;
    box-sizing: border-box
}

.buyer.active-items-container[_ngcontent-serverApp-c1628999791] .active-container[_ngcontent-serverApp-c1628999791] .buyer[_ngcontent-serverApp-c1628999791] {
    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-c1628999791] .active-container[_ngcontent-serverApp-c1628999791] .info[_ngcontent-serverApp-c1628999791] {
    font-weight: 400;
    font-size: 12px;
    line-height: 15px;
    margin-bottom: 4px;
    color: #fff9
}

.buyer.active-items-container[_ngcontent-serverApp-c1628999791] .active-container[_ngcontent-serverApp-c1628999791] .info[_ngcontent-serverApp-c1628999791] span[_ngcontent-serverApp-c1628999791] {
    color: #fff;
    font-weight: 700
}

.buyer.active-items-container[_ngcontent-serverApp-c1628999791] .active-container[_ngcontent-serverApp-c1628999791] .white-blue[_ngcontent-serverApp-c1628999791] {
    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-c1628999791] .item[_ngcontent-serverApp-c1628999791],
app-base-item.cart [_nghost-serverApp-c1628999791] .item[_ngcontent-serverApp-c1628999791] {
    height: initial;
    cursor: initial;
    gap: 11px;
    background: #1b1e22;
    align-items: center;
    padding: 6px 20px;
    display: flex
}

app-base-item.cart[_nghost-serverApp-c1628999791] .item[_ngcontent-serverApp-c1628999791] .ctp[_ngcontent-serverApp-c1628999791],
app-base-item.cart [_nghost-serverApp-c1628999791] .item[_ngcontent-serverApp-c1628999791] .ctp[_ngcontent-serverApp-c1628999791] {
    display: none
}

app-base-item.cart[_nghost-serverApp-c1628999791] .item[_ngcontent-serverApp-c1628999791] .item-info-block[_ngcontent-serverApp-c1628999791],
app-base-item.cart [_nghost-serverApp-c1628999791] .item[_ngcontent-serverApp-c1628999791] .item-info-block[_ngcontent-serverApp-c1628999791] {
    display: flex;
    flex-direction: column-reverse
}

app-base-item.cart[_nghost-serverApp-c1628999791] .item[_ngcontent-serverApp-c1628999791] .item-info-block[_ngcontent-serverApp-c1628999791] .type[_ngcontent-serverApp-c1628999791],
app-base-item.cart [_nghost-serverApp-c1628999791] .item[_ngcontent-serverApp-c1628999791] .item-info-block[_ngcontent-serverApp-c1628999791] .type[_ngcontent-serverApp-c1628999791] {
    order: 1;
    font-size: 12px;
    color: #adaeaf
}

app-base-item.cart[_nghost-serverApp-c1628999791] .item[_ngcontent-serverApp-c1628999791] .item-info-block[_ngcontent-serverApp-c1628999791] .quality[_ngcontent-serverApp-c1628999791],
app-base-item.cart [_nghost-serverApp-c1628999791] .item[_ngcontent-serverApp-c1628999791] .item-info-block[_ngcontent-serverApp-c1628999791] .quality[_ngcontent-serverApp-c1628999791] {
    order: 2;
    font-size: 12px;
    color: #adaeaf
}

app-base-item.cart[_nghost-serverApp-c1628999791] .item[_ngcontent-serverApp-c1628999791] .item-info-block[_ngcontent-serverApp-c1628999791] .price[_ngcontent-serverApp-c1628999791],
app-base-item.cart [_nghost-serverApp-c1628999791] .item[_ngcontent-serverApp-c1628999791] .item-info-block[_ngcontent-serverApp-c1628999791] .price[_ngcontent-serverApp-c1628999791] {
    font-size: 14px;
    margin-top: 2px
}

app-base-item.cart[_nghost-serverApp-c1628999791] .item.rarity[_ngcontent-serverApp-c1628999791]:before,
app-base-item.cart [_nghost-serverApp-c1628999791] .item.rarity[_ngcontent-serverApp-c1628999791]:before {
    display: none
}

app-base-item.cart[_nghost-serverApp-c1628999791] .item[_ngcontent-serverApp-c1628999791] .item-container[_ngcontent-serverApp-c1628999791],
app-base-item.cart [_nghost-serverApp-c1628999791] .item[_ngcontent-serverApp-c1628999791] .item-container[_ngcontent-serverApp-c1628999791] {
    display: flex;
    gap: 7px;
    flex-direction: row;
    align-items: center
}

app-base-item.cart[_nghost-serverApp-c1628999791] .item[_ngcontent-serverApp-c1628999791] .item-container[_ngcontent-serverApp-c1628999791]>.stickers[_ngcontent-serverApp-c1628999791],
app-base-item.cart [_nghost-serverApp-c1628999791] .item[_ngcontent-serverApp-c1628999791] .item-container[_ngcontent-serverApp-c1628999791]>.stickers[_ngcontent-serverApp-c1628999791] {
    display: flex
}

app-base-item.cart[_nghost-serverApp-c1628999791] .item[_ngcontent-serverApp-c1628999791] .item-container[_ngcontent-serverApp-c1628999791]>.stickers[_ngcontent-serverApp-c1628999791] .sticker[_ngcontent-serverApp-c1628999791],
app-base-item.cart [_nghost-serverApp-c1628999791] .item[_ngcontent-serverApp-c1628999791] .item-container[_ngcontent-serverApp-c1628999791]>.stickers[_ngcontent-serverApp-c1628999791] .sticker[_ngcontent-serverApp-c1628999791] {
    border-radius: 99999px;
    border: 1px solid #3E4448;
    background: #2f3336;
    overflow: hidden
}

app-base-item.cart[_nghost-serverApp-c1628999791] .item[_ngcontent-serverApp-c1628999791] .item-container[_ngcontent-serverApp-c1628999791]>.stickers[_ngcontent-serverApp-c1628999791] .sticker[_ngcontent-serverApp-c1628999791]+.sticker[_ngcontent-serverApp-c1628999791],
app-base-item.cart [_nghost-serverApp-c1628999791] .item[_ngcontent-serverApp-c1628999791] .item-container[_ngcontent-serverApp-c1628999791]>.stickers[_ngcontent-serverApp-c1628999791] .sticker[_ngcontent-serverApp-c1628999791]+.sticker[_ngcontent-serverApp-c1628999791] {
    margin-left: -15px
}

app-base-item.cart[_nghost-serverApp-c1628999791] .item[_ngcontent-serverApp-c1628999791] .stickers[_ngcontent-serverApp-c1628999791],
app-base-item.cart [_nghost-serverApp-c1628999791] .item[_ngcontent-serverApp-c1628999791] .stickers[_ngcontent-serverApp-c1628999791] {
    position: initial
}

app-base-item.cart[_nghost-serverApp-c1628999791] .item[_ngcontent-serverApp-c1628999791] .img-block[_ngcontent-serverApp-c1628999791],
app-base-item.cart [_nghost-serverApp-c1628999791] .item[_ngcontent-serverApp-c1628999791] .img-block[_ngcontent-serverApp-c1628999791] {
    flex-basis: 70px
}

app-base-item.cart[_nghost-serverApp-c1628999791] .item[_ngcontent-serverApp-c1628999791] .img-block[_ngcontent-serverApp-c1628999791] .img[_ngcontent-serverApp-c1628999791],
app-base-item.cart [_nghost-serverApp-c1628999791] .item[_ngcontent-serverApp-c1628999791] .img-block[_ngcontent-serverApp-c1628999791] .img[_ngcontent-serverApp-c1628999791] {
    position: initial
}

app-base-item.cart[_nghost-serverApp-c1628999791] .item[_ngcontent-serverApp-c1628999791] .img-block[_ngcontent-serverApp-c1628999791] .img[_ngcontent-serverApp-c1628999791] img[_ngcontent-serverApp-c1628999791],
app-base-item.cart [_nghost-serverApp-c1628999791] .item[_ngcontent-serverApp-c1628999791] .img-block[_ngcontent-serverApp-c1628999791] .img[_ngcontent-serverApp-c1628999791] img[_ngcontent-serverApp-c1628999791] {
    height: 50px;
    width: initial
}

app-base-item.cart[_nghost-serverApp-c1628999791] .item[_ngcontent-serverApp-c1628999791] .item-info-container[_ngcontent-serverApp-c1628999791],
app-base-item.cart [_nghost-serverApp-c1628999791] .item[_ngcontent-serverApp-c1628999791] .item-info-container[_ngcontent-serverApp-c1628999791] {
    flex-grow: 1;
    margin: auto 0;
    overflow: hidden
}

app-base-item.cart[_nghost-serverApp-c1628999791] .item[_ngcontent-serverApp-c1628999791]:hover .img-block[_ngcontent-serverApp-c1628999791] .img[_ngcontent-serverApp-c1628999791] img[_ngcontent-serverApp-c1628999791],
app-base-item.cart [_nghost-serverApp-c1628999791] .item[_ngcontent-serverApp-c1628999791]:hover .img-block[_ngcontent-serverApp-c1628999791] .img[_ngcontent-serverApp-c1628999791] img[_ngcontent-serverApp-c1628999791] {
    transform: initial
}

app-base-item.cart[_nghost-serverApp-c1628999791] button[_ngcontent-serverApp-c1628999791],
app-base-item.cart [_nghost-serverApp-c1628999791] button[_ngcontent-serverApp-c1628999791] {
    --mdc-outlined-button-container-height: 34px
}

app-base-item.cart[_nghost-serverApp-c1628999791] button[_ngcontent-serverApp-c1628999791] mat-icon[_ngcontent-serverApp-c1628999791],
app-base-item.cart [_nghost-serverApp-c1628999791] button[_ngcontent-serverApp-c1628999791] mat-icon[_ngcontent-serverApp-c1628999791] {
    width: 16px;
    height: 16px;
    line-height: 0
}

app-base-item.cart[_nghost-serverApp-c1628999791] button.mat-mdc-outlined-button,
app-base-item.cart [_nghost-serverApp-c1628999791] button.mat-mdc-outlined-button {
    padding: 8px !important
}

.item.editable[_ngcontent-serverApp-c1628999791] {
    height: 224px
}

.item.editable.in-edit[_ngcontent-serverApp-c1628999791] {
    cursor: initial
}

.item.editable[_ngcontent-serverApp-c1628999791] .edited[_ngcontent-serverApp-c1628999791] {
    position: absolute;
    top: 0;
    cursor: initial;
    z-index: 12;
    left: 0;
    width: 100%;
    height: 100%
}

.item.editable[_ngcontent-serverApp-c1628999791] .edited[_ngcontent-serverApp-c1628999791] .actions[_ngcontent-serverApp-c1628999791] {
    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-c1628999791] .edited[_ngcontent-serverApp-c1628999791] .actions[_ngcontent-serverApp-c1628999791] button[_ngcontent-serverApp-c1628999791] {
    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-c1628999791] .edited[_ngcontent-serverApp-c1628999791] .actions[_ngcontent-serverApp-c1628999791] button[_ngcontent-serverApp-c1628999791] mat-icon[_ngcontent-serverApp-c1628999791] {
    margin: 0;
    line-height: 0
}

.item.editable[_ngcontent-serverApp-c1628999791] .editable-quality[_ngcontent-serverApp-c1628999791] {
    margin-top: 6px
}

.item.editable[_ngcontent-serverApp-c1628999791] .price.opacity[_ngcontent-serverApp-c1628999791] {
    opacity: .5
}

.item.editable[_ngcontent-serverApp-c1628999791] form.edit[_ngcontent-serverApp-c1628999791] {
    display: flex;
    gap: 4px
}

.item.editable[_ngcontent-serverApp-c1628999791] form.edit[_ngcontent-serverApp-c1628999791] button[_ngcontent-serverApp-c1628999791] {
    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-c1628999791] form.edit[_ngcontent-serverApp-c1628999791] button[_ngcontent-serverApp-c1628999791] mat-icon[_ngcontent-serverApp-c1628999791] {
    line-height: 0
}

.item.editable[_ngcontent-serverApp-c1628999791] form.edit[_ngcontent-serverApp-c1628999791] input {
    padding-left: 8px !important
}

.item.editable[_ngcontent-serverApp-c1628999791] form.edit[_ngcontent-serverApp-c1628999791] .input-container .actions app-svg.close {
    padding-right: 4px
}

@media (max-width: 768px) {

    app-base-item.cart[_nghost-serverApp-c1628999791] .item[_ngcontent-serverApp-c1628999791] .item-info-block[_ngcontent-serverApp-c1628999791]>.stickers[_ngcontent-serverApp-c1628999791],
    app-base-item.cart [_nghost-serverApp-c1628999791] .item[_ngcontent-serverApp-c1628999791] .item-info-block[_ngcontent-serverApp-c1628999791]>.stickers[_ngcontent-serverApp-c1628999791] {
        order: -1;
        display: flex;
        margin-top: 2px
    }

    app-base-item.cart[_nghost-serverApp-c1628999791] .item[_ngcontent-serverApp-c1628999791] .item-info-block[_ngcontent-serverApp-c1628999791]>.stickers[_ngcontent-serverApp-c1628999791] .sticker[_ngcontent-serverApp-c1628999791],
    app-base-item.cart [_nghost-serverApp-c1628999791] .item[_ngcontent-serverApp-c1628999791] .item-info-block[_ngcontent-serverApp-c1628999791]>.stickers[_ngcontent-serverApp-c1628999791] .sticker[_ngcontent-serverApp-c1628999791] {
        border-radius: 99999px;
        border: 1px solid #3E4448;
        background: #2f3336;
        overflow: hidden
    }

    app-base-item.cart[_nghost-serverApp-c1628999791] .item[_ngcontent-serverApp-c1628999791] .item-info-block[_ngcontent-serverApp-c1628999791]>.stickers[_ngcontent-serverApp-c1628999791] .sticker[_ngcontent-serverApp-c1628999791]+.sticker[_ngcontent-serverApp-c1628999791],
    app-base-item.cart [_nghost-serverApp-c1628999791] .item[_ngcontent-serverApp-c1628999791] .item-info-block[_ngcontent-serverApp-c1628999791]>.stickers[_ngcontent-serverApp-c1628999791] .sticker[_ngcontent-serverApp-c1628999791]+.sticker[_ngcontent-serverApp-c1628999791] {
        margin-left: -15px
    }

    app-base-item.cart[_nghost-serverApp-c1628999791] .item.rarity[_ngcontent-serverApp-c1628999791]:before,
    app-base-item.cart [_nghost-serverApp-c1628999791] .item.rarity[_ngcontent-serverApp-c1628999791]:before {
        display: none
    }

    app-base-item.cart[_nghost-serverApp-c1628999791] .item[_ngcontent-serverApp-c1628999791] .item-container[_ngcontent-serverApp-c1628999791]>.stickers[_ngcontent-serverApp-c1628999791],
    app-base-item.cart [_nghost-serverApp-c1628999791] .item[_ngcontent-serverApp-c1628999791] .item-container[_ngcontent-serverApp-c1628999791]>.stickers[_ngcontent-serverApp-c1628999791] {
        display: none
    }
}

[_nghost-serverApp-c3208544247] {
    height: 100%;
    width: 100%;
    border-radius: 5px;
    overflow: hidden
}

.big-banner[_nghost-serverApp-c3208544247],
.big-banner [_nghost-serverApp-c3208544247] {
    width: calc(200% + 6px)
}

.banner[_ngcontent-serverApp-c3208544247] {
    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-c3208544247]:hover {
    transition: all .2s cubic-bezier(.1, .7, .5, 1);
    filter: contrast(1.5)
}

.banner[_ngcontent-serverApp-c3208544247] .close[_ngcontent-serverApp-c3208544247] {
    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-c3208544247] .close[_ngcontent-serverApp-c3208544247]:hover {
    background-color: #fff6
}

[_nghost-serverApp-c1633836666] {
    z-index: 1000;
    position: fixed
}

.mension-count[_ngcontent-serverApp-c1633836666] {
    width: 16px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 16px;
    background-color: #f24c05;
    border-radius: 2px
}

.mentions-chat[_ngcontent-serverApp-c1633836666] {
    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-c1633836666] .count[_ngcontent-serverApp-c1633836666] {
    width: 16px;
    height: 16px;
    color: #fff;
    background-color: #43c7ff;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center
}

.mentions-chat[_ngcontent-serverApp-c1633836666]:hover {
    color: #fff
}

.chat_resize[_ngcontent-serverApp-c1633836666] {
    position: absolute;
    display: block;
    width: 20px;
    height: 20px;
    right: 0;
    bottom: 0;
    cursor: nwse-resize
}

.chat_resize[_ngcontent-serverApp-c1633836666] mat-icon[_ngcontent-serverApp-c1633836666] {
    position: absolute;
    width: 20px;
    height: 20px;
    line-height: 0
}

.hidden[_ngcontent-serverApp-c1633836666] {
    display: none !important
}

.chat-mini[_ngcontent-serverApp-c1633836666] {
    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-c1633836666] {
    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-c1633836666] button[_ngcontent-serverApp-c1633836666] {
    padding: 0 !important;
    border-radius: 5px;
    width: 100%;
    height: 36px;
    display: flex;
    justify-content: center;
    align-items: center
}

.chat-mini_china[_ngcontent-serverApp-c1633836666] button[_ngcontent-serverApp-c1633836666]:hover {
    background-color: #0f87ba
}

.chat-mini_china[_ngcontent-serverApp-c1633836666] button[_ngcontent-serverApp-c1633836666] .header-circle[_ngcontent-serverApp-c1633836666] {
    position: absolute;
    width: 7px;
    right: 1px
}

.chat-mini_china[_ngcontent-serverApp-c1633836666] .icon[_ngcontent-serverApp-c1633836666] {
    color: #fff
}

.chat-mini[_ngcontent-serverApp-c1633836666] .chat-icon[_ngcontent-serverApp-c1633836666] {
    width: 16px;
    height: 16px;
    line-height: 0
}

.chat-mini.hidden[_ngcontent-serverApp-c1633836666] {
    display: block !important;
    left: -9999999px
}

.chat-mini[_ngcontent-serverApp-c1633836666] .header-online-text[_ngcontent-serverApp-c1633836666] {
    opacity: .5;
    color: #fff !important
}

.chat-mini[_ngcontent-serverApp-c1633836666]:hover .header-online-text[_ngcontent-serverApp-c1633836666] {
    opacity: 1
}

.chat[_ngcontent-serverApp-c1633836666] .header-left[_ngcontent-serverApp-c1633836666],
.chat[_ngcontent-serverApp-c1633836666] .header-right[_ngcontent-serverApp-c1633836666],
.chat-mini[_ngcontent-serverApp-c1633836666] .header-left[_ngcontent-serverApp-c1633836666],
.chat-mini[_ngcontent-serverApp-c1633836666] .header-right[_ngcontent-serverApp-c1633836666] {
    display: flex;
    gap: 5px;
    align-items: center
}

.chat[_ngcontent-serverApp-c1633836666] .header-left[_ngcontent-serverApp-c1633836666] .header-title[_ngcontent-serverApp-c1633836666],
.chat[_ngcontent-serverApp-c1633836666] .header-right[_ngcontent-serverApp-c1633836666] .header-title[_ngcontent-serverApp-c1633836666],
.chat-mini[_ngcontent-serverApp-c1633836666] .header-left[_ngcontent-serverApp-c1633836666] .header-title[_ngcontent-serverApp-c1633836666],
.chat-mini[_ngcontent-serverApp-c1633836666] .header-right[_ngcontent-serverApp-c1633836666] .header-title[_ngcontent-serverApp-c1633836666] {
    text-transform: uppercase;
    font-weight: 700;
    margin-left: 3px
}

.chat[_ngcontent-serverApp-c1633836666] .header-left[_ngcontent-serverApp-c1633836666] .header-circle[_ngcontent-serverApp-c1633836666],
.chat[_ngcontent-serverApp-c1633836666] .header-right[_ngcontent-serverApp-c1633836666] .header-circle[_ngcontent-serverApp-c1633836666],
.chat-mini[_ngcontent-serverApp-c1633836666] .header-left[_ngcontent-serverApp-c1633836666] .header-circle[_ngcontent-serverApp-c1633836666],
.chat-mini[_ngcontent-serverApp-c1633836666] .header-right[_ngcontent-serverApp-c1633836666] .header-circle[_ngcontent-serverApp-c1633836666] {
    width: 5px;
    height: 5px;
    line-height: 0;
    color: #a5c81c;
    filter: drop-shadow(0 0 4px #A5C81C)
}

.chat[_ngcontent-serverApp-c1633836666] .header-left[_ngcontent-serverApp-c1633836666] .header-online-text[_ngcontent-serverApp-c1633836666],
.chat[_ngcontent-serverApp-c1633836666] .header-right[_ngcontent-serverApp-c1633836666] .header-online-text[_ngcontent-serverApp-c1633836666],
.chat-mini[_ngcontent-serverApp-c1633836666] .header-left[_ngcontent-serverApp-c1633836666] .header-online-text[_ngcontent-serverApp-c1633836666],
.chat-mini[_ngcontent-serverApp-c1633836666] .header-right[_ngcontent-serverApp-c1633836666] .header-online-text[_ngcontent-serverApp-c1633836666] {
    display: flex;
    gap: 3px;
    color: #adaeaf
}

.chat[_ngcontent-serverApp-c1633836666] {
    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-c1633836666] .header[_ngcontent-serverApp-c1633836666] {
    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-c1633836666] .header[_ngcontent-serverApp-c1633836666] .header-left[_ngcontent-serverApp-c1633836666] .chat-icon[_ngcontent-serverApp-c1633836666] {
    width: 16px;
    height: 16px;
    line-height: 0;
    color: #fff
}

.chat[_ngcontent-serverApp-c1633836666] .header[_ngcontent-serverApp-c1633836666] .header-right[_ngcontent-serverApp-c1633836666] {
    gap: 8px
}

.chat[_ngcontent-serverApp-c1633836666] .header[_ngcontent-serverApp-c1633836666] .header-right[_ngcontent-serverApp-c1633836666] button[_ngcontent-serverApp-c1633836666] {
    width: 16px;
    height: 16px;
    line-height: 0;
    padding: 0 !important
}

.chat[_ngcontent-serverApp-c1633836666] .header[_ngcontent-serverApp-c1633836666] .header-right[_ngcontent-serverApp-c1633836666] button[_ngcontent-serverApp-c1633836666] mat-icon[_ngcontent-serverApp-c1633836666] {
    width: 16px;
    height: 16px;
    line-height: 0
}

.chat[_ngcontent-serverApp-c1633836666] .header[_ngcontent-serverApp-c1633836666] .header-right[_ngcontent-serverApp-c1633836666] button.button-settings.active[_ngcontent-serverApp-c1633836666] {
    opacity: 1
}

.chat[_ngcontent-serverApp-c1633836666] .header[_ngcontent-serverApp-c1633836666] .header-right[_ngcontent-serverApp-c1633836666] mat-icon[_ngcontent-serverApp-c1633836666] {
    transition-duration: .5s
}

.chat[_ngcontent-serverApp-c1633836666] .chat-body-inner[_ngcontent-serverApp-c1633836666] {
    display: flex;
    flex-direction: column;
    overflow: hidden
}

.chat[_ngcontent-serverApp-c1633836666] .chat-body[_ngcontent-serverApp-c1633836666] {
    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-c1633836666] .chat-body.hidden[_ngcontent-serverApp-c1633836666] {
    display: none
}

.chat[_ngcontent-serverApp-c1633836666] .chat-body[_ngcontent-serverApp-c1633836666] .messages[_ngcontent-serverApp-c1633836666] {
    font-size: 12px;
    line-height: 15px;
    display: flex;
    flex-direction: column;
    overflow-y: auto;
    overscroll-behavior: none
}

.chat[_ngcontent-serverApp-c1633836666] .chat-body[_ngcontent-serverApp-c1633836666] .messages[_ngcontent-serverApp-c1633836666] app-chat-message[_ngcontent-serverApp-c1633836666] {
    padding: 5px 15px
}

.chat[_ngcontent-serverApp-c1633836666] .chat-body[_ngcontent-serverApp-c1633836666] .chat-input[_ngcontent-serverApp-c1633836666] {
    border-top: 1px solid rgba(255, 255, 255, .04);
    display: flex;
    flex-direction: column
}

.chat[_ngcontent-serverApp-c1633836666] .chat-body[_ngcontent-serverApp-c1633836666] .chat-input.login[_ngcontent-serverApp-c1633836666] button[_ngcontent-serverApp-c1633836666] {
    margin: 15px;
    height: 42px;
    font-weight: 700
}

.chat[_ngcontent-serverApp-c1633836666] .chat-body[_ngcontent-serverApp-c1633836666] .chat-input[_ngcontent-serverApp-c1633836666] .chat-input-area[_ngcontent-serverApp-c1633836666] {
    padding: 15px 15px 0;
    height: 100%
}

.chat[_ngcontent-serverApp-c1633836666] .chat-body[_ngcontent-serverApp-c1633836666] .chat-input[_ngcontent-serverApp-c1633836666] .chat-input-area[_ngcontent-serverApp-c1633836666] form[_ngcontent-serverApp-c1633836666] {
    display: block;
    height: 100%
}

.chat[_ngcontent-serverApp-c1633836666] .chat-body[_ngcontent-serverApp-c1633836666] .chat-input[_ngcontent-serverApp-c1633836666] .chat-input-area[_ngcontent-serverApp-c1633836666] form[_ngcontent-serverApp-c1633836666] app-text-area[_ngcontent-serverApp-c1633836666] {
    height: 100%
}

.chat[_ngcontent-serverApp-c1633836666] .chat-body[_ngcontent-serverApp-c1633836666] .chat-input[_ngcontent-serverApp-c1633836666] .chat-input-buttons[_ngcontent-serverApp-c1633836666] {
    gap: 10px;
    display: flex;
    padding: 9px 15px;
    align-items: center;
    justify-content: space-between
}

.chat[_ngcontent-serverApp-c1633836666] .chat-body[_ngcontent-serverApp-c1633836666] .chat-input[_ngcontent-serverApp-c1633836666] .chat-input-buttons[_ngcontent-serverApp-c1633836666] button[_ngcontent-serverApp-c1633836666] {
    padding: 0 !important;
    height: 20px;
    line-height: 20px
}

.chat[_ngcontent-serverApp-c1633836666] .chat-body[_ngcontent-serverApp-c1633836666] .chat-input[_ngcontent-serverApp-c1633836666] .chat-input-buttons[_ngcontent-serverApp-c1633836666] button[_ngcontent-serverApp-c1633836666] mat-icon[_ngcontent-serverApp-c1633836666] {
    height: 16px;
    width: 16px;
    min-width: 16px;
    line-height: 0
}

.chat[_ngcontent-serverApp-c1633836666] .chat-body[_ngcontent-serverApp-c1633836666] .chat-input[_ngcontent-serverApp-c1633836666] .chat-input-buttons[_ngcontent-serverApp-c1633836666] .insert-profile[_ngcontent-serverApp-c1633836666] {
    overflow: hidden;
    color: #adaeaf;
    font-size: 12px;
    display: flex;
    justify-content: flex-start
}

.chat[_ngcontent-serverApp-c1633836666] .chat-body[_ngcontent-serverApp-c1633836666] .chat-input[_ngcontent-serverApp-c1633836666] .chat-input-buttons[_ngcontent-serverApp-c1633836666] .insert-profile[_ngcontent-serverApp-c1633836666] .mdc-button__label {
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis
}

.chat[_ngcontent-serverApp-c1633836666] .chat-body[_ngcontent-serverApp-c1633836666] .chat-input[_ngcontent-serverApp-c1633836666] .chat-input-buttons[_ngcontent-serverApp-c1633836666] .action[_ngcontent-serverApp-c1633836666] {
    width: 100%;
    gap: 4px
}

.chat[_ngcontent-serverApp-c1633836666] .chat-body[_ngcontent-serverApp-c1633836666] .chat-input[_ngcontent-serverApp-c1633836666] .chat-input-buttons[_ngcontent-serverApp-c1633836666] .mdc-button.mat-accent[_ngcontent-serverApp-c1633836666] {
    font-size: 12px;
    color: #43c7ff
}

.chat[_ngcontent-serverApp-c1633836666] .chat-body[_ngcontent-serverApp-c1633836666] .chat-input[_ngcontent-serverApp-c1633836666] .chat-input-buttons[_ngcontent-serverApp-c1633836666] .mdc-button.mat-accent.mat-mdc-button-disabled[_ngcontent-serverApp-c1633836666] {
    opacity: .5
}

.chat[_ngcontent-serverApp-c1633836666] .top[_ngcontent-serverApp-c1633836666],
.chat[_ngcontent-serverApp-c1633836666] .top-right-corner[_ngcontent-serverApp-c1633836666],
.chat[_ngcontent-serverApp-c1633836666] .right[_ngcontent-serverApp-c1633836666],
.chat[_ngcontent-serverApp-c1633836666] .bottom-right-corner[_ngcontent-serverApp-c1633836666],
.chat[_ngcontent-serverApp-c1633836666] .bottom[_ngcontent-serverApp-c1633836666],
.chat[_ngcontent-serverApp-c1633836666] .bottom-left-corner[_ngcontent-serverApp-c1633836666],
.chat[_ngcontent-serverApp-c1633836666] .left[_ngcontent-serverApp-c1633836666],
.chat[_ngcontent-serverApp-c1633836666] .top-left-corner[_ngcontent-serverApp-c1633836666] {
    position: absolute
}

.chat[_ngcontent-serverApp-c1633836666] .top[_ngcontent-serverApp-c1633836666],
.chat[_ngcontent-serverApp-c1633836666] .bottom[_ngcontent-serverApp-c1633836666] {
    width: 100%;
    height: 16px;
    cursor: n-resize
}

.chat[_ngcontent-serverApp-c1633836666] .top[_ngcontent-serverApp-c1633836666] {
    top: -8px
}

.chat[_ngcontent-serverApp-c1633836666] .bottom[_ngcontent-serverApp-c1633836666] {
    bottom: -8px
}

.chat[_ngcontent-serverApp-c1633836666] .left[_ngcontent-serverApp-c1633836666],
.chat[_ngcontent-serverApp-c1633836666] .right[_ngcontent-serverApp-c1633836666] {
    width: 16px;
    height: 100%;
    cursor: e-resize;
    z-index: 1
}

.chat[_ngcontent-serverApp-c1633836666] .left[_ngcontent-serverApp-c1633836666] {
    left: -8px
}

.chat[_ngcontent-serverApp-c1633836666] .right[_ngcontent-serverApp-c1633836666] {
    right: -8px
}

.chat[_ngcontent-serverApp-c1633836666] .top-right-corner[_ngcontent-serverApp-c1633836666],
.chat[_ngcontent-serverApp-c1633836666] .bottom-right-corner[_ngcontent-serverApp-c1633836666],
.chat[_ngcontent-serverApp-c1633836666] .bottom-left-corner[_ngcontent-serverApp-c1633836666],
.chat[_ngcontent-serverApp-c1633836666] .top-left-corner[_ngcontent-serverApp-c1633836666] {
    width: 16px;
    height: 16px;
    z-index: 1
}

.chat[_ngcontent-serverApp-c1633836666] .top-right-corner[_ngcontent-serverApp-c1633836666] {
    top: -8px;
    right: -8px;
    cursor: ne-resize
}

.chat[_ngcontent-serverApp-c1633836666] .bottom-right-corner[_ngcontent-serverApp-c1633836666] {
    bottom: -8px;
    right: -8px;
    cursor: nw-resize
}

.chat[_ngcontent-serverApp-c1633836666] .bottom-left-corner[_ngcontent-serverApp-c1633836666] {
    bottom: -8px;
    left: -8px;
    cursor: ne-resize
}

.chat[_ngcontent-serverApp-c1633836666] .top-left-corner[_ngcontent-serverApp-c1633836666] {
    top: -8px;
    left: -8px;
    cursor: nw-resize
}

.support-link[_ngcontent-serverApp-c1633836666] {
    width: 100%
}

.text-insert-button[_ngcontent-serverApp-c1633836666] {
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .mat-mdc-icon-button {
      border-radius: 50%;
      flex-shrink: 0;
      text-align: center;
      width: var(--mdc-icon-button-state-layer-size, 48px);
      height: var(--mdc-icon-button-state-layer-size, 48px);
      padding: calc(calc(var(--mdc-icon-button-state-layer-size, 48px) - var(--mdc-icon-button-icon-size, 24px)) / 2);
      font-size: var(--mdc-icon-button-icon-size);
      -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
    }

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

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

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

    .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 {
      z-index: 1
    }

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

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

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

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

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

    .mat-mdc-icon-button:hover .mat-mdc-button-persistent-ripple::before {
      opacity: var(--mat-icon-button-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)
    }

    .mat-mdc-icon-button:active .mat-mdc-button-persistent-ripple::before {
      opacity: var(--mat-icon-button-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)
    }

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

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

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

    [_nghost-serverApp-c2087548674] {
        display: flex;
        flex-direction: column;
        gap: 16px;
        min-width: 230px;
        padding: 15px 0
      }
  
      button[_ngcontent-serverApp-c2087548674] {
        --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-c2087548674] mat-icon[_ngcontent-serverApp-c2087548674] {
        width: 16px;
        height: 16px;
        line-height: 0
      }
  
      app-input[_ngcontent-serverApp-c2087548674] {
        height: 42px;
        display: block
      }
  
      .label[_ngcontent-serverApp-c2087548674] {
        font-size: 12px;
        color: #adaeaf
      }
  
      form[_ngcontent-serverApp-c2087548674] {
        display: flex;
        flex-direction: column;
        gap: 8px;
        padding: 0 15px
      }
  
      form[_ngcontent-serverApp-c2087548674]+form[_ngcontent-serverApp-c2087548674] {
        padding-top: 16px;
        border-top: 1px solid rgba(255, 255, 255, .03)
      }
  
      .colors[_ngcontent-serverApp-c2087548674] {
        display: flex;
        justify-content: space-between;
        padding: 0;
        width: auto;
        height: auto
      }
  
      .colors[_ngcontent-serverApp-c2087548674] .color[_ngcontent-serverApp-c2087548674] input[_ngcontent-serverApp-c2087548674] {
        display: none
      }
  
      .colors[_ngcontent-serverApp-c2087548674] .color[_ngcontent-serverApp-c2087548674] input[_ngcontent-serverApp-c2087548674]:checked+label[_ngcontent-serverApp-c2087548674]:before {
        opacity: 1;
        visibility: visible;
        transform: scale(1)
      }
  
      .colors[_ngcontent-serverApp-c2087548674] .color[_ngcontent-serverApp-c2087548674] input[_ngcontent-serverApp-c2087548674]:disabled+label[_ngcontent-serverApp-c2087548674] {
        opacity: .3
      }
  
      .colors[_ngcontent-serverApp-c2087548674] .color[_ngcontent-serverApp-c2087548674] label[_ngcontent-serverApp-c2087548674] {
        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-c2087548674] .color[_ngcontent-serverApp-c2087548674] label[_ngcontent-serverApp-c2087548674]:before {
        width: 10px;
        height: 7px;
        content: "";
        display: block;
        background: url("");
        background-repeat: no-repeat;
        opacity: 0;
        transform: scale(2);
        visibility: hidden;
        transition: .2s ease
      }

      .market-header[_ngcontent-serverApp-c3740443670] {
        display: flex;
        justify-content: space-between;
        flex-direction: column;
        position: relative;
        height: 60px
      }
  
      .market-header[_ngcontent-serverApp-c3740443670] .block[_ngcontent-serverApp-c3740443670] a.logo[_ngcontent-serverApp-c3740443670] {
        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-c3740443670] .block[_ngcontent-serverApp-c3740443670] a.logo[_ngcontent-serverApp-c3740443670] mat-icon[_ngcontent-serverApp-c3740443670] {
        width: 38px;
        height: 43px
      }
  
      .market-header[_ngcontent-serverApp-c3740443670] .block[_ngcontent-serverApp-c3740443670] a.logo[_ngcontent-serverApp-c3740443670] .name[_ngcontent-serverApp-c3740443670] {
        font-weight: 700;
        font-size: 12px;
        line-height: 15px;
        color: #fff;
        margin-top: 4px
      }
  
      .market-header[_ngcontent-serverApp-c3740443670] .block[_ngcontent-serverApp-c3740443670] a.logo[_ngcontent-serverApp-c3740443670]:before {
        display: none
      }
  
      .market-header[_ngcontent-serverApp-c3740443670] .nav[_ngcontent-serverApp-c3740443670] {
        display: flex
      }
  
      .market-header[_ngcontent-serverApp-c3740443670] .nav[_ngcontent-serverApp-c3740443670] ul[_ngcontent-serverApp-c3740443670] {
        margin: 0 0 0 15px;
        padding: 0;
        list-style: none;
        display: flex;
        align-items: center
      }
  
      .market-header[_ngcontent-serverApp-c3740443670] .nav[_ngcontent-serverApp-c3740443670] ul[_ngcontent-serverApp-c3740443670] li[_ngcontent-serverApp-c3740443670] {
        font-weight: 700;
        font-size: 14px;
        height: 100%;
        line-height: 16px;
        color: #fff;
        margin: 0
      }
  
      .market-header[_ngcontent-serverApp-c3740443670] .nav[_ngcontent-serverApp-c3740443670] ul[_ngcontent-serverApp-c3740443670] li[_ngcontent-serverApp-c3740443670] a[_ngcontent-serverApp-c3740443670] {
        height: 100%;
        display: inline-flex;
        align-items: center;
        padding: 0 15px;
        opacity: 1
      }
  
      .market-header[_ngcontent-serverApp-c3740443670] .nav[_ngcontent-serverApp-c3740443670] ul[_ngcontent-serverApp-c3740443670] li[_ngcontent-serverApp-c3740443670] a[_ngcontent-serverApp-c3740443670]:hover {
        opacity: .6
      }
  
      .market-header[_ngcontent-serverApp-c3740443670] .nav[_ngcontent-serverApp-c3740443670] ul[_ngcontent-serverApp-c3740443670] li[_ngcontent-serverApp-c3740443670] a.active[_ngcontent-serverApp-c3740443670] {
        opacity: 1;
        color: #43c7ff
      }
  
      .market-header[_ngcontent-serverApp-c3740443670] .nav[_ngcontent-serverApp-c3740443670] ul[_ngcontent-serverApp-c3740443670] li.active[_ngcontent-serverApp-c3740443670],
      .market-header[_ngcontent-serverApp-c3740443670] .nav[_ngcontent-serverApp-c3740443670] ul[_ngcontent-serverApp-c3740443670] li.active[_ngcontent-serverApp-c3740443670] a[_ngcontent-serverApp-c3740443670] {
        color: #559fe2
      }
  
      .market-header[_ngcontent-serverApp-c3740443670] .nav[_ngcontent-serverApp-c3740443670] ul[_ngcontent-serverApp-c3740443670] li[_ngcontent-serverApp-c3740443670]:last-child {
        margin: 0
      }
  
      .market-header[_ngcontent-serverApp-c3740443670] .block[_ngcontent-serverApp-c3740443670] {
        display: flex;
        overflow: hidden
      }
  
      .market-header[_ngcontent-serverApp-c3740443670] .block[_ngcontent-serverApp-c3740443670] .lang[_ngcontent-serverApp-c3740443670] {
        display: flex;
        justify-content: center;
        align-items: center
      }
  
      .market-header[_ngcontent-serverApp-c3740443670] .block.menu[_ngcontent-serverApp-c3740443670] {
        overflow: initial;
        justify-content: flex-start
      }
  
      .market-header[_ngcontent-serverApp-c3740443670] .block.apps[_ngcontent-serverApp-c3740443670] {
        justify-content: center;
        flex-grow: 1
      }
  
      .market-header[_ngcontent-serverApp-c3740443670] .block.right[_ngcontent-serverApp-c3740443670] {
        overflow: initial;
        gap: 27px
      }
  
      .market-header[_ngcontent-serverApp-c3740443670] .block.right[_ngcontent-serverApp-c3740443670] .button-balance[_ngcontent-serverApp-c3740443670] {
        display: flex
      }
  
      .market-header[_ngcontent-serverApp-c3740443670] .block[_ngcontent-serverApp-c3740443670] a.dropdown[_ngcontent-serverApp-c3740443670] {
        height: 100%;
        cursor: pointer;
        outline: none;
        padding: 21px 10px;
        font-weight: 700;
        font-size: 14px;
        line-height: 16px;
        color: #fff;
        box-sizing: border-box;
        border: none;
        -webkit-appearance: none;
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center
      }
  
      .market-header[_ngcontent-serverApp-c3740443670] .block[_ngcontent-serverApp-c3740443670] a.dropdown.user-photo[_ngcontent-serverApp-c3740443670]:before {
        right: 0
      }
  
      .market-header[_ngcontent-serverApp-c3740443670] .block[_ngcontent-serverApp-c3740443670] a.dropdown.projects[_ngcontent-serverApp-c3740443670] {
        white-space: nowrap
      }
  
      .market-header[_ngcontent-serverApp-c3740443670] .block[_ngcontent-serverApp-c3740443670] .notification[_ngcontent-serverApp-c3740443670] {
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 0 7px;
        position: relative;
        color: #ffffff80
      }
  
      .market-header[_ngcontent-serverApp-c3740443670] .block[_ngcontent-serverApp-c3740443670] .notification[_ngcontent-serverApp-c3740443670] .count[_ngcontent-serverApp-c3740443670] {
        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-c3740443670] .block[_ngcontent-serverApp-c3740443670] .money[_ngcontent-serverApp-c3740443670] {
        height: 42px;
        padding: 0 13px !important;
        box-sizing: border-box;
        border-radius: 5px;
        color: #fff;
        align-self: center
      }
  
      .market-header[_ngcontent-serverApp-c3740443670] .block[_ngcontent-serverApp-c3740443670] .money[_ngcontent-serverApp-c3740443670]:hover app-svg[_ngcontent-serverApp-c3740443670] {
        transform: rotate(360deg)
      }
  
      .market-header[_ngcontent-serverApp-c3740443670] .block[_ngcontent-serverApp-c3740443670] .money[_ngcontent-serverApp-c3740443670] app-svg[_ngcontent-serverApp-c3740443670] {
        transition: transform ease-in-out .3s
      }
  
      .market-header[_ngcontent-serverApp-c3740443670] .block[_ngcontent-serverApp-c3740443670] .money[_ngcontent-serverApp-c3740443670] span[_ngcontent-serverApp-c3740443670] {
        align-items: center;
        display: flex;
        flex-direction: row;
        font-weight: 700;
        font-size: 14px;
        line-height: 16px;
        color: #fff
      }
  
      .market-header[_ngcontent-serverApp-c3740443670] .block[_ngcontent-serverApp-c3740443670] .money[_ngcontent-serverApp-c3740443670] .money-icon[_ngcontent-serverApp-c3740443670] {
        margin-left: 2px
      }
  
      .market-header[_ngcontent-serverApp-c3740443670] .block[_ngcontent-serverApp-c3740443670] .money[_ngcontent-serverApp-c3740443670] mat-icon[_ngcontent-serverApp-c3740443670] {
        width: 14px;
        height: 14px;
        line-height: 14px
      }
  
      .market-header[_ngcontent-serverApp-c3740443670] .block[_ngcontent-serverApp-c3740443670] .profile[_ngcontent-serverApp-c3740443670] {
        height: 100%;
        display: flex;
        align-items: center;
        overflow: hidden
      }
  
      .market-header[_ngcontent-serverApp-c3740443670] .block[_ngcontent-serverApp-c3740443670] .profile[_ngcontent-serverApp-c3740443670] .user-photo[_ngcontent-serverApp-c3740443670] {
        padding: 21px 0
      }
  
      .market-header[_ngcontent-serverApp-c3740443670] .block[_ngcontent-serverApp-c3740443670] .profile[_ngcontent-serverApp-c3740443670] .user-name[_ngcontent-serverApp-c3740443670] {
        margin-right: 11px
      }
  
      .market-header[_ngcontent-serverApp-c3740443670] .block[_ngcontent-serverApp-c3740443670] .profile[_ngcontent-serverApp-c3740443670] .login[_ngcontent-serverApp-c3740443670] {
        font-weight: 700;
        color: #559fe2
      }
  
      .market-header[_ngcontent-serverApp-c3740443670] .block[_ngcontent-serverApp-c3740443670] .profile[_ngcontent-serverApp-c3740443670] button[_ngcontent-serverApp-c3740443670] {
        width: 100%;
        overflow: hidden;
        height: 42px;
        display: inline-flex;
        align-items: center;
        font-weight: 700
      }
  
      .market-header[_ngcontent-serverApp-c3740443670] .block[_ngcontent-serverApp-c3740443670] .profile[_ngcontent-serverApp-c3740443670] button[_ngcontent-serverApp-c3740443670] .mat-button-wrapper {
        overflow: hidden;
        text-overflow: ellipsis;
        display: flex;
        align-items: center
      }
  
      .market-header[_ngcontent-serverApp-c3740443670] .block[_ngcontent-serverApp-c3740443670] .profile[_ngcontent-serverApp-c3740443670] button[_ngcontent-serverApp-c3740443670] mat-icon[_ngcontent-serverApp-c3740443670] {
        margin-right: 9px;
        width: 16px;
        height: 16px;
        line-height: 16px
      }
  
      .market-header[_ngcontent-serverApp-c3740443670] .block[_ngcontent-serverApp-c3740443670] .profile[_ngcontent-serverApp-c3740443670] .login-button[_ngcontent-serverApp-c3740443670] mat-icon[_ngcontent-serverApp-c3740443670] {
        width: 6px;
        padding: 0;
        margin: 2px 0 0 3px;
        transition: .2s ease
      }
  
      .market-header[_ngcontent-serverApp-c3740443670] .block[_ngcontent-serverApp-c3740443670] .profile[_ngcontent-serverApp-c3740443670] .login-button[_ngcontent-serverApp-c3740443670] mat-icon.rotate[_ngcontent-serverApp-c3740443670] {
        transform: rotate(180deg)
      }
  
      .market-header[_ngcontent-serverApp-c3740443670] .row[_ngcontent-serverApp-c3740443670] {
        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-c3740443670] .row[_ngcontent-serverApp-c3740443670] {
          padding: 0
        }
      }
  
      .market-header[_ngcontent-serverApp-c3740443670] .row[_ngcontent-serverApp-c3740443670]:first-child {
        background: #181a1e
      }
  
      .market-header[_ngcontent-serverApp-c3740443670] .row[_ngcontent-serverApp-c3740443670]:last-child {
        margin-bottom: 1px
      }
  
      .market-header[_ngcontent-serverApp-c3740443670] .market-apps[_ngcontent-serverApp-c3740443670] {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        gap: 10px
      }
  
      @media (max-width: 1300px) {
        .market-header[_ngcontent-serverApp-c3740443670] .market-apps[_ngcontent-serverApp-c3740443670] {
          display: none !important
        }
      }
  
      .market-header[_ngcontent-serverApp-c3740443670] .market-apps[_ngcontent-serverApp-c3740443670] .steam[_ngcontent-serverApp-c3740443670],
      .market-header[_ngcontent-serverApp-c3740443670] .market-apps[_ngcontent-serverApp-c3740443670] .market[_ngcontent-serverApp-c3740443670] {
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 0 20px
      }
  
      .market-header[_ngcontent-serverApp-c3740443670] .market-apps[_ngcontent-serverApp-c3740443670] .steam[_ngcontent-serverApp-c3740443670]:hover .desc[_ngcontent-serverApp-c3740443670] .name[_ngcontent-serverApp-c3740443670],
      .market-header[_ngcontent-serverApp-c3740443670] .market-apps[_ngcontent-serverApp-c3740443670] .market[_ngcontent-serverApp-c3740443670]:hover .desc[_ngcontent-serverApp-c3740443670] .name[_ngcontent-serverApp-c3740443670] {
        opacity: .6;
        transition: opacity .2s cubic-bezier(.1, .7, .5, 1), color .2s cubic-bezier(.1, .7, .5, 1)
      }
  
      .market-header[_ngcontent-serverApp-c3740443670] .market-apps[_ngcontent-serverApp-c3740443670] .steam[_ngcontent-serverApp-c3740443670] .desc[_ngcontent-serverApp-c3740443670],
      .market-header[_ngcontent-serverApp-c3740443670] .market-apps[_ngcontent-serverApp-c3740443670] .market[_ngcontent-serverApp-c3740443670] .desc[_ngcontent-serverApp-c3740443670] {
        display: flex;
        flex-direction: column;
        text-align: left;
        align-items: flex-start;
        justify-content: left;
        margin-left: 10px;
        cursor: pointer
      }
  
      .market-header[_ngcontent-serverApp-c3740443670] .market-apps[_ngcontent-serverApp-c3740443670] .steam[_ngcontent-serverApp-c3740443670] .desc[_ngcontent-serverApp-c3740443670] div[_ngcontent-serverApp-c3740443670],
      .market-header[_ngcontent-serverApp-c3740443670] .market-apps[_ngcontent-serverApp-c3740443670] .market[_ngcontent-serverApp-c3740443670] .desc[_ngcontent-serverApp-c3740443670] div[_ngcontent-serverApp-c3740443670] {
        text-align: left
      }
  
      .market-header[_ngcontent-serverApp-c3740443670] .market-apps[_ngcontent-serverApp-c3740443670] .steam[_ngcontent-serverApp-c3740443670] .desc[_ngcontent-serverApp-c3740443670] div.name[_ngcontent-serverApp-c3740443670],
      .market-header[_ngcontent-serverApp-c3740443670] .market-apps[_ngcontent-serverApp-c3740443670] .market[_ngcontent-serverApp-c3740443670] .desc[_ngcontent-serverApp-c3740443670] div.name[_ngcontent-serverApp-c3740443670] {
        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-c3740443670] .market-apps[_ngcontent-serverApp-c3740443670] .steam[_ngcontent-serverApp-c3740443670] .desc[_ngcontent-serverApp-c3740443670] div.sub-name[_ngcontent-serverApp-c3740443670],
      .market-header[_ngcontent-serverApp-c3740443670] .market-apps[_ngcontent-serverApp-c3740443670] .market[_ngcontent-serverApp-c3740443670] .desc[_ngcontent-serverApp-c3740443670] div.sub-name[_ngcontent-serverApp-c3740443670] {
        font-weight: 400;
        font-size: 12px;
        line-height: 14px;
        color: #adaeaf
      }
  
      .market-header[_ngcontent-serverApp-c3740443670] .market-apps[_ngcontent-serverApp-c3740443670] .steam[_ngcontent-serverApp-c3740443670] .icons[_ngcontent-serverApp-c3740443670],
      .market-header[_ngcontent-serverApp-c3740443670] .market-apps[_ngcontent-serverApp-c3740443670] .market[_ngcontent-serverApp-c3740443670] .icons[_ngcontent-serverApp-c3740443670] {
        position: relative
      }
  
      .market-header[_ngcontent-serverApp-c3740443670] .market-apps[_ngcontent-serverApp-c3740443670] .steam[_ngcontent-serverApp-c3740443670] .icons[_ngcontent-serverApp-c3740443670] .badge-chrome[_ngcontent-serverApp-c3740443670],
      .market-header[_ngcontent-serverApp-c3740443670] .market-apps[_ngcontent-serverApp-c3740443670] .market[_ngcontent-serverApp-c3740443670] .icons[_ngcontent-serverApp-c3740443670] .badge-chrome[_ngcontent-serverApp-c3740443670] {
        position: absolute;
        right: 0;
        bottom: 0;
        transform: translate(25%, 25%)
      }
  
      .market-header[_ngcontent-serverApp-c3740443670] .cart-container[_ngcontent-serverApp-c3740443670] {
        position: relative
      }
  
      .market-header[_ngcontent-serverApp-c3740443670] .cart-container[_ngcontent-serverApp-c3740443670] .cart[_ngcontent-serverApp-c3740443670] {
        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-c3740443670] .cart-container[_ngcontent-serverApp-c3740443670] .cart[_ngcontent-serverApp-c3740443670] .cart-block[_ngcontent-serverApp-c3740443670] {
        display: flex
      }
  
      .market-header[_ngcontent-serverApp-c3740443670] .cart-container[_ngcontent-serverApp-c3740443670] .cart[_ngcontent-serverApp-c3740443670] .cart-img[_ngcontent-serverApp-c3740443670] {
        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-c3740443670] .cart-container[_ngcontent-serverApp-c3740443670] .cart[_ngcontent-serverApp-c3740443670] .cart-value[_ngcontent-serverApp-c3740443670] {
        font-size: 12px;
        line-height: 15px;
        text-align: right;
        color: #fff
      }
  
      .market-header[_ngcontent-serverApp-c3740443670] .cart-container[_ngcontent-serverApp-c3740443670] .cart-full-info[_ngcontent-serverApp-c3740443670] {
        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-c3740443670] .cart-container[_ngcontent-serverApp-c3740443670] .cart-full-info[_ngcontent-serverApp-c3740443670] .m-title[_ngcontent-serverApp-c3740443670] {
        font-weight: 700;
        font-size: 14px;
        line-height: 17px;
        margin-bottom: 16px;
        color: #fff
      }
  
      .market-header[_ngcontent-serverApp-c3740443670] .cart-container[_ngcontent-serverApp-c3740443670] .cart-full-info[_ngcontent-serverApp-c3740443670] .list[_ngcontent-serverApp-c3740443670] {
        margin: 0;
        display: flex;
        flex-direction: column
      }
  
      .market-header[_ngcontent-serverApp-c3740443670] .cart-container[_ngcontent-serverApp-c3740443670] .cart-full-info[_ngcontent-serverApp-c3740443670] .total-container[_ngcontent-serverApp-c3740443670] {
        margin: 15px 0;
        display: flex
      }
  
      .market-header[_ngcontent-serverApp-c3740443670] .cart-container[_ngcontent-serverApp-c3740443670] .cart-full-info[_ngcontent-serverApp-c3740443670] .total-container[_ngcontent-serverApp-c3740443670] .container[_ngcontent-serverApp-c3740443670] {
        width: 50%;
        color: #fff
      }
  
      .market-header[_ngcontent-serverApp-c3740443670] .cart-container[_ngcontent-serverApp-c3740443670] .cart-full-info[_ngcontent-serverApp-c3740443670] .total-container[_ngcontent-serverApp-c3740443670] .container[_ngcontent-serverApp-c3740443670] .sub-title[_ngcontent-serverApp-c3740443670] {
        font-weight: 700;
        font-size: 16px;
        line-height: 19px
      }
  
      .market-header[_ngcontent-serverApp-c3740443670] .cart-container[_ngcontent-serverApp-c3740443670] .cart-full-info[_ngcontent-serverApp-c3740443670] .total-container[_ngcontent-serverApp-c3740443670] .container[_ngcontent-serverApp-c3740443670]:last-child {
        border-left: 1px solid rgba(255, 255, 255, .04);
        padding-left: 13px
      }
  
      .market-header[_ngcontent-serverApp-c3740443670] .cart-container[_ngcontent-serverApp-c3740443670] .cart-full-info[_ngcontent-serverApp-c3740443670] .green-button[_ngcontent-serverApp-c3740443670],
      .market-header[_ngcontent-serverApp-c3740443670] .cart-container[_ngcontent-serverApp-c3740443670] .cart-full-info[_ngcontent-serverApp-c3740443670] .transparent-button[_ngcontent-serverApp-c3740443670] {
        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-c3740443670] .cart-container[_ngcontent-serverApp-c3740443670] .cart-full-info[_ngcontent-serverApp-c3740443670] .green-button[_ngcontent-serverApp-c3740443670] {
        margin-bottom: 10px
      }
  
      .market-header[_ngcontent-serverApp-c3740443670] .cart-container[_ngcontent-serverApp-c3740443670] .cart-full-info[_ngcontent-serverApp-c3740443670] .transparent-button[_ngcontent-serverApp-c3740443670] {
        color: #98b818
      }
  
      .market-header[_ngcontent-serverApp-c3740443670] .cart-container[_ngcontent-serverApp-c3740443670] .cart-full-info[_ngcontent-serverApp-c3740443670]: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-c3740443670] button[_ngcontent-serverApp-c3740443670] {
        visibility: hidden
      }
  
      .products.dropdown[_ngcontent-serverApp-c3740443670] mat-icon[_ngcontent-serverApp-c3740443670],
      .user-photo.dropdown[_ngcontent-serverApp-c3740443670]>mat-icon[_ngcontent-serverApp-c3740443670] {
        width: 6px;
        height: 6px;
        min-width: 6px;
        line-height: 0;
        padding-left: 7px;
        opacity: .6
      }
  
      .products.dropdown[_ngcontent-serverApp-c3740443670] span[_ngcontent-serverApp-c3740443670]:hover,
      .user-photo.dropdown[_ngcontent-serverApp-c3740443670]>span[_ngcontent-serverApp-c3740443670]:hover {
        opacity: .6;
        transition: opacity .2s cubic-bezier(.1, .7, .5, 1), color .2s cubic-bezier(.1, .7, .5, 1)
      }
  
      .login-menu-item[_ngcontent-serverApp-c3740443670] {
        --mat-menu-item-spacing: 9px;
        padding: 10px 12px;
        color: #adaeaf;
        transition: .2s ease
      }
  
      .login-menu-item[_ngcontent-serverApp-c3740443670] mat-icon[_ngcontent-serverApp-c3740443670] {
        width: 16px;
        height: 16px;
        color: inherit
      }
  
      .login-menu-item[_ngcontent-serverApp-c3740443670]:hover {
        background-color: #202227 !important;
        color: #fff
      }

      [_nghost-serverApp-c3501402008] {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 100%
      }
  
      .apps[_ngcontent-serverApp-c3501402008] {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 100%;
        box-sizing: border-box;
        padding: 0 15px;
        cursor: pointer;
        background-color: #1c1f25
      }
  
      .apps[_ngcontent-serverApp-c3501402008]:hover {
        background-color: #1e2228
      }
  
      .apps[_ngcontent-serverApp-c3501402008] .description[_ngcontent-serverApp-c3501402008] {
        display: flex;
        flex-direction: column;
        margin-left: 10px
      }
  
      .apps[_ngcontent-serverApp-c3501402008] .description[_ngcontent-serverApp-c3501402008] .title[_ngcontent-serverApp-c3501402008] {
        font-weight: 600
      }
  
      .apps[_ngcontent-serverApp-c3501402008] .description[_ngcontent-serverApp-c3501402008] .sign[_ngcontent-serverApp-c3501402008] {
        color: #adaeaf;
        font-size: 12px
      }
  
      .links-list[_ngcontent-serverApp-c3501402008] {
        display: flex;
        flex-direction: column;
        margin: 0;
        padding: 0
      }
  
      .links-list[_ngcontent-serverApp-c3501402008] .link[_ngcontent-serverApp-c3501402008] {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        list-style-type: none;
        height: 40px;
        padding: 0 12px
      }
  
      .links-list[_ngcontent-serverApp-c3501402008] .link[_ngcontent-serverApp-c3501402008] a[_ngcontent-serverApp-c3501402008] {
        color: #ffffffb3
      }
  
      .links-list[_ngcontent-serverApp-c3501402008] .link[_ngcontent-serverApp-c3501402008]:hover {
        background-color: #1c1e22
      }
  
      .market[_ngcontent-serverApp-c3501402008] {
        display: flex
      }
  
      .market[_ngcontent-serverApp-c3501402008] .desc[_ngcontent-serverApp-c3501402008] {
        margin-left: 10px
      }
  
      .market[_ngcontent-serverApp-c3501402008] .desc[_ngcontent-serverApp-c3501402008] .name[_ngcontent-serverApp-c3501402008] {
        width: min-content
      }
  
      @media (max-width: 1366px) {
        .description[_ngcontent-serverApp-c3501402008] {
          display: none !important
        }
      }

      .social-network[_ngcontent-serverApp-c3994187767] {
        display: flex;
        align-items: center;
        height: 100%;
        gap: 15px
      }
  
      .social-network[_ngcontent-serverApp-c3994187767] .social-network-link[_ngcontent-serverApp-c3994187767] {
        height: 20px;
        width: 20px
      }
  
      .social-network[_ngcontent-serverApp-c3994187767] mat-icon[_ngcontent-serverApp-c3994187767] {
        color: #5d6676;
        height: 20px;
        width: 20px;
        cursor: pointer
      }
  
      .social-network[_ngcontent-serverApp-c3994187767] mat-icon[_ngcontent-serverApp-c3994187767]:hover {
        color: #8c93a3
      }

      .mobile[_nghost-serverApp-c4278991374] mat-icon[_ngcontent-serverApp-c4278991374]:not(.arrow),
    .mobile [_nghost-serverApp-c4278991374] mat-icon[_ngcontent-serverApp-c4278991374]:not(.arrow) {
      display: none
    }

    .spinner[_ngcontent-serverApp-c4278991374] {
      padding: 0 !important
    }

    .current-lang[_ngcontent-serverApp-c4278991374]>span[_ngcontent-serverApp-c4278991374] {
      font-weight: 700
    }

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

    .current-lang[_ngcontent-serverApp-c4278991374]:hover span[_ngcontent-serverApp-c4278991374] {
      opacity: .6;
      transition: opacity .2s cubic-bezier(.1, .7, .5, 1), color .2s cubic-bezier(.1, .7, .5, 1)
    }

    [_nghost-serverApp-c262604569] {
        position: relative
      }
  
      [_nghost-serverApp-c262604569] button[_ngcontent-serverApp-c262604569] {
        --mdc-filled-button-disabled-container-color: var(--tarpaulin-grey) !important
      }
  
      [_nghost-serverApp-c262604569] button.not-empty[_ngcontent-serverApp-c262604569] {
        --mdc-filled-button-disabled-container-color: $green
      }
  
      [_nghost-serverApp-c262604569] .menu[_ngcontent-serverApp-c262604569] {
        padding: 0 16px !important;
        height: 100%;
        border-radius: 0;
        width: 60px
      }
  
      [_nghost-serverApp-c262604569] .cart[_ngcontent-serverApp-c262604569] {
        display: flex;
        justify-content: center;
        align-items: center;
        box-sizing: border-box
      }
  
      [_nghost-serverApp-c262604569] .cart.empty[_ngcontent-serverApp-c262604569] {
        height: 100%;
        font-size: 16px
      }
  
      [_nghost-serverApp-c262604569] .cart.empty[_ngcontent-serverApp-c262604569] .arrow[_ngcontent-serverApp-c262604569] {
        color: #6b6d5d
      }
  
      [_nghost-serverApp-c262604569] .cart[_ngcontent-serverApp-c262604569] .cart-block[_ngcontent-serverApp-c262604569] {
        display: flex
      }
  
      [_nghost-serverApp-c262604569] .cart[_ngcontent-serverApp-c262604569] .arrow[_ngcontent-serverApp-c262604569] {
        color: #8baa0f
      }
  
      [_nghost-serverApp-c262604569] .cart[_ngcontent-serverApp-c262604569] .cart-img[_ngcontent-serverApp-c262604569] {
        display: flex;
        justify-content: left;
        align-items: center;
        box-sizing: border-box;
        position: relative;
        color: #fff
      }
  
      [_nghost-serverApp-c262604569] .cart[_ngcontent-serverApp-c262604569] .cart-img[_ngcontent-serverApp-c262604569] .mat-badge-small .mat-badge-content {
        width: 17px;
        height: 17px;
        line-height: 17px
      }
  
      [_nghost-serverApp-c262604569] .cart[_ngcontent-serverApp-c262604569] .cart-img[_ngcontent-serverApp-c262604569] .mat-badge-content {
        right: -4px;
        top: 1px
      }
  
      [_nghost-serverApp-c262604569] .cart[_ngcontent-serverApp-c262604569] .cart-value[_ngcontent-serverApp-c262604569] {
        text-align: right;
        color: #fff;
        white-space: initial;
        line-height: 20px
      }
  
      [_nghost-serverApp-c262604569] .cart[_ngcontent-serverApp-c262604569] .cart-value[_ngcontent-serverApp-c262604569] b[_ngcontent-serverApp-c262604569] {
        display: flex;
        align-items: center;
        line-height: 16px;
        white-space: nowrap;
        font-size: 16px
      }
  
      .currency[_ngcontent-serverApp-c262604569] {
        width: 16px;
        height: 16px;
        vertical-align: middle;
        line-height: 16px
      }

      @media (max-width: 768px) {
        [_nghost-serverApp-c262604569] button[_ngcontent-serverApp-c262604569] {
          min-width: initial
        }
  
        [_nghost-serverApp-c262604569] .menu[_ngcontent-serverApp-c262604569] {
          width: 50px
        }
  
        [_nghost-serverApp-c262604569] .cart[_ngcontent-serverApp-c262604569] {
          padding: initial;
          justify-content: center
        }
  
        [_nghost-serverApp-c262604569] .cart[_ngcontent-serverApp-c262604569] .cart-value[_ngcontent-serverApp-c262604569] {
          display: none
        }
      }

      @media (max-width: 1199px) {
        [_nghost-serverApp-c262604569] button[_ngcontent-serverApp-c262604569] {
          min-width: initial
        }
  
        [_nghost-serverApp-c262604569] .menu[_ngcontent-serverApp-c262604569] {
          width: 50px
        }
  
        [_nghost-serverApp-c262604569] .cart[_ngcontent-serverApp-c262604569] {
          padding: initial;
          justify-content: center
        }
  
        [_nghost-serverApp-c262604569] .cart[_ngcontent-serverApp-c262604569] .cart-value[_ngcontent-serverApp-c262604569] {
          display: none
        }
      }

      .projects-menu[_ngcontent-serverApp-c1891395780] {
        min-width: 160px;
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 5px 0
      }
  
      .projects-menu[_ngcontent-serverApp-c1891395780] .project[_ngcontent-serverApp-c1891395780] {
        display: flex;
        box-sizing: border-box;
        flex-direction: column;
        padding: 10px 17px;
        width: 100%
      }
  
      .projects-menu[_ngcontent-serverApp-c1891395780] .project.list[_ngcontent-serverApp-c1891395780] {
        padding: 0
      }
  
      .projects-menu[_ngcontent-serverApp-c1891395780] .project.list[_ngcontent-serverApp-c1891395780]:last-of-type {
        padding-bottom: 7px
      }
  
      .projects-menu[_ngcontent-serverApp-c1891395780] .project.list[_ngcontent-serverApp-c1891395780]+.list[_ngcontent-serverApp-c1891395780] {
        padding-top: 14px
      }
  
      .projects-menu[_ngcontent-serverApp-c1891395780] .project.list[_ngcontent-serverApp-c1891395780] .links[_ngcontent-serverApp-c1891395780] a[_ngcontent-serverApp-c1891395780] {
        padding: 0 20px;
        line-height: 26px;
        box-sizing: border-box
      }
  
      .projects-menu[_ngcontent-serverApp-c1891395780] .project[_ngcontent-serverApp-c1891395780] .title[_ngcontent-serverApp-c1891395780] {
        font-weight: 700;
        font-size: 14px;
        line-height: 16px;
        display: flex;
        align-items: center;
        flex-direction: row
      }
  
      .projects-menu[_ngcontent-serverApp-c1891395780] .project[_ngcontent-serverApp-c1891395780] .title[_ngcontent-serverApp-c1891395780] a[_ngcontent-serverApp-c1891395780] {
        padding: 0 10px;
        color: #fff;
        cursor: pointer
      }
  
      .projects-menu[_ngcontent-serverApp-c1891395780] .project[_ngcontent-serverApp-c1891395780] .title[_ngcontent-serverApp-c1891395780] span[_ngcontent-serverApp-c1891395780] {
        padding-left: 6px
      }
  
      .projects-menu[_ngcontent-serverApp-c1891395780] .project[_ngcontent-serverApp-c1891395780] .title[_ngcontent-serverApp-c1891395780] app-svg[_ngcontent-serverApp-c1891395780] {
        color: #fff
      }
  
      .projects-menu[_ngcontent-serverApp-c1891395780] .horizontal-line[_ngcontent-serverApp-c1891395780] {
        width: 100%;
        padding: 0 19px;
        box-sizing: border-box;
        margin: 5px 0
      }
  
      .projects-menu[_ngcontent-serverApp-c1891395780] .horizontal-line[_ngcontent-serverApp-c1891395780] hr[_ngcontent-serverApp-c1891395780] {
        border: 0;
        border-top: 1px solid rgba(255, 255, 255, .04);
        width: 100%;
        margin: 0
      }
  
      .projects-menu[_ngcontent-serverApp-c1891395780] a.project[_ngcontent-serverApp-c1891395780] {
        color: #fff
      }
  
      .projects-menu[_ngcontent-serverApp-c1891395780] a.project[_ngcontent-serverApp-c1891395780]:hover {
        background: #202227
      }
  
      .projects-menu[_ngcontent-serverApp-c1891395780] .links[_ngcontent-serverApp-c1891395780] {
        width: 100%;
        display: flex;
        flex-direction: column;
        padding-top: 3px
      }
  
      .projects-menu[_ngcontent-serverApp-c1891395780] .link[_ngcontent-serverApp-c1891395780] {
        width: 100%;
        font-weight: 400;
        font-size: 14px;
        line-height: 26px;
        color: #fff;
        cursor: pointer
      }
  
      .projects-menu[_ngcontent-serverApp-c1891395780] .link[_ngcontent-serverApp-c1891395780]:hover {
        background: #1f2122
      }

      .mobile[_nghost-serverApp-c2700362631] button[_ngcontent-serverApp-c2700362631],
    .mobile [_nghost-serverApp-c2700362631] button[_ngcontent-serverApp-c2700362631] {
      padding: 0 !important
    }

    .icon[_ngcontent-serverApp-c2700362631] {
      color: #fff
    }

    .icon-menu[_ngcontent-serverApp-c2700362631] {
      font-size: 14px
    }

    button[_ngcontent-serverApp-c2700362631] {
      font-weight: 700
    }

    button[_ngcontent-serverApp-c2700362631] .currency-button[_ngcontent-serverApp-c2700362631] {
      display: flex;
      align-items: center
    }

    button[_ngcontent-serverApp-c2700362631] mat-icon[_ngcontent-serverApp-c2700362631] {
      width: 6px;
      height: 6px;
      min-width: 6px;
      line-height: 0;
      padding-left: 7px;
      opacity: .6
    }

    button[_ngcontent-serverApp-c2700362631]:hover .currency-button[_ngcontent-serverApp-c2700362631] span[_ngcontent-serverApp-c2700362631] {
      opacity: .6;
      transition: opacity .2s cubic-bezier(.1, .7, .5, 1), color .2s cubic-bezier(.1, .7, .5, 1)
    }

    .currency-list[_ngcontent-serverApp-c2700362631] {
      display: flex;
      align-items: center;
      font-weight: 700
    }

    .currency-list[_ngcontent-serverApp-c2700362631]:hover {
      background: #1f2122
    }

    .currency-list[_ngcontent-serverApp-c2700362631] span[_ngcontent-serverApp-c2700362631]+span[_ngcontent-serverApp-c2700362631] {
      padding-left: 7px
    }

    [_nghost-serverApp-c693273726] {
        display: flex;
        gap: 5px;
        transition: background .2s cubic-bezier(.1, .7, .5, 1);
        word-wrap: break-word;
        position: relative;
        overflow-wrap: anywhere
      }
  
      [_nghost-serverApp-c693273726] button.mat-flat-button[_ngcontent-serverApp-c693273726]:hover {
        background-color: #b83700
      }
  
      [_nghost-serverApp-c693273726]:hover {
        background: #ffffff08
      }
  
      [_nghost-serverApp-c693273726] a {
        font-weight: 700
      }
  
      [_nghost-serverApp-c693273726] a.citem {
        color: #43c7ff !important;
        text-decoration: underline
      }
  
      [_nghost-serverApp-c693273726] a.citem:hover {
        text-decoration: none
      }
  
      [_nghost-serverApp-c693273726] a.chat-item {
        color: #f24c05 !important;
        text-decoration: underline
      }
  
      [_nghost-serverApp-c693273726] a.chat-item:hover {
        text-decoration: none
      }
  
      [_nghost-serverApp-c693273726] a:hover {
        opacity: .6
      }
  
      .selected[_nghost-serverApp-c693273726],
      .selected [_nghost-serverApp-c693273726] {
        background: #ffd60012
      }
  
      .header[_ngcontent-serverApp-c693273726] {
        display: flex;
        justify-content: space-between
      }
  
      .header[_ngcontent-serverApp-c693273726] b.system[_ngcontent-serverApp-c693273726] {
        color: #adaeaf
      }
  
      .header[_ngcontent-serverApp-c693273726] b.admin[_ngcontent-serverApp-c693273726] {
        color: #f24c05
      }
  
      .header[_ngcontent-serverApp-c693273726] b[_ngcontent-serverApp-c693273726] mat-icon[_ngcontent-serverApp-c693273726] {
        color: inherit;
        width: 12px;
        height: 15px;
        vertical-align: middle;
        margin-right: 3px;
        line-height: 0
      }
  
      .header[_ngcontent-serverApp-c693273726] button[_ngcontent-serverApp-c693273726] {
        z-index: 3;
        font-size: 12px;
        height: 18px;
        position: absolute;
        right: 32px;
        top: 5px;
        line-height: 15px
      }
  
      .header[_ngcontent-serverApp-c693273726] button[_ngcontent-serverApp-c693273726]:not(:last-child) {
        display: none
      }
  
      .header[_ngcontent-serverApp-c693273726] button[_ngcontent-serverApp-c693273726] .mat-button-wrapper>span {
        gap: 4px
      }
  
      .header[_ngcontent-serverApp-c693273726] button[_ngcontent-serverApp-c693273726] mat-icon[_ngcontent-serverApp-c693273726] {
        height: 12px;
        width: 12px;
        line-height: 0
      }
  
      .message[_ngcontent-serverApp-c693273726] {
        color: #adaeaf;
        line-height: 18px;
        font-weight: 400
      }
  
      .message.admin-message[_ngcontent-serverApp-c693273726] {
        color: #f24c05;
        font-weight: inherit
      }
  
      .mat-flat-button[_ngcontent-serverApp-c693273726] {
        background-color: #f24c05;
        padding: 0 4px !important
      }
  
      .nick-name[_ngcontent-serverApp-c693273726] {
        cursor: pointer
      }

      .garlands[_ngcontent-serverApp-c2583921479] {
      position: absolute;
      width: 100%;
      height: 20px;
      z-index: 1;
      top: var(--header-height);
      background-image: url("../garlands-ALLETSYK.webp");
      background-size: 350px;
      background-repeat: repeat-x
    }