:root {
    --tea-color-text-link-default: var(--tea-color-palette-blue-8);
    --tea-color-text-link-hover: var(--tea-color-palette-blue-7);
    --tea-color-text-link-active: var(--tea-color-palette-blue-9);
    --tea-color-text-link-disabled: var(--tea-color-palette-blue-3);
    --tea-color-text-solid: var(--tea-color-palette-black-100);
    --tea-color-text-primary: var(--tea-color-palette-black-90);
    --tea-color-text-secondary: var(--tea-color-palette-black-70);
    --tea-color-text-tertiary: var(--tea-color-palette-black-50);
    --tea-color-text-disabled: var(--tea-color-palette-black-30);
    --tea-color-text-paragraph: var(--tea-color-palette-black-90);
    --tea-color-text-brand-default: var(--tea-color-palette-blue-8);
    --tea-color-text-brand-hover: var(--tea-color-palette-blue-7);
    --tea-color-text-brand-active: var(--tea-color-palette-blue-9);
    --tea-color-text-brand-disabled: var(--tea-color-palette-blue-3);
    --tea-color-text-warning-default: var(--tea-color-palette-orange-8);
    --tea-color-text-warning-hover: var(--tea-color-palette-orange-7);
    --tea-color-text-warning-active: var(--tea-color-palette-orange-9);
    --tea-color-text-warning-disabled: var(--tea-color-palette-orange-3);
    --tea-color-text-success-default: var(--tea-color-palette-green-8);
    --tea-color-text-success-hover: var(--tea-color-palette-green-7);
    --tea-color-text-success-active: var(--tea-color-palette-green-9);
    --tea-color-text-success-disabled: var(--tea-color-palette-green-3);
    --tea-color-text-error-default: var(--tea-color-palette-red-8);
    --tea-color-text-error-hover: var(--tea-color-palette-red-7);
    --tea-color-text-error-active: var(--tea-color-palette-red-9);
    --tea-color-text-error-disabled: var(--tea-color-palette-red-3);
    --tea-color-text-on-bg-brand-default: var(--tea-color-palette-white-90);
    --tea-color-text-on-bg-brand-disabled: var(--tea-color-palette-white-70);
    --tea-color-text-on-bg-warning-default: var(--tea-color-palette-white-90);
    --tea-color-text-on-bg-warning-disabled: var(--tea-color-palette-white-70);
    --tea-color-text-on-bg-success-default: var(--tea-color-palette-white-90);
    --tea-color-text-on-bg-success-disabled: var(--tea-color-palette-white-70);
    --tea-color-text-on-bg-error-default: var(--tea-color-palette-white-90);
    --tea-color-text-on-bg-error-disabled: var(--tea-color-palette-white-70);
    --tea-color-text-on-bg-inverse-default: var(--tea-color-palette-white-90);
    --tea-color-text-placeholder: var(--tea-color-text-tertiary);
    --tea-color-text-inverse: var(--tea-color-palette-white-90);
    --tea-color-text-brand: var(--tea-color-text-brand-default);
    --tea-color-text-success: var(--tea-color-text-success-default);
    --tea-color-text-error: var(--tea-color-text-error-default);
    --tea-color-text-warning: var(--tea-color-text-warning-default);
    --tea-color-palette-white-0: hsla(0, 0%, 100%, 0);
    --tea-color-palette-white-5: hsla(0, 0%, 100%, 0.05);
    --tea-color-palette-white-10: hsla(0, 0%, 100%, 0.1);
    --tea-color-palette-white-15: hsla(0, 0%, 100%, 0.15);
    --tea-color-palette-white-20: hsla(0, 0%, 100%, 0.2);
    --tea-color-palette-white-25: hsla(0, 0%, 100%, 0.25);
    --tea-color-palette-white-30: hsla(0, 0%, 100%, 0.3);
    --tea-color-palette-white-35: hsla(0, 0%, 100%, 0.35);
    --tea-color-palette-white-40: hsla(0, 0%, 100%, 0.4);
    --tea-color-palette-white-45: hsla(0, 0%, 100%, 0.45);
    --tea-color-palette-white-50: hsla(0, 0%, 100%, 0.5);
    --tea-color-palette-white-55: hsla(0, 0%, 100%, 0.55);
    --tea-color-palette-white-60: hsla(0, 0%, 100%, 0.6);
    --tea-color-palette-white-70: hsla(0, 0%, 100%, 0.7);
    --tea-color-palette-white-80: hsla(0, 0%, 100%, 0.8);
    --tea-color-palette-white-90: hsla(0, 0%, 100%, 0.9);
    --tea-color-palette-white-100: #fff;
    --tea-color-palette-black-0: transparent;
    --tea-color-palette-black-5: rgba(0, 0, 0, 0.05);
    --tea-color-palette-black-10: rgba(0, 0, 0, 0.1);
    --tea-color-palette-black-15: rgba(0, 0, 0, 0.15);
    --tea-color-palette-black-20: rgba(0, 0, 0, 0.2);
    --tea-color-palette-black-24: rgba(0, 0, 0, 0.24);
    --tea-color-palette-black-25: rgba(0, 0, 0, 0.25);
    --tea-color-palette-black-30: rgba(0, 0, 0, 0.3);
    --tea-color-palette-black-35: rgba(0, 0, 0, 0.35);
    --tea-color-palette-black-40: rgba(0, 0, 0, 0.4);
    --tea-color-palette-black-45: rgba(0, 0, 0, 0.45);
    --tea-color-palette-black-50: rgba(0, 0, 0, 0.5);
    --tea-color-palette-black-55: rgba(0, 0, 0, 0.55);
    --tea-color-palette-black-60: rgba(0, 0, 0, 0.6);
    --tea-color-palette-black-70: rgba(0, 0, 0, 0.7);
    --tea-color-palette-black-80: rgba(0, 0, 0, 0.8);
    --tea-color-palette-black-90: rgba(0, 0, 0, 0.9);
    --tea-color-palette-black-100: #000;
    --tea-color-palette-red-1: #fce8e8;
    --tea-color-palette-red-2: #f9d1d1;
    --tea-color-palette-red-3: #f5b9b9;
    --tea-color-palette-red-4: #f2a2a2;
    --tea-color-palette-red-5: #ef8b8b;
    --tea-color-palette-red-6: #ec7474;
    --tea-color-palette-red-7: #e85c5c;
    --tea-color-palette-red-8: #f64041;
    --tea-color-palette-red-9: #b42c3f;
    --tea-color-palette-red-10: #821238;
    --tea-color-palette-red-rgb: 246, 64, 65;
    --tea-color-palette-orange-1: #ffeddf;
    --tea-color-palette-orange-2: #ffdcbf;
    --tea-color-palette-orange-3: #ffca9f;
    --tea-color-palette-orange-4: #ffb980;
    --tea-color-palette-orange-5: #ffa760;
    --tea-color-palette-orange-6: #ff9540;
    --tea-color-palette-orange-7: #ff8420;
    --tea-color-palette-orange-8: #ff7800;
    --tea-color-palette-orange-9: #c04100;
    --tea-color-palette-orange-10: #800f00;
    --tea-color-palette-orange-rgb: 255, 120, 0;
    --tea-color-palette-green-1: #e7f8f0;
    --tea-color-palette-green-2: #c2efd6;
    --tea-color-palette-green-3: #a3e7c2;
    --tea-color-palette-green-4: #85dfad;
    --tea-color-palette-green-5: #66d799;
    --tea-color-palette-green-6: #47cf84;
    --tea-color-palette-green-7: #29c770;
    --tea-color-palette-green-8: #0cbf5b;
    --tea-color-palette-green-9: #088f50;
    --tea-color-palette-green-10: #055e45;
    --tea-color-palette-green-rgb: 12, 191, 91;
    --tea-color-palette-blue-1: #e3ecff;
    --tea-color-palette-blue-2: #d4e3fc;
    --tea-color-palette-blue-3: #bbd3fb;
    --tea-color-palette-blue-4: #96bbf8;
    --tea-color-palette-blue-5: #699ef5;
    --tea-color-palette-blue-6: #4787f0;
    --tea-color-palette-blue-7: #266fe8;
    --tea-color-palette-blue-8: #0052d9;
    --tea-color-palette-blue-9: #0034b5;
    --tea-color-palette-blue-10: #001f97;
    --tea-color-palette-blue-rgb: 0, 82, 217;
    --tea-color-palette-gray-1: #f3f3f3;
    --tea-color-palette-gray-2: #eee;
    --tea-color-palette-gray-3: #e7e7e7;
    --tea-color-palette-gray-4: #dcdcdc;
    --tea-color-palette-gray-5: #c5c5c5;
    --tea-color-palette-gray-6: #a6a6a6;
    --tea-color-palette-gray-7: #8b8b8b;
    --tea-color-palette-gray-8: #777;
    --tea-color-palette-gray-9: #5e5e5e;
    --tea-color-palette-gray-10: #4b4b4b;
    --tea-color-palette-gray-11: #383838;
    --tea-color-palette-gray-12: #2c2c2c;
    --tea-color-palette-gray-13: #202020;
    --tea-color-palette-gray-14: #181818;
    --tea-color-palette-gray-15: #101010;
    --tea-color-palette-bluegray-0: #f7f8fb;
    --tea-color-palette-bluegray-1: #f2f4f8;
    --tea-color-palette-bluegray-2: #e9ecf1;
    --tea-color-palette-bluegray-3: #e6e9ef;
    --tea-color-palette-bluegray-4: #d6dbe3;
    --tea-color-palette-bluegray-5: #bcc4d0;
    --tea-color-palette-bluegray-6: #97a3b7;
    --tea-color-palette-bluegray-7: #7787a2;
    --tea-color-palette-bluegray-8: #5f7292;
    --tea-color-palette-bluegray-9: #4b5b76;
    --tea-color-palette-bluegray-10: #3c485c;
    --tea-color-palette-bluegray-11: #2c3645;
    --tea-color-palette-bluegray-12: #232a35;
    --tea-color-palette-bluegray-13: #1c222b;
    --tea-color-palette-bluegray-14: #13161b;
    --tea-color-border-brand-default: var(--tea-color-palette-blue-8);
    --tea-color-border-brand-disabled: var(--tea-color-palette-blue-3);
    --tea-color-border-warning-default: var(--tea-color-palette-orange-8);
    --tea-color-border-warning-disabled: var(--tea-color-palette-orange-3);
    --tea-color-border-success-default: var(--tea-color-palette-green-8);
    --tea-color-border-success-disabled: var(--tea-color-palette-green-3);
    --tea-color-border-error-default: var(--tea-color-palette-red-8);
    --tea-color-border-error-disabled: var(--tea-color-palette-red-3);
    --tea-color-border-primary-default: var(--tea-color-palette-bluegray-3);
    --tea-color-border-primary-hover: var(--tea-color-palette-blue-8);
    --tea-color-border-primary-focus: var(--tea-color-palette-blue-8);
    --tea-color-border-primary-active: var(--tea-color-palette-blue-8);
    --tea-color-border-primary-disabled: var(--tea-color-palette-bluegray-3);
    --tea-color-border-secondary-default: var(--tea-color-palette-bluegray-2);
    --tea-color-border-secondary-hover: var(--tea-color-palette-bluegray-3);
    --tea-color-border-secondary-focus: var(--tea-color-palette-blue-8);
    --tea-color-border-secondary-active: var(--tea-color-palette-blue-8);
    --tea-color-border-secondary-disabled: var(--tea-color-palette-bluegray-2);
    --tea-color-border-tertiary-default: var(--tea-color-palette-bluegray-4);
    --tea-color-border-tertiary-hover: var(--tea-color-palette-bluegray-5);
    --tea-color-border-tertiary-focus: var(--tea-color-palette-blue-8);
    --tea-color-border-tertiary-active: var(--tea-color-palette-blue-8);
    --tea-color-border-tertiary-disabled: var(--tea-color-palette-bluegray-4);
    --tea-color-border-on-bg-brand-default: var(--tea-color-palette-blue-8);
    --tea-color-border-on-bg-brand-hover: var(--tea-color-palette-blue-7);
    --tea-color-border-on-bg-brand-active: var(--tea-color-palette-blue-9);
    --tea-color-border-on-bg-brand-disabled: var(--tea-color-palette-blue-3);
    --tea-color-border-on-bg-warning-default: var(--tea-color-palette-orange-8);
    --tea-color-border-on-bg-warning-hover: var(--tea-color-palette-orange-7);
    --tea-color-border-on-bg-warning-active: var(--tea-color-palette-orange-9);
    --tea-color-border-on-bg-warning-disabled: var(--tea-color-palette-orange-3);
    --tea-color-border-on-bg-success-default: var(--tea-color-palette-green-8);
    --tea-color-border-on-bg-success-hover: var(--tea-color-palette-green-7);
    --tea-color-border-on-bg-success-active: var(--tea-color-palette-green-9);
    --tea-color-border-on-bg-success-disabled: var(--tea-color-palette-green-3);
    --tea-color-border-on-bg-error-default: var(--tea-color-palette-red-8);
    --tea-color-border-on-bg-error-hover: var(--tea-color-palette-red-7);
    --tea-color-border-on-bg-error-active: var(--tea-color-palette-red-9);
    --tea-color-border-on-bg-error-disabled: var(--tea-color-palette-red-3);
    --tea-color-border-on-bg-inverse-default: var(--tea-color-palette-gray-13);
    --tea-color-border-primary: var(--tea-color-border-primary-default);
    --tea-color-border-secondary: var(--tea-color-border-secondary-default);
    --tea-color-border-hover: var(--tea-color-border-primary-hover);
    --tea-color-border-disabled: var(--tea-color-border-primary-disabled);
    --tea-color-border-active: var(--tea-color-border-primary-active);
    --tea-color-bg-page-default: var(--tea-color-palette-bluegray-1);
    --tea-color-bg-inverse-default: var(--tea-color-palette-gray-13);
    --tea-color-bg-primary-default: var(--tea-color-palette-white-100);
    --tea-color-bg-primary-hover: var(--tea-color-palette-bluegray-0);
    --tea-color-bg-primary-active: var(--tea-color-palette-bluegray-1);
    --tea-color-bg-primary-focus: var(--tea-color-bg-primary-hover);
    --tea-color-bg-primary-disabled: var(--tea-color-palette-bluegray-1);
    --tea-color-bg-primary-lighten: var(--tea-color-palette-bluegray-0);
    --tea-color-bg-secondary-default: var(--tea-color-palette-bluegray-1);
    --tea-color-bg-secondary-hover: var(--tea-color-palette-bluegray-2);
    --tea-color-bg-secondary-active: var(--tea-color-bg-secondary-hover);
    --tea-color-bg-secondary-focus: var(--tea-color-bg-secondary-hover);
    --tea-color-bg-secondary-disabled: var(--tea-color-bg-secondary-default);
    --tea-color-bg-tertiary-default: var(--tea-color-palette-bluegray-2);
    --tea-color-bg-tertiary-hover: var(--tea-color-palette-bluegray-3);
    --tea-color-bg-tertiary-active: var(--tea-color-bg-tertiary-hover);
    --tea-color-bg-tertiary-focus: var(--tea-color-bg-tertiary-hover);
    --tea-color-bg-tertiary-disabled: var(--tea-color-bg-tertiary-default);
    --tea-color-bg-brand-default: var(--tea-color-palette-blue-8);
    --tea-color-bg-brand-hover: var(--tea-color-palette-blue-7);
    --tea-color-bg-brand-active: var(--tea-color-palette-blue-9);
    --tea-color-bg-brand-focus: var(--tea-color-palette-blue-5);
    --tea-color-bg-brand-disabled: var(--tea-color-palette-blue-3);
    --tea-color-bg-brand-lighten-default: var(--tea-color-palette-blue-1);
    --tea-color-bg-brand-lighten-hover: var(--tea-color-palette-blue-2);
    --tea-color-bg-warning-default: var(--tea-color-palette-orange-8);
    --tea-color-bg-warning-hover: var(--tea-color-palette-orange-7);
    --tea-color-bg-warning-active: var(--tea-color-palette-orange-9);
    --tea-color-bg-warning-focus: var(--tea-color-palette-orange-5);
    --tea-color-bg-warning-disabled: var(--tea-color-palette-orange-3);
    --tea-color-bg-warning-lighten-default: var(--tea-color-palette-orange-1);
    --tea-color-bg-warning-lighten-hover: var(--tea-color-palette-orange-2);
    --tea-color-bg-success-default: var(--tea-color-palette-green-8);
    --tea-color-bg-success-hover: var(--tea-color-palette-green-7);
    --tea-color-bg-success-active: var(--tea-color-palette-green-9);
    --tea-color-bg-success-focus: var(--tea-color-palette-green-5);
    --tea-color-bg-success-disabled: var(--tea-color-palette-green-3);
    --tea-color-bg-success-lighten-default: var(--tea-color-palette-green-1);
    --tea-color-bg-success-lighten-hover: var(--tea-color-palette-green-2);
    --tea-color-bg-error-default: var(--tea-color-palette-red-8);
    --tea-color-bg-error-hover: var(--tea-color-palette-red-7);
    --tea-color-bg-error-active: var(--tea-color-palette-red-9);
    --tea-color-bg-error-focus: var(--tea-color-palette-red-5);
    --tea-color-bg-error-disabled: var(--tea-color-palette-red-3);
    --tea-color-bg-error-lighten-default: var(--tea-color-palette-red-1);
    --tea-color-bg-error-lighten-hover: var(--tea-color-palette-red-2);
    --tea-color-bg-scheme-mode: light;
    --tea-color-bg-page: var(--tea-color-bg-page-default);
    --tea-color-bg-container-default: var(--tea-color-bg-primary-default);
    --tea-color-bg-container-hover: var(--tea-color-bg-primary-hover);
    --tea-color-bg-container-active: var(--tea-color-bg-primary-active);
    --tea-color-bg-container-inverse-default: var(--tea-color-palette-gray-14);
    --tea-color-bg-secondarycontainer-default: var(--tea-color-bg-secondary-default);
    --tea-color-bg-secondarycontainer-hover: var(--tea-color-bg-secondary-hover);
    --tea-color-bg-secondarycontainer-active: var(--tea-color-bg-secondary-active);
    --tea-color-bg-mask-default: var(--tea-color-mask-primary);
    --tea-color-bg-mask-secondary: var(--tea-color-mask-secondary);
    --tea-color-scrollbar-default: var(--tea-color-palette-black-20);
    --tea-color-scrollbar-hover: var(--tea-color-palette-black-40);
    --tea-color-scrolltrack: transparent;
    --tea-color-mask-primary: var(--tea-color-palette-black-60);
    --tea-color-mask-secondary: var(--tea-color-palette-white-60);
    --tea-linear-gradient-fixed-1: var(--tea-color-palette-black-5);
    --tea-linear-gradient-fixed-2: var(--tea-color-palette-black-0);
    --tea-color-function-brand-default: var(--tea-color-palette-blue-8);
    --tea-color-function-brand-bright: var(--tea-color-palette-blue-2);
    --tea-color-function-brand-darkness: var(--tea-color-palette-blue-10);
    --tea-color-function-brand-hover: var(--tea-color-palette-blue-7);
    --tea-color-function-brand-focus: var(--tea-color-palette-blue-5);
    --tea-color-function-brand-active: var(--tea-color-palette-blue-9);
    --tea-color-function-brand-disabled: var(--tea-color-palette-blue-3);
    --tea-color-function-warning-default: var(--tea-color-palette-orange-8);
    --tea-color-function-warning-bright: var(--tea-color-palette-orange-2);
    --tea-color-function-warning-darkness: var(--tea-color-palette-orange-10);
    --tea-color-function-warning-hover: var(--tea-color-palette-orange-7);
    --tea-color-function-warning-focus: var(--tea-color-palette-orange-5);
    --tea-color-function-warning-active: var(--tea-color-palette-orange-9);
    --tea-color-function-warning-disabled: var(--tea-color-palette-orange-3);
    --tea-color-function-error-default: var(--tea-color-palette-red-8);
    --tea-color-function-error-bright: var(--tea-color-palette-red-2);
    --tea-color-function-error-darkness: var(--tea-color-palette-red-10);
    --tea-color-function-error-hover: var(--tea-color-palette-red-7);
    --tea-color-function-error-focus: var(--tea-color-palette-red-5);
    --tea-color-function-error-active: var(--tea-color-palette-red-9);
    --tea-color-function-error-disabled: var(--tea-color-palette-red-3);
    --tea-color-function-success-default: var(--tea-color-palette-green-8);
    --tea-color-function-success-bright: var(--tea-color-palette-green-2);
    --tea-color-function-success-darkness: var(--tea-color-palette-green-10);
    --tea-color-function-success-hover: var(--tea-color-palette-green-7);
    --tea-color-function-success-focus: var(--tea-color-palette-green-5);
    --tea-color-function-success-active: var(--tea-color-palette-green-9);
    --tea-color-function-success-disabled: var(--tea-color-palette-green-3);
    --tea-white: var(--tea-color-palette-white-100);
    --tea-black: var(--tea-color-palette-black-100)
}

body {
    background: var(--tea-color-bg-page-default);
    margin: 0;
    padding: 0;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 14px;
    color: var(--tea-color-text-primary);
    line-height: 1.5;
    font-weight: 400;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-text-size-adjust: 100%
}

body * {
    box-sizing: border-box
}