:root {
    --swiper-theme-color: #007aff;
}

:root {
    --swiper-navigation-size: 44px;
}

.theme-light,
:root {
    --color-white: #fff;
    --color-black: #2a2e39;
    --background-1: #eaeef4;
    --background-2: var(--color-white);
    --background-warn: #fff9d9;
    --background-error: #ffe9ec;
    --background-dark-blue: #131722;
    --background-hover-white: #f7f9fa;
    --layer-1: var(--color-white);
    --layer-hover-1: #eaeef4;
    --layer-2: #eaeef4;
    --layer-hover-white: #f7f9fa;
    --layer-hover-dark: #242a3d;
    --text-on-cta: var(--color-white);
    --text-on-color: var(--color-white);
    --text-caption: #565f76;
    --text-placeholder: #7b849b;
    --text-secondary: #323c52;
    --text-primary: #131722;
    --text-error: #d9475a;
    --text-disable: rgba(11, 20, 38, 0.4);
    --text-hover: #0058aa;
    --text-warn: #b38300;
    --text-primary-on-white: #131722;
    --text-caption-on-white: #565f76;
    --border-interactive: #159cff;
    --border-field: #eaeef4;
    --border-subtle-1: rgba(0, 0, 0, 0.1);
    --border-subtle-2: rgba(0, 0, 0, 0.1);
    --border-subtle-1-on-white: rgba(0, 0, 0, 0.1);
    --space-1: 8px;
    --space-2: 16px;
    --space-3: 24px;
    --space-4: 32px;
    --space-5: 40px;
    --space-6: 48px;
    --status-error: #d9475a;
    --status-pending: #ffbf00;
    --status-success: #00a68c;
    --status-default: #1199fa;
    --status-disable: #7b849b;
    --status-success-bkg: #e6faf6;
    --status-error-bkg: #ffe9ec;
    --status-pending-bkg: #fff9d9;
    --status-default-bkg: #e7f5ff;
    --status-disable-bkg: #f7f9fa;
    --button-primary: #0787e1;
    --button-primary-hover: linear-gradient(0deg, hsla(0, 0%, 100%, 0.12), hsla(0, 0%, 100%, 0.12)), var(--button-primary);
    --button-danger: #d9475a;
    --button-danger-hover: linear-gradient(0deg, hsla(0, 0%, 100%, 0.12), hsla(0, 0%, 100%, 0.12)), var(--button-danger);
    --button-secondary: #7b849b;
    --icon-primary: #0b1426;
    --icon-secondary: #7b849b;
    --icon-on-color: var(--color-white);
    --icon-primary-on-white: #0b1426;
    --icon-secondary-on-white: #7b849b;
    --table-bkg-1: #fff;
    --table-highlight: #e7f5ff;
    --table-hover-1: #eaeef4;
    --table-hover-2: #bbe2fe;
}

.theme-dark,
.theme-light,
:root {
    --color-primary: var(--status-default);
    --color-success: var(--status-success);
    --color-error: var(--status-error);
    --color-warning: var(--status-pending);
    --color-border: var(--border-field);
    --color-light-text: var(--text-on-color);
    --color-black-text: var(--text-primary);
    --color-grey-text: var(--text-caption);
    --color-dark-text: var(--text-primary);
    --color-placeholder: var(--text-placeholder);
    --color-disabled: var(--text-disable);
}

.theme-dark {
    --background-1: #0d1426;
    --background-2: #0d1426;
    --layer-1: #1f283c;
    --layer-1-2: #12192b;
    --layer-hover-1: #323c52;
    --layer-hover-1-2: #1f283c;
    --layer-2: #323c52;
    --layer-hover-white: #f7f9fa;
    --layer-hover-dark: #1f283c;
    --text-on-cta: var(--color-white);
    --text-on-color: var(--color-white);
    --text-caption: #a0a9be;
    --text-placeholder: #a0a9be;
    --text-secondary: #a0a9be;
    --text-primary: var(--color-white);
    --text-error: #d9475a;
    --text-disable: hsla(0, 0%, 100%, 0.4);
    --text-hover: #0058aa;
    --text-warn: #b38300;
    --text-primary-on-white: #0b1426;
    --text-caption-on-white: #565f76;
    --border-interactive: #1199fa;
    --border-field: hsla(0, 0%, 100%, 0.1);
    --border-subtle-1: hsla(0, 0%, 100%, 0.1);
    --border-subtle-2: rgba(0, 0, 0, 0.1);
    --border-subtle-1-on-white: rgba(0, 0, 0, 0.1);
    --status-error: #d9475a;
    --status-pending: #ffbf00;
    --status-success: #00a68c;
    --status-default: #1199fa;
    --status-disable: #7b849b;
    --status-error-bkg: rgba(217, 71, 90, 0.2);
    --status-pending-bkg: rgba(255, 191, 0, 0.2);
    --status-success-bkg: rgba(0, 166, 140, 0.2);
    --status-default-bkg: rgba(17, 153, 250, 0.2);
    --status-disable-bkg: rgba(123, 132, 155, 0.2);
    --button-primary: #1199fa;
    --button-primary-hover: linear-gradient(0deg, hsla(0, 0%, 100%, 0.12), hsla(0, 0%, 100%, 0.12)), var(--button-primary);
    --button-danger: #d9475a;
    --button-danger-hover: linear-gradient(0deg, hsla(0, 0%, 100%, 0.12), hsla(0, 0%, 100%, 0.12)), var(--button-danger);
    --button-secondary: #a0a9be;
    --icon-primary: var(--color-white);
    --icon-secondary: #a0a9be;
    --icon-on-color: var(--color-white);
    --icon-primary-on-white: #0b1426;
    --icon-secondary-on-white: #7b849b;
    --table-bkg-1: #1f283c;
    --table-highlight: rgba(17, 153, 250, 0.2);
    --table-hover-1: #323c52;
    --table-hover-2: #0058aa;
}

