[Tokens]: Update #466
Merged
[Tokens]: Update #466
Conversation
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
aguscruiz
requested review from
fallaciousreasoning,
petemill and
AlanBreck
as code owners
fallaciousreasoning
force-pushed
the
tokens
branch
2 times, most recently
from
e15ad93 to
e5bc199
Compare
fallaciousreasoning
force-pushed
the
tokens
branch
2 times, most recently
from
d05bd6a to
5c29afc
Compare
fallaciousreasoning
changed the title
fallaciousreasoning
force-pushed
the
tokens
branch
from
0ab08f5 to
974eb6f
Compare
|
👋 Thanks for Submitting! This PR is available for preview at the link below. ✅ PR tip preview: https://466.pr.nala.bravesoftware.com/ Variables Diff--- ./tokens/css/variables.old.css 2023-11-15 00:24:28.116009790 +0000
+++ ./tokens/css/variables.css 2023-11-15 00:24:00.968139900 +0000
@@ -1,415 +1,261 @@
/**
* Do not edit directly
- * Generated on Tue Nov 14 2023 23:49:26 GMT+0000 (Coordinated Universal Time)
+ * Generated on Wed Nov 15 2023 00:24:00 GMT+0000 (Coordinated Universal Time)
*/
:root {
- --leo-font-macos-large-regular: 400 16px/19.2px SF Pro Text;
- --leo-font-macos-large-semibold: 600 16px/19.2px SF Pro Text;
- --leo-font-macos-default-regular: 400 14px/16.8px SF Pro Text;
- --leo-font-macos-default-semibold: 600 14px/16.8px SF Pro Text;
- --leo-font-macos-small-regular: 400 13px/15.6px SF Pro Text;
- --leo-font-macos-small-semibold: 600 13px/15.6px SF Pro Text;
- --leo-font-macos-x-small-regular: 400 12px/14.4px SF Pro Text;
- --leo-font-macos-x-small-semibold: 600 12px/14.4px SF Pro Text;
- --leo-font-windows-large-regular: 400 16px/19.2px Segoe UI Variable;
- --leo-font-windows-large-semibold: 600 16px/19.2px Segoe UI Variable;
- --leo-font-windows-default-regular: 400 14px/16.8px Segoe UI Variable;
- --leo-font-windows-default-semibold: 600 14px/16.8px Segoe UI Variable;
- --leo-font-windows-small-regular: 400 13px/15.6px Segoe UI Variable;
- --leo-font-windows-small-semibold: 600 13px/15.6px Segoe UI Variable;
- --leo-font-windows-x-small-regular: 400 12px/14.4px Segoe UI Variable;
- --leo-font-windows-x-small-semibold: 600 12px/14.4px Segoe UI Variable;
- --leo-font-primary-heading-display1: 500 52px/78px Poppins;
- --leo-font-primary-heading-display2: 500 36px/54px Poppins;
- --leo-font-primary-heading-h1: 500 32px/48px Poppins;
- --leo-font-primary-heading-h2: 500 28px/40px Poppins;
- --leo-font-primary-heading-h3: 500 22px/32px Poppins;
- --leo-font-primary-heading-h4: 600 16px/24px Poppins;
- --leo-font-primary-large-regular: 400 16px/28px Poppins;
- --leo-font-primary-large-semibold: 600 16px/28px Poppins;
- --leo-font-primary-default-regular: 400 14px/24px Poppins;
- --leo-font-primary-default-semibold: 600 14px/24px Poppins;
- --leo-font-primary-small-regular: 400 12px/18px Poppins;
- --leo-font-primary-small-semibold: 600 12px/18px Poppins;
- --leo-font-primary-x-small-regular: 400 11px/16px Poppins;
- --leo-font-primary-x-small-semibold: 600 11px/16px Poppins;
- --leo-font-secondary-heading-display1: 500 52px/78px Manrope;
- --leo-font-secondary-heading-display2: 500 36px/54px Manrope;
- --leo-font-secondary-heading-h1: 500 32px/48px Manrope;
- --leo-font-secondary-heading-h2: 500 28px/40px Manrope;
- --leo-font-secondary-heading-h3: 500 22px/32px Manrope;
- --leo-font-secondary-heading-h4: 600 16px/24px Manrope;
- --leo-font-secondary-large-regular: 500 16px/28px Manrope;
- --leo-font-secondary-large-semibold: 700 16px/28px Manrope;
- --leo-font-secondary-default-regular: 500 14px/24px Manrope;
- --leo-font-secondary-default-semibold: 700 14px/24px Manrope;
- --leo-font-secondary-small-regular: 500 12px/18px Manrope;
- --leo-font-secondary-small-semibold: 700 12px/18px Manrope;
- --leo-font-secondary-x-small-default: 500 11px/16px Manrope;
- --leo-font-secondary-x-small-semibold: 700 11px/16px Manrope;
- --leo-font-monospace-large: 400 16px/28px SF Mono;
- --leo-font-monospace-default: 400 14px/24px SF Mono;
- --leo-font-monospace-small: 400 12px/18px SF Mono;
- --leo-font-mobile-primary-heading-display1: 500 32px/48px Poppins;
- --leo-font-mobile-primary-heading-display2: 500 28px/42px Poppins;
- --leo-font-mobile-primary-heading-h1: 500 28px/40px Poppins;
- --leo-font-mobile-primary-heading-h2: 500 22px/32px Poppins;
- --leo-font-mobile-primary-heading-h3: 500 18px/28px Poppins;
- --leo-font-mobile-primary-heading-h4: 600 16px/24px Poppins;
- --leo-font-components-label: 600 10px/12px Poppins;
- --leo-font-components-tableheader: 500 13px/20px Poppins;
- --leo-font-components-navbutton: 600 15px/20px Poppins;
- --leo-font-components-button-small: 600 12px/16px Poppins;
- --leo-font-components-button-default: 600 13px/20px Poppins;
+ --leo-font-browser-large-regular: 400 16px/19.2px Inter;
+ --leo-font-browser-large-semibold: 600 16px/19.2px Inter;
+ --leo-font-browser-default-regular: 400 14px/16.8px Inter;
+ --leo-font-browser-default-semibold: 600 14px/16.8px Inter;
+ --leo-font-browser-small-regular: 400 13px/15.6px Inter;
+ --leo-font-browser-small-semibold: 600 13px/15.6px Inter;
+ --leo-font-browser-x-small-regular: 400 12px/14.4px Inter;
+ --leo-font-browser-x-small-semibold: 600 12px/14.4px Inter;
+ --leo-font-heading-display1: 500 52px/68px Poppins;
+ --leo-font-heading-display2: 500 36px/46px Poppins;
+ --leo-font-heading-h1: 500 32px/42px Poppins;
+ --leo-font-heading-h2: 500 28px/36px Poppins;
+ --leo-font-heading-h3: 500 22px/28px Poppins;
+ --leo-font-heading-h4: 600 16px/26px Poppins;
+ --leo-font-large-regular: 400 16px/26px Inter;
+ --leo-font-large-semibold: 600 16px/26px Inter;
+ --leo-font-default-regular: 400 14px/22px Inter;
+ --leo-font-default-semibold: 600 14px/22px Inter;
+ --leo-font-small-regular: 400 12px/20px Inter;
+ --leo-font-small-semibold: 600 12px/20px Inter;
+ --leo-font-x-small-regular: 400 11px/18px Inter;
+ --leo-font-x-small-semibold: 600 11px/18px Inter;
+ --leo-font-monospace-large: 400 16px/26px DM Mono;
+ --leo-font-monospace-default: 400 14px/22px DM Mono;
+ --leo-font-monospace-small: 400 12px/20px DM Mono;
+ --leo-font-mobile-heading-display1: 500 32px/42px Poppins;
+ --leo-font-mobile-heading-display2: 500 28px/36px Poppins;
+ --leo-font-mobile-heading-h1: 500 28px/36px Poppins;
+ --leo-font-mobile-heading-h2: 500 22px/28px Poppins;
+ --leo-font-mobile-heading-h3: 500 18px/26px Poppins;
+ --leo-font-mobile-heading-h4: 600 16px/26px Poppins;
+ --leo-font-components-label: 700 10px/12px Inter;
+ --leo-font-components-tableheader: 500 13px/15.6px Inter;
+ --leo-font-components-navbutton: 600 14px/22px Poppins;
+ --leo-font-components-button-small: 600 12px/20px Poppins;
+ --leo-font-components-button-default: 600 13px/21px Poppins;
--leo-font-components-button-large: 600 14px/22px Poppins;
- --leo-font-components-button-jumbo: 600 16px/24px Poppins;
- --leo-typography-macos-large-regular-font-size: 16px;
- --leo-typography-macos-large-regular-font-weight: 400px;
- --leo-typography-macos-large-regular-letter-spacing: -0.08px;
- --leo-typography-macos-large-regular-line-height: 19.2px;
- --leo-typography-macos-large-regular-paragraph-indent: 0;
- --leo-typography-macos-large-regular-paragraph-spacing: 0;
- --leo-typography-macos-large-semibold-font-size: 16px;
- --leo-typography-macos-large-semibold-font-weight: 600px;
- --leo-typography-macos-large-semibold-letter-spacing: -0.08px;
- --leo-typography-macos-large-semibold-line-height: 19.2px;
- --leo-typography-macos-large-semibold-paragraph-indent: 0;
- --leo-typography-macos-large-semibold-paragraph-spacing: 0;
- --leo-typography-macos-default-regular-font-size: 14px;
- --leo-typography-macos-default-regular-font-weight: 400px;
- --leo-typography-macos-default-regular-letter-spacing: -0.08px;
- --leo-typography-macos-default-regular-line-height: 16.8px;
- --leo-typography-macos-default-regular-paragraph-indent: 0;
- --leo-typography-macos-default-regular-paragraph-spacing: 0;
- --leo-typography-macos-default-semibold-font-size: 14px;
- --leo-typography-macos-default-semibold-font-weight: 600px;
- --leo-typography-macos-default-semibold-letter-spacing: -0.08px;
- --leo-typography-macos-default-semibold-line-height: 16.8px;
- --leo-typography-macos-default-semibold-paragraph-indent: 0;
- --leo-typography-macos-default-semibold-paragraph-spacing: 0;
- --leo-typography-macos-small-regular-font-size: 13px;
- --leo-typography-macos-small-regular-font-weight: 400px;
- --leo-typography-macos-small-regular-letter-spacing: -0.29px;
- --leo-typography-macos-small-regular-line-height: 15.6px;
- --leo-typography-macos-small-regular-paragraph-indent: 0;
- --leo-typography-macos-small-regular-paragraph-spacing: 0;
- --leo-typography-macos-small-semibold-font-size: 13px;
- --leo-typography-macos-small-semibold-font-weight: 600px;
- --leo-typography-macos-small-semibold-letter-spacing: -0.29px;
- --leo-typography-macos-small-semibold-line-height: 15.6px;
- --leo-typography-macos-small-semibold-paragraph-indent: 0;
- --leo-typography-macos-small-semibold-paragraph-spacing: 0;
- --leo-typography-macos-x-small-regular-font-size: 12px;
- --leo-typography-macos-x-small-regular-font-weight: 400px;
- --leo-typography-macos-x-small-regular-letter-spacing: -0.29px;
- --leo-typography-macos-x-small-regular-line-height: 14.4px;
- --leo-typography-macos-x-small-regular-paragraph-indent: 0;
- --leo-typography-macos-x-small-regular-paragraph-spacing: 0;
- --leo-typography-macos-x-small-semibold-font-size: 12px;
- --leo-typography-macos-x-small-semibold-font-weight: 600px;
- --leo-typography-macos-x-small-semibold-letter-spacing: -0.29px;
- --leo-typography-macos-x-small-semibold-line-height: 14.4px;
- --leo-typography-macos-x-small-semibold-paragraph-indent: 0;
- --leo-typography-macos-x-small-semibold-paragraph-spacing: 0;
- --leo-typography-windows-large-regular-font-size: 16px;
- --leo-typography-windows-large-regular-font-weight: 400px;
- --leo-typography-windows-large-regular-letter-spacing: 0;
- --leo-typography-windows-large-regular-line-height: 19.2px;
- --leo-typography-windows-large-regular-paragraph-indent: 0;
- --leo-typography-windows-large-regular-paragraph-spacing: 0;
- --leo-typography-windows-large-semibold-font-size: 16px;
- --leo-typography-windows-large-semibold-font-weight: 600px;
- --leo-typography-windows-large-semibold-letter-spacing: 0;
- --leo-typography-windows-large-semibold-line-height: 19.2px;
- --leo-typography-windows-large-semibold-paragraph-indent: 0;
- --leo-typography-windows-large-semibold-paragraph-spacing: 0;
- --leo-typography-windows-default-regular-font-size: 14px;
- --leo-typography-windows-default-regular-font-weight: 400px;
- --leo-typography-windows-default-regular-letter-spacing: 0;
- --leo-typography-windows-default-regular-line-height: 16.8px;
- --leo-typography-windows-default-regular-paragraph-indent: 0;
- --leo-typography-windows-default-regular-paragraph-spacing: 0;
- --leo-typography-windows-default-semibold-font-size: 14px;
- --leo-typography-windows-default-semibold-font-weight: 600px;
- --leo-typography-windows-default-semibold-letter-spacing: 0;
- --leo-typography-windows-default-semibold-line-height: 16.8px;
- --leo-typography-windows-default-semibold-paragraph-indent: 0;
- --leo-typography-windows-default-semibold-paragraph-spacing: 0;
- --leo-typography-windows-small-regular-font-size: 13px;
- --leo-typography-windows-small-regular-font-weight: 400px;
- --leo-typography-windows-small-regular-letter-spacing: 0;
- --leo-typography-windows-small-regular-line-height: 15.6px;
- --leo-typography-windows-small-regular-paragraph-indent: 0;
- --leo-typography-windows-small-regular-paragraph-spacing: 0;
- --leo-typography-windows-small-semibold-font-size: 13px;
- --leo-typography-windows-small-semibold-font-weight: 600px;
- --leo-typography-windows-small-semibold-letter-spacing: 0;
- --leo-typography-windows-small-semibold-line-height: 15.6px;
- --leo-typography-windows-small-semibold-paragraph-indent: 0;
- --leo-typography-windows-small-semibold-paragraph-spacing: 0;
- --leo-typography-windows-x-small-regular-font-size: 12px;
- --leo-typography-windows-x-small-regular-font-weight: 400px;
- --leo-typography-windows-x-small-regular-letter-spacing: 0;
- --leo-typography-windows-x-small-regular-line-height: 14.4px;
- --leo-typography-windows-x-small-regular-paragraph-indent: 0;
- --leo-typography-windows-x-small-regular-paragraph-spacing: 0;
- --leo-typography-windows-x-small-semibold-font-size: 12px;
- --leo-typography-windows-x-small-semibold-font-weight: 600px;
- --leo-typography-windows-x-small-semibold-letter-spacing: 0;
- --leo-typography-windows-x-small-semibold-line-height: 14.4px;
- --leo-typography-windows-x-small-semibold-paragraph-indent: 0;
- --leo-typography-windows-x-small-semibold-paragraph-spacing: 0;
- --leo-typography-primary-heading-display1-font-size: 52px;
- --leo-typography-primary-heading-display1-font-weight: 500px;
- --leo-typography-primary-heading-display1-letter-spacing: 0;
- --leo-typography-primary-heading-display1-line-height: 78px;
- --leo-typography-primary-heading-display1-paragraph-indent: 0;
- --leo-typography-primary-heading-display1-paragraph-spacing: 0;
- --leo-typography-primary-heading-display2-font-size: 36px;
- --leo-typography-primary-heading-display2-font-weight: 500px;
- --leo-typography-primary-heading-display2-letter-spacing: 0;
- --leo-typography-primary-heading-display2-line-height: 54px;
- --leo-typography-primary-heading-display2-paragraph-indent: 0;
- --leo-typography-primary-heading-display2-paragraph-spacing: 0;
- --leo-typography-primary-heading-h1-font-size: 32px;
- --leo-typography-primary-heading-h1-font-weight: 500px;
- --leo-typography-primary-heading-h1-letter-spacing: 0;
- --leo-typography-primary-heading-h1-line-height: 48px;
- --leo-typography-primary-heading-h1-paragraph-indent: 0;
- --leo-typography-primary-heading-h1-paragraph-spacing: 0;
- --leo-typography-primary-heading-h2-font-size: 28px;
- --leo-typography-primary-heading-h2-font-weight: 500px;
- --leo-typography-primary-heading-h2-letter-spacing: 0;
- --leo-typography-primary-heading-h2-line-height: 40px;
- --leo-typography-primary-heading-h2-paragraph-indent: 0;
- --leo-typography-primary-heading-h2-paragraph-spacing: 0;
- --leo-typography-primary-heading-h3-font-size: 22px;
- --leo-typography-primary-heading-h3-font-weight: 500px;
- --leo-typography-primary-heading-h3-letter-spacing: 0;
- --leo-typography-primary-heading-h3-line-height: 32px;
- --leo-typography-primary-heading-h3-paragraph-indent: 0;
- --leo-typography-primary-heading-h3-paragraph-spacing: 0;
- --leo-typography-primary-heading-h4-font-size: 16px;
- --leo-typography-primary-heading-h4-font-weight: 600px;
- --leo-typography-primary-heading-h4-letter-spacing: 0;
- --leo-typography-primary-heading-h4-line-height: 24px;
- --leo-typography-primary-heading-h4-paragraph-indent: 0;
- --leo-typography-primary-heading-h4-paragraph-spacing: 0;
- --leo-typography-primary-large-regular-font-size: 16px;
- --leo-typography-primary-large-regular-font-weight: 400px;
- --leo-typography-primary-large-regular-letter-spacing: 0;
- --leo-typography-primary-large-regular-line-height: 28px;
- --leo-typography-primary-large-regular-paragraph-indent: 0;
- --leo-typography-primary-large-regular-paragraph-spacing: 0;
- --leo-typography-primary-large-semibold-font-size: 16px;
- --leo-typography-primary-large-semibold-font-weight: 600px;
- --leo-typography-primary-large-semibold-letter-spacing: 0;
- --leo-typography-primary-large-semibold-line-height: 28px;
- --leo-typography-primary-large-semibold-paragraph-indent: 0;
- --leo-typography-primary-large-semibold-paragraph-spacing: 0;
- --leo-typography-primary-default-regular-font-size: 14px;
- --leo-typography-primary-default-regular-font-weight: 400px;
- --leo-typography-primary-default-regular-letter-spacing: 0;
- --leo-typography-primary-default-regular-line-height: 24px;
- --leo-typography-primary-default-regular-paragraph-indent: 0;
- --leo-typography-primary-default-regular-paragraph-spacing: 0;
- --leo-typography-primary-default-semibold-font-size: 14px;
- --leo-typography-primary-default-semibold-font-weight: 600px;
- --leo-typography-primary-default-semibold-letter-spacing: 0;
- --leo-typography-primary-default-semibold-line-height: 24px;
- --leo-typography-primary-default-semibold-paragraph-indent: 0;
- --leo-typography-primary-default-semibold-paragraph-spacing: 0;
- --leo-typography-primary-small-regular-font-size: 12px;
- --leo-typography-primary-small-regular-font-weight: 400px;
- --leo-typography-primary-small-regular-letter-spacing: 0;
- --leo-typography-primary-small-regular-line-height: 18px;
- --leo-typography-primary-small-regular-paragraph-indent: 0;
- --leo-typography-primary-small-regular-paragraph-spacing: 0;
- --leo-typography-primary-small-semibold-font-size: 12px;
- --leo-typography-primary-small-semibold-font-weight: 600px;
- --leo-typography-primary-small-semibold-letter-spacing: 0;
- --leo-typography-primary-small-semibold-line-height: 18px;
- --leo-typography-primary-small-semibold-paragraph-indent: 0;
- --leo-typography-primary-small-semibold-paragraph-spacing: 0;
- --leo-typography-primary-x-small-regular-font-size: 11px;
- --leo-typography-primary-x-small-regular-font-weight: 400px;
- --leo-typography-primary-x-small-regular-letter-spacing: 0;
- --leo-typography-primary-x-small-regular-line-height: 16px;
- --leo-typography-primary-x-small-regular-paragraph-indent: 0;
- --leo-typography-primary-x-small-regular-paragraph-spacing: 0;
- --leo-typography-primary-x-small-semibold-font-size: 11px;
- --leo-typography-primary-x-small-semibold-font-weight: 600px;
- --leo-typography-primary-x-small-semibold-letter-spacing: 0;
- --leo-typography-primary-x-small-semibold-line-height: 16px;
- --leo-typography-primary-x-small-semibold-paragraph-indent: 0;
- --leo-typography-primary-x-small-semibold-paragraph-spacing: 0;
- --leo-typography-secondary-heading-display1-font-size: 52px;
- --leo-typography-secondary-heading-display1-font-weight: 500px;
- --leo-typography-secondary-heading-display1-letter-spacing: 0;
- --leo-typography-secondary-heading-display1-line-height: 78px;
- --leo-typography-secondary-heading-display1-paragraph-indent: 0;
- --leo-typography-secondary-heading-display1-paragraph-spacing: 0;
- --leo-typography-secondary-heading-display2-font-size: 36px;
- --leo-typography-secondary-heading-display2-font-weight: 500px;
- --leo-typography-secondary-heading-display2-letter-spacing: 0;
- --leo-typography-secondary-heading-display2-line-height: 54px;
- --leo-typography-secondary-heading-display2-paragraph-indent: 0;
- --leo-typography-secondary-heading-display2-paragraph-spacing: 0;
- --leo-typography-secondary-heading-h1-font-size: 32px;
- --leo-typography-secondary-heading-h1-font-weight: 500px;
- --leo-typography-secondary-heading-h1-letter-spacing: 0;
- --leo-typography-secondary-heading-h1-line-height: 48px;
- --leo-typography-secondary-heading-h1-paragraph-indent: 0;
- --leo-typography-secondary-heading-h1-paragraph-spacing: 0;
- --leo-typography-secondary-heading-h2-font-size: 28px;
- --leo-typography-secondary-heading-h2-font-weight: 500px;
- --leo-typography-secondary-heading-h2-letter-spacing: 0;
- --leo-typography-secondary-heading-h2-line-height: 40px;
- --leo-typography-secondary-heading-h2-paragraph-indent: 0;
- --leo-typography-secondary-heading-h2-paragraph-spacing: 0;
- --leo-typography-secondary-heading-h3-font-size: 22px;
- --leo-typography-secondary-heading-h3-font-weight: 500px;
- --leo-typography-secondary-heading-h3-letter-spacing: 0;
- --leo-typography-secondary-heading-h3-line-height: 32px;
- --leo-typography-secondary-heading-h3-paragraph-indent: 0;
- --leo-typography-secondary-heading-h3-paragraph-spacing: 0;
- --leo-typography-secondary-heading-h4-font-size: 16px;
- --leo-typography-secondary-heading-h4-font-weight: 600px;
- --leo-typography-secondary-heading-h4-letter-spacing: 0.32px;
- --leo-typography-secondary-heading-h4-line-height: 24px;
- --leo-typography-secondary-heading-h4-paragraph-indent: 0;
- --leo-typography-secondary-heading-h4-paragraph-spacing: 0;
- --leo-typography-secondary-large-regular-font-size: 16px;
- --leo-typography-secondary-large-regular-font-weight: 500px;
- --leo-typography-secondary-large-regular-letter-spacing: 0.16px;
- --leo-typography-secondary-large-regular-line-height: 28px;
- --leo-typography-secondary-large-regular-paragraph-indent: 0;
- --leo-typography-secondary-large-regular-paragraph-spacing: 0;
- --leo-typography-secondary-large-semibold-font-size: 16px;
- --leo-typography-secondary-large-semibold-font-weight: 700px;
- --leo-typography-secondary-large-semibold-letter-spacing: 0.16px;
- --leo-typography-secondary-large-semibold-line-height: 28px;
- --leo-typography-secondary-large-semibold-paragraph-indent: 0;
- --leo-typography-secondary-large-semibold-paragraph-spacing: 0;
- --leo-typography-secondary-default-regular-font-size: 14px;
- --leo-typography-secondary-default-regular-font-weight: 500px;
- --leo-typography-secondary-default-regular-letter-spacing: 0.28px;
- --leo-typography-secondary-default-regular-line-height: 24px;
- --leo-typography-secondary-default-regular-paragraph-indent: 0;
- --leo-typography-secondary-default-regular-paragraph-spacing: 0;
- --leo-typography-secondary-default-semibold-font-size: 14px;
- --leo-typography-secondary-default-semibold-font-weight: 700px;
- --leo-typography-secondary-default-semibold-letter-spacing: 0.28px;
- --leo-typography-secondary-default-semibold-line-height: 24px;
- --leo-typography-secondary-default-semibold-paragraph-indent: 0;
- --leo-typography-secondary-default-semibold-paragraph-spacing: 0;
- --leo-typography-secondary-small-regular-font-size: 12px;
- --leo-typography-secondary-small-regular-font-weight: 500px;
- --leo-typography-secondary-small-regular-letter-spacing: 0.24px;
- --leo-typography-secondary-small-regular-line-height: 18px;
- --leo-typography-secondary-small-regular-paragraph-indent: 0;
- --leo-typography-secondary-small-regular-paragraph-spacing: 0;
- --leo-typography-secondary-small-semibold-font-size: 12px;
- --leo-typography-secondary-small-semibold-font-weight: 700px;
- --leo-typography-secondary-small-semibold-letter-spacing: 0.24px;
- --leo-typography-secondary-small-semibold-line-height: 18px;
- --leo-typography-secondary-small-semibold-paragraph-indent: 0;
- --leo-typography-secondary-small-semibold-paragraph-spacing: 0;
- --leo-typography-secondary-x-small-default-font-size: 11px;
- --leo-typography-secondary-x-small-default-font-weight: 500px;
- --leo-typography-secondary-x-small-default-letter-spacing: 0.22px;
- --leo-typography-secondary-x-small-default-line-height: 16px;
- --leo-typography-secondary-x-small-default-paragraph-indent: 0;
- --leo-typography-secondary-x-small-default-paragraph-spacing: 0;
- --leo-typography-secondary-x-small-semibold-font-size: 11px;
- --leo-typography-secondary-x-small-semibold-font-weight: 700px;
- --leo-typography-secondary-x-small-semibold-letter-spacing: 0.22px;
- --leo-typography-secondary-x-small-semibold-line-height: 16px;
- --leo-typography-secondary-x-small-semibold-paragraph-indent: 0;
- --leo-typography-secondary-x-small-semibold-paragraph-spacing: 0;
+ --leo-font-components-button-jumbo: 600 16px/22px Poppins;
+ --leo-typography-browser-large-regular-font-size: 16px;
+ --leo-typography-browser-large-regular-font-weight: 400px;
+ --leo-typography-browser-large-regular-letter-spacing: -0.2px;
+ --leo-typography-browser-large-regular-line-height: 19.2px;
+ --leo-typography-browser-large-regular-paragraph-indent: 0;
+ --leo-typography-browser-large-regular-paragraph-spacing: 0;
+ --leo-typography-browser-large-semibold-font-size: 16px;
+ --leo-typography-browser-large-semibold-font-weight: 600px;
+ --leo-typography-browser-large-semibold-letter-spacing: -0.2px;
+ --leo-typography-browser-large-semibold-line-height: 19.2px;
+ --leo-typography-browser-large-semibold-paragraph-indent: 0;
+ --leo-typography-browser-large-semibold-paragraph-spacing: 0;
+ --leo-typography-browser-default-regular-font-size: 14px;
+ --leo-typography-browser-default-regular-font-weight: 400px;
+ --leo-typography-browser-default-regular-letter-spacing: -0.1px;
+ --leo-typography-browser-default-regular-line-height: 16.8px;
+ --leo-typography-browser-default-regular-paragraph-indent: 0;
+ --leo-typography-browser-default-regular-paragraph-spacing: 0;
+ --leo-typography-browser-default-semibold-font-size: 14px;
+ --leo-typography-browser-default-semibold-font-weight: 600px;
+ --leo-typography-browser-default-semibold-letter-spacing: -0.1px;
+ --leo-typography-browser-default-semibold-line-height: 16.8px;
+ --leo-typography-browser-default-semibold-paragraph-indent: 0;
+ --leo-typography-browser-default-semibold-paragraph-spacing: 0;
+ --leo-typography-browser-small-regular-font-size: 13px;
+ --leo-typography-browser-small-regular-font-weight: 400px;
+ --leo-typography-browser-small-regular-letter-spacing: 0;
+ --leo-typography-browser-small-regular-line-height: 15.6px;
+ --leo-typography-browser-small-regular-paragraph-indent: 0;
+ --leo-typography-browser-small-regular-paragraph-spacing: 0;
+ --leo-typography-browser-small-semibold-font-size: 13px;
+ --leo-typography-browser-small-semibold-font-weight: 600px;
+ --leo-typography-browser-small-semibold-letter-spacing: 0;
+ --leo-typography-browser-small-semibold-line-height: 15.6px;
+ --leo-typography-browser-small-semibold-paragraph-indent: 0;
+ --leo-typography-browser-small-semibold-paragraph-spacing: 0;
+ --leo-typography-browser-x-small-regular-font-size: 12px;
+ --leo-typography-browser-x-small-regular-font-weight: 400px;
+ --leo-typography-browser-x-small-regular-letter-spacing: 0;
+ --leo-typography-browser-x-small-regular-line-height: 14.4px;
+ --leo-typography-browser-x-small-regular-paragraph-indent: 0;
+ --leo-typography-browser-x-small-regular-paragraph-spacing: 0;
+ --leo-typography-browser-x-small-semibold-font-size: 12px;
+ --leo-typography-browser-x-small-semibold-font-weight: 600px;
+ --leo-typography-browser-x-small-semibold-letter-spacing: 0;
+ --leo-typography-browser-x-small-semibold-line-height: 14.4px;
+ --leo-typography-browser-x-small-semibold-paragraph-indent: 0;
+ --leo-typography-browser-x-small-semibold-paragraph-spacing: 0;
+ --leo-typography-heading-display1-font-size: 52px;
+ --leo-typography-heading-display1-font-weight: 500px;
+ --leo-typography-heading-display1-letter-spacing: 0;
+ --leo-typography-heading-display1-line-height: 68px;
+ --leo-typography-heading-display1-paragraph-indent: 0;
+ --leo-typography-heading-display1-paragraph-spacing: 0;
+ --leo-typography-heading-display2-font-size: 36px;
+ --leo-typography-heading-display2-font-weight: 500px;
+ --leo-typography-heading-display2-letter-spacing: 0;
+ --leo-typography-heading-display2-line-height: 46px;
+ --leo-typography-heading-display2-paragraph-indent: 0;
+ --leo-typography-heading-display2-paragraph-spacing: 0;
+ --leo-typography-heading-h1-font-size: 32px;
+ --leo-typography-heading-h1-font-weight: 500px;
+ --leo-typography-heading-h1-letter-spacing: 0;
+ --leo-typography-heading-h1-line-height: 42px;
+ --leo-typography-heading-h1-paragraph-indent: 0;
+ --leo-typography-heading-h1-paragraph-spacing: 0;
+ --leo-typography-heading-h2-font-size: 28px;
+ --leo-typography-heading-h2-font-weight: 500px;
+ --leo-typography-heading-h2-letter-spacing: 0;
+ --leo-typography-heading-h2-line-height: 36px;
+ --leo-typography-heading-h2-paragraph-indent: 0;
+ --leo-typography-heading-h2-paragraph-spacing: 0;
+ --leo-typography-heading-h3-font-size: 22px;
+ --leo-typography-heading-h3-font-weight: 500px;
+ --leo-typography-heading-h3-letter-spacing: 0;
+ --leo-typography-heading-h3-line-height: 28px;
+ --leo-typography-heading-h3-paragraph-indent: 0;
+ --leo-typography-heading-h3-paragraph-spacing: 0;
+ --leo-typography-heading-h4-font-size: 16px;
+ --leo-typography-heading-h4-font-weight: 600px;
+ --leo-typography-heading-h4-letter-spacing: 0;
+ --leo-typography-heading-h4-line-height: 26px;
+ --leo-typography-heading-h4-paragraph-indent: 0;
+ --leo-typography-heading-h4-paragraph-spacing: 0;
+ --leo-typography-large-regular-font-size: 16px;
+ --leo-typography-large-regular-font-weight: 400px;
+ --leo-typography-large-regular-letter-spacing: -0.2px;
+ --leo-typography-large-regular-line-height: 26px;
+ --leo-typography-large-regular-paragraph-indent: 0;
+ --leo-typography-large-regular-paragraph-spacing: 0;
+ --leo-typography-large-semibold-font-size: 16px;
+ --leo-typography-large-semibold-font-weight: 600px;
+ --leo-typography-large-semibold-letter-spacing: -0.2px;
+ --leo-typography-large-semibold-line-height: 26px;
+ --leo-typography-large-semibold-paragraph-indent: 0;
+ --leo-typography-large-semibold-paragraph-spacing: 0;
+ --leo-typography-default-regular-font-size: 14px;
+ --leo-typography-default-regular-font-weight: 400px;
+ --leo-typography-default-regular-letter-spacing: -0.1px;
+ --leo-typography-default-regular-line-height: 22px;
+ --leo-typography-default-regular-paragraph-indent: 0;
+ --leo-typography-default-regular-paragraph-spacing: 0;
+ --leo-typography-default-semibold-font-size: 14px;
+ --leo-typography-default-semibold-font-weight: 600px;
+ --leo-typography-default-semibold-letter-spacing: -0.1px;
+ --leo-typography-default-semibold-line-height: 22px;
+ --leo-typography-default-semibold-paragraph-indent: 0;
+ --leo-typography-default-semibold-paragraph-spacing: 0;
+ --leo-typography-small-regular-font-size: 12px;
+ --leo-typography-small-regular-font-weight: 400px;
+ --leo-typography-small-regular-letter-spacing: 0;
+ --leo-typography-small-regular-line-height: 20px;
+ --leo-typography-small-regular-paragraph-indent: 0;
+ --leo-typography-small-regular-paragraph-spacing: 0;
+ --leo-typography-small-semibold-font-size: 12px;
+ --leo-typography-small-semibold-font-weight: 600px;
+ --leo-typography-small-semibold-letter-spacing: 0;
+ --leo-typography-small-semibold-line-height: 20px;
+ --leo-typography-small-semibold-paragraph-indent: 0;
+ --leo-typography-small-semibold-paragraph-spacing: 0;
+ --leo-typography-x-small-regular-font-size: 11px;
+ --leo-typography-x-small-regular-font-weight: 400px;
+ --leo-typography-x-small-regular-letter-spacing: 0;
+ --leo-typography-x-small-regular-line-height: 18px;
+ --leo-typography-x-small-regular-paragraph-indent: 0;
+ --leo-typography-x-small-regular-paragraph-spacing: 0;
+ --leo-typography-x-small-semibold-font-size: 11px;
+ --leo-typography-x-small-semibold-font-weight: 600px;
+ --leo-typography-x-small-semibold-letter-spacing: 0;
+ --leo-typography-x-small-semibold-line-height: 18px;
+ --leo-typography-x-small-semibold-paragraph-indent: 0;
+ --leo-typography-x-small-semibold-paragraph-spacing: 0;
--leo-typography-monospace-large-font-size: 16px;
--leo-typography-monospace-large-font-weight: 400px;
--leo-typography-monospace-large-letter-spacing: 0;
- --leo-typography-monospace-large-line-height: 28px;
+ --leo-typography-monospace-large-line-height: 26px;
--leo-typography-monospace-large-paragraph-indent: 0;
--leo-typography-monospace-large-paragraph-spacing: 0;
--leo-typography-monospace-default-font-size: 14px;
--leo-typography-monospace-default-font-weight: 400px;
--leo-typography-monospace-default-letter-spacing: 0;
- --leo-typography-monospace-default-line-height: 24px;
+ --leo-typography-monospace-default-line-height: 22px;
--leo-typography-monospace-default-paragraph-indent: 0;
--leo-typography-monospace-default-paragraph-spacing: 0;
--leo-typography-monospace-small-font-size: 12px;
--leo-typography-monospace-small-font-weight: 400px;
--leo-typography-monospace-small-letter-spacing: 0;
- --leo-typography-monospace-small-line-height: 18px;
+ --leo-typography-monospace-small-line-height: 20px;
--leo-typography-monospace-small-paragraph-indent: 0;
--leo-typography-monospace-small-paragraph-spacing: 0;
- --leo-typography-mobile-primary-heading-display1-font-size: 32px;
- --leo-typography-mobile-primary-heading-display1-font-weight: 500px;
- --leo-typography-mobile-primary-heading-display1-letter-spacing: 0;
- --leo-typography-mobile-primary-heading-display1-line-height: 48px;
- --leo-typography-mobile-primary-heading-display1-paragraph-indent: 0;
- --leo-typography-mobile-primary-heading-display1-paragraph-spacing: 0;
- --leo-typography-mobile-primary-heading-display2-font-size: 28px;
- --leo-typography-mobile-primary-heading-display2-font-weight: 500px;
- --leo-typography-mobile-primary-heading-display2-letter-spacing: 0;
- --leo-typography-mobile-primary-heading-display2-line-height: 42px;
- --leo-typography-mobile-primary-heading-display2-paragraph-indent: 0;
- --leo-typography-mobile-primary-heading-display2-paragraph-spacing: 0;
- --leo-typography-mobile-primary-heading-h1-font-size: 28px;
- --leo-typography-mobile-primary-heading-h1-font-weight: 500px;
- --leo-typography-mobile-primary-heading-h1-letter-spacing: 0;
- --leo-typography-mobile-primary-heading-h1-line-height: 40px;
- --leo-typography-mobile-primary-heading-h1-paragraph-indent: 0;
- --leo-typography-mobile-primary-heading-h1-paragraph-spacing: 0;
- --leo-typography-mobile-primary-heading-h2-font-size: 22px;
- --leo-typography-mobile-primary-heading-h2-font-weight: 500px;
- --leo-typography-mobile-primary-heading-h2-letter-spacing: 0;
- --leo-typography-mobile-primary-heading-h2-line-height: 32px;
- --leo-typography-mobile-primary-heading-h2-paragraph-indent: 0;
- --leo-typography-mobile-primary-heading-h2-paragraph-spacing: 0;
- --leo-typography-mobile-primary-heading-h3-font-size: 18px;
- --leo-typography-mobile-primary-heading-h3-font-weight: 500px;
- --leo-typography-mobile-primary-heading-h3-letter-spacing: 0;
- --leo-typography-mobile-primary-heading-h3-line-height: 28px;
- --leo-typography-mobile-primary-heading-h3-paragraph-indent: 0;
- --leo-typography-mobile-primary-heading-h3-paragraph-spacing: 0;
- --leo-typography-mobile-primary-heading-h4-font-size: 16px;
- --leo-typography-mobile-primary-heading-h4-font-weight: 600px;
- --leo-typography-mobile-primary-heading-h4-letter-spacing: 0;
- --leo-typography-mobile-primary-heading-h4-line-height: 24px;
- --leo-typography-mobile-primary-heading-h4-paragraph-indent: 0;
- --leo-typography-mobile-primary-heading-h4-paragraph-spacing: 0;
+ --leo-typography-mobile-heading-display1-font-size: 32px;
+ --leo-typography-mobile-heading-display1-font-weight: 500px;
+ --leo-typography-mobile-heading-display1-letter-spacing: 0;
+ --leo-typography-mobile-heading-display1-line-height: 42px;
+ --leo-typography-mobile-heading-display1-paragraph-indent: 0;
+ --leo-typography-mobile-heading-display1-paragraph-spacing: 0;
+ --leo-typography-mobile-heading-display2-font-size: 28px;
+ --leo-typography-mobile-heading-display2-font-weight: 500px;
+ --leo-typography-mobile-heading-display2-letter-spacing: 0;
+ --leo-typography-mobile-heading-display2-line-height: 36px;
+ --leo-typography-mobile-heading-display2-paragraph-indent: 0;
+ --leo-typography-mobile-heading-display2-paragraph-spacing: 0;
+ --leo-typography-mobile-heading-h1-font-size: 28px;
+ --leo-typography-mobile-heading-h1-font-weight: 500px;
+ --leo-typography-mobile-heading-h1-letter-spacing: 0;
+ --leo-typography-mobile-heading-h1-line-height: 36px;
+ --leo-typography-mobile-heading-h1-paragraph-indent: 0;
+ --leo-typography-mobile-heading-h1-paragraph-spacing: 0;
+ --leo-typography-mobile-heading-h2-font-size: 22px;
+ --leo-typography-mobile-heading-h2-font-weight: 500px;
+ --leo-typography-mobile-heading-h2-letter-spacing: 0;
+ --leo-typography-mobile-heading-h2-line-height: 28px;
+ --leo-typography-mobile-heading-h2-paragraph-indent: 0;
+ --leo-typography-mobile-heading-h2-paragraph-spacing: 0;
+ --leo-typography-mobile-heading-h3-font-size: 18px;
+ --leo-typography-mobile-heading-h3-font-weight: 500px;
+ --leo-typography-mobile-heading-h3-letter-spacing: 0;
+ --leo-typography-mobile-heading-h3-line-height: 26px;
+ --leo-typography-mobile-heading-h3-paragraph-indent: 0;
+ --leo-typography-mobile-heading-h3-paragraph-spacing: 0;
+ --leo-typography-mobile-heading-h4-font-size: 16px;
+ --leo-typography-mobile-heading-h4-font-weight: 600px;
+ --leo-typography-mobile-heading-h4-letter-spacing: 0;
+ --leo-typography-mobile-heading-h4-line-height: 26px;
+ --leo-typography-mobile-heading-h4-paragraph-indent: 0;
+ --leo-typography-mobile-heading-h4-paragraph-spacing: 0;
--leo-typography-components-label-font-size: 10px;
- --leo-typography-components-label-font-weight: 600px;
- --leo-typography-components-label-letter-spacing: 0.4px;
+ --leo-typography-components-label-font-weight: 700px;
+ --leo-typography-components-label-letter-spacing: 0;
--leo-typography-components-label-line-height: 12px;
--leo-typography-components-label-paragraph-indent: 0;
--leo-typography-components-label-paragraph-spacing: 0;
--leo-typography-components-tableheader-font-size: 13px;
--leo-typography-components-tableheader-font-weight: 500px;
- --leo-typography-components-tableheader-letter-spacing: 0;
- --leo-typography-components-tableheader-line-height: 20px;
+ --leo-typography-components-tableheader-letter-spacing: -0.1px;
+ --leo-typography-components-tableheader-line-height: 15.6px;
--leo-typography-components-tableheader-paragraph-indent: 0;
--leo-typography-components-tableheader-paragraph-spacing: 0;
- --leo-typography-components-navbutton-font-size: 15px;
+ --leo-typography-components-navbutton-font-size: 14px;
--leo-typography-components-navbutton-font-weight: 600px;
- --leo-typography-components-navbutton-letter-spacing: 0.3px;
- --leo-typography-components-navbutton-line-height: 20px;
+ --leo-typography-components-navbutton-letter-spacing: 0;
+ --leo-typography-components-navbutton-line-height: 22px;
--leo-typography-components-navbutton-paragraph-indent: 0;
--leo-typography-components-navbutton-paragraph-spacing: 0;
--leo-typography-components-button-small-font-size: 12px;
--leo-typography-components-button-small-font-weight: 600px;
--leo-typography-components-button-small-letter-spacing: 0.36px;
- --leo-typography-components-button-small-line-height: 16px;
+ --leo-typography-components-button-small-line-height: 20px;
--leo-typography-components-button-small-paragraph-indent: 0;
--leo-typography-components-button-small-paragraph-spacing: 0;
--leo-typography-components-button-default-font-size: 13px;
--leo-typography-components-button-default-font-weight: 600px;
--leo-typography-components-button-default-letter-spacing: 0.39px;
- --leo-typography-components-button-default-line-height: 20px;
+ --leo-typography-components-button-default-line-height: 21px;
--leo-typography-components-button-default-paragraph-indent: 0;
--leo-typography-components-button-default-paragraph-spacing: 0;
--leo-typography-components-button-large-font-size: 14px;
@@ -421,7 +267,7 @@
--leo-typography-components-button-jumbo-font-size: 16px;
--leo-typography-components-button-jumbo-font-weight: 600px;
--leo-typography-components-button-jumbo-letter-spacing: 0.16px;
- --leo-typography-components-button-jumbo-line-height: 24px;
+ --leo-typography-components-button-jumbo-line-height: 22px;
--leo-typography-components-button-jumbo-paragraph-indent: 0;
--leo-typography-components-button-jumbo-paragraph-spacing: 0;
--leo-color-primitive-gray-1: rgb(246, 247, 248);
@@ -562,18 +408,140 @@
--leo-color-primitive-brands-bravelion: rgb(254, 89, 7);
--leo-color-white: rgb(255, 255, 255);
--leo-color-black: rgb(0, 0, 0);
- --leo-gradient-hero: linear-gradient(138.21219643124405deg, rgb(134, 10, 194) 7.000000000000001%, rgb(230, 25, 135) 68%, rgb(255, 71, 26) 96%);
+ --leo-light-text-primary: rgb(13, 15, 20);
+ --leo-light-text-secondary: rgb(63, 72, 85);
+ --leo-light-text-tertiary: rgb(104, 116, 133);
+ --leo-light-text-disabled: rgba(33, 36, 42, 0.5);
+ --leo-light-text-interactive: rgb(63, 57, 232);
+ --leo-light-icon-default: rgb(104, 116, 133);
+ --leo-light-icon-disabled: rgba(104, 116, 133, 0.5);
+ --leo-light-icon-active: rgb(63, 57, 232);
+ --leo-light-browserbutton-background-hover: rgba(0, 0, 0, 0.05);
+ --leo-light-browserbutton-background-active: rgba(0, 0, 0, 0.1);
+ --leo-light-tabswitcher-button: rgb(255, 255, 255);
+ --leo-light-tabswitcher-background: rgb(246, 247, 248);
+ --leo-light-container-background-desktop: rgb(255, 255, 255);
+ --leo-light-container-background-mobile: rgb(255, 255, 255);
+ --leo-light-container-interactive: rgb(233, 238, 255);
+ --leo-light-container-scrim: rgba(13, 15, 20, 0.35);
+ --leo-light-container-legacy-frostedglass: rgba(255, 255, 255, 0.95);
+ --leo-light-material-thick: rgba(255, 255, 255, 0.95);
+ --leo-light-material-regular: rgba(255, 255, 255, 0.73);
+ --leo-light-material-thin: rgba(255, 255, 255, 0.56);
+ --leo-light-material-ultrathin: rgba(255, 255, 255, 0.32);
+ --leo-light-chrome-background-desktop: rgb(246, 247, 248);
+ --leo-light-chrome-background-mobile: rgb(246, 247, 248);
+ --leo-light-divider-subtle: rgba(161, 171, 186, 0.4);
+ --leo-light-divider-strong: rgba(104, 116, 133, 0.4);
+ --leo-light-tabbar-tabbar-background: rgb(237, 238, 241);
+ --leo-light-tabbar-tabactive-background: rgb(255, 255, 255);
+ --leo-light-os-color: rgb(0, 0, 0);
+ --leo-light-group-text: rgb(18, 117, 55);
+ --leo-light-group-background: rgba(18, 117, 55, 0.15);
+ --leo-dark-text-primary: rgb(246, 247, 248);
+ --leo-dark-text-secondary: rgb(194, 201, 211);
+ --leo-dark-text-tertiary: rgb(161, 171, 186);
+ --leo-dark-text-disabled: rgba(237, 238, 241, 0.5);
+ --leo-dark-text-interactive: rgb(124, 145, 255);
+ --leo-dark-icon-default: rgb(161, 171, 186);
+ --leo-dark-icon-disabled: rgba(161, 171, 186, 0.5);
+ --leo-dark-icon-active: rgb(124, 145, 255);
+ --leo-dark-browserbutton-background-hover: rgba(0, 0, 0, 0.25);
+ --leo-dark-browserbutton-background-active: rgba(0, 0, 0, 0.4);
+ --leo-dark-tabswitcher-button: rgb(33, 36, 42);
+ --leo-dark-tabswitcher-background: rgb(48, 52, 61);
+ --leo-dark-container-background-desktop: rgb(13, 15, 20);
+ --leo-dark-container-background-mobile: rgb(33, 36, 42);
+ --leo-dark-container-interactive: rgb(22, 16, 101);
+ --leo-dark-container-scrim: rgba(13, 15, 20, 0.7);
+ --leo-dark-container-legacy-frostedglass: rgba(255, 255, 255, 0.95);
+ --leo-dark-material-thick: rgba(13, 15, 20, 0.85);
+ --leo-dark-material-regular: rgba(13, 15, 20, 0.69);
+ --leo-dark-material-thin: rgba(13, 15, 20, 0.51);
+ --leo-dark-material-ultrathin: rgba(13, 15, 20, 0.35);
+ --leo-dark-chrome-background-desktop: rgb(33, 36, 42);
+ --leo-dark-chrome-background-mobile: rgb(13, 15, 20);
+ --leo-dark-divider-subtle: rgba(104, 116, 133, 0.4);
+ --leo-dark-divider-strong: rgba(161, 171, 186, 0.4);
+ --leo-dark-tabbar-tabbar-background: rgb(13, 15, 20);
+ --leo-dark-tabbar-tabactive-background: rgb(48, 52, 61);
+ --leo-dark-os-color: rgb(255, 255, 255);
+ --leo-dark-group-text: rgb(116, 195, 142);
+ --leo-dark-group-background: rgba(116, 195, 142, 0.25);
+ --leo-private-text-primary: rgb(245, 243, 255);
+ --leo-private-text-secondary: rgb(204, 190, 254);
+ --leo-private-text-tertiary: rgb(163, 128, 255);
+ --leo-private-text-disabled: rgba(238, 235, 255, 0.5);
+ --leo-private-text-interactive: rgb(124, 145, 255);
+ --leo-private-icon-default: rgb(163, 128, 255);
+ --leo-private-icon-disabled: rgba(163, 128, 255, 0.5);
+ --leo-private-icon-active: rgb(124, 145, 255);
+ --leo-private-browserbutton-background-hover: rgba(0, 0, 0, 0.25);
+ --leo-private-browserbutton-background-active: rgba(0, 0, 0, 0.4);
+ --leo-private-tabswitcher-button: rgb(42, 13, 88);
+ --leo-private-tabswitcher-background: rgb(61, 18, 123);
+ --leo-private-container-background-desktop: rgb(19, 5, 42);
+ --leo-private-container-background-mobile: rgb(42, 13, 88);
+ --leo-private-container-interactive: rgb(22, 16, 101);
+ --leo-private-container-scrim: rgba(19, 5, 42, 0.7);
+ --leo-private-container-legacy-frostedglass: rgba(255, 255, 255, 0.95);
+ --leo-private-material-thick: rgba(19, 5, 42, 0.85);
+ --leo-private-material-regular: rgba(19, 5, 42, 0.69);
+ --leo-private-material-thin: rgba(19, 5, 42, 0.51);
+ --leo-private-material-ultrathin: rgba(19, 5, 42, 0.35);
+ --leo-private-chrome-background-desktop: rgb(42, 13, 88);
+ --leo-private-chrome-background-mobile: rgb(19, 5, 42);
+ --leo-private-divider-subtle: rgba(123, 99, 191, 0.4);
+ --leo-private-divider-strong: rgba(163, 128, 255, 0.4);
+ --leo-private-tabbar-tabbar-background: rgb(19, 5, 42);
+ --leo-private-tabbar-tabactive-background: rgb(61, 18, 123);
+ --leo-private-os-color: rgb(255, 255, 255);
+ --leo-private-group-text: rgb(116, 195, 142);
+ --leo-private-group-background: rgba(116, 195, 142, 0.25);
+ --leo-tor-text-primary: rgb(250, 242, 255);
+ --leo-tor-text-secondary: rgb(227, 179, 255);
+ --leo-tor-text-tertiary: rgb(199, 108, 246);
+ --leo-tor-text-disabled: rgba(246, 232, 255, 0.5);
+ --leo-tor-text-interactive: rgb(124, 145, 255);
+ --leo-tor-icon-default: rgb(199, 108, 246);
+ --leo-tor-icon-disabled: rgba(199, 108, 246, 0.5);
+ --leo-tor-icon-active: rgb(124, 145, 255);
+ --leo-tor-browserbutton-background-hover: rgba(0, 0, 0, 0.25);
+ --leo-tor-browserbutton-background-active: rgba(0, 0, 0, 0.4);
+ --leo-tor-tabswitcher-button: rgb(53, 11, 73);
+ --leo-tor-tabswitcher-background: rgb(76, 15, 103);
+ --leo-tor-container-background-desktop: rgb(25, 4, 35);
+ --leo-tor-container-background-mobile: rgb(53, 11, 73);
+ --leo-tor-container-interactive: rgb(22, 16, 101);
+ --leo-tor-container-scrim: rgba(25, 4, 35, 0.7);
+ --leo-tor-container-legacy-frostedglass: rgba(255, 255, 255, 0.95);
+ --leo-tor-material-thick: rgba(25, 4, 35, 0.85);
+ --leo-tor-material-regular: rgba(25, 4, 35, 0.69);
+ --leo-tor-material-thin: rgba(25, 4, 35, 0.51);
+ --leo-tor-material-ultrathin: rgba(25, 4, 35, 0.35);
+ --leo-tor-chrome-background-desktop: rgb(53, 11, 73);
+ --leo-tor-chrome-background-mobile: rgb(25, 4, 35);
+ --leo-tor-divider-subtle: rgba(145, 94, 174, 0.4);
+ --leo-tor-divider-strong: rgba(199, 108, 246, 0.4);
+ --leo-tor-tabbar-tabbar-background: rgb(25, 4, 35);
+ --leo-tor-tabbar-tabactive-background: rgb(76, 15, 103);
+ --leo-tor-os-color: rgb(255, 255, 255);
+ --leo-tor-group-text: rgb(116, 195, 142);
+ --leo-tor-group-background: rgba(116, 195, 142, 0.25);
+ --leo-gradient-hero: linear-gradient(179.24640957924876deg, rgb(255, 85, 0) 0%, rgb(245, 0, 45) 100%);
--leo-gradient-icons-active: linear-gradient(321.5013256215316deg, rgb(250, 114, 80) 3%, rgb(255, 24, 147) 40%, rgb(167, 138, 255) 99%);
--leo-gradient-panel-background: linear-gradient(134.9999995731132deg, rgb(48, 6, 201) 0%, rgb(63, 57, 232) 100%);
--leo-gradient-panel-background-alternative: linear-gradient(134.9999995731132deg, rgb(63, 57, 232) 0%, rgb(135, 36, 168) 100%);
- --leo-gradient-toolbar-background: linear-gradient(134.9999995731132deg, rgb(231, 48, 79) 0%, rgb(178, 15, 150) 100%);
+ --leo-gradient-premiumindicator: linear-gradient(127.06278645486384deg, rgb(63, 57, 232) 0%, rgb(0, 186, 214) 100%);
+ --leo-gradient-toolbar-background: linear-gradient(314.9161155270921deg, rgb(236, 19, 73) 0%, rgb(212, 17, 115) 100%);
--leo-gradient-brave-release: linear-gradient(90deg, rgb(255, 85, 0) 0%, rgb(255, 85, 0) 33%, rgb(255, 32, 0) 67%, rgb(255, 32, 0) 100%);
--leo-gradient-brave-beta: linear-gradient(90deg, rgb(0, 153, 229) 0%, rgb(0, 89, 178) 50%, rgb(0, 43, 128) 100%);
--leo-gradient-brave-nightly: linear-gradient(90deg, rgb(144, 30, 225) 0%, rgb(101, 20, 158) 51%, rgb(72, 15, 113) 100%);
--leo-gradient-brave-debug: linear-gradient(90deg, rgb(108, 116, 147) 0%, rgb(87, 93, 117) 51%, rgb(54, 58, 73) 100%);
+ --leo-gradient-hero-legacy: linear-gradient(138.21219643124405deg, rgb(134, 10, 194) 7.000000000000001%, rgb(230, 25, 135) 68%, rgb(255, 71, 26) 96%);
--leo-effect-focus-state: 0px 0px 0px 1px rgba(255, 255, 255, 0.3), 0px 0px 0px 2px rgb(63, 57, 232);
- --leo-effect-notificationbackdrop-1: 0px 0px 12px 0px rgba(0, 0, 0, 0.12);
- --leo-effect-notificationbackdrop-2: 0px 0px 4px 0px rgba(0, 0, 0, 0.08);
+ --leo-effect-notificationbackdrop-1: 0px 2px 8px 0px rgba(0, 0, 0, 0.08);
+ --leo-effect-notificationbackdrop-2: 0px 1px 1px 0px rgba(0, 0, 0, 0.05);
--leo-effect-notificationbackdrop-3: inset 0px 0px 1px 0px rgba(255, 255, 255, 0.1);
--leo-radius-2xs: 1px;
--leo-radius-xs: 2px;
@@ -631,6 +599,8 @@
--leo-color-icon-disabled: rgba(104, 116, 133, 0.5);
--leo-color-button-background: rgb(63, 57, 232);
--leo-color-button-disabled: rgba(104, 116, 133, 0.3);
+ --leo-color-button-error-background: rgb(225, 31, 61);
+ --leo-color-button-success-background: rgb(60, 130, 60);
--leo-color-container-background: rgb(255, 255, 255);
--leo-color-container-highlight: rgb(237, 238, 241);
--leo-color-container-interactive: rgb(233, 238, 255);
@@ -779,13 +749,15 @@
--leo-color-icon-disabled: rgba(104, 116, 133, 0.5);
--leo-color-button-background: rgb(63, 57, 232);
--leo-color-button-disabled: rgba(104, 116, 133, 0.3);
+ --leo-color-button-error-background: rgb(225, 31, 61);
+ --leo-color-button-success-background: rgb(60, 130, 60);
--leo-color-container-background: rgb(13, 15, 20);
--leo-color-container-highlight: rgb(33, 36, 42);
--leo-color-container-interactive: rgb(22, 16, 101);
--leo-color-container-disabled: rgba(195, 201, 211, 0.18);
--leo-color-page-background: rgb(0, 0, 0);
--leo-color-divider-subtle: rgba(104, 116, 133, 0.4);
- --leo-color-divider-strong: rgba(104, 116, 133, 0.4);
+ --leo-color-divider-strong: rgba(161, 171, 186, 0.4);
--leo-color-divider-interactive: rgba(124, 145, 255, 0.4);
--leo-color-dialogs-scrim-background: rgba(33, 36, 42, 0.7);
--leo-color-dialogs-frosted-glass-background: rgba(13, 15, 20, 0.9);
@@ -793,16 +765,16 @@
--leo-color-dialogs-button-transparent-default: rgba(13, 15, 20, 0.35);
--leo-color-dialogs-button-transparent-hover: rgba(13, 15, 20, 0.5);
--leo-color-systemfeedback-info-text: rgb(199, 225, 255);
- --leo-color-systemfeedback-info-icon: rgb(16, 117, 201);
+ --leo-color-systemfeedback-info-icon: rgb(57, 159, 255);
--leo-color-systemfeedback-info-background: rgb(7, 37, 66);
- --leo-color-systemfeedback-success-text: rgb(224, 252, 222);
- --leo-color-systemfeedback-success-icon: rgb(60, 130, 60);
+ --leo-color-systemfeedback-success-text: rgb(182, 240, 180);
+ --leo-color-systemfeedback-success-icon: rgb(42, 186, 50);
--leo-color-systemfeedback-success-background: rgb(9, 44, 9);
- --leo-color-systemfeedback-warning-text: rgb(252, 243, 217);
- --leo-color-systemfeedback-warning-icon: rgb(140, 111, 3);
+ --leo-color-systemfeedback-warning-text: rgb(248, 220, 144);
+ --leo-color-systemfeedback-warning-icon: rgb(189, 150, 0);
--leo-color-systemfeedback-warning-background: rgb(45, 35, 7);
- --leo-color-systemfeedback-error-text: rgb(255, 232, 231);
- --leo-color-systemfeedback-error-icon: rgb(225, 31, 61);
+ --leo-color-systemfeedback-error-text: rgb(255, 209, 207);
+ --leo-color-systemfeedback-error-icon: rgb(255, 90, 99);
--leo-color-systemfeedback-error-background: rgb(70, 10, 16);
--leo-color-gray-10: rgb(33, 36, 42);
--leo-color-gray-20: rgb(48, 52, 61);
@@ -926,6 +898,8 @@
--leo-color-icon-disabled: rgba(104, 116, 133, 0.5);
--leo-color-button-background: rgb(63, 57, 232);
--leo-color-button-disabled: rgba(104, 116, 133, 0.3);
+ --leo-color-button-error-background: rgb(225, 31, 61);
+ --leo-color-button-success-background: rgb(60, 130, 60);
--leo-color-container-background: rgb(255, 255, 255);
--leo-color-container-highlight: rgb(237, 238, 241);
--leo-color-container-interactive: rgb(233, 238, 255);
@@ -1072,13 +1046,15 @@
--leo-color-icon-disabled: rgba(104, 116, 133, 0.5);
--leo-color-button-background: rgb(63, 57, 232);
--leo-color-button-disabled: rgba(104, 116, 133, 0.3);
+ --leo-color-button-error-background: rgb(225, 31, 61);
+ --leo-color-button-success-background: rgb(60, 130, 60);
--leo-color-container-background: rgb(13, 15, 20);
--leo-color-container-highlight: rgb(33, 36, 42);
--leo-color-container-interactive: rgb(22, 16, 101);
--leo-color-container-disabled: rgba(195, 201, 211, 0.18);
--leo-color-page-background: rgb(0, 0, 0);
--leo-color-divider-subtle: rgba(104, 116, 133, 0.4);
- --leo-color-divider-strong: rgba(104, 116, 133, 0.4);
+ --leo-color-divider-strong: rgba(161, 171, 186, 0.4);
--leo-color-divider-interactive: rgba(124, 145, 255, 0.4);
--leo-color-dialogs-scrim-background: rgba(33, 36, 42, 0.7);
--leo-color-dialogs-frosted-glass-background: rgba(13, 15, 20, 0.9);
@@ -1086,16 +1062,16 @@
--leo-color-dialogs-button-transparent-default: rgba(13, 15, 20, 0.35);
--leo-color-dialogs-button-transparent-hover: rgba(13, 15, 20, 0.5);
--leo-color-systemfeedback-info-text: rgb(199, 225, 255);
- --leo-color-systemfeedback-info-icon: rgb(16, 117, 201);
+ --leo-color-systemfeedback-info-icon: rgb(57, 159, 255);
--leo-color-systemfeedback-info-background: rgb(7, 37, 66);
- --leo-color-systemfeedback-success-text: rgb(224, 252, 222);
- --leo-color-systemfeedback-success-icon: rgb(60, 130, 60);
+ --leo-color-systemfeedback-success-text: rgb(182, 240, 180);
+ --leo-color-systemfeedback-success-icon: rgb(42, 186, 50);
--leo-color-systemfeedback-success-background: rgb(9, 44, 9);
- --leo-color-systemfeedback-warning-text: rgb(252, 243, 217);
- --leo-color-systemfeedback-warning-icon: rgb(140, 111, 3);
+ --leo-color-systemfeedback-warning-text: rgb(248, 220, 144);
+ --leo-color-systemfeedback-warning-icon: rgb(189, 150, 0);
--leo-color-systemfeedback-warning-background: rgb(45, 35, 7);
- --leo-color-systemfeedback-error-text: rgb(255, 232, 231);
- --leo-color-systemfeedback-error-icon: rgb(225, 31, 61);
+ --leo-color-systemfeedback-error-text: rgb(255, 209, 207);
+ --leo-color-systemfeedback-error-icon: rgb(255, 90, 99);
--leo-color-systemfeedback-error-background: rgb(70, 10, 16);
--leo-color-gray-10: rgb(33, 36, 42);
--leo-color-gray-20: rgb(48, 52, 61);
|
|
New dependencies detected. Learn more about Socket for GitHub ↗︎
|
|
👋 Thanks for Submitting! This PR is available for preview at the link below. ✅ PR tip preview: https://466.pr.nala.bravesoftware.com/ Variables Diff--- ./tokens/css/variables.old.css 2023-11-15 00:37:53.416400759 +0000
+++ ./tokens/css/variables.css 2023-11-15 00:37:27.656424631 +0000
@@ -1,415 +1,261 @@
/**
* Do not edit directly
- * Generated on Tue Nov 14 2023 23:49:26 GMT+0000 (Coordinated Universal Time)
+ * Generated on Wed Nov 15 2023 00:37:27 GMT+0000 (Coordinated Universal Time)
*/
:root {
- --leo-font-macos-large-regular: 400 16px/19.2px SF Pro Text;
- --leo-font-macos-large-semibold: 600 16px/19.2px SF Pro Text;
- --leo-font-macos-default-regular: 400 14px/16.8px SF Pro Text;
- --leo-font-macos-default-semibold: 600 14px/16.8px SF Pro Text;
- --leo-font-macos-small-regular: 400 13px/15.6px SF Pro Text;
- --leo-font-macos-small-semibold: 600 13px/15.6px SF Pro Text;
- --leo-font-macos-x-small-regular: 400 12px/14.4px SF Pro Text;
- --leo-font-macos-x-small-semibold: 600 12px/14.4px SF Pro Text;
- --leo-font-windows-large-regular: 400 16px/19.2px Segoe UI Variable;
- --leo-font-windows-large-semibold: 600 16px/19.2px Segoe UI Variable;
- --leo-font-windows-default-regular: 400 14px/16.8px Segoe UI Variable;
- --leo-font-windows-default-semibold: 600 14px/16.8px Segoe UI Variable;
- --leo-font-windows-small-regular: 400 13px/15.6px Segoe UI Variable;
- --leo-font-windows-small-semibold: 600 13px/15.6px Segoe UI Variable;
- --leo-font-windows-x-small-regular: 400 12px/14.4px Segoe UI Variable;
- --leo-font-windows-x-small-semibold: 600 12px/14.4px Segoe UI Variable;
- --leo-font-primary-heading-display1: 500 52px/78px Poppins;
- --leo-font-primary-heading-display2: 500 36px/54px Poppins;
- --leo-font-primary-heading-h1: 500 32px/48px Poppins;
- --leo-font-primary-heading-h2: 500 28px/40px Poppins;
- --leo-font-primary-heading-h3: 500 22px/32px Poppins;
- --leo-font-primary-heading-h4: 600 16px/24px Poppins;
- --leo-font-primary-large-regular: 400 16px/28px Poppins;
- --leo-font-primary-large-semibold: 600 16px/28px Poppins;
- --leo-font-primary-default-regular: 400 14px/24px Poppins;
- --leo-font-primary-default-semibold: 600 14px/24px Poppins;
- --leo-font-primary-small-regular: 400 12px/18px Poppins;
- --leo-font-primary-small-semibold: 600 12px/18px Poppins;
- --leo-font-primary-x-small-regular: 400 11px/16px Poppins;
- --leo-font-primary-x-small-semibold: 600 11px/16px Poppins;
- --leo-font-secondary-heading-display1: 500 52px/78px Manrope;
- --leo-font-secondary-heading-display2: 500 36px/54px Manrope;
- --leo-font-secondary-heading-h1: 500 32px/48px Manrope;
- --leo-font-secondary-heading-h2: 500 28px/40px Manrope;
- --leo-font-secondary-heading-h3: 500 22px/32px Manrope;
- --leo-font-secondary-heading-h4: 600 16px/24px Manrope;
- --leo-font-secondary-large-regular: 500 16px/28px Manrope;
- --leo-font-secondary-large-semibold: 700 16px/28px Manrope;
- --leo-font-secondary-default-regular: 500 14px/24px Manrope;
- --leo-font-secondary-default-semibold: 700 14px/24px Manrope;
- --leo-font-secondary-small-regular: 500 12px/18px Manrope;
- --leo-font-secondary-small-semibold: 700 12px/18px Manrope;
- --leo-font-secondary-x-small-default: 500 11px/16px Manrope;
- --leo-font-secondary-x-small-semibold: 700 11px/16px Manrope;
- --leo-font-monospace-large: 400 16px/28px SF Mono;
- --leo-font-monospace-default: 400 14px/24px SF Mono;
- --leo-font-monospace-small: 400 12px/18px SF Mono;
- --leo-font-mobile-primary-heading-display1: 500 32px/48px Poppins;
- --leo-font-mobile-primary-heading-display2: 500 28px/42px Poppins;
- --leo-font-mobile-primary-heading-h1: 500 28px/40px Poppins;
- --leo-font-mobile-primary-heading-h2: 500 22px/32px Poppins;
- --leo-font-mobile-primary-heading-h3: 500 18px/28px Poppins;
- --leo-font-mobile-primary-heading-h4: 600 16px/24px Poppins;
- --leo-font-components-label: 600 10px/12px Poppins;
- --leo-font-components-tableheader: 500 13px/20px Poppins;
- --leo-font-components-navbutton: 600 15px/20px Poppins;
- --leo-font-components-button-small: 600 12px/16px Poppins;
- --leo-font-components-button-default: 600 13px/20px Poppins;
+ --leo-font-browser-large-regular: 400 16px/19.2px Inter;
+ --leo-font-browser-large-semibold: 600 16px/19.2px Inter;
+ --leo-font-browser-default-regular: 400 14px/16.8px Inter;
+ --leo-font-browser-default-semibold: 600 14px/16.8px Inter;
+ --leo-font-browser-small-regular: 400 13px/15.6px Inter;
+ --leo-font-browser-small-semibold: 600 13px/15.6px Inter;
+ --leo-font-browser-x-small-regular: 400 12px/14.4px Inter;
+ --leo-font-browser-x-small-semibold: 600 12px/14.4px Inter;
+ --leo-font-heading-display1: 500 52px/68px Poppins;
+ --leo-font-heading-display2: 500 36px/46px Poppins;
+ --leo-font-heading-h1: 500 32px/42px Poppins;
+ --leo-font-heading-h2: 500 28px/36px Poppins;
+ --leo-font-heading-h3: 500 22px/28px Poppins;
+ --leo-font-heading-h4: 600 16px/26px Poppins;
+ --leo-font-large-regular: 400 16px/26px Inter;
+ --leo-font-large-semibold: 600 16px/26px Inter;
+ --leo-font-default-regular: 400 14px/22px Inter;
+ --leo-font-default-semibold: 600 14px/22px Inter;
+ --leo-font-small-regular: 400 12px/20px Inter;
+ --leo-font-small-semibold: 600 12px/20px Inter;
+ --leo-font-x-small-regular: 400 11px/18px Inter;
+ --leo-font-x-small-semibold: 600 11px/18px Inter;
+ --leo-font-monospace-large: 400 16px/26px DM Mono;
+ --leo-font-monospace-default: 400 14px/22px DM Mono;
+ --leo-font-monospace-small: 400 12px/20px DM Mono;
+ --leo-font-mobile-heading-display1: 500 32px/42px Poppins;
+ --leo-font-mobile-heading-display2: 500 28px/36px Poppins;
+ --leo-font-mobile-heading-h1: 500 28px/36px Poppins;
+ --leo-font-mobile-heading-h2: 500 22px/28px Poppins;
+ --leo-font-mobile-heading-h3: 500 18px/26px Poppins;
+ --leo-font-mobile-heading-h4: 600 16px/26px Poppins;
+ --leo-font-components-label: 700 10px/12px Inter;
+ --leo-font-components-tableheader: 500 13px/15.6px Inter;
+ --leo-font-components-navbutton: 600 14px/22px Poppins;
+ --leo-font-components-button-small: 600 12px/20px Poppins;
+ --leo-font-components-button-default: 600 13px/21px Poppins;
--leo-font-components-button-large: 600 14px/22px Poppins;
- --leo-font-components-button-jumbo: 600 16px/24px Poppins;
- --leo-typography-macos-large-regular-font-size: 16px;
- --leo-typography-macos-large-regular-font-weight: 400px;
- --leo-typography-macos-large-regular-letter-spacing: -0.08px;
- --leo-typography-macos-large-regular-line-height: 19.2px;
- --leo-typography-macos-large-regular-paragraph-indent: 0;
- --leo-typography-macos-large-regular-paragraph-spacing: 0;
- --leo-typography-macos-large-semibold-font-size: 16px;
- --leo-typography-macos-large-semibold-font-weight: 600px;
- --leo-typography-macos-large-semibold-letter-spacing: -0.08px;
- --leo-typography-macos-large-semibold-line-height: 19.2px;
- --leo-typography-macos-large-semibold-paragraph-indent: 0;
- --leo-typography-macos-large-semibold-paragraph-spacing: 0;
- --leo-typography-macos-default-regular-font-size: 14px;
- --leo-typography-macos-default-regular-font-weight: 400px;
- --leo-typography-macos-default-regular-letter-spacing: -0.08px;
- --leo-typography-macos-default-regular-line-height: 16.8px;
- --leo-typography-macos-default-regular-paragraph-indent: 0;
- --leo-typography-macos-default-regular-paragraph-spacing: 0;
- --leo-typography-macos-default-semibold-font-size: 14px;
- --leo-typography-macos-default-semibold-font-weight: 600px;
- --leo-typography-macos-default-semibold-letter-spacing: -0.08px;
- --leo-typography-macos-default-semibold-line-height: 16.8px;
- --leo-typography-macos-default-semibold-paragraph-indent: 0;
- --leo-typography-macos-default-semibold-paragraph-spacing: 0;
- --leo-typography-macos-small-regular-font-size: 13px;
- --leo-typography-macos-small-regular-font-weight: 400px;
- --leo-typography-macos-small-regular-letter-spacing: -0.29px;
- --leo-typography-macos-small-regular-line-height: 15.6px;
- --leo-typography-macos-small-regular-paragraph-indent: 0;
- --leo-typography-macos-small-regular-paragraph-spacing: 0;
- --leo-typography-macos-small-semibold-font-size: 13px;
- --leo-typography-macos-small-semibold-font-weight: 600px;
- --leo-typography-macos-small-semibold-letter-spacing: -0.29px;
- --leo-typography-macos-small-semibold-line-height: 15.6px;
- --leo-typography-macos-small-semibold-paragraph-indent: 0;
- --leo-typography-macos-small-semibold-paragraph-spacing: 0;
- --leo-typography-macos-x-small-regular-font-size: 12px;
- --leo-typography-macos-x-small-regular-font-weight: 400px;
- --leo-typography-macos-x-small-regular-letter-spacing: -0.29px;
- --leo-typography-macos-x-small-regular-line-height: 14.4px;
- --leo-typography-macos-x-small-regular-paragraph-indent: 0;
- --leo-typography-macos-x-small-regular-paragraph-spacing: 0;
- --leo-typography-macos-x-small-semibold-font-size: 12px;
- --leo-typography-macos-x-small-semibold-font-weight: 600px;
- --leo-typography-macos-x-small-semibold-letter-spacing: -0.29px;
- --leo-typography-macos-x-small-semibold-line-height: 14.4px;
- --leo-typography-macos-x-small-semibold-paragraph-indent: 0;
- --leo-typography-macos-x-small-semibold-paragraph-spacing: 0;
- --leo-typography-windows-large-regular-font-size: 16px;
- --leo-typography-windows-large-regular-font-weight: 400px;
- --leo-typography-windows-large-regular-letter-spacing: 0;
- --leo-typography-windows-large-regular-line-height: 19.2px;
- --leo-typography-windows-large-regular-paragraph-indent: 0;
- --leo-typography-windows-large-regular-paragraph-spacing: 0;
- --leo-typography-windows-large-semibold-font-size: 16px;
- --leo-typography-windows-large-semibold-font-weight: 600px;
- --leo-typography-windows-large-semibold-letter-spacing: 0;
- --leo-typography-windows-large-semibold-line-height: 19.2px;
- --leo-typography-windows-large-semibold-paragraph-indent: 0;
- --leo-typography-windows-large-semibold-paragraph-spacing: 0;
- --leo-typography-windows-default-regular-font-size: 14px;
- --leo-typography-windows-default-regular-font-weight: 400px;
- --leo-typography-windows-default-regular-letter-spacing: 0;
- --leo-typography-windows-default-regular-line-height: 16.8px;
- --leo-typography-windows-default-regular-paragraph-indent: 0;
- --leo-typography-windows-default-regular-paragraph-spacing: 0;
- --leo-typography-windows-default-semibold-font-size: 14px;
- --leo-typography-windows-default-semibold-font-weight: 600px;
- --leo-typography-windows-default-semibold-letter-spacing: 0;
- --leo-typography-windows-default-semibold-line-height: 16.8px;
- --leo-typography-windows-default-semibold-paragraph-indent: 0;
- --leo-typography-windows-default-semibold-paragraph-spacing: 0;
- --leo-typography-windows-small-regular-font-size: 13px;
- --leo-typography-windows-small-regular-font-weight: 400px;
- --leo-typography-windows-small-regular-letter-spacing: 0;
- --leo-typography-windows-small-regular-line-height: 15.6px;
- --leo-typography-windows-small-regular-paragraph-indent: 0;
- --leo-typography-windows-small-regular-paragraph-spacing: 0;
- --leo-typography-windows-small-semibold-font-size: 13px;
- --leo-typography-windows-small-semibold-font-weight: 600px;
- --leo-typography-windows-small-semibold-letter-spacing: 0;
- --leo-typography-windows-small-semibold-line-height: 15.6px;
- --leo-typography-windows-small-semibold-paragraph-indent: 0;
- --leo-typography-windows-small-semibold-paragraph-spacing: 0;
- --leo-typography-windows-x-small-regular-font-size: 12px;
- --leo-typography-windows-x-small-regular-font-weight: 400px;
- --leo-typography-windows-x-small-regular-letter-spacing: 0;
- --leo-typography-windows-x-small-regular-line-height: 14.4px;
- --leo-typography-windows-x-small-regular-paragraph-indent: 0;
- --leo-typography-windows-x-small-regular-paragraph-spacing: 0;
- --leo-typography-windows-x-small-semibold-font-size: 12px;
- --leo-typography-windows-x-small-semibold-font-weight: 600px;
- --leo-typography-windows-x-small-semibold-letter-spacing: 0;
- --leo-typography-windows-x-small-semibold-line-height: 14.4px;
- --leo-typography-windows-x-small-semibold-paragraph-indent: 0;
- --leo-typography-windows-x-small-semibold-paragraph-spacing: 0;
- --leo-typography-primary-heading-display1-font-size: 52px;
- --leo-typography-primary-heading-display1-font-weight: 500px;
- --leo-typography-primary-heading-display1-letter-spacing: 0;
- --leo-typography-primary-heading-display1-line-height: 78px;
- --leo-typography-primary-heading-display1-paragraph-indent: 0;
- --leo-typography-primary-heading-display1-paragraph-spacing: 0;
- --leo-typography-primary-heading-display2-font-size: 36px;
- --leo-typography-primary-heading-display2-font-weight: 500px;
- --leo-typography-primary-heading-display2-letter-spacing: 0;
- --leo-typography-primary-heading-display2-line-height: 54px;
- --leo-typography-primary-heading-display2-paragraph-indent: 0;
- --leo-typography-primary-heading-display2-paragraph-spacing: 0;
- --leo-typography-primary-heading-h1-font-size: 32px;
- --leo-typography-primary-heading-h1-font-weight: 500px;
- --leo-typography-primary-heading-h1-letter-spacing: 0;
- --leo-typography-primary-heading-h1-line-height: 48px;
- --leo-typography-primary-heading-h1-paragraph-indent: 0;
- --leo-typography-primary-heading-h1-paragraph-spacing: 0;
- --leo-typography-primary-heading-h2-font-size: 28px;
- --leo-typography-primary-heading-h2-font-weight: 500px;
- --leo-typography-primary-heading-h2-letter-spacing: 0;
- --leo-typography-primary-heading-h2-line-height: 40px;
- --leo-typography-primary-heading-h2-paragraph-indent: 0;
- --leo-typography-primary-heading-h2-paragraph-spacing: 0;
- --leo-typography-primary-heading-h3-font-size: 22px;
- --leo-typography-primary-heading-h3-font-weight: 500px;
- --leo-typography-primary-heading-h3-letter-spacing: 0;
- --leo-typography-primary-heading-h3-line-height: 32px;
- --leo-typography-primary-heading-h3-paragraph-indent: 0;
- --leo-typography-primary-heading-h3-paragraph-spacing: 0;
- --leo-typography-primary-heading-h4-font-size: 16px;
- --leo-typography-primary-heading-h4-font-weight: 600px;
- --leo-typography-primary-heading-h4-letter-spacing: 0;
- --leo-typography-primary-heading-h4-line-height: 24px;
- --leo-typography-primary-heading-h4-paragraph-indent: 0;
- --leo-typography-primary-heading-h4-paragraph-spacing: 0;
- --leo-typography-primary-large-regular-font-size: 16px;
- --leo-typography-primary-large-regular-font-weight: 400px;
- --leo-typography-primary-large-regular-letter-spacing: 0;
- --leo-typography-primary-large-regular-line-height: 28px;
- --leo-typography-primary-large-regular-paragraph-indent: 0;
- --leo-typography-primary-large-regular-paragraph-spacing: 0;
- --leo-typography-primary-large-semibold-font-size: 16px;
- --leo-typography-primary-large-semibold-font-weight: 600px;
- --leo-typography-primary-large-semibold-letter-spacing: 0;
- --leo-typography-primary-large-semibold-line-height: 28px;
- --leo-typography-primary-large-semibold-paragraph-indent: 0;
- --leo-typography-primary-large-semibold-paragraph-spacing: 0;
- --leo-typography-primary-default-regular-font-size: 14px;
- --leo-typography-primary-default-regular-font-weight: 400px;
- --leo-typography-primary-default-regular-letter-spacing: 0;
- --leo-typography-primary-default-regular-line-height: 24px;
- --leo-typography-primary-default-regular-paragraph-indent: 0;
- --leo-typography-primary-default-regular-paragraph-spacing: 0;
- --leo-typography-primary-default-semibold-font-size: 14px;
- --leo-typography-primary-default-semibold-font-weight: 600px;
- --leo-typography-primary-default-semibold-letter-spacing: 0;
- --leo-typography-primary-default-semibold-line-height: 24px;
- --leo-typography-primary-default-semibold-paragraph-indent: 0;
- --leo-typography-primary-default-semibold-paragraph-spacing: 0;
- --leo-typography-primary-small-regular-font-size: 12px;
- --leo-typography-primary-small-regular-font-weight: 400px;
- --leo-typography-primary-small-regular-letter-spacing: 0;
- --leo-typography-primary-small-regular-line-height: 18px;
- --leo-typography-primary-small-regular-paragraph-indent: 0;
- --leo-typography-primary-small-regular-paragraph-spacing: 0;
- --leo-typography-primary-small-semibold-font-size: 12px;
- --leo-typography-primary-small-semibold-font-weight: 600px;
- --leo-typography-primary-small-semibold-letter-spacing: 0;
- --leo-typography-primary-small-semibold-line-height: 18px;
- --leo-typography-primary-small-semibold-paragraph-indent: 0;
- --leo-typography-primary-small-semibold-paragraph-spacing: 0;
- --leo-typography-primary-x-small-regular-font-size: 11px;
- --leo-typography-primary-x-small-regular-font-weight: 400px;
- --leo-typography-primary-x-small-regular-letter-spacing: 0;
- --leo-typography-primary-x-small-regular-line-height: 16px;
- --leo-typography-primary-x-small-regular-paragraph-indent: 0;
- --leo-typography-primary-x-small-regular-paragraph-spacing: 0;
- --leo-typography-primary-x-small-semibold-font-size: 11px;
- --leo-typography-primary-x-small-semibold-font-weight: 600px;
- --leo-typography-primary-x-small-semibold-letter-spacing: 0;
- --leo-typography-primary-x-small-semibold-line-height: 16px;
- --leo-typography-primary-x-small-semibold-paragraph-indent: 0;
- --leo-typography-primary-x-small-semibold-paragraph-spacing: 0;
- --leo-typography-secondary-heading-display1-font-size: 52px;
- --leo-typography-secondary-heading-display1-font-weight: 500px;
- --leo-typography-secondary-heading-display1-letter-spacing: 0;
- --leo-typography-secondary-heading-display1-line-height: 78px;
- --leo-typography-secondary-heading-display1-paragraph-indent: 0;
- --leo-typography-secondary-heading-display1-paragraph-spacing: 0;
- --leo-typography-secondary-heading-display2-font-size: 36px;
- --leo-typography-secondary-heading-display2-font-weight: 500px;
- --leo-typography-secondary-heading-display2-letter-spacing: 0;
- --leo-typography-secondary-heading-display2-line-height: 54px;
- --leo-typography-secondary-heading-display2-paragraph-indent: 0;
- --leo-typography-secondary-heading-display2-paragraph-spacing: 0;
- --leo-typography-secondary-heading-h1-font-size: 32px;
- --leo-typography-secondary-heading-h1-font-weight: 500px;
- --leo-typography-secondary-heading-h1-letter-spacing: 0;
- --leo-typography-secondary-heading-h1-line-height: 48px;
- --leo-typography-secondary-heading-h1-paragraph-indent: 0;
- --leo-typography-secondary-heading-h1-paragraph-spacing: 0;
- --leo-typography-secondary-heading-h2-font-size: 28px;
- --leo-typography-secondary-heading-h2-font-weight: 500px;
- --leo-typography-secondary-heading-h2-letter-spacing: 0;
- --leo-typography-secondary-heading-h2-line-height: 40px;
- --leo-typography-secondary-heading-h2-paragraph-indent: 0;
- --leo-typography-secondary-heading-h2-paragraph-spacing: 0;
- --leo-typography-secondary-heading-h3-font-size: 22px;
- --leo-typography-secondary-heading-h3-font-weight: 500px;
- --leo-typography-secondary-heading-h3-letter-spacing: 0;
- --leo-typography-secondary-heading-h3-line-height: 32px;
- --leo-typography-secondary-heading-h3-paragraph-indent: 0;
- --leo-typography-secondary-heading-h3-paragraph-spacing: 0;
- --leo-typography-secondary-heading-h4-font-size: 16px;
- --leo-typography-secondary-heading-h4-font-weight: 600px;
- --leo-typography-secondary-heading-h4-letter-spacing: 0.32px;
- --leo-typography-secondary-heading-h4-line-height: 24px;
- --leo-typography-secondary-heading-h4-paragraph-indent: 0;
- --leo-typography-secondary-heading-h4-paragraph-spacing: 0;
- --leo-typography-secondary-large-regular-font-size: 16px;
- --leo-typography-secondary-large-regular-font-weight: 500px;
- --leo-typography-secondary-large-regular-letter-spacing: 0.16px;
- --leo-typography-secondary-large-regular-line-height: 28px;
- --leo-typography-secondary-large-regular-paragraph-indent: 0;
- --leo-typography-secondary-large-regular-paragraph-spacing: 0;
- --leo-typography-secondary-large-semibold-font-size: 16px;
- --leo-typography-secondary-large-semibold-font-weight: 700px;
- --leo-typography-secondary-large-semibold-letter-spacing: 0.16px;
- --leo-typography-secondary-large-semibold-line-height: 28px;
- --leo-typography-secondary-large-semibold-paragraph-indent: 0;
- --leo-typography-secondary-large-semibold-paragraph-spacing: 0;
- --leo-typography-secondary-default-regular-font-size: 14px;
- --leo-typography-secondary-default-regular-font-weight: 500px;
- --leo-typography-secondary-default-regular-letter-spacing: 0.28px;
- --leo-typography-secondary-default-regular-line-height: 24px;
- --leo-typography-secondary-default-regular-paragraph-indent: 0;
- --leo-typography-secondary-default-regular-paragraph-spacing: 0;
- --leo-typography-secondary-default-semibold-font-size: 14px;
- --leo-typography-secondary-default-semibold-font-weight: 700px;
- --leo-typography-secondary-default-semibold-letter-spacing: 0.28px;
- --leo-typography-secondary-default-semibold-line-height: 24px;
- --leo-typography-secondary-default-semibold-paragraph-indent: 0;
- --leo-typography-secondary-default-semibold-paragraph-spacing: 0;
- --leo-typography-secondary-small-regular-font-size: 12px;
- --leo-typography-secondary-small-regular-font-weight: 500px;
- --leo-typography-secondary-small-regular-letter-spacing: 0.24px;
- --leo-typography-secondary-small-regular-line-height: 18px;
- --leo-typography-secondary-small-regular-paragraph-indent: 0;
- --leo-typography-secondary-small-regular-paragraph-spacing: 0;
- --leo-typography-secondary-small-semibold-font-size: 12px;
- --leo-typography-secondary-small-semibold-font-weight: 700px;
- --leo-typography-secondary-small-semibold-letter-spacing: 0.24px;
- --leo-typography-secondary-small-semibold-line-height: 18px;
- --leo-typography-secondary-small-semibold-paragraph-indent: 0;
- --leo-typography-secondary-small-semibold-paragraph-spacing: 0;
- --leo-typography-secondary-x-small-default-font-size: 11px;
- --leo-typography-secondary-x-small-default-font-weight: 500px;
- --leo-typography-secondary-x-small-default-letter-spacing: 0.22px;
- --leo-typography-secondary-x-small-default-line-height: 16px;
- --leo-typography-secondary-x-small-default-paragraph-indent: 0;
- --leo-typography-secondary-x-small-default-paragraph-spacing: 0;
- --leo-typography-secondary-x-small-semibold-font-size: 11px;
- --leo-typography-secondary-x-small-semibold-font-weight: 700px;
- --leo-typography-secondary-x-small-semibold-letter-spacing: 0.22px;
- --leo-typography-secondary-x-small-semibold-line-height: 16px;
- --leo-typography-secondary-x-small-semibold-paragraph-indent: 0;
- --leo-typography-secondary-x-small-semibold-paragraph-spacing: 0;
+ --leo-font-components-button-jumbo: 600 16px/22px Poppins;
+ --leo-typography-browser-large-regular-font-size: 16px;
+ --leo-typography-browser-large-regular-font-weight: 400px;
+ --leo-typography-browser-large-regular-letter-spacing: -0.2px;
+ --leo-typography-browser-large-regular-line-height: 19.2px;
+ --leo-typography-browser-large-regular-paragraph-indent: 0;
+ --leo-typography-browser-large-regular-paragraph-spacing: 0;
+ --leo-typography-browser-large-semibold-font-size: 16px;
+ --leo-typography-browser-large-semibold-font-weight: 600px;
+ --leo-typography-browser-large-semibold-letter-spacing: -0.2px;
+ --leo-typography-browser-large-semibold-line-height: 19.2px;
+ --leo-typography-browser-large-semibold-paragraph-indent: 0;
+ --leo-typography-browser-large-semibold-paragraph-spacing: 0;
+ --leo-typography-browser-default-regular-font-size: 14px;
+ --leo-typography-browser-default-regular-font-weight: 400px;
+ --leo-typography-browser-default-regular-letter-spacing: -0.1px;
+ --leo-typography-browser-default-regular-line-height: 16.8px;
+ --leo-typography-browser-default-regular-paragraph-indent: 0;
+ --leo-typography-browser-default-regular-paragraph-spacing: 0;
+ --leo-typography-browser-default-semibold-font-size: 14px;
+ --leo-typography-browser-default-semibold-font-weight: 600px;
+ --leo-typography-browser-default-semibold-letter-spacing: -0.1px;
+ --leo-typography-browser-default-semibold-line-height: 16.8px;
+ --leo-typography-browser-default-semibold-paragraph-indent: 0;
+ --leo-typography-browser-default-semibold-paragraph-spacing: 0;
+ --leo-typography-browser-small-regular-font-size: 13px;
+ --leo-typography-browser-small-regular-font-weight: 400px;
+ --leo-typography-browser-small-regular-letter-spacing: 0;
+ --leo-typography-browser-small-regular-line-height: 15.6px;
+ --leo-typography-browser-small-regular-paragraph-indent: 0;
+ --leo-typography-browser-small-regular-paragraph-spacing: 0;
+ --leo-typography-browser-small-semibold-font-size: 13px;
+ --leo-typography-browser-small-semibold-font-weight: 600px;
+ --leo-typography-browser-small-semibold-letter-spacing: 0;
+ --leo-typography-browser-small-semibold-line-height: 15.6px;
+ --leo-typography-browser-small-semibold-paragraph-indent: 0;
+ --leo-typography-browser-small-semibold-paragraph-spacing: 0;
+ --leo-typography-browser-x-small-regular-font-size: 12px;
+ --leo-typography-browser-x-small-regular-font-weight: 400px;
+ --leo-typography-browser-x-small-regular-letter-spacing: 0;
+ --leo-typography-browser-x-small-regular-line-height: 14.4px;
+ --leo-typography-browser-x-small-regular-paragraph-indent: 0;
+ --leo-typography-browser-x-small-regular-paragraph-spacing: 0;
+ --leo-typography-browser-x-small-semibold-font-size: 12px;
+ --leo-typography-browser-x-small-semibold-font-weight: 600px;
+ --leo-typography-browser-x-small-semibold-letter-spacing: 0;
+ --leo-typography-browser-x-small-semibold-line-height: 14.4px;
+ --leo-typography-browser-x-small-semibold-paragraph-indent: 0;
+ --leo-typography-browser-x-small-semibold-paragraph-spacing: 0;
+ --leo-typography-heading-display1-font-size: 52px;
+ --leo-typography-heading-display1-font-weight: 500px;
+ --leo-typography-heading-display1-letter-spacing: 0;
+ --leo-typography-heading-display1-line-height: 68px;
+ --leo-typography-heading-display1-paragraph-indent: 0;
+ --leo-typography-heading-display1-paragraph-spacing: 0;
+ --leo-typography-heading-display2-font-size: 36px;
+ --leo-typography-heading-display2-font-weight: 500px;
+ --leo-typography-heading-display2-letter-spacing: 0;
+ --leo-typography-heading-display2-line-height: 46px;
+ --leo-typography-heading-display2-paragraph-indent: 0;
+ --leo-typography-heading-display2-paragraph-spacing: 0;
+ --leo-typography-heading-h1-font-size: 32px;
+ --leo-typography-heading-h1-font-weight: 500px;
+ --leo-typography-heading-h1-letter-spacing: 0;
+ --leo-typography-heading-h1-line-height: 42px;
+ --leo-typography-heading-h1-paragraph-indent: 0;
+ --leo-typography-heading-h1-paragraph-spacing: 0;
+ --leo-typography-heading-h2-font-size: 28px;
+ --leo-typography-heading-h2-font-weight: 500px;
+ --leo-typography-heading-h2-letter-spacing: 0;
+ --leo-typography-heading-h2-line-height: 36px;
+ --leo-typography-heading-h2-paragraph-indent: 0;
+ --leo-typography-heading-h2-paragraph-spacing: 0;
+ --leo-typography-heading-h3-font-size: 22px;
+ --leo-typography-heading-h3-font-weight: 500px;
+ --leo-typography-heading-h3-letter-spacing: 0;
+ --leo-typography-heading-h3-line-height: 28px;
+ --leo-typography-heading-h3-paragraph-indent: 0;
+ --leo-typography-heading-h3-paragraph-spacing: 0;
+ --leo-typography-heading-h4-font-size: 16px;
+ --leo-typography-heading-h4-font-weight: 600px;
+ --leo-typography-heading-h4-letter-spacing: 0;
+ --leo-typography-heading-h4-line-height: 26px;
+ --leo-typography-heading-h4-paragraph-indent: 0;
+ --leo-typography-heading-h4-paragraph-spacing: 0;
+ --leo-typography-large-regular-font-size: 16px;
+ --leo-typography-large-regular-font-weight: 400px;
+ --leo-typography-large-regular-letter-spacing: -0.2px;
+ --leo-typography-large-regular-line-height: 26px;
+ --leo-typography-large-regular-paragraph-indent: 0;
+ --leo-typography-large-regular-paragraph-spacing: 0;
+ --leo-typography-large-semibold-font-size: 16px;
+ --leo-typography-large-semibold-font-weight: 600px;
+ --leo-typography-large-semibold-letter-spacing: -0.2px;
+ --leo-typography-large-semibold-line-height: 26px;
+ --leo-typography-large-semibold-paragraph-indent: 0;
+ --leo-typography-large-semibold-paragraph-spacing: 0;
+ --leo-typography-default-regular-font-size: 14px;
+ --leo-typography-default-regular-font-weight: 400px;
+ --leo-typography-default-regular-letter-spacing: -0.1px;
+ --leo-typography-default-regular-line-height: 22px;
+ --leo-typography-default-regular-paragraph-indent: 0;
+ --leo-typography-default-regular-paragraph-spacing: 0;
+ --leo-typography-default-semibold-font-size: 14px;
+ --leo-typography-default-semibold-font-weight: 600px;
+ --leo-typography-default-semibold-letter-spacing: -0.1px;
+ --leo-typography-default-semibold-line-height: 22px;
+ --leo-typography-default-semibold-paragraph-indent: 0;
+ --leo-typography-default-semibold-paragraph-spacing: 0;
+ --leo-typography-small-regular-font-size: 12px;
+ --leo-typography-small-regular-font-weight: 400px;
+ --leo-typography-small-regular-letter-spacing: 0;
+ --leo-typography-small-regular-line-height: 20px;
+ --leo-typography-small-regular-paragraph-indent: 0;
+ --leo-typography-small-regular-paragraph-spacing: 0;
+ --leo-typography-small-semibold-font-size: 12px;
+ --leo-typography-small-semibold-font-weight: 600px;
+ --leo-typography-small-semibold-letter-spacing: 0;
+ --leo-typography-small-semibold-line-height: 20px;
+ --leo-typography-small-semibold-paragraph-indent: 0;
+ --leo-typography-small-semibold-paragraph-spacing: 0;
+ --leo-typography-x-small-regular-font-size: 11px;
+ --leo-typography-x-small-regular-font-weight: 400px;
+ --leo-typography-x-small-regular-letter-spacing: 0;
+ --leo-typography-x-small-regular-line-height: 18px;
+ --leo-typography-x-small-regular-paragraph-indent: 0;
+ --leo-typography-x-small-regular-paragraph-spacing: 0;
+ --leo-typography-x-small-semibold-font-size: 11px;
+ --leo-typography-x-small-semibold-font-weight: 600px;
+ --leo-typography-x-small-semibold-letter-spacing: 0;
+ --leo-typography-x-small-semibold-line-height: 18px;
+ --leo-typography-x-small-semibold-paragraph-indent: 0;
+ --leo-typography-x-small-semibold-paragraph-spacing: 0;
--leo-typography-monospace-large-font-size: 16px;
--leo-typography-monospace-large-font-weight: 400px;
--leo-typography-monospace-large-letter-spacing: 0;
- --leo-typography-monospace-large-line-height: 28px;
+ --leo-typography-monospace-large-line-height: 26px;
--leo-typography-monospace-large-paragraph-indent: 0;
--leo-typography-monospace-large-paragraph-spacing: 0;
--leo-typography-monospace-default-font-size: 14px;
--leo-typography-monospace-default-font-weight: 400px;
--leo-typography-monospace-default-letter-spacing: 0;
- --leo-typography-monospace-default-line-height: 24px;
+ --leo-typography-monospace-default-line-height: 22px;
--leo-typography-monospace-default-paragraph-indent: 0;
--leo-typography-monospace-default-paragraph-spacing: 0;
--leo-typography-monospace-small-font-size: 12px;
--leo-typography-monospace-small-font-weight: 400px;
--leo-typography-monospace-small-letter-spacing: 0;
- --leo-typography-monospace-small-line-height: 18px;
+ --leo-typography-monospace-small-line-height: 20px;
--leo-typography-monospace-small-paragraph-indent: 0;
--leo-typography-monospace-small-paragraph-spacing: 0;
- --leo-typography-mobile-primary-heading-display1-font-size: 32px;
- --leo-typography-mobile-primary-heading-display1-font-weight: 500px;
- --leo-typography-mobile-primary-heading-display1-letter-spacing: 0;
- --leo-typography-mobile-primary-heading-display1-line-height: 48px;
- --leo-typography-mobile-primary-heading-display1-paragraph-indent: 0;
- --leo-typography-mobile-primary-heading-display1-paragraph-spacing: 0;
- --leo-typography-mobile-primary-heading-display2-font-size: 28px;
- --leo-typography-mobile-primary-heading-display2-font-weight: 500px;
- --leo-typography-mobile-primary-heading-display2-letter-spacing: 0;
- --leo-typography-mobile-primary-heading-display2-line-height: 42px;
- --leo-typography-mobile-primary-heading-display2-paragraph-indent: 0;
- --leo-typography-mobile-primary-heading-display2-paragraph-spacing: 0;
- --leo-typography-mobile-primary-heading-h1-font-size: 28px;
- --leo-typography-mobile-primary-heading-h1-font-weight: 500px;
- --leo-typography-mobile-primary-heading-h1-letter-spacing: 0;
- --leo-typography-mobile-primary-heading-h1-line-height: 40px;
- --leo-typography-mobile-primary-heading-h1-paragraph-indent: 0;
- --leo-typography-mobile-primary-heading-h1-paragraph-spacing: 0;
- --leo-typography-mobile-primary-heading-h2-font-size: 22px;
- --leo-typography-mobile-primary-heading-h2-font-weight: 500px;
- --leo-typography-mobile-primary-heading-h2-letter-spacing: 0;
- --leo-typography-mobile-primary-heading-h2-line-height: 32px;
- --leo-typography-mobile-primary-heading-h2-paragraph-indent: 0;
- --leo-typography-mobile-primary-heading-h2-paragraph-spacing: 0;
- --leo-typography-mobile-primary-heading-h3-font-size: 18px;
- --leo-typography-mobile-primary-heading-h3-font-weight: 500px;
- --leo-typography-mobile-primary-heading-h3-letter-spacing: 0;
- --leo-typography-mobile-primary-heading-h3-line-height: 28px;
- --leo-typography-mobile-primary-heading-h3-paragraph-indent: 0;
- --leo-typography-mobile-primary-heading-h3-paragraph-spacing: 0;
- --leo-typography-mobile-primary-heading-h4-font-size: 16px;
- --leo-typography-mobile-primary-heading-h4-font-weight: 600px;
- --leo-typography-mobile-primary-heading-h4-letter-spacing: 0;
- --leo-typography-mobile-primary-heading-h4-line-height: 24px;
- --leo-typography-mobile-primary-heading-h4-paragraph-indent: 0;
- --leo-typography-mobile-primary-heading-h4-paragraph-spacing: 0;
+ --leo-typography-mobile-heading-display1-font-size: 32px;
+ --leo-typography-mobile-heading-display1-font-weight: 500px;
+ --leo-typography-mobile-heading-display1-letter-spacing: 0;
+ --leo-typography-mobile-heading-display1-line-height: 42px;
+ --leo-typography-mobile-heading-display1-paragraph-indent: 0;
+ --leo-typography-mobile-heading-display1-paragraph-spacing: 0;
+ --leo-typography-mobile-heading-display2-font-size: 28px;
+ --leo-typography-mobile-heading-display2-font-weight: 500px;
+ --leo-typography-mobile-heading-display2-letter-spacing: 0;
+ --leo-typography-mobile-heading-display2-line-height: 36px;
+ --leo-typography-mobile-heading-display2-paragraph-indent: 0;
+ --leo-typography-mobile-heading-display2-paragraph-spacing: 0;
+ --leo-typography-mobile-heading-h1-font-size: 28px;
+ --leo-typography-mobile-heading-h1-font-weight: 500px;
+ --leo-typography-mobile-heading-h1-letter-spacing: 0;
+ --leo-typography-mobile-heading-h1-line-height: 36px;
+ --leo-typography-mobile-heading-h1-paragraph-indent: 0;
+ --leo-typography-mobile-heading-h1-paragraph-spacing: 0;
+ --leo-typography-mobile-heading-h2-font-size: 22px;
+ --leo-typography-mobile-heading-h2-font-weight: 500px;
+ --leo-typography-mobile-heading-h2-letter-spacing: 0;
+ --leo-typography-mobile-heading-h2-line-height: 28px;
+ --leo-typography-mobile-heading-h2-paragraph-indent: 0;
+ --leo-typography-mobile-heading-h2-paragraph-spacing: 0;
+ --leo-typography-mobile-heading-h3-font-size: 18px;
+ --leo-typography-mobile-heading-h3-font-weight: 500px;
+ --leo-typography-mobile-heading-h3-letter-spacing: 0;
+ --leo-typography-mobile-heading-h3-line-height: 26px;
+ --leo-typography-mobile-heading-h3-paragraph-indent: 0;
+ --leo-typography-mobile-heading-h3-paragraph-spacing: 0;
+ --leo-typography-mobile-heading-h4-font-size: 16px;
+ --leo-typography-mobile-heading-h4-font-weight: 600px;
+ --leo-typography-mobile-heading-h4-letter-spacing: 0;
+ --leo-typography-mobile-heading-h4-line-height: 26px;
+ --leo-typography-mobile-heading-h4-paragraph-indent: 0;
+ --leo-typography-mobile-heading-h4-paragraph-spacing: 0;
--leo-typography-components-label-font-size: 10px;
- --leo-typography-components-label-font-weight: 600px;
- --leo-typography-components-label-letter-spacing: 0.4px;
+ --leo-typography-components-label-font-weight: 700px;
+ --leo-typography-components-label-letter-spacing: 0;
--leo-typography-components-label-line-height: 12px;
--leo-typography-components-label-paragraph-indent: 0;
--leo-typography-components-label-paragraph-spacing: 0;
--leo-typography-components-tableheader-font-size: 13px;
--leo-typography-components-tableheader-font-weight: 500px;
- --leo-typography-components-tableheader-letter-spacing: 0;
- --leo-typography-components-tableheader-line-height: 20px;
+ --leo-typography-components-tableheader-letter-spacing: -0.1px;
+ --leo-typography-components-tableheader-line-height: 15.6px;
--leo-typography-components-tableheader-paragraph-indent: 0;
--leo-typography-components-tableheader-paragraph-spacing: 0;
- --leo-typography-components-navbutton-font-size: 15px;
+ --leo-typography-components-navbutton-font-size: 14px;
--leo-typography-components-navbutton-font-weight: 600px;
- --leo-typography-components-navbutton-letter-spacing: 0.3px;
- --leo-typography-components-navbutton-line-height: 20px;
+ --leo-typography-components-navbutton-letter-spacing: 0;
+ --leo-typography-components-navbutton-line-height: 22px;
--leo-typography-components-navbutton-paragraph-indent: 0;
--leo-typography-components-navbutton-paragraph-spacing: 0;
--leo-typography-components-button-small-font-size: 12px;
--leo-typography-components-button-small-font-weight: 600px;
--leo-typography-components-button-small-letter-spacing: 0.36px;
- --leo-typography-components-button-small-line-height: 16px;
+ --leo-typography-components-button-small-line-height: 20px;
--leo-typography-components-button-small-paragraph-indent: 0;
--leo-typography-components-button-small-paragraph-spacing: 0;
--leo-typography-components-button-default-font-size: 13px;
--leo-typography-components-button-default-font-weight: 600px;
--leo-typography-components-button-default-letter-spacing: 0.39px;
- --leo-typography-components-button-default-line-height: 20px;
+ --leo-typography-components-button-default-line-height: 21px;
--leo-typography-components-button-default-paragraph-indent: 0;
--leo-typography-components-button-default-paragraph-spacing: 0;
--leo-typography-components-button-large-font-size: 14px;
@@ -421,7 +267,7 @@
--leo-typography-components-button-jumbo-font-size: 16px;
--leo-typography-components-button-jumbo-font-weight: 600px;
--leo-typography-components-button-jumbo-letter-spacing: 0.16px;
- --leo-typography-components-button-jumbo-line-height: 24px;
+ --leo-typography-components-button-jumbo-line-height: 22px;
--leo-typography-components-button-jumbo-paragraph-indent: 0;
--leo-typography-components-button-jumbo-paragraph-spacing: 0;
--leo-color-primitive-gray-1: rgb(246, 247, 248);
@@ -562,18 +408,140 @@
--leo-color-primitive-brands-bravelion: rgb(254, 89, 7);
--leo-color-white: rgb(255, 255, 255);
--leo-color-black: rgb(0, 0, 0);
- --leo-gradient-hero: linear-gradient(138.21219643124405deg, rgb(134, 10, 194) 7.000000000000001%, rgb(230, 25, 135) 68%, rgb(255, 71, 26) 96%);
+ --leo-light-text-primary: rgb(13, 15, 20);
+ --leo-light-text-secondary: rgb(63, 72, 85);
+ --leo-light-text-tertiary: rgb(104, 116, 133);
+ --leo-light-text-disabled: rgba(33, 36, 42, 0.5);
+ --leo-light-text-interactive: rgb(63, 57, 232);
+ --leo-light-icon-default: rgb(104, 116, 133);
+ --leo-light-icon-disabled: rgba(104, 116, 133, 0.5);
+ --leo-light-icon-active: rgb(63, 57, 232);
+ --leo-light-browserbutton-background-hover: rgba(0, 0, 0, 0.05);
+ --leo-light-browserbutton-background-active: rgba(0, 0, 0, 0.1);
+ --leo-light-tabswitcher-button: rgb(255, 255, 255);
+ --leo-light-tabswitcher-background: rgb(246, 247, 248);
+ --leo-light-container-background-desktop: rgb(255, 255, 255);
+ --leo-light-container-background-mobile: rgb(255, 255, 255);
+ --leo-light-container-interactive: rgb(233, 238, 255);
+ --leo-light-container-scrim: rgba(13, 15, 20, 0.35);
+ --leo-light-container-legacy-frostedglass: rgba(255, 255, 255, 0.95);
+ --leo-light-material-thick: rgba(255, 255, 255, 0.95);
+ --leo-light-material-regular: rgba(255, 255, 255, 0.73);
+ --leo-light-material-thin: rgba(255, 255, 255, 0.56);
+ --leo-light-material-ultrathin: rgba(255, 255, 255, 0.32);
+ --leo-light-chrome-background-desktop: rgb(246, 247, 248);
+ --leo-light-chrome-background-mobile: rgb(246, 247, 248);
+ --leo-light-divider-subtle: rgba(161, 171, 186, 0.4);
+ --leo-light-divider-strong: rgba(104, 116, 133, 0.4);
+ --leo-light-tabbar-tabbar-background: rgb(237, 238, 241);
+ --leo-light-tabbar-tabactive-background: rgb(255, 255, 255);
+ --leo-light-os-color: rgb(0, 0, 0);
+ --leo-light-group-text: rgb(18, 117, 55);
+ --leo-light-group-background: rgba(18, 117, 55, 0.15);
+ --leo-dark-text-primary: rgb(246, 247, 248);
+ --leo-dark-text-secondary: rgb(194, 201, 211);
+ --leo-dark-text-tertiary: rgb(161, 171, 186);
+ --leo-dark-text-disabled: rgba(237, 238, 241, 0.5);
+ --leo-dark-text-interactive: rgb(124, 145, 255);
+ --leo-dark-icon-default: rgb(161, 171, 186);
+ --leo-dark-icon-disabled: rgba(161, 171, 186, 0.5);
+ --leo-dark-icon-active: rgb(124, 145, 255);
+ --leo-dark-browserbutton-background-hover: rgba(0, 0, 0, 0.25);
+ --leo-dark-browserbutton-background-active: rgba(0, 0, 0, 0.4);
+ --leo-dark-tabswitcher-button: rgb(33, 36, 42);
+ --leo-dark-tabswitcher-background: rgb(48, 52, 61);
+ --leo-dark-container-background-desktop: rgb(13, 15, 20);
+ --leo-dark-container-background-mobile: rgb(33, 36, 42);
+ --leo-dark-container-interactive: rgb(22, 16, 101);
+ --leo-dark-container-scrim: rgba(13, 15, 20, 0.7);
+ --leo-dark-container-legacy-frostedglass: rgba(255, 255, 255, 0.95);
+ --leo-dark-material-thick: rgba(13, 15, 20, 0.85);
+ --leo-dark-material-regular: rgba(13, 15, 20, 0.69);
+ --leo-dark-material-thin: rgba(13, 15, 20, 0.51);
+ --leo-dark-material-ultrathin: rgba(13, 15, 20, 0.35);
+ --leo-dark-chrome-background-desktop: rgb(33, 36, 42);
+ --leo-dark-chrome-background-mobile: rgb(13, 15, 20);
+ --leo-dark-divider-subtle: rgba(104, 116, 133, 0.4);
+ --leo-dark-divider-strong: rgba(161, 171, 186, 0.4);
+ --leo-dark-tabbar-tabbar-background: rgb(13, 15, 20);
+ --leo-dark-tabbar-tabactive-background: rgb(48, 52, 61);
+ --leo-dark-os-color: rgb(255, 255, 255);
+ --leo-dark-group-text: rgb(116, 195, 142);
+ --leo-dark-group-background: rgba(116, 195, 142, 0.25);
+ --leo-private-text-primary: rgb(245, 243, 255);
+ --leo-private-text-secondary: rgb(204, 190, 254);
+ --leo-private-text-tertiary: rgb(163, 128, 255);
+ --leo-private-text-disabled: rgba(238, 235, 255, 0.5);
+ --leo-private-text-interactive: rgb(124, 145, 255);
+ --leo-private-icon-default: rgb(163, 128, 255);
+ --leo-private-icon-disabled: rgba(163, 128, 255, 0.5);
+ --leo-private-icon-active: rgb(124, 145, 255);
+ --leo-private-browserbutton-background-hover: rgba(0, 0, 0, 0.25);
+ --leo-private-browserbutton-background-active: rgba(0, 0, 0, 0.4);
+ --leo-private-tabswitcher-button: rgb(42, 13, 88);
+ --leo-private-tabswitcher-background: rgb(61, 18, 123);
+ --leo-private-container-background-desktop: rgb(19, 5, 42);
+ --leo-private-container-background-mobile: rgb(42, 13, 88);
+ --leo-private-container-interactive: rgb(22, 16, 101);
+ --leo-private-container-scrim: rgba(19, 5, 42, 0.7);
+ --leo-private-container-legacy-frostedglass: rgba(255, 255, 255, 0.95);
+ --leo-private-material-thick: rgba(19, 5, 42, 0.85);
+ --leo-private-material-regular: rgba(19, 5, 42, 0.69);
+ --leo-private-material-thin: rgba(19, 5, 42, 0.51);
+ --leo-private-material-ultrathin: rgba(19, 5, 42, 0.35);
+ --leo-private-chrome-background-desktop: rgb(42, 13, 88);
+ --leo-private-chrome-background-mobile: rgb(19, 5, 42);
+ --leo-private-divider-subtle: rgba(123, 99, 191, 0.4);
+ --leo-private-divider-strong: rgba(163, 128, 255, 0.4);
+ --leo-private-tabbar-tabbar-background: rgb(19, 5, 42);
+ --leo-private-tabbar-tabactive-background: rgb(61, 18, 123);
+ --leo-private-os-color: rgb(255, 255, 255);
+ --leo-private-group-text: rgb(116, 195, 142);
+ --leo-private-group-background: rgba(116, 195, 142, 0.25);
+ --leo-tor-text-primary: rgb(250, 242, 255);
+ --leo-tor-text-secondary: rgb(227, 179, 255);
+ --leo-tor-text-tertiary: rgb(199, 108, 246);
+ --leo-tor-text-disabled: rgba(246, 232, 255, 0.5);
+ --leo-tor-text-interactive: rgb(124, 145, 255);
+ --leo-tor-icon-default: rgb(199, 108, 246);
+ --leo-tor-icon-disabled: rgba(199, 108, 246, 0.5);
+ --leo-tor-icon-active: rgb(124, 145, 255);
+ --leo-tor-browserbutton-background-hover: rgba(0, 0, 0, 0.25);
+ --leo-tor-browserbutton-background-active: rgba(0, 0, 0, 0.4);
+ --leo-tor-tabswitcher-button: rgb(53, 11, 73);
+ --leo-tor-tabswitcher-background: rgb(76, 15, 103);
+ --leo-tor-container-background-desktop: rgb(25, 4, 35);
+ --leo-tor-container-background-mobile: rgb(53, 11, 73);
+ --leo-tor-container-interactive: rgb(22, 16, 101);
+ --leo-tor-container-scrim: rgba(25, 4, 35, 0.7);
+ --leo-tor-container-legacy-frostedglass: rgba(255, 255, 255, 0.95);
+ --leo-tor-material-thick: rgba(25, 4, 35, 0.85);
+ --leo-tor-material-regular: rgba(25, 4, 35, 0.69);
+ --leo-tor-material-thin: rgba(25, 4, 35, 0.51);
+ --leo-tor-material-ultrathin: rgba(25, 4, 35, 0.35);
+ --leo-tor-chrome-background-desktop: rgb(53, 11, 73);
+ --leo-tor-chrome-background-mobile: rgb(25, 4, 35);
+ --leo-tor-divider-subtle: rgba(145, 94, 174, 0.4);
+ --leo-tor-divider-strong: rgba(199, 108, 246, 0.4);
+ --leo-tor-tabbar-tabbar-background: rgb(25, 4, 35);
+ --leo-tor-tabbar-tabactive-background: rgb(76, 15, 103);
+ --leo-tor-os-color: rgb(255, 255, 255);
+ --leo-tor-group-text: rgb(116, 195, 142);
+ --leo-tor-group-background: rgba(116, 195, 142, 0.25);
+ --leo-gradient-hero: linear-gradient(179.24640957924876deg, rgb(255, 85, 0) 0%, rgb(245, 0, 45) 100%);
--leo-gradient-icons-active: linear-gradient(321.5013256215316deg, rgb(250, 114, 80) 3%, rgb(255, 24, 147) 40%, rgb(167, 138, 255) 99%);
--leo-gradient-panel-background: linear-gradient(134.9999995731132deg, rgb(48, 6, 201) 0%, rgb(63, 57, 232) 100%);
--leo-gradient-panel-background-alternative: linear-gradient(134.9999995731132deg, rgb(63, 57, 232) 0%, rgb(135, 36, 168) 100%);
- --leo-gradient-toolbar-background: linear-gradient(134.9999995731132deg, rgb(231, 48, 79) 0%, rgb(178, 15, 150) 100%);
+ --leo-gradient-premiumindicator: linear-gradient(127.06278645486384deg, rgb(63, 57, 232) 0%, rgb(0, 186, 214) 100%);
+ --leo-gradient-toolbar-background: linear-gradient(314.9161155270921deg, rgb(236, 19, 73) 0%, rgb(212, 17, 115) 100%);
--leo-gradient-brave-release: linear-gradient(90deg, rgb(255, 85, 0) 0%, rgb(255, 85, 0) 33%, rgb(255, 32, 0) 67%, rgb(255, 32, 0) 100%);
--leo-gradient-brave-beta: linear-gradient(90deg, rgb(0, 153, 229) 0%, rgb(0, 89, 178) 50%, rgb(0, 43, 128) 100%);
--leo-gradient-brave-nightly: linear-gradient(90deg, rgb(144, 30, 225) 0%, rgb(101, 20, 158) 51%, rgb(72, 15, 113) 100%);
--leo-gradient-brave-debug: linear-gradient(90deg, rgb(108, 116, 147) 0%, rgb(87, 93, 117) 51%, rgb(54, 58, 73) 100%);
+ --leo-gradient-hero-legacy: linear-gradient(138.21219643124405deg, rgb(134, 10, 194) 7.000000000000001%, rgb(230, 25, 135) 68%, rgb(255, 71, 26) 96%);
--leo-effect-focus-state: 0px 0px 0px 1px rgba(255, 255, 255, 0.3), 0px 0px 0px 2px rgb(63, 57, 232);
- --leo-effect-notificationbackdrop-1: 0px 0px 12px 0px rgba(0, 0, 0, 0.12);
- --leo-effect-notificationbackdrop-2: 0px 0px 4px 0px rgba(0, 0, 0, 0.08);
+ --leo-effect-notificationbackdrop-1: 0px 2px 8px 0px rgba(0, 0, 0, 0.08);
+ --leo-effect-notificationbackdrop-2: 0px 1px 1px 0px rgba(0, 0, 0, 0.05);
--leo-effect-notificationbackdrop-3: inset 0px 0px 1px 0px rgba(255, 255, 255, 0.1);
--leo-radius-2xs: 1px;
--leo-radius-xs: 2px;
@@ -631,6 +599,8 @@
--leo-color-icon-disabled: rgba(104, 116, 133, 0.5);
--leo-color-button-background: rgb(63, 57, 232);
--leo-color-button-disabled: rgba(104, 116, 133, 0.3);
+ --leo-color-button-error-background: rgb(225, 31, 61);
+ --leo-color-button-success-background: rgb(60, 130, 60);
--leo-color-container-background: rgb(255, 255, 255);
--leo-color-container-highlight: rgb(237, 238, 241);
--leo-color-container-interactive: rgb(233, 238, 255);
@@ -779,13 +749,15 @@
--leo-color-icon-disabled: rgba(104, 116, 133, 0.5);
--leo-color-button-background: rgb(63, 57, 232);
--leo-color-button-disabled: rgba(104, 116, 133, 0.3);
+ --leo-color-button-error-background: rgb(225, 31, 61);
+ --leo-color-button-success-background: rgb(60, 130, 60);
--leo-color-container-background: rgb(13, 15, 20);
--leo-color-container-highlight: rgb(33, 36, 42);
--leo-color-container-interactive: rgb(22, 16, 101);
--leo-color-container-disabled: rgba(195, 201, 211, 0.18);
--leo-color-page-background: rgb(0, 0, 0);
--leo-color-divider-subtle: rgba(104, 116, 133, 0.4);
- --leo-color-divider-strong: rgba(104, 116, 133, 0.4);
+ --leo-color-divider-strong: rgba(161, 171, 186, 0.4);
--leo-color-divider-interactive: rgba(124, 145, 255, 0.4);
--leo-color-dialogs-scrim-background: rgba(33, 36, 42, 0.7);
--leo-color-dialogs-frosted-glass-background: rgba(13, 15, 20, 0.9);
@@ -793,16 +765,16 @@
--leo-color-dialogs-button-transparent-default: rgba(13, 15, 20, 0.35);
--leo-color-dialogs-button-transparent-hover: rgba(13, 15, 20, 0.5);
--leo-color-systemfeedback-info-text: rgb(199, 225, 255);
- --leo-color-systemfeedback-info-icon: rgb(16, 117, 201);
+ --leo-color-systemfeedback-info-icon: rgb(57, 159, 255);
--leo-color-systemfeedback-info-background: rgb(7, 37, 66);
- --leo-color-systemfeedback-success-text: rgb(224, 252, 222);
- --leo-color-systemfeedback-success-icon: rgb(60, 130, 60);
+ --leo-color-systemfeedback-success-text: rgb(182, 240, 180);
+ --leo-color-systemfeedback-success-icon: rgb(42, 186, 50);
--leo-color-systemfeedback-success-background: rgb(9, 44, 9);
- --leo-color-systemfeedback-warning-text: rgb(252, 243, 217);
- --leo-color-systemfeedback-warning-icon: rgb(140, 111, 3);
+ --leo-color-systemfeedback-warning-text: rgb(248, 220, 144);
+ --leo-color-systemfeedback-warning-icon: rgb(189, 150, 0);
--leo-color-systemfeedback-warning-background: rgb(45, 35, 7);
- --leo-color-systemfeedback-error-text: rgb(255, 232, 231);
- --leo-color-systemfeedback-error-icon: rgb(225, 31, 61);
+ --leo-color-systemfeedback-error-text: rgb(255, 209, 207);
+ --leo-color-systemfeedback-error-icon: rgb(255, 90, 99);
--leo-color-systemfeedback-error-background: rgb(70, 10, 16);
--leo-color-gray-10: rgb(33, 36, 42);
--leo-color-gray-20: rgb(48, 52, 61);
@@ -926,6 +898,8 @@
--leo-color-icon-disabled: rgba(104, 116, 133, 0.5);
--leo-color-button-background: rgb(63, 57, 232);
--leo-color-button-disabled: rgba(104, 116, 133, 0.3);
+ --leo-color-button-error-background: rgb(225, 31, 61);
+ --leo-color-button-success-background: rgb(60, 130, 60);
--leo-color-container-background: rgb(255, 255, 255);
--leo-color-container-highlight: rgb(237, 238, 241);
--leo-color-container-interactive: rgb(233, 238, 255);
@@ -1072,13 +1046,15 @@
--leo-color-icon-disabled: rgba(104, 116, 133, 0.5);
--leo-color-button-background: rgb(63, 57, 232);
--leo-color-button-disabled: rgba(104, 116, 133, 0.3);
+ --leo-color-button-error-background: rgb(225, 31, 61);
+ --leo-color-button-success-background: rgb(60, 130, 60);
--leo-color-container-background: rgb(13, 15, 20);
--leo-color-container-highlight: rgb(33, 36, 42);
--leo-color-container-interactive: rgb(22, 16, 101);
--leo-color-container-disabled: rgba(195, 201, 211, 0.18);
--leo-color-page-background: rgb(0, 0, 0);
--leo-color-divider-subtle: rgba(104, 116, 133, 0.4);
- --leo-color-divider-strong: rgba(104, 116, 133, 0.4);
+ --leo-color-divider-strong: rgba(161, 171, 186, 0.4);
--leo-color-divider-interactive: rgba(124, 145, 255, 0.4);
--leo-color-dialogs-scrim-background: rgba(33, 36, 42, 0.7);
--leo-color-dialogs-frosted-glass-background: rgba(13, 15, 20, 0.9);
@@ -1086,16 +1062,16 @@
--leo-color-dialogs-button-transparent-default: rgba(13, 15, 20, 0.35);
--leo-color-dialogs-button-transparent-hover: rgba(13, 15, 20, 0.5);
--leo-color-systemfeedback-info-text: rgb(199, 225, 255);
- --leo-color-systemfeedback-info-icon: rgb(16, 117, 201);
+ --leo-color-systemfeedback-info-icon: rgb(57, 159, 255);
--leo-color-systemfeedback-info-background: rgb(7, 37, 66);
- --leo-color-systemfeedback-success-text: rgb(224, 252, 222);
- --leo-color-systemfeedback-success-icon: rgb(60, 130, 60);
+ --leo-color-systemfeedback-success-text: rgb(182, 240, 180);
+ --leo-color-systemfeedback-success-icon: rgb(42, 186, 50);
--leo-color-systemfeedback-success-background: rgb(9, 44, 9);
- --leo-color-systemfeedback-warning-text: rgb(252, 243, 217);
- --leo-color-systemfeedback-warning-icon: rgb(140, 111, 3);
+ --leo-color-systemfeedback-warning-text: rgb(248, 220, 144);
+ --leo-color-systemfeedback-warning-icon: rgb(189, 150, 0);
--leo-color-systemfeedback-warning-background: rgb(45, 35, 7);
- --leo-color-systemfeedback-error-text: rgb(255, 232, 231);
- --leo-color-systemfeedback-error-icon: rgb(225, 31, 61);
+ --leo-color-systemfeedback-error-text: rgb(255, 209, 207);
+ --leo-color-systemfeedback-error-icon: rgb(255, 90, 99);
--leo-color-systemfeedback-error-background: rgb(70, 10, 16);
--leo-color-gray-10: rgb(33, 36, 42);
--leo-color-gray-20: rgb(48, 52, 61);
|
AlanBreck
reviewed
Nov 15, 2023
|
Font stories should be fixed now 😄 |
|
👋 Thanks for Submitting! This PR is available for preview at the link below. ✅ PR tip preview: https://466.pr.nala.bravesoftware.com/ Variables Diff--- ./tokens/css/variables.old.css 2023-11-15 01:37:48.467446980 +0000
+++ ./tokens/css/variables.css 2023-11-15 01:37:22.267416781 +0000
@@ -1,415 +1,261 @@
/**
* Do not edit directly
- * Generated on Tue Nov 14 2023 23:49:26 GMT+0000 (Coordinated Universal Time)
+ * Generated on Wed Nov 15 2023 01:37:22 GMT+0000 (Coordinated Universal Time)
*/
:root {
- --leo-font-macos-large-regular: 400 16px/19.2px SF Pro Text;
- --leo-font-macos-large-semibold: 600 16px/19.2px SF Pro Text;
- --leo-font-macos-default-regular: 400 14px/16.8px SF Pro Text;
- --leo-font-macos-default-semibold: 600 14px/16.8px SF Pro Text;
- --leo-font-macos-small-regular: 400 13px/15.6px SF Pro Text;
- --leo-font-macos-small-semibold: 600 13px/15.6px SF Pro Text;
- --leo-font-macos-x-small-regular: 400 12px/14.4px SF Pro Text;
- --leo-font-macos-x-small-semibold: 600 12px/14.4px SF Pro Text;
- --leo-font-windows-large-regular: 400 16px/19.2px Segoe UI Variable;
- --leo-font-windows-large-semibold: 600 16px/19.2px Segoe UI Variable;
- --leo-font-windows-default-regular: 400 14px/16.8px Segoe UI Variable;
- --leo-font-windows-default-semibold: 600 14px/16.8px Segoe UI Variable;
- --leo-font-windows-small-regular: 400 13px/15.6px Segoe UI Variable;
- --leo-font-windows-small-semibold: 600 13px/15.6px Segoe UI Variable;
- --leo-font-windows-x-small-regular: 400 12px/14.4px Segoe UI Variable;
- --leo-font-windows-x-small-semibold: 600 12px/14.4px Segoe UI Variable;
- --leo-font-primary-heading-display1: 500 52px/78px Poppins;
- --leo-font-primary-heading-display2: 500 36px/54px Poppins;
- --leo-font-primary-heading-h1: 500 32px/48px Poppins;
- --leo-font-primary-heading-h2: 500 28px/40px Poppins;
- --leo-font-primary-heading-h3: 500 22px/32px Poppins;
- --leo-font-primary-heading-h4: 600 16px/24px Poppins;
- --leo-font-primary-large-regular: 400 16px/28px Poppins;
- --leo-font-primary-large-semibold: 600 16px/28px Poppins;
- --leo-font-primary-default-regular: 400 14px/24px Poppins;
- --leo-font-primary-default-semibold: 600 14px/24px Poppins;
- --leo-font-primary-small-regular: 400 12px/18px Poppins;
- --leo-font-primary-small-semibold: 600 12px/18px Poppins;
- --leo-font-primary-x-small-regular: 400 11px/16px Poppins;
- --leo-font-primary-x-small-semibold: 600 11px/16px Poppins;
- --leo-font-secondary-heading-display1: 500 52px/78px Manrope;
- --leo-font-secondary-heading-display2: 500 36px/54px Manrope;
- --leo-font-secondary-heading-h1: 500 32px/48px Manrope;
- --leo-font-secondary-heading-h2: 500 28px/40px Manrope;
- --leo-font-secondary-heading-h3: 500 22px/32px Manrope;
- --leo-font-secondary-heading-h4: 600 16px/24px Manrope;
- --leo-font-secondary-large-regular: 500 16px/28px Manrope;
- --leo-font-secondary-large-semibold: 700 16px/28px Manrope;
- --leo-font-secondary-default-regular: 500 14px/24px Manrope;
- --leo-font-secondary-default-semibold: 700 14px/24px Manrope;
- --leo-font-secondary-small-regular: 500 12px/18px Manrope;
- --leo-font-secondary-small-semibold: 700 12px/18px Manrope;
- --leo-font-secondary-x-small-default: 500 11px/16px Manrope;
- --leo-font-secondary-x-small-semibold: 700 11px/16px Manrope;
- --leo-font-monospace-large: 400 16px/28px SF Mono;
- --leo-font-monospace-default: 400 14px/24px SF Mono;
- --leo-font-monospace-small: 400 12px/18px SF Mono;
- --leo-font-mobile-primary-heading-display1: 500 32px/48px Poppins;
- --leo-font-mobile-primary-heading-display2: 500 28px/42px Poppins;
- --leo-font-mobile-primary-heading-h1: 500 28px/40px Poppins;
- --leo-font-mobile-primary-heading-h2: 500 22px/32px Poppins;
- --leo-font-mobile-primary-heading-h3: 500 18px/28px Poppins;
- --leo-font-mobile-primary-heading-h4: 600 16px/24px Poppins;
- --leo-font-components-label: 600 10px/12px Poppins;
- --leo-font-components-tableheader: 500 13px/20px Poppins;
- --leo-font-components-navbutton: 600 15px/20px Poppins;
- --leo-font-components-button-small: 600 12px/16px Poppins;
- --leo-font-components-button-default: 600 13px/20px Poppins;
+ --leo-font-browser-large-regular: 400 16px/19.2px Inter;
+ --leo-font-browser-large-semibold: 600 16px/19.2px Inter;
+ --leo-font-browser-default-regular: 400 14px/16.8px Inter;
+ --leo-font-browser-default-semibold: 600 14px/16.8px Inter;
+ --leo-font-browser-small-regular: 400 13px/15.6px Inter;
+ --leo-font-browser-small-semibold: 600 13px/15.6px Inter;
+ --leo-font-browser-x-small-regular: 400 12px/14.4px Inter;
+ --leo-font-browser-x-small-semibold: 600 12px/14.4px Inter;
+ --leo-font-heading-display1: 500 52px/68px Poppins;
+ --leo-font-heading-display2: 500 36px/46px Poppins;
+ --leo-font-heading-h1: 500 32px/42px Poppins;
+ --leo-font-heading-h2: 500 28px/36px Poppins;
+ --leo-font-heading-h3: 500 22px/28px Poppins;
+ --leo-font-heading-h4: 600 16px/26px Poppins;
+ --leo-font-large-regular: 400 16px/26px Inter;
+ --leo-font-large-semibold: 600 16px/26px Inter;
+ --leo-font-default-regular: 400 14px/22px Inter;
+ --leo-font-default-semibold: 600 14px/22px Inter;
+ --leo-font-small-regular: 400 12px/20px Inter;
+ --leo-font-small-semibold: 600 12px/20px Inter;
+ --leo-font-x-small-regular: 400 11px/18px Inter;
+ --leo-font-x-small-semibold: 600 11px/18px Inter;
+ --leo-font-monospace-large: 400 16px/26px DM Mono;
+ --leo-font-monospace-default: 400 14px/22px DM Mono;
+ --leo-font-monospace-small: 400 12px/20px DM Mono;
+ --leo-font-mobile-heading-display1: 500 32px/42px Poppins;
+ --leo-font-mobile-heading-display2: 500 28px/36px Poppins;
+ --leo-font-mobile-heading-h1: 500 28px/36px Poppins;
+ --leo-font-mobile-heading-h2: 500 22px/28px Poppins;
+ --leo-font-mobile-heading-h3: 500 18px/26px Poppins;
+ --leo-font-mobile-heading-h4: 600 16px/26px Poppins;
+ --leo-font-components-label: 700 10px/12px Inter;
+ --leo-font-components-tableheader: 500 13px/15.6px Inter;
+ --leo-font-components-navbutton: 600 14px/22px Poppins;
+ --leo-font-components-button-small: 600 12px/20px Poppins;
+ --leo-font-components-button-default: 600 13px/21px Poppins;
--leo-font-components-button-large: 600 14px/22px Poppins;
- --leo-font-components-button-jumbo: 600 16px/24px Poppins;
- --leo-typography-macos-large-regular-font-size: 16px;
- --leo-typography-macos-large-regular-font-weight: 400px;
- --leo-typography-macos-large-regular-letter-spacing: -0.08px;
- --leo-typography-macos-large-regular-line-height: 19.2px;
- --leo-typography-macos-large-regular-paragraph-indent: 0;
- --leo-typography-macos-large-regular-paragraph-spacing: 0;
- --leo-typography-macos-large-semibold-font-size: 16px;
- --leo-typography-macos-large-semibold-font-weight: 600px;
- --leo-typography-macos-large-semibold-letter-spacing: -0.08px;
- --leo-typography-macos-large-semibold-line-height: 19.2px;
- --leo-typography-macos-large-semibold-paragraph-indent: 0;
- --leo-typography-macos-large-semibold-paragraph-spacing: 0;
- --leo-typography-macos-default-regular-font-size: 14px;
- --leo-typography-macos-default-regular-font-weight: 400px;
- --leo-typography-macos-default-regular-letter-spacing: -0.08px;
- --leo-typography-macos-default-regular-line-height: 16.8px;
- --leo-typography-macos-default-regular-paragraph-indent: 0;
- --leo-typography-macos-default-regular-paragraph-spacing: 0;
- --leo-typography-macos-default-semibold-font-size: 14px;
- --leo-typography-macos-default-semibold-font-weight: 600px;
- --leo-typography-macos-default-semibold-letter-spacing: -0.08px;
- --leo-typography-macos-default-semibold-line-height: 16.8px;
- --leo-typography-macos-default-semibold-paragraph-indent: 0;
- --leo-typography-macos-default-semibold-paragraph-spacing: 0;
- --leo-typography-macos-small-regular-font-size: 13px;
- --leo-typography-macos-small-regular-font-weight: 400px;
- --leo-typography-macos-small-regular-letter-spacing: -0.29px;
- --leo-typography-macos-small-regular-line-height: 15.6px;
- --leo-typography-macos-small-regular-paragraph-indent: 0;
- --leo-typography-macos-small-regular-paragraph-spacing: 0;
- --leo-typography-macos-small-semibold-font-size: 13px;
- --leo-typography-macos-small-semibold-font-weight: 600px;
- --leo-typography-macos-small-semibold-letter-spacing: -0.29px;
- --leo-typography-macos-small-semibold-line-height: 15.6px;
- --leo-typography-macos-small-semibold-paragraph-indent: 0;
- --leo-typography-macos-small-semibold-paragraph-spacing: 0;
- --leo-typography-macos-x-small-regular-font-size: 12px;
- --leo-typography-macos-x-small-regular-font-weight: 400px;
- --leo-typography-macos-x-small-regular-letter-spacing: -0.29px;
- --leo-typography-macos-x-small-regular-line-height: 14.4px;
- --leo-typography-macos-x-small-regular-paragraph-indent: 0;
- --leo-typography-macos-x-small-regular-paragraph-spacing: 0;
- --leo-typography-macos-x-small-semibold-font-size: 12px;
- --leo-typography-macos-x-small-semibold-font-weight: 600px;
- --leo-typography-macos-x-small-semibold-letter-spacing: -0.29px;
- --leo-typography-macos-x-small-semibold-line-height: 14.4px;
- --leo-typography-macos-x-small-semibold-paragraph-indent: 0;
- --leo-typography-macos-x-small-semibold-paragraph-spacing: 0;
- --leo-typography-windows-large-regular-font-size: 16px;
- --leo-typography-windows-large-regular-font-weight: 400px;
- --leo-typography-windows-large-regular-letter-spacing: 0;
- --leo-typography-windows-large-regular-line-height: 19.2px;
- --leo-typography-windows-large-regular-paragraph-indent: 0;
- --leo-typography-windows-large-regular-paragraph-spacing: 0;
- --leo-typography-windows-large-semibold-font-size: 16px;
- --leo-typography-windows-large-semibold-font-weight: 600px;
- --leo-typography-windows-large-semibold-letter-spacing: 0;
- --leo-typography-windows-large-semibold-line-height: 19.2px;
- --leo-typography-windows-large-semibold-paragraph-indent: 0;
- --leo-typography-windows-large-semibold-paragraph-spacing: 0;
- --leo-typography-windows-default-regular-font-size: 14px;
- --leo-typography-windows-default-regular-font-weight: 400px;
- --leo-typography-windows-default-regular-letter-spacing: 0;
- --leo-typography-windows-default-regular-line-height: 16.8px;
- --leo-typography-windows-default-regular-paragraph-indent: 0;
- --leo-typography-windows-default-regular-paragraph-spacing: 0;
- --leo-typography-windows-default-semibold-font-size: 14px;
- --leo-typography-windows-default-semibold-font-weight: 600px;
- --leo-typography-windows-default-semibold-letter-spacing: 0;
- --leo-typography-windows-default-semibold-line-height: 16.8px;
- --leo-typography-windows-default-semibold-paragraph-indent: 0;
- --leo-typography-windows-default-semibold-paragraph-spacing: 0;
- --leo-typography-windows-small-regular-font-size: 13px;
- --leo-typography-windows-small-regular-font-weight: 400px;
- --leo-typography-windows-small-regular-letter-spacing: 0;
- --leo-typography-windows-small-regular-line-height: 15.6px;
- --leo-typography-windows-small-regular-paragraph-indent: 0;
- --leo-typography-windows-small-regular-paragraph-spacing: 0;
- --leo-typography-windows-small-semibold-font-size: 13px;
- --leo-typography-windows-small-semibold-font-weight: 600px;
- --leo-typography-windows-small-semibold-letter-spacing: 0;
- --leo-typography-windows-small-semibold-line-height: 15.6px;
- --leo-typography-windows-small-semibold-paragraph-indent: 0;
- --leo-typography-windows-small-semibold-paragraph-spacing: 0;
- --leo-typography-windows-x-small-regular-font-size: 12px;
- --leo-typography-windows-x-small-regular-font-weight: 400px;
- --leo-typography-windows-x-small-regular-letter-spacing: 0;
- --leo-typography-windows-x-small-regular-line-height: 14.4px;
- --leo-typography-windows-x-small-regular-paragraph-indent: 0;
- --leo-typography-windows-x-small-regular-paragraph-spacing: 0;
- --leo-typography-windows-x-small-semibold-font-size: 12px;
- --leo-typography-windows-x-small-semibold-font-weight: 600px;
- --leo-typography-windows-x-small-semibold-letter-spacing: 0;
- --leo-typography-windows-x-small-semibold-line-height: 14.4px;
- --leo-typography-windows-x-small-semibold-paragraph-indent: 0;
- --leo-typography-windows-x-small-semibold-paragraph-spacing: 0;
- --leo-typography-primary-heading-display1-font-size: 52px;
- --leo-typography-primary-heading-display1-font-weight: 500px;
- --leo-typography-primary-heading-display1-letter-spacing: 0;
- --leo-typography-primary-heading-display1-line-height: 78px;
- --leo-typography-primary-heading-display1-paragraph-indent: 0;
- --leo-typography-primary-heading-display1-paragraph-spacing: 0;
- --leo-typography-primary-heading-display2-font-size: 36px;
- --leo-typography-primary-heading-display2-font-weight: 500px;
- --leo-typography-primary-heading-display2-letter-spacing: 0;
- --leo-typography-primary-heading-display2-line-height: 54px;
- --leo-typography-primary-heading-display2-paragraph-indent: 0;
- --leo-typography-primary-heading-display2-paragraph-spacing: 0;
- --leo-typography-primary-heading-h1-font-size: 32px;
- --leo-typography-primary-heading-h1-font-weight: 500px;
- --leo-typography-primary-heading-h1-letter-spacing: 0;
- --leo-typography-primary-heading-h1-line-height: 48px;
- --leo-typography-primary-heading-h1-paragraph-indent: 0;
- --leo-typography-primary-heading-h1-paragraph-spacing: 0;
- --leo-typography-primary-heading-h2-font-size: 28px;
- --leo-typography-primary-heading-h2-font-weight: 500px;
- --leo-typography-primary-heading-h2-letter-spacing: 0;
- --leo-typography-primary-heading-h2-line-height: 40px;
- --leo-typography-primary-heading-h2-paragraph-indent: 0;
- --leo-typography-primary-heading-h2-paragraph-spacing: 0;
- --leo-typography-primary-heading-h3-font-size: 22px;
- --leo-typography-primary-heading-h3-font-weight: 500px;
- --leo-typography-primary-heading-h3-letter-spacing: 0;
- --leo-typography-primary-heading-h3-line-height: 32px;
- --leo-typography-primary-heading-h3-paragraph-indent: 0;
- --leo-typography-primary-heading-h3-paragraph-spacing: 0;
- --leo-typography-primary-heading-h4-font-size: 16px;
- --leo-typography-primary-heading-h4-font-weight: 600px;
- --leo-typography-primary-heading-h4-letter-spacing: 0;
- --leo-typography-primary-heading-h4-line-height: 24px;
- --leo-typography-primary-heading-h4-paragraph-indent: 0;
- --leo-typography-primary-heading-h4-paragraph-spacing: 0;
- --leo-typography-primary-large-regular-font-size: 16px;
- --leo-typography-primary-large-regular-font-weight: 400px;
- --leo-typography-primary-large-regular-letter-spacing: 0;
- --leo-typography-primary-large-regular-line-height: 28px;
- --leo-typography-primary-large-regular-paragraph-indent: 0;
- --leo-typography-primary-large-regular-paragraph-spacing: 0;
- --leo-typography-primary-large-semibold-font-size: 16px;
- --leo-typography-primary-large-semibold-font-weight: 600px;
- --leo-typography-primary-large-semibold-letter-spacing: 0;
- --leo-typography-primary-large-semibold-line-height: 28px;
- --leo-typography-primary-large-semibold-paragraph-indent: 0;
- --leo-typography-primary-large-semibold-paragraph-spacing: 0;
- --leo-typography-primary-default-regular-font-size: 14px;
- --leo-typography-primary-default-regular-font-weight: 400px;
- --leo-typography-primary-default-regular-letter-spacing: 0;
- --leo-typography-primary-default-regular-line-height: 24px;
- --leo-typography-primary-default-regular-paragraph-indent: 0;
- --leo-typography-primary-default-regular-paragraph-spacing: 0;
- --leo-typography-primary-default-semibold-font-size: 14px;
- --leo-typography-primary-default-semibold-font-weight: 600px;
- --leo-typography-primary-default-semibold-letter-spacing: 0;
- --leo-typography-primary-default-semibold-line-height: 24px;
- --leo-typography-primary-default-semibold-paragraph-indent: 0;
- --leo-typography-primary-default-semibold-paragraph-spacing: 0;
- --leo-typography-primary-small-regular-font-size: 12px;
- --leo-typography-primary-small-regular-font-weight: 400px;
- --leo-typography-primary-small-regular-letter-spacing: 0;
- --leo-typography-primary-small-regular-line-height: 18px;
- --leo-typography-primary-small-regular-paragraph-indent: 0;
- --leo-typography-primary-small-regular-paragraph-spacing: 0;
- --leo-typography-primary-small-semibold-font-size: 12px;
- --leo-typography-primary-small-semibold-font-weight: 600px;
- --leo-typography-primary-small-semibold-letter-spacing: 0;
- --leo-typography-primary-small-semibold-line-height: 18px;
- --leo-typography-primary-small-semibold-paragraph-indent: 0;
- --leo-typography-primary-small-semibold-paragraph-spacing: 0;
- --leo-typography-primary-x-small-regular-font-size: 11px;
- --leo-typography-primary-x-small-regular-font-weight: 400px;
- --leo-typography-primary-x-small-regular-letter-spacing: 0;
- --leo-typography-primary-x-small-regular-line-height: 16px;
- --leo-typography-primary-x-small-regular-paragraph-indent: 0;
- --leo-typography-primary-x-small-regular-paragraph-spacing: 0;
- --leo-typography-primary-x-small-semibold-font-size: 11px;
- --leo-typography-primary-x-small-semibold-font-weight: 600px;
- --leo-typography-primary-x-small-semibold-letter-spacing: 0;
- --leo-typography-primary-x-small-semibold-line-height: 16px;
- --leo-typography-primary-x-small-semibold-paragraph-indent: 0;
- --leo-typography-primary-x-small-semibold-paragraph-spacing: 0;
- --leo-typography-secondary-heading-display1-font-size: 52px;
- --leo-typography-secondary-heading-display1-font-weight: 500px;
- --leo-typography-secondary-heading-display1-letter-spacing: 0;
- --leo-typography-secondary-heading-display1-line-height: 78px;
- --leo-typography-secondary-heading-display1-paragraph-indent: 0;
- --leo-typography-secondary-heading-display1-paragraph-spacing: 0;
- --leo-typography-secondary-heading-display2-font-size: 36px;
- --leo-typography-secondary-heading-display2-font-weight: 500px;
- --leo-typography-secondary-heading-display2-letter-spacing: 0;
- --leo-typography-secondary-heading-display2-line-height: 54px;
- --leo-typography-secondary-heading-display2-paragraph-indent: 0;
- --leo-typography-secondary-heading-display2-paragraph-spacing: 0;
- --leo-typography-secondary-heading-h1-font-size: 32px;
- --leo-typography-secondary-heading-h1-font-weight: 500px;
- --leo-typography-secondary-heading-h1-letter-spacing: 0;
- --leo-typography-secondary-heading-h1-line-height: 48px;
- --leo-typography-secondary-heading-h1-paragraph-indent: 0;
- --leo-typography-secondary-heading-h1-paragraph-spacing: 0;
- --leo-typography-secondary-heading-h2-font-size: 28px;
- --leo-typography-secondary-heading-h2-font-weight: 500px;
- --leo-typography-secondary-heading-h2-letter-spacing: 0;
- --leo-typography-secondary-heading-h2-line-height: 40px;
- --leo-typography-secondary-heading-h2-paragraph-indent: 0;
- --leo-typography-secondary-heading-h2-paragraph-spacing: 0;
- --leo-typography-secondary-heading-h3-font-size: 22px;
- --leo-typography-secondary-heading-h3-font-weight: 500px;
- --leo-typography-secondary-heading-h3-letter-spacing: 0;
- --leo-typography-secondary-heading-h3-line-height: 32px;
- --leo-typography-secondary-heading-h3-paragraph-indent: 0;
- --leo-typography-secondary-heading-h3-paragraph-spacing: 0;
- --leo-typography-secondary-heading-h4-font-size: 16px;
- --leo-typography-secondary-heading-h4-font-weight: 600px;
- --leo-typography-secondary-heading-h4-letter-spacing: 0.32px;
- --leo-typography-secondary-heading-h4-line-height: 24px;
- --leo-typography-secondary-heading-h4-paragraph-indent: 0;
- --leo-typography-secondary-heading-h4-paragraph-spacing: 0;
- --leo-typography-secondary-large-regular-font-size: 16px;
- --leo-typography-secondary-large-regular-font-weight: 500px;
- --leo-typography-secondary-large-regular-letter-spacing: 0.16px;
- --leo-typography-secondary-large-regular-line-height: 28px;
- --leo-typography-secondary-large-regular-paragraph-indent: 0;
- --leo-typography-secondary-large-regular-paragraph-spacing: 0;
- --leo-typography-secondary-large-semibold-font-size: 16px;
- --leo-typography-secondary-large-semibold-font-weight: 700px;
- --leo-typography-secondary-large-semibold-letter-spacing: 0.16px;
- --leo-typography-secondary-large-semibold-line-height: 28px;
- --leo-typography-secondary-large-semibold-paragraph-indent: 0;
- --leo-typography-secondary-large-semibold-paragraph-spacing: 0;
- --leo-typography-secondary-default-regular-font-size: 14px;
- --leo-typography-secondary-default-regular-font-weight: 500px;
- --leo-typography-secondary-default-regular-letter-spacing: 0.28px;
- --leo-typography-secondary-default-regular-line-height: 24px;
- --leo-typography-secondary-default-regular-paragraph-indent: 0;
- --leo-typography-secondary-default-regular-paragraph-spacing: 0;
- --leo-typography-secondary-default-semibold-font-size: 14px;
- --leo-typography-secondary-default-semibold-font-weight: 700px;
- --leo-typography-secondary-default-semibold-letter-spacing: 0.28px;
- --leo-typography-secondary-default-semibold-line-height: 24px;
- --leo-typography-secondary-default-semibold-paragraph-indent: 0;
- --leo-typography-secondary-default-semibold-paragraph-spacing: 0;
- --leo-typography-secondary-small-regular-font-size: 12px;
- --leo-typography-secondary-small-regular-font-weight: 500px;
- --leo-typography-secondary-small-regular-letter-spacing: 0.24px;
- --leo-typography-secondary-small-regular-line-height: 18px;
- --leo-typography-secondary-small-regular-paragraph-indent: 0;
- --leo-typography-secondary-small-regular-paragraph-spacing: 0;
- --leo-typography-secondary-small-semibold-font-size: 12px;
- --leo-typography-secondary-small-semibold-font-weight: 700px;
- --leo-typography-secondary-small-semibold-letter-spacing: 0.24px;
- --leo-typography-secondary-small-semibold-line-height: 18px;
- --leo-typography-secondary-small-semibold-paragraph-indent: 0;
- --leo-typography-secondary-small-semibold-paragraph-spacing: 0;
- --leo-typography-secondary-x-small-default-font-size: 11px;
- --leo-typography-secondary-x-small-default-font-weight: 500px;
- --leo-typography-secondary-x-small-default-letter-spacing: 0.22px;
- --leo-typography-secondary-x-small-default-line-height: 16px;
- --leo-typography-secondary-x-small-default-paragraph-indent: 0;
- --leo-typography-secondary-x-small-default-paragraph-spacing: 0;
- --leo-typography-secondary-x-small-semibold-font-size: 11px;
- --leo-typography-secondary-x-small-semibold-font-weight: 700px;
- --leo-typography-secondary-x-small-semibold-letter-spacing: 0.22px;
- --leo-typography-secondary-x-small-semibold-line-height: 16px;
- --leo-typography-secondary-x-small-semibold-paragraph-indent: 0;
- --leo-typography-secondary-x-small-semibold-paragraph-spacing: 0;
+ --leo-font-components-button-jumbo: 600 16px/22px Poppins;
+ --leo-typography-browser-large-regular-font-size: 16px;
+ --leo-typography-browser-large-regular-font-weight: 400px;
+ --leo-typography-browser-large-regular-letter-spacing: -0.2px;
+ --leo-typography-browser-large-regular-line-height: 19.2px;
+ --leo-typography-browser-large-regular-paragraph-indent: 0;
+ --leo-typography-browser-large-regular-paragraph-spacing: 0;
+ --leo-typography-browser-large-semibold-font-size: 16px;
+ --leo-typography-browser-large-semibold-font-weight: 600px;
+ --leo-typography-browser-large-semibold-letter-spacing: -0.2px;
+ --leo-typography-browser-large-semibold-line-height: 19.2px;
+ --leo-typography-browser-large-semibold-paragraph-indent: 0;
+ --leo-typography-browser-large-semibold-paragraph-spacing: 0;
+ --leo-typography-browser-default-regular-font-size: 14px;
+ --leo-typography-browser-default-regular-font-weight: 400px;
+ --leo-typography-browser-default-regular-letter-spacing: -0.1px;
+ --leo-typography-browser-default-regular-line-height: 16.8px;
+ --leo-typography-browser-default-regular-paragraph-indent: 0;
+ --leo-typography-browser-default-regular-paragraph-spacing: 0;
+ --leo-typography-browser-default-semibold-font-size: 14px;
+ --leo-typography-browser-default-semibold-font-weight: 600px;
+ --leo-typography-browser-default-semibold-letter-spacing: -0.1px;
+ --leo-typography-browser-default-semibold-line-height: 16.8px;
+ --leo-typography-browser-default-semibold-paragraph-indent: 0;
+ --leo-typography-browser-default-semibold-paragraph-spacing: 0;
+ --leo-typography-browser-small-regular-font-size: 13px;
+ --leo-typography-browser-small-regular-font-weight: 400px;
+ --leo-typography-browser-small-regular-letter-spacing: 0;
+ --leo-typography-browser-small-regular-line-height: 15.6px;
+ --leo-typography-browser-small-regular-paragraph-indent: 0;
+ --leo-typography-browser-small-regular-paragraph-spacing: 0;
+ --leo-typography-browser-small-semibold-font-size: 13px;
+ --leo-typography-browser-small-semibold-font-weight: 600px;
+ --leo-typography-browser-small-semibold-letter-spacing: 0;
+ --leo-typography-browser-small-semibold-line-height: 15.6px;
+ --leo-typography-browser-small-semibold-paragraph-indent: 0;
+ --leo-typography-browser-small-semibold-paragraph-spacing: 0;
+ --leo-typography-browser-x-small-regular-font-size: 12px;
+ --leo-typography-browser-x-small-regular-font-weight: 400px;
+ --leo-typography-browser-x-small-regular-letter-spacing: 0;
+ --leo-typography-browser-x-small-regular-line-height: 14.4px;
+ --leo-typography-browser-x-small-regular-paragraph-indent: 0;
+ --leo-typography-browser-x-small-regular-paragraph-spacing: 0;
+ --leo-typography-browser-x-small-semibold-font-size: 12px;
+ --leo-typography-browser-x-small-semibold-font-weight: 600px;
+ --leo-typography-browser-x-small-semibold-letter-spacing: 0;
+ --leo-typography-browser-x-small-semibold-line-height: 14.4px;
+ --leo-typography-browser-x-small-semibold-paragraph-indent: 0;
+ --leo-typography-browser-x-small-semibold-paragraph-spacing: 0;
+ --leo-typography-heading-display1-font-size: 52px;
+ --leo-typography-heading-display1-font-weight: 500px;
+ --leo-typography-heading-display1-letter-spacing: 0;
+ --leo-typography-heading-display1-line-height: 68px;
+ --leo-typography-heading-display1-paragraph-indent: 0;
+ --leo-typography-heading-display1-paragraph-spacing: 0;
+ --leo-typography-heading-display2-font-size: 36px;
+ --leo-typography-heading-display2-font-weight: 500px;
+ --leo-typography-heading-display2-letter-spacing: 0;
+ --leo-typography-heading-display2-line-height: 46px;
+ --leo-typography-heading-display2-paragraph-indent: 0;
+ --leo-typography-heading-display2-paragraph-spacing: 0;
+ --leo-typography-heading-h1-font-size: 32px;
+ --leo-typography-heading-h1-font-weight: 500px;
+ --leo-typography-heading-h1-letter-spacing: 0;
+ --leo-typography-heading-h1-line-height: 42px;
+ --leo-typography-heading-h1-paragraph-indent: 0;
+ --leo-typography-heading-h1-paragraph-spacing: 0;
+ --leo-typography-heading-h2-font-size: 28px;
+ --leo-typography-heading-h2-font-weight: 500px;
+ --leo-typography-heading-h2-letter-spacing: 0;
+ --leo-typography-heading-h2-line-height: 36px;
+ --leo-typography-heading-h2-paragraph-indent: 0;
+ --leo-typography-heading-h2-paragraph-spacing: 0;
+ --leo-typography-heading-h3-font-size: 22px;
+ --leo-typography-heading-h3-font-weight: 500px;
+ --leo-typography-heading-h3-letter-spacing: 0;
+ --leo-typography-heading-h3-line-height: 28px;
+ --leo-typography-heading-h3-paragraph-indent: 0;
+ --leo-typography-heading-h3-paragraph-spacing: 0;
+ --leo-typography-heading-h4-font-size: 16px;
+ --leo-typography-heading-h4-font-weight: 600px;
+ --leo-typography-heading-h4-letter-spacing: 0;
+ --leo-typography-heading-h4-line-height: 26px;
+ --leo-typography-heading-h4-paragraph-indent: 0;
+ --leo-typography-heading-h4-paragraph-spacing: 0;
+ --leo-typography-large-regular-font-size: 16px;
+ --leo-typography-large-regular-font-weight: 400px;
+ --leo-typography-large-regular-letter-spacing: -0.2px;
+ --leo-typography-large-regular-line-height: 26px;
+ --leo-typography-large-regular-paragraph-indent: 0;
+ --leo-typography-large-regular-paragraph-spacing: 0;
+ --leo-typography-large-semibold-font-size: 16px;
+ --leo-typography-large-semibold-font-weight: 600px;
+ --leo-typography-large-semibold-letter-spacing: -0.2px;
+ --leo-typography-large-semibold-line-height: 26px;
+ --leo-typography-large-semibold-paragraph-indent: 0;
+ --leo-typography-large-semibold-paragraph-spacing: 0;
+ --leo-typography-default-regular-font-size: 14px;
+ --leo-typography-default-regular-font-weight: 400px;
+ --leo-typography-default-regular-letter-spacing: -0.1px;
+ --leo-typography-default-regular-line-height: 22px;
+ --leo-typography-default-regular-paragraph-indent: 0;
+ --leo-typography-default-regular-paragraph-spacing: 0;
+ --leo-typography-default-semibold-font-size: 14px;
+ --leo-typography-default-semibold-font-weight: 600px;
+ --leo-typography-default-semibold-letter-spacing: -0.1px;
+ --leo-typography-default-semibold-line-height: 22px;
+ --leo-typography-default-semibold-paragraph-indent: 0;
+ --leo-typography-default-semibold-paragraph-spacing: 0;
+ --leo-typography-small-regular-font-size: 12px;
+ --leo-typography-small-regular-font-weight: 400px;
+ --leo-typography-small-regular-letter-spacing: 0;
+ --leo-typography-small-regular-line-height: 20px;
+ --leo-typography-small-regular-paragraph-indent: 0;
+ --leo-typography-small-regular-paragraph-spacing: 0;
+ --leo-typography-small-semibold-font-size: 12px;
+ --leo-typography-small-semibold-font-weight: 600px;
+ --leo-typography-small-semibold-letter-spacing: 0;
+ --leo-typography-small-semibold-line-height: 20px;
+ --leo-typography-small-semibold-paragraph-indent: 0;
+ --leo-typography-small-semibold-paragraph-spacing: 0;
+ --leo-typography-x-small-regular-font-size: 11px;
+ --leo-typography-x-small-regular-font-weight: 400px;
+ --leo-typography-x-small-regular-letter-spacing: 0;
+ --leo-typography-x-small-regular-line-height: 18px;
+ --leo-typography-x-small-regular-paragraph-indent: 0;
+ --leo-typography-x-small-regular-paragraph-spacing: 0;
+ --leo-typography-x-small-semibold-font-size: 11px;
+ --leo-typography-x-small-semibold-font-weight: 600px;
+ --leo-typography-x-small-semibold-letter-spacing: 0;
+ --leo-typography-x-small-semibold-line-height: 18px;
+ --leo-typography-x-small-semibold-paragraph-indent: 0;
+ --leo-typography-x-small-semibold-paragraph-spacing: 0;
--leo-typography-monospace-large-font-size: 16px;
--leo-typography-monospace-large-font-weight: 400px;
--leo-typography-monospace-large-letter-spacing: 0;
- --leo-typography-monospace-large-line-height: 28px;
+ --leo-typography-monospace-large-line-height: 26px;
--leo-typography-monospace-large-paragraph-indent: 0;
--leo-typography-monospace-large-paragraph-spacing: 0;
--leo-typography-monospace-default-font-size: 14px;
--leo-typography-monospace-default-font-weight: 400px;
--leo-typography-monospace-default-letter-spacing: 0;
- --leo-typography-monospace-default-line-height: 24px;
+ --leo-typography-monospace-default-line-height: 22px;
--leo-typography-monospace-default-paragraph-indent: 0;
--leo-typography-monospace-default-paragraph-spacing: 0;
--leo-typography-monospace-small-font-size: 12px;
--leo-typography-monospace-small-font-weight: 400px;
--leo-typography-monospace-small-letter-spacing: 0;
- --leo-typography-monospace-small-line-height: 18px;
+ --leo-typography-monospace-small-line-height: 20px;
--leo-typography-monospace-small-paragraph-indent: 0;
--leo-typography-monospace-small-paragraph-spacing: 0;
- --leo-typography-mobile-primary-heading-display1-font-size: 32px;
- --leo-typography-mobile-primary-heading-display1-font-weight: 500px;
- --leo-typography-mobile-primary-heading-display1-letter-spacing: 0;
- --leo-typography-mobile-primary-heading-display1-line-height: 48px;
- --leo-typography-mobile-primary-heading-display1-paragraph-indent: 0;
- --leo-typography-mobile-primary-heading-display1-paragraph-spacing: 0;
- --leo-typography-mobile-primary-heading-display2-font-size: 28px;
- --leo-typography-mobile-primary-heading-display2-font-weight: 500px;
- --leo-typography-mobile-primary-heading-display2-letter-spacing: 0;
- --leo-typography-mobile-primary-heading-display2-line-height: 42px;
- --leo-typography-mobile-primary-heading-display2-paragraph-indent: 0;
- --leo-typography-mobile-primary-heading-display2-paragraph-spacing: 0;
- --leo-typography-mobile-primary-heading-h1-font-size: 28px;
- --leo-typography-mobile-primary-heading-h1-font-weight: 500px;
- --leo-typography-mobile-primary-heading-h1-letter-spacing: 0;
- --leo-typography-mobile-primary-heading-h1-line-height: 40px;
- --leo-typography-mobile-primary-heading-h1-paragraph-indent: 0;
- --leo-typography-mobile-primary-heading-h1-paragraph-spacing: 0;
- --leo-typography-mobile-primary-heading-h2-font-size: 22px;
- --leo-typography-mobile-primary-heading-h2-font-weight: 500px;
- --leo-typography-mobile-primary-heading-h2-letter-spacing: 0;
- --leo-typography-mobile-primary-heading-h2-line-height: 32px;
- --leo-typography-mobile-primary-heading-h2-paragraph-indent: 0;
- --leo-typography-mobile-primary-heading-h2-paragraph-spacing: 0;
- --leo-typography-mobile-primary-heading-h3-font-size: 18px;
- --leo-typography-mobile-primary-heading-h3-font-weight: 500px;
- --leo-typography-mobile-primary-heading-h3-letter-spacing: 0;
- --leo-typography-mobile-primary-heading-h3-line-height: 28px;
- --leo-typography-mobile-primary-heading-h3-paragraph-indent: 0;
- --leo-typography-mobile-primary-heading-h3-paragraph-spacing: 0;
- --leo-typography-mobile-primary-heading-h4-font-size: 16px;
- --leo-typography-mobile-primary-heading-h4-font-weight: 600px;
- --leo-typography-mobile-primary-heading-h4-letter-spacing: 0;
- --leo-typography-mobile-primary-heading-h4-line-height: 24px;
- --leo-typography-mobile-primary-heading-h4-paragraph-indent: 0;
- --leo-typography-mobile-primary-heading-h4-paragraph-spacing: 0;
+ --leo-typography-mobile-heading-display1-font-size: 32px;
+ --leo-typography-mobile-heading-display1-font-weight: 500px;
+ --leo-typography-mobile-heading-display1-letter-spacing: 0;
+ --leo-typography-mobile-heading-display1-line-height: 42px;
+ --leo-typography-mobile-heading-display1-paragraph-indent: 0;
+ --leo-typography-mobile-heading-display1-paragraph-spacing: 0;
+ --leo-typography-mobile-heading-display2-font-size: 28px;
+ --leo-typography-mobile-heading-display2-font-weight: 500px;
+ --leo-typography-mobile-heading-display2-letter-spacing: 0;
+ --leo-typography-mobile-heading-display2-line-height: 36px;
+ --leo-typography-mobile-heading-display2-paragraph-indent: 0;
+ --leo-typography-mobile-heading-display2-paragraph-spacing: 0;
+ --leo-typography-mobile-heading-h1-font-size: 28px;
+ --leo-typography-mobile-heading-h1-font-weight: 500px;
+ --leo-typography-mobile-heading-h1-letter-spacing: 0;
+ --leo-typography-mobile-heading-h1-line-height: 36px;
+ --leo-typography-mobile-heading-h1-paragraph-indent: 0;
+ --leo-typography-mobile-heading-h1-paragraph-spacing: 0;
+ --leo-typography-mobile-heading-h2-font-size: 22px;
+ --leo-typography-mobile-heading-h2-font-weight: 500px;
+ --leo-typography-mobile-heading-h2-letter-spacing: 0;
+ --leo-typography-mobile-heading-h2-line-height: 28px;
+ --leo-typography-mobile-heading-h2-paragraph-indent: 0;
+ --leo-typography-mobile-heading-h2-paragraph-spacing: 0;
+ --leo-typography-mobile-heading-h3-font-size: 18px;
+ --leo-typography-mobile-heading-h3-font-weight: 500px;
+ --leo-typography-mobile-heading-h3-letter-spacing: 0;
+ --leo-typography-mobile-heading-h3-line-height: 26px;
+ --leo-typography-mobile-heading-h3-paragraph-indent: 0;
+ --leo-typography-mobile-heading-h3-paragraph-spacing: 0;
+ --leo-typography-mobile-heading-h4-font-size: 16px;
+ --leo-typography-mobile-heading-h4-font-weight: 600px;
+ --leo-typography-mobile-heading-h4-letter-spacing: 0;
+ --leo-typography-mobile-heading-h4-line-height: 26px;
+ --leo-typography-mobile-heading-h4-paragraph-indent: 0;
+ --leo-typography-mobile-heading-h4-paragraph-spacing: 0;
--leo-typography-components-label-font-size: 10px;
- --leo-typography-components-label-font-weight: 600px;
- --leo-typography-components-label-letter-spacing: 0.4px;
+ --leo-typography-components-label-font-weight: 700px;
+ --leo-typography-components-label-letter-spacing: 0;
--leo-typography-components-label-line-height: 12px;
--leo-typography-components-label-paragraph-indent: 0;
--leo-typography-components-label-paragraph-spacing: 0;
--leo-typography-components-tableheader-font-size: 13px;
--leo-typography-components-tableheader-font-weight: 500px;
- --leo-typography-components-tableheader-letter-spacing: 0;
- --leo-typography-components-tableheader-line-height: 20px;
+ --leo-typography-components-tableheader-letter-spacing: -0.1px;
+ --leo-typography-components-tableheader-line-height: 15.6px;
--leo-typography-components-tableheader-paragraph-indent: 0;
--leo-typography-components-tableheader-paragraph-spacing: 0;
- --leo-typography-components-navbutton-font-size: 15px;
+ --leo-typography-components-navbutton-font-size: 14px;
--leo-typography-components-navbutton-font-weight: 600px;
- --leo-typography-components-navbutton-letter-spacing: 0.3px;
- --leo-typography-components-navbutton-line-height: 20px;
+ --leo-typography-components-navbutton-letter-spacing: 0;
+ --leo-typography-components-navbutton-line-height: 22px;
--leo-typography-components-navbutton-paragraph-indent: 0;
--leo-typography-components-navbutton-paragraph-spacing: 0;
--leo-typography-components-button-small-font-size: 12px;
--leo-typography-components-button-small-font-weight: 600px;
--leo-typography-components-button-small-letter-spacing: 0.36px;
- --leo-typography-components-button-small-line-height: 16px;
+ --leo-typography-components-button-small-line-height: 20px;
--leo-typography-components-button-small-paragraph-indent: 0;
--leo-typography-components-button-small-paragraph-spacing: 0;
--leo-typography-components-button-default-font-size: 13px;
--leo-typography-components-button-default-font-weight: 600px;
--leo-typography-components-button-default-letter-spacing: 0.39px;
- --leo-typography-components-button-default-line-height: 20px;
+ --leo-typography-components-button-default-line-height: 21px;
--leo-typography-components-button-default-paragraph-indent: 0;
--leo-typography-components-button-default-paragraph-spacing: 0;
--leo-typography-components-button-large-font-size: 14px;
@@ -421,7 +267,7 @@
--leo-typography-components-button-jumbo-font-size: 16px;
--leo-typography-components-button-jumbo-font-weight: 600px;
--leo-typography-components-button-jumbo-letter-spacing: 0.16px;
- --leo-typography-components-button-jumbo-line-height: 24px;
+ --leo-typography-components-button-jumbo-line-height: 22px;
--leo-typography-components-button-jumbo-paragraph-indent: 0;
--leo-typography-components-button-jumbo-paragraph-spacing: 0;
--leo-color-primitive-gray-1: rgb(246, 247, 248);
@@ -562,18 +408,140 @@
--leo-color-primitive-brands-bravelion: rgb(254, 89, 7);
--leo-color-white: rgb(255, 255, 255);
--leo-color-black: rgb(0, 0, 0);
- --leo-gradient-hero: linear-gradient(138.21219643124405deg, rgb(134, 10, 194) 7.000000000000001%, rgb(230, 25, 135) 68%, rgb(255, 71, 26) 96%);
+ --leo-light-text-primary: rgb(13, 15, 20);
+ --leo-light-text-secondary: rgb(63, 72, 85);
+ --leo-light-text-tertiary: rgb(104, 116, 133);
+ --leo-light-text-disabled: rgba(33, 36, 42, 0.5);
+ --leo-light-text-interactive: rgb(63, 57, 232);
+ --leo-light-icon-default: rgb(104, 116, 133);
+ --leo-light-icon-disabled: rgba(104, 116, 133, 0.5);
+ --leo-light-icon-active: rgb(63, 57, 232);
+ --leo-light-browserbutton-background-hover: rgba(0, 0, 0, 0.05);
+ --leo-light-browserbutton-background-active: rgba(0, 0, 0, 0.1);
+ --leo-light-tabswitcher-button: rgb(255, 255, 255);
+ --leo-light-tabswitcher-background: rgb(246, 247, 248);
+ --leo-light-container-background-desktop: rgb(255, 255, 255);
+ --leo-light-container-background-mobile: rgb(255, 255, 255);
+ --leo-light-container-interactive: rgb(233, 238, 255);
+ --leo-light-container-scrim: rgba(13, 15, 20, 0.35);
+ --leo-light-container-legacy-frostedglass: rgba(255, 255, 255, 0.95);
+ --leo-light-material-thick: rgba(255, 255, 255, 0.95);
+ --leo-light-material-regular: rgba(255, 255, 255, 0.73);
+ --leo-light-material-thin: rgba(255, 255, 255, 0.56);
+ --leo-light-material-ultrathin: rgba(255, 255, 255, 0.32);
+ --leo-light-chrome-background-desktop: rgb(246, 247, 248);
+ --leo-light-chrome-background-mobile: rgb(246, 247, 248);
+ --leo-light-divider-subtle: rgba(161, 171, 186, 0.4);
+ --leo-light-divider-strong: rgba(104, 116, 133, 0.4);
+ --leo-light-tabbar-tabbar-background: rgb(237, 238, 241);
+ --leo-light-tabbar-tabactive-background: rgb(255, 255, 255);
+ --leo-light-os-color: rgb(0, 0, 0);
+ --leo-light-group-text: rgb(18, 117, 55);
+ --leo-light-group-background: rgba(18, 117, 55, 0.15);
+ --leo-dark-text-primary: rgb(246, 247, 248);
+ --leo-dark-text-secondary: rgb(194, 201, 211);
+ --leo-dark-text-tertiary: rgb(161, 171, 186);
+ --leo-dark-text-disabled: rgba(237, 238, 241, 0.5);
+ --leo-dark-text-interactive: rgb(124, 145, 255);
+ --leo-dark-icon-default: rgb(161, 171, 186);
+ --leo-dark-icon-disabled: rgba(161, 171, 186, 0.5);
+ --leo-dark-icon-active: rgb(124, 145, 255);
+ --leo-dark-browserbutton-background-hover: rgba(0, 0, 0, 0.25);
+ --leo-dark-browserbutton-background-active: rgba(0, 0, 0, 0.4);
+ --leo-dark-tabswitcher-button: rgb(33, 36, 42);
+ --leo-dark-tabswitcher-background: rgb(48, 52, 61);
+ --leo-dark-container-background-desktop: rgb(13, 15, 20);
+ --leo-dark-container-background-mobile: rgb(33, 36, 42);
+ --leo-dark-container-interactive: rgb(22, 16, 101);
+ --leo-dark-container-scrim: rgba(13, 15, 20, 0.7);
+ --leo-dark-container-legacy-frostedglass: rgba(255, 255, 255, 0.95);
+ --leo-dark-material-thick: rgba(13, 15, 20, 0.85);
+ --leo-dark-material-regular: rgba(13, 15, 20, 0.69);
+ --leo-dark-material-thin: rgba(13, 15, 20, 0.51);
+ --leo-dark-material-ultrathin: rgba(13, 15, 20, 0.35);
+ --leo-dark-chrome-background-desktop: rgb(33, 36, 42);
+ --leo-dark-chrome-background-mobile: rgb(13, 15, 20);
+ --leo-dark-divider-subtle: rgba(104, 116, 133, 0.4);
+ --leo-dark-divider-strong: rgba(161, 171, 186, 0.4);
+ --leo-dark-tabbar-tabbar-background: rgb(13, 15, 20);
+ --leo-dark-tabbar-tabactive-background: rgb(48, 52, 61);
+ --leo-dark-os-color: rgb(255, 255, 255);
+ --leo-dark-group-text: rgb(116, 195, 142);
+ --leo-dark-group-background: rgba(116, 195, 142, 0.25);
+ --leo-private-text-primary: rgb(245, 243, 255);
+ --leo-private-text-secondary: rgb(204, 190, 254);
+ --leo-private-text-tertiary: rgb(163, 128, 255);
+ --leo-private-text-disabled: rgba(238, 235, 255, 0.5);
+ --leo-private-text-interactive: rgb(124, 145, 255);
+ --leo-private-icon-default: rgb(163, 128, 255);
+ --leo-private-icon-disabled: rgba(163, 128, 255, 0.5);
+ --leo-private-icon-active: rgb(124, 145, 255);
+ --leo-private-browserbutton-background-hover: rgba(0, 0, 0, 0.25);
+ --leo-private-browserbutton-background-active: rgba(0, 0, 0, 0.4);
+ --leo-private-tabswitcher-button: rgb(42, 13, 88);
+ --leo-private-tabswitcher-background: rgb(61, 18, 123);
+ --leo-private-container-background-desktop: rgb(19, 5, 42);
+ --leo-private-container-background-mobile: rgb(42, 13, 88);
+ --leo-private-container-interactive: rgb(22, 16, 101);
+ --leo-private-container-scrim: rgba(19, 5, 42, 0.7);
+ --leo-private-container-legacy-frostedglass: rgba(255, 255, 255, 0.95);
+ --leo-private-material-thick: rgba(19, 5, 42, 0.85);
+ --leo-private-material-regular: rgba(19, 5, 42, 0.69);
+ --leo-private-material-thin: rgba(19, 5, 42, 0.51);
+ --leo-private-material-ultrathin: rgba(19, 5, 42, 0.35);
+ --leo-private-chrome-background-desktop: rgb(42, 13, 88);
+ --leo-private-chrome-background-mobile: rgb(19, 5, 42);
+ --leo-private-divider-subtle: rgba(123, 99, 191, 0.4);
+ --leo-private-divider-strong: rgba(163, 128, 255, 0.4);
+ --leo-private-tabbar-tabbar-background: rgb(19, 5, 42);
+ --leo-private-tabbar-tabactive-background: rgb(61, 18, 123);
+ --leo-private-os-color: rgb(255, 255, 255);
+ --leo-private-group-text: rgb(116, 195, 142);
+ --leo-private-group-background: rgba(116, 195, 142, 0.25);
+ --leo-tor-text-primary: rgb(250, 242, 255);
+ --leo-tor-text-secondary: rgb(227, 179, 255);
+ --leo-tor-text-tertiary: rgb(199, 108, 246);
+ --leo-tor-text-disabled: rgba(246, 232, 255, 0.5);
+ --leo-tor-text-interactive: rgb(124, 145, 255);
+ --leo-tor-icon-default: rgb(199, 108, 246);
+ --leo-tor-icon-disabled: rgba(199, 108, 246, 0.5);
+ --leo-tor-icon-active: rgb(124, 145, 255);
+ --leo-tor-browserbutton-background-hover: rgba(0, 0, 0, 0.25);
+ --leo-tor-browserbutton-background-active: rgba(0, 0, 0, 0.4);
+ --leo-tor-tabswitcher-button: rgb(53, 11, 73);
+ --leo-tor-tabswitcher-background: rgb(76, 15, 103);
+ --leo-tor-container-background-desktop: rgb(25, 4, 35);
+ --leo-tor-container-background-mobile: rgb(53, 11, 73);
+ --leo-tor-container-interactive: rgb(22, 16, 101);
+ --leo-tor-container-scrim: rgba(25, 4, 35, 0.7);
+ --leo-tor-container-legacy-frostedglass: rgba(255, 255, 255, 0.95);
+ --leo-tor-material-thick: rgba(25, 4, 35, 0.85);
+ --leo-tor-material-regular: rgba(25, 4, 35, 0.69);
+ --leo-tor-material-thin: rgba(25, 4, 35, 0.51);
+ --leo-tor-material-ultrathin: rgba(25, 4, 35, 0.35);
+ --leo-tor-chrome-background-desktop: rgb(53, 11, 73);
+ --leo-tor-chrome-background-mobile: rgb(25, 4, 35);
+ --leo-tor-divider-subtle: rgba(145, 94, 174, 0.4);
+ --leo-tor-divider-strong: rgba(199, 108, 246, 0.4);
+ --leo-tor-tabbar-tabbar-background: rgb(25, 4, 35);
+ --leo-tor-tabbar-tabactive-background: rgb(76, 15, 103);
+ --leo-tor-os-color: rgb(255, 255, 255);
+ --leo-tor-group-text: rgb(116, 195, 142);
+ --leo-tor-group-background: rgba(116, 195, 142, 0.25);
+ --leo-gradient-hero: linear-gradient(179.24640957924876deg, rgb(255, 85, 0) 0%, rgb(245, 0, 45) 100%);
--leo-gradient-icons-active: linear-gradient(321.5013256215316deg, rgb(250, 114, 80) 3%, rgb(255, 24, 147) 40%, rgb(167, 138, 255) 99%);
--leo-gradient-panel-background: linear-gradient(134.9999995731132deg, rgb(48, 6, 201) 0%, rgb(63, 57, 232) 100%);
--leo-gradient-panel-background-alternative: linear-gradient(134.9999995731132deg, rgb(63, 57, 232) 0%, rgb(135, 36, 168) 100%);
- --leo-gradient-toolbar-background: linear-gradient(134.9999995731132deg, rgb(231, 48, 79) 0%, rgb(178, 15, 150) 100%);
+ --leo-gradient-premiumindicator: linear-gradient(127.06278645486384deg, rgb(63, 57, 232) 0%, rgb(0, 186, 214) 100%);
+ --leo-gradient-toolbar-background: linear-gradient(314.9161155270921deg, rgb(236, 19, 73) 0%, rgb(212, 17, 115) 100%);
--leo-gradient-brave-release: linear-gradient(90deg, rgb(255, 85, 0) 0%, rgb(255, 85, 0) 33%, rgb(255, 32, 0) 67%, rgb(255, 32, 0) 100%);
--leo-gradient-brave-beta: linear-gradient(90deg, rgb(0, 153, 229) 0%, rgb(0, 89, 178) 50%, rgb(0, 43, 128) 100%);
--leo-gradient-brave-nightly: linear-gradient(90deg, rgb(144, 30, 225) 0%, rgb(101, 20, 158) 51%, rgb(72, 15, 113) 100%);
--leo-gradient-brave-debug: linear-gradient(90deg, rgb(108, 116, 147) 0%, rgb(87, 93, 117) 51%, rgb(54, 58, 73) 100%);
+ --leo-gradient-hero-legacy: linear-gradient(138.21219643124405deg, rgb(134, 10, 194) 7.000000000000001%, rgb(230, 25, 135) 68%, rgb(255, 71, 26) 96%);
--leo-effect-focus-state: 0px 0px 0px 1px rgba(255, 255, 255, 0.3), 0px 0px 0px 2px rgb(63, 57, 232);
- --leo-effect-notificationbackdrop-1: 0px 0px 12px 0px rgba(0, 0, 0, 0.12);
- --leo-effect-notificationbackdrop-2: 0px 0px 4px 0px rgba(0, 0, 0, 0.08);
+ --leo-effect-notificationbackdrop-1: 0px 2px 8px 0px rgba(0, 0, 0, 0.08);
+ --leo-effect-notificationbackdrop-2: 0px 1px 1px 0px rgba(0, 0, 0, 0.05);
--leo-effect-notificationbackdrop-3: inset 0px 0px 1px 0px rgba(255, 255, 255, 0.1);
--leo-radius-2xs: 1px;
--leo-radius-xs: 2px;
@@ -631,6 +599,8 @@
--leo-color-icon-disabled: rgba(104, 116, 133, 0.5);
--leo-color-button-background: rgb(63, 57, 232);
--leo-color-button-disabled: rgba(104, 116, 133, 0.3);
+ --leo-color-button-error-background: rgb(225, 31, 61);
+ --leo-color-button-success-background: rgb(60, 130, 60);
--leo-color-container-background: rgb(255, 255, 255);
--leo-color-container-highlight: rgb(237, 238, 241);
--leo-color-container-interactive: rgb(233, 238, 255);
@@ -779,13 +749,15 @@
--leo-color-icon-disabled: rgba(104, 116, 133, 0.5);
--leo-color-button-background: rgb(63, 57, 232);
--leo-color-button-disabled: rgba(104, 116, 133, 0.3);
+ --leo-color-button-error-background: rgb(225, 31, 61);
+ --leo-color-button-success-background: rgb(60, 130, 60);
--leo-color-container-background: rgb(13, 15, 20);
--leo-color-container-highlight: rgb(33, 36, 42);
--leo-color-container-interactive: rgb(22, 16, 101);
--leo-color-container-disabled: rgba(195, 201, 211, 0.18);
--leo-color-page-background: rgb(0, 0, 0);
--leo-color-divider-subtle: rgba(104, 116, 133, 0.4);
- --leo-color-divider-strong: rgba(104, 116, 133, 0.4);
+ --leo-color-divider-strong: rgba(161, 171, 186, 0.4);
--leo-color-divider-interactive: rgba(124, 145, 255, 0.4);
--leo-color-dialogs-scrim-background: rgba(33, 36, 42, 0.7);
--leo-color-dialogs-frosted-glass-background: rgba(13, 15, 20, 0.9);
@@ -793,16 +765,16 @@
--leo-color-dialogs-button-transparent-default: rgba(13, 15, 20, 0.35);
--leo-color-dialogs-button-transparent-hover: rgba(13, 15, 20, 0.5);
--leo-color-systemfeedback-info-text: rgb(199, 225, 255);
- --leo-color-systemfeedback-info-icon: rgb(16, 117, 201);
+ --leo-color-systemfeedback-info-icon: rgb(57, 159, 255);
--leo-color-systemfeedback-info-background: rgb(7, 37, 66);
- --leo-color-systemfeedback-success-text: rgb(224, 252, 222);
- --leo-color-systemfeedback-success-icon: rgb(60, 130, 60);
+ --leo-color-systemfeedback-success-text: rgb(182, 240, 180);
+ --leo-color-systemfeedback-success-icon: rgb(42, 186, 50);
--leo-color-systemfeedback-success-background: rgb(9, 44, 9);
- --leo-color-systemfeedback-warning-text: rgb(252, 243, 217);
- --leo-color-systemfeedback-warning-icon: rgb(140, 111, 3);
+ --leo-color-systemfeedback-warning-text: rgb(248, 220, 144);
+ --leo-color-systemfeedback-warning-icon: rgb(189, 150, 0);
--leo-color-systemfeedback-warning-background: rgb(45, 35, 7);
- --leo-color-systemfeedback-error-text: rgb(255, 232, 231);
- --leo-color-systemfeedback-error-icon: rgb(225, 31, 61);
+ --leo-color-systemfeedback-error-text: rgb(255, 209, 207);
+ --leo-color-systemfeedback-error-icon: rgb(255, 90, 99);
--leo-color-systemfeedback-error-background: rgb(70, 10, 16);
--leo-color-gray-10: rgb(33, 36, 42);
--leo-color-gray-20: rgb(48, 52, 61);
@@ -926,6 +898,8 @@
--leo-color-icon-disabled: rgba(104, 116, 133, 0.5);
--leo-color-button-background: rgb(63, 57, 232);
--leo-color-button-disabled: rgba(104, 116, 133, 0.3);
+ --leo-color-button-error-background: rgb(225, 31, 61);
+ --leo-color-button-success-background: rgb(60, 130, 60);
--leo-color-container-background: rgb(255, 255, 255);
--leo-color-container-highlight: rgb(237, 238, 241);
--leo-color-container-interactive: rgb(233, 238, 255);
@@ -1072,13 +1046,15 @@
--leo-color-icon-disabled: rgba(104, 116, 133, 0.5);
--leo-color-button-background: rgb(63, 57, 232);
--leo-color-button-disabled: rgba(104, 116, 133, 0.3);
+ --leo-color-button-error-background: rgb(225, 31, 61);
+ --leo-color-button-success-background: rgb(60, 130, 60);
--leo-color-container-background: rgb(13, 15, 20);
--leo-color-container-highlight: rgb(33, 36, 42);
--leo-color-container-interactive: rgb(22, 16, 101);
--leo-color-container-disabled: rgba(195, 201, 211, 0.18);
--leo-color-page-background: rgb(0, 0, 0);
--leo-color-divider-subtle: rgba(104, 116, 133, 0.4);
- --leo-color-divider-strong: rgba(104, 116, 133, 0.4);
+ --leo-color-divider-strong: rgba(161, 171, 186, 0.4);
--leo-color-divider-interactive: rgba(124, 145, 255, 0.4);
--leo-color-dialogs-scrim-background: rgba(33, 36, 42, 0.7);
--leo-color-dialogs-frosted-glass-background: rgba(13, 15, 20, 0.9);
@@ -1086,16 +1062,16 @@
--leo-color-dialogs-button-transparent-default: rgba(13, 15, 20, 0.35);
--leo-color-dialogs-button-transparent-hover: rgba(13, 15, 20, 0.5);
--leo-color-systemfeedback-info-text: rgb(199, 225, 255);
- --leo-color-systemfeedback-info-icon: rgb(16, 117, 201);
+ --leo-color-systemfeedback-info-icon: rgb(57, 159, 255);
--leo-color-systemfeedback-info-background: rgb(7, 37, 66);
- --leo-color-systemfeedback-success-text: rgb(224, 252, 222);
- --leo-color-systemfeedback-success-icon: rgb(60, 130, 60);
+ --leo-color-systemfeedback-success-text: rgb(182, 240, 180);
+ --leo-color-systemfeedback-success-icon: rgb(42, 186, 50);
--leo-color-systemfeedback-success-background: rgb(9, 44, 9);
- --leo-color-systemfeedback-warning-text: rgb(252, 243, 217);
- --leo-color-systemfeedback-warning-icon: rgb(140, 111, 3);
+ --leo-color-systemfeedback-warning-text: rgb(248, 220, 144);
+ --leo-color-systemfeedback-warning-icon: rgb(189, 150, 0);
--leo-color-systemfeedback-warning-background: rgb(45, 35, 7);
- --leo-color-systemfeedback-error-text: rgb(255, 232, 231);
- --leo-color-systemfeedback-error-icon: rgb(225, 31, 61);
+ --leo-color-systemfeedback-error-text: rgb(255, 209, 207);
+ --leo-color-systemfeedback-error-icon: rgb(255, 90, 99);
--leo-color-systemfeedback-error-background: rgb(70, 10, 16);
--leo-color-gray-10: rgb(33, 36, 42);
--leo-color-gray-20: rgb(48, 52, 61);
|
|
Looks like our commit previews are broken. @brave/devops-team, any ideas? |
Fix: #480 |
|
👋 Thanks for Submitting! This PR is available for preview at the link below. ✅ PR tip preview: https://466.pr.nala.bravesoftware.com/ Variables Diff--- ./tokens/css/variables.old.css 2023-11-15 08:25:48.897581604 +0000
+++ ./tokens/css/variables.css 2023-11-15 08:25:23.061529692 +0000
@@ -1,415 +1,261 @@
/**
* Do not edit directly
- * Generated on Tue Nov 14 2023 23:49:26 GMT+0000 (Coordinated Universal Time)
+ * Generated on Wed Nov 15 2023 08:25:23 GMT+0000 (Coordinated Universal Time)
*/
:root {
- --leo-font-macos-large-regular: 400 16px/19.2px SF Pro Text;
- --leo-font-macos-large-semibold: 600 16px/19.2px SF Pro Text;
- --leo-font-macos-default-regular: 400 14px/16.8px SF Pro Text;
- --leo-font-macos-default-semibold: 600 14px/16.8px SF Pro Text;
- --leo-font-macos-small-regular: 400 13px/15.6px SF Pro Text;
- --leo-font-macos-small-semibold: 600 13px/15.6px SF Pro Text;
- --leo-font-macos-x-small-regular: 400 12px/14.4px SF Pro Text;
- --leo-font-macos-x-small-semibold: 600 12px/14.4px SF Pro Text;
- --leo-font-windows-large-regular: 400 16px/19.2px Segoe UI Variable;
- --leo-font-windows-large-semibold: 600 16px/19.2px Segoe UI Variable;
- --leo-font-windows-default-regular: 400 14px/16.8px Segoe UI Variable;
- --leo-font-windows-default-semibold: 600 14px/16.8px Segoe UI Variable;
- --leo-font-windows-small-regular: 400 13px/15.6px Segoe UI Variable;
- --leo-font-windows-small-semibold: 600 13px/15.6px Segoe UI Variable;
- --leo-font-windows-x-small-regular: 400 12px/14.4px Segoe UI Variable;
- --leo-font-windows-x-small-semibold: 600 12px/14.4px Segoe UI Variable;
- --leo-font-primary-heading-display1: 500 52px/78px Poppins;
- --leo-font-primary-heading-display2: 500 36px/54px Poppins;
- --leo-font-primary-heading-h1: 500 32px/48px Poppins;
- --leo-font-primary-heading-h2: 500 28px/40px Poppins;
- --leo-font-primary-heading-h3: 500 22px/32px Poppins;
- --leo-font-primary-heading-h4: 600 16px/24px Poppins;
- --leo-font-primary-large-regular: 400 16px/28px Poppins;
- --leo-font-primary-large-semibold: 600 16px/28px Poppins;
- --leo-font-primary-default-regular: 400 14px/24px Poppins;
- --leo-font-primary-default-semibold: 600 14px/24px Poppins;
- --leo-font-primary-small-regular: 400 12px/18px Poppins;
- --leo-font-primary-small-semibold: 600 12px/18px Poppins;
- --leo-font-primary-x-small-regular: 400 11px/16px Poppins;
- --leo-font-primary-x-small-semibold: 600 11px/16px Poppins;
- --leo-font-secondary-heading-display1: 500 52px/78px Manrope;
- --leo-font-secondary-heading-display2: 500 36px/54px Manrope;
- --leo-font-secondary-heading-h1: 500 32px/48px Manrope;
- --leo-font-secondary-heading-h2: 500 28px/40px Manrope;
- --leo-font-secondary-heading-h3: 500 22px/32px Manrope;
- --leo-font-secondary-heading-h4: 600 16px/24px Manrope;
- --leo-font-secondary-large-regular: 500 16px/28px Manrope;
- --leo-font-secondary-large-semibold: 700 16px/28px Manrope;
- --leo-font-secondary-default-regular: 500 14px/24px Manrope;
- --leo-font-secondary-default-semibold: 700 14px/24px Manrope;
- --leo-font-secondary-small-regular: 500 12px/18px Manrope;
- --leo-font-secondary-small-semibold: 700 12px/18px Manrope;
- --leo-font-secondary-x-small-default: 500 11px/16px Manrope;
- --leo-font-secondary-x-small-semibold: 700 11px/16px Manrope;
- --leo-font-monospace-large: 400 16px/28px SF Mono;
- --leo-font-monospace-default: 400 14px/24px SF Mono;
- --leo-font-monospace-small: 400 12px/18px SF Mono;
- --leo-font-mobile-primary-heading-display1: 500 32px/48px Poppins;
- --leo-font-mobile-primary-heading-display2: 500 28px/42px Poppins;
- --leo-font-mobile-primary-heading-h1: 500 28px/40px Poppins;
- --leo-font-mobile-primary-heading-h2: 500 22px/32px Poppins;
- --leo-font-mobile-primary-heading-h3: 500 18px/28px Poppins;
- --leo-font-mobile-primary-heading-h4: 600 16px/24px Poppins;
- --leo-font-components-label: 600 10px/12px Poppins;
- --leo-font-components-tableheader: 500 13px/20px Poppins;
- --leo-font-components-navbutton: 600 15px/20px Poppins;
- --leo-font-components-button-small: 600 12px/16px Poppins;
- --leo-font-components-button-default: 600 13px/20px Poppins;
+ --leo-font-browser-large-regular: 400 16px/19.2px Inter;
+ --leo-font-browser-large-semibold: 600 16px/19.2px Inter;
+ --leo-font-browser-default-regular: 400 14px/16.8px Inter;
+ --leo-font-browser-default-semibold: 600 14px/16.8px Inter;
+ --leo-font-browser-small-regular: 400 13px/15.6px Inter;
+ --leo-font-browser-small-semibold: 600 13px/15.6px Inter;
+ --leo-font-browser-x-small-regular: 400 12px/14.4px Inter;
+ --leo-font-browser-x-small-semibold: 600 12px/14.4px Inter;
+ --leo-font-heading-display1: 500 52px/68px Poppins;
+ --leo-font-heading-display2: 500 36px/46px Poppins;
+ --leo-font-heading-h1: 500 32px/42px Poppins;
+ --leo-font-heading-h2: 500 28px/36px Poppins;
+ --leo-font-heading-h3: 500 22px/28px Poppins;
+ --leo-font-heading-h4: 600 16px/26px Poppins;
+ --leo-font-large-regular: 400 16px/26px Inter;
+ --leo-font-large-semibold: 600 16px/26px Inter;
+ --leo-font-default-regular: 400 14px/22px Inter;
+ --leo-font-default-semibold: 600 14px/22px Inter;
+ --leo-font-small-regular: 400 12px/20px Inter;
+ --leo-font-small-semibold: 600 12px/20px Inter;
+ --leo-font-x-small-regular: 400 11px/18px Inter;
+ --leo-font-x-small-semibold: 600 11px/18px Inter;
+ --leo-font-monospace-large: 400 16px/26px DM Mono;
+ --leo-font-monospace-default: 400 14px/22px DM Mono;
+ --leo-font-monospace-small: 400 12px/20px DM Mono;
+ --leo-font-mobile-heading-display1: 500 32px/42px Poppins;
+ --leo-font-mobile-heading-display2: 500 28px/36px Poppins;
+ --leo-font-mobile-heading-h1: 500 28px/36px Poppins;
+ --leo-font-mobile-heading-h2: 500 22px/28px Poppins;
+ --leo-font-mobile-heading-h3: 500 18px/26px Poppins;
+ --leo-font-mobile-heading-h4: 600 16px/26px Poppins;
+ --leo-font-components-label: 700 10px/12px Inter;
+ --leo-font-components-tableheader: 500 13px/15.6px Inter;
+ --leo-font-components-navbutton: 600 14px/22px Poppins;
+ --leo-font-components-button-small: 600 12px/20px Poppins;
+ --leo-font-components-button-default: 600 13px/21px Poppins;
--leo-font-components-button-large: 600 14px/22px Poppins;
- --leo-font-components-button-jumbo: 600 16px/24px Poppins;
- --leo-typography-macos-large-regular-font-size: 16px;
- --leo-typography-macos-large-regular-font-weight: 400px;
- --leo-typography-macos-large-regular-letter-spacing: -0.08px;
- --leo-typography-macos-large-regular-line-height: 19.2px;
- --leo-typography-macos-large-regular-paragraph-indent: 0;
- --leo-typography-macos-large-regular-paragraph-spacing: 0;
- --leo-typography-macos-large-semibold-font-size: 16px;
- --leo-typography-macos-large-semibold-font-weight: 600px;
- --leo-typography-macos-large-semibold-letter-spacing: -0.08px;
- --leo-typography-macos-large-semibold-line-height: 19.2px;
- --leo-typography-macos-large-semibold-paragraph-indent: 0;
- --leo-typography-macos-large-semibold-paragraph-spacing: 0;
- --leo-typography-macos-default-regular-font-size: 14px;
- --leo-typography-macos-default-regular-font-weight: 400px;
- --leo-typography-macos-default-regular-letter-spacing: -0.08px;
- --leo-typography-macos-default-regular-line-height: 16.8px;
- --leo-typography-macos-default-regular-paragraph-indent: 0;
- --leo-typography-macos-default-regular-paragraph-spacing: 0;
- --leo-typography-macos-default-semibold-font-size: 14px;
- --leo-typography-macos-default-semibold-font-weight: 600px;
- --leo-typography-macos-default-semibold-letter-spacing: -0.08px;
- --leo-typography-macos-default-semibold-line-height: 16.8px;
- --leo-typography-macos-default-semibold-paragraph-indent: 0;
- --leo-typography-macos-default-semibold-paragraph-spacing: 0;
- --leo-typography-macos-small-regular-font-size: 13px;
- --leo-typography-macos-small-regular-font-weight: 400px;
- --leo-typography-macos-small-regular-letter-spacing: -0.29px;
- --leo-typography-macos-small-regular-line-height: 15.6px;
- --leo-typography-macos-small-regular-paragraph-indent: 0;
- --leo-typography-macos-small-regular-paragraph-spacing: 0;
- --leo-typography-macos-small-semibold-font-size: 13px;
- --leo-typography-macos-small-semibold-font-weight: 600px;
- --leo-typography-macos-small-semibold-letter-spacing: -0.29px;
- --leo-typography-macos-small-semibold-line-height: 15.6px;
- --leo-typography-macos-small-semibold-paragraph-indent: 0;
- --leo-typography-macos-small-semibold-paragraph-spacing: 0;
- --leo-typography-macos-x-small-regular-font-size: 12px;
- --leo-typography-macos-x-small-regular-font-weight: 400px;
- --leo-typography-macos-x-small-regular-letter-spacing: -0.29px;
- --leo-typography-macos-x-small-regular-line-height: 14.4px;
- --leo-typography-macos-x-small-regular-paragraph-indent: 0;
- --leo-typography-macos-x-small-regular-paragraph-spacing: 0;
- --leo-typography-macos-x-small-semibold-font-size: 12px;
- --leo-typography-macos-x-small-semibold-font-weight: 600px;
- --leo-typography-macos-x-small-semibold-letter-spacing: -0.29px;
- --leo-typography-macos-x-small-semibold-line-height: 14.4px;
- --leo-typography-macos-x-small-semibold-paragraph-indent: 0;
- --leo-typography-macos-x-small-semibold-paragraph-spacing: 0;
- --leo-typography-windows-large-regular-font-size: 16px;
- --leo-typography-windows-large-regular-font-weight: 400px;
- --leo-typography-windows-large-regular-letter-spacing: 0;
- --leo-typography-windows-large-regular-line-height: 19.2px;
- --leo-typography-windows-large-regular-paragraph-indent: 0;
- --leo-typography-windows-large-regular-paragraph-spacing: 0;
- --leo-typography-windows-large-semibold-font-size: 16px;
- --leo-typography-windows-large-semibold-font-weight: 600px;
- --leo-typography-windows-large-semibold-letter-spacing: 0;
- --leo-typography-windows-large-semibold-line-height: 19.2px;
- --leo-typography-windows-large-semibold-paragraph-indent: 0;
- --leo-typography-windows-large-semibold-paragraph-spacing: 0;
- --leo-typography-windows-default-regular-font-size: 14px;
- --leo-typography-windows-default-regular-font-weight: 400px;
- --leo-typography-windows-default-regular-letter-spacing: 0;
- --leo-typography-windows-default-regular-line-height: 16.8px;
- --leo-typography-windows-default-regular-paragraph-indent: 0;
- --leo-typography-windows-default-regular-paragraph-spacing: 0;
- --leo-typography-windows-default-semibold-font-size: 14px;
- --leo-typography-windows-default-semibold-font-weight: 600px;
- --leo-typography-windows-default-semibold-letter-spacing: 0;
- --leo-typography-windows-default-semibold-line-height: 16.8px;
- --leo-typography-windows-default-semibold-paragraph-indent: 0;
- --leo-typography-windows-default-semibold-paragraph-spacing: 0;
- --leo-typography-windows-small-regular-font-size: 13px;
- --leo-typography-windows-small-regular-font-weight: 400px;
- --leo-typography-windows-small-regular-letter-spacing: 0;
- --leo-typography-windows-small-regular-line-height: 15.6px;
- --leo-typography-windows-small-regular-paragraph-indent: 0;
- --leo-typography-windows-small-regular-paragraph-spacing: 0;
- --leo-typography-windows-small-semibold-font-size: 13px;
- --leo-typography-windows-small-semibold-font-weight: 600px;
- --leo-typography-windows-small-semibold-letter-spacing: 0;
- --leo-typography-windows-small-semibold-line-height: 15.6px;
- --leo-typography-windows-small-semibold-paragraph-indent: 0;
- --leo-typography-windows-small-semibold-paragraph-spacing: 0;
- --leo-typography-windows-x-small-regular-font-size: 12px;
- --leo-typography-windows-x-small-regular-font-weight: 400px;
- --leo-typography-windows-x-small-regular-letter-spacing: 0;
- --leo-typography-windows-x-small-regular-line-height: 14.4px;
- --leo-typography-windows-x-small-regular-paragraph-indent: 0;
- --leo-typography-windows-x-small-regular-paragraph-spacing: 0;
- --leo-typography-windows-x-small-semibold-font-size: 12px;
- --leo-typography-windows-x-small-semibold-font-weight: 600px;
- --leo-typography-windows-x-small-semibold-letter-spacing: 0;
- --leo-typography-windows-x-small-semibold-line-height: 14.4px;
- --leo-typography-windows-x-small-semibold-paragraph-indent: 0;
- --leo-typography-windows-x-small-semibold-paragraph-spacing: 0;
- --leo-typography-primary-heading-display1-font-size: 52px;
- --leo-typography-primary-heading-display1-font-weight: 500px;
- --leo-typography-primary-heading-display1-letter-spacing: 0;
- --leo-typography-primary-heading-display1-line-height: 78px;
- --leo-typography-primary-heading-display1-paragraph-indent: 0;
- --leo-typography-primary-heading-display1-paragraph-spacing: 0;
- --leo-typography-primary-heading-display2-font-size: 36px;
- --leo-typography-primary-heading-display2-font-weight: 500px;
- --leo-typography-primary-heading-display2-letter-spacing: 0;
- --leo-typography-primary-heading-display2-line-height: 54px;
- --leo-typography-primary-heading-display2-paragraph-indent: 0;
- --leo-typography-primary-heading-display2-paragraph-spacing: 0;
- --leo-typography-primary-heading-h1-font-size: 32px;
- --leo-typography-primary-heading-h1-font-weight: 500px;
- --leo-typography-primary-heading-h1-letter-spacing: 0;
- --leo-typography-primary-heading-h1-line-height: 48px;
- --leo-typography-primary-heading-h1-paragraph-indent: 0;
- --leo-typography-primary-heading-h1-paragraph-spacing: 0;
- --leo-typography-primary-heading-h2-font-size: 28px;
- --leo-typography-primary-heading-h2-font-weight: 500px;
- --leo-typography-primary-heading-h2-letter-spacing: 0;
- --leo-typography-primary-heading-h2-line-height: 40px;
- --leo-typography-primary-heading-h2-paragraph-indent: 0;
- --leo-typography-primary-heading-h2-paragraph-spacing: 0;
- --leo-typography-primary-heading-h3-font-size: 22px;
- --leo-typography-primary-heading-h3-font-weight: 500px;
- --leo-typography-primary-heading-h3-letter-spacing: 0;
- --leo-typography-primary-heading-h3-line-height: 32px;
- --leo-typography-primary-heading-h3-paragraph-indent: 0;
- --leo-typography-primary-heading-h3-paragraph-spacing: 0;
- --leo-typography-primary-heading-h4-font-size: 16px;
- --leo-typography-primary-heading-h4-font-weight: 600px;
- --leo-typography-primary-heading-h4-letter-spacing: 0;
- --leo-typography-primary-heading-h4-line-height: 24px;
- --leo-typography-primary-heading-h4-paragraph-indent: 0;
- --leo-typography-primary-heading-h4-paragraph-spacing: 0;
- --leo-typography-primary-large-regular-font-size: 16px;
- --leo-typography-primary-large-regular-font-weight: 400px;
- --leo-typography-primary-large-regular-letter-spacing: 0;
- --leo-typography-primary-large-regular-line-height: 28px;
- --leo-typography-primary-large-regular-paragraph-indent: 0;
- --leo-typography-primary-large-regular-paragraph-spacing: 0;
- --leo-typography-primary-large-semibold-font-size: 16px;
- --leo-typography-primary-large-semibold-font-weight: 600px;
- --leo-typography-primary-large-semibold-letter-spacing: 0;
- --leo-typography-primary-large-semibold-line-height: 28px;
- --leo-typography-primary-large-semibold-paragraph-indent: 0;
- --leo-typography-primary-large-semibold-paragraph-spacing: 0;
- --leo-typography-primary-default-regular-font-size: 14px;
- --leo-typography-primary-default-regular-font-weight: 400px;
- --leo-typography-primary-default-regular-letter-spacing: 0;
- --leo-typography-primary-default-regular-line-height: 24px;
- --leo-typography-primary-default-regular-paragraph-indent: 0;
- --leo-typography-primary-default-regular-paragraph-spacing: 0;
- --leo-typography-primary-default-semibold-font-size: 14px;
- --leo-typography-primary-default-semibold-font-weight: 600px;
- --leo-typography-primary-default-semibold-letter-spacing: 0;
- --leo-typography-primary-default-semibold-line-height: 24px;
- --leo-typography-primary-default-semibold-paragraph-indent: 0;
- --leo-typography-primary-default-semibold-paragraph-spacing: 0;
- --leo-typography-primary-small-regular-font-size: 12px;
- --leo-typography-primary-small-regular-font-weight: 400px;
- --leo-typography-primary-small-regular-letter-spacing: 0;
- --leo-typography-primary-small-regular-line-height: 18px;
- --leo-typography-primary-small-regular-paragraph-indent: 0;
- --leo-typography-primary-small-regular-paragraph-spacing: 0;
- --leo-typography-primary-small-semibold-font-size: 12px;
- --leo-typography-primary-small-semibold-font-weight: 600px;
- --leo-typography-primary-small-semibold-letter-spacing: 0;
- --leo-typography-primary-small-semibold-line-height: 18px;
- --leo-typography-primary-small-semibold-paragraph-indent: 0;
- --leo-typography-primary-small-semibold-paragraph-spacing: 0;
- --leo-typography-primary-x-small-regular-font-size: 11px;
- --leo-typography-primary-x-small-regular-font-weight: 400px;
- --leo-typography-primary-x-small-regular-letter-spacing: 0;
- --leo-typography-primary-x-small-regular-line-height: 16px;
- --leo-typography-primary-x-small-regular-paragraph-indent: 0;
- --leo-typography-primary-x-small-regular-paragraph-spacing: 0;
- --leo-typography-primary-x-small-semibold-font-size: 11px;
- --leo-typography-primary-x-small-semibold-font-weight: 600px;
- --leo-typography-primary-x-small-semibold-letter-spacing: 0;
- --leo-typography-primary-x-small-semibold-line-height: 16px;
- --leo-typography-primary-x-small-semibold-paragraph-indent: 0;
- --leo-typography-primary-x-small-semibold-paragraph-spacing: 0;
- --leo-typography-secondary-heading-display1-font-size: 52px;
- --leo-typography-secondary-heading-display1-font-weight: 500px;
- --leo-typography-secondary-heading-display1-letter-spacing: 0;
- --leo-typography-secondary-heading-display1-line-height: 78px;
- --leo-typography-secondary-heading-display1-paragraph-indent: 0;
- --leo-typography-secondary-heading-display1-paragraph-spacing: 0;
- --leo-typography-secondary-heading-display2-font-size: 36px;
- --leo-typography-secondary-heading-display2-font-weight: 500px;
- --leo-typography-secondary-heading-display2-letter-spacing: 0;
- --leo-typography-secondary-heading-display2-line-height: 54px;
- --leo-typography-secondary-heading-display2-paragraph-indent: 0;
- --leo-typography-secondary-heading-display2-paragraph-spacing: 0;
- --leo-typography-secondary-heading-h1-font-size: 32px;
- --leo-typography-secondary-heading-h1-font-weight: 500px;
- --leo-typography-secondary-heading-h1-letter-spacing: 0;
- --leo-typography-secondary-heading-h1-line-height: 48px;
- --leo-typography-secondary-heading-h1-paragraph-indent: 0;
- --leo-typography-secondary-heading-h1-paragraph-spacing: 0;
- --leo-typography-secondary-heading-h2-font-size: 28px;
- --leo-typography-secondary-heading-h2-font-weight: 500px;
- --leo-typography-secondary-heading-h2-letter-spacing: 0;
- --leo-typography-secondary-heading-h2-line-height: 40px;
- --leo-typography-secondary-heading-h2-paragraph-indent: 0;
- --leo-typography-secondary-heading-h2-paragraph-spacing: 0;
- --leo-typography-secondary-heading-h3-font-size: 22px;
- --leo-typography-secondary-heading-h3-font-weight: 500px;
- --leo-typography-secondary-heading-h3-letter-spacing: 0;
- --leo-typography-secondary-heading-h3-line-height: 32px;
- --leo-typography-secondary-heading-h3-paragraph-indent: 0;
- --leo-typography-secondary-heading-h3-paragraph-spacing: 0;
- --leo-typography-secondary-heading-h4-font-size: 16px;
- --leo-typography-secondary-heading-h4-font-weight: 600px;
- --leo-typography-secondary-heading-h4-letter-spacing: 0.32px;
- --leo-typography-secondary-heading-h4-line-height: 24px;
- --leo-typography-secondary-heading-h4-paragraph-indent: 0;
- --leo-typography-secondary-heading-h4-paragraph-spacing: 0;
- --leo-typography-secondary-large-regular-font-size: 16px;
- --leo-typography-secondary-large-regular-font-weight: 500px;
- --leo-typography-secondary-large-regular-letter-spacing: 0.16px;
- --leo-typography-secondary-large-regular-line-height: 28px;
- --leo-typography-secondary-large-regular-paragraph-indent: 0;
- --leo-typography-secondary-large-regular-paragraph-spacing: 0;
- --leo-typography-secondary-large-semibold-font-size: 16px;
- --leo-typography-secondary-large-semibold-font-weight: 700px;
- --leo-typography-secondary-large-semibold-letter-spacing: 0.16px;
- --leo-typography-secondary-large-semibold-line-height: 28px;
- --leo-typography-secondary-large-semibold-paragraph-indent: 0;
- --leo-typography-secondary-large-semibold-paragraph-spacing: 0;
- --leo-typography-secondary-default-regular-font-size: 14px;
- --leo-typography-secondary-default-regular-font-weight: 500px;
- --leo-typography-secondary-default-regular-letter-spacing: 0.28px;
- --leo-typography-secondary-default-regular-line-height: 24px;
- --leo-typography-secondary-default-regular-paragraph-indent: 0;
- --leo-typography-secondary-default-regular-paragraph-spacing: 0;
- --leo-typography-secondary-default-semibold-font-size: 14px;
- --leo-typography-secondary-default-semibold-font-weight: 700px;
- --leo-typography-secondary-default-semibold-letter-spacing: 0.28px;
- --leo-typography-secondary-default-semibold-line-height: 24px;
- --leo-typography-secondary-default-semibold-paragraph-indent: 0;
- --leo-typography-secondary-default-semibold-paragraph-spacing: 0;
- --leo-typography-secondary-small-regular-font-size: 12px;
- --leo-typography-secondary-small-regular-font-weight: 500px;
- --leo-typography-secondary-small-regular-letter-spacing: 0.24px;
- --leo-typography-secondary-small-regular-line-height: 18px;
- --leo-typography-secondary-small-regular-paragraph-indent: 0;
- --leo-typography-secondary-small-regular-paragraph-spacing: 0;
- --leo-typography-secondary-small-semibold-font-size: 12px;
- --leo-typography-secondary-small-semibold-font-weight: 700px;
- --leo-typography-secondary-small-semibold-letter-spacing: 0.24px;
- --leo-typography-secondary-small-semibold-line-height: 18px;
- --leo-typography-secondary-small-semibold-paragraph-indent: 0;
- --leo-typography-secondary-small-semibold-paragraph-spacing: 0;
- --leo-typography-secondary-x-small-default-font-size: 11px;
- --leo-typography-secondary-x-small-default-font-weight: 500px;
- --leo-typography-secondary-x-small-default-letter-spacing: 0.22px;
- --leo-typography-secondary-x-small-default-line-height: 16px;
- --leo-typography-secondary-x-small-default-paragraph-indent: 0;
- --leo-typography-secondary-x-small-default-paragraph-spacing: 0;
- --leo-typography-secondary-x-small-semibold-font-size: 11px;
- --leo-typography-secondary-x-small-semibold-font-weight: 700px;
- --leo-typography-secondary-x-small-semibold-letter-spacing: 0.22px;
- --leo-typography-secondary-x-small-semibold-line-height: 16px;
- --leo-typography-secondary-x-small-semibold-paragraph-indent: 0;
- --leo-typography-secondary-x-small-semibold-paragraph-spacing: 0;
+ --leo-font-components-button-jumbo: 600 16px/22px Poppins;
+ --leo-typography-browser-large-regular-font-size: 16px;
+ --leo-typography-browser-large-regular-font-weight: 400px;
+ --leo-typography-browser-large-regular-letter-spacing: -0.2px;
+ --leo-typography-browser-large-regular-line-height: 19.2px;
+ --leo-typography-browser-large-regular-paragraph-indent: 0;
+ --leo-typography-browser-large-regular-paragraph-spacing: 0;
+ --leo-typography-browser-large-semibold-font-size: 16px;
+ --leo-typography-browser-large-semibold-font-weight: 600px;
+ --leo-typography-browser-large-semibold-letter-spacing: -0.2px;
+ --leo-typography-browser-large-semibold-line-height: 19.2px;
+ --leo-typography-browser-large-semibold-paragraph-indent: 0;
+ --leo-typography-browser-large-semibold-paragraph-spacing: 0;
+ --leo-typography-browser-default-regular-font-size: 14px;
+ --leo-typography-browser-default-regular-font-weight: 400px;
+ --leo-typography-browser-default-regular-letter-spacing: -0.1px;
+ --leo-typography-browser-default-regular-line-height: 16.8px;
+ --leo-typography-browser-default-regular-paragraph-indent: 0;
+ --leo-typography-browser-default-regular-paragraph-spacing: 0;
+ --leo-typography-browser-default-semibold-font-size: 14px;
+ --leo-typography-browser-default-semibold-font-weight: 600px;
+ --leo-typography-browser-default-semibold-letter-spacing: -0.1px;
+ --leo-typography-browser-default-semibold-line-height: 16.8px;
+ --leo-typography-browser-default-semibold-paragraph-indent: 0;
+ --leo-typography-browser-default-semibold-paragraph-spacing: 0;
+ --leo-typography-browser-small-regular-font-size: 13px;
+ --leo-typography-browser-small-regular-font-weight: 400px;
+ --leo-typography-browser-small-regular-letter-spacing: 0;
+ --leo-typography-browser-small-regular-line-height: 15.6px;
+ --leo-typography-browser-small-regular-paragraph-indent: 0;
+ --leo-typography-browser-small-regular-paragraph-spacing: 0;
+ --leo-typography-browser-small-semibold-font-size: 13px;
+ --leo-typography-browser-small-semibold-font-weight: 600px;
+ --leo-typography-browser-small-semibold-letter-spacing: 0;
+ --leo-typography-browser-small-semibold-line-height: 15.6px;
+ --leo-typography-browser-small-semibold-paragraph-indent: 0;
+ --leo-typography-browser-small-semibold-paragraph-spacing: 0;
+ --leo-typography-browser-x-small-regular-font-size: 12px;
+ --leo-typography-browser-x-small-regular-font-weight: 400px;
+ --leo-typography-browser-x-small-regular-letter-spacing: 0;
+ --leo-typography-browser-x-small-regular-line-height: 14.4px;
+ --leo-typography-browser-x-small-regular-paragraph-indent: 0;
+ --leo-typography-browser-x-small-regular-paragraph-spacing: 0;
+ --leo-typography-browser-x-small-semibold-font-size: 12px;
+ --leo-typography-browser-x-small-semibold-font-weight: 600px;
+ --leo-typography-browser-x-small-semibold-letter-spacing: 0;
+ --leo-typography-browser-x-small-semibold-line-height: 14.4px;
+ --leo-typography-browser-x-small-semibold-paragraph-indent: 0;
+ --leo-typography-browser-x-small-semibold-paragraph-spacing: 0;
+ --leo-typography-heading-display1-font-size: 52px;
+ --leo-typography-heading-display1-font-weight: 500px;
+ --leo-typography-heading-display1-letter-spacing: 0;
+ --leo-typography-heading-display1-line-height: 68px;
+ --leo-typography-heading-display1-paragraph-indent: 0;
+ --leo-typography-heading-display1-paragraph-spacing: 0;
+ --leo-typography-heading-display2-font-size: 36px;
+ --leo-typography-heading-display2-font-weight: 500px;
+ --leo-typography-heading-display2-letter-spacing: 0;
+ --leo-typography-heading-display2-line-height: 46px;
+ --leo-typography-heading-display2-paragraph-indent: 0;
+ --leo-typography-heading-display2-paragraph-spacing: 0;
+ --leo-typography-heading-h1-font-size: 32px;
+ --leo-typography-heading-h1-font-weight: 500px;
+ --leo-typography-heading-h1-letter-spacing: 0;
+ --leo-typography-heading-h1-line-height: 42px;
+ --leo-typography-heading-h1-paragraph-indent: 0;
+ --leo-typography-heading-h1-paragraph-spacing: 0;
+ --leo-typography-heading-h2-font-size: 28px;
+ --leo-typography-heading-h2-font-weight: 500px;
+ --leo-typography-heading-h2-letter-spacing: 0;
+ --leo-typography-heading-h2-line-height: 36px;
+ --leo-typography-heading-h2-paragraph-indent: 0;
+ --leo-typography-heading-h2-paragraph-spacing: 0;
+ --leo-typography-heading-h3-font-size: 22px;
+ --leo-typography-heading-h3-font-weight: 500px;
+ --leo-typography-heading-h3-letter-spacing: 0;
+ --leo-typography-heading-h3-line-height: 28px;
+ --leo-typography-heading-h3-paragraph-indent: 0;
+ --leo-typography-heading-h3-paragraph-spacing: 0;
+ --leo-typography-heading-h4-font-size: 16px;
+ --leo-typography-heading-h4-font-weight: 600px;
+ --leo-typography-heading-h4-letter-spacing: 0;
+ --leo-typography-heading-h4-line-height: 26px;
+ --leo-typography-heading-h4-paragraph-indent: 0;
+ --leo-typography-heading-h4-paragraph-spacing: 0;
+ --leo-typography-large-regular-font-size: 16px;
+ --leo-typography-large-regular-font-weight: 400px;
+ --leo-typography-large-regular-letter-spacing: -0.2px;
+ --leo-typography-large-regular-line-height: 26px;
+ --leo-typography-large-regular-paragraph-indent: 0;
+ --leo-typography-large-regular-paragraph-spacing: 0;
+ --leo-typography-large-semibold-font-size: 16px;
+ --leo-typography-large-semibold-font-weight: 600px;
+ --leo-typography-large-semibold-letter-spacing: -0.2px;
+ --leo-typography-large-semibold-line-height: 26px;
+ --leo-typography-large-semibold-paragraph-indent: 0;
+ --leo-typography-large-semibold-paragraph-spacing: 0;
+ --leo-typography-default-regular-font-size: 14px;
+ --leo-typography-default-regular-font-weight: 400px;
+ --leo-typography-default-regular-letter-spacing: -0.1px;
+ --leo-typography-default-regular-line-height: 22px;
+ --leo-typography-default-regular-paragraph-indent: 0;
+ --leo-typography-default-regular-paragraph-spacing: 0;
+ --leo-typography-default-semibold-font-size: 14px;
+ --leo-typography-default-semibold-font-weight: 600px;
+ --leo-typography-default-semibold-letter-spacing: -0.1px;
+ --leo-typography-default-semibold-line-height: 22px;
+ --leo-typography-default-semibold-paragraph-indent: 0;
+ --leo-typography-default-semibold-paragraph-spacing: 0;
+ --leo-typography-small-regular-font-size: 12px;
+ --leo-typography-small-regular-font-weight: 400px;
+ --leo-typography-small-regular-letter-spacing: 0;
+ --leo-typography-small-regular-line-height: 20px;
+ --leo-typography-small-regular-paragraph-indent: 0;
+ --leo-typography-small-regular-paragraph-spacing: 0;
+ --leo-typography-small-semibold-font-size: 12px;
+ --leo-typography-small-semibold-font-weight: 600px;
+ --leo-typography-small-semibold-letter-spacing: 0;
+ --leo-typography-small-semibold-line-height: 20px;
+ --leo-typography-small-semibold-paragraph-indent: 0;
+ --leo-typography-small-semibold-paragraph-spacing: 0;
+ --leo-typography-x-small-regular-font-size: 11px;
+ --leo-typography-x-small-regular-font-weight: 400px;
+ --leo-typography-x-small-regular-letter-spacing: 0;
+ --leo-typography-x-small-regular-line-height: 18px;
+ --leo-typography-x-small-regular-paragraph-indent: 0;
+ --leo-typography-x-small-regular-paragraph-spacing: 0;
+ --leo-typography-x-small-semibold-font-size: 11px;
+ --leo-typography-x-small-semibold-font-weight: 600px;
+ --leo-typography-x-small-semibold-letter-spacing: 0;
+ --leo-typography-x-small-semibold-line-height: 18px;
+ --leo-typography-x-small-semibold-paragraph-indent: 0;
+ --leo-typography-x-small-semibold-paragraph-spacing: 0;
--leo-typography-monospace-large-font-size: 16px;
--leo-typography-monospace-large-font-weight: 400px;
--leo-typography-monospace-large-letter-spacing: 0;
- --leo-typography-monospace-large-line-height: 28px;
+ --leo-typography-monospace-large-line-height: 26px;
--leo-typography-monospace-large-paragraph-indent: 0;
--leo-typography-monospace-large-paragraph-spacing: 0;
--leo-typography-monospace-default-font-size: 14px;
--leo-typography-monospace-default-font-weight: 400px;
--leo-typography-monospace-default-letter-spacing: 0;
- --leo-typography-monospace-default-line-height: 24px;
+ --leo-typography-monospace-default-line-height: 22px;
--leo-typography-monospace-default-paragraph-indent: 0;
--leo-typography-monospace-default-paragraph-spacing: 0;
--leo-typography-monospace-small-font-size: 12px;
--leo-typography-monospace-small-font-weight: 400px;
--leo-typography-monospace-small-letter-spacing: 0;
- --leo-typography-monospace-small-line-height: 18px;
+ --leo-typography-monospace-small-line-height: 20px;
--leo-typography-monospace-small-paragraph-indent: 0;
--leo-typography-monospace-small-paragraph-spacing: 0;
- --leo-typography-mobile-primary-heading-display1-font-size: 32px;
- --leo-typography-mobile-primary-heading-display1-font-weight: 500px;
- --leo-typography-mobile-primary-heading-display1-letter-spacing: 0;
- --leo-typography-mobile-primary-heading-display1-line-height: 48px;
- --leo-typography-mobile-primary-heading-display1-paragraph-indent: 0;
- --leo-typography-mobile-primary-heading-display1-paragraph-spacing: 0;
- --leo-typography-mobile-primary-heading-display2-font-size: 28px;
- --leo-typography-mobile-primary-heading-display2-font-weight: 500px;
- --leo-typography-mobile-primary-heading-display2-letter-spacing: 0;
- --leo-typography-mobile-primary-heading-display2-line-height: 42px;
- --leo-typography-mobile-primary-heading-display2-paragraph-indent: 0;
- --leo-typography-mobile-primary-heading-display2-paragraph-spacing: 0;
- --leo-typography-mobile-primary-heading-h1-font-size: 28px;
- --leo-typography-mobile-primary-heading-h1-font-weight: 500px;
- --leo-typography-mobile-primary-heading-h1-letter-spacing: 0;
- --leo-typography-mobile-primary-heading-h1-line-height: 40px;
- --leo-typography-mobile-primary-heading-h1-paragraph-indent: 0;
- --leo-typography-mobile-primary-heading-h1-paragraph-spacing: 0;
- --leo-typography-mobile-primary-heading-h2-font-size: 22px;
- --leo-typography-mobile-primary-heading-h2-font-weight: 500px;
- --leo-typography-mobile-primary-heading-h2-letter-spacing: 0;
- --leo-typography-mobile-primary-heading-h2-line-height: 32px;
- --leo-typography-mobile-primary-heading-h2-paragraph-indent: 0;
- --leo-typography-mobile-primary-heading-h2-paragraph-spacing: 0;
- --leo-typography-mobile-primary-heading-h3-font-size: 18px;
- --leo-typography-mobile-primary-heading-h3-font-weight: 500px;
- --leo-typography-mobile-primary-heading-h3-letter-spacing: 0;
- --leo-typography-mobile-primary-heading-h3-line-height: 28px;
- --leo-typography-mobile-primary-heading-h3-paragraph-indent: 0;
- --leo-typography-mobile-primary-heading-h3-paragraph-spacing: 0;
- --leo-typography-mobile-primary-heading-h4-font-size: 16px;
- --leo-typography-mobile-primary-heading-h4-font-weight: 600px;
- --leo-typography-mobile-primary-heading-h4-letter-spacing: 0;
- --leo-typography-mobile-primary-heading-h4-line-height: 24px;
- --leo-typography-mobile-primary-heading-h4-paragraph-indent: 0;
- --leo-typography-mobile-primary-heading-h4-paragraph-spacing: 0;
+ --leo-typography-mobile-heading-display1-font-size: 32px;
+ --leo-typography-mobile-heading-display1-font-weight: 500px;
+ --leo-typography-mobile-heading-display1-letter-spacing: 0;
+ --leo-typography-mobile-heading-display1-line-height: 42px;
+ --leo-typography-mobile-heading-display1-paragraph-indent: 0;
+ --leo-typography-mobile-heading-display1-paragraph-spacing: 0;
+ --leo-typography-mobile-heading-display2-font-size: 28px;
+ --leo-typography-mobile-heading-display2-font-weight: 500px;
+ --leo-typography-mobile-heading-display2-letter-spacing: 0;
+ --leo-typography-mobile-heading-display2-line-height: 36px;
+ --leo-typography-mobile-heading-display2-paragraph-indent: 0;
+ --leo-typography-mobile-heading-display2-paragraph-spacing: 0;
+ --leo-typography-mobile-heading-h1-font-size: 28px;
+ --leo-typography-mobile-heading-h1-font-weight: 500px;
+ --leo-typography-mobile-heading-h1-letter-spacing: 0;
+ --leo-typography-mobile-heading-h1-line-height: 36px;
+ --leo-typography-mobile-heading-h1-paragraph-indent: 0;
+ --leo-typography-mobile-heading-h1-paragraph-spacing: 0;
+ --leo-typography-mobile-heading-h2-font-size: 22px;
+ --leo-typography-mobile-heading-h2-font-weight: 500px;
+ --leo-typography-mobile-heading-h2-letter-spacing: 0;
+ --leo-typography-mobile-heading-h2-line-height: 28px;
+ --leo-typography-mobile-heading-h2-paragraph-indent: 0;
+ --leo-typography-mobile-heading-h2-paragraph-spacing: 0;
+ --leo-typography-mobile-heading-h3-font-size: 18px;
+ --leo-typography-mobile-heading-h3-font-weight: 500px;
+ --leo-typography-mobile-heading-h3-letter-spacing: 0;
+ --leo-typography-mobile-heading-h3-line-height: 26px;
+ --leo-typography-mobile-heading-h3-paragraph-indent: 0;
+ --leo-typography-mobile-heading-h3-paragraph-spacing: 0;
+ --leo-typography-mobile-heading-h4-font-size: 16px;
+ --leo-typography-mobile-heading-h4-font-weight: 600px;
+ --leo-typography-mobile-heading-h4-letter-spacing: 0;
+ --leo-typography-mobile-heading-h4-line-height: 26px;
+ --leo-typography-mobile-heading-h4-paragraph-indent: 0;
+ --leo-typography-mobile-heading-h4-paragraph-spacing: 0;
--leo-typography-components-label-font-size: 10px;
- --leo-typography-components-label-font-weight: 600px;
- --leo-typography-components-label-letter-spacing: 0.4px;
+ --leo-typography-components-label-font-weight: 700px;
+ --leo-typography-components-label-letter-spacing: 0;
--leo-typography-components-label-line-height: 12px;
--leo-typography-components-label-paragraph-indent: 0;
--leo-typography-components-label-paragraph-spacing: 0;
--leo-typography-components-tableheader-font-size: 13px;
--leo-typography-components-tableheader-font-weight: 500px;
- --leo-typography-components-tableheader-letter-spacing: 0;
- --leo-typography-components-tableheader-line-height: 20px;
+ --leo-typography-components-tableheader-letter-spacing: -0.1px;
+ --leo-typography-components-tableheader-line-height: 15.6px;
--leo-typography-components-tableheader-paragraph-indent: 0;
--leo-typography-components-tableheader-paragraph-spacing: 0;
- --leo-typography-components-navbutton-font-size: 15px;
+ --leo-typography-components-navbutton-font-size: 14px;
--leo-typography-components-navbutton-font-weight: 600px;
- --leo-typography-components-navbutton-letter-spacing: 0.3px;
- --leo-typography-components-navbutton-line-height: 20px;
+ --leo-typography-components-navbutton-letter-spacing: 0;
+ --leo-typography-components-navbutton-line-height: 22px;
--leo-typography-components-navbutton-paragraph-indent: 0;
--leo-typography-components-navbutton-paragraph-spacing: 0;
--leo-typography-components-button-small-font-size: 12px;
--leo-typography-components-button-small-font-weight: 600px;
--leo-typography-components-button-small-letter-spacing: 0.36px;
- --leo-typography-components-button-small-line-height: 16px;
+ --leo-typography-components-button-small-line-height: 20px;
--leo-typography-components-button-small-paragraph-indent: 0;
--leo-typography-components-button-small-paragraph-spacing: 0;
--leo-typography-components-button-default-font-size: 13px;
--leo-typography-components-button-default-font-weight: 600px;
--leo-typography-components-button-default-letter-spacing: 0.39px;
- --leo-typography-components-button-default-line-height: 20px;
+ --leo-typography-components-button-default-line-height: 21px;
--leo-typography-components-button-default-paragraph-indent: 0;
--leo-typography-components-button-default-paragraph-spacing: 0;
--leo-typography-components-button-large-font-size: 14px;
@@ -421,7 +267,7 @@
--leo-typography-components-button-jumbo-font-size: 16px;
--leo-typography-components-button-jumbo-font-weight: 600px;
--leo-typography-components-button-jumbo-letter-spacing: 0.16px;
- --leo-typography-components-button-jumbo-line-height: 24px;
+ --leo-typography-components-button-jumbo-line-height: 22px;
--leo-typography-components-button-jumbo-paragraph-indent: 0;
--leo-typography-components-button-jumbo-paragraph-spacing: 0;
--leo-color-primitive-gray-1: rgb(246, 247, 248);
@@ -562,18 +408,140 @@
--leo-color-primitive-brands-bravelion: rgb(254, 89, 7);
--leo-color-white: rgb(255, 255, 255);
--leo-color-black: rgb(0, 0, 0);
- --leo-gradient-hero: linear-gradient(138.21219643124405deg, rgb(134, 10, 194) 7.000000000000001%, rgb(230, 25, 135) 68%, rgb(255, 71, 26) 96%);
+ --leo-light-text-primary: rgb(13, 15, 20);
+ --leo-light-text-secondary: rgb(63, 72, 85);
+ --leo-light-text-tertiary: rgb(104, 116, 133);
+ --leo-light-text-disabled: rgba(33, 36, 42, 0.5);
+ --leo-light-text-interactive: rgb(63, 57, 232);
+ --leo-light-icon-default: rgb(104, 116, 133);
+ --leo-light-icon-disabled: rgba(104, 116, 133, 0.5);
+ --leo-light-icon-active: rgb(63, 57, 232);
+ --leo-light-browserbutton-background-hover: rgba(0, 0, 0, 0.05);
+ --leo-light-browserbutton-background-active: rgba(0, 0, 0, 0.1);
+ --leo-light-tabswitcher-button: rgb(255, 255, 255);
+ --leo-light-tabswitcher-background: rgb(246, 247, 248);
+ --leo-light-container-background-desktop: rgb(255, 255, 255);
+ --leo-light-container-background-mobile: rgb(255, 255, 255);
+ --leo-light-container-interactive: rgb(233, 238, 255);
+ --leo-light-container-scrim: rgba(13, 15, 20, 0.35);
+ --leo-light-container-legacy-frostedglass: rgba(255, 255, 255, 0.95);
+ --leo-light-material-thick: rgba(255, 255, 255, 0.95);
+ --leo-light-material-regular: rgba(255, 255, 255, 0.73);
+ --leo-light-material-thin: rgba(255, 255, 255, 0.56);
+ --leo-light-material-ultrathin: rgba(255, 255, 255, 0.32);
+ --leo-light-chrome-background-desktop: rgb(246, 247, 248);
+ --leo-light-chrome-background-mobile: rgb(246, 247, 248);
+ --leo-light-divider-subtle: rgba(161, 171, 186, 0.4);
+ --leo-light-divider-strong: rgba(104, 116, 133, 0.4);
+ --leo-light-tabbar-tabbar-background: rgb(237, 238, 241);
+ --leo-light-tabbar-tabactive-background: rgb(255, 255, 255);
+ --leo-light-os-color: rgb(0, 0, 0);
+ --leo-light-group-text: rgb(18, 117, 55);
+ --leo-light-group-background: rgba(18, 117, 55, 0.15);
+ --leo-dark-text-primary: rgb(246, 247, 248);
+ --leo-dark-text-secondary: rgb(194, 201, 211);
+ --leo-dark-text-tertiary: rgb(161, 171, 186);
+ --leo-dark-text-disabled: rgba(237, 238, 241, 0.5);
+ --leo-dark-text-interactive: rgb(124, 145, 255);
+ --leo-dark-icon-default: rgb(161, 171, 186);
+ --leo-dark-icon-disabled: rgba(161, 171, 186, 0.5);
+ --leo-dark-icon-active: rgb(124, 145, 255);
+ --leo-dark-browserbutton-background-hover: rgba(0, 0, 0, 0.25);
+ --leo-dark-browserbutton-background-active: rgba(0, 0, 0, 0.4);
+ --leo-dark-tabswitcher-button: rgb(33, 36, 42);
+ --leo-dark-tabswitcher-background: rgb(48, 52, 61);
+ --leo-dark-container-background-desktop: rgb(13, 15, 20);
+ --leo-dark-container-background-mobile: rgb(33, 36, 42);
+ --leo-dark-container-interactive: rgb(22, 16, 101);
+ --leo-dark-container-scrim: rgba(13, 15, 20, 0.7);
+ --leo-dark-container-legacy-frostedglass: rgba(255, 255, 255, 0.95);
+ --leo-dark-material-thick: rgba(13, 15, 20, 0.85);
+ --leo-dark-material-regular: rgba(13, 15, 20, 0.69);
+ --leo-dark-material-thin: rgba(13, 15, 20, 0.51);
+ --leo-dark-material-ultrathin: rgba(13, 15, 20, 0.35);
+ --leo-dark-chrome-background-desktop: rgb(33, 36, 42);
+ --leo-dark-chrome-background-mobile: rgb(13, 15, 20);
+ --leo-dark-divider-subtle: rgba(104, 116, 133, 0.4);
+ --leo-dark-divider-strong: rgba(161, 171, 186, 0.4);
+ --leo-dark-tabbar-tabbar-background: rgb(13, 15, 20);
+ --leo-dark-tabbar-tabactive-background: rgb(48, 52, 61);
+ --leo-dark-os-color: rgb(255, 255, 255);
+ --leo-dark-group-text: rgb(116, 195, 142);
+ --leo-dark-group-background: rgba(116, 195, 142, 0.25);
+ --leo-private-text-primary: rgb(245, 243, 255);
+ --leo-private-text-secondary: rgb(204, 190, 254);
+ --leo-private-text-tertiary: rgb(163, 128, 255);
+ --leo-private-text-disabled: rgba(238, 235, 255, 0.5);
+ --leo-private-text-interactive: rgb(124, 145, 255);
+ --leo-private-icon-default: rgb(163, 128, 255);
+ --leo-private-icon-disabled: rgba(163, 128, 255, 0.5);
+ --leo-private-icon-active: rgb(124, 145, 255);
+ --leo-private-browserbutton-background-hover: rgba(0, 0, 0, 0.25);
+ --leo-private-browserbutton-background-active: rgba(0, 0, 0, 0.4);
+ --leo-private-tabswitcher-button: rgb(42, 13, 88);
+ --leo-private-tabswitcher-background: rgb(61, 18, 123);
+ --leo-private-container-background-desktop: rgb(19, 5, 42);
+ --leo-private-container-background-mobile: rgb(42, 13, 88);
+ --leo-private-container-interactive: rgb(22, 16, 101);
+ --leo-private-container-scrim: rgba(19, 5, 42, 0.7);
+ --leo-private-container-legacy-frostedglass: rgba(255, 255, 255, 0.95);
+ --leo-private-material-thick: rgba(19, 5, 42, 0.85);
+ --leo-private-material-regular: rgba(19, 5, 42, 0.69);
+ --leo-private-material-thin: rgba(19, 5, 42, 0.51);
+ --leo-private-material-ultrathin: rgba(19, 5, 42, 0.35);
+ --leo-private-chrome-background-desktop: rgb(42, 13, 88);
+ --leo-private-chrome-background-mobile: rgb(19, 5, 42);
+ --leo-private-divider-subtle: rgba(123, 99, 191, 0.4);
+ --leo-private-divider-strong: rgba(163, 128, 255, 0.4);
+ --leo-private-tabbar-tabbar-background: rgb(19, 5, 42);
+ --leo-private-tabbar-tabactive-background: rgb(61, 18, 123);
+ --leo-private-os-color: rgb(255, 255, 255);
+ --leo-private-group-text: rgb(116, 195, 142);
+ --leo-private-group-background: rgba(116, 195, 142, 0.25);
+ --leo-tor-text-primary: rgb(250, 242, 255);
+ --leo-tor-text-secondary: rgb(227, 179, 255);
+ --leo-tor-text-tertiary: rgb(199, 108, 246);
+ --leo-tor-text-disabled: rgba(246, 232, 255, 0.5);
+ --leo-tor-text-interactive: rgb(124, 145, 255);
+ --leo-tor-icon-default: rgb(199, 108, 246);
+ --leo-tor-icon-disabled: rgba(199, 108, 246, 0.5);
+ --leo-tor-icon-active: rgb(124, 145, 255);
+ --leo-tor-browserbutton-background-hover: rgba(0, 0, 0, 0.25);
+ --leo-tor-browserbutton-background-active: rgba(0, 0, 0, 0.4);
+ --leo-tor-tabswitcher-button: rgb(53, 11, 73);
+ --leo-tor-tabswitcher-background: rgb(76, 15, 103);
+ --leo-tor-container-background-desktop: rgb(25, 4, 35);
+ --leo-tor-container-background-mobile: rgb(53, 11, 73);
+ --leo-tor-container-interactive: rgb(22, 16, 101);
+ --leo-tor-container-scrim: rgba(25, 4, 35, 0.7);
+ --leo-tor-container-legacy-frostedglass: rgba(255, 255, 255, 0.95);
+ --leo-tor-material-thick: rgba(25, 4, 35, 0.85);
+ --leo-tor-material-regular: rgba(25, 4, 35, 0.69);
+ --leo-tor-material-thin: rgba(25, 4, 35, 0.51);
+ --leo-tor-material-ultrathin: rgba(25, 4, 35, 0.35);
+ --leo-tor-chrome-background-desktop: rgb(53, 11, 73);
+ --leo-tor-chrome-background-mobile: rgb(25, 4, 35);
+ --leo-tor-divider-subtle: rgba(145, 94, 174, 0.4);
+ --leo-tor-divider-strong: rgba(199, 108, 246, 0.4);
+ --leo-tor-tabbar-tabbar-background: rgb(25, 4, 35);
+ --leo-tor-tabbar-tabactive-background: rgb(76, 15, 103);
+ --leo-tor-os-color: rgb(255, 255, 255);
+ --leo-tor-group-text: rgb(116, 195, 142);
+ --leo-tor-group-background: rgba(116, 195, 142, 0.25);
+ --leo-gradient-hero: linear-gradient(179.24640957924876deg, rgb(255, 85, 0) 0%, rgb(245, 0, 45) 100%);
--leo-gradient-icons-active: linear-gradient(321.5013256215316deg, rgb(250, 114, 80) 3%, rgb(255, 24, 147) 40%, rgb(167, 138, 255) 99%);
--leo-gradient-panel-background: linear-gradient(134.9999995731132deg, rgb(48, 6, 201) 0%, rgb(63, 57, 232) 100%);
--leo-gradient-panel-background-alternative: linear-gradient(134.9999995731132deg, rgb(63, 57, 232) 0%, rgb(135, 36, 168) 100%);
- --leo-gradient-toolbar-background: linear-gradient(134.9999995731132deg, rgb(231, 48, 79) 0%, rgb(178, 15, 150) 100%);
+ --leo-gradient-premiumindicator: linear-gradient(127.06278645486384deg, rgb(63, 57, 232) 0%, rgb(0, 186, 214) 100%);
+ --leo-gradient-toolbar-background: linear-gradient(314.9161155270921deg, rgb(236, 19, 73) 0%, rgb(212, 17, 115) 100%);
--leo-gradient-brave-release: linear-gradient(90deg, rgb(255, 85, 0) 0%, rgb(255, 85, 0) 33%, rgb(255, 32, 0) 67%, rgb(255, 32, 0) 100%);
--leo-gradient-brave-beta: linear-gradient(90deg, rgb(0, 153, 229) 0%, rgb(0, 89, 178) 50%, rgb(0, 43, 128) 100%);
--leo-gradient-brave-nightly: linear-gradient(90deg, rgb(144, 30, 225) 0%, rgb(101, 20, 158) 51%, rgb(72, 15, 113) 100%);
--leo-gradient-brave-debug: linear-gradient(90deg, rgb(108, 116, 147) 0%, rgb(87, 93, 117) 51%, rgb(54, 58, 73) 100%);
+ --leo-gradient-hero-legacy: linear-gradient(138.21219643124405deg, rgb(134, 10, 194) 7.000000000000001%, rgb(230, 25, 135) 68%, rgb(255, 71, 26) 96%);
--leo-effect-focus-state: 0px 0px 0px 1px rgba(255, 255, 255, 0.3), 0px 0px 0px 2px rgb(63, 57, 232);
- --leo-effect-notificationbackdrop-1: 0px 0px 12px 0px rgba(0, 0, 0, 0.12);
- --leo-effect-notificationbackdrop-2: 0px 0px 4px 0px rgba(0, 0, 0, 0.08);
+ --leo-effect-notificationbackdrop-1: 0px 2px 8px 0px rgba(0, 0, 0, 0.08);
+ --leo-effect-notificationbackdrop-2: 0px 1px 1px 0px rgba(0, 0, 0, 0.05);
--leo-effect-notificationbackdrop-3: inset 0px 0px 1px 0px rgba(255, 255, 255, 0.1);
--leo-radius-2xs: 1px;
--leo-radius-xs: 2px;
@@ -631,6 +599,8 @@
--leo-color-icon-disabled: rgba(104, 116, 133, 0.5);
--leo-color-button-background: rgb(63, 57, 232);
--leo-color-button-disabled: rgba(104, 116, 133, 0.3);
+ --leo-color-button-error-background: rgb(225, 31, 61);
+ --leo-color-button-success-background: rgb(60, 130, 60);
--leo-color-container-background: rgb(255, 255, 255);
--leo-color-container-highlight: rgb(237, 238, 241);
--leo-color-container-interactive: rgb(233, 238, 255);
@@ -779,13 +749,15 @@
--leo-color-icon-disabled: rgba(104, 116, 133, 0.5);
--leo-color-button-background: rgb(63, 57, 232);
--leo-color-button-disabled: rgba(104, 116, 133, 0.3);
+ --leo-color-button-error-background: rgb(225, 31, 61);
+ --leo-color-button-success-background: rgb(60, 130, 60);
--leo-color-container-background: rgb(13, 15, 20);
--leo-color-container-highlight: rgb(33, 36, 42);
--leo-color-container-interactive: rgb(22, 16, 101);
--leo-color-container-disabled: rgba(195, 201, 211, 0.18);
--leo-color-page-background: rgb(0, 0, 0);
--leo-color-divider-subtle: rgba(104, 116, 133, 0.4);
- --leo-color-divider-strong: rgba(104, 116, 133, 0.4);
+ --leo-color-divider-strong: rgba(161, 171, 186, 0.4);
--leo-color-divider-interactive: rgba(124, 145, 255, 0.4);
--leo-color-dialogs-scrim-background: rgba(33, 36, 42, 0.7);
--leo-color-dialogs-frosted-glass-background: rgba(13, 15, 20, 0.9);
@@ -793,16 +765,16 @@
--leo-color-dialogs-button-transparent-default: rgba(13, 15, 20, 0.35);
--leo-color-dialogs-button-transparent-hover: rgba(13, 15, 20, 0.5);
--leo-color-systemfeedback-info-text: rgb(199, 225, 255);
- --leo-color-systemfeedback-info-icon: rgb(16, 117, 201);
+ --leo-color-systemfeedback-info-icon: rgb(57, 159, 255);
--leo-color-systemfeedback-info-background: rgb(7, 37, 66);
- --leo-color-systemfeedback-success-text: rgb(224, 252, 222);
- --leo-color-systemfeedback-success-icon: rgb(60, 130, 60);
+ --leo-color-systemfeedback-success-text: rgb(182, 240, 180);
+ --leo-color-systemfeedback-success-icon: rgb(42, 186, 50);
--leo-color-systemfeedback-success-background: rgb(9, 44, 9);
- --leo-color-systemfeedback-warning-text: rgb(252, 243, 217);
- --leo-color-systemfeedback-warning-icon: rgb(140, 111, 3);
+ --leo-color-systemfeedback-warning-text: rgb(248, 220, 144);
+ --leo-color-systemfeedback-warning-icon: rgb(189, 150, 0);
--leo-color-systemfeedback-warning-background: rgb(45, 35, 7);
- --leo-color-systemfeedback-error-text: rgb(255, 232, 231);
- --leo-color-systemfeedback-error-icon: rgb(225, 31, 61);
+ --leo-color-systemfeedback-error-text: rgb(255, 209, 207);
+ --leo-color-systemfeedback-error-icon: rgb(255, 90, 99);
--leo-color-systemfeedback-error-background: rgb(70, 10, 16);
--leo-color-gray-10: rgb(33, 36, 42);
--leo-color-gray-20: rgb(48, 52, 61);
@@ -926,6 +898,8 @@
--leo-color-icon-disabled: rgba(104, 116, 133, 0.5);
--leo-color-button-background: rgb(63, 57, 232);
--leo-color-button-disabled: rgba(104, 116, 133, 0.3);
+ --leo-color-button-error-background: rgb(225, 31, 61);
+ --leo-color-button-success-background: rgb(60, 130, 60);
--leo-color-container-background: rgb(255, 255, 255);
--leo-color-container-highlight: rgb(237, 238, 241);
--leo-color-container-interactive: rgb(233, 238, 255);
@@ -1072,13 +1046,15 @@
--leo-color-icon-disabled: rgba(104, 116, 133, 0.5);
--leo-color-button-background: rgb(63, 57, 232);
--leo-color-button-disabled: rgba(104, 116, 133, 0.3);
+ --leo-color-button-error-background: rgb(225, 31, 61);
+ --leo-color-button-success-background: rgb(60, 130, 60);
--leo-color-container-background: rgb(13, 15, 20);
--leo-color-container-highlight: rgb(33, 36, 42);
--leo-color-container-interactive: rgb(22, 16, 101);
--leo-color-container-disabled: rgba(195, 201, 211, 0.18);
--leo-color-page-background: rgb(0, 0, 0);
--leo-color-divider-subtle: rgba(104, 116, 133, 0.4);
- --leo-color-divider-strong: rgba(104, 116, 133, 0.4);
+ --leo-color-divider-strong: rgba(161, 171, 186, 0.4);
--leo-color-divider-interactive: rgba(124, 145, 255, 0.4);
--leo-color-dialogs-scrim-background: rgba(33, 36, 42, 0.7);
--leo-color-dialogs-frosted-glass-background: rgba(13, 15, 20, 0.9);
@@ -1086,16 +1062,16 @@
--leo-color-dialogs-button-transparent-default: rgba(13, 15, 20, 0.35);
--leo-color-dialogs-button-transparent-hover: rgba(13, 15, 20, 0.5);
--leo-color-systemfeedback-info-text: rgb(199, 225, 255);
- --leo-color-systemfeedback-info-icon: rgb(16, 117, 201);
+ --leo-color-systemfeedback-info-icon: rgb(57, 159, 255);
--leo-color-systemfeedback-info-background: rgb(7, 37, 66);
- --leo-color-systemfeedback-success-text: rgb(224, 252, 222);
- --leo-color-systemfeedback-success-icon: rgb(60, 130, 60);
+ --leo-color-systemfeedback-success-text: rgb(182, 240, 180);
+ --leo-color-systemfeedback-success-icon: rgb(42, 186, 50);
--leo-color-systemfeedback-success-background: rgb(9, 44, 9);
- --leo-color-systemfeedback-warning-text: rgb(252, 243, 217);
- --leo-color-systemfeedback-warning-icon: rgb(140, 111, 3);
+ --leo-color-systemfeedback-warning-text: rgb(248, 220, 144);
+ --leo-color-systemfeedback-warning-icon: rgb(189, 150, 0);
--leo-color-systemfeedback-warning-background: rgb(45, 35, 7);
- --leo-color-systemfeedback-error-text: rgb(255, 232, 231);
- --leo-color-systemfeedback-error-icon: rgb(225, 31, 61);
+ --leo-color-systemfeedback-error-text: rgb(255, 209, 207);
+ --leo-color-systemfeedback-error-icon: rgb(255, 90, 99);
--leo-color-systemfeedback-error-background: rgb(70, 10, 16);
--leo-color-gray-10: rgb(33, 36, 42);
--leo-color-gray-20: rgb(48, 52, 61);
|
AlanBreck
approved these changes
Nov 15, 2023
Latest updates with tokens and variables for all required libraries
Removing this file in favor of the other variable files
BREAKING CHANGE: The @font-face declarations are no longer included in the preflight plugin. Consumers should load fonts themselves. BREAKING CHANGE: Since the fonts are no longer included in the `fontSize` config, using the `theme` function from Tailwind will not work for Nala fonts in stylesheets. Consumers should use `@apply` instead.
petemill
approved these changes
Nov 16, 2023
|
👋 Thanks for Submitting! This PR is available for preview at the link below. ✅ PR tip preview: https://466.pr.nala.bravesoftware.com/ Variables Diff--- ./tokens/css/variables.old.css 2023-11-17 00:27:45.507183199 +0000
+++ ./tokens/css/variables.css 2023-11-17 00:27:21.583140703 +0000
@@ -1,415 +1,261 @@
/**
* Do not edit directly
- * Generated on Thu Nov 16 2023 20:41:41 GMT+0000 (Coordinated Universal Time)
+ * Generated on Fri Nov 17 2023 00:27:21 GMT+0000 (Coordinated Universal Time)
*/
:root {
- --leo-font-macos-large-regular: 400 16px/19.2px SF Pro Text;
- --leo-font-macos-large-semibold: 600 16px/19.2px SF Pro Text;
- --leo-font-macos-default-regular: 400 14px/16.8px SF Pro Text;
- --leo-font-macos-default-semibold: 600 14px/16.8px SF Pro Text;
- --leo-font-macos-small-regular: 400 13px/15.6px SF Pro Text;
- --leo-font-macos-small-semibold: 600 13px/15.6px SF Pro Text;
- --leo-font-macos-x-small-regular: 400 12px/14.4px SF Pro Text;
- --leo-font-macos-x-small-semibold: 600 12px/14.4px SF Pro Text;
- --leo-font-windows-large-regular: 400 16px/19.2px Segoe UI Variable;
- --leo-font-windows-large-semibold: 600 16px/19.2px Segoe UI Variable;
- --leo-font-windows-default-regular: 400 14px/16.8px Segoe UI Variable;
- --leo-font-windows-default-semibold: 600 14px/16.8px Segoe UI Variable;
- --leo-font-windows-small-regular: 400 13px/15.6px Segoe UI Variable;
- --leo-font-windows-small-semibold: 600 13px/15.6px Segoe UI Variable;
- --leo-font-windows-x-small-regular: 400 12px/14.4px Segoe UI Variable;
- --leo-font-windows-x-small-semibold: 600 12px/14.4px Segoe UI Variable;
- --leo-font-primary-heading-display1: 500 52px/78px Poppins;
- --leo-font-primary-heading-display2: 500 36px/54px Poppins;
- --leo-font-primary-heading-h1: 500 32px/48px Poppins;
- --leo-font-primary-heading-h2: 500 28px/40px Poppins;
- --leo-font-primary-heading-h3: 500 22px/32px Poppins;
- --leo-font-primary-heading-h4: 600 16px/24px Poppins;
- --leo-font-primary-large-regular: 400 16px/28px Poppins;
- --leo-font-primary-large-semibold: 600 16px/28px Poppins;
- --leo-font-primary-default-regular: 400 14px/24px Poppins;
- --leo-font-primary-default-semibold: 600 14px/24px Poppins;
- --leo-font-primary-small-regular: 400 12px/18px Poppins;
- --leo-font-primary-small-semibold: 600 12px/18px Poppins;
- --leo-font-primary-x-small-regular: 400 11px/16px Poppins;
- --leo-font-primary-x-small-semibold: 600 11px/16px Poppins;
- --leo-font-secondary-heading-display1: 500 52px/78px Manrope;
- --leo-font-secondary-heading-display2: 500 36px/54px Manrope;
- --leo-font-secondary-heading-h1: 500 32px/48px Manrope;
- --leo-font-secondary-heading-h2: 500 28px/40px Manrope;
- --leo-font-secondary-heading-h3: 500 22px/32px Manrope;
- --leo-font-secondary-heading-h4: 600 16px/24px Manrope;
- --leo-font-secondary-large-regular: 500 16px/28px Manrope;
- --leo-font-secondary-large-semibold: 700 16px/28px Manrope;
- --leo-font-secondary-default-regular: 500 14px/24px Manrope;
- --leo-font-secondary-default-semibold: 700 14px/24px Manrope;
- --leo-font-secondary-small-regular: 500 12px/18px Manrope;
- --leo-font-secondary-small-semibold: 700 12px/18px Manrope;
- --leo-font-secondary-x-small-default: 500 11px/16px Manrope;
- --leo-font-secondary-x-small-semibold: 700 11px/16px Manrope;
- --leo-font-monospace-large: 400 16px/28px SF Mono;
- --leo-font-monospace-default: 400 14px/24px SF Mono;
- --leo-font-monospace-small: 400 12px/18px SF Mono;
- --leo-font-mobile-primary-heading-display1: 500 32px/48px Poppins;
- --leo-font-mobile-primary-heading-display2: 500 28px/42px Poppins;
- --leo-font-mobile-primary-heading-h1: 500 28px/40px Poppins;
- --leo-font-mobile-primary-heading-h2: 500 22px/32px Poppins;
- --leo-font-mobile-primary-heading-h3: 500 18px/28px Poppins;
- --leo-font-mobile-primary-heading-h4: 600 16px/24px Poppins;
- --leo-font-components-label: 600 10px/12px Poppins;
- --leo-font-components-tableheader: 500 13px/20px Poppins;
- --leo-font-components-navbutton: 600 15px/20px Poppins;
- --leo-font-components-button-small: 600 12px/16px Poppins;
- --leo-font-components-button-default: 600 13px/20px Poppins;
+ --leo-font-browser-large-regular: 400 16px/19.2px Inter;
+ --leo-font-browser-large-semibold: 600 16px/19.2px Inter;
+ --leo-font-browser-default-regular: 400 14px/16.8px Inter;
+ --leo-font-browser-default-semibold: 600 14px/16.8px Inter;
+ --leo-font-browser-small-regular: 400 13px/15.6px Inter;
+ --leo-font-browser-small-semibold: 600 13px/15.6px Inter;
+ --leo-font-browser-x-small-regular: 400 12px/14.4px Inter;
+ --leo-font-browser-x-small-semibold: 600 12px/14.4px Inter;
+ --leo-font-heading-display1: 500 52px/68px Poppins;
+ --leo-font-heading-display2: 500 36px/46px Poppins;
+ --leo-font-heading-h1: 500 32px/42px Poppins;
+ --leo-font-heading-h2: 500 28px/36px Poppins;
+ --leo-font-heading-h3: 500 22px/28px Poppins;
+ --leo-font-heading-h4: 600 16px/26px Poppins;
+ --leo-font-large-regular: 400 16px/26px Inter;
+ --leo-font-large-semibold: 600 16px/26px Inter;
+ --leo-font-default-regular: 400 14px/22px Inter;
+ --leo-font-default-semibold: 600 14px/22px Inter;
+ --leo-font-small-regular: 400 12px/20px Inter;
+ --leo-font-small-semibold: 600 12px/20px Inter;
+ --leo-font-x-small-regular: 400 11px/18px Inter;
+ --leo-font-x-small-semibold: 600 11px/18px Inter;
+ --leo-font-monospace-large: 400 16px/26px DM Mono;
+ --leo-font-monospace-default: 400 14px/22px DM Mono;
+ --leo-font-monospace-small: 400 12px/20px DM Mono;
+ --leo-font-mobile-heading-display1: 500 32px/42px Poppins;
+ --leo-font-mobile-heading-display2: 500 28px/36px Poppins;
+ --leo-font-mobile-heading-h1: 500 28px/36px Poppins;
+ --leo-font-mobile-heading-h2: 500 22px/28px Poppins;
+ --leo-font-mobile-heading-h3: 500 18px/26px Poppins;
+ --leo-font-mobile-heading-h4: 600 16px/26px Poppins;
+ --leo-font-components-label: 700 10px/12px Inter;
+ --leo-font-components-tableheader: 500 13px/15.6px Inter;
+ --leo-font-components-navbutton: 600 14px/22px Poppins;
+ --leo-font-components-button-small: 600 12px/20px Poppins;
+ --leo-font-components-button-default: 600 13px/21px Poppins;
--leo-font-components-button-large: 600 14px/22px Poppins;
- --leo-font-components-button-jumbo: 600 16px/24px Poppins;
- --leo-typography-macos-large-regular-font-size: 16px;
- --leo-typography-macos-large-regular-font-weight: 400px;
- --leo-typography-macos-large-regular-letter-spacing: -0.08px;
- --leo-typography-macos-large-regular-line-height: 19.2px;
- --leo-typography-macos-large-regular-paragraph-indent: 0;
- --leo-typography-macos-large-regular-paragraph-spacing: 0;
- --leo-typography-macos-large-semibold-font-size: 16px;
- --leo-typography-macos-large-semibold-font-weight: 600px;
- --leo-typography-macos-large-semibold-letter-spacing: -0.08px;
- --leo-typography-macos-large-semibold-line-height: 19.2px;
- --leo-typography-macos-large-semibold-paragraph-indent: 0;
- --leo-typography-macos-large-semibold-paragraph-spacing: 0;
- --leo-typography-macos-default-regular-font-size: 14px;
- --leo-typography-macos-default-regular-font-weight: 400px;
- --leo-typography-macos-default-regular-letter-spacing: -0.08px;
- --leo-typography-macos-default-regular-line-height: 16.8px;
- --leo-typography-macos-default-regular-paragraph-indent: 0;
- --leo-typography-macos-default-regular-paragraph-spacing: 0;
- --leo-typography-macos-default-semibold-font-size: 14px;
- --leo-typography-macos-default-semibold-font-weight: 600px;
- --leo-typography-macos-default-semibold-letter-spacing: -0.08px;
- --leo-typography-macos-default-semibold-line-height: 16.8px;
- --leo-typography-macos-default-semibold-paragraph-indent: 0;
- --leo-typography-macos-default-semibold-paragraph-spacing: 0;
- --leo-typography-macos-small-regular-font-size: 13px;
- --leo-typography-macos-small-regular-font-weight: 400px;
- --leo-typography-macos-small-regular-letter-spacing: -0.29px;
- --leo-typography-macos-small-regular-line-height: 15.6px;
- --leo-typography-macos-small-regular-paragraph-indent: 0;
- --leo-typography-macos-small-regular-paragraph-spacing: 0;
- --leo-typography-macos-small-semibold-font-size: 13px;
- --leo-typography-macos-small-semibold-font-weight: 600px;
- --leo-typography-macos-small-semibold-letter-spacing: -0.29px;
- --leo-typography-macos-small-semibold-line-height: 15.6px;
- --leo-typography-macos-small-semibold-paragraph-indent: 0;
- --leo-typography-macos-small-semibold-paragraph-spacing: 0;
- --leo-typography-macos-x-small-regular-font-size: 12px;
- --leo-typography-macos-x-small-regular-font-weight: 400px;
- --leo-typography-macos-x-small-regular-letter-spacing: -0.29px;
- --leo-typography-macos-x-small-regular-line-height: 14.4px;
- --leo-typography-macos-x-small-regular-paragraph-indent: 0;
- --leo-typography-macos-x-small-regular-paragraph-spacing: 0;
- --leo-typography-macos-x-small-semibold-font-size: 12px;
- --leo-typography-macos-x-small-semibold-font-weight: 600px;
- --leo-typography-macos-x-small-semibold-letter-spacing: -0.29px;
- --leo-typography-macos-x-small-semibold-line-height: 14.4px;
- --leo-typography-macos-x-small-semibold-paragraph-indent: 0;
- --leo-typography-macos-x-small-semibold-paragraph-spacing: 0;
- --leo-typography-windows-large-regular-font-size: 16px;
- --leo-typography-windows-large-regular-font-weight: 400px;
- --leo-typography-windows-large-regular-letter-spacing: 0;
- --leo-typography-windows-large-regular-line-height: 19.2px;
- --leo-typography-windows-large-regular-paragraph-indent: 0;
- --leo-typography-windows-large-regular-paragraph-spacing: 0;
- --leo-typography-windows-large-semibold-font-size: 16px;
- --leo-typography-windows-large-semibold-font-weight: 600px;
- --leo-typography-windows-large-semibold-letter-spacing: 0;
- --leo-typography-windows-large-semibold-line-height: 19.2px;
- --leo-typography-windows-large-semibold-paragraph-indent: 0;
- --leo-typography-windows-large-semibold-paragraph-spacing: 0;
- --leo-typography-windows-default-regular-font-size: 14px;
- --leo-typography-windows-default-regular-font-weight: 400px;
- --leo-typography-windows-default-regular-letter-spacing: 0;
- --leo-typography-windows-default-regular-line-height: 16.8px;
- --leo-typography-windows-default-regular-paragraph-indent: 0;
- --leo-typography-windows-default-regular-paragraph-spacing: 0;
- --leo-typography-windows-default-semibold-font-size: 14px;
- --leo-typography-windows-default-semibold-font-weight: 600px;
- --leo-typography-windows-default-semibold-letter-spacing: 0;
- --leo-typography-windows-default-semibold-line-height: 16.8px;
- --leo-typography-windows-default-semibold-paragraph-indent: 0;
- --leo-typography-windows-default-semibold-paragraph-spacing: 0;
- --leo-typography-windows-small-regular-font-size: 13px;
- --leo-typography-windows-small-regular-font-weight: 400px;
- --leo-typography-windows-small-regular-letter-spacing: 0;
- --leo-typography-windows-small-regular-line-height: 15.6px;
- --leo-typography-windows-small-regular-paragraph-indent: 0;
- --leo-typography-windows-small-regular-paragraph-spacing: 0;
- --leo-typography-windows-small-semibold-font-size: 13px;
- --leo-typography-windows-small-semibold-font-weight: 600px;
- --leo-typography-windows-small-semibold-letter-spacing: 0;
- --leo-typography-windows-small-semibold-line-height: 15.6px;
- --leo-typography-windows-small-semibold-paragraph-indent: 0;
- --leo-typography-windows-small-semibold-paragraph-spacing: 0;
- --leo-typography-windows-x-small-regular-font-size: 12px;
- --leo-typography-windows-x-small-regular-font-weight: 400px;
- --leo-typography-windows-x-small-regular-letter-spacing: 0;
- --leo-typography-windows-x-small-regular-line-height: 14.4px;
- --leo-typography-windows-x-small-regular-paragraph-indent: 0;
- --leo-typography-windows-x-small-regular-paragraph-spacing: 0;
- --leo-typography-windows-x-small-semibold-font-size: 12px;
- --leo-typography-windows-x-small-semibold-font-weight: 600px;
- --leo-typography-windows-x-small-semibold-letter-spacing: 0;
- --leo-typography-windows-x-small-semibold-line-height: 14.4px;
- --leo-typography-windows-x-small-semibold-paragraph-indent: 0;
- --leo-typography-windows-x-small-semibold-paragraph-spacing: 0;
- --leo-typography-primary-heading-display1-font-size: 52px;
- --leo-typography-primary-heading-display1-font-weight: 500px;
- --leo-typography-primary-heading-display1-letter-spacing: 0;
- --leo-typography-primary-heading-display1-line-height: 78px;
- --leo-typography-primary-heading-display1-paragraph-indent: 0;
- --leo-typography-primary-heading-display1-paragraph-spacing: 0;
- --leo-typography-primary-heading-display2-font-size: 36px;
- --leo-typography-primary-heading-display2-font-weight: 500px;
- --leo-typography-primary-heading-display2-letter-spacing: 0;
- --leo-typography-primary-heading-display2-line-height: 54px;
- --leo-typography-primary-heading-display2-paragraph-indent: 0;
- --leo-typography-primary-heading-display2-paragraph-spacing: 0;
- --leo-typography-primary-heading-h1-font-size: 32px;
- --leo-typography-primary-heading-h1-font-weight: 500px;
- --leo-typography-primary-heading-h1-letter-spacing: 0;
- --leo-typography-primary-heading-h1-line-height: 48px;
- --leo-typography-primary-heading-h1-paragraph-indent: 0;
- --leo-typography-primary-heading-h1-paragraph-spacing: 0;
- --leo-typography-primary-heading-h2-font-size: 28px;
- --leo-typography-primary-heading-h2-font-weight: 500px;
- --leo-typography-primary-heading-h2-letter-spacing: 0;
- --leo-typography-primary-heading-h2-line-height: 40px;
- --leo-typography-primary-heading-h2-paragraph-indent: 0;
- --leo-typography-primary-heading-h2-paragraph-spacing: 0;
- --leo-typography-primary-heading-h3-font-size: 22px;
- --leo-typography-primary-heading-h3-font-weight: 500px;
- --leo-typography-primary-heading-h3-letter-spacing: 0;
- --leo-typography-primary-heading-h3-line-height: 32px;
- --leo-typography-primary-heading-h3-paragraph-indent: 0;
- --leo-typography-primary-heading-h3-paragraph-spacing: 0;
- --leo-typography-primary-heading-h4-font-size: 16px;
- --leo-typography-primary-heading-h4-font-weight: 600px;
- --leo-typography-primary-heading-h4-letter-spacing: 0;
- --leo-typography-primary-heading-h4-line-height: 24px;
- --leo-typography-primary-heading-h4-paragraph-indent: 0;
- --leo-typography-primary-heading-h4-paragraph-spacing: 0;
- --leo-typography-primary-large-regular-font-size: 16px;
- --leo-typography-primary-large-regular-font-weight: 400px;
- --leo-typography-primary-large-regular-letter-spacing: 0;
- --leo-typography-primary-large-regular-line-height: 28px;
- --leo-typography-primary-large-regular-paragraph-indent: 0;
- --leo-typography-primary-large-regular-paragraph-spacing: 0;
- --leo-typography-primary-large-semibold-font-size: 16px;
- --leo-typography-primary-large-semibold-font-weight: 600px;
- --leo-typography-primary-large-semibold-letter-spacing: 0;
- --leo-typography-primary-large-semibold-line-height: 28px;
- --leo-typography-primary-large-semibold-paragraph-indent: 0;
- --leo-typography-primary-large-semibold-paragraph-spacing: 0;
- --leo-typography-primary-default-regular-font-size: 14px;
- --leo-typography-primary-default-regular-font-weight: 400px;
- --leo-typography-primary-default-regular-letter-spacing: 0;
- --leo-typography-primary-default-regular-line-height: 24px;
- --leo-typography-primary-default-regular-paragraph-indent: 0;
- --leo-typography-primary-default-regular-paragraph-spacing: 0;
- --leo-typography-primary-default-semibold-font-size: 14px;
- --leo-typography-primary-default-semibold-font-weight: 600px;
- --leo-typography-primary-default-semibold-letter-spacing: 0;
- --leo-typography-primary-default-semibold-line-height: 24px;
- --leo-typography-primary-default-semibold-paragraph-indent: 0;
- --leo-typography-primary-default-semibold-paragraph-spacing: 0;
- --leo-typography-primary-small-regular-font-size: 12px;
- --leo-typography-primary-small-regular-font-weight: 400px;
- --leo-typography-primary-small-regular-letter-spacing: 0;
- --leo-typography-primary-small-regular-line-height: 18px;
- --leo-typography-primary-small-regular-paragraph-indent: 0;
- --leo-typography-primary-small-regular-paragraph-spacing: 0;
- --leo-typography-primary-small-semibold-font-size: 12px;
- --leo-typography-primary-small-semibold-font-weight: 600px;
- --leo-typography-primary-small-semibold-letter-spacing: 0;
- --leo-typography-primary-small-semibold-line-height: 18px;
- --leo-typography-primary-small-semibold-paragraph-indent: 0;
- --leo-typography-primary-small-semibold-paragraph-spacing: 0;
- --leo-typography-primary-x-small-regular-font-size: 11px;
- --leo-typography-primary-x-small-regular-font-weight: 400px;
- --leo-typography-primary-x-small-regular-letter-spacing: 0;
- --leo-typography-primary-x-small-regular-line-height: 16px;
- --leo-typography-primary-x-small-regular-paragraph-indent: 0;
- --leo-typography-primary-x-small-regular-paragraph-spacing: 0;
- --leo-typography-primary-x-small-semibold-font-size: 11px;
- --leo-typography-primary-x-small-semibold-font-weight: 600px;
- --leo-typography-primary-x-small-semibold-letter-spacing: 0;
- --leo-typography-primary-x-small-semibold-line-height: 16px;
- --leo-typography-primary-x-small-semibold-paragraph-indent: 0;
- --leo-typography-primary-x-small-semibold-paragraph-spacing: 0;
- --leo-typography-secondary-heading-display1-font-size: 52px;
- --leo-typography-secondary-heading-display1-font-weight: 500px;
- --leo-typography-secondary-heading-display1-letter-spacing: 0;
- --leo-typography-secondary-heading-display1-line-height: 78px;
- --leo-typography-secondary-heading-display1-paragraph-indent: 0;
- --leo-typography-secondary-heading-display1-paragraph-spacing: 0;
- --leo-typography-secondary-heading-display2-font-size: 36px;
- --leo-typography-secondary-heading-display2-font-weight: 500px;
- --leo-typography-secondary-heading-display2-letter-spacing: 0;
- --leo-typography-secondary-heading-display2-line-height: 54px;
- --leo-typography-secondary-heading-display2-paragraph-indent: 0;
- --leo-typography-secondary-heading-display2-paragraph-spacing: 0;
- --leo-typography-secondary-heading-h1-font-size: 32px;
- --leo-typography-secondary-heading-h1-font-weight: 500px;
- --leo-typography-secondary-heading-h1-letter-spacing: 0;
- --leo-typography-secondary-heading-h1-line-height: 48px;
- --leo-typography-secondary-heading-h1-paragraph-indent: 0;
- --leo-typography-secondary-heading-h1-paragraph-spacing: 0;
- --leo-typography-secondary-heading-h2-font-size: 28px;
- --leo-typography-secondary-heading-h2-font-weight: 500px;
- --leo-typography-secondary-heading-h2-letter-spacing: 0;
- --leo-typography-secondary-heading-h2-line-height: 40px;
- --leo-typography-secondary-heading-h2-paragraph-indent: 0;
- --leo-typography-secondary-heading-h2-paragraph-spacing: 0;
- --leo-typography-secondary-heading-h3-font-size: 22px;
- --leo-typography-secondary-heading-h3-font-weight: 500px;
- --leo-typography-secondary-heading-h3-letter-spacing: 0;
- --leo-typography-secondary-heading-h3-line-height: 32px;
- --leo-typography-secondary-heading-h3-paragraph-indent: 0;
- --leo-typography-secondary-heading-h3-paragraph-spacing: 0;
- --leo-typography-secondary-heading-h4-font-size: 16px;
- --leo-typography-secondary-heading-h4-font-weight: 600px;
- --leo-typography-secondary-heading-h4-letter-spacing: 0.32px;
- --leo-typography-secondary-heading-h4-line-height: 24px;
- --leo-typography-secondary-heading-h4-paragraph-indent: 0;
- --leo-typography-secondary-heading-h4-paragraph-spacing: 0;
- --leo-typography-secondary-large-regular-font-size: 16px;
- --leo-typography-secondary-large-regular-font-weight: 500px;
- --leo-typography-secondary-large-regular-letter-spacing: 0.16px;
- --leo-typography-secondary-large-regular-line-height: 28px;
- --leo-typography-secondary-large-regular-paragraph-indent: 0;
- --leo-typography-secondary-large-regular-paragraph-spacing: 0;
- --leo-typography-secondary-large-semibold-font-size: 16px;
- --leo-typography-secondary-large-semibold-font-weight: 700px;
- --leo-typography-secondary-large-semibold-letter-spacing: 0.16px;
- --leo-typography-secondary-large-semibold-line-height: 28px;
- --leo-typography-secondary-large-semibold-paragraph-indent: 0;
- --leo-typography-secondary-large-semibold-paragraph-spacing: 0;
- --leo-typography-secondary-default-regular-font-size: 14px;
- --leo-typography-secondary-default-regular-font-weight: 500px;
- --leo-typography-secondary-default-regular-letter-spacing: 0.28px;
- --leo-typography-secondary-default-regular-line-height: 24px;
- --leo-typography-secondary-default-regular-paragraph-indent: 0;
- --leo-typography-secondary-default-regular-paragraph-spacing: 0;
- --leo-typography-secondary-default-semibold-font-size: 14px;
- --leo-typography-secondary-default-semibold-font-weight: 700px;
- --leo-typography-secondary-default-semibold-letter-spacing: 0.28px;
- --leo-typography-secondary-default-semibold-line-height: 24px;
- --leo-typography-secondary-default-semibold-paragraph-indent: 0;
- --leo-typography-secondary-default-semibold-paragraph-spacing: 0;
- --leo-typography-secondary-small-regular-font-size: 12px;
- --leo-typography-secondary-small-regular-font-weight: 500px;
- --leo-typography-secondary-small-regular-letter-spacing: 0.24px;
- --leo-typography-secondary-small-regular-line-height: 18px;
- --leo-typography-secondary-small-regular-paragraph-indent: 0;
- --leo-typography-secondary-small-regular-paragraph-spacing: 0;
- --leo-typography-secondary-small-semibold-font-size: 12px;
- --leo-typography-secondary-small-semibold-font-weight: 700px;
- --leo-typography-secondary-small-semibold-letter-spacing: 0.24px;
- --leo-typography-secondary-small-semibold-line-height: 18px;
- --leo-typography-secondary-small-semibold-paragraph-indent: 0;
- --leo-typography-secondary-small-semibold-paragraph-spacing: 0;
- --leo-typography-secondary-x-small-default-font-size: 11px;
- --leo-typography-secondary-x-small-default-font-weight: 500px;
- --leo-typography-secondary-x-small-default-letter-spacing: 0.22px;
- --leo-typography-secondary-x-small-default-line-height: 16px;
- --leo-typography-secondary-x-small-default-paragraph-indent: 0;
- --leo-typography-secondary-x-small-default-paragraph-spacing: 0;
- --leo-typography-secondary-x-small-semibold-font-size: 11px;
- --leo-typography-secondary-x-small-semibold-font-weight: 700px;
- --leo-typography-secondary-x-small-semibold-letter-spacing: 0.22px;
- --leo-typography-secondary-x-small-semibold-line-height: 16px;
- --leo-typography-secondary-x-small-semibold-paragraph-indent: 0;
- --leo-typography-secondary-x-small-semibold-paragraph-spacing: 0;
+ --leo-font-components-button-jumbo: 600 16px/22px Poppins;
+ --leo-typography-browser-large-regular-font-size: 16px;
+ --leo-typography-browser-large-regular-font-weight: 400px;
+ --leo-typography-browser-large-regular-letter-spacing: -0.2px;
+ --leo-typography-browser-large-regular-line-height: 19.2px;
+ --leo-typography-browser-large-regular-paragraph-indent: 0;
+ --leo-typography-browser-large-regular-paragraph-spacing: 0;
+ --leo-typography-browser-large-semibold-font-size: 16px;
+ --leo-typography-browser-large-semibold-font-weight: 600px;
+ --leo-typography-browser-large-semibold-letter-spacing: -0.2px;
+ --leo-typography-browser-large-semibold-line-height: 19.2px;
+ --leo-typography-browser-large-semibold-paragraph-indent: 0;
+ --leo-typography-browser-large-semibold-paragraph-spacing: 0;
+ --leo-typography-browser-default-regular-font-size: 14px;
+ --leo-typography-browser-default-regular-font-weight: 400px;
+ --leo-typography-browser-default-regular-letter-spacing: -0.1px;
+ --leo-typography-browser-default-regular-line-height: 16.8px;
+ --leo-typography-browser-default-regular-paragraph-indent: 0;
+ --leo-typography-browser-default-regular-paragraph-spacing: 0;
+ --leo-typography-browser-default-semibold-font-size: 14px;
+ --leo-typography-browser-default-semibold-font-weight: 600px;
+ --leo-typography-browser-default-semibold-letter-spacing: -0.1px;
+ --leo-typography-browser-default-semibold-line-height: 16.8px;
+ --leo-typography-browser-default-semibold-paragraph-indent: 0;
+ --leo-typography-browser-default-semibold-paragraph-spacing: 0;
+ --leo-typography-browser-small-regular-font-size: 13px;
+ --leo-typography-browser-small-regular-font-weight: 400px;
+ --leo-typography-browser-small-regular-letter-spacing: 0;
+ --leo-typography-browser-small-regular-line-height: 15.6px;
+ --leo-typography-browser-small-regular-paragraph-indent: 0;
+ --leo-typography-browser-small-regular-paragraph-spacing: 0;
+ --leo-typography-browser-small-semibold-font-size: 13px;
+ --leo-typography-browser-small-semibold-font-weight: 600px;
+ --leo-typography-browser-small-semibold-letter-spacing: 0;
+ --leo-typography-browser-small-semibold-line-height: 15.6px;
+ --leo-typography-browser-small-semibold-paragraph-indent: 0;
+ --leo-typography-browser-small-semibold-paragraph-spacing: 0;
+ --leo-typography-browser-x-small-regular-font-size: 12px;
+ --leo-typography-browser-x-small-regular-font-weight: 400px;
+ --leo-typography-browser-x-small-regular-letter-spacing: 0;
+ --leo-typography-browser-x-small-regular-line-height: 14.4px;
+ --leo-typography-browser-x-small-regular-paragraph-indent: 0;
+ --leo-typography-browser-x-small-regular-paragraph-spacing: 0;
+ --leo-typography-browser-x-small-semibold-font-size: 12px;
+ --leo-typography-browser-x-small-semibold-font-weight: 600px;
+ --leo-typography-browser-x-small-semibold-letter-spacing: 0;
+ --leo-typography-browser-x-small-semibold-line-height: 14.4px;
+ --leo-typography-browser-x-small-semibold-paragraph-indent: 0;
+ --leo-typography-browser-x-small-semibold-paragraph-spacing: 0;
+ --leo-typography-heading-display1-font-size: 52px;
+ --leo-typography-heading-display1-font-weight: 500px;
+ --leo-typography-heading-display1-letter-spacing: 0;
+ --leo-typography-heading-display1-line-height: 68px;
+ --leo-typography-heading-display1-paragraph-indent: 0;
+ --leo-typography-heading-display1-paragraph-spacing: 0;
+ --leo-typography-heading-display2-font-size: 36px;
+ --leo-typography-heading-display2-font-weight: 500px;
+ --leo-typography-heading-display2-letter-spacing: 0;
+ --leo-typography-heading-display2-line-height: 46px;
+ --leo-typography-heading-display2-paragraph-indent: 0;
+ --leo-typography-heading-display2-paragraph-spacing: 0;
+ --leo-typography-heading-h1-font-size: 32px;
+ --leo-typography-heading-h1-font-weight: 500px;
+ --leo-typography-heading-h1-letter-spacing: 0;
+ --leo-typography-heading-h1-line-height: 42px;
+ --leo-typography-heading-h1-paragraph-indent: 0;
+ --leo-typography-heading-h1-paragraph-spacing: 0;
+ --leo-typography-heading-h2-font-size: 28px;
+ --leo-typography-heading-h2-font-weight: 500px;
+ --leo-typography-heading-h2-letter-spacing: 0;
+ --leo-typography-heading-h2-line-height: 36px;
+ --leo-typography-heading-h2-paragraph-indent: 0;
+ --leo-typography-heading-h2-paragraph-spacing: 0;
+ --leo-typography-heading-h3-font-size: 22px;
+ --leo-typography-heading-h3-font-weight: 500px;
+ --leo-typography-heading-h3-letter-spacing: 0;
+ --leo-typography-heading-h3-line-height: 28px;
+ --leo-typography-heading-h3-paragraph-indent: 0;
+ --leo-typography-heading-h3-paragraph-spacing: 0;
+ --leo-typography-heading-h4-font-size: 16px;
+ --leo-typography-heading-h4-font-weight: 600px;
+ --leo-typography-heading-h4-letter-spacing: 0;
+ --leo-typography-heading-h4-line-height: 26px;
+ --leo-typography-heading-h4-paragraph-indent: 0;
+ --leo-typography-heading-h4-paragraph-spacing: 0;
+ --leo-typography-large-regular-font-size: 16px;
+ --leo-typography-large-regular-font-weight: 400px;
+ --leo-typography-large-regular-letter-spacing: -0.2px;
+ --leo-typography-large-regular-line-height: 26px;
+ --leo-typography-large-regular-paragraph-indent: 0;
+ --leo-typography-large-regular-paragraph-spacing: 0;
+ --leo-typography-large-semibold-font-size: 16px;
+ --leo-typography-large-semibold-font-weight: 600px;
+ --leo-typography-large-semibold-letter-spacing: -0.2px;
+ --leo-typography-large-semibold-line-height: 26px;
+ --leo-typography-large-semibold-paragraph-indent: 0;
+ --leo-typography-large-semibold-paragraph-spacing: 0;
+ --leo-typography-default-regular-font-size: 14px;
+ --leo-typography-default-regular-font-weight: 400px;
+ --leo-typography-default-regular-letter-spacing: -0.1px;
+ --leo-typography-default-regular-line-height: 22px;
+ --leo-typography-default-regular-paragraph-indent: 0;
+ --leo-typography-default-regular-paragraph-spacing: 0;
+ --leo-typography-default-semibold-font-size: 14px;
+ --leo-typography-default-semibold-font-weight: 600px;
+ --leo-typography-default-semibold-letter-spacing: -0.1px;
+ --leo-typography-default-semibold-line-height: 22px;
+ --leo-typography-default-semibold-paragraph-indent: 0;
+ --leo-typography-default-semibold-paragraph-spacing: 0;
+ --leo-typography-small-regular-font-size: 12px;
+ --leo-typography-small-regular-font-weight: 400px;
+ --leo-typography-small-regular-letter-spacing: 0;
+ --leo-typography-small-regular-line-height: 20px;
+ --leo-typography-small-regular-paragraph-indent: 0;
+ --leo-typography-small-regular-paragraph-spacing: 0;
+ --leo-typography-small-semibold-font-size: 12px;
+ --leo-typography-small-semibold-font-weight: 600px;
+ --leo-typography-small-semibold-letter-spacing: 0;
+ --leo-typography-small-semibold-line-height: 20px;
+ --leo-typography-small-semibold-paragraph-indent: 0;
+ --leo-typography-small-semibold-paragraph-spacing: 0;
+ --leo-typography-x-small-regular-font-size: 11px;
+ --leo-typography-x-small-regular-font-weight: 400px;
+ --leo-typography-x-small-regular-letter-spacing: 0;
+ --leo-typography-x-small-regular-line-height: 18px;
+ --leo-typography-x-small-regular-paragraph-indent: 0;
+ --leo-typography-x-small-regular-paragraph-spacing: 0;
+ --leo-typography-x-small-semibold-font-size: 11px;
+ --leo-typography-x-small-semibold-font-weight: 600px;
+ --leo-typography-x-small-semibold-letter-spacing: 0;
+ --leo-typography-x-small-semibold-line-height: 18px;
+ --leo-typography-x-small-semibold-paragraph-indent: 0;
+ --leo-typography-x-small-semibold-paragraph-spacing: 0;
--leo-typography-monospace-large-font-size: 16px;
--leo-typography-monospace-large-font-weight: 400px;
--leo-typography-monospace-large-letter-spacing: 0;
- --leo-typography-monospace-large-line-height: 28px;
+ --leo-typography-monospace-large-line-height: 26px;
--leo-typography-monospace-large-paragraph-indent: 0;
--leo-typography-monospace-large-paragraph-spacing: 0;
--leo-typography-monospace-default-font-size: 14px;
--leo-typography-monospace-default-font-weight: 400px;
--leo-typography-monospace-default-letter-spacing: 0;
- --leo-typography-monospace-default-line-height: 24px;
+ --leo-typography-monospace-default-line-height: 22px;
--leo-typography-monospace-default-paragraph-indent: 0;
--leo-typography-monospace-default-paragraph-spacing: 0;
--leo-typography-monospace-small-font-size: 12px;
--leo-typography-monospace-small-font-weight: 400px;
--leo-typography-monospace-small-letter-spacing: 0;
- --leo-typography-monospace-small-line-height: 18px;
+ --leo-typography-monospace-small-line-height: 20px;
--leo-typography-monospace-small-paragraph-indent: 0;
--leo-typography-monospace-small-paragraph-spacing: 0;
- --leo-typography-mobile-primary-heading-display1-font-size: 32px;
- --leo-typography-mobile-primary-heading-display1-font-weight: 500px;
- --leo-typography-mobile-primary-heading-display1-letter-spacing: 0;
- --leo-typography-mobile-primary-heading-display1-line-height: 48px;
- --leo-typography-mobile-primary-heading-display1-paragraph-indent: 0;
- --leo-typography-mobile-primary-heading-display1-paragraph-spacing: 0;
- --leo-typography-mobile-primary-heading-display2-font-size: 28px;
- --leo-typography-mobile-primary-heading-display2-font-weight: 500px;
- --leo-typography-mobile-primary-heading-display2-letter-spacing: 0;
- --leo-typography-mobile-primary-heading-display2-line-height: 42px;
- --leo-typography-mobile-primary-heading-display2-paragraph-indent: 0;
- --leo-typography-mobile-primary-heading-display2-paragraph-spacing: 0;
- --leo-typography-mobile-primary-heading-h1-font-size: 28px;
- --leo-typography-mobile-primary-heading-h1-font-weight: 500px;
- --leo-typography-mobile-primary-heading-h1-letter-spacing: 0;
- --leo-typography-mobile-primary-heading-h1-line-height: 40px;
- --leo-typography-mobile-primary-heading-h1-paragraph-indent: 0;
- --leo-typography-mobile-primary-heading-h1-paragraph-spacing: 0;
- --leo-typography-mobile-primary-heading-h2-font-size: 22px;
- --leo-typography-mobile-primary-heading-h2-font-weight: 500px;
- --leo-typography-mobile-primary-heading-h2-letter-spacing: 0;
- --leo-typography-mobile-primary-heading-h2-line-height: 32px;
- --leo-typography-mobile-primary-heading-h2-paragraph-indent: 0;
- --leo-typography-mobile-primary-heading-h2-paragraph-spacing: 0;
- --leo-typography-mobile-primary-heading-h3-font-size: 18px;
- --leo-typography-mobile-primary-heading-h3-font-weight: 500px;
- --leo-typography-mobile-primary-heading-h3-letter-spacing: 0;
- --leo-typography-mobile-primary-heading-h3-line-height: 28px;
- --leo-typography-mobile-primary-heading-h3-paragraph-indent: 0;
- --leo-typography-mobile-primary-heading-h3-paragraph-spacing: 0;
- --leo-typography-mobile-primary-heading-h4-font-size: 16px;
- --leo-typography-mobile-primary-heading-h4-font-weight: 600px;
- --leo-typography-mobile-primary-heading-h4-letter-spacing: 0;
- --leo-typography-mobile-primary-heading-h4-line-height: 24px;
- --leo-typography-mobile-primary-heading-h4-paragraph-indent: 0;
- --leo-typography-mobile-primary-heading-h4-paragraph-spacing: 0;
+ --leo-typography-mobile-heading-display1-font-size: 32px;
+ --leo-typography-mobile-heading-display1-font-weight: 500px;
+ --leo-typography-mobile-heading-display1-letter-spacing: 0;
+ --leo-typography-mobile-heading-display1-line-height: 42px;
+ --leo-typography-mobile-heading-display1-paragraph-indent: 0;
+ --leo-typography-mobile-heading-display1-paragraph-spacing: 0;
+ --leo-typography-mobile-heading-display2-font-size: 28px;
+ --leo-typography-mobile-heading-display2-font-weight: 500px;
+ --leo-typography-mobile-heading-display2-letter-spacing: 0;
+ --leo-typography-mobile-heading-display2-line-height: 36px;
+ --leo-typography-mobile-heading-display2-paragraph-indent: 0;
+ --leo-typography-mobile-heading-display2-paragraph-spacing: 0;
+ --leo-typography-mobile-heading-h1-font-size: 28px;
+ --leo-typography-mobile-heading-h1-font-weight: 500px;
+ --leo-typography-mobile-heading-h1-letter-spacing: 0;
+ --leo-typography-mobile-heading-h1-line-height: 36px;
+ --leo-typography-mobile-heading-h1-paragraph-indent: 0;
+ --leo-typography-mobile-heading-h1-paragraph-spacing: 0;
+ --leo-typography-mobile-heading-h2-font-size: 22px;
+ --leo-typography-mobile-heading-h2-font-weight: 500px;
+ --leo-typography-mobile-heading-h2-letter-spacing: 0;
+ --leo-typography-mobile-heading-h2-line-height: 28px;
+ --leo-typography-mobile-heading-h2-paragraph-indent: 0;
+ --leo-typography-mobile-heading-h2-paragraph-spacing: 0;
+ --leo-typography-mobile-heading-h3-font-size: 18px;
+ --leo-typography-mobile-heading-h3-font-weight: 500px;
+ --leo-typography-mobile-heading-h3-letter-spacing: 0;
+ --leo-typography-mobile-heading-h3-line-height: 26px;
+ --leo-typography-mobile-heading-h3-paragraph-indent: 0;
+ --leo-typography-mobile-heading-h3-paragraph-spacing: 0;
+ --leo-typography-mobile-heading-h4-font-size: 16px;
+ --leo-typography-mobile-heading-h4-font-weight: 600px;
+ --leo-typography-mobile-heading-h4-letter-spacing: 0;
+ --leo-typography-mobile-heading-h4-line-height: 26px;
+ --leo-typography-mobile-heading-h4-paragraph-indent: 0;
+ --leo-typography-mobile-heading-h4-paragraph-spacing: 0;
--leo-typography-components-label-font-size: 10px;
- --leo-typography-components-label-font-weight: 600px;
- --leo-typography-components-label-letter-spacing: 0.4px;
+ --leo-typography-components-label-font-weight: 700px;
+ --leo-typography-components-label-letter-spacing: 0;
--leo-typography-components-label-line-height: 12px;
--leo-typography-components-label-paragraph-indent: 0;
--leo-typography-components-label-paragraph-spacing: 0;
--leo-typography-components-tableheader-font-size: 13px;
--leo-typography-components-tableheader-font-weight: 500px;
- --leo-typography-components-tableheader-letter-spacing: 0;
- --leo-typography-components-tableheader-line-height: 20px;
+ --leo-typography-components-tableheader-letter-spacing: -0.1px;
+ --leo-typography-components-tableheader-line-height: 15.6px;
--leo-typography-components-tableheader-paragraph-indent: 0;
--leo-typography-components-tableheader-paragraph-spacing: 0;
- --leo-typography-components-navbutton-font-size: 15px;
+ --leo-typography-components-navbutton-font-size: 14px;
--leo-typography-components-navbutton-font-weight: 600px;
- --leo-typography-components-navbutton-letter-spacing: 0.3px;
- --leo-typography-components-navbutton-line-height: 20px;
+ --leo-typography-components-navbutton-letter-spacing: 0;
+ --leo-typography-components-navbutton-line-height: 22px;
--leo-typography-components-navbutton-paragraph-indent: 0;
--leo-typography-components-navbutton-paragraph-spacing: 0;
--leo-typography-components-button-small-font-size: 12px;
--leo-typography-components-button-small-font-weight: 600px;
--leo-typography-components-button-small-letter-spacing: 0.36px;
- --leo-typography-components-button-small-line-height: 16px;
+ --leo-typography-components-button-small-line-height: 20px;
--leo-typography-components-button-small-paragraph-indent: 0;
--leo-typography-components-button-small-paragraph-spacing: 0;
--leo-typography-components-button-default-font-size: 13px;
--leo-typography-components-button-default-font-weight: 600px;
--leo-typography-components-button-default-letter-spacing: 0.39px;
- --leo-typography-components-button-default-line-height: 20px;
+ --leo-typography-components-button-default-line-height: 21px;
--leo-typography-components-button-default-paragraph-indent: 0;
--leo-typography-components-button-default-paragraph-spacing: 0;
--leo-typography-components-button-large-font-size: 14px;
@@ -421,7 +267,7 @@
--leo-typography-components-button-jumbo-font-size: 16px;
--leo-typography-components-button-jumbo-font-weight: 600px;
--leo-typography-components-button-jumbo-letter-spacing: 0.16px;
- --leo-typography-components-button-jumbo-line-height: 24px;
+ --leo-typography-components-button-jumbo-line-height: 22px;
--leo-typography-components-button-jumbo-paragraph-indent: 0;
--leo-typography-components-button-jumbo-paragraph-spacing: 0;
--leo-color-primitive-gray-1: rgb(246, 247, 248);
@@ -562,18 +408,136 @@
--leo-color-primitive-brands-bravelion: rgb(254, 89, 7);
--leo-color-white: rgb(255, 255, 255);
--leo-color-black: rgb(0, 0, 0);
- --leo-gradient-hero: linear-gradient(138.21219643124405deg, rgb(134, 10, 194) 7.000000000000001%, rgb(230, 25, 135) 68%, rgb(255, 71, 26) 96%);
+ --leo-light-text-primary: rgb(13, 15, 20);
+ --leo-light-text-secondary: rgb(63, 72, 85);
+ --leo-light-text-tertiary: rgb(104, 116, 133);
+ --leo-light-text-disabled: rgba(33, 36, 42, 0.5);
+ --leo-light-text-interactive: rgb(63, 57, 232);
+ --leo-light-icon-default: rgb(104, 116, 133);
+ --leo-light-icon-disabled: rgba(104, 116, 133, 0.5);
+ --leo-light-icon-active: rgb(63, 57, 232);
+ --leo-light-browserbutton-background-hover: rgba(0, 0, 0, 0.05);
+ --leo-light-browserbutton-background-active: rgba(0, 0, 0, 0.1);
+ --leo-light-tabswitcher-button: rgb(255, 255, 255);
+ --leo-light-tabswitcher-background: rgb(246, 247, 248);
+ --leo-light-container-background-desktop: rgb(255, 255, 255);
+ --leo-light-container-background-mobile: rgb(255, 255, 255);
+ --leo-light-container-interactive: rgb(233, 238, 255);
+ --leo-light-container-scrim: rgba(13, 15, 20, 0.35);
+ --leo-light-material-thick: rgba(255, 255, 255, 0.95);
+ --leo-light-material-regular: rgba(255, 255, 255, 0.73);
+ --leo-light-material-thin: rgba(255, 255, 255, 0.56);
+ --leo-light-material-ultrathin: rgba(255, 255, 255, 0.32);
+ --leo-light-chrome-background-desktop: rgb(246, 247, 248);
+ --leo-light-chrome-background-mobile: rgb(246, 247, 248);
+ --leo-light-divider-subtle: rgba(161, 171, 186, 0.4);
+ --leo-light-divider-strong: rgba(104, 116, 133, 0.4);
+ --leo-light-tabbar-tabbar-background: rgb(237, 238, 241);
+ --leo-light-tabbar-tabactive-background: rgb(255, 255, 255);
+ --leo-light-os-color: rgb(0, 0, 0);
+ --leo-light-group-text: rgb(18, 117, 55);
+ --leo-light-group-background: rgba(18, 117, 55, 0.15);
+ --leo-dark-text-primary: rgb(246, 247, 248);
+ --leo-dark-text-secondary: rgb(194, 201, 211);
+ --leo-dark-text-tertiary: rgb(161, 171, 186);
+ --leo-dark-text-disabled: rgba(237, 238, 241, 0.5);
+ --leo-dark-text-interactive: rgb(124, 145, 255);
+ --leo-dark-icon-default: rgb(161, 171, 186);
+ --leo-dark-icon-disabled: rgba(161, 171, 186, 0.5);
+ --leo-dark-icon-active: rgb(124, 145, 255);
+ --leo-dark-browserbutton-background-hover: rgba(0, 0, 0, 0.25);
+ --leo-dark-browserbutton-background-active: rgba(0, 0, 0, 0.4);
+ --leo-dark-tabswitcher-button: rgb(33, 36, 42);
+ --leo-dark-tabswitcher-background: rgb(48, 52, 61);
+ --leo-dark-container-background-desktop: rgb(13, 15, 20);
+ --leo-dark-container-background-mobile: rgb(33, 36, 42);
+ --leo-dark-container-interactive: rgb(22, 16, 101);
+ --leo-dark-container-scrim: rgba(13, 15, 20, 0.7);
+ --leo-dark-material-thick: rgba(13, 15, 20, 0.85);
+ --leo-dark-material-regular: rgba(13, 15, 20, 0.69);
+ --leo-dark-material-thin: rgba(13, 15, 20, 0.51);
+ --leo-dark-material-ultrathin: rgba(13, 15, 20, 0.35);
+ --leo-dark-chrome-background-desktop: rgb(33, 36, 42);
+ --leo-dark-chrome-background-mobile: rgb(13, 15, 20);
+ --leo-dark-divider-subtle: rgba(104, 116, 133, 0.4);
+ --leo-dark-divider-strong: rgba(161, 171, 186, 0.4);
+ --leo-dark-tabbar-tabbar-background: rgb(13, 15, 20);
+ --leo-dark-tabbar-tabactive-background: rgb(48, 52, 61);
+ --leo-dark-os-color: rgb(255, 255, 255);
+ --leo-dark-group-text: rgb(116, 195, 142);
+ --leo-dark-group-background: rgba(116, 195, 142, 0.25);
+ --leo-private-window-text-primary: rgb(245, 243, 255);
+ --leo-private-window-text-secondary: rgb(204, 190, 254);
+ --leo-private-window-text-tertiary: rgb(163, 128, 255);
+ --leo-private-window-text-disabled: rgba(238, 235, 255, 0.5);
+ --leo-private-window-text-interactive: rgb(124, 145, 255);
+ --leo-private-window-icon-default: rgb(163, 128, 255);
+ --leo-private-window-icon-disabled: rgba(163, 128, 255, 0.5);
+ --leo-private-window-icon-active: rgb(124, 145, 255);
+ --leo-private-window-browserbutton-background-hover: rgba(0, 0, 0, 0.25);
+ --leo-private-window-browserbutton-background-active: rgba(0, 0, 0, 0.4);
+ --leo-private-window-tabswitcher-button: rgb(42, 13, 88);
+ --leo-private-window-tabswitcher-background: rgb(61, 18, 123);
+ --leo-private-window-container-background-desktop: rgb(19, 5, 42);
+ --leo-private-window-container-background-mobile: rgb(42, 13, 88);
+ --leo-private-window-container-interactive: rgb(22, 16, 101);
+ --leo-private-window-container-scrim: rgba(19, 5, 42, 0.7);
+ --leo-private-window-material-thick: rgba(19, 5, 42, 0.85);
+ --leo-private-window-material-regular: rgba(19, 5, 42, 0.69);
+ --leo-private-window-material-thin: rgba(19, 5, 42, 0.51);
+ --leo-private-window-material-ultrathin: rgba(19, 5, 42, 0.35);
+ --leo-private-window-chrome-background-desktop: rgb(42, 13, 88);
+ --leo-private-window-chrome-background-mobile: rgb(19, 5, 42);
+ --leo-private-window-divider-subtle: rgba(123, 99, 191, 0.4);
+ --leo-private-window-divider-strong: rgba(163, 128, 255, 0.4);
+ --leo-private-window-tabbar-tabbar-background: rgb(19, 5, 42);
+ --leo-private-window-tabbar-tabactive-background: rgb(61, 18, 123);
+ --leo-private-window-os-color: rgb(255, 255, 255);
+ --leo-private-window-group-text: rgb(116, 195, 142);
+ --leo-private-window-group-background: rgba(116, 195, 142, 0.25);
+ --leo-tor-window-text-primary: rgb(250, 242, 255);
+ --leo-tor-window-text-secondary: rgb(227, 179, 255);
+ --leo-tor-window-text-tertiary: rgb(199, 108, 246);
+ --leo-tor-window-text-disabled: rgba(246, 232, 255, 0.5);
+ --leo-tor-window-text-interactive: rgb(124, 145, 255);
+ --leo-tor-window-icon-default: rgb(199, 108, 246);
+ --leo-tor-window-icon-disabled: rgba(199, 108, 246, 0.5);
+ --leo-tor-window-icon-active: rgb(124, 145, 255);
+ --leo-tor-window-browserbutton-background-hover: rgba(0, 0, 0, 0.25);
+ --leo-tor-window-browserbutton-background-active: rgba(0, 0, 0, 0.4);
+ --leo-tor-window-tabswitcher-button: rgb(53, 11, 73);
+ --leo-tor-window-tabswitcher-background: rgb(76, 15, 103);
+ --leo-tor-window-container-background-desktop: rgb(25, 4, 35);
+ --leo-tor-window-container-background-mobile: rgb(53, 11, 73);
+ --leo-tor-window-container-interactive: rgb(22, 16, 101);
+ --leo-tor-window-container-scrim: rgba(25, 4, 35, 0.7);
+ --leo-tor-window-material-thick: rgba(25, 4, 35, 0.85);
+ --leo-tor-window-material-regular: rgba(25, 4, 35, 0.69);
+ --leo-tor-window-material-thin: rgba(25, 4, 35, 0.51);
+ --leo-tor-window-material-ultrathin: rgba(25, 4, 35, 0.35);
+ --leo-tor-window-chrome-background-desktop: rgb(53, 11, 73);
+ --leo-tor-window-chrome-background-mobile: rgb(25, 4, 35);
+ --leo-tor-window-divider-subtle: rgba(145, 94, 174, 0.4);
+ --leo-tor-window-divider-strong: rgba(199, 108, 246, 0.4);
+ --leo-tor-window-tabbar-tabbar-background: rgb(25, 4, 35);
+ --leo-tor-window-tabbar-tabactive-background: rgb(76, 15, 103);
+ --leo-tor-window-os-color: rgb(255, 255, 255);
+ --leo-tor-window-group-text: rgb(116, 195, 142);
+ --leo-tor-window-group-background: rgba(116, 195, 142, 0.25);
+ --leo-gradient-hero: linear-gradient(179.24640957924876deg, rgb(255, 85, 0) 0%, rgb(245, 0, 45) 100%);
--leo-gradient-icons-active: linear-gradient(321.5013256215316deg, rgb(250, 114, 80) 3%, rgb(255, 24, 147) 40%, rgb(167, 138, 255) 99%);
--leo-gradient-panel-background: linear-gradient(134.9999995731132deg, rgb(48, 6, 201) 0%, rgb(63, 57, 232) 100%);
--leo-gradient-panel-background-alternative: linear-gradient(134.9999995731132deg, rgb(63, 57, 232) 0%, rgb(135, 36, 168) 100%);
- --leo-gradient-toolbar-background: linear-gradient(134.9999995731132deg, rgb(231, 48, 79) 0%, rgb(178, 15, 150) 100%);
+ --leo-gradient-premiumindicator: linear-gradient(127.06278645486384deg, rgb(63, 57, 232) 0%, rgb(0, 186, 214) 100%);
+ --leo-gradient-toolbar-background: linear-gradient(314.9161155270921deg, rgb(236, 19, 73) 0%, rgb(212, 17, 115) 100%);
--leo-gradient-brave-release: linear-gradient(90deg, rgb(255, 85, 0) 0%, rgb(255, 85, 0) 33%, rgb(255, 32, 0) 67%, rgb(255, 32, 0) 100%);
--leo-gradient-brave-beta: linear-gradient(90deg, rgb(0, 153, 229) 0%, rgb(0, 89, 178) 50%, rgb(0, 43, 128) 100%);
--leo-gradient-brave-nightly: linear-gradient(90deg, rgb(144, 30, 225) 0%, rgb(101, 20, 158) 51%, rgb(72, 15, 113) 100%);
--leo-gradient-brave-debug: linear-gradient(90deg, rgb(108, 116, 147) 0%, rgb(87, 93, 117) 51%, rgb(54, 58, 73) 100%);
+ --leo-gradient-hero-legacy: linear-gradient(138.21219643124405deg, rgb(134, 10, 194) 7.000000000000001%, rgb(230, 25, 135) 68%, rgb(255, 71, 26) 96%);
--leo-effect-focus-state: 0px 0px 0px 1px rgba(255, 255, 255, 0.3), 0px 0px 0px 2px rgb(63, 57, 232);
- --leo-effect-notificationbackdrop-1: 0px 0px 12px 0px rgba(0, 0, 0, 0.12);
- --leo-effect-notificationbackdrop-2: 0px 0px 4px 0px rgba(0, 0, 0, 0.08);
+ --leo-effect-notificationbackdrop-1: 0px 2px 8px 0px rgba(0, 0, 0, 0.08);
+ --leo-effect-notificationbackdrop-2: 0px 1px 1px 0px rgba(0, 0, 0, 0.05);
--leo-effect-notificationbackdrop-3: inset 0px 0px 1px 0px rgba(255, 255, 255, 0.1);
--leo-radius-2xs: 1px;
--leo-radius-xs: 2px;
@@ -631,6 +595,8 @@
--leo-color-icon-disabled: rgba(104, 116, 133, 0.5);
--leo-color-button-background: rgb(63, 57, 232);
--leo-color-button-disabled: rgba(104, 116, 133, 0.3);
+ --leo-color-button-error-background: rgb(225, 31, 61);
+ --leo-color-button-success-background: rgb(60, 130, 60);
--leo-color-container-background: rgb(255, 255, 255);
--leo-color-container-highlight: rgb(237, 238, 241);
--leo-color-container-interactive: rgb(233, 238, 255);
@@ -644,16 +610,16 @@
--leo-color-dialogs-divider: rgba(33, 36, 42, 0.1);
--leo-color-dialogs-button-transparent-default: rgba(13, 15, 20, 0.35);
--leo-color-dialogs-button-transparent-hover: rgba(13, 15, 20, 0.5);
- --leo-color-systemfeedback-info-text: rgb(0, 72, 130);
+ --leo-color-systemfeedback-info-text: rgb(0, 97, 170);
--leo-color-systemfeedback-info-icon: rgb(16, 117, 201);
--leo-color-systemfeedback-info-background: rgb(226, 240, 255);
- --leo-color-systemfeedback-success-text: rgb(16, 86, 20);
+ --leo-color-systemfeedback-success-text: rgb(25, 114, 30);
--leo-color-systemfeedback-success-icon: rgb(60, 130, 60);
--leo-color-systemfeedback-success-background: rgb(224, 252, 222);
- --leo-color-systemfeedback-warning-text: rgb(93, 66, 0);
+ --leo-color-systemfeedback-warning-text: rgb(117, 91, 0);
--leo-color-systemfeedback-warning-icon: rgb(140, 111, 3);
--leo-color-systemfeedback-warning-background: rgb(252, 243, 217);
- --leo-color-systemfeedback-error-text: rgb(137, 0, 30);
+ --leo-color-systemfeedback-error-text: rgb(179, 0, 42);
--leo-color-systemfeedback-error-icon: rgb(225, 31, 61);
--leo-color-systemfeedback-error-background: rgb(255, 232, 231);
--leo-color-gray-10: rgb(246, 247, 248);
@@ -740,13 +706,13 @@
--leo-color-tor-window-50: rgb(120, 69, 147);
--leo-color-tor-window-60: rgb(94, 44, 120);
--leo-color-tor-window-70: rgb(53, 11, 73);
- --leo-effect-elevation-01: 0px 1px 4px 0px rgba(0, 0, 0, 0.07);
- --leo-effect-elevation-02: 0px 3px 10px -1px rgba(0, 0, 0, 0.05);
- --leo-effect-elevation-03: 0px 4px 16px -2px rgba(0, 0, 0, 0.08);
- --leo-effect-elevation-04: 0px 4px 24px -1px rgba(0, 0, 0, 0.06);
- --leo-effect-elevation-05: 0px 6px 32px -2px rgba(0, 0, 0, 0.06);
- --leo-effect-elevation-06: 0px 10px 48px 0px rgba(0, 0, 0, 0.06);
- --leo-effect-elevation-07: 0px 8px 64px 0px rgba(0, 0, 0, 0.06);
+ --leo-effect-elevation-01: 0px 1px 0px 0px rgba(0, 0, 0, 0.04), 0px 1px 4px 0px rgba(0, 0, 0, 0.07);
+ --leo-effect-elevation-02: 0px 1px 0px 0px rgba(0, 0, 0, 0.04), 0px 3px 10px -1px rgba(0, 0, 0, 0.05);
+ --leo-effect-elevation-03: 0px 1px 0px 0px rgba(0, 0, 0, 0.04), 0px 4px 16px -2px rgba(0, 0, 0, 0.08);
+ --leo-effect-elevation-04: 0px 1px 0px 0px rgba(0, 0, 0, 0.04), 0px 4px 24px -1px rgba(0, 0, 0, 0.06);
+ --leo-effect-elevation-05: 0px 1px 0px 0px rgba(0, 0, 0, 0.04), 0px 6px 32px -2px rgba(0, 0, 0, 0.06);
+ --leo-effect-elevation-06: 0px 1px 0px 0px rgba(0, 0, 0, 0.04), 0px 10px 48px 0px rgba(0, 0, 0, 0.06);
+ --leo-effect-elevation-07: 0px 1px 0px 0px rgba(0, 0, 0, 0.04), 0px 8px 64px 0px rgba(0, 0, 0, 0.06);
}
}
@@ -779,30 +745,32 @@
--leo-color-icon-disabled: rgba(104, 116, 133, 0.5);
--leo-color-button-background: rgb(63, 57, 232);
--leo-color-button-disabled: rgba(104, 116, 133, 0.3);
+ --leo-color-button-error-background: rgb(225, 31, 61);
+ --leo-color-button-success-background: rgb(60, 130, 60);
--leo-color-container-background: rgb(13, 15, 20);
--leo-color-container-highlight: rgb(33, 36, 42);
--leo-color-container-interactive: rgb(22, 16, 101);
--leo-color-container-disabled: rgba(195, 201, 211, 0.18);
--leo-color-page-background: rgb(0, 0, 0);
--leo-color-divider-subtle: rgba(104, 116, 133, 0.4);
- --leo-color-divider-strong: rgba(104, 116, 133, 0.4);
+ --leo-color-divider-strong: rgba(161, 171, 186, 0.4);
--leo-color-divider-interactive: rgba(124, 145, 255, 0.4);
--leo-color-dialogs-scrim-background: rgba(33, 36, 42, 0.7);
--leo-color-dialogs-frosted-glass-background: rgba(13, 15, 20, 0.9);
--leo-color-dialogs-divider: rgba(33, 36, 42, 0.65);
--leo-color-dialogs-button-transparent-default: rgba(13, 15, 20, 0.35);
--leo-color-dialogs-button-transparent-hover: rgba(13, 15, 20, 0.5);
- --leo-color-systemfeedback-info-text: rgb(199, 225, 255);
- --leo-color-systemfeedback-info-icon: rgb(16, 117, 201);
+ --leo-color-systemfeedback-info-text: rgb(160, 205, 255);
+ --leo-color-systemfeedback-info-icon: rgb(57, 159, 255);
--leo-color-systemfeedback-info-background: rgb(7, 37, 66);
- --leo-color-systemfeedback-success-text: rgb(224, 252, 222);
- --leo-color-systemfeedback-success-icon: rgb(60, 130, 60);
+ --leo-color-systemfeedback-success-text: rgb(148, 223, 145);
+ --leo-color-systemfeedback-success-icon: rgb(42, 186, 50);
--leo-color-systemfeedback-success-background: rgb(9, 44, 9);
- --leo-color-systemfeedback-warning-text: rgb(252, 243, 217);
- --leo-color-systemfeedback-warning-icon: rgb(140, 111, 3);
+ --leo-color-systemfeedback-warning-text: rgb(243, 194, 17);
+ --leo-color-systemfeedback-warning-icon: rgb(189, 150, 0);
--leo-color-systemfeedback-warning-background: rgb(45, 35, 7);
- --leo-color-systemfeedback-error-text: rgb(255, 232, 231);
- --leo-color-systemfeedback-error-icon: rgb(225, 31, 61);
+ --leo-color-systemfeedback-error-text: rgb(255, 177, 176);
+ --leo-color-systemfeedback-error-icon: rgb(255, 90, 99);
--leo-color-systemfeedback-error-background: rgb(70, 10, 16);
--leo-color-gray-10: rgb(33, 36, 42);
--leo-color-gray-20: rgb(48, 52, 61);
@@ -888,13 +856,13 @@
--leo-color-tor-window-50: rgb(199, 108, 246);
--leo-color-tor-window-60: rgb(227, 179, 255);
--leo-color-tor-window-70: rgb(246, 232, 255);
- --leo-effect-elevation-01: 0px 1px 4px 0px rgba(0, 0, 0, 0.4);
- --leo-effect-elevation-02: 0px 3px 10px -1px rgba(0, 0, 0, 0.35);
- --leo-effect-elevation-03: 0px 4px 16px -2px rgba(0, 0, 0, 0.3);
- --leo-effect-elevation-04: 0px 4px 24px -1px rgba(0, 0, 0, 0.3);
- --leo-effect-elevation-05: 0px 6px 25px -2px rgba(0, 0, 0, 0.3);
- --leo-effect-elevation-06: 0px 10px 48px 0px rgba(0, 0, 0, 0.3);
- --leo-effect-elevation-07: 0px 8px 64px 0px rgba(0, 0, 0, 0.3);
+ --leo-effect-elevation-01: inset 0px -1px 0px 0px rgba(255, 255, 255, 0.05), 0px 1px 4px 0px rgba(0, 0, 0, 0.4);
+ --leo-effect-elevation-02: inset 0px -1px 0px 0px rgba(255, 255, 255, 0.05), 0px 3px 10px -1px rgba(0, 0, 0, 0.35);
+ --leo-effect-elevation-03: inset 0px -1px 0px 0px rgba(255, 255, 255, 0.05), 0px 4px 16px -2px rgba(0, 0, 0, 0.3);
+ --leo-effect-elevation-04: inset 0px -1px 0px 0px rgba(255, 255, 255, 0.05), 0px 4px 24px -1px rgba(0, 0, 0, 0.3);
+ --leo-effect-elevation-05: inset 0px -1px 0px 0px rgba(255, 255, 255, 0.05), 0px 6px 25px -2px rgba(0, 0, 0, 0.3);
+ --leo-effect-elevation-06: inset 0px -1px 0px 0px rgba(255, 255, 255, 0.05), 0px 10px 48px 0px rgba(0, 0, 0, 0.3);
+ --leo-effect-elevation-07: inset 0px -1px 0px 0px rgba(255, 255, 255, 0.05), 0px 8px 64px 0px rgba(0, 0, 0, 0.3);
}
}
@@ -926,6 +894,8 @@
--leo-color-icon-disabled: rgba(104, 116, 133, 0.5);
--leo-color-button-background: rgb(63, 57, 232);
--leo-color-button-disabled: rgba(104, 116, 133, 0.3);
+ --leo-color-button-error-background: rgb(225, 31, 61);
+ --leo-color-button-success-background: rgb(60, 130, 60);
--leo-color-container-background: rgb(255, 255, 255);
--leo-color-container-highlight: rgb(237, 238, 241);
--leo-color-container-interactive: rgb(233, 238, 255);
@@ -939,16 +909,16 @@
--leo-color-dialogs-divider: rgba(33, 36, 42, 0.1);
--leo-color-dialogs-button-transparent-default: rgba(13, 15, 20, 0.35);
--leo-color-dialogs-button-transparent-hover: rgba(13, 15, 20, 0.5);
- --leo-color-systemfeedback-info-text: rgb(0, 72, 130);
+ --leo-color-systemfeedback-info-text: rgb(0, 97, 170);
--leo-color-systemfeedback-info-icon: rgb(16, 117, 201);
--leo-color-systemfeedback-info-background: rgb(226, 240, 255);
- --leo-color-systemfeedback-success-text: rgb(16, 86, 20);
+ --leo-color-systemfeedback-success-text: rgb(25, 114, 30);
--leo-color-systemfeedback-success-icon: rgb(60, 130, 60);
--leo-color-systemfeedback-success-background: rgb(224, 252, 222);
- --leo-color-systemfeedback-warning-text: rgb(93, 66, 0);
+ --leo-color-systemfeedback-warning-text: rgb(117, 91, 0);
--leo-color-systemfeedback-warning-icon: rgb(140, 111, 3);
--leo-color-systemfeedback-warning-background: rgb(252, 243, 217);
- --leo-color-systemfeedback-error-text: rgb(137, 0, 30);
+ --leo-color-systemfeedback-error-text: rgb(179, 0, 42);
--leo-color-systemfeedback-error-icon: rgb(225, 31, 61);
--leo-color-systemfeedback-error-background: rgb(255, 232, 231);
--leo-color-gray-10: rgb(246, 247, 248);
@@ -1035,13 +1005,13 @@
--leo-color-tor-window-50: rgb(120, 69, 147);
--leo-color-tor-window-60: rgb(94, 44, 120);
--leo-color-tor-window-70: rgb(53, 11, 73);
- --leo-effect-elevation-01: 0px 1px 4px 0px rgba(0, 0, 0, 0.07);
- --leo-effect-elevation-02: 0px 3px 10px -1px rgba(0, 0, 0, 0.05);
- --leo-effect-elevation-03: 0px 4px 16px -2px rgba(0, 0, 0, 0.08);
- --leo-effect-elevation-04: 0px 4px 24px -1px rgba(0, 0, 0, 0.06);
- --leo-effect-elevation-05: 0px 6px 32px -2px rgba(0, 0, 0, 0.06);
- --leo-effect-elevation-06: 0px 10px 48px 0px rgba(0, 0, 0, 0.06);
- --leo-effect-elevation-07: 0px 8px 64px 0px rgba(0, 0, 0, 0.06);
+ --leo-effect-elevation-01: 0px 1px 0px 0px rgba(0, 0, 0, 0.04), 0px 1px 4px 0px rgba(0, 0, 0, 0.07);
+ --leo-effect-elevation-02: 0px 1px 0px 0px rgba(0, 0, 0, 0.04), 0px 3px 10px -1px rgba(0, 0, 0, 0.05);
+ --leo-effect-elevation-03: 0px 1px 0px 0px rgba(0, 0, 0, 0.04), 0px 4px 16px -2px rgba(0, 0, 0, 0.08);
+ --leo-effect-elevation-04: 0px 1px 0px 0px rgba(0, 0, 0, 0.04), 0px 4px 24px -1px rgba(0, 0, 0, 0.06);
+ --leo-effect-elevation-05: 0px 1px 0px 0px rgba(0, 0, 0, 0.04), 0px 6px 32px -2px rgba(0, 0, 0, 0.06);
+ --leo-effect-elevation-06: 0px 1px 0px 0px rgba(0, 0, 0, 0.04), 0px 10px 48px 0px rgba(0, 0, 0, 0.06);
+ --leo-effect-elevation-07: 0px 1px 0px 0px rgba(0, 0, 0, 0.04), 0px 8px 64px 0px rgba(0, 0, 0, 0.06);
}
[data-theme="dark"] {
@@ -1072,30 +1042,32 @@
--leo-color-icon-disabled: rgba(104, 116, 133, 0.5);
--leo-color-button-background: rgb(63, 57, 232);
--leo-color-button-disabled: rgba(104, 116, 133, 0.3);
+ --leo-color-button-error-background: rgb(225, 31, 61);
+ --leo-color-button-success-background: rgb(60, 130, 60);
--leo-color-container-background: rgb(13, 15, 20);
--leo-color-container-highlight: rgb(33, 36, 42);
--leo-color-container-interactive: rgb(22, 16, 101);
--leo-color-container-disabled: rgba(195, 201, 211, 0.18);
--leo-color-page-background: rgb(0, 0, 0);
--leo-color-divider-subtle: rgba(104, 116, 133, 0.4);
- --leo-color-divider-strong: rgba(104, 116, 133, 0.4);
+ --leo-color-divider-strong: rgba(161, 171, 186, 0.4);
--leo-color-divider-interactive: rgba(124, 145, 255, 0.4);
--leo-color-dialogs-scrim-background: rgba(33, 36, 42, 0.7);
--leo-color-dialogs-frosted-glass-background: rgba(13, 15, 20, 0.9);
--leo-color-dialogs-divider: rgba(33, 36, 42, 0.65);
--leo-color-dialogs-button-transparent-default: rgba(13, 15, 20, 0.35);
--leo-color-dialogs-button-transparent-hover: rgba(13, 15, 20, 0.5);
- --leo-color-systemfeedback-info-text: rgb(199, 225, 255);
- --leo-color-systemfeedback-info-icon: rgb(16, 117, 201);
+ --leo-color-systemfeedback-info-text: rgb(160, 205, 255);
+ --leo-color-systemfeedback-info-icon: rgb(57, 159, 255);
--leo-color-systemfeedback-info-background: rgb(7, 37, 66);
- --leo-color-systemfeedback-success-text: rgb(224, 252, 222);
- --leo-color-systemfeedback-success-icon: rgb(60, 130, 60);
+ --leo-color-systemfeedback-success-text: rgb(148, 223, 145);
+ --leo-color-systemfeedback-success-icon: rgb(42, 186, 50);
--leo-color-systemfeedback-success-background: rgb(9, 44, 9);
- --leo-color-systemfeedback-warning-text: rgb(252, 243, 217);
- --leo-color-systemfeedback-warning-icon: rgb(140, 111, 3);
+ --leo-color-systemfeedback-warning-text: rgb(243, 194, 17);
+ --leo-color-systemfeedback-warning-icon: rgb(189, 150, 0);
--leo-color-systemfeedback-warning-background: rgb(45, 35, 7);
- --leo-color-systemfeedback-error-text: rgb(255, 232, 231);
- --leo-color-systemfeedback-error-icon: rgb(225, 31, 61);
+ --leo-color-systemfeedback-error-text: rgb(255, 177, 176);
+ --leo-color-systemfeedback-error-icon: rgb(255, 90, 99);
--leo-color-systemfeedback-error-background: rgb(70, 10, 16);
--leo-color-gray-10: rgb(33, 36, 42);
--leo-color-gray-20: rgb(48, 52, 61);
@@ -1181,11 +1153,11 @@
--leo-color-tor-window-50: rgb(199, 108, 246);
--leo-color-tor-window-60: rgb(227, 179, 255);
--leo-color-tor-window-70: rgb(246, 232, 255);
- --leo-effect-elevation-01: 0px 1px 4px 0px rgba(0, 0, 0, 0.4);
- --leo-effect-elevation-02: 0px 3px 10px -1px rgba(0, 0, 0, 0.35);
- --leo-effect-elevation-03: 0px 4px 16px -2px rgba(0, 0, 0, 0.3);
- --leo-effect-elevation-04: 0px 4px 24px -1px rgba(0, 0, 0, 0.3);
- --leo-effect-elevation-05: 0px 6px 25px -2px rgba(0, 0, 0, 0.3);
- --leo-effect-elevation-06: 0px 10px 48px 0px rgba(0, 0, 0, 0.3);
- --leo-effect-elevation-07: 0px 8px 64px 0px rgba(0, 0, 0, 0.3);
+ --leo-effect-elevation-01: inset 0px -1px 0px 0px rgba(255, 255, 255, 0.05), 0px 1px 4px 0px rgba(0, 0, 0, 0.4);
+ --leo-effect-elevation-02: inset 0px -1px 0px 0px rgba(255, 255, 255, 0.05), 0px 3px 10px -1px rgba(0, 0, 0, 0.35);
+ --leo-effect-elevation-03: inset 0px -1px 0px 0px rgba(255, 255, 255, 0.05), 0px 4px 16px -2px rgba(0, 0, 0, 0.3);
+ --leo-effect-elevation-04: inset 0px -1px 0px 0px rgba(255, 255, 255, 0.05), 0px 4px 24px -1px rgba(0, 0, 0, 0.3);
+ --leo-effect-elevation-05: inset 0px -1px 0px 0px rgba(255, 255, 255, 0.05), 0px 6px 25px -2px rgba(0, 0, 0, 0.3);
+ --leo-effect-elevation-06: inset 0px -1px 0px 0px rgba(255, 255, 255, 0.05), 0px 10px 48px 0px rgba(0, 0, 0, 0.3);
+ --leo-effect-elevation-07: inset 0px -1px 0px 0px rgba(255, 255, 255, 0.05), 0px 8px 64px 0px rgba(0, 0, 0, 0.3);
}
|
Moved the "Material" variables from Browser to Universal, since some web projects were using them
fallaciousreasoning
force-pushed
the
tokens
branch
from
5a0598a to
f8b28ef
Compare
Latest updates with tokens and variables for all required libraries deleted variables.tokens.json Removing this file in favor of the other variable files ran npm format Updated styles for active tabs in desktop Added a button color variable and updated systemfeedback tokens Fix errors with new files Remove new token files Update font tokens Add inter to storybook Update font story Super small update on system alert themes Made a tiny change on some color variables. If I can sneak this in for Leo that'd be awesome Mini update to elevations Format updates tailwind to use typography plugin instead of config BREAKING CHANGE: The @font-face declarations are no longer included in the preflight plugin. Consumers should load fonts themselves. BREAKING CHANGE: Since the fonts are no longer included in the `fontSize` config, using the `theme` function from Tailwind will not work for Nala fonts in stylesheets. Consumers should use `@apply` instead. added -window to private and tor Remove rename fixes elevations and themeable tokens fixes regex for removing dashes in leoParser renamed variable collection names Moved variable set from browser to universal Moved the "Material" variables from Browser to Universal, since some web projects were using them
fallaciousreasoning
force-pushed
the
tokens
branch
from
f8b28ef to
3c8e98f
Compare
|
👋 Thanks for Submitting! This PR is available for preview at the link below. ✅ PR tip preview: https://466.pr.nala.bravesoftware.com/ Variables Diff--- ./tokens/css/variables.old.css 2023-11-19 22:00:55.783304105 +0000
+++ ./tokens/css/variables.css 2023-11-19 22:00:29.979225877 +0000
@@ -1,415 +1,261 @@
/**
* Do not edit directly
- * Generated on Fri Nov 17 2023 00:59:55 GMT+0000 (Coordinated Universal Time)
+ * Generated on Sun Nov 19 2023 22:00:29 GMT+0000 (Coordinated Universal Time)
*/
:root {
- --leo-font-macos-large-regular: 400 16px/19.2px SF Pro Text;
- --leo-font-macos-large-semibold: 600 16px/19.2px SF Pro Text;
- --leo-font-macos-default-regular: 400 14px/16.8px SF Pro Text;
- --leo-font-macos-default-semibold: 600 14px/16.8px SF Pro Text;
- --leo-font-macos-small-regular: 400 13px/15.6px SF Pro Text;
- --leo-font-macos-small-semibold: 600 13px/15.6px SF Pro Text;
- --leo-font-macos-x-small-regular: 400 12px/14.4px SF Pro Text;
- --leo-font-macos-x-small-semibold: 600 12px/14.4px SF Pro Text;
- --leo-font-windows-large-regular: 400 16px/19.2px Segoe UI Variable;
- --leo-font-windows-large-semibold: 600 16px/19.2px Segoe UI Variable;
- --leo-font-windows-default-regular: 400 14px/16.8px Segoe UI Variable;
- --leo-font-windows-default-semibold: 600 14px/16.8px Segoe UI Variable;
- --leo-font-windows-small-regular: 400 13px/15.6px Segoe UI Variable;
- --leo-font-windows-small-semibold: 600 13px/15.6px Segoe UI Variable;
- --leo-font-windows-x-small-regular: 400 12px/14.4px Segoe UI Variable;
- --leo-font-windows-x-small-semibold: 600 12px/14.4px Segoe UI Variable;
- --leo-font-primary-heading-display1: 500 52px/78px Poppins;
- --leo-font-primary-heading-display2: 500 36px/54px Poppins;
- --leo-font-primary-heading-h1: 500 32px/48px Poppins;
- --leo-font-primary-heading-h2: 500 28px/40px Poppins;
- --leo-font-primary-heading-h3: 500 22px/32px Poppins;
- --leo-font-primary-heading-h4: 600 16px/24px Poppins;
- --leo-font-primary-large-regular: 400 16px/28px Poppins;
- --leo-font-primary-large-semibold: 600 16px/28px Poppins;
- --leo-font-primary-default-regular: 400 14px/24px Poppins;
- --leo-font-primary-default-semibold: 600 14px/24px Poppins;
- --leo-font-primary-small-regular: 400 12px/18px Poppins;
- --leo-font-primary-small-semibold: 600 12px/18px Poppins;
- --leo-font-primary-x-small-regular: 400 11px/16px Poppins;
- --leo-font-primary-x-small-semibold: 600 11px/16px Poppins;
- --leo-font-secondary-heading-display1: 500 52px/78px Manrope;
- --leo-font-secondary-heading-display2: 500 36px/54px Manrope;
- --leo-font-secondary-heading-h1: 500 32px/48px Manrope;
- --leo-font-secondary-heading-h2: 500 28px/40px Manrope;
- --leo-font-secondary-heading-h3: 500 22px/32px Manrope;
- --leo-font-secondary-heading-h4: 600 16px/24px Manrope;
- --leo-font-secondary-large-regular: 500 16px/28px Manrope;
- --leo-font-secondary-large-semibold: 700 16px/28px Manrope;
- --leo-font-secondary-default-regular: 500 14px/24px Manrope;
- --leo-font-secondary-default-semibold: 700 14px/24px Manrope;
- --leo-font-secondary-small-regular: 500 12px/18px Manrope;
- --leo-font-secondary-small-semibold: 700 12px/18px Manrope;
- --leo-font-secondary-x-small-default: 500 11px/16px Manrope;
- --leo-font-secondary-x-small-semibold: 700 11px/16px Manrope;
- --leo-font-monospace-large: 400 16px/28px SF Mono;
- --leo-font-monospace-default: 400 14px/24px SF Mono;
- --leo-font-monospace-small: 400 12px/18px SF Mono;
- --leo-font-mobile-primary-heading-display1: 500 32px/48px Poppins;
- --leo-font-mobile-primary-heading-display2: 500 28px/42px Poppins;
- --leo-font-mobile-primary-heading-h1: 500 28px/40px Poppins;
- --leo-font-mobile-primary-heading-h2: 500 22px/32px Poppins;
- --leo-font-mobile-primary-heading-h3: 500 18px/28px Poppins;
- --leo-font-mobile-primary-heading-h4: 600 16px/24px Poppins;
- --leo-font-components-label: 600 10px/12px Poppins;
- --leo-font-components-tableheader: 500 13px/20px Poppins;
- --leo-font-components-navbutton: 600 15px/20px Poppins;
- --leo-font-components-button-small: 600 12px/16px Poppins;
- --leo-font-components-button-default: 600 13px/20px Poppins;
+ --leo-font-browser-large-regular: 400 16px/19.2px Inter;
+ --leo-font-browser-large-semibold: 600 16px/19.2px Inter;
+ --leo-font-browser-default-regular: 400 14px/16.8px Inter;
+ --leo-font-browser-default-semibold: 600 14px/16.8px Inter;
+ --leo-font-browser-small-regular: 400 13px/15.6px Inter;
+ --leo-font-browser-small-semibold: 600 13px/15.6px Inter;
+ --leo-font-browser-x-small-regular: 400 12px/14.4px Inter;
+ --leo-font-browser-x-small-semibold: 600 12px/14.4px Inter;
+ --leo-font-heading-display1: 500 52px/68px Poppins;
+ --leo-font-heading-display2: 500 36px/46px Poppins;
+ --leo-font-heading-h1: 500 32px/42px Poppins;
+ --leo-font-heading-h2: 500 28px/36px Poppins;
+ --leo-font-heading-h3: 500 22px/28px Poppins;
+ --leo-font-heading-h4: 600 16px/26px Poppins;
+ --leo-font-large-regular: 400 16px/26px Inter;
+ --leo-font-large-semibold: 600 16px/26px Inter;
+ --leo-font-default-regular: 400 14px/22px Inter;
+ --leo-font-default-semibold: 600 14px/22px Inter;
+ --leo-font-small-regular: 400 12px/20px Inter;
+ --leo-font-small-semibold: 600 12px/20px Inter;
+ --leo-font-x-small-regular: 400 11px/18px Inter;
+ --leo-font-x-small-semibold: 600 11px/18px Inter;
+ --leo-font-monospace-large: 400 16px/26px DM Mono;
+ --leo-font-monospace-default: 400 14px/22px DM Mono;
+ --leo-font-monospace-small: 400 12px/20px DM Mono;
+ --leo-font-mobile-heading-display1: 500 32px/42px Poppins;
+ --leo-font-mobile-heading-display2: 500 28px/36px Poppins;
+ --leo-font-mobile-heading-h1: 500 28px/36px Poppins;
+ --leo-font-mobile-heading-h2: 500 22px/28px Poppins;
+ --leo-font-mobile-heading-h3: 500 18px/26px Poppins;
+ --leo-font-mobile-heading-h4: 600 16px/26px Poppins;
+ --leo-font-components-label: 700 10px/12px Inter;
+ --leo-font-components-tableheader: 500 13px/15.6px Inter;
+ --leo-font-components-navbutton: 600 14px/22px Poppins;
+ --leo-font-components-button-small: 600 12px/20px Poppins;
+ --leo-font-components-button-default: 600 13px/21px Poppins;
--leo-font-components-button-large: 600 14px/22px Poppins;
- --leo-font-components-button-jumbo: 600 16px/24px Poppins;
- --leo-typography-macos-large-regular-font-size: 16px;
- --leo-typography-macos-large-regular-font-weight: 400px;
- --leo-typography-macos-large-regular-letter-spacing: -0.08px;
- --leo-typography-macos-large-regular-line-height: 19.2px;
- --leo-typography-macos-large-regular-paragraph-indent: 0;
- --leo-typography-macos-large-regular-paragraph-spacing: 0;
- --leo-typography-macos-large-semibold-font-size: 16px;
- --leo-typography-macos-large-semibold-font-weight: 600px;
- --leo-typography-macos-large-semibold-letter-spacing: -0.08px;
- --leo-typography-macos-large-semibold-line-height: 19.2px;
- --leo-typography-macos-large-semibold-paragraph-indent: 0;
- --leo-typography-macos-large-semibold-paragraph-spacing: 0;
- --leo-typography-macos-default-regular-font-size: 14px;
- --leo-typography-macos-default-regular-font-weight: 400px;
- --leo-typography-macos-default-regular-letter-spacing: -0.08px;
- --leo-typography-macos-default-regular-line-height: 16.8px;
- --leo-typography-macos-default-regular-paragraph-indent: 0;
- --leo-typography-macos-default-regular-paragraph-spacing: 0;
- --leo-typography-macos-default-semibold-font-size: 14px;
- --leo-typography-macos-default-semibold-font-weight: 600px;
- --leo-typography-macos-default-semibold-letter-spacing: -0.08px;
- --leo-typography-macos-default-semibold-line-height: 16.8px;
- --leo-typography-macos-default-semibold-paragraph-indent: 0;
- --leo-typography-macos-default-semibold-paragraph-spacing: 0;
- --leo-typography-macos-small-regular-font-size: 13px;
- --leo-typography-macos-small-regular-font-weight: 400px;
- --leo-typography-macos-small-regular-letter-spacing: -0.29px;
- --leo-typography-macos-small-regular-line-height: 15.6px;
- --leo-typography-macos-small-regular-paragraph-indent: 0;
- --leo-typography-macos-small-regular-paragraph-spacing: 0;
- --leo-typography-macos-small-semibold-font-size: 13px;
- --leo-typography-macos-small-semibold-font-weight: 600px;
- --leo-typography-macos-small-semibold-letter-spacing: -0.29px;
- --leo-typography-macos-small-semibold-line-height: 15.6px;
- --leo-typography-macos-small-semibold-paragraph-indent: 0;
- --leo-typography-macos-small-semibold-paragraph-spacing: 0;
- --leo-typography-macos-x-small-regular-font-size: 12px;
- --leo-typography-macos-x-small-regular-font-weight: 400px;
- --leo-typography-macos-x-small-regular-letter-spacing: -0.29px;
- --leo-typography-macos-x-small-regular-line-height: 14.4px;
- --leo-typography-macos-x-small-regular-paragraph-indent: 0;
- --leo-typography-macos-x-small-regular-paragraph-spacing: 0;
- --leo-typography-macos-x-small-semibold-font-size: 12px;
- --leo-typography-macos-x-small-semibold-font-weight: 600px;
- --leo-typography-macos-x-small-semibold-letter-spacing: -0.29px;
- --leo-typography-macos-x-small-semibold-line-height: 14.4px;
- --leo-typography-macos-x-small-semibold-paragraph-indent: 0;
- --leo-typography-macos-x-small-semibold-paragraph-spacing: 0;
- --leo-typography-windows-large-regular-font-size: 16px;
- --leo-typography-windows-large-regular-font-weight: 400px;
- --leo-typography-windows-large-regular-letter-spacing: 0;
- --leo-typography-windows-large-regular-line-height: 19.2px;
- --leo-typography-windows-large-regular-paragraph-indent: 0;
- --leo-typography-windows-large-regular-paragraph-spacing: 0;
- --leo-typography-windows-large-semibold-font-size: 16px;
- --leo-typography-windows-large-semibold-font-weight: 600px;
- --leo-typography-windows-large-semibold-letter-spacing: 0;
- --leo-typography-windows-large-semibold-line-height: 19.2px;
- --leo-typography-windows-large-semibold-paragraph-indent: 0;
- --leo-typography-windows-large-semibold-paragraph-spacing: 0;
- --leo-typography-windows-default-regular-font-size: 14px;
- --leo-typography-windows-default-regular-font-weight: 400px;
- --leo-typography-windows-default-regular-letter-spacing: 0;
- --leo-typography-windows-default-regular-line-height: 16.8px;
- --leo-typography-windows-default-regular-paragraph-indent: 0;
- --leo-typography-windows-default-regular-paragraph-spacing: 0;
- --leo-typography-windows-default-semibold-font-size: 14px;
- --leo-typography-windows-default-semibold-font-weight: 600px;
- --leo-typography-windows-default-semibold-letter-spacing: 0;
- --leo-typography-windows-default-semibold-line-height: 16.8px;
- --leo-typography-windows-default-semibold-paragraph-indent: 0;
- --leo-typography-windows-default-semibold-paragraph-spacing: 0;
- --leo-typography-windows-small-regular-font-size: 13px;
- --leo-typography-windows-small-regular-font-weight: 400px;
- --leo-typography-windows-small-regular-letter-spacing: 0;
- --leo-typography-windows-small-regular-line-height: 15.6px;
- --leo-typography-windows-small-regular-paragraph-indent: 0;
- --leo-typography-windows-small-regular-paragraph-spacing: 0;
- --leo-typography-windows-small-semibold-font-size: 13px;
- --leo-typography-windows-small-semibold-font-weight: 600px;
- --leo-typography-windows-small-semibold-letter-spacing: 0;
- --leo-typography-windows-small-semibold-line-height: 15.6px;
- --leo-typography-windows-small-semibold-paragraph-indent: 0;
- --leo-typography-windows-small-semibold-paragraph-spacing: 0;
- --leo-typography-windows-x-small-regular-font-size: 12px;
- --leo-typography-windows-x-small-regular-font-weight: 400px;
- --leo-typography-windows-x-small-regular-letter-spacing: 0;
- --leo-typography-windows-x-small-regular-line-height: 14.4px;
- --leo-typography-windows-x-small-regular-paragraph-indent: 0;
- --leo-typography-windows-x-small-regular-paragraph-spacing: 0;
- --leo-typography-windows-x-small-semibold-font-size: 12px;
- --leo-typography-windows-x-small-semibold-font-weight: 600px;
- --leo-typography-windows-x-small-semibold-letter-spacing: 0;
- --leo-typography-windows-x-small-semibold-line-height: 14.4px;
- --leo-typography-windows-x-small-semibold-paragraph-indent: 0;
- --leo-typography-windows-x-small-semibold-paragraph-spacing: 0;
- --leo-typography-primary-heading-display1-font-size: 52px;
- --leo-typography-primary-heading-display1-font-weight: 500px;
- --leo-typography-primary-heading-display1-letter-spacing: 0;
- --leo-typography-primary-heading-display1-line-height: 78px;
- --leo-typography-primary-heading-display1-paragraph-indent: 0;
- --leo-typography-primary-heading-display1-paragraph-spacing: 0;
- --leo-typography-primary-heading-display2-font-size: 36px;
- --leo-typography-primary-heading-display2-font-weight: 500px;
- --leo-typography-primary-heading-display2-letter-spacing: 0;
- --leo-typography-primary-heading-display2-line-height: 54px;
- --leo-typography-primary-heading-display2-paragraph-indent: 0;
- --leo-typography-primary-heading-display2-paragraph-spacing: 0;
- --leo-typography-primary-heading-h1-font-size: 32px;
- --leo-typography-primary-heading-h1-font-weight: 500px;
- --leo-typography-primary-heading-h1-letter-spacing: 0;
- --leo-typography-primary-heading-h1-line-height: 48px;
- --leo-typography-primary-heading-h1-paragraph-indent: 0;
- --leo-typography-primary-heading-h1-paragraph-spacing: 0;
- --leo-typography-primary-heading-h2-font-size: 28px;
- --leo-typography-primary-heading-h2-font-weight: 500px;
- --leo-typography-primary-heading-h2-letter-spacing: 0;
- --leo-typography-primary-heading-h2-line-height: 40px;
- --leo-typography-primary-heading-h2-paragraph-indent: 0;
- --leo-typography-primary-heading-h2-paragraph-spacing: 0;
- --leo-typography-primary-heading-h3-font-size: 22px;
- --leo-typography-primary-heading-h3-font-weight: 500px;
- --leo-typography-primary-heading-h3-letter-spacing: 0;
- --leo-typography-primary-heading-h3-line-height: 32px;
- --leo-typography-primary-heading-h3-paragraph-indent: 0;
- --leo-typography-primary-heading-h3-paragraph-spacing: 0;
- --leo-typography-primary-heading-h4-font-size: 16px;
- --leo-typography-primary-heading-h4-font-weight: 600px;
- --leo-typography-primary-heading-h4-letter-spacing: 0;
- --leo-typography-primary-heading-h4-line-height: 24px;
- --leo-typography-primary-heading-h4-paragraph-indent: 0;
- --leo-typography-primary-heading-h4-paragraph-spacing: 0;
- --leo-typography-primary-large-regular-font-size: 16px;
- --leo-typography-primary-large-regular-font-weight: 400px;
- --leo-typography-primary-large-regular-letter-spacing: 0;
- --leo-typography-primary-large-regular-line-height: 28px;
- --leo-typography-primary-large-regular-paragraph-indent: 0;
- --leo-typography-primary-large-regular-paragraph-spacing: 0;
- --leo-typography-primary-large-semibold-font-size: 16px;
- --leo-typography-primary-large-semibold-font-weight: 600px;
- --leo-typography-primary-large-semibold-letter-spacing: 0;
- --leo-typography-primary-large-semibold-line-height: 28px;
- --leo-typography-primary-large-semibold-paragraph-indent: 0;
- --leo-typography-primary-large-semibold-paragraph-spacing: 0;
- --leo-typography-primary-default-regular-font-size: 14px;
- --leo-typography-primary-default-regular-font-weight: 400px;
- --leo-typography-primary-default-regular-letter-spacing: 0;
- --leo-typography-primary-default-regular-line-height: 24px;
- --leo-typography-primary-default-regular-paragraph-indent: 0;
- --leo-typography-primary-default-regular-paragraph-spacing: 0;
- --leo-typography-primary-default-semibold-font-size: 14px;
- --leo-typography-primary-default-semibold-font-weight: 600px;
- --leo-typography-primary-default-semibold-letter-spacing: 0;
- --leo-typography-primary-default-semibold-line-height: 24px;
- --leo-typography-primary-default-semibold-paragraph-indent: 0;
- --leo-typography-primary-default-semibold-paragraph-spacing: 0;
- --leo-typography-primary-small-regular-font-size: 12px;
- --leo-typography-primary-small-regular-font-weight: 400px;
- --leo-typography-primary-small-regular-letter-spacing: 0;
- --leo-typography-primary-small-regular-line-height: 18px;
- --leo-typography-primary-small-regular-paragraph-indent: 0;
- --leo-typography-primary-small-regular-paragraph-spacing: 0;
- --leo-typography-primary-small-semibold-font-size: 12px;
- --leo-typography-primary-small-semibold-font-weight: 600px;
- --leo-typography-primary-small-semibold-letter-spacing: 0;
- --leo-typography-primary-small-semibold-line-height: 18px;
- --leo-typography-primary-small-semibold-paragraph-indent: 0;
- --leo-typography-primary-small-semibold-paragraph-spacing: 0;
- --leo-typography-primary-x-small-regular-font-size: 11px;
- --leo-typography-primary-x-small-regular-font-weight: 400px;
- --leo-typography-primary-x-small-regular-letter-spacing: 0;
- --leo-typography-primary-x-small-regular-line-height: 16px;
- --leo-typography-primary-x-small-regular-paragraph-indent: 0;
- --leo-typography-primary-x-small-regular-paragraph-spacing: 0;
- --leo-typography-primary-x-small-semibold-font-size: 11px;
- --leo-typography-primary-x-small-semibold-font-weight: 600px;
- --leo-typography-primary-x-small-semibold-letter-spacing: 0;
- --leo-typography-primary-x-small-semibold-line-height: 16px;
- --leo-typography-primary-x-small-semibold-paragraph-indent: 0;
- --leo-typography-primary-x-small-semibold-paragraph-spacing: 0;
- --leo-typography-secondary-heading-display1-font-size: 52px;
- --leo-typography-secondary-heading-display1-font-weight: 500px;
- --leo-typography-secondary-heading-display1-letter-spacing: 0;
- --leo-typography-secondary-heading-display1-line-height: 78px;
- --leo-typography-secondary-heading-display1-paragraph-indent: 0;
- --leo-typography-secondary-heading-display1-paragraph-spacing: 0;
- --leo-typography-secondary-heading-display2-font-size: 36px;
- --leo-typography-secondary-heading-display2-font-weight: 500px;
- --leo-typography-secondary-heading-display2-letter-spacing: 0;
- --leo-typography-secondary-heading-display2-line-height: 54px;
- --leo-typography-secondary-heading-display2-paragraph-indent: 0;
- --leo-typography-secondary-heading-display2-paragraph-spacing: 0;
- --leo-typography-secondary-heading-h1-font-size: 32px;
- --leo-typography-secondary-heading-h1-font-weight: 500px;
- --leo-typography-secondary-heading-h1-letter-spacing: 0;
- --leo-typography-secondary-heading-h1-line-height: 48px;
- --leo-typography-secondary-heading-h1-paragraph-indent: 0;
- --leo-typography-secondary-heading-h1-paragraph-spacing: 0;
- --leo-typography-secondary-heading-h2-font-size: 28px;
- --leo-typography-secondary-heading-h2-font-weight: 500px;
- --leo-typography-secondary-heading-h2-letter-spacing: 0;
- --leo-typography-secondary-heading-h2-line-height: 40px;
- --leo-typography-secondary-heading-h2-paragraph-indent: 0;
- --leo-typography-secondary-heading-h2-paragraph-spacing: 0;
- --leo-typography-secondary-heading-h3-font-size: 22px;
- --leo-typography-secondary-heading-h3-font-weight: 500px;
- --leo-typography-secondary-heading-h3-letter-spacing: 0;
- --leo-typography-secondary-heading-h3-line-height: 32px;
- --leo-typography-secondary-heading-h3-paragraph-indent: 0;
- --leo-typography-secondary-heading-h3-paragraph-spacing: 0;
- --leo-typography-secondary-heading-h4-font-size: 16px;
- --leo-typography-secondary-heading-h4-font-weight: 600px;
- --leo-typography-secondary-heading-h4-letter-spacing: 0.32px;
- --leo-typography-secondary-heading-h4-line-height: 24px;
- --leo-typography-secondary-heading-h4-paragraph-indent: 0;
- --leo-typography-secondary-heading-h4-paragraph-spacing: 0;
- --leo-typography-secondary-large-regular-font-size: 16px;
- --leo-typography-secondary-large-regular-font-weight: 500px;
- --leo-typography-secondary-large-regular-letter-spacing: 0.16px;
- --leo-typography-secondary-large-regular-line-height: 28px;
- --leo-typography-secondary-large-regular-paragraph-indent: 0;
- --leo-typography-secondary-large-regular-paragraph-spacing: 0;
- --leo-typography-secondary-large-semibold-font-size: 16px;
- --leo-typography-secondary-large-semibold-font-weight: 700px;
- --leo-typography-secondary-large-semibold-letter-spacing: 0.16px;
- --leo-typography-secondary-large-semibold-line-height: 28px;
- --leo-typography-secondary-large-semibold-paragraph-indent: 0;
- --leo-typography-secondary-large-semibold-paragraph-spacing: 0;
- --leo-typography-secondary-default-regular-font-size: 14px;
- --leo-typography-secondary-default-regular-font-weight: 500px;
- --leo-typography-secondary-default-regular-letter-spacing: 0.28px;
- --leo-typography-secondary-default-regular-line-height: 24px;
- --leo-typography-secondary-default-regular-paragraph-indent: 0;
- --leo-typography-secondary-default-regular-paragraph-spacing: 0;
- --leo-typography-secondary-default-semibold-font-size: 14px;
- --leo-typography-secondary-default-semibold-font-weight: 700px;
- --leo-typography-secondary-default-semibold-letter-spacing: 0.28px;
- --leo-typography-secondary-default-semibold-line-height: 24px;
- --leo-typography-secondary-default-semibold-paragraph-indent: 0;
- --leo-typography-secondary-default-semibold-paragraph-spacing: 0;
- --leo-typography-secondary-small-regular-font-size: 12px;
- --leo-typography-secondary-small-regular-font-weight: 500px;
- --leo-typography-secondary-small-regular-letter-spacing: 0.24px;
- --leo-typography-secondary-small-regular-line-height: 18px;
- --leo-typography-secondary-small-regular-paragraph-indent: 0;
- --leo-typography-secondary-small-regular-paragraph-spacing: 0;
- --leo-typography-secondary-small-semibold-font-size: 12px;
- --leo-typography-secondary-small-semibold-font-weight: 700px;
- --leo-typography-secondary-small-semibold-letter-spacing: 0.24px;
- --leo-typography-secondary-small-semibold-line-height: 18px;
- --leo-typography-secondary-small-semibold-paragraph-indent: 0;
- --leo-typography-secondary-small-semibold-paragraph-spacing: 0;
- --leo-typography-secondary-x-small-default-font-size: 11px;
- --leo-typography-secondary-x-small-default-font-weight: 500px;
- --leo-typography-secondary-x-small-default-letter-spacing: 0.22px;
- --leo-typography-secondary-x-small-default-line-height: 16px;
- --leo-typography-secondary-x-small-default-paragraph-indent: 0;
- --leo-typography-secondary-x-small-default-paragraph-spacing: 0;
- --leo-typography-secondary-x-small-semibold-font-size: 11px;
- --leo-typography-secondary-x-small-semibold-font-weight: 700px;
- --leo-typography-secondary-x-small-semibold-letter-spacing: 0.22px;
- --leo-typography-secondary-x-small-semibold-line-height: 16px;
- --leo-typography-secondary-x-small-semibold-paragraph-indent: 0;
- --leo-typography-secondary-x-small-semibold-paragraph-spacing: 0;
+ --leo-font-components-button-jumbo: 600 16px/22px Poppins;
+ --leo-typography-browser-large-regular-font-size: 16px;
+ --leo-typography-browser-large-regular-font-weight: 400px;
+ --leo-typography-browser-large-regular-letter-spacing: -0.2px;
+ --leo-typography-browser-large-regular-line-height: 19.2px;
+ --leo-typography-browser-large-regular-paragraph-indent: 0;
+ --leo-typography-browser-large-regular-paragraph-spacing: 0;
+ --leo-typography-browser-large-semibold-font-size: 16px;
+ --leo-typography-browser-large-semibold-font-weight: 600px;
+ --leo-typography-browser-large-semibold-letter-spacing: -0.2px;
+ --leo-typography-browser-large-semibold-line-height: 19.2px;
+ --leo-typography-browser-large-semibold-paragraph-indent: 0;
+ --leo-typography-browser-large-semibold-paragraph-spacing: 0;
+ --leo-typography-browser-default-regular-font-size: 14px;
+ --leo-typography-browser-default-regular-font-weight: 400px;
+ --leo-typography-browser-default-regular-letter-spacing: -0.1px;
+ --leo-typography-browser-default-regular-line-height: 16.8px;
+ --leo-typography-browser-default-regular-paragraph-indent: 0;
+ --leo-typography-browser-default-regular-paragraph-spacing: 0;
+ --leo-typography-browser-default-semibold-font-size: 14px;
+ --leo-typography-browser-default-semibold-font-weight: 600px;
+ --leo-typography-browser-default-semibold-letter-spacing: -0.1px;
+ --leo-typography-browser-default-semibold-line-height: 16.8px;
+ --leo-typography-browser-default-semibold-paragraph-indent: 0;
+ --leo-typography-browser-default-semibold-paragraph-spacing: 0;
+ --leo-typography-browser-small-regular-font-size: 13px;
+ --leo-typography-browser-small-regular-font-weight: 400px;
+ --leo-typography-browser-small-regular-letter-spacing: 0;
+ --leo-typography-browser-small-regular-line-height: 15.6px;
+ --leo-typography-browser-small-regular-paragraph-indent: 0;
+ --leo-typography-browser-small-regular-paragraph-spacing: 0;
+ --leo-typography-browser-small-semibold-font-size: 13px;
+ --leo-typography-browser-small-semibold-font-weight: 600px;
+ --leo-typography-browser-small-semibold-letter-spacing: 0;
+ --leo-typography-browser-small-semibold-line-height: 15.6px;
+ --leo-typography-browser-small-semibold-paragraph-indent: 0;
+ --leo-typography-browser-small-semibold-paragraph-spacing: 0;
+ --leo-typography-browser-x-small-regular-font-size: 12px;
+ --leo-typography-browser-x-small-regular-font-weight: 400px;
+ --leo-typography-browser-x-small-regular-letter-spacing: 0;
+ --leo-typography-browser-x-small-regular-line-height: 14.4px;
+ --leo-typography-browser-x-small-regular-paragraph-indent: 0;
+ --leo-typography-browser-x-small-regular-paragraph-spacing: 0;
+ --leo-typography-browser-x-small-semibold-font-size: 12px;
+ --leo-typography-browser-x-small-semibold-font-weight: 600px;
+ --leo-typography-browser-x-small-semibold-letter-spacing: 0;
+ --leo-typography-browser-x-small-semibold-line-height: 14.4px;
+ --leo-typography-browser-x-small-semibold-paragraph-indent: 0;
+ --leo-typography-browser-x-small-semibold-paragraph-spacing: 0;
+ --leo-typography-heading-display1-font-size: 52px;
+ --leo-typography-heading-display1-font-weight: 500px;
+ --leo-typography-heading-display1-letter-spacing: 0;
+ --leo-typography-heading-display1-line-height: 68px;
+ --leo-typography-heading-display1-paragraph-indent: 0;
+ --leo-typography-heading-display1-paragraph-spacing: 0;
+ --leo-typography-heading-display2-font-size: 36px;
+ --leo-typography-heading-display2-font-weight: 500px;
+ --leo-typography-heading-display2-letter-spacing: 0;
+ --leo-typography-heading-display2-line-height: 46px;
+ --leo-typography-heading-display2-paragraph-indent: 0;
+ --leo-typography-heading-display2-paragraph-spacing: 0;
+ --leo-typography-heading-h1-font-size: 32px;
+ --leo-typography-heading-h1-font-weight: 500px;
+ --leo-typography-heading-h1-letter-spacing: 0;
+ --leo-typography-heading-h1-line-height: 42px;
+ --leo-typography-heading-h1-paragraph-indent: 0;
+ --leo-typography-heading-h1-paragraph-spacing: 0;
+ --leo-typography-heading-h2-font-size: 28px;
+ --leo-typography-heading-h2-font-weight: 500px;
+ --leo-typography-heading-h2-letter-spacing: 0;
+ --leo-typography-heading-h2-line-height: 36px;
+ --leo-typography-heading-h2-paragraph-indent: 0;
+ --leo-typography-heading-h2-paragraph-spacing: 0;
+ --leo-typography-heading-h3-font-size: 22px;
+ --leo-typography-heading-h3-font-weight: 500px;
+ --leo-typography-heading-h3-letter-spacing: 0;
+ --leo-typography-heading-h3-line-height: 28px;
+ --leo-typography-heading-h3-paragraph-indent: 0;
+ --leo-typography-heading-h3-paragraph-spacing: 0;
+ --leo-typography-heading-h4-font-size: 16px;
+ --leo-typography-heading-h4-font-weight: 600px;
+ --leo-typography-heading-h4-letter-spacing: 0;
+ --leo-typography-heading-h4-line-height: 26px;
+ --leo-typography-heading-h4-paragraph-indent: 0;
+ --leo-typography-heading-h4-paragraph-spacing: 0;
+ --leo-typography-large-regular-font-size: 16px;
+ --leo-typography-large-regular-font-weight: 400px;
+ --leo-typography-large-regular-letter-spacing: -0.2px;
+ --leo-typography-large-regular-line-height: 26px;
+ --leo-typography-large-regular-paragraph-indent: 0;
+ --leo-typography-large-regular-paragraph-spacing: 0;
+ --leo-typography-large-semibold-font-size: 16px;
+ --leo-typography-large-semibold-font-weight: 600px;
+ --leo-typography-large-semibold-letter-spacing: -0.2px;
+ --leo-typography-large-semibold-line-height: 26px;
+ --leo-typography-large-semibold-paragraph-indent: 0;
+ --leo-typography-large-semibold-paragraph-spacing: 0;
+ --leo-typography-default-regular-font-size: 14px;
+ --leo-typography-default-regular-font-weight: 400px;
+ --leo-typography-default-regular-letter-spacing: -0.1px;
+ --leo-typography-default-regular-line-height: 22px;
+ --leo-typography-default-regular-paragraph-indent: 0;
+ --leo-typography-default-regular-paragraph-spacing: 0;
+ --leo-typography-default-semibold-font-size: 14px;
+ --leo-typography-default-semibold-font-weight: 600px;
+ --leo-typography-default-semibold-letter-spacing: -0.1px;
+ --leo-typography-default-semibold-line-height: 22px;
+ --leo-typography-default-semibold-paragraph-indent: 0;
+ --leo-typography-default-semibold-paragraph-spacing: 0;
+ --leo-typography-small-regular-font-size: 12px;
+ --leo-typography-small-regular-font-weight: 400px;
+ --leo-typography-small-regular-letter-spacing: 0;
+ --leo-typography-small-regular-line-height: 20px;
+ --leo-typography-small-regular-paragraph-indent: 0;
+ --leo-typography-small-regular-paragraph-spacing: 0;
+ --leo-typography-small-semibold-font-size: 12px;
+ --leo-typography-small-semibold-font-weight: 600px;
+ --leo-typography-small-semibold-letter-spacing: 0;
+ --leo-typography-small-semibold-line-height: 20px;
+ --leo-typography-small-semibold-paragraph-indent: 0;
+ --leo-typography-small-semibold-paragraph-spacing: 0;
+ --leo-typography-x-small-regular-font-size: 11px;
+ --leo-typography-x-small-regular-font-weight: 400px;
+ --leo-typography-x-small-regular-letter-spacing: 0;
+ --leo-typography-x-small-regular-line-height: 18px;
+ --leo-typography-x-small-regular-paragraph-indent: 0;
+ --leo-typography-x-small-regular-paragraph-spacing: 0;
+ --leo-typography-x-small-semibold-font-size: 11px;
+ --leo-typography-x-small-semibold-font-weight: 600px;
+ --leo-typography-x-small-semibold-letter-spacing: 0;
+ --leo-typography-x-small-semibold-line-height: 18px;
+ --leo-typography-x-small-semibold-paragraph-indent: 0;
+ --leo-typography-x-small-semibold-paragraph-spacing: 0;
--leo-typography-monospace-large-font-size: 16px;
--leo-typography-monospace-large-font-weight: 400px;
--leo-typography-monospace-large-letter-spacing: 0;
- --leo-typography-monospace-large-line-height: 28px;
+ --leo-typography-monospace-large-line-height: 26px;
--leo-typography-monospace-large-paragraph-indent: 0;
--leo-typography-monospace-large-paragraph-spacing: 0;
--leo-typography-monospace-default-font-size: 14px;
--leo-typography-monospace-default-font-weight: 400px;
--leo-typography-monospace-default-letter-spacing: 0;
- --leo-typography-monospace-default-line-height: 24px;
+ --leo-typography-monospace-default-line-height: 22px;
--leo-typography-monospace-default-paragraph-indent: 0;
--leo-typography-monospace-default-paragraph-spacing: 0;
--leo-typography-monospace-small-font-size: 12px;
--leo-typography-monospace-small-font-weight: 400px;
--leo-typography-monospace-small-letter-spacing: 0;
- --leo-typography-monospace-small-line-height: 18px;
+ --leo-typography-monospace-small-line-height: 20px;
--leo-typography-monospace-small-paragraph-indent: 0;
--leo-typography-monospace-small-paragraph-spacing: 0;
- --leo-typography-mobile-primary-heading-display1-font-size: 32px;
- --leo-typography-mobile-primary-heading-display1-font-weight: 500px;
- --leo-typography-mobile-primary-heading-display1-letter-spacing: 0;
- --leo-typography-mobile-primary-heading-display1-line-height: 48px;
- --leo-typography-mobile-primary-heading-display1-paragraph-indent: 0;
- --leo-typography-mobile-primary-heading-display1-paragraph-spacing: 0;
- --leo-typography-mobile-primary-heading-display2-font-size: 28px;
- --leo-typography-mobile-primary-heading-display2-font-weight: 500px;
- --leo-typography-mobile-primary-heading-display2-letter-spacing: 0;
- --leo-typography-mobile-primary-heading-display2-line-height: 42px;
- --leo-typography-mobile-primary-heading-display2-paragraph-indent: 0;
- --leo-typography-mobile-primary-heading-display2-paragraph-spacing: 0;
- --leo-typography-mobile-primary-heading-h1-font-size: 28px;
- --leo-typography-mobile-primary-heading-h1-font-weight: 500px;
- --leo-typography-mobile-primary-heading-h1-letter-spacing: 0;
- --leo-typography-mobile-primary-heading-h1-line-height: 40px;
- --leo-typography-mobile-primary-heading-h1-paragraph-indent: 0;
- --leo-typography-mobile-primary-heading-h1-paragraph-spacing: 0;
- --leo-typography-mobile-primary-heading-h2-font-size: 22px;
- --leo-typography-mobile-primary-heading-h2-font-weight: 500px;
- --leo-typography-mobile-primary-heading-h2-letter-spacing: 0;
- --leo-typography-mobile-primary-heading-h2-line-height: 32px;
- --leo-typography-mobile-primary-heading-h2-paragraph-indent: 0;
- --leo-typography-mobile-primary-heading-h2-paragraph-spacing: 0;
- --leo-typography-mobile-primary-heading-h3-font-size: 18px;
- --leo-typography-mobile-primary-heading-h3-font-weight: 500px;
- --leo-typography-mobile-primary-heading-h3-letter-spacing: 0;
- --leo-typography-mobile-primary-heading-h3-line-height: 28px;
- --leo-typography-mobile-primary-heading-h3-paragraph-indent: 0;
- --leo-typography-mobile-primary-heading-h3-paragraph-spacing: 0;
- --leo-typography-mobile-primary-heading-h4-font-size: 16px;
- --leo-typography-mobile-primary-heading-h4-font-weight: 600px;
- --leo-typography-mobile-primary-heading-h4-letter-spacing: 0;
- --leo-typography-mobile-primary-heading-h4-line-height: 24px;
- --leo-typography-mobile-primary-heading-h4-paragraph-indent: 0;
- --leo-typography-mobile-primary-heading-h4-paragraph-spacing: 0;
+ --leo-typography-mobile-heading-display1-font-size: 32px;
+ --leo-typography-mobile-heading-display1-font-weight: 500px;
+ --leo-typography-mobile-heading-display1-letter-spacing: 0;
+ --leo-typography-mobile-heading-display1-line-height: 42px;
+ --leo-typography-mobile-heading-display1-paragraph-indent: 0;
+ --leo-typography-mobile-heading-display1-paragraph-spacing: 0;
+ --leo-typography-mobile-heading-display2-font-size: 28px;
+ --leo-typography-mobile-heading-display2-font-weight: 500px;
+ --leo-typography-mobile-heading-display2-letter-spacing: 0;
+ --leo-typography-mobile-heading-display2-line-height: 36px;
+ --leo-typography-mobile-heading-display2-paragraph-indent: 0;
+ --leo-typography-mobile-heading-display2-paragraph-spacing: 0;
+ --leo-typography-mobile-heading-h1-font-size: 28px;
+ --leo-typography-mobile-heading-h1-font-weight: 500px;
+ --leo-typography-mobile-heading-h1-letter-spacing: 0;
+ --leo-typography-mobile-heading-h1-line-height: 36px;
+ --leo-typography-mobile-heading-h1-paragraph-indent: 0;
+ --leo-typography-mobile-heading-h1-paragraph-spacing: 0;
+ --leo-typography-mobile-heading-h2-font-size: 22px;
+ --leo-typography-mobile-heading-h2-font-weight: 500px;
+ --leo-typography-mobile-heading-h2-letter-spacing: 0;
+ --leo-typography-mobile-heading-h2-line-height: 28px;
+ --leo-typography-mobile-heading-h2-paragraph-indent: 0;
+ --leo-typography-mobile-heading-h2-paragraph-spacing: 0;
+ --leo-typography-mobile-heading-h3-font-size: 18px;
+ --leo-typography-mobile-heading-h3-font-weight: 500px;
+ --leo-typography-mobile-heading-h3-letter-spacing: 0;
+ --leo-typography-mobile-heading-h3-line-height: 26px;
+ --leo-typography-mobile-heading-h3-paragraph-indent: 0;
+ --leo-typography-mobile-heading-h3-paragraph-spacing: 0;
+ --leo-typography-mobile-heading-h4-font-size: 16px;
+ --leo-typography-mobile-heading-h4-font-weight: 600px;
+ --leo-typography-mobile-heading-h4-letter-spacing: 0;
+ --leo-typography-mobile-heading-h4-line-height: 26px;
+ --leo-typography-mobile-heading-h4-paragraph-indent: 0;
+ --leo-typography-mobile-heading-h4-paragraph-spacing: 0;
--leo-typography-components-label-font-size: 10px;
- --leo-typography-components-label-font-weight: 600px;
- --leo-typography-components-label-letter-spacing: 0.4px;
+ --leo-typography-components-label-font-weight: 700px;
+ --leo-typography-components-label-letter-spacing: 0;
--leo-typography-components-label-line-height: 12px;
--leo-typography-components-label-paragraph-indent: 0;
--leo-typography-components-label-paragraph-spacing: 0;
--leo-typography-components-tableheader-font-size: 13px;
--leo-typography-components-tableheader-font-weight: 500px;
- --leo-typography-components-tableheader-letter-spacing: 0;
- --leo-typography-components-tableheader-line-height: 20px;
+ --leo-typography-components-tableheader-letter-spacing: -0.1px;
+ --leo-typography-components-tableheader-line-height: 15.6px;
--leo-typography-components-tableheader-paragraph-indent: 0;
--leo-typography-components-tableheader-paragraph-spacing: 0;
- --leo-typography-components-navbutton-font-size: 15px;
+ --leo-typography-components-navbutton-font-size: 14px;
--leo-typography-components-navbutton-font-weight: 600px;
- --leo-typography-components-navbutton-letter-spacing: 0.3px;
- --leo-typography-components-navbutton-line-height: 20px;
+ --leo-typography-components-navbutton-letter-spacing: 0;
+ --leo-typography-components-navbutton-line-height: 22px;
--leo-typography-components-navbutton-paragraph-indent: 0;
--leo-typography-components-navbutton-paragraph-spacing: 0;
--leo-typography-components-button-small-font-size: 12px;
--leo-typography-components-button-small-font-weight: 600px;
--leo-typography-components-button-small-letter-spacing: 0.36px;
- --leo-typography-components-button-small-line-height: 16px;
+ --leo-typography-components-button-small-line-height: 20px;
--leo-typography-components-button-small-paragraph-indent: 0;
--leo-typography-components-button-small-paragraph-spacing: 0;
--leo-typography-components-button-default-font-size: 13px;
--leo-typography-components-button-default-font-weight: 600px;
--leo-typography-components-button-default-letter-spacing: 0.39px;
- --leo-typography-components-button-default-line-height: 20px;
+ --leo-typography-components-button-default-line-height: 21px;
--leo-typography-components-button-default-paragraph-indent: 0;
--leo-typography-components-button-default-paragraph-spacing: 0;
--leo-typography-components-button-large-font-size: 14px;
@@ -421,9 +267,59 @@
--leo-typography-components-button-jumbo-font-size: 16px;
--leo-typography-components-button-jumbo-font-weight: 600px;
--leo-typography-components-button-jumbo-letter-spacing: 0.16px;
- --leo-typography-components-button-jumbo-line-height: 24px;
+ --leo-typography-components-button-jumbo-line-height: 22px;
--leo-typography-components-button-jumbo-paragraph-indent: 0;
--leo-typography-components-button-jumbo-paragraph-spacing: 0;
+ --leo-color-private-window-text-primary: rgb(245, 243, 255);
+ --leo-color-private-window-text-secondary: rgb(204, 190, 254);
+ --leo-color-private-window-text-tertiary: rgb(163, 128, 255);
+ --leo-color-private-window-text-disabled: rgba(238, 235, 255, 0.5);
+ --leo-color-private-window-text-interactive: rgb(124, 145, 255);
+ --leo-color-private-window-icon-default: rgb(163, 128, 255);
+ --leo-color-private-window-icon-disabled: rgba(163, 128, 255, 0.5);
+ --leo-color-private-window-icon-active: rgb(124, 145, 255);
+ --leo-color-private-window-browserbutton-background-hover: rgba(0, 0, 0, 0.25);
+ --leo-color-private-window-browserbutton-background-active: rgba(0, 0, 0, 0.4);
+ --leo-color-private-window-tabswitcher-button: rgb(42, 13, 88);
+ --leo-color-private-window-tabswitcher-background: rgb(61, 18, 123);
+ --leo-color-private-window-container-background-desktop: rgb(19, 5, 42);
+ --leo-color-private-window-container-background-mobile: rgb(42, 13, 88);
+ --leo-color-private-window-container-interactive: rgb(22, 16, 101);
+ --leo-color-private-window-container-scrim: rgba(19, 5, 42, 0.7);
+ --leo-color-private-window-chrome-background-desktop: rgb(42, 13, 88);
+ --leo-color-private-window-chrome-background-mobile: rgb(19, 5, 42);
+ --leo-color-private-window-divider-subtle: rgba(123, 99, 191, 0.4);
+ --leo-color-private-window-divider-strong: rgba(163, 128, 255, 0.4);
+ --leo-color-private-window-tabbar-tabbar-background: rgb(19, 5, 42);
+ --leo-color-private-window-tabbar-tabactive-background: rgb(61, 18, 123);
+ --leo-color-private-window-os-color: rgb(255, 255, 255);
+ --leo-color-private-window-group-text: rgb(116, 195, 142);
+ --leo-color-private-window-group-background: rgba(116, 195, 142, 0.25);
+ --leo-color-tor-window-text-primary: rgb(250, 242, 255);
+ --leo-color-tor-window-text-secondary: rgb(227, 179, 255);
+ --leo-color-tor-window-text-tertiary: rgb(199, 108, 246);
+ --leo-color-tor-window-text-disabled: rgba(246, 232, 255, 0.5);
+ --leo-color-tor-window-text-interactive: rgb(124, 145, 255);
+ --leo-color-tor-window-icon-default: rgb(199, 108, 246);
+ --leo-color-tor-window-icon-disabled: rgba(199, 108, 246, 0.5);
+ --leo-color-tor-window-icon-active: rgb(124, 145, 255);
+ --leo-color-tor-window-browserbutton-background-hover: rgba(0, 0, 0, 0.25);
+ --leo-color-tor-window-browserbutton-background-active: rgba(0, 0, 0, 0.4);
+ --leo-color-tor-window-tabswitcher-button: rgb(53, 11, 73);
+ --leo-color-tor-window-tabswitcher-background: rgb(76, 15, 103);
+ --leo-color-tor-window-container-background-desktop: rgb(25, 4, 35);
+ --leo-color-tor-window-container-background-mobile: rgb(53, 11, 73);
+ --leo-color-tor-window-container-interactive: rgb(22, 16, 101);
+ --leo-color-tor-window-container-scrim: rgba(25, 4, 35, 0.7);
+ --leo-color-tor-window-chrome-background-desktop: rgb(53, 11, 73);
+ --leo-color-tor-window-chrome-background-mobile: rgb(25, 4, 35);
+ --leo-color-tor-window-divider-subtle: rgba(145, 94, 174, 0.4);
+ --leo-color-tor-window-divider-strong: rgba(199, 108, 246, 0.4);
+ --leo-color-tor-window-tabbar-tabbar-background: rgb(25, 4, 35);
+ --leo-color-tor-window-tabbar-tabactive-background: rgb(76, 15, 103);
+ --leo-color-tor-window-os-color: rgb(255, 255, 255);
+ --leo-color-tor-window-group-text: rgb(116, 195, 142);
+ --leo-color-tor-window-group-background: rgba(116, 195, 142, 0.25);
--leo-color-primitive-gray-1: rgb(246, 247, 248);
--leo-color-primitive-gray-10: rgb(237, 238, 241);
--leo-color-primitive-gray-20: rgb(219, 222, 226);
@@ -562,18 +458,20 @@
--leo-color-primitive-brands-bravelion: rgb(254, 89, 7);
--leo-color-white: rgb(255, 255, 255);
--leo-color-black: rgb(0, 0, 0);
- --leo-gradient-hero: linear-gradient(138.21219643124405deg, rgb(134, 10, 194) 7.000000000000001%, rgb(230, 25, 135) 68%, rgb(255, 71, 26) 96%);
+ --leo-gradient-hero: linear-gradient(179.24640957924876deg, rgb(255, 85, 0) 0%, rgb(245, 0, 45) 100%);
--leo-gradient-icons-active: linear-gradient(321.5013256215316deg, rgb(250, 114, 80) 3%, rgb(255, 24, 147) 40%, rgb(167, 138, 255) 99%);
--leo-gradient-panel-background: linear-gradient(134.9999995731132deg, rgb(48, 6, 201) 0%, rgb(63, 57, 232) 100%);
--leo-gradient-panel-background-alternative: linear-gradient(134.9999995731132deg, rgb(63, 57, 232) 0%, rgb(135, 36, 168) 100%);
- --leo-gradient-toolbar-background: linear-gradient(134.9999995731132deg, rgb(231, 48, 79) 0%, rgb(178, 15, 150) 100%);
+ --leo-gradient-premiumindicator: linear-gradient(127.06278645486384deg, rgb(63, 57, 232) 0%, rgb(0, 186, 214) 100%);
+ --leo-gradient-toolbar-background: linear-gradient(314.9161155270921deg, rgb(236, 19, 73) 0%, rgb(212, 17, 115) 100%);
--leo-gradient-brave-release: linear-gradient(90deg, rgb(255, 85, 0) 0%, rgb(255, 85, 0) 33%, rgb(255, 32, 0) 67%, rgb(255, 32, 0) 100%);
--leo-gradient-brave-beta: linear-gradient(90deg, rgb(0, 153, 229) 0%, rgb(0, 89, 178) 50%, rgb(0, 43, 128) 100%);
--leo-gradient-brave-nightly: linear-gradient(90deg, rgb(144, 30, 225) 0%, rgb(101, 20, 158) 51%, rgb(72, 15, 113) 100%);
--leo-gradient-brave-debug: linear-gradient(90deg, rgb(108, 116, 147) 0%, rgb(87, 93, 117) 51%, rgb(54, 58, 73) 100%);
+ --leo-gradient-hero-legacy: linear-gradient(138.21219643124405deg, rgb(134, 10, 194) 7.000000000000001%, rgb(230, 25, 135) 68%, rgb(255, 71, 26) 96%);
--leo-effect-focus-state: 0px 0px 0px 1px rgba(255, 255, 255, 0.3), 0px 0px 0px 2px rgb(63, 57, 232);
- --leo-effect-notificationbackdrop-1: 0px 0px 12px 0px rgba(0, 0, 0, 0.12);
- --leo-effect-notificationbackdrop-2: 0px 0px 4px 0px rgba(0, 0, 0, 0.08);
+ --leo-effect-notificationbackdrop-1: 0px 2px 8px 0px rgba(0, 0, 0, 0.08);
+ --leo-effect-notificationbackdrop-2: 0px 1px 1px 0px rgba(0, 0, 0, 0.05);
--leo-effect-notificationbackdrop-3: inset 0px 0px 1px 0px rgba(255, 255, 255, 0.1);
--leo-radius-2xs: 1px;
--leo-radius-xs: 2px;
@@ -582,6 +480,7 @@
--leo-radius-l: 12px;
--leo-radius-xl: 16px;
--leo-radius-full: 1000px;
+ --leo-spacing-none: 0px;
--leo-spacing-xs: 2px;
--leo-spacing-s: 4px;
--leo-spacing-m: 8px;
@@ -604,56 +503,80 @@
@media (prefers-color-scheme: light) {
:root {
- --leo-color-legacy-background1: rgb(255, 255, 255);
- --leo-color-legacy-background2: rgb(248, 249, 250);
- --leo-color-legacy-text1: rgb(33, 37, 41);
- --leo-color-legacy-text2: rgb(73, 80, 87);
- --leo-color-legacy-text3: rgb(134, 142, 150);
- --leo-color-legacy-interactive1: rgb(234, 58, 13);
- --leo-color-legacy-interactive2: rgb(251, 84, 43);
- --leo-color-legacy-interactive3: rgb(255, 118, 84);
- --leo-color-legacy-interactive4: rgb(53, 61, 171);
- --leo-color-legacy-interactive5: rgb(76, 84, 210);
- --leo-color-legacy-interactive6: rgb(115, 122, 222);
- --leo-color-legacy-interactive7: rgb(33, 37, 41);
- --leo-color-legacy-interactive8: rgb(174, 177, 194);
- --leo-color-legacy-disabled: rgb(218, 220, 232);
- --leo-color-legacy-focus-border: rgb(160, 165, 235);
- --leo-color-legacy-divider1: rgb(233, 233, 244);
--leo-color-text-primary: rgb(13, 15, 20);
--leo-color-text-secondary: rgb(63, 72, 85);
--leo-color-text-tertiary: rgb(104, 116, 133);
+ --leo-color-text-disabled: rgba(33, 36, 42, 0.5);
--leo-color-text-interactive: rgb(63, 57, 232);
--leo-color-text-interactive-visited: rgb(163, 37, 100);
- --leo-color-text-disabled: rgba(33, 36, 42, 0.5);
--leo-color-icon-default: rgb(104, 116, 133);
- --leo-color-icon-interactive: rgb(63, 57, 232);
--leo-color-icon-disabled: rgba(104, 116, 133, 0.5);
- --leo-color-button-background: rgb(63, 57, 232);
- --leo-color-button-disabled: rgba(104, 116, 133, 0.3);
+ --leo-color-icon-active: rgb(63, 57, 232);
+ --leo-color-icon-interactive: rgb(63, 57, 232);
+ --leo-color-browserbutton-background-hover: rgba(0, 0, 0, 0.05);
+ --leo-color-browserbutton-background-active: rgba(0, 0, 0, 0.1);
+ --leo-color-tabswitcher-button: rgb(255, 255, 255);
+ --leo-color-tabswitcher-background: rgb(246, 247, 248);
+ --leo-color-container-background-desktop: rgb(255, 255, 255);
+ --leo-color-container-background-mobile: rgb(255, 255, 255);
+ --leo-color-container-interactive: rgb(233, 238, 255);
+ --leo-color-container-scrim: rgba(13, 15, 20, 0.35);
--leo-color-container-background: rgb(255, 255, 255);
--leo-color-container-highlight: rgb(237, 238, 241);
- --leo-color-container-interactive: rgb(233, 238, 255);
--leo-color-container-disabled: rgba(63, 72, 85, 0.18);
- --leo-color-page-background: rgb(246, 247, 248);
+ --leo-color-chrome-background-desktop: rgb(246, 247, 248);
+ --leo-color-chrome-background-mobile: rgb(246, 247, 248);
--leo-color-divider-subtle: rgba(161, 171, 186, 0.4);
--leo-color-divider-strong: rgba(104, 116, 133, 0.4);
--leo-color-divider-interactive: rgba(124, 145, 255, 0.4);
+ --leo-color-tabbar-tabbar-background: rgb(237, 238, 241);
+ --leo-color-tabbar-tabactive-background: rgb(255, 255, 255);
+ --leo-color-os-color: rgb(0, 0, 0);
+ --leo-color-group-text: rgb(18, 117, 55);
+ --leo-color-group-background: rgba(18, 117, 55, 0.15);
+ --leo-color-glass-container: rgba(255, 255, 255, 0.3);
+ --leo-color-glass-5: rgba(28, 30, 38, 0.05);
+ --leo-color-glass-10: rgba(28, 30, 38, 0.1);
+ --leo-color-glass-25: rgba(28, 30, 38, 0.25);
+ --leo-color-glass-50: rgba(28, 30, 38, 0.5);
+ --leo-color-glass-70: rgba(28, 30, 38, 0.7);
+ --leo-color-glass-100: rgb(28, 30, 38);
+ --leo-color-links-adbackground-default: rgba(24, 65, 210, 0.03);
+ --leo-color-links-adbackground-hover: rgba(24, 65, 210, 0.08);
+ --leo-color-links-link-default: rgb(24, 65, 210);
+ --leo-color-tabs-background-default: rgb(166, 174, 192);
+ --leo-color-tabs-background-hover: rgb(150, 160, 181);
+ --leo-color-tabs-line-default: rgb(84, 131, 237);
+ --leo-color-tabs-line-hover: rgb(56, 97, 251);
+ --leo-color-tabs-searchtext-default: rgb(255, 96, 34);
+ --leo-color-search-serpheader-background: rgb(249, 250, 253);
+ --leo-color-search-serppage-background: rgb(242, 244, 247);
+ --leo-color-search-serpcontainer-background: rgb(255, 255, 255);
+ --leo-color-search-serphighlight-background: rgb(237, 238, 241);
+ --leo-color-search-serp-breadcrumbs: rgb(149, 153, 169);
+ --leo-color-search-infoboxtitle: rgb(8, 119, 131);
+ --leo-color-search-searchbarbg: rgb(255, 255, 255);
+ --leo-color-search-landingpage-background: rgb(238, 242, 246);
+ --leo-color-button-background: rgb(63, 57, 232);
+ --leo-color-button-disabled: rgba(104, 116, 133, 0.3);
+ --leo-color-button-error-background: rgb(225, 31, 61);
+ --leo-color-button-success-background: rgb(60, 130, 60);
+ --leo-color-page-background: rgb(246, 247, 248);
--leo-color-dialogs-scrim-background: rgba(13, 15, 20, 0.35);
--leo-color-dialogs-frosted-glass-background: rgba(255, 255, 255, 0.97);
--leo-color-dialogs-divider: rgba(33, 36, 42, 0.1);
--leo-color-dialogs-button-transparent-default: rgba(13, 15, 20, 0.35);
--leo-color-dialogs-button-transparent-hover: rgba(13, 15, 20, 0.5);
- --leo-color-systemfeedback-info-text: rgb(0, 72, 130);
+ --leo-color-systemfeedback-info-text: rgb(0, 97, 170);
--leo-color-systemfeedback-info-icon: rgb(16, 117, 201);
--leo-color-systemfeedback-info-background: rgb(226, 240, 255);
- --leo-color-systemfeedback-success-text: rgb(16, 86, 20);
+ --leo-color-systemfeedback-success-text: rgb(25, 114, 30);
--leo-color-systemfeedback-success-icon: rgb(60, 130, 60);
--leo-color-systemfeedback-success-background: rgb(224, 252, 222);
- --leo-color-systemfeedback-warning-text: rgb(93, 66, 0);
+ --leo-color-systemfeedback-warning-text: rgb(117, 91, 0);
--leo-color-systemfeedback-warning-icon: rgb(140, 111, 3);
--leo-color-systemfeedback-warning-background: rgb(252, 243, 217);
- --leo-color-systemfeedback-error-text: rgb(137, 0, 30);
+ --leo-color-systemfeedback-error-text: rgb(179, 0, 42);
--leo-color-systemfeedback-error-icon: rgb(225, 31, 61);
--leo-color-systemfeedback-error-background: rgb(255, 232, 231);
--leo-color-gray-10: rgb(246, 247, 248);
@@ -740,69 +663,113 @@
--leo-color-tor-window-50: rgb(120, 69, 147);
--leo-color-tor-window-60: rgb(94, 44, 120);
--leo-color-tor-window-70: rgb(53, 11, 73);
- --leo-effect-elevation-01: 0px 1px 4px 0px rgba(0, 0, 0, 0.07);
- --leo-effect-elevation-02: 0px 3px 10px -1px rgba(0, 0, 0, 0.05);
- --leo-effect-elevation-03: 0px 4px 16px -2px rgba(0, 0, 0, 0.08);
- --leo-effect-elevation-04: 0px 4px 24px -1px rgba(0, 0, 0, 0.06);
- --leo-effect-elevation-05: 0px 6px 32px -2px rgba(0, 0, 0, 0.06);
- --leo-effect-elevation-06: 0px 10px 48px 0px rgba(0, 0, 0, 0.06);
- --leo-effect-elevation-07: 0px 8px 64px 0px rgba(0, 0, 0, 0.06);
- }
-}
-
-@media (prefers-color-scheme: dark) {
- :root {
- --leo-color-legacy-background1: rgb(30, 32, 41);
- --leo-color-legacy-background2: rgb(23, 23, 31);
- --leo-color-legacy-text1: rgb(240, 242, 255);
- --leo-color-legacy-text2: rgb(194, 196, 207);
- --leo-color-legacy-text3: rgb(132, 136, 156);
+ --leo-color-material-thick: rgba(255, 255, 255, 0.95);
+ --leo-color-material-regular: rgba(255, 255, 255, 0.73);
+ --leo-color-material-thin: rgba(255, 255, 255, 0.56);
+ --leo-color-material-ultrathin: rgba(255, 255, 255, 0.32);
+ --leo-color-legacy-background1: rgb(255, 255, 255);
+ --leo-color-legacy-background2: rgb(248, 249, 250);
+ --leo-color-legacy-text1: rgb(33, 37, 41);
+ --leo-color-legacy-text2: rgb(73, 80, 87);
+ --leo-color-legacy-text3: rgb(134, 142, 150);
--leo-color-legacy-interactive1: rgb(234, 58, 13);
--leo-color-legacy-interactive2: rgb(251, 84, 43);
--leo-color-legacy-interactive3: rgb(255, 118, 84);
--leo-color-legacy-interactive4: rgb(53, 61, 171);
--leo-color-legacy-interactive5: rgb(76, 84, 210);
--leo-color-legacy-interactive6: rgb(115, 122, 222);
- --leo-color-legacy-interactive7: rgb(240, 242, 255);
- --leo-color-legacy-interactive8: rgb(94, 97, 117);
- --leo-color-legacy-disabled: rgb(52, 58, 64);
+ --leo-color-legacy-interactive7: rgb(33, 37, 41);
+ --leo-color-legacy-interactive8: rgb(174, 177, 194);
+ --leo-color-legacy-disabled: rgb(218, 220, 232);
--leo-color-legacy-focus-border: rgb(160, 165, 235);
- --leo-color-legacy-divider1: rgb(59, 62, 79);
+ --leo-color-legacy-divider1: rgb(233, 233, 244);
+ --leo-effect-elevation-01: 0px 1px 0px 0px rgba(0, 0, 0, 0.04), 0px 1px 4px 0px rgba(0, 0, 0, 0.07);
+ --leo-effect-elevation-02: 0px 1px 0px 0px rgba(0, 0, 0, 0.04), 0px 3px 10px -1px rgba(0, 0, 0, 0.05);
+ --leo-effect-elevation-03: 0px 1px 0px 0px rgba(0, 0, 0, 0.04), 0px 4px 16px -2px rgba(0, 0, 0, 0.08);
+ --leo-effect-elevation-04: 0px 1px 0px 0px rgba(0, 0, 0, 0.04), 0px 4px 24px -1px rgba(0, 0, 0, 0.06);
+ --leo-effect-elevation-05: 0px 1px 0px 0px rgba(0, 0, 0, 0.04), 0px 6px 32px -2px rgba(0, 0, 0, 0.06);
+ --leo-effect-elevation-06: 0px 1px 0px 0px rgba(0, 0, 0, 0.04), 0px 10px 48px 0px rgba(0, 0, 0, 0.06);
+ --leo-effect-elevation-07: 0px 1px 0px 0px rgba(0, 0, 0, 0.04), 0px 8px 64px 0px rgba(0, 0, 0, 0.06);
+ }
+}
+
+@media (prefers-color-scheme: dark) {
+ :root {
--leo-color-text-primary: rgb(246, 247, 248);
--leo-color-text-secondary: rgb(219, 222, 226);
--leo-color-text-tertiary: rgb(161, 171, 186);
+ --leo-color-text-disabled: rgba(237, 238, 241, 0.5);
--leo-color-text-interactive: rgb(124, 145, 255);
--leo-color-text-interactive-visited: rgb(248, 85, 162);
- --leo-color-text-disabled: rgba(237, 238, 241, 0.5);
--leo-color-icon-default: rgb(161, 171, 186);
- --leo-color-icon-interactive: rgb(124, 145, 255);
--leo-color-icon-disabled: rgba(104, 116, 133, 0.5);
- --leo-color-button-background: rgb(63, 57, 232);
- --leo-color-button-disabled: rgba(104, 116, 133, 0.3);
+ --leo-color-icon-active: rgb(124, 145, 255);
+ --leo-color-icon-interactive: rgb(124, 145, 255);
+ --leo-color-browserbutton-background-hover: rgba(0, 0, 0, 0.25);
+ --leo-color-browserbutton-background-active: rgba(0, 0, 0, 0.4);
+ --leo-color-tabswitcher-button: rgb(33, 36, 42);
+ --leo-color-tabswitcher-background: rgb(48, 52, 61);
+ --leo-color-container-background-desktop: rgb(13, 15, 20);
+ --leo-color-container-background-mobile: rgb(33, 36, 42);
+ --leo-color-container-interactive: rgb(22, 16, 101);
+ --leo-color-container-scrim: rgba(13, 15, 20, 0.7);
--leo-color-container-background: rgb(13, 15, 20);
--leo-color-container-highlight: rgb(33, 36, 42);
- --leo-color-container-interactive: rgb(22, 16, 101);
--leo-color-container-disabled: rgba(195, 201, 211, 0.18);
- --leo-color-page-background: rgb(0, 0, 0);
+ --leo-color-chrome-background-desktop: rgb(33, 36, 42);
+ --leo-color-chrome-background-mobile: rgb(13, 15, 20);
--leo-color-divider-subtle: rgba(104, 116, 133, 0.4);
- --leo-color-divider-strong: rgba(104, 116, 133, 0.4);
+ --leo-color-divider-strong: rgba(161, 171, 186, 0.4);
--leo-color-divider-interactive: rgba(124, 145, 255, 0.4);
+ --leo-color-tabbar-tabbar-background: rgb(13, 15, 20);
+ --leo-color-tabbar-tabactive-background: rgb(48, 52, 61);
+ --leo-color-os-color: rgb(255, 255, 255);
+ --leo-color-group-text: rgb(116, 195, 142);
+ --leo-color-group-background: rgba(116, 195, 142, 0.25);
+ --leo-color-glass-container: rgba(255, 255, 255, 0.05);
+ --leo-color-glass-5: rgba(255, 255, 255, 0.05);
+ --leo-color-glass-10: rgba(255, 255, 255, 0.1);
+ --leo-color-glass-25: rgba(255, 255, 255, 0.25);
+ --leo-color-glass-50: rgba(255, 255, 255, 0.5);
+ --leo-color-glass-70: rgba(255, 255, 255, 0.7);
+ --leo-color-glass-100: rgb(255, 255, 255);
+ --leo-color-links-adbackground-default: rgba(119, 153, 229, 0.08);
+ --leo-color-links-adbackground-hover: rgba(119, 153, 229, 0.16);
+ --leo-color-links-link-default: rgb(119, 153, 229);
+ --leo-color-tabs-background-default: rgb(63, 71, 90);
+ --leo-color-tabs-background-hover: rgb(52, 59, 75);
+ --leo-color-tabs-line-default: rgb(56, 97, 251);
+ --leo-color-tabs-line-hover: rgb(56, 97, 251);
+ --leo-color-tabs-searchtext-default: rgb(255, 96, 34);
+ --leo-color-search-serpheader-background: rgb(26, 28, 35);
+ --leo-color-search-serppage-background: rgb(23, 25, 30);
+ --leo-color-search-serpcontainer-background: rgb(36, 39, 49);
+ --leo-color-search-serphighlight-background: rgb(48, 52, 61);
+ --leo-color-search-serp-breadcrumbs: rgb(175, 179, 193);
+ --leo-color-search-infoboxtitle: rgb(153, 123, 8);
+ --leo-color-search-searchbarbg: rgb(36, 39, 49);
+ --leo-color-search-landingpage-background: rgb(30, 32, 40);
+ --leo-color-button-background: rgb(63, 57, 232);
+ --leo-color-button-disabled: rgba(104, 116, 133, 0.3);
+ --leo-color-button-error-background: rgb(225, 31, 61);
+ --leo-color-button-success-background: rgb(60, 130, 60);
+ --leo-color-page-background: rgb(0, 0, 0);
--leo-color-dialogs-scrim-background: rgba(33, 36, 42, 0.7);
--leo-color-dialogs-frosted-glass-background: rgba(13, 15, 20, 0.9);
--leo-color-dialogs-divider: rgba(33, 36, 42, 0.65);
--leo-color-dialogs-button-transparent-default: rgba(13, 15, 20, 0.35);
--leo-color-dialogs-button-transparent-hover: rgba(13, 15, 20, 0.5);
- --leo-color-systemfeedback-info-text: rgb(199, 225, 255);
- --leo-color-systemfeedback-info-icon: rgb(16, 117, 201);
+ --leo-color-systemfeedback-info-text: rgb(160, 205, 255);
+ --leo-color-systemfeedback-info-icon: rgb(57, 159, 255);
--leo-color-systemfeedback-info-background: rgb(7, 37, 66);
- --leo-color-systemfeedback-success-text: rgb(224, 252, 222);
- --leo-color-systemfeedback-success-icon: rgb(60, 130, 60);
+ --leo-color-systemfeedback-success-text: rgb(148, 223, 145);
+ --leo-color-systemfeedback-success-icon: rgb(42, 186, 50);
--leo-color-systemfeedback-success-background: rgb(9, 44, 9);
- --leo-color-systemfeedback-warning-text: rgb(252, 243, 217);
- --leo-color-systemfeedback-warning-icon: rgb(140, 111, 3);
+ --leo-color-systemfeedback-warning-text: rgb(243, 194, 17);
+ --leo-color-systemfeedback-warning-icon: rgb(189, 150, 0);
--leo-color-systemfeedback-warning-background: rgb(45, 35, 7);
- --leo-color-systemfeedback-error-text: rgb(255, 232, 231);
- --leo-color-systemfeedback-error-icon: rgb(225, 31, 61);
+ --leo-color-systemfeedback-error-text: rgb(255, 177, 176);
+ --leo-color-systemfeedback-error-icon: rgb(255, 90, 99);
--leo-color-systemfeedback-error-background: rgb(70, 10, 16);
--leo-color-gray-10: rgb(33, 36, 42);
--leo-color-gray-20: rgb(48, 52, 61);
@@ -888,67 +855,111 @@
--leo-color-tor-window-50: rgb(199, 108, 246);
--leo-color-tor-window-60: rgb(227, 179, 255);
--leo-color-tor-window-70: rgb(246, 232, 255);
- --leo-effect-elevation-01: 0px 1px 4px 0px rgba(0, 0, 0, 0.4);
- --leo-effect-elevation-02: 0px 3px 10px -1px rgba(0, 0, 0, 0.35);
- --leo-effect-elevation-03: 0px 4px 16px -2px rgba(0, 0, 0, 0.3);
- --leo-effect-elevation-04: 0px 4px 24px -1px rgba(0, 0, 0, 0.3);
- --leo-effect-elevation-05: 0px 6px 25px -2px rgba(0, 0, 0, 0.3);
- --leo-effect-elevation-06: 0px 10px 48px 0px rgba(0, 0, 0, 0.3);
- --leo-effect-elevation-07: 0px 8px 64px 0px rgba(0, 0, 0, 0.3);
- }
-}
-
-[data-theme="light"] {
- --leo-color-legacy-background1: rgb(255, 255, 255);
- --leo-color-legacy-background2: rgb(248, 249, 250);
- --leo-color-legacy-text1: rgb(33, 37, 41);
- --leo-color-legacy-text2: rgb(73, 80, 87);
- --leo-color-legacy-text3: rgb(134, 142, 150);
+ --leo-color-material-thick: rgba(13, 15, 20, 0.85);
+ --leo-color-material-regular: rgba(13, 15, 20, 0.69);
+ --leo-color-material-thin: rgba(13, 15, 20, 0.51);
+ --leo-color-material-ultrathin: rgba(13, 15, 20, 0.35);
+ --leo-color-legacy-background1: rgb(30, 32, 41);
+ --leo-color-legacy-background2: rgb(23, 23, 31);
+ --leo-color-legacy-text1: rgb(240, 242, 255);
+ --leo-color-legacy-text2: rgb(194, 196, 207);
+ --leo-color-legacy-text3: rgb(132, 136, 156);
--leo-color-legacy-interactive1: rgb(234, 58, 13);
--leo-color-legacy-interactive2: rgb(251, 84, 43);
--leo-color-legacy-interactive3: rgb(255, 118, 84);
--leo-color-legacy-interactive4: rgb(53, 61, 171);
--leo-color-legacy-interactive5: rgb(76, 84, 210);
--leo-color-legacy-interactive6: rgb(115, 122, 222);
- --leo-color-legacy-interactive7: rgb(33, 37, 41);
- --leo-color-legacy-interactive8: rgb(174, 177, 194);
- --leo-color-legacy-disabled: rgb(218, 220, 232);
+ --leo-color-legacy-interactive7: rgb(240, 242, 255);
+ --leo-color-legacy-interactive8: rgb(94, 97, 117);
+ --leo-color-legacy-disabled: rgb(52, 58, 64);
--leo-color-legacy-focus-border: rgb(160, 165, 235);
- --leo-color-legacy-divider1: rgb(233, 233, 244);
+ --leo-color-legacy-divider1: rgb(59, 62, 79);
+ --leo-effect-elevation-01: inset 0px -1px 0px 0px rgba(255, 255, 255, 0.05), 0px 1px 4px 0px rgba(0, 0, 0, 0.4);
+ --leo-effect-elevation-02: inset 0px -1px 0px 0px rgba(255, 255, 255, 0.05), 0px 3px 10px -1px rgba(0, 0, 0, 0.35);
+ --leo-effect-elevation-03: inset 0px -1px 0px 0px rgba(255, 255, 255, 0.05), 0px 4px 16px -2px rgba(0, 0, 0, 0.3);
+ --leo-effect-elevation-04: inset 0px -1px 0px 0px rgba(255, 255, 255, 0.05), 0px 4px 24px -1px rgba(0, 0, 0, 0.3);
+ --leo-effect-elevation-05: inset 0px -1px 0px 0px rgba(255, 255, 255, 0.05), 0px 6px 25px -2px rgba(0, 0, 0, 0.3);
+ --leo-effect-elevation-06: inset 0px -1px 0px 0px rgba(255, 255, 255, 0.05), 0px 10px 48px 0px rgba(0, 0, 0, 0.3);
+ --leo-effect-elevation-07: inset 0px -1px 0px 0px rgba(255, 255, 255, 0.05), 0px 8px 64px 0px rgba(0, 0, 0, 0.3);
+ }
+}
+
+[data-theme="light"] {
--leo-color-text-primary: rgb(13, 15, 20);
--leo-color-text-secondary: rgb(63, 72, 85);
--leo-color-text-tertiary: rgb(104, 116, 133);
+ --leo-color-text-disabled: rgba(33, 36, 42, 0.5);
--leo-color-text-interactive: rgb(63, 57, 232);
--leo-color-text-interactive-visited: rgb(163, 37, 100);
- --leo-color-text-disabled: rgba(33, 36, 42, 0.5);
--leo-color-icon-default: rgb(104, 116, 133);
- --leo-color-icon-interactive: rgb(63, 57, 232);
--leo-color-icon-disabled: rgba(104, 116, 133, 0.5);
- --leo-color-button-background: rgb(63, 57, 232);
- --leo-color-button-disabled: rgba(104, 116, 133, 0.3);
+ --leo-color-icon-active: rgb(63, 57, 232);
+ --leo-color-icon-interactive: rgb(63, 57, 232);
+ --leo-color-browserbutton-background-hover: rgba(0, 0, 0, 0.05);
+ --leo-color-browserbutton-background-active: rgba(0, 0, 0, 0.1);
+ --leo-color-tabswitcher-button: rgb(255, 255, 255);
+ --leo-color-tabswitcher-background: rgb(246, 247, 248);
+ --leo-color-container-background-desktop: rgb(255, 255, 255);
+ --leo-color-container-background-mobile: rgb(255, 255, 255);
+ --leo-color-container-interactive: rgb(233, 238, 255);
+ --leo-color-container-scrim: rgba(13, 15, 20, 0.35);
--leo-color-container-background: rgb(255, 255, 255);
--leo-color-container-highlight: rgb(237, 238, 241);
- --leo-color-container-interactive: rgb(233, 238, 255);
--leo-color-container-disabled: rgba(63, 72, 85, 0.18);
- --leo-color-page-background: rgb(246, 247, 248);
+ --leo-color-chrome-background-desktop: rgb(246, 247, 248);
+ --leo-color-chrome-background-mobile: rgb(246, 247, 248);
--leo-color-divider-subtle: rgba(161, 171, 186, 0.4);
--leo-color-divider-strong: rgba(104, 116, 133, 0.4);
--leo-color-divider-interactive: rgba(124, 145, 255, 0.4);
+ --leo-color-tabbar-tabbar-background: rgb(237, 238, 241);
+ --leo-color-tabbar-tabactive-background: rgb(255, 255, 255);
+ --leo-color-os-color: rgb(0, 0, 0);
+ --leo-color-group-text: rgb(18, 117, 55);
+ --leo-color-group-background: rgba(18, 117, 55, 0.15);
+ --leo-color-glass-container: rgba(255, 255, 255, 0.3);
+ --leo-color-glass-5: rgba(28, 30, 38, 0.05);
+ --leo-color-glass-10: rgba(28, 30, 38, 0.1);
+ --leo-color-glass-25: rgba(28, 30, 38, 0.25);
+ --leo-color-glass-50: rgba(28, 30, 38, 0.5);
+ --leo-color-glass-70: rgba(28, 30, 38, 0.7);
+ --leo-color-glass-100: rgb(28, 30, 38);
+ --leo-color-links-adbackground-default: rgba(24, 65, 210, 0.03);
+ --leo-color-links-adbackground-hover: rgba(24, 65, 210, 0.08);
+ --leo-color-links-link-default: rgb(24, 65, 210);
+ --leo-color-tabs-background-default: rgb(166, 174, 192);
+ --leo-color-tabs-background-hover: rgb(150, 160, 181);
+ --leo-color-tabs-line-default: rgb(84, 131, 237);
+ --leo-color-tabs-line-hover: rgb(56, 97, 251);
+ --leo-color-tabs-searchtext-default: rgb(255, 96, 34);
+ --leo-color-search-serpheader-background: rgb(249, 250, 253);
+ --leo-color-search-serppage-background: rgb(242, 244, 247);
+ --leo-color-search-serpcontainer-background: rgb(255, 255, 255);
+ --leo-color-search-serphighlight-background: rgb(237, 238, 241);
+ --leo-color-search-serp-breadcrumbs: rgb(149, 153, 169);
+ --leo-color-search-infoboxtitle: rgb(8, 119, 131);
+ --leo-color-search-searchbarbg: rgb(255, 255, 255);
+ --leo-color-search-landingpage-background: rgb(238, 242, 246);
+ --leo-color-button-background: rgb(63, 57, 232);
+ --leo-color-button-disabled: rgba(104, 116, 133, 0.3);
+ --leo-color-button-error-background: rgb(225, 31, 61);
+ --leo-color-button-success-background: rgb(60, 130, 60);
+ --leo-color-page-background: rgb(246, 247, 248);
--leo-color-dialogs-scrim-background: rgba(13, 15, 20, 0.35);
--leo-color-dialogs-frosted-glass-background: rgba(255, 255, 255, 0.97);
--leo-color-dialogs-divider: rgba(33, 36, 42, 0.1);
--leo-color-dialogs-button-transparent-default: rgba(13, 15, 20, 0.35);
--leo-color-dialogs-button-transparent-hover: rgba(13, 15, 20, 0.5);
- --leo-color-systemfeedback-info-text: rgb(0, 72, 130);
+ --leo-color-systemfeedback-info-text: rgb(0, 97, 170);
--leo-color-systemfeedback-info-icon: rgb(16, 117, 201);
--leo-color-systemfeedback-info-background: rgb(226, 240, 255);
- --leo-color-systemfeedback-success-text: rgb(16, 86, 20);
+ --leo-color-systemfeedback-success-text: rgb(25, 114, 30);
--leo-color-systemfeedback-success-icon: rgb(60, 130, 60);
--leo-color-systemfeedback-success-background: rgb(224, 252, 222);
- --leo-color-systemfeedback-warning-text: rgb(93, 66, 0);
+ --leo-color-systemfeedback-warning-text: rgb(117, 91, 0);
--leo-color-systemfeedback-warning-icon: rgb(140, 111, 3);
--leo-color-systemfeedback-warning-background: rgb(252, 243, 217);
- --leo-color-systemfeedback-error-text: rgb(137, 0, 30);
+ --leo-color-systemfeedback-error-text: rgb(179, 0, 42);
--leo-color-systemfeedback-error-icon: rgb(225, 31, 61);
--leo-color-systemfeedback-error-background: rgb(255, 232, 231);
--leo-color-gray-10: rgb(246, 247, 248);
@@ -1035,67 +1046,111 @@
--leo-color-tor-window-50: rgb(120, 69, 147);
--leo-color-tor-window-60: rgb(94, 44, 120);
--leo-color-tor-window-70: rgb(53, 11, 73);
- --leo-effect-elevation-01: 0px 1px 4px 0px rgba(0, 0, 0, 0.07);
- --leo-effect-elevation-02: 0px 3px 10px -1px rgba(0, 0, 0, 0.05);
- --leo-effect-elevation-03: 0px 4px 16px -2px rgba(0, 0, 0, 0.08);
- --leo-effect-elevation-04: 0px 4px 24px -1px rgba(0, 0, 0, 0.06);
- --leo-effect-elevation-05: 0px 6px 32px -2px rgba(0, 0, 0, 0.06);
- --leo-effect-elevation-06: 0px 10px 48px 0px rgba(0, 0, 0, 0.06);
- --leo-effect-elevation-07: 0px 8px 64px 0px rgba(0, 0, 0, 0.06);
-}
-
-[data-theme="dark"] {
- --leo-color-legacy-background1: rgb(30, 32, 41);
- --leo-color-legacy-background2: rgb(23, 23, 31);
- --leo-color-legacy-text1: rgb(240, 242, 255);
- --leo-color-legacy-text2: rgb(194, 196, 207);
- --leo-color-legacy-text3: rgb(132, 136, 156);
+ --leo-color-material-thick: rgba(255, 255, 255, 0.95);
+ --leo-color-material-regular: rgba(255, 255, 255, 0.73);
+ --leo-color-material-thin: rgba(255, 255, 255, 0.56);
+ --leo-color-material-ultrathin: rgba(255, 255, 255, 0.32);
+ --leo-color-legacy-background1: rgb(255, 255, 255);
+ --leo-color-legacy-background2: rgb(248, 249, 250);
+ --leo-color-legacy-text1: rgb(33, 37, 41);
+ --leo-color-legacy-text2: rgb(73, 80, 87);
+ --leo-color-legacy-text3: rgb(134, 142, 150);
--leo-color-legacy-interactive1: rgb(234, 58, 13);
--leo-color-legacy-interactive2: rgb(251, 84, 43);
--leo-color-legacy-interactive3: rgb(255, 118, 84);
--leo-color-legacy-interactive4: rgb(53, 61, 171);
--leo-color-legacy-interactive5: rgb(76, 84, 210);
--leo-color-legacy-interactive6: rgb(115, 122, 222);
- --leo-color-legacy-interactive7: rgb(240, 242, 255);
- --leo-color-legacy-interactive8: rgb(94, 97, 117);
- --leo-color-legacy-disabled: rgb(52, 58, 64);
+ --leo-color-legacy-interactive7: rgb(33, 37, 41);
+ --leo-color-legacy-interactive8: rgb(174, 177, 194);
+ --leo-color-legacy-disabled: rgb(218, 220, 232);
--leo-color-legacy-focus-border: rgb(160, 165, 235);
- --leo-color-legacy-divider1: rgb(59, 62, 79);
+ --leo-color-legacy-divider1: rgb(233, 233, 244);
+ --leo-effect-elevation-01: 0px 1px 0px 0px rgba(0, 0, 0, 0.04), 0px 1px 4px 0px rgba(0, 0, 0, 0.07);
+ --leo-effect-elevation-02: 0px 1px 0px 0px rgba(0, 0, 0, 0.04), 0px 3px 10px -1px rgba(0, 0, 0, 0.05);
+ --leo-effect-elevation-03: 0px 1px 0px 0px rgba(0, 0, 0, 0.04), 0px 4px 16px -2px rgba(0, 0, 0, 0.08);
+ --leo-effect-elevation-04: 0px 1px 0px 0px rgba(0, 0, 0, 0.04), 0px 4px 24px -1px rgba(0, 0, 0, 0.06);
+ --leo-effect-elevation-05: 0px 1px 0px 0px rgba(0, 0, 0, 0.04), 0px 6px 32px -2px rgba(0, 0, 0, 0.06);
+ --leo-effect-elevation-06: 0px 1px 0px 0px rgba(0, 0, 0, 0.04), 0px 10px 48px 0px rgba(0, 0, 0, 0.06);
+ --leo-effect-elevation-07: 0px 1px 0px 0px rgba(0, 0, 0, 0.04), 0px 8px 64px 0px rgba(0, 0, 0, 0.06);
+}
+
+[data-theme="dark"] {
--leo-color-text-primary: rgb(246, 247, 248);
--leo-color-text-secondary: rgb(219, 222, 226);
--leo-color-text-tertiary: rgb(161, 171, 186);
+ --leo-color-text-disabled: rgba(237, 238, 241, 0.5);
--leo-color-text-interactive: rgb(124, 145, 255);
--leo-color-text-interactive-visited: rgb(248, 85, 162);
- --leo-color-text-disabled: rgba(237, 238, 241, 0.5);
--leo-color-icon-default: rgb(161, 171, 186);
- --leo-color-icon-interactive: rgb(124, 145, 255);
--leo-color-icon-disabled: rgba(104, 116, 133, 0.5);
- --leo-color-button-background: rgb(63, 57, 232);
- --leo-color-button-disabled: rgba(104, 116, 133, 0.3);
+ --leo-color-icon-active: rgb(124, 145, 255);
+ --leo-color-icon-interactive: rgb(124, 145, 255);
+ --leo-color-browserbutton-background-hover: rgba(0, 0, 0, 0.25);
+ --leo-color-browserbutton-background-active: rgba(0, 0, 0, 0.4);
+ --leo-color-tabswitcher-button: rgb(33, 36, 42);
+ --leo-color-tabswitcher-background: rgb(48, 52, 61);
+ --leo-color-container-background-desktop: rgb(13, 15, 20);
+ --leo-color-container-background-mobile: rgb(33, 36, 42);
+ --leo-color-container-interactive: rgb(22, 16, 101);
+ --leo-color-container-scrim: rgba(13, 15, 20, 0.7);
--leo-color-container-background: rgb(13, 15, 20);
--leo-color-container-highlight: rgb(33, 36, 42);
- --leo-color-container-interactive: rgb(22, 16, 101);
--leo-color-container-disabled: rgba(195, 201, 211, 0.18);
- --leo-color-page-background: rgb(0, 0, 0);
+ --leo-color-chrome-background-desktop: rgb(33, 36, 42);
+ --leo-color-chrome-background-mobile: rgb(13, 15, 20);
--leo-color-divider-subtle: rgba(104, 116, 133, 0.4);
- --leo-color-divider-strong: rgba(104, 116, 133, 0.4);
+ --leo-color-divider-strong: rgba(161, 171, 186, 0.4);
--leo-color-divider-interactive: rgba(124, 145, 255, 0.4);
+ --leo-color-tabbar-tabbar-background: rgb(13, 15, 20);
+ --leo-color-tabbar-tabactive-background: rgb(48, 52, 61);
+ --leo-color-os-color: rgb(255, 255, 255);
+ --leo-color-group-text: rgb(116, 195, 142);
+ --leo-color-group-background: rgba(116, 195, 142, 0.25);
+ --leo-color-glass-container: rgba(255, 255, 255, 0.05);
+ --leo-color-glass-5: rgba(255, 255, 255, 0.05);
+ --leo-color-glass-10: rgba(255, 255, 255, 0.1);
+ --leo-color-glass-25: rgba(255, 255, 255, 0.25);
+ --leo-color-glass-50: rgba(255, 255, 255, 0.5);
+ --leo-color-glass-70: rgba(255, 255, 255, 0.7);
+ --leo-color-glass-100: rgb(255, 255, 255);
+ --leo-color-links-adbackground-default: rgba(119, 153, 229, 0.08);
+ --leo-color-links-adbackground-hover: rgba(119, 153, 229, 0.16);
+ --leo-color-links-link-default: rgb(119, 153, 229);
+ --leo-color-tabs-background-default: rgb(63, 71, 90);
+ --leo-color-tabs-background-hover: rgb(52, 59, 75);
+ --leo-color-tabs-line-default: rgb(56, 97, 251);
+ --leo-color-tabs-line-hover: rgb(56, 97, 251);
+ --leo-color-tabs-searchtext-default: rgb(255, 96, 34);
+ --leo-color-search-serpheader-background: rgb(26, 28, 35);
+ --leo-color-search-serppage-background: rgb(23, 25, 30);
+ --leo-color-search-serpcontainer-background: rgb(36, 39, 49);
+ --leo-color-search-serphighlight-background: rgb(48, 52, 61);
+ --leo-color-search-serp-breadcrumbs: rgb(175, 179, 193);
+ --leo-color-search-infoboxtitle: rgb(153, 123, 8);
+ --leo-color-search-searchbarbg: rgb(36, 39, 49);
+ --leo-color-search-landingpage-background: rgb(30, 32, 40);
+ --leo-color-button-background: rgb(63, 57, 232);
+ --leo-color-button-disabled: rgba(104, 116, 133, 0.3);
+ --leo-color-button-error-background: rgb(225, 31, 61);
+ --leo-color-button-success-background: rgb(60, 130, 60);
+ --leo-color-page-background: rgb(0, 0, 0);
--leo-color-dialogs-scrim-background: rgba(33, 36, 42, 0.7);
--leo-color-dialogs-frosted-glass-background: rgba(13, 15, 20, 0.9);
--leo-color-dialogs-divider: rgba(33, 36, 42, 0.65);
--leo-color-dialogs-button-transparent-default: rgba(13, 15, 20, 0.35);
--leo-color-dialogs-button-transparent-hover: rgba(13, 15, 20, 0.5);
- --leo-color-systemfeedback-info-text: rgb(199, 225, 255);
- --leo-color-systemfeedback-info-icon: rgb(16, 117, 201);
+ --leo-color-systemfeedback-info-text: rgb(160, 205, 255);
+ --leo-color-systemfeedback-info-icon: rgb(57, 159, 255);
--leo-color-systemfeedback-info-background: rgb(7, 37, 66);
- --leo-color-systemfeedback-success-text: rgb(224, 252, 222);
- --leo-color-systemfeedback-success-icon: rgb(60, 130, 60);
+ --leo-color-systemfeedback-success-text: rgb(148, 223, 145);
+ --leo-color-systemfeedback-success-icon: rgb(42, 186, 50);
--leo-color-systemfeedback-success-background: rgb(9, 44, 9);
- --leo-color-systemfeedback-warning-text: rgb(252, 243, 217);
- --leo-color-systemfeedback-warning-icon: rgb(140, 111, 3);
+ --leo-color-systemfeedback-warning-text: rgb(243, 194, 17);
+ --leo-color-systemfeedback-warning-icon: rgb(189, 150, 0);
--leo-color-systemfeedback-warning-background: rgb(45, 35, 7);
- --leo-color-systemfeedback-error-text: rgb(255, 232, 231);
- --leo-color-systemfeedback-error-icon: rgb(225, 31, 61);
+ --leo-color-systemfeedback-error-text: rgb(255, 177, 176);
+ --leo-color-systemfeedback-error-icon: rgb(255, 90, 99);
--leo-color-systemfeedback-error-background: rgb(70, 10, 16);
--leo-color-gray-10: rgb(33, 36, 42);
--leo-color-gray-20: rgb(48, 52, 61);
@@ -1181,11 +1236,31 @@
--leo-color-tor-window-50: rgb(199, 108, 246);
--leo-color-tor-window-60: rgb(227, 179, 255);
--leo-color-tor-window-70: rgb(246, 232, 255);
- --leo-effect-elevation-01: 0px 1px 4px 0px rgba(0, 0, 0, 0.4);
- --leo-effect-elevation-02: 0px 3px 10px -1px rgba(0, 0, 0, 0.35);
- --leo-effect-elevation-03: 0px 4px 16px -2px rgba(0, 0, 0, 0.3);
- --leo-effect-elevation-04: 0px 4px 24px -1px rgba(0, 0, 0, 0.3);
- --leo-effect-elevation-05: 0px 6px 25px -2px rgba(0, 0, 0, 0.3);
- --leo-effect-elevation-06: 0px 10px 48px 0px rgba(0, 0, 0, 0.3);
- --leo-effect-elevation-07: 0px 8px 64px 0px rgba(0, 0, 0, 0.3);
+ --leo-color-material-thick: rgba(13, 15, 20, 0.85);
+ --leo-color-material-regular: rgba(13, 15, 20, 0.69);
+ --leo-color-material-thin: rgba(13, 15, 20, 0.51);
+ --leo-color-material-ultrathin: rgba(13, 15, 20, 0.35);
+ --leo-color-legacy-background1: rgb(30, 32, 41);
+ --leo-color-legacy-background2: rgb(23, 23, 31);
+ --leo-color-legacy-text1: rgb(240, 242, 255);
+ --leo-color-legacy-text2: rgb(194, 196, 207);
+ --leo-color-legacy-text3: rgb(132, 136, 156);
+ --leo-color-legacy-interactive1: rgb(234, 58, 13);
+ --leo-color-legacy-interactive2: rgb(251, 84, 43);
+ --leo-color-legacy-interactive3: rgb(255, 118, 84);
+ --leo-color-legacy-interactive4: rgb(53, 61, 171);
+ --leo-color-legacy-interactive5: rgb(76, 84, 210);
+ --leo-color-legacy-interactive6: rgb(115, 122, 222);
+ --leo-color-legacy-interactive7: rgb(240, 242, 255);
+ --leo-color-legacy-interactive8: rgb(94, 97, 117);
+ --leo-color-legacy-disabled: rgb(52, 58, 64);
+ --leo-color-legacy-focus-border: rgb(160, 165, 235);
+ --leo-color-legacy-divider1: rgb(59, 62, 79);
+ --leo-effect-elevation-01: inset 0px -1px 0px 0px rgba(255, 255, 255, 0.05), 0px 1px 4px 0px rgba(0, 0, 0, 0.4);
+ --leo-effect-elevation-02: inset 0px -1px 0px 0px rgba(255, 255, 255, 0.05), 0px 3px 10px -1px rgba(0, 0, 0, 0.35);
+ --leo-effect-elevation-03: inset 0px -1px 0px 0px rgba(255, 255, 255, 0.05), 0px 4px 16px -2px rgba(0, 0, 0, 0.3);
+ --leo-effect-elevation-04: inset 0px -1px 0px 0px rgba(255, 255, 255, 0.05), 0px 4px 24px -1px rgba(0, 0, 0, 0.3);
+ --leo-effect-elevation-05: inset 0px -1px 0px 0px rgba(255, 255, 255, 0.05), 0px 6px 25px -2px rgba(0, 0, 0, 0.3);
+ --leo-effect-elevation-06: inset 0px -1px 0px 0px rgba(255, 255, 255, 0.05), 0px 10px 48px 0px rgba(0, 0, 0, 0.3);
+ --leo-effect-elevation-07: inset 0px -1px 0px 0px rgba(255, 255, 255, 0.05), 0px 8px 64px 0px rgba(0, 0, 0, 0.3);
}
|
Based on internal feedback, our blurple was too blue, too little purple. So that was updated to make it a bit more purple
|
👋 Thanks for Submitting! This PR is available for preview at the link below. ✅ PR tip preview: https://466.pr.nala.bravesoftware.com/ Variables Diff--- ./tokens/css/variables.old.css 2023-11-22 11:36:26.186491008 +0000
+++ ./tokens/css/variables.css 2023-11-22 11:36:00.034493649 +0000
@@ -1,415 +1,261 @@
/**
* Do not edit directly
- * Generated on Wed Nov 22 2023 03:53:39 GMT+0000 (Coordinated Universal Time)
+ * Generated on Wed Nov 22 2023 11:36:00 GMT+0000 (Coordinated Universal Time)
*/
:root {
- --leo-font-macos-large-regular: 400 16px/19.2px SF Pro Text;
- --leo-font-macos-large-semibold: 600 16px/19.2px SF Pro Text;
- --leo-font-macos-default-regular: 400 14px/16.8px SF Pro Text;
- --leo-font-macos-default-semibold: 600 14px/16.8px SF Pro Text;
- --leo-font-macos-small-regular: 400 13px/15.6px SF Pro Text;
- --leo-font-macos-small-semibold: 600 13px/15.6px SF Pro Text;
- --leo-font-macos-x-small-regular: 400 12px/14.4px SF Pro Text;
- --leo-font-macos-x-small-semibold: 600 12px/14.4px SF Pro Text;
- --leo-font-windows-large-regular: 400 16px/19.2px Segoe UI Variable;
- --leo-font-windows-large-semibold: 600 16px/19.2px Segoe UI Variable;
- --leo-font-windows-default-regular: 400 14px/16.8px Segoe UI Variable;
- --leo-font-windows-default-semibold: 600 14px/16.8px Segoe UI Variable;
- --leo-font-windows-small-regular: 400 13px/15.6px Segoe UI Variable;
- --leo-font-windows-small-semibold: 600 13px/15.6px Segoe UI Variable;
- --leo-font-windows-x-small-regular: 400 12px/14.4px Segoe UI Variable;
- --leo-font-windows-x-small-semibold: 600 12px/14.4px Segoe UI Variable;
- --leo-font-primary-heading-display1: 500 52px/78px Poppins;
- --leo-font-primary-heading-display2: 500 36px/54px Poppins;
- --leo-font-primary-heading-h1: 500 32px/48px Poppins;
- --leo-font-primary-heading-h2: 500 28px/40px Poppins;
- --leo-font-primary-heading-h3: 500 22px/32px Poppins;
- --leo-font-primary-heading-h4: 600 16px/24px Poppins;
- --leo-font-primary-large-regular: 400 16px/28px Poppins;
- --leo-font-primary-large-semibold: 600 16px/28px Poppins;
- --leo-font-primary-default-regular: 400 14px/24px Poppins;
- --leo-font-primary-default-semibold: 600 14px/24px Poppins;
- --leo-font-primary-small-regular: 400 12px/18px Poppins;
- --leo-font-primary-small-semibold: 600 12px/18px Poppins;
- --leo-font-primary-x-small-regular: 400 11px/16px Poppins;
- --leo-font-primary-x-small-semibold: 600 11px/16px Poppins;
- --leo-font-secondary-heading-display1: 500 52px/78px Manrope;
- --leo-font-secondary-heading-display2: 500 36px/54px Manrope;
- --leo-font-secondary-heading-h1: 500 32px/48px Manrope;
- --leo-font-secondary-heading-h2: 500 28px/40px Manrope;
- --leo-font-secondary-heading-h3: 500 22px/32px Manrope;
- --leo-font-secondary-heading-h4: 600 16px/24px Manrope;
- --leo-font-secondary-large-regular: 500 16px/28px Manrope;
- --leo-font-secondary-large-semibold: 700 16px/28px Manrope;
- --leo-font-secondary-default-regular: 500 14px/24px Manrope;
- --leo-font-secondary-default-semibold: 700 14px/24px Manrope;
- --leo-font-secondary-small-regular: 500 12px/18px Manrope;
- --leo-font-secondary-small-semibold: 700 12px/18px Manrope;
- --leo-font-secondary-x-small-default: 500 11px/16px Manrope;
- --leo-font-secondary-x-small-semibold: 700 11px/16px Manrope;
- --leo-font-monospace-large: 400 16px/28px SF Mono;
- --leo-font-monospace-default: 400 14px/24px SF Mono;
- --leo-font-monospace-small: 400 12px/18px SF Mono;
- --leo-font-mobile-primary-heading-display1: 500 32px/48px Poppins;
- --leo-font-mobile-primary-heading-display2: 500 28px/42px Poppins;
- --leo-font-mobile-primary-heading-h1: 500 28px/40px Poppins;
- --leo-font-mobile-primary-heading-h2: 500 22px/32px Poppins;
- --leo-font-mobile-primary-heading-h3: 500 18px/28px Poppins;
- --leo-font-mobile-primary-heading-h4: 600 16px/24px Poppins;
- --leo-font-components-label: 600 10px/12px Poppins;
- --leo-font-components-tableheader: 500 13px/20px Poppins;
- --leo-font-components-navbutton: 600 15px/20px Poppins;
- --leo-font-components-button-small: 600 12px/16px Poppins;
- --leo-font-components-button-default: 600 13px/20px Poppins;
+ --leo-font-browser-large-regular: 400 16px/19.2px Inter;
+ --leo-font-browser-large-semibold: 600 16px/19.2px Inter;
+ --leo-font-browser-default-regular: 400 14px/16.8px Inter;
+ --leo-font-browser-default-semibold: 600 14px/16.8px Inter;
+ --leo-font-browser-small-regular: 400 13px/15.6px Inter;
+ --leo-font-browser-small-semibold: 600 13px/15.6px Inter;
+ --leo-font-browser-x-small-regular: 400 12px/14.4px Inter;
+ --leo-font-browser-x-small-semibold: 600 12px/14.4px Inter;
+ --leo-font-heading-display1: 500 52px/68px Poppins;
+ --leo-font-heading-display2: 500 36px/46px Poppins;
+ --leo-font-heading-h1: 500 32px/42px Poppins;
+ --leo-font-heading-h2: 500 28px/36px Poppins;
+ --leo-font-heading-h3: 500 22px/28px Poppins;
+ --leo-font-heading-h4: 600 16px/26px Poppins;
+ --leo-font-large-regular: 400 16px/26px Inter;
+ --leo-font-large-semibold: 600 16px/26px Inter;
+ --leo-font-default-regular: 400 14px/22px Inter;
+ --leo-font-default-semibold: 600 14px/22px Inter;
+ --leo-font-small-regular: 400 12px/20px Inter;
+ --leo-font-small-semibold: 600 12px/20px Inter;
+ --leo-font-x-small-regular: 400 11px/18px Inter;
+ --leo-font-x-small-semibold: 600 11px/18px Inter;
+ --leo-font-monospace-large: 400 16px/26px DM Mono;
+ --leo-font-monospace-default: 400 14px/22px DM Mono;
+ --leo-font-monospace-small: 400 12px/20px DM Mono;
+ --leo-font-mobile-heading-display1: 500 32px/42px Poppins;
+ --leo-font-mobile-heading-display2: 500 28px/36px Poppins;
+ --leo-font-mobile-heading-h1: 500 28px/36px Poppins;
+ --leo-font-mobile-heading-h2: 500 22px/28px Poppins;
+ --leo-font-mobile-heading-h3: 500 18px/26px Poppins;
+ --leo-font-mobile-heading-h4: 600 16px/26px Poppins;
+ --leo-font-components-label: 700 10px/12px Inter;
+ --leo-font-components-tableheader: 500 13px/15.6px Inter;
+ --leo-font-components-navbutton: 600 14px/22px Poppins;
+ --leo-font-components-button-small: 600 12px/20px Poppins;
+ --leo-font-components-button-default: 600 13px/21px Poppins;
--leo-font-components-button-large: 600 14px/22px Poppins;
- --leo-font-components-button-jumbo: 600 16px/24px Poppins;
- --leo-typography-macos-large-regular-font-size: 16px;
- --leo-typography-macos-large-regular-font-weight: 400px;
- --leo-typography-macos-large-regular-letter-spacing: -0.08px;
- --leo-typography-macos-large-regular-line-height: 19.2px;
- --leo-typography-macos-large-regular-paragraph-indent: 0;
- --leo-typography-macos-large-regular-paragraph-spacing: 0;
- --leo-typography-macos-large-semibold-font-size: 16px;
- --leo-typography-macos-large-semibold-font-weight: 600px;
- --leo-typography-macos-large-semibold-letter-spacing: -0.08px;
- --leo-typography-macos-large-semibold-line-height: 19.2px;
- --leo-typography-macos-large-semibold-paragraph-indent: 0;
- --leo-typography-macos-large-semibold-paragraph-spacing: 0;
- --leo-typography-macos-default-regular-font-size: 14px;
- --leo-typography-macos-default-regular-font-weight: 400px;
- --leo-typography-macos-default-regular-letter-spacing: -0.08px;
- --leo-typography-macos-default-regular-line-height: 16.8px;
- --leo-typography-macos-default-regular-paragraph-indent: 0;
- --leo-typography-macos-default-regular-paragraph-spacing: 0;
- --leo-typography-macos-default-semibold-font-size: 14px;
- --leo-typography-macos-default-semibold-font-weight: 600px;
- --leo-typography-macos-default-semibold-letter-spacing: -0.08px;
- --leo-typography-macos-default-semibold-line-height: 16.8px;
- --leo-typography-macos-default-semibold-paragraph-indent: 0;
- --leo-typography-macos-default-semibold-paragraph-spacing: 0;
- --leo-typography-macos-small-regular-font-size: 13px;
- --leo-typography-macos-small-regular-font-weight: 400px;
- --leo-typography-macos-small-regular-letter-spacing: -0.29px;
- --leo-typography-macos-small-regular-line-height: 15.6px;
- --leo-typography-macos-small-regular-paragraph-indent: 0;
- --leo-typography-macos-small-regular-paragraph-spacing: 0;
- --leo-typography-macos-small-semibold-font-size: 13px;
- --leo-typography-macos-small-semibold-font-weight: 600px;
- --leo-typography-macos-small-semibold-letter-spacing: -0.29px;
- --leo-typography-macos-small-semibold-line-height: 15.6px;
- --leo-typography-macos-small-semibold-paragraph-indent: 0;
- --leo-typography-macos-small-semibold-paragraph-spacing: 0;
- --leo-typography-macos-x-small-regular-font-size: 12px;
- --leo-typography-macos-x-small-regular-font-weight: 400px;
- --leo-typography-macos-x-small-regular-letter-spacing: -0.29px;
- --leo-typography-macos-x-small-regular-line-height: 14.4px;
- --leo-typography-macos-x-small-regular-paragraph-indent: 0;
- --leo-typography-macos-x-small-regular-paragraph-spacing: 0;
- --leo-typography-macos-x-small-semibold-font-size: 12px;
- --leo-typography-macos-x-small-semibold-font-weight: 600px;
- --leo-typography-macos-x-small-semibold-letter-spacing: -0.29px;
- --leo-typography-macos-x-small-semibold-line-height: 14.4px;
- --leo-typography-macos-x-small-semibold-paragraph-indent: 0;
- --leo-typography-macos-x-small-semibold-paragraph-spacing: 0;
- --leo-typography-windows-large-regular-font-size: 16px;
- --leo-typography-windows-large-regular-font-weight: 400px;
- --leo-typography-windows-large-regular-letter-spacing: 0;
- --leo-typography-windows-large-regular-line-height: 19.2px;
- --leo-typography-windows-large-regular-paragraph-indent: 0;
- --leo-typography-windows-large-regular-paragraph-spacing: 0;
- --leo-typography-windows-large-semibold-font-size: 16px;
- --leo-typography-windows-large-semibold-font-weight: 600px;
- --leo-typography-windows-large-semibold-letter-spacing: 0;
- --leo-typography-windows-large-semibold-line-height: 19.2px;
- --leo-typography-windows-large-semibold-paragraph-indent: 0;
- --leo-typography-windows-large-semibold-paragraph-spacing: 0;
- --leo-typography-windows-default-regular-font-size: 14px;
- --leo-typography-windows-default-regular-font-weight: 400px;
- --leo-typography-windows-default-regular-letter-spacing: 0;
- --leo-typography-windows-default-regular-line-height: 16.8px;
- --leo-typography-windows-default-regular-paragraph-indent: 0;
- --leo-typography-windows-default-regular-paragraph-spacing: 0;
- --leo-typography-windows-default-semibold-font-size: 14px;
- --leo-typography-windows-default-semibold-font-weight: 600px;
- --leo-typography-windows-default-semibold-letter-spacing: 0;
- --leo-typography-windows-default-semibold-line-height: 16.8px;
- --leo-typography-windows-default-semibold-paragraph-indent: 0;
- --leo-typography-windows-default-semibold-paragraph-spacing: 0;
- --leo-typography-windows-small-regular-font-size: 13px;
- --leo-typography-windows-small-regular-font-weight: 400px;
- --leo-typography-windows-small-regular-letter-spacing: 0;
- --leo-typography-windows-small-regular-line-height: 15.6px;
- --leo-typography-windows-small-regular-paragraph-indent: 0;
- --leo-typography-windows-small-regular-paragraph-spacing: 0;
- --leo-typography-windows-small-semibold-font-size: 13px;
- --leo-typography-windows-small-semibold-font-weight: 600px;
- --leo-typography-windows-small-semibold-letter-spacing: 0;
- --leo-typography-windows-small-semibold-line-height: 15.6px;
- --leo-typography-windows-small-semibold-paragraph-indent: 0;
- --leo-typography-windows-small-semibold-paragraph-spacing: 0;
- --leo-typography-windows-x-small-regular-font-size: 12px;
- --leo-typography-windows-x-small-regular-font-weight: 400px;
- --leo-typography-windows-x-small-regular-letter-spacing: 0;
- --leo-typography-windows-x-small-regular-line-height: 14.4px;
- --leo-typography-windows-x-small-regular-paragraph-indent: 0;
- --leo-typography-windows-x-small-regular-paragraph-spacing: 0;
- --leo-typography-windows-x-small-semibold-font-size: 12px;
- --leo-typography-windows-x-small-semibold-font-weight: 600px;
- --leo-typography-windows-x-small-semibold-letter-spacing: 0;
- --leo-typography-windows-x-small-semibold-line-height: 14.4px;
- --leo-typography-windows-x-small-semibold-paragraph-indent: 0;
- --leo-typography-windows-x-small-semibold-paragraph-spacing: 0;
- --leo-typography-primary-heading-display1-font-size: 52px;
- --leo-typography-primary-heading-display1-font-weight: 500px;
- --leo-typography-primary-heading-display1-letter-spacing: 0;
- --leo-typography-primary-heading-display1-line-height: 78px;
- --leo-typography-primary-heading-display1-paragraph-indent: 0;
- --leo-typography-primary-heading-display1-paragraph-spacing: 0;
- --leo-typography-primary-heading-display2-font-size: 36px;
- --leo-typography-primary-heading-display2-font-weight: 500px;
- --leo-typography-primary-heading-display2-letter-spacing: 0;
- --leo-typography-primary-heading-display2-line-height: 54px;
- --leo-typography-primary-heading-display2-paragraph-indent: 0;
- --leo-typography-primary-heading-display2-paragraph-spacing: 0;
- --leo-typography-primary-heading-h1-font-size: 32px;
- --leo-typography-primary-heading-h1-font-weight: 500px;
- --leo-typography-primary-heading-h1-letter-spacing: 0;
- --leo-typography-primary-heading-h1-line-height: 48px;
- --leo-typography-primary-heading-h1-paragraph-indent: 0;
- --leo-typography-primary-heading-h1-paragraph-spacing: 0;
- --leo-typography-primary-heading-h2-font-size: 28px;
- --leo-typography-primary-heading-h2-font-weight: 500px;
- --leo-typography-primary-heading-h2-letter-spacing: 0;
- --leo-typography-primary-heading-h2-line-height: 40px;
- --leo-typography-primary-heading-h2-paragraph-indent: 0;
- --leo-typography-primary-heading-h2-paragraph-spacing: 0;
- --leo-typography-primary-heading-h3-font-size: 22px;
- --leo-typography-primary-heading-h3-font-weight: 500px;
- --leo-typography-primary-heading-h3-letter-spacing: 0;
- --leo-typography-primary-heading-h3-line-height: 32px;
- --leo-typography-primary-heading-h3-paragraph-indent: 0;
- --leo-typography-primary-heading-h3-paragraph-spacing: 0;
- --leo-typography-primary-heading-h4-font-size: 16px;
- --leo-typography-primary-heading-h4-font-weight: 600px;
- --leo-typography-primary-heading-h4-letter-spacing: 0;
- --leo-typography-primary-heading-h4-line-height: 24px;
- --leo-typography-primary-heading-h4-paragraph-indent: 0;
- --leo-typography-primary-heading-h4-paragraph-spacing: 0;
- --leo-typography-primary-large-regular-font-size: 16px;
- --leo-typography-primary-large-regular-font-weight: 400px;
- --leo-typography-primary-large-regular-letter-spacing: 0;
- --leo-typography-primary-large-regular-line-height: 28px;
- --leo-typography-primary-large-regular-paragraph-indent: 0;
- --leo-typography-primary-large-regular-paragraph-spacing: 0;
- --leo-typography-primary-large-semibold-font-size: 16px;
- --leo-typography-primary-large-semibold-font-weight: 600px;
- --leo-typography-primary-large-semibold-letter-spacing: 0;
- --leo-typography-primary-large-semibold-line-height: 28px;
- --leo-typography-primary-large-semibold-paragraph-indent: 0;
- --leo-typography-primary-large-semibold-paragraph-spacing: 0;
- --leo-typography-primary-default-regular-font-size: 14px;
- --leo-typography-primary-default-regular-font-weight: 400px;
- --leo-typography-primary-default-regular-letter-spacing: 0;
- --leo-typography-primary-default-regular-line-height: 24px;
- --leo-typography-primary-default-regular-paragraph-indent: 0;
- --leo-typography-primary-default-regular-paragraph-spacing: 0;
- --leo-typography-primary-default-semibold-font-size: 14px;
- --leo-typography-primary-default-semibold-font-weight: 600px;
- --leo-typography-primary-default-semibold-letter-spacing: 0;
- --leo-typography-primary-default-semibold-line-height: 24px;
- --leo-typography-primary-default-semibold-paragraph-indent: 0;
- --leo-typography-primary-default-semibold-paragraph-spacing: 0;
- --leo-typography-primary-small-regular-font-size: 12px;
- --leo-typography-primary-small-regular-font-weight: 400px;
- --leo-typography-primary-small-regular-letter-spacing: 0;
- --leo-typography-primary-small-regular-line-height: 18px;
- --leo-typography-primary-small-regular-paragraph-indent: 0;
- --leo-typography-primary-small-regular-paragraph-spacing: 0;
- --leo-typography-primary-small-semibold-font-size: 12px;
- --leo-typography-primary-small-semibold-font-weight: 600px;
- --leo-typography-primary-small-semibold-letter-spacing: 0;
- --leo-typography-primary-small-semibold-line-height: 18px;
- --leo-typography-primary-small-semibold-paragraph-indent: 0;
- --leo-typography-primary-small-semibold-paragraph-spacing: 0;
- --leo-typography-primary-x-small-regular-font-size: 11px;
- --leo-typography-primary-x-small-regular-font-weight: 400px;
- --leo-typography-primary-x-small-regular-letter-spacing: 0;
- --leo-typography-primary-x-small-regular-line-height: 16px;
- --leo-typography-primary-x-small-regular-paragraph-indent: 0;
- --leo-typography-primary-x-small-regular-paragraph-spacing: 0;
- --leo-typography-primary-x-small-semibold-font-size: 11px;
- --leo-typography-primary-x-small-semibold-font-weight: 600px;
- --leo-typography-primary-x-small-semibold-letter-spacing: 0;
- --leo-typography-primary-x-small-semibold-line-height: 16px;
- --leo-typography-primary-x-small-semibold-paragraph-indent: 0;
- --leo-typography-primary-x-small-semibold-paragraph-spacing: 0;
- --leo-typography-secondary-heading-display1-font-size: 52px;
- --leo-typography-secondary-heading-display1-font-weight: 500px;
- --leo-typography-secondary-heading-display1-letter-spacing: 0;
- --leo-typography-secondary-heading-display1-line-height: 78px;
- --leo-typography-secondary-heading-display1-paragraph-indent: 0;
- --leo-typography-secondary-heading-display1-paragraph-spacing: 0;
- --leo-typography-secondary-heading-display2-font-size: 36px;
- --leo-typography-secondary-heading-display2-font-weight: 500px;
- --leo-typography-secondary-heading-display2-letter-spacing: 0;
- --leo-typography-secondary-heading-display2-line-height: 54px;
- --leo-typography-secondary-heading-display2-paragraph-indent: 0;
- --leo-typography-secondary-heading-display2-paragraph-spacing: 0;
- --leo-typography-secondary-heading-h1-font-size: 32px;
- --leo-typography-secondary-heading-h1-font-weight: 500px;
- --leo-typography-secondary-heading-h1-letter-spacing: 0;
- --leo-typography-secondary-heading-h1-line-height: 48px;
- --leo-typography-secondary-heading-h1-paragraph-indent: 0;
- --leo-typography-secondary-heading-h1-paragraph-spacing: 0;
- --leo-typography-secondary-heading-h2-font-size: 28px;
- --leo-typography-secondary-heading-h2-font-weight: 500px;
- --leo-typography-secondary-heading-h2-letter-spacing: 0;
- --leo-typography-secondary-heading-h2-line-height: 40px;
- --leo-typography-secondary-heading-h2-paragraph-indent: 0;
- --leo-typography-secondary-heading-h2-paragraph-spacing: 0;
- --leo-typography-secondary-heading-h3-font-size: 22px;
- --leo-typography-secondary-heading-h3-font-weight: 500px;
- --leo-typography-secondary-heading-h3-letter-spacing: 0;
- --leo-typography-secondary-heading-h3-line-height: 32px;
- --leo-typography-secondary-heading-h3-paragraph-indent: 0;
- --leo-typography-secondary-heading-h3-paragraph-spacing: 0;
- --leo-typography-secondary-heading-h4-font-size: 16px;
- --leo-typography-secondary-heading-h4-font-weight: 600px;
- --leo-typography-secondary-heading-h4-letter-spacing: 0.32px;
- --leo-typography-secondary-heading-h4-line-height: 24px;
- --leo-typography-secondary-heading-h4-paragraph-indent: 0;
- --leo-typography-secondary-heading-h4-paragraph-spacing: 0;
- --leo-typography-secondary-large-regular-font-size: 16px;
- --leo-typography-secondary-large-regular-font-weight: 500px;
- --leo-typography-secondary-large-regular-letter-spacing: 0.16px;
- --leo-typography-secondary-large-regular-line-height: 28px;
- --leo-typography-secondary-large-regular-paragraph-indent: 0;
- --leo-typography-secondary-large-regular-paragraph-spacing: 0;
- --leo-typography-secondary-large-semibold-font-size: 16px;
- --leo-typography-secondary-large-semibold-font-weight: 700px;
- --leo-typography-secondary-large-semibold-letter-spacing: 0.16px;
- --leo-typography-secondary-large-semibold-line-height: 28px;
- --leo-typography-secondary-large-semibold-paragraph-indent: 0;
- --leo-typography-secondary-large-semibold-paragraph-spacing: 0;
- --leo-typography-secondary-default-regular-font-size: 14px;
- --leo-typography-secondary-default-regular-font-weight: 500px;
- --leo-typography-secondary-default-regular-letter-spacing: 0.28px;
- --leo-typography-secondary-default-regular-line-height: 24px;
- --leo-typography-secondary-default-regular-paragraph-indent: 0;
- --leo-typography-secondary-default-regular-paragraph-spacing: 0;
- --leo-typography-secondary-default-semibold-font-size: 14px;
- --leo-typography-secondary-default-semibold-font-weight: 700px;
- --leo-typography-secondary-default-semibold-letter-spacing: 0.28px;
- --leo-typography-secondary-default-semibold-line-height: 24px;
- --leo-typography-secondary-default-semibold-paragraph-indent: 0;
- --leo-typography-secondary-default-semibold-paragraph-spacing: 0;
- --leo-typography-secondary-small-regular-font-size: 12px;
- --leo-typography-secondary-small-regular-font-weight: 500px;
- --leo-typography-secondary-small-regular-letter-spacing: 0.24px;
- --leo-typography-secondary-small-regular-line-height: 18px;
- --leo-typography-secondary-small-regular-paragraph-indent: 0;
- --leo-typography-secondary-small-regular-paragraph-spacing: 0;
- --leo-typography-secondary-small-semibold-font-size: 12px;
- --leo-typography-secondary-small-semibold-font-weight: 700px;
- --leo-typography-secondary-small-semibold-letter-spacing: 0.24px;
- --leo-typography-secondary-small-semibold-line-height: 18px;
- --leo-typography-secondary-small-semibold-paragraph-indent: 0;
- --leo-typography-secondary-small-semibold-paragraph-spacing: 0;
- --leo-typography-secondary-x-small-default-font-size: 11px;
- --leo-typography-secondary-x-small-default-font-weight: 500px;
- --leo-typography-secondary-x-small-default-letter-spacing: 0.22px;
- --leo-typography-secondary-x-small-default-line-height: 16px;
- --leo-typography-secondary-x-small-default-paragraph-indent: 0;
- --leo-typography-secondary-x-small-default-paragraph-spacing: 0;
- --leo-typography-secondary-x-small-semibold-font-size: 11px;
- --leo-typography-secondary-x-small-semibold-font-weight: 700px;
- --leo-typography-secondary-x-small-semibold-letter-spacing: 0.22px;
- --leo-typography-secondary-x-small-semibold-line-height: 16px;
- --leo-typography-secondary-x-small-semibold-paragraph-indent: 0;
- --leo-typography-secondary-x-small-semibold-paragraph-spacing: 0;
+ --leo-font-components-button-jumbo: 600 16px/22px Poppins;
+ --leo-typography-browser-large-regular-font-size: 16px;
+ --leo-typography-browser-large-regular-font-weight: 400px;
+ --leo-typography-browser-large-regular-letter-spacing: -0.2px;
+ --leo-typography-browser-large-regular-line-height: 19.2px;
+ --leo-typography-browser-large-regular-paragraph-indent: 0;
+ --leo-typography-browser-large-regular-paragraph-spacing: 0;
+ --leo-typography-browser-large-semibold-font-size: 16px;
+ --leo-typography-browser-large-semibold-font-weight: 600px;
+ --leo-typography-browser-large-semibold-letter-spacing: -0.2px;
+ --leo-typography-browser-large-semibold-line-height: 19.2px;
+ --leo-typography-browser-large-semibold-paragraph-indent: 0;
+ --leo-typography-browser-large-semibold-paragraph-spacing: 0;
+ --leo-typography-browser-default-regular-font-size: 14px;
+ --leo-typography-browser-default-regular-font-weight: 400px;
+ --leo-typography-browser-default-regular-letter-spacing: -0.1px;
+ --leo-typography-browser-default-regular-line-height: 16.8px;
+ --leo-typography-browser-default-regular-paragraph-indent: 0;
+ --leo-typography-browser-default-regular-paragraph-spacing: 0;
+ --leo-typography-browser-default-semibold-font-size: 14px;
+ --leo-typography-browser-default-semibold-font-weight: 600px;
+ --leo-typography-browser-default-semibold-letter-spacing: -0.1px;
+ --leo-typography-browser-default-semibold-line-height: 16.8px;
+ --leo-typography-browser-default-semibold-paragraph-indent: 0;
+ --leo-typography-browser-default-semibold-paragraph-spacing: 0;
+ --leo-typography-browser-small-regular-font-size: 13px;
+ --leo-typography-browser-small-regular-font-weight: 400px;
+ --leo-typography-browser-small-regular-letter-spacing: 0;
+ --leo-typography-browser-small-regular-line-height: 15.6px;
+ --leo-typography-browser-small-regular-paragraph-indent: 0;
+ --leo-typography-browser-small-regular-paragraph-spacing: 0;
+ --leo-typography-browser-small-semibold-font-size: 13px;
+ --leo-typography-browser-small-semibold-font-weight: 600px;
+ --leo-typography-browser-small-semibold-letter-spacing: 0;
+ --leo-typography-browser-small-semibold-line-height: 15.6px;
+ --leo-typography-browser-small-semibold-paragraph-indent: 0;
+ --leo-typography-browser-small-semibold-paragraph-spacing: 0;
+ --leo-typography-browser-x-small-regular-font-size: 12px;
+ --leo-typography-browser-x-small-regular-font-weight: 400px;
+ --leo-typography-browser-x-small-regular-letter-spacing: 0;
+ --leo-typography-browser-x-small-regular-line-height: 14.4px;
+ --leo-typography-browser-x-small-regular-paragraph-indent: 0;
+ --leo-typography-browser-x-small-regular-paragraph-spacing: 0;
+ --leo-typography-browser-x-small-semibold-font-size: 12px;
+ --leo-typography-browser-x-small-semibold-font-weight: 600px;
+ --leo-typography-browser-x-small-semibold-letter-spacing: 0;
+ --leo-typography-browser-x-small-semibold-line-height: 14.4px;
+ --leo-typography-browser-x-small-semibold-paragraph-indent: 0;
+ --leo-typography-browser-x-small-semibold-paragraph-spacing: 0;
+ --leo-typography-heading-display1-font-size: 52px;
+ --leo-typography-heading-display1-font-weight: 500px;
+ --leo-typography-heading-display1-letter-spacing: 0;
+ --leo-typography-heading-display1-line-height: 68px;
+ --leo-typography-heading-display1-paragraph-indent: 0;
+ --leo-typography-heading-display1-paragraph-spacing: 0;
+ --leo-typography-heading-display2-font-size: 36px;
+ --leo-typography-heading-display2-font-weight: 500px;
+ --leo-typography-heading-display2-letter-spacing: 0;
+ --leo-typography-heading-display2-line-height: 46px;
+ --leo-typography-heading-display2-paragraph-indent: 0;
+ --leo-typography-heading-display2-paragraph-spacing: 0;
+ --leo-typography-heading-h1-font-size: 32px;
+ --leo-typography-heading-h1-font-weight: 500px;
+ --leo-typography-heading-h1-letter-spacing: 0;
+ --leo-typography-heading-h1-line-height: 42px;
+ --leo-typography-heading-h1-paragraph-indent: 0;
+ --leo-typography-heading-h1-paragraph-spacing: 0;
+ --leo-typography-heading-h2-font-size: 28px;
+ --leo-typography-heading-h2-font-weight: 500px;
+ --leo-typography-heading-h2-letter-spacing: 0;
+ --leo-typography-heading-h2-line-height: 36px;
+ --leo-typography-heading-h2-paragraph-indent: 0;
+ --leo-typography-heading-h2-paragraph-spacing: 0;
+ --leo-typography-heading-h3-font-size: 22px;
+ --leo-typography-heading-h3-font-weight: 500px;
+ --leo-typography-heading-h3-letter-spacing: 0;
+ --leo-typography-heading-h3-line-height: 28px;
+ --leo-typography-heading-h3-paragraph-indent: 0;
+ --leo-typography-heading-h3-paragraph-spacing: 0;
+ --leo-typography-heading-h4-font-size: 16px;
+ --leo-typography-heading-h4-font-weight: 600px;
+ --leo-typography-heading-h4-letter-spacing: 0;
+ --leo-typography-heading-h4-line-height: 26px;
+ --leo-typography-heading-h4-paragraph-indent: 0;
+ --leo-typography-heading-h4-paragraph-spacing: 0;
+ --leo-typography-large-regular-font-size: 16px;
+ --leo-typography-large-regular-font-weight: 400px;
+ --leo-typography-large-regular-letter-spacing: -0.2px;
+ --leo-typography-large-regular-line-height: 26px;
+ --leo-typography-large-regular-paragraph-indent: 0;
+ --leo-typography-large-regular-paragraph-spacing: 0;
+ --leo-typography-large-semibold-font-size: 16px;
+ --leo-typography-large-semibold-font-weight: 600px;
+ --leo-typography-large-semibold-letter-spacing: -0.2px;
+ --leo-typography-large-semibold-line-height: 26px;
+ --leo-typography-large-semibold-paragraph-indent: 0;
+ --leo-typography-large-semibold-paragraph-spacing: 0;
+ --leo-typography-default-regular-font-size: 14px;
+ --leo-typography-default-regular-font-weight: 400px;
+ --leo-typography-default-regular-letter-spacing: -0.1px;
+ --leo-typography-default-regular-line-height: 22px;
+ --leo-typography-default-regular-paragraph-indent: 0;
+ --leo-typography-default-regular-paragraph-spacing: 0;
+ --leo-typography-default-semibold-font-size: 14px;
+ --leo-typography-default-semibold-font-weight: 600px;
+ --leo-typography-default-semibold-letter-spacing: -0.1px;
+ --leo-typography-default-semibold-line-height: 22px;
+ --leo-typography-default-semibold-paragraph-indent: 0;
+ --leo-typography-default-semibold-paragraph-spacing: 0;
+ --leo-typography-small-regular-font-size: 12px;
+ --leo-typography-small-regular-font-weight: 400px;
+ --leo-typography-small-regular-letter-spacing: 0;
+ --leo-typography-small-regular-line-height: 20px;
+ --leo-typography-small-regular-paragraph-indent: 0;
+ --leo-typography-small-regular-paragraph-spacing: 0;
+ --leo-typography-small-semibold-font-size: 12px;
+ --leo-typography-small-semibold-font-weight: 600px;
+ --leo-typography-small-semibold-letter-spacing: 0;
+ --leo-typography-small-semibold-line-height: 20px;
+ --leo-typography-small-semibold-paragraph-indent: 0;
+ --leo-typography-small-semibold-paragraph-spacing: 0;
+ --leo-typography-x-small-regular-font-size: 11px;
+ --leo-typography-x-small-regular-font-weight: 400px;
+ --leo-typography-x-small-regular-letter-spacing: 0;
+ --leo-typography-x-small-regular-line-height: 18px;
+ --leo-typography-x-small-regular-paragraph-indent: 0;
+ --leo-typography-x-small-regular-paragraph-spacing: 0;
+ --leo-typography-x-small-semibold-font-size: 11px;
+ --leo-typography-x-small-semibold-font-weight: 600px;
+ --leo-typography-x-small-semibold-letter-spacing: 0;
+ --leo-typography-x-small-semibold-line-height: 18px;
+ --leo-typography-x-small-semibold-paragraph-indent: 0;
+ --leo-typography-x-small-semibold-paragraph-spacing: 0;
--leo-typography-monospace-large-font-size: 16px;
--leo-typography-monospace-large-font-weight: 400px;
--leo-typography-monospace-large-letter-spacing: 0;
- --leo-typography-monospace-large-line-height: 28px;
+ --leo-typography-monospace-large-line-height: 26px;
--leo-typography-monospace-large-paragraph-indent: 0;
--leo-typography-monospace-large-paragraph-spacing: 0;
--leo-typography-monospace-default-font-size: 14px;
--leo-typography-monospace-default-font-weight: 400px;
--leo-typography-monospace-default-letter-spacing: 0;
- --leo-typography-monospace-default-line-height: 24px;
+ --leo-typography-monospace-default-line-height: 22px;
--leo-typography-monospace-default-paragraph-indent: 0;
--leo-typography-monospace-default-paragraph-spacing: 0;
--leo-typography-monospace-small-font-size: 12px;
--leo-typography-monospace-small-font-weight: 400px;
--leo-typography-monospace-small-letter-spacing: 0;
- --leo-typography-monospace-small-line-height: 18px;
+ --leo-typography-monospace-small-line-height: 20px;
--leo-typography-monospace-small-paragraph-indent: 0;
--leo-typography-monospace-small-paragraph-spacing: 0;
- --leo-typography-mobile-primary-heading-display1-font-size: 32px;
- --leo-typography-mobile-primary-heading-display1-font-weight: 500px;
- --leo-typography-mobile-primary-heading-display1-letter-spacing: 0;
- --leo-typography-mobile-primary-heading-display1-line-height: 48px;
- --leo-typography-mobile-primary-heading-display1-paragraph-indent: 0;
- --leo-typography-mobile-primary-heading-display1-paragraph-spacing: 0;
- --leo-typography-mobile-primary-heading-display2-font-size: 28px;
- --leo-typography-mobile-primary-heading-display2-font-weight: 500px;
- --leo-typography-mobile-primary-heading-display2-letter-spacing: 0;
- --leo-typography-mobile-primary-heading-display2-line-height: 42px;
- --leo-typography-mobile-primary-heading-display2-paragraph-indent: 0;
- --leo-typography-mobile-primary-heading-display2-paragraph-spacing: 0;
- --leo-typography-mobile-primary-heading-h1-font-size: 28px;
- --leo-typography-mobile-primary-heading-h1-font-weight: 500px;
- --leo-typography-mobile-primary-heading-h1-letter-spacing: 0;
- --leo-typography-mobile-primary-heading-h1-line-height: 40px;
- --leo-typography-mobile-primary-heading-h1-paragraph-indent: 0;
- --leo-typography-mobile-primary-heading-h1-paragraph-spacing: 0;
- --leo-typography-mobile-primary-heading-h2-font-size: 22px;
- --leo-typography-mobile-primary-heading-h2-font-weight: 500px;
- --leo-typography-mobile-primary-heading-h2-letter-spacing: 0;
- --leo-typography-mobile-primary-heading-h2-line-height: 32px;
- --leo-typography-mobile-primary-heading-h2-paragraph-indent: 0;
- --leo-typography-mobile-primary-heading-h2-paragraph-spacing: 0;
- --leo-typography-mobile-primary-heading-h3-font-size: 18px;
- --leo-typography-mobile-primary-heading-h3-font-weight: 500px;
- --leo-typography-mobile-primary-heading-h3-letter-spacing: 0;
- --leo-typography-mobile-primary-heading-h3-line-height: 28px;
- --leo-typography-mobile-primary-heading-h3-paragraph-indent: 0;
- --leo-typography-mobile-primary-heading-h3-paragraph-spacing: 0;
- --leo-typography-mobile-primary-heading-h4-font-size: 16px;
- --leo-typography-mobile-primary-heading-h4-font-weight: 600px;
- --leo-typography-mobile-primary-heading-h4-letter-spacing: 0;
- --leo-typography-mobile-primary-heading-h4-line-height: 24px;
- --leo-typography-mobile-primary-heading-h4-paragraph-indent: 0;
- --leo-typography-mobile-primary-heading-h4-paragraph-spacing: 0;
+ --leo-typography-mobile-heading-display1-font-size: 32px;
+ --leo-typography-mobile-heading-display1-font-weight: 500px;
+ --leo-typography-mobile-heading-display1-letter-spacing: 0;
+ --leo-typography-mobile-heading-display1-line-height: 42px;
+ --leo-typography-mobile-heading-display1-paragraph-indent: 0;
+ --leo-typography-mobile-heading-display1-paragraph-spacing: 0;
+ --leo-typography-mobile-heading-display2-font-size: 28px;
+ --leo-typography-mobile-heading-display2-font-weight: 500px;
+ --leo-typography-mobile-heading-display2-letter-spacing: 0;
+ --leo-typography-mobile-heading-display2-line-height: 36px;
+ --leo-typography-mobile-heading-display2-paragraph-indent: 0;
+ --leo-typography-mobile-heading-display2-paragraph-spacing: 0;
+ --leo-typography-mobile-heading-h1-font-size: 28px;
+ --leo-typography-mobile-heading-h1-font-weight: 500px;
+ --leo-typography-mobile-heading-h1-letter-spacing: 0;
+ --leo-typography-mobile-heading-h1-line-height: 36px;
+ --leo-typography-mobile-heading-h1-paragraph-indent: 0;
+ --leo-typography-mobile-heading-h1-paragraph-spacing: 0;
+ --leo-typography-mobile-heading-h2-font-size: 22px;
+ --leo-typography-mobile-heading-h2-font-weight: 500px;
+ --leo-typography-mobile-heading-h2-letter-spacing: 0;
+ --leo-typography-mobile-heading-h2-line-height: 28px;
+ --leo-typography-mobile-heading-h2-paragraph-indent: 0;
+ --leo-typography-mobile-heading-h2-paragraph-spacing: 0;
+ --leo-typography-mobile-heading-h3-font-size: 18px;
+ --leo-typography-mobile-heading-h3-font-weight: 500px;
+ --leo-typography-mobile-heading-h3-letter-spacing: 0;
+ --leo-typography-mobile-heading-h3-line-height: 26px;
+ --leo-typography-mobile-heading-h3-paragraph-indent: 0;
+ --leo-typography-mobile-heading-h3-paragraph-spacing: 0;
+ --leo-typography-mobile-heading-h4-font-size: 16px;
+ --leo-typography-mobile-heading-h4-font-weight: 600px;
+ --leo-typography-mobile-heading-h4-letter-spacing: 0;
+ --leo-typography-mobile-heading-h4-line-height: 26px;
+ --leo-typography-mobile-heading-h4-paragraph-indent: 0;
+ --leo-typography-mobile-heading-h4-paragraph-spacing: 0;
--leo-typography-components-label-font-size: 10px;
- --leo-typography-components-label-font-weight: 600px;
- --leo-typography-components-label-letter-spacing: 0.4px;
+ --leo-typography-components-label-font-weight: 700px;
+ --leo-typography-components-label-letter-spacing: 0;
--leo-typography-components-label-line-height: 12px;
--leo-typography-components-label-paragraph-indent: 0;
--leo-typography-components-label-paragraph-spacing: 0;
--leo-typography-components-tableheader-font-size: 13px;
--leo-typography-components-tableheader-font-weight: 500px;
- --leo-typography-components-tableheader-letter-spacing: 0;
- --leo-typography-components-tableheader-line-height: 20px;
+ --leo-typography-components-tableheader-letter-spacing: -0.1px;
+ --leo-typography-components-tableheader-line-height: 15.6px;
--leo-typography-components-tableheader-paragraph-indent: 0;
--leo-typography-components-tableheader-paragraph-spacing: 0;
- --leo-typography-components-navbutton-font-size: 15px;
+ --leo-typography-components-navbutton-font-size: 14px;
--leo-typography-components-navbutton-font-weight: 600px;
- --leo-typography-components-navbutton-letter-spacing: 0.3px;
- --leo-typography-components-navbutton-line-height: 20px;
+ --leo-typography-components-navbutton-letter-spacing: 0;
+ --leo-typography-components-navbutton-line-height: 22px;
--leo-typography-components-navbutton-paragraph-indent: 0;
--leo-typography-components-navbutton-paragraph-spacing: 0;
--leo-typography-components-button-small-font-size: 12px;
--leo-typography-components-button-small-font-weight: 600px;
--leo-typography-components-button-small-letter-spacing: 0.36px;
- --leo-typography-components-button-small-line-height: 16px;
+ --leo-typography-components-button-small-line-height: 20px;
--leo-typography-components-button-small-paragraph-indent: 0;
--leo-typography-components-button-small-paragraph-spacing: 0;
--leo-typography-components-button-default-font-size: 13px;
--leo-typography-components-button-default-font-weight: 600px;
--leo-typography-components-button-default-letter-spacing: 0.39px;
- --leo-typography-components-button-default-line-height: 20px;
+ --leo-typography-components-button-default-line-height: 21px;
--leo-typography-components-button-default-paragraph-indent: 0;
--leo-typography-components-button-default-paragraph-spacing: 0;
--leo-typography-components-button-large-font-size: 14px;
@@ -421,9 +267,59 @@
--leo-typography-components-button-jumbo-font-size: 16px;
--leo-typography-components-button-jumbo-font-weight: 600px;
--leo-typography-components-button-jumbo-letter-spacing: 0.16px;
- --leo-typography-components-button-jumbo-line-height: 24px;
+ --leo-typography-components-button-jumbo-line-height: 22px;
--leo-typography-components-button-jumbo-paragraph-indent: 0;
--leo-typography-components-button-jumbo-paragraph-spacing: 0;
+ --leo-color-private-window-text-primary: rgb(245, 243, 255);
+ --leo-color-private-window-text-secondary: rgb(204, 190, 254);
+ --leo-color-private-window-text-tertiary: rgb(163, 128, 255);
+ --leo-color-private-window-text-disabled: rgba(238, 235, 255, 0.5);
+ --leo-color-private-window-text-interactive: rgb(124, 145, 255);
+ --leo-color-private-window-icon-default: rgb(163, 128, 255);
+ --leo-color-private-window-icon-disabled: rgba(163, 128, 255, 0.5);
+ --leo-color-private-window-icon-active: rgb(124, 145, 255);
+ --leo-color-private-window-browserbutton-background-hover: rgba(0, 0, 0, 0.25);
+ --leo-color-private-window-browserbutton-background-active: rgba(0, 0, 0, 0.4);
+ --leo-color-private-window-tabswitcher-button: rgb(42, 13, 88);
+ --leo-color-private-window-tabswitcher-background: rgb(61, 18, 123);
+ --leo-color-private-window-container-background-desktop: rgb(19, 5, 42);
+ --leo-color-private-window-container-background-mobile: rgb(42, 13, 88);
+ --leo-color-private-window-container-interactive: rgb(22, 16, 101);
+ --leo-color-private-window-container-scrim: rgba(19, 5, 42, 0.7);
+ --leo-color-private-window-chrome-background-desktop: rgb(42, 13, 88);
+ --leo-color-private-window-chrome-background-mobile: rgb(19, 5, 42);
+ --leo-color-private-window-divider-subtle: rgba(123, 99, 191, 0.4);
+ --leo-color-private-window-divider-strong: rgba(163, 128, 255, 0.4);
+ --leo-color-private-window-tabbar-tabbar-background: rgb(19, 5, 42);
+ --leo-color-private-window-tabbar-tabactive-background: rgb(61, 18, 123);
+ --leo-color-private-window-os-color: rgb(255, 255, 255);
+ --leo-color-private-window-group-text: rgb(116, 195, 142);
+ --leo-color-private-window-group-background: rgba(116, 195, 142, 0.25);
+ --leo-color-tor-window-text-primary: rgb(250, 242, 255);
+ --leo-color-tor-window-text-secondary: rgb(227, 179, 255);
+ --leo-color-tor-window-text-tertiary: rgb(199, 108, 246);
+ --leo-color-tor-window-text-disabled: rgba(246, 232, 255, 0.5);
+ --leo-color-tor-window-text-interactive: rgb(124, 145, 255);
+ --leo-color-tor-window-icon-default: rgb(199, 108, 246);
+ --leo-color-tor-window-icon-disabled: rgba(199, 108, 246, 0.5);
+ --leo-color-tor-window-icon-active: rgb(124, 145, 255);
+ --leo-color-tor-window-browserbutton-background-hover: rgba(0, 0, 0, 0.25);
+ --leo-color-tor-window-browserbutton-background-active: rgba(0, 0, 0, 0.4);
+ --leo-color-tor-window-tabswitcher-button: rgb(53, 11, 73);
+ --leo-color-tor-window-tabswitcher-background: rgb(76, 15, 103);
+ --leo-color-tor-window-container-background-desktop: rgb(25, 4, 35);
+ --leo-color-tor-window-container-background-mobile: rgb(53, 11, 73);
+ --leo-color-tor-window-container-interactive: rgb(22, 16, 101);
+ --leo-color-tor-window-container-scrim: rgba(25, 4, 35, 0.7);
+ --leo-color-tor-window-chrome-background-desktop: rgb(53, 11, 73);
+ --leo-color-tor-window-chrome-background-mobile: rgb(25, 4, 35);
+ --leo-color-tor-window-divider-subtle: rgba(145, 94, 174, 0.4);
+ --leo-color-tor-window-divider-strong: rgba(199, 108, 246, 0.4);
+ --leo-color-tor-window-tabbar-tabbar-background: rgb(25, 4, 35);
+ --leo-color-tor-window-tabbar-tabactive-background: rgb(76, 15, 103);
+ --leo-color-tor-window-os-color: rgb(255, 255, 255);
+ --leo-color-tor-window-group-text: rgb(116, 195, 142);
+ --leo-color-tor-window-group-background: rgba(116, 195, 142, 0.25);
--leo-color-primitive-gray-1: rgb(246, 247, 248);
--leo-color-primitive-gray-10: rgb(237, 238, 241);
--leo-color-primitive-gray-20: rgb(219, 222, 226);
@@ -562,18 +458,20 @@
--leo-color-primitive-brands-bravelion: rgb(254, 89, 7);
--leo-color-white: rgb(255, 255, 255);
--leo-color-black: rgb(0, 0, 0);
- --leo-gradient-hero: linear-gradient(138.21219643124405deg, rgb(134, 10, 194) 7.000000000000001%, rgb(230, 25, 135) 68%, rgb(255, 71, 26) 96%);
+ --leo-gradient-hero: linear-gradient(179.24640957924876deg, rgb(255, 85, 0) 0%, rgb(245, 0, 45) 100%);
--leo-gradient-icons-active: linear-gradient(321.5013256215316deg, rgb(250, 114, 80) 3%, rgb(255, 24, 147) 40%, rgb(167, 138, 255) 99%);
--leo-gradient-panel-background: linear-gradient(134.9999995731132deg, rgb(48, 6, 201) 0%, rgb(63, 57, 232) 100%);
--leo-gradient-panel-background-alternative: linear-gradient(134.9999995731132deg, rgb(63, 57, 232) 0%, rgb(135, 36, 168) 100%);
- --leo-gradient-toolbar-background: linear-gradient(134.9999995731132deg, rgb(231, 48, 79) 0%, rgb(178, 15, 150) 100%);
+ --leo-gradient-premiumindicator: linear-gradient(127.06278645486384deg, rgb(63, 57, 232) 0%, rgb(0, 186, 214) 100%);
+ --leo-gradient-toolbar-background: linear-gradient(314.9161155270921deg, rgb(236, 19, 73) 0%, rgb(212, 17, 115) 100%);
--leo-gradient-brave-release: linear-gradient(90deg, rgb(255, 85, 0) 0%, rgb(255, 85, 0) 33%, rgb(255, 32, 0) 67%, rgb(255, 32, 0) 100%);
--leo-gradient-brave-beta: linear-gradient(90deg, rgb(0, 153, 229) 0%, rgb(0, 89, 178) 50%, rgb(0, 43, 128) 100%);
--leo-gradient-brave-nightly: linear-gradient(90deg, rgb(144, 30, 225) 0%, rgb(101, 20, 158) 51%, rgb(72, 15, 113) 100%);
--leo-gradient-brave-debug: linear-gradient(90deg, rgb(108, 116, 147) 0%, rgb(87, 93, 117) 51%, rgb(54, 58, 73) 100%);
+ --leo-gradient-hero-legacy: linear-gradient(138.21219643124405deg, rgb(134, 10, 194) 7.000000000000001%, rgb(230, 25, 135) 68%, rgb(255, 71, 26) 96%);
--leo-effect-focus-state: 0px 0px 0px 1px rgba(255, 255, 255, 0.3), 0px 0px 0px 2px rgb(63, 57, 232);
- --leo-effect-notificationbackdrop-1: 0px 0px 12px 0px rgba(0, 0, 0, 0.12);
- --leo-effect-notificationbackdrop-2: 0px 0px 4px 0px rgba(0, 0, 0, 0.08);
+ --leo-effect-notificationbackdrop-1: 0px 2px 8px 0px rgba(0, 0, 0, 0.08);
+ --leo-effect-notificationbackdrop-2: 0px 1px 1px 0px rgba(0, 0, 0, 0.05);
--leo-effect-notificationbackdrop-3: inset 0px 0px 1px 0px rgba(255, 255, 255, 0.1);
--leo-radius-2xs: 1px;
--leo-radius-xs: 2px;
@@ -582,6 +480,7 @@
--leo-radius-l: 12px;
--leo-radius-xl: 16px;
--leo-radius-full: 1000px;
+ --leo-spacing-none: 0px;
--leo-spacing-xs: 2px;
--leo-spacing-s: 4px;
--leo-spacing-m: 8px;
@@ -604,56 +503,80 @@
@media (prefers-color-scheme: light) {
:root {
- --leo-color-legacy-background1: rgb(255, 255, 255);
- --leo-color-legacy-background2: rgb(248, 249, 250);
- --leo-color-legacy-text1: rgb(33, 37, 41);
- --leo-color-legacy-text2: rgb(73, 80, 87);
- --leo-color-legacy-text3: rgb(134, 142, 150);
- --leo-color-legacy-interactive1: rgb(234, 58, 13);
- --leo-color-legacy-interactive2: rgb(251, 84, 43);
- --leo-color-legacy-interactive3: rgb(255, 118, 84);
- --leo-color-legacy-interactive4: rgb(53, 61, 171);
- --leo-color-legacy-interactive5: rgb(76, 84, 210);
- --leo-color-legacy-interactive6: rgb(115, 122, 222);
- --leo-color-legacy-interactive7: rgb(33, 37, 41);
- --leo-color-legacy-interactive8: rgb(174, 177, 194);
- --leo-color-legacy-disabled: rgb(218, 220, 232);
- --leo-color-legacy-focus-border: rgb(160, 165, 235);
- --leo-color-legacy-divider1: rgb(233, 233, 244);
--leo-color-text-primary: rgb(13, 15, 20);
--leo-color-text-secondary: rgb(63, 72, 85);
--leo-color-text-tertiary: rgb(104, 116, 133);
+ --leo-color-text-disabled: rgba(33, 36, 42, 0.5);
--leo-color-text-interactive: rgb(63, 57, 232);
--leo-color-text-interactive-visited: rgb(163, 37, 100);
- --leo-color-text-disabled: rgba(33, 36, 42, 0.5);
--leo-color-icon-default: rgb(104, 116, 133);
- --leo-color-icon-interactive: rgb(63, 57, 232);
--leo-color-icon-disabled: rgba(104, 116, 133, 0.5);
- --leo-color-button-background: rgb(63, 57, 232);
- --leo-color-button-disabled: rgba(104, 116, 133, 0.3);
+ --leo-color-icon-active: rgb(63, 57, 232);
+ --leo-color-icon-interactive: rgb(63, 57, 232);
+ --leo-color-browserbutton-background-hover: rgba(0, 0, 0, 0.05);
+ --leo-color-browserbutton-background-active: rgba(0, 0, 0, 0.1);
+ --leo-color-tabswitcher-button: rgb(255, 255, 255);
+ --leo-color-tabswitcher-background: rgb(246, 247, 248);
+ --leo-color-container-background-desktop: rgb(255, 255, 255);
+ --leo-color-container-background-mobile: rgb(255, 255, 255);
+ --leo-color-container-interactive: rgb(233, 238, 255);
+ --leo-color-container-scrim: rgba(13, 15, 20, 0.35);
--leo-color-container-background: rgb(255, 255, 255);
--leo-color-container-highlight: rgb(237, 238, 241);
- --leo-color-container-interactive: rgb(233, 238, 255);
--leo-color-container-disabled: rgba(63, 72, 85, 0.18);
- --leo-color-page-background: rgb(246, 247, 248);
+ --leo-color-chrome-background-desktop: rgb(246, 247, 248);
+ --leo-color-chrome-background-mobile: rgb(246, 247, 248);
--leo-color-divider-subtle: rgba(161, 171, 186, 0.4);
--leo-color-divider-strong: rgba(104, 116, 133, 0.4);
--leo-color-divider-interactive: rgba(124, 145, 255, 0.4);
+ --leo-color-tabbar-tabbar-background: rgb(237, 238, 241);
+ --leo-color-tabbar-tabactive-background: rgb(255, 255, 255);
+ --leo-color-os-color: rgb(0, 0, 0);
+ --leo-color-group-text: rgb(18, 117, 55);
+ --leo-color-group-background: rgba(18, 117, 55, 0.15);
+ --leo-color-glass-container: rgba(255, 255, 255, 0.3);
+ --leo-color-glass-5: rgba(28, 30, 38, 0.05);
+ --leo-color-glass-10: rgba(28, 30, 38, 0.1);
+ --leo-color-glass-25: rgba(28, 30, 38, 0.25);
+ --leo-color-glass-50: rgba(28, 30, 38, 0.5);
+ --leo-color-glass-70: rgba(28, 30, 38, 0.7);
+ --leo-color-glass-100: rgb(28, 30, 38);
+ --leo-color-links-adbackground-default: rgba(24, 65, 210, 0.03);
+ --leo-color-links-adbackground-hover: rgba(24, 65, 210, 0.08);
+ --leo-color-links-link-default: rgb(24, 65, 210);
+ --leo-color-tabs-background-default: rgb(166, 174, 192);
+ --leo-color-tabs-background-hover: rgb(150, 160, 181);
+ --leo-color-tabs-line-default: rgb(84, 131, 237);
+ --leo-color-tabs-line-hover: rgb(56, 97, 251);
+ --leo-color-tabs-searchtext-default: rgb(255, 96, 34);
+ --leo-color-search-serpheader-background: rgb(249, 250, 253);
+ --leo-color-search-serppage-background: rgb(242, 244, 247);
+ --leo-color-search-serpcontainer-background: rgb(255, 255, 255);
+ --leo-color-search-serphighlight-background: rgb(237, 238, 241);
+ --leo-color-search-serp-breadcrumbs: rgb(149, 153, 169);
+ --leo-color-search-infoboxtitle: rgb(8, 119, 131);
+ --leo-color-search-searchbarbg: rgb(255, 255, 255);
+ --leo-color-search-landingpage-background: rgb(238, 242, 246);
+ --leo-color-button-background: rgb(63, 57, 232);
+ --leo-color-button-disabled: rgba(104, 116, 133, 0.3);
+ --leo-color-button-error-background: rgb(225, 31, 61);
+ --leo-color-button-success-background: rgb(60, 130, 60);
+ --leo-color-page-background: rgb(246, 247, 248);
--leo-color-dialogs-scrim-background: rgba(13, 15, 20, 0.35);
--leo-color-dialogs-frosted-glass-background: rgba(255, 255, 255, 0.97);
--leo-color-dialogs-divider: rgba(33, 36, 42, 0.1);
--leo-color-dialogs-button-transparent-default: rgba(13, 15, 20, 0.35);
--leo-color-dialogs-button-transparent-hover: rgba(13, 15, 20, 0.5);
- --leo-color-systemfeedback-info-text: rgb(0, 72, 130);
+ --leo-color-systemfeedback-info-text: rgb(0, 97, 170);
--leo-color-systemfeedback-info-icon: rgb(16, 117, 201);
--leo-color-systemfeedback-info-background: rgb(226, 240, 255);
- --leo-color-systemfeedback-success-text: rgb(16, 86, 20);
+ --leo-color-systemfeedback-success-text: rgb(25, 114, 30);
--leo-color-systemfeedback-success-icon: rgb(60, 130, 60);
--leo-color-systemfeedback-success-background: rgb(224, 252, 222);
- --leo-color-systemfeedback-warning-text: rgb(93, 66, 0);
+ --leo-color-systemfeedback-warning-text: rgb(117, 91, 0);
--leo-color-systemfeedback-warning-icon: rgb(140, 111, 3);
--leo-color-systemfeedback-warning-background: rgb(252, 243, 217);
- --leo-color-systemfeedback-error-text: rgb(137, 0, 30);
+ --leo-color-systemfeedback-error-text: rgb(179, 0, 42);
--leo-color-systemfeedback-error-icon: rgb(225, 31, 61);
--leo-color-systemfeedback-error-background: rgb(255, 232, 231);
--leo-color-gray-10: rgb(246, 247, 248);
@@ -740,69 +663,113 @@
--leo-color-tor-window-50: rgb(120, 69, 147);
--leo-color-tor-window-60: rgb(94, 44, 120);
--leo-color-tor-window-70: rgb(53, 11, 73);
- --leo-effect-elevation-01: 0px 1px 4px 0px rgba(0, 0, 0, 0.07);
- --leo-effect-elevation-02: 0px 3px 10px -1px rgba(0, 0, 0, 0.05);
- --leo-effect-elevation-03: 0px 4px 16px -2px rgba(0, 0, 0, 0.08);
- --leo-effect-elevation-04: 0px 4px 24px -1px rgba(0, 0, 0, 0.06);
- --leo-effect-elevation-05: 0px 6px 32px -2px rgba(0, 0, 0, 0.06);
- --leo-effect-elevation-06: 0px 10px 48px 0px rgba(0, 0, 0, 0.06);
- --leo-effect-elevation-07: 0px 8px 64px 0px rgba(0, 0, 0, 0.06);
- }
-}
-
-@media (prefers-color-scheme: dark) {
- :root {
- --leo-color-legacy-background1: rgb(30, 32, 41);
- --leo-color-legacy-background2: rgb(23, 23, 31);
- --leo-color-legacy-text1: rgb(240, 242, 255);
- --leo-color-legacy-text2: rgb(194, 196, 207);
- --leo-color-legacy-text3: rgb(132, 136, 156);
+ --leo-color-material-thick: rgba(255, 255, 255, 0.95);
+ --leo-color-material-regular: rgba(255, 255, 255, 0.73);
+ --leo-color-material-thin: rgba(255, 255, 255, 0.56);
+ --leo-color-material-ultrathin: rgba(255, 255, 255, 0.32);
+ --leo-color-legacy-background1: rgb(255, 255, 255);
+ --leo-color-legacy-background2: rgb(248, 249, 250);
+ --leo-color-legacy-text1: rgb(33, 37, 41);
+ --leo-color-legacy-text2: rgb(73, 80, 87);
+ --leo-color-legacy-text3: rgb(134, 142, 150);
--leo-color-legacy-interactive1: rgb(234, 58, 13);
--leo-color-legacy-interactive2: rgb(251, 84, 43);
--leo-color-legacy-interactive3: rgb(255, 118, 84);
--leo-color-legacy-interactive4: rgb(53, 61, 171);
--leo-color-legacy-interactive5: rgb(76, 84, 210);
--leo-color-legacy-interactive6: rgb(115, 122, 222);
- --leo-color-legacy-interactive7: rgb(240, 242, 255);
- --leo-color-legacy-interactive8: rgb(94, 97, 117);
- --leo-color-legacy-disabled: rgb(52, 58, 64);
+ --leo-color-legacy-interactive7: rgb(33, 37, 41);
+ --leo-color-legacy-interactive8: rgb(174, 177, 194);
+ --leo-color-legacy-disabled: rgb(218, 220, 232);
--leo-color-legacy-focus-border: rgb(160, 165, 235);
- --leo-color-legacy-divider1: rgb(59, 62, 79);
+ --leo-color-legacy-divider1: rgb(233, 233, 244);
+ --leo-effect-elevation-01: 0px 1px 0px 0px rgba(0, 0, 0, 0.04), 0px 1px 4px 0px rgba(0, 0, 0, 0.07);
+ --leo-effect-elevation-02: 0px 1px 0px 0px rgba(0, 0, 0, 0.04), 0px 3px 10px -1px rgba(0, 0, 0, 0.05);
+ --leo-effect-elevation-03: 0px 1px 0px 0px rgba(0, 0, 0, 0.04), 0px 4px 16px -2px rgba(0, 0, 0, 0.08);
+ --leo-effect-elevation-04: 0px 1px 0px 0px rgba(0, 0, 0, 0.04), 0px 4px 24px -1px rgba(0, 0, 0, 0.06);
+ --leo-effect-elevation-05: 0px 1px 0px 0px rgba(0, 0, 0, 0.04), 0px 6px 32px -2px rgba(0, 0, 0, 0.06);
+ --leo-effect-elevation-06: 0px 1px 0px 0px rgba(0, 0, 0, 0.04), 0px 10px 48px 0px rgba(0, 0, 0, 0.06);
+ --leo-effect-elevation-07: 0px 1px 0px 0px rgba(0, 0, 0, 0.04), 0px 8px 64px 0px rgba(0, 0, 0, 0.06);
+ }
+}
+
+@media (prefers-color-scheme: dark) {
+ :root {
--leo-color-text-primary: rgb(246, 247, 248);
--leo-color-text-secondary: rgb(219, 222, 226);
--leo-color-text-tertiary: rgb(161, 171, 186);
+ --leo-color-text-disabled: rgba(237, 238, 241, 0.5);
--leo-color-text-interactive: rgb(124, 145, 255);
--leo-color-text-interactive-visited: rgb(248, 85, 162);
- --leo-color-text-disabled: rgba(237, 238, 241, 0.5);
--leo-color-icon-default: rgb(161, 171, 186);
- --leo-color-icon-interactive: rgb(124, 145, 255);
--leo-color-icon-disabled: rgba(104, 116, 133, 0.5);
- --leo-color-button-background: rgb(63, 57, 232);
- --leo-color-button-disabled: rgba(104, 116, 133, 0.3);
+ --leo-color-icon-active: rgb(124, 145, 255);
+ --leo-color-icon-interactive: rgb(124, 145, 255);
+ --leo-color-browserbutton-background-hover: rgba(0, 0, 0, 0.25);
+ --leo-color-browserbutton-background-active: rgba(0, 0, 0, 0.4);
+ --leo-color-tabswitcher-button: rgb(33, 36, 42);
+ --leo-color-tabswitcher-background: rgb(48, 52, 61);
+ --leo-color-container-background-desktop: rgb(13, 15, 20);
+ --leo-color-container-background-mobile: rgb(33, 36, 42);
+ --leo-color-container-interactive: rgb(22, 16, 101);
+ --leo-color-container-scrim: rgba(13, 15, 20, 0.7);
--leo-color-container-background: rgb(13, 15, 20);
--leo-color-container-highlight: rgb(33, 36, 42);
- --leo-color-container-interactive: rgb(22, 16, 101);
--leo-color-container-disabled: rgba(195, 201, 211, 0.18);
- --leo-color-page-background: rgb(0, 0, 0);
+ --leo-color-chrome-background-desktop: rgb(33, 36, 42);
+ --leo-color-chrome-background-mobile: rgb(13, 15, 20);
--leo-color-divider-subtle: rgba(104, 116, 133, 0.4);
- --leo-color-divider-strong: rgba(104, 116, 133, 0.4);
+ --leo-color-divider-strong: rgba(161, 171, 186, 0.4);
--leo-color-divider-interactive: rgba(124, 145, 255, 0.4);
+ --leo-color-tabbar-tabbar-background: rgb(13, 15, 20);
+ --leo-color-tabbar-tabactive-background: rgb(48, 52, 61);
+ --leo-color-os-color: rgb(255, 255, 255);
+ --leo-color-group-text: rgb(116, 195, 142);
+ --leo-color-group-background: rgba(116, 195, 142, 0.25);
+ --leo-color-glass-container: rgba(255, 255, 255, 0.05);
+ --leo-color-glass-5: rgba(255, 255, 255, 0.05);
+ --leo-color-glass-10: rgba(255, 255, 255, 0.1);
+ --leo-color-glass-25: rgba(255, 255, 255, 0.25);
+ --leo-color-glass-50: rgba(255, 255, 255, 0.5);
+ --leo-color-glass-70: rgba(255, 255, 255, 0.7);
+ --leo-color-glass-100: rgb(255, 255, 255);
+ --leo-color-links-adbackground-default: rgba(119, 153, 229, 0.08);
+ --leo-color-links-adbackground-hover: rgba(119, 153, 229, 0.16);
+ --leo-color-links-link-default: rgb(119, 153, 229);
+ --leo-color-tabs-background-default: rgb(63, 71, 90);
+ --leo-color-tabs-background-hover: rgb(52, 59, 75);
+ --leo-color-tabs-line-default: rgb(56, 97, 251);
+ --leo-color-tabs-line-hover: rgb(56, 97, 251);
+ --leo-color-tabs-searchtext-default: rgb(255, 96, 34);
+ --leo-color-search-serpheader-background: rgb(26, 28, 35);
+ --leo-color-search-serppage-background: rgb(23, 25, 30);
+ --leo-color-search-serpcontainer-background: rgb(36, 39, 49);
+ --leo-color-search-serphighlight-background: rgb(48, 52, 61);
+ --leo-color-search-serp-breadcrumbs: rgb(175, 179, 193);
+ --leo-color-search-infoboxtitle: rgb(153, 123, 8);
+ --leo-color-search-searchbarbg: rgb(36, 39, 49);
+ --leo-color-search-landingpage-background: rgb(30, 32, 40);
+ --leo-color-button-background: rgb(63, 57, 232);
+ --leo-color-button-disabled: rgba(104, 116, 133, 0.3);
+ --leo-color-button-error-background: rgb(225, 31, 61);
+ --leo-color-button-success-background: rgb(60, 130, 60);
+ --leo-color-page-background: rgb(0, 0, 0);
--leo-color-dialogs-scrim-background: rgba(33, 36, 42, 0.7);
--leo-color-dialogs-frosted-glass-background: rgba(13, 15, 20, 0.9);
--leo-color-dialogs-divider: rgba(33, 36, 42, 0.65);
--leo-color-dialogs-button-transparent-default: rgba(13, 15, 20, 0.35);
--leo-color-dialogs-button-transparent-hover: rgba(13, 15, 20, 0.5);
- --leo-color-systemfeedback-info-text: rgb(199, 225, 255);
- --leo-color-systemfeedback-info-icon: rgb(16, 117, 201);
+ --leo-color-systemfeedback-info-text: rgb(160, 205, 255);
+ --leo-color-systemfeedback-info-icon: rgb(57, 159, 255);
--leo-color-systemfeedback-info-background: rgb(7, 37, 66);
- --leo-color-systemfeedback-success-text: rgb(224, 252, 222);
- --leo-color-systemfeedback-success-icon: rgb(60, 130, 60);
+ --leo-color-systemfeedback-success-text: rgb(148, 223, 145);
+ --leo-color-systemfeedback-success-icon: rgb(42, 186, 50);
--leo-color-systemfeedback-success-background: rgb(9, 44, 9);
- --leo-color-systemfeedback-warning-text: rgb(252, 243, 217);
- --leo-color-systemfeedback-warning-icon: rgb(140, 111, 3);
+ --leo-color-systemfeedback-warning-text: rgb(243, 194, 17);
+ --leo-color-systemfeedback-warning-icon: rgb(189, 150, 0);
--leo-color-systemfeedback-warning-background: rgb(45, 35, 7);
- --leo-color-systemfeedback-error-text: rgb(255, 232, 231);
- --leo-color-systemfeedback-error-icon: rgb(225, 31, 61);
+ --leo-color-systemfeedback-error-text: rgb(255, 177, 176);
+ --leo-color-systemfeedback-error-icon: rgb(255, 90, 99);
--leo-color-systemfeedback-error-background: rgb(70, 10, 16);
--leo-color-gray-10: rgb(33, 36, 42);
--leo-color-gray-20: rgb(48, 52, 61);
@@ -888,67 +855,111 @@
--leo-color-tor-window-50: rgb(199, 108, 246);
--leo-color-tor-window-60: rgb(227, 179, 255);
--leo-color-tor-window-70: rgb(246, 232, 255);
- --leo-effect-elevation-01: 0px 1px 4px 0px rgba(0, 0, 0, 0.4);
- --leo-effect-elevation-02: 0px 3px 10px -1px rgba(0, 0, 0, 0.35);
- --leo-effect-elevation-03: 0px 4px 16px -2px rgba(0, 0, 0, 0.3);
- --leo-effect-elevation-04: 0px 4px 24px -1px rgba(0, 0, 0, 0.3);
- --leo-effect-elevation-05: 0px 6px 25px -2px rgba(0, 0, 0, 0.3);
- --leo-effect-elevation-06: 0px 10px 48px 0px rgba(0, 0, 0, 0.3);
- --leo-effect-elevation-07: 0px 8px 64px 0px rgba(0, 0, 0, 0.3);
- }
-}
-
-[data-theme="light"] {
- --leo-color-legacy-background1: rgb(255, 255, 255);
- --leo-color-legacy-background2: rgb(248, 249, 250);
- --leo-color-legacy-text1: rgb(33, 37, 41);
- --leo-color-legacy-text2: rgb(73, 80, 87);
- --leo-color-legacy-text3: rgb(134, 142, 150);
+ --leo-color-material-thick: rgba(13, 15, 20, 0.85);
+ --leo-color-material-regular: rgba(13, 15, 20, 0.69);
+ --leo-color-material-thin: rgba(13, 15, 20, 0.51);
+ --leo-color-material-ultrathin: rgba(13, 15, 20, 0.35);
+ --leo-color-legacy-background1: rgb(30, 32, 41);
+ --leo-color-legacy-background2: rgb(23, 23, 31);
+ --leo-color-legacy-text1: rgb(240, 242, 255);
+ --leo-color-legacy-text2: rgb(194, 196, 207);
+ --leo-color-legacy-text3: rgb(132, 136, 156);
--leo-color-legacy-interactive1: rgb(234, 58, 13);
--leo-color-legacy-interactive2: rgb(251, 84, 43);
--leo-color-legacy-interactive3: rgb(255, 118, 84);
--leo-color-legacy-interactive4: rgb(53, 61, 171);
--leo-color-legacy-interactive5: rgb(76, 84, 210);
--leo-color-legacy-interactive6: rgb(115, 122, 222);
- --leo-color-legacy-interactive7: rgb(33, 37, 41);
- --leo-color-legacy-interactive8: rgb(174, 177, 194);
- --leo-color-legacy-disabled: rgb(218, 220, 232);
+ --leo-color-legacy-interactive7: rgb(240, 242, 255);
+ --leo-color-legacy-interactive8: rgb(94, 97, 117);
+ --leo-color-legacy-disabled: rgb(52, 58, 64);
--leo-color-legacy-focus-border: rgb(160, 165, 235);
- --leo-color-legacy-divider1: rgb(233, 233, 244);
+ --leo-color-legacy-divider1: rgb(59, 62, 79);
+ --leo-effect-elevation-01: inset 0px -1px 0px 0px rgba(255, 255, 255, 0.05), 0px 1px 4px 0px rgba(0, 0, 0, 0.4);
+ --leo-effect-elevation-02: inset 0px -1px 0px 0px rgba(255, 255, 255, 0.05), 0px 3px 10px -1px rgba(0, 0, 0, 0.35);
+ --leo-effect-elevation-03: inset 0px -1px 0px 0px rgba(255, 255, 255, 0.05), 0px 4px 16px -2px rgba(0, 0, 0, 0.3);
+ --leo-effect-elevation-04: inset 0px -1px 0px 0px rgba(255, 255, 255, 0.05), 0px 4px 24px -1px rgba(0, 0, 0, 0.3);
+ --leo-effect-elevation-05: inset 0px -1px 0px 0px rgba(255, 255, 255, 0.05), 0px 6px 25px -2px rgba(0, 0, 0, 0.3);
+ --leo-effect-elevation-06: inset 0px -1px 0px 0px rgba(255, 255, 255, 0.05), 0px 10px 48px 0px rgba(0, 0, 0, 0.3);
+ --leo-effect-elevation-07: inset 0px -1px 0px 0px rgba(255, 255, 255, 0.05), 0px 8px 64px 0px rgba(0, 0, 0, 0.3);
+ }
+}
+
+[data-theme="light"] {
--leo-color-text-primary: rgb(13, 15, 20);
--leo-color-text-secondary: rgb(63, 72, 85);
--leo-color-text-tertiary: rgb(104, 116, 133);
+ --leo-color-text-disabled: rgba(33, 36, 42, 0.5);
--leo-color-text-interactive: rgb(63, 57, 232);
--leo-color-text-interactive-visited: rgb(163, 37, 100);
- --leo-color-text-disabled: rgba(33, 36, 42, 0.5);
--leo-color-icon-default: rgb(104, 116, 133);
- --leo-color-icon-interactive: rgb(63, 57, 232);
--leo-color-icon-disabled: rgba(104, 116, 133, 0.5);
- --leo-color-button-background: rgb(63, 57, 232);
- --leo-color-button-disabled: rgba(104, 116, 133, 0.3);
+ --leo-color-icon-active: rgb(63, 57, 232);
+ --leo-color-icon-interactive: rgb(63, 57, 232);
+ --leo-color-browserbutton-background-hover: rgba(0, 0, 0, 0.05);
+ --leo-color-browserbutton-background-active: rgba(0, 0, 0, 0.1);
+ --leo-color-tabswitcher-button: rgb(255, 255, 255);
+ --leo-color-tabswitcher-background: rgb(246, 247, 248);
+ --leo-color-container-background-desktop: rgb(255, 255, 255);
+ --leo-color-container-background-mobile: rgb(255, 255, 255);
+ --leo-color-container-interactive: rgb(233, 238, 255);
+ --leo-color-container-scrim: rgba(13, 15, 20, 0.35);
--leo-color-container-background: rgb(255, 255, 255);
--leo-color-container-highlight: rgb(237, 238, 241);
- --leo-color-container-interactive: rgb(233, 238, 255);
--leo-color-container-disabled: rgba(63, 72, 85, 0.18);
- --leo-color-page-background: rgb(246, 247, 248);
+ --leo-color-chrome-background-desktop: rgb(246, 247, 248);
+ --leo-color-chrome-background-mobile: rgb(246, 247, 248);
--leo-color-divider-subtle: rgba(161, 171, 186, 0.4);
--leo-color-divider-strong: rgba(104, 116, 133, 0.4);
--leo-color-divider-interactive: rgba(124, 145, 255, 0.4);
+ --leo-color-tabbar-tabbar-background: rgb(237, 238, 241);
+ --leo-color-tabbar-tabactive-background: rgb(255, 255, 255);
+ --leo-color-os-color: rgb(0, 0, 0);
+ --leo-color-group-text: rgb(18, 117, 55);
+ --leo-color-group-background: rgba(18, 117, 55, 0.15);
+ --leo-color-glass-container: rgba(255, 255, 255, 0.3);
+ --leo-color-glass-5: rgba(28, 30, 38, 0.05);
+ --leo-color-glass-10: rgba(28, 30, 38, 0.1);
+ --leo-color-glass-25: rgba(28, 30, 38, 0.25);
+ --leo-color-glass-50: rgba(28, 30, 38, 0.5);
+ --leo-color-glass-70: rgba(28, 30, 38, 0.7);
+ --leo-color-glass-100: rgb(28, 30, 38);
+ --leo-color-links-adbackground-default: rgba(24, 65, 210, 0.03);
+ --leo-color-links-adbackground-hover: rgba(24, 65, 210, 0.08);
+ --leo-color-links-link-default: rgb(24, 65, 210);
+ --leo-color-tabs-background-default: rgb(166, 174, 192);
+ --leo-color-tabs-background-hover: rgb(150, 160, 181);
+ --leo-color-tabs-line-default: rgb(84, 131, 237);
+ --leo-color-tabs-line-hover: rgb(56, 97, 251);
+ --leo-color-tabs-searchtext-default: rgb(255, 96, 34);
+ --leo-color-search-serpheader-background: rgb(249, 250, 253);
+ --leo-color-search-serppage-background: rgb(242, 244, 247);
+ --leo-color-search-serpcontainer-background: rgb(255, 255, 255);
+ --leo-color-search-serphighlight-background: rgb(237, 238, 241);
+ --leo-color-search-serp-breadcrumbs: rgb(149, 153, 169);
+ --leo-color-search-infoboxtitle: rgb(8, 119, 131);
+ --leo-color-search-searchbarbg: rgb(255, 255, 255);
+ --leo-color-search-landingpage-background: rgb(238, 242, 246);
+ --leo-color-button-background: rgb(63, 57, 232);
+ --leo-color-button-disabled: rgba(104, 116, 133, 0.3);
+ --leo-color-button-error-background: rgb(225, 31, 61);
+ --leo-color-button-success-background: rgb(60, 130, 60);
+ --leo-color-page-background: rgb(246, 247, 248);
--leo-color-dialogs-scrim-background: rgba(13, 15, 20, 0.35);
--leo-color-dialogs-frosted-glass-background: rgba(255, 255, 255, 0.97);
--leo-color-dialogs-divider: rgba(33, 36, 42, 0.1);
--leo-color-dialogs-button-transparent-default: rgba(13, 15, 20, 0.35);
--leo-color-dialogs-button-transparent-hover: rgba(13, 15, 20, 0.5);
- --leo-color-systemfeedback-info-text: rgb(0, 72, 130);
+ --leo-color-systemfeedback-info-text: rgb(0, 97, 170);
--leo-color-systemfeedback-info-icon: rgb(16, 117, 201);
--leo-color-systemfeedback-info-background: rgb(226, 240, 255);
- --leo-color-systemfeedback-success-text: rgb(16, 86, 20);
+ --leo-color-systemfeedback-success-text: rgb(25, 114, 30);
--leo-color-systemfeedback-success-icon: rgb(60, 130, 60);
--leo-color-systemfeedback-success-background: rgb(224, 252, 222);
- --leo-color-systemfeedback-warning-text: rgb(93, 66, 0);
+ --leo-color-systemfeedback-warning-text: rgb(117, 91, 0);
--leo-color-systemfeedback-warning-icon: rgb(140, 111, 3);
--leo-color-systemfeedback-warning-background: rgb(252, 243, 217);
- --leo-color-systemfeedback-error-text: rgb(137, 0, 30);
+ --leo-color-systemfeedback-error-text: rgb(179, 0, 42);
--leo-color-systemfeedback-error-icon: rgb(225, 31, 61);
--leo-color-systemfeedback-error-background: rgb(255, 232, 231);
--leo-color-gray-10: rgb(246, 247, 248);
@@ -1035,67 +1046,111 @@
--leo-color-tor-window-50: rgb(120, 69, 147);
--leo-color-tor-window-60: rgb(94, 44, 120);
--leo-color-tor-window-70: rgb(53, 11, 73);
- --leo-effect-elevation-01: 0px 1px 4px 0px rgba(0, 0, 0, 0.07);
- --leo-effect-elevation-02: 0px 3px 10px -1px rgba(0, 0, 0, 0.05);
- --leo-effect-elevation-03: 0px 4px 16px -2px rgba(0, 0, 0, 0.08);
- --leo-effect-elevation-04: 0px 4px 24px -1px rgba(0, 0, 0, 0.06);
- --leo-effect-elevation-05: 0px 6px 32px -2px rgba(0, 0, 0, 0.06);
- --leo-effect-elevation-06: 0px 10px 48px 0px rgba(0, 0, 0, 0.06);
- --leo-effect-elevation-07: 0px 8px 64px 0px rgba(0, 0, 0, 0.06);
-}
-
-[data-theme="dark"] {
- --leo-color-legacy-background1: rgb(30, 32, 41);
- --leo-color-legacy-background2: rgb(23, 23, 31);
- --leo-color-legacy-text1: rgb(240, 242, 255);
- --leo-color-legacy-text2: rgb(194, 196, 207);
- --leo-color-legacy-text3: rgb(132, 136, 156);
+ --leo-color-material-thick: rgba(255, 255, 255, 0.95);
+ --leo-color-material-regular: rgba(255, 255, 255, 0.73);
+ --leo-color-material-thin: rgba(255, 255, 255, 0.56);
+ --leo-color-material-ultrathin: rgba(255, 255, 255, 0.32);
+ --leo-color-legacy-background1: rgb(255, 255, 255);
+ --leo-color-legacy-background2: rgb(248, 249, 250);
+ --leo-color-legacy-text1: rgb(33, 37, 41);
+ --leo-color-legacy-text2: rgb(73, 80, 87);
+ --leo-color-legacy-text3: rgb(134, 142, 150);
--leo-color-legacy-interactive1: rgb(234, 58, 13);
--leo-color-legacy-interactive2: rgb(251, 84, 43);
--leo-color-legacy-interactive3: rgb(255, 118, 84);
--leo-color-legacy-interactive4: rgb(53, 61, 171);
--leo-color-legacy-interactive5: rgb(76, 84, 210);
--leo-color-legacy-interactive6: rgb(115, 122, 222);
- --leo-color-legacy-interactive7: rgb(240, 242, 255);
- --leo-color-legacy-interactive8: rgb(94, 97, 117);
- --leo-color-legacy-disabled: rgb(52, 58, 64);
+ --leo-color-legacy-interactive7: rgb(33, 37, 41);
+ --leo-color-legacy-interactive8: rgb(174, 177, 194);
+ --leo-color-legacy-disabled: rgb(218, 220, 232);
--leo-color-legacy-focus-border: rgb(160, 165, 235);
- --leo-color-legacy-divider1: rgb(59, 62, 79);
+ --leo-color-legacy-divider1: rgb(233, 233, 244);
+ --leo-effect-elevation-01: 0px 1px 0px 0px rgba(0, 0, 0, 0.04), 0px 1px 4px 0px rgba(0, 0, 0, 0.07);
+ --leo-effect-elevation-02: 0px 1px 0px 0px rgba(0, 0, 0, 0.04), 0px 3px 10px -1px rgba(0, 0, 0, 0.05);
+ --leo-effect-elevation-03: 0px 1px 0px 0px rgba(0, 0, 0, 0.04), 0px 4px 16px -2px rgba(0, 0, 0, 0.08);
+ --leo-effect-elevation-04: 0px 1px 0px 0px rgba(0, 0, 0, 0.04), 0px 4px 24px -1px rgba(0, 0, 0, 0.06);
+ --leo-effect-elevation-05: 0px 1px 0px 0px rgba(0, 0, 0, 0.04), 0px 6px 32px -2px rgba(0, 0, 0, 0.06);
+ --leo-effect-elevation-06: 0px 1px 0px 0px rgba(0, 0, 0, 0.04), 0px 10px 48px 0px rgba(0, 0, 0, 0.06);
+ --leo-effect-elevation-07: 0px 1px 0px 0px rgba(0, 0, 0, 0.04), 0px 8px 64px 0px rgba(0, 0, 0, 0.06);
+}
+
+[data-theme="dark"] {
--leo-color-text-primary: rgb(246, 247, 248);
--leo-color-text-secondary: rgb(219, 222, 226);
--leo-color-text-tertiary: rgb(161, 171, 186);
+ --leo-color-text-disabled: rgba(237, 238, 241, 0.5);
--leo-color-text-interactive: rgb(124, 145, 255);
--leo-color-text-interactive-visited: rgb(248, 85, 162);
- --leo-color-text-disabled: rgba(237, 238, 241, 0.5);
--leo-color-icon-default: rgb(161, 171, 186);
- --leo-color-icon-interactive: rgb(124, 145, 255);
--leo-color-icon-disabled: rgba(104, 116, 133, 0.5);
- --leo-color-button-background: rgb(63, 57, 232);
- --leo-color-button-disabled: rgba(104, 116, 133, 0.3);
+ --leo-color-icon-active: rgb(124, 145, 255);
+ --leo-color-icon-interactive: rgb(124, 145, 255);
+ --leo-color-browserbutton-background-hover: rgba(0, 0, 0, 0.25);
+ --leo-color-browserbutton-background-active: rgba(0, 0, 0, 0.4);
+ --leo-color-tabswitcher-button: rgb(33, 36, 42);
+ --leo-color-tabswitcher-background: rgb(48, 52, 61);
+ --leo-color-container-background-desktop: rgb(13, 15, 20);
+ --leo-color-container-background-mobile: rgb(33, 36, 42);
+ --leo-color-container-interactive: rgb(22, 16, 101);
+ --leo-color-container-scrim: rgba(13, 15, 20, 0.7);
--leo-color-container-background: rgb(13, 15, 20);
--leo-color-container-highlight: rgb(33, 36, 42);
- --leo-color-container-interactive: rgb(22, 16, 101);
--leo-color-container-disabled: rgba(195, 201, 211, 0.18);
- --leo-color-page-background: rgb(0, 0, 0);
+ --leo-color-chrome-background-desktop: rgb(33, 36, 42);
+ --leo-color-chrome-background-mobile: rgb(13, 15, 20);
--leo-color-divider-subtle: rgba(104, 116, 133, 0.4);
- --leo-color-divider-strong: rgba(104, 116, 133, 0.4);
+ --leo-color-divider-strong: rgba(161, 171, 186, 0.4);
--leo-color-divider-interactive: rgba(124, 145, 255, 0.4);
+ --leo-color-tabbar-tabbar-background: rgb(13, 15, 20);
+ --leo-color-tabbar-tabactive-background: rgb(48, 52, 61);
+ --leo-color-os-color: rgb(255, 255, 255);
+ --leo-color-group-text: rgb(116, 195, 142);
+ --leo-color-group-background: rgba(116, 195, 142, 0.25);
+ --leo-color-glass-container: rgba(255, 255, 255, 0.05);
+ --leo-color-glass-5: rgba(255, 255, 255, 0.05);
+ --leo-color-glass-10: rgba(255, 255, 255, 0.1);
+ --leo-color-glass-25: rgba(255, 255, 255, 0.25);
+ --leo-color-glass-50: rgba(255, 255, 255, 0.5);
+ --leo-color-glass-70: rgba(255, 255, 255, 0.7);
+ --leo-color-glass-100: rgb(255, 255, 255);
+ --leo-color-links-adbackground-default: rgba(119, 153, 229, 0.08);
+ --leo-color-links-adbackground-hover: rgba(119, 153, 229, 0.16);
+ --leo-color-links-link-default: rgb(119, 153, 229);
+ --leo-color-tabs-background-default: rgb(63, 71, 90);
+ --leo-color-tabs-background-hover: rgb(52, 59, 75);
+ --leo-color-tabs-line-default: rgb(56, 97, 251);
+ --leo-color-tabs-line-hover: rgb(56, 97, 251);
+ --leo-color-tabs-searchtext-default: rgb(255, 96, 34);
+ --leo-color-search-serpheader-background: rgb(26, 28, 35);
+ --leo-color-search-serppage-background: rgb(23, 25, 30);
+ --leo-color-search-serpcontainer-background: rgb(36, 39, 49);
+ --leo-color-search-serphighlight-background: rgb(48, 52, 61);
+ --leo-color-search-serp-breadcrumbs: rgb(175, 179, 193);
+ --leo-color-search-infoboxtitle: rgb(153, 123, 8);
+ --leo-color-search-searchbarbg: rgb(36, 39, 49);
+ --leo-color-search-landingpage-background: rgb(30, 32, 40);
+ --leo-color-button-background: rgb(63, 57, 232);
+ --leo-color-button-disabled: rgba(104, 116, 133, 0.3);
+ --leo-color-button-error-background: rgb(225, 31, 61);
+ --leo-color-button-success-background: rgb(60, 130, 60);
+ --leo-color-page-background: rgb(0, 0, 0);
--leo-color-dialogs-scrim-background: rgba(33, 36, 42, 0.7);
--leo-color-dialogs-frosted-glass-background: rgba(13, 15, 20, 0.9);
--leo-color-dialogs-divider: rgba(33, 36, 42, 0.65);
--leo-color-dialogs-button-transparent-default: rgba(13, 15, 20, 0.35);
--leo-color-dialogs-button-transparent-hover: rgba(13, 15, 20, 0.5);
- --leo-color-systemfeedback-info-text: rgb(199, 225, 255);
- --leo-color-systemfeedback-info-icon: rgb(16, 117, 201);
+ --leo-color-systemfeedback-info-text: rgb(160, 205, 255);
+ --leo-color-systemfeedback-info-icon: rgb(57, 159, 255);
--leo-color-systemfeedback-info-background: rgb(7, 37, 66);
- --leo-color-systemfeedback-success-text: rgb(224, 252, 222);
- --leo-color-systemfeedback-success-icon: rgb(60, 130, 60);
+ --leo-color-systemfeedback-success-text: rgb(148, 223, 145);
+ --leo-color-systemfeedback-success-icon: rgb(42, 186, 50);
--leo-color-systemfeedback-success-background: rgb(9, 44, 9);
- --leo-color-systemfeedback-warning-text: rgb(252, 243, 217);
- --leo-color-systemfeedback-warning-icon: rgb(140, 111, 3);
+ --leo-color-systemfeedback-warning-text: rgb(243, 194, 17);
+ --leo-color-systemfeedback-warning-icon: rgb(189, 150, 0);
--leo-color-systemfeedback-warning-background: rgb(45, 35, 7);
- --leo-color-systemfeedback-error-text: rgb(255, 232, 231);
- --leo-color-systemfeedback-error-icon: rgb(225, 31, 61);
+ --leo-color-systemfeedback-error-text: rgb(255, 177, 176);
+ --leo-color-systemfeedback-error-icon: rgb(255, 90, 99);
--leo-color-systemfeedback-error-background: rgb(70, 10, 16);
--leo-color-gray-10: rgb(33, 36, 42);
--leo-color-gray-20: rgb(48, 52, 61);
@@ -1181,11 +1236,31 @@
--leo-color-tor-window-50: rgb(199, 108, 246);
--leo-color-tor-window-60: rgb(227, 179, 255);
--leo-color-tor-window-70: rgb(246, 232, 255);
- --leo-effect-elevation-01: 0px 1px 4px 0px rgba(0, 0, 0, 0.4);
- --leo-effect-elevation-02: 0px 3px 10px -1px rgba(0, 0, 0, 0.35);
- --leo-effect-elevation-03: 0px 4px 16px -2px rgba(0, 0, 0, 0.3);
- --leo-effect-elevation-04: 0px 4px 24px -1px rgba(0, 0, 0, 0.3);
- --leo-effect-elevation-05: 0px 6px 25px -2px rgba(0, 0, 0, 0.3);
- --leo-effect-elevation-06: 0px 10px 48px 0px rgba(0, 0, 0, 0.3);
- --leo-effect-elevation-07: 0px 8px 64px 0px rgba(0, 0, 0, 0.3);
+ --leo-color-material-thick: rgba(13, 15, 20, 0.85);
+ --leo-color-material-regular: rgba(13, 15, 20, 0.69);
+ --leo-color-material-thin: rgba(13, 15, 20, 0.51);
+ --leo-color-material-ultrathin: rgba(13, 15, 20, 0.35);
+ --leo-color-legacy-background1: rgb(30, 32, 41);
+ --leo-color-legacy-background2: rgb(23, 23, 31);
+ --leo-color-legacy-text1: rgb(240, 242, 255);
+ --leo-color-legacy-text2: rgb(194, 196, 207);
+ --leo-color-legacy-text3: rgb(132, 136, 156);
+ --leo-color-legacy-interactive1: rgb(234, 58, 13);
+ --leo-color-legacy-interactive2: rgb(251, 84, 43);
+ --leo-color-legacy-interactive3: rgb(255, 118, 84);
+ --leo-color-legacy-interactive4: rgb(53, 61, 171);
+ --leo-color-legacy-interactive5: rgb(76, 84, 210);
+ --leo-color-legacy-interactive6: rgb(115, 122, 222);
+ --leo-color-legacy-interactive7: rgb(240, 242, 255);
+ --leo-color-legacy-interactive8: rgb(94, 97, 117);
+ --leo-color-legacy-disabled: rgb(52, 58, 64);
+ --leo-color-legacy-focus-border: rgb(160, 165, 235);
+ --leo-color-legacy-divider1: rgb(59, 62, 79);
+ --leo-effect-elevation-01: inset 0px -1px 0px 0px rgba(255, 255, 255, 0.05), 0px 1px 4px 0px rgba(0, 0, 0, 0.4);
+ --leo-effect-elevation-02: inset 0px -1px 0px 0px rgba(255, 255, 255, 0.05), 0px 3px 10px -1px rgba(0, 0, 0, 0.35);
+ --leo-effect-elevation-03: inset 0px -1px 0px 0px rgba(255, 255, 255, 0.05), 0px 4px 16px -2px rgba(0, 0, 0, 0.3);
+ --leo-effect-elevation-04: inset 0px -1px 0px 0px rgba(255, 255, 255, 0.05), 0px 4px 24px -1px rgba(0, 0, 0, 0.3);
+ --leo-effect-elevation-05: inset 0px -1px 0px 0px rgba(255, 255, 255, 0.05), 0px 6px 25px -2px rgba(0, 0, 0, 0.3);
+ --leo-effect-elevation-06: inset 0px -1px 0px 0px rgba(255, 255, 255, 0.05), 0px 10px 48px 0px rgba(0, 0, 0, 0.3);
+ --leo-effect-elevation-07: inset 0px -1px 0px 0px rgba(255, 255, 255, 0.05), 0px 8px 64px 0px rgba(0, 0, 0, 0.3);
}
|
- Changed Inter font to Inter variable (new version of the font is called. that way) - Added link style for texts - Added A focus state
|
👋 Thanks for Submitting! This PR is available for preview at the link below. ✅ PR tip preview: https://466.pr.nala.bravesoftware.com/ Variables Diff--- ./tokens/css/variables.old.css 2023-11-22 22:30:52.344055165 +0000
+++ ./tokens/css/variables.css 2023-11-22 22:30:26.107838094 +0000
@@ -1,415 +1,289 @@
/**
* Do not edit directly
- * Generated on Wed Nov 22 2023 21:24:24 GMT+0000 (Coordinated Universal Time)
+ * Generated on Wed Nov 22 2023 22:30:26 GMT+0000 (Coordinated Universal Time)
*/
:root {
- --leo-font-macos-large-regular: 400 16px/19.2px SF Pro Text;
- --leo-font-macos-large-semibold: 600 16px/19.2px SF Pro Text;
- --leo-font-macos-default-regular: 400 14px/16.8px SF Pro Text;
- --leo-font-macos-default-semibold: 600 14px/16.8px SF Pro Text;
- --leo-font-macos-small-regular: 400 13px/15.6px SF Pro Text;
- --leo-font-macos-small-semibold: 600 13px/15.6px SF Pro Text;
- --leo-font-macos-x-small-regular: 400 12px/14.4px SF Pro Text;
- --leo-font-macos-x-small-semibold: 600 12px/14.4px SF Pro Text;
- --leo-font-windows-large-regular: 400 16px/19.2px Segoe UI Variable;
- --leo-font-windows-large-semibold: 600 16px/19.2px Segoe UI Variable;
- --leo-font-windows-default-regular: 400 14px/16.8px Segoe UI Variable;
- --leo-font-windows-default-semibold: 600 14px/16.8px Segoe UI Variable;
- --leo-font-windows-small-regular: 400 13px/15.6px Segoe UI Variable;
- --leo-font-windows-small-semibold: 600 13px/15.6px Segoe UI Variable;
- --leo-font-windows-x-small-regular: 400 12px/14.4px Segoe UI Variable;
- --leo-font-windows-x-small-semibold: 600 12px/14.4px Segoe UI Variable;
- --leo-font-primary-heading-display1: 500 52px/78px Poppins;
- --leo-font-primary-heading-display2: 500 36px/54px Poppins;
- --leo-font-primary-heading-h1: 500 32px/48px Poppins;
- --leo-font-primary-heading-h2: 500 28px/40px Poppins;
- --leo-font-primary-heading-h3: 500 22px/32px Poppins;
- --leo-font-primary-heading-h4: 600 16px/24px Poppins;
- --leo-font-primary-large-regular: 400 16px/28px Poppins;
- --leo-font-primary-large-semibold: 600 16px/28px Poppins;
- --leo-font-primary-default-regular: 400 14px/24px Poppins;
- --leo-font-primary-default-semibold: 600 14px/24px Poppins;
- --leo-font-primary-small-regular: 400 12px/18px Poppins;
- --leo-font-primary-small-semibold: 600 12px/18px Poppins;
- --leo-font-primary-x-small-regular: 400 11px/16px Poppins;
- --leo-font-primary-x-small-semibold: 600 11px/16px Poppins;
- --leo-font-secondary-heading-display1: 500 52px/78px Manrope;
- --leo-font-secondary-heading-display2: 500 36px/54px Manrope;
- --leo-font-secondary-heading-h1: 500 32px/48px Manrope;
- --leo-font-secondary-heading-h2: 500 28px/40px Manrope;
- --leo-font-secondary-heading-h3: 500 22px/32px Manrope;
- --leo-font-secondary-heading-h4: 600 16px/24px Manrope;
- --leo-font-secondary-large-regular: 500 16px/28px Manrope;
- --leo-font-secondary-large-semibold: 700 16px/28px Manrope;
- --leo-font-secondary-default-regular: 500 14px/24px Manrope;
- --leo-font-secondary-default-semibold: 700 14px/24px Manrope;
- --leo-font-secondary-small-regular: 500 12px/18px Manrope;
- --leo-font-secondary-small-semibold: 700 12px/18px Manrope;
- --leo-font-secondary-x-small-default: 500 11px/16px Manrope;
- --leo-font-secondary-x-small-semibold: 700 11px/16px Manrope;
- --leo-font-monospace-large: 400 16px/28px SF Mono;
- --leo-font-monospace-default: 400 14px/24px SF Mono;
- --leo-font-monospace-small: 400 12px/18px SF Mono;
- --leo-font-mobile-primary-heading-display1: 500 32px/48px Poppins;
- --leo-font-mobile-primary-heading-display2: 500 28px/42px Poppins;
- --leo-font-mobile-primary-heading-h1: 500 28px/40px Poppins;
- --leo-font-mobile-primary-heading-h2: 500 22px/32px Poppins;
- --leo-font-mobile-primary-heading-h3: 500 18px/28px Poppins;
- --leo-font-mobile-primary-heading-h4: 600 16px/24px Poppins;
- --leo-font-components-label: 600 10px/12px Poppins;
- --leo-font-components-tableheader: 500 13px/20px Poppins;
- --leo-font-components-navbutton: 600 15px/20px Poppins;
- --leo-font-components-button-small: 600 12px/16px Poppins;
- --leo-font-components-button-default: 600 13px/20px Poppins;
+ --leo-font-browser-large-regular: 400 16px/19.2px Inter;
+ --leo-font-browser-large-semibold: 600 16px/19.2px Inter;
+ --leo-font-browser-default-regular: 400 14px/16.8px Inter;
+ --leo-font-browser-default-semibold: 600 14px/16.8px Inter;
+ --leo-font-browser-small-regular: 400 13px/15.6px Inter;
+ --leo-font-browser-small-semibold: 600 13px/15.6px Inter;
+ --leo-font-browser-x-small-regular: 400 12px/14.4px Inter;
+ --leo-font-browser-x-small-semibold: 600 12px/14.4px Inter;
+ --leo-font-heading-display1: 500 52px/68px Poppins;
+ --leo-font-heading-display2: 500 36px/46px Poppins;
+ --leo-font-heading-h1: 500 32px/42px Poppins;
+ --leo-font-heading-h2: 500 28px/36px Poppins;
+ --leo-font-heading-h3: 500 22px/28px Poppins;
+ --leo-font-heading-h4: 600 16px/26px Poppins;
+ --leo-font-large-regular: 400 16px/26px Inter Variable;
+ --leo-font-large-semibold: 600 16px/26px Inter Variable;
+ --leo-font-large-link: 400 16px/26px Inter;
+ --leo-font-default-regular: 400 14px/22px Inter Variable;
+ --leo-font-default-semibold: 600 14px/22px Inter Variable;
+ --leo-font-default-link: 400 14px/22px Inter Variable;
+ --leo-font-small-regular: 400 12px/20px Inter Variable;
+ --leo-font-small-semibold: 600 12px/20px Inter Variable;
+ --leo-font-small-link: 400 12px/20px Inter Variable;
+ --leo-font-x-small-regular: 400 11px/18px Inter Variable;
+ --leo-font-x-small-semibold: 600 11px/18px Inter Variable;
+ --leo-font-x-small-link: 400 11px/18px Inter Variable;
+ --leo-font-monospace-large: 400 16px/26px DM Mono;
+ --leo-font-monospace-default: 400 14px/22px DM Mono;
+ --leo-font-monospace-small: 400 12px/20px DM Mono;
+ --leo-font-mobile-heading-display1: 500 32px/42px Poppins;
+ --leo-font-mobile-heading-display2: 500 28px/36px Poppins;
+ --leo-font-mobile-heading-h1: 500 28px/36px Poppins;
+ --leo-font-mobile-heading-h2: 500 22px/28px Poppins;
+ --leo-font-mobile-heading-h3: 500 18px/26px Poppins;
+ --leo-font-mobile-heading-h4: 600 16px/26px Poppins;
+ --leo-font-components-label: 700 10px/12px Inter Variable;
+ --leo-font-components-tableheader: 500 13px/15.6px Inter Variable;
+ --leo-font-components-navbutton: 600 14px/22px Poppins;
+ --leo-font-components-button-small: 600 12px/20px Poppins;
+ --leo-font-components-button-default: 600 13px/21px Poppins;
--leo-font-components-button-large: 600 14px/22px Poppins;
- --leo-font-components-button-jumbo: 600 16px/24px Poppins;
- --leo-typography-macos-large-regular-font-size: 16px;
- --leo-typography-macos-large-regular-font-weight: 400px;
- --leo-typography-macos-large-regular-letter-spacing: -0.08px;
- --leo-typography-macos-large-regular-line-height: 19.2px;
- --leo-typography-macos-large-regular-paragraph-indent: 0;
- --leo-typography-macos-large-regular-paragraph-spacing: 0;
- --leo-typography-macos-large-semibold-font-size: 16px;
- --leo-typography-macos-large-semibold-font-weight: 600px;
- --leo-typography-macos-large-semibold-letter-spacing: -0.08px;
- --leo-typography-macos-large-semibold-line-height: 19.2px;
- --leo-typography-macos-large-semibold-paragraph-indent: 0;
- --leo-typography-macos-large-semibold-paragraph-spacing: 0;
- --leo-typography-macos-default-regular-font-size: 14px;
- --leo-typography-macos-default-regular-font-weight: 400px;
- --leo-typography-macos-default-regular-letter-spacing: -0.08px;
- --leo-typography-macos-default-regular-line-height: 16.8px;
- --leo-typography-macos-default-regular-paragraph-indent: 0;
- --leo-typography-macos-default-regular-paragraph-spacing: 0;
- --leo-typography-macos-default-semibold-font-size: 14px;
- --leo-typography-macos-default-semibold-font-weight: 600px;
- --leo-typography-macos-default-semibold-letter-spacing: -0.08px;
- --leo-typography-macos-default-semibold-line-height: 16.8px;
- --leo-typography-macos-default-semibold-paragraph-indent: 0;
- --leo-typography-macos-default-semibold-paragraph-spacing: 0;
- --leo-typography-macos-small-regular-font-size: 13px;
- --leo-typography-macos-small-regular-font-weight: 400px;
- --leo-typography-macos-small-regular-letter-spacing: -0.29px;
- --leo-typography-macos-small-regular-line-height: 15.6px;
- --leo-typography-macos-small-regular-paragraph-indent: 0;
- --leo-typography-macos-small-regular-paragraph-spacing: 0;
- --leo-typography-macos-small-semibold-font-size: 13px;
- --leo-typography-macos-small-semibold-font-weight: 600px;
- --leo-typography-macos-small-semibold-letter-spacing: -0.29px;
- --leo-typography-macos-small-semibold-line-height: 15.6px;
- --leo-typography-macos-small-semibold-paragraph-indent: 0;
- --leo-typography-macos-small-semibold-paragraph-spacing: 0;
- --leo-typography-macos-x-small-regular-font-size: 12px;
- --leo-typography-macos-x-small-regular-font-weight: 400px;
- --leo-typography-macos-x-small-regular-letter-spacing: -0.29px;
- --leo-typography-macos-x-small-regular-line-height: 14.4px;
- --leo-typography-macos-x-small-regular-paragraph-indent: 0;
- --leo-typography-macos-x-small-regular-paragraph-spacing: 0;
- --leo-typography-macos-x-small-semibold-font-size: 12px;
- --leo-typography-macos-x-small-semibold-font-weight: 600px;
- --leo-typography-macos-x-small-semibold-letter-spacing: -0.29px;
- --leo-typography-macos-x-small-semibold-line-height: 14.4px;
- --leo-typography-macos-x-small-semibold-paragraph-indent: 0;
- --leo-typography-macos-x-small-semibold-paragraph-spacing: 0;
- --leo-typography-windows-large-regular-font-size: 16px;
- --leo-typography-windows-large-regular-font-weight: 400px;
- --leo-typography-windows-large-regular-letter-spacing: 0;
- --leo-typography-windows-large-regular-line-height: 19.2px;
- --leo-typography-windows-large-regular-paragraph-indent: 0;
- --leo-typography-windows-large-regular-paragraph-spacing: 0;
- --leo-typography-windows-large-semibold-font-size: 16px;
- --leo-typography-windows-large-semibold-font-weight: 600px;
- --leo-typography-windows-large-semibold-letter-spacing: 0;
- --leo-typography-windows-large-semibold-line-height: 19.2px;
- --leo-typography-windows-large-semibold-paragraph-indent: 0;
- --leo-typography-windows-large-semibold-paragraph-spacing: 0;
- --leo-typography-windows-default-regular-font-size: 14px;
- --leo-typography-windows-default-regular-font-weight: 400px;
- --leo-typography-windows-default-regular-letter-spacing: 0;
- --leo-typography-windows-default-regular-line-height: 16.8px;
- --leo-typography-windows-default-regular-paragraph-indent: 0;
- --leo-typography-windows-default-regular-paragraph-spacing: 0;
- --leo-typography-windows-default-semibold-font-size: 14px;
- --leo-typography-windows-default-semibold-font-weight: 600px;
- --leo-typography-windows-default-semibold-letter-spacing: 0;
- --leo-typography-windows-default-semibold-line-height: 16.8px;
- --leo-typography-windows-default-semibold-paragraph-indent: 0;
- --leo-typography-windows-default-semibold-paragraph-spacing: 0;
- --leo-typography-windows-small-regular-font-size: 13px;
- --leo-typography-windows-small-regular-font-weight: 400px;
- --leo-typography-windows-small-regular-letter-spacing: 0;
- --leo-typography-windows-small-regular-line-height: 15.6px;
- --leo-typography-windows-small-regular-paragraph-indent: 0;
- --leo-typography-windows-small-regular-paragraph-spacing: 0;
- --leo-typography-windows-small-semibold-font-size: 13px;
- --leo-typography-windows-small-semibold-font-weight: 600px;
- --leo-typography-windows-small-semibold-letter-spacing: 0;
- --leo-typography-windows-small-semibold-line-height: 15.6px;
- --leo-typography-windows-small-semibold-paragraph-indent: 0;
- --leo-typography-windows-small-semibold-paragraph-spacing: 0;
- --leo-typography-windows-x-small-regular-font-size: 12px;
- --leo-typography-windows-x-small-regular-font-weight: 400px;
- --leo-typography-windows-x-small-regular-letter-spacing: 0;
- --leo-typography-windows-x-small-regular-line-height: 14.4px;
- --leo-typography-windows-x-small-regular-paragraph-indent: 0;
- --leo-typography-windows-x-small-regular-paragraph-spacing: 0;
- --leo-typography-windows-x-small-semibold-font-size: 12px;
- --leo-typography-windows-x-small-semibold-font-weight: 600px;
- --leo-typography-windows-x-small-semibold-letter-spacing: 0;
- --leo-typography-windows-x-small-semibold-line-height: 14.4px;
- --leo-typography-windows-x-small-semibold-paragraph-indent: 0;
- --leo-typography-windows-x-small-semibold-paragraph-spacing: 0;
- --leo-typography-primary-heading-display1-font-size: 52px;
- --leo-typography-primary-heading-display1-font-weight: 500px;
- --leo-typography-primary-heading-display1-letter-spacing: 0;
- --leo-typography-primary-heading-display1-line-height: 78px;
- --leo-typography-primary-heading-display1-paragraph-indent: 0;
- --leo-typography-primary-heading-display1-paragraph-spacing: 0;
- --leo-typography-primary-heading-display2-font-size: 36px;
- --leo-typography-primary-heading-display2-font-weight: 500px;
- --leo-typography-primary-heading-display2-letter-spacing: 0;
- --leo-typography-primary-heading-display2-line-height: 54px;
- --leo-typography-primary-heading-display2-paragraph-indent: 0;
- --leo-typography-primary-heading-display2-paragraph-spacing: 0;
- --leo-typography-primary-heading-h1-font-size: 32px;
- --leo-typography-primary-heading-h1-font-weight: 500px;
- --leo-typography-primary-heading-h1-letter-spacing: 0;
- --leo-typography-primary-heading-h1-line-height: 48px;
- --leo-typography-primary-heading-h1-paragraph-indent: 0;
- --leo-typography-primary-heading-h1-paragraph-spacing: 0;
- --leo-typography-primary-heading-h2-font-size: 28px;
- --leo-typography-primary-heading-h2-font-weight: 500px;
- --leo-typography-primary-heading-h2-letter-spacing: 0;
- --leo-typography-primary-heading-h2-line-height: 40px;
- --leo-typography-primary-heading-h2-paragraph-indent: 0;
- --leo-typography-primary-heading-h2-paragraph-spacing: 0;
- --leo-typography-primary-heading-h3-font-size: 22px;
- --leo-typography-primary-heading-h3-font-weight: 500px;
- --leo-typography-primary-heading-h3-letter-spacing: 0;
- --leo-typography-primary-heading-h3-line-height: 32px;
- --leo-typography-primary-heading-h3-paragraph-indent: 0;
- --leo-typography-primary-heading-h3-paragraph-spacing: 0;
- --leo-typography-primary-heading-h4-font-size: 16px;
- --leo-typography-primary-heading-h4-font-weight: 600px;
- --leo-typography-primary-heading-h4-letter-spacing: 0;
- --leo-typography-primary-heading-h4-line-height: 24px;
- --leo-typography-primary-heading-h4-paragraph-indent: 0;
- --leo-typography-primary-heading-h4-paragraph-spacing: 0;
- --leo-typography-primary-large-regular-font-size: 16px;
- --leo-typography-primary-large-regular-font-weight: 400px;
- --leo-typography-primary-large-regular-letter-spacing: 0;
- --leo-typography-primary-large-regular-line-height: 28px;
- --leo-typography-primary-large-regular-paragraph-indent: 0;
- --leo-typography-primary-large-regular-paragraph-spacing: 0;
- --leo-typography-primary-large-semibold-font-size: 16px;
- --leo-typography-primary-large-semibold-font-weight: 600px;
- --leo-typography-primary-large-semibold-letter-spacing: 0;
- --leo-typography-primary-large-semibold-line-height: 28px;
- --leo-typography-primary-large-semibold-paragraph-indent: 0;
- --leo-typography-primary-large-semibold-paragraph-spacing: 0;
- --leo-typography-primary-default-regular-font-size: 14px;
- --leo-typography-primary-default-regular-font-weight: 400px;
- --leo-typography-primary-default-regular-letter-spacing: 0;
- --leo-typography-primary-default-regular-line-height: 24px;
- --leo-typography-primary-default-regular-paragraph-indent: 0;
- --leo-typography-primary-default-regular-paragraph-spacing: 0;
- --leo-typography-primary-default-semibold-font-size: 14px;
- --leo-typography-primary-default-semibold-font-weight: 600px;
- --leo-typography-primary-default-semibold-letter-spacing: 0;
- --leo-typography-primary-default-semibold-line-height: 24px;
- --leo-typography-primary-default-semibold-paragraph-indent: 0;
- --leo-typography-primary-default-semibold-paragraph-spacing: 0;
- --leo-typography-primary-small-regular-font-size: 12px;
- --leo-typography-primary-small-regular-font-weight: 400px;
- --leo-typography-primary-small-regular-letter-spacing: 0;
- --leo-typography-primary-small-regular-line-height: 18px;
- --leo-typography-primary-small-regular-paragraph-indent: 0;
- --leo-typography-primary-small-regular-paragraph-spacing: 0;
- --leo-typography-primary-small-semibold-font-size: 12px;
- --leo-typography-primary-small-semibold-font-weight: 600px;
- --leo-typography-primary-small-semibold-letter-spacing: 0;
- --leo-typography-primary-small-semibold-line-height: 18px;
- --leo-typography-primary-small-semibold-paragraph-indent: 0;
- --leo-typography-primary-small-semibold-paragraph-spacing: 0;
- --leo-typography-primary-x-small-regular-font-size: 11px;
- --leo-typography-primary-x-small-regular-font-weight: 400px;
- --leo-typography-primary-x-small-regular-letter-spacing: 0;
- --leo-typography-primary-x-small-regular-line-height: 16px;
- --leo-typography-primary-x-small-regular-paragraph-indent: 0;
- --leo-typography-primary-x-small-regular-paragraph-spacing: 0;
- --leo-typography-primary-x-small-semibold-font-size: 11px;
- --leo-typography-primary-x-small-semibold-font-weight: 600px;
- --leo-typography-primary-x-small-semibold-letter-spacing: 0;
- --leo-typography-primary-x-small-semibold-line-height: 16px;
- --leo-typography-primary-x-small-semibold-paragraph-indent: 0;
- --leo-typography-primary-x-small-semibold-paragraph-spacing: 0;
- --leo-typography-secondary-heading-display1-font-size: 52px;
- --leo-typography-secondary-heading-display1-font-weight: 500px;
- --leo-typography-secondary-heading-display1-letter-spacing: 0;
- --leo-typography-secondary-heading-display1-line-height: 78px;
- --leo-typography-secondary-heading-display1-paragraph-indent: 0;
- --leo-typography-secondary-heading-display1-paragraph-spacing: 0;
- --leo-typography-secondary-heading-display2-font-size: 36px;
- --leo-typography-secondary-heading-display2-font-weight: 500px;
- --leo-typography-secondary-heading-display2-letter-spacing: 0;
- --leo-typography-secondary-heading-display2-line-height: 54px;
- --leo-typography-secondary-heading-display2-paragraph-indent: 0;
- --leo-typography-secondary-heading-display2-paragraph-spacing: 0;
- --leo-typography-secondary-heading-h1-font-size: 32px;
- --leo-typography-secondary-heading-h1-font-weight: 500px;
- --leo-typography-secondary-heading-h1-letter-spacing: 0;
- --leo-typography-secondary-heading-h1-line-height: 48px;
- --leo-typography-secondary-heading-h1-paragraph-indent: 0;
- --leo-typography-secondary-heading-h1-paragraph-spacing: 0;
- --leo-typography-secondary-heading-h2-font-size: 28px;
- --leo-typography-secondary-heading-h2-font-weight: 500px;
- --leo-typography-secondary-heading-h2-letter-spacing: 0;
- --leo-typography-secondary-heading-h2-line-height: 40px;
- --leo-typography-secondary-heading-h2-paragraph-indent: 0;
- --leo-typography-secondary-heading-h2-paragraph-spacing: 0;
- --leo-typography-secondary-heading-h3-font-size: 22px;
- --leo-typography-secondary-heading-h3-font-weight: 500px;
- --leo-typography-secondary-heading-h3-letter-spacing: 0;
- --leo-typography-secondary-heading-h3-line-height: 32px;
- --leo-typography-secondary-heading-h3-paragraph-indent: 0;
- --leo-typography-secondary-heading-h3-paragraph-spacing: 0;
- --leo-typography-secondary-heading-h4-font-size: 16px;
- --leo-typography-secondary-heading-h4-font-weight: 600px;
- --leo-typography-secondary-heading-h4-letter-spacing: 0.32px;
- --leo-typography-secondary-heading-h4-line-height: 24px;
- --leo-typography-secondary-heading-h4-paragraph-indent: 0;
- --leo-typography-secondary-heading-h4-paragraph-spacing: 0;
- --leo-typography-secondary-large-regular-font-size: 16px;
- --leo-typography-secondary-large-regular-font-weight: 500px;
- --leo-typography-secondary-large-regular-letter-spacing: 0.16px;
- --leo-typography-secondary-large-regular-line-height: 28px;
- --leo-typography-secondary-large-regular-paragraph-indent: 0;
- --leo-typography-secondary-large-regular-paragraph-spacing: 0;
- --leo-typography-secondary-large-semibold-font-size: 16px;
- --leo-typography-secondary-large-semibold-font-weight: 700px;
- --leo-typography-secondary-large-semibold-letter-spacing: 0.16px;
- --leo-typography-secondary-large-semibold-line-height: 28px;
- --leo-typography-secondary-large-semibold-paragraph-indent: 0;
- --leo-typography-secondary-large-semibold-paragraph-spacing: 0;
- --leo-typography-secondary-default-regular-font-size: 14px;
- --leo-typography-secondary-default-regular-font-weight: 500px;
- --leo-typography-secondary-default-regular-letter-spacing: 0.28px;
- --leo-typography-secondary-default-regular-line-height: 24px;
- --leo-typography-secondary-default-regular-paragraph-indent: 0;
- --leo-typography-secondary-default-regular-paragraph-spacing: 0;
- --leo-typography-secondary-default-semibold-font-size: 14px;
- --leo-typography-secondary-default-semibold-font-weight: 700px;
- --leo-typography-secondary-default-semibold-letter-spacing: 0.28px;
- --leo-typography-secondary-default-semibold-line-height: 24px;
- --leo-typography-secondary-default-semibold-paragraph-indent: 0;
- --leo-typography-secondary-default-semibold-paragraph-spacing: 0;
- --leo-typography-secondary-small-regular-font-size: 12px;
- --leo-typography-secondary-small-regular-font-weight: 500px;
- --leo-typography-secondary-small-regular-letter-spacing: 0.24px;
- --leo-typography-secondary-small-regular-line-height: 18px;
- --leo-typography-secondary-small-regular-paragraph-indent: 0;
- --leo-typography-secondary-small-regular-paragraph-spacing: 0;
- --leo-typography-secondary-small-semibold-font-size: 12px;
- --leo-typography-secondary-small-semibold-font-weight: 700px;
- --leo-typography-secondary-small-semibold-letter-spacing: 0.24px;
- --leo-typography-secondary-small-semibold-line-height: 18px;
- --leo-typography-secondary-small-semibold-paragraph-indent: 0;
- --leo-typography-secondary-small-semibold-paragraph-spacing: 0;
- --leo-typography-secondary-x-small-default-font-size: 11px;
- --leo-typography-secondary-x-small-default-font-weight: 500px;
- --leo-typography-secondary-x-small-default-letter-spacing: 0.22px;
- --leo-typography-secondary-x-small-default-line-height: 16px;
- --leo-typography-secondary-x-small-default-paragraph-indent: 0;
- --leo-typography-secondary-x-small-default-paragraph-spacing: 0;
- --leo-typography-secondary-x-small-semibold-font-size: 11px;
- --leo-typography-secondary-x-small-semibold-font-weight: 700px;
- --leo-typography-secondary-x-small-semibold-letter-spacing: 0.22px;
- --leo-typography-secondary-x-small-semibold-line-height: 16px;
- --leo-typography-secondary-x-small-semibold-paragraph-indent: 0;
- --leo-typography-secondary-x-small-semibold-paragraph-spacing: 0;
+ --leo-font-components-button-jumbo: 600 16px/22px Poppins;
+ --leo-typography-browser-large-regular-font-size: 16px;
+ --leo-typography-browser-large-regular-font-weight: 400px;
+ --leo-typography-browser-large-regular-letter-spacing: -0.2px;
+ --leo-typography-browser-large-regular-line-height: 19.2px;
+ --leo-typography-browser-large-regular-paragraph-indent: 0;
+ --leo-typography-browser-large-regular-paragraph-spacing: 0;
+ --leo-typography-browser-large-semibold-font-size: 16px;
+ --leo-typography-browser-large-semibold-font-weight: 600px;
+ --leo-typography-browser-large-semibold-letter-spacing: -0.2px;
+ --leo-typography-browser-large-semibold-line-height: 19.2px;
+ --leo-typography-browser-large-semibold-paragraph-indent: 0;
+ --leo-typography-browser-large-semibold-paragraph-spacing: 0;
+ --leo-typography-browser-default-regular-font-size: 14px;
+ --leo-typography-browser-default-regular-font-weight: 400px;
+ --leo-typography-browser-default-regular-letter-spacing: -0.1px;
+ --leo-typography-browser-default-regular-line-height: 16.8px;
+ --leo-typography-browser-default-regular-paragraph-indent: 0;
+ --leo-typography-browser-default-regular-paragraph-spacing: 0;
+ --leo-typography-browser-default-semibold-font-size: 14px;
+ --leo-typography-browser-default-semibold-font-weight: 600px;
+ --leo-typography-browser-default-semibold-letter-spacing: -0.1px;
+ --leo-typography-browser-default-semibold-line-height: 16.8px;
+ --leo-typography-browser-default-semibold-paragraph-indent: 0;
+ --leo-typography-browser-default-semibold-paragraph-spacing: 0;
+ --leo-typography-browser-small-regular-font-size: 13px;
+ --leo-typography-browser-small-regular-font-weight: 400px;
+ --leo-typography-browser-small-regular-letter-spacing: 0;
+ --leo-typography-browser-small-regular-line-height: 15.6px;
+ --leo-typography-browser-small-regular-paragraph-indent: 0;
+ --leo-typography-browser-small-regular-paragraph-spacing: 0;
+ --leo-typography-browser-small-semibold-font-size: 13px;
+ --leo-typography-browser-small-semibold-font-weight: 600px;
+ --leo-typography-browser-small-semibold-letter-spacing: 0;
+ --leo-typography-browser-small-semibold-line-height: 15.6px;
+ --leo-typography-browser-small-semibold-paragraph-indent: 0;
+ --leo-typography-browser-small-semibold-paragraph-spacing: 0;
+ --leo-typography-browser-x-small-regular-font-size: 12px;
+ --leo-typography-browser-x-small-regular-font-weight: 400px;
+ --leo-typography-browser-x-small-regular-letter-spacing: 0;
+ --leo-typography-browser-x-small-regular-line-height: 14.4px;
+ --leo-typography-browser-x-small-regular-paragraph-indent: 0;
+ --leo-typography-browser-x-small-regular-paragraph-spacing: 0;
+ --leo-typography-browser-x-small-semibold-font-size: 12px;
+ --leo-typography-browser-x-small-semibold-font-weight: 600px;
+ --leo-typography-browser-x-small-semibold-letter-spacing: 0;
+ --leo-typography-browser-x-small-semibold-line-height: 14.4px;
+ --leo-typography-browser-x-small-semibold-paragraph-indent: 0;
+ --leo-typography-browser-x-small-semibold-paragraph-spacing: 0;
+ --leo-typography-heading-display1-font-size: 52px;
+ --leo-typography-heading-display1-font-weight: 500px;
+ --leo-typography-heading-display1-letter-spacing: 0;
+ --leo-typography-heading-display1-line-height: 68px;
+ --leo-typography-heading-display1-paragraph-indent: 0;
+ --leo-typography-heading-display1-paragraph-spacing: 0;
+ --leo-typography-heading-display2-font-size: 36px;
+ --leo-typography-heading-display2-font-weight: 500px;
+ --leo-typography-heading-display2-letter-spacing: 0;
+ --leo-typography-heading-display2-line-height: 46px;
+ --leo-typography-heading-display2-paragraph-indent: 0;
+ --leo-typography-heading-display2-paragraph-spacing: 0;
+ --leo-typography-heading-h1-font-size: 32px;
+ --leo-typography-heading-h1-font-weight: 500px;
+ --leo-typography-heading-h1-letter-spacing: 0;
+ --leo-typography-heading-h1-line-height: 42px;
+ --leo-typography-heading-h1-paragraph-indent: 0;
+ --leo-typography-heading-h1-paragraph-spacing: 0;
+ --leo-typography-heading-h2-font-size: 28px;
+ --leo-typography-heading-h2-font-weight: 500px;
+ --leo-typography-heading-h2-letter-spacing: 0;
+ --leo-typography-heading-h2-line-height: 36px;
+ --leo-typography-heading-h2-paragraph-indent: 0;
+ --leo-typography-heading-h2-paragraph-spacing: 0;
+ --leo-typography-heading-h3-font-size: 22px;
+ --leo-typography-heading-h3-font-weight: 500px;
+ --leo-typography-heading-h3-letter-spacing: 0;
+ --leo-typography-heading-h3-line-height: 28px;
+ --leo-typography-heading-h3-paragraph-indent: 0;
+ --leo-typography-heading-h3-paragraph-spacing: 0;
+ --leo-typography-heading-h4-font-size: 16px;
+ --leo-typography-heading-h4-font-weight: 600px;
+ --leo-typography-heading-h4-letter-spacing: 0;
+ --leo-typography-heading-h4-line-height: 26px;
+ --leo-typography-heading-h4-paragraph-indent: 0;
+ --leo-typography-heading-h4-paragraph-spacing: 0;
+ --leo-typography-large-regular-font-size: 16px;
+ --leo-typography-large-regular-font-weight: 400px;
+ --leo-typography-large-regular-letter-spacing: -0.2px;
+ --leo-typography-large-regular-line-height: 26px;
+ --leo-typography-large-regular-paragraph-indent: 0;
+ --leo-typography-large-regular-paragraph-spacing: 0;
+ --leo-typography-large-semibold-font-size: 16px;
+ --leo-typography-large-semibold-font-weight: 600px;
+ --leo-typography-large-semibold-letter-spacing: -0.2px;
+ --leo-typography-large-semibold-line-height: 26px;
+ --leo-typography-large-semibold-paragraph-indent: 0;
+ --leo-typography-large-semibold-paragraph-spacing: 0;
+ --leo-typography-large-link-font-size: 16px;
+ --leo-typography-large-link-font-weight: 400px;
+ --leo-typography-large-link-letter-spacing: -0.2px;
+ --leo-typography-large-link-line-height: 26px;
+ --leo-typography-large-link-paragraph-indent: 0;
+ --leo-typography-large-link-paragraph-spacing: 0;
+ --leo-typography-default-regular-font-size: 14px;
+ --leo-typography-default-regular-font-weight: 400px;
+ --leo-typography-default-regular-letter-spacing: -0.1px;
+ --leo-typography-default-regular-line-height: 22px;
+ --leo-typography-default-regular-paragraph-indent: 0;
+ --leo-typography-default-regular-paragraph-spacing: 0;
+ --leo-typography-default-semibold-font-size: 14px;
+ --leo-typography-default-semibold-font-weight: 600px;
+ --leo-typography-default-semibold-letter-spacing: -0.1px;
+ --leo-typography-default-semibold-line-height: 22px;
+ --leo-typography-default-semibold-paragraph-indent: 0;
+ --leo-typography-default-semibold-paragraph-spacing: 0;
+ --leo-typography-default-link-font-size: 14px;
+ --leo-typography-default-link-font-weight: 400px;
+ --leo-typography-default-link-letter-spacing: -0.1px;
+ --leo-typography-default-link-line-height: 22px;
+ --leo-typography-default-link-paragraph-indent: 0;
+ --leo-typography-default-link-paragraph-spacing: 0;
+ --leo-typography-small-regular-font-size: 12px;
+ --leo-typography-small-regular-font-weight: 400px;
+ --leo-typography-small-regular-letter-spacing: 0;
+ --leo-typography-small-regular-line-height: 20px;
+ --leo-typography-small-regular-paragraph-indent: 0;
+ --leo-typography-small-regular-paragraph-spacing: 0;
+ --leo-typography-small-semibold-font-size: 12px;
+ --leo-typography-small-semibold-font-weight: 600px;
+ --leo-typography-small-semibold-letter-spacing: 0;
+ --leo-typography-small-semibold-line-height: 20px;
+ --leo-typography-small-semibold-paragraph-indent: 0;
+ --leo-typography-small-semibold-paragraph-spacing: 0;
+ --leo-typography-small-link-font-size: 12px;
+ --leo-typography-small-link-font-weight: 400px;
+ --leo-typography-small-link-letter-spacing: 0;
+ --leo-typography-small-link-line-height: 20px;
+ --leo-typography-small-link-paragraph-indent: 0;
+ --leo-typography-small-link-paragraph-spacing: 0;
+ --leo-typography-x-small-regular-font-size: 11px;
+ --leo-typography-x-small-regular-font-weight: 400px;
+ --leo-typography-x-small-regular-letter-spacing: 0;
+ --leo-typography-x-small-regular-line-height: 18px;
+ --leo-typography-x-small-regular-paragraph-indent: 0;
+ --leo-typography-x-small-regular-paragraph-spacing: 0;
+ --leo-typography-x-small-semibold-font-size: 11px;
+ --leo-typography-x-small-semibold-font-weight: 600px;
+ --leo-typography-x-small-semibold-letter-spacing: 0;
+ --leo-typography-x-small-semibold-line-height: 18px;
+ --leo-typography-x-small-semibold-paragraph-indent: 0;
+ --leo-typography-x-small-semibold-paragraph-spacing: 0;
+ --leo-typography-x-small-link-font-size: 11px;
+ --leo-typography-x-small-link-font-weight: 400px;
+ --leo-typography-x-small-link-letter-spacing: 0;
+ --leo-typography-x-small-link-line-height: 18px;
+ --leo-typography-x-small-link-paragraph-indent: 0;
+ --leo-typography-x-small-link-paragraph-spacing: 0;
--leo-typography-monospace-large-font-size: 16px;
--leo-typography-monospace-large-font-weight: 400px;
--leo-typography-monospace-large-letter-spacing: 0;
- --leo-typography-monospace-large-line-height: 28px;
+ --leo-typography-monospace-large-line-height: 26px;
--leo-typography-monospace-large-paragraph-indent: 0;
--leo-typography-monospace-large-paragraph-spacing: 0;
--leo-typography-monospace-default-font-size: 14px;
--leo-typography-monospace-default-font-weight: 400px;
--leo-typography-monospace-default-letter-spacing: 0;
- --leo-typography-monospace-default-line-height: 24px;
+ --leo-typography-monospace-default-line-height: 22px;
--leo-typography-monospace-default-paragraph-indent: 0;
--leo-typography-monospace-default-paragraph-spacing: 0;
--leo-typography-monospace-small-font-size: 12px;
--leo-typography-monospace-small-font-weight: 400px;
--leo-typography-monospace-small-letter-spacing: 0;
- --leo-typography-monospace-small-line-height: 18px;
+ --leo-typography-monospace-small-line-height: 20px;
--leo-typography-monospace-small-paragraph-indent: 0;
--leo-typography-monospace-small-paragraph-spacing: 0;
- --leo-typography-mobile-primary-heading-display1-font-size: 32px;
- --leo-typography-mobile-primary-heading-display1-font-weight: 500px;
- --leo-typography-mobile-primary-heading-display1-letter-spacing: 0;
- --leo-typography-mobile-primary-heading-display1-line-height: 48px;
- --leo-typography-mobile-primary-heading-display1-paragraph-indent: 0;
- --leo-typography-mobile-primary-heading-display1-paragraph-spacing: 0;
- --leo-typography-mobile-primary-heading-display2-font-size: 28px;
- --leo-typography-mobile-primary-heading-display2-font-weight: 500px;
- --leo-typography-mobile-primary-heading-display2-letter-spacing: 0;
- --leo-typography-mobile-primary-heading-display2-line-height: 42px;
- --leo-typography-mobile-primary-heading-display2-paragraph-indent: 0;
- --leo-typography-mobile-primary-heading-display2-paragraph-spacing: 0;
- --leo-typography-mobile-primary-heading-h1-font-size: 28px;
- --leo-typography-mobile-primary-heading-h1-font-weight: 500px;
- --leo-typography-mobile-primary-heading-h1-letter-spacing: 0;
- --leo-typography-mobile-primary-heading-h1-line-height: 40px;
- --leo-typography-mobile-primary-heading-h1-paragraph-indent: 0;
- --leo-typography-mobile-primary-heading-h1-paragraph-spacing: 0;
- --leo-typography-mobile-primary-heading-h2-font-size: 22px;
- --leo-typography-mobile-primary-heading-h2-font-weight: 500px;
- --leo-typography-mobile-primary-heading-h2-letter-spacing: 0;
- --leo-typography-mobile-primary-heading-h2-line-height: 32px;
- --leo-typography-mobile-primary-heading-h2-paragraph-indent: 0;
- --leo-typography-mobile-primary-heading-h2-paragraph-spacing: 0;
- --leo-typography-mobile-primary-heading-h3-font-size: 18px;
- --leo-typography-mobile-primary-heading-h3-font-weight: 500px;
- --leo-typography-mobile-primary-heading-h3-letter-spacing: 0;
- --leo-typography-mobile-primary-heading-h3-line-height: 28px;
- --leo-typography-mobile-primary-heading-h3-paragraph-indent: 0;
- --leo-typography-mobile-primary-heading-h3-paragraph-spacing: 0;
- --leo-typography-mobile-primary-heading-h4-font-size: 16px;
- --leo-typography-mobile-primary-heading-h4-font-weight: 600px;
- --leo-typography-mobile-primary-heading-h4-letter-spacing: 0;
- --leo-typography-mobile-primary-heading-h4-line-height: 24px;
- --leo-typography-mobile-primary-heading-h4-paragraph-indent: 0;
- --leo-typography-mobile-primary-heading-h4-paragraph-spacing: 0;
+ --leo-typography-mobile-heading-display1-font-size: 32px;
+ --leo-typography-mobile-heading-display1-font-weight: 500px;
+ --leo-typography-mobile-heading-display1-letter-spacing: 0;
+ --leo-typography-mobile-heading-display1-line-height: 42px;
+ --leo-typography-mobile-heading-display1-paragraph-indent: 0;
+ --leo-typography-mobile-heading-display1-paragraph-spacing: 0;
+ --leo-typography-mobile-heading-display2-font-size: 28px;
+ --leo-typography-mobile-heading-display2-font-weight: 500px;
+ --leo-typography-mobile-heading-display2-letter-spacing: 0;
+ --leo-typography-mobile-heading-display2-line-height: 36px;
+ --leo-typography-mobile-heading-display2-paragraph-indent: 0;
+ --leo-typography-mobile-heading-display2-paragraph-spacing: 0;
+ --leo-typography-mobile-heading-h1-font-size: 28px;
+ --leo-typography-mobile-heading-h1-font-weight: 500px;
+ --leo-typography-mobile-heading-h1-letter-spacing: 0;
+ --leo-typography-mobile-heading-h1-line-height: 36px;
+ --leo-typography-mobile-heading-h1-paragraph-indent: 0;
+ --leo-typography-mobile-heading-h1-paragraph-spacing: 0;
+ --leo-typography-mobile-heading-h2-font-size: 22px;
+ --leo-typography-mobile-heading-h2-font-weight: 500px;
+ --leo-typography-mobile-heading-h2-letter-spacing: 0;
+ --leo-typography-mobile-heading-h2-line-height: 28px;
+ --leo-typography-mobile-heading-h2-paragraph-indent: 0;
+ --leo-typography-mobile-heading-h2-paragraph-spacing: 0;
+ --leo-typography-mobile-heading-h3-font-size: 18px;
+ --leo-typography-mobile-heading-h3-font-weight: 500px;
+ --leo-typography-mobile-heading-h3-letter-spacing: 0;
+ --leo-typography-mobile-heading-h3-line-height: 26px;
+ --leo-typography-mobile-heading-h3-paragraph-indent: 0;
+ --leo-typography-mobile-heading-h3-paragraph-spacing: 0;
+ --leo-typography-mobile-heading-h4-font-size: 16px;
+ --leo-typography-mobile-heading-h4-font-weight: 600px;
+ --leo-typography-mobile-heading-h4-letter-spacing: 0;
+ --leo-typography-mobile-heading-h4-line-height: 26px;
+ --leo-typography-mobile-heading-h4-paragraph-indent: 0;
+ --leo-typography-mobile-heading-h4-paragraph-spacing: 0;
--leo-typography-components-label-font-size: 10px;
- --leo-typography-components-label-font-weight: 600px;
- --leo-typography-components-label-letter-spacing: 0.4px;
+ --leo-typography-components-label-font-weight: 700px;
+ --leo-typography-components-label-letter-spacing: 0;
--leo-typography-components-label-line-height: 12px;
--leo-typography-components-label-paragraph-indent: 0;
--leo-typography-components-label-paragraph-spacing: 0;
--leo-typography-components-tableheader-font-size: 13px;
--leo-typography-components-tableheader-font-weight: 500px;
- --leo-typography-components-tableheader-letter-spacing: 0;
- --leo-typography-components-tableheader-line-height: 20px;
+ --leo-typography-components-tableheader-letter-spacing: -0.1px;
+ --leo-typography-components-tableheader-line-height: 15.6px;
--leo-typography-components-tableheader-paragraph-indent: 0;
--leo-typography-components-tableheader-paragraph-spacing: 0;
- --leo-typography-components-navbutton-font-size: 15px;
+ --leo-typography-components-navbutton-font-size: 14px;
--leo-typography-components-navbutton-font-weight: 600px;
- --leo-typography-components-navbutton-letter-spacing: 0.3px;
- --leo-typography-components-navbutton-line-height: 20px;
+ --leo-typography-components-navbutton-letter-spacing: 0;
+ --leo-typography-components-navbutton-line-height: 22px;
--leo-typography-components-navbutton-paragraph-indent: 0;
--leo-typography-components-navbutton-paragraph-spacing: 0;
--leo-typography-components-button-small-font-size: 12px;
--leo-typography-components-button-small-font-weight: 600px;
--leo-typography-components-button-small-letter-spacing: 0.36px;
- --leo-typography-components-button-small-line-height: 16px;
+ --leo-typography-components-button-small-line-height: 20px;
--leo-typography-components-button-small-paragraph-indent: 0;
--leo-typography-components-button-small-paragraph-spacing: 0;
--leo-typography-components-button-default-font-size: 13px;
--leo-typography-components-button-default-font-weight: 600px;
--leo-typography-components-button-default-letter-spacing: 0.39px;
- --leo-typography-components-button-default-line-height: 20px;
+ --leo-typography-components-button-default-line-height: 21px;
--leo-typography-components-button-default-paragraph-indent: 0;
--leo-typography-components-button-default-paragraph-spacing: 0;
--leo-typography-components-button-large-font-size: 14px;
@@ -421,7 +295,7 @@
--leo-typography-components-button-jumbo-font-size: 16px;
--leo-typography-components-button-jumbo-font-weight: 600px;
--leo-typography-components-button-jumbo-letter-spacing: 0.16px;
- --leo-typography-components-button-jumbo-line-height: 24px;
+ --leo-typography-components-button-jumbo-line-height: 22px;
--leo-typography-components-button-jumbo-paragraph-indent: 0;
--leo-typography-components-button-jumbo-paragraph-spacing: 0;
--leo-color-primitive-gray-1: rgb(246, 247, 248);
@@ -435,17 +309,17 @@
--leo-color-primitive-gray-80: rgb(48, 52, 61);
--leo-color-primitive-gray-90: rgb(33, 36, 42);
--leo-color-primitive-gray-100: rgb(13, 15, 20);
- --leo-color-primitive-primary-1: rgb(242, 245, 255);
- --leo-color-primitive-primary-10: rgb(233, 238, 255);
- --leo-color-primitive-primary-20: rgb(213, 220, 255);
- --leo-color-primitive-primary-30: rgb(183, 198, 255);
- --leo-color-primitive-primary-40: rgb(124, 145, 255);
- --leo-color-primitive-primary-50: rgb(84, 95, 248);
- --leo-color-primitive-primary-60: rgb(63, 57, 232);
- --leo-color-primitive-primary-70: rgb(48, 6, 201);
- --leo-color-primitive-primary-80: rgb(33, 22, 143);
- --leo-color-primitive-primary-90: rgb(22, 16, 101);
- --leo-color-primitive-primary-100: rgb(7, 7, 50);
+ --leo-color-primitive-primary-1: rgb(245, 245, 255);
+ --leo-color-primitive-primary-10: rgb(240, 240, 255);
+ --leo-color-primitive-primary-20: rgb(220, 219, 255);
+ --leo-color-primitive-primary-30: rgb(196, 194, 255);
+ --leo-color-primitive-primary-40: rgb(137, 133, 255);
+ --leo-color-primitive-primary-50: rgb(99, 86, 246);
+ --leo-color-primitive-primary-60: rgb(85, 43, 238);
+ --leo-color-primitive-primary-70: rgb(59, 5, 194);
+ --leo-color-primitive-primary-80: rgb(40, 19, 144);
+ --leo-color-primitive-primary-90: rgb(28, 15, 98);
+ --leo-color-primitive-primary-100: rgb(13, 6, 50);
--leo-color-primitive-secondary-1: rgb(255, 242, 238);
--leo-color-primitive-secondary-10: rgb(255, 233, 225);
--leo-color-primitive-secondary-20: rgb(255, 211, 196);
@@ -562,18 +436,20 @@
--leo-color-primitive-brands-bravelion: rgb(254, 89, 7);
--leo-color-white: rgb(255, 255, 255);
--leo-color-black: rgb(0, 0, 0);
- --leo-gradient-hero: linear-gradient(138.21219643124405deg, rgb(134, 10, 194) 7.000000000000001%, rgb(230, 25, 135) 68%, rgb(255, 71, 26) 96%);
+ --leo-gradient-hero: linear-gradient(179.24640957924876deg, rgb(255, 85, 0) 0%, rgb(245, 0, 45) 100%);
--leo-gradient-icons-active: linear-gradient(321.5013256215316deg, rgb(250, 114, 80) 3%, rgb(255, 24, 147) 40%, rgb(167, 138, 255) 99%);
--leo-gradient-panel-background: linear-gradient(134.9999995731132deg, rgb(48, 6, 201) 0%, rgb(63, 57, 232) 100%);
--leo-gradient-panel-background-alternative: linear-gradient(134.9999995731132deg, rgb(63, 57, 232) 0%, rgb(135, 36, 168) 100%);
- --leo-gradient-toolbar-background: linear-gradient(134.9999995731132deg, rgb(231, 48, 79) 0%, rgb(178, 15, 150) 100%);
+ --leo-gradient-premiumindicator: linear-gradient(127.06278645486384deg, rgb(63, 57, 232) 0%, rgb(0, 186, 214) 100%);
+ --leo-gradient-toolbar-background: linear-gradient(314.9161155270921deg, rgb(236, 19, 73) 0%, rgb(212, 17, 115) 100%);
--leo-gradient-brave-release: linear-gradient(90deg, rgb(255, 85, 0) 0%, rgb(255, 85, 0) 33%, rgb(255, 32, 0) 67%, rgb(255, 32, 0) 100%);
--leo-gradient-brave-beta: linear-gradient(90deg, rgb(0, 153, 229) 0%, rgb(0, 89, 178) 50%, rgb(0, 43, 128) 100%);
--leo-gradient-brave-nightly: linear-gradient(90deg, rgb(144, 30, 225) 0%, rgb(101, 20, 158) 51%, rgb(72, 15, 113) 100%);
--leo-gradient-brave-debug: linear-gradient(90deg, rgb(108, 116, 147) 0%, rgb(87, 93, 117) 51%, rgb(54, 58, 73) 100%);
- --leo-effect-focus-state: 0px 0px 0px 1px rgba(255, 255, 255, 0.3), 0px 0px 0px 2px rgb(63, 57, 232);
- --leo-effect-notificationbackdrop-1: 0px 0px 12px 0px rgba(0, 0, 0, 0.12);
- --leo-effect-notificationbackdrop-2: 0px 0px 4px 0px rgba(0, 0, 0, 0.08);
+ --leo-gradient-hero-legacy: linear-gradient(138.21219643124405deg, rgb(134, 10, 194) 7.000000000000001%, rgb(230, 25, 135) 68%, rgb(255, 71, 26) 96%);
+ --leo-effect-focus-state: 0px 0px 0px 1px rgba(255, 255, 255, 0.3), 0px 0px 0px 2px rgb(85, 43, 238);
+ --leo-effect-notificationbackdrop-1: 0px 2px 8px 0px rgba(0, 0, 0, 0.08);
+ --leo-effect-notificationbackdrop-2: 0px 1px 1px 0px rgba(0, 0, 0, 0.05);
--leo-effect-notificationbackdrop-3: inset 0px 0px 1px 0px rgba(255, 255, 255, 0.1);
--leo-radius-2xs: 1px;
--leo-radius-xs: 2px;
@@ -582,6 +458,7 @@
--leo-radius-l: 12px;
--leo-radius-xl: 16px;
--leo-radius-full: 1000px;
+ --leo-spacing-none: 0px;
--leo-spacing-xs: 2px;
--leo-spacing-s: 4px;
--leo-spacing-m: 8px;
@@ -623,37 +500,39 @@
--leo-color-text-primary: rgb(13, 15, 20);
--leo-color-text-secondary: rgb(63, 72, 85);
--leo-color-text-tertiary: rgb(104, 116, 133);
- --leo-color-text-interactive: rgb(63, 57, 232);
+ --leo-color-text-interactive: rgb(85, 43, 238);
--leo-color-text-interactive-visited: rgb(163, 37, 100);
--leo-color-text-disabled: rgba(33, 36, 42, 0.5);
--leo-color-icon-default: rgb(104, 116, 133);
- --leo-color-icon-interactive: rgb(63, 57, 232);
+ --leo-color-icon-interactive: rgb(85, 43, 238);
--leo-color-icon-disabled: rgba(104, 116, 133, 0.5);
- --leo-color-button-background: rgb(63, 57, 232);
+ --leo-color-button-background: rgb(85, 43, 238);
--leo-color-button-disabled: rgba(104, 116, 133, 0.3);
+ --leo-color-button-error-background: rgb(225, 31, 61);
+ --leo-color-button-success-background: rgb(60, 130, 60);
--leo-color-container-background: rgb(255, 255, 255);
--leo-color-container-highlight: rgb(237, 238, 241);
- --leo-color-container-interactive: rgb(233, 238, 255);
+ --leo-color-container-interactive: rgb(240, 240, 255);
--leo-color-container-disabled: rgba(63, 72, 85, 0.18);
--leo-color-page-background: rgb(246, 247, 248);
--leo-color-divider-subtle: rgba(161, 171, 186, 0.4);
--leo-color-divider-strong: rgba(104, 116, 133, 0.4);
- --leo-color-divider-interactive: rgba(124, 145, 255, 0.4);
+ --leo-color-divider-interactive: rgba(137, 133, 255, 0.4);
--leo-color-dialogs-scrim-background: rgba(13, 15, 20, 0.35);
--leo-color-dialogs-frosted-glass-background: rgba(255, 255, 255, 0.97);
--leo-color-dialogs-divider: rgba(33, 36, 42, 0.1);
--leo-color-dialogs-button-transparent-default: rgba(13, 15, 20, 0.35);
--leo-color-dialogs-button-transparent-hover: rgba(13, 15, 20, 0.5);
- --leo-color-systemfeedback-info-text: rgb(0, 72, 130);
+ --leo-color-systemfeedback-info-text: rgb(0, 97, 170);
--leo-color-systemfeedback-info-icon: rgb(16, 117, 201);
--leo-color-systemfeedback-info-background: rgb(226, 240, 255);
- --leo-color-systemfeedback-success-text: rgb(16, 86, 20);
+ --leo-color-systemfeedback-success-text: rgb(25, 114, 30);
--leo-color-systemfeedback-success-icon: rgb(60, 130, 60);
--leo-color-systemfeedback-success-background: rgb(224, 252, 222);
- --leo-color-systemfeedback-warning-text: rgb(93, 66, 0);
+ --leo-color-systemfeedback-warning-text: rgb(117, 91, 0);
--leo-color-systemfeedback-warning-icon: rgb(140, 111, 3);
--leo-color-systemfeedback-warning-background: rgb(252, 243, 217);
- --leo-color-systemfeedback-error-text: rgb(137, 0, 30);
+ --leo-color-systemfeedback-error-text: rgb(179, 0, 42);
--leo-color-systemfeedback-error-icon: rgb(225, 31, 61);
--leo-color-systemfeedback-error-background: rgb(255, 232, 231);
--leo-color-gray-10: rgb(246, 247, 248);
@@ -663,13 +542,13 @@
--leo-color-gray-50: rgb(84, 96, 113);
--leo-color-gray-60: rgb(63, 72, 85);
--leo-color-gray-70: rgb(33, 36, 42);
- --leo-color-primary-10: rgb(242, 245, 255);
- --leo-color-primary-20: rgb(213, 220, 255);
- --leo-color-primary-30: rgb(124, 145, 255);
- --leo-color-primary-40: rgb(84, 95, 248);
- --leo-color-primary-50: rgb(63, 57, 232);
- --leo-color-primary-60: rgb(48, 6, 201);
- --leo-color-primary-70: rgb(22, 16, 101);
+ --leo-color-primary-10: rgb(245, 245, 255);
+ --leo-color-primary-20: rgb(220, 219, 255);
+ --leo-color-primary-30: rgb(137, 133, 255);
+ --leo-color-primary-40: rgb(99, 86, 246);
+ --leo-color-primary-50: rgb(85, 43, 238);
+ --leo-color-primary-60: rgb(59, 5, 194);
+ --leo-color-primary-70: rgb(28, 15, 98);
--leo-color-secondary-10: rgb(255, 242, 238);
--leo-color-secondary-20: rgb(255, 211, 196);
--leo-color-secondary-30: rgb(255, 96, 34);
@@ -740,13 +619,17 @@
--leo-color-tor-window-50: rgb(120, 69, 147);
--leo-color-tor-window-60: rgb(94, 44, 120);
--leo-color-tor-window-70: rgb(53, 11, 73);
- --leo-effect-elevation-01: 0px 1px 4px 0px rgba(0, 0, 0, 0.07);
- --leo-effect-elevation-02: 0px 3px 10px -1px rgba(0, 0, 0, 0.05);
- --leo-effect-elevation-03: 0px 4px 16px -2px rgba(0, 0, 0, 0.08);
- --leo-effect-elevation-04: 0px 4px 24px -1px rgba(0, 0, 0, 0.06);
- --leo-effect-elevation-05: 0px 6px 32px -2px rgba(0, 0, 0, 0.06);
- --leo-effect-elevation-06: 0px 10px 48px 0px rgba(0, 0, 0, 0.06);
- --leo-effect-elevation-07: 0px 8px 64px 0px rgba(0, 0, 0, 0.06);
+ --leo-color-material-thick: rgba(255, 255, 255, 0.95);
+ --leo-color-material-regular: rgba(255, 255, 255, 0.73);
+ --leo-color-material-thin: rgba(255, 255, 255, 0.56);
+ --leo-color-material-ultrathin: rgba(255, 255, 255, 0.32);
+ --leo-effect-elevation-01: 0px 1px 0px 0px rgba(0, 0, 0, 0.04), 0px 1px 4px 0px rgba(0, 0, 0, 0.07);
+ --leo-effect-elevation-02: 0px 1px 0px 0px rgba(0, 0, 0, 0.04), 0px 3px 10px -1px rgba(0, 0, 0, 0.05);
+ --leo-effect-elevation-03: 0px 1px 0px 0px rgba(0, 0, 0, 0.04), 0px 4px 16px -2px rgba(0, 0, 0, 0.08);
+ --leo-effect-elevation-04: 0px 1px 0px 0px rgba(0, 0, 0, 0.04), 0px 4px 24px -1px rgba(0, 0, 0, 0.06);
+ --leo-effect-elevation-05: 0px 1px 0px 0px rgba(0, 0, 0, 0.04), 0px 6px 32px -2px rgba(0, 0, 0, 0.06);
+ --leo-effect-elevation-06: 0px 1px 0px 0px rgba(0, 0, 0, 0.04), 0px 10px 48px 0px rgba(0, 0, 0, 0.06);
+ --leo-effect-elevation-07: 0px 1px 0px 0px rgba(0, 0, 0, 0.04), 0px 8px 64px 0px rgba(0, 0, 0, 0.06);
}
}
@@ -771,38 +654,40 @@
--leo-color-text-primary: rgb(246, 247, 248);
--leo-color-text-secondary: rgb(219, 222, 226);
--leo-color-text-tertiary: rgb(161, 171, 186);
- --leo-color-text-interactive: rgb(124, 145, 255);
+ --leo-color-text-interactive: rgb(137, 133, 255);
--leo-color-text-interactive-visited: rgb(248, 85, 162);
--leo-color-text-disabled: rgba(237, 238, 241, 0.5);
--leo-color-icon-default: rgb(161, 171, 186);
- --leo-color-icon-interactive: rgb(124, 145, 255);
+ --leo-color-icon-interactive: rgb(137, 133, 255);
--leo-color-icon-disabled: rgba(104, 116, 133, 0.5);
- --leo-color-button-background: rgb(63, 57, 232);
+ --leo-color-button-background: rgb(85, 43, 238);
--leo-color-button-disabled: rgba(104, 116, 133, 0.3);
+ --leo-color-button-error-background: rgb(225, 31, 61);
+ --leo-color-button-success-background: rgb(60, 130, 60);
--leo-color-container-background: rgb(13, 15, 20);
--leo-color-container-highlight: rgb(33, 36, 42);
- --leo-color-container-interactive: rgb(22, 16, 101);
+ --leo-color-container-interactive: rgb(28, 15, 98);
--leo-color-container-disabled: rgba(195, 201, 211, 0.18);
--leo-color-page-background: rgb(0, 0, 0);
--leo-color-divider-subtle: rgba(104, 116, 133, 0.4);
- --leo-color-divider-strong: rgba(104, 116, 133, 0.4);
- --leo-color-divider-interactive: rgba(124, 145, 255, 0.4);
+ --leo-color-divider-strong: rgba(161, 171, 186, 0.4);
+ --leo-color-divider-interactive: rgba(137, 133, 255, 0.4);
--leo-color-dialogs-scrim-background: rgba(33, 36, 42, 0.7);
--leo-color-dialogs-frosted-glass-background: rgba(13, 15, 20, 0.9);
--leo-color-dialogs-divider: rgba(33, 36, 42, 0.65);
--leo-color-dialogs-button-transparent-default: rgba(13, 15, 20, 0.35);
--leo-color-dialogs-button-transparent-hover: rgba(13, 15, 20, 0.5);
- --leo-color-systemfeedback-info-text: rgb(199, 225, 255);
- --leo-color-systemfeedback-info-icon: rgb(16, 117, 201);
+ --leo-color-systemfeedback-info-text: rgb(160, 205, 255);
+ --leo-color-systemfeedback-info-icon: rgb(57, 159, 255);
--leo-color-systemfeedback-info-background: rgb(7, 37, 66);
- --leo-color-systemfeedback-success-text: rgb(224, 252, 222);
- --leo-color-systemfeedback-success-icon: rgb(60, 130, 60);
+ --leo-color-systemfeedback-success-text: rgb(148, 223, 145);
+ --leo-color-systemfeedback-success-icon: rgb(42, 186, 50);
--leo-color-systemfeedback-success-background: rgb(9, 44, 9);
- --leo-color-systemfeedback-warning-text: rgb(252, 243, 217);
- --leo-color-systemfeedback-warning-icon: rgb(140, 111, 3);
+ --leo-color-systemfeedback-warning-text: rgb(243, 194, 17);
+ --leo-color-systemfeedback-warning-icon: rgb(189, 150, 0);
--leo-color-systemfeedback-warning-background: rgb(45, 35, 7);
- --leo-color-systemfeedback-error-text: rgb(255, 232, 231);
- --leo-color-systemfeedback-error-icon: rgb(225, 31, 61);
+ --leo-color-systemfeedback-error-text: rgb(255, 177, 176);
+ --leo-color-systemfeedback-error-icon: rgb(255, 90, 99);
--leo-color-systemfeedback-error-background: rgb(70, 10, 16);
--leo-color-gray-10: rgb(33, 36, 42);
--leo-color-gray-20: rgb(48, 52, 61);
@@ -811,13 +696,13 @@
--leo-color-gray-50: rgb(161, 171, 186);
--leo-color-gray-60: rgb(194, 201, 211);
--leo-color-gray-70: rgb(237, 238, 241);
- --leo-color-primary-10: rgb(22, 16, 101);
- --leo-color-primary-20: rgb(33, 22, 143);
- --leo-color-primary-30: rgb(63, 57, 232);
- --leo-color-primary-40: rgb(84, 95, 248);
- --leo-color-primary-50: rgb(124, 145, 255);
- --leo-color-primary-60: rgb(183, 198, 255);
- --leo-color-primary-70: rgb(233, 238, 255);
+ --leo-color-primary-10: rgb(28, 15, 98);
+ --leo-color-primary-20: rgb(40, 19, 144);
+ --leo-color-primary-30: rgb(85, 43, 238);
+ --leo-color-primary-40: rgb(99, 86, 246);
+ --leo-color-primary-50: rgb(137, 133, 255);
+ --leo-color-primary-60: rgb(196, 194, 255);
+ --leo-color-primary-70: rgb(240, 240, 255);
--leo-color-secondary-10: rgb(63, 21, 6);
--leo-color-secondary-20: rgb(89, 31, 9);
--leo-color-secondary-30: rgb(163, 53, 0);
@@ -888,13 +773,17 @@
--leo-color-tor-window-50: rgb(199, 108, 246);
--leo-color-tor-window-60: rgb(227, 179, 255);
--leo-color-tor-window-70: rgb(246, 232, 255);
- --leo-effect-elevation-01: 0px 1px 4px 0px rgba(0, 0, 0, 0.4);
- --leo-effect-elevation-02: 0px 3px 10px -1px rgba(0, 0, 0, 0.35);
- --leo-effect-elevation-03: 0px 4px 16px -2px rgba(0, 0, 0, 0.3);
- --leo-effect-elevation-04: 0px 4px 24px -1px rgba(0, 0, 0, 0.3);
- --leo-effect-elevation-05: 0px 6px 25px -2px rgba(0, 0, 0, 0.3);
- --leo-effect-elevation-06: 0px 10px 48px 0px rgba(0, 0, 0, 0.3);
- --leo-effect-elevation-07: 0px 8px 64px 0px rgba(0, 0, 0, 0.3);
+ --leo-color-material-thick: rgba(13, 15, 20, 0.85);
+ --leo-color-material-regular: rgba(13, 15, 20, 0.69);
+ --leo-color-material-thin: rgba(13, 15, 20, 0.51);
+ --leo-color-material-ultrathin: rgba(13, 15, 20, 0.35);
+ --leo-effect-elevation-01: inset 0px -1px 0px 0px rgba(255, 255, 255, 0.05), 0px 1px 4px 0px rgba(0, 0, 0, 0.4);
+ --leo-effect-elevation-02: inset 0px -1px 0px 0px rgba(255, 255, 255, 0.05), 0px 3px 10px -1px rgba(0, 0, 0, 0.35);
+ --leo-effect-elevation-03: inset 0px -1px 0px 0px rgba(255, 255, 255, 0.05), 0px 4px 16px -2px rgba(0, 0, 0, 0.3);
+ --leo-effect-elevation-04: inset 0px -1px 0px 0px rgba(255, 255, 255, 0.05), 0px 4px 24px -1px rgba(0, 0, 0, 0.3);
+ --leo-effect-elevation-05: inset 0px -1px 0px 0px rgba(255, 255, 255, 0.05), 0px 6px 25px -2px rgba(0, 0, 0, 0.3);
+ --leo-effect-elevation-06: inset 0px -1px 0px 0px rgba(255, 255, 255, 0.05), 0px 10px 48px 0px rgba(0, 0, 0, 0.3);
+ --leo-effect-elevation-07: inset 0px -1px 0px 0px rgba(255, 255, 255, 0.05), 0px 8px 64px 0px rgba(0, 0, 0, 0.3);
}
}
@@ -918,37 +807,39 @@
--leo-color-text-primary: rgb(13, 15, 20);
--leo-color-text-secondary: rgb(63, 72, 85);
--leo-color-text-tertiary: rgb(104, 116, 133);
- --leo-color-text-interactive: rgb(63, 57, 232);
+ --leo-color-text-interactive: rgb(85, 43, 238);
--leo-color-text-interactive-visited: rgb(163, 37, 100);
--leo-color-text-disabled: rgba(33, 36, 42, 0.5);
--leo-color-icon-default: rgb(104, 116, 133);
- --leo-color-icon-interactive: rgb(63, 57, 232);
+ --leo-color-icon-interactive: rgb(85, 43, 238);
--leo-color-icon-disabled: rgba(104, 116, 133, 0.5);
- --leo-color-button-background: rgb(63, 57, 232);
+ --leo-color-button-background: rgb(85, 43, 238);
--leo-color-button-disabled: rgba(104, 116, 133, 0.3);
+ --leo-color-button-error-background: rgb(225, 31, 61);
+ --leo-color-button-success-background: rgb(60, 130, 60);
--leo-color-container-background: rgb(255, 255, 255);
--leo-color-container-highlight: rgb(237, 238, 241);
- --leo-color-container-interactive: rgb(233, 238, 255);
+ --leo-color-container-interactive: rgb(240, 240, 255);
--leo-color-container-disabled: rgba(63, 72, 85, 0.18);
--leo-color-page-background: rgb(246, 247, 248);
--leo-color-divider-subtle: rgba(161, 171, 186, 0.4);
--leo-color-divider-strong: rgba(104, 116, 133, 0.4);
- --leo-color-divider-interactive: rgba(124, 145, 255, 0.4);
+ --leo-color-divider-interactive: rgba(137, 133, 255, 0.4);
--leo-color-dialogs-scrim-background: rgba(13, 15, 20, 0.35);
--leo-color-dialogs-frosted-glass-background: rgba(255, 255, 255, 0.97);
--leo-color-dialogs-divider: rgba(33, 36, 42, 0.1);
--leo-color-dialogs-button-transparent-default: rgba(13, 15, 20, 0.35);
--leo-color-dialogs-button-transparent-hover: rgba(13, 15, 20, 0.5);
- --leo-color-systemfeedback-info-text: rgb(0, 72, 130);
+ --leo-color-systemfeedback-info-text: rgb(0, 97, 170);
--leo-color-systemfeedback-info-icon: rgb(16, 117, 201);
--leo-color-systemfeedback-info-background: rgb(226, 240, 255);
- --leo-color-systemfeedback-success-text: rgb(16, 86, 20);
+ --leo-color-systemfeedback-success-text: rgb(25, 114, 30);
--leo-color-systemfeedback-success-icon: rgb(60, 130, 60);
--leo-color-systemfeedback-success-background: rgb(224, 252, 222);
- --leo-color-systemfeedback-warning-text: rgb(93, 66, 0);
+ --leo-color-systemfeedback-warning-text: rgb(117, 91, 0);
--leo-color-systemfeedback-warning-icon: rgb(140, 111, 3);
--leo-color-systemfeedback-warning-background: rgb(252, 243, 217);
- --leo-color-systemfeedback-error-text: rgb(137, 0, 30);
+ --leo-color-systemfeedback-error-text: rgb(179, 0, 42);
--leo-color-systemfeedback-error-icon: rgb(225, 31, 61);
--leo-color-systemfeedback-error-background: rgb(255, 232, 231);
--leo-color-gray-10: rgb(246, 247, 248);
@@ -958,13 +849,13 @@
--leo-color-gray-50: rgb(84, 96, 113);
--leo-color-gray-60: rgb(63, 72, 85);
--leo-color-gray-70: rgb(33, 36, 42);
- --leo-color-primary-10: rgb(242, 245, 255);
- --leo-color-primary-20: rgb(213, 220, 255);
- --leo-color-primary-30: rgb(124, 145, 255);
- --leo-color-primary-40: rgb(84, 95, 248);
- --leo-color-primary-50: rgb(63, 57, 232);
- --leo-color-primary-60: rgb(48, 6, 201);
- --leo-color-primary-70: rgb(22, 16, 101);
+ --leo-color-primary-10: rgb(245, 245, 255);
+ --leo-color-primary-20: rgb(220, 219, 255);
+ --leo-color-primary-30: rgb(137, 133, 255);
+ --leo-color-primary-40: rgb(99, 86, 246);
+ --leo-color-primary-50: rgb(85, 43, 238);
+ --leo-color-primary-60: rgb(59, 5, 194);
+ --leo-color-primary-70: rgb(28, 15, 98);
--leo-color-secondary-10: rgb(255, 242, 238);
--leo-color-secondary-20: rgb(255, 211, 196);
--leo-color-secondary-30: rgb(255, 96, 34);
@@ -1035,13 +926,17 @@
--leo-color-tor-window-50: rgb(120, 69, 147);
--leo-color-tor-window-60: rgb(94, 44, 120);
--leo-color-tor-window-70: rgb(53, 11, 73);
- --leo-effect-elevation-01: 0px 1px 4px 0px rgba(0, 0, 0, 0.07);
- --leo-effect-elevation-02: 0px 3px 10px -1px rgba(0, 0, 0, 0.05);
- --leo-effect-elevation-03: 0px 4px 16px -2px rgba(0, 0, 0, 0.08);
- --leo-effect-elevation-04: 0px 4px 24px -1px rgba(0, 0, 0, 0.06);
- --leo-effect-elevation-05: 0px 6px 32px -2px rgba(0, 0, 0, 0.06);
- --leo-effect-elevation-06: 0px 10px 48px 0px rgba(0, 0, 0, 0.06);
- --leo-effect-elevation-07: 0px 8px 64px 0px rgba(0, 0, 0, 0.06);
+ --leo-color-material-thick: rgba(255, 255, 255, 0.95);
+ --leo-color-material-regular: rgba(255, 255, 255, 0.73);
+ --leo-color-material-thin: rgba(255, 255, 255, 0.56);
+ --leo-color-material-ultrathin: rgba(255, 255, 255, 0.32);
+ --leo-effect-elevation-01: 0px 1px 0px 0px rgba(0, 0, 0, 0.04), 0px 1px 4px 0px rgba(0, 0, 0, 0.07);
+ --leo-effect-elevation-02: 0px 1px 0px 0px rgba(0, 0, 0, 0.04), 0px 3px 10px -1px rgba(0, 0, 0, 0.05);
+ --leo-effect-elevation-03: 0px 1px 0px 0px rgba(0, 0, 0, 0.04), 0px 4px 16px -2px rgba(0, 0, 0, 0.08);
+ --leo-effect-elevation-04: 0px 1px 0px 0px rgba(0, 0, 0, 0.04), 0px 4px 24px -1px rgba(0, 0, 0, 0.06);
+ --leo-effect-elevation-05: 0px 1px 0px 0px rgba(0, 0, 0, 0.04), 0px 6px 32px -2px rgba(0, 0, 0, 0.06);
+ --leo-effect-elevation-06: 0px 1px 0px 0px rgba(0, 0, 0, 0.04), 0px 10px 48px 0px rgba(0, 0, 0, 0.06);
+ --leo-effect-elevation-07: 0px 1px 0px 0px rgba(0, 0, 0, 0.04), 0px 8px 64px 0px rgba(0, 0, 0, 0.06);
}
[data-theme="dark"] {
@@ -1064,38 +959,40 @@
--leo-color-text-primary: rgb(246, 247, 248);
--leo-color-text-secondary: rgb(219, 222, 226);
--leo-color-text-tertiary: rgb(161, 171, 186);
- --leo-color-text-interactive: rgb(124, 145, 255);
+ --leo-color-text-interactive: rgb(137, 133, 255);
--leo-color-text-interactive-visited: rgb(248, 85, 162);
--leo-color-text-disabled: rgba(237, 238, 241, 0.5);
--leo-color-icon-default: rgb(161, 171, 186);
- --leo-color-icon-interactive: rgb(124, 145, 255);
+ --leo-color-icon-interactive: rgb(137, 133, 255);
--leo-color-icon-disabled: rgba(104, 116, 133, 0.5);
- --leo-color-button-background: rgb(63, 57, 232);
+ --leo-color-button-background: rgb(85, 43, 238);
--leo-color-button-disabled: rgba(104, 116, 133, 0.3);
+ --leo-color-button-error-background: rgb(225, 31, 61);
+ --leo-color-button-success-background: rgb(60, 130, 60);
--leo-color-container-background: rgb(13, 15, 20);
--leo-color-container-highlight: rgb(33, 36, 42);
- --leo-color-container-interactive: rgb(22, 16, 101);
+ --leo-color-container-interactive: rgb(28, 15, 98);
--leo-color-container-disabled: rgba(195, 201, 211, 0.18);
--leo-color-page-background: rgb(0, 0, 0);
--leo-color-divider-subtle: rgba(104, 116, 133, 0.4);
- --leo-color-divider-strong: rgba(104, 116, 133, 0.4);
- --leo-color-divider-interactive: rgba(124, 145, 255, 0.4);
+ --leo-color-divider-strong: rgba(161, 171, 186, 0.4);
+ --leo-color-divider-interactive: rgba(137, 133, 255, 0.4);
--leo-color-dialogs-scrim-background: rgba(33, 36, 42, 0.7);
--leo-color-dialogs-frosted-glass-background: rgba(13, 15, 20, 0.9);
--leo-color-dialogs-divider: rgba(33, 36, 42, 0.65);
--leo-color-dialogs-button-transparent-default: rgba(13, 15, 20, 0.35);
--leo-color-dialogs-button-transparent-hover: rgba(13, 15, 20, 0.5);
- --leo-color-systemfeedback-info-text: rgb(199, 225, 255);
- --leo-color-systemfeedback-info-icon: rgb(16, 117, 201);
+ --leo-color-systemfeedback-info-text: rgb(160, 205, 255);
+ --leo-color-systemfeedback-info-icon: rgb(57, 159, 255);
--leo-color-systemfeedback-info-background: rgb(7, 37, 66);
- --leo-color-systemfeedback-success-text: rgb(224, 252, 222);
- --leo-color-systemfeedback-success-icon: rgb(60, 130, 60);
+ --leo-color-systemfeedback-success-text: rgb(148, 223, 145);
+ --leo-color-systemfeedback-success-icon: rgb(42, 186, 50);
--leo-color-systemfeedback-success-background: rgb(9, 44, 9);
- --leo-color-systemfeedback-warning-text: rgb(252, 243, 217);
- --leo-color-systemfeedback-warning-icon: rgb(140, 111, 3);
+ --leo-color-systemfeedback-warning-text: rgb(243, 194, 17);
+ --leo-color-systemfeedback-warning-icon: rgb(189, 150, 0);
--leo-color-systemfeedback-warning-background: rgb(45, 35, 7);
- --leo-color-systemfeedback-error-text: rgb(255, 232, 231);
- --leo-color-systemfeedback-error-icon: rgb(225, 31, 61);
+ --leo-color-systemfeedback-error-text: rgb(255, 177, 176);
+ --leo-color-systemfeedback-error-icon: rgb(255, 90, 99);
--leo-color-systemfeedback-error-background: rgb(70, 10, 16);
--leo-color-gray-10: rgb(33, 36, 42);
--leo-color-gray-20: rgb(48, 52, 61);
@@ -1104,13 +1001,13 @@
--leo-color-gray-50: rgb(161, 171, 186);
--leo-color-gray-60: rgb(194, 201, 211);
--leo-color-gray-70: rgb(237, 238, 241);
- --leo-color-primary-10: rgb(22, 16, 101);
- --leo-color-primary-20: rgb(33, 22, 143);
- --leo-color-primary-30: rgb(63, 57, 232);
- --leo-color-primary-40: rgb(84, 95, 248);
- --leo-color-primary-50: rgb(124, 145, 255);
- --leo-color-primary-60: rgb(183, 198, 255);
- --leo-color-primary-70: rgb(233, 238, 255);
+ --leo-color-primary-10: rgb(28, 15, 98);
+ --leo-color-primary-20: rgb(40, 19, 144);
+ --leo-color-primary-30: rgb(85, 43, 238);
+ --leo-color-primary-40: rgb(99, 86, 246);
+ --leo-color-primary-50: rgb(137, 133, 255);
+ --leo-color-primary-60: rgb(196, 194, 255);
+ --leo-color-primary-70: rgb(240, 240, 255);
--leo-color-secondary-10: rgb(63, 21, 6);
--leo-color-secondary-20: rgb(89, 31, 9);
--leo-color-secondary-30: rgb(163, 53, 0);
@@ -1181,11 +1078,15 @@
--leo-color-tor-window-50: rgb(199, 108, 246);
--leo-color-tor-window-60: rgb(227, 179, 255);
--leo-color-tor-window-70: rgb(246, 232, 255);
- --leo-effect-elevation-01: 0px 1px 4px 0px rgba(0, 0, 0, 0.4);
- --leo-effect-elevation-02: 0px 3px 10px -1px rgba(0, 0, 0, 0.35);
- --leo-effect-elevation-03: 0px 4px 16px -2px rgba(0, 0, 0, 0.3);
- --leo-effect-elevation-04: 0px 4px 24px -1px rgba(0, 0, 0, 0.3);
- --leo-effect-elevation-05: 0px 6px 25px -2px rgba(0, 0, 0, 0.3);
- --leo-effect-elevation-06: 0px 10px 48px 0px rgba(0, 0, 0, 0.3);
- --leo-effect-elevation-07: 0px 8px 64px 0px rgba(0, 0, 0, 0.3);
+ --leo-color-material-thick: rgba(13, 15, 20, 0.85);
+ --leo-color-material-regular: rgba(13, 15, 20, 0.69);
+ --leo-color-material-thin: rgba(13, 15, 20, 0.51);
+ --leo-color-material-ultrathin: rgba(13, 15, 20, 0.35);
+ --leo-effect-elevation-01: inset 0px -1px 0px 0px rgba(255, 255, 255, 0.05), 0px 1px 4px 0px rgba(0, 0, 0, 0.4);
+ --leo-effect-elevation-02: inset 0px -1px 0px 0px rgba(255, 255, 255, 0.05), 0px 3px 10px -1px rgba(0, 0, 0, 0.35);
+ --leo-effect-elevation-03: inset 0px -1px 0px 0px rgba(255, 255, 255, 0.05), 0px 4px 16px -2px rgba(0, 0, 0, 0.3);
+ --leo-effect-elevation-04: inset 0px -1px 0px 0px rgba(255, 255, 255, 0.05), 0px 4px 24px -1px rgba(0, 0, 0, 0.3);
+ --leo-effect-elevation-05: inset 0px -1px 0px 0px rgba(255, 255, 255, 0.05), 0px 6px 25px -2px rgba(0, 0, 0, 0.3);
+ --leo-effect-elevation-06: inset 0px -1px 0px 0px rgba(255, 255, 255, 0.05), 0px 10px 48px 0px rgba(0, 0, 0, 0.3);
+ --leo-effect-elevation-07: inset 0px -1px 0px 0px rgba(255, 255, 255, 0.05), 0px 8px 64px 0px rgba(0, 0, 0, 0.3);
}
|
|
Hey, so I think this is ready to land, but I really want brave/brave-core#21005 to land first (as bumping this one is going to require some changes). |
OH ok no problem! We can update later |
|
Yeah sorry @aguscruiz - this ones taking a long time to merge. |
A decision hasn't been made if we want to go more purple or not, so I'm reverting the change until we decide.
fallaciousreasoning
force-pushed
the
tokens
branch
from
1480ce1 to
b7d2d3c
Compare
|
👋 Thanks for Submitting! This PR is available for preview at the link below. ✅ PR tip preview: https://466.pr.nala.bravesoftware.com/ Variables Diff--- ./tokens/css/variables.old.css 2023-11-29 02:59:36.047983846 +0000
+++ ./tokens/css/variables.css 2023-11-29 02:59:10.147967980 +0000
@@ -1,415 +1,289 @@
/**
* Do not edit directly
- * Generated on Mon Nov 27 2023 16:25:03 GMT+0000 (Coordinated Universal Time)
+ * Generated on Wed Nov 29 2023 02:59:10 GMT+0000 (Coordinated Universal Time)
*/
:root {
- --leo-font-macos-large-regular: 400 16px/19.2px SF Pro Text;
- --leo-font-macos-large-semibold: 600 16px/19.2px SF Pro Text;
- --leo-font-macos-default-regular: 400 14px/16.8px SF Pro Text;
- --leo-font-macos-default-semibold: 600 14px/16.8px SF Pro Text;
- --leo-font-macos-small-regular: 400 13px/15.6px SF Pro Text;
- --leo-font-macos-small-semibold: 600 13px/15.6px SF Pro Text;
- --leo-font-macos-x-small-regular: 400 12px/14.4px SF Pro Text;
- --leo-font-macos-x-small-semibold: 600 12px/14.4px SF Pro Text;
- --leo-font-windows-large-regular: 400 16px/19.2px Segoe UI Variable;
- --leo-font-windows-large-semibold: 600 16px/19.2px Segoe UI Variable;
- --leo-font-windows-default-regular: 400 14px/16.8px Segoe UI Variable;
- --leo-font-windows-default-semibold: 600 14px/16.8px Segoe UI Variable;
- --leo-font-windows-small-regular: 400 13px/15.6px Segoe UI Variable;
- --leo-font-windows-small-semibold: 600 13px/15.6px Segoe UI Variable;
- --leo-font-windows-x-small-regular: 400 12px/14.4px Segoe UI Variable;
- --leo-font-windows-x-small-semibold: 600 12px/14.4px Segoe UI Variable;
- --leo-font-primary-heading-display1: 500 52px/78px Poppins;
- --leo-font-primary-heading-display2: 500 36px/54px Poppins;
- --leo-font-primary-heading-h1: 500 32px/48px Poppins;
- --leo-font-primary-heading-h2: 500 28px/40px Poppins;
- --leo-font-primary-heading-h3: 500 22px/32px Poppins;
- --leo-font-primary-heading-h4: 600 16px/24px Poppins;
- --leo-font-primary-large-regular: 400 16px/28px Poppins;
- --leo-font-primary-large-semibold: 600 16px/28px Poppins;
- --leo-font-primary-default-regular: 400 14px/24px Poppins;
- --leo-font-primary-default-semibold: 600 14px/24px Poppins;
- --leo-font-primary-small-regular: 400 12px/18px Poppins;
- --leo-font-primary-small-semibold: 600 12px/18px Poppins;
- --leo-font-primary-x-small-regular: 400 11px/16px Poppins;
- --leo-font-primary-x-small-semibold: 600 11px/16px Poppins;
- --leo-font-secondary-heading-display1: 500 52px/78px Manrope;
- --leo-font-secondary-heading-display2: 500 36px/54px Manrope;
- --leo-font-secondary-heading-h1: 500 32px/48px Manrope;
- --leo-font-secondary-heading-h2: 500 28px/40px Manrope;
- --leo-font-secondary-heading-h3: 500 22px/32px Manrope;
- --leo-font-secondary-heading-h4: 600 16px/24px Manrope;
- --leo-font-secondary-large-regular: 500 16px/28px Manrope;
- --leo-font-secondary-large-semibold: 700 16px/28px Manrope;
- --leo-font-secondary-default-regular: 500 14px/24px Manrope;
- --leo-font-secondary-default-semibold: 700 14px/24px Manrope;
- --leo-font-secondary-small-regular: 500 12px/18px Manrope;
- --leo-font-secondary-small-semibold: 700 12px/18px Manrope;
- --leo-font-secondary-x-small-default: 500 11px/16px Manrope;
- --leo-font-secondary-x-small-semibold: 700 11px/16px Manrope;
- --leo-font-monospace-large: 400 16px/28px SF Mono;
- --leo-font-monospace-default: 400 14px/24px SF Mono;
- --leo-font-monospace-small: 400 12px/18px SF Mono;
- --leo-font-mobile-primary-heading-display1: 500 32px/48px Poppins;
- --leo-font-mobile-primary-heading-display2: 500 28px/42px Poppins;
- --leo-font-mobile-primary-heading-h1: 500 28px/40px Poppins;
- --leo-font-mobile-primary-heading-h2: 500 22px/32px Poppins;
- --leo-font-mobile-primary-heading-h3: 500 18px/28px Poppins;
- --leo-font-mobile-primary-heading-h4: 600 16px/24px Poppins;
- --leo-font-components-label: 600 10px/12px Poppins;
- --leo-font-components-tableheader: 500 13px/20px Poppins;
- --leo-font-components-navbutton: 600 15px/20px Poppins;
- --leo-font-components-button-small: 600 12px/16px Poppins;
- --leo-font-components-button-default: 600 13px/20px Poppins;
+ --leo-font-browser-large-regular: 400 16px/19.2px Inter;
+ --leo-font-browser-large-semibold: 600 16px/19.2px Inter;
+ --leo-font-browser-default-regular: 400 14px/16.8px Inter;
+ --leo-font-browser-default-semibold: 600 14px/16.8px Inter;
+ --leo-font-browser-small-regular: 400 13px/15.6px Inter;
+ --leo-font-browser-small-semibold: 600 13px/15.6px Inter;
+ --leo-font-browser-x-small-regular: 400 12px/14.4px Inter;
+ --leo-font-browser-x-small-semibold: 600 12px/14.4px Inter;
+ --leo-font-heading-display1: 500 52px/68px Poppins;
+ --leo-font-heading-display2: 500 36px/46px Poppins;
+ --leo-font-heading-h1: 500 32px/42px Poppins;
+ --leo-font-heading-h2: 500 28px/36px Poppins;
+ --leo-font-heading-h3: 500 22px/28px Poppins;
+ --leo-font-heading-h4: 600 16px/26px Poppins;
+ --leo-font-large-regular: 400 16px/26px Inter Variable;
+ --leo-font-large-semibold: 600 16px/26px Inter Variable;
+ --leo-font-large-link: 400 16px/26px Inter;
+ --leo-font-default-regular: 400 14px/22px Inter Variable;
+ --leo-font-default-semibold: 600 14px/22px Inter Variable;
+ --leo-font-default-link: 400 14px/22px Inter Variable;
+ --leo-font-small-regular: 400 12px/20px Inter Variable;
+ --leo-font-small-semibold: 600 12px/20px Inter Variable;
+ --leo-font-small-link: 400 12px/20px Inter Variable;
+ --leo-font-x-small-regular: 400 11px/18px Inter Variable;
+ --leo-font-x-small-semibold: 600 11px/18px Inter Variable;
+ --leo-font-x-small-link: 400 11px/18px Inter Variable;
+ --leo-font-monospace-large: 400 16px/26px DM Mono;
+ --leo-font-monospace-default: 400 14px/22px DM Mono;
+ --leo-font-monospace-small: 400 12px/20px DM Mono;
+ --leo-font-mobile-heading-display1: 500 32px/42px Poppins;
+ --leo-font-mobile-heading-display2: 500 28px/36px Poppins;
+ --leo-font-mobile-heading-h1: 500 28px/36px Poppins;
+ --leo-font-mobile-heading-h2: 500 22px/28px Poppins;
+ --leo-font-mobile-heading-h3: 500 18px/26px Poppins;
+ --leo-font-mobile-heading-h4: 600 16px/26px Poppins;
+ --leo-font-components-label: 700 10px/12px Inter Variable;
+ --leo-font-components-tableheader: 500 13px/15.6px Inter Variable;
+ --leo-font-components-navbutton: 600 14px/22px Poppins;
+ --leo-font-components-button-small: 600 12px/20px Poppins;
+ --leo-font-components-button-default: 600 13px/21px Poppins;
--leo-font-components-button-large: 600 14px/22px Poppins;
- --leo-font-components-button-jumbo: 600 16px/24px Poppins;
- --leo-typography-macos-large-regular-font-size: 16px;
- --leo-typography-macos-large-regular-font-weight: 400px;
- --leo-typography-macos-large-regular-letter-spacing: -0.08px;
- --leo-typography-macos-large-regular-line-height: 19.2px;
- --leo-typography-macos-large-regular-paragraph-indent: 0;
- --leo-typography-macos-large-regular-paragraph-spacing: 0;
- --leo-typography-macos-large-semibold-font-size: 16px;
- --leo-typography-macos-large-semibold-font-weight: 600px;
- --leo-typography-macos-large-semibold-letter-spacing: -0.08px;
- --leo-typography-macos-large-semibold-line-height: 19.2px;
- --leo-typography-macos-large-semibold-paragraph-indent: 0;
- --leo-typography-macos-large-semibold-paragraph-spacing: 0;
- --leo-typography-macos-default-regular-font-size: 14px;
- --leo-typography-macos-default-regular-font-weight: 400px;
- --leo-typography-macos-default-regular-letter-spacing: -0.08px;
- --leo-typography-macos-default-regular-line-height: 16.8px;
- --leo-typography-macos-default-regular-paragraph-indent: 0;
- --leo-typography-macos-default-regular-paragraph-spacing: 0;
- --leo-typography-macos-default-semibold-font-size: 14px;
- --leo-typography-macos-default-semibold-font-weight: 600px;
- --leo-typography-macos-default-semibold-letter-spacing: -0.08px;
- --leo-typography-macos-default-semibold-line-height: 16.8px;
- --leo-typography-macos-default-semibold-paragraph-indent: 0;
- --leo-typography-macos-default-semibold-paragraph-spacing: 0;
- --leo-typography-macos-small-regular-font-size: 13px;
- --leo-typography-macos-small-regular-font-weight: 400px;
- --leo-typography-macos-small-regular-letter-spacing: -0.29px;
- --leo-typography-macos-small-regular-line-height: 15.6px;
- --leo-typography-macos-small-regular-paragraph-indent: 0;
- --leo-typography-macos-small-regular-paragraph-spacing: 0;
- --leo-typography-macos-small-semibold-font-size: 13px;
- --leo-typography-macos-small-semibold-font-weight: 600px;
- --leo-typography-macos-small-semibold-letter-spacing: -0.29px;
- --leo-typography-macos-small-semibold-line-height: 15.6px;
- --leo-typography-macos-small-semibold-paragraph-indent: 0;
- --leo-typography-macos-small-semibold-paragraph-spacing: 0;
- --leo-typography-macos-x-small-regular-font-size: 12px;
- --leo-typography-macos-x-small-regular-font-weight: 400px;
- --leo-typography-macos-x-small-regular-letter-spacing: -0.29px;
- --leo-typography-macos-x-small-regular-line-height: 14.4px;
- --leo-typography-macos-x-small-regular-paragraph-indent: 0;
- --leo-typography-macos-x-small-regular-paragraph-spacing: 0;
- --leo-typography-macos-x-small-semibold-font-size: 12px;
- --leo-typography-macos-x-small-semibold-font-weight: 600px;
- --leo-typography-macos-x-small-semibold-letter-spacing: -0.29px;
- --leo-typography-macos-x-small-semibold-line-height: 14.4px;
- --leo-typography-macos-x-small-semibold-paragraph-indent: 0;
- --leo-typography-macos-x-small-semibold-paragraph-spacing: 0;
- --leo-typography-windows-large-regular-font-size: 16px;
- --leo-typography-windows-large-regular-font-weight: 400px;
- --leo-typography-windows-large-regular-letter-spacing: 0;
- --leo-typography-windows-large-regular-line-height: 19.2px;
- --leo-typography-windows-large-regular-paragraph-indent: 0;
- --leo-typography-windows-large-regular-paragraph-spacing: 0;
- --leo-typography-windows-large-semibold-font-size: 16px;
- --leo-typography-windows-large-semibold-font-weight: 600px;
- --leo-typography-windows-large-semibold-letter-spacing: 0;
- --leo-typography-windows-large-semibold-line-height: 19.2px;
- --leo-typography-windows-large-semibold-paragraph-indent: 0;
- --leo-typography-windows-large-semibold-paragraph-spacing: 0;
- --leo-typography-windows-default-regular-font-size: 14px;
- --leo-typography-windows-default-regular-font-weight: 400px;
- --leo-typography-windows-default-regular-letter-spacing: 0;
- --leo-typography-windows-default-regular-line-height: 16.8px;
- --leo-typography-windows-default-regular-paragraph-indent: 0;
- --leo-typography-windows-default-regular-paragraph-spacing: 0;
- --leo-typography-windows-default-semibold-font-size: 14px;
- --leo-typography-windows-default-semibold-font-weight: 600px;
- --leo-typography-windows-default-semibold-letter-spacing: 0;
- --leo-typography-windows-default-semibold-line-height: 16.8px;
- --leo-typography-windows-default-semibold-paragraph-indent: 0;
- --leo-typography-windows-default-semibold-paragraph-spacing: 0;
- --leo-typography-windows-small-regular-font-size: 13px;
- --leo-typography-windows-small-regular-font-weight: 400px;
- --leo-typography-windows-small-regular-letter-spacing: 0;
- --leo-typography-windows-small-regular-line-height: 15.6px;
- --leo-typography-windows-small-regular-paragraph-indent: 0;
- --leo-typography-windows-small-regular-paragraph-spacing: 0;
- --leo-typography-windows-small-semibold-font-size: 13px;
- --leo-typography-windows-small-semibold-font-weight: 600px;
- --leo-typography-windows-small-semibold-letter-spacing: 0;
- --leo-typography-windows-small-semibold-line-height: 15.6px;
- --leo-typography-windows-small-semibold-paragraph-indent: 0;
- --leo-typography-windows-small-semibold-paragraph-spacing: 0;
- --leo-typography-windows-x-small-regular-font-size: 12px;
- --leo-typography-windows-x-small-regular-font-weight: 400px;
- --leo-typography-windows-x-small-regular-letter-spacing: 0;
- --leo-typography-windows-x-small-regular-line-height: 14.4px;
- --leo-typography-windows-x-small-regular-paragraph-indent: 0;
- --leo-typography-windows-x-small-regular-paragraph-spacing: 0;
- --leo-typography-windows-x-small-semibold-font-size: 12px;
- --leo-typography-windows-x-small-semibold-font-weight: 600px;
- --leo-typography-windows-x-small-semibold-letter-spacing: 0;
- --leo-typography-windows-x-small-semibold-line-height: 14.4px;
- --leo-typography-windows-x-small-semibold-paragraph-indent: 0;
- --leo-typography-windows-x-small-semibold-paragraph-spacing: 0;
- --leo-typography-primary-heading-display1-font-size: 52px;
- --leo-typography-primary-heading-display1-font-weight: 500px;
- --leo-typography-primary-heading-display1-letter-spacing: 0;
- --leo-typography-primary-heading-display1-line-height: 78px;
- --leo-typography-primary-heading-display1-paragraph-indent: 0;
- --leo-typography-primary-heading-display1-paragraph-spacing: 0;
- --leo-typography-primary-heading-display2-font-size: 36px;
- --leo-typography-primary-heading-display2-font-weight: 500px;
- --leo-typography-primary-heading-display2-letter-spacing: 0;
- --leo-typography-primary-heading-display2-line-height: 54px;
- --leo-typography-primary-heading-display2-paragraph-indent: 0;
- --leo-typography-primary-heading-display2-paragraph-spacing: 0;
- --leo-typography-primary-heading-h1-font-size: 32px;
- --leo-typography-primary-heading-h1-font-weight: 500px;
- --leo-typography-primary-heading-h1-letter-spacing: 0;
- --leo-typography-primary-heading-h1-line-height: 48px;
- --leo-typography-primary-heading-h1-paragraph-indent: 0;
- --leo-typography-primary-heading-h1-paragraph-spacing: 0;
- --leo-typography-primary-heading-h2-font-size: 28px;
- --leo-typography-primary-heading-h2-font-weight: 500px;
- --leo-typography-primary-heading-h2-letter-spacing: 0;
- --leo-typography-primary-heading-h2-line-height: 40px;
- --leo-typography-primary-heading-h2-paragraph-indent: 0;
- --leo-typography-primary-heading-h2-paragraph-spacing: 0;
- --leo-typography-primary-heading-h3-font-size: 22px;
- --leo-typography-primary-heading-h3-font-weight: 500px;
- --leo-typography-primary-heading-h3-letter-spacing: 0;
- --leo-typography-primary-heading-h3-line-height: 32px;
- --leo-typography-primary-heading-h3-paragraph-indent: 0;
- --leo-typography-primary-heading-h3-paragraph-spacing: 0;
- --leo-typography-primary-heading-h4-font-size: 16px;
- --leo-typography-primary-heading-h4-font-weight: 600px;
- --leo-typography-primary-heading-h4-letter-spacing: 0;
- --leo-typography-primary-heading-h4-line-height: 24px;
- --leo-typography-primary-heading-h4-paragraph-indent: 0;
- --leo-typography-primary-heading-h4-paragraph-spacing: 0;
- --leo-typography-primary-large-regular-font-size: 16px;
- --leo-typography-primary-large-regular-font-weight: 400px;
- --leo-typography-primary-large-regular-letter-spacing: 0;
- --leo-typography-primary-large-regular-line-height: 28px;
- --leo-typography-primary-large-regular-paragraph-indent: 0;
- --leo-typography-primary-large-regular-paragraph-spacing: 0;
- --leo-typography-primary-large-semibold-font-size: 16px;
- --leo-typography-primary-large-semibold-font-weight: 600px;
- --leo-typography-primary-large-semibold-letter-spacing: 0;
- --leo-typography-primary-large-semibold-line-height: 28px;
- --leo-typography-primary-large-semibold-paragraph-indent: 0;
- --leo-typography-primary-large-semibold-paragraph-spacing: 0;
- --leo-typography-primary-default-regular-font-size: 14px;
- --leo-typography-primary-default-regular-font-weight: 400px;
- --leo-typography-primary-default-regular-letter-spacing: 0;
- --leo-typography-primary-default-regular-line-height: 24px;
- --leo-typography-primary-default-regular-paragraph-indent: 0;
- --leo-typography-primary-default-regular-paragraph-spacing: 0;
- --leo-typography-primary-default-semibold-font-size: 14px;
- --leo-typography-primary-default-semibold-font-weight: 600px;
- --leo-typography-primary-default-semibold-letter-spacing: 0;
- --leo-typography-primary-default-semibold-line-height: 24px;
- --leo-typography-primary-default-semibold-paragraph-indent: 0;
- --leo-typography-primary-default-semibold-paragraph-spacing: 0;
- --leo-typography-primary-small-regular-font-size: 12px;
- --leo-typography-primary-small-regular-font-weight: 400px;
- --leo-typography-primary-small-regular-letter-spacing: 0;
- --leo-typography-primary-small-regular-line-height: 18px;
- --leo-typography-primary-small-regular-paragraph-indent: 0;
- --leo-typography-primary-small-regular-paragraph-spacing: 0;
- --leo-typography-primary-small-semibold-font-size: 12px;
- --leo-typography-primary-small-semibold-font-weight: 600px;
- --leo-typography-primary-small-semibold-letter-spacing: 0;
- --leo-typography-primary-small-semibold-line-height: 18px;
- --leo-typography-primary-small-semibold-paragraph-indent: 0;
- --leo-typography-primary-small-semibold-paragraph-spacing: 0;
- --leo-typography-primary-x-small-regular-font-size: 11px;
- --leo-typography-primary-x-small-regular-font-weight: 400px;
- --leo-typography-primary-x-small-regular-letter-spacing: 0;
- --leo-typography-primary-x-small-regular-line-height: 16px;
- --leo-typography-primary-x-small-regular-paragraph-indent: 0;
- --leo-typography-primary-x-small-regular-paragraph-spacing: 0;
- --leo-typography-primary-x-small-semibold-font-size: 11px;
- --leo-typography-primary-x-small-semibold-font-weight: 600px;
- --leo-typography-primary-x-small-semibold-letter-spacing: 0;
- --leo-typography-primary-x-small-semibold-line-height: 16px;
- --leo-typography-primary-x-small-semibold-paragraph-indent: 0;
- --leo-typography-primary-x-small-semibold-paragraph-spacing: 0;
- --leo-typography-secondary-heading-display1-font-size: 52px;
- --leo-typography-secondary-heading-display1-font-weight: 500px;
- --leo-typography-secondary-heading-display1-letter-spacing: 0;
- --leo-typography-secondary-heading-display1-line-height: 78px;
- --leo-typography-secondary-heading-display1-paragraph-indent: 0;
- --leo-typography-secondary-heading-display1-paragraph-spacing: 0;
- --leo-typography-secondary-heading-display2-font-size: 36px;
- --leo-typography-secondary-heading-display2-font-weight: 500px;
- --leo-typography-secondary-heading-display2-letter-spacing: 0;
- --leo-typography-secondary-heading-display2-line-height: 54px;
- --leo-typography-secondary-heading-display2-paragraph-indent: 0;
- --leo-typography-secondary-heading-display2-paragraph-spacing: 0;
- --leo-typography-secondary-heading-h1-font-size: 32px;
- --leo-typography-secondary-heading-h1-font-weight: 500px;
- --leo-typography-secondary-heading-h1-letter-spacing: 0;
- --leo-typography-secondary-heading-h1-line-height: 48px;
- --leo-typography-secondary-heading-h1-paragraph-indent: 0;
- --leo-typography-secondary-heading-h1-paragraph-spacing: 0;
- --leo-typography-secondary-heading-h2-font-size: 28px;
- --leo-typography-secondary-heading-h2-font-weight: 500px;
- --leo-typography-secondary-heading-h2-letter-spacing: 0;
- --leo-typography-secondary-heading-h2-line-height: 40px;
- --leo-typography-secondary-heading-h2-paragraph-indent: 0;
- --leo-typography-secondary-heading-h2-paragraph-spacing: 0;
- --leo-typography-secondary-heading-h3-font-size: 22px;
- --leo-typography-secondary-heading-h3-font-weight: 500px;
- --leo-typography-secondary-heading-h3-letter-spacing: 0;
- --leo-typography-secondary-heading-h3-line-height: 32px;
- --leo-typography-secondary-heading-h3-paragraph-indent: 0;
- --leo-typography-secondary-heading-h3-paragraph-spacing: 0;
- --leo-typography-secondary-heading-h4-font-size: 16px;
- --leo-typography-secondary-heading-h4-font-weight: 600px;
- --leo-typography-secondary-heading-h4-letter-spacing: 0.32px;
- --leo-typography-secondary-heading-h4-line-height: 24px;
- --leo-typography-secondary-heading-h4-paragraph-indent: 0;
- --leo-typography-secondary-heading-h4-paragraph-spacing: 0;
- --leo-typography-secondary-large-regular-font-size: 16px;
- --leo-typography-secondary-large-regular-font-weight: 500px;
- --leo-typography-secondary-large-regular-letter-spacing: 0.16px;
- --leo-typography-secondary-large-regular-line-height: 28px;
- --leo-typography-secondary-large-regular-paragraph-indent: 0;
- --leo-typography-secondary-large-regular-paragraph-spacing: 0;
- --leo-typography-secondary-large-semibold-font-size: 16px;
- --leo-typography-secondary-large-semibold-font-weight: 700px;
- --leo-typography-secondary-large-semibold-letter-spacing: 0.16px;
- --leo-typography-secondary-large-semibold-line-height: 28px;
- --leo-typography-secondary-large-semibold-paragraph-indent: 0;
- --leo-typography-secondary-large-semibold-paragraph-spacing: 0;
- --leo-typography-secondary-default-regular-font-size: 14px;
- --leo-typography-secondary-default-regular-font-weight: 500px;
- --leo-typography-secondary-default-regular-letter-spacing: 0.28px;
- --leo-typography-secondary-default-regular-line-height: 24px;
- --leo-typography-secondary-default-regular-paragraph-indent: 0;
- --leo-typography-secondary-default-regular-paragraph-spacing: 0;
- --leo-typography-secondary-default-semibold-font-size: 14px;
- --leo-typography-secondary-default-semibold-font-weight: 700px;
- --leo-typography-secondary-default-semibold-letter-spacing: 0.28px;
- --leo-typography-secondary-default-semibold-line-height: 24px;
- --leo-typography-secondary-default-semibold-paragraph-indent: 0;
- --leo-typography-secondary-default-semibold-paragraph-spacing: 0;
- --leo-typography-secondary-small-regular-font-size: 12px;
- --leo-typography-secondary-small-regular-font-weight: 500px;
- --leo-typography-secondary-small-regular-letter-spacing: 0.24px;
- --leo-typography-secondary-small-regular-line-height: 18px;
- --leo-typography-secondary-small-regular-paragraph-indent: 0;
- --leo-typography-secondary-small-regular-paragraph-spacing: 0;
- --leo-typography-secondary-small-semibold-font-size: 12px;
- --leo-typography-secondary-small-semibold-font-weight: 700px;
- --leo-typography-secondary-small-semibold-letter-spacing: 0.24px;
- --leo-typography-secondary-small-semibold-line-height: 18px;
- --leo-typography-secondary-small-semibold-paragraph-indent: 0;
- --leo-typography-secondary-small-semibold-paragraph-spacing: 0;
- --leo-typography-secondary-x-small-default-font-size: 11px;
- --leo-typography-secondary-x-small-default-font-weight: 500px;
- --leo-typography-secondary-x-small-default-letter-spacing: 0.22px;
- --leo-typography-secondary-x-small-default-line-height: 16px;
- --leo-typography-secondary-x-small-default-paragraph-indent: 0;
- --leo-typography-secondary-x-small-default-paragraph-spacing: 0;
- --leo-typography-secondary-x-small-semibold-font-size: 11px;
- --leo-typography-secondary-x-small-semibold-font-weight: 700px;
- --leo-typography-secondary-x-small-semibold-letter-spacing: 0.22px;
- --leo-typography-secondary-x-small-semibold-line-height: 16px;
- --leo-typography-secondary-x-small-semibold-paragraph-indent: 0;
- --leo-typography-secondary-x-small-semibold-paragraph-spacing: 0;
+ --leo-font-components-button-jumbo: 600 16px/22px Poppins;
+ --leo-typography-browser-large-regular-font-size: 16px;
+ --leo-typography-browser-large-regular-font-weight: 400px;
+ --leo-typography-browser-large-regular-letter-spacing: -0.2px;
+ --leo-typography-browser-large-regular-line-height: 19.2px;
+ --leo-typography-browser-large-regular-paragraph-indent: 0;
+ --leo-typography-browser-large-regular-paragraph-spacing: 0;
+ --leo-typography-browser-large-semibold-font-size: 16px;
+ --leo-typography-browser-large-semibold-font-weight: 600px;
+ --leo-typography-browser-large-semibold-letter-spacing: -0.2px;
+ --leo-typography-browser-large-semibold-line-height: 19.2px;
+ --leo-typography-browser-large-semibold-paragraph-indent: 0;
+ --leo-typography-browser-large-semibold-paragraph-spacing: 0;
+ --leo-typography-browser-default-regular-font-size: 14px;
+ --leo-typography-browser-default-regular-font-weight: 400px;
+ --leo-typography-browser-default-regular-letter-spacing: -0.1px;
+ --leo-typography-browser-default-regular-line-height: 16.8px;
+ --leo-typography-browser-default-regular-paragraph-indent: 0;
+ --leo-typography-browser-default-regular-paragraph-spacing: 0;
+ --leo-typography-browser-default-semibold-font-size: 14px;
+ --leo-typography-browser-default-semibold-font-weight: 600px;
+ --leo-typography-browser-default-semibold-letter-spacing: -0.1px;
+ --leo-typography-browser-default-semibold-line-height: 16.8px;
+ --leo-typography-browser-default-semibold-paragraph-indent: 0;
+ --leo-typography-browser-default-semibold-paragraph-spacing: 0;
+ --leo-typography-browser-small-regular-font-size: 13px;
+ --leo-typography-browser-small-regular-font-weight: 400px;
+ --leo-typography-browser-small-regular-letter-spacing: 0;
+ --leo-typography-browser-small-regular-line-height: 15.6px;
+ --leo-typography-browser-small-regular-paragraph-indent: 0;
+ --leo-typography-browser-small-regular-paragraph-spacing: 0;
+ --leo-typography-browser-small-semibold-font-size: 13px;
+ --leo-typography-browser-small-semibold-font-weight: 600px;
+ --leo-typography-browser-small-semibold-letter-spacing: 0;
+ --leo-typography-browser-small-semibold-line-height: 15.6px;
+ --leo-typography-browser-small-semibold-paragraph-indent: 0;
+ --leo-typography-browser-small-semibold-paragraph-spacing: 0;
+ --leo-typography-browser-x-small-regular-font-size: 12px;
+ --leo-typography-browser-x-small-regular-font-weight: 400px;
+ --leo-typography-browser-x-small-regular-letter-spacing: 0;
+ --leo-typography-browser-x-small-regular-line-height: 14.4px;
+ --leo-typography-browser-x-small-regular-paragraph-indent: 0;
+ --leo-typography-browser-x-small-regular-paragraph-spacing: 0;
+ --leo-typography-browser-x-small-semibold-font-size: 12px;
+ --leo-typography-browser-x-small-semibold-font-weight: 600px;
+ --leo-typography-browser-x-small-semibold-letter-spacing: 0;
+ --leo-typography-browser-x-small-semibold-line-height: 14.4px;
+ --leo-typography-browser-x-small-semibold-paragraph-indent: 0;
+ --leo-typography-browser-x-small-semibold-paragraph-spacing: 0;
+ --leo-typography-heading-display1-font-size: 52px;
+ --leo-typography-heading-display1-font-weight: 500px;
+ --leo-typography-heading-display1-letter-spacing: 0;
+ --leo-typography-heading-display1-line-height: 68px;
+ --leo-typography-heading-display1-paragraph-indent: 0;
+ --leo-typography-heading-display1-paragraph-spacing: 0;
+ --leo-typography-heading-display2-font-size: 36px;
+ --leo-typography-heading-display2-font-weight: 500px;
+ --leo-typography-heading-display2-letter-spacing: 0;
+ --leo-typography-heading-display2-line-height: 46px;
+ --leo-typography-heading-display2-paragraph-indent: 0;
+ --leo-typography-heading-display2-paragraph-spacing: 0;
+ --leo-typography-heading-h1-font-size: 32px;
+ --leo-typography-heading-h1-font-weight: 500px;
+ --leo-typography-heading-h1-letter-spacing: 0;
+ --leo-typography-heading-h1-line-height: 42px;
+ --leo-typography-heading-h1-paragraph-indent: 0;
+ --leo-typography-heading-h1-paragraph-spacing: 0;
+ --leo-typography-heading-h2-font-size: 28px;
+ --leo-typography-heading-h2-font-weight: 500px;
+ --leo-typography-heading-h2-letter-spacing: 0;
+ --leo-typography-heading-h2-line-height: 36px;
+ --leo-typography-heading-h2-paragraph-indent: 0;
+ --leo-typography-heading-h2-paragraph-spacing: 0;
+ --leo-typography-heading-h3-font-size: 22px;
+ --leo-typography-heading-h3-font-weight: 500px;
+ --leo-typography-heading-h3-letter-spacing: 0;
+ --leo-typography-heading-h3-line-height: 28px;
+ --leo-typography-heading-h3-paragraph-indent: 0;
+ --leo-typography-heading-h3-paragraph-spacing: 0;
+ --leo-typography-heading-h4-font-size: 16px;
+ --leo-typography-heading-h4-font-weight: 600px;
+ --leo-typography-heading-h4-letter-spacing: 0;
+ --leo-typography-heading-h4-line-height: 26px;
+ --leo-typography-heading-h4-paragraph-indent: 0;
+ --leo-typography-heading-h4-paragraph-spacing: 0;
+ --leo-typography-large-regular-font-size: 16px;
+ --leo-typography-large-regular-font-weight: 400px;
+ --leo-typography-large-regular-letter-spacing: -0.2px;
+ --leo-typography-large-regular-line-height: 26px;
+ --leo-typography-large-regular-paragraph-indent: 0;
+ --leo-typography-large-regular-paragraph-spacing: 0;
+ --leo-typography-large-semibold-font-size: 16px;
+ --leo-typography-large-semibold-font-weight: 600px;
+ --leo-typography-large-semibold-letter-spacing: -0.2px;
+ --leo-typography-large-semibold-line-height: 26px;
+ --leo-typography-large-semibold-paragraph-indent: 0;
+ --leo-typography-large-semibold-paragraph-spacing: 0;
+ --leo-typography-large-link-font-size: 16px;
+ --leo-typography-large-link-font-weight: 400px;
+ --leo-typography-large-link-letter-spacing: -0.2px;
+ --leo-typography-large-link-line-height: 26px;
+ --leo-typography-large-link-paragraph-indent: 0;
+ --leo-typography-large-link-paragraph-spacing: 0;
+ --leo-typography-default-regular-font-size: 14px;
+ --leo-typography-default-regular-font-weight: 400px;
+ --leo-typography-default-regular-letter-spacing: -0.1px;
+ --leo-typography-default-regular-line-height: 22px;
+ --leo-typography-default-regular-paragraph-indent: 0;
+ --leo-typography-default-regular-paragraph-spacing: 0;
+ --leo-typography-default-semibold-font-size: 14px;
+ --leo-typography-default-semibold-font-weight: 600px;
+ --leo-typography-default-semibold-letter-spacing: -0.1px;
+ --leo-typography-default-semibold-line-height: 22px;
+ --leo-typography-default-semibold-paragraph-indent: 0;
+ --leo-typography-default-semibold-paragraph-spacing: 0;
+ --leo-typography-default-link-font-size: 14px;
+ --leo-typography-default-link-font-weight: 400px;
+ --leo-typography-default-link-letter-spacing: -0.1px;
+ --leo-typography-default-link-line-height: 22px;
+ --leo-typography-default-link-paragraph-indent: 0;
+ --leo-typography-default-link-paragraph-spacing: 0;
+ --leo-typography-small-regular-font-size: 12px;
+ --leo-typography-small-regular-font-weight: 400px;
+ --leo-typography-small-regular-letter-spacing: 0;
+ --leo-typography-small-regular-line-height: 20px;
+ --leo-typography-small-regular-paragraph-indent: 0;
+ --leo-typography-small-regular-paragraph-spacing: 0;
+ --leo-typography-small-semibold-font-size: 12px;
+ --leo-typography-small-semibold-font-weight: 600px;
+ --leo-typography-small-semibold-letter-spacing: 0;
+ --leo-typography-small-semibold-line-height: 20px;
+ --leo-typography-small-semibold-paragraph-indent: 0;
+ --leo-typography-small-semibold-paragraph-spacing: 0;
+ --leo-typography-small-link-font-size: 12px;
+ --leo-typography-small-link-font-weight: 400px;
+ --leo-typography-small-link-letter-spacing: 0;
+ --leo-typography-small-link-line-height: 20px;
+ --leo-typography-small-link-paragraph-indent: 0;
+ --leo-typography-small-link-paragraph-spacing: 0;
+ --leo-typography-x-small-regular-font-size: 11px;
+ --leo-typography-x-small-regular-font-weight: 400px;
+ --leo-typography-x-small-regular-letter-spacing: 0;
+ --leo-typography-x-small-regular-line-height: 18px;
+ --leo-typography-x-small-regular-paragraph-indent: 0;
+ --leo-typography-x-small-regular-paragraph-spacing: 0;
+ --leo-typography-x-small-semibold-font-size: 11px;
+ --leo-typography-x-small-semibold-font-weight: 600px;
+ --leo-typography-x-small-semibold-letter-spacing: 0;
+ --leo-typography-x-small-semibold-line-height: 18px;
+ --leo-typography-x-small-semibold-paragraph-indent: 0;
+ --leo-typography-x-small-semibold-paragraph-spacing: 0;
+ --leo-typography-x-small-link-font-size: 11px;
+ --leo-typography-x-small-link-font-weight: 400px;
+ --leo-typography-x-small-link-letter-spacing: 0;
+ --leo-typography-x-small-link-line-height: 18px;
+ --leo-typography-x-small-link-paragraph-indent: 0;
+ --leo-typography-x-small-link-paragraph-spacing: 0;
--leo-typography-monospace-large-font-size: 16px;
--leo-typography-monospace-large-font-weight: 400px;
--leo-typography-monospace-large-letter-spacing: 0;
- --leo-typography-monospace-large-line-height: 28px;
+ --leo-typography-monospace-large-line-height: 26px;
--leo-typography-monospace-large-paragraph-indent: 0;
--leo-typography-monospace-large-paragraph-spacing: 0;
--leo-typography-monospace-default-font-size: 14px;
--leo-typography-monospace-default-font-weight: 400px;
--leo-typography-monospace-default-letter-spacing: 0;
- --leo-typography-monospace-default-line-height: 24px;
+ --leo-typography-monospace-default-line-height: 22px;
--leo-typography-monospace-default-paragraph-indent: 0;
--leo-typography-monospace-default-paragraph-spacing: 0;
--leo-typography-monospace-small-font-size: 12px;
--leo-typography-monospace-small-font-weight: 400px;
--leo-typography-monospace-small-letter-spacing: 0;
- --leo-typography-monospace-small-line-height: 18px;
+ --leo-typography-monospace-small-line-height: 20px;
--leo-typography-monospace-small-paragraph-indent: 0;
--leo-typography-monospace-small-paragraph-spacing: 0;
- --leo-typography-mobile-primary-heading-display1-font-size: 32px;
- --leo-typography-mobile-primary-heading-display1-font-weight: 500px;
- --leo-typography-mobile-primary-heading-display1-letter-spacing: 0;
- --leo-typography-mobile-primary-heading-display1-line-height: 48px;
- --leo-typography-mobile-primary-heading-display1-paragraph-indent: 0;
- --leo-typography-mobile-primary-heading-display1-paragraph-spacing: 0;
- --leo-typography-mobile-primary-heading-display2-font-size: 28px;
- --leo-typography-mobile-primary-heading-display2-font-weight: 500px;
- --leo-typography-mobile-primary-heading-display2-letter-spacing: 0;
- --leo-typography-mobile-primary-heading-display2-line-height: 42px;
- --leo-typography-mobile-primary-heading-display2-paragraph-indent: 0;
- --leo-typography-mobile-primary-heading-display2-paragraph-spacing: 0;
- --leo-typography-mobile-primary-heading-h1-font-size: 28px;
- --leo-typography-mobile-primary-heading-h1-font-weight: 500px;
- --leo-typography-mobile-primary-heading-h1-letter-spacing: 0;
- --leo-typography-mobile-primary-heading-h1-line-height: 40px;
- --leo-typography-mobile-primary-heading-h1-paragraph-indent: 0;
- --leo-typography-mobile-primary-heading-h1-paragraph-spacing: 0;
- --leo-typography-mobile-primary-heading-h2-font-size: 22px;
- --leo-typography-mobile-primary-heading-h2-font-weight: 500px;
- --leo-typography-mobile-primary-heading-h2-letter-spacing: 0;
- --leo-typography-mobile-primary-heading-h2-line-height: 32px;
- --leo-typography-mobile-primary-heading-h2-paragraph-indent: 0;
- --leo-typography-mobile-primary-heading-h2-paragraph-spacing: 0;
- --leo-typography-mobile-primary-heading-h3-font-size: 18px;
- --leo-typography-mobile-primary-heading-h3-font-weight: 500px;
- --leo-typography-mobile-primary-heading-h3-letter-spacing: 0;
- --leo-typography-mobile-primary-heading-h3-line-height: 28px;
- --leo-typography-mobile-primary-heading-h3-paragraph-indent: 0;
- --leo-typography-mobile-primary-heading-h3-paragraph-spacing: 0;
- --leo-typography-mobile-primary-heading-h4-font-size: 16px;
- --leo-typography-mobile-primary-heading-h4-font-weight: 600px;
- --leo-typography-mobile-primary-heading-h4-letter-spacing: 0;
- --leo-typography-mobile-primary-heading-h4-line-height: 24px;
- --leo-typography-mobile-primary-heading-h4-paragraph-indent: 0;
- --leo-typography-mobile-primary-heading-h4-paragraph-spacing: 0;
+ --leo-typography-mobile-heading-display1-font-size: 32px;
+ --leo-typography-mobile-heading-display1-font-weight: 500px;
+ --leo-typography-mobile-heading-display1-letter-spacing: 0;
+ --leo-typography-mobile-heading-display1-line-height: 42px;
+ --leo-typography-mobile-heading-display1-paragraph-indent: 0;
+ --leo-typography-mobile-heading-display1-paragraph-spacing: 0;
+ --leo-typography-mobile-heading-display2-font-size: 28px;
+ --leo-typography-mobile-heading-display2-font-weight: 500px;
+ --leo-typography-mobile-heading-display2-letter-spacing: 0;
+ --leo-typography-mobile-heading-display2-line-height: 36px;
+ --leo-typography-mobile-heading-display2-paragraph-indent: 0;
+ --leo-typography-mobile-heading-display2-paragraph-spacing: 0;
+ --leo-typography-mobile-heading-h1-font-size: 28px;
+ --leo-typography-mobile-heading-h1-font-weight: 500px;
+ --leo-typography-mobile-heading-h1-letter-spacing: 0;
+ --leo-typography-mobile-heading-h1-line-height: 36px;
+ --leo-typography-mobile-heading-h1-paragraph-indent: 0;
+ --leo-typography-mobile-heading-h1-paragraph-spacing: 0;
+ --leo-typography-mobile-heading-h2-font-size: 22px;
+ --leo-typography-mobile-heading-h2-font-weight: 500px;
+ --leo-typography-mobile-heading-h2-letter-spacing: 0;
+ --leo-typography-mobile-heading-h2-line-height: 28px;
+ --leo-typography-mobile-heading-h2-paragraph-indent: 0;
+ --leo-typography-mobile-heading-h2-paragraph-spacing: 0;
+ --leo-typography-mobile-heading-h3-font-size: 18px;
+ --leo-typography-mobile-heading-h3-font-weight: 500px;
+ --leo-typography-mobile-heading-h3-letter-spacing: 0;
+ --leo-typography-mobile-heading-h3-line-height: 26px;
+ --leo-typography-mobile-heading-h3-paragraph-indent: 0;
+ --leo-typography-mobile-heading-h3-paragraph-spacing: 0;
+ --leo-typography-mobile-heading-h4-font-size: 16px;
+ --leo-typography-mobile-heading-h4-font-weight: 600px;
+ --leo-typography-mobile-heading-h4-letter-spacing: 0;
+ --leo-typography-mobile-heading-h4-line-height: 26px;
+ --leo-typography-mobile-heading-h4-paragraph-indent: 0;
+ --leo-typography-mobile-heading-h4-paragraph-spacing: 0;
--leo-typography-components-label-font-size: 10px;
- --leo-typography-components-label-font-weight: 600px;
- --leo-typography-components-label-letter-spacing: 0.4px;
+ --leo-typography-components-label-font-weight: 700px;
+ --leo-typography-components-label-letter-spacing: 0;
--leo-typography-components-label-line-height: 12px;
--leo-typography-components-label-paragraph-indent: 0;
--leo-typography-components-label-paragraph-spacing: 0;
--leo-typography-components-tableheader-font-size: 13px;
--leo-typography-components-tableheader-font-weight: 500px;
- --leo-typography-components-tableheader-letter-spacing: 0;
- --leo-typography-components-tableheader-line-height: 20px;
+ --leo-typography-components-tableheader-letter-spacing: -0.1px;
+ --leo-typography-components-tableheader-line-height: 15.6px;
--leo-typography-components-tableheader-paragraph-indent: 0;
--leo-typography-components-tableheader-paragraph-spacing: 0;
- --leo-typography-components-navbutton-font-size: 15px;
+ --leo-typography-components-navbutton-font-size: 14px;
--leo-typography-components-navbutton-font-weight: 600px;
- --leo-typography-components-navbutton-letter-spacing: 0.3px;
- --leo-typography-components-navbutton-line-height: 20px;
+ --leo-typography-components-navbutton-letter-spacing: 0;
+ --leo-typography-components-navbutton-line-height: 22px;
--leo-typography-components-navbutton-paragraph-indent: 0;
--leo-typography-components-navbutton-paragraph-spacing: 0;
--leo-typography-components-button-small-font-size: 12px;
--leo-typography-components-button-small-font-weight: 600px;
--leo-typography-components-button-small-letter-spacing: 0.36px;
- --leo-typography-components-button-small-line-height: 16px;
+ --leo-typography-components-button-small-line-height: 20px;
--leo-typography-components-button-small-paragraph-indent: 0;
--leo-typography-components-button-small-paragraph-spacing: 0;
--leo-typography-components-button-default-font-size: 13px;
--leo-typography-components-button-default-font-weight: 600px;
--leo-typography-components-button-default-letter-spacing: 0.39px;
- --leo-typography-components-button-default-line-height: 20px;
+ --leo-typography-components-button-default-line-height: 21px;
--leo-typography-components-button-default-paragraph-indent: 0;
--leo-typography-components-button-default-paragraph-spacing: 0;
--leo-typography-components-button-large-font-size: 14px;
@@ -421,7 +295,7 @@
--leo-typography-components-button-jumbo-font-size: 16px;
--leo-typography-components-button-jumbo-font-weight: 600px;
--leo-typography-components-button-jumbo-letter-spacing: 0.16px;
- --leo-typography-components-button-jumbo-line-height: 24px;
+ --leo-typography-components-button-jumbo-line-height: 22px;
--leo-typography-components-button-jumbo-paragraph-indent: 0;
--leo-typography-components-button-jumbo-paragraph-spacing: 0;
--leo-color-primitive-gray-1: rgb(246, 247, 248);
@@ -562,18 +436,20 @@
--leo-color-primitive-brands-bravelion: rgb(254, 89, 7);
--leo-color-white: rgb(255, 255, 255);
--leo-color-black: rgb(0, 0, 0);
- --leo-gradient-hero: linear-gradient(138.21219643124405deg, rgb(134, 10, 194) 7.000000000000001%, rgb(230, 25, 135) 68%, rgb(255, 71, 26) 96%);
+ --leo-gradient-hero: linear-gradient(179.24640957924876deg, rgb(255, 85, 0) 0%, rgb(245, 0, 45) 100%);
--leo-gradient-icons-active: linear-gradient(321.5013256215316deg, rgb(250, 114, 80) 3%, rgb(255, 24, 147) 40%, rgb(167, 138, 255) 99%);
--leo-gradient-panel-background: linear-gradient(134.9999995731132deg, rgb(48, 6, 201) 0%, rgb(63, 57, 232) 100%);
--leo-gradient-panel-background-alternative: linear-gradient(134.9999995731132deg, rgb(63, 57, 232) 0%, rgb(135, 36, 168) 100%);
- --leo-gradient-toolbar-background: linear-gradient(134.9999995731132deg, rgb(231, 48, 79) 0%, rgb(178, 15, 150) 100%);
+ --leo-gradient-premiumindicator: linear-gradient(127.06278645486384deg, rgb(63, 57, 232) 0%, rgb(0, 186, 214) 100%);
+ --leo-gradient-toolbar-background: linear-gradient(314.9161155270921deg, rgb(236, 19, 73) 0%, rgb(212, 17, 115) 100%);
--leo-gradient-brave-release: linear-gradient(90deg, rgb(255, 85, 0) 0%, rgb(255, 85, 0) 33%, rgb(255, 32, 0) 67%, rgb(255, 32, 0) 100%);
--leo-gradient-brave-beta: linear-gradient(90deg, rgb(0, 153, 229) 0%, rgb(0, 89, 178) 50%, rgb(0, 43, 128) 100%);
--leo-gradient-brave-nightly: linear-gradient(90deg, rgb(144, 30, 225) 0%, rgb(101, 20, 158) 51%, rgb(72, 15, 113) 100%);
--leo-gradient-brave-debug: linear-gradient(90deg, rgb(108, 116, 147) 0%, rgb(87, 93, 117) 51%, rgb(54, 58, 73) 100%);
+ --leo-gradient-hero-legacy: linear-gradient(138.21219643124405deg, rgb(134, 10, 194) 7.000000000000001%, rgb(230, 25, 135) 68%, rgb(255, 71, 26) 96%);
--leo-effect-focus-state: 0px 0px 0px 1px rgba(255, 255, 255, 0.3), 0px 0px 0px 2px rgb(63, 57, 232);
- --leo-effect-notificationbackdrop-1: 0px 0px 12px 0px rgba(0, 0, 0, 0.12);
- --leo-effect-notificationbackdrop-2: 0px 0px 4px 0px rgba(0, 0, 0, 0.08);
+ --leo-effect-notificationbackdrop-1: 0px 2px 8px 0px rgba(0, 0, 0, 0.08);
+ --leo-effect-notificationbackdrop-2: 0px 1px 1px 0px rgba(0, 0, 0, 0.05);
--leo-effect-notificationbackdrop-3: inset 0px 0px 1px 0px rgba(255, 255, 255, 0.1);
--leo-radius-2xs: 1px;
--leo-radius-xs: 2px;
@@ -582,6 +458,7 @@
--leo-radius-l: 12px;
--leo-radius-xl: 16px;
--leo-radius-full: 1000px;
+ --leo-spacing-none: 0px;
--leo-spacing-xs: 2px;
--leo-spacing-s: 4px;
--leo-spacing-m: 8px;
@@ -631,6 +508,8 @@
--leo-color-icon-disabled: rgba(104, 116, 133, 0.5);
--leo-color-button-background: rgb(63, 57, 232);
--leo-color-button-disabled: rgba(104, 116, 133, 0.3);
+ --leo-color-button-error-background: rgb(225, 31, 61);
+ --leo-color-button-success-background: rgb(60, 130, 60);
--leo-color-container-background: rgb(255, 255, 255);
--leo-color-container-highlight: rgb(237, 238, 241);
--leo-color-container-interactive: rgb(233, 238, 255);
@@ -638,22 +517,22 @@
--leo-color-page-background: rgb(246, 247, 248);
--leo-color-divider-subtle: rgba(161, 171, 186, 0.4);
--leo-color-divider-strong: rgba(104, 116, 133, 0.4);
- --leo-color-divider-interactive: rgba(124, 145, 255, 0.4);
+ --leo-color-divider-interactive: rgba(84, 95, 248, 0.4);
--leo-color-dialogs-scrim-background: rgba(13, 15, 20, 0.35);
--leo-color-dialogs-frosted-glass-background: rgba(255, 255, 255, 0.97);
--leo-color-dialogs-divider: rgba(33, 36, 42, 0.1);
--leo-color-dialogs-button-transparent-default: rgba(13, 15, 20, 0.35);
--leo-color-dialogs-button-transparent-hover: rgba(13, 15, 20, 0.5);
- --leo-color-systemfeedback-info-text: rgb(0, 72, 130);
+ --leo-color-systemfeedback-info-text: rgb(0, 97, 170);
--leo-color-systemfeedback-info-icon: rgb(16, 117, 201);
--leo-color-systemfeedback-info-background: rgb(226, 240, 255);
- --leo-color-systemfeedback-success-text: rgb(16, 86, 20);
+ --leo-color-systemfeedback-success-text: rgb(25, 114, 30);
--leo-color-systemfeedback-success-icon: rgb(60, 130, 60);
--leo-color-systemfeedback-success-background: rgb(224, 252, 222);
- --leo-color-systemfeedback-warning-text: rgb(93, 66, 0);
+ --leo-color-systemfeedback-warning-text: rgb(117, 91, 0);
--leo-color-systemfeedback-warning-icon: rgb(140, 111, 3);
--leo-color-systemfeedback-warning-background: rgb(252, 243, 217);
- --leo-color-systemfeedback-error-text: rgb(137, 0, 30);
+ --leo-color-systemfeedback-error-text: rgb(179, 0, 42);
--leo-color-systemfeedback-error-icon: rgb(225, 31, 61);
--leo-color-systemfeedback-error-background: rgb(255, 232, 231);
--leo-color-gray-10: rgb(246, 247, 248);
@@ -740,13 +619,17 @@
--leo-color-tor-window-50: rgb(120, 69, 147);
--leo-color-tor-window-60: rgb(94, 44, 120);
--leo-color-tor-window-70: rgb(53, 11, 73);
- --leo-effect-elevation-01: 0px 1px 4px 0px rgba(0, 0, 0, 0.07);
- --leo-effect-elevation-02: 0px 3px 10px -1px rgba(0, 0, 0, 0.05);
- --leo-effect-elevation-03: 0px 4px 16px -2px rgba(0, 0, 0, 0.08);
- --leo-effect-elevation-04: 0px 4px 24px -1px rgba(0, 0, 0, 0.06);
- --leo-effect-elevation-05: 0px 6px 32px -2px rgba(0, 0, 0, 0.06);
- --leo-effect-elevation-06: 0px 10px 48px 0px rgba(0, 0, 0, 0.06);
- --leo-effect-elevation-07: 0px 8px 64px 0px rgba(0, 0, 0, 0.06);
+ --leo-color-material-thick: rgba(255, 255, 255, 0.95);
+ --leo-color-material-regular: rgba(255, 255, 255, 0.73);
+ --leo-color-material-thin: rgba(255, 255, 255, 0.56);
+ --leo-color-material-ultrathin: rgba(255, 255, 255, 0.32);
+ --leo-effect-elevation-01: 0px 1px 0px 0px rgba(0, 0, 0, 0.04), 0px 1px 4px 0px rgba(0, 0, 0, 0.07);
+ --leo-effect-elevation-02: 0px 1px 0px 0px rgba(0, 0, 0, 0.04), 0px 3px 10px -1px rgba(0, 0, 0, 0.05);
+ --leo-effect-elevation-03: 0px 1px 0px 0px rgba(0, 0, 0, 0.04), 0px 4px 16px -2px rgba(0, 0, 0, 0.08);
+ --leo-effect-elevation-04: 0px 1px 0px 0px rgba(0, 0, 0, 0.04), 0px 4px 24px -1px rgba(0, 0, 0, 0.06);
+ --leo-effect-elevation-05: 0px 1px 0px 0px rgba(0, 0, 0, 0.04), 0px 6px 32px -2px rgba(0, 0, 0, 0.06);
+ --leo-effect-elevation-06: 0px 1px 0px 0px rgba(0, 0, 0, 0.04), 0px 10px 48px 0px rgba(0, 0, 0, 0.06);
+ --leo-effect-elevation-07: 0px 1px 0px 0px rgba(0, 0, 0, 0.04), 0px 8px 64px 0px rgba(0, 0, 0, 0.06);
}
}
@@ -779,30 +662,32 @@
--leo-color-icon-disabled: rgba(104, 116, 133, 0.5);
--leo-color-button-background: rgb(63, 57, 232);
--leo-color-button-disabled: rgba(104, 116, 133, 0.3);
+ --leo-color-button-error-background: rgb(225, 31, 61);
+ --leo-color-button-success-background: rgb(60, 130, 60);
--leo-color-container-background: rgb(13, 15, 20);
--leo-color-container-highlight: rgb(33, 36, 42);
--leo-color-container-interactive: rgb(22, 16, 101);
--leo-color-container-disabled: rgba(195, 201, 211, 0.18);
--leo-color-page-background: rgb(0, 0, 0);
--leo-color-divider-subtle: rgba(104, 116, 133, 0.4);
- --leo-color-divider-strong: rgba(104, 116, 133, 0.4);
- --leo-color-divider-interactive: rgba(124, 145, 255, 0.4);
+ --leo-color-divider-strong: rgba(161, 171, 186, 0.4);
+ --leo-color-divider-interactive: rgba(84, 95, 248, 0.4);
--leo-color-dialogs-scrim-background: rgba(33, 36, 42, 0.7);
--leo-color-dialogs-frosted-glass-background: rgba(13, 15, 20, 0.9);
--leo-color-dialogs-divider: rgba(33, 36, 42, 0.65);
--leo-color-dialogs-button-transparent-default: rgba(13, 15, 20, 0.35);
--leo-color-dialogs-button-transparent-hover: rgba(13, 15, 20, 0.5);
- --leo-color-systemfeedback-info-text: rgb(199, 225, 255);
- --leo-color-systemfeedback-info-icon: rgb(16, 117, 201);
+ --leo-color-systemfeedback-info-text: rgb(160, 205, 255);
+ --leo-color-systemfeedback-info-icon: rgb(57, 159, 255);
--leo-color-systemfeedback-info-background: rgb(7, 37, 66);
- --leo-color-systemfeedback-success-text: rgb(224, 252, 222);
- --leo-color-systemfeedback-success-icon: rgb(60, 130, 60);
+ --leo-color-systemfeedback-success-text: rgb(148, 223, 145);
+ --leo-color-systemfeedback-success-icon: rgb(42, 186, 50);
--leo-color-systemfeedback-success-background: rgb(9, 44, 9);
- --leo-color-systemfeedback-warning-text: rgb(252, 243, 217);
- --leo-color-systemfeedback-warning-icon: rgb(140, 111, 3);
+ --leo-color-systemfeedback-warning-text: rgb(243, 194, 17);
+ --leo-color-systemfeedback-warning-icon: rgb(189, 150, 0);
--leo-color-systemfeedback-warning-background: rgb(45, 35, 7);
- --leo-color-systemfeedback-error-text: rgb(255, 232, 231);
- --leo-color-systemfeedback-error-icon: rgb(225, 31, 61);
+ --leo-color-systemfeedback-error-text: rgb(255, 177, 176);
+ --leo-color-systemfeedback-error-icon: rgb(255, 90, 99);
--leo-color-systemfeedback-error-background: rgb(70, 10, 16);
--leo-color-gray-10: rgb(33, 36, 42);
--leo-color-gray-20: rgb(48, 52, 61);
@@ -888,13 +773,17 @@
--leo-color-tor-window-50: rgb(199, 108, 246);
--leo-color-tor-window-60: rgb(227, 179, 255);
--leo-color-tor-window-70: rgb(246, 232, 255);
- --leo-effect-elevation-01: 0px 1px 4px 0px rgba(0, 0, 0, 0.4);
- --leo-effect-elevation-02: 0px 3px 10px -1px rgba(0, 0, 0, 0.35);
- --leo-effect-elevation-03: 0px 4px 16px -2px rgba(0, 0, 0, 0.3);
- --leo-effect-elevation-04: 0px 4px 24px -1px rgba(0, 0, 0, 0.3);
- --leo-effect-elevation-05: 0px 6px 25px -2px rgba(0, 0, 0, 0.3);
- --leo-effect-elevation-06: 0px 10px 48px 0px rgba(0, 0, 0, 0.3);
- --leo-effect-elevation-07: 0px 8px 64px 0px rgba(0, 0, 0, 0.3);
+ --leo-color-material-thick: rgba(13, 15, 20, 0.85);
+ --leo-color-material-regular: rgba(13, 15, 20, 0.69);
+ --leo-color-material-thin: rgba(13, 15, 20, 0.51);
+ --leo-color-material-ultrathin: rgba(13, 15, 20, 0.35);
+ --leo-effect-elevation-01: inset 0px -1px 0px 0px rgba(255, 255, 255, 0.05), 0px 1px 4px 0px rgba(0, 0, 0, 0.4);
+ --leo-effect-elevation-02: inset 0px -1px 0px 0px rgba(255, 255, 255, 0.05), 0px 3px 10px -1px rgba(0, 0, 0, 0.35);
+ --leo-effect-elevation-03: inset 0px -1px 0px 0px rgba(255, 255, 255, 0.05), 0px 4px 16px -2px rgba(0, 0, 0, 0.3);
+ --leo-effect-elevation-04: inset 0px -1px 0px 0px rgba(255, 255, 255, 0.05), 0px 4px 24px -1px rgba(0, 0, 0, 0.3);
+ --leo-effect-elevation-05: inset 0px -1px 0px 0px rgba(255, 255, 255, 0.05), 0px 6px 25px -2px rgba(0, 0, 0, 0.3);
+ --leo-effect-elevation-06: inset 0px -1px 0px 0px rgba(255, 255, 255, 0.05), 0px 10px 48px 0px rgba(0, 0, 0, 0.3);
+ --leo-effect-elevation-07: inset 0px -1px 0px 0px rgba(255, 255, 255, 0.05), 0px 8px 64px 0px rgba(0, 0, 0, 0.3);
}
}
@@ -926,6 +815,8 @@
--leo-color-icon-disabled: rgba(104, 116, 133, 0.5);
--leo-color-button-background: rgb(63, 57, 232);
--leo-color-button-disabled: rgba(104, 116, 133, 0.3);
+ --leo-color-button-error-background: rgb(225, 31, 61);
+ --leo-color-button-success-background: rgb(60, 130, 60);
--leo-color-container-background: rgb(255, 255, 255);
--leo-color-container-highlight: rgb(237, 238, 241);
--leo-color-container-interactive: rgb(233, 238, 255);
@@ -933,22 +824,22 @@
--leo-color-page-background: rgb(246, 247, 248);
--leo-color-divider-subtle: rgba(161, 171, 186, 0.4);
--leo-color-divider-strong: rgba(104, 116, 133, 0.4);
- --leo-color-divider-interactive: rgba(124, 145, 255, 0.4);
+ --leo-color-divider-interactive: rgba(84, 95, 248, 0.4);
--leo-color-dialogs-scrim-background: rgba(13, 15, 20, 0.35);
--leo-color-dialogs-frosted-glass-background: rgba(255, 255, 255, 0.97);
--leo-color-dialogs-divider: rgba(33, 36, 42, 0.1);
--leo-color-dialogs-button-transparent-default: rgba(13, 15, 20, 0.35);
--leo-color-dialogs-button-transparent-hover: rgba(13, 15, 20, 0.5);
- --leo-color-systemfeedback-info-text: rgb(0, 72, 130);
+ --leo-color-systemfeedback-info-text: rgb(0, 97, 170);
--leo-color-systemfeedback-info-icon: rgb(16, 117, 201);
--leo-color-systemfeedback-info-background: rgb(226, 240, 255);
- --leo-color-systemfeedback-success-text: rgb(16, 86, 20);
+ --leo-color-systemfeedback-success-text: rgb(25, 114, 30);
--leo-color-systemfeedback-success-icon: rgb(60, 130, 60);
--leo-color-systemfeedback-success-background: rgb(224, 252, 222);
- --leo-color-systemfeedback-warning-text: rgb(93, 66, 0);
+ --leo-color-systemfeedback-warning-text: rgb(117, 91, 0);
--leo-color-systemfeedback-warning-icon: rgb(140, 111, 3);
--leo-color-systemfeedback-warning-background: rgb(252, 243, 217);
- --leo-color-systemfeedback-error-text: rgb(137, 0, 30);
+ --leo-color-systemfeedback-error-text: rgb(179, 0, 42);
--leo-color-systemfeedback-error-icon: rgb(225, 31, 61);
--leo-color-systemfeedback-error-background: rgb(255, 232, 231);
--leo-color-gray-10: rgb(246, 247, 248);
@@ -1035,13 +926,17 @@
--leo-color-tor-window-50: rgb(120, 69, 147);
--leo-color-tor-window-60: rgb(94, 44, 120);
--leo-color-tor-window-70: rgb(53, 11, 73);
- --leo-effect-elevation-01: 0px 1px 4px 0px rgba(0, 0, 0, 0.07);
- --leo-effect-elevation-02: 0px 3px 10px -1px rgba(0, 0, 0, 0.05);
- --leo-effect-elevation-03: 0px 4px 16px -2px rgba(0, 0, 0, 0.08);
- --leo-effect-elevation-04: 0px 4px 24px -1px rgba(0, 0, 0, 0.06);
- --leo-effect-elevation-05: 0px 6px 32px -2px rgba(0, 0, 0, 0.06);
- --leo-effect-elevation-06: 0px 10px 48px 0px rgba(0, 0, 0, 0.06);
- --leo-effect-elevation-07: 0px 8px 64px 0px rgba(0, 0, 0, 0.06);
+ --leo-color-material-thick: rgba(255, 255, 255, 0.95);
+ --leo-color-material-regular: rgba(255, 255, 255, 0.73);
+ --leo-color-material-thin: rgba(255, 255, 255, 0.56);
+ --leo-color-material-ultrathin: rgba(255, 255, 255, 0.32);
+ --leo-effect-elevation-01: 0px 1px 0px 0px rgba(0, 0, 0, 0.04), 0px 1px 4px 0px rgba(0, 0, 0, 0.07);
+ --leo-effect-elevation-02: 0px 1px 0px 0px rgba(0, 0, 0, 0.04), 0px 3px 10px -1px rgba(0, 0, 0, 0.05);
+ --leo-effect-elevation-03: 0px 1px 0px 0px rgba(0, 0, 0, 0.04), 0px 4px 16px -2px rgba(0, 0, 0, 0.08);
+ --leo-effect-elevation-04: 0px 1px 0px 0px rgba(0, 0, 0, 0.04), 0px 4px 24px -1px rgba(0, 0, 0, 0.06);
+ --leo-effect-elevation-05: 0px 1px 0px 0px rgba(0, 0, 0, 0.04), 0px 6px 32px -2px rgba(0, 0, 0, 0.06);
+ --leo-effect-elevation-06: 0px 1px 0px 0px rgba(0, 0, 0, 0.04), 0px 10px 48px 0px rgba(0, 0, 0, 0.06);
+ --leo-effect-elevation-07: 0px 1px 0px 0px rgba(0, 0, 0, 0.04), 0px 8px 64px 0px rgba(0, 0, 0, 0.06);
}
[data-theme="dark"] {
@@ -1072,30 +967,32 @@
--leo-color-icon-disabled: rgba(104, 116, 133, 0.5);
--leo-color-button-background: rgb(63, 57, 232);
--leo-color-button-disabled: rgba(104, 116, 133, 0.3);
+ --leo-color-button-error-background: rgb(225, 31, 61);
+ --leo-color-button-success-background: rgb(60, 130, 60);
--leo-color-container-background: rgb(13, 15, 20);
--leo-color-container-highlight: rgb(33, 36, 42);
--leo-color-container-interactive: rgb(22, 16, 101);
--leo-color-container-disabled: rgba(195, 201, 211, 0.18);
--leo-color-page-background: rgb(0, 0, 0);
--leo-color-divider-subtle: rgba(104, 116, 133, 0.4);
- --leo-color-divider-strong: rgba(104, 116, 133, 0.4);
- --leo-color-divider-interactive: rgba(124, 145, 255, 0.4);
+ --leo-color-divider-strong: rgba(161, 171, 186, 0.4);
+ --leo-color-divider-interactive: rgba(84, 95, 248, 0.4);
--leo-color-dialogs-scrim-background: rgba(33, 36, 42, 0.7);
--leo-color-dialogs-frosted-glass-background: rgba(13, 15, 20, 0.9);
--leo-color-dialogs-divider: rgba(33, 36, 42, 0.65);
--leo-color-dialogs-button-transparent-default: rgba(13, 15, 20, 0.35);
--leo-color-dialogs-button-transparent-hover: rgba(13, 15, 20, 0.5);
- --leo-color-systemfeedback-info-text: rgb(199, 225, 255);
- --leo-color-systemfeedback-info-icon: rgb(16, 117, 201);
+ --leo-color-systemfeedback-info-text: rgb(160, 205, 255);
+ --leo-color-systemfeedback-info-icon: rgb(57, 159, 255);
--leo-color-systemfeedback-info-background: rgb(7, 37, 66);
- --leo-color-systemfeedback-success-text: rgb(224, 252, 222);
- --leo-color-systemfeedback-success-icon: rgb(60, 130, 60);
+ --leo-color-systemfeedback-success-text: rgb(148, 223, 145);
+ --leo-color-systemfeedback-success-icon: rgb(42, 186, 50);
--leo-color-systemfeedback-success-background: rgb(9, 44, 9);
- --leo-color-systemfeedback-warning-text: rgb(252, 243, 217);
- --leo-color-systemfeedback-warning-icon: rgb(140, 111, 3);
+ --leo-color-systemfeedback-warning-text: rgb(243, 194, 17);
+ --leo-color-systemfeedback-warning-icon: rgb(189, 150, 0);
--leo-color-systemfeedback-warning-background: rgb(45, 35, 7);
- --leo-color-systemfeedback-error-text: rgb(255, 232, 231);
- --leo-color-systemfeedback-error-icon: rgb(225, 31, 61);
+ --leo-color-systemfeedback-error-text: rgb(255, 177, 176);
+ --leo-color-systemfeedback-error-icon: rgb(255, 90, 99);
--leo-color-systemfeedback-error-background: rgb(70, 10, 16);
--leo-color-gray-10: rgb(33, 36, 42);
--leo-color-gray-20: rgb(48, 52, 61);
@@ -1181,11 +1078,15 @@
--leo-color-tor-window-50: rgb(199, 108, 246);
--leo-color-tor-window-60: rgb(227, 179, 255);
--leo-color-tor-window-70: rgb(246, 232, 255);
- --leo-effect-elevation-01: 0px 1px 4px 0px rgba(0, 0, 0, 0.4);
- --leo-effect-elevation-02: 0px 3px 10px -1px rgba(0, 0, 0, 0.35);
- --leo-effect-elevation-03: 0px 4px 16px -2px rgba(0, 0, 0, 0.3);
- --leo-effect-elevation-04: 0px 4px 24px -1px rgba(0, 0, 0, 0.3);
- --leo-effect-elevation-05: 0px 6px 25px -2px rgba(0, 0, 0, 0.3);
- --leo-effect-elevation-06: 0px 10px 48px 0px rgba(0, 0, 0, 0.3);
- --leo-effect-elevation-07: 0px 8px 64px 0px rgba(0, 0, 0, 0.3);
+ --leo-color-material-thick: rgba(13, 15, 20, 0.85);
+ --leo-color-material-regular: rgba(13, 15, 20, 0.69);
+ --leo-color-material-thin: rgba(13, 15, 20, 0.51);
+ --leo-color-material-ultrathin: rgba(13, 15, 20, 0.35);
+ --leo-effect-elevation-01: inset 0px -1px 0px 0px rgba(255, 255, 255, 0.05), 0px 1px 4px 0px rgba(0, 0, 0, 0.4);
+ --leo-effect-elevation-02: inset 0px -1px 0px 0px rgba(255, 255, 255, 0.05), 0px 3px 10px -1px rgba(0, 0, 0, 0.35);
+ --leo-effect-elevation-03: inset 0px -1px 0px 0px rgba(255, 255, 255, 0.05), 0px 4px 16px -2px rgba(0, 0, 0, 0.3);
+ --leo-effect-elevation-04: inset 0px -1px 0px 0px rgba(255, 255, 255, 0.05), 0px 4px 24px -1px rgba(0, 0, 0, 0.3);
+ --leo-effect-elevation-05: inset 0px -1px 0px 0px rgba(255, 255, 255, 0.05), 0px 6px 25px -2px rgba(0, 0, 0, 0.3);
+ --leo-effect-elevation-06: inset 0px -1px 0px 0px rgba(255, 255, 255, 0.05), 0px 10px 48px 0px rgba(0, 0, 0, 0.3);
+ --leo-effect-elevation-07: inset 0px -1px 0px 0px rgba(255, 255, 255, 0.05), 0px 8px 64px 0px rgba(0, 0, 0, 0.3);
}
|
|
Going to land this now, as we've updated Brave Core to use Svelte 4! |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
No description provided.