@charset "UTF-8";
:root {
  --font-size-base: 100%;
  --border-r-default: 0.5rem;
  --border-r-xs: 0.25rem;
  --border-r-s: 0.5rem;
  --border-r-m: 0.75rem;
  --border-r-l: 1.25rem;
  --border-r-xl: 1.5rem;
  --border-r-2xl: 2rem;
  --border-r-full: 100rem;
  --border-width-base: 0.0625rem;
  --border-width-bold: 0.1875rem;
  --gap-2xs: 0.125rem;
  --gap-xs: 0.25rem;
  --gap-s: 0.5rem;
  --gap-m: 0.75rem;
  --gap-l: 1.25rem;
  --gap-xl: 1.5rem;
  --gap-2xl: 2.5rem;
  --gap-3xl: 2.75rem;
  --gap-4xl: 6rem;
  --gap-base: 0.875rem;
  --padding-xxs: 0.1875rem;
  --padding-xs: 0.25rem;
  --padding-s: 0.5rem;
  --padding-m: 0.875rem;
  --padding-l: 1.25rem;
  --padding-xl: 1.5rem;
  --padding-xxl: 1.875rem;
  --padding-xxxl: 2.75rem;
  --padding-base: 1rem;
  --height-base: 1rem;
  --height-basex2: 2rem;
  --height-basex3: 3rem;
  --height-basex4: 4rem;
  --height-xs: 0.25rem;
  --height-s: 0.5rem;
  --height-m: 1rem;
  --height-l: 2.5rem;
  --height-xl: 3rem;
  --height-2xl: 3.6rem;
  --height-3xl: 4.2rem;
  --height-component-s: 2.25rem;
  --height-component-m: 2.5rem;
  --height-component-l: 3rem;
  --height-input-small: 2rem;
  --height-input: 2.5rem;
  --height-input-tall: 3rem;
  --height-button-small: 2rem;
  --height-button: calc(var(--height-l) + var(--border-width-base) + var(--border-width-base));
  --height-button-middle: 3rem;
  --height-button-tall: calc(var(--height-basex4) + var(--border-width-base) + var(--border-width-base));
  --lineheight-base: 2.5rem;
  --lineheight-tight: 1.875rem;
  --lineheight-double: 3.5rem;
  --lineheight-input: 2.5rem;
  --lineheight-textarea: 2.125rem;
  --lineheight-tab: 3rem;
  --height-toolbar: 2.755rem;
  --height-tab: calc(var(--height-button, 2.6rem) + var(--border-width-base, 0.1rem) + var(--gap-2xs, 0.1rem) + var(--gap-2xs, 0.1rem) + var(--padding-xs, 0.3rem) + var(--padding-xs, 0.3rem));
  --width-tab-scrolling: 2rem;
  --height-gnb-user: 1.25rem;
  --height-gnb-tall: 5rem;
  --height-gnb-small: 3.5625rem;
  --height-window-message: 3rem;
  --width-col-fix-buttonset: 4rem;
  --size-checkbox: 1.5rem;
  --size-radio: 1.5rem;
  --border-width-radio: 0.25rem;
  --width-login-box: 42rem;
  --height-login-box: 64rem;
  --height-top: calc(var(--height-gnb-user) + var(--height-gnb-tall) + var(--height-gnb-small));
  --height-top-small: calc(var(--height-gnb-user) + var(--height-gnb-tall));
  --font-size-3xs: 0.375rem;
  --font-size-2xs: 0.5rem;
  --font-size-xs: 0.625rem;
  --font-size-s: 0.75rem;
  --font-size-m: 1rem;
  --font-size-l: 1.125rem;
  --font-size-xl: 1.25rem;
  --font-size-2xl: 1.375rem;
  --font-size-3xl: 1.5rem;
  --font-size-4xl: 1.75rem;
  --font-size-5xl: 2rem;
  --font-size-6xl: 2.25rem;
  --font-size-7xl: 2.5rem;
  --font-size-8xl: 2.755rem;
  --font-size-9xl: 3rem;
  --font-size-10xl: 3.5rem;
  --font-size-11xl: 4rem;
  --font-size-12xl: 4.5rem;
  --icon-size-vertex: 0.25rem;
  --icon-size-5xs: 0.5rem;
  --icon-size-4xs: 0.625rem;
  --icon-size-3xs: 0.75rem;
  --icon-size-2xs: 1rem;
  --icon-size-xs: 1.125rem;
  --icon-size-s: 1.25rem;
  --icon-size-m: 1.375rem;
  --icon-size-l: 1.75rem;
  --icon-size-xl: 2rem;
  --icon-size-2xl: 2.25rem;
  --icon-size-3xl: 2.5rem;
  --icon-size-4xl: 2.755rem;
  --icon-size-5xl: 3rem;
  --icon-size-6xl: 3.5rem;
  --icon-size-7xl: 4rem;
  --icon-size-8xl: 5rem;
  --display-l: 4rem;
  --display-m: 3.5rem;
  --display-s: 3rem;
  --headline-l: 2rem;
  --headline-m: 1.5rem;
  --headline-s: 1.25rem;
  --title-l: 1.25rem;
  --title-m: 1.125rem;
  --title-s: 1rem;
  --label-l: 1.25rem;
  --label-m: 1rem;
  --label-s: 0.75rem;
  --body-l: 1.125rem;
  --body-m: 1rem;
  --body-s: 0.75rem;
  --lineheight-small: 1;
  --lineheight-medium: 1.1;
  --lineheight-tall: 1.5;
  --lineheight-2tall: 1.7;
  --lineheight-3tall: 1.8;
  --letterspacing-narrower: -0.065em;
  --letterspacing-narrow: -0.025em;
  --letterspacing-base: 0;
  --letterspacing-wide: 0.025em;
  --letterspacing-wider: 0.065em;
  --font-weight-light: 100;
  --font-weight-heavy: 600;
  --font-size-display-large: var(--display-l);
  --font-size-display-medium: var(--display-m);
  --font-size-display-small: var(--display-s);
  --font-size-headline-large: var(--headline-l);
  --font-size-headline-medium: var(--headline-m);
  --font-size-headline-small: var(--headline-s);
  --font-size-title-large: var(--title-l);
  --font-size-title-medium: var(--title-m);
  --font-size-title-small: var(--title-s);
  --font-size-label-large: var(--label-l);
  --font-size-label-medium: var(--label-m);
  --font-size-label-small: var(--label-s);
  --font-size-body-large: var(--body-l);
  --font-size-body-medium: var(--body-m);
  --font-size-body-small: var(--body-s);
  --lineheight-display-large: var(--lineheight-small);
  --lineheight-display-medium: var(--lineheight-medium);
  --lineheight-display-small: var(--lineheight-tall);
  --lineheight-headline-large: var(--lineheight-medium);
  --lineheight-headline-medium: var(--lineheight-tall);
  --lineheight-headline-small: var(--lineheight-2tall);
  --lineheight-title-large: var(--lineheight-3tall);
  --lineheight-title-medium: var(--lineheight-2tall);
  --lineheight-title-small: var(--lineheight-tall);
  --lineheight-label-large: var(--lineheight-2tall);
  --lineheight-label-medium: var(--lineheight-tall);
  --lineheight-label-small: var(--lineheight-2tall);
  --lineheight-body-large: var(--lineheight-2tall);
  --lineheight-body-medium: var(--lineheight-3tall);
  --lineheight-body-small: var(--lineheight-2tall);
}

