@brave/swap-interface/dist/style.css

Brave Swap - an open-source swap interface by Brave, focussed on usability and multi-chain support.

:root{--spacing-4: 4px;--spacing-8: 8px;--spacing-12: 12px;--spacing-16: 16px;--spacing-24: 24px;--spacing-32: 32px;--spacing-40: 40px;--radius-1: 1px;--radius-2: 2px;--radius-4: 3px;--radius-8: 8px;--radius-12: 8px;--radius-16: 16px;--radius-full: 100px;--color-light-text-primary: rgb(29, 31, 37);--color-light-text-secondary: rgb(107, 112, 132);--color-light-text-interactive: rgb(32, 74, 227);--color-light-text-disabled: rgba(29, 31, 37, .5);--color-light-icon-default: rgb(107, 112, 132);--color-light-icon-interactive: rgb(65, 101, 233);--color-light-icon-disabled: rgba(107, 112, 132, .5);--color-light-interaction-button-primary-background: rgb(32, 74, 227);--color-light-page-background: rgb(244, 246, 248);--color-light-container-background: rgb(255, 255, 255);--color-light-container-highlight: rgb(244, 246, 248);--color-light-container-interactive-background: rgb(243, 245, 254);--color-light-container-disabled: rgba(172, 175, 187, .5);--color-light-modal-screen-background: rgba(18, 19, 22, .35);--color-light-divider-subtle: rgb(226, 227, 231);--color-light-divider-strong: rgb(172, 175, 187);--color-light-systemfeedback-info-background: rgb(228, 240, 249);--color-light-systemfeedback-info-icon: rgb(15, 117, 201);--color-light-systemfeedback-error-background: rgb(252, 234, 237);--color-light-systemfeedback-error-icon: rgb(220, 29, 60);--color-light-systemfeedback-warning-background: rgb(255, 244, 216);--color-light-systemfeedback-warning-icon: rgb(146, 106, 0);--color-light-systemfeedback-success-background: rgb(219, 245, 223);--color-light-systemfeedback-success-icon: rgb(49, 128, 62);--color-light-gray-10: rgb(244, 246, 248);--color-light-gray-20: rgb(226, 227, 231);--color-light-gray-30: rgb(172, 175, 187);--color-light-gray-40: rgb(107, 112, 132);--color-light-gray-50: rgb(88, 92, 109);--color-light-gray-60: rgb(66, 69, 82);--color-light-gray-70: rgb(29, 31, 37);--color-light-primary-10: rgb(243, 245, 254);--color-light-primary-20: rgb(221, 228, 251);--color-light-primary-30: rgb(153, 173, 243);--color-light-primary-40: rgb(65, 101, 233);--color-light-primary-50: rgb(32, 74, 227);--color-light-primary-60: rgb(24, 56, 172);--color-light-primary-70: rgb(11, 26, 79);--color-light-secondary-10: rgb(253, 244, 242);--color-light-secondary-20: rgb(254, 222, 214);--color-light-secondary-30: rgb(252, 147, 120);--color-light-secondary-40: rgb(254, 89, 7);--color-light-secondary-50: rgb(178, 38, 3);--color-light-secondary-60: rgb(134, 29, 3);--color-light-secondary-70: rgb(63, 14, 1);--color-light-red-10: rgb(253, 243, 245);--color-light-red-20: rgb(251, 222, 227);--color-light-red-30: rgb(241, 149, 164);--color-light-red-40: rgb(220, 29, 60);--color-light-red-50: rgb(184, 24, 50);--color-light-red-60: rgb(138, 18, 38);--color-light-red-70: rgb(65, 9, 18);--color-light-yellow-10: rgb(255, 244, 216);--color-light-yellow-20: rgb(255, 225, 147);--color-light-yellow-30: rgb(226, 165, 0);--color-light-yellow-40: rgb(146, 106, 0);--color-light-yellow-50: rgb(120, 87, 0);--color-light-yellow-60: rgb(90, 65, 0);--color-light-yellow-70: rgb(40, 29, 0);--color-light-green-10: rgb(232, 249, 235);--color-light-green-20: rgb(194, 238, 201);--color-light-green-30: rgb(77, 198, 97);--color-light-green-40: rgb(49, 128, 62);--color-light-green-50: rgb(41, 105, 51);--color-light-green-60: rgb(31, 79, 39);--color-light-green-70: rgb(14, 35, 17);--color-light-teal-10: rgb(239, 247, 248);--color-light-teal-20: rgb(209, 232, 235);--color-light-teal-30: rgb(118, 186, 194);--color-light-teal-40: rgb(0, 124, 138);--color-light-teal-50: rgb(0, 103, 114);--color-light-teal-60: rgb(0, 77, 86);--color-light-teal-70: rgb(0, 35, 39);--color-light-blue-10: rgb(240, 247, 252);--color-light-blue-20: rgb(208, 232, 252);--color-light-blue-30: rgb(106, 182, 244);--color-light-blue-40: rgb(15, 117, 201);--color-light-blue-50: rgb(12, 95, 163);--color-light-blue-60: rgb(9, 71, 122);--color-light-blue-70: rgb(4, 32, 56);--color-light-purple-10: rgb(245, 246, 252);--color-light-purple-20: rgb(225, 227, 247);--color-light-purple-30: rgb(166, 171, 232);--color-light-purple-40: rgb(93, 101, 211);--color-light-purple-50: rgb(76, 83, 173);--color-light-purple-60: rgb(57, 62, 130);--color-light-purple-70: rgb(26, 28, 59);--color-light-pink-10: rgb(253, 243, 248);--color-light-pink-20: rgb(250, 219, 236);--color-light-pink-30: rgb(240, 146, 197);--color-light-pink-40: rgb(212, 28, 128);--color-light-pink-50: rgb(175, 23, 105);--color-light-pink-60: rgb(133, 17, 80);--color-light-pink-70: rgb(63, 8, 38);--color-light-private-window-10: rgb(245, 244, 250);--color-light-private-window-20: rgb(229, 226, 240);--color-light-private-window-30: rgb(179, 170, 211);--color-light-private-window-40: rgb(117, 102, 176);--color-light-private-window-50: rgb(97, 79, 164);--color-light-private-window-60: rgb(72, 51, 150);--color-light-private-window-70: rgb(30, 13, 94);--color-light-tor-window-10: rgb(248, 245, 250);--color-light-tor-window-20: rgb(235, 225, 240);--color-light-tor-window-30: rgb(194, 165, 209);--color-light-tor-window-40: rgb(145, 94, 173);--color-light-tor-window-50: rgb(120, 74, 145);--color-light-tor-window-60: rgb(90, 55, 108);--color-light-tor-window-70: rgb(39, 26, 47);--color-dark-text-primary: rgb(236, 239, 242);--color-dark-text-secondary: rgb(140, 144, 161);--color-dark-text-interactive: rgb(153, 173, 243);--color-dark-text-disabled: rgba(236, 239, 242, .5);--color-dark-icon-default: rgb(140, 144, 161);--color-dark-icon-interactive: rgb(112, 139, 238);--color-dark-icon-disabled: rgba(140, 144, 161, .5);--color-dark-interaction-button-primary-background: rgb(32, 74, 227);--color-dark-page-background: rgb(18, 19, 22);--color-dark-container-background: rgb(29, 31, 37);--color-dark-container-highlight: rgb(18, 19, 22);--color-dark-container-interactive-background: rgb(7, 16, 50);--color-dark-container-disabled: rgba(88, 92, 109, .5);--color-dark-modal-screen-background: rgba(18, 19, 22, .35);--color-dark-divider-subtle: rgb(46, 48, 57);--color-dark-divider-strong: rgb(88, 92, 109);--color-dark-systemfeedback-info-background: rgb(4, 32, 56);--color-dark-systemfeedback-info-icon: rgb(39, 149, 239);--color-dark-systemfeedback-error-background: rgb(65, 9, 18);--color-dark-systemfeedback-error-icon: rgb(235, 99, 122);--color-dark-systemfeedback-warning-background: rgb(25, 18, 0);--color-dark-systemfeedback-warning-icon: rgb(187, 136, 0);--color-dark-systemfeedback-success-background: rgb(14, 35, 17);--color-dark-systemfeedback-success-icon: rgb(63, 164, 80);--color-dark-gray-10: rgb(18, 19, 22);--color-dark-gray-20: rgb(46, 48, 57);--color-dark-gray-30: rgb(88, 92, 109);--color-dark-gray-40: rgb(140, 144, 161);--color-dark-gray-50: rgb(172, 175, 187);--color-dark-gray-60: rgb(198, 200, 208);--color-dark-gray-70: rgb(236, 239, 242);--color-dark-primary-10: rgb(7, 16, 50);--color-dark-primary-20: rgb(17, 39, 121);--color-dark-primary-30: rgb(32, 74, 227);--color-dark-primary-40: rgb(112, 139, 238);--color-dark-primary-50: rgb(153, 173, 243);--color-dark-primary-60: rgb(186, 199, 247);--color-dark-primary-70: rgb(236, 239, 253);--color-dark-secondary-10: rgb(40, 9, 1);--color-dark-secondary-20: rgb(95, 20, 2);--color-dark-secondary-30: rgb(178, 38, 3);--color-dark-secondary-40: rgb(251, 89, 48);--color-dark-secondary-50: rgb(252, 147, 120);--color-dark-secondary-60: rgb(253, 183, 165);--color-dark-secondary-70: rgb(252, 236, 232);--color-dark-red-10: rgb(42, 6, 11);--color-dark-red-20: rgb(99, 13, 27);--color-dark-red-30: rgb(184, 24, 50);--color-dark-red-40: rgb(235, 99, 122);--color-dark-red-50: rgb(241, 149, 164);--color-dark-red-60: rgb(246, 184, 194);--color-dark-red-70: rgb(252, 234, 237);--color-dark-yellow-10: rgb(25, 18, 0);--color-dark-yellow-20: rgb(63, 46, 0);--color-dark-yellow-30: rgb(120, 87, 0);--color-dark-yellow-40: rgb(187, 136, 0);--color-dark-yellow-50: rgb(226, 165, 0);--color-dark-yellow-60: rgb(254, 191, 23);--color-dark-yellow-70: rgb(255, 238, 193);--color-dark-green-10: rgb(8, 22, 11);--color-dark-green-20: rgb(21, 55, 27);--color-dark-green-30: rgb(41, 105, 51);--color-dark-green-40: rgb(63, 164, 80);--color-dark-green-50: rgb(77, 198, 97);--color-dark-green-60: rgb(129, 220, 144);--color-dark-green-70: rgb(219, 245, 223);--color-dark-teal-10: rgb(0, 22, 25);--color-dark-teal-20: rgb(0, 54, 60);--color-dark-teal-30: rgb(0, 103, 114);--color-dark-teal-40: rgb(61, 158, 168);--color-dark-teal-50: rgb(118, 186, 194);--color-dark-teal-60: rgb(164, 209, 214);--color-dark-teal-70: rgb(227, 241, 242);--color-dark-blue-10: rgb(2, 21, 35);--color-dark-blue-20: rgb(6, 50, 86);--color-dark-blue-30: rgb(12, 95, 163);--color-dark-blue-40: rgb(39, 149, 239);--color-dark-blue-50: rgb(106, 182, 244);--color-dark-blue-60: rgb(155, 206, 248);--color-dark-blue-70: rgb(228, 240, 249);--color-dark-purple-10: rgb(16, 17, 36);--color-dark-purple-20: rgb(40, 44, 90);--color-dark-purple-30: rgb(76, 83, 173);--color-dark-purple-40: rgb(131, 137, 223);--color-dark-purple-50: rgb(166, 171, 232);--color-dark-purple-60: rgb(195, 198, 240);--color-dark-purple-70: rgb(237, 238, 250);--color-dark-pink-10: rgb(41, 5, 25);--color-dark-pink-20: rgb(95, 12, 57);--color-dark-pink-30: rgb(175, 23, 105);--color-dark-pink-40: rgb(232, 95, 169);--color-dark-pink-50: rgb(240, 146, 197);--color-dark-pink-60: rgb(245, 182, 216);--color-dark-pink-70: rgb(252, 233, 243);--color-dark-private-window-10: rgb(30, 13, 94);--color-dark-private-window-20: rgb(72, 51, 150);--color-dark-private-window-30: rgb(97, 79, 164);--color-dark-private-window-40: rgb(117, 102, 176);--color-dark-private-window-50: rgb(179, 170, 211);--color-dark-private-window-60: rgb(229, 226, 240);--color-dark-private-window-70: rgb(245, 244, 250);--color-dark-tor-window-10: rgb(24, 16, 29);--color-dark-tor-window-20: rgb(63, 39, 76);--color-dark-tor-window-30: rgb(120, 74, 145);--color-dark-tor-window-40: rgb(169, 129, 191);--color-dark-tor-window-50: rgb(194, 165, 209);--color-dark-tor-window-60: rgb(213, 194, 224);--color-dark-tor-window-70: rgb(242, 237, 245);--color-white: rgb(255, 255, 255);--color-black: rgb(0, 0, 0);--color-logos-bat-1: rgb(255, 71, 36);--color-logos-bat-2: rgb(158, 31, 99);--color-logos-bat-3: rgb(102, 45, 145);--color-legacy-light-background1: rgb(255, 255, 255);--color-legacy-light-background2: rgb(248, 249, 250);--color-legacy-light-text1: rgb(33, 37, 41);--color-legacy-light-text2: rgb(73, 80, 87);--color-legacy-light-text3: rgb(134, 142, 150);--color-legacy-light-interactive1: rgb(234, 58, 13);--color-legacy-light-interactive2: rgb(251, 84, 43);--color-legacy-light-interactive3: rgb(255, 118, 84);--color-legacy-light-interactive4: rgb(53, 61, 171);--color-legacy-light-interactive5: rgb(76, 84, 210);--color-legacy-light-interactive6: rgb(115, 122, 222);--color-legacy-light-interactive7: rgb(33, 37, 41);--color-legacy-light-interactive8: rgb(174, 177, 194);--color-legacy-light-disabled: rgb(218, 220, 232);--color-legacy-light-focus-border: rgb(160, 165, 235);--color-legacy-light-divider1: rgb(233, 233, 244);--color-legacy-dark-background1: rgb(30, 32, 41);--color-legacy-dark-background2: rgb(23, 23, 31);--color-legacy-dark-text1: rgb(240, 242, 255);--color-legacy-dark-text2: rgb(194, 196, 207);--color-legacy-dark-text3: rgb(132, 136, 156);--color-legacy-dark-interactive1: rgb(234, 58, 13);--color-legacy-dark-interactive2: rgb(251, 84, 43);--color-legacy-dark-interactive3: rgb(255, 118, 84);--color-legacy-dark-interactive4: rgb(53, 61, 171);--color-legacy-dark-interactive5: rgb(76, 84, 210);--color-legacy-dark-interactive6: rgb(115, 122, 222);--color-legacy-dark-interactive7: rgb(240, 242, 255);--color-legacy-dark-interactive8: rgb(94, 97, 117);--color-legacy-dark-disabled: rgb(52, 58, 64);--color-legacy-dark-focus-border: rgb(160, 165, 235);--color-legacy-dark-divider1: rgb(59, 62, 79);--font-tableheader: 500 13px/20px Poppins;--font-label: 600 12px/18px Poppins;--font-display-display1: 500 52px/78px Poppins;--font-display-display2: 500 36px/54px Poppins;--font-heading-h1: 500 28px/40px Poppins;--font-heading-h2: 500 24px/36px Poppins;--font-heading-h3: 500 22px/32px Poppins;--font-heading-h4: 500 18px/27px Poppins;--font-heading-h5: 500 16px/24px Poppins;--font-text-large-regular: 400 16px/24px Poppins;--font-text-large-semibold: 600 16px/24px Poppins;--font-text-default-regular: 400 14px/20px Poppins;--font-text-default-semibold: 600 14px/20px Poppins;--font-text-small-regular: 400 12px/18px Poppins;--font-text-small-semibold: 600 12px/18px Poppins;--font-text-x-small-regular: 400 11px/16px Poppins;--font-text-x-small-semibold: 600 11px/16px Poppins;--font-longtext-large-regular: 500 16px/24px Manrope;--font-longtext-large-semibold: 700 16px/24px Manrope;--font-longtext-default-regular: 500 14px/20px Manrope;--font-longtext-default-semibold: 700 14px/20px Manrope;--font-longtext-small-regular: 500 12px/18px Manrope;--font-longtext-small-semibold: 700 12px/18px Manrope;--font-longtext-x-small-default: 500 11px/16px Manrope;--font-longtext-x-small-semibold: 700 11px/16px Manrope;--font-monospace-large: 400 16px/24px IBM Plex Mono;--font-monospace-default: 400 14px/20px IBM Plex Mono;--font-monospace-small: 400 12px/16px IBM Plex Mono;--font-mobile-display-display1: 500 32px/48px Poppins;--font-mobile-display-display2: 500 28px/42px Poppins;--font-mobile-heading-h1: 500 24px/36px Poppins;--font-mobile-heading-h2: 500 20px/30px Poppins;--font-mobile-heading-h3: 500 18px/28px Poppins;--font-mobile-heading-h4: 500 16px/24px Poppins;--font-mobile-heading-h5: 500 14px/20px Poppins;--font-components-navigation-navbutton: 600 15px/18px Poppins;--font-components-button-jumbo: 600 16px/24px Poppins;--font-components-button-large: 600 14px/20px Poppins;--font-components-button-default: 600 13px/20px Poppins;--font-components-button-small: 600 11px/16px Poppins;--effect-focus-state: 0px 0px 0px 1.5px rgba(255, 255, 255, .5), 0px 0px 4px 2px rgb(32, 74, 227);--effect-elevation-01: 0px 0px 1px 0px rgba(66, 69, 82, .08), 0px .5px 1.5px 0px rgba(66, 69, 82, .1);--effect-elevation-02: 0px 2px 8px -1px rgba(66, 69, 82, .08), 0px .4000000059604645px 1.5px 0px rgba(66, 69, 82, .02);--effect-elevation-03: 0px 4px 12px -2px rgba(66, 69, 82, .08), 0px .25px 3px 0px rgba(66, 69, 82, .02);--effect-elevation-04: 0px 4px 16px -1px rgba(66, 69, 82, .08), 0px .5px 5px 0px rgba(66, 69, 82, .02);--effect-elevation-05: 0px 6px 22px -6px rgba(66, 69, 82, .1), 0px 1px 6px 0px rgba(66, 69, 82, .02);--effect-elevation-06: 0px 10px 32px -10px rgba(66, 69, 82, .1), 0px 3px 6px 0px rgba(66, 69, 82, .02);--effect-elevation-07: 0px 8px 40px -8px rgba(66, 69, 82, .12), 0px 2.75px 9px 0px rgba(66, 69, 82, .02);--typography-tableheader-font-size: 13px;--typography-tableheader-letter-spacing: 0;--typography-tableheader-line-height: 20px;--typography-tableheader-paragraph-indent: 0;--typography-tableheader-paragraph-spacing: 0;--typography-label-font-size: 12px;--typography-label-letter-spacing: .24px;--typography-label-line-height: 18px;--typography-label-paragraph-indent: 0;--typography-label-paragraph-spacing: 0;--typography-display-display1-font-size: 52px;--typography-display-display1-letter-spacing: 0;--typography-display-display1-line-height: 78px;--typography-display-display1-paragraph-indent: 0;--typography-display-display1-paragraph-spacing: 0;--typography-display-display2-font-size: 36px;--typography-display-display2-letter-spacing: 0;--typography-display-display2-line-height: 54px;--typography-display-display2-paragraph-indent: 0;--typography-display-display2-paragraph-spacing: 0;--typography-heading-h1-font-size: 28px;--typography-heading-h1-letter-spacing: 0;--typography-heading-h1-line-height: 40px;--typography-heading-h1-paragraph-indent: 0;--typography-heading-h1-paragraph-spacing: 0;--typography-heading-h2-font-size: 24px;--typography-heading-h2-letter-spacing: 0;--typography-heading-h2-line-height: 36px;--typography-heading-h2-paragraph-indent: 0;--typography-heading-h2-paragraph-spacing: 0;--typography-heading-h3-font-size: 22px;--typography-heading-h3-letter-spacing: 0;--typography-heading-h3-line-height: 32px;--typography-heading-h3-paragraph-indent: 0;--typography-heading-h3-paragraph-spacing: 0;--typography-heading-h4-font-size: 18px;--typography-heading-h4-letter-spacing: 0;--typography-heading-h4-line-height: 27px;--typography-heading-h4-paragraph-indent: 0;--typography-heading-h4-paragraph-spacing: 0;--typography-heading-h5-font-size: 16px;--typography-heading-h5-letter-spacing: 0;--typography-heading-h5-line-height: 24px;--typography-heading-h5-paragraph-indent: 0;--typography-heading-h5-paragraph-spacing: 0;--typography-text-large-regular-font-size: 16px;--typography-text-large-regular-letter-spacing: 0;--typography-text-large-regular-line-height: 24px;--typography-text-large-regular-paragraph-indent: 0;--typography-text-large-regular-paragraph-spacing: 0;--typography-text-large-semibold-font-size: 16px;--typography-text-large-semibold-letter-spacing: 0;--typography-text-large-semibold-line-height: 24px;--typography-text-large-semibold-paragraph-indent: 0;--typography-text-large-semibold-paragraph-spacing: 0;--typography-text-default-regular-font-size: 14px;--typography-text-default-regular-letter-spacing: 0;--typography-text-default-regular-line-height: 20px;--typography-text-default-regular-paragraph-indent: 0;--typography-text-default-regular-paragraph-spacing: 0;--typography-text-default-semibold-font-size: 14px;--typography-text-default-semibold-letter-spacing: 0;--typography-text-default-semibold-line-height: 20px;--typography-text-default-semibold-paragraph-indent: 0;--typography-text-default-semibold-paragraph-spacing: 0;--typography-text-small-regular-font-size: 12px;--typography-text-small-regular-letter-spacing: 0;--typography-text-small-regular-line-height: 18px;--typography-text-small-regular-paragraph-indent: 0;--typography-text-small-regular-paragraph-spacing: 0;--typography-text-small-semibold-font-size: 12px;--typography-text-small-semibold-letter-spacing: 0;--typography-text-small-semibold-line-height: 18px;--typography-text-small-semibold-paragraph-indent: 0;--typography-text-small-semibold-paragraph-spacing: 0;--typography-text-x-small-regular-font-size: 11px;--typography-text-x-small-regular-letter-spacing: 0;--typography-text-x-small-regular-line-height: 16px;--typography-text-x-small-regular-paragraph-indent: 0;--typography-text-x-small-regular-paragraph-spacing: 0;--typography-text-x-small-semibold-font-size: 11px;--typography-text-x-small-semibold-letter-spacing: 0;--typography-text-x-small-semibold-line-height: 16px;--typography-text-x-small-semibold-paragraph-indent: 0;--typography-text-x-small-semibold-paragraph-spacing: 0;--typography-longtext-large-regular-font-size: 16px;--typography-longtext-large-regular-letter-spacing: .32px;--typography-longtext-large-regular-line-height: 24px;--typography-longtext-large-regular-paragraph-indent: 0;--typography-longtext-large-regular-paragraph-spacing: 0;--typography-longtext-large-semibold-font-size: 16px;--typography-longtext-large-semibold-letter-spacing: .32px;--typography-longtext-large-semibold-line-height: 24px;--typography-longtext-large-semibold-paragraph-indent: 0;--typography-longtext-large-semibold-paragraph-spacing: 0;--typography-longtext-default-regular-font-size: 14px;--typography-longtext-default-regular-letter-spacing: .28px;--typography-longtext-default-regular-line-height: 20px;--typography-longtext-default-regular-paragraph-indent: 0;--typography-longtext-default-regular-paragraph-spacing: 0;--typography-longtext-default-semibold-font-size: 14px;--typography-longtext-default-semibold-letter-spacing: .28px;--typography-longtext-default-semibold-line-height: 20px;--typography-longtext-default-semibold-paragraph-indent: 0;--typography-longtext-default-semibold-paragraph-spacing: 0;--typography-longtext-small-regular-font-size: 12px;--typography-longtext-small-regular-letter-spacing: .24px;--typography-longtext-small-regular-line-height: 18px;--typography-longtext-small-regular-paragraph-indent: 0;--typography-longtext-small-regular-paragraph-spacing: 0;--typography-longtext-small-semibold-font-size: 12px;--typography-longtext-small-semibold-letter-spacing: .24px;--typography-longtext-small-semibold-line-height: 18px;--typography-longtext-small-semibold-paragraph-indent: 0;--typography-longtext-small-semibold-paragraph-spacing: 0;--typography-longtext-x-small-default-font-size: 11px;--typography-longtext-x-small-default-letter-spacing: .22px;--typography-longtext-x-small-default-line-height: 16px;--typography-longtext-x-small-default-paragraph-indent: 0;--typography-longtext-x-small-default-paragraph-spacing: 0;--typography-longtext-x-small-semibold-font-size: 11px;--typography-longtext-x-small-semibold-letter-spacing: .22px;--typography-longtext-x-small-semibold-line-height: 16px;--typography-longtext-x-small-semibold-paragraph-indent: 0;--typography-longtext-x-small-semibold-paragraph-spacing: 0;--typography-monospace-large-font-size: 16px;--typography-monospace-large-letter-spacing: 0;--typography-monospace-large-line-height: 24px;--typography-monospace-large-paragraph-indent: 0;--typography-monospace-large-paragraph-spacing: 0;--typography-monospace-default-font-size: 14px;--typography-monospace-default-letter-spacing: 0;--typography-monospace-default-line-height: 20px;--typography-monospace-default-paragraph-indent: 0;--typography-monospace-default-paragraph-spacing: 0;--typography-monospace-small-font-size: 12px;--typography-monospace-small-letter-spacing: 0;--typography-monospace-small-line-height: 16px;--typography-monospace-small-paragraph-indent: 0;--typography-monospace-small-paragraph-spacing: 0;--typography-mobile-display-display1-font-size: 32px;--typography-mobile-display-display1-letter-spacing: 0;--typography-mobile-display-display1-line-height: 48px;--typography-mobile-display-display1-paragraph-indent: 0;--typography-mobile-display-display1-paragraph-spacing: 0;--typography-mobile-display-display2-font-size: 28px;--typography-mobile-display-display2-letter-spacing: 0;--typography-mobile-display-display2-line-height: 42px;--typography-mobile-display-display2-paragraph-indent: 0;--typography-mobile-display-display2-paragraph-spacing: 0;--typography-mobile-heading-h1-font-size: 24px;--typography-mobile-heading-h1-letter-spacing: 0;--typography-mobile-heading-h1-line-height: 36px;--typography-mobile-heading-h1-paragraph-indent: 0;--typography-mobile-heading-h1-paragraph-spacing: 0;--typography-mobile-heading-h2-font-size: 20px;--typography-mobile-heading-h2-letter-spacing: 0;--typography-mobile-heading-h2-line-height: 30px;--typography-mobile-heading-h2-paragraph-indent: 0;--typography-mobile-heading-h2-paragraph-spacing: 0;--typography-mobile-heading-h3-font-size: 18px;--typography-mobile-heading-h3-letter-spacing: 0;--typography-mobile-heading-h3-line-height: 28px;--typography-mobile-heading-h3-paragraph-indent: 0;--typography-mobile-heading-h3-paragraph-spacing: 0;--typography-mobile-heading-h4-font-size: 16px;--typography-mobile-heading-h4-letter-spacing: 0;--typography-mobile-heading-h4-line-height: 24px;--typography-mobile-heading-h4-paragraph-indent: 0;--typography-mobile-heading-h4-paragraph-spacing: 0;--typography-mobile-heading-h5-font-size: 14px;--typography-mobile-heading-h5-letter-spacing: 0;--typography-mobile-heading-h5-line-height: 20px;--typography-mobile-heading-h5-paragraph-indent: 0;--typography-mobile-heading-h5-paragraph-spacing: 0;--typography-components-navigation-navbutton-font-size: 15px;--typography-components-navigation-navbutton-letter-spacing: 0;--typography-components-navigation-navbutton-line-height: 18px;--typography-components-navigation-navbutton-paragraph-indent: 0;--typography-components-navigation-navbutton-paragraph-spacing: 0;--typography-components-button-jumbo-font-size: 16px;--typography-components-button-jumbo-letter-spacing: 0;--typography-components-button-jumbo-line-height: 24px;--typography-components-button-jumbo-paragraph-indent: 0;--typography-components-button-jumbo-paragraph-spacing: 0;--typography-components-button-large-font-size: 14px;--typography-components-button-large-letter-spacing: 0;--typography-components-button-large-line-height: 20px;--typography-components-button-large-paragraph-indent: 0;--typography-components-button-large-paragraph-spacing: 0;--typography-components-button-default-font-size: 13px;--typography-components-button-default-letter-spacing: 0;--typography-components-button-default-line-height: 20px;--typography-components-button-default-paragraph-indent: 0;--typography-components-button-default-paragraph-spacing: 0;--typography-components-button-small-font-size: 11px;--typography-components-button-small-letter-spacing: 0;--typography-components-button-small-line-height: 16px;--typography-components-button-small-paragraph-indent: 0;--typography-components-button-small-paragraph-spacing: 0;--gradient-call-to-action: linear-gradient(134.9999995731132deg, rgb(229, 29, 0) 0%, rgb(229, 0, 123) 78%);--gradient-icons-active: linear-gradient(321.5013256215316deg, rgb(250, 114, 80) 3%, rgb(255, 24, 147) 40%, rgb(167, 138, 255) 99%);--gradient-panel-background: linear-gradient(134.9999995731132deg, rgb(24, 56, 172) 0%, rgb(32, 74, 227) 100%);--gradient-settings-toolbar-backgroun: linear-gradient(134.9999995731132deg, rgb(231, 48, 79) 0%, rgb(178, 15, 150) 100%);--gradient-brave-release: linear-gradient(90deg, rgb(255, 85, 0) 0%, rgb(255, 32, 0) 100%);--gradient-brave-beta: linear-gradient(90deg, rgb(0, 153, 229) 0%, rgb(0, 89, 178) 50%, rgb(0, 43, 128) 100%);--gradient-brave-nightly: linear-gradient(90deg, rgb(144, 30, 225) 0%, rgb(101, 20, 158) 51%, rgb(72, 15, 113) 100%);--gradient-brave-debug: linear-gradient(90deg, rgb(114, 119, 141) 0%, rgb(91, 95, 113) 51%, rgb(57, 59, 71) 100%)}@media (prefers-color-scheme: light){:root{--color-text-primary: rgb(29, 31, 37);--color-text-secondary: rgb(107, 112, 132);--color-text-interactive: rgb(32, 74, 227);--color-text-disabled: rgba(29, 31, 37, .5);--color-icon-default: rgb(107, 112, 132);--color-icon-interactive: rgb(65, 101, 233);--color-icon-disabled: rgba(107, 112, 132, .5);--color-interaction-button-primary-background: rgb(32, 74, 227);--color-page-background: rgb(244, 246, 248);--color-container-background: rgb(255, 255, 255);--color-container-highlight: rgb(244, 246, 248);--color-container-interactive-background: rgb(243, 245, 254);--color-container-disabled: rgba(172, 175, 187, .5);--color-modal-screen-background: rgba(18, 19, 22, .35);--color-divider-subtle: rgb(226, 227, 231);--color-divider-strong: rgb(172, 175, 187);--color-systemfeedback-info-background: rgb(228, 240, 249);--color-systemfeedback-info-icon: rgb(15, 117, 201);--color-systemfeedback-error-background: rgb(252, 234, 237);--color-systemfeedback-error-icon: rgb(220, 29, 60);--color-systemfeedback-warning-background: rgb(255, 244, 216);--color-systemfeedback-warning-icon: rgb(146, 106, 0);--color-systemfeedback-success-background: rgb(219, 245, 223);--color-systemfeedback-success-icon: rgb(49, 128, 62);--color-gray-10: rgb(244, 246, 248);--color-gray-20: rgb(226, 227, 231);--color-gray-30: rgb(172, 175, 187);--color-gray-40: rgb(107, 112, 132);--color-gray-50: rgb(88, 92, 109);--color-gray-60: rgb(66, 69, 82);--color-gray-70: rgb(29, 31, 37);--color-primary-10: rgb(243, 245, 254);--color-primary-20: rgb(221, 228, 251);--color-primary-30: rgb(153, 173, 243);--color-primary-40: rgb(65, 101, 233);--color-primary-50: rgb(32, 74, 227);--color-primary-60: rgb(24, 56, 172);--color-primary-70: rgb(11, 26, 79);--color-secondary-10: rgb(253, 244, 242);--color-secondary-20: rgb(254, 222, 214);--color-secondary-30: rgb(252, 147, 120);--color-secondary-40: rgb(254, 89, 7);--color-secondary-50: rgb(178, 38, 3);--color-secondary-60: rgb(134, 29, 3);--color-secondary-70: rgb(63, 14, 1);--color-red-10: rgb(253, 243, 245);--color-red-20: rgb(251, 222, 227);--color-red-30: rgb(241, 149, 164);--color-red-40: rgb(220, 29, 60);--color-red-50: rgb(184, 24, 50);--color-red-60: rgb(138, 18, 38);--color-red-70: rgb(65, 9, 18);--color-yellow-10: rgb(255, 244, 216);--color-yellow-20: rgb(255, 225, 147);--color-yellow-30: rgb(226, 165, 0);--color-yellow-40: rgb(146, 106, 0);--color-yellow-50: rgb(120, 87, 0);--color-yellow-60: rgb(90, 65, 0);--color-yellow-70: rgb(40, 29, 0);--color-green-10: rgb(232, 249, 235);--color-green-20: rgb(194, 238, 201);--color-green-30: rgb(77, 198, 97);--color-green-40: rgb(49, 128, 62);--color-green-50: rgb(41, 105, 51);--color-green-60: rgb(31, 79, 39);--color-green-70: rgb(14, 35, 17);--color-teal-10: rgb(239, 247, 248);--color-teal-20: rgb(209, 232, 235);--color-teal-30: rgb(118, 186, 194);--color-teal-40: rgb(0, 124, 138);--color-teal-50: rgb(0, 103, 114);--color-teal-60: rgb(0, 77, 86);--color-teal-70: rgb(0, 35, 39);--color-blue-10: rgb(240, 247, 252);--color-blue-20: rgb(208, 232, 252);--color-blue-30: rgb(106, 182, 244);--color-blue-40: rgb(15, 117, 201);--color-blue-50: rgb(12, 95, 163);--color-blue-60: rgb(9, 71, 122);--color-blue-70: rgb(4, 32, 56);--color-purple-10: rgb(245, 246, 252);--color-purple-20: rgb(225, 227, 247);--color-purple-30: rgb(166, 171, 232);--color-purple-40: rgb(93, 101, 211);--color-purple-50: rgb(76, 83, 173);--color-purple-60: rgb(57, 62, 130);--color-purple-70: rgb(26, 28, 59);--color-pink-10: rgb(253, 243, 248);--color-pink-20: rgb(250, 219, 236);--color-pink-30: rgb(240, 146, 197);--color-pink-40: rgb(212, 28, 128);--color-pink-50: rgb(175, 23, 105);--color-pink-60: rgb(133, 17, 80);--color-pink-70: rgb(63, 8, 38);--color-private-window-10: rgb(245, 244, 250);--color-private-window-20: rgb(229, 226, 240);--color-private-window-30: rgb(179, 170, 211);--color-private-window-40: rgb(117, 102, 176);--color-private-window-50: rgb(97, 79, 164);--color-private-window-60: rgb(72, 51, 150);--color-private-window-70: rgb(30, 13, 94);--color-tor-window-10: rgb(248, 245, 250);--color-tor-window-20: rgb(235, 225, 240);--color-tor-window-30: rgb(194, 165, 209);--color-tor-window-40: rgb(145, 94, 173);--color-tor-window-50: rgb(120, 74, 145);--color-tor-window-60: rgb(90, 55, 108);--color-tor-window-70: rgb(39, 26, 47);--color-legacy-background1: rgb(255, 255, 255);--color-legacy-background2: rgb(248, 249, 250);--color-legacy-text1: rgb(33, 37, 41);--color-legacy-text2: rgb(73, 80, 87);--color-legacy-text3: rgb(134, 142, 150);--color-legacy-interactive1: rgb(234, 58, 13);--color-legacy-interactive2: rgb(251, 84, 43);--color-legacy-interactive3: rgb(255, 118, 84);--color-legacy-interactive4: rgb(53, 61, 171);--color-legacy-interactive5: rgb(76, 84, 210);--color-legacy-interactive6: rgb(115, 122, 222);--color-legacy-interactive7: rgb(33, 37, 41);--color-legacy-interactive8: rgb(174, 177, 194);--color-legacy-disabled: rgb(218, 220, 232);--color-legacy-focus-border: rgb(160, 165, 235);--color-legacy-divider1: rgb(233, 233, 244)}}@media (prefers-color-scheme: dark){:root{--color-text-primary: rgb(236, 239, 242);--color-text-secondary: rgb(140, 144, 161);--color-text-interactive: rgb(153, 173, 243);--color-text-disabled: rgba(236, 239, 242, .5);--color-icon-default: rgb(140, 144, 161);--color-icon-interactive: rgb(112, 139, 238);--color-icon-disabled: rgba(140, 144, 161, .5);--color-interaction-button-primary-background: rgb(32, 74, 227);--color-page-background: rgb(18, 19, 22);--color-container-background: rgb(29, 31, 37);--color-container-highlight: rgb(18, 19, 22);--color-container-interactive-background: rgb(7, 16, 50);--color-container-disabled: rgba(88, 92, 109, .5);--color-modal-screen-background: rgba(18, 19, 22, .35);--color-divider-subtle: rgb(46, 48, 57);--color-divider-strong: rgb(88, 92, 109);--color-systemfeedback-info-background: rgb(4, 32, 56);--color-systemfeedback-info-icon: rgb(39, 149, 239);--color-systemfeedback-error-background: rgb(65, 9, 18);--color-systemfeedback-error-icon: rgb(235, 99, 122);--color-systemfeedback-warning-background: rgb(25, 18, 0);--color-systemfeedback-warning-icon: rgb(187, 136, 0);--color-systemfeedback-success-background: rgb(14, 35, 17);--color-systemfeedback-success-icon: rgb(63, 164, 80);--color-gray-10: rgb(18, 19, 22);--color-gray-20: rgb(46, 48, 57);--color-gray-30: rgb(88, 92, 109);--color-gray-40: rgb(140, 144, 161);--color-gray-50: rgb(172, 175, 187);--color-gray-60: rgb(198, 200, 208);--color-gray-70: rgb(236, 239, 242);--color-primary-10: rgb(7, 16, 50);--color-primary-20: rgb(17, 39, 121);--color-primary-30: rgb(32, 74, 227);--color-primary-40: rgb(112, 139, 238);--color-primary-50: rgb(153, 173, 243);--color-primary-60: rgb(186, 199, 247);--color-primary-70: rgb(236, 239, 253);--color-secondary-10: rgb(40, 9, 1);--color-secondary-20: rgb(95, 20, 2);--color-secondary-30: rgb(178, 38, 3);--color-secondary-40: rgb(251, 89, 48);--color-secondary-50: rgb(252, 147, 120);--color-secondary-60: rgb(253, 183, 165);--color-secondary-70: rgb(252, 236, 232);--color-red-10: rgb(42, 6, 11);--color-red-20: rgb(99, 13, 27);--color-red-30: rgb(184, 24, 50);--color-red-40: rgb(235, 99, 122);--color-red-50: rgb(241, 149, 164);--color-red-60: rgb(246, 184, 194);--color-red-70: rgb(252, 234, 237);--color-yellow-10: rgb(25, 18, 0);--color-yellow-20: rgb(63, 46, 0);--color-yellow-30: rgb(120, 87, 0);--color-yellow-40: rgb(187, 136, 0);--color-yellow-50: rgb(226, 165, 0);--color-yellow-60: rgb(254, 191, 23);--color-yellow-70: rgb(255, 238, 193);--color-green-10: rgb(8, 22, 11);--color-green-20: rgb(21, 55, 27);--color-green-30: rgb(41, 105, 51);--color-green-40: rgb(63, 164, 80);--color-green-50: rgb(77, 198, 97);--color-green-60: rgb(129, 220, 144);--color-green-70: rgb(219, 245, 223);--color-teal-10: rgb(0, 22, 25);--color-teal-20: rgb(0, 54, 60);--color-teal-30: rgb(0, 103, 114);--color-teal-40: rgb(61, 158, 168);--color-teal-50: rgb(118, 186, 194);--color-teal-60: rgb(164, 209, 214);--color-teal-70: rgb(227, 241, 242);--color-blue-10: rgb(2, 21, 35);--color-blue-20: rgb(6, 50, 86);--color-blue-30: rgb(12, 95, 163);--color-blue-40: rgb(39, 149, 239);--color-blue-50: rgb(106, 182, 244);--color-blue-60: rgb(155, 206, 248);--color-blue-70: rgb(228, 240, 249);--color-purple-10: rgb(16, 17, 36);--color-purple-20: rgb(40, 44, 90);--color-purple-30: rgb(76, 83, 173);--color-purple-40: rgb(131, 137, 223);--color-purple-50: rgb(166, 171, 232);--color-purple-60: rgb(195, 198, 240);--color-purple-70: rgb(237, 238, 250);--color-pink-10: rgb(41, 5, 25);--color-pink-20: rgb(95, 12, 57);--color-pink-30: rgb(175, 23, 105);--color-pink-40: rgb(232, 95, 169);--color-pink-50: rgb(240, 146, 197);--color-pink-60: rgb(245, 182, 216);--color-pink-70: rgb(252, 233, 243);--color-private-window-10: rgb(30, 13, 94);--color-private-window-20: rgb(72, 51, 150);--color-private-window-30: rgb(97, 79, 164);--color-private-window-40: rgb(117, 102, 176);--color-private-window-50: rgb(179, 170, 211);--color-private-window-60: rgb(229, 226, 240);--color-private-window-70: rgb(245, 244, 250);--color-tor-window-10: rgb(24, 16, 29);--color-tor-window-20: rgb(63, 39, 76);--color-tor-window-30: rgb(120, 74, 145);--color-tor-window-40: rgb(169, 129, 191);--color-tor-window-50: rgb(194, 165, 209);--color-tor-window-60: rgb(213, 194, 224);--color-tor-window-70: rgb(242, 237, 245);--color-legacy-background1: rgb(30, 32, 41);--color-legacy-background2: rgb(23, 23, 31);--color-legacy-text1: rgb(240, 242, 255);--color-legacy-text2: rgb(194, 196, 207);--color-legacy-text3: rgb(132, 136, 156);--color-legacy-interactive1: rgb(234, 58, 13);--color-legacy-interactive2: rgb(251, 84, 43);--color-legacy-interactive3: rgb(255, 118, 84);--color-legacy-interactive4: rgb(53, 61, 171);--color-legacy-interactive5: rgb(76, 84, 210);--color-legacy-interactive6: rgb(115, 122, 222);--color-legacy-interactive7: rgb(240, 242, 255);--color-legacy-interactive8: rgb(94, 97, 117);--color-legacy-disabled: rgb(52, 58, 64);--color-legacy-focus-border: rgb(160, 165, 235);--color-legacy-divider1: rgb(59, 62, 79)}}[data-theme=light]{--color-text-primary: rgb(29, 31, 37);--color-text-secondary: rgb(107, 112, 132);--color-text-interactive: rgb(32, 74, 227);--color-text-disabled: rgba(29, 31, 37, .5);--color-icon-default: rgb(107, 112, 132);--color-icon-interactive: rgb(65, 101, 233);--color-icon-disabled: rgba(107, 112, 132, .5);--color-interaction-button-primary-background: rgb(32, 74, 227);--color-page-background: rgb(244, 246, 248);--color-container-background: rgb(255, 255, 255);--color-container-highlight: rgb(244, 246, 248);--color-container-interactive-background: rgb(243, 245, 254);--color-container-disabled: rgba(172, 175, 187, .5);--color-modal-screen-background: rgba(18, 19, 22, .35);--color-divider-subtle: rgb(226, 227, 231);--color-divider-strong: rgb(172, 175, 187);--color-systemfeedback-info-background: rgb(228, 240, 249);--color-systemfeedback-info-icon: rgb(15, 117, 201);--color-systemfeedback-error-background: rgb(252, 234, 237);--color-systemfeedback-error-icon: rgb(220, 29, 60);--color-systemfeedback-warning-background: rgb(255, 244, 216);--color-systemfeedback-warning-icon: rgb(146, 106, 0);--color-systemfeedback-success-background: rgb(219, 245, 223);--color-systemfeedback-success-icon: rgb(49, 128, 62);--color-gray-10: rgb(244, 246, 248);--color-gray-20: rgb(226, 227, 231);--color-gray-30: rgb(172, 175, 187);--color-gray-40: rgb(107, 112, 132);--color-gray-50: rgb(88, 92, 109);--color-gray-60: rgb(66, 69, 82);--color-gray-70: rgb(29, 31, 37);--color-primary-10: rgb(243, 245, 254);--color-primary-20: rgb(221, 228, 251);--color-primary-30: rgb(153, 173, 243);--color-primary-40: rgb(65, 101, 233);--color-primary-50: rgb(32, 74, 227);--color-primary-60: rgb(24, 56, 172);--color-primary-70: rgb(11, 26, 79);--color-secondary-10: rgb(253, 244, 242);--color-secondary-20: rgb(254, 222, 214);--color-secondary-30: rgb(252, 147, 120);--color-secondary-40: rgb(254, 89, 7);--color-secondary-50: rgb(178, 38, 3);--color-secondary-60: rgb(134, 29, 3);--color-secondary-70: rgb(63, 14, 1);--color-red-10: rgb(253, 243, 245);--color-red-20: rgb(251, 222, 227);--color-red-30: rgb(241, 149, 164);--color-red-40: rgb(220, 29, 60);--color-red-50: rgb(184, 24, 50);--color-red-60: rgb(138, 18, 38);--color-red-70: rgb(65, 9, 18);--color-yellow-10: rgb(255, 244, 216);--color-yellow-20: rgb(255, 225, 147);--color-yellow-30: rgb(226, 165, 0);--color-yellow-40: rgb(146, 106, 0);--color-yellow-50: rgb(120, 87, 0);--color-yellow-60: rgb(90, 65, 0);--color-yellow-70: rgb(40, 29, 0);--color-green-10: rgb(232, 249, 235);--color-green-20: rgb(194, 238, 201);--color-green-30: rgb(77, 198, 97);--color-green-40: rgb(49, 128, 62);--color-green-50: rgb(41, 105, 51);--color-green-60: rgb(31, 79, 39);--color-green-70: rgb(14, 35, 17);--color-teal-10: rgb(239, 247, 248);--color-teal-20: rgb(209, 232, 235);--color-teal-30: rgb(118, 186, 194);--color-teal-40: rgb(0, 124, 138);--color-teal-50: rgb(0, 103, 114);--color-teal-60: rgb(0, 77, 86);--color-teal-70: rgb(0, 35, 39);--color-blue-10: rgb(240, 247, 252);--color-blue-20: rgb(208, 232, 252);--color-blue-30: rgb(106, 182, 244);--color-blue-40: rgb(15, 117, 201);--color-blue-50: rgb(12, 95, 163);--color-blue-60: rgb(9, 71, 122);--color-blue-70: rgb(4, 32, 56);--color-purple-10: rgb(245, 246, 252);--color-purple-20: rgb(225, 227, 247);--color-purple-30: rgb(166, 171, 232);--color-purple-40: rgb(93, 101, 211);--color-purple-50: rgb(76, 83, 173);--color-purple-60: rgb(57, 62, 130);--color-purple-70: rgb(26, 28, 59);--color-pink-10: rgb(253, 243, 248);--color-pink-20: rgb(250, 219, 236);--color-pink-30: rgb(240, 146, 197);--color-pink-40: rgb(212, 28, 128);--color-pink-50: rgb(175, 23, 105);--color-pink-60: rgb(133, 17, 80);--color-pink-70: rgb(63, 8, 38);--color-private-window-10: rgb(245, 244, 250);--color-private-window-20: rgb(229, 226, 240);--color-private-window-30: rgb(179, 170, 211);--color-private-window-40: rgb(117, 102, 176);--color-private-window-50: rgb(97, 79, 164);--color-private-window-60: rgb(72, 51, 150);--color-private-window-70: rgb(30, 13, 94);--color-tor-window-10: rgb(248, 245, 250);--color-tor-window-20: rgb(235, 225, 240);--color-tor-window-30: rgb(194, 165, 209);--color-tor-window-40: rgb(145, 94, 173);--color-tor-window-50: rgb(120, 74, 145);--color-tor-window-60: rgb(90, 55, 108);--color-tor-window-70: rgb(39, 26, 47);--color-legacy-background1: rgb(255, 255, 255);--color-legacy-background2: rgb(248, 249, 250);--color-legacy-text1: rgb(33, 37, 41);--color-legacy-text2: rgb(73, 80, 87);--color-legacy-text3: rgb(134, 142, 150);--color-legacy-interactive1: rgb(234, 58, 13);--color-legacy-interactive2: rgb(251, 84, 43);--color-legacy-interactive3: rgb(255, 118, 84);--color-legacy-interactive4: rgb(53, 61, 171);--color-legacy-interactive5: rgb(76, 84, 210);--color-legacy-interactive6: rgb(115, 122, 222);--color-legacy-interactive7: rgb(33, 37, 41);--color-legacy-interactive8: rgb(174, 177, 194);--color-legacy-disabled: rgb(218, 220, 232);--color-legacy-focus-border: rgb(160, 165, 235);--color-legacy-divider1: rgb(233, 233, 244)}[data-theme=dark]{--color-text-primary: rgb(236, 239, 242);--color-text-secondary: rgb(140, 144, 161);--color-text-interactive: rgb(153, 173, 243);--color-text-disabled: rgba(236, 239, 242, .5);--color-icon-default: rgb(140, 144, 161);--color-icon-interactive: rgb(112, 139, 238);--color-icon-disabled: rgba(140, 144, 161, .5);--color-interaction-button-primary-background: rgb(32, 74, 227);--color-page-background: rgb(18, 19, 22);--color-container-background: rgb(29, 31, 37);--color-container-highlight: rgb(18, 19, 22);--color-container-interactive-background: rgb(7, 16, 50);--color-container-disabled: rgba(88, 92, 109, .5);--color-modal-screen-background: rgba(18, 19, 22, .35);--color-divider-subtle: rgb(46, 48, 57);--color-divider-strong: rgb(88, 92, 109);--color-systemfeedback-info-background: rgb(4, 32, 56);--color-systemfeedback-info-icon: rgb(39, 149, 239);--color-systemfeedback-error-background: rgb(65, 9, 18);--color-systemfeedback-error-icon: rgb(235, 99, 122);--color-systemfeedback-warning-background: rgb(25, 18, 0);--color-systemfeedback-warning-icon: rgb(187, 136, 0);--color-systemfeedback-success-background: rgb(14, 35, 17);--color-systemfeedback-success-icon: rgb(63, 164, 80);--color-gray-10: rgb(18, 19, 22);--color-gray-20: rgb(46, 48, 57);--color-gray-30: rgb(88, 92, 109);--color-gray-40: rgb(140, 144, 161);--color-gray-50: rgb(172, 175, 187);--color-gray-60: rgb(198, 200, 208);--color-gray-70: rgb(236, 239, 242);--color-primary-10: rgb(7, 16, 50);--color-primary-20: rgb(17, 39, 121);--color-primary-30: rgb(32, 74, 227);--color-primary-40: rgb(112, 139, 238);--color-primary-50: rgb(153, 173, 243);--color-primary-60: rgb(186, 199, 247);--color-primary-70: rgb(236, 239, 253);--color-secondary-10: rgb(40, 9, 1);--color-secondary-20: rgb(95, 20, 2);--color-secondary-30: rgb(178, 38, 3);--color-secondary-40: rgb(251, 89, 48);--color-secondary-50: rgb(252, 147, 120);--color-secondary-60: rgb(253, 183, 165);--color-secondary-70: rgb(252, 236, 232);--color-red-10: rgb(42, 6, 11);--color-red-20: rgb(99, 13, 27);--color-red-30: rgb(184, 24, 50);--color-red-40: rgb(235, 99, 122);--color-red-50: rgb(241, 149, 164);--color-red-60: rgb(246, 184, 194);--color-red-70: rgb(252, 234, 237);--color-yellow-10: rgb(25, 18, 0);--color-yellow-20: rgb(63, 46, 0);--color-yellow-30: rgb(120, 87, 0);--color-yellow-40: rgb(187, 136, 0);--color-yellow-50: rgb(226, 165, 0);--color-yellow-60: rgb(254, 191, 23);--color-yellow-70: rgb(255, 238, 193);--color-green-10: rgb(8, 22, 11);--color-green-20: rgb(21, 55, 27);--color-green-30: rgb(41, 105, 51);--color-green-40: rgb(63, 164, 80);--color-green-50: rgb(77, 198, 97);--color-green-60: rgb(129, 220, 144);--color-green-70: rgb(219, 245, 223);--color-teal-10: rgb(0, 22, 25);--color-teal-20: rgb(0, 54, 60);--color-teal-30: rgb(0, 103, 114);--color-teal-40: rgb(61, 158, 168);--color-teal-50: rgb(118, 186, 194);--color-teal-60: rgb(164, 209, 214);--color-teal-70: rgb(227, 241, 242);--color-blue-10: rgb(2, 21, 35);--color-blue-20: rgb(6, 50, 86);--color-blue-30: rgb(12, 95, 163);--color-blue-40: rgb(39, 149, 239);--color-blue-50: rgb(106, 182, 244);--color-blue-60: rgb(155, 206, 248);--color-blue-70: rgb(228, 240, 249);--color-purple-10: rgb(16, 17, 36);--color-purple-20: rgb(40, 44, 90);--color-purple-30: rgb(76, 83, 173);--color-purple-40: rgb(131, 137, 223);--color-purple-50: rgb(166, 171, 232);--color-purple-60: rgb(195, 198, 240);--color-purple-70: rgb(237, 238, 250);--color-pink-10: rgb(41, 5, 25);--color-pink-20: rgb(95, 12, 57);--color-pink-30: rgb(175, 23, 105);--color-pink-40: rgb(232, 95, 169);--color-pink-50: rgb(240, 146, 197);--color-pink-60: rgb(245, 182, 216);--color-pink-70: rgb(252, 233, 243);--color-private-window-10: rgb(30, 13, 94);--color-private-window-20: rgb(72, 51, 150);--color-private-window-30: rgb(97, 79, 164);--color-private-window-40: rgb(117, 102, 176);--color-private-window-50: rgb(179, 170, 211);--color-private-window-60: rgb(229, 226, 240);--color-private-window-70: rgb(245, 244, 250);--color-tor-window-10: rgb(24, 16, 29);--color-tor-window-20: rgb(63, 39, 76);--color-tor-window-30: rgb(120, 74, 145);--color-tor-window-40: rgb(169, 129, 191);--color-tor-window-50: rgb(194, 165, 209);--color-tor-window-60: rgb(213, 194, 224);--color-tor-window-70: rgb(242, 237, 245);--color-legacy-background1: rgb(30, 32, 41);--color-legacy-background2: rgb(23, 23, 31);--color-legacy-text1: rgb(240, 242, 255);--color-legacy-text2: rgb(194, 196, 207);--color-legacy-text3: rgb(132, 136, 156);--color-legacy-interactive1: rgb(234, 58, 13);--color-legacy-interactive2: rgb(251, 84, 43);--color-legacy-interactive3: rgb(255, 118, 84);--color-legacy-interactive4: rgb(53, 61, 171);--color-legacy-interactive5: rgb(76, 84, 210);--color-legacy-interactive6: rgb(115, 122, 222);--color-legacy-interactive7: rgb(240, 242, 255);--color-legacy-interactive8: rgb(94, 97, 117);--color-legacy-disabled: rgb(52, 58, 64);--color-legacy-focus-border: rgb(160, 165, 235);--color-legacy-divider1: rgb(59, 62, 79)}:root{--box-background-primary: var(--color-purple-10);--box-background-secondary: var(--color-legacy-background1);--account-list-button-hover-background: var(--color-purple-10);--connect-wallet-button-background-connected: var(--color-legacy-background1);--connect-wallet-button-background-disconnected: var( --color-legacy-interactive4 );--flip-tokens-button-shadow: 0px 0px 10px rgba(99, 105, 110, .2);--flip-tokens-button-background-hover: #f0f1fc;--flip-tokens-button-icon-color-hover: var(--color-legacy-interactive5);--preset-button-background: rgba(255, 255, 255, .6);--preset-button-background-hover: rgba(218, 220, 232, .4);--select-quote-button-background: #f9faff;--token-or-network-button-background-hover-primary: rgba(255, 255, 255, .6);--token-or-network-button-background-hover-secondary: var( --color-purple-10 );--token-or-network-bubble-background: var(--color-purple-10);--standard-button-color-disabled: #ffffff;--standard-button-border-secondary-selected: var(--color-legacy-interactive5);--theme-button-background-hover: #f0f1fc;--theme-button-box-shadow: 0px 0px 10px rgba(0, 0, 0, .05);--theme-button-icon: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTExLjAyMzMgMi40MTc5N0MxMS4wMjMzIDIuMDAyNjggMTAuNjg2NyAxLjY2NjAyIDEwLjI3MTQgMS42NjYwMkM5Ljg1NjEgMS42NjYwMiA5LjUxOTQzIDIuMDAyNjggOS41MTk0MyAyLjQxNzk3VjQuNDMzMzVDOS41MTk0MyA0Ljg0ODY1IDkuODU2MSA1LjE4NTMxIDEwLjI3MTQgNS4xODUzMUMxMC42ODY3IDUuMTg1MzEgMTEuMDIzMyA0Ljg0ODY1IDExLjAyMzMgNC40MzMzNVYyLjQxNzk3WiIgZmlsbD0iIzRDNTREMiIvPgo8cGF0aCBkPSJNMTUuOTcyIDUuMDkwN0MxNi4yNjU3IDQuNzk3MDQgMTYuMjY1NyA0LjMyMDkzIDE1Ljk3MiA0LjAyNzI3QzE1LjY3ODMgMy43MzM2MiAxNS4yMDIyIDMuNzMzNjIgMTQuOTA4NiA0LjAyNzI3TDEzLjQ4MzUgNS40NTIzNkMxMy4xODk4IDUuNzQ2MDIgMTMuMTg5OCA2LjIyMjEzIDEzLjQ4MzUgNi41MTU3OUMxMy43NzcxIDYuODA5NDUgMTQuMjUzMyA2LjgwOTQ1IDE0LjU0NjkgNi41MTU3OUwxNS45NzIgNS4wOTA3WiIgZmlsbD0iIzRDNTREMiIvPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTYuNTQxODIgOS43MTUxM0M2LjU0MTgyIDcuNjU1OTUgOC4yMTExIDUuOTg2NjcgMTAuMjcwMyA1Ljk4NjY3QzEyLjMyOTQgNS45ODY2NyAxMy45OTg3IDcuNjU1OTUgMTMuOTk4NyA5LjcxNTEzQzEzLjk5ODcgMTEuNzc0MyAxMi4zMjk0IDEzLjQ0MzYgMTAuMjcwMyAxMy40NDM2QzguMjExMSAxMy40NDM2IDYuNTQxODIgMTEuNzc0MyA2LjU0MTgyIDkuNzE1MTNaTTEwLjI3MDMgNy4zOTc0NEM4Ljk5MDI1IDcuMzk3NDQgNy45NTI1OCA4LjQzNTEgNy45NTI1OCA5LjcxNTEzQzcuOTUyNTggMTAuOTk1MSA4Ljk5MDI1IDEyLjAzMjggMTAuMjcwMyAxMi4wMzI4QzExLjU1MDMgMTIuMDMyOCAxMi41ODggMTAuOTk1MSAxMi41ODggOS43MTUxM0MxMi41ODggOC40MzUxIDExLjU1MDMgNy4zOTc0NCAxMC4yNzAzIDcuMzk3NDRaIiBmaWxsPSIjNEM1NEQyIi8+CjxwYXRoIGQ9Ik0xOC4zMzMyIDkuNzI3ODlDMTguMzMzMiAxMC4xNDMyIDE3Ljk5NjUgMTAuNDc5OCAxNy41ODEyIDEwLjQ3OThIMTUuNTY1OEMxNS4xNTA1IDEwLjQ3OTggMTQuODEzOSAxMC4xNDMyIDE0LjgxMzkgOS43Mjc4OUMxNC44MTM5IDkuMzEyNiAxNS4xNTA1IDguOTc1OTMgMTUuNTY1OCA4Ljk3NTkzSDE3LjU4MTJDMTcuOTk2NSA4Ljk3NTkzIDE4LjMzMzIgOS4zMTI2IDE4LjMzMzIgOS43Mjc4OVoiIGZpbGw9IiM0QzU0RDIiLz4KPHBhdGggZD0iTTE1Ljk3MiAxNS40Mjg1QzE1LjY3ODMgMTUuNzIyMiAxNS4yMDIyIDE1LjcyMjIgMTQuOTA4NiAxNS40Mjg1TDEzLjQ4MzUgMTQuMDAzNEMxMy4xODk4IDEzLjcwOTggMTMuMTg5OCAxMy4yMzM3IDEzLjQ4MzUgMTIuOTRDMTMuNzc3MSAxMi42NDYzIDE0LjI1MzMgMTIuNjQ2MyAxNC41NDY5IDEyLjk0TDE1Ljk3MiAxNC4zNjUxQzE2LjI2NTcgMTQuNjU4NyAxNi4yNjU3IDE1LjEzNDkgMTUuOTcyIDE1LjQyODVaIiBmaWxsPSIjNEM1NEQyIi8+CjxwYXRoIGQ9Ik01LjE4NTggOS43Mjc4OUM1LjE4NTggMTAuMTQzMiA0Ljg0OTEzIDEwLjQ3OTggNC40MzM4NCAxMC40Nzk4SDIuNDE4NDZDMi4wMDMxNyAxMC40Nzk4IDEuNjY2NSAxMC4xNDMyIDEuNjY2NSA5LjcyNzg5QzEuNjY2NSA5LjMxMjYgMi4wMDMxNyA4Ljk3NTkzIDIuNDE4NDYgOC45NzU5M0g0LjQzMzg0QzQuODQ5MTMgOC45NzU5MyA1LjE4NTggOS4zMTI2IDUuMTg1OCA5LjcyNzg5WiIgZmlsbD0iIzRDNTREMiIvPgo8cGF0aCBkPSJNNi42NzUyOCAxNC4zODczQzYuOTY4OTQgMTQuMDkzNiA2Ljk2ODk0IDEzLjYxNzUgNi42NzUyOCAxMy4zMjM5QzYuMzgxNjMgMTMuMDMwMiA1LjkwNTUxIDEzLjAzMDIgNS42MTE4NiAxMy4zMjM5TDQuMTg2NzcgMTQuNzQ5QzMuODkzMTEgMTUuMDQyNiAzLjg5MzExIDE1LjUxODcgNC4xODY3NyAxNS44MTI0QzQuNDgwNDIgMTYuMTA2IDQuOTU2NTMgMTYuMTA2IDUuMjUwMTkgMTUuODEyNEw2LjY3NTI4IDE0Lj