:root {
    --bp-mobile: 479px;
    --bp-tablet: 959px;
    --bp-desktop: 1170px;
    --pd-card: 16px;
    --mg-card: 16px;
    --rd-small: 2px;
    --rd-large: 4px;
    --rd-extralarge: 8px;
    --rd-massive: 12px;
    --rd-rounded: 9999px;
    --mw-form: 480px;
    --mw-small: 460px;
    --mw-main: 736px;
    --mw-wide: 1170px;
    --space-0: 0;
    --space-1: 4px;
    --space-2: 8px;
    --space-3: 12px;
    --space-4: 16px;
    --space-5: 24px;
    --space-6: 32px;
    --space-7: 64px;
    --space-8: 128px;
    --space-9: 256px;
    --space-10: 512px;
    --space-1-negative: -4px;
    --space-2-negative: -8px;
    --space-3-negative: -12px;
    --space-4-negative: -16px;
    --space-5-negative: -24px;
    --space-6-negative: -32px;
    --space-7-negative: -64px;
    --space-8-negative: -128px;
    --space-9-negative: -256px;
    --space-10-negative: -512px;
    --font-0: 12px;
    --font-1: 14px;
    --font-2: 16px;
    --font-3: 20px;
    --font-4: 24px;
    --font-5: 32px;
    --font-6: 48px;
    --font-7: 64px;
    --font-8: 72px;
    --monospace-font: "SF Mono",monaco,"PT Menlo",menlo,"Con­so­las","Courier New",courier,monospace;
    --body-font: roobert,-apple-system,blinkmacsystemfont,"Segoe UI",roboto,helvetica,arial,sans-serif,bitrefill,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","ChiKareGo2";
    --body-fallback-font: -apple-system,blinkmacsystemfont,"Segoe UI",roboto,helvetica,arial,sans-serif,bitrefill,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","ChiKareGo2";
    --display-font: "Singolare",sans-serif;
    --display-font-fallback: var(--body-fallback-font);
    --display-font-stylistic: "Singolare Layers","Singolare",sans-serif;
    --display-font-stylistic-fallback: var(--body-fallback-font);
}

