:root {
  --black: rgba(31, 31, 31, 1);
  --flowkitpurple: rgba(123, 97, 255, 1);
  --flowkitcharcoal: rgba(34, 34, 34, 1);
  --flowkitred: rgba(252, 85, 85, 1);
  --flowkitgreen: rgba(41, 204, 106, 1);
  --flowkitblue: rgba(0, 153, 255, 1);
  --flowkitwhite: rgba(255, 255, 255, 1);
  --uicolorprimary: rgba(103, 80, 163, 1);
  --semanticprimarynormal: rgba(34, 153, 250, 1);
  --graygray-1: rgba(241, 243, 245, 1);
  --globalwhite: rgba(255, 255, 255, 1);
  --globalblack: rgba(0, 0, 0, 1);
  --body-2-normal-bold-font-family: "Pretendard Variable", Helvetica;
  --body-2-normal-bold-font-weight: 600;
  --body-2-normal-bold-font-size: 15px;
  --body-2-normal-bold-letter-spacing: 0.14399999678134917px;
  --body-2-normal-bold-line-height: 146.70000076293945%;
  --body-2-normal-bold-font-style: normal;
  --body-2-normal-regular-font-family: "Pretendard Variable", Helvetica;
  --body-2-normal-regular-font-weight: 400;
  --body-2-normal-regular-font-size: 15px;
  --body-2-normal-regular-letter-spacing: -0.3px;
  --body-2-normal-regular-line-height: 145.00000476837158%;
  --body-2-normal-regular-font-style: normal;
  --m3-title-medium-font-family: "Roboto", Helvetica;
  --m3-title-medium-font-weight: 500;
  --m3-title-medium-font-size: 16px;
  --m3-title-medium-letter-spacing: 0.15000000596046448px;
  --m3-title-medium-line-height: 24px;
  --m3-title-medium-font-style: normal;
  --admin-shadow: 7px 7px 25px 0px rgba(0, 0, 0, 0.1);
  --dash-shadow: 0px 4px 20px 0px rgba(208, 226, 244, 0.5);
  --cs-shadow: 12px 12px 25px 0px rgba(26, 120, 254, 0.05);
  --con: 0px 4px 20px 0px rgba(172, 210, 245, 1);
  --global-tokens-colors-pansy-glory-100: rgba(255, 234, 239, 1);
  --global-tokens-colors-pansy-glory-200: rgba(254, 227, 233, 1);
  --global-tokens-colors-pansy-glory-300: rgba(255, 219, 227, 1);
  --global-tokens-colors-pansy-glory-400: rgba(254, 215, 223, 1);
  --global-tokens-colors-pansy-glory-500: rgba(255, 214, 219, 1);
  --global-tokens-colors-pansy-glory-600: rgba(255, 212, 217, 1);
  --global-tokens-colors-pansy-glory-700: rgba(255, 212, 217, 1);
  --global-tokens-colors-pansy-glory-800: rgba(255, 207, 226, 1);
  --global-tokens-colors-pansy-glory-900: rgba(255, 207, 226, 1);
  --global-tokens-colors-pansy-glory-1000: rgba(255, 199, 211, 1);
  --global-tokens-colors-pansy-glory-1100: rgba(255, 191, 205, 1);
  --global-tokens-colors-pansy-glory-1200: rgba(255, 191, 205, 1);
  --global-tokens-colors-pansy-glory-1300: rgba(255, 154, 176, 1);
  --global-tokens-colors-pansy-glory-1400: rgba(255, 154, 176, 1);
  --global-tokens-colors-pansy-glory-1500: rgba(255, 126, 176, 1);
  --global-tokens-colors-pansy-glory-1600: rgba(255, 126, 176, 1);
  --global-tokens-colors-pansy-glory-1700: rgba(255, 112, 167, 1);
  --global-tokens-colors-pansy-glory-1800: rgba(255, 77, 146, 1);
  --global-tokens-colors-pansy-glory-1900: rgba(249, 66, 136, 1);
  --global-tokens-colors-pansy-glory-2000: rgba(214, 51, 108, 1);
  --global-tokens-colors-lemon-chiffon-yellow-100: rgba(255, 248, 199, 1);
  --global-tokens-colors-lemon-chiffon-yellow-200: rgba(254, 239, 118, 1);
  --global-tokens-colors-lemon-chiffon-yellow-300: rgba(255, 230, 162, 1);
  --global-tokens-colors-lemon-chiffon-yellow-400: rgba(255, 230, 162, 1);
  --global-tokens-colors-lemon-chiffon-yellow-500: rgba(254, 229, 0, 1);
  --global-tokens-colors-lemon-chiffon-yellow-600: rgba(255, 218, 122, 1);
  --global-tokens-colors-magical-green-100: rgba(228, 253, 216, 1);
  --global-tokens-colors-magical-green-200: rgba(199, 243, 183, 1);
  --global-tokens-colors-magical-green-300: rgba(98, 212, 163, 1);
  --global-tokens-colors-magical-green-400: rgba(50, 201, 131, 1);
  --global-tokens-colors-magical-green-500: rgba(0, 127, 65, 1);
  --global-tokens-colors-magical-green-600: rgba(24, 22, 0, 1);
  --global-tokens-colors-flamboyant-calypso-100: rgba(255, 140, 125, 1);
  --global-tokens-colors-flamboyant-calypso-200: rgba(255, 131, 119, 1);
  --global-tokens-colors-flamboyant-calypso-300: rgba(255, 129, 121, 1);
  --global-tokens-colors-flamboyant-calypso-400: rgba(248, 52, 52, 1);
  --global-tokens-colors-pure-white-100: rgba(255, 255, 255, 1);
  --global-tokens-colors-matt-nero-100: rgba(90, 90, 90, 1);
  --global-tokens-colors-matt-nero-200: rgba(82, 82, 82, 1);
  --global-tokens-colors-matt-nero-300: rgba(68, 68, 68, 1);
  --global-tokens-colors-matt-nero-400: rgba(51, 51, 51, 1);
  --global-tokens-colors-matt-nero-500: rgba(38, 38, 38, 1);
  --global-tokens-colors-matt-nero-600: rgba(33, 33, 33, 1);
  --global-tokens-colors-matt-nero-700: rgba(31, 31, 31, 1);
  --global-tokens-colors-matt-nero-800: rgba(30, 30, 30, 1);
  --global-tokens-colors-matt-nero-900: rgba(21, 21, 21, 1);
  --global-tokens-colors-black-angst-100: rgba(48, 47, 62, 1);
  --global-tokens-colors-black-angst-200: rgba(48, 47, 62, 1);
  --global-tokens-colors-peachy-gainsboro-100: rgba(255, 245, 239, 1);
  --global-tokens-colors-peachy-gainsboro-200: rgba(253, 223, 219, 1);
  --global-tokens-colors-peachy-gainsboro-300: rgba(255, 222, 222, 1);
  --global-tokens-colors-peachy-gainsboro-400: rgba(246, 220, 205, 1);
  --global-tokens-colors-peachy-gainsboro-500: rgba(217, 217, 217, 1);
  --global-tokens-colors-peachy-gainsboro-600: rgba(255, 204, 197, 1);
  --global-tokens-colors-peachy-gainsboro-700: rgba(241, 203, 188, 1);
  --global-tokens-colors-ninjin-bonfire-100: rgba(254, 159, 51, 1);
  --global-tokens-colors-ninjin-bonfire-200: rgba(227, 167, 111, 1);
  --global-tokens-colors-ninjin-bonfire-300: rgba(239, 130, 0, 1);
  --global-tokens-colors-pottery-earth-100: rgba(171, 126, 108, 1);
  --global-tokens-colors-pottery-earth-200: rgba(184, 114, 77, 1);
  --global-tokens-colors-PHP-lilac-100: rgba(140, 149, 186, 1);
  --global-tokens-colors-PHP-lilac-200: rgba(133, 146, 191, 1);
  --global-tokens-colors-toile-red-100: rgba(140, 85, 80, 1);
  --global-tokens-colors-goose-wing-illusion-100: rgba(173, 160, 173, 1);
  --global-tokens-colors-goose-wing-illusion-200: rgba(167, 155, 167, 1);
  --global-tokens-colors-grey-ridge-100: rgba(131, 118, 131, 1);
  --global-tokens-colors-black-kite-100: rgba(57, 32, 32, 1);
  --global-tokens-gray-300: rgba(169, 176, 184, 1);
  --global-tokens-gray-200: rgba(218, 225, 232, 1);
  --global-tokens-gray-400: rgba(134, 145, 156, 1);
  --global-tokens-gray-500: rgba(83, 94, 104, 1);
  --global-tokens-gray-gray-5: rgba(173, 181, 189, 1);
  --global-tokens-gray-100: rgba(221, 231, 242, 1);
  --global-tokens-gray-50: rgba(242, 246, 250, 1);
  --global-tokens-disabled: rgba(205, 216, 227, 1);
  --global-tokens-gray-600: rgba(63, 70, 77, 1);
  --global-tokens-error: rgba(234, 36, 36, 1);
  --global-tokens-gray-250: rgba(182, 191, 201, 1);
  --global-tokens-gray-75: rgba(231, 241, 249, 1);
  --mode-color-text-inverse-static: var(--primitive-color-light-gray-0);
  --mode-color-text-bolder: var(--primitive-color-light-gray-95);
  --mode-color-element-inverse: var(--primitive-color-light-gray-0-duplicate);
  --mode-color-border-gray-dark: var(--primitive-color-light-gray-60);
  --mode-color-button-primary-fill: var(--primitive-color-light-primary-50);
  --atomic-neutral-50: rgba(115, 115, 115, 1);
  --atomic-light-blue-90: rgba(196, 236, 254, 1);
  --atomic-light-blue-50: rgba(0, 174, 255, 1);
  --atomic-cool-neutral-96: rgba(225, 226, 228, 1);
  --atomic-cool-neutral-25: rgba(55, 56, 60, 1);
  --semantic-padding-1: var(--primitive-number-2);
  --semantic-gap-2: var(--primitive-number-3);
  --semantic-padding-8: var(--primitive-number-10);
  --semantic-size-height-4: var(--primitive-number-10-duplicate);
  --semantic-gap-2-duplicate: var(--primitive-number-3-duplicate);
  --semantic-radius-small2: var(--primitive-number-3-duplicate);
  --semantic-radius-medium4: var(--primitive-number-5);
  --semantic-gap-3: var(--primitive-number-5-duplicate);
  --semantic-size-height-9: var(--primitive-number-18);
  --primitive-color-light-gray-0: rgba(255, 255, 255, 1);
  --primitive-color-light-gray-95: rgba(19, 20, 22, 1);
  --primitive-number-2: 2px;
  --primitive-number-3: 4px;
  --primitive-number-10: 24px;
  --primitive-number-10-duplicate: 24px;
  --primitive-number-3-duplicate: 4px;
  --primitive-color-high-contrast-gray-0: rgba(255, 255, 255, 1);
  --primitive-color-high-contrast-gray-10: rgba(230, 232, 234, 1);
  --primitive-number-5: 8px;
  --primitive-color-light-gray-0-duplicate: rgba(255, 255, 255, 1);
  --primitive-color-light-gray-60: rgba(88, 97, 106, 1);
  --primitive-color-high-contrast-gray-95: rgba(19, 20, 22, 1);
  --primitive-number-5-duplicate: 8px;
  --primitive-color-high-contrast-gray-40: rgba(138, 148, 158, 1);
  --primitive-number-18: 64px;
  --primitive-color-light-primary-50: rgba(37, 110, 244, 1);
  --primitive-color-high-contrast-primary-50: rgba(37, 110, 244, 1);
  --theme-line-solid-normal: var(--atomic-cool-neutral-96);
}

