/* KDS */
:root {
    --line-height-base:1.48;

    /* color */
    --background-default: #FFFFFF;
    --banner-bg-soft-blue: #E8EBED;
    --banner-bg-soft-brown: #EDEBE8;
    --banner-bg-soft-gray: #F1F1F1;
    --banner-bg-soft-green: #E8EDEB;
    --banner-bg-soft-olive: #EBEDE8;
    --banner-bg-soft-pink: #EDE8EB;
    --banner-bg-soft-purple: #E9E8ED;
    --banner-bg-soft-red: #EDE8E9;
    --banner-bg-soft-skyblue: #E8ECED;
    --banner-bg-soft-teal: #E8EDED;
    --banner-bg-soft-violetblue: #E8E9ED;
    --banner-bg-solid-blue: #6F7F8F;
    --banner-bg-solid-brown: #8F7D6A;
    --banner-bg-solid-gray: #6F737B;
    --banner-bg-solid-green: #69877C;
    --banner-bg-solid-olive: #7B8567;
    --banner-bg-solid-pink: #B86A95;
    --banner-bg-solid-purple: #857BAB;
    --banner-bg-solid-red: #BA6C70;
    --banner-bg-solid-skyblue: #677E85;
    --banner-bg-solid-teal: #688684;
    --banner-bg-solid-violetblue: #767B98;
    --banner-text-subtitle-soft: #55585D;
    --banner-text-subtitle-solid: #FFFFFF;
    --banner-text-title-soft: #191A1B;
    --banner-text-title-solid: #FFFFFF;
    --border-inverse: #191A1B;
    --border-disabled-01: #D5D8DD;
    --border-disabled-02: #D5D8DD;
    --border-disabled-03: #D5D8DD;
    --border-disabled-04: #D5D8DD;
    --border-feedback-critical: #E0282F;
    --border-feedback-info: #00A39B;
    --border-on-dark-disabled: #55585D;
    --border-opacity-white: rgba(255, 255, 255, 0.65);
    --border-primary-01: #8B8F97;
    --border-primary-02: #8B8F97;
    --border-primary-03: #8B8F97;
    --border-primary-04: #8B8F97;
    --border-primary-focused: #191A1B;
    --border-primary-pressed: #191A1B;
    --border-primary-hover-01: #55585D;
    --border-primary-hover-02: #4A4C50;
    --border-primary-hover-03: #55585D;
    --border-primary-hover-04: #55585D;
    --border-secondary-01: #E9EAEE;
    --border-secondary-02: #D5D8DD;
    --border-secondary-03: #E9EAEE;
    --border-secondary-04: #E9EAEE;
    --border-subtle-01: #D5D8DD;
    --border-subtle-02: #D5D8DD;
    --border-subtle-03: #D5D8DD;
    --border-subtle-04: #D5D8DD;
    --border-tertiary-01: #F3F4F6;
    --border-tertiary-02: #EEEFF2;
    --border-tertiary-03: #F3F4F6;
    --border-tertiary-04: #F3F4F6;
    --chip-fill-inactive-default: #F3F4F6;
    --chip-fill-inactive-hover: #E9EAEE;
    --chip-fill-inactive-pressed: #D5D8DD;
    --dim-overlay: rgba(19, 20, 21, 0.65);
    --dim-gradient-bg-end: rgba(255, 255, 255, 0);
    --dim-gradient-bg-start: #FFFFFF;
    --dim-gradient-chip-end: rgba(255, 255, 255, 0);
    --dim-gradient-chip-start: #FFFFFF;
    --dim-gradient-prompt-area-end: rgba(255, 255, 255, 0);
    --dim-gradient-prompt-area-start: #FFFFFF;
    --dim-gradient-sheet-end: rgba(255, 255, 255, 0);
    --dim-gradient-sheet-start: #FFFFFF;
    --fill-primary: #191A1B;
    --fill-tertiary: rgba(19, 20, 21, 0);
    --fill-accent-primary: #E0282F;
    --fill-accent-primary-hover: #BB1B21;
    --fill-accent-primary-pressed: #8A1418;
    --fill-disabled-01: #F3F4F6;
    --fill-disabled-02: #EEEFF2;
    --fill-disabled-03: #F3F4F6;
    --fill-disabled-04: #F3F4F6;
    --fill-feedback-info: #007F7F;
    --fill-feedback-critical-hover: #FCE9E9;
    --fill-feedback-critical-pressed: #FADBDC;
    --fill-feedback-info-disabled: #D5D8DD;
    --fill-on-dark-hover: #313235;
    --fill-on-dark-inverse: #3D3F43;
    --fill-on-dark-pressed: #232425;
    --fill-on-white-inverse: #FFFFFF;
    --fill-opacity-white: rgba(255, 255, 255, 0.65);
    --fill-primary-hover: #313235;
    --fill-primary-pressed: #3D3F43;
    --fill-secondary-01: #E9EAEE;
    --fill-secondary-02: #E9EAEE;
    --fill-secondary-03: #E9EAEE;
    --fill-secondary-04: #E9EAEE;
    --fill-secondary-hover-01: #D5D8DD;
    --fill-secondary-hover-02: #D5D8DD;
    --fill-secondary-hover-03: #D5D8DD;
    --fill-secondary-hover-04: #D5D8DD;
    --fill-secondary-pressed-01: #C7CAD1;
    --fill-secondary-pressed-02: #C7CAD1;
    --fill-secondary-pressed-03: #C7CAD1;
    --fill-secondary-pressed-04: #C7CAD1;
    --fill-tertiary-hover-01: #F3F4F6;
    --fill-tertiary-hover-02: #E9EAEE;
    --fill-tertiary-hover-03: #F3F4F6;
    --fill-tertiary-hover-04: #F3F4F6;
    --fill-tertiary-pressed-01: #E9EAEE;
    --fill-tertiary-pressed-02: #D5D8DD;
    --fill-tertiary-pressed-03: #E9EAEE;
    --fill-tertiary-pressed-04: #E9EAEE;
    --gradient-ai-border-stop-01: #FE2E36;
    --gradient-ai-border-stop-02: #05B0B9;
    --gradient-ai-indicator-end: #191A1B;
    --gradient-ai-indicator-start: #55585D;
    --gradient-ai-indicator-stop: #8B8F97;
    --gradient-ai-indicator-accent-end: #E1F5F5;
    --gradient-ai-indicator-accent-start: #007F7F;
    --gradient-ai-solid-end: #00A39B;
    --gradient-ai-solid-start: #FE2E36;
    --gradient-ai-solid-stop-01: #FB6977;
    --gradient-ai-solid-stop-02: #FBB3A2;
    --gradient-ai-solid-stop-03: #05B0B9;
    --gradient-ai-text-end: #55585D;
    --gradient-ai-text-start: #55585D;
    --gradient-ai-text-stop-01: #FE2E36;
    --gradient-ai-text-stop-02: #FE2E36;
    --gradient-ai-text-stop-03: #00A39B;
    --gradient-graph-accent-alpha: rgba(76, 200, 195, 0);
    --gradient-graph-bottom-end: #A9E5E1;
    --gradient-graph-bottom-start: #00A39B;
    --gradient-graph-layer-end: #E1F5F5;
    --gradient-graph-layer-start: #FFFFFF;
    --gradient-graph-top-end: #4CC8C3;
    --gradient-graph-top-start: #007F7F;
    --gradient-skeleton-element: #F3F4F6;
    --gradient-skeleton-stop: rgba(255, 255, 255, 0.5);
    --gradient-skeleton-end-start: rgba(255, 255, 255, 0);
    --graphic-blue-main: #2BA7E8;
    --graphic-blue-sub: #9DDDFF;
    --graphic-blue-sub-light: #CDEEFF;
    --graphic-dark-gray-main: #838996;
    --graphic-dark-gray-sub: #C3C7D2;
    --graphic-dark-gray-sub-light: #F3F4F6;
    --graphic-green-main: #3ABD8B;
    --graphic-green-sub: #A6EBD1;
    --graphic-green-sub-light: #DCF8ED;
    --graphic-light-gray-main: #B4BAC5;
    --graphic-light-gray-sub: #D0D5DC;
    --graphic-light-gray-sub-light: #F3F4F6;
    --graphic-purple-main: #8666FF;
    --graphic-purple-sub: #C7B8FF;
    --graphic-purple-sub-light: #EFEBFF;
    --graphic-red-main: #F2555C;
    --graphic-red-sub: #FFB5B9;
    --graphic-red-sub-light: #FFD9DB;
    --graphic-teal-main: #05B0B9;
    --graphic-teal-sub: #91E3E6;
    --graphic-teal-sub-light: #BEEFF1;
    --graphic-violet-blue-main: #4E7CF5;
    --graphic-violet-blue-sub: #ADC6FF;
    --graphic-violet-blue-sub-light: #D2E0FF;
    --graphic-yellow-main: #FFA82E;
    --graphic-yellow-sub: #FFD696;
    --graphic-yellow-sub-light: #FFEAC9;
    --icon-inverse: #FFFFFF;
    --icon-primary: #191A1B;
    --icon-disabled-01: #ADB1B9;
    --icon-disabled-02: #9FA4AD;
    --icon-disabled-03: #ADB1B9;
    --icon-disabled-04: #ADB1B9;
    --icon-feedback-complete: #191A1B;
    --icon-feedback-critical-01: #E0282F;
    --icon-feedback-critical-02: #BB1B21;
    --icon-feedback-critical-03: #E0282F;
    --icon-feedback-critical-04: #E0282F;
    --icon-feedback-info-01: #007F7F;
    --icon-feedback-info-02: #005E66;
    --icon-feedback-info-03: #007F7F;
    --icon-feedback-info-04: #007F7F;
    --icon-feedback-on-dark-critical: #EC797D;
    --icon-feedback-on-dark-info: #4CC8C3;
    --icon-secondary-01: #55585D;
    --icon-secondary-02: #4A4C50;
    --icon-secondary-03: #55585D;
    --icon-secondary-04: #55585D;
    --icon-tertiary-01: #6F737B;
    --icon-tertiary-02: #61646B;
    --icon-tertiary-03: #6F737B;
    --icon-tertiary-04: #6F737B;
    --indicator-dot-fill-default: rgba(25, 26, 27, 0.5);
    --indicator-dot-fill-inverse: rgba(255, 255, 255, 0.45);
    --indicator-dot-fill-default-active: #191A1B;
    --indicator-dot-fill-inverse-active: rgba(255, 255, 255, 0.95);
    --link-link-primary: #005CCC;
    --link-link-primary-hover: #003676;
    --link-link-primary-pressed: #003676;
    --notification-fill-default: #6F737B;
    --notification-icon-critical: #E54D53;
    --notification-icon-default: #FFFFFF;
    --notification-icon-info: #00A39B;
    --slider-handle-border-default: #E9EAEE;
    --slider-handle-border-disabled: #E9EAEE;
    --slider-handle-fill-default: #FFFFFF;
    --slider-handle-fill-disabled: #F3F4F6;
    --surface-on-white-inverse: #F8F9FA;
    --surface-primary-01: #FFFFFF;
    --surface-primary-02: #F8F9FA;
    --surface-primary-03: #FFFFFF;
    --surface-primary-04: #FFFFFF;
    --switch-fill-disabled: #D5D8DD;
    --switch-handle-fill-default: #FFFFFF;
    --switch-handle-fill-disabled: #FFFFFF;
    --table-cell-header-fill: #F3F4F6;
    --tag-category-fill-basic: #E9EAEE;
    --tag-category-fill-hot: #D9F2FF;
    --tag-category-fill-new: #EFEBFF;
    --tag-category-fill-recommend: #E1F5F5;
    --tag-category-fill-sale: #FCE9E9;
    --tag-category-fill-basic-02: #E9EAEE;
    --tag-category-fill-hot-02: #D9F2FF;
    --tag-category-fill-new-02: #EFEBFF;
    --tag-category-fill-recommend-02: #E1F5F5;
    --tag-category-fill-sale-02: #FCE9E9;
    --tag-category-text-basic: #55585D;
    --tag-category-text-hot: #0049A3;
    --tag-category-text-new: #4C00E5;
    --tag-category-text-recommend: #005E66;
    --tag-category-text-sale: #BB1B21;
    --tag-category-text-basic-02: #55585D;
    --tag-membership-fill-all: #005CCC;
    --tag-membership-fill-gold: #FE9D38;
    --tag-membership-fill-silver: #6F737B;
    --tag-membership-fill-standard: #E9EAEE;
    --tag-membership-fill-vip: #191A1B;
    --tag-membership-fill-vvip: #E0282F;
    --tag-membership-fill-white: #E9EAEE;
    --tag-membership-fill-silver-02: #6F737B;
    --tag-membership-fill-standard-02: #E9EAEE;
    --tag-membership-fill-white-02: #E9EAEE;
    --tag-membership-text-inverse: #FFFFFF;
    --tag-membership-text-primary: #191A1B;
    --tag-membership-text-secondary: #55585D;
    --tag-membership-text-secondary-02: #55585D;
    --tag-status-fill-complete: #E9EAEE;
    --tag-status-fill-critical: #FCE9E9;
    --tag-status-fill-default: #E9EAEE;
    --tag-status-fill-disabled: #F3F4F6;
    --tag-status-fill-info: #E1F5F5;
    --tag-status-fill-inverse: #FFFFFF;
    --tag-status-fill-neutral: #E9EAEE;
    --tag-status-fill-positive: #E5F5E1;
    --tag-status-fill-progress: #D9F2FF;
    --tag-status-fill-warning: #FFF3E5;
    --tag-status-fill-complete-02: #E9EAEE;
    --tag-status-fill-critical-02: #FCE9E9;
    --tag-status-fill-custom-a: #EBF5D8;
    --tag-status-fill-custom-b: #EFEBFF;
    --tag-status-fill-custom-a-02: #EBF5D8;
    --tag-status-fill-custom-b-02: #EFEBFF;
    --tag-status-fill-default-02: #E9EAEE;
    --tag-status-fill-disabled-02: #F3F4F6;
    --tag-status-fill-info-02: #E1F5F5;
    --tag-status-fill-positive-02: #E5F5E1;
    --tag-status-fill-progress-02: #D9F2FF;
    --tag-status-fill-warning-02: #FFF3E5;
    --tag-status-text-complete: #191A1B;
    --tag-status-text-critical: #BB1B21;
    --tag-status-text-default: #55585D;
    --tag-status-text-disabled: #ADB1B9;
    --tag-status-text-info: #005E66;
    --tag-status-text-inverse: #4A4C50;
    --tag-status-text-neutral: #55585D;
    --tag-status-text-positive: #136600;
    --tag-status-text-progress: #0049A3;
    --tag-status-text-warning: #8F4800;
    --tag-status-text-custom-a: #426600;
    --tag-status-text-custom-b: #4C00E5;
    --tag-status-text-lighten-complete: #232425;
    --tag-status-text-lighten-critical: #E0282F;
    --tag-status-text-lighten-default: #6F737B;
    --tag-status-text-lighten-disabled: #ADB1B9;
    --tag-status-text-lighten-info: #007F7F;
    --tag-status-text-lighten-inverse: #FFFFFF;
    --tag-status-text-lighten-neutral: #6F737B;
    --tag-status-text-lighten-positive: #167A00;
    --tag-status-text-lighten-progress: #005CCC;
    --tag-status-text-lighten-warning: #B85C00;
    --tag-status-text-lighten-complete-02: #232425;
    --tag-status-text-lighten-critical-02: #E0282F;
    --tag-status-text-lighten-custom-a: #538000;
    --tag-status-text-lighten-custom-b: #6941FF;
    --tag-status-text-lighten-custom-a-02: #538000;
    --tag-status-text-lighten-custom-b-02: #6941FF;
    --tag-status-text-lighten-default-02: #6F737B;
    --tag-status-text-lighten-disabled-02: #ADB1B9;
    --tag-status-text-lighten-info-02: #007F7F;
    --tag-status-text-lighten-positive-02: #167A00;
    --tag-status-text-lighten-progress-02: #005CCC;
    --tag-status-text-lighten-warning-02: #B85C00;
    --text-inverse: #FFFFFF;
    --text-primary: #191A1B;
    --text-disabled-01: #ADB1B9;
    --text-disabled-02: #9FA4AD;
    --text-disabled-03: #ADB1B9;
    --text-disabled-04: #ADB1B9;
    --text-feedback-complete: #191A1B;
    --text-feedback-critical-01: #E0282F;
    --text-feedback-critical-02: #BB1B21;
    --text-feedback-critical-03: #E0282F;
    --text-feedback-critical-04: #E0282F;
    --text-feedback-info-01: #007F7F;
    --text-feedback-info-02: #005E66;
    --text-feedback-info-03: #007F7F;
    --text-feedback-info-04: #007F7F;
    --text-on-dark-disabled: #55585D;
    --text-secondary-01: #55585D;
    --text-secondary-02: #4A4C50;
    --text-secondary-03: #55585D;
    --text-secondary-04: #55585D;
    --text-tertiary-01: #6F737B;
    --text-tertiary-02: #61646B;
    --text-tertiary-03: #6F737B;
    --text-tertiary-04: #6F737B;

    /* breakpoint */
    --gutter-platform: 12px;
    --margin-platform: 20px;
    --space-2: 2px;
    --space-4: 4px;
    --space-6: 6px;
    --space-8: 8px;
    --space-10: 10px;
    --space-12: 12px;
    --space-16: 16px;
    --space-20: 20px;
    --space-24: 24px;
    --space-32: 32px;
    --space-40: 40px;
    --space-48: 48px;
    --space-56: 56px;
    --space-64: 64px;
    --space-80: 80px;

    /* radius */
    --radius-0: 0px;
    --radius-2: 2px;
    --radius-4: 4px;
    --radius-6: 6px;
    --radius-8: 8px;
    --radius-12: 12px;
    --radius-16: 16px;
    --radius-20: 20px;
    --radius-circle: 999px;

    /* typography */
    --font-family-pretendard: 'Pretendard', 'NotoS', sans-serif;
    --font-family-kt-flow: 'kt flow', 'Pretendard', 'NotoS', sans-serif;

    --font-size-10: 10px;
    --font-size-12: 12px;
    --font-size-13: 13px;
    --font-size-14: 14px;
    --font-size-15: 15px;
    --font-size-16: 16px;
    --font-size-17: 17px;
    --font-size-18: 18px;
    --font-size-20: 20px;
    --font-size-22: 22px;
    --font-size-24: 24px;
    --font-size-32: 32px;
    --font-size-36: 36px;
    --font-size-40: 40px;
    --font-size-60: 60px;
    --font-weight-regular: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --line-height-default: 148%;
    --line-height-reading-1: 170%;
    --line-height-reading-2: 158%;
    --line-height-reading-3: 130%;
    --text-body-small: 14px;
    --text-body-medium: 15px;
    --text-body-large: 16px;
    --text-caption-medium: 12px;
    --text-display-medium: 36px;
    --text-display-large: 40px;
    --text-display-xlarge: 60px;
    --text-heading-small: 22px;
    --text-heading-medium: 24px;
    --text-heading-large: 32px;
    --text-label-xsmall: 10px;
    --text-label-small: 13px;
    --text-label-medium: 15px;
    --text-label-large: 17px;
    --text-title-small: 16px;
    --text-title-medium: 18px;
    --text-title-large: 20px;

    /* motion */
    --motion-duration-long: 300ms;
    --motion-duration-loop: 1000ms;
    --motion-duration-medium: 200ms;
    --motion-duration-short: 100ms;
    --motion-easing-linear: cubic-bezier(0,0,1,1);
    --motion-easing-ease-in: cubic-bezier(0.4,0,1,1);
    --motion-easing-ease-out: cubic-bezier(0,0,0.5,1);
    --motion-easing-ease-in-out: cubic-bezier(0.4,0,0.5,1);

    /* elevation */
    --blur-2: 2px;
    --blur-4: 4px;
    --blur-8: 8px;
    --blur-12: 12px;
    --elevation-level-0: #FFFFFF;
    --elevation-level-1: #FFFFFF;
    --elevation-level-2: #F8F9FA;
    --elevation-level-3: #FFFFFF;
    --elevation-level-4: #FFFFFF;
    --x-0: 0px;
    --y-0: 0px;
    --y-2: 2px;
    --y-4: 4px;
    --y-8: 8px;

    /* iconography */
    --icon-size-xxsmall: 12px;
    --icon-size-xsmall: 16px;
    --icon-size-small: 20px;
    --icon-size-medium: 24px;
    --icon-size-large: 32px;
    --icon-size-xlarge: 48px;
    --icon-size-xxlarge: 56px;

    /* palette */
    --banner-blue-100: #E8EBED;
    --banner-blue-200: #DCE1E5;
    --banner-blue-300: #6F7F8F;
    --banner-blue-400: #657585;
    --banner-blue-500: #586470;
    --banner-blue-600: #505B66;
    --banner-blue-700: #383D42;
    --banner-blue-800: #303438;
    --banner-brown-100: #EDEBE8;
    --banner-brown-200: #E5E1DC;
    --banner-brown-300: #8F7D6A;
    --banner-brown-400: #857360;
    --banner-brown-500: #716253;
    --banner-brown-600: #66594C;
    --banner-brown-700: #423D38;
    --banner-brown-800: #383430;
    --banner-gray-100: #F1F1F1;
    --banner-gray-200: #DEDEDE;
    --banner-gray-300: #6F737B;
    --banner-gray-400: #6F737B;
    --banner-gray-500: #6F737B;
    --banner-gray-600: #6F737B;
    --banner-gray-700: #383A3D;
    --banner-gray-800: #343538;
    --banner-green-100: #E8EDEB;
    --banner-green-200: #DCE5E2;
    --banner-green-300: #69877C;
    --banner-green-400: #5F7C71;
    --banner-green-500: #51685F;
    --banner-green-600: #495E56;
    --banner-green-700: #38423E;
    --banner-green-800: #303835;
    --banner-olive-100: #EBEDE8;
    --banner-olive-200: #E2E5DC;
    --banner-olive-300: #7B8567;
    --banner-olive-400: #707A5D;
    --banner-olive-500: #5E6650;
    --banner-olive-600: #555C48;
    --banner-olive-700: #3F4238;
    --banner-olive-800: #353830;
    --banner-pink-100: #EDE8EB;
    --banner-pink-200: #E5DCE1;
    --banner-pink-300: #B86A95;
    --banner-pink-400: #AD618B;
    --banner-pink-500: #99597C;
    --banner-pink-600: #8F5374;
    --banner-pink-700: #42383E;
    --banner-pink-800: #383034;
    --banner-purple-100: #E9E8ED;
    --banner-purple-200: #DEDCE5;
    --banner-purple-300: #857BAB;
    --banner-purple-400: #7A70A0;
    --banner-purple-500: #6D658C;
    --banner-purple-600: #655D82;
    --banner-purple-700: #3A3842;
    --banner-purple-800: #323038;
    --banner-red-100: #EDE8E9;
    --banner-red-200: #E5DCDD;
    --banner-red-300: #BA6C70;
    --banner-red-400: #B06266;
    --banner-red-500: #9B5A5D;
    --banner-red-600: #915457;
    --banner-red-700: #423839;
    --banner-red-800: #383030;
    --banner-skyblue-100: #E8ECED;
    --banner-skyblue-200: #DCE3E5;
    --banner-skyblue-300: #677E85;
    --banner-skyblue-400: #5D737A;
    --banner-skyblue-500: #506166;
    --banner-skyblue-600: #48575C;
    --banner-skyblue-700: #384042;
    --banner-skyblue-800: #303638;
    --banner-teal-100: #E8EDED;
    --banner-teal-200: #DCE5E5;
    --banner-teal-300: #688684;
    --banner-teal-400: #5E7B7A;
    --banner-teal-500: #506766;
    --banner-teal-600: #485D5C;
    --banner-teal-700: #384242;
    --banner-teal-800: #303838;
    --banner-violetblue-100: #E8E9ED;
    --banner-violetblue-200: #DCDEE5;
    --banner-violetblue-300: #767B98;
    --banner-violetblue-400: #6B708D;
    --banner-violetblue-500: #5E6279;
    --banner-violetblue-600: #56596F;
    --banner-violetblue-700: #383A42;
    --banner-violetblue-800: #303138;
    --blue-100: #D9F2FF;
    --blue-150: #C2EBFF;
    --blue-200: #80D4FF;
    --blue-300: #50B6FE;
    --blue-400: #148AFF;
    --blue-500: #005CCC;
    --blue-600: #0049A3;
    --blue-700: #003676;
    --blue-800: #001E42;
    --brand-myk-red-200: #FBB3A2;
    --brand-myk-red-300: #FB6977;
    --brand-myk-red-400: #FE2E36;
    --brand-myk-teal-300: #05B0B9;
    --graphic-blue-100: #CDEEFF;
    --graphic-blue-200: #9DDDFF;
    --graphic-blue-300: #2BA7E8;
    --graphic-blue-400: #2695CF;
    --graphic-dark-gray-100: #F3F4F6;
    --graphic-dark-gray-200: #C4C5C8;
    --graphic-dark-gray-300: #C3C7D2;
    --graphic-dark-gray-400: #979CA4;
    --graphic-dark-gray-500: #838996;
    --graphic-dark-gray-600: #5F636B;
    --graphic-green-100: #DCF8ED;
    --graphic-green-200: #A6EBD1;
    --graphic-green-300: #3ABD8B;
    --graphic-green-400: #33A378;
    --graphic-light-gray-100: #F3F4F6;
    --graphic-light-gray-200: #E8E9EC;
    --graphic-light-gray-300: #D0D5DC;
    --graphic-light-gray-400: #B2B7BF;
    --graphic-light-gray-500: #B4BAC5;
    --graphic-light-gray-600: #737881;
    --graphic-purple-100: #EFEBFF;
    --graphic-purple-200: #C7B8FF;
    --graphic-purple-300: #8666FF;
    --graphic-purple-400: #795CE5;
    --graphic-red-100: #FFD9DB;
    --graphic-red-200: #FFB5B9;
    --graphic-red-300: #F2555C;
    --graphic-red-400: #D94C52;
    --graphic-teal-100: #BEEFF1;
    --graphic-teal-200: #91E3E6;
    --graphic-teal-300: #05B0B9;
    --graphic-teal-400: #0499A1;
    --graphic-violet-blue-100: #D2E0FF;
    --graphic-violet-blue-200: #ADC6FF;
    --graphic-violet-blue-300: #4E7CF5;
    --graphic-violet-blue-400: #466FDB;
    --graphic-yellow-100: #FFEAC9;
    --graphic-yellow-200: #FFD696;
    --graphic-yellow-300: #FFA82E;
    --graphic-yellow-400: #E59729;
    --gray-100: #E9EAEE;
    --gray-150: #D5D8DD;
    --gray-200: #C7CAD1;
    --gray-25: #F8F9FA;
    --gray-250: #B9BDC5;
    --gray-300: #ADB1B9;
    --gray-350: #9FA4AD;
    --gray-400: #8B8F97;
    --gray-450: #7A7E86;
    --gray-50: #F3F4F6;
    --gray-500: #6F737B;
    --gray-550: #61646B;
    --gray-600: #55585D;
    --gray-650: #4A4C50;
    --gray-700: #3D3F43;
    --gray-75: #EEEFF2;
    --gray-750: #313235;
    --gray-800: #232425;
    --gray-850: #1E1F20;
    --gray-900: #191A1B;
    --green-100: #E5F5E1;
    --green-150: #D0EDC9;
    --green-200: #8DD47D;
    --green-300: #3AB21F;
    --green-400: #1C9900;
    --green-500: #167A00;
    --green-600: #136600;
    --green-700: #0C4200;
    --green-800: #072900;
    --olive-100: #EBF5D8;
    --olive-150: #E2F0C6;
    --olive-200: #B3D96D;
    --olive-300: #82B620;
    --olive-400: #639900;
    --olive-500: #538000;
    --olive-600: #426600;
    --olive-700: #2E4700;
    --olive-800: #1E2E00;
    --opacity-black-0: rgba(19, 20, 21, 0);
    --opacity-black-10: rgba(19, 20, 21, 0.1);
    --opacity-black-15: rgba(19, 20, 21, 0.15);
    --opacity-black-20: rgba(19, 20, 21, 0.2);
    --opacity-black-25: rgba(19, 20, 21, 0.25);
    --opacity-black-30: rgba(19, 20, 21, 0.3);
    --opacity-black-35: rgba(19, 20, 21, 0.35);
    --opacity-black-40: rgba(19, 20, 21, 0.4);
    --opacity-black-45: rgba(19, 20, 21, 0.45);
    --opacity-black-5: rgba(19, 20, 21, 0.05);
    --opacity-black-50: rgba(19, 20, 21, 0.5);
    --opacity-black-55: rgba(19, 20, 21, 0.55);
    --opacity-black-60: rgba(19, 20, 21, 0.6);
    --opacity-black-65: rgba(19, 20, 21, 0.65);
    --opacity-black-70: rgba(19, 20, 21, 0.7);
    --opacity-black-75: rgba(19, 20, 21, 0.75);
    --opacity-black-80: rgba(19, 20, 21, 0.8);
    --opacity-black-85: rgba(19, 20, 21, 0.85);
    --opacity-black-90: rgba(19, 20, 21, 0.9);
    --opacity-black-95: rgba(19, 20, 21, 0.95);
    --opacity-white-0: rgba(255, 255, 255, 0);
    --opacity-white-10: rgba(255, 255, 255, 0.1);
    --opacity-white-15: rgba(255, 255, 255, 0.15);
    --opacity-white-20: rgba(255, 255, 255, 0.2);
    --opacity-white-25: rgba(255, 255, 255, 0.25);
    --opacity-white-30: rgba(255, 255, 255, 0.3);
    --opacity-white-35: rgba(255, 255, 255, 0.35);
    --opacity-white-40: rgba(255, 255, 255, 0.4);
    --opacity-white-45: rgba(255, 255, 255, 0.45);
    --opacity-white-5: rgba(255, 255, 255, 0.05);
    --opacity-white-50: rgba(255, 255, 255, 0.5);
    --opacity-white-55: rgba(255, 255, 255, 0.55);
    --opacity-white-60: rgba(255, 255, 255, 0.6);
    --opacity-white-65: rgba(255, 255, 255, 0.65);
    --opacity-white-70: rgba(255, 255, 255, 0.7);
    --opacity-white-75: rgba(255, 255, 255, 0.75);
    --opacity-white-80: rgba(255, 255, 255, 0.8);
    --opacity-white-85: rgba(255, 255, 255, 0.85);
    --opacity-white-90: rgba(255, 255, 255, 0.9);
    --opacity-white-95: rgba(255, 255, 255, 0.95);
    --purple-100: #EFEBFF;
    --purple-150: #E7E0FF;
    --purple-200: #C7B8FF;
    --purple-300: #AF99FF;
    --purple-400: #8666FF;
    --purple-500: #6941FF;
    --purple-600: #4C00E5;
    --purple-700: #3900AD;
    --purple-800: #1E005C;
    --red-100: #FCE9E9;
    --red-150: #FADBDC;
    --red-200: #F2A6A9;
    --red-300: #EC797D;
    --red-400: #E54D53;
    --red-500: #E0282F;
    --red-600: #BB1B21;
    --red-700: #8A1418;
    --red-800: #3E090B;
    --static-black: #131415;
    --static-white: #FFFFFF;
    --teal-100: #E1F5F5;
    --teal-150: #CDEEEE;
    --teal-200: #A9E5E1;
    --teal-300: #4CC8C3;
    --teal-400: #00A39B;
    --teal-500: #007F7F;
    --teal-600: #005E66;
    --teal-700: #00484E;
    --teal-800: #002629;
    --yellow-100: #FFF3E5;
    --yellow-150: #FFE8D1;
    --yellow-200: #FFB870;
    --yellow-300: #FE9D38;
    --yellow-400: #E57300;
    --yellow-500: #B85C00;
    --yellow-600: #8F4800;
    --yellow-700: #663300;
    --yellow-800: #3D1F00;

    /* data-table */
    --density-horizontal-padding: 20px;
    --density-min-height: 56px;
    --density-vertical-padding: 16px;

    /* data-visual */
    --default-blue: #148AFF;
    --default-gray: #ADB1B9;
    --default-green: #1C9900;
    --default-lemon: #B4900E;
    --default-magenta: #E85FB3;
    --default-navy: #5466BB;
    --default-olive: #639900;
    --default-purple: #8666FF;
    --default-red: #E54D53;
    --default-teal: #00A39B;
    --default-yellow: #FE9D38;
    --light-blue: #50B6FE;
    --light-green: #3AB21F;
    --light-lemon: #DFB91F;
    --light-magenta: #E968B7;
    --light-navy: #6676C2;
    --light-olive: #82B620;
    --light-purple: #AF99FF;
    --light-red: #EC797D;
    --light-teal: #4CC8C3;
    --light-yellow: #FE9D38;
    --sequential-teal-1: #00A39B;
    --sequential-teal-2: #007F7F;
    --sequential-teal-3: #005E66;
    --sequential-teal-4: #002629;
    --strong-blue: #005CCC;
    --strong-green: #167A00;
    --strong-lemon: #8E720B;
    --strong-magenta: #E236A0;
    --strong-navy: #3A4992;
    --strong-olive: #538000;
    --strong-purple: #6941FF;
    --strong-red: #E0282F;
    --strong-teal: #007F7F;
    --strong-yellow: #B85C00;
}

