.mat-h1,
.mat-headline-5,
.mat-typography .mat-h1,
.mat-typography .mat-headline-5,
.mat-typography h1 {
    font-size: 20px;
    font-weight: 500;
    line-height: 24px;
    font-family: Poppins, -apple-system, Helvetica Neue, Arial, sans-serif;
    letter-spacing: normal;
    margin: 0 0 16px
}

.mat-h2,
.mat-headline-6,
.mat-typography .mat-h2,
.mat-typography .mat-headline-6,
.mat-typography h2 {
    font-size: 16px;
    font-weight: 500;
    line-height: 32px;
    font-family: Poppins, -apple-system, Helvetica Neue, Arial, sans-serif;
    letter-spacing: normal;
    margin: 0 0 16px
}

.mat-h3,
.mat-subtitle-1,
.mat-typography .mat-h3,
.mat-typography .mat-subtitle-1,
.mat-typography h3 {
    font-size: 26px;
    font-weight: 400;
    line-height: 24px;
    font-family: Poppins, -apple-system, Helvetica Neue, Arial, sans-serif;
    letter-spacing: normal;
    margin: 0 0 16px
}

.mat-h4,
.mat-body-1,
.mat-typography .mat-h4,
.mat-typography .mat-body-1,
.mat-typography h4 {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    font-family: Poppins, -apple-system, Helvetica Neue, Arial, sans-serif;
    letter-spacing: normal;
    margin: 0 0 16px
}

.mat-h5,
.mat-typography .mat-h5,
.mat-typography h5 {
    font: 600 11.62px/20px Poppins, -apple-system, Helvetica Neue, Arial, sans-serif;
    margin: 0 0 12px
}

.mat-h6,
.mat-typography .mat-h6,
.mat-typography h6 {
    font: 600 9.38px/20px Poppins, -apple-system, Helvetica Neue, Arial, sans-serif;
    margin: 0 0 12px
}

.mat-body-strong,
.mat-subtitle-2,
.mat-typography .mat-body-strong,
.mat-typography .mat-subtitle-2 {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    font-family: Poppins, -apple-system, Helvetica Neue, Arial, sans-serif;
    letter-spacing: normal
}

.mat-body,
.mat-body-2,
.mat-typography .mat-body,
.mat-typography .mat-body-2,
.mat-typography {
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    font-family: Poppins, -apple-system, Helvetica Neue, Arial, sans-serif;
    letter-spacing: normal
}

.mat-body p,
.mat-body-2 p,
.mat-typography .mat-body p,
.mat-typography .mat-body-2 p,
.mat-typography p {
    margin: 0 0 12px
}

.mat-small,
.mat-caption,
.mat-typography .mat-small,
.mat-typography .mat-caption {
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    font-family: Poppins, -apple-system, Helvetica Neue, Arial, sans-serif;
    letter-spacing: normal
}

.mat-headline-1,
.mat-typography .mat-headline-1 {
    font-size: 32px;
    font-weight: 500;
    line-height: 40px;
    font-family: Poppins, -apple-system, Helvetica Neue, Arial, sans-serif;
    letter-spacing: normal;
    margin: 0 0 56px
}

.mat-headline-2,
.mat-typography .mat-headline-2 {
    font-size: 32px;
    font-weight: 500;
    line-height: 40px;
    font-family: Poppins, -apple-system, Helvetica Neue, Arial, sans-serif;
    letter-spacing: normal;
    margin: 0 0 64px
}

.mat-headline-3,
.mat-typography .mat-headline-3 {
    font-size: 32px;
    font-weight: 400;
    line-height: 40px;
    font-family: Poppins, -apple-system, Helvetica Neue, Arial, sans-serif;
    letter-spacing: normal;
    margin: 0 0 64px
}

.mat-headline-4,
.mat-typography .mat-headline-4 {
    font-size: 24px;
    font-weight: 400;
    line-height: 40px;
    font-family: Poppins, -apple-system, Helvetica Neue, Arial, sans-serif;
    letter-spacing: normal;
    margin: 0 0 64px
}

.mat-bottom-sheet-container {
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    font-family: Poppins, -apple-system, Helvetica Neue, Arial, sans-serif;
    letter-spacing: normal
}

.mat-button-toggle,
.mat-calendar {
    font-family: Poppins, -apple-system, Helvetica Neue, Arial, sans-serif
}

.mat-mdc-card {
    --mat-card-title-text-font: Poppins, -apple-system, Helvetica Neue, Arial, sans-serif;
    --mat-card-title-text-line-height: 32px;
    --mat-card-title-text-size: 16px;
    --mat-card-title-text-tracking: normal;
    --mat-card-title-text-weight: 500;
    --mat-card-subtitle-text-font: Poppins, -apple-system, Helvetica Neue, Arial, sans-serif;
    --mat-card-subtitle-text-line-height: 20px;
    --mat-card-subtitle-text-size: 14px;
    --mat-card-subtitle-text-tracking: normal;
    --mat-card-subtitle-text-weight: 400
}

.mat-mdc-tooltip {
    --mdc-plain-tooltip-supporting-text-font: Poppins, -apple-system, Helvetica Neue, Arial, sans-serif;
    --mdc-plain-tooltip-supporting-text-size: 12px;
    --mdc-plain-tooltip-supporting-text-weight: 400;
    --mdc-plain-tooltip-supporting-text-tracking: normal
}

.mat-mdc-dialog-container {
    --mdc-dialog-subhead-font: Poppins, -apple-system, Helvetica Neue, Arial, sans-serif;
    --mdc-dialog-subhead-line-height: 32px;
    --mdc-dialog-subhead-size: 16px;
    --mdc-dialog-subhead-weight: 500;
    --mdc-dialog-subhead-tracking: normal;
    --mdc-dialog-supporting-text-font: Poppins, -apple-system, Helvetica Neue, Arial, sans-serif;
    --mdc-dialog-supporting-text-line-height: 24px;
    --mdc-dialog-supporting-text-size: 16px;
    --mdc-dialog-supporting-text-weight: 500;
    --mdc-dialog-supporting-text-tracking: normal
}

.mat-mdc-standard-chip,
.mdc-form-field,
.mat-mdc-radio-button .mdc-form-field {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-family: var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, "Poppins", -apple-system, "Helvetica Neue", Arial, sans-serif));
    font-size: var(--mdc-typography-body2-font-size, 14px);
    line-height: var(--mdc-typography-body2-line-height, 20px);
    font-weight: var(--mdc-typography-body2-font-weight, 600);
    letter-spacing: var(--mdc-typography-body2-letter-spacing, normal);
    -webkit-text-decoration: var(--mdc-typography-body2-text-decoration, inherit);
    text-decoration: var(--mdc-typography-body2-text-decoration, inherit);
    text-transform: var(--mdc-typography-body2-text-transform, none)
}

.mat-mdc-tab-header {
    --mat-tab-header-label-text-font: Poppins, -apple-system, Helvetica Neue, Arial, sans-serif;
    --mat-tab-header-label-text-size: 14px;
    --mat-tab-header-label-text-letter-spacing: normal;
    --mat-tab-header-label-text-line-height: 36px;
    --mat-tab-header-label-text-weight: 600
}

.mdc-button,
.mdc-fab--extended {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-family: var(--mdc-typography-button-font-family, var(--mdc-typography-font-family, "Poppins", -apple-system, "Helvetica Neue", Arial, sans-serif));
    font-size: var(--mdc-typography-button-font-size, 14px);
    line-height: var(--mdc-typography-button-line-height, 36px);
    font-weight: var(--mdc-typography-button-font-weight, 600);
    letter-spacing: var(--mdc-typography-button-letter-spacing, normal);
    -webkit-text-decoration: var(--mdc-typography-button-text-decoration, none);
    text-decoration: var(--mdc-typography-button-text-decoration, none);
    text-transform: var(--mdc-typography-button-text-transform, none)
}

.mat-mdc-snack-bar-container {
    --mdc-snackbar-supporting-text-font: Poppins, -apple-system, Helvetica Neue, Arial, sans-serif;
    --mdc-snackbar-supporting-text-line-height: 20px;
    --mdc-snackbar-supporting-text-size: 14px;
    --mdc-snackbar-supporting-text-weight: 600
}

.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, .2, 1);
    transform: scale3d(0, 0, 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;
    white-space: nowrap;
    outline: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    left: 0
}

[dir=rtl] .cdk-visually-hidden {
    left: auto;
    right: 0
}

.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;
    inset: 0;
    z-index: 1000;
    pointer-events: auto;
    -webkit-tap-highlight-color: transparent;
    transition: opacity .4s cubic-bezier(.25, .8, .25, 1);
    opacity: 0
}

.cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
    opacity: 1
}

.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
    opacity: .6
}

.cdk-overlay-dark-backdrop {
    background: rgba(0, 0, 0, .32)
}

.cdk-overlay-transparent-backdrop {
    transition: visibility 1ms linear, opacity 1ms linear;
    visibility: hidden;
    opacity: 1
}

.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing {
    opacity: 0;
    visibility: visible
}

.cdk-overlay-backdrop-noop-animation {
    transition: none
}

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

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
}

@keyframes cdk-text-field-autofill-start {}

@keyframes cdk-text-field-autofill-end {}

.cdk-text-field-autofill-monitored:-webkit-autofill {
    animation: cdk-text-field-autofill-start 0s 1ms
}

.cdk-text-field-autofill-monitored:not(:-webkit-autofill) {
    animation: cdk-text-field-autofill-end 0s 1ms
}

.mat-focus-indicator {
    position: relative
}

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

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

.cdk-high-contrast-active {
    --mat-focus-indicator-display: block
}

.mat-mdc-focus-indicator {
    position: relative
}

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

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

.cdk-high-contrast-active {
    --mat-mdc-focus-indicator-display: block
}

.mat-ripple-element {
    background-color: #ffffff1a
}

.mat-mdc-option {
    color: var(--mdc-theme-text-primary-on-background, white)
}

.mat-mdc-option:hover:not(.mdc-list-item--disabled),
.mat-mdc-option:focus.mdc-list-item,
.mat-mdc-option.mat-mdc-option-active.mdc-list-item,
.mat-mdc-option.mdc-list-item--selected:not(.mat-mdc-option-multiple):not(.mdc-list-item--disabled) {
    background: rgba(255, 255, 255, .08)
}

.mat-primary .mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled) .mdc-list-item__primary-text {
    color: var(--mdc-theme-primary, #9757ff)
}

.mat-accent .mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled) .mdc-list-item__primary-text {
    color: var(--mdc-theme-secondary, #3636ec)
}

.mat-warn .mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled) .mdc-list-item__primary-text {
    color: var(--mdc-theme-error, #ef0000)
}

.mat-mdc-optgroup-label {
    color: var(--mdc-theme-text-primary-on-background, white)
}

.mat-pseudo-checkbox-full {
    color: #ffffffb3
}

.mat-pseudo-checkbox-full.mat-pseudo-checkbox-disabled {
    color: #686868
}

.mat-primary .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal:after,
.mat-primary .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-minimal:after {
    color: #9757ff
}

.mat-primary .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full,
.mat-primary .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full {
    background: #9757ff
}

.mat-primary .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full:after,
.mat-primary .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full:after {
    color: #070609
}

.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal:after,
.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-minimal:after {
    color: #3636ec
}

.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full,
.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full {
    background: #3636ec
}

.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full:after,
.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full:after {
    color: #070609
}

.mat-accent .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal:after,
.mat-accent .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-minimal:after {
    color: #3636ec
}

.mat-accent .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full,
.mat-accent .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full {
    background: #3636ec
}

.mat-accent .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full:after,
.mat-accent .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full:after {
    color: #070609
}

.mat-warn .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal:after,
.mat-warn .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-minimal:after {
    color: #ef0000
}

.mat-warn .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full,
.mat-warn .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full {
    background: #ef0000
}

.mat-warn .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full:after,
.mat-warn .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full:after {
    color: #070609
}

.mat-pseudo-checkbox-disabled.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal:after,
.mat-pseudo-checkbox-disabled.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-minimal:after {
    color: #686868
}

.mat-pseudo-checkbox-disabled.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full,
.mat-pseudo-checkbox-disabled.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full {
    background: #686868
}

.mat-app-background {
    background-color: #070609;
    color: #fff
}

.mat-elevation-z0,
.mat-mdc-elevation-specific.mat-elevation-z0 {
    box-shadow: 0 0 #0003, 0 0 #00000024, 0 0 #0000001f
}

.mat-elevation-z1,
.mat-mdc-elevation-specific.mat-elevation-z1 {
    box-shadow: 0 2px 1px -1px #0003, 0 1px 1px #00000024, 0 1px 3px #0000001f
}

.mat-elevation-z2,
.mat-mdc-elevation-specific.mat-elevation-z2 {
    box-shadow: 0 3px 1px -2px #0003, 0 2px 2px #00000024, 0 1px 5px #0000001f
}

.mat-elevation-z3,
.mat-mdc-elevation-specific.mat-elevation-z3 {
    box-shadow: 0 3px 3px -2px #0003, 0 3px 4px #00000024, 0 1px 8px #0000001f
}

.mat-elevation-z4,
.mat-mdc-elevation-specific.mat-elevation-z4 {
    box-shadow: 0 2px 4px -1px #0003, 0 4px 5px #00000024, 0 1px 10px #0000001f
}

.mat-elevation-z5,
.mat-mdc-elevation-specific.mat-elevation-z5 {
    box-shadow: 0 3px 5px -1px #0003, 0 5px 8px #00000024, 0 1px 14px #0000001f
}

.mat-elevation-z6,
.mat-mdc-elevation-specific.mat-elevation-z6 {
    box-shadow: 0 3px 5px -1px #0003, 0 6px 10px #00000024, 0 1px 18px #0000001f
}

.mat-elevation-z7,
.mat-mdc-elevation-specific.mat-elevation-z7 {
    box-shadow: 0 4px 5px -2px #0003, 0 7px 10px 1px #00000024, 0 2px 16px 1px #0000001f
}

.mat-elevation-z8,
.mat-mdc-elevation-specific.mat-elevation-z8 {
    box-shadow: 0 5px 5px -3px #0003, 0 8px 10px 1px #00000024, 0 3px 14px 2px #0000001f
}

.mat-elevation-z9,
.mat-mdc-elevation-specific.mat-elevation-z9 {
    box-shadow: 0 5px 6px -3px #0003, 0 9px 12px 1px #00000024, 0 3px 16px 2px #0000001f
}

.mat-elevation-z10,
.mat-mdc-elevation-specific.mat-elevation-z10 {
    box-shadow: 0 6px 6px -3px #0003, 0 10px 14px 1px #00000024, 0 4px 18px 3px #0000001f
}

.mat-elevation-z11,
.mat-mdc-elevation-specific.mat-elevation-z11 {
    box-shadow: 0 6px 7px -4px #0003, 0 11px 15px 1px #00000024, 0 4px 20px 3px #0000001f
}

.mat-elevation-z12,
.mat-mdc-elevation-specific.mat-elevation-z12 {
    box-shadow: 0 7px 8px -4px #0003, 0 12px 17px 2px #00000024, 0 5px 22px 4px #0000001f
}

.mat-elevation-z13,
.mat-mdc-elevation-specific.mat-elevation-z13 {
    box-shadow: 0 7px 8px -4px #0003, 0 13px 19px 2px #00000024, 0 5px 24px 4px #0000001f
}

.mat-elevation-z14,
.mat-mdc-elevation-specific.mat-elevation-z14 {
    box-shadow: 0 7px 9px -4px #0003, 0 14px 21px 2px #00000024, 0 5px 26px 4px #0000001f
}

.mat-elevation-z15,
.mat-mdc-elevation-specific.mat-elevation-z15 {
    box-shadow: 0 8px 9px -5px #0003, 0 15px 22px 2px #00000024, 0 6px 28px 5px #0000001f
}

.mat-elevation-z16,
.mat-mdc-elevation-specific.mat-elevation-z16 {
    box-shadow: 0 8px 10px -5px #0003, 0 16px 24px 2px #00000024, 0 6px 30px 5px #0000001f
}

.mat-elevation-z17,
.mat-mdc-elevation-specific.mat-elevation-z17 {
    box-shadow: 0 8px 11px -5px #0003, 0 17px 26px 2px #00000024, 0 6px 32px 5px #0000001f
}

.mat-elevation-z18,
.mat-mdc-elevation-specific.mat-elevation-z18 {
    box-shadow: 0 9px 11px -5px #0003, 0 18px 28px 2px #00000024, 0 7px 34px 6px #0000001f
}

.mat-elevation-z19,
.mat-mdc-elevation-specific.mat-elevation-z19 {
    box-shadow: 0 9px 12px -6px #0003, 0 19px 29px 2px #00000024, 0 7px 36px 6px #0000001f
}

.mat-elevation-z20,
.mat-mdc-elevation-specific.mat-elevation-z20 {
    box-shadow: 0 10px 13px -6px #0003, 0 20px 31px 3px #00000024, 0 8px 38px 7px #0000001f
}

.mat-elevation-z21,
.mat-mdc-elevation-specific.mat-elevation-z21 {
    box-shadow: 0 10px 13px -6px #0003, 0 21px 33px 3px #00000024, 0 8px 40px 7px #0000001f
}

.mat-elevation-z22,
.mat-mdc-elevation-specific.mat-elevation-z22 {
    box-shadow: 0 10px 14px -6px #0003, 0 22px 35px 3px #00000024, 0 8px 42px 7px #0000001f
}

.mat-elevation-z23,
.mat-mdc-elevation-specific.mat-elevation-z23 {
    box-shadow: 0 11px 14px -7px #0003, 0 23px 36px 3px #00000024, 0 9px 44px 8px #0000001f
}

.mat-elevation-z24,
.mat-mdc-elevation-specific.mat-elevation-z24 {
    box-shadow: 0 11px 15px -7px #0003, 0 24px 38px 3px #00000024, 0 9px 46px 8px #0000001f
}

.mat-theme-loaded-marker {
    display: none
}

.mat-mdc-option {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-family: var(--mdc-typography-body1-font-family, var(--mdc-typography-font-family, "Poppins", -apple-system, "Helvetica Neue", Arial, sans-serif));
    font-size: var(--mdc-typography-body1-font-size, 16px);
    line-height: var(--mdc-typography-body1-line-height, 24px);
    font-weight: var(--mdc-typography-body1-font-weight, 500);
    letter-spacing: var(--mdc-typography-body1-letter-spacing, normal)
}

.mat-mdc-card {
    --mdc-elevated-card-container-color: #424242;
    --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: #424242;
    --mdc-outlined-card-outline-color: rgba(255, 255, 255, .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: rgba(255, 255, 255, .7);
    --mat-card-title-text-font: Poppins, -apple-system, Helvetica Neue, Arial, sans-serif;
    --mat-card-title-text-line-height: 32px;
    --mat-card-title-text-size: 16px;
    --mat-card-title-text-tracking: normal;
    --mat-card-title-text-weight: 500;
    --mat-card-subtitle-text-font: Poppins, -apple-system, Helvetica Neue, Arial, sans-serif;
    --mat-card-subtitle-text-line-height: 20px;
    --mat-card-subtitle-text-size: 14px;
    --mat-card-subtitle-text-tracking: normal;
    --mat-card-subtitle-text-weight: 400
}

.mat-mdc-progress-bar {
    --mdc-linear-progress-active-indicator-color: #9757ff;
    --mdc-linear-progress-track-color: rgba(151, 87, 255, .25)
}

.mat-mdc-progress-bar .mdc-linear-progress__buffer-dots {
    background-color: #9757ff40;
    background-color: var(--mdc-linear-progress-track-color, rgba(151, 87, 255, .25))
}

@media (forced-colors: active) {
    .mat-mdc-progress-bar .mdc-linear-progress__buffer-dots {
        background-color: ButtonBorder
    }
}

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
    .mat-mdc-progress-bar .mdc-linear-progress__buffer-dots {
        background-color: transparent;
        background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='rgba(151, 87, 255, 0.25)'/%3E%3C/svg%3E")
    }
}

.mat-mdc-progress-bar .mdc-linear-progress__buffer-bar {
    background-color: #9757ff40;
    background-color: var(--mdc-linear-progress-track-color, rgba(151, 87, 255, .25))
}

.mat-mdc-progress-bar.mat-accent {
    --mdc-linear-progress-active-indicator-color: #3636ec;
    --mdc-linear-progress-track-color: rgba(54, 54, 236, .25)
}

.mat-mdc-progress-bar.mat-accent .mdc-linear-progress__buffer-dots {
    background-color: #3636ec40;
    background-color: var(--mdc-linear-progress-track-color, rgba(54, 54, 236, .25))
}

@media (forced-colors: active) {
    .mat-mdc-progress-bar.mat-accent .mdc-linear-progress__buffer-dots {
        background-color: ButtonBorder
    }
}

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
    .mat-mdc-progress-bar.mat-accent .mdc-linear-progress__buffer-dots {
        background-color: transparent;
        background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='rgba(54, 54, 236, 0.25)'/%3E%3C/svg%3E")
    }
}

.mat-mdc-progress-bar.mat-accent .mdc-linear-progress__buffer-bar {
    background-color: #3636ec40;
    background-color: var(--mdc-linear-progress-track-color, rgba(54, 54, 236, .25))
}

.mat-mdc-progress-bar.mat-warn {
    --mdc-linear-progress-active-indicator-color: #ef0000;
    --mdc-linear-progress-track-color: rgba(239, 0, 0, .25)
}

@keyframes mdc-linear-progress-buffering {}

.mat-mdc-progress-bar.mat-warn .mdc-linear-progress__buffer-dots {
    background-color: #ef000040;
    background-color: var(--mdc-linear-progress-track-color, rgba(239, 0, 0, .25))
}

@media (forced-colors: active) {
    .mat-mdc-progress-bar.mat-warn .mdc-linear-progress__buffer-dots {
        background-color: ButtonBorder
    }
}

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
    .mat-mdc-progress-bar.mat-warn .mdc-linear-progress__buffer-dots {
        background-color: transparent;
        background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='rgba(239, 0, 0, 0.25)'/%3E%3C/svg%3E")
    }
}

.mat-mdc-progress-bar.mat-warn .mdc-linear-progress__buffer-bar {
    background-color: #ef000040;
    background-color: var(--mdc-linear-progress-track-color, rgba(239, 0, 0, .25))
}

.mat-mdc-tooltip {
    --mdc-plain-tooltip-container-color: #616161;
    --mdc-plain-tooltip-supporting-text-color: white;
    --mdc-plain-tooltip-supporting-text-font: Poppins, -apple-system, Helvetica Neue, Arial, sans-serif;
    --mdc-plain-tooltip-supporting-text-size: 12px;
    --mdc-plain-tooltip-supporting-text-weight: 400;
    --mdc-plain-tooltip-supporting-text-tracking: normal
}

.mdc-text-field:not(.mdc-text-field--disabled) .mdc-floating-label {
    color: #fff9
}

.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input {
    color: #ffffffde
}

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

