body {
    /* background: linear-gradient(90deg,rgba(32, 0, 91, 1) 0%, rgba(30, 13, 33, 1) 17%, rgba(34, 1, 96, 1) 53%, rgba(30, 13, 33, 1) 85%, rgba(32, 0, 91, 1) 100%) !important; */
    background: linear-gradient(90deg,rgba(32, 0, 91, 1) 0%, rgba(30, 13, 33, 1) 17%, rgba(34, 1, 96, 1) 53%, rgba(30, 13, 33, 1) 85%, rgba(32, 0, 91, 1) 100%) !important;
    /* background-size: 200vw 100vh !important;
    background-position: center !important; */
}
@media (max-width: 1024px) {
    body {
        background-size: 200vw !important;
    }
    .mat-bottom-sheet-container {
        --background: #1e1e2a;
    }
}

partner-links > div {
    align-items: center !important;
}

img[class*="max-w-28"] {
    max-width: 15rem !important;
}

.mdc-list-item--with-leading-avatar [class*="mat-mdc-list-item-avatar"] {
    border-radius: 0 !important;
}

/* .mdc-text-field--filled:not(.mdc-text-field--disabled)
{
    background-color: #fafafa !important;
} */

reserve-item {
  display: none !important;
}

:root {
    --main-color: #00015e;
    --text-foreground: #616161 !important;
    --body-background: #f5f7f9 !important;
    --body-text-color: #222222 !important;
    --primary-background: var(--main-color) !important;
    --primary-text-color: #ffffff !important;
    --default-link: var(--main-color) !important; 
    --footer-background: #ffffff !important;
    --footer-text-color: #222222 !important;
    --input-background: #f8f9fb !important;
    --default-text-color: var(--main-color) !important;
    --default-link: var(--main-color) !important;
    --primary-button-bg-color: var(--main-color) !important;
    --header-logotype-color: var(--main-color) !important;
    --mat-list-list-item-two-line-container-height: var(--mat-list-list-item-one-line-container-height) !important;
}
.dark {
    --main-color: #b41af0 !important;
    --body-text-color: #fff !important;
    --background: rgba(255,255,255,0.1) !important;
    --input-background: #21262e !important;
    --default-link: #fff !important;
    --mat-button-text-label-text-color: #fff !important;
    --foreground: rgb(202 87 247 / 15%) !important;
    --mat-sys-error: #b44444;
    --mat-sys-on-error-container: #bc3333;
    --footer-background: rgba(255,255,255,0.1) !important;
    --footer-text-color: #fff !important;
    .exchange__rates {
        --secondary-background-foreground: rgba(233, 233, 233, 0.25);
    }
}
.dark order-details .text-\(--text-foreground\) {
    --text-foreground: #ffffff;
}
.dark order-details div[class*="from-red"] {
    --tw-gradient-via-stops: #a52a2a !important;
}
.dark order-pay-footer div[class*="bg-red"] {
    /* background-color: rgb(251 238 100 / 25%) !important; */
    background-color: rgb(255 90 90 / 25%) !important;
}
.dark order-pay-footer div[class*="border-red"] {
    /* border-color: rgb(251 238 100); */
}
.dark div[style*="background-color"] {
    background-color: var(--mat-toolbar-container-background-color, var(--mat-sys-surface)) !important;
}
.dark div.h-full.fixed {
    --background: var(--mat-toolbar-container-background-color, var(--mat-sys-surface));
}
.dark .mat-toolbar {
    --text-foreground: #fff;
}
.dark .mat-toolbar div[class*="border"] {
    border: none !important;
}
.dark .mat-toolbar.shadow-none {
    --tw-shadow-color: transparent !important;
    box-shadow: none !important;
}
/* .dark img.ng-star-inserted[ng-img="true"],
.dark .mat-toolbar img.ng-star-inserted {
    filter: invert(100%) brightness(100%);
} */
.dark p > a {
    text-decoration: underline;
    text-underline-offset: 2px;
}
.dark .exchange__form div[class*="bg-green"]{
    --color-green-600: var(--foreground);   
}
.dark .exchange__rates + div.border.formatting__text {display: none;}

.dark jdiv[style*="background:"] {
    background: linear-gradient(95deg, var(--main-color) 20%, var(--main-color) 80%) !important;
}

.mat-mdc-form-field-hint-wrapper, .mat-mdc-form-field-error-wrapper {
    padding: 0px !important;
}

.exchange__finally formly-form .mat-mdc-form-field-hint-wrapper .mat-mdc-form-field-hint {
    border-radius: 2rem !important;
}

app-bitcoin-load {
    display: none !important;
}


default-fields.block > div {
    margin-inline: 0px;
    border-radius: 2rem;
}

app-logo {
    display: flex;
    align-items: center;
    margin-left: 1rem;
}

 [aria-atomic="true"][aria-live="polite"].mat-mdc-form-field-subscript-wrapper.mat-mdc-form-field-bottom-align:not(.mat-mdc-form-field-subscript-dynamic-size) {     height: calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-y-reverse))); }
 

.space-y-4 > app-notifications {
  --spacing: 0.25rem;
  display: block;
}

.space-y-4 > app-notifications:not(:last-child) {
  margin-bottom: calc(var(--spacing, 0.25rem) * 4);
}

.mdc-list-item.mdc-list-item--with-two-lines .mdc-list-item__start {
    align-self: center;
    margin-top: 0;
}
.exchange__form div.border {
    background: var(--exchange-block-bg);
    border: none;
}

input {
    background-color: var(--input-background);
    border: none;
}