:root {
    --unit: 8px;
    --2unit: 16px;
    --3unit: 24px;
    --4unit: 32px;
    --5unit: 40px;
    --6unit: 48px;
    --common-primary: #1199fa;
    --common-white: #fff;
    --common-tertiary: #7b849b;
    --common-dark: #0b1426;
    --border-radius-xs: 2px;
    --border-radius-sm: 4px;
    --border-radius-md: 8px;
    --border-radius-lg: 16px;
    --border-radius-circle: 99px;
}

:root {
    --bg-app: #eaeef4;
    --bg-surface-1: #fff;
    --bg-surface-1-hover: #f7f9fa;
    --bg-surface-2: #f7f9fa;
    --bg-surface-2-hover: rgba(17, 153, 250, 0.2);
    --bg-surface-emphasis: #fff;
    --bg-surface-contrast: #002f61;
    --bg-surface-contrast-hover: #323c52;
    --bg-status-danger-bold: #d9475a;
    --bg-status-danger: #faacb6;
    --bg-status-danger-subtle: #ffe9ec;
    --bg-status-pending-bold: #ffbf00;
    --bg-status-pending: #ffe591;
    --bg-status-pending-subtle: #fff9d9;
    --bg-status-success-bold: #00a68c;
    --bg-status-success: #acece1;
    --bg-status-success-subtle: #e6faf6;
    --bg-status-active-bold: var(--common-primary);
    --bg-status-active: #92d1ff;
    --bg-status-active-subtle: #cdeafe;
    --bg-status-plain-bold: #7b849b;
    --bg-status-plain: #c9cfdd;
    --bg-status-plain-subtle: #f7f9fa;
    --bg-button-primary: var(--common-primary);
    --bg-button-primary-hover: #2ea5fb;
    --bg-button-text-hover: rgba(17, 153, 250, 0.050980392156862744);
    --bg-button-danger: #d9475a;
    --bg-button-danger-hover: #de5d6e;
    --bg-button-text-danger-hover: rgba(217, 71, 90, 0.050980392156862744);
    --bg-button-success: #00a68c;
    --bg-button-success-hover: #1fb19a;
    --bg-button-plain: hsla(0, 0%, 100%, 0.8);
    --bg-button-plain-hover: hsla(0, 0%, 100%, 0.6980392156862745);
    --bg-button-text-plain-hover: rgba(0, 0, 0, 0.050980392156862744);
    --bg-button-text-success-hover: rgba(0, 166, 140, 0.050980392156862744);
    --bg-button-oncolor: hsla(0, 0%, 100%, 0.8);
    --bg-button-oncolor-hover: hsla(0, 0%, 100%, 0.7019607843137254);
    --bg-decorative-purple-bold: #9255c2;
    --bg-decorative-purple: #d9c0fa;
    --bg-decorative-purple-subtle: #f2ebfb;
    --bg-decorative-orange-bold: #f76341;
    --bg-overlay-modal: rgba(0, 0, 0, 0.5019607843137255);
    --bg-gradient-line-chart: linear-gradient(180deg, rgba(17, 153, 250, 0.2) 37.38%, rgba(17, 153, 250, 0) 99.51%);
    --bg-gradient-margin: linear-gradient(270.21deg, #d9475a -1.61%, #ffbf00);
    --bg-gradient-health-rainbow: linear-gradient(270deg, #005747, #00a68c 25%, #ffbf00 51.04%, #ffbf00 70.31%, #d9475a 80.73%);
    --bg-gradient-promo-1: linear-gradient(270.21deg, #9f86c1 -1.61%, #1199fa 51.19%, #26d1d3);
    --border-surface: rgba(0, 0, 0, 0.10196078431372549);
    --border-surface-emphasis: rgba(0, 0, 0, 0.14901960784313725);
    --border-surface-contrast: rgba(0, 0, 0, 0.10196078431372549);
    --border-status-active: var(--common-primary);
    --border-status-danger: #d9475a;
    --border-button-primary: var(--common-primary);
    --border-button-secondary: #7b849b;
    --border-button-success: #00a68c;
    --border-button-plain: #7b849b;
    --text-primary: #0b1426;
    --text-secondary: #565f76;
    --text-tertiary: #a0a9be;
    --text-danger-bold: #801826;
    --text-danger: #e0485c;
    --text-success-bold: #005747;
    --text-success: #017361;
    --text-success-subtle: #00a68c;
    --text-active-bold: #002f61;
    --text-active: var(--common-primary);
    --text-pending-bold: #8c5900;
    --text-pending: #b38300;
    --text-contrast-primary: #fff;
    --text-contrast-secondary: #a0a9be;
    --text-decorative-red: #ed7685;
    --text-decorative-yellow: #ffbf00;
    --text-decorative-green: #109a85;
    --text-decorative-blue: var(--common-primary);
    --text-decorative-purple: #9255c2;
    --text-decorative-purple-bold: #5e257a;
    --text-decorative-grey: #c9cfdd;
    --box-shadow-sm: 0 4px 8px -1px rgba(0, 0, 0, 0.12156862745098039), 0 0 4px 0 rgba(0, 0, 0, 0.12156862745098039);
    --box-shadow-md: 0 8px 24px -2px rgba(0, 0, 0, 0.12156862745098039), 0 0 4px 0 rgba(0, 0, 0, 0.0784313725490196);
    --box-shadow-lg: 0 8px 24px -2px rgba(0, 0, 0, 0.12156862745098039), 0 0 4px 0 rgba(0, 0, 0, 0.0784313725490196);
    --box-shadow-xl: 0 9px 46px 8px rgba(0, 0, 0, 0.12156862745098039), 0 24px 38px 3px rgba(0, 0, 0, 0.1411764705882353);
    --skeleton-background: #dee2e6;
    --skeleton-animation-background: linear-gradient(90deg, hsla(0, 0%, 100%, 0), hsla(0, 0%, 100%, 0.4), hsla(0, 0%, 100%, 0));
}

.dark,
:root {
    --popper-theme-background: var(--bg-surface-emphasis);
    --popper-theme-text-color: var(--text-primary);
}

.dark {
    --bg-app: #0b1426;
    --bg-surface-1: #151e32;
    --bg-surface-1-hover: #1f283c;
    --bg-surface-2: #12192b;
    --bg-surface-2-hover: rgba(17, 153, 250, 0.2);
    --bg-surface-emphasis: #323c52;
    --bg-surface-contrast: #fff;
    --bg-surface-contrast-hover: #eaeef4;
    --bg-status-danger-bold: #d9475a;
    --bg-status-danger: rgba(217, 71, 90, 0.5019607843137255);
    --bg-status-danger-subtle: rgba(217, 71, 90, 0.25098039215686274);
    --bg-status-pending-bold: #ffbf00;
    --bg-status-pending: rgba(255, 191, 0, 0.5019607843137255);
    --bg-status-pending-subtle: rgba(255, 191, 0, 0.2);
    --bg-status-success-bold: #00a68c;
    --bg-status-success: rgba(0, 166, 140, 0.5019607843137255);
    --bg-status-success-subtle: rgba(0, 166, 140, 0.2);
    --bg-status-active-bold: var(--common-primary);
    --bg-status-active: #034481;
    --bg-status-active-subtle: #002f61;
    --bg-status-plain-bold: #7b849b;
    --bg-status-plain: rgba(123, 132, 155, 0.5019607843137255);
    --bg-status-plain-subtle: rgba(123, 132, 155, 0.2);
    --bg-button-primary: var(--common-primary);
    --bg-button-primary-hover: #2ea5fb;
    --bg-button-text-hover: rgba(17, 153, 250, 0.10196078431372549);
    --bg-button-danger: #d9475a;
    --bg-button-danger-hover: #de5d6e;
    --bg-button-text-danger-hover: rgba(217, 71, 90, 0.10196078431372549);
    --bg-button-success: #00a68c;
    --bg-button-success-hover: #1fb19a;
    --bg-button-plain: rgba(0, 0, 0, 0.30196078431372547);
    --bg-button-plain-hover: rgba(0, 0, 0, 0.2);
    --bg-button-text-plain-hover: hsla(0, 0%, 100%, 0.050980392156862744);
    --bg-button-text-success-hover: rgba(0, 166, 140, 0.050980392156862744);
    --bg-decorative-purple-bold: #9255c2;
    --bg-decorative-purple: #5e257a;
    --bg-decorative-purple-subtle: #441860;
    --bg-decorative-orange-bold: #f76341;
    --bg-overlay-modal: rgba(0, 0, 0, 0.5019607843137255);
    --bg-gradient-line-chart: linear-gradient(180deg, rgba(17, 153, 250, 0.2) 37.38%, rgba(17, 153, 250, 0) 99.51%);
    --bg-gradient-margin: linear-gradient(270.21deg, #d9475a -1.61%, #ffbf00);
    --bg-gradient-health-rainbow: linear-gradient(270deg, #005747, #00a68c 25%, #ffbf00 51.04%, #ffbf00 70.31%, #d9475a 80.73%);
    --bg-gradient-promo-1: linear-gradient(270.21deg, #9f86c1 -1.61%, #1199fa 51.19%, #26d1d3);
    --border-surface: hsla(0, 0%, 100%, 0.10196078431372549);
    --border-surface-emphasis: hsla(0, 0%, 100%, 0.14901960784313725);
    --border-surface-contrast: rgba(0, 0, 0, 0.10196078431372549);
    --border-status-active: var(--common-primary);
    --border-status-danger: #d9475a;
    --border-button-primary: var(--common-primary);
    --border-button-secondary: #7b849b;
    --border-button-success: #00a68c;
    --border-button-plain: #7b849b;
    --text-primary: #fff;
    --text-secondary: #a0a9be;
    --text-tertiary: #7b849b;
    --text-danger-bold: #faacb6;
    --text-danger: #d9475a;
    --text-success-bold: #acece1;
    --text-success: #00a68c;
    --text-success-subtle: #017361;
    --text-active-bold: #92d1ff;
    --text-active: var(--common-primary);
    --text-pending-bold: #ffe591;
    --text-pending: #ffbf00;
    --text-contrast-primary: #0b1426;
    --text-contrast-secondary: #565f76;
    --text-decorative-red: #ed7685;
    --text-decorative-yellow: #ffbf00;
    --text-decorative-green: #109a85;
    --text-decorative-blue: var(--common-primary);
    --text-decorative-purple-bold: #cd9eff;
    --text-decorative-purple: #9255c2;
    --text-decorative-grey: #c9cfdd;
    --box-shadow-sm: 0 4px 8px -1px hsla(0, 0%, 100%, 0.12156862745098039), 0 0 4px 0 hsla(0, 0%, 100%, 0.12156862745098039);
    --box-shadow-md: 0 8px 24px -2px hsla(0, 0%, 100%, 0.12156862745098039), 0 0 4px 0 hsla(0, 0%, 100%, 0.0784313725490196);
    --box-shadow-lg: 0 8px 24px -2px hsla(0, 0%, 100%, 0.12156862745098039), 0 0 4px 0 hsla(0, 0%, 100%, 0.0784313725490196);
    --box-shadow-xl: 0 9px 46px 8px hsla(0, 0%, 100%, 0.12156862745098039), 0 24px 38px 3px hsla(0, 0%, 100%, 0.1411764705882353);
    --skeleton-background: #323c52;
    --skeleton-animation-background: linear-gradient(90deg, hsla(0, 0%, 100%, 0), hsla(0, 0%, 100%, 0.06), hsla(0, 0%, 100%, 0));
}

.e-icon {
    color: #fff;
}

.e-icon.pointer {
    cursor: pointer;
}

.e-spinner {
    width: 16px;
    height: 16px;
    -webkit-animation: rotate 2s linear infinite;
    animation: rotate 2s linear infinite;
}

.e-spinner .path {
    -webkit-animation: dash 1.5s ease-in-out infinite;
    animation: dash 1.5s ease-in-out infinite;
    stroke: currentColor;
    stroke-linecap: round;
}

.e-button {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 36px;
    padding: 0 16px;
    overflow: hidden;
    font-weight: 500;
    font-size: 14px;
    white-space: nowrap;
    border: 0;
    border-radius: 4px;
    outline: 0;
    cursor: pointer;
    transition: all .3s cubic-bezier(.645, .045, .355, 1);
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    touch-action: manipulation;
}

.e-button--small {
    height: 28px;
    padding: 0 10px;
    font-size: 12px;
    line-height: 28px;
    border-radius: 2px;
}

.e-button--medium {
    height: 32px;
    padding: 0 10px;
    font-size: 14px;
    line-height: 20px;
    border-radius: 2px;
}

.e-button.is-block {
    width: 100%;
}

.e-button[disabled] {
    box-shadow: none;
    cursor: not-allowed;
    opacity: .45;
}

.e-button:not(.is-icon) .e-icon {
    margin-right: 8px;
}

.e-button>.e-icon {
    color: inherit;
}

.e-button--primary {
    color: var(--color-white);
    background-color: var(--color-primary);
}

.e-button--primary:hover:not(:disabled) {
    opacity: .8;
}

.e-button--primary.is-plain {
    color: var(--color-primary);
    background-color: var(--color-white);
    border: 1px solid var(--color-primary);
    border-radius: 4px;
}

.e-button--primary.is-plain:active:not(:disabled),
.e-button--primary.is-plain:hover:not(:disabled) {
    background-color: rgb(var(--color-primary), .25);
    opacity: .8;
}

.e-button--primary.is-text {
    color: var(--color-primary);
    font-weight: 400;
    background-color: transparent;
    border: 0;
}

.e-dropdown-trigger {
    display: inline-block;
}

.e-dropdown-wrapper {
    position: relative;
    display: inline-block;
}

.e-loading.center {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 99;
    transform: translate(-50%, -50%);
}

.e-overlay {
    right: 0;
    bottom: 0;
    z-index: 200;
    background: rgba(33, 33, 33, .46);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    visibility: hidden;
    opacity: 0;
    transition: all .25s ease-in;
}

.e-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
}

.e-pagination {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
    height: 56px;
}

.e-pagination .pagination-info {
    margin-right: 14px;
    font-size: 16px;
}

.e-pagination .pagination-button {
    width: 28px;
    height: 28px;
    padding: 0;
    color: var(--icon-primary);
    border-radius: 50%;
    cursor: pointer;
}

.e-pagination .pagination-button.next {
    margin-right: 32px;
    transform: rotate(180deg);
}

.e-tooltip-wrap {
    position: absolute;
}

.e-tabs__nav-container {
    overflow-x: auto;
    overflow-y: hidden;
}

.e-tabs__nav-container::-webkit-scrollbar {
    height: 4px;
}

.e-tabs__nav-container::-webkit-scrollbar-thumb {
    background-color: #384764;
    border-radius: 3px;
}

.e-tabs__nav {
    position: relative;
    display: flex;
    align-items: center;
}

.e-tabs__nav-item {
    padding: 8px 0;
    color: var(--text-caption);
    font-size: 14px;
    white-space: nowrap;
    cursor: pointer;
    transition: all .3s ease;
}

.e-tabs__nav.default {
    height: 38px;
}

.e-tabs__nav.default .e-tabs__nav-item {
    transition: color .3s ease;
}

.e-tabs__nav.default .e-tabs__nav-item:not(:first-child) {
    margin-left: 28px;
}

.e-tabs__nav.default .e-tabs__nav-item.active {
    color: var(--text-on-color);
    font-weight: 700;
    border-bottom: 2px solid var(--border-interactive);
}

@media (max-width:991.98px) {
    .e-tabs__nav.default {
        padding: 0 10px;
        position: relative;
    }
    .e-tabs__nav.default .e-tabs__nav-item:not(:first-child) {
        margin-left: 16px;
    }
    .e-tabs__nav.default:before {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 0;
        width: 200%;
        height: 200%;
        transform: scale(.5);
        transform-origin: 0 0;
        content: "";
        pointer-events: none;
        border-bottom: 1px solid hsla(0, 0%, 46.7%, .3);
    }
    .e-tabs__nav-item {
        font-weight: 600;
    }
}

.e-tab-pane {
    display: none;
    color: var(--text-on-color);
}

.e-tab-pane.active {
    display: block;
    -webkit-animation: fade-in .3s ease-in;
    animation: fade-in .3s ease-in;
}

.kyc-notice-banner[data-v-5f1434d8] {
    color: #fff;
    font-weight: 500;
    background-color: #1199fa;
}

.kyc-notice-banner p[data-v-5f1434d8] {
    margin-bottom: 0;
    line-height: 1.4;
}

.kyc-notice-banner .learn-more[data-v-5f1434d8] {
    color: #fff;
    text-decoration: underline;
}

.kyc-notice-banner .verify-now[data-v-5f1434d8] {
    height: 28px;
    padding: 0 9px;
    font-weight: 600;
    font-size: 12px;
    background-color: rgba(0, 0, 0, .2);
}

.kyc-notice-banner .verify-now[data-v-5f1434d8]:active {
    background-color: rgba(0, 0, 0, .3);
}

.mobile-notice[data-v-5f1434d8] {
    padding: 16px;
    line-height: 14px;
}

.mobile-notice .learn-more[data-v-5f1434d8] {
    margin-right: 32px;
    margin-left: 4px;
}

.currency-list div {
    position: relative;
    padding: 5px;
    width: calc(100%);
}
.currency-list img {
    width: 27px;
    height: 27px;
    margin-right: 10px;
}
.currency-list span.price {
    flex-shrink: 0;
    text-align: right;
    position: absolute;
    right: 0;
    top: 10px;
    color: white;
}
.currency-list a {
    display: flex;
    align-items: flex-start;
    text-decoration: none;
    color: inherit;
}

.mobile-notice__lower[data-v-5f1434d8] {
    display: flex;
    align-items: center;
    margin-top: 8px;
}

.mobile-notice__lower span[data-v-5f1434d8] {
    margin-right: 8px;
    margin-left: 8px;
}

.e-icon-search[data-v-19f60e3e]:hover {
    color: var(--color-primary);
}

.global-search-wrapper[data-v-19f60e3e] {
    margin-left: 16px;
    white-space: nowrap;
}

@media screen and (max-width:1140px) {
    .global-search-wrapper[data-v-19f60e3e] {
        display: none;
    }
}

.unvisible {
    display: none;
    opacity: 100%;
}
.settings-wrapper {
    z-index: 9998;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.40);
    color: white;
}
.settings-container {
    max-width: 350px;
    margin: 50px auto;
    background: #111d39;
    padding: 26px;
    border-radius: 3px;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
}
.settings-container h2 {
    color: white;
    margin-bottom: 20px;
}
.information-tab {
    z-index: 9999;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.40);
    color: white;
}
.information-container {
    max-width: 350px;
    margin: 50px auto;
    background: #111d39;
    padding: 26px;
    border-radius: 3px;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
}
.information-container h2 {
    color: white;
    margin-bottom: 20px;
}
.form-group label {
    color: white;
    font-weight: bold;
}
.languageSelect {
    color: white;
    background: #2b364e;
    border-radius: 2px;
    margin-top: 10px;
    width: 100%;
    padding: 10px 10px 10px 14px;
}
option {
    border-radius: 0;
}
.btn {
    color: white;
    margin-bottom: 15px;
    width: 100%;
    margin-right: 20px;
    cursor: pointer;
    border-radius: 2px;
    align-content: flex-start;
    text-align: left;
    padding: 10px 10px 10px 14px;
}
.btn-danger {
    background-color: rgba(0, 0, 0, 0);
    border: solid 2px #c32c2c;
}
.btn-danger:hover {
    background-color: rgba(255, 255, 255, 0.05);
    border: solid 2px #dc3535;
}
.btn-primary {
    background-color: rgba(0, 0, 0, 0);
    border: solid 2px #5472a5;
}
.btn-primary:hover {
    background-color: rgba(255, 255, 255, 0.05);
    border: solid 2px #6e91cf;
}
.btn-very-primary {
    padding: 11px 10px 12px 14px;
    margin-bottom: 5px;
    background-color: #1199fa;
    border: solid 2px #3cabff;
    border-radius: 1px;
}
.btn-very-primary:hover {
    background-color: #2fa5ff;
    border: solid 2px #59b9ff;
}
.settings-extra-text {
    color: #55789a;
}

.money-control-wrapper {
    z-index: 9997;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.40);
    color: white;
}
.money-control-container {
    position: relative;
    max-width: 600px;
    margin: 30px auto;
    background: #111d39;
    padding: 20px;
    border-radius: 3px;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
}
.deposit-way-selector {
    position: absolute;
    top: 14px;
    right: 14px;
    padding: 10px;
    z-index: 1000;
    display: flex;
    flex-direction: column;
    border-radius: 0;
}

.deposit-way-selector select {
    color: #c8e9ff;
    border: none;
    padding: 4px;
    cursor: pointer;
    font-size: 13px;
    border-radius: 0;
}

.deposit-way-selector select option {
    background-color: #151c33;
    color: #c8e9ff;
    border: solid 0;
    border-radius: 0;
}

.deposit-way-selector select option:hover {
    background-color: #c8e9ff;
    color: #151c33;
    border-radius: 0;
}
.form-control {
    background-color: #29344c;
    color: #e0e0e0;
    border: 1px solid #41526c;
    font-size: 1.25rem;
    height: 3rem;
    width: 100%;
    margin-bottom: 1.5rem;
    padding-left: 1rem;
}
.form-very-control {
    background-color: #111d39;
    color: #ffffff;
    border: 1px solid #4e617e;
    height: 2.5rem;
    width: 100%;
    margin-bottom: 10px;
    padding-left: 1rem;
}
.form-group .form-label {
    display: block;
    font-weight: normal !important;
    margin-bottom: 0.5rem;
}

.table35 {
    width: 100%;
    border-collapse: separate;
}
.table35 th,
.table35 td {
    padding: 15px;
    text-align: left;
    color: #fff;
}
.table35 th {
    font-weight: bold;
    border-bottom: 1px solid #41526c;
}
.table35 tbody tr {
    border-bottom: 1px solid #41526c;
}
.table35 tbody tr:nth-child(even) {
    background-color: #18274a;
}

.login-buttons[data-v-63237018] {
    display: flex;
    align-content: center;
}

.login-buttons .e-button[data-v-63237018] {
    padding: 0 8px;
    color: var(--color-white);
    font-weight: 700;
}

.login-buttons .e-button[data-v-63237018]:hover {
    opacity: 1;
}

.login-buttons .e-button.is-text[data-v-63237018]:hover {
    background-color: hsla(0, 0%, 100%, .04);
}

.global-search-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 36px;
    border-radius: 4px;
    cursor: pointer;
}

.global-search-icon:hover {
    background-color: var(--layer-hover-dark);
}

.mobile-menu[data-v-32a1751d] {
    z-index: 9;
    height: auto;
    font-size: 14px;
}

.mobile-menu .link-icon[data-v-32a1751d] {
    width: 24px;
    height: 24px;
}

.menu-item[data-v-32a1751d] {
    margin-top: 8px;
}

.menu-item[data-v-32a1751d]:first-child {
    margin-top: 0;
}

.menu-link[data-v-32a1751d],
.menu-title[data-v-32a1751d],
.sub-link[data-v-32a1751d] {
    display: flex;
    align-items: center;
    height: 50px;
}

.menu-title .e-icon[data-v-32a1751d] {
    flex-shrink: 0;
    color: var(--text-primary);
}

.menu-title[data-v-32a1751d] {
    flex: 1;
    padding: 0 24px;
    color: var(--text-primary);
    font-weight: 600;
    font-size: 16px;
}

.menu-title .right-icon[data-v-32a1751d] {
    flex-shrink: 0;
    width: 12px;
    height: 6px;
    margin-right: 8px;
    margin-left: auto;
    color: var(--text-primary);
    transition: transform .25s ease;
}

.menu-link[data-v-32a1751d] {
    padding: 0 24px;
    color: var(--text-primary);
    font-weight: 600;
    font-size: 16px;
}

.menu-name[data-v-32a1751d] {
    margin-left: 12px;
    color: var(--text-primary);
}

.sub-menu-name[data-v-32a1751d] {
    margin-left: 20px;
}

.sub-menu[data-v-32a1751d] {
    overflow: hidden;
    transition: height .3s cubic-bezier(.645, .045, .355, 1);
}

.sub-item[data-v-32a1751d] {
    margin-top: 8px;
}

.sub-link[data-v-32a1751d] {
    padding: 0 40px;
    color: var(--text-primary);
    font-size: 14px;
}

.error-top-bar-banned {
    position: absolute;
    top: 0;
    background-color: red;
    color: white;
    padding: 8px;
    text-align: center;
    width: 100%;
    z-index: 99999999999999999;
    overflow: hidden;
    height: 0;
    transition: height 0.5s;
    display: none;
}

.nav-on-mobile[data-v-f43a35b8] {
    position: fixed;
    top: 0;
    z-index: 1000;
    display: flex;
    flex-direction: column;
    width: 100vw;
    height: 100%;
    overflow-y: auto;
    background-color: var(--background-2);
    transform: translateX(-100%);
    transition: transform .2s;
}

.nav-header[data-v-f43a35b8] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 48px;
    padding: 0 16px;
}

