@import url(https://fonts.googleapis.com/css2?family=Raleway:wght@300;400;500;700;800&display=swap);

/*
    Available font-weight:
        light:     300;
        regular:   400;
        medium:    500;
        bold:      700;
        extraBold: 800;
*/
/* @import '@angular/material/prebuilt-themes/indigo-pink.css'; */
.mat-badge-content {
    font-weight: 600;
    font-size: 12px;
}
.mat-badge-small .mat-badge-content {
    font-size: 9px;
}
.mat-badge-large .mat-badge-content {
    font-size: 24px;
}
.mat-chip {
    font-size: 14px;
    font-weight: 500;
}
.mat-chip .mat-chip-trailing-icon.mat-icon,
.mat-chip .mat-chip-remove.mat-icon {
    font-size: 18px;
}
.mat-header-cell {
    font-size: 12px;
    font-weight: 500;
}
.mat-calendar-body {
    font-size: 13px;
}
.mat-calendar-body-label,
.mat-calendar-period-button {
    font-size: 14px;
    font-weight: 500;
}
.mat-calendar-table-header th {
    font-size: 11px;
    font-weight: 400;
}
.mat-dialog-title {
    letter-spacing: normal;
}
.mat-expansion-panel-header {
    font-size: 15px;
    font-weight: 400;
}
.mat-expansion-panel-content {
    letter-spacing: normal;
}
.mat-form-field {
    font-size: inherit;
    font-weight: 400;
    line-height: 1.125;
    letter-spacing: normal;
}
.mat-form-field-wrapper {
    padding-bottom: 1.34375em;
}
.mat-form-field-prefix .mat-icon,
.mat-form-field-suffix .mat-icon {
    font-size: 150%;
    line-height: 1.125;
}
.mat-form-field-prefix .mat-icon-button,
.mat-form-field-suffix .mat-icon-button {
    height: 1.5em;
    width: 1.5em;
}
.mat-form-field-prefix .mat-icon-button .mat-icon,
.mat-form-field-suffix .mat-icon-button .mat-icon {
    height: 1.125em;
    line-height: 1.125;
}
.mat-form-field-infix {
    padding: 0.5em 0;
    border-top: 0.84375em solid transparent;
}
.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label {
    transform: translateY(-1.34375em) scale(0.75);
    width: 133.3333333333%;
}
.mat-form-field-can-float
    .mat-input-server[label]:not(:label-shown)
    + .mat-form-field-label-wrapper
    .mat-form-field-label {
    transform: translateY(-1.34374em) scale(0.75);
    width: 133.3333433333%;
}
.mat-form-field-label-wrapper {
    top: -0.84375em;
    padding-top: 0.84375em;
}
.mat-form-field-label {
    top: 1.34375em;
}
.mat-form-field-underline {
    bottom: 1.34375em;
}
.mat-form-field-subscript-wrapper {
    font-size: 75%;
    margin-top: 0.6666666667em;
    top: calc(100% - 1.7916666667em);
}
.mat-form-field-appearance-legacy .mat-form-field-wrapper {
    padding-bottom: 1.25em;
}
.mat-form-field-appearance-legacy .mat-form-field-infix {
    padding: 0.4375em 0;
}
.mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
.mat-form-field-appearance-legacy.mat-form-field-can-float
    .mat-input-server:focus
    + .mat-form-field-label-wrapper
    .mat-form-field-label {
    transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.001px);
    -ms-transform: translateY(-1.28125em) scale(0.75);
    width: 133.3333333333%;
}
.mat-form-field-appearance-legacy.mat-form-field-can-float
    .mat-form-field-autofill-control:-webkit-autofill
    + .mat-form-field-label-wrapper
    .mat-form-field-label {
    transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.00101px);
    -ms-transform: translateY(-1.28124em) scale(0.75);
    width: 133.3333433333%;
}
.mat-form-field-appearance-legacy.mat-form-field-can-float
    .mat-input-server[label]:not(:label-shown)
    + .mat-form-field-label-wrapper
    .mat-form-field-label {
    transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.00102px);
    -ms-transform: translateY(-1.28123em) scale(0.75);
    width: 133.3333533333%;
}
.mat-form-field-appearance-legacy .mat-form-field-label {
    top: 1.28125em;
}
.mat-form-field-appearance-legacy .mat-form-field-underline {
    bottom: 1.25em;
}
.mat-form-field-appearance-legacy .mat-form-field-subscript-wrapper {
    margin-top: 0.5416666667em;
    top: calc(100% - 1.6666666667em);
}
@media print {
    .mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
    .mat-form-field-appearance-legacy.mat-form-field-can-float
        .mat-input-server:focus
        + .mat-form-field-label-wrapper
        .mat-form-field-label {
        transform: translateY(-1.28122em) scale(0.75);
    }
    .mat-form-field-appearance-legacy.mat-form-field-can-float
        .mat-form-field-autofill-control:-webkit-autofill
        + .mat-form-field-label-wrapper
        .mat-form-field-label {
        transform: translateY(-1.28121em) scale(0.75);
    }
    .mat-form-field-appearance-legacy.mat-form-field-can-float
        .mat-input-server[label]:not(:label-shown)
        + .mat-form-field-label-wrapper
        .mat-form-field-label {
        transform: translateY(-1.2812em) scale(0.75);
    }
}
.mat-form-field-appearance-fill .mat-form-field-infix {
    padding: 0.25em 0 0.75em 0;
}
.mat-form-field-appearance-fill .mat-form-field-label {
    top: 1.09375em;
    margin-top: -0.5em;
}
.mat-form-field-appearance-fill.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
.mat-form-field-appearance-fill.mat-form-field-can-float
    .mat-input-server:focus
    + .mat-form-field-label-wrapper
    .mat-form-field-label {
    transform: translateY(-0.59375em) scale(0.75);
    width: 133.3333333333%;
}
.mat-form-field-appearance-fill.mat-form-field-can-float
    .mat-input-server[label]:not(:label-shown)
    + .mat-form-field-label-wrapper
    .mat-form-field-label {
    transform: translateY(-0.59374em) scale(0.75);
    width: 133.3333433333%;
}
.mat-form-field-appearance-outline .mat-form-field-infix {
    padding: 1em 0 1em 0;
}
.mat-form-field-appearance-outline .mat-form-field-label {
    top: 1.84375em;
    margin-top: -0.25em;
}
.mat-form-field-appearance-outline.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
.mat-form-field-appearance-outline.mat-form-field-can-float
    .mat-input-server:focus
    + .mat-form-field-label-wrapper
    .mat-form-field-label {
    transform: translateY(-1.59375em) scale(0.75);
    width: 133.3333333333%;
}
.mat-form-field-appearance-outline.mat-form-field-can-float
    .mat-input-server[label]:not(:label-shown)
    + .mat-form-field-label-wrapper
    .mat-form-field-label {
    transform: translateY(-1.59374em) scale(0.75);
    width: 133.3333433333%;
}
.mat-grid-tile-header,
.mat-grid-tile-footer {
    font-size: 14px;
}
.mat-grid-tile-header .mat-line,
.mat-grid-tile-footer .mat-line {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    box-sizing: border-box;
}
.mat-grid-tile-header .mat-line:nth-child(n + 2),
.mat-grid-tile-footer .mat-line:nth-child(n + 2) {
    font-size: 12px;
}
input.mat-input-element {
    margin-top: -0.0625em;
}
.mat-menu-item {
    font-family: Roboto, 'Helvetica Neue', sans-serif;
    font-size: 14px;
    font-weight: 400;
}
.mat-toolbar,
.mat-toolbar h1,
.mat-toolbar h2,
.mat-toolbar h3,
.mat-toolbar h4,
.mat-toolbar h5,
.mat-toolbar h6 {
    font: 500 20px/32px Roboto, 'Helvetica Neue', sans-serif;
    letter-spacing: normal;
    margin: 0;
}
.mat-tooltip {
    font-family: Roboto, 'Helvetica Neue', sans-serif;
    font-size: 10px;
    padding-top: 6px;
    padding-bottom: 6px;
}
.mat-tooltip-handset {
    font-size: 14px;
    padding-top: 8px;
    padding-bottom: 8px;
}
.mat-list-item {
    font-family: Roboto, 'Helvetica Neue', sans-serif;
}
.mat-list-option {
    font-family: Roboto, 'Helvetica Neue', sans-serif;
}
.mat-list-base .mat-list-item {
    font-size: 16px;
}
.mat-list-base .mat-list-item .mat-line {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    box-sizing: border-box;
}
.mat-list-base .mat-list-item .mat-line:nth-child(n + 2) {
    font-size: 14px;
}
.mat-list-base .mat-list-option {
    font-size: 16px;
}
.mat-list-base .mat-list-option .mat-line {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    box-sizing: border-box;
}
.mat-list-base .mat-list-option .mat-line:nth-child(n + 2) {
    font-size: 14px;
}
.mat-list-base .mat-subheader {
    font-family: Roboto, 'Helvetica Neue', sans-serif;
    font-size: 14px;
    font-weight: 500;
}
.mat-list-base[dense] .mat-list-item {
    font-size: 12px;
}
.mat-list-base[dense] .mat-list-item .mat-line {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    box-sizing: border-box;
}
.mat-list-base[dense] .mat-list-item .mat-line:nth-child(n + 2) {
    font-size: 12px;
}
.mat-list-base[dense] .mat-list-option {
    font-size: 12px;
}
.mat-list-base[dense] .mat-list-option .mat-line {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    box-sizing: border-box;
}
.mat-list-base[dense] .mat-list-option .mat-line:nth-child(n + 2) {
    font-size: 12px;
}
.mat-list-base[dense] .mat-subheader {
    font-family: Roboto, 'Helvetica Neue', sans-serif;
    font-size: 12px;
    font-weight: 500;
}
.mat-option {
    font-family: Roboto, 'Helvetica Neue', sans-serif;
    font-size: 16px;
}
.mat-optgroup-label {
    font: 500 14px/24px Roboto, 'Helvetica Neue', sans-serif;
    letter-spacing: normal;
}
.mat-simple-snackbar {
    font-family: Roboto, 'Helvetica Neue', sans-serif;
    font-size: 14px;
}
.mat-simple-snackbar-action {
    line-height: 1;
    font-family: inherit;
    font-size: inherit;
    font-weight: 500;
}
.mat-tree {
    font-family: Roboto, 'Helvetica Neue', sans-serif;
}
.mat-tree-node,
.mat-nested-tree-node {
    font-weight: 400;
    font-size: 14px;
}
.mat-ripple {
    overflow: hidden;
    position: relative;
}
.mat-ripple:not(:empty) {
    transform: translateZ(0);
}
.mat-ripple.mat-ripple-unbounded {
    overflow: visible;
}
.mat-ripple-element {
    position: absolute;
    border-radius: 50%;
    pointer-events: none;
    transition: opacity, transform 0ms cubic-bezier(0, 0, 0.2, 1);
    transform: scale(0);
}
.cdk-high-contrast-active .mat-ripple-element {
    display: none;
}
.cdk-visually-hidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    outline: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
}
.cdk-overlay-container,
.cdk-global-overlay-wrapper {
    pointer-events: none;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}