.mdc-text-field .mdc-text-field__input {
    caret-color: var(--mdc-theme-primary, #9757ff)
}

.mdc-text-field:not(.mdc-text-field--disabled)+.mdc-text-field-helper-line .mdc-text-field-helper-text {
    color: #0009
}

.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field-character-counter,
.mdc-text-field:not(.mdc-text-field--disabled)+.mdc-text-field-helper-line .mdc-text-field-character-counter {
    color: #0009
}

.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__icon--leading {
    color: #0000008a
}

.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__icon--trailing {
    color: #0000008a
}

.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__affix--prefix {
    color: #0009
}

.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__affix--suffix {
    color: #0009
}

.mdc-text-field--filled .mdc-text-field__ripple:before,
.mdc-text-field--filled .mdc-text-field__ripple:after {
    background-color: var(--mdc-ripple-color, rgba(255, 255, 255, .87))
}

.mdc-text-field--filled:hover .mdc-text-field__ripple:before,
.mdc-text-field--filled.mdc-ripple-surface--hover .mdc-text-field__ripple:before {
    opacity: var(--mdc-ripple-hover-opacity, .08)
}

.mdc-text-field--filled.mdc-ripple-upgraded--background-focused .mdc-text-field__ripple:before,
.mdc-text-field--filled:not(.mdc-ripple-upgraded):focus .mdc-text-field__ripple:before {
    opacity: var(--mdc-ripple-focus-opacity, .24)
}

.mdc-text-field--filled:not(.mdc-text-field--disabled) {
    background-color: #4a4a4a
}

.mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-line-ripple:before {
    border-bottom-color: #ffffff6b
}

.mdc-text-field--filled:not(.mdc-text-field--disabled):hover .mdc-line-ripple:before {
    border-bottom-color: #ffffffde
}

.mdc-text-field--filled .mdc-line-ripple:after {
    border-bottom-color: var(--mdc-theme-primary, #9757ff)
}

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

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

.mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__leading,
.mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__notch,
.mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__trailing {
    border-color: var(--mdc-theme-primary, #9757ff)
}

.mdc-text-field--outlined .mdc-text-field__ripple:before,
.mdc-text-field--outlined .mdc-text-field__ripple:after {
    background-color: var(--mdc-ripple-color, transparent)
}

.mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-floating-label {
    color: #9757ffde
}

.mdc-text-field--invalid:not(.mdc-text-field--disabled):hover .mdc-line-ripple:before {
    border-bottom-color: var(--mdc-theme-error, #ef0000)
}

.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-line-ripple:after {
    border-bottom-color: var(--mdc-theme-error, #ef0000)
}

.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-floating-label {
    color: var(--mdc-theme-error, #ef0000)
}

.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--invalid+.mdc-text-field-helper-line .mdc-text-field-helper-text--validation-msg {
    color: var(--mdc-theme-error, #ef0000)
}

.mdc-text-field--invalid .mdc-text-field__input {
    caret-color: var(--mdc-theme-error, #ef0000)
}

.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-text-field__icon--trailing {
    color: var(--mdc-theme-error, #ef0000)
}

.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-line-ripple:before {
    border-bottom-color: var(--mdc-theme-error, #ef0000)
}

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

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

.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__leading,
.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__notch,
.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__trailing {
    border-color: var(--mdc-theme-error, #ef0000)
}

.mdc-text-field--disabled .mdc-text-field__input {
    color: #ffffff61
}

@media all {
    .mdc-text-field--disabled .mdc-text-field__input::placeholder {
        color: #ffffff61
    }
    .mdc-text-field--disabled .mdc-text-field__input:-ms-input-placeholder {
        color: #ffffff61
    }
}

.mdc-text-field--disabled .mdc-floating-label {
    color: #ffffff61
}

.mdc-text-field--disabled+.mdc-text-field-helper-line .mdc-text-field-helper-text {
    color: #00000061
}

.mdc-text-field--disabled .mdc-text-field-character-counter,
.mdc-text-field--disabled+.mdc-text-field-helper-line .mdc-text-field-character-counter {
    color: #00000061
}

.mdc-text-field--disabled .mdc-text-field__icon--leading,
.mdc-text-field--disabled .mdc-text-field__icon--trailing {
    color: #0000004d
}

.mdc-text-field--disabled .mdc-text-field__affix--prefix,
.mdc-text-field--disabled .mdc-text-field__affix--suffix {
    color: #00000061
}

.mdc-text-field--disabled .mdc-line-ripple:before {
    border-bottom-color: #ffffff0f
}

.mdc-text-field--disabled .mdc-notched-outline__leading,
.mdc-text-field--disabled .mdc-notched-outline__notch,
.mdc-text-field--disabled .mdc-notched-outline__trailing {
    border-color: #ffffff0f
}

@media screen and (forced-colors: active),
(-ms-high-contrast: active) {
    .mdc-text-field--disabled .mdc-text-field__input::placeholder {
        color: GrayText
    }
    .mdc-text-field--disabled .mdc-text-field__input:-ms-input-placeholder {
        color: GrayText
    }
    .mdc-text-field--disabled .mdc-floating-label {
        color: GrayText
    }
    .mdc-text-field--disabled+.mdc-text-field-helper-line .mdc-text-field-helper-text {
        color: GrayText
    }
    .mdc-text-field--disabled .mdc-text-field-character-counter,
    .mdc-text-field--disabled+.mdc-text-field-helper-line .mdc-text-field-character-counter {
        color: GrayText
    }
    .mdc-text-field--disabled .mdc-text-field__icon--leading,
    .mdc-text-field--disabled .mdc-text-field__icon--trailing,
    .mdc-text-field--disabled .mdc-text-field__affix--prefix,
    .mdc-text-field--disabled .mdc-text-field__affix--suffix {
        color: GrayText
    }
    .mdc-text-field--disabled .mdc-line-ripple:before {
        border-bottom-color: GrayText
    }
    .mdc-text-field--disabled .mdc-notched-outline__leading,
    .mdc-text-field--disabled .mdc-notched-outline__notch,
    .mdc-text-field--disabled .mdc-notched-outline__trailing {
        border-color: GrayText
    }
}

.mdc-text-field--disabled.mdc-text-field--filled {
    background-color: #464646
}

.mat-mdc-form-field-error {
    color: var(--mdc-theme-error, #ef0000)
}

.mat-mdc-form-field-focus-overlay {
    background-color: #ffffffde
}

.mat-mdc-form-field:hover .mat-mdc-form-field-focus-overlay {
    opacity: .08
}

.mat-mdc-form-field.mat-focused .mat-mdc-form-field-focus-overlay {
    opacity: .24
}

select.mat-mdc-form-field-input-control:not(.mat-mdc-native-select-inline) option {
    color: #000000de
}

select.mat-mdc-form-field-input-control:not(.mat-mdc-native-select-inline) option:disabled {
    color: #00000061
}

.mat-mdc-form-field-type-mat-native-select .mat-mdc-form-field-infix:after {
    color: #ffffff8a
}

.mat-mdc-form-field-type-mat-native-select.mat-focused.mat-primary .mat-mdc-form-field-infix:after {
    color: #9757ffde
}

.mat-mdc-form-field-type-mat-native-select.mat-focused.mat-accent .mat-mdc-form-field-infix:after {
    color: #3636ecde
}

.mat-mdc-form-field-type-mat-native-select.mat-focused.mat-warn .mat-mdc-form-field-infix:after {
    color: #ef0000de
}

.mat-mdc-form-field-type-mat-native-select.mat-form-field-disabled .mat-mdc-form-field-infix:after {
    color: #ffffff61
}

.mat-mdc-form-field.mat-accent .mdc-text-field__input {
    caret-color: var(--mdc-theme-secondary, #3636ec)
}

.mat-mdc-form-field.mat-accent:not(.mdc-text-field--disabled) .mdc-line-ripple:after {
    border-bottom-color: var(--mdc-theme-secondary, #3636ec)
}

.mat-mdc-form-field.mat-accent .mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-floating-label {
    color: #3636ecde
}

.mat-mdc-form-field.mat-accent .mdc-text-field--invalid:not(.mdc-text-field--disabled):hover .mdc-line-ripple:before {
    border-bottom-color: var(--mdc-theme-error, #ef0000)
}

.mat-mdc-form-field.mat-accent .mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-line-ripple:after {
    border-bottom-color: var(--mdc-theme-error, #ef0000)
}

.mat-mdc-form-field.mat-accent .mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-floating-label {
    color: var(--mdc-theme-error, #ef0000)
}

.mat-mdc-form-field.mat-accent .mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--invalid+.mdc-text-field-helper-line .mdc-text-field-helper-text--validation-msg {
    color: var(--mdc-theme-error, #ef0000)
}

.mat-mdc-form-field.mat-accent .mdc-text-field--invalid .mdc-text-field__input {
    caret-color: var(--mdc-theme-error, #ef0000)
}

.mat-mdc-form-field.mat-accent .mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-text-field__icon--trailing {
    color: var(--mdc-theme-error, #ef0000)
}

.mat-mdc-form-field.mat-accent .mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-line-ripple:before {
    border-bottom-color: var(--mdc-theme-error, #ef0000)
}

.mat-mdc-form-field.mat-accent .mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__leading,
.mat-mdc-form-field.mat-accent .mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__notch,
.mat-mdc-form-field.mat-accent .mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__trailing {
    border-color: var(--mdc-theme-error, #ef0000)
}

.mat-mdc-form-field.mat-accent .mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__leading,
.mat-mdc-form-field.mat-accent .mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__notch,
.mat-mdc-form-field.mat-accent .mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__trailing {
    border-color: var(--mdc-theme-error, #ef0000)
}

.mat-mdc-form-field.mat-accent .mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__leading,
.mat-mdc-form-field.mat-accent .mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__notch,
.mat-mdc-form-field.mat-accent .mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__trailing {
    border-color: var(--mdc-theme-error, #ef0000)
}

.mat-mdc-form-field.mat-accent .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__leading,
.mat-mdc-form-field.mat-accent .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__notch,
.mat-mdc-form-field.mat-accent .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__trailing {
    border-color: var(--mdc-theme-secondary, #3636ec)
}

.mat-mdc-form-field.mat-warn .mdc-text-field__input {
    caret-color: var(--mdc-theme-error, #ef0000)
}

.mat-mdc-form-field.mat-warn:not(.mdc-text-field--disabled) .mdc-line-ripple:after {
    border-bottom-color: var(--mdc-theme-error, #ef0000)
}

.mat-mdc-form-field.mat-warn .mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-floating-label {
    color: #ef0000de
}

.mat-mdc-form-field.mat-warn .mdc-text-field--invalid:not(.mdc-text-field--disabled):hover .mdc-line-ripple:before {
    border-bottom-color: var(--mdc-theme-error, #ef0000)
}

.mat-mdc-form-field.mat-warn .mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-line-ripple:after {
    border-bottom-color: var(--mdc-theme-error, #ef0000)
}

.mat-mdc-form-field.mat-warn .mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-floating-label {
    color: var(--mdc-theme-error, #ef0000)
}

.mat-mdc-form-field.mat-warn .mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--invalid+.mdc-text-field-helper-line .mdc-text-field-helper-text--validation-msg {
    color: var(--mdc-theme-error, #ef0000)
}

.mat-mdc-form-field.mat-warn .mdc-text-field--invalid .mdc-text-field__input {
    caret-color: var(--mdc-theme-error, #ef0000)
}

.mat-mdc-form-field.mat-warn .mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-text-field__icon--trailing {
    color: var(--mdc-theme-error, #ef0000)
}

.mat-mdc-form-field.mat-warn .mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-line-ripple:before {
    border-bottom-color: var(--mdc-theme-error, #ef0000)
}

.mat-mdc-form-field.mat-warn .mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__leading,
.mat-mdc-form-field.mat-warn .mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__notch,
.mat-mdc-form-field.mat-warn .mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__trailing {
    border-color: var(--mdc-theme-error, #ef0000)
}

.mat-mdc-form-field.mat-warn .mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__leading,
.mat-mdc-form-field.mat-warn .mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__notch,
.mat-mdc-form-field.mat-warn .mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__trailing {
    border-color: var(--mdc-theme-error, #ef0000)
}

.mat-mdc-form-field.mat-warn .mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__leading,
.mat-mdc-form-field.mat-warn .mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__notch,
.mat-mdc-form-field.mat-warn .mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__trailing {
    border-color: var(--mdc-theme-error, #ef0000)
}

.mat-mdc-form-field.mat-warn .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__leading,
.mat-mdc-form-field.mat-warn .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__notch,
.mat-mdc-form-field.mat-warn .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__trailing {
    border-color: var(--mdc-theme-error, #ef0000)
}

.mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field .mdc-notched-outline__notch {
    border-left: 1px solid transparent
}

[dir=rtl] .mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field .mdc-notched-outline__notch {
    border-left: none;
    border-right: 1px solid transparent
}

.mat-mdc-form-field-infix {
    min-height: 56px
}

.mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-floating-label {
    top: 28px
}

.mat-mdc-text-field-wrapper.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
    --mat-mdc-form-field-label-transform: translateY( -34.75px) scale(var(--mat-mdc-form-field-floating-label-scale, .75));
    transform: var(--mat-mdc-form-field-label-transform)
}

.mat-mdc-text-field-wrapper.mdc-text-field--outlined .mat-mdc-form-field-infix {
    padding-top: 16px;
    padding-bottom: 16px
}

.mat-mdc-text-field-wrapper:not(.mdc-text-field--outlined) .mat-mdc-form-field-infix {
    padding-top: 24px;
    padding-bottom: 8px
}

.mdc-text-field--no-label:not(.mdc-text-field--outlined):not(.mdc-text-field--textarea) .mat-mdc-form-field-infix {
    padding-top: 16px;
    padding-bottom: 16px
}

.mdc-text-field__input,
.mdc-text-field__affix {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-family: var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, "Poppins", -apple-system, "Helvetica Neue", Arial, sans-serif));
    font-size: var(--mdc-typography-subtitle1-font-size, 26px);
    font-weight: var(--mdc-typography-subtitle1-font-weight, 400);
    letter-spacing: var(--mdc-typography-subtitle1-letter-spacing, normal);
    -webkit-text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit);
    text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit);
    text-transform: var(--mdc-typography-subtitle1-text-transform, none)
}

.mdc-text-field--textarea .mdc-text-field__input {
    line-height: 1.5rem
}

.mdc-floating-label {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-family: var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, "Poppins", -apple-system, "Helvetica Neue", Arial, sans-serif));
    font-size: var(--mdc-typography-subtitle1-font-size, 26px);
    font-weight: var(--mdc-typography-subtitle1-font-weight, 400);
    letter-spacing: var(--mdc-typography-subtitle1-letter-spacing, normal);
    -webkit-text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit);
    text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit);
    text-transform: var(--mdc-typography-subtitle1-text-transform, none)
}

.mat-mdc-form-field-subscript-wrapper,
.mat-mdc-form-field-bottom-align:before {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-family: var(--mdc-typography-caption-font-family, var(--mdc-typography-font-family, "Poppins", -apple-system, "Helvetica Neue", Arial, sans-serif));
    font-size: var(--mdc-typography-caption-font-size, 12px);
    line-height: var(--mdc-typography-caption-line-height, 16px);
    font-weight: var(--mdc-typography-caption-font-weight, 400);
    letter-spacing: var(--mdc-typography-caption-letter-spacing, normal);
    -webkit-text-decoration: var(--mdc-typography-caption-text-decoration, inherit);
    text-decoration: var(--mdc-typography-caption-text-decoration, inherit);
    text-transform: var(--mdc-typography-caption-text-transform, none)
}

.mat-mdc-form-field,
.mat-mdc-floating-label {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-family: var(--mdc-typography-body1-font-family, var(--mdc-typography-font-family, "Poppins", -apple-system, "Helvetica Neue", Arial, sans-serif));
    font-size: var(--mdc-typography-body1-font-size, 16px);
    line-height: var(--mdc-typography-body1-line-height, 24px);
    font-weight: var(--mdc-typography-body1-font-weight, 500);
    letter-spacing: var(--mdc-typography-body1-letter-spacing, normal);
    -webkit-text-decoration: var(--mdc-typography-body1-text-decoration, inherit);
    text-decoration: var(--mdc-typography-body1-text-decoration, inherit);
    text-transform: var(--mdc-typography-body1-text-transform, none)
}

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

.mat-mdc-form-field .mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
    font-size: 16px
}

.mat-mdc-select-value {
    color: #ffffffde
}

.mat-mdc-select-placeholder {
    color: #fff9
}

.mat-mdc-select-disabled .mat-mdc-select-value {
    color: #ffffff61
}

.mat-mdc-select-arrow {
    color: #ffffff8a
}

.mat-mdc-form-field.mat-focused.mat-primary .mat-mdc-select-arrow {
    color: #9757ffde
}

.mat-mdc-form-field.mat-focused.mat-accent .mat-mdc-select-arrow {
    color: #3636ecde
}

.mat-mdc-form-field.mat-focused.mat-warn .mat-mdc-select-arrow,
.mat-mdc-form-field .mat-mdc-select.mat-mdc-select-invalid .mat-mdc-select-arrow {
    color: #ef0000de
}

.mat-mdc-form-field .mat-mdc-select.mat-mdc-select-disabled .mat-mdc-select-arrow {
    color: #ffffff61
}

.mat-mdc-select-panel {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-family: var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, "Poppins", -apple-system, "Helvetica Neue", Arial, sans-serif));
    font-size: var(--mdc-typography-subtitle1-font-size, 26px);
    line-height: var(--mdc-typography-subtitle1-line-height, 24px);
    font-weight: var(--mdc-typography-subtitle1-font-weight, 400);
    letter-spacing: var(--mdc-typography-subtitle1-letter-spacing, normal);
    -webkit-text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit);
    text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit);
    text-transform: var(--mdc-typography-subtitle1-text-transform, none);
    line-height: 24px
}

.mat-mdc-select {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-family: var(--mdc-typography-body1-font-family, var(--mdc-typography-font-family, "Poppins", -apple-system, "Helvetica Neue", Arial, sans-serif));
    font-size: var(--mdc-typography-body1-font-size, 16px);
    line-height: var(--mdc-typography-body1-line-height, 24px);
    font-weight: var(--mdc-typography-body1-font-weight, 500);
    letter-spacing: var(--mdc-typography-body1-letter-spacing, normal);
    -webkit-text-decoration: var(--mdc-typography-body1-text-decoration, inherit);
    text-decoration: var(--mdc-typography-body1-text-decoration, inherit);
    text-transform: var(--mdc-typography-body1-text-transform, none)
}

.mat-mdc-autocomplete-panel {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-family: var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, "Poppins", -apple-system, "Helvetica Neue", Arial, sans-serif));
    font-size: var(--mdc-typography-subtitle1-font-size, 26px);
    line-height: var(--mdc-typography-subtitle1-line-height, 24px);
    font-weight: var(--mdc-typography-subtitle1-font-weight, 400);
    letter-spacing: var(--mdc-typography-subtitle1-letter-spacing, normal);
    -webkit-text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit);
    text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit);
    text-transform: var(--mdc-typography-subtitle1-text-transform, none);
    line-height: 24px
}

.mat-mdc-dialog-container {
    --mdc-dialog-container-color: #424242;
    --mdc-dialog-subhead-color: rgba(255, 255, 255, .87);
    --mdc-dialog-supporting-text-color: rgba(255, 255, 255, .6);
    --mdc-dialog-subhead-font: Poppins, -apple-system, Helvetica Neue, Arial, sans-serif;
    --mdc-dialog-subhead-line-height: 32px;
    --mdc-dialog-subhead-size: 16px;
    --mdc-dialog-subhead-weight: 500;
    --mdc-dialog-subhead-tracking: normal;
    --mdc-dialog-supporting-text-font: Poppins, -apple-system, Helvetica Neue, Arial, sans-serif;
    --mdc-dialog-supporting-text-line-height: 24px;
    --mdc-dialog-supporting-text-size: 16px;
    --mdc-dialog-supporting-text-weight: 500;
    --mdc-dialog-supporting-text-tracking: normal
}

.mat-mdc-standard-chip {
    --mdc-chip-elevated-container-color: #595959;
    --mdc-chip-elevated-disabled-container-color: #595959;
    --mdc-chip-label-text-color: #fafafa;
    --mdc-chip-disabled-label-text-color: #fafafa;
    --mdc-chip-with-icon-icon-color: #fafafa;
    --mdc-chip-with-icon-disabled-icon-color: #fafafa;
    --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: #fafafa;
    --mdc-chip-with-trailing-icon-trailing-icon-color: #fafafa;
    --mdc-chip-with-icon-selected-icon-color: #fafafa
}

.mat-mdc-standard-chip.mat-primary.mat-mdc-chip-selected,
.mat-mdc-standard-chip.mat-primary.mat-mdc-chip-highlighted {
    --mdc-chip-elevated-container-color: #9757ff;
    --mdc-chip-elevated-disabled-container-color: #9757ff;
    --mdc-chip-label-text-color: white;
    --mdc-chip-disabled-label-text-color: white;
    --mdc-chip-with-icon-icon-color: white;
    --mdc-chip-with-icon-disabled-icon-color: white;
    --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: white;
    --mdc-chip-with-trailing-icon-trailing-icon-color: white;
    --mdc-chip-with-icon-selected-icon-color: white
}

.mat-mdc-standard-chip.mat-accent.mat-mdc-chip-selected,
.mat-mdc-standard-chip.mat-accent.mat-mdc-chip-highlighted {
    --mdc-chip-elevated-container-color: #3636ec;
    --mdc-chip-elevated-disabled-container-color: #3636ec;
    --mdc-chip-label-text-color: black;
    --mdc-chip-disabled-label-text-color: black;
    --mdc-chip-with-icon-icon-color: black;
    --mdc-chip-with-icon-disabled-icon-color: black;
    --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: black;
    --mdc-chip-with-trailing-icon-trailing-icon-color: black;
    --mdc-chip-with-icon-selected-icon-color: black
}

.mat-mdc-standard-chip.mat-warn.mat-mdc-chip-selected,
.mat-mdc-standard-chip.mat-warn.mat-mdc-chip-highlighted {
    --mdc-chip-elevated-container-color: #ef0000;
    --mdc-chip-elevated-disabled-container-color: #ef0000;
    --mdc-chip-label-text-color: black;
    --mdc-chip-disabled-label-text-color: black;
    --mdc-chip-with-icon-icon-color: black;
    --mdc-chip-with-icon-disabled-icon-color: black;
    --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: black;
    --mdc-chip-with-trailing-icon-trailing-icon-color: black;
    --mdc-chip-with-icon-selected-icon-color: black
}

.mat-mdc-chip-focus-overlay {
    background: white
}

.mat-mdc-chip.mat-mdc-standard-chip {
    height: 32px
}

.mat-mdc-standard-chip {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-family: var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, "Poppins", -apple-system, "Helvetica Neue", Arial, sans-serif));
    font-size: var(--mdc-typography-body2-font-size, 14px);
    line-height: var(--mdc-typography-body2-line-height, 20px);
    font-weight: var(--mdc-typography-body2-font-weight, 600);
    letter-spacing: var(--mdc-typography-body2-letter-spacing, normal);
    -webkit-text-decoration: var(--mdc-typography-body2-text-decoration, inherit);
    text-decoration: var(--mdc-typography-body2-text-decoration, inherit);
    text-transform: var(--mdc-typography-body2-text-transform, none)
}

.mat-mdc-slide-toggle {
    --mdc-switch-disabled-selected-handle-color: #000;
    --mdc-switch-disabled-unselected-handle-color: #000;
    --mdc-switch-disabled-selected-track-color: #f5f5f5;
    --mdc-switch-disabled-unselected-track-color: #f5f5f5;
    --mdc-switch-unselected-focus-state-layer-color: #f5f5f5;
    --mdc-switch-unselected-pressed-state-layer-color: #f5f5f5;
    --mdc-switch-unselected-hover-state-layer-color: #f5f5f5;
    --mdc-switch-unselected-focus-track-color: #616161;
    --mdc-switch-unselected-hover-track-color: #616161;
    --mdc-switch-unselected-pressed-track-color: #616161;
    --mdc-switch-unselected-track-color: #616161;
    --mdc-switch-unselected-focus-handle-color: #fafafa;
    --mdc-switch-unselected-hover-handle-color: #fafafa;
    --mdc-switch-unselected-pressed-handle-color: #fafafa;
    --mdc-switch-handle-surface-color: var(--mdc-theme-surface, #fff);
    --mdc-switch-unselected-handle-color: #9e9e9e;
    --mdc-switch-selected-icon-color: #212121;
    --mdc-switch-disabled-selected-icon-color: #212121;
    --mdc-switch-disabled-unselected-icon-color: #212121;
    --mdc-switch-unselected-icon-color: #212121
}

.mat-mdc-slide-toggle .mdc-form-field {
    color: var(--mdc-theme-text-primary-on-background, white)
}

.mat-mdc-slide-toggle .mdc-switch--disabled+label {
    color: #ffffff80
}

.mat-mdc-slide-toggle.mat-primary {
    --mdc-switch-selected-focus-state-layer-color: #ac79ff;
    --mdc-switch-selected-handle-color: #ac79ff;
    --mdc-switch-selected-hover-state-layer-color: #ac79ff;
    --mdc-switch-selected-pressed-state-layer-color: #ac79ff;
    --mdc-switch-selected-focus-handle-color: #c5a2ff;
    --mdc-switch-selected-hover-handle-color: #c5a2ff;
    --mdc-switch-selected-pressed-handle-color: #c5a2ff;
    --mdc-switch-selected-focus-track-color: #752df6;
    --mdc-switch-selected-hover-track-color: #752df6;
    --mdc-switch-selected-pressed-track-color: #752df6;
    --mdc-switch-selected-track-color: #752df6
}

.mat-mdc-slide-toggle.mat-accent {
    --mdc-switch-selected-focus-state-layer-color: #8d77f8;
    --mdc-switch-selected-handle-color: #8d77f8;
    --mdc-switch-selected-hover-state-layer-color: #8d77f8;
    --mdc-switch-selected-pressed-state-layer-color: #8d77f8;
    --mdc-switch-selected-focus-handle-color: #b09ff9;
    --mdc-switch-selected-hover-handle-color: #b09ff9;
    --mdc-switch-selected-pressed-handle-color: #b09ff9;
    --mdc-switch-selected-focus-track-color: #3636ec;
    --mdc-switch-selected-hover-track-color: #3636ec;
    --mdc-switch-selected-pressed-track-color: #3636ec;
    --mdc-switch-selected-track-color: #3636ec
}

.mat-mdc-slide-toggle.mat-warn {
    --mdc-switch-selected-focus-state-layer-color: #ff7c5d;
    --mdc-switch-selected-handle-color: #ff7c5d;
    --mdc-switch-selected-hover-state-layer-color: #ff7c5d;
    --mdc-switch-selected-pressed-state-layer-color: #ff7c5d;
    --mdc-switch-selected-focus-handle-color: #ffa38c;
    --mdc-switch-selected-hover-handle-color: #ffa38c;
    --mdc-switch-selected-pressed-handle-color: #ffa38c;
    --mdc-switch-selected-focus-track-color: #ff230e;
    --mdc-switch-selected-hover-track-color: #ff230e;
    --mdc-switch-selected-pressed-track-color: #ff230e;
    --mdc-switch-selected-track-color: #ff230e
}

.mat-mdc-slide-toggle {
    --mdc-switch-state-layer-size: 48px
}

.mdc-form-field {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-family: var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, "Poppins", -apple-system, "Helvetica Neue", Arial, sans-serif));
    font-size: var(--mdc-typography-body2-font-size, 14px);
    line-height: var(--mdc-typography-body2-line-height, 20px);
    font-weight: var(--mdc-typography-body2-font-weight, 600);
    letter-spacing: var(--mdc-typography-body2-letter-spacing, normal);
    -webkit-text-decoration: var(--mdc-typography-body2-text-decoration, inherit);
    text-decoration: var(--mdc-typography-body2-text-decoration, inherit);
    text-transform: var(--mdc-typography-body2-text-transform, none)
}

.mat-mdc-radio-button .mdc-form-field {
    color: var(--mdc-theme-text-primary-on-background, white)
}

.mat-mdc-radio-button.mat-primary {
    --mdc-radio-disabled-selected-icon-color: #fff;
    --mdc-radio-disabled-unselected-icon-color: #fff;
    --mdc-radio-unselected-hover-icon-color: #eeeeee;
    --mdc-radio-unselected-icon-color: rgba(255, 255, 255, .54);
    --mdc-radio-unselected-pressed-icon-color: rgba(255, 255, 255, .54);
    --mdc-radio-selected-focus-icon-color: #9757ff;
    --mdc-radio-selected-hover-icon-color: #9757ff;
    --mdc-radio-selected-icon-color: #9757ff;
    --mdc-radio-selected-pressed-icon-color: #9757ff;
    --mat-radio-ripple-color: #fff;
    --mat-radio-checked-ripple-color: #9757ff;
    --mat-radio-disabled-label-color: rgba(255, 255, 255, .5)
}

.mat-mdc-radio-button.mat-accent {
    --mdc-radio-disabled-selected-icon-color: #fff;
    --mdc-radio-disabled-unselected-icon-color: #fff;
    --mdc-radio-unselected-hover-icon-color: #eeeeee;
    --mdc-radio-unselected-icon-color: rgba(255, 255, 255, .54);
    --mdc-radio-unselected-pressed-icon-color: rgba(255, 255, 255, .54);
    --mdc-radio-selected-focus-icon-color: #3636ec;
    --mdc-radio-selected-hover-icon-color: #3636ec;
    --mdc-radio-selected-icon-color: #3636ec;
    --mdc-radio-selected-pressed-icon-color: #3636ec;
    --mat-radio-ripple-color: #fff;
    --mat-radio-checked-ripple-color: #3636ec;
    --mat-radio-disabled-label-color: rgba(255, 255, 255, .5)
}

.mat-mdc-radio-button.mat-warn {
    --mdc-radio-disabled-selected-icon-color: #fff;
    --mdc-radio-disabled-unselected-icon-color: #fff;
    --mdc-radio-unselected-hover-icon-color: #eeeeee;
    --mdc-radio-unselected-icon-color: rgba(255, 255, 255, .54);
    --mdc-radio-unselected-pressed-icon-color: rgba(255, 255, 255, .54);
    --mdc-radio-selected-focus-icon-color: #ef0000;
    --mdc-radio-selected-hover-icon-color: #ef0000;
    --mdc-radio-selected-icon-color: #ef0000;
    --mdc-radio-selected-pressed-icon-color: #ef0000;
    --mat-radio-ripple-color: #fff;
    --mat-radio-checked-ripple-color: #ef0000;
    --mat-radio-disabled-label-color: rgba(255, 255, 255, .5)
}

.mat-mdc-radio-button .mdc-radio {
    --mdc-radio-state-layer-size: 40px
}

.mat-mdc-radio-button .mdc-form-field {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-family: var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, "Poppins", -apple-system, "Helvetica Neue", Arial, sans-serif));
    font-size: var(--mdc-typography-body2-font-size, 14px);
    line-height: var(--mdc-typography-body2-line-height, 20px);
    font-weight: var(--mdc-typography-body2-font-weight, 600);
    letter-spacing: var(--mdc-typography-body2-letter-spacing, normal);
    -webkit-text-decoration: var(--mdc-typography-body2-text-decoration, inherit);
    text-decoration: var(--mdc-typography-body2-text-decoration, inherit);
    text-transform: var(--mdc-typography-body2-text-transform, none)
}

.mat-mdc-slider {
    --mdc-slider-label-container-color: white;
    --mdc-slider-label-label-text-color: black;
    --mdc-slider-disabled-handle-color: #fff;
    --mdc-slider-disabled-active-track-color: #fff;
    --mdc-slider-disabled-inactive-track-color: #fff;
    --mdc-slider-with-tick-marks-disabled-container-color: #fff;
    --mat-mdc-slider-value-indicator-opacity: .9
}

.mat-mdc-slider.mat-primary {
    --mdc-slider-handle-color: #9757ff;
    --mdc-slider-focus-handle-color: #9757ff;
    --mdc-slider-hover-handle-color: #9757ff;
    --mdc-slider-active-track-color: #9757ff;
    --mdc-slider-inactive-track-color: #9757ff;
    --mdc-slider-with-tick-marks-active-container-color: #fff;
    --mdc-slider-with-tick-marks-inactive-container-color: #9757ff;
    --mat-mdc-slider-ripple-color: #9757ff;
    --mat-mdc-slider-hover-ripple-color: rgba(151, 87, 255, .05);
    --mat-mdc-slider-focus-ripple-color: rgba(151, 87, 255, .2)
}

.mat-mdc-slider.mat-accent {
    --mdc-slider-handle-color: #3636ec;
    --mdc-slider-focus-handle-color: #3636ec;
    --mdc-slider-hover-handle-color: #3636ec;
    --mdc-slider-active-track-color: #3636ec;
    --mdc-slider-inactive-track-color: #3636ec;
    --mdc-slider-with-tick-marks-active-container-color: #fff;
    --mdc-slider-with-tick-marks-inactive-container-color: #3636ec;
    --mat-mdc-slider-ripple-color: #3636ec;
    --mat-mdc-slider-hover-ripple-color: rgba(54, 54, 236, .05);
    --mat-mdc-slider-focus-ripple-color: rgba(54, 54, 236, .2)
}

.mat-mdc-slider.mat-warn {
    --mdc-slider-handle-color: #ef0000;
    --mdc-slider-focus-handle-color: #ef0000;
    --mdc-slider-hover-handle-color: #ef0000;
    --mdc-slider-active-track-color: #ef0000;
    --mdc-slider-inactive-track-color: #ef0000;
    --mdc-slider-with-tick-marks-active-container-color: #fff;
    --mdc-slider-with-tick-marks-inactive-container-color: #ef0000;
    --mat-mdc-slider-ripple-color: #ef0000;
    --mat-mdc-slider-hover-ripple-color: rgba(239, 0, 0, .05);
    --mat-mdc-slider-focus-ripple-color: rgba(239, 0, 0, .2)
}

.mat-mdc-slider {
    --mdc-slider-label-label-text-font: Poppins, -apple-system, Helvetica Neue, Arial, sans-serif;
    --mdc-slider-label-label-text-size: 14px;
    --mdc-slider-label-label-text-line-height: 20px;
    --mdc-slider-label-label-text-tracking: normal;
    --mdc-slider-label-label-text-weight: 400
}

.mdc-menu-surface {
    box-shadow: 0 5px 5px -3px #0003, 0 8px 10px 1px #00000024, 0 3px 14px 2px #0000001f;
    background-color: var(--mdc-theme-surface, #424242);
    color: var(--mdc-theme-on-surface, #fff)
}

.mdc-list-item__primary-text {
    color: var(--mdc-theme-text-primary-on-background, white)
}

.mdc-list-item__secondary-text {
    color: var(--mdc-theme-text-secondary-on-background, rgba(255, 255, 255, .7))
}

.mdc-list-item__overline-text {
    color: var(--mdc-theme-text-hint-on-background, rgba(255, 255, 255, .5))
}

.mdc-list-item--with-leading-icon .mdc-list-item__start,
.mdc-list-item--with-trailing-icon .mdc-list-item__end {
    background-color: transparent;
    color: var(--mdc-theme-text-icon-on-background, rgba(255, 255, 255, .5))
}

.mdc-list-item__end {
    color: var(--mdc-theme-text-hint-on-background, rgba(255, 255, 255, .5))
}

.mdc-list-item--disabled .mdc-list-item__start,
.mdc-list-item--disabled .mdc-list-item__content,
.mdc-list-item--disabled .mdc-list-item__end {
    opacity: .38
}

.mdc-list-item--disabled .mdc-list-item__primary-text,
.mdc-list-item--disabled .mdc-list-item__secondary-text,
.mdc-list-item--disabled .mdc-list-item__overline-text,
.mdc-list-item--disabled.mdc-list-item--with-leading-icon .mdc-list-item__start,
.mdc-list-item--disabled.mdc-list-item--with-trailing-icon .mdc-list-item__end,
.mdc-list-item--disabled.mdc-list-item--with-trailing-meta .mdc-list-item__end {
    color: var(--mdc-theme-on-surface, #fff)
}

.mdc-list-item--selected .mdc-list-item__primary-text,
.mdc-list-item--activated .mdc-list-item__primary-text,
.mdc-list-item--selected.mdc-list-item--with-leading-icon .mdc-list-item__start,
.mdc-list-item--activated.mdc-list-item--with-leading-icon .mdc-list-item__start {
    color: var(--mdc-theme-primary, #9757ff)
}

.mdc-deprecated-list-group__subheader {
    color: var(--mdc-theme-text-primary-on-background, white)
}

.mdc-list-divider:after {
    border-bottom-color: #fff
}

.mdc-list-divider {
    background-color: #fff3
}

.mat-mdc-menu-item[disabled],
.mat-mdc-menu-item[disabled] .mat-mdc-menu-submenu-icon,
.mat-mdc-menu-item[disabled] .mat-icon-no-color {
    color: var(--mdc-theme-text-disabled-on-background, rgba(255, 255, 255, .5))
}

.mat-mdc-menu-item .mat-icon-no-color,
.mat-mdc-menu-submenu-icon {
    color: var(--mdc-theme-text-primary-on-background, white)
}

.mat-mdc-menu-item:hover:not([disabled]),
.mat-mdc-menu-item.cdk-program-focused:not([disabled]),
.mat-mdc-menu-item.cdk-keyboard-focused:not([disabled]),
.mat-mdc-menu-item-highlighted:not([disabled]) {
    background: rgba(255, 255, 255, .08)
}

.mat-mdc-menu-content {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-family: var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, "Poppins", -apple-system, "Helvetica Neue", Arial, sans-serif));
    font-size: var(--mdc-typography-subtitle1-font-size, 26px);
    line-height: var(--mdc-typography-subtitle1-line-height, 24px);
    font-weight: var(--mdc-typography-subtitle1-font-weight, 400);
    letter-spacing: var(--mdc-typography-subtitle1-letter-spacing, normal);
    -webkit-text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit);
    text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit);
    text-transform: var(--mdc-typography-subtitle1-text-transform, none);
    line-height: 24px
}

.mat-mdc-menu-content,
.mat-mdc-menu-content .mat-mdc-menu-item .mdc-list-item__primary-text {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-family: var(--mdc-typography-body1-font-family, var(--mdc-typography-font-family, "Poppins", -apple-system, "Helvetica Neue", Arial, sans-serif));
    font-size: var(--mdc-typography-body1-font-size, 16px);
    line-height: var(--mdc-typography-body1-line-height, 24px);
    font-weight: var(--mdc-typography-body1-font-weight, 500);
    letter-spacing: var(--mdc-typography-body1-letter-spacing, normal);
    -webkit-text-decoration: var(--mdc-typography-body1-text-decoration, inherit);
    text-decoration: var(--mdc-typography-body1-text-decoration, inherit);
    text-transform: var(--mdc-typography-body1-text-transform, none)
}

.mat-mdc-list-base {
    --mdc-list-list-item-label-text-color: white;
    --mdc-list-list-item-supporting-text-color: rgba(255, 255, 255, .7);
    --mdc-list-list-item-leading-icon-color: rgba(255, 255, 255, .5);
    --mdc-list-list-item-trailing-supporting-text-color: rgba(255, 255, 255, .5);
    --mdc-list-list-item-trailing-icon-color: rgba(255, 255, 255, .5);
    --mdc-list-list-item-selected-trailing-icon-color: rgba(255, 255, 255, .5);
    --mdc-list-list-item-disabled-label-text-color: white;
    --mdc-list-list-item-disabled-leading-icon-color: white;
    --mdc-list-list-item-disabled-trailing-icon-color: white;
    --mdc-list-list-item-hover-label-text-color: white;
    --mdc-list-list-item-hover-leading-icon-color: rgba(255, 255, 255, .5);
    --mdc-list-list-item-hover-trailing-icon-color: rgba(255, 255, 255, .5);
    --mdc-list-list-item-focus-label-text-color: white;
    --mdc-list-list-item-hover-state-layer-color: white;
    --mdc-list-list-item-hover-state-layer-opacity: .08;
    --mdc-list-list-item-focus-state-layer-color: white;
    --mdc-list-list-item-focus-state-layer-opacity: .24
}

.mdc-list-item__start,
.mdc-list-item__end {
    --mdc-radio-disabled-selected-icon-color: #fff;
    --mdc-radio-disabled-unselected-icon-color: #fff;
    --mdc-radio-unselected-hover-icon-color: #eeeeee;
    --mdc-radio-unselected-icon-color: rgba(255, 255, 255, .54);
    --mdc-radio-unselected-pressed-icon-color: rgba(255, 255, 255, .54);
    --mdc-radio-selected-focus-icon-color: #9757ff;
    --mdc-radio-selected-hover-icon-color: #9757ff;
    --mdc-radio-selected-icon-color: #9757ff;
    --mdc-radio-selected-pressed-icon-color: #9757ff
}

.mat-accent .mdc-list-item__start,
.mat-accent .mdc-list-item__end {
    --mdc-radio-disabled-selected-icon-color: #fff;
    --mdc-radio-disabled-unselected-icon-color: #fff;
    --mdc-radio-unselected-hover-icon-color: #eeeeee;
    --mdc-radio-unselected-icon-color: rgba(255, 255, 255, .54);
    --mdc-radio-unselected-pressed-icon-color: rgba(255, 255, 255, .54);
    --mdc-radio-selected-focus-icon-color: #3636ec;
    --mdc-radio-selected-hover-icon-color: #3636ec;
    --mdc-radio-selected-icon-color: #3636ec;
    --mdc-radio-selected-pressed-icon-color: #3636ec
}

.mat-warn .mdc-list-item__start,
.mat-warn .mdc-list-item__end {
    --mdc-radio-disabled-selected-icon-color: #fff;
    --mdc-radio-disabled-unselected-icon-color: #fff;
    --mdc-radio-unselected-hover-icon-color: #eeeeee;
    --mdc-radio-unselected-icon-color: rgba(255, 255, 255, .54);
    --mdc-radio-unselected-pressed-icon-color: rgba(255, 255, 255, .54);
    --mdc-radio-selected-focus-icon-color: #ef0000;
    --mdc-radio-selected-hover-icon-color: #ef0000;
    --mdc-radio-selected-icon-color: #ef0000;
    --mdc-radio-selected-pressed-icon-color: #ef0000
}

.mat-mdc-list-option {
    --mdc-checkbox-disabled-selected-icon-color: rgba(255, 255, 255, .38);
    --mdc-checkbox-disabled-unselected-icon-color: rgba(255, 255, 255, .38);
    --mdc-checkbox-selected-checkmark-color: #fff;
    --mdc-checkbox-selected-focus-icon-color: #9757ff;
    --mdc-checkbox-selected-hover-icon-color: #9757ff;
    --mdc-checkbox-selected-icon-color: #9757ff;
    --mdc-checkbox-selected-pressed-icon-color: #9757ff;
    --mdc-checkbox-unselected-focus-icon-color: #eeeeee;
    --mdc-checkbox-unselected-hover-icon-color: #eeeeee;
    --mdc-checkbox-unselected-icon-color: rgba(255, 255, 255, .54);
    --mdc-checkbox-unselected-pressed-icon-color: rgba(255, 255, 255, .54);
    --mdc-checkbox-selected-focus-state-layer-color: #9757ff;
    --mdc-checkbox-selected-hover-state-layer-color: #9757ff;
    --mdc-checkbox-selected-pressed-state-layer-color: #9757ff;
    --mdc-checkbox-unselected-focus-state-layer-color: white;
    --mdc-checkbox-unselected-hover-state-layer-color: white;
    --mdc-checkbox-unselected-pressed-state-layer-color: white
}

.mat-mdc-list-option.mat-accent {
    --mdc-checkbox-disabled-selected-icon-color: rgba(255, 255, 255, .38);
    --mdc-checkbox-disabled-unselected-icon-color: rgba(255, 255, 255, .38);
    --mdc-checkbox-selected-checkmark-color: #fff;
    --mdc-checkbox-selected-focus-icon-color: #3636ec;
    --mdc-checkbox-selected-hover-icon-color: #3636ec;
    --mdc-checkbox-selected-icon-color: #3636ec;
    --mdc-checkbox-selected-pressed-icon-color: #3636ec;
    --mdc-checkbox-unselected-focus-icon-color: #eeeeee;
    --mdc-checkbox-unselected-hover-icon-color: #eeeeee;
    --mdc-checkbox-unselected-icon-color: rgba(255, 255, 255, .54);
    --mdc-checkbox-unselected-pressed-icon-color: rgba(255, 255, 255, .54);
    --mdc-checkbox-selected-focus-state-layer-color: #3636ec;
    --mdc-checkbox-selected-hover-state-layer-color: #3636ec;
    --mdc-checkbox-selected-pressed-state-layer-color: #3636ec;
    --mdc-checkbox-unselected-focus-state-layer-color: white;
    --mdc-checkbox-unselected-hover-state-layer-color: white;
    --mdc-checkbox-unselected-pressed-state-layer-color: white
}

.mat-mdc-list-option.mat-warn {
    --mdc-checkbox-disabled-selected-icon-color: rgba(255, 255, 255, .38);
    --mdc-checkbox-disabled-unselected-icon-color: rgba(255, 255, 255, .38);
    --mdc-checkbox-selected-checkmark-color: #fff;
    --mdc-checkbox-selected-focus-icon-color: #ef0000;
    --mdc-checkbox-selected-hover-icon-color: #ef0000;
    --mdc-checkbox-selected-icon-color: #ef0000;
    --mdc-checkbox-selected-pressed-icon-color: #ef0000;
    --mdc-checkbox-unselected-focus-icon-color: #eeeeee;
    --mdc-checkbox-unselected-hover-icon-color: #eeeeee;
    --mdc-checkbox-unselected-icon-color: rgba(255, 255, 255, .54);
    --mdc-checkbox-unselected-pressed-icon-color: rgba(255, 255, 255, .54);
    --mdc-checkbox-selected-focus-state-layer-color: #ef0000;
    --mdc-checkbox-selected-hover-state-layer-color: #ef0000;
    --mdc-checkbox-selected-pressed-state-layer-color: #ef0000;
    --mdc-checkbox-unselected-focus-state-layer-color: white;
    --mdc-checkbox-unselected-hover-state-layer-color: white;
    --mdc-checkbox-unselected-pressed-state-layer-color: white
}

.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,
.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text,
.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected.mdc-list-item--with-leading-icon .mdc-list-item__start,
.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated.mdc-list-item--with-leading-icon .mdc-list-item__start {
    color: #9757ff
}

.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,
.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,
.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end {
    opacity: 1
}

.mat-mdc-list-base {
    --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-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line,
.mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line,
.mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line {
    height: 56px
}

.mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines,
.mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines,
.mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines {
    height: 72px
}

.mat-mdc-list-base {
    --mdc-list-list-item-label-text-font: Poppins, -apple-system, Helvetica Neue, Arial, sans-serif;
    --mdc-list-list-item-label-text-line-height: 24px;
    --mdc-list-list-item-label-text-size: 16px;
    --mdc-list-list-item-label-text-tracking: normal;
    --mdc-list-list-item-label-text-weight: 500;
    --mdc-list-list-item-supporting-text-font: Poppins, -apple-system, Helvetica Neue, Arial, 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: 600;
    --mdc-list-list-item-trailing-supporting-text-font: Poppins, -apple-system, Helvetica Neue, Arial, sans-serif;
    --mdc-list-list-item-trailing-supporting-text-line-height: 16px;
    --mdc-list-list-item-trailing-supporting-text-size: 12px;
    --mdc-list-list-item-trailing-supporting-text-tracking: normal;
    --mdc-list-list-item-trailing-supporting-text-weight: 400
}

.mdc-list-group__subheader {
    font-size: 26px;
    font-weight: 400;
    line-height: 24px;
    font-family: Poppins, -apple-system, Helvetica Neue, Arial, sans-serif;
    letter-spacing: normal
}

.mat-mdc-paginator {
    background: #424242;
    color: #ffffffde
}

.mat-mdc-paginator-icon {
    fill: #ffffff8a
}

.mat-mdc-paginator-decrement,
.mat-mdc-paginator-increment {
    border-top: 2px solid rgba(255, 255, 255, .54);
    border-right: 2px solid rgba(255, 255, 255, .54)
}

.mat-mdc-paginator-first,
.mat-mdc-paginator-last {
    border-top: 2px solid rgba(255, 255, 255, .54)
}

.mat-mdc-icon-button[disabled] .mat-mdc-paginator-decrement,
.mat-mdc-icon-button[disabled] .mat-mdc-paginator-increment,
.mat-mdc-icon-button[disabled] .mat-mdc-paginator-first,
.mat-mdc-icon-button[disabled] .mat-mdc-paginator-last {
    border-color: #ffffff1f
}

.mat-mdc-icon-button[disabled] .mat-mdc-paginator-icon {
    fill: #ffffff1f
}

.mat-mdc-paginator .mat-mdc-form-field-infix {
    min-height: 40px
}

.mat-mdc-paginator .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-floating-label {
    top: 20px
}

.mat-mdc-paginator .mat-mdc-text-field-wrapper.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
    --mat-mdc-form-field-label-transform: translateY( -26.75px) scale(var(--mat-mdc-form-field-floating-label-scale, .75));
    transform: var(--mat-mdc-form-field-label-transform)
}

.mat-mdc-paginator .mat-mdc-text-field-wrapper.mdc-text-field--outlined .mat-mdc-form-field-infix {
    padding-top: 8px;
    padding-bottom: 8px
}

.mat-mdc-paginator .mat-mdc-text-field-wrapper:not(.mdc-text-field--outlined) .mat-mdc-form-field-infix {
    padding-top: 8px;
    padding-bottom: 8px
}

.mat-mdc-paginator .mdc-text-field--no-label:not(.mdc-text-field--outlined):not(.mdc-text-field--textarea) .mat-mdc-form-field-infix {
    padding-top: 8px;
    padding-bottom: 8px
}

.mat-mdc-paginator .mat-mdc-text-field-wrapper:not(.mdc-text-field--outlined) .mat-mdc-floating-label {
    display: none
}

.mat-mdc-paginator-container {
    min-height: 56px
}

.mat-mdc-paginator {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-family: var(--mdc-typography-caption-font-family, var(--mdc-typography-font-family, "Poppins", -apple-system, "Helvetica Neue", Arial, sans-serif));
    font-size: var(--mdc-typography-caption-font-size, 12px);
    line-height: var(--mdc-typography-caption-line-height, 16px);
    font-weight: var(--mdc-typography-caption-font-weight, 400);
    letter-spacing: var(--mdc-typography-caption-letter-spacing, normal);
    -webkit-text-decoration: var(--mdc-typography-caption-text-decoration, inherit);
    text-decoration: var(--mdc-typography-caption-text-decoration, inherit);
    text-transform: var(--mdc-typography-caption-text-transform, none)
}

.mat-mdc-paginator .mat-mdc-select-value {
    font-size: 12px
}

.mat-mdc-tab-group,
.mat-mdc-tab-nav-bar {
    --mdc-tab-indicator-active-indicator-color: #9757ff;
    --mat-tab-header-disabled-ripple-color: rgba(255, 255, 255, .5);
    --mat-tab-header-pagination-icon-color: #fff;
    --mat-tab-header-inactive-label-text-color: rgba(255, 255, 255, .6);
    --mat-tab-header-active-label-text-color: #9757ff;
    --mat-tab-header-active-ripple-color: #9757ff;
    --mat-tab-header-inactive-ripple-color: #9757ff;
    --mat-tab-header-inactive-focus-label-text-color: rgba(255, 255, 255, .6);
    --mat-tab-header-inactive-hover-label-text-color: rgba(255, 255, 255, .6);
    --mat-tab-header-active-focus-label-text-color: #9757ff;
    --mat-tab-header-active-hover-label-text-color: #9757ff;
    --mat-tab-header-active-focus-indicator-color: #9757ff;
    --mat-tab-header-active-hover-indicator-color: #9757ff
}

.mat-mdc-tab-group.mat-accent,
.mat-mdc-tab-nav-bar.mat-accent {
    --mdc-tab-indicator-active-indicator-color: #3636ec;
    --mat-tab-header-disabled-ripple-color: rgba(255, 255, 255, .5);
    --mat-tab-header-pagination-icon-color: #fff;
    --mat-tab-header-inactive-label-text-color: rgba(255, 255, 255, .6);
    --mat-tab-header-active-label-text-color: #3636ec;
    --mat-tab-header-active-ripple-color: #3636ec;
    --mat-tab-header-inactive-ripple-color: #3636ec;
    --mat-tab-header-inactive-focus-label-text-color: rgba(255, 255, 255, .6);
    --mat-tab-header-inactive-hover-label-text-color: rgba(255, 255, 255, .6);
    --mat-tab-header-active-focus-label-text-color: #3636ec;
    --mat-tab-header-active-hover-label-text-color: #3636ec;
    --mat-tab-header-active-focus-indicator-color: #3636ec;
    --mat-tab-header-active-hover-indicator-color: #3636ec
}

.mat-mdc-tab-group.mat-warn,
.mat-mdc-tab-nav-bar.mat-warn {
    --mdc-tab-indicator-active-indicator-color: #ef0000;
    --mat-tab-header-disabled-ripple-color: rgba(255, 255, 255, .5);
    --mat-tab-header-pagination-icon-color: #fff;
    --mat-tab-header-inactive-label-text-color: rgba(255, 255, 255, .6);
    --mat-tab-header-active-label-text-color: #ef0000;
    --mat-tab-header-active-ripple-color: #ef0000;
    --mat-tab-header-inactive-ripple-color: #ef0000;
    --mat-tab-header-inactive-focus-label-text-color: rgba(255, 255, 255, .6);
    --mat-tab-header-inactive-hover-label-text-color: rgba(255, 255, 255, .6);
    --mat-tab-header-active-focus-label-text-color: #ef0000;
    --mat-tab-header-active-hover-label-text-color: #ef0000;
    --mat-tab-header-active-focus-indicator-color: #ef0000;
    --mat-tab-header-active-hover-indicator-color: #ef0000
}

.mat-mdc-tab-group.mat-background-primary,
.mat-mdc-tab-nav-bar.mat-background-primary {
    --mat-tab-header-with-background-background-color: #9757ff;
    --mat-tab-header-with-background-foreground-color: white
}

.mat-mdc-tab-group.mat-background-accent,
.mat-mdc-tab-nav-bar.mat-background-accent {
    --mat-tab-header-with-background-background-color: #3636ec;
    --mat-tab-header-with-background-foreground-color: black
}

.mat-mdc-tab-group.mat-background-warn,
.mat-mdc-tab-nav-bar.mat-background-warn {
    --mat-tab-header-with-background-background-color: #ef0000;
    --mat-tab-header-with-background-foreground-color: black
}

.mat-mdc-tab-header {
    --mdc-secondary-navigation-tab-container-height: 48px;
    --mat-tab-header-label-text-font: Poppins, -apple-system, Helvetica Neue, Arial, sans-serif;
    --mat-tab-header-label-text-size: 14px;
    --mat-tab-header-label-text-letter-spacing: normal;
    --mat-tab-header-label-text-line-height: 36px;
    --mat-tab-header-label-text-weight: 600
}

html {
    --mdc-checkbox-disabled-selected-icon-color: rgba(255, 255, 255, .38);
    --mdc-checkbox-disabled-unselected-icon-color: rgba(255, 255, 255, .38);
    --mdc-checkbox-selected-checkmark-color: #fff;
    --mdc-checkbox-selected-focus-icon-color: #3636ec;
    --mdc-checkbox-selected-hover-icon-color: #3636ec;
    --mdc-checkbox-selected-icon-color: #3636ec;
    --mdc-checkbox-selected-pressed-icon-color: #3636ec;
    --mdc-checkbox-unselected-focus-icon-color: #eeeeee;
    --mdc-checkbox-unselected-hover-icon-color: #eeeeee;
    --mdc-checkbox-unselected-icon-color: rgba(255, 255, 255, .54);
    --mdc-checkbox-unselected-pressed-icon-color: rgba(255, 255, 255, .54);
    --mdc-checkbox-selected-focus-state-layer-color: #3636ec;
    --mdc-checkbox-selected-hover-state-layer-color: #3636ec;
    --mdc-checkbox-selected-pressed-state-layer-color: #3636ec;
    --mdc-checkbox-unselected-focus-state-layer-color: white;
    --mdc-checkbox-unselected-hover-state-layer-color: white;
    --mdc-checkbox-unselected-pressed-state-layer-color: white
}

.mat-mdc-checkbox.mat-primary {
    --mdc-checkbox-disabled-selected-icon-color: rgba(255, 255, 255, .38);
    --mdc-checkbox-disabled-unselected-icon-color: rgba(255, 255, 255, .38);
    --mdc-checkbox-selected-checkmark-color: #fff;
    --mdc-checkbox-selected-focus-icon-color: #9757ff;
    --mdc-checkbox-selected-hover-icon-color: #9757ff;
    --mdc-checkbox-selected-icon-color: #9757ff;
    --mdc-checkbox-selected-pressed-icon-color: #9757ff;
    --mdc-checkbox-unselected-focus-icon-color: #eeeeee;
    --mdc-checkbox-unselected-hover-icon-color: #eeeeee;
    --mdc-checkbox-unselected-icon-color: rgba(255, 255, 255, .54);
    --mdc-checkbox-unselected-pressed-icon-color: rgba(255, 255, 255, .54);
    --mdc-checkbox-selected-focus-state-layer-color: #9757ff;
    --mdc-checkbox-selected-hover-state-layer-color: #9757ff;
    --mdc-checkbox-selected-pressed-state-layer-color: #9757ff;
    --mdc-checkbox-unselected-focus-state-layer-color: white;
    --mdc-checkbox-unselected-hover-state-layer-color: white;
    --mdc-checkbox-unselected-pressed-state-layer-color: white
}

.mat-mdc-checkbox.mat-warn {
    --mdc-checkbox-disabled-selected-icon-color: rgba(255, 255, 255, .38);
    --mdc-checkbox-disabled-unselected-icon-color: rgba(255, 255, 255, .38);
    --mdc-checkbox-selected-checkmark-color: #fff;
    --mdc-checkbox-selected-focus-icon-color: #ef0000;
    --mdc-checkbox-selected-hover-icon-color: #ef0000;
    --mdc-checkbox-selected-icon-color: #ef0000;
    --mdc-checkbox-selected-pressed-icon-color: #ef0000;
    --mdc-checkbox-unselected-focus-icon-color: #eeeeee;
    --mdc-checkbox-unselected-hover-icon-color: #eeeeee;
    --mdc-checkbox-unselected-icon-color: rgba(255, 255, 255, .54);
    --mdc-checkbox-unselected-pressed-icon-color: rgba(255, 255, 255, .54);
    --mdc-checkbox-selected-focus-state-layer-color: #ef0000;
    --mdc-checkbox-selected-hover-state-layer-color: #ef0000;
    --mdc-checkbox-selected-pressed-state-layer-color: #ef0000;
    --mdc-checkbox-unselected-focus-state-layer-color: white;
    --mdc-checkbox-unselected-hover-state-layer-color: white;
    --mdc-checkbox-unselected-pressed-state-layer-color: white
}

.mat-mdc-checkbox .mdc-form-field {
    color: var(--mdc-theme-text-primary-on-background, white)
}

.mat-mdc-checkbox.mat-mdc-checkbox-disabled label {
    color: #ffffff80
}

html {
    --mdc-checkbox-state-layer-size: 40px
}

.mat-mdc-checkbox .mdc-form-field {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-family: var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, "Poppins", -apple-system, "Helvetica Neue", Arial, sans-serif));
    font-size: var(--mdc-typography-body2-font-size, 14px);
    line-height: var(--mdc-typography-body2-line-height, 20px);
    font-weight: var(--mdc-typography-body2-font-weight, 600);
    letter-spacing: var(--mdc-typography-body2-letter-spacing, normal);
    -webkit-text-decoration: var(--mdc-typography-body2-text-decoration, inherit);
    text-decoration: var(--mdc-typography-body2-text-decoration, inherit);
    text-transform: var(--mdc-typography-body2-text-transform, none)
}

.mat-mdc-button.mat-unthemed {
    --mdc-text-button-label-text-color: #fff
}

.mat-mdc-button.mat-primary {
    --mdc-text-button-label-text-color: #9757ff
}

.mat-mdc-button.mat-accent {
    --mdc-text-button-label-text-color: #3636ec
}

.mat-mdc-button.mat-warn {
    --mdc-text-button-label-text-color: #ef0000
}

.mat-mdc-button[disabled][disabled] {
    --mdc-text-button-disabled-label-text-color: rgba(255, 255, 255, .5);
    --mdc-text-button-label-text-color: rgba(255, 255, 255, .5)
}

.mat-mdc-unelevated-button.mat-unthemed {
    --mdc-filled-button-container-color: #424242;
    --mdc-filled-button-label-text-color: #fff
}

.mat-mdc-unelevated-button.mat-primary {
    --mdc-filled-button-container-color: #9757ff;
    --mdc-filled-button-label-text-color: #fff
}

.mat-mdc-unelevated-button.mat-accent {
    --mdc-filled-button-container-color: #3636ec;
    --mdc-filled-button-label-text-color: #fff
}

.mat-mdc-unelevated-button.mat-warn {
    --mdc-filled-button-container-color: #ef0000;
    --mdc-filled-button-label-text-color: #fff
}

.mat-mdc-unelevated-button[disabled][disabled] {
    --mdc-filled-button-disabled-container-color: rgba(255, 255, 255, .12);
    --mdc-filled-button-disabled-label-text-color: rgba(255, 255, 255, .5);
    --mdc-filled-button-container-color: rgba(255, 255, 255, .12);
    --mdc-filled-button-label-text-color: rgba(255, 255, 255, .5)
}

.mat-mdc-raised-button.mat-unthemed {
    --mdc-protected-button-container-color: #424242;
    --mdc-protected-button-label-text-color: #fff
}

.mat-mdc-raised-button.mat-primary {
    --mdc-protected-button-container-color: #9757ff;
    --mdc-protected-button-label-text-color: #fff
}

.mat-mdc-raised-button.mat-accent {
    --mdc-protected-button-container-color: #3636ec;
    --mdc-protected-button-label-text-color: #fff
}

.mat-mdc-raised-button.mat-warn {
    --mdc-protected-button-container-color: #ef0000;
    --mdc-protected-button-label-text-color: #fff
}

.mat-mdc-raised-button[disabled][disabled] {
    --mdc-protected-button-disabled-container-color: rgba(255, 255, 255, .12);
    --mdc-protected-button-disabled-label-text-color: rgba(255, 255, 255, .5);
    --mdc-protected-button-container-color: rgba(255, 255, 255, .12);
    --mdc-protected-button-label-text-color: rgba(255, 255, 255, .5);
    --mdc-protected-button-container-elevation: 0
}

.mat-mdc-outlined-button {
    --mdc-outlined-button-outline-color: rgba(255, 255, 255, .12)
}

.mat-mdc-outlined-button.mat-unthemed {
    --mdc-outlined-button-label-text-color: #fff
}

.mat-mdc-outlined-button.mat-primary {
    --mdc-outlined-button-label-text-color: #9757ff
}

.mat-mdc-outlined-button.mat-accent {
    --mdc-outlined-button-label-text-color: #3636ec
}

.mat-mdc-outlined-button.mat-warn {
    --mdc-outlined-button-label-text-color: #ef0000
}

.mat-mdc-outlined-button[disabled][disabled] {
    --mdc-outlined-button-label-text-color: rgba(255, 255, 255, .5);
    --mdc-outlined-button-disabled-label-text-color: rgba(255, 255, 255, .5);
    --mdc-outlined-button-outline-color: rgba(255, 255, 255, .12);
    --mdc-outlined-button-disabled-outline-color: rgba(255, 255, 255, .12)
}

.mat-mdc-button,
.mat-mdc-outlined-button {
    --mat-mdc-button-persistent-ripple-color: #fff;
    --mat-mdc-button-ripple-color: rgba(255, 255, 255, .1)
}

.mat-mdc-button:hover .mat-mdc-button-persistent-ripple:before,
.mat-mdc-outlined-button:hover .mat-mdc-button-persistent-ripple:before {
    opacity: .08
}

.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-outlined-button.cdk-program-focused .mat-mdc-button-persistent-ripple:before,
.mat-mdc-outlined-button.cdk-keyboard-focused .mat-mdc-button-persistent-ripple:before {
    opacity: .24
}

.mat-mdc-button:active .mat-mdc-button-persistent-ripple:before,
.mat-mdc-outlined-button:active .mat-mdc-button-persistent-ripple:before {
    opacity: .24
}

.mat-mdc-button.mat-primary,
.mat-mdc-outlined-button.mat-primary {
    --mat-mdc-button-persistent-ripple-color: #9757ff;
    --mat-mdc-button-ripple-color: rgba(151, 87, 255, .1)
}

.mat-mdc-button.mat-accent,
.mat-mdc-outlined-button.mat-accent {
    --mat-mdc-button-persistent-ripple-color: #3636ec;
    --mat-mdc-button-ripple-color: rgba(54, 54, 236, .1)
}

.mat-mdc-button.mat-warn,
.mat-mdc-outlined-button.mat-warn {
    --mat-mdc-button-persistent-ripple-color: #ef0000;
    --mat-mdc-button-ripple-color: rgba(239, 0, 0, .1)
}

.mat-mdc-raised-button,
.mat-mdc-unelevated-button {
    --mat-mdc-button-persistent-ripple-color: #fff;
    --mat-mdc-button-ripple-color: rgba(255, 255, 255, .1)
}

.mat-mdc-raised-button:hover .mat-mdc-button-persistent-ripple:before,
.mat-mdc-unelevated-button:hover .mat-mdc-button-persistent-ripple:before {
    opacity: .08
}

.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-unelevated-button.cdk-program-focused .mat-mdc-button-persistent-ripple:before,
.mat-mdc-unelevated-button.cdk-keyboard-focused .mat-mdc-button-persistent-ripple:before {
    opacity: .24
}

.mat-mdc-raised-button:active .mat-mdc-button-persistent-ripple:before,
.mat-mdc-unelevated-button:active .mat-mdc-button-persistent-ripple:before {
    opacity: .24
}

.mat-mdc-raised-button.mat-primary,
.mat-mdc-unelevated-button.mat-primary,
.mat-mdc-raised-button.mat-accent,
.mat-mdc-unelevated-button.mat-accent,
.mat-mdc-raised-button.mat-warn,
.mat-mdc-unelevated-button.mat-warn {
    --mat-mdc-button-persistent-ripple-color: #fff;
    --mat-mdc-button-ripple-color: rgba(255, 255, 255, .1)
}

.mat-mdc-button.mat-mdc-button-base,
.mat-mdc-raised-button.mat-mdc-button-base,
.mat-mdc-unelevated-button.mat-mdc-button-base,
.mat-mdc-outlined-button.mat-mdc-button-base {
    height: 36px
}

.mdc-button {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-family: var(--mdc-typography-button-font-family, var(--mdc-typography-font-family, "Poppins", -apple-system, "Helvetica Neue", Arial, sans-serif));
    font-size: var(--mdc-typography-button-font-size, 14px);
    line-height: var(--mdc-typography-button-line-height, 36px);
    font-weight: var(--mdc-typography-button-font-weight, 600);
    letter-spacing: var(--mdc-typography-button-letter-spacing, normal);
    -webkit-text-decoration: var(--mdc-typography-button-text-decoration, none);
    text-decoration: var(--mdc-typography-button-text-decoration, none);
    text-transform: var(--mdc-typography-button-text-transform, none)
}

.mat-mdc-icon-button {
    --mat-mdc-button-persistent-ripple-color: #000;
    --mat-mdc-button-ripple-color: rgba(0, 0, 0, .1);
    --mdc-icon-button-icon-color: inherit;
    --mat-mdc-button-persistent-ripple-color: #fff;
    --mat-mdc-button-ripple-color: rgba(255, 255, 255, .1)
}

.mat-mdc-icon-button:hover .mat-mdc-button-persistent-ripple:before {
    opacity: .08
}

.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 {
    opacity: .24
}

.mat-mdc-icon-button:active .mat-mdc-button-persistent-ripple:before {
    opacity: .24
}

.mat-mdc-icon-button.mat-primary {
    --mat-mdc-button-persistent-ripple-color: #6200ee;
    --mat-mdc-button-ripple-color: rgba(98, 0, 238, .1)
}

.mat-mdc-icon-button.mat-accent {
    --mat-mdc-button-persistent-ripple-color: #018786;
    --mat-mdc-button-ripple-color: rgba(1, 135, 134, .1)
}

.mat-mdc-icon-button.mat-warn {
    --mat-mdc-button-persistent-ripple-color: #b00020;
    --mat-mdc-button-ripple-color: rgba(176, 0, 32, .1)
}

.mat-mdc-icon-button.mat-primary {
    --mdc-icon-button-icon-color: #9757ff;
    --mat-mdc-button-persistent-ripple-color: #9757ff;
    --mat-mdc-button-ripple-color: rgba(151, 87, 255, .1)
}

.mat-mdc-icon-button.mat-accent {
    --mdc-icon-button-icon-color: #3636ec;
    --mat-mdc-button-persistent-ripple-color: #3636ec;
    --mat-mdc-button-ripple-color: rgba(54, 54, 236, .1)
}

.mat-mdc-icon-button.mat-warn {
    --mdc-icon-button-icon-color: #ef0000;
    --mat-mdc-button-persistent-ripple-color: #ef0000;
    --mat-mdc-button-ripple-color: rgba(239, 0, 0, .1)
}

.mat-mdc-icon-button[disabled][disabled] {
    --mdc-icon-button-icon-color: rgba(255, 255, 255, .5);
    --mdc-icon-button-disabled-icon-color: rgba(255, 255, 255, .5)
}

.mat-mdc-icon-button.mat-mdc-button-base {
    --mdc-icon-button-state-layer-size: 48px;
    width: var(--mdc-icon-button-state-layer-size);
    height: var(--mdc-icon-button-state-layer-size);
    padding: 12px
}

.mat-mdc-fab,
.mat-mdc-mini-fab {
    --mat-mdc-button-persistent-ripple-color: #fff;
    --mat-mdc-button-ripple-color: rgba(255, 255, 255, .1)
}

.mat-mdc-fab:hover .mat-mdc-button-persistent-ripple:before,
.mat-mdc-mini-fab:hover .mat-mdc-button-persistent-ripple:before {
    opacity: .08
}

.mat-mdc-fab.cdk-program-focused .mat-mdc-button-persistent-ripple:before,
.mat-mdc-fab.cdk-keyboard-focused .mat-mdc-button-persistent-ripple:before,
.mat-mdc-mini-fab.cdk-program-focused .mat-mdc-button-persistent-ripple:before,
.mat-mdc-mini-fab.cdk-keyboard-focused .mat-mdc-button-persistent-ripple:before {
    opacity: .24
}

.mat-mdc-fab:active .mat-mdc-button-persistent-ripple:before,
.mat-mdc-mini-fab:active .mat-mdc-button-persistent-ripple:before {
    opacity: .24
}

.mat-mdc-fab.mat-primary,
.mat-mdc-mini-fab.mat-primary,
.mat-mdc-fab.mat-accent,
.mat-mdc-mini-fab.mat-accent,
.mat-mdc-fab.mat-warn,
.mat-mdc-mini-fab.mat-warn {
    --mat-mdc-button-persistent-ripple-color: #fff;
    --mat-mdc-button-ripple-color: rgba(255, 255, 255, .1)
}

.mat-mdc-fab.mat-unthemed,
.mat-mdc-mini-fab.mat-unthemed {
    --mdc-fab-container-color: #424242;
    --mdc-fab-icon-color: #fff;
    --mat-mdc-fab-color: #fff
}

.mat-mdc-fab.mat-primary,
.mat-mdc-mini-fab.mat-primary {
    --mdc-fab-container-color: #9757ff;
    --mdc-fab-icon-color: #fff;
    --mat-mdc-fab-color: #fff
}

.mat-mdc-fab.mat-accent,
.mat-mdc-mini-fab.mat-accent {
    --mdc-fab-container-color: #3636ec;
    --mdc-fab-icon-color: #fff;
    --mat-mdc-fab-color: #fff
}

.mat-mdc-fab.mat-warn,
.mat-mdc-mini-fab.mat-warn {
    --mdc-fab-container-color: #ef0000;
    --mdc-fab-icon-color: #fff;
    --mat-mdc-fab-color: #fff
}

.mat-mdc-fab[disabled][disabled],
.mat-mdc-mini-fab[disabled][disabled] {
    --mdc-fab-container-color: rgba(255, 255, 255, .12);
    --mdc-fab-icon-color: rgba(255, 255, 255, .5);
    --mat-mdc-fab-color: rgba(255, 255, 255, .5)
}

.mdc-fab--extended {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-family: var(--mdc-typography-button-font-family, var(--mdc-typography-font-family, "Poppins", -apple-system, "Helvetica Neue", Arial, sans-serif));
    font-size: var(--mdc-typography-button-font-size, 14px);
    line-height: var(--mdc-typography-button-line-height, 36px);
    font-weight: var(--mdc-typography-button-font-weight, 600);
    letter-spacing: var(--mdc-typography-button-letter-spacing, normal);
    -webkit-text-decoration: var(--mdc-typography-button-text-decoration, none);
    text-decoration: var(--mdc-typography-button-text-decoration, none);
    text-transform: var(--mdc-typography-button-text-transform, none)
}

.mat-mdc-snack-bar-container {
    --mdc-snackbar-container-color: #d9d9d9;
    --mdc-snackbar-supporting-text-color: rgba(66, 66, 66, .87);
    --mat-snack-bar-button-color: rgba(0, 0, 0, .87);
    --mdc-snackbar-supporting-text-font: Poppins, -apple-system, Helvetica Neue, Arial, sans-serif;
    --mdc-snackbar-supporting-text-line-height: 20px;
    --mdc-snackbar-supporting-text-size: 14px;
    --mdc-snackbar-supporting-text-weight: 600
}

.mdc-data-table {
    background-color: var(--mdc-theme-surface, #424242);
    border-color: #ffffff1f
}

.mdc-data-table__row {
    background-color: inherit
}

.mdc-data-table__header-cell {
    background-color: var(--mdc-theme-surface, #424242)
}

.mdc-data-table__row--selected {
    background-color: #9757ff0a
}

.mdc-data-table__pagination-rows-per-page-select--outlined:not(.mdc-select--disabled) .mdc-notched-outline__leading,
.mdc-data-table__pagination-rows-per-page-select--outlined:not(.mdc-select--disabled) .mdc-notched-outline__notch,
.mdc-data-table__pagination-rows-per-page-select--outlined:not(.mdc-select--disabled) .mdc-notched-outline__trailing {
    border-color: #ffffff1f
}

.mdc-data-table__cell,
.mdc-data-table__header-cell {
    border-bottom-color: #ffffff1f
}

.mdc-data-table__pagination {
    border-top-color: #ffffff1f
}

.mdc-data-table__row:not(.mdc-data-table__row--selected):hover {
    background-color: #ffffff0a
}

.mdc-data-table__header-cell,
.mdc-data-table__pagination-total,
.mdc-data-table__pagination-rows-per-page-label,
.mdc-data-table__cell {
    color: #ffffffde
}

.mat-mdc-table {
    background: #424242
}

.mat-mdc-table .mdc-data-table__row {
    height: 52px
}

.mat-mdc-table .mdc-data-table__pagination {
    min-height: 52px
}

.mat-mdc-table .mdc-data-table__header-row {
    height: 56px
}

.mdc-data-table__content,
.mdc-data-table__cell {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-family: var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, "Poppins", -apple-system, "Helvetica Neue", Arial, sans-serif));
    font-size: var(--mdc-typography-body2-font-size, 14px);
    line-height: var(--mdc-typography-body2-line-height, 20px);
    font-weight: var(--mdc-typography-body2-font-weight, 600);
    letter-spacing: var(--mdc-typography-body2-letter-spacing, normal);
    -webkit-text-decoration: var(--mdc-typography-body2-text-decoration, inherit);
    text-decoration: var(--mdc-typography-body2-text-decoration, inherit);
    text-transform: var(--mdc-typography-body2-text-transform, none)
}

.mdc-data-table__header-cell {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-family: var(--mdc-typography-subtitle2-font-family, var(--mdc-typography-font-family, "Poppins", -apple-system, "Helvetica Neue", Arial, sans-serif));
    font-size: var(--mdc-typography-subtitle2-font-size, 14px);
    line-height: var(--mdc-typography-subtitle2-line-height, 20px);
    font-weight: var(--mdc-typography-subtitle2-font-weight, 400);
    letter-spacing: var(--mdc-typography-subtitle2-letter-spacing, normal);
    -webkit-text-decoration: var(--mdc-typography-subtitle2-text-decoration, inherit);
    text-decoration: var(--mdc-typography-subtitle2-text-decoration, inherit);
    text-transform: var(--mdc-typography-subtitle2-text-transform, none)
}

.mat-mdc-progress-spinner {
    --mdc-circular-progress-active-indicator-color: #9757ff
}

.mat-mdc-progress-spinner.mat-accent {
    --mdc-circular-progress-active-indicator-color: #3636ec
}

.mat-mdc-progress-spinner.mat-warn {
    --mdc-circular-progress-active-indicator-color: #ef0000
}

.mat-badge {
    position: relative
}

.mat-badge.mat-badge {
    overflow: visible
}

.mat-badge-hidden .mat-badge-content {
    display: none
}

.mat-badge-content {
    position: absolute;
    text-align: center;
    display: inline-block;
    border-radius: 50%;
    transition: transform .2s ease-in-out;
    transform: scale(.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-badge-content {
    color: #fff;
    background: #9757ff
}

.cdk-high-contrast-active .mat-badge-content {
    outline: solid 1px;
    border-radius: 0
}

.mat-badge-accent .mat-badge-content {
    background: #3636ec;
    color: #000
}

.mat-badge-warn .mat-badge-content {
    color: #000;
    background: #ef0000
}

.mat-badge-disabled .mat-badge-content {
    background: #515153;
    color: #ffffff80
}

.mat-badge-content {
    font-weight: 600;
    font-size: 12px;
    font-family: Poppins, -apple-system, Helvetica Neue, Arial, sans-serif
}

.mat-badge-small .mat-badge-content {
    font-size: 9px
}

.mat-badge-large .mat-badge-content {
    font-size: 24px
}

.mat-bottom-sheet-container {
    box-shadow: 0 8px 10px -5px #0003, 0 16px 24px 2px #00000024, 0 6px 30px 5px #0000001f;
    background: #424242;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    font-family: Poppins, -apple-system, Helvetica Neue, Arial, sans-serif;
    letter-spacing: normal
}

.mat-button-toggle-standalone:not([class*=mat-elevation-z]),
.mat-button-toggle-group:not([class*=mat-elevation-z]) {
    box-shadow: 0 3px 1px -2px #0003, 0 2px 2px #00000024, 0 1px 5px #0000001f
}

.mat-button-toggle-standalone.mat-button-toggle-appearance-standard:not([class*=mat-elevation-z]),
.mat-button-toggle-group-appearance-standard:not([class*=mat-elevation-z]) {
    box-shadow: none
}

.mat-button-toggle {
    color: #ffffff80
}

.mat-button-toggle .mat-button-toggle-focus-overlay {
    background-color: #ffffff1f
}

.mat-button-toggle-appearance-standard {
    color: #fff;
    background: #424242
}

.mat-button-toggle-appearance-standard .mat-button-toggle-focus-overlay {
    background-color: #fff
}

.mat-button-toggle-group-appearance-standard .mat-button-toggle+.mat-button-toggle {
    border-left: solid 1px #595959
}

[dir=rtl] .mat-button-toggle-group-appearance-standard .mat-button-toggle+.mat-button-toggle {
    border-left: none;
    border-right: solid 1px #595959
}

.mat-button-toggle-group-appearance-standard.mat-button-toggle-vertical .mat-button-toggle+.mat-button-toggle {
    border-left: none;
    border-right: none;
    border-top: solid 1px #595959
}

.mat-button-toggle-checked {
    background-color: #212121;
    color: #ffffffb3
}

.mat-button-toggle-checked.mat-button-toggle-appearance-standard {
    color: #fff
}

.mat-button-toggle-disabled {
    color: #ffffff4d;
    background-color: #000
}

.mat-button-toggle-disabled.mat-button-toggle-appearance-standard {
    background: #424242
}

.mat-button-toggle-disabled.mat-button-toggle-checked {
    background-color: #424242
}

.mat-button-toggle-standalone.mat-button-toggle-appearance-standard,
.mat-button-toggle-group-appearance-standard {
    border: solid 1px #595959
}

.mat-button-toggle-appearance-standard .mat-button-toggle-label-content {
    line-height: 48px
}

.mat-button-toggle {
    font-family: Poppins, -apple-system, Helvetica Neue, Arial, sans-serif
}

.mat-calendar-arrow {
    fill: #fff
}

.mat-datepicker-toggle,
.mat-datepicker-content .mat-calendar-next-button,
.mat-datepicker-content .mat-calendar-previous-button {
    color: #fff
}

.mat-calendar-table-header-divider:after {
    background: rgba(255, 255, 255, .12)
}

.mat-calendar-table-header,
.mat-calendar-body-label {
    color: #ffffffb3
}

.mat-calendar-body-cell-content,
.mat-date-range-input-separator {
    color: #fff;
    border-color: transparent
}

.mat-calendar-body-disabled>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
    color: #ffffff80
}

.mat-form-field-disabled .mat-date-range-input-separator {
    color: #ffffff80
}

.mat-calendar-body-in-preview {
    color: #ffffff3d
}

.mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
    border-color: #ffffff80
}

.mat-calendar-body-disabled>.mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
    border-color: #ffffff4d
}

.mat-calendar-body-in-range:before {
    background: rgba(151, 87, 255, .2)
}

.mat-calendar-body-comparison-identical,
.mat-calendar-body-in-comparison-range:before {
    background: rgba(249, 171, 0, .2)
}

.mat-calendar-body-comparison-bridge-start:before,
[dir=rtl] .mat-calendar-body-comparison-bridge-end:before {
    background: linear-gradient(to right, rgba(151, 87, 255, .2) 50%, rgba(249, 171, 0, .2) 50%)
}

.mat-calendar-body-comparison-bridge-end:before,
[dir=rtl] .mat-calendar-body-comparison-bridge-start:before {
    background: linear-gradient(to left, rgba(151, 87, 255, .2) 50%, rgba(249, 171, 0, .2) 50%)
}

.mat-calendar-body-in-range>.mat-calendar-body-comparison-identical,
.mat-calendar-body-in-comparison-range.mat-calendar-body-in-range:after {
    background: #a8dab5
}

.mat-calendar-body-comparison-identical.mat-calendar-body-selected,
.mat-calendar-body-in-comparison-range>.mat-calendar-body-selected {
    background: #46a35e
}

.mat-calendar-body-selected {
    background-color: #9757ff;
    color: #fff
}

.mat-calendar-body-disabled>.mat-calendar-body-selected {
    background-color: #9757ff66
}

.mat-calendar-body-today.mat-calendar-body-selected {
    box-shadow: inset 0 0 0 1px #fff
}

.cdk-keyboard-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),
.cdk-program-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
    background-color: #9757ff4d
}

@media (hover: hover) {
    .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
        background-color: #9757ff4d
    }
}

.mat-datepicker-content {
    box-shadow: 0 2px 4px -1px #0003, 0 4px 5px #00000024, 0 1px 10px #0000001f;
    background-color: #424242;
    color: #fff
}

.mat-datepicker-content.mat-accent .mat-calendar-body-in-range:before {
    background: rgba(54, 54, 236, .2)
}

.mat-datepicker-content.mat-accent .mat-calendar-body-comparison-identical,
.mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range:before {
    background: rgba(249, 171, 0, .2)
}

.mat-datepicker-content.mat-accent .mat-calendar-body-comparison-bridge-start:before,
.mat-datepicker-content.mat-accent [dir=rtl] .mat-calendar-body-comparison-bridge-end:before {
    background: linear-gradient(to right, rgba(54, 54, 236, .2) 50%, rgba(249, 171, 0, .2) 50%)
}

.mat-datepicker-content.mat-accent .mat-calendar-body-comparison-bridge-end:before,
.mat-datepicker-content.mat-accent [dir=rtl] .mat-calendar-body-comparison-bridge-start:before {
    background: linear-gradient(to left, rgba(54, 54, 236, .2) 50%, rgba(249, 171, 0, .2) 50%)
}

.mat-datepicker-content.mat-accent .mat-calendar-body-in-range>.mat-calendar-body-comparison-identical,
.mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range:after {
    background: #a8dab5
}

.mat-datepicker-content.mat-accent .mat-calendar-body-comparison-identical.mat-calendar-body-selected,
.mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range>.mat-calendar-body-selected {
    background: #46a35e
}

.mat-datepicker-content.mat-accent .mat-calendar-body-selected {
    background-color: #3636ec;
    color: #000
}

.mat-datepicker-content.mat-accent .mat-calendar-body-disabled>.mat-calendar-body-selected {
    background-color: #3636ec66
}

.mat-datepicker-content.mat-accent .mat-calendar-body-today.mat-calendar-body-selected {
    box-shadow: inset 0 0 0 1px #000
}

.mat-datepicker-content.mat-accent .cdk-keyboard-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),
.mat-datepicker-content.mat-accent .cdk-program-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
    background-color: #3636ec4d
}

@media (hover: hover) {
    .mat-datepicker-content.mat-accent .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
        background-color: #3636ec4d
    }
}

.mat-datepicker-content.mat-warn .mat-calendar-body-in-range:before {
    background: rgba(239, 0, 0, .2)
}

.mat-datepicker-content.mat-warn .mat-calendar-body-comparison-identical,
.mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range:before {
    background: rgba(249, 171, 0, .2)
}

.mat-datepicker-content.mat-warn .mat-calendar-body-comparison-bridge-start:before,
.mat-datepicker-content.mat-warn [dir=rtl] .mat-calendar-body-comparison-bridge-end:before {
    background: linear-gradient(to right, rgba(239, 0, 0, .2) 50%, rgba(249, 171, 0, .2) 50%)
}

.mat-datepicker-content.mat-warn .mat-calendar-body-comparison-bridge-end:before,
.mat-datepicker-content.mat-warn [dir=rtl] .mat-calendar-body-comparison-bridge-start:before {
    background: linear-gradient(to left, rgba(239, 0, 0, .2) 50%, rgba(249, 171, 0, .2) 50%)
}

.mat-datepicker-content.mat-warn .mat-calendar-body-in-range>.mat-calendar-body-comparison-identical,
.mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range:after {
    background: #a8dab5
}

.mat-datepicker-content.mat-warn .mat-calendar-body-comparison-identical.mat-calendar-body-selected,
.mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range>.mat-calendar-body-selected {
    background: #46a35e
}

.mat-datepicker-content.mat-warn .mat-calendar-body-selected {
    background-color: #ef0000;
    color: #000
}

.mat-datepicker-content.mat-warn .mat-calendar-body-disabled>.mat-calendar-body-selected {
    background-color: #ef000066
}

.mat-datepicker-content.mat-warn .mat-calendar-body-today.mat-calendar-body-selected {
    box-shadow: inset 0 0 0 1px #000
}

.mat-datepicker-content.mat-warn .cdk-keyboard-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),
.mat-datepicker-content.mat-warn .cdk-program-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
    background-color: #ef00004d
}

@media (hover: hover) {
    .mat-datepicker-content.mat-warn .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
        background-color: #ef00004d
    }
}

.mat-datepicker-content-touch {
    box-shadow: 0 11px 15px -7px #0003, 0 24px 38px 3px #00000024, 0 9px 46px 8px #0000001f
}

.mat-datepicker-toggle-active {
    color: #9757ff
}

.mat-datepicker-toggle-active.mat-accent {
    color: #3636ec
}

.mat-datepicker-toggle-active.mat-warn {
    color: #ef0000
}

.mat-date-range-input-inner[disabled] {
    color: #ffffff80
}

.mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base {
    --mdc-icon-button-state-layer-size: 40px;
    width: var(--mdc-icon-button-state-layer-size);
    height: var(--mdc-icon-button-state-layer-size);
    padding: 8px
}

.mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base .mat-mdc-button-touch-target {
    display: none
}

.mat-calendar {
    font-family: Poppins, -apple-system, Helvetica Neue, Arial, sans-serif
}

.mat-calendar-body {
    font-size: 13px
}

.mat-calendar-body-label,
.mat-calendar-period-button {
    font-size: 14px;
    font-weight: 600
}

.mat-calendar-table-header th {
    font-size: 11px;
    font-weight: 600
}

.mat-divider {
    border-top-color: #ffffff1f
}

.mat-divider-vertical {
    border-right-color: #ffffff1f
}

.mat-expansion-panel {
    background: #424242;
    color: #fff
}

.mat-expansion-panel:not([class*=mat-elevation-z]) {
    box-shadow: 0 3px 1px -2px #0003, 0 2px 2px #00000024, 0 1px 5px #0000001f
}

.mat-action-row {
    border-top-color: #ffffff1f
}

.mat-expansion-panel .mat-expansion-panel-header.cdk-keyboard-focused:not([aria-disabled=true]),
.mat-expansion-panel .mat-expansion-panel-header.cdk-program-focused:not([aria-disabled=true]),
.mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:hover:not([aria-disabled=true]) {
    background: rgba(255, 255, 255, .04)
}

@media (hover: none) {
    .mat-expansion-panel:not(.mat-expanded):not([aria-disabled=true]) .mat-expansion-panel-header:hover {
        background: #424242
    }
}

.mat-expansion-panel-header-title {
    color: #fff
}

.mat-expansion-panel-header-description,
.mat-expansion-indicator:after {
    color: #ffffffb3
}

.mat-expansion-panel-header[aria-disabled=true] {
    color: #ffffff4d
}

.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-expansion-panel-header {
    font-family: Poppins, -apple-system, Helvetica Neue, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400
}

.mat-expansion-panel-content {
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    font-family: Poppins, -apple-system, Helvetica Neue, Arial, sans-serif;
    letter-spacing: normal
}

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

.mat-icon.mat-primary {
    color: #9757ff
}

.mat-icon.mat-accent {
    color: #3636ec
}

.mat-icon.mat-warn {
    color: #ef0000
}

.mat-drawer-container {
    background-color: #070609;
    color: #fff
}

.mat-drawer {
    background-color: #424242;
    color: #fff
}

.mat-drawer.mat-drawer-push {
    background-color: #424242
}

.mat-drawer:not(.mat-drawer-side) {
    box-shadow: 0 8px 10px -5px #0003, 0 16px 24px 2px #00000024, 0 6px 30px 5px #0000001f
}

.mat-drawer-side {
    border-right: solid 1px rgba(255, 255, 255, .12)
}

.mat-drawer-side.mat-drawer-end,
[dir=rtl] .mat-drawer-side {
    border-left: solid 1px rgba(255, 255, 255, .12);
    border-right: none
}

[dir=rtl] .mat-drawer-side.mat-drawer-end {
    border-left: none;
    border-right: solid 1px rgba(255, 255, 255, .12)
}

.mat-drawer-backdrop.mat-drawer-shown {
    background-color: #bdbdbd99
}

.mat-step-header.cdk-keyboard-focused,
.mat-step-header.cdk-program-focused,
.mat-step-header:hover:not([aria-disabled]),
.mat-step-header:hover[aria-disabled=false] {
    background-color: #ffffff0a
}

.mat-step-header:hover[aria-disabled=true] {
    cursor: default
}

@media (hover: none) {
    .mat-step-header:hover {
        background: none
    }
}

.mat-step-header .mat-step-label,
.mat-step-header .mat-step-optional {
    color: #ffffffb3
}

.mat-step-header .mat-step-icon {
    background-color: #ffffffb3;
    color: #fff
}

.mat-step-header .mat-step-icon-selected,
.mat-step-header .mat-step-icon-state-done,
.mat-step-header .mat-step-icon-state-edit {
    background-color: #9757ff;
    color: #fff
}

.mat-step-header.mat-accent .mat-step-icon {
    color: #000
}

.mat-step-header.mat-accent .mat-step-icon-selected,
.mat-step-header.mat-accent .mat-step-icon-state-done,
.mat-step-header.mat-accent .mat-step-icon-state-edit {
    background-color: #3636ec;
    color: #000
}

.mat-step-header.mat-warn .mat-step-icon {
    color: #000
}

.mat-step-header.mat-warn .mat-step-icon-selected,
.mat-step-header.mat-warn .mat-step-icon-state-done,
.mat-step-header.mat-warn .mat-step-icon-state-edit {
    background-color: #ef0000;
    color: #000
}

.mat-step-header .mat-step-icon-state-error {
    background-color: transparent;
    color: #ef0000
}

.mat-step-header .mat-step-label.mat-step-label-active {
    color: #fff
}

.mat-step-header .mat-step-label.mat-step-label-error {
    color: #ef0000
}

.mat-stepper-horizontal,
.mat-stepper-vertical {
    background-color: #424242
}

.mat-stepper-vertical-line:before {
    border-left-color: #ffffff1f
}

.mat-horizontal-stepper-header:before,
.mat-horizontal-stepper-header:after,
.mat-stepper-horizontal-line {
    border-top-color: #ffffff1f
}

.mat-horizontal-stepper-header {
    height: 72px
}

.mat-stepper-label-position-bottom .mat-horizontal-stepper-header,
.mat-vertical-stepper-header {
    padding: 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-stepper-vertical,
.mat-stepper-horizontal {
    font-family: Poppins, -apple-system, Helvetica Neue, Arial, sans-serif
}

.mat-step-label {
    font-size: 14px;
    font-weight: 600
}

.mat-step-sub-label-error {
    font-weight: 400
}

.mat-step-label-error {
    font-size: 16px
}

.mat-step-label-selected {
    font-size: 16px;
    font-weight: 500
}

.mat-sort-header-arrow {
    color: #c6c6c6
}

.mat-toolbar {
    background: rgba(0, 0, 0, 0);
    color: #fff
}

.mat-toolbar.mat-primary {
    background: #9757ff;
    color: #fff
}

.mat-toolbar.mat-accent {
    background: #3636ec;
    color: #000
}

.mat-toolbar.mat-warn {
    background: #ef0000;
    color: #000
}

.mat-toolbar .mat-form-field-underline,
.mat-toolbar .mat-form-field-ripple,
.mat-toolbar .mat-focused .mat-form-field-ripple {
    background-color: currentColor
}

.mat-toolbar .mat-form-field-label,
.mat-toolbar .mat-focused .mat-form-field-label,
.mat-toolbar .mat-select-value,
.mat-toolbar .mat-select-arrow,
.mat-toolbar .mat-form-field.mat-focused .mat-select-arrow {
    color: inherit
}

.mat-toolbar .mat-input-element {
    caret-color: currentColor
}

.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-toolbar,
.mat-toolbar h1,
.mat-toolbar h2,
.mat-toolbar h3,
.mat-toolbar h4,
.mat-toolbar h5,
.mat-toolbar h6 {
    font-size: 16px;
    font-weight: 500;
    line-height: 32px;
    font-family: Poppins, -apple-system, Helvetica Neue, Arial, sans-serif;
    letter-spacing: normal;
    margin: 0
}

.mat-tree {
    background: #424242
}

.mat-tree-node,
.mat-nested-tree-node {
    color: #fff
}

.mat-tree-node {
    min-height: 48px
}

.mat-tree {
    font-family: Poppins, -apple-system, Helvetica Neue, Arial, sans-serif
}

.mat-tree-node,
.mat-nested-tree-node {
    font-weight: 600;
    font-size: 14px
}

.svg-fill * {
    fill: currentColor !important
}

.svg-stroke * {
    stroke: currentColor !important
}

.bg-gradient-white {
    background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .04) 100%) !important
}

.gradient-text {
    display: inline-block !important;
    background: linear-gradient(90deg, #ffffff 0%, rgba(255, 255, 255, .4) 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    text-fill-color: transparent
}

.gradient-special-offer-text {
    display: inline-block !important;
    background: linear-gradient(45deg, rgba(14, 255, 110, .63) 0%, #FFDC00 66%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    text-fill-color: transparent
}

.quick-funding-text {
    color: #9757ff
}

.blurred-border {
    border-width: 1px;
    border-style: solid;
    border-color: #ffffff0f
}

.card {
    background: linear-gradient(180deg, rgba(27, 23, 36, .6) 0%, rgba(15, 14, 19, .6) 100%);
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transform: translateZ(0);
    border-width: 1px;
    border-style: solid;
    border-color: #ffffff0f;
    border-radius: 1.5rem;
    padding: 1rem
}

.card.simple {
    border: none !important;
    background: rgb(27 23 36 / 40%) !important
}

.card.disable-transparency {
    background: #0e0c12 !important
}

.card.inner {
    background: #1b1724 !important;
    opacity: .8 !important;
    border: .5px solid rgba(255, 255, 255, .2) !important;
    border-radius: .75rem !important
}

.card.medium-radius {
    border-radius: .75rem
}

.card.gold-bg {
    background: rgba(255, 214, 0, .06);
    border: 1px solid rgba(255, 255, 255, .12)
}

.card.transparent-card {
    background: transparent
}

.card-warn {
    background: rgb(239 0 0 / 20%);
    border-color: #ef0000
}

.card-success {
    background: rgb(0 191 0 / 12%);
    border-color: #00bf00
}

.card-info {
    background: rgb(0 166 187 / 20%);
    border-color: #00a6bb
}

.card-primary {
    background: rgb(54 54 236 / 20%);
    border-color: #3636ec
}

.card-danger {
    background: rgb(234 113 26 / 20%);
    border-color: #ea711a
}

.badge {
    font-size: 12px;
    line-height: 16px;
    font-weight: 400;
    border-radius: 9999px;
    padding: .25rem .75rem
}

.table-scrollbar::-webkit-scrollbar {
    width: 5px;
    height: 5px
}

.table-scrollbar::-webkit-scrollbar-button {
    display: none
}

.table-scrollbar::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #fff3
}

.table-scrollbar::-webkit-scrollbar-thumb:hover {
    background-color: #ffffff4d
}

.table-scrollbar::-webkit-scrollbar-track {
    background-color: transparent;
    margin-top: 3.5rem;
    margin-bottom: 1.5rem
}

.table-scrollbar::-webkit-scrollbar-track:hover {
    background-color: inherit
}

.table-scrollbar::-webkit-scrollbar-corner {
    background: transparent
}

.slim-scrollbar::-webkit-scrollbar {
    width: 5px;
    height: 5px
}

.slim-scrollbar::-webkit-scrollbar-button {
    display: none
}

.slim-scrollbar::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #fff3
}

.slim-scrollbar::-webkit-scrollbar-thumb:hover {
    background-color: #ffffff4d
}

.slim-scrollbar::-webkit-scrollbar-track {
    background-color: transparent;
    margin-top: 0;
    margin-bottom: 0
}

.slim-scrollbar::-webkit-scrollbar-track:hover {
    background-color: inherit
}

.slim-scrollbar::-webkit-scrollbar-corner {
    background: transparent
}

.slim-card-scrollbar::-webkit-scrollbar {
    width: 5px;
    height: 5px
}

.slim-card-scrollbar::-webkit-scrollbar-button {
    display: none
}

.slim-card-scrollbar::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #fff3
}

.slim-card-scrollbar::-webkit-scrollbar-thumb:hover {
    background-color: #ffffff4d
}

.slim-card-scrollbar::-webkit-scrollbar-track {
    background-color: transparent;
    margin-top: 1.5rem;
    margin-bottom: 1.5rem
}

.slim-card-scrollbar::-webkit-scrollbar-track:hover {
    background-color: inherit
}

.slim-card-scrollbar::-webkit-scrollbar-corner {
    background: transparent
}

.scrollbar-hidden {
    -ms-overflow-style: none;
    scrollbar-width: none
}

.scrollbar-hidden::-webkit-scrollbar {
    display: none
}

@media (min-width: 960px) {
    .container {
        padding-left: 2rem !important;
        padding-right: 2rem !important
    }
}

.hstack {
    display: flex;
    flex-direction: row;
    align-items: center;
    align-self: stretch
}

.vstack {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    align-self: stretch
}

html {
    color-scheme: dark
}

html,
body {
    height: 100% !important;
    background: #070609
}

iframe {
    color-scheme: auto !important
}

a:not([class*=mat-]) {
    cursor: pointer;
    color: #3636ec !important
}

a:not([class*=mat-]):hover {
    color: #fff !important
}

a:not([class*=mat-]).muted {
    text-decoration: none;
    color: #fff6 !important
}

a:not([class*=mat-]).muted:hover {
    color: #fff !important
}

p {
    margin-bottom: 1.25rem !important
}

*[type=submit],
*[type=button],
*[type=reset],
button {
    -webkit-appearance: none
}

th {
    text-align: left
}

.mat-icon {
    flex-shrink: 0;
    line-height: 1
}

.mat-icon:not(.original) * {
    fill: currentColor !important
}

.mat-icon.size-s {
    width: 1rem !important;
    height: 1rem !important
}

.mat-icon.size-m {
    width: 2rem !important;
    height: 2rem !important
}

.mat-icon.size-l {
    width: 2.5rem !important;
    height: 2.5rem !important
}

.mat-icon.size-xl {
    width: 4rem !important;
    height: 4rem !important
}

.mat-mdc-button.mdc-button>.mat-icon {
    width: 1.5rem;
    height: 1.5rem
}

.mat-mdc-focus-indicator {
    display: none
}

.mdc-button__label {
    display: flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap
}

.mat-mdc-button.mat-mdc-button-base,
.mat-mdc-raised-button.mat-mdc-button-base,
.mat-mdc-unelevated-button.mat-mdc-button-base,
.mat-mdc-outlined-button.mat-mdc-button-base {
    height: auto;
    min-height: 36px;
    padding: 0 16px
}

.mat-mdc-button-base {
    font-size: initial;
    font-weight: 400
}

.mat-mdc-button-base:not(.rounded) {
    border-radius: 9999px !important
}

.mat-mdc-button-base:hover {
    color: #3636ec
}

.mdc-button.mat-button-base-inverse {
    min-width: auto !important;
    color: #3636ec !important;
    line-height: 36px;
    height: 36px
}

.mdc-button.mat-button-base-inverse .mdc-button__label {
    color: inherit !important
}

.mdc-button.mat-button-base-inverse:hover {
    color: #fff !important
}

.mat-mdc-raised-button {
    box-shadow: none !important
}

.mat-mdc-raised-button:not(:disabled) {
    color: #fff;
    background-color: #3636ec !important
}

.mat-mdc-raised-button:not(:disabled):hover {
    color: #3636ec !important;
    background-color: #fff !important
}

.mat-mdc-raised-button:disabled {
    color: #fff6 !important;
    background-color: #3636ec66 !important
}

.mat-mdc-outlined-button:not(:disabled) {
    border-color: #3636ec !important;
    color: #fff !important
}

.mat-mdc-outlined-button:not(:disabled):hover {
    background-color: #3636ec !important
}

.mat-mdc-button-persistent-ripple {
    opacity: 0 !important
}

.mat-mdc-icon-button.mat-mdc-button-base {
    width: 40px;
    height: 40px;
    padding: 8px
}

.mat-mdc-button,
.mat-mdc-outlined-button {
    --mat-mdc-button-ripple-color: currentColor !important
}

.mat-mdc-button .mat-ripple-element,
.mat-mdc-outlined-button .mat-ripple-element {
    opacity: .1
}

.mat-mdc-menu-panel {
    background: linear-gradient(180deg, rgba(27, 23, 36, .6) 0%, rgba(15, 14, 19, .6) 100%);
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transform: translateZ(0);
    border-width: 1px;
    border-style: solid;
    border-color: #ffffff0f;
    border-radius: .75rem !important
}

.mat-mdc-menu-content:not(:empty) {
    padding: 0 !important
}

.mat-mdc-menu-item {
    min-height: 44px !important
}

.mat-drawer-container {
    background: transparent
}

.mat-drawer {
    background: linear-gradient(180deg, rgba(27, 23, 36, .4) 0%, rgba(15, 14, 19, .4) 100%);
    box-shadow: 1px 0 #ffffff1a !important;
    -webkit-backdrop-filter: blur(50px);
    backdrop-filter: blur(50px);
    overflow-x: hidden !important
}

.mat-drawer.mat-drawer-side {
    border-right: 0
}

.mat-drawer .mat-drawer-inner-container {
    scrollbar-gutter: stable
}

.mat-drawer .mat-drawer-inner-container::-webkit-scrollbar {
    width: 5px;
    height: 5px
}

.mat-drawer .mat-drawer-inner-container::-webkit-scrollbar-button {
    display: none
}

.mat-drawer .mat-drawer-inner-container::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #fff3
}