.shape-large {
  -webkit-border-radius: var(--border-radius-l);
  -moz-border-radius: var(--border-radius-l);
  border-radius: var(--border-radius-l);
}

.shape-medium {
  -webkit-border-radius: var(--border-radius-m);
  -moz-border-radius: var(--border-radius-m);
  border-radius: var(--border-radius-m);
}

.shape-small {
  -webkit-border-radius: var(--border-radius-s);
  -moz-border-radius: var(--border-radius-s);
  border-radius: var(--border-radius-s);
}

.shape-full {
  -webkit-border-radius: var(--border-radius-full);
  -moz-border-radius: var(--border-radius-full);
  border-radius: var(--border-radius-full);
}

@font-face {
  font-family: "ncrm5icons";
  font-weight: normal;
  font-style: normal;
  font-display: block;
  src: url("../fonts/ncrm5icons.eot?a8m4c4");
  src: url("../fonts/ncrm5icons.eot?a8m4c4#iefix") format("embedded-opentype"), url("../fonts/ncrm5icons.ttf?a8m4c4") format("truetype"), url("../fonts/ncrm5icons.woff?a8m4c4") format("woff"), url("../fonts/ncrm5icons.svg?a8m4c4#ncrm5icons") format("svg");
}
@font-face {
  font-family: "materialIcons";
  font-weight: 100 700;
  font-style: normal;
  font-display: swap;
  src: url("../fonts/material/material-symbols-rounded.woff2") format("woff2");
}
@font-face {
  font-family: "Pretendard", sans-serif;
  font-weight: 45 920;
  font-style: normal;
  font-display: swap;
  src: url("../fonts/PretendardVariable.woff2") format("woff2-variations");
}
@font-face {
  font-family: "Pretendard";
  font-weight: 900;
  font-display: swap;
  src: local("Pretendard Black"), url("../fonts/pretendard/woff2/Pretendard-Black.woff2") format("woff2"), url("../fonts/woff/Pretendard-Black.woff") format("woff");
}
@font-face {
  font-family: "Pretendard";
  font-weight: 800;
  font-display: swap;
  src: local("Pretendard ExtraBold"), url("../fonts/pretendard/woff2/Pretendard-ExtraBold.woff2") format("woff2"), url("../fonts/woff/Pretendard-ExtraBold.woff") format("woff");
}
@font-face {
  font-family: "Pretendard";
  font-weight: 700;
  font-display: swap;
  src: local("Pretendard Bold"), url("../fonts/pretendard/woff2/Pretendard-Bold.woff2") format("woff2"), url("../fonts/woff/Pretendard-Bold.woff") format("woff");
}
@font-face {
  font-family: "Pretendard";
  font-weight: 600;
  font-display: swap;
  src: local("Pretendard SemiBold"), url("../fonts/pretendard/woff2/Pretendard-SemiBold.woff2") format("woff2"), url("../fonts/woff/Pretendard-SemiBold.woff") format("woff");
}
@font-face {
  font-family: "Pretendard";
  font-weight: 500;
  font-display: swap;
  src: local("Pretendard Medium"), url("../fonts/pretendard/woff2/Pretendard-Medium.woff2") format("woff2"), url("../fonts/woff/Pretendard-Medium.woff") format("woff");
}
@font-face {
  font-family: "Pretendard";
  font-weight: 400;
  font-display: swap;
  src: local("Pretendard Regular"), url("../fonts/pretendard/woff2/Pretendard-Regular.woff2") format("woff2"), url("../fonts/woff/Pretendard-Regular.woff") format("woff");
}
@font-face {
  font-family: "Pretendard";
  font-weight: 300;
  font-display: swap;
  src: local("Pretendard Light"), url("../fonts/pretendard/woff2/Pretendard-Light.woff2") format("woff2"), url("../fonts/woff/Pretendard-Light.woff") format("woff");
}
@font-face {
  font-family: "Pretendard";
  font-weight: 200;
  font-display: swap;
  src: local("Pretendard ExtraLight"), url("../fonts/pretendard/woff2/Pretendard-ExtraLight.woff2") format("woff2"), url("../fonts/woff/Pretendard-ExtraLight.woff") format("woff");
}
@font-face {
  font-family: "Pretendard";
  font-weight: 100;
  font-display: swap;
  src: local("Pretendard Thin"), url("../fonts/pretendard/woff2/Pretendard-Thin.woff2") format("woff2"), url("../fonts/woff/Pretendard-Thin.woff") format("woff");
}
.display-large {
  font-family: "Malgun Gothic", "맑은고딕", "돋움", Dotum, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif, Helvetica, Nanum Gothic;
  font-weight: var(--font-weight-heavy);
  font-style: normal;
  font-size: var(--font-size-display-large);
  letter-spacing: var(--letterspacing-narrower);
  margin-block: 0;
  white-space: normal;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: var(--gap-s, 0.5rem);
  line-height: 1;
  vertical-align: middle;
}
.display-large.de-emphasized {
  font-weight: var(--font-weight-light);
}
.display-large.indented {
  padding-inline: var(--padding-m, 0.8rem);
}
.display-large nc-icon {
  --icon-size: 1.2em!important;
}

