@youcan/celeste-tokens 0.6.100 → 0.6.101

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.
Files changed (4) hide show
  1. package/dist/tokens.css +1 -1
  2. package/dist/tokens.scss +282 -41
  3. package/package.json +1 -1
  4. package/src/stubs/fonts.css +282 -41
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(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}
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;font-style:normal;font-weight:200;font-display:swap;src:url(https://fonts.youcan.shop/fonts/Cairo-ExtraLight.woff2)format("woff2")}@font-face{font-family:Cairo;font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.youcan.shop/fonts/Cairo-Light.woff2)format("woff2")}@font-face{font-family:Cairo;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.youcan.shop/fonts/Cairo-Regular.woff2)format("woff2")}@font-face{font-family:Cairo;font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.youcan.shop/fonts/Cairo-Medium.woff2)format("woff2")}@font-face{font-family:Cairo;font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.youcan.shop/fonts/Cairo-SemiBold.woff2)format("woff2")}@font-face{font-family:Cairo;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.youcan.shop/fonts/Cairo-Bold.woff2)format("woff2")}@font-face{font-family:Cairo;font-style:normal;font-weight:800;font-display:swap;src:url(https://fonts.youcan.shop/fonts/Cairo-ExtraBold.woff2)format("woff2")}@font-face{font-family:Cairo;font-style:normal;font-weight:900;font-display:swap;src:url(https://fonts.youcan.shop/fonts/Cairo-Black.woff2)format("woff2")}@font-face{font-family:"Geist Mono";font-style:normal;font-weight:100 900;font-display:swap;src:url(https://fonts.youcan.shop/fonts/GeistMono[wght].woff2)format("woff2")}@font-face{font-family:"Geist Mono";font-style:italic;font-weight:100 900;font-display:swap;src:url(https://fonts.youcan.shop/fonts/GeistMono-Italic[wght].woff2)format("woff2")}@font-face{font-family:InterVariable;font-style:normal;font-weight:100 900;font-display:swap;src:url(https://fonts.youcan.shop/fonts/InterVariable.woff2)format("woff2")}@font-face{font-family:InterVariable;font-style:italic;font-weight:100 900;font-display:swap;src:url(https://fonts.youcan.shop/fonts/InterVariable-Italic.woff2)format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:100;font-display:swap;src:url(https://fonts.youcan.shop/fonts/Inter-Thin.woff2)format("woff2")}@font-face{font-family:Inter;font-style:italic;font-weight:100;font-display:swap;src:url(https://fonts.youcan.shop/fonts/Inter-ThinItalic.woff2)format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:200;font-display:swap;src:url(https://fonts.youcan.shop/fonts/Inter-ExtraLight.woff2)format("woff2")}@font-face{font-family:Inter;font-style:italic;font-weight:200;font-display:swap;src:url(https://fonts.youcan.shop/fonts/Inter-ExtraLightItalic.woff2)format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.youcan.shop/fonts/Inter-Light.woff2)format("woff2")}@font-face{font-family:Inter;font-style:italic;font-weight:300;font-display:swap;src:url(https://fonts.youcan.shop/fonts/Inter-LightItalic.woff2)format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.youcan.shop/fonts/Inter-Regular.woff2)format("woff2")}@font-face{font-family:Inter;font-style:italic;font-weight:400;font-display:swap;src:url(https://fonts.youcan.shop/fonts/Inter-Italic.woff2)format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.youcan.shop/fonts/Inter-Medium.woff2)format("woff2")}@font-face{font-family:Inter;font-style:italic;font-weight:500;font-display:swap;src:url(https://fonts.youcan.shop/fonts/Inter-MediumItalic.woff2)format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.youcan.shop/fonts/Inter-SemiBold.woff2)format("woff2")}@font-face{font-family:Inter;font-style:italic;font-weight:600;font-display:swap;src:url(https://fonts.youcan.shop/fonts/Inter-SemiBoldItalic.woff2)format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.youcan.shop/fonts/Inter-Bold.woff2)format("woff2")}@font-face{font-family:Inter;font-style:italic;font-weight:700;font-display:swap;src:url(https://fonts.youcan.shop/fonts/Inter-BoldItalic.woff2)format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:800;font-display:swap;src:url(https://fonts.youcan.shop/fonts/Inter-ExtraBold.woff2)format("woff2")}@font-face{font-family:Inter;font-style:italic;font-weight:800;font-display:swap;src:url(https://fonts.youcan.shop/fonts/Inter-ExtraBoldItalic.woff2)format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:900;font-display:swap;src:url(https://fonts.youcan.shop/fonts/Inter-Black.woff2)format("woff2")}@font-face{font-family:Inter;font-style:italic;font-weight:900;font-display:swap;src:url(https://fonts.youcan.shop/fonts/Inter-BlackItalic.woff2)format("woff2")}@font-face{font-family:InterDisplay;font-style:normal;font-weight:100;font-display:swap;src:url(https://fonts.youcan.shop/fonts/InterDisplay-Thin.woff2)format("woff2")}@font-face{font-family:InterDisplay;font-style:italic;font-weight:100;font-display:swap;src:url(https://fonts.youcan.shop/fonts/InterDisplay-ThinItalic.woff2)format("woff2")}@font-face{font-family:InterDisplay;font-style:normal;font-weight:200;font-display:swap;src:url(https://fonts.youcan.shop/fonts/InterDisplay-ExtraLight.woff2)format("woff2")}@font-face{font-family:InterDisplay;font-style:italic;font-weight:200;font-display:swap;src:url(https://fonts.youcan.shop/fonts/InterDisplay-ExtraLightItalic.woff2)format("woff2")}@font-face{font-family:InterDisplay;font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.youcan.shop/fonts/InterDisplay-Light.woff2)format("woff2")}@font-face{font-family:InterDisplay;font-style:italic;font-weight:300;font-display:swap;src:url(https://fonts.youcan.shop/fonts/InterDisplay-LightItalic.woff2)format("woff2")}@font-face{font-family:InterDisplay;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.youcan.shop/fonts/InterDisplay-Regular.woff2)format("woff2")}@font-face{font-family:InterDisplay;font-style:italic;font-weight:400;font-display:swap;src:url(https://fonts.youcan.shop/fonts/InterDisplay-Italic.woff2)format("woff2")}@font-face{font-family:InterDisplay;font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.youcan.shop/fonts/InterDisplay-Medium.woff2)format("woff2")}@font-face{font-family:InterDisplay;font-style:italic;font-weight:500;font-display:swap;src:url(https://fonts.youcan.shop/fonts/InterDisplay-MediumItalic.woff2)format("woff2")}@font-face{font-family:InterDisplay;font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.youcan.shop/fonts/InterDisplay-SemiBold.woff2)format("woff2")}@font-face{font-family:InterDisplay;font-style:italic;font-weight:600;font-display:swap;src:url(https://fonts.youcan.shop/fonts/InterDisplay-SemiBoldItalic.woff2)format("woff2")}@font-face{font-family:InterDisplay;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.youcan.shop/fonts/InterDisplay-Bold.woff2)format("woff2")}@font-face{font-family:InterDisplay;font-style:italic;font-weight:700;font-display:swap;src:url(https://fonts.youcan.shop/fonts/InterDisplay-BoldItalic.woff2)format("woff2")}@font-face{font-family:InterDisplay;font-style:normal;font-weight:800;font-display:swap;src:url(https://fonts.youcan.shop/fonts/InterDisplay-ExtraBold.woff2)format("woff2")}@font-face{font-family:InterDisplay;font-style:italic;font-weight:800;font-display:swap;src:url(https://fonts.youcan.shop/fonts/InterDisplay-ExtraBoldItalic.woff2)format("woff2")}@font-face{font-family:InterDisplay;font-style:normal;font-weight:900;font-display:swap;src:url(https://fonts.youcan.shop/fonts/InterDisplay-Black.woff2)format("woff2")}@font-face{font-family:InterDisplay;font-style:italic;font-weight:900;font-display:swap;src:url(https://fonts.youcan.shop/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
@@ -1,151 +1,387 @@
1
1
  @font-face {
2
2
  font-family: Cairo;
3
- src: url('https://ui-assets.ycdn.store/fonts/Cairo.ttf');
3
+ font-style: normal;
4
+ font-weight: 200;
5
+ font-display: swap;
6
+ src: url('https://fonts.youcan.shop/fonts/Cairo-ExtraLight.woff2') format('woff2');
7
+ }
8
+
9
+ @font-face {
10
+ font-family: Cairo;
11
+ font-style: normal;
12
+ font-weight: 300;
13
+ font-display: swap;
14
+ src: url('https://fonts.youcan.shop/fonts/Cairo-Light.woff2') format('woff2');
15
+ }
16
+
17
+ @font-face {
18
+ font-family: Cairo;
19
+ font-style: normal;
20
+ font-weight: 400;
21
+ font-display: swap;
22
+ src: url('https://fonts.youcan.shop/fonts/Cairo-Regular.woff2') format('woff2');
23
+ }
24
+
25
+ @font-face {
26
+ font-family: Cairo;
27
+ font-style: normal;
28
+ font-weight: 500;
29
+ font-display: swap;
30
+ src: url('https://fonts.youcan.shop/fonts/Cairo-Medium.woff2') format('woff2');
31
+ }
32
+
33
+ @font-face {
34
+ font-family: Cairo;
35
+ font-style: normal;
36
+ font-weight: 600;
37
+ font-display: swap;
38
+ src: url('https://fonts.youcan.shop/fonts/Cairo-SemiBold.woff2') format('woff2');
39
+ }
40
+
41
+ @font-face {
42
+ font-family: Cairo;
43
+ font-style: normal;
44
+ font-weight: 700;
45
+ font-display: swap;
46
+ src: url('https://fonts.youcan.shop/fonts/Cairo-Bold.woff2') format('woff2');
47
+ }
48
+
49
+ @font-face {
50
+ font-family: Cairo;
51
+ font-style: normal;
52
+ font-weight: 800;
53
+ font-display: swap;
54
+ src: url('https://fonts.youcan.shop/fonts/Cairo-ExtraBold.woff2') format('woff2');
55
+ }
56
+
57
+ @font-face {
58
+ font-family: Cairo;
59
+ font-style: normal;
60
+ font-weight: 900;
61
+ font-display: swap;
62
+ src: url('https://fonts.youcan.shop/fonts/Cairo-Black.woff2') format('woff2');
4
63
  }
64
+
5
65
  @font-face {
6
- font-family: GeistMono;
7
- src: url('https://ui-assets.ycdn.store/fonts/Geist-Mono.ttf');
66
+ font-family: 'Geist Mono';
67
+ font-style: normal;
68
+ font-weight: 100 900;
69
+ font-display: swap;
70
+ src: url('https://fonts.youcan.shop/fonts/GeistMono[wght].woff2') format('woff2');
8
71
  }
72
+
73
+ @font-face {
74
+ font-family: 'Geist Mono';
75
+ font-style: italic;
76
+ font-weight: 100 900;
77
+ font-display: swap;
78
+ src: url('https://fonts.youcan.shop/fonts/GeistMono-Italic[wght].woff2') format('woff2');
79
+ }
80
+
9
81
  @font-face {
10
82
  font-family: InterVariable;
11
83
  font-style: normal;
12
84
  font-weight: 100 900;
13
85
  font-display: swap;
14
- src: url('https://ui-assets.ycdn.store/fonts/InterVariable.woff2') format('woff2');
86
+ src: url('https://fonts.youcan.shop/fonts/InterVariable.woff2') format('woff2');
15
87
  }
88
+
16
89
  @font-face {
17
90
  font-family: InterVariable;
18
91
  font-style: italic;
19
92
  font-weight: 100 900;
20
93
  font-display: swap;
21
- src: url('https://ui-assets.ycdn.store/fonts/InterVariable-Italic.woff2') format('woff2');
94
+ src: url('https://fonts.youcan.shop/fonts/InterVariable-Italic.woff2') format('woff2');
95
+ }
96
+
97
+ @font-face {
98
+ font-family: Inter;
99
+ font-style: normal;
100
+ font-weight: 100;
101
+ font-display: swap;
102
+ src: url('https://fonts.youcan.shop/fonts/Inter-Thin.woff2') format('woff2');
103
+ }
104
+
105
+ @font-face {
106
+ font-family: Inter;
107
+ font-style: italic;
108
+ font-weight: 100;
109
+ font-display: swap;
110
+ src: url('https://fonts.youcan.shop/fonts/Inter-ThinItalic.woff2') format('woff2');
111
+ }
112
+
113
+ @font-face {
114
+ font-family: Inter;
115
+ font-style: normal;
116
+ font-weight: 200;
117
+ font-display: swap;
118
+ src: url('https://fonts.youcan.shop/fonts/Inter-ExtraLight.woff2') format('woff2');
119
+ }
120
+
121
+ @font-face {
122
+ font-family: Inter;
123
+ font-style: italic;
124
+ font-weight: 200;
125
+ font-display: swap;
126
+ src: url('https://fonts.youcan.shop/fonts/Inter-ExtraLightItalic.woff2') format('woff2');
127
+ }
128
+
129
+ @font-face {
130
+ font-family: Inter;
131
+ font-style: normal;
132
+ font-weight: 300;
133
+ font-display: swap;
134
+ src: url('https://fonts.youcan.shop/fonts/Inter-Light.woff2') format('woff2');
135
+ }
136
+
137
+ @font-face {
138
+ font-family: Inter;
139
+ font-style: italic;
140
+ font-weight: 300;
141
+ font-display: swap;
142
+ src: url('https://fonts.youcan.shop/fonts/Inter-LightItalic.woff2') format('woff2');
143
+ }
144
+
145
+ @font-face {
146
+ font-family: Inter;
147
+ font-style: normal;
148
+ font-weight: 400;
149
+ font-display: swap;
150
+ src: url('https://fonts.youcan.shop/fonts/Inter-Regular.woff2') format('woff2');
151
+ }
152
+
153
+ @font-face {
154
+ font-family: Inter;
155
+ font-style: italic;
156
+ font-weight: 400;
157
+ font-display: swap;
158
+ src: url('https://fonts.youcan.shop/fonts/Inter-Italic.woff2') format('woff2');
159
+ }
160
+
161
+ @font-face {
162
+ font-family: Inter;
163
+ font-style: normal;
164
+ font-weight: 500;
165
+ font-display: swap;
166
+ src: url('https://fonts.youcan.shop/fonts/Inter-Medium.woff2') format('woff2');
167
+ }
168
+
169
+ @font-face {
170
+ font-family: Inter;
171
+ font-style: italic;
172
+ font-weight: 500;
173
+ font-display: swap;
174
+ src: url('https://fonts.youcan.shop/fonts/Inter-MediumItalic.woff2') format('woff2');
175
+ }
176
+
177
+ @font-face {
178
+ font-family: Inter;
179
+ font-style: normal;
180
+ font-weight: 600;
181
+ font-display: swap;
182
+ src: url('https://fonts.youcan.shop/fonts/Inter-SemiBold.woff2') format('woff2');
183
+ }
184
+
185
+ @font-face {
186
+ font-family: Inter;
187
+ font-style: italic;
188
+ font-weight: 600;
189
+ font-display: swap;
190
+ src: url('https://fonts.youcan.shop/fonts/Inter-SemiBoldItalic.woff2') format('woff2');
191
+ }
192
+
193
+ @font-face {
194
+ font-family: Inter;
195
+ font-style: normal;
196
+ font-weight: 700;
197
+ font-display: swap;
198
+ src: url('https://fonts.youcan.shop/fonts/Inter-Bold.woff2') format('woff2');
199
+ }
200
+
201
+ @font-face {
202
+ font-family: Inter;
203
+ font-style: italic;
204
+ font-weight: 700;
205
+ font-display: swap;
206
+ src: url('https://fonts.youcan.shop/fonts/Inter-BoldItalic.woff2') format('woff2');
22
207
  }
208
+
23
209
  @font-face {
24
- font-family: 'InterDisplay';
210
+ font-family: Inter;
211
+ font-style: normal;
212
+ font-weight: 800;
213
+ font-display: swap;
214
+ src: url('https://fonts.youcan.shop/fonts/Inter-ExtraBold.woff2') format('woff2');
215
+ }
216
+
217
+ @font-face {
218
+ font-family: Inter;
219
+ font-style: italic;
220
+ font-weight: 800;
221
+ font-display: swap;
222
+ src: url('https://fonts.youcan.shop/fonts/Inter-ExtraBoldItalic.woff2') format('woff2');
223
+ }
224
+
225
+ @font-face {
226
+ font-family: Inter;
227
+ font-style: normal;
228
+ font-weight: 900;
229
+ font-display: swap;
230
+ src: url('https://fonts.youcan.shop/fonts/Inter-Black.woff2') format('woff2');
231
+ }
232
+
233
+ @font-face {
234
+ font-family: Inter;
235
+ font-style: italic;
236
+ font-weight: 900;
237
+ font-display: swap;
238
+ src: url('https://fonts.youcan.shop/fonts/Inter-BlackItalic.woff2') format('woff2');
239
+ }
240
+
241
+ @font-face {
242
+ font-family: InterDisplay;
25
243
  font-style: normal;
26
244
  font-weight: 100;
27
245
  font-display: swap;
28
- src: url('https://ui-assets.ycdn.store/fonts/InterDisplay-Thin.woff2') format('woff2');
246
+ src: url('https://fonts.youcan.shop/fonts/InterDisplay-Thin.woff2') format('woff2');
29
247
  }
248
+
30
249
  @font-face {
31
- font-family: 'InterDisplay';
250
+ font-family: InterDisplay;
32
251
  font-style: italic;
33
252
  font-weight: 100;
34
253
  font-display: swap;
35
- src: url('https://ui-assets.ycdn.store/fonts/InterDisplay-ThinItalic.woff2') format('woff2');
254
+ src: url('https://fonts.youcan.shop/fonts/InterDisplay-ThinItalic.woff2') format('woff2');
36
255
  }
256
+
37
257
  @font-face {
38
- font-family: 'InterDisplay';
258
+ font-family: InterDisplay;
39
259
  font-style: normal;
40
260
  font-weight: 200;
41
261
  font-display: swap;
42
- src: url('https://ui-assets.ycdn.store/fonts/InterDisplay-ExtraLight.woff2') format('woff2');
262
+ src: url('https://fonts.youcan.shop/fonts/InterDisplay-ExtraLight.woff2') format('woff2');
43
263
  }
264
+
44
265
  @font-face {
45
- font-family: 'InterDisplay';
266
+ font-family: InterDisplay;
46
267
  font-style: italic;
47
268
  font-weight: 200;
48
269
  font-display: swap;
49
- src: url('https://ui-assets.ycdn.store/fonts/InterDisplay-ExtraLightItalic.woff2') format('woff2');
270
+ src: url('https://fonts.youcan.shop/fonts/InterDisplay-ExtraLightItalic.woff2') format('woff2');
50
271
  }
272
+
51
273
  @font-face {
52
- font-family: 'InterDisplay';
274
+ font-family: InterDisplay;
53
275
  font-style: normal;
54
276
  font-weight: 300;
55
277
  font-display: swap;
56
- src: url('https://ui-assets.ycdn.store/fonts/InterDisplay-Light.woff2') format('woff2');
278
+ src: url('https://fonts.youcan.shop/fonts/InterDisplay-Light.woff2') format('woff2');
57
279
  }
280
+
58
281
  @font-face {
59
- font-family: 'InterDisplay';
282
+ font-family: InterDisplay;
60
283
  font-style: italic;
61
284
  font-weight: 300;
62
285
  font-display: swap;
63
- src: url('https://ui-assets.ycdn.store/fonts/InterDisplay-LightItalic.woff2') format('woff2');
286
+ src: url('https://fonts.youcan.shop/fonts/InterDisplay-LightItalic.woff2') format('woff2');
64
287
  }
288
+
65
289
  @font-face {
66
- font-family: 'InterDisplay';
290
+ font-family: InterDisplay;
67
291
  font-style: normal;
68
292
  font-weight: 400;
69
293
  font-display: swap;
70
- src: url('https://ui-assets.ycdn.store/fonts/InterDisplay-Regular.woff2') format('woff2');
294
+ src: url('https://fonts.youcan.shop/fonts/InterDisplay-Regular.woff2') format('woff2');
71
295
  }
296
+
72
297
  @font-face {
73
- font-family: 'InterDisplay';
298
+ font-family: InterDisplay;
74
299
  font-style: italic;
75
300
  font-weight: 400;
76
301
  font-display: swap;
77
- src: url('https://ui-assets.ycdn.store/fonts/InterDisplay-Italic.woff2') format('woff2');
302
+ src: url('https://fonts.youcan.shop/fonts/InterDisplay-Italic.woff2') format('woff2');
78
303
  }
304
+
79
305
  @font-face {
80
- font-family: 'InterDisplay';
306
+ font-family: InterDisplay;
81
307
  font-style: normal;
82
308
  font-weight: 500;
83
309
  font-display: swap;
84
- src: url('https://ui-assets.ycdn.store/fonts/InterDisplay-Medium.woff2') format('woff2');
310
+ src: url('https://fonts.youcan.shop/fonts/InterDisplay-Medium.woff2') format('woff2');
85
311
  }
312
+
86
313
  @font-face {
87
- font-family: 'InterDisplay';
314
+ font-family: InterDisplay;
88
315
  font-style: italic;
89
316
  font-weight: 500;
90
317
  font-display: swap;
91
- src: url('https://ui-assets.ycdn.store/fonts/InterDisplay-MediumItalic.woff2') format('woff2');
318
+ src: url('https://fonts.youcan.shop/fonts/InterDisplay-MediumItalic.woff2') format('woff2');
92
319
  }
320
+
93
321
  @font-face {
94
- font-family: 'InterDisplay';
322
+ font-family: InterDisplay;
95
323
  font-style: normal;
96
324
  font-weight: 600;
97
325
  font-display: swap;
98
- src: url('https://ui-assets.ycdn.store/fonts/InterDisplay-SemiBold.woff2') format('woff2');
326
+ src: url('https://fonts.youcan.shop/fonts/InterDisplay-SemiBold.woff2') format('woff2');
99
327
  }
328
+
100
329
  @font-face {
101
- font-family: 'InterDisplay';
330
+ font-family: InterDisplay;
102
331
  font-style: italic;
103
332
  font-weight: 600;
104
333
  font-display: swap;
105
- src: url('https://ui-assets.ycdn.store/fonts/InterDisplay-SemiBoldItalic.woff2') format('woff2');
334
+ src: url('https://fonts.youcan.shop/fonts/InterDisplay-SemiBoldItalic.woff2') format('woff2');
106
335
  }
336
+
107
337
  @font-face {
108
- font-family: 'InterDisplay';
338
+ font-family: InterDisplay;
109
339
  font-style: normal;
110
340
  font-weight: 700;
111
341
  font-display: swap;
112
- src: url('https://ui-assets.ycdn.store/fonts/InterDisplay-Bold.woff2') format('woff2');
342
+ src: url('https://fonts.youcan.shop/fonts/InterDisplay-Bold.woff2') format('woff2');
113
343
  }
344
+
114
345
  @font-face {
115
- font-family: 'InterDisplay';
346
+ font-family: InterDisplay;
116
347
  font-style: italic;
117
348
  font-weight: 700;
118
349
  font-display: swap;
119
- src: url('https://ui-assets.ycdn.store/fonts/InterDisplay-BoldItalic.woff2') format('woff2');
350
+ src: url('https://fonts.youcan.shop/fonts/InterDisplay-BoldItalic.woff2') format('woff2');
120
351
  }
352
+
121
353
  @font-face {
122
- font-family: 'InterDisplay';
354
+ font-family: InterDisplay;
123
355
  font-style: normal;
124
356
  font-weight: 800;
125
357
  font-display: swap;
126
- src: url('https://ui-assets.ycdn.store/fonts/InterDisplay-ExtraBold.woff2') format('woff2');
358
+ src: url('https://fonts.youcan.shop/fonts/InterDisplay-ExtraBold.woff2') format('woff2');
127
359
  }
360
+
128
361
  @font-face {
129
- font-family: 'InterDisplay';
362
+ font-family: InterDisplay;
130
363
  font-style: italic;
131
364
  font-weight: 800;
132
365
  font-display: swap;
133
- src: url('https://ui-assets.ycdn.store/fonts/InterDisplay-ExtraBoldItalic.woff2') format('woff2');
366
+ src: url('https://fonts.youcan.shop/fonts/InterDisplay-ExtraBoldItalic.woff2') format('woff2');
134
367
  }
368
+
135
369
  @font-face {
136
- font-family: 'InterDisplay';
370
+ font-family: InterDisplay;
137
371
  font-style: normal;
138
372
  font-weight: 900;
139
373
  font-display: swap;
140
- src: url('https://ui-assets.ycdn.store/fonts/InterDisplay-Black.woff2') format('woff2');
374
+ src: url('https://fonts.youcan.shop/fonts/InterDisplay-Black.woff2') format('woff2');
141
375
  }
376
+
142
377
  @font-face {
143
- font-family: 'InterDisplay';
378
+ font-family: InterDisplay;
144
379
  font-style: italic;
145
380
  font-weight: 900;
146
381
  font-display: swap;
147
- src: url('https://ui-assets.ycdn.store/fonts/InterDisplay-BlackItalic.woff2') format('woff2');
382
+ src: url('https://fonts.youcan.shop/fonts/InterDisplay-BlackItalic.woff2') format('woff2');
148
383
  }
384
+
149
385
  @font-feature-values InterVariable {
150
386
  @character-variant {
151
387
  cv01: 1;
@@ -175,6 +411,7 @@
175
411
  compact-lc-f: 12; /* Compact f */
176
412
  compact-lc-t: 13; /* Compact t */
177
413
  }
414
+
178
415
  @styleset {
179
416
  ss01: 1;
180
417
  ss02: 2;
@@ -194,6 +431,7 @@
194
431
  squared-characters: 6; /* Squared characters */
195
432
  }
196
433
  }
434
+
197
435
  @font-feature-values Inter {
198
436
  @character-variant {
199
437
  cv01: 1;
@@ -223,6 +461,7 @@
223
461
  compact-lc-f: 12; /* Compact f */
224
462
  compact-lc-t: 13; /* Compact t */
225
463
  }
464
+
226
465
  @styleset {
227
466
  ss01: 1;
228
467
  ss02: 2;
@@ -242,6 +481,7 @@
242
481
  squared-characters: 6; /* Squared characters */
243
482
  }
244
483
  }
484
+
245
485
  @font-feature-values InterDisplay {
246
486
  @character-variant {
247
487
  cv01: 1;
@@ -271,6 +511,7 @@
271
511
  compact-lc-f: 12; /* Compact f */
272
512
  compact-lc-t: 13; /* Compact t */
273
513
  }
514
+
274
515
  @styleset {
275
516
  ss01: 1;
276
517
  ss02: 2;
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@youcan/celeste-tokens",
3
3
  "type": "module",
4
- "version": "0.6.100",
4
+ "version": "0.6.101",
5
5
  "author": "YouCan <tech@youcan.shop>",
6
6
  "repository": {
7
7
  "type": "git",
package/src/stubs/fonts.css CHANGED
@@ -1,151 +1,387 @@
1
1
  @font-face {
2
2
  font-family: Cairo;
3
- src: url('https://ui-assets.ycdn.store/fonts/Cairo.ttf');
3
+ font-style: normal;
4
+ font-weight: 200;
5
+ font-display: swap;
6
+ src: url('https://fonts.youcan.shop/fonts/Cairo-ExtraLight.woff2') format('woff2');
7
+ }
8
+
9
+ @font-face {
10
+ font-family: Cairo;
11
+ font-style: normal;
12
+ font-weight: 300;
13
+ font-display: swap;
14
+ src: url('https://fonts.youcan.shop/fonts/Cairo-Light.woff2') format('woff2');
15
+ }
16
+
17
+ @font-face {
18
+ font-family: Cairo;
19
+ font-style: normal;
20
+ font-weight: 400;
21
+ font-display: swap;
22
+ src: url('https://fonts.youcan.shop/fonts/Cairo-Regular.woff2') format('woff2');
23
+ }
24
+
25
+ @font-face {
26
+ font-family: Cairo;
27
+ font-style: normal;
28
+ font-weight: 500;
29
+ font-display: swap;
30
+ src: url('https://fonts.youcan.shop/fonts/Cairo-Medium.woff2') format('woff2');
31
+ }
32
+
33
+ @font-face {
34
+ font-family: Cairo;
35
+ font-style: normal;
36
+ font-weight: 600;
37
+ font-display: swap;
38
+ src: url('https://fonts.youcan.shop/fonts/Cairo-SemiBold.woff2') format('woff2');
39
+ }
40
+
41
+ @font-face {
42
+ font-family: Cairo;
43
+ font-style: normal;
44
+ font-weight: 700;
45
+ font-display: swap;
46
+ src: url('https://fonts.youcan.shop/fonts/Cairo-Bold.woff2') format('woff2');
47
+ }
48
+
49
+ @font-face {
50
+ font-family: Cairo;
51
+ font-style: normal;
52
+ font-weight: 800;
53
+ font-display: swap;
54
+ src: url('https://fonts.youcan.shop/fonts/Cairo-ExtraBold.woff2') format('woff2');
55
+ }
56
+
57
+ @font-face {
58
+ font-family: Cairo;
59
+ font-style: normal;
60
+ font-weight: 900;
61
+ font-display: swap;
62
+ src: url('https://fonts.youcan.shop/fonts/Cairo-Black.woff2') format('woff2');
4
63
  }
64
+
5
65
  @font-face {
6
- font-family: GeistMono;
7
- src: url('https://ui-assets.ycdn.store/fonts/Geist-Mono.ttf');
66
+ font-family: 'Geist Mono';
67
+ font-style: normal;
68
+ font-weight: 100 900;
69
+ font-display: swap;
70
+ src: url('https://fonts.youcan.shop/fonts/GeistMono[wght].woff2') format('woff2');
8
71
  }
72
+
73
+ @font-face {
74
+ font-family: 'Geist Mono';
75
+ font-style: italic;
76
+ font-weight: 100 900;
77
+ font-display: swap;
78
+ src: url('https://fonts.youcan.shop/fonts/GeistMono-Italic[wght].woff2') format('woff2');
79
+ }
80
+
9
81
  @font-face {
10
82
  font-family: InterVariable;
11
83
  font-style: normal;
12
84
  font-weight: 100 900;
13
85
  font-display: swap;
14
- src: url('https://ui-assets.ycdn.store/fonts/InterVariable.woff2') format('woff2');
86
+ src: url('https://fonts.youcan.shop/fonts/InterVariable.woff2') format('woff2');
15
87
  }
88
+
16
89
  @font-face {
17
90
  font-family: InterVariable;
18
91
  font-style: italic;
19
92
  font-weight: 100 900;
20
93
  font-display: swap;
21
- src: url('https://ui-assets.ycdn.store/fonts/InterVariable-Italic.woff2') format('woff2');
94
+ src: url('https://fonts.youcan.shop/fonts/InterVariable-Italic.woff2') format('woff2');
95
+ }
96
+
97
+ @font-face {
98
+ font-family: Inter;
99
+ font-style: normal;
100
+ font-weight: 100;
101
+ font-display: swap;
102
+ src: url('https://fonts.youcan.shop/fonts/Inter-Thin.woff2') format('woff2');
103
+ }
104
+
105
+ @font-face {
106
+ font-family: Inter;
107
+ font-style: italic;
108
+ font-weight: 100;
109
+ font-display: swap;
110
+ src: url('https://fonts.youcan.shop/fonts/Inter-ThinItalic.woff2') format('woff2');
111
+ }
112
+
113
+ @font-face {
114
+ font-family: Inter;
115
+ font-style: normal;
116
+ font-weight: 200;
117
+ font-display: swap;
118
+ src: url('https://fonts.youcan.shop/fonts/Inter-ExtraLight.woff2') format('woff2');
119
+ }
120
+
121
+ @font-face {
122
+ font-family: Inter;
123
+ font-style: italic;
124
+ font-weight: 200;
125
+ font-display: swap;
126
+ src: url('https://fonts.youcan.shop/fonts/Inter-ExtraLightItalic.woff2') format('woff2');
127
+ }
128
+
129
+ @font-face {
130
+ font-family: Inter;
131
+ font-style: normal;
132
+ font-weight: 300;
133
+ font-display: swap;
134
+ src: url('https://fonts.youcan.shop/fonts/Inter-Light.woff2') format('woff2');
135
+ }
136
+
137
+ @font-face {
138
+ font-family: Inter;
139
+ font-style: italic;
140
+ font-weight: 300;
141
+ font-display: swap;
142
+ src: url('https://fonts.youcan.shop/fonts/Inter-LightItalic.woff2') format('woff2');
143
+ }
144
+
145
+ @font-face {
146
+ font-family: Inter;
147
+ font-style: normal;
148
+ font-weight: 400;
149
+ font-display: swap;
150
+ src: url('https://fonts.youcan.shop/fonts/Inter-Regular.woff2') format('woff2');
151
+ }
152
+
153
+ @font-face {
154
+ font-family: Inter;
155
+ font-style: italic;
156
+ font-weight: 400;
157
+ font-display: swap;
158
+ src: url('https://fonts.youcan.shop/fonts/Inter-Italic.woff2') format('woff2');
159
+ }
160
+
161
+ @font-face {
162
+ font-family: Inter;
163
+ font-style: normal;
164
+ font-weight: 500;
165
+ font-display: swap;
166
+ src: url('https://fonts.youcan.shop/fonts/Inter-Medium.woff2') format('woff2');
167
+ }
168
+
169
+ @font-face {
170
+ font-family: Inter;
171
+ font-style: italic;
172
+ font-weight: 500;
173
+ font-display: swap;
174
+ src: url('https://fonts.youcan.shop/fonts/Inter-MediumItalic.woff2') format('woff2');
175
+ }
176
+
177
+ @font-face {
178
+ font-family: Inter;
179
+ font-style: normal;
180
+ font-weight: 600;
181
+ font-display: swap;
182
+ src: url('https://fonts.youcan.shop/fonts/Inter-SemiBold.woff2') format('woff2');
183
+ }
184
+
185
+ @font-face {
186
+ font-family: Inter;
187
+ font-style: italic;
188
+ font-weight: 600;
189
+ font-display: swap;
190
+ src: url('https://fonts.youcan.shop/fonts/Inter-SemiBoldItalic.woff2') format('woff2');
191
+ }
192
+
193
+ @font-face {
194
+ font-family: Inter;
195
+ font-style: normal;
196
+ font-weight: 700;
197
+ font-display: swap;
198
+ src: url('https://fonts.youcan.shop/fonts/Inter-Bold.woff2') format('woff2');
199
+ }
200
+
201
+ @font-face {
202
+ font-family: Inter;
203
+ font-style: italic;
204
+ font-weight: 700;
205
+ font-display: swap;
206
+ src: url('https://fonts.youcan.shop/fonts/Inter-BoldItalic.woff2') format('woff2');
207
+ }
208
+
209
+ @font-face {
210
+ font-family: Inter;
211
+ font-style: normal;
212
+ font-weight: 800;
213
+ font-display: swap;
214
+ src: url('https://fonts.youcan.shop/fonts/Inter-ExtraBold.woff2') format('woff2');
215
+ }
216
+
217
+ @font-face {
218
+ font-family: Inter;
219
+ font-style: italic;
220
+ font-weight: 800;
221
+ font-display: swap;
222
+ src: url('https://fonts.youcan.shop/fonts/Inter-ExtraBoldItalic.woff2') format('woff2');
223
+ }
224
+
225
+ @font-face {
226
+ font-family: Inter;
227
+ font-style: normal;
228
+ font-weight: 900;
229
+ font-display: swap;
230
+ src: url('https://fonts.youcan.shop/fonts/Inter-Black.woff2') format('woff2');
231
+ }
232
+
233
+ @font-face {
234
+ font-family: Inter;
235
+ font-style: italic;
236
+ font-weight: 900;
237
+ font-display: swap;
238
+ src: url('https://fonts.youcan.shop/fonts/Inter-BlackItalic.woff2') format('woff2');
22
239
  }
240
+
23
241
  @font-face {
24
- font-family: 'InterDisplay';
242
+ font-family: InterDisplay;
25
243
  font-style: normal;
26
244
  font-weight: 100;
27
245
  font-display: swap;
28
- src: url('https://ui-assets.ycdn.store/fonts/InterDisplay-Thin.woff2') format('woff2');
246
+ src: url('https://fonts.youcan.shop/fonts/InterDisplay-Thin.woff2') format('woff2');
29
247
  }
248
+
30
249
  @font-face {
31
- font-family: 'InterDisplay';
250
+ font-family: InterDisplay;
32
251
  font-style: italic;
33
252
  font-weight: 100;
34
253
  font-display: swap;
35
- src: url('https://ui-assets.ycdn.store/fonts/InterDisplay-ThinItalic.woff2') format('woff2');
254
+ src: url('https://fonts.youcan.shop/fonts/InterDisplay-ThinItalic.woff2') format('woff2');
36
255
  }
256
+
37
257
  @font-face {
38
- font-family: 'InterDisplay';
258
+ font-family: InterDisplay;
39
259
  font-style: normal;
40
260
  font-weight: 200;
41
261
  font-display: swap;
42
- src: url('https://ui-assets.ycdn.store/fonts/InterDisplay-ExtraLight.woff2') format('woff2');
262
+ src: url('https://fonts.youcan.shop/fonts/InterDisplay-ExtraLight.woff2') format('woff2');
43
263
  }
264
+
44
265
  @font-face {
45
- font-family: 'InterDisplay';
266
+ font-family: InterDisplay;
46
267
  font-style: italic;
47
268
  font-weight: 200;
48
269
  font-display: swap;
49
- src: url('https://ui-assets.ycdn.store/fonts/InterDisplay-ExtraLightItalic.woff2') format('woff2');
270
+ src: url('https://fonts.youcan.shop/fonts/InterDisplay-ExtraLightItalic.woff2') format('woff2');
50
271
  }
272
+
51
273
  @font-face {
52
- font-family: 'InterDisplay';
274
+ font-family: InterDisplay;
53
275
  font-style: normal;
54
276
  font-weight: 300;
55
277
  font-display: swap;
56
- src: url('https://ui-assets.ycdn.store/fonts/InterDisplay-Light.woff2') format('woff2');
278
+ src: url('https://fonts.youcan.shop/fonts/InterDisplay-Light.woff2') format('woff2');
57
279
  }
280
+
58
281
  @font-face {
59
- font-family: 'InterDisplay';
282
+ font-family: InterDisplay;
60
283
  font-style: italic;
61
284
  font-weight: 300;
62
285
  font-display: swap;
63
- src: url('https://ui-assets.ycdn.store/fonts/InterDisplay-LightItalic.woff2') format('woff2');
286
+ src: url('https://fonts.youcan.shop/fonts/InterDisplay-LightItalic.woff2') format('woff2');
64
287
  }
288
+
65
289
  @font-face {
66
- font-family: 'InterDisplay';
290
+ font-family: InterDisplay;
67
291
  font-style: normal;
68
292
  font-weight: 400;
69
293
  font-display: swap;
70
- src: url('https://ui-assets.ycdn.store/fonts/InterDisplay-Regular.woff2') format('woff2');
294
+ src: url('https://fonts.youcan.shop/fonts/InterDisplay-Regular.woff2') format('woff2');
71
295
  }
296
+
72
297
  @font-face {
73
- font-family: 'InterDisplay';
298
+ font-family: InterDisplay;
74
299
  font-style: italic;
75
300
  font-weight: 400;
76
301
  font-display: swap;
77
- src: url('https://ui-assets.ycdn.store/fonts/InterDisplay-Italic.woff2') format('woff2');
302
+ src: url('https://fonts.youcan.shop/fonts/InterDisplay-Italic.woff2') format('woff2');
78
303
  }
304
+
79
305
  @font-face {
80
- font-family: 'InterDisplay';
306
+ font-family: InterDisplay;
81
307
  font-style: normal;
82
308
  font-weight: 500;
83
309
  font-display: swap;
84
- src: url('https://ui-assets.ycdn.store/fonts/InterDisplay-Medium.woff2') format('woff2');
310
+ src: url('https://fonts.youcan.shop/fonts/InterDisplay-Medium.woff2') format('woff2');
85
311
  }
312
+
86
313
  @font-face {
87
- font-family: 'InterDisplay';
314
+ font-family: InterDisplay;
88
315
  font-style: italic;
89
316
  font-weight: 500;
90
317
  font-display: swap;
91
- src: url('https://ui-assets.ycdn.store/fonts/InterDisplay-MediumItalic.woff2') format('woff2');
318
+ src: url('https://fonts.youcan.shop/fonts/InterDisplay-MediumItalic.woff2') format('woff2');
92
319
  }
320
+
93
321
  @font-face {
94
- font-family: 'InterDisplay';
322
+ font-family: InterDisplay;
95
323
  font-style: normal;
96
324
  font-weight: 600;
97
325
  font-display: swap;
98
- src: url('https://ui-assets.ycdn.store/fonts/InterDisplay-SemiBold.woff2') format('woff2');
326
+ src: url('https://fonts.youcan.shop/fonts/InterDisplay-SemiBold.woff2') format('woff2');
99
327
  }
328
+
100
329
  @font-face {
101
- font-family: 'InterDisplay';
330
+ font-family: InterDisplay;
102
331
  font-style: italic;
103
332
  font-weight: 600;
104
333
  font-display: swap;
105
- src: url('https://ui-assets.ycdn.store/fonts/InterDisplay-SemiBoldItalic.woff2') format('woff2');
334
+ src: url('https://fonts.youcan.shop/fonts/InterDisplay-SemiBoldItalic.woff2') format('woff2');
106
335
  }
336
+
107
337
  @font-face {
108
- font-family: 'InterDisplay';
338
+ font-family: InterDisplay;
109
339
  font-style: normal;
110
340
  font-weight: 700;
111
341
  font-display: swap;
112
- src: url('https://ui-assets.ycdn.store/fonts/InterDisplay-Bold.woff2') format('woff2');
342
+ src: url('https://fonts.youcan.shop/fonts/InterDisplay-Bold.woff2') format('woff2');
113
343
  }
344
+
114
345
  @font-face {
115
- font-family: 'InterDisplay';
346
+ font-family: InterDisplay;
116
347
  font-style: italic;
117
348
  font-weight: 700;
118
349
  font-display: swap;
119
- src: url('https://ui-assets.ycdn.store/fonts/InterDisplay-BoldItalic.woff2') format('woff2');
350
+ src: url('https://fonts.youcan.shop/fonts/InterDisplay-BoldItalic.woff2') format('woff2');
120
351
  }
352
+
121
353
  @font-face {
122
- font-family: 'InterDisplay';
354
+ font-family: InterDisplay;
123
355
  font-style: normal;
124
356
  font-weight: 800;
125
357
  font-display: swap;
126
- src: url('https://ui-assets.ycdn.store/fonts/InterDisplay-ExtraBold.woff2') format('woff2');
358
+ src: url('https://fonts.youcan.shop/fonts/InterDisplay-ExtraBold.woff2') format('woff2');
127
359
  }
360
+
128
361
  @font-face {
129
- font-family: 'InterDisplay';
362
+ font-family: InterDisplay;
130
363
  font-style: italic;
131
364
  font-weight: 800;
132
365
  font-display: swap;
133
- src: url('https://ui-assets.ycdn.store/fonts/InterDisplay-ExtraBoldItalic.woff2') format('woff2');
366
+ src: url('https://fonts.youcan.shop/fonts/InterDisplay-ExtraBoldItalic.woff2') format('woff2');
134
367
  }
368
+
135
369
  @font-face {
136
- font-family: 'InterDisplay';
370
+ font-family: InterDisplay;
137
371
  font-style: normal;
138
372
  font-weight: 900;
139
373
  font-display: swap;
140
- src: url('https://ui-assets.ycdn.store/fonts/InterDisplay-Black.woff2') format('woff2');
374
+ src: url('https://fonts.youcan.shop/fonts/InterDisplay-Black.woff2') format('woff2');
141
375
  }
376
+
142
377
  @font-face {
143
- font-family: 'InterDisplay';
378
+ font-family: InterDisplay;
144
379
  font-style: italic;
145
380
  font-weight: 900;
146
381
  font-display: swap;
147
- src: url('https://ui-assets.ycdn.store/fonts/InterDisplay-BlackItalic.woff2') format('woff2');
382
+ src: url('https://fonts.youcan.shop/fonts/InterDisplay-BlackItalic.woff2') format('woff2');
148
383
  }
384
+
149
385
  @font-feature-values InterVariable {
150
386
  @character-variant {
151
387
  cv01: 1;
@@ -175,6 +411,7 @@
175
411
  compact-lc-f: 12; /* Compact f */
176
412
  compact-lc-t: 13; /* Compact t */
177
413
  }
414
+
178
415
  @styleset {
179
416
  ss01: 1;
180
417
  ss02: 2;
@@ -194,6 +431,7 @@
194
431
  squared-characters: 6; /* Squared characters */
195
432
  }
196
433
  }
434
+
197
435
  @font-feature-values Inter {
198
436
  @character-variant {
199
437
  cv01: 1;
@@ -223,6 +461,7 @@
223
461
  compact-lc-f: 12; /* Compact f */
224
462
  compact-lc-t: 13; /* Compact t */
225
463
  }
464
+
226
465
  @styleset {
227
466
  ss01: 1;
228
467
  ss02: 2;
@@ -242,6 +481,7 @@
242
481
  squared-characters: 6; /* Squared characters */
243
482
  }
244
483
  }
484
+
245
485
  @font-feature-values InterDisplay {
246
486
  @character-variant {
247
487
  cv01: 1;
@@ -271,6 +511,7 @@
271
511
  compact-lc-f: 12; /* Compact f */
272
512
  compact-lc-t: 13; /* Compact t */
273
513
  }
514
+
274
515
  @styleset {
275
516
  ss01: 1;
276
517
  ss02: 2;