/*

To enable a theme in your HTML, simply add one of the following data attributes to an HTML element, like so:

<body data-mode-mode="light">
    <!-- the rest of your content -->
</body>

You can apply the theme on any DOM node, not just the `body`

*/

[data-mode-mode="light"] {
  --mode-color-text-inverse-static: var(--primitive-color-light-gray-0);
  --mode-color-text-bolder: var(--primitive-color-light-gray-95);
  --mode-color-element-inverse: var(--primitive-color-light-gray-0-duplicate);
  --mode-color-border-gray-dark: var(--primitive-color-light-gray-60);
  --mode-color-button-primary-fill: var(--primitive-color-light-primary-50);
}

[data-mode-mode="high-contrast"] {
  --mode-color-text-inverse-static: var(--primitive-color-high-contrast-gray-0);
  --mode-color-text-bolder: var(--primitive-color-high-contrast-gray-10);
  --mode-color-element-inverse: var(--primitive-color-high-contrast-gray-95);
  --mode-color-border-gray-dark: var(--primitive-color-high-contrast-gray-40);
  --mode-color-button-primary-fill: var(
    --primitive-color-high-contrast-primary-50
  );
}

[data-theme-mode="light"] {
  --theme-line-solid-normal: var(--atomic-cool-neutral-96);
}

[data-theme-mode="dark"] {
  --theme-line-solid-normal: var(--atomic-cool-neutral-25);
}