.nav-header img[data-v-f43a35b8] {
    max-height: 24px;
}

.nav-header .e-icon-close[data-v-f43a35b8] {
    color: var(--icon-primary);
}

.mobile-menu[data-v-f43a35b8] {
    overflow-y: auto;
}

.mobile-nav .mobile-header[data-v-92366820] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 48px;
    padding: 0 16px;
}

.mobile-nav .logo-link[data-v-92366820] {
    display: flex;
    align-items: center;
}

.mobile-nav .mobile-header-right[data-v-92366820] {
    display: flex;
    align-items: center;
}

.mobile-nav .mobile-header-right[data-v-92366820] .login-module .login-buttons {
    margin-right: 12px;
}

.mobile-download-app-banner[data-v-5fcdaafb] {
    display: grid;
    grid-template-columns: 40px 1fr 36px 24px;
    align-items: center;
    height: 68px;
    padding: 0 16px;
    color: var(--color-black);
    column-gap: 12px;
    background: #f7fcff;
    transition: all .3s;
}

.mobile-download-app-banner .banner__logo[data-v-5fcdaafb] {
    width: 100%;
}

.mobile-download-app-banner .banner__text[data-v-5fcdaafb] {
    font-size: 10px;
}

.mobile-download-app-banner .banner__text p[data-v-5fcdaafb]:first-child {
    margin-bottom: 8px;
    font-weight: 600;
    font-size: 16px;
    line-height: 16px;
}

