@youcan/celeste-tokens 0.6.71 → 0.6.73
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/tokens.css +1 -1
- package/dist/tokens.scss +42 -42
- package/package.json +1 -1
- package/src/tokens/color.json +17 -17
package/dist/tokens.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@keyframes celeste-fade-in{0%{opacity:0}}@keyframes celeste-fade-out{to{opacity:0}}@keyframes celeste-zoom-in{0%{opacity:0;transform:scale(.95)}}@keyframes celeste-zoom-out{to{opacity:0;transform:scale(.95)}}@keyframes celeste-spin-in{0%{opacity:0;transform:rotate(-30deg)}}@keyframes celeste-spin-out{to{opacity:0;transform:rotate(30deg)}}@keyframes celeste-slide-in-from-top{0%{transform:translateY(-100%)}}@keyframes celeste-slide-in-from-bottom{0%{transform:translateY(100%)}}@keyframes celeste-slide-in-from-left{0%{transform:translateX(-100%)}}@keyframes celeste-slide-in-from-right{0%{transform:translateX(100%)}}@keyframes celeste-slide-out-to-top{to{transform:translateY(-100%)}}@keyframes celeste-slide-out-to-bottom{to{transform:translateY(100%)}}@keyframes celeste-slide-out-to-left{to{transform:translateX(-100%)}}@keyframes celeste-slide-out-to-right{to{transform:translateX(100%)}}@keyframes celeste-bounce{0%,to{transform:translateY(-25%);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:translateY(0);animation-timing-function:cubic-bezier(0,0,.2,1)}}@keyframes celeste-pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes celeste-ping{75%,to{transform:scale(2);opacity:0}}@keyframes celeste-shake{0%,to{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-10px)}20%,40%,60%,80%{transform:translateX(10px)}}@keyframes celeste-swing{0%,to{transform:rotate(0deg)}20%{transform:rotate(15deg)}40%{transform:rotate(-10deg)}60%{transform:rotate(5deg)}80%{transform:rotate(-5deg)}}@keyframes celeste-wiggle{0%,to{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}@keyframes celeste-flip{0%{transform:perspective(400px) rotateY(-180deg);opacity:0}to{transform:perspective(400px) rotateY(0);opacity:1}}@keyframes celeste-flip-out{0%{transform:perspective(400px) rotateY(0);opacity:1}to{transform:perspective(400px) rotateY(180deg);opacity:0}}@keyframes celeste-accordion-down{0%{height:0}to{height:var(--radix-accordion-content-height)}}@keyframes celeste-accordion-up{0%{height:var(--radix-accordion-content-height)}to{height:0}}@keyframes celeste-collapsible-down{0%{height:0}to{height:var(--radix-collapsible-content-height)}}@keyframes celeste-collapsible-up{0%{height:var(--radix-collapsible-content-height)}to{height:0}}@keyframes celeste-enter{0%{opacity:0;transform:translate3d(0,0,0) scale3d(.95,.95,.95) rotate(0)}}@keyframes celeste-exit{to{opacity:0;transform:translate3d(0,0,0) scale3d(.95,.95,.95) rotate(0)}}@keyframes celeste-scale-in{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes celeste-scale-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(0)}}@keyframes celeste-rotate-in{0%{opacity:0;transform:rotate(-200deg)}to{opacity:1;transform:rotate(0)}}@keyframes celeste-rotate-out{0%{opacity:1;transform:rotate(0)}to{opacity:0;transform:rotate(200deg)}}@keyframes celeste-slide-down{0%{height:0;opacity:0}to{height:100%;opacity:1}}@keyframes celeste-slide-up{0%{height:100%;opacity:1}to{height:0;opacity:0}}@keyframes celeste-slide-left{0%{width:0;opacity:0}to{width:100%;opacity:1}}@keyframes celeste-slide-right{0%{width:100%;opacity:1}to{width:0;opacity:0}}@keyframes celeste-glow{0%,to{box-shadow:0 0 5px rgba(255,255,255,.2)}50%{box-shadow:0 0 20px rgba(255,255,255,.6)}}@keyframes celeste-flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}@keyframes celeste-rubber-band{0%,to{transform:scale(1)}30%{transform:scaleX(1.25) scaleY(.75)}40%{transform:scaleX(.75) scaleY(1.25)}50%{transform:scaleX(1.15) scaleY(.85)}65%{transform:scaleX(.95) scaleY(1.05)}75%{transform:scaleX(1.05) scaleY(.95)}}@keyframes celeste-jello{0%,to{transform:skewX(0deg) skewY(0deg)}30%{transform:skewX(25deg) skewY(-25deg)}40%{transform:skewX(-15deg) skewY(15deg)}50%{transform:skewX(15deg) skewY(-15deg)}65%{transform:skewX(-5deg) skewY(5deg)}75%{transform:skewX(5deg) skewY(-5deg)}}@keyframes celeste-heartbeat{0%,28%,70%,to{transform:scale(1)}14%,42%{transform:scale(1.3)}}@font-face{font-family:Cairo;src:url(https://ui-assets.ycdn.store/fonts/Cairo.ttf)}@font-face{font-family:GeistMono;src:url(https://ui-assets.ycdn.store/fonts/Geist-Mono.ttf)}@font-face{font-family:InterVariable;font-style:normal;font-weight:100 900;font-display:swap;src:url(https://ui-assets.ycdn.store/fonts/InterVariable.woff2)format("woff2")}@font-face{font-family:InterVariable;font-style:italic;font-weight:100 900;font-display:swap;src:url(https://ui-assets.ycdn.store/fonts/InterVariable-Italic.woff2)format("woff2")}@font-face{font-family:"InterDisplay";font-style:normal;font-weight:100;font-display:swap;src:url(https://ui-assets.ycdn.store/fonts/InterDisplay-Thin.woff2)format("woff2")}@font-face{font-family:"InterDisplay";font-style:italic;font-weight:100;font-display:swap;src:url(https://ui-assets.ycdn.store/fonts/InterDisplay-ThinItalic.woff2)format("woff2")}@font-face{font-family:"InterDisplay";font-style:normal;font-weight:200;font-display:swap;src:url(https://ui-assets.ycdn.store/fonts/InterDisplay-ExtraLight.woff2)format("woff2")}@font-face{font-family:"InterDisplay";font-style:italic;font-weight:200;font-display:swap;src:url(https://ui-assets.ycdn.store/fonts/InterDisplay-ExtraLightItalic.woff2)format("woff2")}@font-face{font-family:"InterDisplay";font-style:normal;font-weight:300;font-display:swap;src:url(https://ui-assets.ycdn.store/fonts/InterDisplay-Light.woff2)format("woff2")}@font-face{font-family:"InterDisplay";font-style:italic;font-weight:300;font-display:swap;src:url(https://ui-assets.ycdn.store/fonts/InterDisplay-LightItalic.woff2)format("woff2")}@font-face{font-family:"InterDisplay";font-style:normal;font-weight:400;font-display:swap;src:url(https://ui-assets.ycdn.store/fonts/InterDisplay-Regular.woff2)format("woff2")}@font-face{font-family:"InterDisplay";font-style:italic;font-weight:400;font-display:swap;src:url(https://ui-assets.ycdn.store/fonts/InterDisplay-Italic.woff2)format("woff2")}@font-face{font-family:"InterDisplay";font-style:normal;font-weight:500;font-display:swap;src:url(https://ui-assets.ycdn.store/fonts/InterDisplay-Medium.woff2)format("woff2")}@font-face{font-family:"InterDisplay";font-style:italic;font-weight:500;font-display:swap;src:url(https://ui-assets.ycdn.store/fonts/InterDisplay-MediumItalic.woff2)format("woff2")}@font-face{font-family:"InterDisplay";font-style:normal;font-weight:600;font-display:swap;src:url(https://ui-assets.ycdn.store/fonts/InterDisplay-SemiBold.woff2)format("woff2")}@font-face{font-family:"InterDisplay";font-style:italic;font-weight:600;font-display:swap;src:url(https://ui-assets.ycdn.store/fonts/InterDisplay-SemiBoldItalic.woff2)format("woff2")}@font-face{font-family:"InterDisplay";font-style:normal;font-weight:700;font-display:swap;src:url(https://ui-assets.ycdn.store/fonts/InterDisplay-Bold.woff2)format("woff2")}@font-face{font-family:"InterDisplay";font-style:italic;font-weight:700;font-display:swap;src:url(https://ui-assets.ycdn.store/fonts/InterDisplay-BoldItalic.woff2)format("woff2")}@font-face{font-family:"InterDisplay";font-style:normal;font-weight:800;font-display:swap;src:url(https://ui-assets.ycdn.store/fonts/InterDisplay-ExtraBold.woff2)format("woff2")}@font-face{font-family:"InterDisplay";font-style:italic;font-weight:800;font-display:swap;src:url(https://ui-assets.ycdn.store/fonts/InterDisplay-ExtraBoldItalic.woff2)format("woff2")}@font-face{font-family:"InterDisplay";font-style:normal;font-weight:900;font-display:swap;src:url(https://ui-assets.ycdn.store/fonts/InterDisplay-Black.woff2)format("woff2")}@font-face{font-family:"InterDisplay";font-style:italic;font-weight:900;font-display:swap;src:url(https://ui-assets.ycdn.store/fonts/InterDisplay-BlackItalic.woff2)format("woff2")}@font-feature-values InterVariable{@character-variant{cv01:1;cv02:2;cv03:3;cv04:4;cv05:5;cv06:6;cv07:7;cv08:8;cv09:9;cv10:10;cv11:11;cv12:12;cv13:13;alt-1:1;alt-3:9;open-4:2;open-6:3;open-9:4;lc-l-with-tail:5;simplified-u:6;alt-double-s:7;uc-i-with-serif:8;uc-g-with-spur:10;single-story-a:11;compact-lc-f:12;compact-lc-t:13}@styleset{ss01:1;ss02:2;ss03:3;ss04:4;ss05:5;ss06:6;ss07:7;ss08:8;open-digits:1;disambiguation:2;disambiguation-except-zero:4;round-quotes-and-commas:3;square-punctuation:7;square-quotes:8;circled-characters:5;squared-characters:6}}@font-feature-values Inter{@character-variant{cv01:1;cv02:2;cv03:3;cv04:4;cv05:5;cv06:6;cv07:7;cv08:8;cv09:9;cv10:10;cv11:11;cv12:12;cv13:13;alt-1:1;alt-3:9;open-4:2;open-6:3;open-9:4;lc-l-with-tail:5;simplified-u:6;alt-double-s:7;uc-i-with-serif:8;uc-g-with-spur:10;single-story-a:11;compact-lc-f:12;compact-lc-t:13}@styleset{ss01:1;ss02:2;ss03:3;ss04:4;ss05:5;ss06:6;ss07:7;ss08:8;open-digits:1;disambiguation:2;disambiguation-except-zero:4;round-quotes-and-commas:3;square-punctuation:7;square-quotes:8;circled-characters:5;squared-characters:6}}@font-feature-values InterDisplay{@character-variant{cv01:1;cv02:2;cv03:3;cv04:4;cv05:5;cv06:6;cv07:7;cv08:8;cv09:9;cv10:10;cv11:11;cv12:12;cv13:13;alt-1:1;alt-3:9;open-4:2;open-6:3;open-9:4;lc-l-with-tail:5;simplified-u:6;alt-double-s:7;uc-i-with-serif:8;uc-g-with-spur:10;single-story-a:11;compact-lc-f:12;compact-lc-t:13}@styleset{ss01:1;ss02:2;ss03:3;ss04:4;ss05:5;ss06:6;ss07:7;ss08:8;open-digits:1;disambiguation:2;disambiguation-except-zero:4;round-quotes-and-commas:3;square-punctuation:7;square-quotes:8;circled-characters:5;squared-characters:6}}:root{--animation-extra-fast:100ms;--animation-fast:200ms;--animation-normal:300ms;--animation-slow:400ms;--animation-extra-slow:500ms;--color-white-alpha-24:rgba(255, 255, 255, 0.24);--color-white-alpha-16:rgba(255, 255, 255, 0.16);--color-white-alpha-10:rgba(255, 255, 255, 0.1);--color-black-alpha-24:rgba(14, 18, 27, 0.24);--color-black-alpha-16:rgba(14, 18, 27, 0.16);--color-black-alpha-10:rgba(14, 18, 27, 0.1);--color-neutral-0:#ffffff;--color-neutral-50:#f5f7fa;--color-neutral-100:#f2f5f8;--color-neutral-200:#e1e4ea;--color-neutral-300:#cacfd8;--color-neutral-400:#99a0ae;--color-neutral-500:#717784;--color-neutral-600:#525866;--color-neutral-700:#2b303b;--color-neutral-800:#222530;--color-neutral-900:#181b25;--color-neutral-950:#0e121b;--color-neutral-alpha-10:rgba(153, 160, 174, 0.1);--color-neutral-alpha-16:rgba(153, 160, 174, 0.16);--color-neutral-alpha-24:rgba(153, 160, 174, 0.24);--color-red-50:#ffebec;--color-red-100:#ffd5d8;--color-red-200:#ffc0c5;--color-red-300:#ff97a0;--color-red-400:#ff6875;--color-red-500:#fb3748;--color-red-600:#e93544;--color-red-700:#d02533;--color-red-800:#ad1f2b;--color-red-900:#8b1822;--color-red-950:#681219;--color-red-alpha-10:rgba(251, 55, 72, 0.1);--color-red-alpha-16:rgba(251, 55, 72, 0.16);--color-red-alpha-24:rgba(251, 55, 72, 0.24);--color-orange-50:#fff1eb;--color-orange-100:#ffe3d5;--color-orange-200:#ffd5c0;--color-orange-300:#ffba97;--color-orange-400:#ff9a68;--color-orange-500:#ff8447;--color-orange-600:#e97135;--color-orange-700:#d05e25;--color-orange-800:#ad4e1f;--color-orange-900:#8b3e18;--color-orange-950:#682f12;--color-orange-alpha-10:rgba(255, 145, 71, 0.1);--color-orange-alpha-16:rgba(255, 145, 71, 0.16);--color-orange-alpha-24:rgba(255, 145, 71, 0.24);--color-yellow-50:#fffaeb;--color-yellow-100:#ffefcc;--color-yellow-200:#ffecc0;--color-yellow-300:#ffe097;--color-yellow-400:#ffd268;--color-yellow-500:#f6b51e;--color-yellow-600:#e6a819;--color-yellow-700:#c99a2c;--color-yellow-800:#a78025;--color-yellow-900:#86661d;--color-yellow-950:#624c18;--color-yellow-alpha-10:rgba(251, 198, 75, 0.1);--color-yellow-alpha-16:rgba(251, 198, 75, 0.16);--color-yellow-alpha-24:rgba(251, 198, 75, 0.24);--color-green-50:#e0faec;--color-green-100:#d0fbe9;--color-green-200:#c2f5da;--color-green-300:#84ebb4;--color-green-400:#3ee089;--color-green-500:#1fc16b;--color-green-600:#1daf61;--color-green-700:#178c4e;--color-green-800:#1a7544;--color-green-900:#16643b;--color-green-950:#0b4627;--color-green-alpha-10:rgba(31, 193, 107, 0.1);--color-green-alpha-16:rgba(31, 193, 107, 0.16);--color-green-alpha-24:rgba(31, 193, 107, 0.24);--color-teal-50:#e4fbf8;--color-teal-100:#d0fbf5;--color-teal-200:#c2f5ee;--color-teal-300:#84ebdd;--color-teal-400:#3fdec9;--color-teal-500:#22d3bb;--color-teal-600:#1daf9c;--color-teal-700:#178c7d;--color-teal-800:#1a7569;--color-teal-900:#16645a;--color-teal-950:#0b463e;--color-teal-alpha-10:rgba(34, 211, 187, 0.1);--color-teal-alpha-16:rgba(34, 211, 187, 0.16);--color-teal-alpha-24:rgba(34, 211, 187, 0.24);--color-sky-50:#ebf8ff;--color-sky-100:#d5f1ff;--color-sky-200:#c0eaff;--color-sky-300:#97dcff;--color-sky-400:#68cdff;--color-sky-500:#47c2ff;--color-sky-600:#35ade9;--color-sky-700:#2597d0;--color-sky-800:#1f7ead;--color-sky-900:#18658b;--color-sky-950:#124b68;--color-sky-alpha-10:rgba(71, 194, 255, 0.1);--color-sky-alpha-16:rgba(71, 194, 255, 0.16);--color-sky-alpha-24:rgba(71, 194, 255, 0.24);--color-blue-50:#ebf1ff;--color-blue-100:#d5e2ff;--color-blue-200:#c0d5ff;--color-blue-300:#97baff;--color-blue-400:#6895ff;--color-blue-500:#335cff;--color-blue-600:#3559e9;--color-blue-700:#2547d0;--color-blue-800:#1f3bad;--color-blue-900:#182f8b;--color-blue-950:#122368;--color-blue-alpha-10:rgba(71, 108, 255, 0.1);--color-blue-alpha-16:rgba(71, 108, 255, 0.16);--color-blue-alpha-24:rgba(71, 108, 255, 0.24);--color-purple-50:#efebff;--color-purple-100:#dcd5ff;--color-purple-200:#cac0ff;--color-purple-300:#a897ff;--color-purple-400:#8c71f6;--color-purple-500:#7d52f4;--color-purple-600:#693ee0;--color-purple-700:#5b2cc9;--color-purple-800:#4c25a7;--color-purple-900:#3d1d86;--color-purple-950:#351a75;--color-purple-alpha-10:rgba(120, 77, 239, 0.1);--color-purple-alpha-16:rgba(120, 77, 239, 0.16);--color-purple-alpha-24:rgba(120, 77, 239, 0.24);--color-pink-50:#ffebf4;--color-pink-100:#ffd5ea;--color-pink-200:#ffc0df;--color-pink-300:#ff97cb;--color-pink-400:#ff68b3;--color-pink-500:#fb4ba3;--color-pink-600:#e9358f;--color-pink-700:#d0257a;--color-pink-800:#ad1f66;--color-pink-900:#8b1852;--color-pink-950:#68123d;--color-pink-alpha-10:rgba(251, 75, 163, 0.1);--color-pink-alpha-16:rgba(251, 75, 163, 0.16);--color-pink-alpha-24:rgba(251, 75, 163, 0.24);--color-brand-50:#ffebf4;--color-brand-100:#ffd6e9;--color-brand-200:#ffc2dd;--color-brand-300:#ff99c7;--color-brand-400:#ff66ab;--color-brand-500:#e1116f;--color-brand-600:#cb0f64;--color-brand-700:#b40e59;--color-brand-800:#9e0c4e;--color-brand-900:#870a43;--color-brand-950:#681239;--color-static-white:#ffffff;--color-static-black:#0e121b;--color-bg-white-0:#ffffff;--color-bg-weak-50:#f5f7fa;--color-bg-strong-950:#0e121b;--color-bg-surface-800:#222530;--color-bg-soft-200:#e1e4ea;--color-bg-sub-300:#cacfd8;--color-state-faded-light:#e1e4ea;--color-state-faded-base:#717784;--color-state-faded-dark:#222530;--color-state-faded-lighter:#f2f5f8;--color-state-error-base:#fb3748;--color-state-error-light:#ffc0c5;--color-state-error-dark:#681219;--color-state-error-lighter:#ffebec;--color-state-warning-dark:#682f12;--color-state-warning-base:#ff8447;--color-state-warning-light:#ffd5c0;--color-state-warning-lighter:#fff1eb;--color-state-information-dark:#122368;--color-state-information-base:#335cff;--color-state-information-light:#c0d5ff;--color-state-information-lighter:#ebf1ff;--color-state-success-dark:#0b4627;--color-state-success-base:#1fc16b;--color-state-success-light:#c2f5da;--color-state-success-lighter:#e0faec;--color-state-away-dark:#624c18;--color-state-away-base:#f6b51e;--color-state-away-light:#ffecc0;--color-state-away-lighter:#fffaeb;--color-state-feature-dark:#351a75;--color-state-feature-base:#7d52f4;--color-state-feature-light:#cac0ff;--color-state-feature-lighter:#efebff;--color-state-verified-dark:#124b68;--color-state-verified-base:#47c2ff;--color-state-verified-light:#c0eaff;--color-state-verified-lighter:#ebf8ff;--color-state-highlighted-dark:#68123d;--color-state-highlighted-base:#fb4ba3;--color-state-highlighted-light:#ffc0df;--color-state-highlighted-lighter:#ffebf4;--color-state-stable-dark:#0b463e;--color-state-stable-base:#22d3bb;--color-state-stable-light:#c2f5ee;--color-state-stable-lighter:#e4fbf8;--color-text-strong-950:#0e121b;--color-text-sub-600:#525866;--color-text-disabled-300:#cacfd8;--color-text-white-0:#ffffff;--color-text-soft-400:#99a0ae;--color-stroke-soft-200:#e1e4ea;--color-stroke-strong-950:#0e121b;--color-stroke-white-0:#ffffff;--color-stroke-sub-300:#cacfd8;--color-icon-sub-600:#525866;--color-icon-strong-950:#0e121b;--color-icon-soft-400:#99a0ae;--color-icon-disabled-300:#cacfd8;--color-icon-white-0:#ffffff;--color-social-apple:#000000;--color-social-twitter:#010101;--color-social-github:#24292f;--color-social-notion:#1e2226;--color-social-tidal:#000000;--color-social-amazon:#353e47;--color-social-zendesk:#16140d;--color-illustration-strong-400:#99a0ae;--color-illustration-sub-300:#cacfd8;--color-illustration-soft-200:#e1e4ea;--color-illustration-weak-100:#f2f5f8;--color-illustration-white-0:#ffffff;--color-overlay-overlay:rgba(2, 13, 23, 0.24);--color-primary-base:#e1116f;--color-primary-darker:#b40e59;--color-primary-alpha-10:rgba(251, 75, 163, 0.1);--color-primary-alpha-16:rgba(251, 75, 163, 0.16);--color-primary-dark:#cb0f64;--color-primary-alpha-24:rgba(251, 75, 163, 0.24);--radius-4:4px;--radius-6:6px;--radius-8:8px;--radius-10:10px;--radius-12:12px;--radius-16:16px;--radius-20:20px;--radius-24:24px;--radius-full:999px;--shadow-regular-xs:0 1px 2px 0 #0a0d1408;--shadow-regular-md:0 16px 32px -12px #0e121b1a;--shadow-buttons-primary-focus:0 0 0 2px #ffffff, 0 0 0 4px #fb4ba31a;--shadow-buttons-important-focus:0 0 0 2px #ffffff, 0 0 0 4px #99a0ae29;--shadow-buttons-error-focus:0 0 0 2px #ffffff, 0 0 0 4px #fb37481a;--shadow-fancy-buttons-neutral:0 1px 2px 0 #1b1c1d7a, 0 0 0 1px #242628;--shadow-fancy-buttons-primary:0 1px 2px 0 #0e121b3d, 0 0 0 1px #e1116f;--shadow-fancy-buttons-error:0 1px 2px 0 #0e121b3d, 0 0 0 1px #fb3748;--shadow-fancy-buttons-stroke:0 1px 3px 0 #0e121b1f, 0 0 0 1px #e1e4ea;--shadow-toggle-switch:0 6px 10px 0 #0e121b0f, 0 2px 4px 0 #0e121b08;--spacing-0:0;--spacing-2:2px;--spacing-4:4px;--spacing-6:6px;--spacing-8:8px;--spacing-10:10px;--spacing-12:12px;--spacing-14:14px;--spacing-16:16px;--spacing-48:48px;--font-families-inter-display:InterDisplay;--font-families-inter:InterVariable;--font-families-cairo:Cairo;--font-families-geist-mono:'Geist Mono';--font-families-sans:InterVariable, Cairo, sans-serif;--font-families-mono:'Geist Mono', monospace;--font-families-display:InterDisplay, Cairo, sans-serif;--line-heights-0:64px;--line-heights-1:56px;--line-heights-2:48px;--line-heights-3:40px;--line-heights-4:32px;--line-heights-5:28px;--line-heights-6:24px;--line-heights-7:20px;--line-heights-8:16px;--line-heights-9:12px;--font-weights-display-0:500;--font-weights-sans-0:400;--font-weights-sans-1:500;--font-size-0:11px;--font-size-1:12px;--font-size-2:14px;--font-size-3:16px;--font-size-4:18px;--font-size-5:20px;--font-size-6:24px;--font-size-7:32px;--font-size-8:40px;--font-size-9:48px;--font-size-10:56px;--letter-spacing-0:-0.01em;--letter-spacing-1:-0.005em;--letter-spacing-2:0em;--letter-spacing-3:-0.015em;--letter-spacing-4:-0.011000000000000001em;--letter-spacing-5:-0.006em;--letter-spacing-6:0.06em;--letter-spacing-7:0.04em;--letter-spacing-8:0.02em;--paragraph-spacing-0:0;--text-case-none:none;--text-case-uppercase:uppercase;--text-decoration-none:none;--paragraph-indent-0:0px;--title-h1-title:500 56px/64px InterDisplay, Cairo, sans-serif;--title-h2-title:500 48px/56px InterDisplay, Cairo, sans-serif;--title-h3-title:500 40px/48px InterDisplay, Cairo, sans-serif;--title-h4-title:500 32px/40px InterDisplay, Cairo, sans-serif;--title-h5-title:500 24px/32px InterDisplay, Cairo, sans-serif;--title-h6-title:500 20px/28px InterDisplay, Cairo, sans-serif;--label-xl:500 24px/32px InterVariable, Cairo, sans-serif;--label-lg:500 18px/24px InterVariable, Cairo, sans-serif;--label-md:500 16px/24px InterVariable, Cairo, sans-serif;--label-sm:500 14px/20px InterVariable, Cairo, sans-serif;--label-xs:500 12px/16px InterVariable, Cairo, sans-serif;--paragraph-xl:400 24px/32px InterVariable, Cairo, sans-serif;--paragraph-lg:400 18px/24px InterVariable, Cairo, sans-serif;--paragraph-md:400 16px/24px InterVariable, Cairo, sans-serif;--paragraph-sm:400 14px/20px InterVariable, Cairo, sans-serif;--paragraph-xs:400 12px/16px InterVariable, Cairo, sans-serif;--subheading-md:500 16px/24px InterVariable, Cairo, sans-serif;--subheading-sm:500 14px/20px InterVariable, Cairo, sans-serif;--subheading-xs:500 12px/16px InterVariable, Cairo, sans-serif;--subheading-xxs:500 11px/12px InterVariable, Cairo, sans-serif;--docs-label:500 18px/32px InterVariable, Cairo, sans-serif;--docs-paragraph:400 18px/32px InterVariable, Cairo, sans-serif}
|
|
1
|
+
@keyframes celeste-fade-in{0%{opacity:0}}@keyframes celeste-fade-out{to{opacity:0}}@keyframes celeste-zoom-in{0%{opacity:0;transform:scale(.95)}}@keyframes celeste-zoom-out{to{opacity:0;transform:scale(.95)}}@keyframes celeste-spin-in{0%{opacity:0;transform:rotate(-30deg)}}@keyframes celeste-spin-out{to{opacity:0;transform:rotate(30deg)}}@keyframes celeste-slide-in-from-top{0%{transform:translateY(-100%)}}@keyframes celeste-slide-in-from-bottom{0%{transform:translateY(100%)}}@keyframes celeste-slide-in-from-left{0%{transform:translateX(-100%)}}@keyframes celeste-slide-in-from-right{0%{transform:translateX(100%)}}@keyframes celeste-slide-out-to-top{to{transform:translateY(-100%)}}@keyframes celeste-slide-out-to-bottom{to{transform:translateY(100%)}}@keyframes celeste-slide-out-to-left{to{transform:translateX(-100%)}}@keyframes celeste-slide-out-to-right{to{transform:translateX(100%)}}@keyframes celeste-bounce{0%,to{transform:translateY(-25%);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:translateY(0);animation-timing-function:cubic-bezier(0,0,.2,1)}}@keyframes celeste-pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes celeste-ping{75%,to{transform:scale(2);opacity:0}}@keyframes celeste-shake{0%,to{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-10px)}20%,40%,60%,80%{transform:translateX(10px)}}@keyframes celeste-swing{0%,to{transform:rotate(0deg)}20%{transform:rotate(15deg)}40%{transform:rotate(-10deg)}60%{transform:rotate(5deg)}80%{transform:rotate(-5deg)}}@keyframes celeste-wiggle{0%,to{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}@keyframes celeste-flip{0%{transform:perspective(400px) rotateY(-180deg);opacity:0}to{transform:perspective(400px) rotateY(0);opacity:1}}@keyframes celeste-flip-out{0%{transform:perspective(400px) rotateY(0);opacity:1}to{transform:perspective(400px) rotateY(180deg);opacity:0}}@keyframes celeste-accordion-down{0%{height:0}to{height:var(--radix-accordion-content-height)}}@keyframes celeste-accordion-up{0%{height:var(--radix-accordion-content-height)}to{height:0}}@keyframes celeste-collapsible-down{0%{height:0}to{height:var(--radix-collapsible-content-height)}}@keyframes celeste-collapsible-up{0%{height:var(--radix-collapsible-content-height)}to{height:0}}@keyframes celeste-enter{0%{opacity:0;transform:translate3d(0,0,0) scale3d(.95,.95,.95) rotate(0)}}@keyframes celeste-exit{to{opacity:0;transform:translate3d(0,0,0) scale3d(.95,.95,.95) rotate(0)}}@keyframes celeste-scale-in{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes celeste-scale-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(0)}}@keyframes celeste-rotate-in{0%{opacity:0;transform:rotate(-200deg)}to{opacity:1;transform:rotate(0)}}@keyframes celeste-rotate-out{0%{opacity:1;transform:rotate(0)}to{opacity:0;transform:rotate(200deg)}}@keyframes celeste-slide-down{0%{height:0;opacity:0}to{height:100%;opacity:1}}@keyframes celeste-slide-up{0%{height:100%;opacity:1}to{height:0;opacity:0}}@keyframes celeste-slide-left{0%{width:0;opacity:0}to{width:100%;opacity:1}}@keyframes celeste-slide-right{0%{width:100%;opacity:1}to{width:0;opacity:0}}@keyframes celeste-glow{0%,to{box-shadow:0 0 5px rgba(255,255,255,.2)}50%{box-shadow:0 0 20px rgba(255,255,255,.6)}}@keyframes celeste-flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}@keyframes celeste-rubber-band{0%,to{transform:scale(1)}30%{transform:scaleX(1.25) scaleY(.75)}40%{transform:scaleX(.75) scaleY(1.25)}50%{transform:scaleX(1.15) scaleY(.85)}65%{transform:scaleX(.95) scaleY(1.05)}75%{transform:scaleX(1.05) scaleY(.95)}}@keyframes celeste-jello{0%,to{transform:skewX(0deg) skewY(0deg)}30%{transform:skewX(25deg) skewY(-25deg)}40%{transform:skewX(-15deg) skewY(15deg)}50%{transform:skewX(15deg) skewY(-15deg)}65%{transform:skewX(-5deg) skewY(5deg)}75%{transform:skewX(5deg) skewY(-5deg)}}@keyframes celeste-heartbeat{0%,28%,70%,to{transform:scale(1)}14%,42%{transform:scale(1.3)}}@font-face{font-family:Cairo;src:url(https://ui-assets.ycdn.store/fonts/Cairo.ttf)}@font-face{font-family:GeistMono;src:url(https://ui-assets.ycdn.store/fonts/Geist-Mono.ttf)}@font-face{font-family:InterVariable;font-style:normal;font-weight:100 900;font-display:swap;src:url(https://ui-assets.ycdn.store/fonts/InterVariable.woff2)format("woff2")}@font-face{font-family:InterVariable;font-style:italic;font-weight:100 900;font-display:swap;src:url(https://ui-assets.ycdn.store/fonts/InterVariable-Italic.woff2)format("woff2")}@font-face{font-family:"InterDisplay";font-style:normal;font-weight:100;font-display:swap;src:url(https://ui-assets.ycdn.store/fonts/InterDisplay-Thin.woff2)format("woff2")}@font-face{font-family:"InterDisplay";font-style:italic;font-weight:100;font-display:swap;src:url(https://ui-assets.ycdn.store/fonts/InterDisplay-ThinItalic.woff2)format("woff2")}@font-face{font-family:"InterDisplay";font-style:normal;font-weight:200;font-display:swap;src:url(https://ui-assets.ycdn.store/fonts/InterDisplay-ExtraLight.woff2)format("woff2")}@font-face{font-family:"InterDisplay";font-style:italic;font-weight:200;font-display:swap;src:url(https://ui-assets.ycdn.store/fonts/InterDisplay-ExtraLightItalic.woff2)format("woff2")}@font-face{font-family:"InterDisplay";font-style:normal;font-weight:300;font-display:swap;src:url(https://ui-assets.ycdn.store/fonts/InterDisplay-Light.woff2)format("woff2")}@font-face{font-family:"InterDisplay";font-style:italic;font-weight:300;font-display:swap;src:url(https://ui-assets.ycdn.store/fonts/InterDisplay-LightItalic.woff2)format("woff2")}@font-face{font-family:"InterDisplay";font-style:normal;font-weight:400;font-display:swap;src:url(https://ui-assets.ycdn.store/fonts/InterDisplay-Regular.woff2)format("woff2")}@font-face{font-family:"InterDisplay";font-style:italic;font-weight:400;font-display:swap;src:url(https://ui-assets.ycdn.store/fonts/InterDisplay-Italic.woff2)format("woff2")}@font-face{font-family:"InterDisplay";font-style:normal;font-weight:500;font-display:swap;src:url(https://ui-assets.ycdn.store/fonts/InterDisplay-Medium.woff2)format("woff2")}@font-face{font-family:"InterDisplay";font-style:italic;font-weight:500;font-display:swap;src:url(https://ui-assets.ycdn.store/fonts/InterDisplay-MediumItalic.woff2)format("woff2")}@font-face{font-family:"InterDisplay";font-style:normal;font-weight:600;font-display:swap;src:url(https://ui-assets.ycdn.store/fonts/InterDisplay-SemiBold.woff2)format("woff2")}@font-face{font-family:"InterDisplay";font-style:italic;font-weight:600;font-display:swap;src:url(https://ui-assets.ycdn.store/fonts/InterDisplay-SemiBoldItalic.woff2)format("woff2")}@font-face{font-family:"InterDisplay";font-style:normal;font-weight:700;font-display:swap;src:url(https://ui-assets.ycdn.store/fonts/InterDisplay-Bold.woff2)format("woff2")}@font-face{font-family:"InterDisplay";font-style:italic;font-weight:700;font-display:swap;src:url(https://ui-assets.ycdn.store/fonts/InterDisplay-BoldItalic.woff2)format("woff2")}@font-face{font-family:"InterDisplay";font-style:normal;font-weight:800;font-display:swap;src:url(https://ui-assets.ycdn.store/fonts/InterDisplay-ExtraBold.woff2)format("woff2")}@font-face{font-family:"InterDisplay";font-style:italic;font-weight:800;font-display:swap;src:url(https://ui-assets.ycdn.store/fonts/InterDisplay-ExtraBoldItalic.woff2)format("woff2")}@font-face{font-family:"InterDisplay";font-style:normal;font-weight:900;font-display:swap;src:url(https://ui-assets.ycdn.store/fonts/InterDisplay-Black.woff2)format("woff2")}@font-face{font-family:"InterDisplay";font-style:italic;font-weight:900;font-display:swap;src:url(https://ui-assets.ycdn.store/fonts/InterDisplay-BlackItalic.woff2)format("woff2")}@font-feature-values InterVariable{@character-variant{cv01:1;cv02:2;cv03:3;cv04:4;cv05:5;cv06:6;cv07:7;cv08:8;cv09:9;cv10:10;cv11:11;cv12:12;cv13:13;alt-1:1;alt-3:9;open-4:2;open-6:3;open-9:4;lc-l-with-tail:5;simplified-u:6;alt-double-s:7;uc-i-with-serif:8;uc-g-with-spur:10;single-story-a:11;compact-lc-f:12;compact-lc-t:13}@styleset{ss01:1;ss02:2;ss03:3;ss04:4;ss05:5;ss06:6;ss07:7;ss08:8;open-digits:1;disambiguation:2;disambiguation-except-zero:4;round-quotes-and-commas:3;square-punctuation:7;square-quotes:8;circled-characters:5;squared-characters:6}}@font-feature-values Inter{@character-variant{cv01:1;cv02:2;cv03:3;cv04:4;cv05:5;cv06:6;cv07:7;cv08:8;cv09:9;cv10:10;cv11:11;cv12:12;cv13:13;alt-1:1;alt-3:9;open-4:2;open-6:3;open-9:4;lc-l-with-tail:5;simplified-u:6;alt-double-s:7;uc-i-with-serif:8;uc-g-with-spur:10;single-story-a:11;compact-lc-f:12;compact-lc-t:13}@styleset{ss01:1;ss02:2;ss03:3;ss04:4;ss05:5;ss06:6;ss07:7;ss08:8;open-digits:1;disambiguation:2;disambiguation-except-zero:4;round-quotes-and-commas:3;square-punctuation:7;square-quotes:8;circled-characters:5;squared-characters:6}}@font-feature-values InterDisplay{@character-variant{cv01:1;cv02:2;cv03:3;cv04:4;cv05:5;cv06:6;cv07:7;cv08:8;cv09:9;cv10:10;cv11:11;cv12:12;cv13:13;alt-1:1;alt-3:9;open-4:2;open-6:3;open-9:4;lc-l-with-tail:5;simplified-u:6;alt-double-s:7;uc-i-with-serif:8;uc-g-with-spur:10;single-story-a:11;compact-lc-f:12;compact-lc-t:13}@styleset{ss01:1;ss02:2;ss03:3;ss04:4;ss05:5;ss06:6;ss07:7;ss08:8;open-digits:1;disambiguation:2;disambiguation-except-zero:4;round-quotes-and-commas:3;square-punctuation:7;square-quotes:8;circled-characters:5;squared-characters:6}}:root{--animation-extra-fast:100ms;--animation-fast:200ms;--animation-normal:300ms;--animation-slow:400ms;--animation-extra-slow:500ms;--color-white-alpha-24:rgba(255, 255, 255, 0.24);--color-white-alpha-16:rgba(255, 255, 255, 0.16);--color-white-alpha-10:rgba(255, 255, 255, 0.1);--color-black-alpha-24:rgba(23, 23, 23, 0.24);--color-black-alpha-16:rgba(23, 23, 23, 0.16);--color-black-alpha-10:rgba(23, 23, 23, 0.1);--color-neutral-0:#ffffff;--color-neutral-50:#f7f7f7;--color-neutral-100:#f5f5f5;--color-neutral-200:#ebebeb;--color-neutral-300:#d1d1d1;--color-neutral-400:#a3a3a3;--color-neutral-500:#7b7b7b;--color-neutral-600:#5c5c5c;--color-neutral-700:#333333;--color-neutral-800:#292929;--color-neutral-900:#1c1c1c;--color-neutral-950:#171717;--color-neutral-alpha-10:rgba(163, 163, 163, 0.1);--color-neutral-alpha-16:rgba(163, 163, 163, 0.16);--color-neutral-alpha-24:rgba(163, 163, 163, 0.24);--color-red-50:#ffebec;--color-red-100:#ffd5d8;--color-red-200:#ffc0c5;--color-red-300:#ff97a0;--color-red-400:#ff6875;--color-red-500:#fb3748;--color-red-600:#e93544;--color-red-700:#d02533;--color-red-800:#ad1f2b;--color-red-900:#8b1822;--color-red-950:#681219;--color-red-alpha-10:rgba(251, 55, 72, 0.1);--color-red-alpha-16:rgba(251, 55, 72, 0.16);--color-red-alpha-24:rgba(251, 55, 72, 0.24);--color-orange-50:#fff1eb;--color-orange-100:#ffe3d5;--color-orange-200:#ffd5c0;--color-orange-300:#ffba97;--color-orange-400:#ff9a68;--color-orange-500:#ff8447;--color-orange-600:#e97135;--color-orange-700:#d05e25;--color-orange-800:#ad4e1f;--color-orange-900:#8b3e18;--color-orange-950:#682f12;--color-orange-alpha-10:rgba(255, 145, 71, 0.1);--color-orange-alpha-16:rgba(255, 145, 71, 0.16);--color-orange-alpha-24:rgba(255, 145, 71, 0.24);--color-yellow-50:#fffaeb;--color-yellow-100:#ffefcc;--color-yellow-200:#ffecc0;--color-yellow-300:#ffe097;--color-yellow-400:#ffd268;--color-yellow-500:#f6b51e;--color-yellow-600:#e6a819;--color-yellow-700:#c99a2c;--color-yellow-800:#a78025;--color-yellow-900:#86661d;--color-yellow-950:#624c18;--color-yellow-alpha-10:rgba(251, 198, 75, 0.1);--color-yellow-alpha-16:rgba(251, 198, 75, 0.16);--color-yellow-alpha-24:rgba(251, 198, 75, 0.24);--color-green-50:#e0faec;--color-green-100:#d0fbe9;--color-green-200:#c2f5da;--color-green-300:#84ebb4;--color-green-400:#3ee089;--color-green-500:#1fc16b;--color-green-600:#1daf61;--color-green-700:#178c4e;--color-green-800:#1a7544;--color-green-900:#16643b;--color-green-950:#0b4627;--color-green-alpha-10:rgba(31, 193, 107, 0.1);--color-green-alpha-16:rgba(31, 193, 107, 0.16);--color-green-alpha-24:rgba(31, 193, 107, 0.24);--color-teal-50:#e4fbf8;--color-teal-100:#d0fbf5;--color-teal-200:#c2f5ee;--color-teal-300:#84ebdd;--color-teal-400:#3fdec9;--color-teal-500:#22d3bb;--color-teal-600:#1daf9c;--color-teal-700:#178c7d;--color-teal-800:#1a7569;--color-teal-900:#16645a;--color-teal-950:#0b463e;--color-teal-alpha-10:rgba(34, 211, 187, 0.1);--color-teal-alpha-16:rgba(34, 211, 187, 0.16);--color-teal-alpha-24:rgba(34, 211, 187, 0.24);--color-sky-50:#ebf8ff;--color-sky-100:#d5f1ff;--color-sky-200:#c0eaff;--color-sky-300:#97dcff;--color-sky-400:#68cdff;--color-sky-500:#47c2ff;--color-sky-600:#35ade9;--color-sky-700:#2597d0;--color-sky-800:#1f7ead;--color-sky-900:#18658b;--color-sky-950:#124b68;--color-sky-alpha-10:rgba(71, 194, 255, 0.1);--color-sky-alpha-16:rgba(71, 194, 255, 0.16);--color-sky-alpha-24:rgba(71, 194, 255, 0.24);--color-blue-50:#ebf1ff;--color-blue-100:#d5e2ff;--color-blue-200:#c0d5ff;--color-blue-300:#97baff;--color-blue-400:#6895ff;--color-blue-500:#335cff;--color-blue-600:#3559e9;--color-blue-700:#2547d0;--color-blue-800:#1f3bad;--color-blue-900:#182f8b;--color-blue-950:#122368;--color-blue-alpha-10:rgba(71, 108, 255, 0.1);--color-blue-alpha-16:rgba(71, 108, 255, 0.16);--color-blue-alpha-24:rgba(71, 108, 255, 0.24);--color-purple-50:#efebff;--color-purple-100:#dcd5ff;--color-purple-200:#cac0ff;--color-purple-300:#a897ff;--color-purple-400:#8c71f6;--color-purple-500:#7d52f4;--color-purple-600:#693ee0;--color-purple-700:#5b2cc9;--color-purple-800:#4c25a7;--color-purple-900:#3d1d86;--color-purple-950:#351a75;--color-purple-alpha-10:rgba(120, 77, 239, 0.1);--color-purple-alpha-16:rgba(120, 77, 239, 0.16);--color-purple-alpha-24:rgba(120, 77, 239, 0.24);--color-pink-50:#ffebf4;--color-pink-100:#ffd5ea;--color-pink-200:#ffc0df;--color-pink-300:#ff97cb;--color-pink-400:#ff68b3;--color-pink-500:#fb4ba3;--color-pink-600:#e9358f;--color-pink-700:#d0257a;--color-pink-800:#ad1f66;--color-pink-900:#8b1852;--color-pink-950:#68123d;--color-pink-alpha-10:rgba(251, 75, 163, 0.1);--color-pink-alpha-16:rgba(251, 75, 163, 0.16);--color-pink-alpha-24:rgba(251, 75, 163, 0.24);--color-brand-50:#ffebf4;--color-brand-100:#ffd6e9;--color-brand-200:#ffc2dd;--color-brand-300:#ff99c7;--color-brand-400:#ff66ab;--color-brand-500:#e1116f;--color-brand-600:#cb0f64;--color-brand-700:#b40e59;--color-brand-800:#9e0c4e;--color-brand-900:#870a43;--color-brand-950:#681239;--color-static-white:#ffffff;--color-static-black:#171717;--color-bg-white-0:#ffffff;--color-bg-weak-50:#f7f7f7;--color-bg-strong-950:#171717;--color-bg-surface-800:#292929;--color-bg-soft-200:#ebebeb;--color-bg-sub-300:#d1d1d1;--color-state-faded-light:#ebebeb;--color-state-faded-base:#7b7b7b;--color-state-faded-dark:#292929;--color-state-faded-lighter:#f5f5f5;--color-state-error-base:#fb3748;--color-state-error-light:#ffc0c5;--color-state-error-dark:#681219;--color-state-error-lighter:#ffebec;--color-state-warning-dark:#682f12;--color-state-warning-base:#ff8447;--color-state-warning-light:#ffd5c0;--color-state-warning-lighter:#fff1eb;--color-state-information-dark:#122368;--color-state-information-base:#335cff;--color-state-information-light:#c0d5ff;--color-state-information-lighter:#ebf1ff;--color-state-success-dark:#0b4627;--color-state-success-base:#1fc16b;--color-state-success-light:#c2f5da;--color-state-success-lighter:#e0faec;--color-state-away-dark:#624c18;--color-state-away-base:#f6b51e;--color-state-away-light:#ffecc0;--color-state-away-lighter:#fffaeb;--color-state-feature-dark:#351a75;--color-state-feature-base:#7d52f4;--color-state-feature-light:#cac0ff;--color-state-feature-lighter:#efebff;--color-state-verified-dark:#124b68;--color-state-verified-base:#47c2ff;--color-state-verified-light:#c0eaff;--color-state-verified-lighter:#ebf8ff;--color-state-highlighted-dark:#68123d;--color-state-highlighted-base:#fb4ba3;--color-state-highlighted-light:#ffc0df;--color-state-highlighted-lighter:#ffebf4;--color-state-stable-dark:#0b463e;--color-state-stable-base:#22d3bb;--color-state-stable-light:#c2f5ee;--color-state-stable-lighter:#e4fbf8;--color-text-strong-950:#171717;--color-text-sub-600:#5c5c5c;--color-text-disabled-300:#d1d1d1;--color-text-white-0:#ffffff;--color-text-soft-400:#a3a3a3;--color-stroke-soft-200:#ebebeb;--color-stroke-strong-950:#171717;--color-stroke-white-0:#ffffff;--color-stroke-sub-300:#d1d1d1;--color-icon-sub-600:#5c5c5c;--color-icon-strong-950:#171717;--color-icon-soft-400:#a3a3a3;--color-icon-disabled-300:#d1d1d1;--color-icon-white-0:#ffffff;--color-social-apple:#000000;--color-social-twitter:#010101;--color-social-github:#24292f;--color-social-notion:#1e2226;--color-social-tidal:#000000;--color-social-amazon:#353e47;--color-social-zendesk:#16140d;--color-illustration-strong-400:#a3a3a3;--color-illustration-sub-300:#d1d1d1;--color-illustration-soft-200:#ebebeb;--color-illustration-weak-100:#f5f5f5;--color-illustration-white-0:#ffffff;--color-overlay-overlay:rgba(2, 13, 23, 0.24);--color-primary-base:#e1116f;--color-primary-darker:#b40e59;--color-primary-alpha-10:rgba(251, 75, 163, 0.1);--color-primary-alpha-16:rgba(251, 75, 163, 0.16);--color-primary-dark:#cb0f64;--color-primary-alpha-24:rgba(251, 75, 163, 0.24);--radius-4:4px;--radius-6:6px;--radius-8:8px;--radius-10:10px;--radius-12:12px;--radius-16:16px;--radius-20:20px;--radius-24:24px;--radius-full:999px;--shadow-regular-xs:0 1px 2px 0 #0a0d1408;--shadow-regular-md:0 16px 32px -12px #0e121b1a;--shadow-buttons-primary-focus:0 0 0 2px #ffffff, 0 0 0 4px #fb4ba31a;--shadow-buttons-important-focus:0 0 0 2px #ffffff, 0 0 0 4px #99a0ae29;--shadow-buttons-error-focus:0 0 0 2px #ffffff, 0 0 0 4px #fb37481a;--shadow-fancy-buttons-neutral:0 1px 2px 0 #1b1c1d7a, 0 0 0 1px #242628;--shadow-fancy-buttons-primary:0 1px 2px 0 #0e121b3d, 0 0 0 1px #e1116f;--shadow-fancy-buttons-error:0 1px 2px 0 #0e121b3d, 0 0 0 1px #fb3748;--shadow-fancy-buttons-stroke:0 1px 3px 0 #0e121b1f, 0 0 0 1px #e1e4ea;--shadow-toggle-switch:0 6px 10px 0 #0e121b0f, 0 2px 4px 0 #0e121b08;--spacing-0:0;--spacing-2:2px;--spacing-4:4px;--spacing-6:6px;--spacing-8:8px;--spacing-10:10px;--spacing-12:12px;--spacing-14:14px;--spacing-16:16px;--spacing-48:48px;--font-families-inter-display:InterDisplay;--font-families-inter:InterVariable;--font-families-cairo:Cairo;--font-families-geist-mono:'Geist Mono';--font-families-sans:InterVariable, Cairo, sans-serif;--font-families-mono:'Geist Mono', monospace;--font-families-display:InterDisplay, Cairo, sans-serif;--line-heights-0:64px;--line-heights-1:56px;--line-heights-2:48px;--line-heights-3:40px;--line-heights-4:32px;--line-heights-5:28px;--line-heights-6:24px;--line-heights-7:20px;--line-heights-8:16px;--line-heights-9:12px;--font-weights-display-0:500;--font-weights-sans-0:400;--font-weights-sans-1:500;--font-size-0:11px;--font-size-1:12px;--font-size-2:14px;--font-size-3:16px;--font-size-4:18px;--font-size-5:20px;--font-size-6:24px;--font-size-7:32px;--font-size-8:40px;--font-size-9:48px;--font-size-10:56px;--letter-spacing-0:-0.01em;--letter-spacing-1:-0.005em;--letter-spacing-2:0em;--letter-spacing-3:-0.015em;--letter-spacing-4:-0.011000000000000001em;--letter-spacing-5:-0.006em;--letter-spacing-6:0.06em;--letter-spacing-7:0.04em;--letter-spacing-8:0.02em;--paragraph-spacing-0:0;--text-case-none:none;--text-case-uppercase:uppercase;--text-decoration-none:none;--paragraph-indent-0:0px;--title-h1-title:500 56px/64px InterDisplay, Cairo, sans-serif;--title-h2-title:500 48px/56px InterDisplay, Cairo, sans-serif;--title-h3-title:500 40px/48px InterDisplay, Cairo, sans-serif;--title-h4-title:500 32px/40px InterDisplay, Cairo, sans-serif;--title-h5-title:500 24px/32px InterDisplay, Cairo, sans-serif;--title-h6-title:500 20px/28px InterDisplay, Cairo, sans-serif;--label-xl:500 24px/32px InterVariable, Cairo, sans-serif;--label-lg:500 18px/24px InterVariable, Cairo, sans-serif;--label-md:500 16px/24px InterVariable, Cairo, sans-serif;--label-sm:500 14px/20px InterVariable, Cairo, sans-serif;--label-xs:500 12px/16px InterVariable, Cairo, sans-serif;--paragraph-xl:400 24px/32px InterVariable, Cairo, sans-serif;--paragraph-lg:400 18px/24px InterVariable, Cairo, sans-serif;--paragraph-md:400 16px/24px InterVariable, Cairo, sans-serif;--paragraph-sm:400 14px/20px InterVariable, Cairo, sans-serif;--paragraph-xs:400 12px/16px InterVariable, Cairo, sans-serif;--subheading-md:500 16px/24px InterVariable, Cairo, sans-serif;--subheading-sm:500 14px/20px InterVariable, Cairo, sans-serif;--subheading-xs:500 12px/16px InterVariable, Cairo, sans-serif;--subheading-xxs:500 11px/12px InterVariable, Cairo, sans-serif;--docs-label:500 18px/32px InterVariable, Cairo, sans-serif;--docs-paragraph:400 18px/32px InterVariable, Cairo, sans-serif}
|
package/dist/tokens.scss
CHANGED
|
@@ -710,24 +710,24 @@ $animation-extra-slow: 500ms;
|
|
|
710
710
|
$color-white-alpha-24: rgba(255, 255, 255, 0.24);
|
|
711
711
|
$color-white-alpha-16: rgba(255, 255, 255, 0.16);
|
|
712
712
|
$color-white-alpha-10: rgba(255, 255, 255, 0.1);
|
|
713
|
-
$color-black-alpha-24: rgba(
|
|
714
|
-
$color-black-alpha-16: rgba(
|
|
715
|
-
$color-black-alpha-10: rgba(
|
|
713
|
+
$color-black-alpha-24: rgba(23, 23, 23, 0.24);
|
|
714
|
+
$color-black-alpha-16: rgba(23, 23, 23, 0.16);
|
|
715
|
+
$color-black-alpha-10: rgba(23, 23, 23, 0.1);
|
|
716
716
|
$color-neutral-0: #ffffff;
|
|
717
|
-
$color-neutral-50: #
|
|
718
|
-
$color-neutral-100: #
|
|
719
|
-
$color-neutral-200: #
|
|
720
|
-
$color-neutral-300: #
|
|
721
|
-
$color-neutral-400: #
|
|
722
|
-
$color-neutral-500: #
|
|
723
|
-
$color-neutral-600: #
|
|
724
|
-
$color-neutral-700: #
|
|
725
|
-
$color-neutral-800: #
|
|
726
|
-
$color-neutral-900: #
|
|
727
|
-
$color-neutral-950: #
|
|
728
|
-
$color-neutral-alpha-10: rgba(
|
|
729
|
-
$color-neutral-alpha-16: rgba(
|
|
730
|
-
$color-neutral-alpha-24: rgba(
|
|
717
|
+
$color-neutral-50: #f7f7f7;
|
|
718
|
+
$color-neutral-100: #f5f5f5;
|
|
719
|
+
$color-neutral-200: #ebebeb;
|
|
720
|
+
$color-neutral-300: #d1d1d1;
|
|
721
|
+
$color-neutral-400: #a3a3a3;
|
|
722
|
+
$color-neutral-500: #7b7b7b;
|
|
723
|
+
$color-neutral-600: #5c5c5c;
|
|
724
|
+
$color-neutral-700: #333333;
|
|
725
|
+
$color-neutral-800: #292929;
|
|
726
|
+
$color-neutral-900: #1c1c1c;
|
|
727
|
+
$color-neutral-950: #171717;
|
|
728
|
+
$color-neutral-alpha-10: rgba(163, 163, 163, 0.1);
|
|
729
|
+
$color-neutral-alpha-16: rgba(163, 163, 163, 0.16);
|
|
730
|
+
$color-neutral-alpha-24: rgba(163, 163, 163, 0.24);
|
|
731
731
|
$color-red-50: #ffebec;
|
|
732
732
|
$color-red-100: #ffd5d8;
|
|
733
733
|
$color-red-200: #ffc0c5;
|
|
@@ -866,17 +866,17 @@ $color-brand-800: #9e0c4e;
|
|
|
866
866
|
$color-brand-900: #870a43;
|
|
867
867
|
$color-brand-950: #681239;
|
|
868
868
|
$color-static-white: #ffffff;
|
|
869
|
-
$color-static-black: #
|
|
869
|
+
$color-static-black: #171717;
|
|
870
870
|
$color-bg-white-0: #ffffff;
|
|
871
|
-
$color-bg-weak-50: #
|
|
872
|
-
$color-bg-strong-950: #
|
|
873
|
-
$color-bg-surface-800: #
|
|
874
|
-
$color-bg-soft-200: #
|
|
875
|
-
$color-bg-sub-300: #
|
|
876
|
-
$color-state-faded-light: #
|
|
877
|
-
$color-state-faded-base: #
|
|
878
|
-
$color-state-faded-dark: #
|
|
879
|
-
$color-state-faded-lighter: #
|
|
871
|
+
$color-bg-weak-50: #f7f7f7;
|
|
872
|
+
$color-bg-strong-950: #171717;
|
|
873
|
+
$color-bg-surface-800: #292929;
|
|
874
|
+
$color-bg-soft-200: #ebebeb;
|
|
875
|
+
$color-bg-sub-300: #d1d1d1;
|
|
876
|
+
$color-state-faded-light: #ebebeb;
|
|
877
|
+
$color-state-faded-base: #7b7b7b;
|
|
878
|
+
$color-state-faded-dark: #292929;
|
|
879
|
+
$color-state-faded-lighter: #f5f5f5;
|
|
880
880
|
$color-state-error-base: #fb3748;
|
|
881
881
|
$color-state-error-light: #ffc0c5;
|
|
882
882
|
$color-state-error-dark: #681219;
|
|
@@ -913,19 +913,19 @@ $color-state-stable-dark: #0b463e;
|
|
|
913
913
|
$color-state-stable-base: #22d3bb;
|
|
914
914
|
$color-state-stable-light: #c2f5ee;
|
|
915
915
|
$color-state-stable-lighter: #e4fbf8;
|
|
916
|
-
$color-text-strong-950: #
|
|
917
|
-
$color-text-sub-600: #
|
|
918
|
-
$color-text-disabled-300: #
|
|
916
|
+
$color-text-strong-950: #171717;
|
|
917
|
+
$color-text-sub-600: #5c5c5c;
|
|
918
|
+
$color-text-disabled-300: #d1d1d1;
|
|
919
919
|
$color-text-white-0: #ffffff;
|
|
920
|
-
$color-text-soft-400: #
|
|
921
|
-
$color-stroke-soft-200: #
|
|
922
|
-
$color-stroke-strong-950: #
|
|
920
|
+
$color-text-soft-400: #a3a3a3;
|
|
921
|
+
$color-stroke-soft-200: #ebebeb;
|
|
922
|
+
$color-stroke-strong-950: #171717;
|
|
923
923
|
$color-stroke-white-0: #ffffff;
|
|
924
|
-
$color-stroke-sub-300: #
|
|
925
|
-
$color-icon-sub-600: #
|
|
926
|
-
$color-icon-strong-950: #
|
|
927
|
-
$color-icon-soft-400: #
|
|
928
|
-
$color-icon-disabled-300: #
|
|
924
|
+
$color-stroke-sub-300: #d1d1d1;
|
|
925
|
+
$color-icon-sub-600: #5c5c5c;
|
|
926
|
+
$color-icon-strong-950: #171717;
|
|
927
|
+
$color-icon-soft-400: #a3a3a3;
|
|
928
|
+
$color-icon-disabled-300: #d1d1d1;
|
|
929
929
|
$color-icon-white-0: #ffffff;
|
|
930
930
|
$color-social-apple: #000000;
|
|
931
931
|
$color-social-twitter: #010101;
|
|
@@ -934,10 +934,10 @@ $color-social-notion: #1e2226;
|
|
|
934
934
|
$color-social-tidal: #000000;
|
|
935
935
|
$color-social-amazon: #353e47;
|
|
936
936
|
$color-social-zendesk: #16140d;
|
|
937
|
-
$color-illustration-strong-400: #
|
|
938
|
-
$color-illustration-sub-300: #
|
|
939
|
-
$color-illustration-soft-200: #
|
|
940
|
-
$color-illustration-weak-100: #
|
|
937
|
+
$color-illustration-strong-400: #a3a3a3;
|
|
938
|
+
$color-illustration-sub-300: #d1d1d1;
|
|
939
|
+
$color-illustration-soft-200: #ebebeb;
|
|
940
|
+
$color-illustration-weak-100: #f5f5f5;
|
|
941
941
|
$color-illustration-white-0: #ffffff;
|
|
942
942
|
$color-overlay-overlay: rgba(2, 13, 23, 0.24);
|
|
943
943
|
$color-primary-base: #e1116f;
|
package/package.json
CHANGED
package/src/tokens/color.json
CHANGED
|
@@ -16,15 +16,15 @@
|
|
|
16
16
|
},
|
|
17
17
|
"black": {
|
|
18
18
|
"alpha-24": {
|
|
19
|
-
"$value": "#
|
|
19
|
+
"$value": "#1717173d",
|
|
20
20
|
"$type": "color"
|
|
21
21
|
},
|
|
22
22
|
"alpha-16": {
|
|
23
|
-
"$value": "#
|
|
23
|
+
"$value": "#17171729",
|
|
24
24
|
"$type": "color"
|
|
25
25
|
},
|
|
26
26
|
"alpha-10": {
|
|
27
|
-
"$value": "#
|
|
27
|
+
"$value": "#1717171a",
|
|
28
28
|
"$type": "color"
|
|
29
29
|
}
|
|
30
30
|
},
|
|
@@ -34,59 +34,59 @@
|
|
|
34
34
|
"$type": "color"
|
|
35
35
|
},
|
|
36
36
|
"50": {
|
|
37
|
-
"$value": "#
|
|
37
|
+
"$value": "#F7F7F7",
|
|
38
38
|
"$type": "color"
|
|
39
39
|
},
|
|
40
40
|
"100": {
|
|
41
|
-
"$value": "#
|
|
41
|
+
"$value": "#F5F5F5",
|
|
42
42
|
"$type": "color"
|
|
43
43
|
},
|
|
44
44
|
"200": {
|
|
45
|
-
"$value": "#
|
|
45
|
+
"$value": "#EBEBEB",
|
|
46
46
|
"$type": "color"
|
|
47
47
|
},
|
|
48
48
|
"300": {
|
|
49
|
-
"$value": "#
|
|
49
|
+
"$value": "#D1D1D1",
|
|
50
50
|
"$type": "color"
|
|
51
51
|
},
|
|
52
52
|
"400": {
|
|
53
|
-
"$value": "#
|
|
53
|
+
"$value": "#A3A3A3",
|
|
54
54
|
"$type": "color"
|
|
55
55
|
},
|
|
56
56
|
"500": {
|
|
57
|
-
"$value": "#
|
|
57
|
+
"$value": "#7B7B7B",
|
|
58
58
|
"$type": "color"
|
|
59
59
|
},
|
|
60
60
|
"600": {
|
|
61
|
-
"$value": "#
|
|
61
|
+
"$value": "#5C5C5C",
|
|
62
62
|
"$type": "color"
|
|
63
63
|
},
|
|
64
64
|
"700": {
|
|
65
|
-
"$value": "#
|
|
65
|
+
"$value": "#333333",
|
|
66
66
|
"$type": "color"
|
|
67
67
|
},
|
|
68
68
|
"800": {
|
|
69
|
-
"$value": "#
|
|
69
|
+
"$value": "#292929",
|
|
70
70
|
"$type": "color"
|
|
71
71
|
},
|
|
72
72
|
"900": {
|
|
73
|
-
"$value": "#
|
|
73
|
+
"$value": "#1C1C1C",
|
|
74
74
|
"$type": "color"
|
|
75
75
|
},
|
|
76
76
|
"950": {
|
|
77
|
-
"$value": "#
|
|
77
|
+
"$value": "#171717",
|
|
78
78
|
"$type": "color"
|
|
79
79
|
},
|
|
80
80
|
"alpha-10": {
|
|
81
|
-
"$value": "#
|
|
81
|
+
"$value": "#A3A3A31A",
|
|
82
82
|
"$type": "color"
|
|
83
83
|
},
|
|
84
84
|
"alpha-16": {
|
|
85
|
-
"$value": "#
|
|
85
|
+
"$value": "#A3A3A329",
|
|
86
86
|
"$type": "color"
|
|
87
87
|
},
|
|
88
88
|
"alpha-24": {
|
|
89
|
-
"$value": "#
|
|
89
|
+
"$value": "#A3A3A33D",
|
|
90
90
|
"$type": "color"
|
|
91
91
|
}
|
|
92
92
|
},
|