.mat-drawer .mat-drawer-inner-container::-webkit-scrollbar-thumb:hover {
    background-color: #ffffff4d
}

.mat-drawer .mat-drawer-inner-container::-webkit-scrollbar-track {
    background-color: transparent;
    margin-top: 0;
    margin-bottom: 0
}

.mat-drawer .mat-drawer-inner-container::-webkit-scrollbar-track:hover {
    background-color: inherit
}

.mat-drawer .mat-drawer-inner-container::-webkit-scrollbar-corner {
    background: transparent
}

.mat-drawer .mat-drawer-inner-container app-sidenav {
    display: block;
    width: calc(100% + 5px)
}

.mat-drawer-backdrop.mat-drawer-shown {
    background: rgba(0, 0, 0, .46);
    -webkit-backdrop-filter: blur(15px);
    backdrop-filter: blur(15px);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transform: translateZ(0)
}

.mat-drawer-content {
    overflow-x: hidden !important
}

.mat-mdc-list-base .mat-mdc-list-item {
    font-size: unset !important
}

.mdc-list-item:focus:before {
    --mdc-list-list-item-focus-state-layer-color: white;
    --mdc-list-list-item-focus-state-layer-opacity: .04
}

.mdc-list-item__primary-text {
    font-size: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important
}

mat-divider {
    border-top-color: #ffffff0d !important
}

