@import url("https://cdn.jsdelivr.net/npm/pretendard@1.3.9/dist/web/static/pretendard.css");
@import url("https://cdn.jsdelivr.net/gh/sun-typeface/SUITE@2/fonts/variable/woff2/SUITE-Variable.css");
@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700&display=swap");

:root {
  --color-primary-base: #007aff;
  --color-primary-logo: #007aff;
  --color-primary-light: #3396ff;
  --color-primary-hover: #0063cc;
  --color-primary-disabled: rgba(0, 122, 255, 0.3);
  --color-primary-soft: rgba(0, 122, 255, 0.1);
  --color-primary-text-base: #007aff;
  --color-primary-text-emphasis: #0063cc;
  --color-primary-text-hover: #0063cc;
  --color-primary-text-inverse: #007aff;
  --color-blue-base: #007aff;
  --color-blue-light: #3396ff;
  --color-blue-hover: #0063cc;
  --color-blue-disabled: rgba(0, 122, 255, 0.3);
  --color-blue-soft: rgba(0, 122, 255, 0.1);
  --color-blue-text-base: #007aff;
  --color-blue-text-hover: #0063cc;
  --color-blue-text-inverse: #007aff;
  --color-navy-base: #3864ff;
  --color-navy-light: #6183ff;
  --color-navy-hover: #2f53d6;
  --color-navy-disabled: rgba(56, 100, 255, 0.3);
  --color-navy-soft: rgba(56, 100, 255, 0.1);
  --color-navy-text-base: #3864ff;
  --color-navy-text-soft: #2643ad;
  --color-navy-text-hover: #2f53d6;
  --color-navy-text-inverse: #3864ff;
  --color-indigo-base: #5856d6;
  --color-indigo-light: #7978de;
  --color-indigo-hover: #3d3bc9;
  --color-indigo-disabled: rgba(88, 86, 214, 0.3);
  --color-indigo-soft: rgba(88, 86, 214, 0.1);
  --color-indigo-text-base: #5856d6;
  --color-indigo-text-soft: #282691;
  --color-indigo-text-hover: #3d3bc9;
  --color-indigo-text-inverse: #5856d6;
  --color-purple-base: #af52de;
  --color-purple-light: #c076e5;
  --color-purple-hover: #9627ce;
  --color-purple-disabled: rgba(175, 82, 222, 0.3);
  --color-purple-soft: rgba(175, 82, 222, 0.15);
  --color-purple-text-base: #af52de;
  --color-purple-text-soft: #711d9a;
  --color-purple-text-hover: #9627ce;
  --color-purple-text-inverse: #af52de;
  --color-lavendar-base: #7763ff;
  --color-red-base: #ff3b30;
  --color-red-light: #ff645c;
  --color-red-hover: #f50c00;
  --color-red-disabled: rgba(255, 59, 48, 0.3);
  --color-red-disabled-strong: rgba(255, 59, 48, 0.3);
  --color-red-soft: rgba(255, 59, 48, 0.1);
  --color-red-text-base: #ff3b30;
  --color-red-text-soft: #f50c00;
  --color-red-text-hover: #f50c00;
  --color-red-text-inverse: #ff3b30;
  --color-orange-base: #ff9500;
  --color-orange-light: #ffaa33;
  --color-orange-hover: #cc7700;
  --color-orange-disabled: rgba(255, 149, 0, 0.3);
  --color-orange-soft: rgba(255, 149, 0, 0.2);
  --color-orange-text-base: #995900;
  --color-orange-text-soft: #663c00;
  --color-orange-text-hover: #663c00;
  --color-orange-text-inverse: #995900;
  --color-yellow-base: #ffc402;
  --color-yellow-light: #ffcf33;
  --color-yellow-hover: #cc9c00;
  --color-yellow-disabled: rgba(255, 196, 2, 0.5);
  --color-yellow-soft: rgba(255, 196, 2, 0.2);
  --color-yellow-soft-hover: rgba(255, 196, 2, 0.25);
  --color-yellow-translucent: rgba(255, 196, 2, 0.07);
  --color-yellow-translucent-light: rgba(255, 196, 2, 0.03);
  --color-yellow-text-base: #997500;
  --color-yellow-text-soft: #664e00;
  --color-yellow-text-hover: #664e00;
  --color-yellow-text-inverse: #997500;
  --color-green-base: #7be000;
  --color-green-light: #98ff1a;
  --color-green-hover: #62b300;
  --color-green-disabled: rgba(123, 224, 0, 0.3);
  --color-green-soft: rgba(123, 224, 0, 0.2);
  --color-green-soft-hover: rgba(123, 224, 0, 0.15);
  --color-green-translucent: rgba(123, 224, 0, 0.05);
  --color-green-translucent-light: rgba(123, 224, 0, 0.03);
  --color-green-text-base: #498500;
  --color-green-text-soft: #325c00;
  --color-green-text-hover: #325c00;
  --color-green-text-inverse: #498500;
  --color-forest-base: #00891e;
  --color-forest-light: #00d62e;
  --color-forest-hover: #007018;
  --color-forest-disabled: rgba(0, 137, 30, 0.3);
  --color-forest-disabled-2: rgba(0, 137, 30, 0.3);
  --color-forest-soft: rgba(0, 137, 30, 0.15);
  --color-forest-soft-hover: rgba(0, 137, 30, 0.15);
  --color-forest-soft-transparent: rgba(0, 137, 30, 0.05);
  --color-forest-soft-transparent-light: rgba(0, 137, 30, 0.03);
  --color-forest-text-base: #005212;
  --color-forest-text-soft: #00380c;
  --color-forest-text-hover: #00380c;
  --color-forest-text-inverse: #005212;
  --color-mint-base: #36e8df;
  --color-mint-light: #36e8df;
  --color-mint-hover: #13a49d;
  --color-mint-disabled: rgba(24, 206, 197, 0.3);
  --color-mint-soft: rgba(24, 206, 197, 0.15);
  --color-mint-soft-hover: rgba(24, 206, 197, 0.15);
  --color-mint-soft-transparent: rgba(24, 206, 197, 0.05);
  --color-mint-soft-transparent-light: rgba(24, 206, 197, 0.03);
  --color-mint-text-base: #0e7b76;
  --color-mint-text-soft: #0a524f;
  --color-mint-text-hover: #0a524f;
  --color-mint-text-inverse: #0e7b76;
  --color-lime-base: #25f07c;
  --color-lime-light: #4ef396;
  --color-lime-hover: #0ecd61;
  --color-lime-disabled: rgba(37, 240, 124, 0.3);
  --color-lime-soft: rgba(37, 240, 124, 0.2);
  --color-lime-soft-hover: rgba(37, 240, 124, 0.15);
  --color-lime-soft-transparent: rgba(37, 240, 124, 0.05);
  --color-lime-soft-transparent-light: rgba(37, 240, 124, 0.03);
  --color-lime-text-base: #0b9d4a;
  --color-lime-text-soft: #076932;
  --color-lime-text-hover: #076932;
  --color-lime-text-inverse: #0b9d4a;
  --color-cyan-base: #61cdff;
  --color-cyan-light: #61cdff;
  --color-cyan-hover: #00abfa;
  --color-cyan-disabled: rgba(50, 173, 230, 0.3);
  --color-cyan-soft: rgba(50, 173, 230, 0.15);
  --color-cyan-soft-hover: rgba(50, 173, 230, 0.15);
  --color-cyan-soft-transparent: rgba(50, 173, 230, 0.05);
  --color-cyan-soft-transparent-light: rgba(50, 173, 230, 0.03);
  --color-cyan-text-base: #0081bd;
  --color-cyan-text-soft: #005780;
  --color-cyan-text-hover: #005780;
  --color-cyan-text-inverse: #0081bd;
  --color-gray-base: #9ba4ab;
  --color-gray-light: #afb6bb;
  --color-gray-hover: #6c7680;
  --color-gray-disabled: rgba(155, 164, 171, 0.3);
  --color-gray-disabled2: rgba(155, 164, 171, 0.3);
  --color-gray-pin: rgba(155, 164, 171, 0.65);
  --color-gray-soft: rgba(155, 164, 171, 0.2);
  --color-gray-soft-hover: rgba(155, 164, 171, 0.25);
  --color-gray-soft-transparent: rgba(155, 164, 171, 0.1);
  --color-gray-soft-transparent-light: rgba(155, 164, 171, 0.05);
  --color-gray-thumbnail: #fcfcfd;
  --color-gray-text-base: #6c7680;
  --color-gray-text-soft: #586269;
  --color-gray-text-hover: #586269;
  --color-gray-text-inverse: #6c7680;
  --color-charcoal-base: #6c7275;
  --color-charcoal-light: #888e91;
  --color-charcoal-hover: #565a5d;
  --color-charcoal-disabled: rgba(108, 114, 117, 0.3);
  --color-charcoal-soft: rgba(108, 114, 117, 0.15);
  --color-charcoal-soft-hover: rgba(108, 114, 117, 0.25);
  --color-charcoal-soft-transparent: rgba(108, 114, 117, 0.1);
  --color-charcoal-text-base: #6c7275;
  --color-charcoal-text-soft: #404345;
  --color-charcoal-text-hover: #565a5d;
  --color-charcoal-text-inverse: #6c7275;
  --color-black-base: #0e0f11;
  --color-black-light: #586269;
  --color-black-hover: #3d4348;
  --color-black-line-hover: #6c7680;
  --color-black-disabled: rgba(155, 164, 171, 0.4);
  --color-black-soft: rgba(0, 0, 0, 0.1);
  --color-black-soft-hover: rgba(0, 0, 0, 0.15);
  --color-black-soft-transparent: rgba(0, 0, 0, 0.05);
  --color-layout-line: #c2c8cc;
  --color-black-text-base: #0e0f11;
  --color-black-text-hover: #ecedef;
  --color-black-text-hover2: #3d4348;
  --color-black-text-disabled: rgba(255, 255, 255, 0.55);
  --color-black-text-inverse: #ffffff;
  --color-white-base: #ffffff;
  --color-white-light: #fcfcfd;
  --color-white-hover: #f4f5f6;
  --color-white-line-hover: #ecedef;
  --color-white-disabled: rgba(255, 255, 255, 0.2);
  --color-white-disabled2: rgba(255, 255, 255, 0.2);
  --color-white-soft: rgba(255, 255, 255, 0.15);
  --color-white-soft-hover: rgba(255, 255, 255, 0.15);
  --color-white-soft-transparent: rgba(255, 255, 255, 0.05);
  --color-white-text-base: #ffffff;
  --color-white-text-hover: #495157;
  --color-white-text-hover2: #ecedef;
  --color-white-text-disabled: rgba(255, 255, 255, 0.25);
  --color-white-text-disabled2: rgba(14, 15, 17, 0.55);
  --color-white-text-inverse: #0e0f11;
  --color-font-title: #0e0f11;
  --color-font-body: #1e2224;
  --color-font-white: #ffffff;
  --color-font-black: #0e0f11;
  --color-font-disabled: #afb6bb;
  --color-font-caption: #586269;
  --color-font-caption-light: #6c7680;
  --color-font-caption-icon: #ecedef;
  --color-button-outline-line: #afb6bb;
  --color-button-outline-bg: #ffffff;
  --color-layout-page: #ffffff;
  --color-layout-user: #f2f6fa;
  --color-layout-system: #ebf0f5;
  --color-layout-system-dark: #ebf0f5;
  --color-layout-content: #ffffff;
  --color-layout-graybox: rgba(155, 164, 171, 0.1);
  --color-input-text: #6c7680;
  --color-input-text-hover: #1e2224;
  --color-input-icon: #c2c8cc;
  --color-input-icon-disabled: #c2c8cc;
  --color-input-line: #9ba4ab;
  --color-input-state-success: #62b300;
  --color-input-state-error: #ff3b30;
  --color-input-text-disabled: #afb6bb;
  --color-input-text-disabled-user: #c2c8cc;
  --color-input-line-disabled: #afb6bb;
  --color-input-disabled: rgba(155, 164, 171, 0.15);
  --color-input-label-disabled: #6c7680;
  --color-input-base-text-disabled: rgba(155, 164, 171, 0.7);
  --color-input-base: #ffffff;
  --color-input-base-light: rgba(255, 255, 255, 0.95);
  --color-input-base-light-disabled: rgba(155, 164, 171, 0.1);
  --color-input-base-dark: rgba(155, 164, 171, 0.15);
  --color-input-base-dark-disabled: rgba(155, 164, 171, 0.2);
}