.mobile-download-app-banner .banner__text p[data-v-5fcdaafb]:last-child {
    margin-bottom: 0;
    font-weight: 500;
    font-size: 12px;
    line-height: 12px;
}

.mobile-download-app-banner .banner__download[data-v-5fcdaafb] {
    width: 36px;
    height: 36px;
    padding: 5px;
    text-align: center;
    background: var(--color-primary);
    border-radius: 50%;
}

@media screen and (max-width:480px) {
    .mobile-download-app-banner[data-v-5fcdaafb] {
        grid-template-columns: 32px 1fr 32px 16px;
        padding: 0 8px;
        column-gap: 8px;
    }
    .mobile-download-app-banner .banner__text p[data-v-5fcdaafb]:first-child {
        font-size: 14px;
    }
    .mobile-download-app-banner .banner__download[data-v-5fcdaafb] {
        width: 32px;
        height: 32px;
    }
    .mobile-download-app-banner .e-icon-close[data-v-5fcdaafb],
    .mobile-download-app-banner .e-icon-download-white[data-v-5fcdaafb] {
        width: 16px;
        height: 16px;
    }
}

.main-header {
    position: sticky;
    top: 0;
    z-index: 11;
    -webkit-user-select: none;
    user-select: none;
}

.main-header[data-v-2167bcab] {
    position: sticky;
    top: 0;
    z-index: 11;
    -webkit-user-select: none;
    user-select: none;
}

