@charset "UTF-8";

/* node_modules/@material-design-icons/font/filled.css */
@font-face {
  font-family: "Material Icons";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url("./media/material-icons-LEZCGFVT.woff2") format("woff2");
}
.material-icons {
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
}

/* node_modules/@material-design-icons/font/outlined.css */
@font-face {
  font-family: "Material Icons Outlined";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url("./media/material-icons-outlined-7BWLPMFK.woff2") format("woff2");
}
.material-icons-outlined {
  font-family: "Material Icons Outlined";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
}

/* src/styles/styles.scss */
:root {
  --transition-duration-0: 0s;
  --transition-duration-75: 75ms;
  --transition-duration-100: 100ms;
  --transition-duration-150: 150ms;
  --transition-duration-200: 200ms;
  --transition-duration-300: 300ms;
  --transition-duration-500: 500ms;
  --transition-duration-700: 700ms;
  --transition-duration-1000: 1000ms;
  --transition-duration: 150ms;
  --box-shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --box-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  --box-shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --box-shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --box-shadow-xl: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
  --box-shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / 0.25);
  --box-shadow-inner: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);
  --box-shadow-none: none;
  --font-family:
    "Inter Regular",system-ui,sans-serif;
  --font-family-sans:
    "Inter Regular",system-ui,sans-serif;
  --font-family-kone:
    "Kone Information",system-ui,sans-serif;
  --font-weight-thin: 100;
  --font-weight-extralight: 200;
  --font-weight-normal: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  --font-weight-extrabold: 800;
  --font-weight-black: 900;
  --border-color-input: var(--border-color-input);
  --divide-color: var(--divide-color);
  --font-size-xs: 0.75rem;
  --font-size-sm: 0.875rem;
  --font-size-base: 1rem;
  --font-size-lg: 1.125rem;
  --font-size-xl: 1.25rem;
  --font-size-2xl: 1.5rem;
  --font-size-3xl: 1.875rem;
  --font-size-4xl: 2.25rem;
  --font-size-5xl: 3rem;
  --font-size-6xl: 3.75rem;
  --font-size-7xl: 4.5rem;
  --font-size-8xl: 6rem;
  --font-size-9xl: 8rem;
  --border-radius-none: 0px;
  --border-radius-sm: 0.125rem;
  --border-radius: 0.8rem;
  --border-radius-md: 0.375rem;
  --border-radius-lg: 0.5rem;
  --border-radius-xl: 0.75rem;
  --border-radius-2xl: 1rem;
  --border-radius-3xl: 1.5rem;
  --border-radius-full: 9999px;
  --border-radius-btn: 1.5rem;
  --border-radius-checkbox: 0.214rem;
  --border-radius-input: 1.5714rem;
  --border-radius-item: 0.5rem;
  --border-0: 0px;
  --border-2: 2px;
  --border-4: 4px;
  --border-8: 8px;
  --border: 1px;
  --text-color-disabled: var(--text-color-disabled);
  --primary-50: #f7faff;
  --primary-100: #f5f8ff;
  --primary-150: #e7edfe;
  --primary-200: #dae4ff;
  --primary-250: #bbccfc;
  --primary-300: #9fb8fc;
  --primary-350: #82a2fa;
  --primary-400: #668efa;
  --primary-450: #4a78f7;
  --primary-500: #1450f5;
  --primary-550: #1a4dd9;
  --primary-600: #1e48bd;
  --primary-650: #2042a1;
  --primary-700: #203b85;
  --primary-750: #1d3169;
  --primary-800: #18264d;
  --primary-850: #111a30;
  --primary-900: #080b14;
  --primary: #1450f5;
  --primary-background: var(--primary-background);
  --warn-100: #fff2f2;
  --warn-150: #ffd6d6;
  --warn-200: #fcb8b8;
  --warn-250: #fc9c9c;
  --warn-300: #fa8080;
  --warn-350: #fa6767;
  --warn-400: #f74a4a;
  --warn-450: #f72f2f;
  --warn-500: #f51414;
  --warn-550: #de1212;
  --warn-600: #c41010;
  --warn-650: #ad1010;
  --warn-700: #940d0d;
  --warn-750: #7d0b0b;
  --warn-800: #630909;
  --warn-850: #4d0808;
  --warn-900: #330505;
  --warn: #f51414;
  --warn-background: var(--warn-background);
  --orange-100: #fffaf2;
  --orange-150: #ffebd4;
  --orange-200: #ffdcb5;
  --orange-250: #fccc95;
  --orange-300: #fcbe77;
  --orange-350: #fcb15b;
  --orange-400: #fca33d;
  --orange-450: #fa931e;
  --orange-500: #f98600;
  --orange-550: #e07a02;
  --orange-600: #c96d04;
  --orange-650: #b06107;
  --orange-700: #965408;
  --orange-750: #7d4607;
  --orange-800: #663a07;
  --orange-850: #4d2c07;
  --orange-900: #331e05;
  --orange: #f98600;
  --orange-background: var(--orange-background);
  --green-100: #f5fffa;
  --green-150: #d7fae7;
  --green-200: #b8f5d9;
  --green-250: #9aedc1;
  --green-300: #80e8b0;
  --green-350: #66e3a0;
  --green-400: #4bde90;
  --green-450: #34d782;
  --green-500: #1ed273;
  --green-550: #19bd66;
  --green-600: #15ab5b;
  --green-650: #11964f;
  --green-700: #0c8243;
  --green-750: #096e38;
  --green-800: #075c2f;
  --green-850: #044724;
  --green-900: #03331a;
  --green: #1ed273;
  --green-background: var(--green-background);
  --purple-100: #f3f3ff;
  --purple-150: #dedeff;
  --purple-200: #cac9ff;
  --purple-250: #b9b8ff;
  --purple-300: #a4a3ff;
  --purple-350: #8e8dfc;
  --purple-400: #7b79fc;
  --purple-450: #6a68fc;
  --purple-500: #5654fc;
  --purple-550: #4644e2;
  --purple-600: #3836c9;
  --purple-650: #2c2ab0;
  --purple-700: #212099;
  --purple-750: #1a1880;
  --purple-800: #121066;
  --purple-850: #0b0a4d;
  --purple-900: #060533;
  --purple: #5654fc;
  --purple-background: var(--purple-background);
  --yellow-100: #fff8e5;
  --yellow-150: #fff0c9;
  --yellow-200: #ffe7ab;
  --yellow-250: #fcdd8d;
  --yellow-300: #fdd672;
  --yellow-350: #fdce56;
  --yellow-400: #fcc437;
  --yellow-450: #fabb1b;
  --yellow-500: #fbb500;
  --yellow-550: #e0a202;
  --yellow-600: #c99102;
  --yellow-650: #b07f04;
  --yellow-700: #966d03;
  --yellow-750: #7d5b04;
  --yellow-800: #664a04;
  --yellow-850: #4d3803;
  --yellow-900: #332503;
  --yellow: #fbb500;
  --yellow-background: var(--yellow-background);
  --gold-100: #fff8d9;
  --gold-150: #fff4c2;
  --gold-200: #fff0ab;
  --gold-250: #fff0a1;
  --gold-300: #ffec85;
  --gold-350: #ffe869;
  --gold-400: #ffe54d;
  --gold-450: #ffe341;
  --gold-500: #ffe141;
  --gold-550: #e5ca3b;
  --gold-600: #ccb435;
  --gold-650: #b29d2e;
  --gold-700: #998728;
  --gold-750: #807021;
  --gold-800: #665a1b;
  --gold-850: #4d4314;
  --gold-900: #332d05;
  --gold: #ffe141;
  --gold-background: var(--gold-background);
  --layer: var(--layer);
  --layer-50: var(--layer-50);
  --layer-100: var(--layer-100);
  --layer-200: var(--layer-200);
  --layer-300: var(--layer-300);
  --layer-400: var(--layer-400);
  --layer-500: var(--layer-500);
  --layer-600: var(--layer-600);
  --layer-700: var(--layer-700);
  --layer-800: var(--layer-800);
  --layer-900: var(--layer-900);
  --layer-950: var(--layer-950);
  --layer-secondary: var(--layer-200);
  --layer-tertiary: var(--layer-400);
  --layer-quaternary: var(--layer-600);
  --text-color: var(--text-color);
  --text-color-soft: var(--text-color-soft);
  --text-color-inverse: var(--text-color-inverse);
  --border-color: var(--border-color);
  --hover-color: var(--hover-color);
  --hover-strong-color: var(--hover-strong-color);
  --disabled: var(--disabled);
  --inverse: var(--inverse);
  --black-white: var(--black-white);
  --btn-soft-grey: var(--btn-soft-grey);
  --btn-soft-grey-inverse: var(--btn-soft-grey-inverse);
  --transparent: transparent;
  --teal: #37b4c3;
  --magenta: #da62ac;
  --ice-blue: #d2f5ff;
  --excel: #217346;
  --group-green: #aae1c8;
  --page-min-width: ;
  --header-height: 70px;
  --menu-width: 300px;
  --button-height: 32px;
  --button-height-lg: 64px;
  --button-height-md: 46px;
  --button-height-sm: 28px;
  --button-height-xs: 18px;
  --icon-size: 20px;
  --page-margin: 1.57rem;
  --page-margin-sm: 1rem;
  --padding-0: 0px;
  --padding-1: 0.25rem;
  --padding-2: 0.5rem;
  --padding-3: 0.75rem;
  --padding-4: 1rem;
  --padding-5: 1.25rem;
  --padding-6: 1.5rem;
  --padding-7: 1.75rem;
  --padding-8: 2rem;
  --padding-px: 1px;
  --padding-0-5: 0.125rem;
  --padding-1-5: 0.375rem;
  --padding-2-5: 0.625rem;
  --padding-3-5: 0.875rem;
  --padding-page: var(--page-margin);
  --padding-xs: var(--padding-3);
  --padding-sm: var(--padding-4);
  --padding-md: var(--padding-5);
  --padding-lg: var(--padding-7);
  --padding-item: var(--padding-5);
  --gap-page: var(--page-margin);
  --gap-page-sm: var(--page-margin-sm);
  --gap-item: var(--padding-item);
  --gap-item-xs: calc(var(--padding-item) / 2.5);
  --gap-item-sm: calc(var(--padding-item) / 2);
  --gap-item-lg: calc(var(--padding-item) * 1.5);
  --margin-0: 0px;
  --margin-1: 0.25rem;
  --margin-2: 0.5rem;
  --margin-3: 0.75rem;
  --margin-4: 1rem;
  --margin-5: 1.25rem;
  --margin-6: 1.5rem;
  --margin-7: 1.75rem;
  --margin-8: 2rem;
  --margin-9: 2.25rem;
  --margin-10: 2.5rem;
  --margin-11: 2.75rem;
  --margin-12: 3rem;
  --margin-14: 3.5rem;
  --margin-16: 4rem;
  --margin-20: 5rem;
  --margin-px: 1px;
  --margin-0-5: 0.125rem;
  --margin-1-5: 0.375rem;
  --margin-2-5: 0.625rem;
  --margin-3-5: 0.875rem;
  --margin-auto: auto;
  --margin-xs: var(--margin-3);
  --margin-sm: var(--margin-4);
  --margin-md: var(--margin-5);
  --margin-lg: var(--margin-7);
  --margin-page: var(--margin-6);
  --margin-item: var(--margin-4);
  --margin-item-xs: calc(var(--margin-item) / 2.5);
  --margin-item-sm: calc(var(--margin-item) / 2);
  --margin-item-lg: calc(var(--margin-item) * 1.5);
  --spacing-page: var(--padding-page);
  --spacing-xs: var(--padding-xs);
  --spacing-sm: var(--padding-sm);
  --spacing-md: var(--padding-md);
  --spacing-lg: var(--padding-lg);
  --spacing-item: var(--padding-item);
  --spacing-gap-page: var(--gap-page);
  --spacing-gap-page-sm: var(--gap-page-sm);
  --spacing-gap-item: var(--gap-item);
  --spacing-gap-item-xs: var(--gap-item-xs);
  --spacing-gap-item-sm: var(--gap-item-sm);
  --spacing-gap-item-lg: var(--gap-item-lg);
  --height-header: var(--header-height);
  --height-button: var(--button-height);
  --height-button-lg: var(--button-height-lg);
  --height-button-md: var(--button-height-md);
  --height-button-sm: var(--button-height-sm);
  --height-button-xs: var(--button-height-xs);
  --width-menu: var(--menu-width);
  --width-page-min: var(--page-min-width);
  --min-width-page: var(--page-min-width);
}
.light {
  --font-weight-extralight: 200;
  --font-weight: 300;
  --border-color: rgba(0, 0, 0, 0.14);
  --border-color-input: rgba(0, 0, 0, 0.18);
  --divide-color: rgba(0, 0, 0, 0.15);
  --text-color: rgba(0, 0, 0, 0.9);
  --text-color-soft: rgba(0, 0, 0, 0.6);
  --text-color-disabled: rgba(0, 0, 0, 0.38);
  --primary-background: #e7edfe;
  --warn-background: #ffd6d6;
  --orange-background: #ffebd4;
  --green-background: #d7fae7;
  --purple-background: #dedeff;
  --yellow-background: #fff0c9;
  --gold-background: #fff4c2;
  --layer-50: #fefefe;
  --layer-100: #fbfbfc;
  --layer-200: #f4f5f8;
  --layer-300: #ebedf1;
  --layer-400: #e1e4e9;
  --layer-500: #c7cad1;
  --layer-600: #aaafb8;
  --layer-700: #9096a1;
  --layer-800: #777d89;
  --layer-900: #5e6571;
  --layer-950: #474e5a;
  --layer: #ffffff;
  --text-color-inverse: rgba(255, 255, 255, 0.96);
  --hover-color: rgba(0, 0, 0, 0.03);
  --hover-strong-color: rgba(0, 0, 0, 0.12);
  --disabled: rgba(0, 0, 0, 0.1);
  --inverse: #000000;
  --black-white: #000000;
  --btn-soft-grey: rgba(0, 0, 0, 0.11);
  --btn-soft-grey-inverse: rgba(255, 255, 255, 0.11);
}
.dark {
  --border-color: rgba(255, 255, 255, 0.14);
  --border-color-input: rgba(255, 255, 255, 0.18);
  --divide-color: rgba(255, 255, 255, 0.15);
  --text-color: rgba(255, 255, 255, 0.96);
  --text-color-soft: rgba(255, 255, 255, 0.6);
  --text-color-disabled: rgba(255, 255, 255, 0.4);
  --primary-background: #111a30;
  --warn-background: #4d0808;
  --orange-background: #4d2c07;
  --green-background: #044724;
  --purple-background: #0b0a4d;
  --yellow-background: #4d3803;
  --gold-background: #4d4314;
  --layer-50: #171717;
  --layer-100: #1a1a1a;
  --layer-200: #212121;
  --layer-300: #292929;
  --layer-400: #303030;
  --layer-500: #3b3b3b;
  --layer-600: #464646;
  --layer-700: #515151;
  --layer-800: #5d5d5d;
  --layer-900: #686868;
  --layer-950: #747474;
  --layer: #141414;
  --text-color-inverse: rgba(9, 9, 9, 0.9);
  --hover-color: rgba(255, 255, 255, 0.04);
  --hover-strong-color: rgba(255, 255, 255, 0.12);
  --disabled: rgba(255, 255, 255, 0.1);
  --inverse: #ffffff;
  --black-white: #ffffff;
  --btn-soft-grey: rgba(255, 255, 255, 0.11);
  --btn-soft-grey-inverse: rgba(0, 0, 0, 0.11);
}
*,
*::before,
*::after {
  box-sizing: border-box;
}
html {
  font-family: var(--font-family), serif;
  font-size: 14px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
html.dark,
body.dark {
  color-scheme: dark;
}
a {
  color: var(--primary);
}
input,
textarea,
select {
  border-radius: var(--border-radius-input);
  color: var(--text-color);
}
input:focus,
textarea:focus,
select:focus {
  outline: none;
  border-color: var(--primary);
}
input::placeholder,
textarea::placeholder,
select::placeholder {
  color: var(--text-color-soft);
}
label {
  font-weight: 700;
  cursor: text;
}
label.required::after {
  content: "*";
  color: var(--warn);
}
small {
  color: var(--warn);
}
.title {
  font-size: 1.125rem;
  font-weight: 700;
  color: var(--text-color);
}
.title.lg {
  font-size: 1.25rem;
}
.sub-title {
  margin-top: -1px;
  font-size: 0.875rem;
  color: var(--text-color-soft);
}
.sub-title.lg {
  font-size: 1rem;
}
.form-field {
  position: relative;
  margin-top: var(--margin-4);
  display: flex;
  flex-direction: column;
  gap: 0.375rem;
}
.form-field.first {
  margin-top: 0;
}
@font-face {
  font-family: "Inter Regular";
  src: url("./media/Inter-Regular-XBNF2QSV.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Inter Regular";
  src: url("./media/Inter-SemiBold-PMOUYQPW.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "Kone Information";
  src: url("./media/KONE_Information-OVGAQNG4.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}
@layer tailwind-base, tailwind-utilities;
@layer tailwind-base {
  *,
  ::before,
  ::after {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position: ;
    --tw-gradient-via-position: ;
    --tw-gradient-to-position: ;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgb(59 130 246 / 0.5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia: ;
    --tw-contain-size: ;
    --tw-contain-layout: ;
    --tw-contain-paint: ;
    --tw-contain-style: ;
  }
  ::backdrop {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position: ;
    --tw-gradient-via-position: ;
    --tw-gradient-to-position: ;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgb(59 130 246 / 0.5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia: ;
    --tw-contain-size: ;
    --tw-contain-layout: ;
    --tw-contain-paint: ;
    --tw-contain-style: ;
  }
  *,
  ::before,
  ::after {
    box-sizing: border-box;
    border-width: 0;
    border-style: solid;
    border-color: var(--border-color);
  }
  ::before,
  ::after {
    --tw-content: "";
  }
  html,
  :host {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    -moz-tab-size: 4;
    tab-size: 4;
    font-family:
      "Inter Regular",
      system-ui,
      sans-serif;
    font-feature-settings: normal;
    font-variation-settings: normal;
    -webkit-tap-highlight-color: transparent;
  }
  body {
    margin: 0;
    line-height: inherit;
  }
  hr {
    height: 0;
    color: inherit;
    border-top-width: 1px;
  }
  abbr:where([title]) {
    text-decoration: underline dotted;
  }
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    font-size: inherit;
    font-weight: inherit;
  }
  a {
    color: inherit;
    text-decoration: inherit;
  }
  b,
  strong {
    font-weight: bolder;
  }
  code,
  kbd,
  samp,
  pre {
    font-family:
      ui-monospace,
      SFMono-Regular,
      Menlo,
      Monaco,
      Consolas,
      "Liberation Mono",
      "Courier New",
      monospace;
    font-feature-settings: normal;
    font-variation-settings: normal;
    font-size: 1em;
  }
  small {
    font-size: 80%;
  }
  sub,
  sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
  }
  sub {
    bottom: -0.25em;
  }
  sup {
    top: -0.5em;
  }
  table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse;
  }
  button,
  input,
  optgroup,
  select,
  textarea {
    font-family: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    font-size: 100%;
    font-weight: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    color: inherit;
    margin: 0;
    padding: 0;
  }
  button,
  select {
    text-transform: none;
  }
  button,
  input:where([type=button]),
  input:where([type=reset]),
  input:where([type=submit]) {
    -webkit-appearance: button;
    background-color: transparent;
    background-image: none;
  }
  :-moz-focusring {
    outline: auto;
  }
  :-moz-ui-invalid {
    box-shadow: none;
  }
  progress {
    vertical-align: baseline;
  }
  ::-webkit-inner-spin-button,
  ::-webkit-outer-spin-button {
    height: auto;
  }
  [type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px;
  }
  ::-webkit-search-decoration {
    -webkit-appearance: none;
  }
  ::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit;
  }
  summary {
    display: list-item;
  }
  blockquote,
  dl,
  dd,
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  hr,
  figure,
  p,
  pre {
    margin: 0;
  }
  fieldset {
    margin: 0;
    padding: 0;
  }
  legend {
    padding: 0;
  }
  ol,
  ul,
  menu {
    list-style: none;
    margin: 0;
    padding: 0;
  }
  dialog {
    padding: 0;
  }
  textarea {
    resize: vertical;
  }
  input::placeholder,
  textarea::placeholder {
    opacity: 1;
    color: #9ca3af;
  }
  button,
  [role=button] {
    cursor: pointer;
  }
  :disabled {
    cursor: default;
  }
  img,
  svg,
  video,
  canvas,
  audio,
  iframe,
  embed,
  object {
    display: block;
    vertical-align: middle;
  }
  img,
  video {
    max-width: 100%;
    height: auto;
  }
  [hidden]:where(:not([hidden=until-found])) {
    display: none;
  }
  :root {
    --page-margin: var(--page-margin-sm);
  }
  @media (min-width: 640px) {
    :root {
      --page-margin: 1.57rem;
    }
  }
}
@layer tailwind-utilities {
  .\!container {
    width: 100% !important;
  }
  .container {
    width: 100%;
  }
  @media (min-width: 640px) {
    .\!container {
      max-width: 640px !important;
    }
    .container {
      max-width: 640px;
    }
  }
  @media (min-width: 768px) {
    .\!container {
      max-width: 768px !important;
    }
    .container {
      max-width: 768px;
    }
  }
  @media (min-width: 1024px) {
    .\!container {
      max-width: 1024px !important;
    }
    .container {
      max-width: 1024px;
    }
  }
  @media (min-width: 1280px) {
    .\!container {
      max-width: 1280px !important;
    }
    .container {
      max-width: 1280px;
    }
  }
  @media (min-width: 1536px) {
    .\!container {
      max-width: 1536px !important;
    }
    .container {
      max-width: 1536px;
    }
  }
  .pointer-events-none {
    pointer-events: none;
  }
  .visible {
    visibility: visible;
  }
  .static {
    position: static;
  }
  .fixed {
    position: fixed;
  }
  .absolute {
    position: absolute;
  }
  .relative {
    position: relative;
  }
  .\!sticky {
    position: sticky !important;
  }
  .sticky {
    position: sticky;
  }
  .-right-0 {
    right: -0px;
  }
  .-right-0\.5 {
    right: -0.125rem;
  }
  .-top-0\.5 {
    top: -0.125rem;
  }
  .bottom-0 {
    bottom: 0px;
  }
  .bottom-\[-2px\] {
    bottom: -2px;
  }
  .bottom-\[2px\] {
    bottom: 2px;
  }
  .left-0 {
    left: 0px;
  }
  .right-0 {
    right: 0px;
  }
  .top-0 {
    top: 0px;
  }
  .z-10 {
    z-index: 10;
  }
  .z-\[1\] {
    z-index: 1;
  }
  .m-0 {
    margin: 0px;
  }
  .my-item {
    margin-top: var(--margin-4);
    margin-bottom: var(--margin-4);
  }
  .my-xs {
    margin-top: var(--margin-3);
    margin-bottom: var(--margin-3);
  }
  .-mr-\[4px\] {
    margin-right: -4px;
  }
  .mb-1 {
    margin-bottom: 0.25rem;
  }
  .mb-item {
    margin-bottom: var(--margin-4);
  }
  .mb-item-sm {
    margin-bottom: calc(var(--margin-item) / 2);
  }
  .mb-page {
    margin-bottom: var(--margin-6);
  }
  .ml-1 {
    margin-left: 0.25rem;
  }
  .ml-2 {
    margin-left: 0.5rem;
  }
  .ml-3 {
    margin-left: 0.75rem;
  }
  .ml-\[50px\] {
    margin-left: 50px;
  }
  .ml-item {
    margin-left: var(--margin-4);
  }
  .ml-item-sm {
    margin-left: calc(var(--margin-item) / 2);
  }
  .ml-item-xs {
    margin-left: calc(var(--margin-item) / 2.5);
  }
  .mr-1 {
    margin-right: 0.25rem;
  }
  .mr-1\.5 {
    margin-right: 0.375rem;
  }
  .mr-2 {
    margin-right: 0.5rem;
  }
  .mr-item {
    margin-right: var(--margin-4);
  }
  .mr-item-sm {
    margin-right: calc(var(--margin-item) / 2);
  }
  .mt-0\.5 {
    margin-top: 0.125rem;
  }
  .mt-1 {
    margin-top: 0.25rem;
  }
  .mt-item {
    margin-top: var(--margin-4);
  }
  .block {
    display: block;
  }
  .\!inline {
    display: inline !important;
  }
  .inline {
    display: inline;
  }
  .flex {
    display: flex;
  }
  .inline-flex {
    display: inline-flex;
  }
  .table {
    display: table;
  }
  .grid {
    display: grid;
  }
  .hidden {
    display: none;
  }
  .aspect-square {
    aspect-ratio: 1 / 1;
  }
  .h-10 {
    height: 2.5rem;
  }
  .h-8 {
    height: 2rem;
  }
  .h-9 {
    height: 2.25rem;
  }
  .h-\[1px\] {
    height: 1px;
  }
  .h-\[44px\] {
    height: 44px;
  }
  .h-\[45px\] {
    height: 45px;
  }
  .h-\[49px\] {
    height: 49px;
  }
  .h-\[50px\] {
    height: 50px;
  }
  .h-\[60px\] {
    height: 60px;
  }
  .h-dvh {
    height: 100dvh;
  }
  .h-full {
    height: 100%;
  }
  .max-h-\[inherit\] {
    max-height: inherit;
  }
  .w-1 {
    width: 0.25rem;
  }
  .w-10 {
    width: 2.5rem;
  }
  .w-8 {
    width: 2rem;
  }
  .w-9 {
    width: 2.25rem;
  }
  .w-\[108px\] {
    width: 108px;
  }
  .w-\[44px\] {
    width: 44px;
  }
  .w-\[50px\] {
    width: 50px;
  }
  .w-\[9px\] {
    width: 9px;
  }
  .w-full {
    width: 100%;
  }
  .min-w-0 {
    min-width: 0px;
  }
  .max-w-full {
    max-width: 100%;
  }
  .flex-1 {
    flex: 1 1 0%;
  }
  .flex-shrink {
    flex-shrink: 1;
  }
  .shrink-0 {
    flex-shrink: 0;
  }
  .flex-grow {
    flex-grow: 1;
  }
  .grow {
    flex-grow: 1;
  }
  .transform {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
  .cursor-col-resize {
    cursor: col-resize;
  }
  .cursor-grab {
    cursor: grab;
  }
  .cursor-move {
    cursor: move;
  }
  .cursor-pointer {
    cursor: pointer;
  }
  .select-none {
    -webkit-user-select: none;
    user-select: none;
  }
  .resize {
    resize: both;
  }
  .flex-row {
    flex-direction: row;
  }
  .flex-col {
    flex-direction: column;
  }
  .items-start {
    align-items: flex-start;
  }
  .items-end {
    align-items: flex-end;
  }
  .items-center {
    align-items: center;
  }
  .items-stretch {
    align-items: stretch;
  }
  .justify-start {
    justify-content: flex-start;
  }
  .justify-end {
    justify-content: flex-end;
  }
  .justify-center {
    justify-content: center;
  }
  .justify-between {
    justify-content: space-between;
  }
  .gap-0\.5 {
    gap: 0.125rem;
  }
  .gap-1 {
    gap: 0.25rem;
  }
  .gap-1\.5 {
    gap: 0.375rem;
  }
  .gap-2 {
    gap: 0.5rem;
  }
  .gap-3 {
    gap: 0.75rem;
  }
  .gap-4 {
    gap: 1rem;
  }
  .gap-item {
    gap: var(--padding-item);
  }
  .gap-item-lg {
    gap: calc(var(--padding-item) * 1.5);
  }
  .gap-item-sm {
    gap: calc(var(--padding-item) / 2);
  }
  .gap-item-xs {
    gap: calc(var(--padding-item) / 2.5);
  }
  .gap-md {
    gap: var(--padding-md);
  }
  .gap-page {
    gap: var(--page-margin);
  }
  .gap-page-sm {
    gap: var(--page-margin-sm);
  }
  .self-stretch {
    align-self: stretch;
  }
  .overflow-auto {
    overflow: auto;
  }
  .overflow-hidden {
    overflow: hidden;
  }
  .overflow-x-auto {
    overflow-x: auto;
  }
  .overflow-y-auto {
    overflow-y: auto;
  }
  .truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .whitespace-nowrap {
    white-space: nowrap;
  }
  .whitespace-pre-line {
    white-space: pre-line;
  }
  .whitespace-break-spaces {
    white-space: break-spaces;
  }
  .break-words {
    overflow-wrap: break-word;
  }
  .rounded {
    border-radius: 0.8rem;
  }
  .rounded-full {
    border-radius: 9999px;
  }
  .rounded-item {
    border-radius: 0.5rem;
  }
  .rounded-lg {
    border-radius: 0.5rem;
  }
  .rounded-md {
    border-radius: 0.375rem;
  }
  .rounded-sm {
    border-radius: 0.125rem;
  }
  .border {
    border-width: 1px;
  }
  .border-0 {
    border-width: 0px;
  }
  .border-b {
    border-bottom-width: 1px;
  }
  .border-none {
    border-style: none;
  }
  .\!bg-primary-background {
    background-color: var(--primary-background) !important;
  }
  .\!bg-warn-background {
    background-color: var(--warn-background) !important;
  }
  .bg-border-color {
    background-color: var(--border-color);
  }
  .bg-green {
    --tw-bg-opacity: 1;
    background-color: rgb(30 210 115 / var(--tw-bg-opacity, 1));
  }
  .bg-layer {
    background-color: var(--layer);
  }
  .bg-layer-secondary {
    background-color: var(--layer-200);
  }
  .bg-orange {
    --tw-bg-opacity: 1;
    background-color: rgb(249 134 0 / var(--tw-bg-opacity, 1));
  }
  .bg-primary {
    --tw-bg-opacity: 1;
    background-color: rgb(20 80 245 / var(--tw-bg-opacity, 1));
  }
  .bg-primary-background {
    background-color: var(--primary-background);
  }
  .bg-warn-background {
    background-color: var(--warn-background);
  }
  .object-cover {
    object-fit: cover;
  }
  .p-\[4px\] {
    padding: 4px;
  }
  .p-xs {
    padding: var(--padding-3);
  }
  .px-0 {
    padding-left: 0px;
    padding-right: 0px;
  }
  .px-1 {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
  }
  .px-1\.5 {
    padding-left: 0.375rem;
    padding-right: 0.375rem;
  }
  .px-2 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  .px-2\.5 {
    padding-left: 0.625rem;
    padding-right: 0.625rem;
  }
  .px-3 {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
  .px-item {
    padding-left: var(--padding-5);
    padding-right: var(--padding-5);
  }
  .px-md {
    padding-left: var(--padding-5);
    padding-right: var(--padding-5);
  }
  .py-0\.5 {
    padding-top: 0.125rem;
    padding-bottom: 0.125rem;
  }
  .py-1 {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
  }
  .py-12 {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
  .py-2 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
  .py-3 {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }
  .py-item {
    padding-top: var(--padding-5);
    padding-bottom: var(--padding-5);
  }
  .py-page {
    padding-top: var(--page-margin);
    padding-bottom: var(--page-margin);
  }
  .pb-0 {
    padding-bottom: 0px;
  }
  .pb-2 {
    padding-bottom: 0.5rem;
  }
  .pb-page {
    padding-bottom: var(--page-margin);
  }
  .pb-xs {
    padding-bottom: var(--padding-3);
  }
  .pr-2 {
    padding-right: 0.5rem;
  }
  .pt-2 {
    padding-top: 0.5rem;
  }
  .pt-md {
    padding-top: var(--padding-5);
  }
  .text-center {
    text-align: center;
  }
  .text-start {
    text-align: start;
  }
  .text-3xl {
    font-size: 1.875rem;
  }
  .text-base {
    font-size: 1rem;
  }
  .text-lg {
    font-size: 1.125rem;
  }
  .text-sm {
    font-size: 0.875rem;
  }
  .text-xs {
    font-size: 0.75rem;
  }
  .font-bold {
    font-weight: 700;
  }
  .font-medium {
    font-weight: 500;
  }
  .font-semibold {
    font-weight: 600;
  }
  .uppercase {
    text-transform: uppercase;
  }
  .capitalize {
    text-transform: capitalize;
  }
  .italic {
    font-style: italic;
  }
  .\!text {
    color: var(--text-color) !important;
  }
  .text {
    color: var(--text-color);
  }
  .text-primary {
    --tw-text-opacity: 1;
    color: rgb(20 80 245 / var(--tw-text-opacity, 1));
  }
  .text-soft {
    color: var(--text-color-soft);
  }
  .text-text-color {
    color: var(--text-color);
  }
  .text-text-color-soft {
    color: var(--text-color-soft);
  }
  .text-white {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  }
  .underline {
    text-decoration-line: underline;
  }
  .decoration-transparent {
    text-decoration-color: transparent;
  }
  .opacity-30 {
    opacity: 0.3;
  }
  .opacity-40 {
    opacity: 0.4;
  }
  .opacity-50 {
    opacity: 0.5;
  }
  .opacity-60 {
    opacity: 0.6;
  }
  .opacity-70 {
    opacity: 0.7;
  }
  .ring-1 {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow:
      var(--tw-ring-offset-shadow),
      var(--tw-ring-shadow),
      var(--tw-shadow, 0 0 #0000);
  }
  .ring-primary {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(20 80 245 / var(--tw-ring-opacity, 1));
  }
  .blur {
    --tw-blur: blur(8px);
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
  }
  .\!filter {
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) !important;
  }
  .filter {
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
  }
  .transition {
    transition-property:
      color,
      background-color,
      border-color,
      text-decoration-color,
      fill,
      stroke,
      opacity,
      box-shadow,
      transform,
      filter,
      backdrop-filter;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
  }
  .transition-all {
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
  }
  .transition-colors {
    transition-property:
      color,
      background-color,
      border-color,
      text-decoration-color,
      fill,
      stroke;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
  }
  .duration-150 {
    transition-duration: 150ms;
  }
  .duration-200 {
    transition-duration: 200ms;
  }
  .ease-in {
    transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
  }
  .ease-in-out {
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  }
  .ease-out {
    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
  }
  .will-change-transform {
    will-change: transform;
  }
}
body {
  margin: 0;
  padding: 0;
  overflow: auto;
  overscroll-behavior: none;
  -webkit-font-smoothing: antialiased;
}
.hover\:bg-layer-secondary:hover {
  background-color: var(--layer-200);
}

/* angular:styles/global:styles */