@media (prefers-color-scheme: dark) {
  :root {
    --color-primary-base: #007aff;
    --color-primary-logo: #ffffff;
    --color-primary-light: #3396ff;
    --color-primary-hover: #0063cc;
    --color-primary-disabled: rgba(0, 122, 255, 0.4);
    --color-primary-soft: rgba(0, 122, 255, 0.35);
    --color-primary-text-base: #66b0ff;
    --color-primary-text-emphasis: #99caff;
    --color-primary-text-hover: #007aff;
    --color-primary-text-inverse: #ffffff;
    --color-blue-base: #007aff;
    --color-blue-light: #3396ff;
    --color-blue-hover: #0063cc;
    --color-blue-disabled: rgba(0, 122, 255, 0.4);
    --color-blue-soft: rgba(0, 122, 255, 0.2);
    --color-blue-text-base: #3396ff;
    --color-blue-text-hover: #007aff;
    --color-blue-text-inverse: #ffffff;
    --color-lavendar-base: #7763ff;

    --color-navy-base: #3864ff;
    --color-navy-light: #6183ff;
    --color-navy-hover: #2f53d6;
    --color-navy-disabled: rgba(56, 100, 255, 0.4);
    --color-navy-soft: rgba(56, 100, 255, 0.4);
    --color-navy-text-base: #6183ff;
    --color-navy-text-soft: #8aa3ff;
    --color-navy-text-hover: #3864ff;
    --color-navy-text-inverse: #ffffff;
    --color-indigo-base: #5856d6;
    --color-indigo-light: #7978de;
    --color-indigo-hover: #7978de;
    --color-indigo-disabled: rgba(88, 86, 214, 0.4);
    --color-indigo-soft: rgba(88, 86, 214, 0.4);
    --color-indigo-text-base: #bebdef;
    --color-indigo-text-soft: #bebdef;
    --color-indigo-text-hover: #9a98e6;
    --color-indigo-text-inverse: #ffffff;
    --color-lavendar-text-inverse: #ffffff;
    --color-purple-base: #af52de;
    --color-purple-light: #c076e5;
    --color-purple-hover: #9627ce;
    --color-purple-disabled: rgba(175, 82, 222, 0.4);
    --color-purple-soft: rgba(175, 82, 222, 0.3);
    --color-purple-text-base: #c076e5;
    --color-purple-text-soft: #d098eb;
    --color-purple-text-hover: #af52de;
    --color-purple-text-inverse: #ffffff;
    --color-red-base: #ff3b30;
    --color-red-light: #ff645c;
    --color-red-hover: #f50c00;
    --color-red-disabled: rgba(255, 59, 48, 0.4);
    --color-red-disabled-strong: rgba(255, 59, 48, 0.5);
    --color-red-soft: rgba(255, 59, 48, 0.3);
    --color-red-text-base: #ff645c;
    --color-red-text-soft: #ff8b85;
    --color-red-text-hover: #ff3b30;
    --color-red-text-inverse: #ffffff;
    --color-orange-base: #ff9500;
    --color-orange-light: #ffaa33;
    --color-orange-hover: #cc7700;
    --color-orange-disabled: rgba(255, 149, 0, 0.4);
    --color-orange-soft: rgba(255, 149, 0, 0.3);
    --color-orange-text-base: #ff9500;
    --color-orange-text-soft: #ff9500;
    --color-orange-text-hover: #cc7700;
    --color-orange-text-inverse: #ff9500;
    --color-yellow-base: #ffc402;
    --color-yellow-light: #ffcf33;
    --color-yellow-hover: #cc9c00;
    --color-yellow-disabled: rgba(255, 196, 2, 0.25);
    --color-yellow-soft: rgba(255, 196, 2, 0.25);
    --color-yellow-soft-hover: rgba(255, 196, 2, 0.3);
    --color-yellow-translucent: rgba(255, 196, 2, 0.1);
    --color-yellow-translucent-light: rgba(255, 196, 2, 0.1);
    --color-yellow-text-base: #ffc402;
    --color-yellow-text-soft: #ffcf33;
    --color-yellow-text-hover: #cc9c00;
    --color-yellow-text-inverse: #ffc402;
    --color-green-base: #7be000;
    --color-green-light: #98ff1a;
    --color-green-hover: #62b300;
    --color-green-disabled: rgba(123, 224, 0, 0.4);
    --color-green-soft: rgba(123, 224, 0, 0.25);
    --color-green-soft-hover: rgba(123, 224, 0, 0.35);
    --color-green-translucent: rgba(123, 224, 0, 0.2);
    --color-green-translucent-light: rgba(123, 224, 0, 0.2);
    --color-green-text-base: #7be000;
    --color-green-text-soft: #98ff1a;
    --color-green-text-hover: #62b300;
    --color-green-text-inverse: #7be000;
    --color-forest-base: #00891e;
    --color-forest-light: #00d62e;
    --color-forest-hover: #007018;
    --color-forest-disabled: rgba(0, 137, 30, 0.4);
    --color-forest-disabled-2: rgba(37, 240, 124, 0.4);
    --color-forest-soft: rgba(0, 137, 30, 0.35);
    --color-forest-soft-hover: rgba(0, 137, 30, 0.35);
    --color-forest-soft-transparent: rgba(0, 137, 30, 0.15);
    --color-forest-soft-transparent-light: rgba(0, 137, 30, 0.15);
    --color-forest-text-base: #00891e;
    --color-forest-text-soft: #00d62e;
    --color-forest-text-hover: #007018;
    --color-forest-text-inverse: #00891e;
    --color-mint-base: #18cec5;
    --color-mint-light: #36e8df;
    --color-mint-hover: #13a49d;
    --color-mint-disabled: rgba(24, 206, 197, 0.4);
    --color-mint-soft: rgba(24, 206, 197, 0.25);
    --color-mint-soft-hover: rgba(24, 206, 197, 0.35);
    --color-mint-soft-transparent: rgba(24, 206, 197, 0.15);
    --color-mint-soft-transparent-light: rgba(24, 206, 197, 0.15);
    --color-mint-text-base: #18cec5;
    --color-mint-text-soft: #18cec5;
    --color-mint-text-hover: #13a49d;
    --color-mint-text-inverse: #18cec5;
    --color-lime-base: #25f07c;
    --color-lime-light: #4ef396;
    --color-lime-hover: #0ecd61;
    --color-lime-disabled: rgba(37, 240, 124, 0.4);
    --color-lime-soft: rgba(37, 240, 124, 0.3);
    --color-lime-soft-hover: rgba(37, 240, 124, 0.35);
    --color-lime-soft-transparent: rgba(37, 240, 124, 0.15);
    --color-lime-soft-transparent-light: rgba(37, 240, 124, 0.15);
    --color-lime-text-base: #25f07c;
    --color-lime-text-soft: #7ef6b2;
    --color-lime-text-hover: #0ecd61;
    --color-lime-text-inverse: #25f07c;
    --color-cyan-base: #3bc1ff;
    --color-cyan-light: #61cdff;
    --color-cyan-hover: #00abfa;
    --color-cyan-disabled: rgba(50, 173, 230, 0.4);
    --color-cyan-soft: rgba(50, 173, 230, 0.3);
    --color-cyan-soft-hover: rgba(50, 173, 230, 0.35);
    --color-cyan-soft-transparent: rgba(50, 173, 230, 0.15);
    --color-cyan-soft-transparent-light: rgba(50, 173, 230, 0.15);
    --color-cyan-text-base: #3bc1ff;
    --color-cyan-text-soft: #3bc1ff;
    --color-cyan-text-hover: #00abfa;
    --color-cyan-text-inverse: #3bc1ff;
    --color-gray-base: #6c7680;
    --color-gray-light: #9ba4ab;
    --color-gray-hover: #586269;
    --color-gray-disabled: rgba(155, 164, 171, 0.4);
    --color-gray-disabled2: rgba(155, 164, 171, 0.5);
    --color-gray-pin: rgba(155, 164, 171, 0.65);
    --color-gray-soft: rgba(155, 164, 171, 0.35);
    --color-gray-soft-hover: rgba(155, 164, 171, 0.4);
    --color-gray-soft-transparent: rgba(155, 164, 171, 0.1);
    --color-gray-soft-transparent-light: rgba(155, 164, 171, 0.1);
    --color-gray-thumbnail: rgba(155, 164, 171, 0.2);
    --color-gray-text-base: #afb6bb;
    --color-gray-text-soft: #c2c8cc;
    --color-gray-text-hover: #6c7680;
    --color-gray-text-inverse: #ffffff;
    --color-charcoal-base: #565a5d;
    --color-charcoal-light: #888e91;
    --color-charcoal-hover: #404345;
    --color-charcoal-disabled: rgba(108, 114, 117, 0.4);
    --color-charcoal-soft: rgba(108, 114, 117, 0.35);
    --color-charcoal-soft-hover: rgba(108, 114, 117, 0.4);
    --color-charcoal-soft-transparent: rgba(108, 114, 117, 0.1);
    --color-charcoal-text-base: #888e91;
    --color-charcoal-text-soft: #a5a9ac;
    --color-charcoal-text-hover: #6c7275;
    --color-charcoal-text-inverse: #ffffff;
    --color-black-base: #ffffff;
    --color-black-light: #fcfcfd;
    --color-black-hover: #f4f5f6;
    --color-black-line-hover: #9ba4ab;
    --color-black-disabled: rgba(255, 255, 255, 0.2);
    --color-black-soft: rgba(255, 255, 255, 0.2);
    --color-black-soft-hover: rgba(255, 255, 255, 0.15);
    --color-black-soft-transparent: rgba(255, 255, 255, 0.05);
    --color-layout-line: #586269;
    --color-black-text-base: #ffffff;
    --color-black-text-hover: #495157;
    --color-black-text-hover2: #afb6bb;
    --color-black-text-disabled: rgba(255, 255, 255, 0.25);
    --color-black-text-inverse: #0e0f11;
    --color-white-base: #0e0f11;
    --color-white-light: #586269;
    --color-white-hover: #262b2e;
    --color-white-line-hover: #6c7680;
    --color-white-disabled: rgba(255, 255, 255, 0.1);
    --color-white-disabled2: rgba(14, 15, 17, 0.2);
    --color-white-soft: rgba(255, 255, 255, 0.2);
    --color-white-soft-hover: rgba(255, 255, 255, 0.15);
    --color-white-soft-transparent: rgba(255, 255, 255, 0.05);
    --color-white-text-base: #ffffff;
    --color-white-text-hover: #ecedef;
    --color-white-text-hover2: #afb6bb;
    --color-white-text-disabled: rgba(255, 255, 255, 0.25);
    --color-white-text-disabled2: rgba(255, 255, 255, 0.25);
    --color-white-text-inverse: #ffffff;
    --color-font-title: #fcfcfd;
    --color-font-body: #f4f5f6;
    --color-font-white: #ffffff;
    --color-font-black: #0e0f11;
    --color-font-disabled: #586269;
    --color-font-caption: #afb6bb;
    --color-font-caption-light: #afb6bb;
    --color-font-caption-icon: #9ba4ab;
    --color-button-outline-line: rgba(155, 164, 171, 0.4);
    --color-button-outline-bg: #1e2224;
    --color-layout-page: #0e0f11;
    --color-layout-user: #0e0f11;
    --color-layout-system: #1e2224;
    --color-layout-system-dark: #0e0f11;
    --color-layout-content: #2d3236;
    --color-layout-graybox: rgba(155, 164, 171, 0.25);
    --color-input-text: #9ba4ab;
    --color-input-text-hover: #f4f5f6;
    --color-input-icon: #586269;
    --color-input-icon-disabled: #3d4348;
    --color-input-line: #586269;
    --color-input-state-success: #7be000;
    --color-input-state-error: #ff3b30;
    --color-input-text-disabled: rgba(255, 255, 255, 0.15);
    --color-input-text-disabled-user: rgba(255, 255, 255, 0.15);
    --color-input-line-disabled: rgba(255, 255, 255, 0.1);
    --color-input-disabled: rgba(255, 255, 255, 0.05);
    --color-input-label-disabled: #586269;
    --color-input-base-text-disabled: rgba(255, 255, 255, 0.2);
    --color-input-base-dark: rgba(255, 255, 255, 0.1);
    --color-input-base-dark-disabled: rgba(255, 255, 255, 0.1);
  }
}