.trade-grid .item.orderbook[data-v-21e78946] {
    height: 100% !important;
}

.main-header.dark[data-v-2167bcab],
.main-header.guest[data-v-2167bcab],
.main-header[data-v-2167bcab] {
    background-color: var(--text-primary-on-white);
}

.visible {
    visibility: visible;
}

*,
:after,
:before {
    --tw-shadow: 0 0 transparent;
}

*,
:after,
:before {
    --tw-ring-inset: var(--tw-empty, );
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgba(59, 130, 246, 0.5);
    --tw-ring-offset-shadow: 0 0 transparent;
    --tw-ring-shadow: 0 0 transparent;
}

*,
:after,
:before {
    box-sizing: border-box;
    max-height: 999999px;
}

html {
    -webkit-font-smoothing: antialiased;
    -webkit-tap-highlight-color: transparent;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    text-size-adjust: 100%;
    scroll-behavior: smooth;
}

body {
    margin: 0;
}

p {
    margin: 0;
}

a {
    cursor: pointer;
}

a,
a:active,
a:focus,
a:hover {
    text-decoration: none;
    outline: 0;
}

:focus {
    outline: 0;
}

button {
    margin: 0;
    padding: 0;
    font: inherit;
    background: 0 0;
    border: 0;
    outline: none;
}

ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