.mat-mdc-tab-nav-bar,
.mat-mdc-tab-header {
    border-bottom: none
}

.mdc-tab.mat-mdc-tab,
.mdc-tab.mat-mdc-tab-link {
    min-width: 160px
}

.mat-mdc-tab-link,
.mdc-tab__text-label {
    font-size: 16px;
    line-height: 24px;
    font-weight: 400 !important;
    opacity: 1 !important
}

.mat-mdc-tab .mdc-tab__text-label,
.mat-mdc-tab-link .mdc-tab__text-label {
    color: #fff6 !important
}

.mat-mdc-tab-link.mat-tab-disabled {
    color: inherit
}

.mat-tab-label.passive-link {
    opacity: 1 !important;
    height: auto !important
}

.mat-tab-label.passive-link .mdc-tab__content {
    color: #3636ec;
    cursor: pointer !important
}

.mat-tab-label.passive-link .mdc-tab__content:hover {
    text-decoration: underline
}

.mdc-tab--active .mdc-tab__text-label {
    font-weight: 600 !important;
    color: #fff !important
}

.mdc-tab__ripple:before,
.mat-mdc-tab .mat-ripple-element,
.mat-mdc-tab-header-pagination .mat-ripple-element,
.mat-mdc-tab-link .mat-ripple-element {
    background-color: #fff !important
}