:root, :root.theme-light {
    --blue-50: hsl(211deg 100% 97%);
    --blue-100: hsl(211deg 98% 93%);
    --blue-200: hsl(211deg 92% 83%);
    --blue-300: hsl(211deg 92% 62%);
    --blue-400: hsl(211deg 92% 46%);
    --blue-500: hsl(211deg 92% 30%);
    --green-100: hsl(146deg 93% 92%);
    --green-200: hsl(146deg 83% 70%);
    --green-300: hsl(146deg 83% 44%);
    --green-400: hsl(146deg 83% 34%);
    --green-500: hsl(146deg 83% 24%);
    --deep-green-100: #daf2d9;
    --deep-green-200: #00433f;
    --deep-green-300: #002b28;
    --deep-green-400: #001b19;
    --deep-green-500: #001413;
    --rich-orange-100: hsl(351deg 83% 72%);
    --rich-orange-200: hsl(351deg 87% 67%);
    --rich-orange-300: hsl(351deg 91% 48%);
    --rich-orange-500: hsl(351deg 93% 35%);
    --red-100: hsl(353deg 100% 95%);
    --red-200: hsl(353deg 100% 80%);
    --red-300: hsl(353deg 100% 50%);
    --red-400: hsl(353deg 100% 35%);
    --red-500: hsl(353deg 100% 20%);
    --yellow-100: hsl(45deg 95% 94%);
    --yellow-200: hsl(45deg 85% 78%);
    --yellow-300: hsl(45deg 85% 51%);
    --yellow-400: hsl(39deg 85% 41%);
    --yellow-500: hsl(35deg 85% 33%);
    --gray-100: #f8faf9;
    --gray-200: #ecefed;
    --gray-300: #d7dcda;
    --gray-400: #c2c9c6;
    --gray-500: #8a918e;
    --gray-600: #6a716e;
    --gray-700: #2d3431;
    --gray-800: #111c17;
    --white: hsl(211deg 20% 100%);
    --black: hsl(211deg 20% 14%);
    --background-body: var(--white);
    --background-primary: var(--white);
    --background-secondary: var(--gray-100);
    --background-contrast: var(--gray-200);
    --text-primary: var(--deep-green-300);
    --text-secondary: var(--gray-600);
    --text-accent: var(--red-500);
    --text-link: var(--deep-green-400);
    --border-primary: 1px solid var(--gray-200);
    --border-secondary: 1px solid var(--gray-300);
    --border-divider: 2px solid var(--gray-200);
    --info-background: var(--gray-200);
    --info-text: var(--gray-700);
    --info-icon: var(--gray-300);
    --warn-background: var(--yellow-200);
    --warn-text: var(--yellow-500);
    --warn-icon: var(--yellow-300);
    --success-background: var(--green-100);
    --success-text: var(--green-500);
    --success-icon: var(--green-300);
    --error-background: var(--red-100);
    --error-text: var(--red-500);
    --error-icon: var(--red-300);
    --error-text-link: #945157;
    --light-background: var(--gray-200);
    --light-icon: #585c60;
    --neutral-background: var(--gray-200);
    --neutral-text: var(--text-primary);
    --neutral: var(--gray-700);
    --info: var(--text-primary);
    --promote: var(--yellow-500);
    --positive: var(--green-500);
    --critical: var(--red-400);
    --input-default-text: var(--black);
    --input-default-label: var(--gray-600);
    --input-default-placeholder: var(--gray-400);
    --input-default-background: var(--white);
    --input-default-border: 1px solid var(--gray-300);
    --input-active-text: var(--black);
    --input-active-label: var(--gray-600);
    --input-active-placeholder: var(--gray-600);
    --input-active-background: var(--white);
    --input-active-border: var(--deep-green-300);
    --input-hover-border: var(--gray-400);
    --input-disabled-text: var(--gray-600);
    --input-disabled-label: var(--gray-600);
    --input-disabled-placeholder: var(--gray-600);
    --input-disabled-background: var(--gray-100);
    --input-disabled-border: 1px solid var(--gray-200);
    --input-readonly-text: var(--black);
    --input-readonly-label: var(--gray-600);
    --input-readonly-placeholder: var(--gray-600);
    --input-readonly-background: var(--gray-200);
    --input-readonly-border: 1px solid var(--gray-300);
    --input-search-text: var(--black);
    --input-search-label: var(--gray-600);
    --input-search-placeholder: var(--gray-600);
    --input-search-background: var(--white);
    --input-search-border: none;
    --search-active-box-shadow: var(--deep-green-100);
    --input-search-gray-text: var(--gray-700);
    --input-search-gray-label: var(--gray-600);
    --input-search-gray-placeholder: var(--gray-600);
    --input-search-gray-background: var(--gray-200);
    --input-search-gray-border: none;
    --input-search-gray-active-background: var(--white);
    --input-select-text: var(--black);
    --input-select-label: var(--gray-600);
    --input-select-placeholder: var(--gray-600);
    --input-select-background: var(--white);
    --input-select-border: none;
    --input-amount-control-border: 1px solid var(--gray-200);
    --input-amount-control-hover-border: 1px solid var(--gray-300);
    --card-background: var(--white);
    --categories-text: var(--white);
    --categories-background-0: var(--blue-300);
    --categories-background-1: var(--blue-300);
    --categories-background-2: var(--blue-500);
    --categories-background-3: var(--blue-300);
    --accent-background: var(--red-500);
    --accent-text-primary: var(--white);
    --accent-text-secondary: var(--gray-100);
    --accent-text-link: var(--deep-green-300);
    --box-default-background: var(--gray-100);
    --box-default-text: var(--gray-600);
    --box-default-border: 1px solid var(--gray-400);
    --box-selected-background: var(--gray-100);
    --box-selected-text: var(--gray-600);
    --box-selected-border: 1px solid var(--blue-300);
    --box-selected-fullwidth-background: var(--blue-300);
    --box-selected-fullwidth-text: var(--white);
    --box-selected-fullwidth-border: 1px solid var(--blue-300);
    --box-active-background: var(--gray-200);
    --box-active-text: var(--gray-700);
    --box-active-border: 1px solid var(--green-300);
    --box-disabled-background: var(--gray-200);
    --box-disabled-text: var(--gray-600);
    --box-disabled-border: 1px solid var(--gray-400);
    --background-active-highlight: var(--deep-green-50);
    --backdrop: rgb(0 0 0/20%);
    --button-primary-text: var(--white);
    --button-primary-background: var(--rich-orange-300);
    --button-primary-border: 2px solid transparent;
    --button-primary-hover-text: var(--white);
    --button-primary-hover-background: var(--rich-orange-400);
    --button-primary-hover-border: 2px solid transparent;
    --button-primary-disabled-text: rgb(255 255 255/50%);
    --button-primary-disabled-background: var(--rich-orange-200);
    --button-primary-disabled-border: 2px solid transparent;
    --button-secondary-text: var(--text-primary);
    --button-secondary-background: var(--gray-200);
    --button-secondary-border: 2px solid transparent;
    --button-secondary-hover-text: var(--text-primary);
    --button-secondary-hover-background: var(--gray-300);
    --button-secondary-hover-border: 2px solid transparent;
    --button-secondary-disabled-text: var(--gray-400);
    --button-secondary-disabled-background: var(--gray-100);
    --button-secondary-disabled-border: 2px solid transparent;
    --button-transparent-text: var(--text-primary);
    --button-transparent-background: transparent;
    --button-transparent-border: 2px solid transparent;
    --button-transparent-hover-text: var(--text-primary);
    --button-transparent-hover-background: var(--gray-200);
    --button-transparent-hover-border: 2px solid transparent;
    --button-transparent-disabled-text: var(--gray-500);
    --button-transparent-disabled-background: transparent;
    --button-transparent-disabled-border: 2px solid transparent;
    --button-error-text: var(--white);
    --button-error-background: var(--red-300);
    --button-error-border: 2px solid transparent;
    --button-error-hover-text: var(--white);
    --button-error-hover-background: var(--red-400);
    --button-error-hover-border: 2px solid transparent;
    --button-error-disabled-text: var(--red-100);
    --button-error-disabled-background: var(--red-200);
    --button-error-disabled-border: 2px solid transparent;
    --button-warn-text: var(--yellow-500);
    --button-warn-background: var(--yellow-200);
    --button-warn-border: 2px solid transparent;
    --button-warn-hover-text: var(--white);
    --button-warn-hover-background: var(--yellow-400);
    --button-warn-hover-border: 2px solid transparent;
    --button-warn-disabled-text: var(--yellow-100);
    --button-warn-disabled-background: var(--yellow-400);
    --button-warn-disabled-border: 2px solid transparent;
    --button-success-text: var(--white);
    --button-success-background: var(--green-300);
    --button-success-border: 2px solid transparent;
    --button-success-hover-text: var(--white);
    --button-success-hover-background: var(--green-400);
    --button-success-hover-border: 2px solid transparent;
    --button-success-disabled-text: var(--green-100);
    --button-success-disabled-background: var(--green-400);
    --button-success-disabled-border: 2px solid transparent;
    --button-info-text: var(--white);
    --button-info-background: var(--deep-green-300);
    --button-info-border: 2px solid transparent;
    --button-info-hover-text: var(--white);
    --button-info-hover-background: var(--deep-green-400);
    --button-info-hover-border: 2px solid transparent;
    --button-info-disabled-text: var(--deep-green-100);
    --button-info-disabled-background: var(--deep-green-400);
    --button-info-disabled-border: 2px solid transparent;
    --button-light-text: var(--white);
    --button-light-background: var(--white);
    --button-light-border: 2px solid transparent;
    --button-light-hover-text: var(--white);
    --button-light-hover-background: var(--gray-300);
    --button-light-hover-border: 2px solid transparent;
    --button-light-disabled-text: var(--gray-100);
    --button-light-disabled-background: var(--gray-400);
    --button-light-disabled-border: 2px solid transparent;
    --button-white-text: var(--black);
    --button-white-background: var(--white);
    --button-white-border: 2px solid transparent;
    --button-white-disabled-text: var(--gray-400);
    --button-white-disabled-background: var(--white);
    --button-white-disabled-border: 2px solid transparent;
    --shadow-1: 0 1px 3px rgb(0 0 0/6%),0 1px 2px rgb(0 0 0/10%);
    --shadow-2: 0 3px 6px rgb(0 0 0/15%),0 2px 4px rgb(0 0 0/12%);
    --shadow-insert: inset 0 1px 1px rgb(0 0 0/10%),inset 0 1px 4px rgb(0 0 0/6%);
    --background-opaque: rgb(255 255 255/70%);
    --rewards-border: var(--gray-300);
    --focus-ring-color: var(--deep-green-300);
    --logo-text: #2f2f2f;
    --lightning-toplist-image: url(https://www.bitrefill.com/content/cn/v17/landing/thor/pattern2.png);
    --lightning-toplist-color: #f0f7ff;
}

:root, :root.theme-bitfinex, :root.theme-dark, :root.theme-light, :root.theme-retro {
    --deep-green-50: #fafffe;
    --rich-orange-400: hsl(351deg 91% 39%);
    --yellow-600: hsl(47deg 100% 50%);
    --yellow-700: hsl(43deg 100% 36%);
    --brand: var(--rich-orange-300);
    --brand-background: var(--brand);
    --brand-text: var(--white);
    --brand-secondary-background: var(--deep-green-300);
    --brand-secondary-text: var(--white);
    --text-success: var(--green-300);
    --light-text: var(--text-primary);
    --card-border: none;
    --social-twitter: #1da1f2;
    --social-facebook: #3b5998;
    --shadow-0: none;
    --rewards-background: var(--yellow-600);
    --rewards-text: var(--gray-800);
}

.b-t9NQtO {
    display: block;
    list-style-type: none;
    margin: 0;
    margin-bottom: var(--space-3);
    background: var(--background-primary);
    flex: 0 0 263px;
    padding: var(--space-4);
    z-index: 1;
    box-shadow: 0 1px 3px 0 rgb(0 0 0/18%);
    border-radius: var(--rd-extralarge);
}

.b-cr5x58 {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.b-MmzAlt {
    background-color: var(--background-contrast);
    color: var(--info-text);
    font-weight: 500;
    border-radius: var(--rd-extralarge);
}

.b-jp45iZ {
    display: flex;
    align-items: center;
    padding: var(--space-3);
    cursor: pointer;
    text-decoration: none;
    color: var(--text-primary);
    line-height: 1.2;
}

.b-jp45iZ:hover {
    background-color: var(--background-contrast);
    color: var(--text-primary);
}

.b-ZKVubB {
    margin-right: var(--space-2);
    display: inline-block;
}

.b-cr5x58 {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.b-n2F3HE {
    padding: var(--space-2) var(--space-3);
    margin: 0;
    font-weight: 700;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: .5px;
    color: var(--text-secondary);
}