.display-medium {
  font-family: "Malgun Gothic", "맑은고딕", "돋움", Dotum, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif, Helvetica, Nanum Gothic;
  font-weight: var(--font-weight-heavy);
  font-style: normal;
  font-size: var(--font-size-display-medium);
  letter-spacing: var(--letterspacing-narrow);
  margin-block: 0;
  white-space: normal;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: var(--gap-s, 0.5rem);
  line-height: 1;
  vertical-align: middle;
}
.display-medium.de-emphasized {
  font-weight: var(--font-weight-light);
}
.display-medium.indented {
  padding-inline: var(--padding-m, 0.8rem);
}
.display-medium nc-icon {
  --icon-size: 1.2em!important;
}

.display-small {
  font-family: "Malgun Gothic", "맑은고딕", "돋움", Dotum, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif, Helvetica, Nanum Gothic;
  font-weight: var(--font-weight-heavy);
  font-style: normal;
  font-size: var(--font-size-display-small);
  letter-spacing: var(--letterspacing-base);
  margin-block: 0;
  white-space: normal;
  line-height: 1;
  vertical-align: middle;
}
.display-small.de-emphasized {
  font-weight: var(--font-weight-light);
}
.display-small.indented {
  padding-inline: var(--padding-m, 0.8rem);
}
.display-small nc-icon {
  --icon-size: 1.2em!important;
}