.mt-tp0 {margin-top:0 !important;}
.mt-tp2 {margin-top:2px !important;}
.mt-tp4 {margin-top:4px !important;}
.mt-tp6 {margin-top:6px !important;}
.mt-tp8 {margin-top:8px !important;}
.mt-tp10 {margin-top:10px !important;}
.mt-tp12 {margin-top:12px !important;}
.mt-tp14 {margin-top:14px !important;}
.mt-tp16 {margin-top:16px !important;}
.mt-tp18 {margin-top:18px !important;}
.mt-tp20 {margin-top:20px !important;}
.mt-tp22 {margin-top:22px !important;}
.mt-tp24 {margin-top:24px !important;}
.mt-tp26 {margin-top:26px !important;}
.mt-tp28 {margin-top:28px !important;}
.mt-tp30 {margin-top:30px !important;}
.mt-tp32 {margin-top:32px !important;}
.mt-tp34 {margin-top:34px !important;}
.mt-tp36 {margin-top:36px !important;}
.mt-tp38 {margin-top:38px !important;}
.mt-tp40 {margin-top:40px !important;}
.mt-tp42 {margin-top:42px !important;}
.mt-tp44 {margin-top:44px !important;}
.mt-tp46 {margin-top:46px !important;}
.mt-tp48 {margin-top:48px !important;}
.mt-tp50 {margin-top:50px !important;}
.mt-tp52 {margin-top:52px !important;}
.mt-tp54 {margin-top:54px !important;}
.mt-tp56 {margin-top:56px !important;}
.mt-tp58 {margin-top:58px !important;}
.mt-tp60 {margin-top:60px !important;}
.mt-tp62 {margin-top:62px !important;}
.mt-tp64 {margin-top:64px !important;}
.mt-tp66 {margin-top:66px !important;}
.mt-tp68 {margin-top:68px !important;}
.mt-tp70 {margin-top:70px !important;}
.mt-tp72 {margin-top:72px !important;}
.mt-tp74 {margin-top:74px !important;}
.mt-tp76 {margin-top:76px !important;}
.mt-tp78 {margin-top:78px !important;}
.mt-tp80 {margin-top:80px !important;}
.mt-tp82 {margin-top:82px !important;}
.mt-tp84 {margin-top:84px !important;}
.mt-tp86 {margin-top:86px !important;}
.mt-tp88 {margin-top:88px !important;}
.mt-tp90 {margin-top:90px !important;}
.mt-tp92 {margin-top:92px !important;}
.mt-tp94 {margin-top:94px !important;}
.mt-tp96 {margin-top:96px !important;}
.mt-tp98 {margin-top:98px !important;}
.mt-tp100 {margin-top:100px !important;}
.mt-tp102 {margin-top:102px !important;}
.mt-tp104 {margin-top:104px !important;}
.mt-tp106 {margin-top:106px !important;}
.mt-tp108 {margin-top:108px !important;}
.mt-tp110 {margin-top:110px !important;}
.mt-tp112 {margin-top:112px !important;}
.mt-tp114 {margin-top:114px !important;}
.mt-tp116 {margin-top:116px !important;}
.mt-tp118 {margin-top:118px !important;}
.mt-tp120 {margin-top:120px !important;}