/* Helper classes */
.bg-primary-base {
  background-color: var(--color-primary-base);
}
.text-primary-base {
  color: var(--color-primary-base);
}
.border-primary-base {
  border-color: var(--color-primary-base);
}
.bg-primary-logo {
  background-color: var(--color-primary-logo);
}
.text-primary-logo {
  color: var(--color-primary-logo);
}
.border-primary-logo {
  border-color: var(--color-primary-logo);
}
.bg-primary-light {
  background-color: var(--color-primary-light);
}
.text-primary-light {
  color: var(--color-primary-light);
}
.border-primary-light {
  border-color: var(--color-primary-light);
}
.bg-primary-hover {
  background-color: var(--color-primary-hover);
}
.text-primary-hover {
  color: var(--color-primary-hover);
}
.border-primary-hover {
  border-color: var(--color-primary-hover);
}
.bg-primary-disabled {
  background-color: var(--color-primary-disabled);
}
.text-primary-disabled {
  color: var(--color-primary-disabled);
}
.border-primary-disabled {
  border-color: var(--color-primary-disabled);
}
.bg-primary-soft {
  background-color: var(--color-primary-soft);
}
.text-primary-soft {
  color: var(--color-primary-soft);
}
.border-primary-soft {
  border-color: var(--color-primary-soft);
}
.bg-primary-text-base {
  background-color: var(--color-primary-text-base);
}
.text-primary-text-base {
  color: var(--color-primary-text-base);
}
.border-primary-text-base {
  border-color: var(--color-primary-text-base);
}
.bg-primary-text-emphasis {
  background-color: var(--color-primary-text-emphasis);
}
.text-primary-text-emphasis {
  color: var(--color-primary-text-emphasis);
}
.border-primary-text-emphasis {
  border-color: var(--color-primary-text-emphasis);
}
.bg-primary-text-hover {
  background-color: var(--color-primary-text-hover);
}
.text-primary-text-hover {
  color: var(--color-primary-text-hover);
}
.border-primary-text-hover {
  border-color: var(--color-primary-text-hover);
}
.bg-primary-text-inverse {
  background-color: var(--color-primary-text-inverse);
}
.text-primary-text-inverse {
  color: var(--color-primary-text-inverse);
}
.border-primary-text-inverse {
  border-color: var(--color-primary-text-inverse);
}
.bg-blue-base {
  background-color: var(--color-blue-base);
}
.text-blue-base {
  color: var(--color-blue-base);
}
.border-blue-base {
  border-color: var(--color-blue-base);
}
.bg-blue-light {
  background-color: var(--color-blue-light);
}
.text-blue-light {
  color: var(--color-blue-light);
}
.border-blue-light {
  border-color: var(--color-blue-light);
}
.bg-blue-hover {
  background-color: var(--color-blue-hover);
}
.text-blue-hover {
  color: var(--color-blue-hover);
}
.border-blue-hover {
  border-color: var(--color-blue-hover);
}
.bg-blue-disabled {
  background-color: var(--color-blue-disabled);
}
.text-blue-disabled {
  color: var(--color-blue-disabled);
}
.border-blue-disabled {
  border-color: var(--color-blue-disabled);
}
.bg-blue-soft {
  background-color: var(--color-blue-soft);
}
.text-blue-soft {
  color: var(--color-blue-soft);
}
.border-blue-soft {
  border-color: var(--color-blue-soft);
}
.bg-blue-text-base {
  background-color: var(--color-blue-text-base);
}
.text-blue-text-base {
  color: var(--color-blue-text-base);
}
.border-blue-text-base {
  border-color: var(--color-blue-text-base);
}
.bg-blue-text-hover {
  background-color: var(--color-blue-text-hover);
}
.text-blue-text-hover {
  color: var(--color-blue-text-hover);
}
.border-blue-text-hover {
  border-color: var(--color-blue-text-hover);
}
.bg-blue-text-inverse {
  background-color: var(--color-blue-text-inverse);
}
.text-blue-text-inverse {
  color: var(--color-blue-text-inverse);
}
.border-blue-text-inverse {
  border-color: var(--color-blue-text-inverse);
}
.bg-navy-base {
  background-color: var(--color-navy-base);
}
.text-navy-base {
  color: var(--color-navy-base);
}
.border-navy-base {
  border-color: var(--color-navy-base);
}
.bg-navy-light {
  background-color: var(--color-navy-light);
}
.text-navy-light {
  color: var(--color-navy-light);
}
.border-navy-light {
  border-color: var(--color-navy-light);
}
.bg-navy-hover {
  background-color: var(--color-navy-hover);
}
.text-navy-hover {
  color: var(--color-navy-hover);
}
.border-navy-hover {
  border-color: var(--color-navy-hover);
}
.bg-navy-disabled {
  background-color: var(--color-navy-disabled);
}
.text-navy-disabled {
  color: var(--color-navy-disabled);
}
.border-navy-disabled {
  border-color: var(--color-navy-disabled);
}
.bg-navy-soft {
  background-color: var(--color-navy-soft);
}
.text-navy-soft {
  color: var(--color-navy-soft);
}
.border-navy-soft {
  border-color: var(--color-navy-soft);
}
.bg-navy-text-base {
  background-color: var(--color-navy-text-base);
}
.text-navy-text-base {
  color: var(--color-navy-text-base);
}
.border-navy-text-base {
  border-color: var(--color-navy-text-base);
}
.bg-navy-text-soft {
  background-color: var(--color-navy-text-soft);
}
.text-navy-text-soft {
  color: var(--color-navy-text-soft);
}
.border-navy-text-soft {
  border-color: var(--color-navy-text-soft);
}
.bg-navy-text-hover {
  background-color: var(--color-navy-text-hover);
}
.text-navy-text-hover {
  color: var(--color-navy-text-hover);
}
.border-navy-text-hover {
  border-color: var(--color-navy-text-hover);
}
.bg-navy-text-inverse {
  background-color: var(--color-navy-text-inverse);
}
.text-navy-text-inverse {
  color: var(--color-navy-text-inverse);
}
.border-navy-text-inverse {
  border-color: var(--color-navy-text-inverse);
}
.bg-indigo-base {
  background-color: var(--color-indigo-base);
}
.text-indigo-base {
  color: var(--color-indigo-base);
}
.border-indigo-base {
  border-color: var(--color-indigo-base);
}
.bg-indigo-light {
  background-color: var(--color-indigo-light);
}
.text-indigo-light {
  color: var(--color-indigo-light);
}
.border-indigo-light {
  border-color: var(--color-indigo-light);
}
.bg-indigo-hover {
  background-color: var(--color-indigo-hover);
}
.text-indigo-hover {
  color: var(--color-indigo-hover);
}
.border-indigo-hover {
  border-color: var(--color-indigo-hover);
}
.bg-indigo-disabled {
  background-color: var(--color-indigo-disabled);
}
.text-indigo-disabled {
  color: var(--color-indigo-disabled);
}
.border-indigo-disabled {
  border-color: var(--color-indigo-disabled);
}
.bg-indigo-soft {
  background-color: var(--color-indigo-soft);
}
.text-indigo-soft {
  color: var(--color-indigo-soft);
}
.border-indigo-soft {
  border-color: var(--color-indigo-soft);
}
.bg-indigo-text-base {
  background-color: var(--color-indigo-text-base);
}
.text-indigo-text-base {
  color: var(--color-indigo-text-base);
}
.border-indigo-text-base {
  border-color: var(--color-indigo-text-base);
}
.bg-indigo-text-soft {
  background-color: var(--color-indigo-text-soft);
}
.text-indigo-text-soft {
  color: var(--color-indigo-text-soft);
}
.border-indigo-text-soft {
  border-color: var(--color-indigo-text-soft);
}
.bg-indigo-text-hover {
  background-color: var(--color-indigo-text-hover);
}
.text-indigo-text-hover {
  color: var(--color-indigo-text-hover);
}
.border-indigo-text-hover {
  border-color: var(--color-indigo-text-hover);
}
.bg-indigo-text-inverse {
  background-color: var(--color-indigo-text-inverse);
}
.text-indigo-text-inverse {
  color: var(--color-indigo-text-inverse);
}
.border-indigo-text-inverse {
  border-color: var(--color-indigo-text-inverse);
}
.bg-lavendar-base {
  background-color: var(--color-lavendar-base);
}
.text-lavendar-base {
  color: var(--color-lavendar-base);
}
.border-lavendar-base {
  border-color: var(--color-lavendar-base);
}
.bg-lavendar-light {
  background-color: var(--color-lavendar-light);
}
.text-lavendar-light {
  color: var(--color-lavendar-light);
}
.border-lavendar-light {
  border-color: var(--color-lavendar-light);
}
.bg-lavendar-hover {
  background-color: var(--color-lavendar-hover);
}
.text-lavendar-hover {
  color: var(--color-lavendar-hover);
}
.border-lavendar-hover {
  border-color: var(--color-lavendar-hover);
}
.bg-lavendar-disabled {
  background-color: var(--color-lavendar-disabled);
}
.text-lavendar-disabled {
  color: var(--color-lavendar-disabled);
}
.border-lavendar-disabled {
  border-color: var(--color-lavendar-disabled);
}
.bg-lavendar-soft {
  background-color: var(--color-lavendar-soft);
}
.text-lavendar-soft {
  color: var(--color-lavendar-soft);
}
.border-lavendar-soft {
  border-color: var(--color-lavendar-soft);
}
.bg-lavendar-text-base {
  background-color: var(--color-lavendar-text-base);
}
.text-lavendar-text-base {
  color: var(--color-lavendar-text-base);
}
.border-lavendar-text-base {
  border-color: var(--color-lavendar-text-base);
}
.bg-lavendar-text-soft {
  background-color: var(--color-lavendar-text-soft);
}
.text-lavendar-text-soft {
  color: var(--color-lavendar-text-soft);
}
.border-lavendar-text-soft {
  border-color: var(--color-lavendar-text-soft);
}
.bg-lavendar-text-hover {
  background-color: var(--color-lavendar-text-hover);
}
.text-lavendar-text-hover {
  color: var(--color-lavendar-text-hover);
}
.border-lavendar-text-hover {
  border-color: var(--color-lavendar-text-hover);
}
.bg-lavendar-text-inverse {
  background-color: var(--color-lavendar-text-inverse);
}
.text-lavendar-text-inverse {
  color: var(--color-lavendar-text-inverse);
}
.border-lavendar-text-inverse {
  border-color: var(--color-lavendar-text-inverse);
}
.bg-purple-base {
  background-color: var(--color-purple-base);
}
.text-purple-base {
  color: var(--color-purple-base);
}
.border-purple-base {
  border-color: var(--color-purple-base);
}
.bg-purple-light {
  background-color: var(--color-purple-light);
}
.text-purple-light {
  color: var(--color-purple-light);
}
.border-purple-light {
  border-color: var(--color-purple-light);
}
.bg-purple-hover {
  background-color: var(--color-purple-hover);
}
.text-purple-hover {
  color: var(--color-purple-hover);
}
.border-purple-hover {
  border-color: var(--color-purple-hover);
}
.bg-purple-disabled {
  background-color: var(--color-purple-disabled);
}
.text-purple-disabled {
  color: var(--color-purple-disabled);
}
.border-purple-disabled {
  border-color: var(--color-purple-disabled);
}
.bg-purple-soft {
  background-color: var(--color-purple-soft);
}
.text-purple-soft {
  color: var(--color-purple-soft);
}
.border-purple-soft {
  border-color: var(--color-purple-soft);
}
.bg-purple-text-base {
  background-color: var(--color-purple-text-base);
}
.text-purple-text-base {
  color: var(--color-purple-text-base);
}
.border-purple-text-base {
  border-color: var(--color-purple-text-base);
}
.bg-purple-text-soft {
  background-color: var(--color-purple-text-soft);
}
.text-purple-text-soft {
  color: var(--color-purple-text-soft);
}
.border-purple-text-soft {
  border-color: var(--color-purple-text-soft);
}
.bg-purple-text-hover {
  background-color: var(--color-purple-text-hover);
}
.text-purple-text-hover {
  color: var(--color-purple-text-hover);
}
.border-purple-text-hover {
  border-color: var(--color-purple-text-hover);
}
.bg-purple-text-inverse {
  background-color: var(--color-purple-text-inverse);
}
.text-purple-text-inverse {
  color: var(--color-purple-text-inverse);
}
.border-purple-text-inverse {
  border-color: var(--color-purple-text-inverse);
}
.bg-red-base {
  background-color: var(--color-red-base);
}
.text-red-base {
  color: var(--color-red-base);
}
.border-red-base {
  border-color: var(--color-red-base);
}
.bg-red-light {
  background-color: var(--color-red-light);
}
.text-red-light {
  color: var(--color-red-light);
}
.border-red-light {
  border-color: var(--color-red-light);
}
.bg-red-hover {
  background-color: var(--color-red-hover);
}
.text-red-hover {
  color: var(--color-red-hover);
}
.border-red-hover {
  border-color: var(--color-red-hover);
}
.bg-red-disabled {
  background-color: var(--color-red-disabled);
}
.text-red-disabled {
  color: var(--color-red-disabled);
}
.border-red-disabled {
  border-color: var(--color-red-disabled);
}
.bg-red-disabled-strong {
  background-color: var(--color-red-disabled-strong);
}
.text-red-disabled-strong {
  color: var(--color-red-disabled-strong);
}
.border-red-disabled-strong {
  border-color: var(--color-red-disabled-strong);
}
.bg-red-soft {
  background-color: var(--color-red-soft);
}
.text-red-soft {
  color: var(--color-red-soft);
}
.border-red-soft {
  border-color: var(--color-red-soft);
}
.bg-red-text-base {
  background-color: var(--color-red-text-base);
}
.text-red-text-base {
  color: var(--color-red-text-base);
}
.border-red-text-base {
  border-color: var(--color-red-text-base);
}
.bg-red-text-soft {
  background-color: var(--color-red-text-soft);
}
.text-red-text-soft {
  color: var(--color-red-text-soft);
}
.border-red-text-soft {
  border-color: var(--color-red-text-soft);
}
.bg-red-text-hover {
  background-color: var(--color-red-text-hover);
}
.text-red-text-hover {
  color: var(--color-red-text-hover);
}
.border-red-text-hover {
  border-color: var(--color-red-text-hover);
}
.bg-red-text-inverse {
  background-color: var(--color-red-text-inverse);
}
.text-red-text-inverse {
  color: var(--color-red-text-inverse);
}
.border-red-text-inverse {
  border-color: var(--color-red-text-inverse);
}
.bg-orange-base {
  background-color: var(--color-orange-base);
}
.text-orange-base {
  color: var(--color-orange-base);
}
.border-orange-base {
  border-color: var(--color-orange-base);
}
.bg-orange-light {
  background-color: var(--color-orange-light);
}
.text-orange-light {
  color: var(--color-orange-light);
}
.border-orange-light {
  border-color: var(--color-orange-light);
}
.bg-orange-hover {
  background-color: var(--color-orange-hover);
}
.text-orange-hover {
  color: var(--color-orange-hover);
}
.border-orange-hover {
  border-color: var(--color-orange-hover);
}
.bg-orange-disabled {
  background-color: var(--color-orange-disabled);
}
.text-orange-disabled {
  color: var(--color-orange-disabled);
}
.border-orange-disabled {
  border-color: var(--color-orange-disabled);
}
.bg-orange-soft {
  background-color: var(--color-orange-soft);
}
.text-orange-soft {
  color: var(--color-orange-soft);
}
.border-orange-soft {
  border-color: var(--color-orange-soft);
}
.bg-orange-text-base {
  background-color: var(--color-orange-text-base);
}
.text-orange-text-base {
  color: var(--color-orange-text-base);
}
.border-orange-text-base {
  border-color: var(--color-orange-text-base);
}
.bg-orange-text-soft {
  background-color: var(--color-orange-text-soft);
}
.text-orange-text-soft {
  color: var(--color-orange-text-soft);
}
.border-orange-text-soft {
  border-color: var(--color-orange-text-soft);
}
.bg-orange-text-hover {
  background-color: var(--color-orange-text-hover);
}
.text-orange-text-hover {
  color: var(--color-orange-text-hover);
}
.border-orange-text-hover {
  border-color: var(--color-orange-text-hover);
}
.bg-orange-text-inverse {
  background-color: var(--color-orange-text-inverse);
}
.text-orange-text-inverse {
  color: var(--color-orange-text-inverse);
}
.border-orange-text-inverse {
  border-color: var(--color-orange-text-inverse);
}
.bg-yellow-base {
  background-color: var(--color-yellow-base);
}
.text-yellow-base {
  color: var(--color-yellow-base);
}
.border-yellow-base {
  border-color: var(--color-yellow-base);
}
.bg-yellow-light {
  background-color: var(--color-yellow-light);
}
.text-yellow-light {
  color: var(--color-yellow-light);
}
.border-yellow-light {
  border-color: var(--color-yellow-light);
}
.bg-yellow-hover {
  background-color: var(--color-yellow-hover);
}
.text-yellow-hover {
  color: var(--color-yellow-hover);
}
.border-yellow-hover {
  border-color: var(--color-yellow-hover);
}
.bg-yellow-disabled {
  background-color: var(--color-yellow-disabled);
}
.text-yellow-disabled {
  color: var(--color-yellow-disabled);
}
.border-yellow-disabled {
  border-color: var(--color-yellow-disabled);
}
.bg-yellow-soft {
  background-color: var(--color-yellow-soft);
}
.text-yellow-soft {
  color: var(--color-yellow-soft);
}
.border-yellow-soft {
  border-color: var(--color-yellow-soft);
}
.bg-yellow-soft-hover {
  background-color: var(--color-yellow-soft-hover);
}
.text-yellow-soft-hover {
  color: var(--color-yellow-soft-hover);
}
.border-yellow-soft-hover {
  border-color: var(--color-yellow-soft-hover);
}
.bg-yellow-translucent {
  background-color: var(--color-yellow-translucent);
}
.text-yellow-translucent {
  color: var(--color-yellow-translucent);
}
.border-yellow-translucent {
  border-color: var(--color-yellow-translucent);
}
.bg-yellow-translucent-light {
  background-color: var(--color-yellow-translucent-light);
}
.text-yellow-translucent-light {
  color: var(--color-yellow-translucent-light);
}
.border-yellow-translucent-light {
  border-color: var(--color-yellow-translucent-light);
}
.bg-yellow-text-base {
  background-color: var(--color-yellow-text-base);
}
.text-yellow-text-base {
  color: var(--color-yellow-text-base);
}
.border-yellow-text-base {
  border-color: var(--color-yellow-text-base);
}
.bg-yellow-text-soft {
  background-color: var(--color-yellow-text-soft);
}
.text-yellow-text-soft {
  color: var(--color-yellow-text-soft);
}
.border-yellow-text-soft {
  border-color: var(--color-yellow-text-soft);
}
.bg-yellow-text-hover {
  background-color: var(--color-yellow-text-hover);
}
.text-yellow-text-hover {
  color: var(--color-yellow-text-hover);
}
.border-yellow-text-hover {
  border-color: var(--color-yellow-text-hover);
}
.bg-yellow-text-inverse {
  background-color: var(--color-yellow-text-inverse);
}
.text-yellow-text-inverse {
  color: var(--color-yellow-text-inverse);
}
.border-yellow-text-inverse {
  border-color: var(--color-yellow-text-inverse);
}
.bg-green-base {
  background-color: var(--color-green-base);
}
.text-green-base {
  color: var(--color-green-base);
}
.border-green-base {
  border-color: var(--color-green-base);
}
.bg-green-light {
  background-color: var(--color-green-light);
}
.text-green-light {
  color: var(--color-green-light);
}
.border-green-light {
  border-color: var(--color-green-light);
}
.bg-green-hover {
  background-color: var(--color-green-hover);
}
.text-green-hover {
  color: var(--color-green-hover);
}
.border-green-hover {
  border-color: var(--color-green-hover);
}
.bg-green-disabled {
  background-color: var(--color-green-disabled);
}
.text-green-disabled {
  color: var(--color-green-disabled);
}
.border-green-disabled {
  border-color: var(--color-green-disabled);
}
.bg-green-soft {
  background-color: var(--color-green-soft);
}
.text-green-soft {
  color: var(--color-green-soft);
}
.border-green-soft {
  border-color: var(--color-green-soft);
}
.bg-green-soft-hover {
  background-color: var(--color-green-soft-hover);
}
.text-green-soft-hover {
  color: var(--color-green-soft-hover);
}
.border-green-soft-hover {
  border-color: var(--color-green-soft-hover);
}
.bg-green-translucent {
  background-color: var(--color-green-translucent);
}
.text-green-translucent {
  color: var(--color-green-translucent);
}
.border-green-translucent {
  border-color: var(--color-green-translucent);
}
.bg-green-translucent-light {
  background-color: var(--color-green-translucent-light);
}
.text-green-translucent-light {
  color: var(--color-green-translucent-light);
}
.border-green-translucent-light {
  border-color: var(--color-green-translucent-light);
}
.bg-green-text-base {
  background-color: var(--color-green-text-base);
}
.text-green-text-base {
  color: var(--color-green-text-base);
}
.border-green-text-base {
  border-color: var(--color-green-text-base);
}
.bg-green-text-soft {
  background-color: var(--color-green-text-soft);
}
.text-green-text-soft {
  color: var(--color-green-text-soft);
}
.border-green-text-soft {
  border-color: var(--color-green-text-soft);
}
.bg-green-text-hover {
  background-color: var(--color-green-text-hover);
}
.text-green-text-hover {
  color: var(--color-green-text-hover);
}
.border-green-text-hover {
  border-color: var(--color-green-text-hover);
}
.bg-green-text-inverse {
  background-color: var(--color-green-text-inverse);
}
.text-green-text-inverse {
  color: var(--color-green-text-inverse);
}
.border-green-text-inverse {
  border-color: var(--color-green-text-inverse);
}
.bg-forest-base {
  background-color: var(--color-forest-base);
}
.text-forest-base {
  color: var(--color-forest-base);
}
.border-forest-base {
  border-color: var(--color-forest-base);
}
.bg-forest-light {
  background-color: var(--color-forest-light);
}
.text-forest-light {
  color: var(--color-forest-light);
}
.border-forest-light {
  border-color: var(--color-forest-light);
}
.bg-forest-hover {
  background-color: var(--color-forest-hover);
}
.text-forest-hover {
  color: var(--color-forest-hover);
}
.border-forest-hover {
  border-color: var(--color-forest-hover);
}
.bg-forest-disabled {
  background-color: var(--color-forest-disabled);
}
.text-forest-disabled {
  color: var(--color-forest-disabled);
}
.border-forest-disabled {
  border-color: var(--color-forest-disabled);
}
.bg-forest-disabled-2 {
  background-color: var(--color-forest-disabled-2);
}
.text-forest-disabled-2 {
  color: var(--color-forest-disabled-2);
}
.border-forest-disabled-2 {
  border-color: var(--color-forest-disabled-2);
}
.bg-forest-soft {
  background-color: var(--color-forest-soft);
}
.text-forest-soft {
  color: var(--color-forest-soft);
}
.border-forest-soft {
  border-color: var(--color-forest-soft);
}
.bg-forest-soft-hover {
  background-color: var(--color-forest-soft-hover);
}
.text-forest-soft-hover {
  color: var(--color-forest-soft-hover);
}
.border-forest-soft-hover {
  border-color: var(--color-forest-soft-hover);
}
.bg-forest-soft-transparent {
  background-color: var(--color-forest-soft-transparent);
}
.text-forest-soft-transparent {
  color: var(--color-forest-soft-transparent);
}
.border-forest-soft-transparent {
  border-color: var(--color-forest-soft-transparent);
}
.bg-forest-soft-transparent-light {
  background-color: var(--color-forest-soft-transparent-light);
}
.text-forest-soft-transparent-light {
  color: var(--color-forest-soft-transparent-light);
}
.border-forest-soft-transparent-light {
  border-color: var(--color-forest-soft-transparent-light);
}
.bg-forest-text-base {
  background-color: var(--color-forest-text-base);
}
.text-forest-text-base {
  color: var(--color-forest-text-base);
}
.border-forest-text-base {
  border-color: var(--color-forest-text-base);
}
.bg-forest-text-soft {
  background-color: var(--color-forest-text-soft);
}
.text-forest-text-soft {
  color: var(--color-forest-text-soft);
}
.border-forest-text-soft {
  border-color: var(--color-forest-text-soft);
}
.bg-forest-text-hover {
  background-color: var(--color-forest-text-hover);
}
.text-forest-text-hover {
  color: var(--color-forest-text-hover);
}
.border-forest-text-hover {
  border-color: var(--color-forest-text-hover);
}
.bg-forest-text-inverse {
  background-color: var(--color-forest-text-inverse);
}
.text-forest-text-inverse {
  color: var(--color-forest-text-inverse);
}
.border-forest-text-inverse {
  border-color: var(--color-forest-text-inverse);
}
.bg-mint-base {
  background-color: var(--color-mint-base);
}
.text-mint-base {
  color: var(--color-mint-base);
}
.border-mint-base {
  border-color: var(--color-mint-base);
}
.bg-mint-light {
  background-color: var(--color-mint-light);
}
.text-mint-light {
  color: var(--color-mint-light);
}
.border-mint-light {
  border-color: var(--color-mint-light);
}
.bg-mint-hover {
  background-color: var(--color-mint-hover);
}
.text-mint-hover {
  color: var(--color-mint-hover);
}
.border-mint-hover {
  border-color: var(--color-mint-hover);
}
.bg-mint-disabled {
  background-color: var(--color-mint-disabled);
}
.text-mint-disabled {
  color: var(--color-mint-disabled);
}
.border-mint-disabled {
  border-color: var(--color-mint-disabled);
}
.bg-mint-soft {
  background-color: var(--color-mint-soft);
}
.text-mint-soft {
  color: var(--color-mint-soft);
}
.border-mint-soft {
  border-color: var(--color-mint-soft);
}
.bg-mint-soft-hover {
  background-color: var(--color-mint-soft-hover);
}
.text-mint-soft-hover {
  color: var(--color-mint-soft-hover);
}
.border-mint-soft-hover {
  border-color: var(--color-mint-soft-hover);
}
.bg-mint-soft-transparent {
  background-color: var(--color-mint-soft-transparent);
}
.text-mint-soft-transparent {
  color: var(--color-mint-soft-transparent);
}
.border-mint-soft-transparent {
  border-color: var(--color-mint-soft-transparent);
}
.bg-mint-soft-transparent-light {
  background-color: var(--color-mint-soft-transparent-light);
}
.text-mint-soft-transparent-light {
  color: var(--color-mint-soft-transparent-light);
}
.border-mint-soft-transparent-light {
  border-color: var(--color-mint-soft-transparent-light);
}
.bg-mint-text-base {
  background-color: var(--color-mint-text-base);
}
.text-mint-text-base {
  color: var(--color-mint-text-base);
}
.border-mint-text-base {
  border-color: var(--color-mint-text-base);
}
.bg-mint-text-soft {
  background-color: var(--color-mint-text-soft);
}
.text-mint-text-soft {
  color: var(--color-mint-text-soft);
}
.border-mint-text-soft {
  border-color: var(--color-mint-text-soft);
}
.bg-mint-text-hover {
  background-color: var(--color-mint-text-hover);
}
.text-mint-text-hover {
  color: var(--color-mint-text-hover);
}
.border-mint-text-hover {
  border-color: var(--color-mint-text-hover);
}
.bg-mint-text-inverse {
  background-color: var(--color-mint-text-inverse);
}
.text-mint-text-inverse {
  color: var(--color-mint-text-inverse);
}
.border-mint-text-inverse {
  border-color: var(--color-mint-text-inverse);
}
.bg-lime-base {
  background-color: var(--color-lime-base);
}
.text-lime-base {
  color: var(--color-lime-base);
}
.border-lime-base {
  border-color: var(--color-lime-base);
}
.bg-lime-light {
  background-color: var(--color-lime-light);
}
.text-lime-light {
  color: var(--color-lime-light);
}
.border-lime-light {
  border-color: var(--color-lime-light);
}
.bg-lime-hover {
  background-color: var(--color-lime-hover);
}
.text-lime-hover {
  color: var(--color-lime-hover);
}
.border-lime-hover {
  border-color: var(--color-lime-hover);
}
.bg-lime-disabled {
  background-color: var(--color-lime-disabled);
}
.text-lime-disabled {
  color: var(--color-lime-disabled);
}
.border-lime-disabled {
  border-color: var(--color-lime-disabled);
}
.bg-lime-soft {
  background-color: var(--color-lime-soft);
}
.text-lime-soft {
  color: var(--color-lime-soft);
}
.border-lime-soft {
  border-color: var(--color-lime-soft);
}
.bg-lime-soft-hover {
  background-color: var(--color-lime-soft-hover);
}
.text-lime-soft-hover {
  color: var(--color-lime-soft-hover);
}
.border-lime-soft-hover {
  border-color: var(--color-lime-soft-hover);
}
.bg-lime-soft-transparent {
  background-color: var(--color-lime-soft-transparent);
}
.text-lime-soft-transparent {
  color: var(--color-lime-soft-transparent);
}
.border-lime-soft-transparent {
  border-color: var(--color-lime-soft-transparent);
}
.bg-lime-soft-transparent-light {
  background-color: var(--color-lime-soft-transparent-light);
}
.text-lime-soft-transparent-light {
  color: var(--color-lime-soft-transparent-light);
}
.border-lime-soft-transparent-light {
  border-color: var(--color-lime-soft-transparent-light);
}
.bg-lime-text-base {
  background-color: var(--color-lime-text-base);
}
.text-lime-text-base {
  color: var(--color-lime-text-base);
}
.border-lime-text-base {
  border-color: var(--color-lime-text-base);
}
.bg-lime-text-soft {
  background-color: var(--color-lime-text-soft);
}
.text-lime-text-soft {
  color: var(--color-lime-text-soft);
}
.border-lime-text-soft {
  border-color: var(--color-lime-text-soft);
}
.bg-lime-text-hover {
  background-color: var(--color-lime-text-hover);
}
.text-lime-text-hover {
  color: var(--color-lime-text-hover);
}
.border-lime-text-hover {
  border-color: var(--color-lime-text-hover);
}
.bg-lime-text-inverse {
  background-color: var(--color-lime-text-inverse);
}
.text-lime-text-inverse {
  color: var(--color-lime-text-inverse);
}
.border-lime-text-inverse {
  border-color: var(--color-lime-text-inverse);
}
.bg-cyan-base {
  background-color: var(--color-cyan-base);
}
.text-cyan-base {
  color: var(--color-cyan-base);
}
.border-cyan-base {
  border-color: var(--color-cyan-base);
}
.bg-cyan-light {
  background-color: var(--color-cyan-light);
}
.text-cyan-light {
  color: var(--color-cyan-light);
}
.border-cyan-light {
  border-color: var(--color-cyan-light);
}
.bg-cyan-hover {
  background-color: var(--color-cyan-hover);
}
.text-cyan-hover {
  color: var(--color-cyan-hover);
}
.border-cyan-hover {
  border-color: var(--color-cyan-hover);
}
.bg-cyan-disabled {
  background-color: var(--color-cyan-disabled);
}
.text-cyan-disabled {
  color: var(--color-cyan-disabled);
}
.border-cyan-disabled {
  border-color: var(--color-cyan-disabled);
}
.bg-cyan-soft {
  background-color: var(--color-cyan-soft);
}
.text-cyan-soft {
  color: var(--color-cyan-soft);
}
.border-cyan-soft {
  border-color: var(--color-cyan-soft);
}
.bg-cyan-soft-hover {
  background-color: var(--color-cyan-soft-hover);
}
.text-cyan-soft-hover {
  color: var(--color-cyan-soft-hover);
}
.border-cyan-soft-hover {
  border-color: var(--color-cyan-soft-hover);
}
.bg-cyan-soft-transparent {
  background-color: var(--color-cyan-soft-transparent);
}
.text-cyan-soft-transparent {
  color: var(--color-cyan-soft-transparent);
}
.border-cyan-soft-transparent {
  border-color: var(--color-cyan-soft-transparent);
}
.bg-cyan-soft-transparent-light {
  background-color: var(--color-cyan-soft-transparent-light);
}
.text-cyan-soft-transparent-light {
  color: var(--color-cyan-soft-transparent-light);
}
.border-cyan-soft-transparent-light {
  border-color: var(--color-cyan-soft-transparent-light);
}
.bg-cyan-text-base {
  background-color: var(--color-cyan-text-base);
}
.text-cyan-text-base {
  color: var(--color-cyan-text-base);
}
.border-cyan-text-base {
  border-color: var(--color-cyan-text-base);
}
.bg-cyan-text-soft {
  background-color: var(--color-cyan-text-soft);
}
.text-cyan-text-soft {
  color: var(--color-cyan-text-soft);
}
.border-cyan-text-soft {
  border-color: var(--color-cyan-text-soft);
}
.bg-cyan-text-hover {
  background-color: var(--color-cyan-text-hover);
}
.text-cyan-text-hover {
  color: var(--color-cyan-text-hover);
}
.border-cyan-text-hover {
  border-color: var(--color-cyan-text-hover);
}
.bg-cyan-text-inverse {
  background-color: var(--color-cyan-text-inverse);
}
.text-cyan-text-inverse {
  color: var(--color-cyan-text-inverse);
}
.border-cyan-text-inverse {
  border-color: var(--color-cyan-text-inverse);
}
.bg-gray-base {
  background-color: var(--color-gray-base);
}
.text-gray-base {
  color: var(--color-gray-base);
}
.border-gray-base {
  border-color: var(--color-gray-base);
}
.bg-gray-light {
  background-color: var(--color-gray-light);
}
.text-gray-light {
  color: var(--color-gray-light);
}
.border-gray-light {
  border-color: var(--color-gray-light);
}
.bg-gray-hover {
  background-color: var(--color-gray-hover);
}
.text-gray-hover {
  color: var(--color-gray-hover);
}
.border-gray-hover {
  border-color: var(--color-gray-hover);
}
.bg-gray-disabled {
  background-color: var(--color-gray-disabled);
}
.text-gray-disabled {
  color: var(--color-gray-disabled);
}
.border-gray-disabled {
  border-color: var(--color-gray-disabled);
}
.bg-gray-disabled2 {
  background-color: var(--color-gray-disabled2);
}
.text-gray-disabled2 {
  color: var(--color-gray-disabled2);
}
.border-gray-disabled2 {
  border-color: var(--color-gray-disabled2);
}
.bg-gray-pin {
  background-color: var(--color-gray-pin);
}
.text-gray-pin {
  color: var(--color-gray-pin);
}
.border-gray-pin {
  border-color: var(--color-gray-pin);
}
.bg-gray-soft {
  background-color: var(--color-gray-soft);
}
.text-gray-soft {
  color: var(--color-gray-soft);
}
.border-gray-soft {
  border-color: var(--color-gray-soft);
}
.bg-gray-soft-hover {
  background-color: var(--color-gray-soft-hover);
}
.text-gray-soft-hover {
  color: var(--color-gray-soft-hover);
}
.border-gray-soft-hover {
  border-color: var(--color-gray-soft-hover);
}
.bg-gray-soft-transparent {
  background-color: var(--color-gray-soft-transparent);
}
.text-gray-soft-transparent {
  color: var(--color-gray-soft-transparent);
}
.border-gray-soft-transparent {
  border-color: var(--color-gray-soft-transparent);
}
.bg-gray-soft-transparent-light {
  background-color: var(--color-gray-soft-transparent-light);
}
.text-gray-soft-transparent-light {
  color: var(--color-gray-soft-transparent-light);
}
.border-gray-soft-transparent-light {
  border-color: var(--color-gray-soft-transparent-light);
}
.bg-gray-thumbnail {
  background-color: var(--color-gray-thumbnail);
}
.text-gray-thumbnail {
  color: var(--color-gray-thumbnail);
}
.border-gray-thumbnail {
  border-color: var(--color-gray-thumbnail);
}
.bg-gray-text-base {
  background-color: var(--color-gray-text-base);
}
.text-gray-text-base {
  color: var(--color-gray-text-base);
}
.border-gray-text-base {
  border-color: var(--color-gray-text-base);
}
.bg-gray-text-soft {
  background-color: var(--color-gray-text-soft);
}
.text-gray-text-soft {
  color: var(--color-gray-text-soft);
}
.border-gray-text-soft {
  border-color: var(--color-gray-text-soft);
}
.bg-gray-text-hover {
  background-color: var(--color-gray-text-hover);
}
.text-gray-text-hover {
  color: var(--color-gray-text-hover);
}
.border-gray-text-hover {
  border-color: var(--color-gray-text-hover);
}
.bg-gray-text-inverse {
  background-color: var(--color-gray-text-inverse);
}
.text-gray-text-inverse {
  color: var(--color-gray-text-inverse);
}
.border-gray-text-inverse {
  border-color: var(--color-gray-text-inverse);
}
.bg-charcoal-base {
  background-color: var(--color-charcoal-base);
}
.text-charcoal-base {
  color: var(--color-charcoal-base);
}
.border-charcoal-base {
  border-color: var(--color-charcoal-base);
}
.bg-charcoal-light {
  background-color: var(--color-charcoal-light);
}
.text-charcoal-light {
  color: var(--color-charcoal-light);
}
.border-charcoal-light {
  border-color: var(--color-charcoal-light);
}
.bg-charcoal-hover {
  background-color: var(--color-charcoal-hover);
}
.text-charcoal-hover {
  color: var(--color-charcoal-hover);
}
.border-charcoal-hover {
  border-color: var(--color-charcoal-hover);
}
.bg-charcoal-disabled {
  background-color: var(--color-charcoal-disabled);
}
.text-charcoal-disabled {
  color: var(--color-charcoal-disabled);
}
.border-charcoal-disabled {
  border-color: var(--color-charcoal-disabled);
}
.bg-charcoal-soft {
  background-color: var(--color-charcoal-soft);
}
.text-charcoal-soft {
  color: var(--color-charcoal-soft);
}
.border-charcoal-soft {
  border-color: var(--color-charcoal-soft);
}
.bg-charcoal-soft-hover {
  background-color: var(--color-charcoal-soft-hover);
}
.text-charcoal-soft-hover {
  color: var(--color-charcoal-soft-hover);
}
.border-charcoal-soft-hover {
  border-color: var(--color-charcoal-soft-hover);
}
.bg-charcoal-soft-transparent {
  background-color: var(--color-charcoal-soft-transparent);
}
.text-charcoal-soft-transparent {
  color: var(--color-charcoal-soft-transparent);
}
.border-charcoal-soft-transparent {
  border-color: var(--color-charcoal-soft-transparent);
}
.bg-charcoal-text-base {
  background-color: var(--color-charcoal-text-base);
}
.text-charcoal-text-base {
  color: var(--color-charcoal-text-base);
}
.border-charcoal-text-base {
  border-color: var(--color-charcoal-text-base);
}
.bg-charcoal-text-soft {
  background-color: var(--color-charcoal-text-soft);
}
.text-charcoal-text-soft {
  color: var(--color-charcoal-text-soft);
}
.border-charcoal-text-soft {
  border-color: var(--color-charcoal-text-soft);
}
.bg-charcoal-text-hover {
  background-color: var(--color-charcoal-text-hover);
}
.text-charcoal-text-hover {
  color: var(--color-charcoal-text-hover);
}
.border-charcoal-text-hover {
  border-color: var(--color-charcoal-text-hover);
}
.bg-charcoal-text-inverse {
  background-color: var(--color-charcoal-text-inverse);
}
.text-charcoal-text-inverse {
  color: var(--color-charcoal-text-inverse);
}
.border-charcoal-text-inverse {
  border-color: var(--color-charcoal-text-inverse);
}
.bg-black-base {
  background-color: var(--color-black-base);
}
.text-black-base {
  color: var(--color-black-base);
}
.border-black-base {
  border-color: var(--color-black-base);
}
.bg-black-light {
  background-color: var(--color-black-light);
}
.text-black-light {
  color: var(--color-black-light);
}
.border-black-light {
  border-color: var(--color-black-light);
}
.bg-black-hover {
  background-color: var(--color-black-hover);
}
.text-black-hover {
  color: var(--color-black-hover);
}
.border-black-hover {
  border-color: var(--color-black-hover);
}
.bg-black-line-hover {
  background-color: var(--color-black-line-hover);
}
.text-black-line-hover {
  color: var(--color-black-line-hover);
}
.border-black-line-hover {
  border-color: var(--color-black-line-hover);
}
.bg-black-disabled {
  background-color: var(--color-black-disabled);
}
.text-black-disabled {
  color: var(--color-black-disabled);
}
.border-black-disabled {
  border-color: var(--color-black-disabled);
}
.bg-black-soft {
  background-color: var(--color-black-soft);
}
.text-black-soft {
  color: var(--color-black-soft);
}
.border-black-soft {
  border-color: var(--color-black-soft);
}
.bg-black-soft-hover {
  background-color: var(--color-black-soft-hover);
}
.text-black-soft-hover {
  color: var(--color-black-soft-hover);
}
.border-black-soft-hover {
  border-color: var(--color-black-soft-hover);
}
.bg-black-soft-transparent {
  background-color: var(--color-black-soft-transparent);
}
.text-black-soft-transparent {
  color: var(--color-black-soft-transparent);
}
.border-black-soft-transparent {
  border-color: var(--color-black-soft-transparent);
}
.bg-layout-line {
  background-color: var(--color-layout-line);
}
.text-layout-line {
  color: var(--color-layout-line);
}
.border-layout-line {
  border-color: var(--color-layout-line);
}
.bg-black-text-base {
  background-color: var(--color-black-text-base);
}
.text-black-text-base {
  color: var(--color-black-text-base);
}
.border-black-text-base {
  border-color: var(--color-black-text-base);
}
.bg-black-text-hover {
  background-color: var(--color-black-text-hover);
}
.text-black-text-hover {
  color: var(--color-black-text-hover);
}
.border-black-text-hover {
  border-color: var(--color-black-text-hover);
}
.bg-black-text-hover2 {
  background-color: var(--color-black-text-hover2);
}
.text-black-text-hover2 {
  color: var(--color-black-text-hover2);
}
.border-black-text-hover2 {
  border-color: var(--color-black-text-hover2);
}
.bg-black-text-disabled {
  background-color: var(--color-black-text-disabled);
}
.text-black-text-disabled {
  color: var(--color-black-text-disabled);
}
.border-black-text-disabled {
  border-color: var(--color-black-text-disabled);
}
.bg-black-text-inverse {
  background-color: var(--color-black-text-inverse);
}
.text-black-text-inverse {
  color: var(--color-black-text-inverse);
}
.border-black-text-inverse {
  border-color: var(--color-black-text-inverse);
}
.bg-white-base {
  background-color: var(--color-white-base);
}
.text-white-base {
  color: var(--color-white-base);
}
.border-white-base {
  border-color: var(--color-white-base);
}
.bg-white-light {
  background-color: var(--color-white-light);
}
.text-white-light {
  color: var(--color-white-light);
}
.border-white-light {
  border-color: var(--color-white-light);
}
.bg-white-hover {
  background-color: var(--color-white-hover);
}
.text-white-hover {
  color: var(--color-white-hover);
}
.border-white-hover {
  border-color: var(--color-white-hover);
}
.bg-white-line-hover {
  background-color: var(--color-white-line-hover);
}
.text-white-line-hover {
  color: var(--color-white-line-hover);
}
.border-white-line-hover {
  border-color: var(--color-white-line-hover);
}
.bg-white-disabled {
  background-color: var(--color-white-disabled);
}
.text-white-disabled {
  color: var(--color-white-disabled);
}
.border-white-disabled {
  border-color: var(--color-white-disabled);
}
.bg-white-disabled2 {
  background-color: var(--color-white-disabled2);
}
.text-white-disabled2 {
  color: var(--color-white-disabled2);
}
.border-white-disabled2 {
  border-color: var(--color-white-disabled2);
}
.bg-white-soft {
  background-color: var(--color-white-soft);
}
.text-white-soft {
  color: var(--color-white-soft);
}
.border-white-soft {
  border-color: var(--color-white-soft);
}
.bg-white-soft-hover {
  background-color: var(--color-white-soft-hover);
}
.text-white-soft-hover {
  color: var(--color-white-soft-hover);
}
.border-white-soft-hover {
  border-color: var(--color-white-soft-hover);
}
.bg-white-soft-transparent {
  background-color: var(--color-white-soft-transparent);
}
.text-white-soft-transparent {
  color: var(--color-white-soft-transparent);
}
.border-white-soft-transparent {
  border-color: var(--color-white-soft-transparent);
}
.bg-white-text-base {
  background-color: var(--color-white-text-base);
}
.text-white-text-base {
  color: var(--color-white-text-base);
}
.border-white-text-base {
  border-color: var(--color-white-text-base);
}
.bg-white-text-hover {
  background-color: var(--color-white-text-hover);
}
.text-white-text-hover {
  color: var(--color-white-text-hover);
}
.border-white-text-hover {
  border-color: var(--color-white-text-hover);
}
.bg-white-text-hover2 {
  background-color: var(--color-white-text-hover2);
}
.text-white-text-hover2 {
  color: var(--color-white-text-hover2);
}
.border-white-text-hover2 {
  border-color: var(--color-white-text-hover2);
}
.bg-white-text-disabled {
  background-color: var(--color-white-text-disabled);
}
.text-white-text-disabled {
  color: var(--color-white-text-disabled);
}
.border-white-text-disabled {
  border-color: var(--color-white-text-disabled);
}
.bg-white-text-disabled2 {
  background-color: var(--color-white-text-disabled2);
}
.text-white-text-disabled2 {
  color: var(--color-white-text-disabled2);
}
.border-white-text-disabled2 {
  border-color: var(--color-white-text-disabled2);
}
.bg-white-text-inverse {
  background-color: var(--color-white-text-inverse);
}
.text-white-text-inverse {
  color: var(--color-white-text-inverse);
}
.border-white-text-inverse {
  border-color: var(--color-white-text-inverse);
}
.bg-font-title {
  background-color: var(--color-font-title);
}
.text-font-title {
  color: var(--color-font-title);
}
.border-font-title {
  border-color: var(--color-font-title);
}
.bg-font-body {
  background-color: var(--color-font-body);
}
.text-font-body {
  color: var(--color-font-body);
}
.border-font-body {
  border-color: var(--color-font-body);
}
.bg-font-white {
  background-color: var(--color-font-white);
}
.text-font-white {
  color: var(--color-font-white);
}
.border-font-white {
  border-color: var(--color-font-white);
}
.bg-font-black {
  background-color: var(--color-font-black);
}
.text-font-black {
  color: var(--color-font-black);
}
.border-font-black {
  border-color: var(--color-font-black);
}
.bg-font-disabled {
  background-color: var(--color-font-disabled);
}
.text-font-disabled {
  color: var(--color-font-disabled);
}
.border-font-disabled {
  border-color: var(--color-font-disabled);
}
.bg-font-caption {
  background-color: var(--color-font-caption);
}
.text-font-caption {
  color: var(--color-font-caption);
}
.border-font-caption {
  border-color: var(--color-font-caption);
}
.bg-font-caption-light {
  background-color: var(--color-font-caption-light);
}
.text-font-caption-light {
  color: var(--color-font-caption-light);
}
.border-font-caption-light {
  border-color: var(--color-font-caption-light);
}
.bg-font-caption-icon {
  background-color: var(--color-font-caption-icon);
}
.text-font-caption-icon {
  color: var(--color-font-caption-icon);
}
.border-font-caption-icon {
  border-color: var(--color-font-caption-icon);
}
.bg-button-outline-line {
  background-color: var(--color-button-outline-line);
}
.text-button-outline-line {
  color: var(--color-button-outline-line);
}
.border-button-outline-line {
  border-color: var(--color-button-outline-line);
}
.bg-button-outline-bg {
  background-color: var(--color-button-outline-bg);
}
.text-button-outline-bg {
  color: var(--color-button-outline-bg);
}
.border-button-outline-bg {
  border-color: var(--color-button-outline-bg);
}
.bg-layout-page {
  background-color: var(--color-layout-page);
}
.text-layout-page {
  color: var(--color-layout-page);
}
.border-layout-page {
  border-color: var(--color-layout-page);
}
.bg-layout-user {
  background-color: var(--color-layout-user);
}
.text-layout-user {
  color: var(--color-layout-user);
}
.border-layout-user {
  border-color: var(--color-layout-user);
}
.bg-layout-system {
  background-color: var(--color-layout-system);
}
.text-layout-system {
  color: var(--color-layout-system);
}
.border-layout-system {
  border-color: var(--color-layout-system);
}
.bg-layout-system-dark {
  background-color: var(--color-layout-system-dark);
}
.text-layout-system-dark {
  color: var(--color-layout-system-dark);
}
.border-layout-system-dark {
  border-color: var(--color-layout-system-dark);
}
.bg-layout-content {
  background-color: var(--color-layout-content);
}
.text-layout-content {
  color: var(--color-layout-content);
}
.border-layout-content {
  border-color: var(--color-layout-content);
}
.bg-layout-graybox {
  background-color: var(--color-layout-graybox);
}
.text-layout-graybox {
  color: var(--color-layout-graybox);
}
.border-layout-graybox {
  border-color: var(--color-layout-graybox);
}
.bg-input-text {
  background-color: var(--color-input-text);
}
.text-input-text {
  color: var(--color-input-text);
}
.border-input-text {
  border-color: var(--color-input-text);
}
.bg-input-text-hover {
  background-color: var(--color-input-text-hover);
}
.text-input-text-hover {
  color: var(--color-input-text-hover);
}
.border-input-text-hover {
  border-color: var(--color-input-text-hover);
}
.bg-input-line-hover-icon {
  background-color: var(--color-input-line-hover-icon);
}
.text-input-line-hover-icon {
  color: var(--color-input-line-hover-icon);
}
.border-input-line-hover-icon {
  border-color: var(--color-input-line-hover-icon);
}
.bg-input-icon {
  background-color: var(--color-input-icon);
}
.text-input-icon {
  color: var(--color-input-icon);
}
.border-input-icon {
  border-color: var(--color-input-icon);
}
.bg-input-icon-disabled {
  background-color: var(--color-input-icon-disabled);
}
.text-input-icon-disabled {
  color: var(--color-input-icon-disabled);
}
.border-input-icon-disabled {
  border-color: var(--color-input-icon-disabled);
}
.bg-input-line {
  background-color: var(--color-input-line);
}
.text-input-line {
  color: var(--color-input-line);
}
.border-input-line {
  border-color: var(--color-input-line);
}
.bg-input-state-success {
  background-color: var(--color-input-state-success);
}
.text-input-state-success {
  color: var(--color-input-state-success);
}
.border-input-state-success {
  border-color: var(--color-input-state-success);
}
.bg-input-state-error {
  background-color: var(--color-input-state-error);
}
.text-input-state-error {
  color: var(--color-input-state-error);
}
.border-input-state-error {
  border-color: var(--color-input-state-error);
}
.bg-input-text-disabled {
  background-color: var(--color-input-text-disabled);
}
.text-input-text-disabled {
  color: var(--color-input-text-disabled);
}
.border-input-text-disabled {
  border-color: var(--color-input-text-disabled);
}
.bg-input-text-disabled-user {
  background-color: var(--color-input-text-disabled-user);
}
.text-input-text-disabled-user {
  color: var(--color-input-text-disabled-user);
}
.border-input-text-disabled-user {
  border-color: var(--color-input-text-disabled-user);
}
.bg-input-line-disabled {
  background-color: var(--color-input-line-disabled);
}
.text-input-line-disabled {
  color: var(--color-input-line-disabled);
}
.border-input-line-disabled {
  border-color: var(--color-input-line-disabled);
}
.bg-input-disabled {
  background-color: var(--color-input-disabled);
}
.text-input-disabled {
  color: var(--color-input-disabled);
}
.border-input-disabled {
  border-color: var(--color-input-disabled);
}
.bg-input-label-disabled {
  background-color: var(--color-input-label-disabled);
}
.text-input-label-disabled {
  color: var(--color-input-label-disabled);
}
.border-input-label-disabled {
  border-color: var(--color-input-label-disabled);
}
.bg-input-base-text-disabled {
  background-color: var(--color-input-base-text-disabled);
}
.text-input-base-text-disabled {
  color: var(--color-input-base-text-disabled);
}
.border-input-base-text-disabled {
  border-color: var(--color-input-base-text-disabled);
}
.bg-input-base {
  background-color: var(--color-input-base);
}
.text-input-base {
  color: var(--color-input-base);
}
.border-input-base {
  border-color: var(--color-input-base);
}
.bg-input-base-light {
  background-color: var(--color-input-base-light);
}
.text-input-base-light {
  color: var(--color-input-base-light);
}
.border-input-base-light {
  border-color: var(--color-input-base-light);
}
.bg-input-base-light-disabled {
  background-color: var(--color-input-base-light-disabled);
}
.text-input-base-light-disabled {
  color: var(--color-input-base-light-disabled);
}
.border-input-base-light-disabled {
  border-color: var(--color-input-base-light-disabled);
}
.bg-input-base-dark {
  background-color: var(--color-input-base-dark);
}
.text-input-base-dark {
  color: var(--color-input-base-dark);
}
.border-input-base-dark {
  border-color: var(--color-input-base-dark);
}
.bg-input-base-dark-disabled {
  background-color: var(--color-input-base-dark-disabled);
}
.text-input-base-dark-disabled {
  color: var(--color-input-base-dark-disabled);
}
.border-input-base-dark-disabled {
  border-color: var(--color-input-base-dark-disabled);
}