svg {
    overflow: hidden;
    color: inherit;
    vertical-align: middle;
    fill: currentColor;
}

.value-green {
    color: var(--status-success) !important;
}

.value-red {
    color: var(--status-error) !important;
}

html {
    font-family: -apple-system, system-ui, blinkmacsystemfont, Segoe UI, roboto, Helvetica Neue, arial, sans-serif;
}

:root {
    --html-height: 100vh;
}

#app {
    font-size: 14px;
    line-height: 1.43;
}

p {
    margin-bottom: 16px;
}

a {
    color: #1199fa;
}

i {
    font-style: normal;
}

/*! 4f3412 from: https://crypto.com/exchange/css/index.94219112.css */

#app {
    position: relative;
    min-height: 100vh;
    background-color: #0b1426;
}

#app.dark {
    background-color: #000;
}

#app .router-view-loading {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: calc(100vh - 110px);
}

/*! 4f3412 from: https://crypto.com/exchange/css/deriv-trade.9caf572f.css */

.orderbook-overlay-container[data-v-1dca7f00] {
    position: fixed;
    z-index: 100;
    display: inline-flex;
    align-items: center;
}

.orderbook-overlay-container .content[data-v-1dca7f00] {
    box-sizing: border-box;
    width: 216px;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    padding: 8px;
    color: #fff;
    background-color: #5e6673;
    border-radius: 4px;
    box-shadow: 0 0 8px rgba(0, 0, 0, .08), 0 4px 8px rgba(0, 0, 0, .08);
}