.cdk-overlay-container {
    position: fixed;
    z-index: 1000;
}
.cdk-overlay-container:empty {
    display: none;
}
.cdk-global-overlay-wrapper {
    display: flex;
    position: absolute;
    z-index: 1000;
}
.cdk-overlay-pane {
    position: absolute;
    pointer-events: auto;
    box-sizing: border-box;
    z-index: 1000;
    display: flex;
    max-width: 100%;
    max-height: 100%;
}
.cdk-overlay-backdrop {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    pointer-events: auto;
    -webkit-tap-highlight-color: transparent;
    transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
    opacity: 0;
}
.cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
    opacity: 1;
}
@media screen and (-ms-high-contrast: active) {
    .cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
        opacity: 0.6;
    }
}
.cdk-overlay-dark-backdrop {
    background: rgba(0, 0, 0, 0.32);
}
.cdk-overlay-transparent-backdrop,
.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing {
    opacity: 0;
}
.cdk-overlay-connected-position-bounding-box {
    position: absolute;
    z-index: 1000;
    display: flex;
    flex-direction: column;
    min-width: 1px;
    min-height: 1px;
}
.cdk-global-scrollblock {
    position: fixed;
    width: 100%;
    overflow-y: scroll;
}
@-webkit-keyframes cdk-text-field-autofill-start {
    /*!*/
}
@keyframes cdk-text-field-autofill-start {
    /*!*/
}
@-webkit-keyframes cdk-text-field-autofill-end {
    /*!*/
}
@keyframes cdk-text-field-autofill-end {
    /*!*/
}
.cdk-text-field-autofill-monitored:-webkit-autofill {
    -webkit-animation: cdk-text-field-autofill-start 0s 1ms;
            animation: cdk-text-field-autofill-start 0s 1ms;
}
.cdk-text-field-autofill-monitored:not(:-webkit-autofill) {
    -webkit-animation: cdk-text-field-autofill-end 0s 1ms;
            animation: cdk-text-field-autofill-end 0s 1ms;
}
textarea.cdk-textarea-autosize {
    resize: none;
}
textarea.cdk-textarea-autosize-measuring {
    padding: 2px 0 !important;
    box-sizing: content-box !important;
    height: auto !important;
    overflow: hidden !important;
}
textarea.cdk-textarea-autosize-measuring-firefox {
    padding: 2px 0 !important;
    box-sizing: content-box !important;
    height: 0 !important;
}
.mat-focus-indicator {
    position: relative;
}
.mat-mdc-focus-indicator {
    position: relative;
}
.mat-ripple-element {
    background-color: rgba(0, 0, 0, 0.1);
}
.mat-option {
    color: rgba(0, 0, 0, 0.87);
}
.mat-option:hover:not(.mat-option-disabled),
.mat-option:focus:not(.mat-option-disabled) {
    background: rgba(0, 0, 0, 0.04);
}
.mat-option.mat-selected:not(.mat-option-multiple):not(.mat-option-disabled) {
    background: rgba(0, 0, 0, 0.04);
}
.mat-option.mat-active {
    background: rgba(0, 0, 0, 0.04);
    color: rgba(0, 0, 0, 0.87);
}
.mat-option.mat-option-disabled {
    color: rgba(0, 0, 0, 0.38);
}
mat-badge {
    position: relative;
}
.mat-badge-hidden .mat-badge-content {
    display: none;
}
.mat-badge-disabled .mat-badge-content {
    background: #b9b9b9;
    color: rgba(0, 0, 0, 0.38);
}
.mat-badge-content {
    position: absolute;
    text-align: center;
    display: inline-block;
    border-radius: 50%;
    transition: transform 200ms ease-in-out;
    transform: scale(0.6);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    pointer-events: none;
}
.ng-animate-disabled .mat-badge-content,
.mat-badge-content._mat-animation-noopable {
    transition: none;
}
.mat-badge-content.mat-badge-active {
    transform: none;
}
.mat-badge-small .mat-badge-content {
    width: 16px;
    height: 16px;
    line-height: 16px;
}
.mat-badge-small.mat-badge-above .mat-badge-content {
    top: -8px;
}
.mat-badge-small.mat-badge-below .mat-badge-content {
    bottom: -8px;
}
.mat-badge-small.mat-badge-before .mat-badge-content {
    left: -16px;
}
[dir='rtl'] .mat-badge-small.mat-badge-before .mat-badge-content {
    left: auto;
    right: -16px;
}
.mat-badge-small.mat-badge-after .mat-badge-content {
    right: -16px;
}
[dir='rtl'] .mat-badge-small.mat-badge-after .mat-badge-content {
    right: auto;
    left: -16px;
}
.mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content {
    left: -8px;
}
[dir='rtl'] .mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content {
    left: auto;
    right: -8px;
}
.mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content {
    right: -8px;
}
[dir='rtl'] .mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content {
    right: auto;
    left: -8px;
}
.mat-badge-medium .mat-badge-content {
    width: 22px;
    height: 22px;
    line-height: 22px;
}
.mat-badge-medium.mat-badge-above .mat-badge-content {
    top: -11px;
}
.mat-badge-medium.mat-badge-below .mat-badge-content {
    bottom: -11px;
}
.mat-badge-medium.mat-badge-before .mat-badge-content {
    left: -22px;
}
[dir='rtl'] .mat-badge-medium.mat-badge-before .mat-badge-content {
    left: auto;
    right: -22px;
}
.mat-badge-medium.mat-badge-after .mat-badge-content {
    right: -22px;
}
[dir='rtl'] .mat-badge-medium.mat-badge-after .mat-badge-content {
    right: auto;
    left: -22px;
}
.mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content {
    left: -11px;
}
[dir='rtl'] .mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content {
    left: auto;
    right: -11px;
}
.mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content {
    right: -11px;
}
[dir='rtl'] .mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content {
    right: auto;
    left: -11px;
}
.mat-badge-large .mat-badge-content {
    width: 28px;
    height: 28px;
    line-height: 28px;
}
.mat-badge-large.mat-badge-above .mat-badge-content {
    top: -14px;
}
.mat-badge-large.mat-badge-below .mat-badge-content {
    bottom: -14px;
}
.mat-badge-large.mat-badge-before .mat-badge-content {
    left: -28px;
}
[dir='rtl'] .mat-badge-large.mat-badge-before .mat-badge-content {
    left: auto;
    right: -28px;
}
.mat-badge-large.mat-badge-after .mat-badge-content {
    right: -28px;
}
[dir='rtl'] .mat-badge-large.mat-badge-after .mat-badge-content {
    right: auto;
    left: -28px;
}
.mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content {
    left: -14px;
}
[dir='rtl'] .mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content {
    left: auto;
    right: -14px;
}
.mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content {
    right: -14px;
}
[dir='rtl'] .mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content {
    right: auto;
    left: -14px;
}
.mat-bottom-sheet-container {
    box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14),
        0px 6px 30px 5px rgba(0, 0, 0, 0.12);
    background: #fff;
    color: rgba(0, 0, 0, 0.87);
}
.mat-button,
.mat-icon-button,
.mat-stroked-button {
    color: inherit;
    background: transparent;
}
.mat-chip.mat-standard-chip:not(.mat-chip-disabled) .mat-chip-remove:hover {
    opacity: 0.54;
}
.mat-chip.mat-standard-chip.mat-chip-disabled {
    opacity: 0.4;
}
.mat-table thead,
.mat-table tbody,
.mat-table tfoot,
mat-header-row,
mat-row,
mat-footer-row,
[mat-header-row],
[mat-row],
[mat-footer-row],
.mat-table-sticky {
    background: inherit;
}
mat-row,
mat-header-row,
mat-footer-row,
th.mat-header-cell,
td.mat-cell,
td.mat-footer-cell {
    border-bottom-color: rgba(0, 0, 0, 0.12);
}
.mat-header-cell {
    color: rgba(0, 0, 0, 0.54);
}
.mat-cell,
.mat-footer-cell {
    color: rgba(0, 0, 0, 0.87);
}
.mat-calendar-arrow {
    border-top-color: rgba(0, 0, 0, 0.54);
}
.mat-datepicker-toggle,
.mat-datepicker-content .mat-calendar-next-button,
.mat-datepicker-content .mat-calendar-previous-button {
    color: rgba(0, 0, 0, 0.54);
}
.mat-calendar-table-header {
    color: rgba(0, 0, 0, 0.38);
}
.mat-calendar-table-header-divider::after {
    background: rgba(0, 0, 0, 0.12);
}
.mat-calendar-body-label {
    color: rgba(0, 0, 0, 0.54);
}
.mat-calendar-body-cell-content,
.mat-date-range-input-separator {
    color: rgba(0, 0, 0, 0.87);
    border-color: transparent;
}
.mat-calendar-body-disabled
    > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
    color: rgba(0, 0, 0, 0.38);
}
.mat-form-field-disabled .mat-date-range-input-separator {
    color: rgba(0, 0, 0, 0.38);
}
.mat-calendar-body-in-preview {
    color: rgba(0, 0, 0, 0.24);
}
.mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
    border-color: rgba(0, 0, 0, 0.38);
}
.mat-calendar-body-disabled
    > .mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
    border-color: rgba(0, 0, 0, 0.18);
}
.mat-calendar-body-today.mat-calendar-body-selected {
    box-shadow: inset 0 0 0 1px #fff;
}
.mat-datepicker-content {
    box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14),
        0px 1px 10px 0px rgba(0, 0, 0, 0.12);
    background-color: #fff;
    color: rgba(0, 0, 0, 0.87);
}
.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 {
    height: 48px;
}
.mat-expansion-panel-header.mat-expanded {
    height: 64px;
}
.mat-paginator-container {
    min-height: 56px;
}
@media (hover: none) {
    .mat-step-header:hover {
        background: none;
    }
}
.mat-step-header .mat-step-label,
.mat-step-header .mat-step-optional {
    color: rgba(0, 0, 0, 0.54);
}
.mat-step-header .mat-step-icon {
    background-color: rgba(0, 0, 0, 0.54);
    color: #fff;
}
.mat-horizontal-stepper-header {
    height: 72px;
}
.mat-stepper-label-position-bottom .mat-horizontal-stepper-header,
.mat-vertical-stepper-header {
    padding: 24px 24px;
}
.mat-stepper-vertical-line::before {
    top: -16px;
    bottom: -16px;
}
.mat-stepper-label-position-bottom .mat-horizontal-stepper-header::after,
.mat-stepper-label-position-bottom .mat-horizontal-stepper-header::before {
    top: 36px;
}
.mat-stepper-label-position-bottom .mat-stepper-horizontal-line {
    top: 36px;
}
.mat-toolbar-multiple-rows {
    min-height: 64px;
}
.mat-toolbar-row,
.mat-toolbar-single-row {
    height: 64px;
}
@media (max-width: 599px) {
    .mat-toolbar-multiple-rows {
        min-height: 56px;
    }
    .mat-toolbar-row,
    .mat-toolbar-single-row {
        height: 56px;
    }
}
.mat-slide-toggle:not(.mat-checked) .mat-ripple-element {
    background-color: #000;
}
.mat-slide-toggle-thumb {
    box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14),
        0px 1px 3px 0px rgba(0, 0, 0, 0.12);
    background-color: #fafafa;
}
.mat-slide-toggle-bar {
    background-color: rgba(0, 0, 0, 0.38);
}
:root {
    --dark-side-color: #14141a;
    --light-side-color: #fdfdfd;

    --dark-side-color--weaker: #2e2e33;
    --light-side-color--weaker: #f1f1f1;
    --light-side-color--weaker-2: #f3f3f5;

    --primary-branding-color: #ffc738;
    --primary-branding-color--border: var(--primary-branding-color);

    --primary-branding-color--contrast: var(--dark-side-color);
    --primary-branding-color--lighter: #ffdc85;
    --primary-branding-color--gradient: #fbeab2;

    --primary-error-color: #e22444;
    --primary-error-color--border: var(--primary-error-color);
    --primary-error-color--contrast: var(--light-side-color);

    --primary-error-color--on-light: #bd1a34;
    --primary-error-color--on-dark: #ee7488;

    --primary-cta-color: #5764f2;
    --primary-cta-color--border: var(--primary-cta-color);
    --primary-cta-color--contrast: var(--light-side-color);
    --primary-cta-color--lighter: #b3b9ff;

    --primary-accent-color: #2fc4b2;
    --primary-accent-border: var(--primary-accent-color);
    --primary-accent-color--contrast: var(--dark-side-color);
    --primary-accent-lighter: #ace7e0;

    --primary-accent-color--lighter: #58d7c7;
    --primary-branding-color--on-dark: #ffc738;
    --primary-cta-color--on-dark: #557fec;
    --primary-accent-color--on-dark: #2fc4b2;
    --primary-branding-color--on-light: #986d00;
    --primary-cta-color--on-light: #396be9;
    --primary-accent-color--on-light: #1f8276;

    --button-border-width: 1px;
    --button-border-width--simple: 2px;
    --button-border-radius: 38px;
    --images-border-radius: 8px;

    --crypto-color--bch: #0ac18e;
    --crypto-color--btc: #f8bf1a;
    --crypto-color--doge: #f8bf1a;
    --crypto-color--eth: #6673ff;
    --crypto-color--link: #375bd2;
    --crypto-color--ltc: #3d4599;
    --crypto-color--uni: #ff007a;
    --crypto-color--usdc: #6673ff;
    --crypto-color--usdt: #2fc4b2;
    --crypto-color--change: #197efd;
}
.dark {
    /* Common */
    --bg-color: var(--dark-side-color);
    --bg-color--weaker: var(--dark-side-color--weaker);
    --font-color: var(--light-side-color);
    --font-color--weaker: var(--light-side-color--weaker);
    --gradient-color-top: #f53700;
    --gradient-color-bottom: #fcb100;
    --gradient-color--contrast: var(--bg-color);

    --link-color: var(--primary-cta-color--on-dark);

    --primary-cta-color--text: var(--primary-cta-color--on-dark);
    --primary-accent-color--text: var(--primary-accent-color--on-dark);
    --primary-branding-color--text: var(--primary-branding-color--on-dark);
    --primary-error-color--text: var(--primary-error-color--on-dark);

    /* Notification */
    --nofification-bg-color: var(--light-side-color);
    --nofification-font-color: var(--dark-side-color);

    /* Inputs */
    --input-bg-color: var(--dark-side-color--weaker);

    /* Buttons */
    --button-border-color: var(--light-side-color);
    --button-border-color--contrast: var(--dark-side-color);

    /* Switch theme */
    --theme-button-bg-color: var(--dark-side-color--weaker);
    --theme-button-mobile-bg-color: var(--dark-side-color--weaker);
    --theme-button-slider-bg-color: var(--light-side-color);

    /* Crypto cards and icons */
    --crypto-bg-color: var(--dark-side-color--weaker);
    --crypto-icon-bg-color: var(--dark-side-color);

    /* Scroll containers pagination index */
    --page-color: var(--dark-side-color--weaker);

    /* News */
    --news-bg-color: var(--dark-side-color--weaker);

    /* Review */
    --review-star-filter: invert(100%) sepia(0%) saturate(3%) hue-rotate(342deg) brightness(103%) contrast(98%);

    /* Trade */
    --trade-box-border-color: var(--dark-side-color--weaker);

    /* Subscribe */
    --subscribe-bg-color: var(--dark-side-color);
    --subscribe-input-bg-color: var(--dark-side-color--weaker);

    /* Footer */
    --footer-mask-mobile-bg-color: var(--dark-side-color--weaker);

    /* Paginator */
    --paginator-bg-color: var(--dark-side-color);
    --paginator-border-color: var(--dark-side-color--weaker);

    /* 2FA */
    --tfa-bg-color: var(--dark-side-color--weaker);

    /* Order */
    --order-border-color: var(--dark-side-color--weaker);

    /* Profile */
    --profile-items-bg-color: var(--dark-side-color--weaker);
    --profile-verification-border-color: var(--dark-side-color);
    --profile-font-color: #c2c2c6;

    /* Bonus program */
    --bonus-bg-color: var(--dark-side-color--weaker);

    /* FAQ */
    --faq-border-color: var(--dark-side-color--weaker);
    --faq-container-bg-color: var(--dark-side-color--weaker);

    /* Legal */
    --legal-border-color: var(--dark-side-color--weaker);

    /* Glossary */
    --glossary-item-bg-color: var(--dark-side-color--weaker);
    --glossary-item-btn-color: var(--dark-side-color);

    /* Crypto currencies */
    --crypto-currencies-bg-color: var(--dark-side-color--weaker);

    --ribbon-bg: url('/assets/img/ribbon.svg');
    --ribbon-bg-color: rgba(51, 51, 51, 0.55);
    --ribbon-bg-color--gradent: rgba(51, 51, 51, 0);
}
.light {
    /* Common */
    --bg-color: var(--light-side-color);
    --bg-color--weaker: var(--light-side-color--weaker);
    --font-color: var(--dark-side-color);
    --font-color--weaker: var(--dark-side-color--weaker);

    --gradient-color-top: #212551;
    --gradient-color-bottom: #4b55ba;
    --gradient-color--contrast: var(--bg-color);

    --link-color: var(--primary-cta-color--on-light);

    --primary-cta-color--text: var(--primary-cta-color--on-light);
    --primary-accent-color--text: var(--primary-accent-color--on-light);
    --primary-branding-color--text: var(--primary-branding-color--on-light);
    --primary-error-color--text: var(--primary-error-color--on-light);

    /* Notification */
    --nofification-bg-color: var(--dark-side-color);
    --nofification-font-color: var(--light-side-color);

    /* Inputs */
    --input-bg-color: var(--light-side-color--weaker);

    /* Buttons */
    --button-border-color: var(--dark-side-color);
    --button-border-color--contrast: var(--light-side-color);

    /* Switch theme */
    --theme-button-bg-color: var(--light-side-color--weaker-2);
    --theme-button-mobile-bg-color: var(--light-side-color--weaker);
    --theme-button-slider-bg-color: var(--dark-side-color);

    /* Crypto cards and icons */
    --crypto-bg-color: var(--light-side-color--weaker);
    --crypto-icon-bg-color: var(--light-side-color);

    /* Scroll containers pagination index */
    --page-color: var(--light-side-color--weaker);

    /* News */
    --news-bg-color: var(--light-side-color--weaker);

    /* Review */
    --review-star-filter: brightness(0) saturate(100%) invert(93%) sepia(13%) saturate(42%) hue-rotate(236deg)
        brightness(85%) contrast(81%);

    /* Trade */
    --trade-box-border-color: var(--light-side-color--weaker);

    /* Subscribe */
    --subscribe-bg-color: var(--light-side-color);
    --subscribe-input-bg-color: var(--light-side-color--weaker);

    /* Footer */
    --footer-mask-mobile-bg-color: var(--light-side-color--weaker);

    /* Paginator */
    --paginator-bg-color: var(--light-side-color--weaker-2);
    --paginator-border-color: var(--light-side-color--weaker);

    /* 2FA */
    --tfa-bg-color: var(--light-side-color--weaker);

    /* Order */
    --order-border-color: var(--light-side-color--weaker);

    /* Profile */
    --profile-items-bg-color: var(--light-side-color--weaker);
    --profile-verification-border-color: #c2c2c6;
    --profile-font-color: #919199;

    /* Bonus program */
    --bonus-bg-color: var(--light-side-color--weaker);

    /* FAQ */
    --faq-border-color: #c2c2c6;
    --faq-container-bg-color: var(--light-side-color--weaker);

    /* Legal */
    --legal-border-color: var(--light-side-color--weaker);

    /* Glossary */
    --glossary-item-bg-color: var(--light-side-color--weaker);
    --glossary-item-btn-color: var(--light-side-color);

    /* Crypto currencies */
    --crypto-currencies-bg-color: var(--light-side-color--weaker);

    --ribbon-bg: url('/assets/img/ribbon--inverse.svg');
    --ribbon-bg-color: rgba(204, 204, 204, 0.55);
    --ribbon-bg-color--gradent: rgba(204, 204, 204, 0);
}
.light {
    --calc-bg-color-1: var(--light-side-color--weaker-2);
    --calc-bg-color-2: var(--light-side-color);
    --calc-actions-bg-color: var(--light-side-color);
    --calc-actions-font-color: var(--dark-side-color);
    --calc-top-control-bg-color: var(--light-side-color);
    --calc-bottom-control-bg-color: var(--light-side-color--weaker);
    --calc-control-font-color: var(--dark-side-color);
    --calc-middle-bg-color: var(--light-side-color);
    --calc-middle-font-color: var(--dark-side-color--weaker);
    --calc-middle-border-color: var(--light-side-color);
    --calc-payment-label-font-color: var(--dark-side-color--weaker);
}
.dark {
    --calc-bg-color-1: var(--dark-side-color--weaker);
    --calc-bg-color-2: var(--dark-side-color);
    --calc-actions-bg-color: var(--dark-side-color);
    --calc-actions-font-color: var(--light-side-color);
    --calc-top-control-bg-color: var(--dark-side-color);
    --calc-bottom-control-bg-color: var(--dark-side-color--weaker);
    --calc-control-font-color: var(--light-side-color);
    --calc-middle-bg-color: var(--dark-side-color--weaker);
    --calc-middle-font-color: var(--light-side-color);
    --calc-middle-border-color: var(--dark-side-color);
    --calc-payment-label-font-color: var(--light-side-color--weaker);
}
/* Hover zoom animation */
.hoverZoomAnimation {
    transform: scale(0.9);
    transition: all 0.15s ease-in-out;
}
.hoverZoomAnimation:hover {
    transform: scale(1);
}
.mobile .hoverZoomAnimation {
    transform: scale(1);
}
.mobile .hoverZoomAnimation:hover {
    transform: none;
}
mat-form-field.mat-form-field {
    width: 100%;
    font-weight: 400;
}
mat-form-field.mat-form-field.mat-form-field-disabled,
mat-form-field.mat-form-field.mat-form-field-disabled .mat-input-element {
    cursor: not-allowed;
}
mat-form-field.mat-form-field .mat-form-field-wrapper {
    margin: 0px;
    padding: 0px;
}
mat-form-field.mat-form-field .mat-form-field-subscript-wrapper {
    padding: 0px 16px;
}
mat-form-field.mat-form-field .mat-form-field-flex {
    align-items: center;
    padding: 12px 16px;
}
mat-form-field.mat-form-field .mat-form-field-infix {
    top: -2px;
    border-top: 0px;
    padding: 8px 0px;
}
mat-form-field.mat-form-field .mat-form-field-prefix {
    top: 2px;
    margin-right: 8px;
}
mat-form-field.mat-form-field .mat-form-field-suffix {
    cursor: pointer;
    margin-left: 8px;
}
mat-form-field.mat-form-field .mat-form-field-suffix mat-icon {
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
}
mat-form-field.mat-form-field .mat-form-field-outline div {
    border-width: 1px !important;
}
mat-form-field.mat-form-field .mat-form-field-outline div:first-of-type {
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
}
mat-form-field.mat-form-field .mat-form-field-outline div:last-of-type {
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
}
mat-form-field.mat-form-field.mat-form-field-disabled .mat-form-field-outline div {
    border-top-style: dashed;
    border-bottom-style: dashed;
}
mat-form-field.mat-form-field.mat-form-field-disabled .mat-form-field-outline div:first-of-type {
    border-left-style: dashed;
}
mat-form-field.mat-form-field.mat-form-field-disabled .mat-form-field-outline div:last-of-type {
    border-right-style: dashed;
}
mat-form-field.mat-form-field .mat-form-field-label mat-label {
    font-size: 14px;
}
mat-form-field.mat-form-field.mat-focused.mat-form-field-appearance-outline .mat-form-field-outline-thick,
mat-form-field.mat-form-field.mat-focused .mat-form-field-label {
    color: #919199;
}
mat-form-field.mat-form-field.mat-form-field-invalid .mat-form-field-ripple {
    background-color: var(--primary-error-color);
}
mat-form-field.mat-form-field.mat-form-field-invalid .mat-form-field-label mat-label,
mat-form-field.mat-form-field.mat-form-field-invalid .mat-input-element,
mat-form-field.mat-form-field.mat-form-field-invalid .mat-select-value-text,
mat-form-field.mat-form-field.mat-form-field-invalid.mat-form-field-appearance-outline .mat-form-field-outline-thick,
.checkbox mat-error.mat-error span {
    color: var(--primary-error-color) !important;
}
mat-form-field.mat-form-field.mat-form-field-invalid .mat-form-field-prefix,
mat-form-field.mat-form-field.mat-form-field-invalid .mat-form-field-suffix {
    filter: invert(49%) sepia(30%) saturate(5962%) hue-rotate(321deg) brightness(100%) contrast(103%);
}
mat-form-field.mat-form-field.mat-form-field-disabled .mat-form-field-prefix,
mat-form-field.mat-form-field.mat-form-field-disabled .mat-form-field-suffix {
    filter: invert(43%) sepia(8%) saturate(506%) hue-rotate(185deg) brightness(95%) contrast(83%);
}
mat-form-field.mat-form-field.mat-form-field-disabled .mat-form-field-underline {
    background-image: none;
    background-color: #919199;
}
/* Checkbox */
mat-checkbox .mat-checkbox-inner-container .mat-checkbox-frame {
    border-color: var(--font-color);
}
mat-checkbox.error-checkbox .mat-checkbox-inner-container .mat-checkbox-frame {
    border-color: var(--primary-error-color);
}
mat-checkbox .mat-checkbox-layout {
    white-space: normal;
}
mat-checkbox .mat-checkbox-ripple .mat-ripple-element,
.mat-checkbox-checked.mat-accent .mat-checkbox-background {
    background-color: var(--primary-cta-color) !important;
}
mat-checkbox .mat-checkbox-inner-container {
    margin-right: 12px;
}
mat-checkbox .mat-checkbox-label {
    line-height: 16px !important;
}
mat-form-field .mat-select-arrow:not(mat-paginator mat-form-field .mat-select-arrow),
mat-expansion-panel.mat-expansion-panel .mat-expansion-indicator::after {
    width: 8px;
    height: 8px;
    border: none;
    border-bottom: 2px solid #1a1a1f;
    border-right: 2px solid #1a1a1f;
    transform: rotate(45deg);
    padding: 0px;
    margin: 0px;
    transition: 200ms ease-in-out;
}
mat-select[aria-expanded='true'] .mat-select-arrow:not(mat-paginator mat-form-field .mat-select-arrow),
mat-select[aria-expanded='true'] mat-expansion-panel.mat-expansion-panel .mat-expansion-indicator::after {
    transform: rotate(225deg);
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
/* Input Firefox */
input[type='number'] {
    -moz-appearance: textfield;
}
@media (max-width: 1264px) {
    .two-controls {
        flex-direction: column;
    }

    .two-controls > * {
        width: initial !important;
    }
}
.two-controls {
    width: 100%;
    display: flex;
    justify-content: space-between;
}
.two-controls > * {
    width: 48%;
}
.notification {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: var(--nofification-font-color);
    background-color: var(--nofification-bg-color);
    border-radius: 12px;
    padding: 24px;
    z-index: 99999;
}
.notification img {
    width: 48px;
    height: 48px;
    margin-bottom: 8px;
}
.notification span {
    font-weight: 700;
}
@media (max-width: 674px) {
    .modal > div {
        padding: 24px !important;
    }

    .modal div .modal-header {
        font-size: 20px;
    }

    .modal div .button-container {
        width: 100%;
    }

    .modal div .button-container app-button {
        width: 100%;
    }
}
.modal .button-container app-button {
    margin: 4px;
}
.modal {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 0px;
    left: 0px;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    background-color: rgb(26, 26, 31, 0.7);
    z-index: 99;
}
.modal > div {
    width: calc(100% - 48px);
    max-width: 500px;
    max-height: 80%;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: fixed;
    color: var(--font-color);
    background-color: var(--bg-color);
    box-shadow: rgba(0, 0, 0, 0.2) 0px 10px 36px 0px, rgba(0, 0, 0, 0.1) 0px 0px 0px 1px;
    border-radius: 24px;
    box-sizing: border-box;
    padding: 36px 24px;
}
.modal .modal-header {
    font-size: 24px;
    font-weight: 800;
    text-align: center;
    margin-bottom: 16px;
}
.modal .text-center {
    text-align: center;
}
.modal .button-container {
    margin-top: 40px;
}
form {
    width: 100%;
    max-width: 500px;
}
/* Home Section */
.homeSection {
    margin-bottom: 64px !important;
}
.homeSection.mobile  {
    margin-bottom: 48px !important;
}
/* Header */
.homeSection .header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 32px;
}
.homeSection.mobile .header  {
    flex-direction: column;
    margin-bottom: 24px;
}
.homeSection .header > div:nth-of-type(1) {
    display: flex;
    align-items: center;
    justify-content: center;
}
.homeSection.mobile .header > div:nth-of-type(2) {
    margin-top: 24px;
}
.homeSection .header > div:first-of-type > span {
    font-size: 48px;
    font-weight: 800;
    line-height: initial;
}
.homeSection.mobile .header > div:first-of-type > span {
    font-size: 26px;
}
.orderRow {
    cursor: pointer;
    background-color: var(--order-border-color);
    border-radius: 32px;
    margin-bottom: 24px;
    padding: 32px;
}
.orderRow:last-of-type {
    margin-bottom: 0px !important;
}
.orderRow.selected {
    position: relative;
    background-color: var(--primary-branding-color);
}
.orderRow img {
    width: 20px;
    height: 18px;
    margin-right: 12px;
}
.orderRow > div:nth-of-type(1) {
    display: flex;
    align-items: center;
}
.orderRow > div:nth-of-type(1) span {
    font-weight: 500;
}
.orderRow.selected > div:nth-of-type(1) {
    color: var(--primary-branding-color--contrast);
}
.orderRow > div:nth-of-type(2) {
    margin: 16px 0px;
}
.orderRow > div:nth-of-type(2),
.orderRow > div:nth-of-type(3) {
    display: flex;
    flex-direction: column;
}
.orderRow > div:nth-of-type(2) span:first-of-type,
.orderRow > div:nth-of-type(3) span:first-of-type {
    word-break: break-all;
    color: var(--font-color);
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 4px;
}
.orderRow > div:nth-of-type(2) span:first-of-type:after,
.orderRow > div:nth-of-type(3) span:first-of-type:after {
    content: ':';
}
.orderRow.selected > div:nth-of-type(2) span:first-of-type,
.orderRow.selected > div:nth-of-type(3) span:first-of-type {
    color: var(--primary-branding-color--contrast);
}
.orderRow > div:nth-of-type(2) span:last-of-type,
.orderRow > div:nth-of-type(3) span:last-of-type {
    font-family: sans-serif;
    word-break: break-all;
    font-size: 14px;
    font-weight: 700;
}
.orderRow.selected > div:nth-of-type(2) span:last-of-type,
.orderRow.selected > div:nth-of-type(3) span:last-of-type {
    color: var(--primary-branding-color--contrast);
}
/* Mobile */
.mobile .orderRow {
    margin-bottom: 12px;
    padding: 24px;
}
.loader {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 50%;
    left: calc(50% - 24px);
    z-index: 99999;
}
.loader-small {
  top: 0;
}
.loader > img {
    width: 48px;
    height: 48px;
    -webkit-animation: rotation 3s infinite linear;
            animation: rotation 3s infinite linear;
}
@-webkit-keyframes rotation {
    from {
      transform: rotate(0deg);
    }
    to {
      transform: rotate(359deg);
    }
}
@keyframes rotation {
    from {
      transform: rotate(0deg);
    }
    to {
      transform: rotate(359deg);
    }
}
.ps--active-x > .ps__rail-x,
.ps--active-y > .ps__rail-y {
    background-color: transparent !important;
}
.about-us h1,
.about-us h2,
.about-us h3 {
    margin: 0;
}
.about-us h2 {
    font-size: 25px;
    font-weight: 800;
    margin-bottom: 20px;
}
.about-us p {
    margin: 0;
}
.about-us .top > p:first-of-type {
    margin-bottom: 10px;
}
.payment-method p {
    font-size: 14px;
}
.payment-method strong {
    font-size: 16px;
}
.payment-method .column p:first-of-type {
    margin-top: 0;
}
.payment-method .column p:last-of-type {
    margin-bottom: 0;
}
.article-content {
    font-size: 18px;
}
.mobile .article-content {
    font-size: 16px;
}
.article-content p {
    line-height: 1.5em;
    margin: 1.5em 0;
}
.article-content img {
    border-radius: var(--images-border-radius);
}
.article-content a {
    color: var(--link-color);
}
.mobile .article-content img {
    max-width: 100%;
}
.mobile-portrait.article-content img {
    height: auto;
}
/* Change text style in autofill input */
input:-webkit-autofill {
    filter: none;
    -webkit-text-fill-color: var(--font-color) !important;
}
.order-details-container .important {
  display: block;
  box-sizing: border-box;
  border: 2px solid var(--profile-items-bg-color);
  border-radius: 8px;
  padding: 8px;
}
.a-link {
    color: var(--link-color);
    text-decoration: none;
    cursor: pointer;
}
.a-link:hover {
    text-decoration: underline;
}
.a-link app-icon {
    width: 16px;
    height: 16px;
    margin-left: 12px;
    display: inline-block;
    vertical-align: middle;
    margin-top: -2px;
}
/* Mobile */
.mobile .a-link span {
    max-width: 220px;
    text-align: center;
}
.text-content {
    font-size: 1.25em; /* 20/16 */
    font-weight: 400;
}
.text-content h1 {
    font-size: 3.2em; /* 64/20 */
    font-weight: 800;
}
.text-content h2 {
    font-size: 2.4em; /* 48/20 */
    font-weight: 800;
}
.text-content h1 + h2 {
    margin-top: 0;
    font-size: 1.55em;
}
.text-content h3 {
    font-size: 1.95em; /* 39/20 */
    font-weight: 700;
}
.text-content h2 + h3 {
    margin-top: -0.25em;
    font-size: 1.25em;
}
.text-content h4 {
    font-size: 1.55em; /* 31/20 */
    font-weight: 700;
}
.text-content h5 {
    font-size: 1.25em; /* 25/20 */
    font-weight: 700;
}
.text-content p {
    margin: 1.5em 0;
    line-height: 1.5em;
}
.text-content p.note {
    font-size: 0.875rem !important;
    opacity: 0.6;
}
.text-content h1,
.text-content h2,
.text-content h3,
.text-content h4 {
    margin: 1.25em 0 0.5em 0;
}
.text-content h1 em,
.text-content h2 em,
.text-content h3 em,
.text-content h4 em {
    display: block;
    font-size: 0.5625em;
    font-style: normal;
    margin-bottom: 0.5em;
}
.text-content h1 strong,
.text-content h2 strong,
.text-content h3 strong,
.text-content h4 strong {
    background: linear-gradient(to bottom, var(--gradient-color-top), var(--gradient-color-bottom));
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    text-fill-color: transparent;
    font-size: 1.125em;
}
.text-content ol {
    margin: 1.5em 0;
    counter-reset: item;
    padding-left: 2em;
}
.text-content ol li {
    margin: 0.5em 0;
    position: relative;
    padding-left: 2em;
}
.text-content ul {
    padding-left: 2em;
}
.text-content ul li {
    margin: 0.5em 0;
    position: relative;
    padding-left: 0.25em;
}
.text-content dl {
    margin: 1.5em 0;
}
.text-content dl dt {
    font-weight: 700;
    float: left;
    clear: left;
}
.text-content dl dt:after {
    content: ':';
    padding-right: 0.5em;
}
.text-content dl dd {
    clear: right;
    margin: 0.25em 0;
    padding-left: 1.5em;
}
@media (max-width: 1440px) {
    .text-content h1 {
        font-size: 3em;
    }
    .text-content h2 {
        font-size: 2em;
    }
    .text-content h3 {
        font-size: 1.75em;
    }
    .text-content h4 {
        font-size: 1.25em;
    }
    .text-content h5 {
        font-size: 1.125em;
    }
}
@media (max-width: 1024px) {
    .text-content {
        font-size: 1.125rem; /* 18/16 */
    }
}
@media (max-width: 800px) {
    /* // 3, 2.25, 1.75, 1.125 @20 */
    .text-content h1 {
        font-size: 2em;
    }
    .text-content h2 {
        font-size: 1.75em;
    }
    .text-content h3 {
        font-size: 1.5em;
    }
    .text-content h4 {
        font-size: 1.25em;
    }
    .text-content h5 {
        font-size: 1.125em;
    }
    .text-content h1 + h2 {
        font-weight: 400;
        margin-bottom: 2em;
    }
}
.text-content .center {
    text-align: center;
}
html,
body {
    width: 100%;
    height: 100%;
    color: var(--font-color);
    background-color: var(--bg-color);
    font-family: 'Raleway', sans-serif;
    font-weight: 400;
    margin: 0px;
    padding: 0px;
    /* Prevent html lang attribute from affecting the character display of languages. i.e Cyrillic characters are totatlly transformed */
    -webkit-locale: auto;
}
.wrap {
    max-width: 1280px;
    margin: 0 auto;
    width: 92%;
}
.icons-wrap {
    display: none;
}
.color-black .language-select > div span {
    color: var(--bg-color);
}
.color-black .button {
    color: var(--font-color) !important;
    background-color: var(--bg-color) !important;
}
.mat-dialog-container {
    background-color: var(--bg-color);
    border-radius: 20px !important;
    position: relative;
    padding: 0 24px 0 24px;
}
.confirm-dialog-container .mat-dialog-container {
    width: auto !important;
}
.confirm-dialog-container {
    justify-content: center;
}
.dialog-light .mat-dialog-container {
    background-color: var(--light-side-color);
    color: var(--dark-side-color);
}
.cdk-overlay-dark-backdrop {
    background-color: rgba(80, 80, 80, 0.5) !important;
}
.cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
    /* opacity: 0.5 !important; */
}
.cdk-overlay-container {
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
}
.mat-dialog-container .close-btn {
    position: absolute;
    top: 5px;
    right: 5px;
    color: var(--font-color);
    width: 32px;
    height: 32px;
    line-height: 28px;
    text-align: center;
    cursor: pointer;
}
.mat-dialog-container .close-btn app-icon {
    width: 10px !important;
    height: 10px !important;
}
.cdk-global-overlay-wrapper .cdk-overlay-pane {
    width: 86vw;
    max-width: 1200px !important;
    box-sizing: border-box;
}
.mat-dialog-title {
    margin: 0 40px 16px 0 !important;
    display: block;
    font-size: 1.25em !important;
    line-height: 1.25em;
    text-align: center;
}
.mat-dialog-content {
    max-height: 75vh !important;
}
.mat-dialog-content button:focus-visible {
    outline: 0;
}
.mat-tab-label {
    opacity: 1 !important;
}
.mat-tab-label-active {
    border-bottom: 2px solid var(--font-color);
}
.tv-lightweight-charts,
table,
canvas {
    max-width: 100%;
}
.custom-dialog-container .mat-dialog-container {
    padding: 0 !important;
}