.mat-mdc-tab-link .mat-mdc-tab-ripple .mat-ripple-element {
    opacity: .04
}

.mat-mdc-tab-link:hover .mdc-tab__ripple:before {
    opacity: 0 !important
}

.mat-ink-bar {
    height: 3px !important;
    background-color: #3636ec !important
}

.mat-tab-header-pagination {
    padding: 0 !important
}

.mdc-tab-indicator__content.mdc-tab-indicator__content--underline {
    border-color: #3636ec !important
}

mat-checkbox .mat-checkbox-inner-container {
    width: 1.25rem !important;
    height: 1.25rem !important;
    margin-right: .75rem
}

@media (min-width: 960px) {
    mat-checkbox .mat-checkbox-inner-container {
        width: 1.5rem !important;
        height: 1.5rem !important
    }
}

mat-checkbox.ng-invalid.error .mdc-checkbox__background {
    border-color: #ef0000 !important
}

mat-checkbox .mdc-checkbox__background {
    border-radius: .5rem;
    border-width: 1.5px;
    width: 1.25rem !important;
    height: 1.25rem !important;
    top: calc((var(--mdc-checkbox-state-layer-size, 40px) - 1.25rem) / 2) !important;
    left: calc((var(--mdc-checkbox-state-layer-size, 40px) - 1.25rem) / 2) !important
}

@media (min-width: 960px) {
    mat-checkbox .mdc-checkbox__background {
        width: 1.5rem !important;
        height: 1.5rem !important;
        top: calc((var(--mdc-checkbox-state-layer-size, 40px) - 1.5rem) / 2) !important;
        left: calc((var(--mdc-checkbox-state-layer-size, 40px) - 1.5rem) / 2) !important
    }
}

mat-checkbox .mdc-checkbox__background svg {
    padding: 2px
}

mat-checkbox .mat-checkbox-label {
    line-height: 1.25rem !important
}

@media (min-width: 960px) {
    mat-checkbox .mat-checkbox-label {
        line-height: 1.5rem !important
    }
}

mat-checkbox .mdc-checkbox__checkmark {
    fill: #fff
}

mat-checkbox .mdc-checkbox__checkmark-path {
    stroke: #fff !important
}

mat-checkbox .mdc-checkbox__mixedmark {
    background-color: #fff
}

mat-checkbox.mat-mdc-checkbox .mdc-checkbox .mdc-checkbox__native-control:enabled:not(:checked):not(:indeterminate):not([data-indeterminate=true])~.mdc-checkbox__background {
    border-color: #fff3;
    background: rgb(255 255 255 / 08%)
}

mat-slide-toggle .mdc-switch--unselected {
    --mdc-switch-unselected-focus-handle-color: #9e9e9e;
    --mdc-switch-unselected-hover-handle-color: #9e9e9e;
    --mdc-switch-unselected-pressed-handle-color: #9e9e9e
}

mat-slide-toggle .mdc-switch--checked {
    --mdc-switch-selected-handle-color: #ffffff;
    --mdc-switch-selected-hover-handle-color: #ffffff;
    --mdc-switch-selected-focus-handle-color: #ffffff;
    --mdc-switch-selected-pressed-handle-color: #ffffff
}

mat-slide-toggle,
mat-slide-toggle .mdc-form-field {
    width: 3rem !important
}

mat-slide-toggle .mdc-switch,
mat-slide-toggle .mdc-switch__track,
mat-slide-toggle .mdc-switch__track:before,
mat-slide-toggle .mdc-switch__track:after {
    width: 3rem !important;
    height: 1.75rem !important;
    border-radius: 3.75rem !important;
    background-color: #ffffff1f
}

mat-slide-toggle .mdc-switch__icons {
    display: none
}

mat-slide-toggle .mdc-switch__handle-track {
    --mdc-switch-handle-height: 1.5rem;
    --mdc-switch-handle-width: 1.5rem;
    --mdc-switch-handle-shape: 50%
}

mat-slide-toggle .mdc-switch__ripple {
    --mdc-switch-state-layer-size: 40px
}

mat-slide-toggle .mdc-switch__handle-track {
    transform: translate(2px)
}

mat-slide-toggle .mdc-switch--selected .mdc-switch__handle-track {
    transform: translate(calc(100% - 2px))
}

mat-button-toggle-group {
    flex-wrap: wrap;
    border: none !important
}

mat-button-toggle-group mat-button-toggle {
    border-width: 1px !important;
    border-style: solid !important;
    border-color: #ffffff0f !important;
    background: linear-gradient(180deg, rgba(27, 23, 36, .6) 0%, rgba(15, 14, 19, .6) 100%) !important;
    -webkit-backdrop-filter: blur(20px) !important;
    backdrop-filter: blur(20px) !important;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transform: translateZ(0);
    border-radius: 100px
}

mat-button-toggle-group mat-button-toggle:not(.mat-button-toggle-checked) .mat-button-toggle-label-content {
    color: #fff9
}

mat-button-toggle-group mat-button-toggle.mat-button-toggle-checked {
    border: 1px solid #3636ec !important;
    background: rgb(54 54 236 / 16%) !important
}

mat-button-toggle-group mat-button-toggle .mat-button-toggle-ripple {
    border-radius: 100px
}

mat-button-toggle-group mat-button-toggle .mat-button-toggle-label-content {
    padding: 0 !important;
    line-height: initial !important
}

.cdk-overlay-dark-backdrop {
    background: rgba(0, 0, 0, .46);
    -webkit-backdrop-filter: blur(15px);
    backdrop-filter: blur(15px);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transform: translateZ(0)
}

.mat-mdc-dialog-container.mdc-dialog {
    overflow: hidden !important;
    color: #fff
}

.mat-mdc-dialog-container.mdc-dialog .mdc-dialog__surface {
    background: linear-gradient(180deg, rgba(27, 23, 36, .6) 0%, rgba(15, 14, 19, .6) 100%);
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transform: translateZ(0);
    border-width: 1px;
    border-style: solid;
    border-color: #ffffff0f;
    overflow: hidden !important;
    border-radius: 1.5rem !important;
    display: flex
}

.mat-mdc-dialog-container.mdc-dialog .mdc-dialog__surface::-webkit-scrollbar {
    width: 5px;
    height: 5px
}

.mat-mdc-dialog-container.mdc-dialog .mdc-dialog__surface::-webkit-scrollbar-button {
    display: none
}

.mat-mdc-dialog-container.mdc-dialog .mdc-dialog__surface::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #fff3
}

.mat-mdc-dialog-container.mdc-dialog .mdc-dialog__surface::-webkit-scrollbar-thumb:hover {
    background-color: #ffffff4d
}

.mat-mdc-dialog-container.mdc-dialog .mdc-dialog__surface::-webkit-scrollbar-track {
    background-color: transparent;
    margin-top: 1.5rem;
    margin-bottom: 1.5rem
}

.mat-mdc-dialog-container.mdc-dialog .mdc-dialog__surface::-webkit-scrollbar-track:hover {
    background-color: inherit
}

.mat-mdc-dialog-container.mdc-dialog .mdc-dialog__surface::-webkit-scrollbar-corner {
    background: transparent
}

.mat-mdc-dialog-container.mdc-dialog .mdc-dialog__surface:before {
    display: none
}

.mat-mdc-dialog-container.mdc-dialog .mdc-dialog__surface>*,
.mat-mdc-dialog-container.mdc-dialog .mdc-dialog__surface>*>:not(mat-dialog-content) {
    display: flex;
    width: 100%;
    overflow: hidden
}

.mat-mdc-dialog-actions {
    min-height: unset !important;
    margin-bottom: unset !important
}

.alert-dialog .mat-mdc-dialog-container {
    background: transparent !important
}

.mat-mdc-select-arrow-wrapper {
    display: none !important
}

.mat-mdc-select-panel {
    background: linear-gradient(180deg, rgba(27, 23, 36, .6) 0%, rgba(15, 14, 19, .6) 100%);
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transform: translateZ(0);
    border-width: 1px;
    border-style: solid;
    border-color: #ffffff0f;
    border-radius: .75rem !important
}

.mat-mdc-select-value-text {
    color: #fff9 !important
}

.mat-mdc-select-placeholder {
    color: #fff !important;
    -webkit-text-fill-color: #ffffff !important
}

mat-form-field.indent-value .mat-mdc-select-value-text,
mat-form-field.indent-value .mat-mdc-select-placeholder {
    padding-left: .5rem
}

.mat-accent .mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled) .mdc-list-item__primary-text,
.mat-accent .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal:after,
.mat-accent .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-minimal:after {
    color: #fff
}

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

.mat-mdc-form-field-infix {
    border-top: none !important;
    padding: .75rem 0 !important;
    min-height: 48px !important
}

.no-border.mat-form-field-appearance-outline .mdc-notched-outline__leading,
.no-border.mat-form-field-appearance-outline .mdc-notched-outline__trailing {
    border-color: transparent !important
}

.mat-form-field-appearance-outline {
    background: #1b1724 !important;
    border-radius: .75rem !important;
    top: 0 !important
}

.mat-form-field-appearance-outline input.mdc-text-field__input {
    background: transparent !important
}

.mat-mdc-text-field-wrapper {
    padding: 0 !important;
    margin: 0 !important
}

.mat-mdc-form-field-flex {
    margin-top: 0 !important;
    align-items: center !important;
    padding: 0 1rem !important
}

.mat-mdc-form-field-subscript-wrapper {
    display: none !important
}

.mat-form-field-appearance-outline .mdc-notched-outline__trailing {
    border-width: .5px !important;
    border-radius: 0 .75rem .75rem 0 !important;
    min-width: .75rem !important
}

.mat-form-field-appearance-outline .mdc-notched-outline__leading {
    border-width: .5px !important;
    border-radius: .75rem 0 0 .75rem !important;
    min-width: .75rem !important
}

.mat-form-field-appearance-outline .mdc-text-field--focused .mdc-notched-outline__leading,
.mat-form-field-appearance-outline .mdc-text-field--focused .mdc-notched-outline__trailing {
    border-width: 2px !important
}

.mat-mdc-form-field-icon-prefix,
.mat-mdc-form-field-icon-suffix {
    display: flex;
    align-items: center;
    top: 0 !important
}

.mat-form-field-label-wrapper {
    display: none
}

.mat-form-field-errors {
    display: none;
    pointer-events: none
}

.mat-form-field-invalid .mat-form-field-errors {
    display: block !important
}

.mat-form-field-valid .mdc-notched-outline__leading,
.mat-form-field-valid .mdc-notched-outline__trailing {
    border-color: #00bf00 !important
}

.mat-form-field-invalid .mdc-notched-outline__leading,
.mat-form-field-invalid .mdc-notched-outline__trailing {
    border-color: #ef0000 !important
}

.mat-mdc-form-field-icon-prefix>.mat-icon,
.mat-mdc-form-field-icon-suffix>.mat-icon {
    padding: 0 !important
}

.mat-mdc-option .mdc-list-item__primary-text {
    font-size: 16px;
    line-height: 24px;
    font-weight: 400
}

.mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled) {
    color: #fff !important
}

.mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled) .mdc-list-item__primary-text {
    font-weight: 600 !important
}

textarea {
    resize: none !important
}

textarea.resizable {
    resize: vertical !important
}

mat-form-field.mat-focused .mat-mdc-input-element {
    opacity: 1 !important
}