.orderbook-overlay-container .overlay-item[data-v-1dca7f00] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding-top: 4px;
    padding-bottom: 4px;
    font-size: 14px;
}

.orderbook-overlay-container .overlay-item .title-item[data-v-1dca7f00] {
    color: #eaecef;
    background-color: transparent;
}

.orderbook-overlay-container .triangle-left[data-v-1dca7f00] {
    position: fixed;
    width: 12px;
    height: 12px;
    border-width: 5px 5px 0 0;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
}

.orderbook-overlay-container .triangle-left[data-v-1dca7f00] {
    border-left: 5px solid #5e6673;
}

.favorite use {
    transition: all .33s ease;
    fill: transparent;
    stroke: var(--text-caption);
    stroke-width: 1.4;
}

.favorite use:last-child {
    transform: scale(.33);
    transform-origin: center;
    opacity: 0;
    fill: #ffbf00;
    stroke: #ffbf00;
}

.symbol-dropdown .toggle {
    display: inline-flex;
    align-items: center;
    height: 36px;
    padding: 0 16px;
    color: var(--color-white);
    font-weight: 600;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 0;
    border-radius: 4px;
    cursor: pointer;
}

.symbol-dropdown .toggle:active,
.symbol-dropdown .toggle:focus,
.symbol-dropdown .toggle:hover {
    background-color: #27303f;
}

.symbol-dropdown .toggle .toggle-arrow {
    transition: all .3s ease-in-out;
}

@media (max-width:991.98px) {
    .symbol-dropdown .toggle {
        padding: 0 6px;
        font-size: 18px;
        background-color: transparent;
    }
}

.trade-contract-list {
    display: flex;
    align-items: center;
}

.top-bar[data-v-645e3012] {
    z-index: 8;
    display: flex;
    height: 36px;
    padding-left: 10px;
    color: var(--text-caption);
    font-size: 12px;
    border-bottom: 1px solid #2a2e39;
}

.top-bar .slider[data-v-645e3012] {
    position: relative;
    flex: 1;
    margin-right: 10px;
    overflow: hidden;
    line-height: 36px;
    visibility: hidden;
    opacity: 0;
    transition: all .5s ease;
}

.top-bar .slider.visible[data-v-645e3012] {
    visibility: visible;
    opacity: 1;
}

.top-bar .chart-types[data-v-645e3012] {
    display: flex;
    flex: 0 0 80px;
    align-items: center;
    justify-content: space-around;
    line-height: 36px;
    text-align: right;
}

.top-bar .switch-chart-type[data-v-645e3012] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 24px;
    background-color: #0b162a;
    border-radius: 3px;
    cursor: pointer;
}

.top-bar .switch-chart-type .e-icon[data-v-645e3012] {
    color: #828ea1;
}

.top-bar .switch-chart-type .e-icon.active[data-v-645e3012] {
    color: #24a0f5;
}

.top-bar .slider-btn[data-v-645e3012] {
    position: absolute;
    top: 0;
    z-index: 3;
    display: none;
    background-color: #0a1326;
    cursor: pointer;
}

.top-bar .slider-btn.visible[data-v-645e3012] {
    display: block;
}

.top-bar .slider-left[data-v-645e3012] {
    left: 0;
    padding-right: 5px;
}

.top-bar .icon-left[data-v-645e3012] {
    transform: rotate(180deg);
}

.tradingview-widget-container {
    height: 100%;
}

#tradingview_1511b {
    height: 100%;
}

#tradingview_12971 {
    height: 100%;
}

.top-bar .slider-right[data-v-645e3012] {
    right: 0;
    padding-left: 5px;
}

.top-bar .items[data-v-645e3012] {
    position: absolute;
    top: 0;
    left: 0;
    width: -webkit-max-content;
    width: max-content;
    height: 36px;
    overflow: hidden;
    white-space: nowrap;
    transition: left .2s linear;
}

.top-bar .time-line[data-v-645e3012] {
    display: inline-block;
    padding: 0 10.5px;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
}

.top-bar .time-line.active[data-v-645e3012],
.top-bar .time-line[data-v-645e3012]:hover {
    color: #edf4f8;
    background-color: #263043;
}

@media (max-width:991.98px) {
    .top-bar[data-v-645e3012] {
        right: 0;
        left: 4px;
    }
    .top-bar .time-line[data-v-645e3012] {
        padding: 0 8px;
    }
}

.trading-view[data-v-40156ce0] {
    position: relative;
    z-index: 9;
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
}

.trading-view .chart-wrapper[data-v-40156ce0] {
    position: relative;
    flex: 1;
}

.trading-view .slide[data-v-40156ce0] {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: all .5s ease;
}

.trading-view .slide.selected[data-v-40156ce0] {
    z-index: 4;
    transform: translateX(0);
    opacity: 1;
}

.trading-view .loading[data-v-40156ce0] {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 999;
    transform: translate(-50%, -50%);
}

.tv_chart_container[data-v-40156ce0] {
    width: 100%;
    height: 100%;
}

@media (max-width:991.98px) {
    .trading-view[data-v-40156ce0] {
        height: 360px;
    }
}

.list[data-v-4bb49256] {
    padding: 16px;
}

.no-records[data-v-4bb49256] {
    color: #828ea1;
    text-align: center;
}

.e-pagination[data-v-fdf96df4] {
    height: auto;
}

.e-pagination[data-v-fdf96df4] .pagination-button {
    width: 34px;
    height: 16px;
}