.headline-large {
  font-family: "Malgun Gothic", "맑은고딕", "돋움", Dotum, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif, Helvetica, Nanum Gothic;
  font-weight: var(--font-weight-heavy);
  font-style: normal;
  font-size: var(--font-size-headline-large);
  letter-spacing: var(--letterspacing-narrow);
  margin-block: 0;
  white-space: normal;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: var(--gap-s, 0.5rem);
  line-height: 1;
  vertical-align: middle;
}
.headline-large.de-emphasized {
  font-weight: var(--font-weight-light);
}
.headline-large.indented {
  padding-inline: var(--padding-m, 0.8rem);
}
.headline-large nc-icon {
  --icon-size: 1.2em!important;
}

.headline-medium {
  font-family: "Malgun Gothic", "맑은고딕", "돋움", Dotum, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif, Helvetica, Nanum Gothic;
  font-weight: var(--font-weight-heavy);
  font-style: normal;
  font-size: var(--font-size-headline-medium);
  letter-spacing: var(--letterspacing-narrow);
  margin-block: 0;
  white-space: normal;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: var(--gap-s, 0.5rem);
  line-height: 1;
  vertical-align: middle;
}
.headline-medium.de-emphasized {
  font-weight: var(--font-weight-light);
}
.headline-medium.indented {
  padding-inline: var(--padding-m, 0.8rem);
}
.headline-medium nc-icon {
  --icon-size: 1.2em!important;
}

.headline-small {
  font-family: "Malgun Gothic", "맑은고딕", "돋움", Dotum, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif, Helvetica, Nanum Gothic;
  font-weight: var(--font-weight-heavy);
  font-style: normal;
  font-size: var(--font-size-headline-small);
  letter-spacing: var(--letterspacing-base);
  margin-block: 0;
  white-space: normal;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: var(--gap-s, 0.5rem);
  line-height: 1;
  vertical-align: middle;
}
.headline-small.de-emphasized {
  font-weight: var(--font-weight-light);
}
.headline-small.indented {
  padding-inline: var(--padding-m, 0.8rem);
}
.headline-small nc-icon {
  --icon-size: 1.2em!important;
}

.body-large {
  font-family: "Malgun Gothic", "맑은고딕", "돋움", Dotum, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif, Helvetica, Nanum Gothic;
  font-style: normal;
  font-size: var(--font-size-body-large);
  letter-spacing: var(--letterspacing-narrow);
  margin-block: 0;
  font-weight: normal;
  white-space: normal;
  line-height: 1;
  vertical-align: middle;
}
.body-large.emphasized {
  font-weight: var(--font-weight-heavy);
}
.body-large.indented {
  padding-inline: var(--padding-m, 0.8rem);
}
.body-large nc-icon {
  --icon-size: 1.2em!important;
}

.body-medium {
  font-family: "Malgun Gothic", "맑은고딕", "돋움", Dotum, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif, Helvetica, Nanum Gothic;
  font-style: normal;
  font-size: var(--font-size-body-medium);
  letter-spacing: var(--letterspacing-base);
  margin-block: 0;
  font-weight: normal;
  white-space: normal;
  line-height: 1;
  vertical-align: middle;
}
.body-medium.emphasized {
  font-weight: var(--font-weight-heavy);
}
.body-medium.indented {
  padding-inline: var(--padding-m, 0.8rem);
}
.body-medium nc-icon {
  --icon-size: 1.2em!important;
}

.body-small {
  font-family: "Malgun Gothic", "맑은고딕", "돋움", Dotum, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif, Helvetica, Nanum Gothic;
  font-style: normal;
  font-size: var(--font-size-body-small);
  letter-spacing: var(--letterspacing-base);
  margin-block: 0;
  font-weight: normal;
  white-space: normal;
  line-height: 1;
  vertical-align: middle;
}
.body-small.emphasized {
  font-weight: var(--font-weight-heavy);
}
.body-small.indented {
  padding-inline: var(--padding-m, 0.8rem);
}
.body-small nc-icon {
  --icon-size: 1.2em!important;
}

.label-large {
  font-family: "Malgun Gothic", "맑은고딕", "돋움", Dotum, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif, Helvetica, Nanum Gothic;
  font-style: normal;
  font-size: var(--font-size-label-large);
  letter-spacing: var(--letterspacing-narrow);
  margin-block: 0;
  white-space: normal;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: var(--gap-s, 0.5rem);
  line-height: 1;
  vertical-align: middle;
}
.label-large.emphasized {
  font-weight: var(--font-weight-heavy);
}
.label-large.indented {
  padding-inline: var(--padding-m, 0.8rem);
}
.label-large nc-icon {
  --icon-size: 1.2em!important;
}