input.mat-mdc-input-element {
    margin-top: 0 !important
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active,
input:-internal-autofill-selected {
    -webkit-text-fill-color: #ffffff;
    box-shadow: 0 0 0 1000px #1b1724 inset !important;
    border-radius: 0
}

.mat-input-element:disabled:not([class*=color-]) {
    color: #fff9 !important
}

.mat-mdc-snack-bar-container {
    transform-origin: 100% !important;
    min-width: 200px !important;
    max-width: 90vw !important;
    width: unset !important;
    margin-top: 120px !important;
    margin-right: 0 !important;
    margin-left: auto !important;
    pointer-events: auto !important
}

@media (min-width: 960px) {
    .mat-mdc-snack-bar-container {
        min-width: 320px !important;
        max-width: 400px !important
    }
}

.mat-mdc-snack-bar-container .mdc-snackbar__surface {
    background: transparent !important;
    box-shadow: none !important;
    padding: 0 !important
}

.mat-mdc-snack-bar-container .mat-mdc-snack-bar-label {
    padding: 0 !important;
    color: #fff !important
}

.mat-mdc-tooltip {
    border-width: 1px;
    border-style: solid;
    border-color: #ffffff0f;
    background: #1c244a;
    border-radius: .75rem !important
}

.mat-mdc-table {
    width: 100%;
    background: transparent !important
}

.mat-mdc-table tr {
    height: auto !important
}

.mat-mdc-header-cell:not(.mat-sort-header),
.mat-mdc-cell {
    padding: 0 !important;
    border: none !important
}

.mat-sort-header {
    border: none !important
}

.mat-sort-header-container {
    border-bottom: 1px solid rgba(255, 255, 255, .05);
    padding-bottom: .75rem;
    margin-bottom: .75rem
}

.mat-mdc-header-cell:first-of-type {
    padding-left: 0 !important
}

.mat-mdc-header-cell:last-of-type {
    padding-right: 0 !important
}

.mat-mdc-header-cell:last-of-type,
.mat-mdc-cell:last-of-type {
    text-align: right !important
}

.mat-mdc-header-cell:last-of-type .mat-sort-header-container,
.mat-mdc-cell:last-of-type .mat-sort-header-container {
    justify-content: flex-end
}

.mat-mdc-table-sticky {
    background: #0e0c12 !important
}

.mat-mdc-table th.mat-mdc-header-cell,
.mat-mdc-table td.mat-mdc-cell,
.mat-mdc-table td.mat-mdc-footer-cell,
.mat-mdc-table .mdc-data-table__cell,
.mat-mdc-table .mdc-data-table__header-cell {
    padding: 0;
    overflow: visible
}

mat-radio-button label {
    cursor: pointer
}

mat-radio-button.reversed .mdc-form-field {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between
}

mat-radio-button.reversed label {
    padding-left: 0
}

.mat-expansion-panel-header {
    border-bottom: 0;
    background: transparent !important;
    height: 60px !important
}

.mat-expansion-panel {
    background: transparent !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    margin-bottom: 0 !important
}

.mat-expansion-panel.mat-expansion-panel-spacing {
    margin: 0 !important
}

.mat-expansion-indicator:after {
    color: inherit;
    padding: 3px !important
}

.mat-expansion-panel-body {
    padding: 0 !important
}

@-moz-document url-prefix() {
    .cdk-overlay-dark-backdrop {
        background: rgba(0, 0, 0, .66) !important
    }
    .mat-mdc-dialog-container,
    .mat-mdc-menu-panel,
    .mat-mdc-select-panel {
        background: linear-gradient(180deg, rgba(27, 23, 36, .95) 0%, rgba(15, 14, 19, .95) 100%) !important
    }
    .mobile-menu-backdrop {
        background: rgba(0, 0, 0, .9) !important
    }
}

app-home {
    color: #fff
}

.background {
    background-image: url(./assets/images/backgrounds/mobile-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    inset: 0
}

@media (min-width: 720px) {
    .background {
        background-image: url(../img/png/desktop-bg.png)
    }
}

.background.decor {
    background-size: cover;
    background-image: url(./assets/images/backgrounds/mobile-bg-decored.png)
}

@media (min-width: 720px) {
    .background.decor {
        background-size: cover;
        background-image: url(./assets/images/backgrounds/desktop-bg-decored.png)
    }
}

.app-login {
    z-index: 1;
    position: relative;
    display: flex;
    min-height: 100%
}

.app-login .login-card {
    width: 100%;
    max-width: 460px
}

.app-login .headline {
    font-size: 24px !important;
    line-height: 32px !important;
    font-weight: 600 !important
}

@media (min-width: 960px) {
    .app-login .headline {
        font-size: 48px !important;
        line-height: 1.15em !important
    }
}

@media (min-width: 1140px) {
    .app-login .headline {
        font-size: 60px !important;
        line-height: 1.15em !important
    }
}

.app-login .logo {
    height: 40px
}

@media (min-width: 960px) {
    .app-login .logo {
        height: 70px
    }
}

@media (min-width: 1140px) {
    .app-login .logo {
        height: 100px
    }
}

app-account-password .space-filler-text {
    font-size: 69.3px;
    line-height: 66px;
    opacity: .07
}

@media (min-width: 540px) {
    app-account-password .space-filler-text {
        font-size: 88.2px;
        line-height: 84px
    }
}

@media (min-width: 1140px) {
    app-account-password .space-filler-text {
        font-size: 126px;
        line-height: 120px
    }
}

app-account-verification .image-block {
    height: 280px
}

app-account-verification .order-number {
    width: 40px;
    height: 40px
}

app-account-verification .order-number.init {
    background-color: #ffffff14;
    color: #fff6;
    border: 1px solid rgba(255, 255, 255, .2)
}

app-account-verification .order-number .mat-icon.clock-icon rect {
    display: none
}

app-account-verification .order-number .mat-icon.verified-icon path {
    fill: transparent !important
}

app-account-verification .verification-message {
    max-width: 240px
}

app-account-verification .line {
    position: absolute;
    width: 40%;
    height: 2px;
    background-color: #fff3;
    top: 20px;
    left: 50%;
    transform: translate(-50%) translateY(-50%)
}

@media (min-width: 960px) {
    app-account-verification-status .documents {
        margin-top: -8rem
    }
}

app-account-verification-veriff {
    position: relative
}

app-account-verification-veriff .decor {
    position: absolute;
    height: 100%;
    top: -1.5rem;
    left: 0;
    right: 0;
    opacity: .8;
    background: url(./assets/images/backgrounds/verification-bg.svg) no-repeat;
    background-size: contain
}

@media (min-width: 960px) {
    app-account-verification-veriff .decor {
        top: -4.5rem;
        left: 1.5rem
    }
}

app-orders .sort-button {
    width: 2.75rem;
    height: 2.75rem;
    border-color: #ffffff4d;
    transition: border-color .6s cubic-bezier(.25, .8, .25, 1)
}

app-orders .sort-button:hover {
    border-width: 2px;
    border-color: #fff
}

@media (min-width: 960px) {
    app-orders .sort-button {
        width: 3rem;
        height: 3rem
    }
}

.millstones app-milestone-item {
    width: 100%
}

.millstones app-milestone-item .millstone-image,
.millstones app-milestone-item .missing-card {
    border-radius: 20px;
    height: 312px
}

.millstones app-milestone-item .millstone-container {
    max-width: 220px
}

.millstones app-milestone-item .milestone-image-wrapper {
    width: 100%
}

.millstones app-milestone-item .milestone-image-wrapper svg {
    width: 100%;
    height: 100%;
    border-radius: 12px;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.millstones app-milestone-item .slide {
    width: -moz-fit-content;
    width: fit-content
}

.millstones app-milestone-item .line {
    background: rgba(255, 255, 255, .08);
    width: 2px;
    height: 100%
}

.millstones app-milestone-item .block {
    background: linear-gradient(180deg, rgba(255, 255, 255, .02) 0%, rgba(255, 255, 255, .04) 100%);
    border-radius: 20px
}

.millstones app-milestone-item .disabled {
    pointer-events: none;
    -webkit-user-select: none;
    user-select: none
}

.millstones app-milestone-item .disabled button {
    background: linear-gradient(180deg, rgba(255, 255, 255, .02) 0%, rgba(255, 255, 255, .04) 100%);
    color: #ffffff14
}

@media (min-width: 960px) {
    .millstones app-milestone-item .slide {
        width: 100%
    }
    .millstones app-milestone-item .line {
        width: 100%;
        height: 2px
    }
}

app-timezone-converter app-select {
    width: 100%;
    max-width: 22rem
}

app-timezone-converter .timezone-table th,
app-timezone-converter .timezone-table td {
    padding: 0 1rem 1.25rem 0
}

app-timezone-converter .timezone-table th:last-child,
app-timezone-converter .timezone-table td:last-child {
    padding-right: .5rem
}

app-timezone-converter .timezone-table tr:last-child td {
    padding-bottom: 0
}

app-timezone-converter .timezone-table .w-80px {
    width: 80px;
    display: inline-block
}

app-shared-certificate-page .certificate-poster svg {
    width: 100%;
    height: 100%
}

app-contact-us .social-icon-button {
    background-color: #ffffff1a
}

app-contact-us .social-icon-button mat-icon {
    width: 16px
}

app-footer {
    position: relative;
    background-color: #070609;
    z-index: 1
}

app-order-details table th {
    width: 145px
}

@media (min-width: 720px) {
    app-order-details table th {
        width: auto
    }
}

app-payment-information table td {
    max-width: 240px
}

app-leaderboard-table table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0 2px
}

app-leaderboard-table thead tr {
    border-bottom: 1px solid rgba(255, 255, 255, .12)
}

app-leaderboard-table tbody tr:nth-child(odd) {
    background: rgba(255, 255, 255, .02)
}

app-leaderboard-table tbody tr:first-child {
    background: rgba(151, 87, 255, .32)
}

app-leaderboard-table tbody tr:nth-child(2) {
    background: rgba(151, 87, 255, .24)
}

app-leaderboard-table tbody tr:nth-child(3) {
    background: rgba(151, 87, 255, .16)
}

app-leaderboard-list ul {
    list-style: none
}

app-leaderboard-list>ul>li>div {
    border-bottom: 1px solid rgba(255, 255, 255, .08)
}

app-leaderboard-list>ul>li:first-child {
    background: rgba(151, 87, 255, .32) !important
}

app-leaderboard-list>ul>li:nth-child(2) {
    background: rgba(151, 87, 255, .24) !important
}

app-leaderboard-list>ul>li:nth-child(3) {
    background: rgba(151, 87, 255, .16) !important
}

app-sidenav .mat-mdc-list-item {
    height: 60px !important;
    color: #fff6 !important
}

app-sidenav .mat-mdc-list-item:hover,
app-sidenav .mat-mdc-list-item.active {
    color: #fff !important
}

app-sidenav .mat-mdc-list-item .mat-icon {
    padding: 4px;
    box-sizing: content-box
}

app-sidenav .bottom-nav .mat-mdc-list-item {
    color: #fff !important
}

app-sidenav .indicator {
    display: none
}

app-sidenav .active .indicator {
    display: block
}

app-sidenav .mat-accordion .mat-expansion-panel-header {
    padding: 0 16px;
    color: #fff6
}

app-sidenav .mat-accordion .mat-expansion-panel-header:hover {
    color: #fff
}

app-sidenav .mat-accordion .mat-expansion-panel-header mat-icon {
    box-sizing: content-box
}

app-sidenav .mat-accordion .mat-expansion-panel-header .mat-expansion-panel-header-title {
    color: inherit
}

app-sidenav .mat-accordion .mat-expansion-panel-header .mat-expansion-panel-header-description {
    color: inherit !important;
    transition: transform .1s ease
}

app-sidenav .mat-accordion .mat-expansion-panel-header.mat-expanded .mat-expansion-panel-header-description {
    transform: rotate(180deg)
}

app-sidenav .mat-accordion .mat-expansion-panel-body {
    padding: 0
}

app-sidenav .mat-accordion .mat-expansion-panel-body .mat-mdc-list-item {
    height: 60px;
    line-height: 1.25rem
}

app-sidenav a {
    outline: none
}

app-sidenav .mdc-list-item__primary-text {
    color: inherit
}

app-sidenav .mat-mdc-list-item-unscoped-content {
    display: flex;
    align-items: center
}

app-header header {
    background: linear-gradient(180deg, rgba(27, 23, 36, .01) 0%, rgba(15, 14, 19, .01) 100%);
    box-shadow: 0 1px #ffffff1a;
    -webkit-backdrop-filter: blur(80px);
    backdrop-filter: blur(80px)
}

app-header header .avatar {
    width: 40px;
    height: 40px;
    border: 1px solid #3636ec !important;
    background: rgb(54 54 236 / 16%) !important
}

@media (min-width: 960px) {
    app-header header .avatar {
        width: 44px;
        height: 44px
    }
}

mat-toolbar {
    min-height: 68px !important;
    background: transparent !important
}

@media (min-width: 960px) {
    mat-toolbar {
        min-height: 100px !important
    }
}

app-simulator-results .mat-mdc-list-item {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important
}

app-challenge-details-history table tbody td.mat-mdc-cell:first-of-type {
    padding-left: 2px !important
}

app-challenge-details-history .mat-mdc-paginator {
    background: transparent !important
}

app-challenge-details-history .mat-mdc-paginator .mat-mdc-paginator-container {
    padding: .25rem 0;
    border-top: 1px solid rgb(255 255 255 / 5%)
}

app-challenge-details-history .mat-mdc-paginator .mat-mdc-button-base {
    color: #fff9 !important;
    background: transparent !important;
    transition: color .2s ease
}

app-challenge-details-history .mat-mdc-paginator .mat-mdc-button-base:not(:disabled):hover {
    color: #fff !important
}

app-challenge-details-history .mat-mdc-paginator .mat-mdc-button-base:disabled {
    opacity: .5
}

app-challenge-details-history .mat-mdc-paginator .mat-mdc-form-field {
    background: transparent !important
}

app-challenge-details-history .mat-mdc-paginator .mat-mdc-form-field .mdc-notched-outline__leading,
app-challenge-details-history .mat-mdc-paginator .mat-mdc-form-field .mdc-notched-outline__trailing {
    border-width: 1px !important;
    border-color: #ffffff1f !important;
    transition: border-color .2s ease
}

app-challenge-details-history .mat-mdc-paginator .mat-mdc-form-field.mat-focused .mdc-notched-outline__leading,
app-challenge-details-history .mat-mdc-paginator .mat-mdc-form-field.mat-focused .mdc-notched-outline__trailing,
app-challenge-details-history .mat-mdc-paginator .mat-mdc-form-field:hover .mdc-notched-outline__leading,
app-challenge-details-history .mat-mdc-paginator .mat-mdc-form-field:hover .mdc-notched-outline__trailing {
    border-color: #fff6 !important
}

app-challenge-details-history .mat-mdc-paginator .mat-mdc-form-field-infix {
    min-height: 40px !important;
    padding: 8px 0 !important
}

app-challenge-details-history .mat-mdc-paginator .mat-mdc-form-field-flex {
    padding: 0 .5rem 0 1rem !important
}

app-challenge-details-history .mat-mdc-paginator .mat-mdc-select-value-text {
    color: #fff9 !important
}

app-challenge-details-history .mat-mdc-paginator .mat-mdc-select-arrow-wrapper {
    display: inline-flex !important
}

app-challenge-details-history .mat-mdc-paginator .mat-mdc-select-arrow {
    color: #fff9 !important
}

app-challenge-details-history .mat-mdc-paginator .mat-mdc-paginator-page-size-select {
    width: 80px !important
}

@media (max-width: 540px) {
    app-challenge-details-history .mat-mdc-paginator .mat-mdc-paginator-container {
        flex-wrap: wrap !important;
        gap: .75rem;
        padding: .75rem 0
    }
}

@media (min-width: 540px) {
    app-challenge-details-history .mat-mdc-paginator .mat-mdc-paginator-page-size {
        margin-right: auto !important
    }
}

app-input {
    display: inline-block;
    width: 100%
}

app-select {
    display: inline-block;
    width: 100%
}

app-meta-trader-download-item .version-logo {
    width: 56px;
    max-width: 100%
}

@media (min-width: 720px) {
    app-meta-trader-download-item .version-logo {
        width: 90px
    }
}

@media (min-width: 1140px) {
    app-meta-trader-download-item .version-logo {
        width: 140px
    }
}

app-meta-trader-download-item .version-logo-wrapper {
    border-radius: .75rem
}

app-meta-trader-download-item .download-button {
    width: 100%
}

@media (min-width: 960px) {
    app-meta-trader-download-item .download-button {
        width: auto
    }
}

app-add-new-card {
    display: block
}

app-add-new-card .mat-mdc-button:disabled {
    background-color: transparent !important;
    color: #fff !important
}

app-add-new-card .wrapper {
    background-image: url(./assets/images/border.svg);
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 12px !important;
    overflow: hidden
}

app-add-new-card .wrapper.done,
app-add-new-card .wrapper.pending {
    background-image: url(./assets/images/border-disabled.svg)
}

app-add-new-card .wrapper.error {
    background-image: url(./assets/images/border-error.svg)
}

app-add-new-card .icon {
    background-image: url(./assets/images/icons/plus.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 2rem;
    height: 2rem;
    width: 2rem
}

app-challenge-chart-card .highlighted {
    box-shadow: 0 0 0 2px
}

app-challenge-chart-card .card-wrapper {
    color: #fff
}

#challenge-balance-chart .toggles {
    position: relative;
    z-index: 1
}

#challenge-balance-chart .toggle {
    position: relative;
    cursor: pointer
}

#challenge-balance-chart .toggle.active {
    opacity: unset
}

#challenge-balance-chart .toggle.active:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: -8px;
    width: 100%;
    height: 3px;
    border-radius: 3px;
    background-color: #3636ec;
    transition: width .25s ease-out;
    color: #fff !important
}

#challenge-balance-chart .toggle:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: -8px;
    width: 0;
    height: 3px;
    border-radius: 3px;
    background-color: #3636ec;
    transition: width .25s ease-out
}

#challenge-balance-chart .toggle:hover {
    color: #fff !important
}

#challenge-balance-chart .toggle:hover:before {
    width: 100%
}

#challenge-balance-chart .toggle:last-of-type {
    margin-left: 1.25rem
}

#challenge-balance-chart .canvas-container {
    height: 208px;
    width: 100%
}

@media (min-width: 540px) {
    #challenge-balance-chart .canvas-container {
        height: 276px
    }
}

app-challenge-configurator-price app-select .mat-mdc-form-field-infix {
    width: auto
}

app-challenge-configurator-price app-select .mat-form-field-appearance-outline {
    background-color: transparent !important
}

app-challenge-configurator-price app-select .mat-mdc-select-value {
    font-size: 32px;
    line-height: 1
}

app-challenge-configurator-price app-select .mat-mdc-form-field-icon-suffix .mat-icon {
    display: flex !important
}

#common-balance-chart .canvas-container {
    width: 100%;
    height: 208px
}

@media (min-width: 540px) {
    #common-balance-chart .canvas-container {
        height: 434px
    }
}

@font-face {
    font-family: swiper-icons;
    src: url(data:application/font-woff;charset=utf-8;base64,\ d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA) format("woff");
    font-weight: 400;
    font-style: normal
}

:root {
    --swiper-theme-color: #007aff
}

.swiper,
swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
    display: block
}

.swiper-vertical>.swiper-wrapper {
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
    box-sizing: content-box
}

.swiper-android .swiper-slide,
.swiper-wrapper {
    transform: translateZ(0)
}

.swiper-horizontal {
    touch-action: pan-y
}

.swiper-vertical {
    touch-action: pan-x
}

.swiper-slide,
swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform;
    display: block
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-autoheight,
.swiper-autoheight .swiper-slide {
    height: auto
}

.swiper-autoheight .swiper-wrapper {
    align-items: flex-start;
    transition-property: transform, height
}

.swiper-backface-hidden .swiper-slide {
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-3d.swiper-css-mode .swiper-wrapper {
    perspective: 1200px
}

.swiper-3d .swiper-wrapper {
    transform-style: preserve-3d
}

.swiper-3d {
    perspective: 1200px
}

.swiper-3d .swiper-slide,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-cube-shadow {
    transform-style: preserve-3d
}

.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.swiper-3d .swiper-slide-shadow {
    background: rgba(0, 0, 0, .15)
}

.swiper-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-css-mode>.swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
    display: none
}

.swiper-css-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: start start
}

.swiper-horizontal.swiper-css-mode>.swiper-wrapper {
    scroll-snap-type: x mandatory
}

.swiper-vertical.swiper-css-mode>.swiper-wrapper {
    scroll-snap-type: y mandatory
}

.swiper-centered>.swiper-wrapper:before {
    content: "";
    flex-shrink: 0;
    order: 9999
}

.swiper-centered>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: center center;
    scroll-snap-stop: always
}

.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
    margin-inline-start: var(--swiper-centered-offset-before)
}

.swiper-centered.swiper-horizontal>.swiper-wrapper:before {
    height: 100%;
    min-height: 1px;
    width: var(--swiper-centered-offset-after)
}

.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
    margin-block-start: var(--swiper-centered-offset-before)
}

.swiper-centered.swiper-vertical>.swiper-wrapper:before {
    width: 100%;
    min-width: 1px;
    height: var(--swiper-centered-offset-after)
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    transform-origin: 50%;
    box-sizing: border-box;
    border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
    border-radius: 50%;
    border-top-color: transparent
}

.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,
swiper-container:not(.swiper-watch-progress) .swiper-lazy-preloader,
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader {
    animation: swiper-preloader-spin 1s infinite linear
}

.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff
}

.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000
}

@keyframes swiper-preloader-spin {
    0% {
        transform: rotate(0)
    }
    to {
        transform: rotate(360deg)
    }
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    transition: .3s opacity;
    transform: translateZ(0);
    z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.swiper-pagination-disabled>.swiper-pagination,
.swiper-pagination.swiper-pagination-disabled {
    display: none !important
}

.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal {
    bottom: var(--swiper-pagination-bottom, 8px);
    top: var(--swiper-pagination-top, auto);
    left: 0;
    width: 100%
}

.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transform: scale(.33);
    position: relative
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    transform: scale(.33)
}

.swiper-pagination-bullet {
    width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
    height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
    display: inline-block;
    border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
    background: var(--swiper-pagination-bullet-inactive-color, #000);
    opacity: var(--swiper-pagination-bullet-inactive-opacity, .2)
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -webkit-appearance: none;
    appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-bullet:only-child {
    display: none !important
}

.swiper-pagination-bullet-active {
    opacity: var(--swiper-pagination-bullet-opacity, 1);
    background: var(--swiper-pagination-color, var(--swiper-theme-color))
}

.swiper-vertical>.swiper-pagination-bullets,
.swiper-pagination-vertical.swiper-pagination-bullets {
    right: var(--swiper-pagination-right, 8px);
    left: var(--swiper-pagination-left, auto);
    top: 50%;
    transform: translate3d(0, -50%, 0)
}

.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
    display: block
}

.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    transform: translateY(-50%);
    width: 8px
}

.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    transition: .2s transform, .2s top
}

.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px)
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    transform: translate(-50%);
    white-space: nowrap
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: .2s transform, .2s left
}

.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
:host(.swiper-horizontal.swiper-rtl) .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: .2s transform, .2s right
}

.swiper-pagination-fraction {
    color: var(--swiper-pagination-fraction-color, inherit)
}

.swiper-pagination-progressbar {
    background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, .25));
    position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: scale(0);
    transform-origin: left top
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    transform-origin: right top
}

.swiper-horizontal>.swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: var(--swiper-pagination-progressbar-size, 4px);
    left: 0;
    top: 0
}

.swiper-vertical>.swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite {
    width: var(--swiper-pagination-progressbar-size, 4px);
    height: 100%;
    left: 0;
    top: 0
}

.swiper-pagination-lock {
    display: none
}

.missing-card {
    background: url(./assets/images/border-disabled.svg), linear-gradient(180deg, rgba(255, 255, 255, .02) 0%, rgba(255, 255, 255, .04) 100%) no-repeat center;
    border-radius: 15px !important;
    margin: 0 auto
}

swiper-container {
    width: 100%
}

swiper-container swiper-slide {
    transition-duration: .2s !important;
    transform: translate3d(calc(-5% - 32px), 0, 0) rotateX(0) rotateY(0) scale(.344) !important;
    background: transparent !important
}

swiper-container swiper-slide .missing-card {
    width: calc(100% - 6px);
    height: 550px
}

swiper-container swiper-slide.swiper-slide-prev img,
swiper-container swiper-slide.swiper-slide-next img {
    opacity: .4
}

swiper-container swiper-slide.swiper-slide-prev .missing-card,
swiper-container swiper-slide.swiper-slide-next .missing-card {
    width: calc(100% - 4px)
}

swiper-container swiper-slide.swiper-slide-prev {
    transform: translate3d(calc(-22% - 32px), 0, 0) rotateX(0) rotateY(0) scale(.515) !important
}

swiper-container swiper-slide.swiper-slide-next {
    transform: translate3d(calc(22% + 32px), 0, 0) rotateX(0) rotateY(0) scale(.515) !important
}

swiper-container swiper-slide.swiper-slide-next+swiper-slide {
    transform: translate3d(calc(5% + 32px), 0, 0) rotateX(0) rotateY(0) scale(.344) !important
}

swiper-container swiper-slide.swiper-slide-next+swiper-slide .missing-card {
    width: calc(100% - 6px)
}

swiper-container swiper-slide.swiper-slide-next+swiper-slide img {
    opacity: .4
}

swiper-container swiper-slide.swiper-slide-active {
    transform: translateZ(0) rotateX(0) rotateY(0) scale(1) !important
}

swiper-container swiper-slide.swiper-slide-active img {
    opacity: 1 !important
}

swiper-container swiper-slide.swiper-slide-shadow-left,
swiper-container swiper-slide.swiper-slide-shadow-right {
    background: transparent !important
}

swiper-container swiper-slide img {
    opacity: .2;
    border-radius: 24px
}

swiper-container swiper-slide .swiper-slide-buttons {
    display: none
}

swiper-container swiper-slide.swiper-slide-active .swiper-slide-buttons {
    display: flex
}

swiper-container .certificate-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    width: 392px;
    left: 50%;
    transform: translate(-50%)
}

swiper-container .certificate-container .certificate-image-wrapper {
    width: 100%
}

swiper-container .certificate-container .certificate-image-wrapper svg {
    width: 100%;
    height: 100%;
    border-radius: 12px
}

@media (max-width: 1440px) {
    swiper-container swiper-slide {
        transform: translate3d(calc(30% - 32px), 0, 0) rotateX(0) rotateY(0) scale(.344) !important;
        background: transparent !important
    }
    swiper-container swiper-slide.swiper-slide-prev .missing-card,
    swiper-container swiper-slide.swiper-slide-next .missing-card {
        width: calc(100% - 5px)
    }
    swiper-container swiper-slide.swiper-slide-prev {
        transform: translate3d(calc(0% - 32px), 0, 0) rotateX(0) rotateY(0) scale(.515) !important
    }
    swiper-container swiper-slide.swiper-slide-next {
        transform: translate3d(calc(0% + 32px), 0, 0) rotateX(0) rotateY(0) scale(.515) !important
    }
    swiper-container swiper-slide.swiper-slide-next+swiper-slide {
        transform: translate3d(calc(-30% + 32px), 0, 0) rotateX(0) rotateY(0) scale(.344) !important
    }
    swiper-container swiper-slide.swiper-slide-active {
        transform: translateZ(0) rotateX(0) rotateY(0) scale(1) !important
    }
    swiper-container .certificate-container {
        width: 296px
    }
}

@media (max-width: 960px) {
    swiper-container swiper-slide .missing-card {
        height: 500px
    }
    swiper-container swiper-slide.swiper-slide-prev {
        transform: translate3d(calc(28% - 32px), 0, 0) rotateX(0) rotateY(0) scale(.515) !important
    }
    swiper-container swiper-slide.swiper-slide-next {
        transform: translate3d(calc(-28% + 32px), 0, 0) rotateX(0) rotateY(0) scale(.515) !important
    }
    swiper-container swiper-slide.swiper-slide-active {
        transform: translateZ(0) rotateX(0) rotateY(0) scale(1) !important
    }
}

@media (max-width: 540px) {
    swiper-container swiper-slide {
        transform: translateZ(0) rotateX(0) rotateY(0) scale(1) !important
    }
    swiper-container swiper-slide .missing-card {
        height: 93vw
    }
    swiper-container swiper-slide.swiper-slide-prev,
    swiper-container swiper-slide.swiper-slide-next {
        opacity: 1 !important;
        transform: translateZ(0) rotateX(0) rotateY(0) scale(1) !important
    }
    swiper-container swiper-slide.swiper-slide-prev .missing-card,
    swiper-container swiper-slide.swiper-slide-next .missing-card {
        width: calc(100% - 4px)
    }
    swiper-container swiper-slide.swiper-slide-prev img,
    swiper-container swiper-slide.swiper-slide-next img {
        opacity: 1
    }
    swiper-container swiper-slide.swiper-slide-prev .certificate-container {
        left: 100%;
        transform: translate(-100%)
    }
    swiper-container swiper-slide.swiper-slide-next,
    swiper-container swiper-slide.swiper-slide-next+swiper-slide {
        transform: translateZ(0) rotateX(0) rotateY(0) scale(1) !important
    }
    swiper-container swiper-slide.swiper-slide-next .certificate-container,
    swiper-container swiper-slide.swiper-slide-next+swiper-slide .certificate-container {
        left: auto;
        transform: translate(0)
    }
    swiper-container swiper-slide.swiper-slide-active {
        transform: translateZ(0) rotateX(0) rotateY(0) scale(1) !important
    }
    swiper-container swiper-slide.swiper-slide-active .certificate-container {
        left: 50%;
        transform: translate(-50%)
    }
    swiper-container swiper-slide .certificate-container {
        width: 100%;
        left: 100%;
        transform: translate(-100%)
    }
}