.e-pagination[data-v-fdf96df4] .pagination-info {
    font-size: 14px;
    color: var(--text-contrast-secondary) !important;
}

.e-pagination[data-v-fdf96df4] .e-icon-arrow {
    width: 16px;
    height: 16px;
}

.e-pagination[data-v-fdf96df4] .next {
    margin-right: 0;
}

.order-table-wrapper[data-v-fdf96df4] {
    position: relative;
}

.list[data-v-5fc83712] {
    padding: 0;
}

.order-list-box[data-v-7e4d7b14] {
    position: relative;
    flex: 1 0 100%;
    margin-bottom: 80px;
}

.e-icon[data-v-7e4d7b14] {
    margin-left: 8px;
    color: var(--button-primary);
}

.tabs .e-icon[data-v-7e4d7b14] {
    flex-shrink: 0;
    margin-left: 0;
}

.tabs[data-v-7e4d7b14] .e-tabs__nav {
    padding: 0 15px;
    font-weight: 600;
    background-color: #0b1426;
}
j
.base-info[data-v-9e875102] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    padding: 0 8px 0 10px;
    line-height: 1.6;
    column-gap: 12px;
}

.item[data-v-9e875102] {
    display: flex;
    justify-content: space-between;
    font-size: 12px;
}

.item-title[data-v-9e875102] {
    margin-right: 4px;
    color: #828ea1;
}

.item-value[data-v-9e875102] {
    margin-bottom: 6px;
    color: #fff;
    font-weight: 500;
}

.top[data-v-36a01256] {
    padding: 0 8px 8px;
}

.symbol-price[data-v-36a01256] {
    display: flex;
    align-items: center;
}

.symbol-price .item-value[data-v-36a01256] {
    
}

.symbol-price .item-value.last-price[data-v-36a01256] {
    margin-right: 10px;
    font-weight: 500;
    font-size: 22px;
}

.symbol-price .item-value span[data-v-36a01256] {
    padding-right: 10px;
}

.mobile-trade[data-v-7b2eca57] {
    overflow-x: hidden;
    background-color: #0a1326;
}

.trade-actions[data-v-7b2eca57] {
    position: fixed;
    right: 12px;
    bottom: 18px;
    left: 12px;
    z-index: 9;
    display: flex;
}

.trade-actions .buy[data-v-7b2eca57],
.trade-actions .sell[data-v-7b2eca57] {
    flex: 1;
    height: 40px;
    font-weight: 600;
    font-size: 16px;
    line-height: 48px;
    text-align: center;
    border-radius: 2px;
}

.trade-actions .buy[data-v-7b2eca57]:active,
.trade-actions .sell[data-v-7b2eca57]:active {
    opacity: .85;
}

.trade-actions .buy[data-v-7b2eca57] {
    background-color: var(--color-success);
}

.trade-actions .buy[data-v-7b2eca57]:hover {
    background-color: #4ac19b;
}

.trade-actions .sell[data-v-7b2eca57] {
    margin-left: 15px;
    background-color: var(--color-error);
}

.trade-actions .sell[data-v-7b2eca57]:hover {
    background-color: #eb6b78;
}

.trade-wrapper[data-v-291bcc0e] {
    padding: 4px 4px 0;
}

#sum-slider {
    -webkit-appearance: none;
    appearance: none;
    width: 100%;
    height: 10px;
    border-radius: 5px;
    outline: none;
    margin: 5px 0;
}

#sum-slider::-webkit-slider-runnable-track {
    background: linear-gradient(to right, #0b1e37 0%, #0b1e37 25%, #0c355b 25%, #0c355b 50%, #0b1e37 50%, #0b1e37 75%, #0c355b 75%, #0c355b 100%);
    border-radius: 5px;
    height: 3px;
}

#sum-slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 15px;
    height: 15px;
    background-color: #249ff4;
    border: solid 1px #41b2ff;
    border-radius: 50%;
    cursor: pointer;
    margin-top: -6px;
}

.input-group {
    display: flex;
}

.input-group-append {
    margin-left: -1px;
}

.btn-just-copy {
    width: 12px;
    padding-top: 13px;
}

.btn-just-copy-again {
    width: 1px;
    height: 10px;
}

.settings-label-basic-text {
    width: calc(100% - 43px);
    margin-bottom: 5px;
    color: #8e9eca;
    text-align: center;
}

#sum-slider2 {
    -webkit-appearance: none;
    appearance: none;
    width: 100%;
    height: 10px;
    border-radius: 5px;
    outline: none;
    margin: 5px 0;
}

#sum-slider2::-webkit-slider-runnable-track {
    background: linear-gradient(to right, #0b1e37 0%, #0b1e37 25%, #0c355b 25%, #0c355b 50%, #0b1e37 50%, #0b1e37 75%, #0c355b 75%, #0c355b 100%);
    border-radius: 5px;
    height: 3px;
}

#sum-slider2::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 15px;
    height: 15px;
    background-color: #249ff4;
    border: solid 1px #41b2ff;
    border-radius: 50%;
    cursor: pointer;
    margin-top: -6px;
}

.intercom-lightweight-app {
    position: fixed;
    z-index: 2147483001;
    width: 0;
    height: 0;
    font-family: intercom-font, "Helvetica Neue", "Apple Color Emoji", Helvetica, Arial, sans-serif;
}

@media print {
    .intercom-lightweight-app {
        display: none;
    }
}

/*! 4f3412 keyframes */

@-webkit-keyframes rotate {
    to {
        transform: rotate(1turn);
    }
}

@keyframes rotate {
    to {
        transform: rotate(1turn);
    }
}

@-webkit-keyframes dash {
    0% {
        stroke-dasharray: 1, 150;
        stroke-dashoffset: 0;
    }
    50% {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -35;
    }
    to {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -124;
    }
}

@keyframes dash {
    0% {
        stroke-dasharray: 1, 150;
        stroke-dashoffset: 0;
    }
    50% {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -35;
    }
    to {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -124;
    }
}

@-webkit-keyframes fade-in {
    0% {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@keyframes fade-in {
    0% {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}