:root {
  --tenka-box-shadow-s: 0 2px 4px rgba(0, 0, 0, 0.06);
  --tenka-box-shadow-sm: 0px 0px 4px rgba(0, 0, 0, 0.08);
  --tenka-box-shadow-m: 0 16px 40px rgba(0, 0, 0, 0.12);
  --tenka-box-shadow-l: 0 16px 44px -12px rgba(26, 26, 29, 0.3);
  --tenka-accent-scarlet: #ff1623;
  --tenka-accent-peach: #f7e0d0;
  --tenka-accent-navy: #0f083c;
  --tenka-accent-yellow: #ffdc4a;
  --tenka-accent-rose: #ffa78f;
  --tenka-accent-pink: #ff9e9f;
  --tenka-accent-sky: #b3d9da;
  --tenka-bg-primary: #ffffff;
  --tenka-bg-gray: #f0f0f0;
  --tenka-bg-rose-100: #fce7dd;
  --tenka-bg-rose-200: #e3cdd1;
  --tenka-bg-rose-300: #d8bac0;
  --tenka-bg-scarlet-100: #ffeaee;
  --tenka-bg-scarlet-200: #ffc4cf;
  --tenka-bg-scarlet-300: #ffa2b3;
  --tenka-bg-sage-100: #e8f3ec;
  --tenka-bg-sage-200: #cad8b4;
  --tenka-bg-sage-300: #b7ca9a;
  --tenka-bg-sea-100: #d7efee;
  --tenka-bg-sea-200: #a9dcd7;
  --tenka-bg-sea-300: #92d3cc;
  --tenka-bg-plum-100: #dfd8e3;
  --tenka-bg-plum-200: #d4d0e3;
  --tenka-bg-plum-300: #beb8d5;
  --tenka-bg-sky-100: #e2eff9;
  --tenka-bg-sky-200: #b7d7f0;
  --tenka-bg-sky-300: #91c2e8;
  --tenka-bg-sand-100: #f6f1e4;
  --tenka-bg-sand-200: #e0d0b7;
  --tenka-bg-sand-300: #d8c4a5;
  --tenka-bg-dust-100: #f7f7f5;
  --tenka-bg-dust-200: #f0f0ee;
  --tenka-bg-dust-300: #b7b7ad;
  --tenka-bg-verdant-100: #e4fdeb;
  --tenka-bg-verdant-200: #d9fce3;
  --tenka-bg-verdant-300: #a9eebc;
  --tenka-bg-banana-100: #fffddd;
  --tenka-bg-banana-200: #fffbbb;
  --tenka-bg-banana-300: #fffe95;
  --tenka-background-body: #ffffff;
  --tenka-brand-primary-10: hsla(358, 100%, 68%, 0.1);
  --tenka-brand-primary-20: hsla(358, 100%, 68%, 0.2);
  --tenka-brand-primary-30: hsla(358, 100%, 68%, 0.3);
  --tenka-brand-primary-40: hsla(358, 100%, 68%, 0.4);
  --tenka-brand-primary-50: hsla(358, 100%, 68%, 0.5);
  --tenka-brand-primary-60: hsla(358, 100%, 68%, 0.6);
  --tenka-brand-primary-70: hsla(358, 100%, 68%, 0.7);
  --tenka-brand-primary-80: hsla(358, 100%, 68%, 0.8);
  --tenka-brand-primary-90: hsla(358, 100%, 68%, 0.9);
  --tenka-brand-primary-100: hsl(358, 100%, 68%);
  --tenka-brand-primary-200: hsl(358, 83%, 64%);
  --tenka-brand-primary-300: hsl(358, 75%, 58%);
  --tenka-brand-secondary-10: hsla(181, 100%, 27%, 0.1);
  --tenka-brand-secondary-20: hsla(181, 100%, 27%, 0.2);
  --tenka-brand-secondary-30: hsla(181, 100%, 27%, 0.3);
  --tenka-brand-secondary-40: hsla(181, 100%, 27%, 0.4);
  --tenka-brand-secondary-50: hsla(181, 100%, 27%, 0.5);
  --tenka-brand-secondary-60: hsla(181, 100%, 27%, 0.6);
  --tenka-brand-secondary-70: hsla(181, 100%, 27%, 0.7);
  --tenka-brand-secondary-80: hsla(181, 100%, 27%, 0.8);
  --tenka-brand-secondary-90: hsla(181, 100%, 27%, 0.9);
  --tenka-brand-secondary-100: hsl(181, 100%, 27%);
  --tenka-brand-secondary-200: hsl(186, 100%, 26%);
  --tenka-brand-secondary-300: hsl(182, 100%, 22%);
  --tenka-brand-secondary-alt-10: hsl(181, 45%, 80%);
  --tenka-brand-secondary-alt-20: hsl(181, 40%, 79%);
  --tenka-brand-secondary-alt-30: hsl(182, 35%, 78%);
  --tenka-brand-secondary-alt-40: hsl(182, 49%, 72%);
  --tenka-brand-secondary-alt-50: hsl(182, 54%, 66%);
  --tenka-brand-secondary-alt-60: hsl(182, 57%, 60%);
  --tenka-brand-secondary-alt-70: hsl(182, 58%, 52%);
  --tenka-brand-secondary-alt-80: hsl(182, 100%, 36%);
  --tenka-brand-secondary-alt-90: #008489;
  --tenka-brand-secondary-alt-100: #00797e;
  --tenka-brand-secondary-alt-200: #006C70;
  --tenka-brand-secondary-alt-300: #005965;
  --tenka-brand-secondary-alt-05: hsl(181, 46%, 82%);
  --tenka-brand-maroon-10: hsl(335, 70%, 38%);
  --tenka-brand-maroon-100: hsl(343, 70%, 46%);
  --tenka-brand-maroon-200: hsl(335, 70%, 38%);
  --tenka-brand-maroon-300: hsl(337, 71%, 32%);
  --tenka-dark-10: rgba(0, 0, 0, 0.04);
  --tenka-dark-20: rgba(0, 0, 0, 0.08);
  --tenka-dark-30: rgba(0, 0, 0, 0.12);
  --tenka-dark-40: rgba(0, 0, 0, 0.2);
  --tenka-dark-50: rgba(0, 0, 0, 0.44);
  --tenka-dark-60: rgba(0, 0, 0, 0.54);
  --tenka-dark-70: rgba(0, 0, 0, 0.72);
  --tenka-dark-80: rgba(0, 0, 0, 0.84);
  --tenka-dark-90: rgba(0, 0, 0, 0.94);
  --tenka-dark-100: rgba(0, 0, 0, 1);
  --tenka-dark-hex-10: #f5f5f5;
  --tenka-dark-hex-20: #ebebeb;
  --tenka-dark-hex-30: #e0e0e0;
  --tenka-dark-hex-40: #cccccc;
  --tenka-dark-hex-50: #8f8f8f;
  --tenka-dark-hex-60: #767676;
  --tenka-dark-hex-70: #484848;
  --tenka-dark-hex-80: #272727;
  --tenka-dark-hex-90: #000100;
  --tenka-dark-hex-100: #000000;
  --tenka-light-10: rgba(255, 255, 255, 0.02);
  --tenka-light-20: rgba(255, 255, 255, 0.06);
  --tenka-light-30: rgba(255, 255, 255, 0.1);
  --tenka-light-40: rgba(255, 255, 255, 0.16);
  --tenka-light-50: rgba(255, 255, 255, 0.2);
  --tenka-light-60: rgba(255, 255, 255, 0.4);
  --tenka-light-70: rgba(255, 255, 255, 0.54);
  --tenka-light-80: rgba(255, 255, 255, 0.71);
  --tenka-light-90: rgba(255, 255, 255, 0.84);
  --tenka-light-100: rgba(255, 255, 255, 1);
  --tenka-light-hex-70: #9c9c9c;
  --tenka-light-hex-80: #c0c0c0;
  --tenka-light-hex-90: #dcdcdc;
  --tenka-light-hex-100: #ffffff;
  --tenka-tone-critical-10: rgba(255, 93, 61, 0.11);
  --tenka-tone-critical-100: #ff603f;
  --tenka-tone-critical-200: #e42700;
  --tenka-tone-critical-300: #940d00;
  --tenka-tone-warning-10: hsl(40, 100%, 91%);
  --tenka-tone-warning-100: hsl(42, 100%, 50%);
  --tenka-tone-warning-200: hsl(40, 100%, 48%);
  --tenka-tone-warning-300: hsl(32, 100%, 32%);
  --tenka-tone-positive-100: #57d9a3;
  --tenka-tone-positive-200: #00875a;
  --tenka-tone-positive-300: #006644;
  --tenka-font-family-primary: "Masbul", "geomanist", "SF Pro Display", -apple-system,
  BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell,
  "Helvetica Neue", sans-serif;
  --tenka-font-family-secondary: "Masbul", "IBM Plex Serif", "SF Pro Display", -apple-system,
  BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell,
  "Helvetica Neue", sans-serif;
  --tenka-font-family-monospace: "Roboto Mono", "Operator Mono", monospace;
  --tenka-font-family-display: "Masbul";
  --tenka-gutter-phone: 24px;
  --tenka-gutter-tablet: 32px;
  --tenka-gutter-desktop: 64px;
  --tenka-width-min-375: 375px;
  --tenka-width-min-420: 420px;
  --tenka-width-min-640: 640px;
  --tenka-width-min-720: 720px;
  --tenka-width-min-768: 768px;
  --tenka-width-min-840: 840px;
  --tenka-width-min-960: 960px;
  --tenka-width-min-1024: 1024px;
  --tenka-width-min-1080: 1080px;
  --tenka-width-min-1280: 1280px;
  --tenka-width-min-1536: 1536px;
  --tenka-width-max-375: 374px;
  --tenka-width-max-420: 419px;
  --tenka-width-max-640: 639px;
  --tenka-width-max-720: 719px;
  --tenka-width-max-768: 767px;
  --tenka-width-max-840: 839px;
  --tenka-width-max-960: 959px;
  --tenka-width-max-1024: 1023px;
  --tenka-width-max-1080: 1079px;
  --tenka-width-max-1280: 1279px;
  --tenka-width-max-1536: 1535px;
  --tenka-width-default: 1280px;
  --tenka-width-small: 1080px;
  --tenka-width-xsmall: 720px;
  --tenka-width-limit: calc(1280px + calc(64px * 2));
  --tenka-radius-xxs: 2px;
  --tenka-radius-xs: 3px;
  --tenka-radius-s: 6px;
  --tenka-radius-sm: 8px;
  --tenka-radius-m: 12px;
  --tenka-radius-ml: 16px;
  --tenka-radius-l: 20px;
  --tenka-radius-xl: 24px;
  --tenka-radius-xxl: 40px;
  --tenka-radius-rounded: 9999999px;
  --tenka-radius-full: 9999999px;
  --tenka-radius-field: 6px;
  --tenka-radius-card: 12px;
  --tenka-size-display-1: 128px;
  --tenka-size-display-2: 96px;
  --tenka-size-display-3: 64px;
  --tenka-size-heading-1: 48px;
  --tenka-size-heading-2: 32px;
  --tenka-size-heading-3: 24px;
  --tenka-size-heading-4: 19px;
  --tenka-size-heading-5: 17px;
  --tenka-size-heading-6: 15px;
  --tenka-size-xlarge: 22px;
  --tenka-size-large: 19px;
  --tenka-size-medium: 17px;
  --tenka-size-small: 15px;
  --tenka-size-body-1: 15px;
  --tenka-size-body-2: 17px;
  --tenka-size-body-3: 19px;
  --tenka-size-body-4: 22px;
  --tenka-size-caption-1: 12px;
  --tenka-size-caption-2: 14px;
  --tenka-space-base: 16px;
  --tenka-space-none: 0;
  --tenka-space-xxs: 0.125rem;
  --tenka-space-xs: 0.25rem;
  --tenka-space-s: 0.5rem;
  --tenka-space-sm: 0.75rem;
  --tenka-space-m: 1rem;
  --tenka-space-ml: 1.25rem;
  --tenka-space-l: 1.5rem;
  --tenka-space-xl: 2rem;
  --tenka-space-xxl: 3rem;
  --tenka-space-xxxl: 4rem;
  --tenka-space-huge: 6rem;
  --tenka-space-extra: 9rem;
  --tenka-space-field: 1.25rem;
  --tenka-weight-100: 100;
  --tenka-weight-200: 200;
  --tenka-weight-300: 300;
  --tenka-weight-400: 400;
  --tenka-weight-500: 500;
  --tenka-weight-600: 600;
  --tenka-weight-700: 700;
  --tenka-weight-800: 800;
  --tenka-weight-900: 900;
  --tenka-weight-thin: 100;
  --tenka-weight-light: 200;
  --tenka-weight-book: 300;
  --tenka-weight-regular: 400;
  --tenka-weight-medium: 500;
  --tenka-weight-semibold: 600;
  --tenka-weight-bold: 700;
  --tenka-weight-extrabold: 800;
  --tenka-weight-black: 900;
  --tenka-layer-behind: -9;
  --tenka-layer-reset: auto;
  --tenka-layer-xxs: 9;
  --tenka-layer-xs: 99;
  --tenka-layer-s: 999;
  --tenka-layer-sm: 9999;
  --tenka-layer-m: 99999;
  --tenka-layer-ml: 999999;
  --tenka-layer-l: 9999999;
  --tenka-layer-ll: 99999999;
  --tenka-layer-xl: 999999999;
  --tenka-layer-top: 9999999999;
  --tenka-z-index-behind: -9;
  --tenka-z-index-reset: auto;
  --tenka-z-index-xxs: 9;
  --tenka-z-index-xs: 99;
  --tenka-z-index-s: 999;
  --tenka-z-index-sm: 9999;
  --tenka-z-index-m: 99999;
  --tenka-z-index-ml: 999999;
  --tenka-z-index-l: 9999999;
  --tenka-z-index-ll: 99999999;
  --tenka-z-index-xl: 999999999;
  --tenka-z-index-top: 9999999999;
}