app-nowpayments-dialog .currency-item {
    cursor: pointer
}

app-nowpayments-dialog .currency-item:hover {
    background-color: #ffffff0d
}

app-nowpayments-dialog .currency-item.active {
    background-color: #3636ec
}

app-nowpayments-dialog .countdown-timer {
    top: -3.25rem;
    right: 0
}

app-nowpayments-dialog .countdown-timer div {
    width: 65px
}

app-input-vat-number .tooltip {
    background: linear-gradient(180deg, #1b1724 0%, #0f0e13 100%);
    border: .5px solid rgba(255, 255, 255, .16);
    -webkit-backdrop-filter: blur(50px);
    backdrop-filter: blur(50px);
    border-radius: 20px;
    bottom: calc(100% + 12px);
    position: absolute;
    right: -40px;
    padding: 1rem;
    width: 340px;
    display: block;
    pointer-events: none;
    white-space: normal;
    opacity: 0;
    transform: translateY(10px);
    transition: opacity .2s ease, transform .2s ease
}

app-input-vat-number .tooltip:after,
app-input-vat-number .tooltip:before {
    content: "";
    top: 100%;
    border: solid transparent;
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none
}

app-input-vat-number .tooltip:after {
    border-color: #0000;
    border-top-color: #0f0e13;
    border-width: 12px;
    margin-left: -12px;
    right: 46px
}

app-input-vat-number .tooltip:before {
    border-color: #0000;
    border-top-color: #ffffff29;
    right: 45px;
    border-width: 13px;
    margin-left: -13px
}

app-input-vat-number button:hover .tooltip,
app-input-vat-number button:focus .tooltip {
    opacity: 1;
    transform: translateY(0)
}

app-withdrawal-history table {
    width: 100%;
    min-width: 600px;
    border-collapse: separate;
    border-spacing: 0 2px
}

app-withdrawal-history td,
app-withdrawal-history th {
    width: 220px;
    padding: 8px 20px
}

app-withdrawal-history td:first-child,
app-withdrawal-history th:first-child {
    width: 80px
}

app-withdrawal-history tbody tr:nth-child(odd) {
    background: rgba(255, 255, 255, .02)
}

app-payout-invoice-dialog app-payout-info-line:nth-of-type(odd)>div {
    background: rgba(255, 255, 255, .02)
}

app-payout-invoice-dialog .mat-mdc-dialog-content {
    max-height: 90vh
}

app-payout-invoice-dialog .mat-mdc-dialog-content::-webkit-scrollbar {
    width: 5px;
    height: 5px
}

app-payout-invoice-dialog .mat-mdc-dialog-content::-webkit-scrollbar-button {
    display: none
}

app-payout-invoice-dialog .mat-mdc-dialog-content::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #fff3
}

app-payout-invoice-dialog .mat-mdc-dialog-content::-webkit-scrollbar-thumb:hover {
    background-color: #ffffff4d
}

app-payout-invoice-dialog .mat-mdc-dialog-content::-webkit-scrollbar-track {
    background-color: transparent;
    margin-top: 3rem;
    margin-bottom: 3rem
}

app-payout-invoice-dialog .mat-mdc-dialog-content::-webkit-scrollbar-track:hover {
    background-color: inherit
}

app-payout-invoice-dialog .mat-mdc-dialog-content::-webkit-scrollbar-corner {
    background: transparent
}

app-trading-agreement-signature canvas {
    max-width: 100% !important
}

app-trading-agreement-signature svg {
    max-width: 100% !important;
    height: auto !important
}

.mat-mdc-slider {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    height: 30px !important
}

.mat-mdc-slider .mat-slider-wrapper {
    top: 12px
}

.mat-mdc-slider .mdc-slider__track--inactive {
    background: #1b1724 !important;
    opacity: .8 !important
}

.mat-mdc-slider .mdc-slider__track,
.mat-mdc-slider .mdc-slider__track--active,
.mat-mdc-slider .mdc-slider__track--active_fill,
.mat-mdc-slider .mdc-slider__track--inactive {
    height: 4px !important
}

.mat-mdc-slider .mdc-slider__track--inactive,
.mat-mdc-slider .mdc-slider__track {
    border-radius: 12px !important
}

.mat-mdc-slider .mdc-slider__thumb {
    width: 30px !important;
    height: 30px !important;
    left: -15px !important
}

.mat-mdc-slider .mdc-slider__thumb-knob {
    top: 5px
}

app-input-number input::-webkit-outer-spin-button,
app-input-number input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0
}

app-input-number input[type=number] {
    -moz-appearance: textfield
}

app-input-number .stepper .mat-mdc-button-base {
    width: 20px !important;
    height: 20px !important;
    border-radius: 4px !important
}

app-input-number .stepper mat-icon {
    line-height: 1 !important
}

.environment-banner {
    position: fixed;
    top: 0;
    right: 0;
    z-index: 9999999;
    font-size: 9px;
    background-color: red;
    padding: 7px 3px;
    color: #fff;
    text-transform: uppercase;
    pointer-events: none;
    border-bottom-left-radius: 6px;
    writing-mode: vertical-lr
}

app-checkout-payment-dialog iframe {
    height: 56px !important
}

app-pie-chart-panel .fade {
    transition: opacity .2s ease
}

app-account-scaling-table table {
    width: 100%;
    white-space: nowrap
}

app-account-scaling-table th {
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    padding: 0 8px 8px
}

app-account-scaling-table th:first-child {
    padding-left: 16px
}

app-account-scaling-table th:last-child {
    padding-right: 16px
}

app-account-scaling-table td {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    padding: 8px
}

app-account-scaling-table td:first-child,
app-account-scaling-table th:first-child {
    padding-left: 16px !important
}

app-account-scaling-table td:last-child,
app-account-scaling-table th:last-child {
    padding-right: 16px !important
}

app-account-scaling-table tbody tr td {
    background-color: #2e68ff14;
    transition: background-color .2s ease
}

app-account-scaling-table tbody tr td span.account-status {
    color: #2e68ff
}

app-account-scaling-table tbody tr:first-child td:first-child {
    border-top-left-radius: 9px
}

app-account-scaling-table tbody tr:first-child td:last-child {
    border-top-right-radius: 9px
}

app-account-scaling-table tbody tr:last-child td:first-child {
    border-bottom-left-radius: 9px
}

app-account-scaling-table tbody tr:last-child td:last-child {
    border-bottom-right-radius: 9px
}

app-account-scaling-table tbody tr+tr:not(:last-child) td {
    border-width: 1px 0px;
    border-style: solid;
    border-color: #ffffff1a
}

app-account-scaling-table tbody.closed:hover td {
    background-color: #2e68ff2e;
    cursor: pointer
}

app-account-scaling-table tbody.expanded tr:last-child td {
    background-color: #ffffff12;
    cursor: pointer;
    padding: 0 !important;
    overflow: hidden
}

app-account-scaling-table tbody.expanded tr:last-child:hover td {
    background-color: #ffffff24
}

app-account-scaling-table tbody.expanded tr:last-child button {
    padding: 8px;
    border-radius: 0 0 9px 9px !important
}

app-account-scaling-table tbody.expanded tr.claimed td {
    background-color: #2e68ff70
}

app-account-scaling-table tbody.separator td {
    padding: 5px !important;
    background: transparent !important
}

app-account-scaling-table tbody.separator:last-child {
    display: none
}

app-account-scaling-targets h2 span+span {
    color: #2e68ff !important
}

app-account-scaling-targets .months-progress {
    background: rgb(54 54 236 / 36%);
    border-radius: 3px
}

app-account-scaling-targets .months-progress>div {
    flex: 1 0 33.33%;
    height: 28px
}

app-account-scaling-targets .months-progress>div:nth-child(2) {
    border-left: 1px solid rgba(255, 255, 255, .1);
    border-right: 1px solid rgba(255, 255, 255, .1)
}

app-account-scaling-targets .result-progress {
    background: rgb(54 54 236 / 36%);
    border-radius: 3px;
    height: 22px
}

app-account-scaling-targets .bg {
    color: #2e68ff;
    background: currentColor;
    border-color: currentColor
}

app-account-scaling-targets .bg.full {
    color: #2353d0
}

app-account-scaling-targets .scale {
    width: 0
}

app-account-scaling-targets .scale>div {
    border-right: 1px solid currentColor;
    height: 28px;
    width: 0
}

app-account-scaling-targets .scale span {
    transform: translate(-50%)
}

app-account-scaling-targets .target-reached {
    color: #7dffb1 !important
}

app-loader-button {
    line-height: 36px;
    overflow: hidden
}

*,
:before,
:after {
    box-sizing: border-box;
    border-width: 0;
    border-style: solid;
    border-color: currentColor
}

:before,
:after {
    --tw-content: ""
}

html {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol, "Noto Color Emoji";
    font-feature-settings: normal;
    font-variation-settings: normal
}

body {
    margin: 0;
    line-height: inherit
}

hr {
    height: 0;
    color: inherit;
    border-top-width: 1px
}

abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: inherit;
    font-weight: inherit
}

a {
    color: inherit;
    text-decoration: inherit
}

b,
strong {
    font-weight: bolder
}

code,
kbd,
samp,
pre {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
    font-size: 1em
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse
}

button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    font-size: 100%;
    font-weight: inherit;
    line-height: inherit;
    color: inherit;
    margin: 0;
    padding: 0
}

button,
select {
    text-transform: none
}

button,
[type=button],
[type=reset],
[type=submit] {
    -webkit-appearance: button;
    background-color: transparent;
    background-image: none
}

:-moz-focusring {
    outline: auto
}

:-moz-ui-invalid {
    box-shadow: none
}

progress {
    vertical-align: baseline
}

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

summary {
    display: list-item
}

blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
    margin: 0
}

fieldset {
    margin: 0;
    padding: 0
}

legend {
    padding: 0
}

ol,
ul,
menu {
    list-style: none;
    margin: 0;
    padding: 0
}

textarea {
    resize: vertical
}

input::placeholder,
textarea::placeholder {
    opacity: 1;
    color: #9ca3af
}

button,
[role=button] {
    cursor: pointer
}

:disabled {
    cursor: default
}

img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
    display: block;
    vertical-align: middle
}

img,
video {
    max-width: 100%;
    height: auto
}

[hidden] {
    display: none
}

*,
:before,
:after {
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia:
}

::-webkit-backdrop {
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia:
}

::backdrop {
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia:
}

.container,
.container-fluid {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-right: var(--tw-gutter-x, .75rem);
    padding-left: var(--tw-gutter-x, .75rem)
}

@media (min-width: 540px) {
    .container {
        max-width: 540px
    }
}

@media (min-width: 720px) {
    .container {
        max-width: 720px
    }
}

@media (min-width: 960px) {
    .container {
        max-width: 960px
    }
}

@media (min-width: 1140px) {
    .container {
        max-width: 1140px
    }
}

@media (min-width: 1440px) {
    .container {
        max-width: 1272px
    }
}

.row {
    --tw-gutter-x: 1.5rem;
    --tw-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(var(--tw-gutter-y) * -1);
    margin-right: calc(var(--tw-gutter-x) / -2);
    margin-left: calc(var(--tw-gutter-x) / -2)
}

.row>* {
    box-sizing: border-box;
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right: calc(var(--tw-gutter-x) / 2);
    padding-left: calc(var(--tw-gutter-x) / 2);
    margin-top: var(--tw-gutter-y)
}

.col {
    flex: 1 0 0%
}

.col-auto {
    flex: 0 0 auto;
    width: auto
}

.col-2 {
    flex: 0 0 auto;
    width: 16.666666666666668%
}

.col-4 {
    flex: 0 0 auto;
    width: 33.333333333333336%
}

.col-5 {
    flex: 0 0 auto;
    width: 41.66666666666667%
}

.col-6 {
    flex: 0 0 auto;
    width: 50%
}

.col-7 {
    flex: 0 0 auto;
    width: 58.333333333333336%
}

.col-8 {
    flex: 0 0 auto;
    width: 66.66666666666667%
}

.col-10 {
    flex: 0 0 auto;
    width: 83.33333333333334%
}

.col-12 {
    flex: 0 0 auto;
    width: 100%
}

.gx-2 {
    --tw-gutter-x: .5rem !important
}

.gx-3 {
    --tw-gutter-x: .75rem !important
}

.gx-4 {
    --tw-gutter-x: 1rem !important
}

.gx-5 {
    --tw-gutter-x: 1.25rem !important
}

.gy-5 {
    --tw-gutter-y: 1.25rem !important
}

.gx-6 {
    --tw-gutter-x: 1.5rem !important
}

.gx-10 {
    --tw-gutter-x: 2.5rem !important
}

.mat-typography .mat-headline-2 {
    font-size: 32px;
    line-height: 40px;
    font-weight: 500
}

.mat-typography .mat-headline-4 {
    font-size: 24px;
    line-height: 40px;
    font-weight: 400
}

.mat-typography .mat-headline-5 {
    font-size: 20px;
    line-height: 24px;
    font-weight: 500
}

.mat-typography .mat-headline-6 {
    font-size: 16px;
    line-height: 32px;
    font-weight: 500
}

.mat-typography .mat-subtitle-2 {
    font-size: 14px;
    line-height: 20px;
    font-weight: 400
}

.mat-typography .mat-body-1 {
    font-size: 16px;
    line-height: 24px;
    font-weight: 500
}

.mat-typography .mat-body-2 {
    font-size: 14px;
    line-height: 20px;
    font-weight: 600
}

.mat-typography .mat-caption {
    font-size: 12px;
    line-height: 16px;
    font-weight: 400
}

.pointer-events-none {
    pointer-events: none !important
}

.visible {
    visibility: visible !important
}

.invisible {
    visibility: hidden !important
}

.static {
    position: static !important
}

.fixed {
    position: fixed !important
}

.absolute {
    position: absolute !important
}

.relative {
    position: relative !important
}

.sticky {
    position: sticky !important
}

.bottom-0 {
    bottom: 0 !important
}

.left-0 {
    left: 0 !important
}

.left-1\/2 {
    left: 50% !important
}

.right-0 {
    right: 0 !important
}

.right-4 {
    right: 1rem !important
}

.top-0 {
    top: 0 !important
}

.top-1\/2 {
    top: 50% !important
}

.top-\[40px\] {
    top: 40px !important
}

.top-full {
    top: 100% !important
}

.z-1 {
    z-index: 1 !important
}

.order-1 {
    order: 1 !important
}

.order-2 {
    order: 2 !important
}

.float-right {
    float: right !important
}

.m-0 {
    margin: 0 !important
}

.m-3 {
    margin: .75rem !important
}

.-mx-1 {
    margin-left: -.25rem !important;
    margin-right: -.25rem !important
}

.-mx-4 {
    margin-left: -1rem !important;
    margin-right: -1rem !important
}

.-mx-5 {
    margin-left: -1.25rem !important;
    margin-right: -1.25rem !important
}

.mx-2 {
    margin-left: .5rem !important;
    margin-right: .5rem !important
}

.mx-3 {
    margin-left: .75rem !important;
    margin-right: .75rem !important
}

.mx-5 {
    margin-left: 1.25rem !important;
    margin-right: 1.25rem !important
}

.mx-auto {
    margin-left: auto !important;
    margin-right: auto !important
}

.my-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important
}

.my-1 {
    margin-top: .25rem !important;
    margin-bottom: .25rem !important
}

.my-10 {
    margin-top: 2.5rem !important;
    margin-bottom: 2.5rem !important
}

.my-12 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important
}

.my-14 {
    margin-top: 3.5rem !important;
    margin-bottom: 3.5rem !important
}

.my-2 {
    margin-top: .5rem !important;
    margin-bottom: .5rem !important
}

.my-20 {
    margin-top: 5rem !important;
    margin-bottom: 5rem !important
}

.my-3 {
    margin-top: .75rem !important;
    margin-bottom: .75rem !important
}

.my-4 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important
}

.my-5 {
    margin-top: 1.25rem !important;
    margin-bottom: 1.25rem !important
}

.my-6 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important
}

.my-8 {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important
}

.my-9 {
    margin-top: 2.25rem !important;
    margin-bottom: 2.25rem !important
}

.-mb-5 {
    margin-bottom: -1.25rem !important
}

.-ml-2 {
    margin-left: -.5rem !important
}

.-mr-1 {
    margin-right: -.25rem !important
}

.-mr-2 {
    margin-right: -.5rem !important
}

.-mr-3 {
    margin-right: -.75rem !important
}

.-mr-5 {
    margin-right: -1.25rem !important
}

.-mt-1 {
    margin-top: -.25rem !important
}

.-mt-2 {
    margin-top: -.5rem !important
}

.-mt-20 {
    margin-top: -5rem !important
}

.-mt-6 {
    margin-top: -1.5rem !important
}

.mb-0 {
    margin-bottom: 0 !important
}

.mb-1 {
    margin-bottom: .25rem !important
}

.mb-10 {
    margin-bottom: 2.5rem !important
}

.mb-15 {
    margin-bottom: 3.75rem !important
}

.mb-16 {
    margin-bottom: 4rem !important
}

.mb-2 {
    margin-bottom: .5rem !important
}

.mb-3 {
    margin-bottom: .75rem !important
}

.mb-4 {
    margin-bottom: 1rem !important
}

.mb-5 {
    margin-bottom: 1.25rem !important
}

.mb-6 {
    margin-bottom: 1.5rem !important
}

.mb-7 {
    margin-bottom: 1.75rem !important
}

.mb-8 {
    margin-bottom: 2rem !important
}

.mb-9 {
    margin-bottom: 2.25rem !important
}

.mb-px {
    margin-bottom: 1px !important
}

.ml-1 {
    margin-left: .25rem !important
}

.ml-10 {
    margin-left: 2.5rem !important
}

.ml-16 {
    margin-left: 4rem !important
}

.ml-2 {
    margin-left: .5rem !important
}

.ml-3 {
    margin-left: .75rem !important
}

.ml-5 {
    margin-left: 1.25rem !important
}

.ml-auto {
    margin-left: auto !important
}

.mr-1 {
    margin-right: .25rem !important
}

.mr-2 {
    margin-right: .5rem !important
}

.mr-3 {
    margin-right: .75rem !important
}

.mr-4 {
    margin-right: 1rem !important
}

.mr-5 {
    margin-right: 1.25rem !important
}

.mr-7 {
    margin-right: 1.75rem !important
}

.mr-8 {
    margin-right: 2rem !important
}

.mr-auto {
    margin-right: auto !important
}

.mt-0 {
    margin-top: 0 !important
}

.mt-1 {
    margin-top: .25rem !important
}

.mt-10 {
    margin-top: 2.5rem !important
}

.mt-15 {
    margin-top: 3.75rem !important
}

.mt-2 {
    margin-top: .5rem !important
}

.mt-20 {
    margin-top: 5rem !important
}

.mt-3 {
    margin-top: .75rem !important
}

.mt-4 {
    margin-top: 1rem !important
}

.mt-5 {
    margin-top: 1.25rem !important
}

.mt-6 {
    margin-top: 1.5rem !important
}

.mt-7 {
    margin-top: 1.75rem !important
}

.mt-8 {
    margin-top: 2rem !important
}

.mt-9 {
    margin-top: 2.25rem !important
}

.mt-auto {
    margin-top: auto !important
}

.block {
    display: block !important
}

.inline-block {
    display: inline-block !important
}

.inline {
    display: inline !important
}

.flex {
    display: flex !important
}

.inline-flex {
    display: inline-flex !important
}

.table {
    display: table !important
}

.grid {
    display: grid !important
}

.hidden {
    display: none !important
}

.h-10 {
    height: 2.5rem !important
}

.h-2 {
    height: .5rem !important
}

.h-20 {
    height: 5rem !important
}

.h-4 {
    height: 1rem !important
}

.h-\[152px\] {
    height: 152px !important
}

.h-\[50vh\] {
    height: 50vh !important
}

.h-\[52px\] {
    height: 52px !important
}

.h-\[54px\] {
    height: 54px !important
}

.h-\[5px\] {
    height: 5px !important
}

.h-auto {
    height: auto !important
}

.h-full {
    height: 100% !important
}

.h-min {
    height: min-content !important
}

.h-screen {
    height: 100vh !important
}

.min-h-auto {
    min-height: auto !important
}

.min-h-full {
    min-height: 100% !important
}

.min-h-screen {
    min-height: 100vh !important
}

.w-1\/2 {
    width: 50% !important
}

.w-1\/3 {
    width: 33.333333% !important
}

.w-1\/4 {
    width: 25% !important
}

.w-2 {
    width: .5rem !important
}

.w-3\/4 {
    width: 75% !important
}

.w-4 {
    width: 1rem !important
}

.w-auto {
    width: auto !important
}

.w-fit {
    width: -moz-fit-content !important;
    width: fit-content !important
}

.w-full {
    width: 100% !important
}

.w-screen {
    width: 100vw !important
}

.min-w-\[2\.5rem\] {
    min-width: 2.5rem !important
}

.min-w-\[350px\] {
    min-width: 350px !important
}

.max-w-\[150px\] {
    max-width: 150px !important
}

.flex-1 {
    flex: 1 1 0% !important
}

.shrink-0 {
    flex-shrink: 0 !important
}

.grow {
    flex-grow: 1 !important
}

.grow-0 {
    flex-grow: 0 !important
}

.-translate-y-1\/2 {
    --tw-translate-y: -50% !important;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important
}

.rotate-180 {
    --tw-rotate: 180deg !important;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important
}

.transform {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important
}

.cursor-pointer {
    cursor: pointer !important
}

.select-none {
    -webkit-user-select: none !important;
    user-select: none !important
}

.list-none {
    list-style-type: none !important
}

.flex-row {
    flex-direction: row !important
}

.flex-col {
    flex-direction: column !important
}

.flex-col-reverse {
    flex-direction: column-reverse !important
}

.flex-wrap {
    flex-wrap: wrap !important
}

.flex-nowrap {
    flex-wrap: nowrap !important
}

.content-center {
    align-content: center !important
}

.items-start {
    align-items: flex-start !important
}

.items-end {
    align-items: flex-end !important
}

.items-center {
    align-items: center !important
}

.items-baseline {
    align-items: baseline !important
}

.items-stretch {
    align-items: stretch !important
}

.justify-end {
    justify-content: flex-end !important
}

.justify-center {
    justify-content: center !important
}

.justify-between {
    justify-content: space-between !important
}

.justify-around {
    justify-content: space-around !important
}

.gap-0 {
    gap: 0 !important
}

.gap-1 {
    gap: .25rem !important
}

.gap-10 {
    gap: 2.5rem !important
}

.gap-2 {
    gap: .5rem !important
}

.gap-3 {
    gap: .75rem !important
}

.gap-4 {
    gap: 1rem !important
}

.gap-5 {
    gap: 1.25rem !important
}

.gap-6 {
    gap: 1.5rem !important
}

.gap-8 {
    gap: 2rem !important
}

.gap-9 {
    gap: 2.25rem !important
}

.self-start {
    align-self: flex-start !important
}

.self-end {
    align-self: flex-end !important
}

.self-center {
    align-self: center !important
}

.overflow-auto {
    overflow: auto !important
}

.overflow-hidden {
    overflow: hidden !important
}

.overflow-scroll {
    overflow: scroll !important
}

.truncate {
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important
}

.whitespace-normal {
    white-space: normal !important
}

.whitespace-nowrap {
    white-space: nowrap !important
}

.break-words {
    overflow-wrap: break-word !important
}

.rounded {
    border-radius: .75rem !important
}

.rounded-circle {
    border-radius: 50% !important
}

.rounded-full {
    border-radius: 9999px !important
}

.rounded-xl {
    border-radius: 1.5rem !important
}

.rounded-r {
    border-top-right-radius: .75rem !important;
    border-bottom-right-radius: .75rem !important
}

.rounded-r-none {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important
}

.border-b {
    border-bottom-width: 1px !important
}

.border-t {
    border-top-width: 1px !important
}

.border-none {
    border-style: none !important
}

.border-accent {
    --tw-border-opacity: 1 !important;
    border-color: rgb(54 54 236 / var(--tw-border-opacity)) !important
}

.border-divider {
    border-color: #ffffff0d !important
}

.border-white\/10 {
    border-color: #ffffff1a !important
}

.border-white\/20 {
    border-color: #fff3 !important
}

.border-white\/5 {
    border-color: #ffffff0d !important
}

.bg-accent {
    background-color: #3636ec !important
}

.bg-accent-dark {
    background-color: #202096 !important
}

.bg-accent\/20 {
    background-color: #3636ec33 !important
}

.bg-black\/20 {
    background-color: #0003 !important
}

.bg-danger {
    background-color: #ea711a !important
}

.bg-info {
    background-color: #00a6bb !important
}

.bg-primary {
    background-color: #9757ff !important
}

.bg-success {
    background-color: #00bf00 !important
}

.bg-transparent {
    background-color: transparent !important
}

.bg-warn {
    background-color: #ef0000 !important
}

.bg-white\/20 {
    background-color: #fff3 !important
}

.bg-white\/5 {
    background-color: #ffffff0d !important
}

.fill-foreground {
    fill: #fff !important
}

.p-0 {
    padding: 0 !important
}

.p-1 {
    padding: .25rem !important
}

.p-10 {
    padding: 2.5rem !important
}

.p-13 {
    padding: 3.25rem !important
}

.p-15 {
    padding: 3.75rem !important
}

.p-2 {
    padding: .5rem !important
}

.p-3 {
    padding: .75rem !important
}

.p-4 {
    padding: 1rem !important
}

.p-5 {
    padding: 1.25rem !important
}

.p-6 {
    padding: 1.5rem !important
}

.p-8 {
    padding: 2rem !important
}

.px-0 {
    padding-left: 0 !important;
    padding-right: 0 !important
}

.px-1 {
    padding-left: .25rem !important;
    padding-right: .25rem !important
}

.px-10 {
    padding-left: 2.5rem !important;
    padding-right: 2.5rem !important
}

.px-12 {
    padding-left: 3rem !important;
    padding-right: 3rem !important
}

.px-13 {
    padding-left: 3.25rem !important;
    padding-right: 3.25rem !important
}

.px-15 {
    padding-left: 3.75rem !important;
    padding-right: 3.75rem !important
}

.px-16 {
    padding-left: 4rem !important;
    padding-right: 4rem !important
}

.px-18 {
    padding-left: 4.5rem !important;
    padding-right: 4.5rem !important
}

.px-2 {
    padding-left: .5rem !important;
    padding-right: .5rem !important
}

.px-20 {
    padding-left: 5rem !important;
    padding-right: 5rem !important
}

.px-3 {
    padding-left: .75rem !important;
    padding-right: .75rem !important
}

.px-4 {
    padding-left: 1rem !important;
    padding-right: 1rem !important
}

.px-5 {
    padding-left: 1.25rem !important;
    padding-right: 1.25rem !important
}

.px-6 {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important
}

.px-7 {
    padding-left: 1.75rem !important;
    padding-right: 1.75rem !important
}

.px-8 {
    padding-left: 2rem !important;
    padding-right: 2rem !important
}

.px-9 {
    padding-left: 2.25rem !important;
    padding-right: 2.25rem !important
}

.py-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important
}

.py-1 {
    padding-top: .25rem !important;
    padding-bottom: .25rem !important
}

.py-10 {
    padding-top: 2.5rem !important;
    padding-bottom: 2.5rem !important
}

.py-11 {
    padding-top: 2.75rem !important;
    padding-bottom: 2.75rem !important
}

.py-13 {
    padding-top: 3.25rem !important;
    padding-bottom: 3.25rem !important
}

.py-14 {
    padding-top: 3.5rem !important;
    padding-bottom: 3.5rem !important
}

.py-15 {
    padding-top: 3.75rem !important;
    padding-bottom: 3.75rem !important
}

.py-2 {
    padding-top: .5rem !important;
    padding-bottom: .5rem !important
}

.py-3 {
    padding-top: .75rem !important;
    padding-bottom: .75rem !important
}

.py-4 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important
}

.py-5 {
    padding-top: 1.25rem !important;
    padding-bottom: 1.25rem !important
}