.label-medium {
  font-family: "Malgun Gothic", "맑은고딕", "돋움", Dotum, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif, Helvetica, Nanum Gothic;
  font-style: normal;
  font-size: var(--font-size-label-medium);
  letter-spacing: var(--letterspacing-base);
  margin-block: 0;
  white-space: normal;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: var(--gap-s, 0.5rem);
  line-height: 1;
  vertical-align: middle;
}
.label-medium.emphasized {
  font-weight: var(--font-weight-heavy);
}
.label-medium.indented {
  padding-inline: var(--padding-m, 0.8rem);
}
.label-medium nc-icon {
  --icon-size: 1.2em!important;
}

.label-small {
  font-family: "Malgun Gothic", "맑은고딕", "돋움", Dotum, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif, Helvetica, Nanum Gothic;
  font-style: normal;
  font-size: var(--font-size-label-small);
  letter-spacing: var(--letterspacing-base);
  margin-block: 0;
  white-space: normal;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: var(--gap-s, 0.5rem);
  line-height: 1;
  vertical-align: middle;
}
.label-small.emphasized {
  font-weight: var(--font-weight-heavy);
}
.label-small.indented {
  padding-inline: var(--padding-m, 0.8rem);
}
.label-small nc-icon {
  --icon-size: 1.2em!important;
}

.title-large {
  font-family: "Malgun Gothic", "맑은고딕", "돋움", Dotum, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif, Helvetica, Nanum Gothic;
  font-weight: var(--font-weight-heavy);
  font-style: normal;
  font-size: var(--font-size-title-large);
  letter-spacing: var(--letterspacing-narrow);
  margin-block: 0;
  white-space: normal;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: var(--gap-s, 0.5rem);
  line-height: 1;
  vertical-align: middle;
}
.title-large.de-emphasized {
  font-weight: var(--font-weight-light);
}
.title-large.indented {
  padding-inline: var(--padding-m, 0.8rem);
}
.title-large nc-icon {
  --icon-size: 1.2em!important;
}

.title-medium {
  font-family: "Malgun Gothic", "맑은고딕", "돋움", Dotum, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif, Helvetica, Nanum Gothic;
  font-weight: var(--font-weight-heavy);
  font-style: normal;
  font-size: var(--font-size-title-medium);
  letter-spacing: var(--letterspacing-narrow);
  margin-block: 0;
  white-space: normal;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: var(--gap-s, 0.5rem);
  line-height: 1;
  vertical-align: middle;
}
.title-medium.de-emphasized {
  font-weight: var(--font-weight-light);
}
.title-medium.indented {
  padding-inline: var(--padding-m, 0.8rem);
}
.title-medium nc-icon {
  --icon-size: 1.2em!important;
}

.title-small {
  font-family: "Malgun Gothic", "맑은고딕", "돋움", Dotum, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif, Helvetica, Nanum Gothic;
  font-weight: var(--font-weight-heavy);
  font-style: normal;
  font-size: var(--font-size-title-small);
  letter-spacing: var(--letterspacing-narrow);
  margin-block: 0;
  white-space: normal;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: var(--gap-s, 0.5rem);
  line-height: 1;
  vertical-align: middle;
}
.title-small.de-emphasized {
  font-weight: var(--font-weight-light);
}
.title-small.indented {
  padding-inline: var(--padding-m, 0.8rem);
}
.title-small nc-icon {
  --icon-size: 1.2em!important;
}

span.de-emphasized {
  font-weight: var(--font-weight-light);
}

@font-face {
  font-family: "ncrm5icons";
  font-weight: normal;
  font-style: normal;
  font-display: block;
  src: url("../fonts/ncrm5icons.eot?a8m4c4");
  src: url("../fonts/ncrm5icons.eot?a8m4c4#iefix") format("embedded-opentype"), url("../fonts/ncrm5icons.ttf?a8m4c4") format("truetype"), url("../fonts/ncrm5icons.woff?a8m4c4") format("woff"), url("../fonts/ncrm5icons.svg?a8m4c4#ncrm5icons") format("svg");
}
@font-face {
  font-family: "materialIcons";
  font-weight: 100 700;
  font-style: normal;
  font-display: block;
  src: url("../fonts/material/material-symbols-rounded.woff2") format("woff2");
}
html {
  font-size: var(--font-size-base, 10px);
}