.phantom-red {
    --ep-default-font-family: "Prompt", -apple-system, "Roboto", sans-serif;
    --ep-values-2: .125rem;
    --ep-values-4: .25rem;
    --ep-values-6: .375rem;
    --ep-values-8: .5rem;
    --ep-values-10: .625rem;
    --ep-values-12: .75rem;
    --ep-values-14: .875rem;
    --ep-values-16: 1rem;
    --ep-values-18: 1.125rem;
    --ep-values-20: 1.25rem;
    --ep-values-24: 1.5rem;
    --ep-values-36: 2.25rem;
    --ep-values-infinity: 624.9375rem;
    --ep-values-200: 200;
    --ep-values-400: 400;
    --ep-values-600: 600;
    --ep-values-700: 700;
    --ep-values-900: 900;
    --ep-accent-blue: #ff4d5d;
    --ep-accent-red: #E64021;
    --ep-accent-orange: #FC974C;
    --ep-accent-green: #53C154;
    --ep-accent-yellow: #F5C84C;
    --ep-neutral-white-white-100: rgba(255, 255, 255, 1);
    --ep-neutral-white-white-90: rgba(255, 255, 255, .9);
    --ep-neutral-white-white-80: rgba(255, 255, 255, .8);
    --ep-neutral-white-white-70: rgba(255, 255, 255, .7);
    --ep-neutral-white-white-60: rgba(255, 255, 255, .6);
    --ep-neutral-white-white-50: rgba(255, 255, 255, .5);
    --ep-neutral-white-white-40: rgba(255, 255, 255, .4);
    --ep-neutral-white-white-30: rgba(255, 255, 255, .3);
    --ep-neutral-white-white-20: rgba(255, 255, 255, .2);
    --ep-neutral-white-white-10: rgba(255, 255, 255, .1);
    --ep-neutral-black-black-100: rgba(0, 0, 0, 1);
    --ep-neutral-black-black-90: rgba(0, 0, 0, .9);
    --ep-neutral-black-black-80: rgba(0, 0, 0, .8);
    --ep-neutral-black-black-70: rgba(0, 0, 0, .7);
    --ep-neutral-black-black-60: rgba(0, 0, 0, .6);
    --ep-neutral-black-black-50: rgba(0, 0, 0, .5);
    --ep-neutral-black-black-40: rgba(0, 0, 0, .4);
    --ep-neutral-black-black-30: rgba(0, 0, 0, .3);
    --ep-neutral-black-black-20: rgba(0, 0, 0, .2);
    --ep-neutral-black-black-10: rgba(0, 0, 0, .1);
    --ep-primary-primary-900: rgba(84, 10, 13, 1);
    --ep-primary-primary-800: rgba(125, 15, 20, 1);
    --ep-primary-primary-700: rgba(163, 20, 28, 1);
    --ep-primary-primary-600: rgba(199, 23, 31, 1);
    --ep-primary-primary-500: rgba(232, 31, 36, 1);
    --ep-primary-primary-400: rgba(247, 97, 99, 1);
    --ep-primary-primary-300: rgba(255, 158, 158, 1);
    --ep-primary-primary-200: rgba(255, 199, 201, 1);
    --ep-primary-primary-100: rgba(255, 232, 235, 1);
    --ep-primary-primary-Opacity: rgba(232, 31, 36, .4);
    --ep-secondary-secondary-900: rgba(78, 0, 0, 1);
    --ep-secondary-secondary-800: rgba(106, 0, 0, 1);
    --ep-secondary-secondary-700: rgba(138, 0, 0, 1);
    --ep-secondary-secondary-600: rgba(176, 0, 0, 1);
    --ep-secondary-secondary-500: rgba(210, 17, 27, 1);
    --ep-secondary-secondary-400: rgba(231, 80, 86, 1);
    --ep-secondary-secondary-300: rgba(244, 146, 150, 1);
    --ep-secondary-secondary-200: rgba(251, 193, 195, 1);
    --ep-secondary-secondary-100: rgba(255, 235, 235, 1);
    --ep-secondary-secondary-Opacity: rgba(210, 17, 27, .4);
    --ep-tertiary-tertiary-900: rgba(84, 66, 94, 1);
    --ep-tertiary-tertiary-800: rgba(105, 89, 122, 1);
    --ep-tertiary-tertiary-700: rgba(130, 107, 148, 1);
    --ep-tertiary-tertiary-600: rgba(153, 128, 171, 1);
    --ep-tertiary-tertiary-500: rgba(171, 150, 191, 1);
    --ep-tertiary-tertiary-400: rgba(204, 186, 214, 1);
    --ep-tertiary-tertiary-300: rgba(222, 209, 230, 1);
    --ep-tertiary-tertiary-200: rgba(237, 232, 242, 1);
    --ep-tertiary-tertiary-100: rgba(247, 245, 250, 1);
    --ep-tertiary-tertiary-Opacity: rgba(171, 150, 191, .4);
    --ep-inverse-inverse-900: rgba(96, 0, 0, 1);
    --ep-inverse-inverse-800: rgba(126, 0, 0, 1);
    --ep-inverse-inverse-700: rgba(160, 0, 0, 1);
    --ep-inverse-inverse-600: rgba(194, 0, 0, 1);
    --ep-inverse-inverse-500: rgba(227, 17, 30, 1);
    --ep-inverse-inverse-400: rgba(238, 90, 97, 1);
    --ep-inverse-inverse-300: rgba(246, 152, 156, 1);
    --ep-inverse-inverse-200: rgba(251, 202, 204, 1);
    --ep-inverse-inverse-100: rgba(255, 236, 236, 1);
    --ep-inverse-inverse-Opacity: rgba(227, 17, 30, .4);
    --ep-neutral-gray-gray-L01: rgba(10, 10, 10, 1);
    --ep-neutral-gray-gray-L02: rgba(18, 18, 18, 1);
    --ep-neutral-gray-gray-L03: rgba(23, 23, 23, 1);
    --ep-neutral-gray-gray-L04: rgba(28, 28, 28, 1);
    --ep-neutral-gray-gray-L05: rgba(36, 36, 36, 1);
    --ep-neutral-gray-gray-L06: rgba(69, 28, 28, 1);
    --ep-neutral-gray-gray-L07: rgba(89, 38, 38, 1);
    --ep-neutral-gray-gray-L08: rgba(112, 51, 51, 1);
    --ep-neutral-gray-gray-L09: rgba(138, 66, 66, 1);
    --ep-neutral-gray-gray-L10: rgba(166, 84, 84, 1);
    --ep-neutral-transparent: rgba(255, 255, 255, 0);
    --ep-font-family: var(--ep-default-font-family);
    --ep-font-size-xs: var(--ep-values-10);
    --ep-font-size-s: var(--ep-values-12);
    --ep-font-size-m: var(--ep-values-14);
    --ep-font-size-l: var(--ep-values-16);
    --ep-font-size-xl: var(--ep-values-18);
    --ep-font-size-xxl: var(--ep-values-24);
    --ep-font-size-xxxl: var(--ep-values-36);
    --ep-font-weight-light: var(--ep-values-200);
    --ep-font-weight-regular: var(--ep-values-400);
    --ep-font-weight-medium: var(--ep-values-600);
    --ep-font-weight-bold: var(--ep-values-700);
    --ep-border-radius-xs: var(--ep-values-2);
    --ep-border-radius-s: var(--ep-values-4);
    --ep-border-radius-m: var(--ep-values-6);
    --ep-border-radius-l: var(--ep-values-8);
    --ep-border-radius-xl: var(--ep-values-10);
    --ep-border-radius-surface-small: var(--ep-values-12);
    --ep-border-radius-surface-default: var(--ep-values-14);
    --ep-border-radius-surface-large: var(--ep-values-20);
    --ep-border-radius-infinity: var(--ep-values-infinity);
    --ep-color-background-fill-body-default: var(--ep-neutral-gray-gray-L02);
    --ep-color-background-fill-surface-raised-L1: var(--ep-neutral-gray-gray-L03);
    --ep-color-background-fill-surface-raised-L2: var(--ep-neutral-gray-gray-L04);
    --ep-color-background-fill-surface-lowered: var(--ep-neutral-gray-gray-L01);
    --ep-color-background-fill-top-nav-primary: var(--ep-neutral-gray-gray-L03);
    --ep-color-background-fill-top-nav-secondary: var(--ep-neutral-gray-gray-L03);
    --ep-color-background-fill-foot-bar: var(--ep-neutral-gray-gray-L02);
    --ep-color-background-fill-active-primary: var(--ep-primary-primary-500);
    --ep-color-background-fill-active-active: var(--ep-primary-primary-600);
    --ep-color-background-fill-active-disabled: var(--ep-primary-primary-900);
    --ep-color-background-fill-tips: var(--ep-primary-primary-500);
    --ep-color-background-fill-glow-primary-opacity-40: var(--ep-primary-primary-Opacity);
    --ep-color-background-fill-glow-primary-opacity-100: var(--ep-primary-primary-500);
    --ep-color-background-fill-glow-secondary-opacity-40: var(--ep-inverse-inverse-Opacity);
    --ep-color-background-fill-glow-secondary-opacity-100: var(--ep-inverse-inverse-500);
    --ep-color-background-fill-gradients-primary-a: var(--ep-primary-primary-500);
    --ep-color-background-fill-gradients-primary-b: var(--ep-inverse-inverse-500);
    --ep-color-background-fill-gradients-secondary-a: rgba(98, 0, 0, 1);
    --ep-color-background-fill-gradients-secondary-b: rgba(26, 0, 0, 1);
    --ep-color-background-fill-gradients-tertiary-a: var(--ep-primary-primary-700);
    --ep-color-background-fill-gradients-tertiary-b: var(--ep-primary-primary-400);
    --ep-color-background-fill-gradients-tertiary-weak-a: var(--ep-neutral-gray-gray-L04);
    --ep-color-background-fill-gradients-tertiary-weak-b: var(--ep-primary-primary-900);
    --ep-color-border-default: var(--ep-neutral-gray-gray-L05);
    --ep-color-border-brand: var(--ep-primary-primary-500);
    --ep-color-border-selected: var(--ep-primary-primary-500);
    --ep-color-border-danger: var(--ep-accent-red);
    --ep-color-border-warning: var(--ep-accent-orange);
    --ep-color-border-success: var(--ep-accent-green);
    --ep-color-border-highlight: var(--ep-accent-yellow);
    --ep-color-border-highlight-white: var(--ep-neutral-white-white-100);
    --ep-color-btn-level-1-bg: rgba(255, 255, 255, 0);
    --ep-color-btn-level-1-text: rgba(255, 255, 255, 0);
    --ep-color-btn-level-1-border: rgba(255, 255, 255, 0);
    --ep-color-btn-level-2-bg: var(--ep-dynamic-secondary);
    --ep-color-btn-level-2-text: var(--ep-color-text-brand-primary);
    --ep-color-btn-level-2-border: var(--ep-neutral-transparent);
    --ep-color-btn-level-3-bg: var(--ep-dynamic-primary);
    --ep-color-btn-level-3-text: var(--ep-color-text-inverse);
    --ep-color-btn-level-3-border: var(--ep-neutral-transparent);
    --ep-color-btn-level-4-bg: rgba(255, 255, 255, 0);
    --ep-color-btn-level-4-text: rgba(255, 255, 255, 0);
    --ep-color-btn-level-4-border: rgba(255, 255, 255, 0);
    --ep-color-text-brand-primary: var(--ep-primary-primary-500);
    --ep-color-text-selected: var(--ep-primary-primary-500);
    --ep-color-text-default: var(--ep-neutral-white-white-100);
    --ep-color-text-weak: var(--ep-neutral-white-white-60);
    --ep-color-text-weaker: var(--ep-neutral-white-white-40);
    --ep-color-text-weakest: var(--ep-neutral-white-white-20);
    --ep-color-text-inverse: var(--ep-neutral-white-white-100);
    --ep-color-text-inverse-disabled: var(--ep-neutral-white-white-40);
    --ep-color-text-danger: var(--ep-accent-red);
    --ep-color-text-warning: var(--ep-accent-orange);
    --ep-color-text-success: var(--ep-accent-green);
    --ep-color-text-info: var(--ep-primary-primary-300);
    --ep-color-text-highlight: var(--ep-accent-yellow);
    --ep-color-text-highlight-white: var(--ep-neutral-white-white-100);
    --ep-color-text-highlight-white-weak: var(--ep-neutral-white-white-60);
    --ep-color-text-highlight-white-weaker: var(--ep-neutral-white-white-40);
    --ep-color-text-highlight-white-weakest: var(--ep-neutral-white-white-20);
    --ep-color-text-navigation-default: var(--ep-neutral-white-white-40);
    --ep-color-text-navigation-selected: var(--ep-neutral-white-white-100);
    --ep-color-icon-brand-primary: var(--ep-primary-primary-500);
    --ep-color-icon-brand-secondary: var(--ep-inverse-inverse-500);
    --ep-color-icon-selected: var(--ep-primary-primary-500);
    --ep-color-icon-default: var(--ep-neutral-white-white-100);
    --ep-color-icon-weaker: var(--ep-neutral-white-white-40);
    --ep-color-icon-inverse: var(--ep-neutral-white-white-100);
    --ep-color-icon-inverse-disabled: var(--ep-neutral-white-white-40);
    --ep-color-icon-tips: var(--ep-accent-red);
    --ep-color-icon-danger: var(--ep-accent-red);
    --ep-color-icon-warning: var(--ep-accent-orange);
    --ep-color-icon-success: var(--ep-accent-green);
    --ep-color-icon-info: var(--ep-primary-primary-300);
    --ep-color-icon-highlight: var(--ep-accent-yellow);
    --ep-color-icon-highlight-white: var(--ep-neutral-white-white-100);
    --ep-color-icon-navigation-default: var(--ep-neutral-white-white-40);
    --ep-color-icon-navigation-selected: var(--ep-primary-primary-500);
    --ep-dynamic-primary: linear-gradient(90deg, var(--ep-color-background-fill-gradients-primary-a, #ff4d4d) -27.5%, var(--ep-color-background-fill-gradients-primary-b, #8f0000) 127.5%);
    --ep-dynamic-secondary: linear-gradient(90deg, var(--ep-color-background-fill-gradients-secondary-a, #8f0000) -27.5%, var(--ep-color-background-fill-gradients-secondary-b, #2a0000) 127.5%);
    --ep-dynamic-tertiary: linear-gradient(90deg, var(--ep-color-background-fill-gradients-tertiary-a, #ff4d4d) -27.5%, var(--ep-color-background-fill-gradients-tertiary-b, #e11d2e) 127.5%);
    --ep-dynamic-tertiary-weak: linear-gradient(90deg, var(--ep-color-background-fill-gradients-tertiary-weak-a, #1a0505) 0%, var(--ep-color-background-fill-gradients-tertiary-weak-b, #3b0909) 100%);
    --ion-font-family: var(--ep-font-family)
}

.phantom-red * {
    font-family: var(--ep-font-family)
}

.phantom-red .main-page .header[data-v-8eed52d8],
.phantom-red .main-page[data-v-8eed52d8]:before,
.phantom-red .main-page[data-v-8eed52d8]:after,
.phantom-red .main-page .main-content[data-v-8eed52d8] {
    animation: background-color-8eed52d8 1s ease-in-out
}

.phantom-red .main-page[data-v-8eed52d8]:before {
    content: "";
    position: absolute;
    top: 0;
    left: 6.25rem;
    z-index: -1;
    width: 4.0625rem;
    height: 15rem;
    transform: rotate(-57.248deg);
    background: var(--ep-color-background-fill-glow-primary-opacity-40);
    filter: blur(4.375rem)
}

.phantom-red .main-page[data-v-8eed52d8]:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    z-index: -1;
    width: 6.3125rem;
    height: 10.8125rem;
    transform: rotate(-39.331deg);
    background: var(--ep-color-background-fill-glow-secondary-opacity-40);
    filter: blur(3rem)
}

.phantom-red .main-page .main-content[data-v-8eed52d8] {
    --background: transparent;
}

.phantom-red body {
    background: radial-gradient(1200px circle at 20% 0%, #b10f0f 0, #7a0505 26%, #320000 56%, #120000 100%);
    color: #ffffff;
}

.phantom-red #app,
.phantom-red .page-wrapper,
.phantom-red .page-content,
.phantom-red .main-page,
.phantom-red .main-page .main-content {
    background: transparent;
}

.phantom-red .main-page {
    background: radial-gradient(1000px circle at 50% 0%, rgba(255, 96, 96, .16) 0, rgba(118, 0, 0, .28) 30%, rgba(33, 0, 0, .82) 100%);
}

.phantom-red .main-page .header[data-v-8eed52d8],
.phantom-red .main-page .main-content[data-v-8eed52d8] {
    background: linear-gradient(180deg, rgba(255, 84, 84, .18) 0%, rgba(71, 0, 0, 0) 100%);
}

.phantom-red .main-page .header[data-v-8eed52d8] {
    box-shadow: 0 0 0 1px rgba(255, 110, 110, .18) inset;
}

.phantom-red .tab-bar.layout1 .background-img,
.phantom-red .tab-bar.layout2 .background-img,
.phantom-red .tab-bar .background-img {
    background: linear-gradient(180deg, rgba(181, 15, 15, 1) 0%, rgba(82, 0, 0, 1) 100%);
}

.phantom-red .tab-bar.layout1 .background-img ion-icon,
.phantom-red .tab-bar.layout2 .background-img ion-icon,
.phantom-red .tab-bar .background-img ion-icon {
    filter: sepia(1) saturate(7) hue-rotate(-22deg) brightness(.84) contrast(1.08);
}

.phantom-red ion-segment-button.segment-button-checked,
.phantom-red ion-segment-button.segment-button-checked::part(native) {
    --indicator-color: #ff3d3d;
    --color: #ffffff;
    --color-checked: #ffffff;
    --background: linear-gradient(180deg, rgba(255, 105, 105, .22) 0%, rgba(110, 0, 0, .9) 100%);
    --background-checked: linear-gradient(180deg, rgba(255, 105, 105, .22) 0%, rgba(110, 0, 0, .9) 100%);
    --border-color: rgba(255, 110, 110, .42);
    --border-color-checked: rgba(255, 110, 110, .42);
    box-shadow: 0 0 0 1px rgba(255, 126, 126, .2) inset, 0 10px 24px rgba(112, 0, 0, .35);
}

.phantom-red ion-segment-button.segment-button-checked .btn-wall {
    background: linear-gradient(180deg, rgba(255, 103, 103, .26) 0%, rgba(140, 0, 0, .92) 100%) !important;
    border-color: rgba(255, 140, 140, .45) !important;
}

.phantom-red #hot_gradient_2 stop[offset="0"],
.phantom-red #hot_gradient_2 stop[offset="0.25"],
.phantom-red #hot_gradient_2 stop[offset="0.524038"],
.phantom-red #hot_gradient_2 stop[offset="0.774038"],
.phantom-red #hot_gradient_2 stop[offset="1"] {
    stop-color: #ff3d3d;
}

@keyframes background-color-8eed52d8 {
    0% {
        background: var(--ep-color-background-fill-body-default)
    }

    to {
        background: var(--ep-color-background-fill-body-default)
    }
}