.py-6 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important
}

.py-7 {
    padding-top: 1.75rem !important;
    padding-bottom: 1.75rem !important
}

.py-8 {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important
}

.pb-0 {
    padding-bottom: 0 !important
}

.pb-1 {
    padding-bottom: .25rem !important
}

.pb-10 {
    padding-bottom: 2.5rem !important
}

.pb-2 {
    padding-bottom: .5rem !important
}

.pb-3 {
    padding-bottom: .75rem !important
}

.pb-4 {
    padding-bottom: 1rem !important
}

.pb-5 {
    padding-bottom: 1.25rem !important
}

.pb-6 {
    padding-bottom: 1.5rem !important
}

.pb-8 {
    padding-bottom: 2rem !important
}

.pb-9 {
    padding-bottom: 2.25rem !important
}

.pl-0 {
    padding-left: 0 !important
}

.pl-1 {
    padding-left: .25rem !important
}

.pl-10 {
    padding-left: 2.5rem !important
}

.pl-2 {
    padding-left: .5rem !important
}

.pl-3 {
    padding-left: .75rem !important
}

.pl-4 {
    padding-left: 1rem !important
}

.pl-5 {
    padding-left: 1.25rem !important
}

.pr-10 {
    padding-right: 2.5rem !important
}

.pr-2 {
    padding-right: .5rem !important
}

.pr-3 {
    padding-right: .75rem !important
}

.pr-4 {
    padding-right: 1rem !important
}

.pr-5 {
    padding-right: 1.25rem !important
}

.pr-6 {
    padding-right: 1.5rem !important
}

.pr-8 {
    padding-right: 2rem !important
}

.pt-0 {
    padding-top: 0 !important
}

.pt-1 {
    padding-top: .25rem !important
}

.pt-10 {
    padding-top: 2.5rem !important
}

.pt-2 {
    padding-top: .5rem !important
}

.pt-3 {
    padding-top: .75rem !important
}

.pt-4 {
    padding-top: 1rem !important
}

.pt-5 {
    padding-top: 1.25rem !important
}

.pt-6 {
    padding-top: 1.5rem !important
}

.pt-7 {
    padding-top: 1.75rem !important
}

.pt-8 {
    padding-top: 2rem !important
}

.pt-9 {
    padding-top: 2.25rem !important
}

.text-left {
    text-align: left !important
}

.text-center {
    text-align: center !important
}

.text-right {
    text-align: right !important
}

.align-baseline {
    vertical-align: baseline !important
}

.align-top {
    vertical-align: top !important
}

.align-middle {
    vertical-align: middle !important
}

.align-bottom {
    vertical-align: bottom !important
}

.align-text-top {
    vertical-align: text-top !important
}

.text-5xl {
    font-size: 3rem !important;
    line-height: 1 !important
}

.text-base {
    font-size: 1rem !important;
    line-height: 1.5rem !important
}

.text-lg {
    font-size: 1.125rem !important;
    line-height: 1.75rem !important
}

.text-sm {
    font-size: .875rem !important;
    line-height: 1.25rem !important
}

.text-xl {
    font-size: 1.25rem !important;
    line-height: 1.75rem !important
}

.font-bold {
    font-weight: 700 !important
}

.font-extrabold {
    font-weight: 800 !important
}

.font-light {
    font-weight: 300 !important
}

.font-medium {
    font-weight: 500 !important
}

.font-normal {
    font-weight: 400 !important
}

.font-semibold {
    font-weight: 600 !important
}

.uppercase {
    text-transform: uppercase !important
}

.lowercase {
    text-transform: lowercase !important
}

.leading-4 {
    line-height: 1rem !important
}

.leading-6 {
    line-height: 1.5rem !important
}

.leading-loose {
    line-height: 2 !important
}

.leading-none {
    line-height: 1 !important
}

.leading-normal {
    line-height: 1.5 !important
}

.leading-tight {
    line-height: 1.25 !important
}

.tracking-reduced {
    letter-spacing: -.4px !important
}

.text-accent {
    color: #3636ec !important
}

.text-accent-dark {
    color: #202096 !important
}

.text-danger {
    color: #ea711a !important
}

.text-foreground {
    color: #fff !important
}

.text-foreground\/40 {
    color: #fff6 !important
}

.text-foreground\/60 {
    color: #fff9 !important
}

.text-foreground\/80 {
    color: #fffc !important
}

.text-info {
    color: #00a6bb !important
}

.text-primary {
    color: #9757ff !important
}

.text-success {
    color: #00bf00 !important
}

.text-warn {
    color: #ef0000 !important
}

.text-white {
    color: #fff !important
}

.text-white\/20 {
    color: #fff3 !important
}

.underline {
    text-decoration-line: underline !important
}

.line-through {
    text-decoration-line: line-through !important
}

.opacity-0 {
    opacity: 0 !important
}

.opacity-100 {
    opacity: 1 !important
}

.opacity-20 {
    opacity: .2 !important
}

.opacity-40 {
    opacity: .4 !important
}

.opacity-5 {
    opacity: .05 !important
}

.opacity-60 {
    opacity: .6 !important
}

.shadow {
    --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1) !important;
    --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color) !important;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important
}

.shadow-none {
    --tw-shadow: 0 0 #0000 !important;
    --tw-shadow-colored: 0 0 #0000 !important;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important
}

.outline {
    outline-style: solid !important
}

.transition-transform {
    transition-property: transform !important;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1) !important;
    transition-duration: .15s !important
}

.duration-200 {
    transition-duration: .2s !important
}

@media not all and (min-width: 960px) {
    .mat-typography .max-lg\:mat-subtitle-2 {
        font-size: 14px;
        line-height: 20px;
        font-weight: 400
    }
}

@media not all and (min-width: 720px) {
    .mat-typography .max-md\:mat-caption {
        font-size: 12px;
        line-height: 16px;
        font-weight: 400
    }
}

@media not all and (min-width: 540px) {
    .mat-typography .max-sm\:mat-subtitle-2 {
        font-size: 14px;
        line-height: 20px;
        font-weight: 400
    }
}

@media (min-width: 540px) {
    .sm\:col-4 {
        flex: 0 0 auto;
        width: 33.333333333333336%
    }
    .sm\:col-6 {
        flex: 0 0 auto;
        width: 50%
    }
    .sm\:gx-6 {
        --tw-gutter-x: 1.5rem !important
    }
    .mat-typography .sm\:mat-headline-2 {
        font-size: 32px;
        line-height: 40px;
        font-weight: 500
    }
}

@media (min-width: 720px) {
    .md\:col {
        flex: 1 0 0%
    }
    .md\:col-3 {
        flex: 0 0 auto;
        width: 25%
    }
    .md\:col-4 {
        flex: 0 0 auto;
        width: 33.333333333333336%
    }
    .md\:col-6 {
        flex: 0 0 auto;
        width: 50%
    }
    .md\:col-8 {
        flex: 0 0 auto;
        width: 66.66666666666667%
    }
    .md\:gx-12 {
        --tw-gutter-x: 3rem !important
    }
}

@media (min-width: 960px) {
    .lg\:col {
        flex: 1 0 0%
    }
    .lg\:col-3 {
        flex: 0 0 auto;
        width: 25%
    }
    .lg\:col-4 {
        flex: 0 0 auto;
        width: 33.333333333333336%
    }
    .lg\:col-5 {
        flex: 0 0 auto;
        width: 41.66666666666667%
    }
    .lg\:col-6 {
        flex: 0 0 auto;
        width: 50%
    }
    .lg\:col-7 {
        flex: 0 0 auto;
        width: 58.333333333333336%
    }
    .lg\:col-8 {
        flex: 0 0 auto;
        width: 66.66666666666667%
    }
    .lg\:col-9 {
        flex: 0 0 auto;
        width: 75%
    }
    .lg\:col-12 {
        flex: 0 0 auto;
        width: 100%
    }
    .lg\:gx-12 {
        --tw-gutter-x: 3rem !important
    }
    .lg\:g-20 {
        --tw-gutter-x: 5rem !important;
        --tw-gutter-y: 5rem !important
    }
    .mat-typography .lg\:mat-headline-2 {
        font-size: 32px;
        line-height: 40px;
        font-weight: 500
    }
    .mat-typography .lg\:mat-headline-4 {
        font-size: 24px;
        line-height: 40px;
        font-weight: 400
    }
    .mat-typography .lg\:mat-headline-5 {
        font-size: 20px;
        line-height: 24px;
        font-weight: 500
    }
    .mat-typography .lg\:mat-subtitle-2 {
        font-size: 14px;
        line-height: 20px;
        font-weight: 400
    }
    .mat-typography .lg\:mat-body-1 {
        font-size: 16px;
        line-height: 24px;
        font-weight: 500
    }
    .mat-typography .lg\:mat-body-2 {
        font-size: 14px;
        line-height: 20px;
        font-weight: 600
    }
}

@media (min-width: 1140px) {
    .xl\:col-3 {
        flex: 0 0 auto;
        width: 25%
    }
    .xl\:col-4 {
        flex: 0 0 auto;
        width: 33.333333333333336%
    }
    .xl\:col-6 {
        flex: 0 0 auto;
        width: 50%
    }
    .xl\:col-8 {
        flex: 0 0 auto;
        width: 66.66666666666667%
    }
    .xl\:gx-20 {
        --tw-gutter-x: 5rem !important
    }
}

@media (min-width: 1440px) {
    .xxl\:col-2 {
        flex: 0 0 auto;
        width: 16.666666666666668%
    }
}

.placeholder\:text-white\/60::placeholder {
    color: #fff9 !important
}

.odd\:bg-white\/2:nth-child(odd) {
    background-color: #ffffff05 !important
}

.hover\:text-warn:hover {
    color: #ef0000 !important
}

.focus\:outline-none:focus {
    outline: 2px solid transparent !important;
    outline-offset: 2px !important
}

@media not all and (min-width: 960px) {
    .max-lg\:mx-0 {
        margin-left: 0 !important;
        margin-right: 0 !important
    }
    .max-lg\:mx-auto {
        margin-left: auto !important;
        margin-right: auto !important
    }
    .max-lg\:mr-10 {
        margin-right: 2.5rem !important
    }
    .max-lg\:mt-4 {
        margin-top: 1rem !important
    }
    .max-lg\:h-\[32px\] {
        height: 32px !important
    }
    .max-lg\:h-\[40px\] {
        height: 40px !important
    }
    .max-lg\:w-3\/4 {
        width: 75% !important
    }
    .max-lg\:border-accent {
        --tw-border-opacity: 1 !important;
        border-color: rgb(54 54 236 / var(--tw-border-opacity)) !important
    }
    .max-lg\:px-5 {
        padding-left: 1.25rem !important;
        padding-right: 1.25rem !important
    }
    .max-lg\:pt-10 {
        padding-top: 2.5rem !important
    }
    .max-lg\:text-center {
        text-align: center !important
    }
    .max-lg\:text-justify {
        text-align: justify !important
    }
    .max-lg\:font-bold {
        font-weight: 700 !important
    }
    .max-lg\:font-medium {
        font-weight: 500 !important
    }
}

@media not all and (min-width: 720px) {
    .max-md\:p-1 {
        padding: .25rem !important
    }
    .max-md\:pl-0 {
        padding-left: 0 !important
    }
    .max-md\:pr-0 {
        padding-right: 0 !important
    }
}

@media not all and (min-width: 540px) {
    .max-sm\:mt-5 {
        margin-top: 1.25rem !important
    }
    .max-sm\:flex {
        display: flex !important
    }
    .max-sm\:flex-col {
        flex-direction: column !important
    }
    .max-sm\:border-none {
        border-style: none !important
    }
    .max-sm\:bg-none {
        background-image: none !important
    }
    .max-sm\:pt-1 {
        padding-top: .25rem !important
    }
    .max-sm\:shadow {
        --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1) !important;
        --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color) !important;
        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important
    }
    .max-sm\:backdrop-filter-none {
        -webkit-backdrop-filter: none !important;
        backdrop-filter: none !important
    }
}

@media (min-width: 540px) {
    .sm\:absolute {
        position: absolute !important
    }
    .sm\:mx-auto {
        margin-left: auto !important;
        margin-right: auto !important
    }
    .sm\:my-7 {
        margin-top: 1.75rem !important;
        margin-bottom: 1.75rem !important
    }
    .sm\:mb-0 {
        margin-bottom: 0 !important
    }
    .sm\:mb-10 {
        margin-bottom: 2.5rem !important
    }
    .sm\:mb-6 {
        margin-bottom: 1.5rem !important
    }
    .sm\:mt-0 {
        margin-top: 0 !important
    }
    .sm\:mt-12 {
        margin-top: 3rem !important
    }
    .sm\:mt-6 {
        margin-top: 1.5rem !important
    }
    .sm\:mt-8 {
        margin-top: 2rem !important
    }
    .sm\:block {
        display: block !important
    }
    .sm\:inline {
        display: inline !important
    }
    .sm\:flex {
        display: flex !important
    }
    .sm\:w-1\/4 {
        width: 25% !important
    }
    .sm\:w-3\/4 {
        width: 75% !important
    }
    .sm\:flex-row {
        flex-direction: row !important
    }
    .sm\:items-center {
        align-items: center !important
    }
    .sm\:gap-5 {
        gap: 1.25rem !important
    }
    .sm\:gap-6 {
        gap: 1.5rem !important
    }
    .sm\:p-3 {
        padding: .75rem !important
    }
    .sm\:px-3 {
        padding-left: .75rem !important;
        padding-right: .75rem !important
    }
    .sm\:px-5 {
        padding-left: 1.25rem !important;
        padding-right: 1.25rem !important
    }
    .sm\:px-8 {
        padding-left: 2rem !important;
        padding-right: 2rem !important
    }
    .sm\:py-10 {
        padding-top: 2.5rem !important;
        padding-bottom: 2.5rem !important
    }
    .sm\:py-15 {
        padding-top: 3.75rem !important;
        padding-bottom: 3.75rem !important
    }
    .sm\:pb-10 {
        padding-bottom: 2.5rem !important
    }
    .sm\:pt-0 {
        padding-top: 0 !important
    }
    .sm\:pt-6 {
        padding-top: 1.5rem !important
    }
    .sm\:text-right {
        text-align: right !important
    }
    .sm\:text-xl {
        font-size: 1.25rem !important;
        line-height: 1.75rem !important
    }
}

@media (min-width: 720px) {
    .md\:order-1 {
        order: 1 !important
    }
    .md\:order-2 {
        order: 2 !important
    }
    .md\:-mx-4 {
        margin-left: -1rem !important;
        margin-right: -1rem !important
    }
    .md\:mx-0 {
        margin-left: 0 !important;
        margin-right: 0 !important
    }
    .md\:mx-6 {
        margin-left: 1.5rem !important;
        margin-right: 1.5rem !important
    }
    .md\:my-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }
    .md\:my-8 {
        margin-top: 2rem !important;
        margin-bottom: 2rem !important
    }
    .md\:mb-0 {
        margin-bottom: 0 !important
    }
    .md\:mb-10 {
        margin-bottom: 2.5rem !important
    }
    .md\:mb-4 {
        margin-bottom: 1rem !important
    }
    .md\:mb-5 {
        margin-bottom: 1.25rem !important
    }
    .md\:mb-8 {
        margin-bottom: 2rem !important
    }
    .md\:ml-5 {
        margin-left: 1.25rem !important
    }
    .md\:ml-auto {
        margin-left: auto !important
    }
    .md\:mr-10 {
        margin-right: 2.5rem !important
    }
    .md\:mr-3 {
        margin-right: .75rem !important
    }
    .md\:mt-0 {
        margin-top: 0 !important
    }
    .md\:mt-10 {
        margin-top: 2.5rem !important
    }
    .md\:mt-11 {
        margin-top: 2.75rem !important
    }
    .md\:mt-14 {
        margin-top: 3.5rem !important
    }
    .md\:mt-16 {
        margin-top: 4rem !important
    }
    .md\:mt-3 {
        margin-top: .75rem !important
    }
    .md\:mt-5 {
        margin-top: 1.25rem !important
    }
    .md\:mt-6 {
        margin-top: 1.5rem !important
    }
    .md\:block {
        display: block !important
    }
    .md\:flex {
        display: flex !important
    }
    .md\:hidden {
        display: none !important
    }
    .md\:w-1\/2 {
        width: 50% !important
    }
    .md\:w-auto {
        width: auto !important
    }
    .md\:min-w-\[180px\] {
        min-width: 180px !important
    }
    .md\:flex-row {
        flex-direction: row !important
    }
    .md\:flex-col {
        flex-direction: column !important
    }
    .md\:flex-nowrap {
        flex-wrap: nowrap !important
    }
    .md\:items-center {
        align-items: center !important
    }
    .md\:justify-start {
        justify-content: flex-start !important
    }
    .md\:justify-end {
        justify-content: flex-end !important
    }
    .md\:justify-between {
        justify-content: space-between !important
    }
    .md\:p-10 {
        padding: 2.5rem !important
    }
    .md\:p-12 {
        padding: 3rem !important
    }
    .md\:p-8 {
        padding: 2rem !important
    }
    .md\:px-12 {
        padding-left: 3rem !important;
        padding-right: 3rem !important
    }
    .md\:px-2 {
        padding-left: .5rem !important;
        padding-right: .5rem !important
    }
    .md\:px-20 {
        padding-left: 5rem !important;
        padding-right: 5rem !important
    }
    .md\:px-3 {
        padding-left: .75rem !important;
        padding-right: .75rem !important
    }
    .md\:px-6 {
        padding-left: 1.5rem !important;
        padding-right: 1.5rem !important
    }
    .md\:px-8 {
        padding-left: 2rem !important;
        padding-right: 2rem !important
    }
    .md\:py-10 {
        padding-top: 2.5rem !important;
        padding-bottom: 2.5rem !important
    }
    .md\:py-4 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important
    }
    .md\:py-5 {
        padding-top: 1.25rem !important;
        padding-bottom: 1.25rem !important
    }
    .md\:py-7 {
        padding-top: 1.75rem !important;
        padding-bottom: 1.75rem !important
    }
    .md\:py-8 {
        padding-top: 2rem !important;
        padding-bottom: 2rem !important
    }
    .md\:pb-15 {
        padding-bottom: 3.75rem !important
    }
    .md\:pb-8 {
        padding-bottom: 2rem !important
    }
    .md\:pl-13 {
        padding-left: 3.25rem !important
    }
    .md\:pr-20 {
        padding-right: 5rem !important
    }
    .md\:pt-0 {
        padding-top: 0 !important
    }
    .md\:pt-16 {
        padding-top: 4rem !important
    }
    .md\:pt-5 {
        padding-top: 1.25rem !important
    }
    .md\:pt-8 {
        padding-top: 2rem !important
    }
    .md\:text-left {
        text-align: left !important
    }
}

@media (min-width: 960px) {
    .lg\:absolute {
        position: absolute !important
    }
    .lg\:right-0 {
        right: 0 !important
    }
    .lg\:top-0 {
        top: 0 !important
    }
    .lg\:order-1 {
        order: 1 !important
    }
    .lg\:order-2 {
        order: 2 !important
    }
    .lg\:order-3 {
        order: 3 !important
    }
    .lg\:m-0 {
        margin: 0 !important
    }
    .lg\:m-4 {
        margin: 1rem !important
    }
    .lg\:-mx-12 {
        margin-left: -3rem !important;
        margin-right: -3rem !important
    }
    .lg\:mx-0 {
        margin-left: 0 !important;
        margin-right: 0 !important
    }
    .lg\:mx-6 {
        margin-left: 1.5rem !important;
        margin-right: 1.5rem !important
    }
    .lg\:my-10 {
        margin-top: 2.5rem !important;
        margin-bottom: 2.5rem !important
    }
    .lg\:my-20 {
        margin-top: 5rem !important;
        margin-bottom: 5rem !important
    }
    .lg\:-mb-10 {
        margin-bottom: -2.5rem !important
    }
    .lg\:-mr-3 {
        margin-right: -.75rem !important
    }
    .lg\:mb-0 {
        margin-bottom: 0 !important
    }
    .lg\:mb-10 {
        margin-bottom: 2.5rem !important
    }
    .lg\:mb-15 {
        margin-bottom: 3.75rem !important
    }
    .lg\:mb-3 {
        margin-bottom: .75rem !important
    }
    .lg\:mb-4 {
        margin-bottom: 1rem !important
    }
    .lg\:mb-5 {
        margin-bottom: 1.25rem !important
    }
    .lg\:mb-8 {
        margin-bottom: 2rem !important
    }
    .lg\:ml-0 {
        margin-left: 0 !important
    }
    .lg\:ml-4 {
        margin-left: 1rem !important
    }
    .lg\:ml-auto {
        margin-left: auto !important
    }
    .lg\:mr-0 {
        margin-right: 0 !important
    }
    .lg\:mr-10 {
        margin-right: 2.5rem !important
    }
    .lg\:mr-20 {
        margin-right: 5rem !important
    }
    .lg\:mr-3 {
        margin-right: .75rem !important
    }
    .lg\:mr-4 {
        margin-right: 1rem !important
    }
    .lg\:mr-5 {
        margin-right: 1.25rem !important
    }
    .lg\:mr-8 {
        margin-right: 2rem !important
    }
    .lg\:mt-0 {
        margin-top: 0 !important
    }
    .lg\:mt-10 {
        margin-top: 2.5rem !important
    }
    .lg\:mt-15 {
        margin-top: 3.75rem !important
    }
    .lg\:mt-16 {
        margin-top: 4rem !important
    }
    .lg\:mt-17 {
        margin-top: 4.25rem !important
    }
    .lg\:mt-19 {
        margin-top: 4.75rem !important
    }
    .lg\:mt-20 {
        margin-top: 5rem !important
    }
    .lg\:mt-4 {
        margin-top: 1rem !important
    }
    .lg\:mt-5 {
        margin-top: 1.25rem !important
    }
    .lg\:mt-7 {
        margin-top: 1.75rem !important
    }
    .lg\:mt-8 {
        margin-top: 2rem !important
    }
    .lg\:block {
        display: block !important
    }
    .lg\:h-8 {
        height: 2rem !important
    }
    .lg\:h-\[120px\] {
        height: 120px !important
    }
    .lg\:h-\[285px\] {
        height: 285px !important
    }
    .lg\:h-\[40px\] {
        height: 40px !important
    }
    .lg\:h-\[485px\] {
        height: 485px !important
    }
    .lg\:w-1\/2 {
        width: 50% !important
    }
    .lg\:w-3\/4 {
        width: 75% !important
    }
    .lg\:w-8 {
        width: 2rem !important
    }
    .lg\:w-auto {
        width: auto !important
    }
    .lg\:flex-row {
        flex-direction: row !important
    }
    .lg\:flex-col {
        flex-direction: column !important
    }
    .lg\:items-start {
        align-items: flex-start !important
    }
    .lg\:items-center {
        align-items: center !important
    }
    .lg\:justify-start {
        justify-content: flex-start !important
    }
    .lg\:justify-end {
        justify-content: flex-end !important
    }
    .lg\:justify-between {
        justify-content: space-between !important
    }
    .lg\:gap-12 {
        gap: 3rem !important
    }
    .lg\:gap-3 {
        gap: .75rem !important
    }
    .lg\:gap-5 {
        gap: 1.25rem !important
    }
    .lg\:rounded-b-none {
        border-bottom-right-radius: 0 !important;
        border-bottom-left-radius: 0 !important
    }
    .lg\:border-b-0 {
        border-bottom-width: 0px !important
    }
    .lg\:bg-transparent {
        background-color: transparent !important
    }
    .lg\:p-10 {
        padding: 2.5rem !important
    }
    .lg\:p-12 {
        padding: 3rem !important
    }
    .lg\:p-15 {
        padding: 3.75rem !important
    }
    .lg\:p-2 {
        padding: .5rem !important
    }
    .lg\:p-5 {
        padding: 1.25rem !important
    }
    .lg\:p-6 {
        padding: 1.5rem !important
    }
    .lg\:px-10 {
        padding-left: 2.5rem !important;
        padding-right: 2.5rem !important
    }
    .lg\:px-12 {
        padding-left: 3rem !important;
        padding-right: 3rem !important
    }
    .lg\:px-14 {
        padding-left: 3.5rem !important;
        padding-right: 3.5rem !important
    }
    .lg\:px-15 {
        padding-left: 3.75rem !important;
        padding-right: 3.75rem !important
    }
    .lg\:px-20 {
        padding-left: 5rem !important;
        padding-right: 5rem !important
    }
    .lg\:px-3 {
        padding-left: .75rem !important;
        padding-right: .75rem !important
    }
    .lg\:px-4 {
        padding-left: 1rem !important;
        padding-right: 1rem !important
    }
    .lg\:px-5 {
        padding-left: 1.25rem !important;
        padding-right: 1.25rem !important
    }
    .lg\:px-6 {
        padding-left: 1.5rem !important;
        padding-right: 1.5rem !important
    }
    .lg\:px-8 {
        padding-left: 2rem !important;
        padding-right: 2rem !important
    }
    .lg\:py-1 {
        padding-top: .25rem !important;
        padding-bottom: .25rem !important
    }
    .lg\:py-10 {
        padding-top: 2.5rem !important;
        padding-bottom: 2.5rem !important
    }
    .lg\:py-3 {
        padding-top: .75rem !important;
        padding-bottom: .75rem !important
    }
    .lg\:py-4 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important
    }
    .lg\:py-5 {
        padding-top: 1.25rem !important;
        padding-bottom: 1.25rem !important
    }
    .lg\:py-6 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important
    }
    .lg\:py-9 {
        padding-top: 2.25rem !important;
        padding-bottom: 2.25rem !important
    }
    .lg\:pb-0 {
        padding-bottom: 0 !important
    }
    .lg\:pb-10 {
        padding-bottom: 2.5rem !important
    }
    .lg\:pb-4 {
        padding-bottom: 1rem !important
    }
    .lg\:pl-0 {
        padding-left: 0 !important
    }
    .lg\:pl-10 {
        padding-left: 2.5rem !important
    }
    .lg\:pl-20 {
        padding-left: 5rem !important
    }
    .lg\:pl-5 {
        padding-left: 1.25rem !important
    }
    .lg\:pl-6 {
        padding-left: 1.5rem !important
    }
    .lg\:pr-0 {
        padding-right: 0 !important
    }
    .lg\:pr-20 {
        padding-right: 5rem !important
    }
    .lg\:pr-6 {
        padding-right: 1.5rem !important
    }
    .lg\:pt-0 {
        padding-top: 0 !important
    }
    .lg\:pt-15 {
        padding-top: 3.75rem !important
    }
    .lg\:pt-4 {
        padding-top: 1rem !important
    }
    .lg\:pt-6 {
        padding-top: 1.5rem !important
    }
    .lg\:text-left {
        text-align: left !important
    }
    .lg\:font-normal {
        font-weight: 400 !important
    }
    .lg\:tracking-reduced {
        letter-spacing: -.4px !important
    }
    .lg\:text-foreground\/60 {
        color: #fff9 !important
    }
    .lg\:text-foreground\/80 {
        color: #fffc !important
    }
}

@media (min-width: 1140px) {
    .xl\:relative {
        position: relative !important
    }
    .xl\:-mb-10 {
        margin-bottom: -2.5rem !important
    }
    .xl\:mt-0 {
        margin-top: 0 !important
    }
    .xl\:whitespace-nowrap {
        white-space: nowrap !important
    }
    .xl\:p-15 {
        padding: 3.75rem !important
    }
    .xl\:px-10 {
        padding-left: 2.5rem !important;
        padding-right: 2.5rem !important
    }
    .xl\:px-15 {
        padding-left: 3.75rem !important;
        padding-right: 3.75rem !important
    }
    .xl\:px-20 {
        padding-left: 5rem !important;
        padding-right: 5rem !important
    }
    .xl\:px-5 {
        padding-left: 1.25rem !important;
        padding-right: 1.25rem !important
    }
    .xl\:py-10 {
        padding-top: 2.5rem !important;
        padding-bottom: 2.5rem !important
    }
    .xl\:py-14 {
        padding-top: 3.5rem !important;
        padding-bottom: 3.5rem !important
    }
    .xl\:py-8 {
        padding-top: 2rem !important;
        padding-bottom: 2rem !important
    }
    .xl\:text-base {
        font-size: 1rem !important;
        line-height: 1.5rem !important
    }
}

@media (min-width: 1440px) {
    .xxl\:ml-auto {
        margin-left: auto !important
    }
    .xxl\:hidden {
        display: none !important
    }
    .xxl\:grow {
        flex-grow: 1 !important
    }
}