@charset "utf-8"; /* Do not edit directly */ /* Generated on Thu, Feb 27, 2025, 01:37:59 PM GMT+9 */ :root { /* reset */ --krds-contents-wrap-size: 1560px; --krds-font-family-base: Pretendard GOV; /*--krds-font-size-base: 62.5%;*/ --krds-line-height-none: 1; --krds-line-height-base: 1.5; --krds-letter-spacing-none: 0rem; --krds-letter-spacing-wide: 0.0625rem; /* 0.1rem */ --krds-typo-font-weight-regular: Regular; --krds-font-weight-regular: 400; --krds-font-weight-medium: 500; --krds-font-weight-semiBold: 600; --krds-font-weight-bold: 700; --krds-font-underline-offset: 0.1875rem; /* 0.3rem */ --krds-transition-base: 0.4s ease-in-out; --krds-transition-fade: opacity 0.4s linear; --krds-transition-collapse: max-height 0.4s ease; --krds-transition-collapse-width: width 0.4s ease; /*--krds-contents-size: 1560px; --krds-contents-padding-x: 24px;*/ --krds-box-shadow-outline: 0 0 0 0.25rem var(--krds-light-color-border-primary); /* 0.4rem */ --krds-box-shadow-outline-inset: inset 0 0 0 0.125rem var(--krds-light-color-border-primary); /* 0.2rem */ --krds-zoom-small: 0.9; --krds-zoom-medium: 1; --krds-zoom-large: 1.1; --krds-zoom-xlarge: 1.3; --krds-zoom-xxlarge: 1.5; --krds-number-0: 0rem; --krds-number-1: 0.0625rem; /* 0.1rem */ --krds-number-2: 0.125rem; /* 0.2rem */ --krds-number-3: 0.25rem; /* 0.4rem */ --krds-number-4: 0.375rem; /* 0.6rem */ --krds-number-5: 0.5rem; /* 0.8rem */ --krds-number-6: 0.625rem; /* 1rem */ --krds-number-7: 0.75rem; /* 1.2rem */ --krds-number-8: 1rem; /* 1.6rem */ --krds-number-9: 1.25rem; /* 2rem */ --krds-number-10: 1.5rem; /* 2.4rem */ --krds-number-11: 1.75rem; /* 2.8rem */ --krds-number-12: 2rem; /* 3.2rem */ --krds-number-13: 2.25rem; /* 3.6rem */ --krds-number-14: 2.5rem; /* 4.0rem */ --krds-number-15: 2.75rem; /* 4.4rem */ --krds-number-16: 3rem; /* 4.8rem */ --krds-number-17: 3.5rem; /* 5.6rem */ --krds-number-18: 4rem; /* 6.4rem */ --krds-number-19: 4.5rem; /* 7.2rem */ --krds-number-20: 5rem; /* 8rem */ --krds-number-21: 6rem; /* 9.6rem */ --krds-number-max: 100rem; /* SEMANTIC */ --krds-gap-1: var(--krds-number-2); /* 0.2rem; */ --krds-gap-2: var(--krds-number-3); /* 0.4rem; */ --krds-gap-3: var(--krds-number-5); /* 0.8rem; */ --krds-gap-4: var(--krds-number-7); /* 1.2rem; */ --krds-gap-5: var(--krds-number-8); /* 1.6rem; */ --krds-gap-6: var(--krds-number-9); /* 2rem; */ --krds-gap-7: var(--krds-number-10); /* 2.4rem; */ --krds-gap-8: var(--krds-number-12); /* 3.2rem; */ --krds-gap-9: var(--krds-number-14); /* 4rem; */ --krds-gap-10: var(--krds-number-16); /* 4.8rem; */ --krds-gap-11: var(--krds-number-18); /* 6.4rem; */ --krds-gap-12: var(--krds-number-20); /* 8rem; */ --krds-padding-1: var(--krds-number-2); /* 0.2rem; */ --krds-padding-2: var(--krds-number-3); /* 0.4rem; */ --krds-padding-3: var(--krds-number-5); /* 0.8rem; */ --krds-padding-4: var(--krds-number-6); /* 1rem; */ --krds-padding-5: var(--krds-number-7); /* 1.2rem; */ --krds-padding-6: var(--krds-number-8); /* 1.6rem; */ --krds-padding-7: var(--krds-number-9); /* 2rem; */ --krds-padding-8: var(--krds-number-10); /* 2.4rem; */ --krds-padding-9: var(--krds-number-12); /* 3.2rem; */ --krds-padding-10: var(--krds-number-14); /* 4rem; */ --krds-padding-11: var(--krds-number-16); /* 4.8rem; */ --krds-size-height-1: var(--krds-number-7); /* 1.2rem; */ --krds-size-height-2: var(--krds-number-8); /* 1.6rem; */ --krds-size-height-3: var(--krds-number-9); /* 2rem; */ --krds-size-height-4: var(--krds-number-10); /* 2.4rem; */ --krds-size-height-5: var(--krds-number-12); /* 3.2rem; */ --krds-size-height-6: var(--krds-number-14); /* 4rem; */ --krds-size-height-7: var(--krds-number-16); /* 4.8rem; */ --krds-size-height-8: var(--krds-number-17); /* 5.6rem; */ --krds-size-height-9: var(--krds-number-18); /* 6.4rem; */ --krds-size-height-10: var(--krds-number-19); /* 7.2rem; */ --krds-size-height-11: var(--krds-number-20); /* 8rem; */ --krds-radius-xsmall1: var(--krds-number-2); /* 0.2rem; */ --krds-radius-xsmall2: var(--krds-number-2); /* 0.2rem; */ --krds-radius-xsmall3: var(--krds-number-2); /* 0.2rem; */ --krds-radius-small1: var(--krds-number-3); /* 0.4rem; */ --krds-radius-small2: var(--krds-number-3); /* 0.4rem; */ --krds-radius-small3: var(--krds-number-3); /* 0.4rem; */ --krds-radius-medium1: var(--krds-number-4); /* 0.6rem; */ --krds-radius-medium2: var(--krds-number-4); /* 0.6rem; */ --krds-radius-medium3: var(--krds-number-5); /* 0.8rem; */ --krds-radius-medium4: var(--krds-number-5); /* 0.8rem; */ --krds-radius-large1: var(--krds-number-6); /* 1rem; */ --krds-radius-large2: var(--krds-number-6); /* 1rem; */ --krds-radius-xlarge1: var(--krds-number-7); /* 1.2rem; */ --krds-radius-xlarge2: var(--krds-number-7); /* 1.2rem; */ --krds-radius-max: var(--krds-number-max); /* 100rem; */ --krds-icon--size-xsmall: var(--krds-size-height-1); /* 1.2rem; */ --krds-icon--size-small: var(--krds-size-height-2); /* 1.6rem; */ --krds-icon--size-medium: var(--krds-size-height-3); /* 2rem; */ --krds-icon--size-large: var(--krds-size-height-4); /* 2.4rem; */ --krds-icon--size-xlarge: var(--krds-size-height-5); /* 3.2rem; */ /* RESPONSIVE-PC */ --krds-pc-font-size-display-large: 3.75rem; /* 6rem */ --krds-pc-font-size-display-medium: 2.75rem; /*4.4rem*/ --krds-pc-font-size-display-small: 2rem; /* 3.2rem */ --krds-pc-font-size-body-xlarge: 1.3125rem; /* 2.1rem */ --krds-pc-font-size-body-large: 1.1875rem; /* 1.9rem */ --krds-pc-font-size-body-medium: 1.125rem; /* 1.8rem */ --krds-pc-font-size-body-small: 1.0625rem; /* 1.7rem */ --krds-pc-font-size-body-xsmall: 0.9375rem; /* 1.5rem */ --krds-pc-font-size-label-xlarge: 1.3125rem; /* 2.1rem */ --krds-pc-font-size-label-large: 1.1875rem; /* 1.9rem */ --krds-pc-font-size-label-medium: 1.125rem; /* 1.8rem */ --krds-pc-font-size-label-small: 1.0625rem; /* 1.7rem */ --krds-pc-font-size-label-xsmall: 0.9375rem; /* 1.5rem */ --krds-pc-font-size-heading-xlarge: 2rem; /* 3.2rem */ --krds-pc-font-size-heading-large: 1.75rem; /* 2.8rem */ --krds-pc-font-size-heading-medium: 1.5rem; /* 2.4rem */ --krds-pc-font-size-heading-small: 1.3125rem; /* 2.1rem */ --krds-pc-font-size-heading-xsmall: 1.1875rem; /* 1.9rem */ --krds-pc-font-size-heading-xxsmall: 1.125rem; /* 1.8rem */ --krds-pc-font-size-navigation-title-xlarge: 2rem; /* 3.2rem */ --krds-pc-font-size-navigation-title-large: 1.75rem; /* 2.8rem */ --krds-pc-font-size-navigation-title-medium: 1.5rem; /* 2.4rem */ --krds-pc-font-size-navigation-title-small: 1.3125rem; /* 2.1rem */ --krds-pc-font-size-navigation-depth-medium-bold: 1.1875rem; /* 1.9rem */ --krds-pc-font-size-navigation-depth-medium: 1.1875rem; /* 1.9rem */ --krds-pc-font-size-navigation-depth-small-bold: 1.125rem; /* 1.8rem */ --krds-pc-font-size-navigation-depth-small: 1.125rem; /* 1.8rem */ --krds-pc-font-size-navigation-depth-xsmall: 1.0625rem; /* 1.7rem */ --krds-pc-font-size-navigation-description-small: 1.125rem; /* 1.8rem */ --krds-pc-gap-layout-header-breadcrumb: var(--krds-number-10); --krds-pc-gap-layout-left-contents: var(--krds-number-18); --krds-pc-gap-layout-contents-right: var(--krds-number-14); --krds-pc-gap-layout-h1-h2: var(--krds-number-16); /* 4.8rem; */ --krds-pc-gap-layout-h2-h2: var(--krds-number-20); /* 8rem; */ --krds-pc-gap-layout-h2-h3: var(--krds-number-14); /* 4rem; */ --krds-pc-gap-layout-h3-h3: var(--krds-number-18); /* 6.4rem; */ --krds-pc-gap-layout-h3-h4: var(--krds-number-10); /* 2.4rem; */ --krds-pc-gap-layout-h4-h4: var(--krds-number-14); /* 4rem; */ --krds-pc-gap-layout-h4-h5: var(--krds-number-8); /* 1.6rem; */ --krds-pc-gap-layout-h5-h5: var(--krds-number-12); /* 3.2rem; */ --krds-pc-gap-layout-title-body-small: var(--krds-number-8); /* 1.6rem; */ --krds-pc-gap-layout-title-body-medium: var(--krds-number-9); /* 2rem; */ --krds-pc-gap-layout-title-body-large: var(--krds-number-10); /* 2.4rem; */ --krds-pc-gap-layout-breadcrumb-h1: var(--krds-number-14); /* 4rem; */ --krds-pc-gap-layout-contents-footer: var(--krds-number-18); /* 6.4rem; */ --krds-pc-gap-layout-text-text-large: var(--krds-number-9); /* 2rem; */ --krds-pc-gap-layout-text-text-medium: var(--krds-number-8); /* 1.6rem; */ --krds-pc-gap-layout-text-text-small: var(--krds-number-7); /* 1.2rem; */ --krds-pc-gap-layout-image-text-small: var(--krds-number-9); /* 2rem; */ --krds-pc-gap-layout-image-text-medium: var(--krds-number-10); /* 2.4rem; */ --krds-pc-gap-layout-image-text-large: var(--krds-number-12); /* 3.2rem; */ --krds-pc-padding-card-large: var(--krds-number-14); /* 4rem; */ --krds-pc-padding-card-medium: var(--krds-number-12); /* 3.2rem; */ --krds-pc-padding-card-small: var(--krds-number-10); /* 2.4rem; */ --krds-pc-padding-card-xsmall: var(--krds-number-8); /* 1.6rem; */ /* RESPONSIVE-MOBILE */ --krds-mobile-font-size-display-large: 2.75rem; /*4.4rem*/ --krds-mobile-font-size-display-medium: 2rem; /* 3.2rem */ --krds-mobile-font-size-display-small: 1.75rem; /* 2.8rem */ --krds-mobile-font-size-body-xlarge: 1.3125rem; /* 2.1rem */ --krds-mobile-font-size-body-large: 1.1875rem; /* 1.9rem */ --krds-mobile-font-size-body-medium: 1.125rem; /* 1.8rem */ --krds-mobile-font-size-body-small: 1.0625rem; /* 1.7rem */ --krds-mobile-font-size-body-xsmall: 0.9375rem; /* 1.5rem */ --krds-mobile-font-size-label-xlarge: 1.3125rem; /* 2.1rem */ --krds-mobile-font-size-label-large: 1.5rem; /* 2.4rem */ --krds-mobile-font-size-label-medium: 1.1875rem; /* 1.9rem */ --krds-mobile-font-size-label-small: 1.0625rem; /* 1.7rem */ --krds-mobile-font-size-label-xsmall: 0.9375rem; /* 1.5rem */ --krds-mobile-font-size-heading-xlarge: 1.75rem; /* 2.8rem */ --krds-mobile-font-size-heading-large: 1.625rem; /* 2.6rem */ --krds-mobile-font-size-heading-medium: 1.5rem; /* 2.4rem */ --krds-mobile-font-size-heading-small: 1.3125rem; /* 2.1rem */ --krds-mobile-font-size-heading-xsmall: 1.1875rem; /* 1.9rem */ --krds-mobile-font-size-heading-xxsmall: 1.1875rem; /* 1.9rem */ --krds-mobile-font-size-navigation-title-medium: 1.5rem; /* 2.4rem */ --krds-mobile-font-size-navigation-title-small: 1.3125rem; /* 2.1rem */ --krds-mobile-font-size-navigation-depth-medium-bold: 1.1875rem; /* 1.9rem */ --krds-mobile-font-size-navigation-depth-medium: 1.1875rem; /* 1.9rem */ --krds-mobile-font-size-navigation-depth-small-bold: 1.125rem; /* 1.8rem */ --krds-mobile-font-size-navigation-depth-small: 1.125rem; /* 1.8rem */ --krds-mobile-font-size-navigation-depth-xsmall-bold: 1.0625rem; /* 1.7rem */ --krds-mobile-font-size-navigation-depth-xsmall: 1.0625rem; /* 1.7rem */ --krds-mobile-font-size-navigation-depth-xxsmall-bold: 0.9375rem; /* 1.5rem */ --krds-mobile-font-size-navigation-depth-xxsmall: 0.9375rem; /* 1.5rem */ --krds-mobile-gap-layout-header-breadcrumb: var(--krds-number-8); --krds-mobile-gap-layout-left-contents: 0rem; --krds-mobile-gap-layout-contents-right: 0rem; --krds-mobile-gap-layout-h1-h2: var(--krds-number-14); /* 2.5rem; */ --krds-mobile-gap-layout-h2-h2: var(--krds-number-18); /* 4rem; */ --krds-mobile-gap-layout-h2-h3: var(--krds-number-12); /* 2rem; */ --krds-mobile-gap-layout-h3-h3: var(--krds-number-16); /* 3rem; */ --krds-mobile-gap-layout-h3-h4: var(--krds-number-9); /* 1.25rem; */ --krds-mobile-gap-layout-h4-h4: var(--krds-number-12); /* 2rem; */ --krds-mobile-gap-layout-h4-h5: var(--krds-number-7); /* 1.2rem; */ --krds-mobile-gap-layout-h5-h5: var(--krds-number-10); /* 1.5rem; */ --krds-mobile-gap-layout-title-body-small: var(--krds-number-7); /* 0.75rem; */ --krds-mobile-gap-layout-title-body-medium: var(--krds-number-8); /* 1rem; */ --krds-mobile-gap-layout-title-body-large: var(--krds-number-9); /* 2rem; */ --krds-mobile-gap-layout-breadcrumb-h1: var(--krds-number-12); /* 3.2rem; */ --krds-mobile-gap-layout-contents-footer: var(--krds-number-14); /* 4rem; */ --krds-mobile-gap-layout-text-text-large: var(--krds-number-8); /* 1.6rem; */ --krds-mobile-gap-layout-text-text-medium: var(--krds-number-7); /* 1.2rem; */ --krds-mobile-gap-layout-text-text-small: var(--krds-number-6); /* 1rem; */ --krds-mobile-gap-layout-image-text-small: var(--krds-number-8); /* 1.6rem; */ --krds-mobile-gap-layout-image-text-medium: var(--krds-number-9); /* 2rem; */ --krds-mobile-gap-layout-image-text-large: var(--krds-number-10); /* 2.4rem; */ --krds-mobile-padding-card-large: var(--krds-number-10); /* 2.4rem; */ --krds-mobile-padding-card-medium: var(--krds-number-10); /* 2.4rem; */ --krds-mobile-padding-card-small: var(--krds-number-9); /* 2rem; */ --krds-mobile-padding-card-xsmall: var(--krds-number-7); /* 1rem; */ --krds-mobile-padding-card-xxsmall: var(--krds-number-6); /* .8rem; */ /* PRIMITIVE */ --krds-color-light-primary-5: #ecf2fe; --krds-color-light-primary-10: #d8e5fd; --krds-color-light-primary-20: #b1cefb; --krds-color-light-primary-30: #86aff9; --krds-color-light-primary-40: #4c87f6; --krds-color-light-primary-50: #256ef4; /* 기본 색상 */ --krds-color-light-primary-60: #0b50d0; --krds-color-light-primary-70: #083891; --krds-color-light-primary-80: #052561; --krds-color-light-primary-90: #03163a; --krds-color-light-primary-95: #020f27; --krds-color-light-secondary-5: #eef2f7; --krds-color-light-secondary-10: #d6e0eb; --krds-color-light-secondary-20: #bacbde; --krds-color-light-secondary-30: #90b0d5; --krds-color-light-secondary-40: #6b96c7; --krds-color-light-secondary-50: #346fb2; /* 기본 색상 */ --krds-color-light-secondary-60: #1c589c; --krds-color-light-secondary-70: #063a74; --krds-color-light-secondary-80: #052b57; --krds-color-light-secondary-90: #031f3f; --krds-color-light-secondary-95: #02162c; --krds-color-light-gray-0: #ffffff; --krds-color-light-gray-5: #f4f5f6; --krds-color-light-gray-10: #e6e8ea; --krds-color-light-gray-20: #cdd1d5; --krds-color-light-gray-30: #b1b8be; --krds-color-light-gray-40: #8a949e; /* 서브3 텍스트 색상 */ --krds-color-light-gray-50: #6d7882; /* 서브2 텍스트 색상 */ --krds-color-light-gray-60: #58616a; --krds-color-light-gray-70: #464c53; /* 서브1 텍스트 색상 */ --krds-color-light-gray-80: #33363d; --krds-color-light-gray-90: #1e2124; /* 기본 색상, 기본 텍스트 색상 */ --krds-color-light-gray-95: #131416; --krds-color-light-gray-100: #000000; --krds-color-light-alpha-black100: #000000; --krds-color-light-alpha-black75: #000000bf; --krds-color-light-alpha-black50: #00000080; --krds-color-light-alpha-black25: #00000040; --krds-color-light-alpha-black10: #0000001a; --krds-color-light-alpha-black0: #00000000; --krds-color-light-alpha-white100: #ffffff; --krds-color-light-alpha-white75: #ffffffbf; --krds-color-light-alpha-white50: #ffffff80; --krds-color-light-alpha-white25: #ffffff40; --krds-color-light-alpha-white10: #ffffff1a; --krds-color-light-alpha-white0: #ffffff00; --krds-color-light-danger-5: #fdefec; --krds-color-light-danger-10: #fcdfd9; --krds-color-light-danger-20: #f7afa1; --krds-color-light-danger-30: #f48771; --krds-color-light-danger-40: #f05f42; --krds-color-light-danger-50: #de3412; --krds-color-light-danger-60: #bd2c0f; --krds-color-light-danger-70: #8a240f; --krds-color-light-danger-80: #5c180a; --krds-color-light-danger-90: #390d05; --krds-color-light-danger-95: #260903; --krds-color-light-information-5: #e7f4fe; --krds-color-light-information-10: #d3ebfd; --krds-color-light-information-20: #9ed2fa; --krds-color-light-information-30: #5fb5f7; --krds-color-light-information-40: #2098f3; --krds-color-light-information-50: #0b78cb; --krds-color-light-information-60: #096ab3; --krds-color-light-information-70: #085691; --krds-color-light-information-80: #053961; --krds-color-light-information-90: #03253f; --krds-color-light-information-95: #021a2c; --krds-color-light-warning-5: #fff3db; --krds-color-light-warning-10: #ffe0a3; --krds-color-light-warning-20: #ffc95c; --krds-color-light-warning-30: #ffb114; --krds-color-light-warning-40: #c78500; --krds-color-light-warning-50: #9e6a00; --krds-color-light-warning-60: #8a5c00; --krds-color-light-warning-70: #614100; --krds-color-light-warning-80: #422c00; --krds-color-light-warning-90: #2e1f00; --krds-color-light-warning-95: #241800; --krds-color-light-success-5: #eaf6ec; --krds-color-light-success-10: #d8eedd; --krds-color-light-success-20: #a9dab4; --krds-color-light-success-30: #7ec88e; --krds-color-light-success-40: #3fa654; --krds-color-light-success-50: #228738; /* 기본 색상 */ --krds-color-light-success-60: #267337; --krds-color-light-success-70: #285d33; --krds-color-light-success-80: #1f4727; --krds-color-light-success-90: #122b18; --krds-color-light-success-95: #0e2012; --krds-color-light-point-5: #fbeff0; --krds-color-light-point-10: #f5d6d9; --krds-color-light-point-20: #ebadb2; --krds-color-light-point-30: #e0858c; --krds-color-light-point-40: #d65c66; --krds-color-light-point-50: #d63d4a; --krds-color-light-point-60: #ab2b36; --krds-color-light-point-70: #7a1f26; --krds-color-light-point-80: #521419; --krds-color-light-point-90: #310c0f; --krds-color-light-point-95: #21080a; --krds-color-light-graphic-10: #e5ecf9; --krds-color-light-graphic-30: #98acc5; --krds-color-light-graphic-50: #61758f; --krds-color-light-graphic-70: #39506c; --krds-color-light-graphic-90: #223a58; --krds-color-high-contrast-gray-0: #ffffff; --krds-color-high-contrast-gray-5: #f4f5f6; --krds-color-high-contrast-gray-10: #e6e8ea; --krds-color-high-contrast-gray-20: #cdd1d5; --krds-color-high-contrast-gray-30: #b1b8be; --krds-color-high-contrast-gray-40: #8a949e; --krds-color-high-contrast-gray-50: #6d7882; --krds-color-high-contrast-gray-60: #58616a; --krds-color-high-contrast-gray-70: #464c53; --krds-color-high-contrast-gray-80: #33363d; --krds-color-high-contrast-gray-90: #1e2124; --krds-color-high-contrast-gray-95: #131416; --krds-color-high-contrast-gray-100: #000000; --krds-color-high-contrast-primary-5: #ecf2fe; --krds-color-high-contrast-primary-10: #d8e5fd; --krds-color-high-contrast-primary-20: #b1cefb; --krds-color-high-contrast-primary-30: #86aff9; --krds-color-high-contrast-primary-40: #4c87f6; --krds-color-high-contrast-primary-50: #256ef4; --krds-color-high-contrast-primary-60: #0b50d0; --krds-color-high-contrast-primary-70: #083891; --krds-color-high-contrast-primary-80: #052561; --krds-color-high-contrast-primary-90: #03163a; --krds-color-high-contrast-primary-95: #020f27; --krds-color-high-contrast-secondary-5: #edf6f8; --krds-color-high-contrast-secondary-10: #d5ebf1; --krds-color-high-contrast-secondary-20: #abd8e3; --krds-color-high-contrast-secondary-30: #75c0d1; --krds-color-high-contrast-secondary-40: #3d9fb8; --krds-color-high-contrast-secondary-50: #268097; --krds-color-high-contrast-secondary-60: #1f687a; --krds-color-high-contrast-secondary-70: #17505e; --krds-color-high-contrast-secondary-80: #113b45; --krds-color-high-contrast-secondary-90: #0e3139; --krds-color-high-contrast-secondary-95: #091f25; --krds-color-high-contrast-point-5: #fbeff0; --krds-color-high-contrast-point-10: #f5d6d9; --krds-color-high-contrast-point-20: #ebadb2; --krds-color-high-contrast-point-30: #e0858c; --krds-color-high-contrast-point-40: #d65c66; --krds-color-high-contrast-point-50: #d63d4a; --krds-color-high-contrast-point-60: #ab2b36; --krds-color-high-contrast-point-70: #7a1f26; --krds-color-high-contrast-point-80: #521419; --krds-color-high-contrast-point-90: #310c0f; --krds-color-high-contrast-point-95: #21080a; --krds-color-high-contrast-danger-5: #fdefec; --krds-color-high-contrast-danger-10: #fcdfd9; --krds-color-high-contrast-danger-20: #f7afa1; --krds-color-high-contrast-danger-30: #f48771; --krds-color-high-contrast-danger-40: #f05f42; --krds-color-high-contrast-danger-50: #de3412; --krds-color-high-contrast-danger-60: #bd2c0f; --krds-color-high-contrast-danger-70: #8a240f; --krds-color-high-contrast-danger-80: #5c180a; --krds-color-high-contrast-danger-90: #390d05; --krds-color-high-contrast-danger-95: #260903; --krds-color-high-contrast-warning-5: #fff3db; --krds-color-high-contrast-warning-10: #ffe0a3; --krds-color-high-contrast-warning-20: #ffc95c; --krds-color-high-contrast-warning-30: #ffb114; --krds-color-high-contrast-warning-40: #c78500; --krds-color-high-contrast-warning-50: #9e6a00; --krds-color-high-contrast-warning-60: #8a5c00; --krds-color-high-contrast-warning-70: #614100; --krds-color-high-contrast-warning-80: #422c00; --krds-color-high-contrast-warning-90: #2e1f00; --krds-color-high-contrast-warning-95: #241800; --krds-color-high-contrast-success-5: #eaf6ec; --krds-color-high-contrast-success-10: #d8eedd; --krds-color-high-contrast-success-20: #a9dab4; --krds-color-high-contrast-success-30: #7ec88e; --krds-color-high-contrast-success-40: #3fa654; --krds-color-high-contrast-success-50: #228738; --krds-color-high-contrast-success-60: #267337; --krds-color-high-contrast-success-70: #285d33; --krds-color-high-contrast-success-80: #1f4727; --krds-color-high-contrast-success-90: #122b18; --krds-color-high-contrast-success-95: #0e2012; --krds-color-high-contrast-information-5: #e7f4fe; --krds-color-high-contrast-information-10: #d3ebfd; --krds-color-high-contrast-information-20: #9ed2fa; --krds-color-high-contrast-information-30: #5fb5f7; --krds-color-high-contrast-information-40: #2098f3; --krds-color-high-contrast-information-50: #0b78cb; --krds-color-high-contrast-information-60: #096ab3; --krds-color-high-contrast-information-70: #085691; --krds-color-high-contrast-information-80: #053961; --krds-color-high-contrast-information-90: #03253f; --krds-color-high-contrast-information-95: #021a2c; --krds-color-high-contrast-alpha-black100: #000000; --krds-color-high-contrast-alpha-black75: #000000bf; --krds-color-high-contrast-alpha-black50: #00000080; --krds-color-high-contrast-alpha-black25: #00000040; --krds-color-high-contrast-alpha-black10: #0000001a; --krds-color-high-contrast-alpha-black0: #00000000; --krds-color-high-contrast-alpha-white100: #ffffff; --krds-color-high-contrast-alpha-white75: #ffffffbf; --krds-color-high-contrast-alpha-white50: #ffffff80; --krds-color-high-contrast-alpha-white25: #ffffff40; --krds-color-high-contrast-alpha-white10: #ffffff1a; --krds-color-high-contrast-alpha-white0: #ffffff00; --krds-color-high-contrast-graphic-10: #e5ecf9; --krds-color-high-contrast-graphic-30: #98acc5; --krds-color-high-contrast-graphic-50: #61758f; --krds-color-high-contrast-graphic-70: #39506c; --krds-color-high-contrast-graphic-90: #223a58; /* MODE-LIGHT */ --krds-light-color-surface-gray-subtler: var(--krds-color-light-gray-5); --krds-light-color-surface-gray-subtle: var(--krds-color-light-gray-10); --krds-light-color-surface-disabled: var(--krds-color-light-gray-20); --krds-light-color-surface-primary-subtler: var(--krds-color-light-primary-5); --krds-light-color-surface-secondary-subtler: var(--krds-color-light-secondary-5); --krds-light-color-surface-danger-subtler: var(--krds-color-light-danger-5); --krds-light-color-surface-warning-subtler: var(--krds-color-light-warning-5); --krds-light-color-surface-success-subtler: var(--krds-color-light-success-5); --krds-light-color-surface-information-subtler: var(--krds-color-light-information-5); --krds-light-color-surface-point-subtler: var(--krds-color-light-point-5); --krds-light-color-surface-white: var(--krds-color-light-gray-0); --krds-light-color-surface-inverse: var(--krds-color-light-gray-90); --krds-light-color-surface-white-static: var(--krds-color-light-gray-0); --krds-light-color-surface-inverse-static: var(--krds-color-light-gray-90); --krds-light-color-surface-white-subtle: var(--krds-color-light-gray-0); --krds-light-color-surface-white-subtler: var(--krds-color-light-gray-0); --krds-light-color-border-gray-light: var(--krds-color-light-gray-20); --krds-light-color-border-gray: var(--krds-color-light-gray-30); --krds-light-color-border-secondary-light: var(--krds-color-light-secondary-10); --krds-light-color-border-danger-light: var(--krds-color-light-danger-10); --krds-light-color-border-danger: var(--krds-color-light-danger-50); --krds-light-color-border-warning-light: var(--krds-color-light-warning-10); --krds-light-color-border-warning: var(--krds-color-light-warning-50); --krds-light-color-border-success-light: var(--krds-color-light-success-10); --krds-light-color-border-success: var(--krds-color-light-success-50); --krds-light-color-border-information-light: var(--krds-color-light-information-10); --krds-light-color-border-information: var(--krds-color-light-information-50); --krds-light-color-border-gray-dark: var(--krds-color-light-gray-60); --krds-light-color-border-primary: var(--krds-color-light-primary-50); --krds-light-color-border-disabled: var(--krds-color-light-gray-30); --krds-light-color-border-gray-darker: var(--krds-color-light-gray-90); --krds-light-color-border-secondary: var(--krds-color-light-secondary-70); --krds-light-color-border-inverse: var(--krds-color-light-gray-0); --krds-light-color-border-transparency: var(--krds-color-light-alpha-black0); --krds-light-color-border-primary-light: var(--krds-color-light-primary-10); --krds-light-color-border-point: var(--krds-color-light-point-50); --krds-light-color-border-point-light: var(--krds-color-light-point-10); --krds-light-color-divider-gray-light: var(--krds-color-light-gray-20); --krds-light-color-divider-gray: var(--krds-color-light-gray-30); --krds-light-color-divider-gray-dark: var(--krds-color-light-gray-40); --krds-light-color-divider-primary: var(--krds-color-light-primary-50); --krds-light-color-divider-secondary-light: var(--krds-color-light-secondary-10); --krds-light-color-divider-secondary: var(--krds-color-light-secondary-70); --krds-light-color-divider-error: var(--krds-color-light-danger-50); --krds-light-color-divider-primary-light: var(--krds-color-light-primary-10); --krds-light-color-divider-inverse: var(--krds-color-light-gray-0); --krds-light-color-divider-gray-darker: var(--krds-color-light-gray-90); --krds-light-color-divider-point: var(--krds-color-light-point-50); --krds-light-color-text-bolder: var(--krds-color-light-gray-95); --krds-light-color-text-subtle: var(--krds-color-light-gray-70); --krds-light-color-text-disabled: var(--krds-color-light-gray-40); --krds-light-color-text-disabled-on: var(--krds-color-light-gray-50); --krds-light-color-text-primary: var(--krds-color-light-primary-60); --krds-light-color-text-secondary: var(--krds-color-light-secondary-60); --krds-light-color-text-danger: var(--krds-color-light-danger-60); --krds-light-color-text-warning: var(--krds-color-light-warning-60); --krds-light-color-text-success: var(--krds-color-light-success-60); --krds-light-color-text-information: var(--krds-color-light-information-60); --krds-light-color-text-basic: var(--krds-color-light-gray-90); --krds-light-color-text-point: var(--krds-color-light-point-60); --krds-light-color-text-bolder-inverse: var(--krds-color-light-gray-0); --krds-light-color-text-basic-inverse: var(--krds-color-light-gray-0); --krds-light-color-text-subtle-inverse: var(--krds-color-light-gray-30); --krds-light-color-text-inverse-static: var(--krds-color-light-gray-0); --krds-light-color-text-static: var(--krds-color-light-gray-90); --krds-light-color-icon-gray: var(--krds-color-light-gray-80); --krds-light-color-icon-gray-fill: var(--krds-color-light-gray-20); --krds-light-color-icon-inverse: var(--krds-color-light-gray-0); --krds-light-color-icon-primary: var(--krds-color-light-primary-50); --krds-light-color-icon-secondary: var(--krds-color-light-secondary-80); --krds-light-color-icon-point: var(--krds-color-light-point-50); --krds-light-color-icon-danger: var(--krds-color-light-danger-50); --krds-light-color-icon-warning: var(--krds-color-light-warning-50); --krds-light-color-icon-success: var(--krds-color-light-success-50); --krds-light-color-icon-information: var(--krds-color-light-information-50); --krds-light-color-icon-gray-light: var(--krds-color-light-gray-70); --krds-light-color-icon-disabled: var(--krds-color-light-gray-40); --krds-light-color-icon-disabled-on: var(--krds-color-light-gray-50); --krds-light-color-icon-inverse-static: var(--krds-color-light-gray-0); --krds-light-color-icon-primary-static: var(--krds-color-light-primary-50); --krds-light-color-icon-secondary-static: var(--krds-color-light-secondary-80); --krds-light-color-icon-point-static: var(--krds-color-light-point-50); --krds-light-color-icon-danger-static: var(--krds-color-light-danger-50); --krds-light-color-icon-warning-static: var(--krds-color-light-warning-50); --krds-light-color-icon-success-static: var(--krds-color-light-success-50); --krds-light-color-icon-information-static: var(--krds-color-light-information-50); --krds-light-color-icon-gray-static: var(--krds-color-light-gray-80); --krds-light-color-link-default: var(--krds-color-light-primary-50); --krds-light-color-link-hover: var(--krds-color-light-primary-60); --krds-light-color-link-pressed: var(--krds-color-light-primary-70); --krds-light-color-link-visited: #5917b8; --krds-light-color-button-primary-fill: var(--krds-color-light-primary-50); --krds-light-color-button-primary-fill-hover: var(--krds-color-light-primary-60); --krds-light-color-button-primary-fill-pressed: var(--krds-color-light-primary-70); --krds-light-color-button-primary-gn-fill: var(--krds-color-light-success-50); --krds-light-color-button-primary-gn-fill-hover: var(--krds-color-light-success-60); --krds-light-color-button-primary-gn-fill-pressed: var(--krds-color-light-success-70); --krds-light-color-button-secondary-fill: var(--krds-color-light-primary-5); --krds-light-color-button-secondary-fill-hover: var(--krds-color-light-primary-10); --krds-light-color-button-secondary-fill-pressed: var(--krds-color-light-primary-20); --krds-light-color-button-secondary-border: var(--krds-color-light-primary-50); --krds-light-color-button-secondary-gn-fill: var(--krds-color-light-success-5); --krds-light-color-button-secondary-gn-fill-hover: var(--krds-color-light-success-10); --krds-light-color-button-secondary-gn-fill-pressed: var(--krds-color-light-success-20); --krds-light-color-button-secondary-gn-border: var(--krds-color-light-success-50); --krds-light-color-button-tertiary-fill: var(--krds-color-light-alpha-white0); --krds-light-color-button-tertiary-fill-hover: var(--krds-color-light-gray-5); --krds-light-color-button-tertiary-fill-pressed: var(--krds-color-light-gray-10); --krds-light-color-button-tertiary-border: var(--krds-color-light-gray-60); --krds-light-color-button-disabled-fill: var(--krds-color-light-gray-20); --krds-light-color-button-text-fill-hover: var(--krds-color-light-secondary-5); --krds-light-color-button-text-fill-pressed: var(--krds-color-light-secondary-10); --krds-light-color-button-text-fill: var(--krds-color-light-alpha-white0); --krds-light-color-button-text-border: var(--krds-color-light-alpha-black0); --krds-light-color-button-disabled-border: var(--krds-color-light-gray-30); --krds-light-color-background-white: var(--krds-color-light-gray-0); --krds-light-color-background-inverse: var(--krds-color-light-gray-90); --krds-light-color-background-gray-subtler: var(--krds-color-light-gray-5); --krds-light-color-background-gray-subtle: var(--krds-color-light-gray-10); --krds-light-color-background-dim: var(--krds-color-light-alpha-black75); --krds-light-color-element-disabled-light: var(--krds-color-light-gray-20); --krds-light-color-element-disabled-dark: var(--krds-color-light-gray-40); --krds-light-color-element-gray-lighter: var(--krds-color-light-gray-5); --krds-light-color-element-gray-light: var(--krds-color-light-gray-10); --krds-light-color-element-gray: var(--krds-color-light-gray-50); --krds-light-color-element-primary-lighter: var(--krds-color-light-primary-5); --krds-light-color-element-primary-light: var(--krds-color-light-primary-10); --krds-light-color-element-primary: var(--krds-color-light-primary-50); --krds-light-color-element-secondary-lighter: var(--krds-color-light-secondary-5); --krds-light-color-element-secondary-light: var(--krds-color-light-secondary-10); --krds-light-color-element-secondary: var(--krds-color-light-secondary-70); --krds-light-color-element-point-lighter: var(--krds-color-light-point-5); --krds-light-color-element-point-light: var(--krds-color-light-point-10); --krds-light-color-element-point: var(--krds-color-light-point-50); --krds-light-color-element-danger-lighter: var(--krds-color-light-danger-5); --krds-light-color-element-danger: var(--krds-color-light-danger-50); --krds-light-color-element-warning-lighter: var(--krds-color-light-warning-5); --krds-light-color-element-warning: var(--krds-color-light-warning-30); --krds-light-color-element-success-lighter: var(--krds-color-light-success-5); --krds-light-color-element-success: var(--krds-color-light-success-50); --krds-light-color-element-information-lighter: var(--krds-color-light-information-5); --krds-light-color-element-information: var(--krds-color-light-information-50); --krds-light-color-element-inverse: var(--krds-color-light-gray-0); --krds-light-color-element-gray-dark: var(--krds-color-light-gray-60); --krds-light-color-element-inverse-static: var(--krds-color-light-gray-0); --krds-light-color-action-white: var(--krds-color-light-gray-0); --krds-light-color-action-primary: var(--krds-color-light-alpha-white0); --krds-light-color-action-primary-hover: var(--krds-color-light-primary-5); --krds-light-color-action-primary-pressed: var(--krds-color-light-primary-10); --krds-light-color-action-secondary: var(--krds-color-light-alpha-white0); --krds-light-color-action-secondary-hover: var(--krds-color-light-secondary-5); --krds-light-color-action-secondary-pressed: var(--krds-color-light-secondary-10); --krds-light-color-action-secondary-selected: var(--krds-color-light-secondary-5); --krds-light-color-action-secondary-on: var(--krds-color-light-alpha-white0); --krds-light-color-action-secondary-on-hover: var(--krds-color-light-gray-0); --krds-light-color-action-secondary-on-pressed: var(--krds-color-light-secondary-10); --krds-light-color-action-secondary-on-selected: var(--krds-color-light-gray-0); --krds-light-color-action-secondary-2: var(--krds-color-light-gray-0); --krds-light-color-action-secondary-2-hover: var(--krds-color-light-success-50); --krds-light-color-action-secondary-2-pressed: var(--krds-color-light-success-50); --krds-light-color-action-secondary-2-selected: var(--krds-color-light-success-50); --krds-light-color-action-secondary-active: var(--krds-color-light-secondary-70); --krds-light-color-action-primary-active: var(--krds-color-light-primary-50); --krds-light-color-action-disabled: var(--krds-color-light-gray-20); --krds-light-color-action-primary-selected: var(--krds-color-light-primary-5); --krds-light-color-input-border: var(--krds-color-light-gray-30); --krds-light-color-input-border-disabled: var(--krds-color-light-gray-20); --krds-light-color-input-border-active: var(--krds-color-light-primary-50); --krds-light-color-input-border-error: var(--krds-color-light-danger-50); --krds-light-color-input-surface: var(--krds-color-light-gray-0); --krds-light-color-input-surface-disabled: var(--krds-color-light-gray-20); --krds-light-color-graphic-blue-subtler: var(--krds-color-light-graphic-10); --krds-light-color-graphic-blue-subtle: var(--krds-color-light-graphic-30); --krds-light-color-graphic-blue: var(--krds-color-light-graphic-50); --krds-light-color-graphic-blue-dark: var(--krds-color-light-graphic-70); --krds-light-color-graphic-blue-darker: var(--krds-color-light-graphic-90); --krds-light-color-graphic-red-subtler: var(--krds-color-light-point-5); --krds-light-color-graphic-red-subtle: var(--krds-color-light-point-10); --krds-light-color-graphic-red: var(--krds-color-high-contrast-point-20); --krds-light-color-graphic-red-dark: var(--krds-color-high-contrast-point-40); --krds-light-color-graphic-red-darker: var(--krds-color-high-contrast-point-70); --krds-light-color-graphic-brand: var(--krds-color-light-primary-50); --krds-light-color-alpha-base100: var(--krds-color-light-alpha-white100); --krds-light-color-alpha-base50: var(--krds-color-light-alpha-white50); --krds-light-color-alpha-base25: var(--krds-color-high-contrast-alpha-white25); --krds-light-color-alpha-base0: var(--krds-color-light-alpha-white0); --krds-light-color-alpha-inverse100: var(--krds-color-light-alpha-black100); --krds-light-color-alpha-inverse50: var(--krds-color-light-alpha-black50); --krds-light-color-alpha-inverse25: var(--krds-color-light-alpha-black25); --krds-light-color-alpha-inverse0: var(--krds-color-light-alpha-black0); --krds-light-color-alpha-base75: var(--krds-color-light-alpha-white75); --krds-light-color-alpha-inverse75: var(--krds-color-light-alpha-black75); --krds-light-color-alpha-inverse10: var(--krds-color-light-alpha-black10); --krds-light-color-alpha-base10: var(--krds-color-high-contrast-alpha-white10); --krds-light-color-alpha-shadow1: #0000000d; --krds-light-color-alpha-shadow2: #00000014; --krds-light-color-alpha-shadow3: #0000001f; --krds-light-border-width-variable-regular: 0.1rem; --krds-light-border-width-variable-medium: 0.2rem; --krds-light-border-width-static-regular: 0.1rem; --krds-light-border-width-static-medium: 0.2rem; /* MODE-HIGH-CONTRAST */ --krds-high-contrast-color-surface-gray-subtler: var(--krds-color-high-contrast-gray-95); --krds-high-contrast-color-surface-gray-subtle: var(--krds-color-high-contrast-gray-90); --krds-high-contrast-color-surface-disabled: var(--krds-color-high-contrast-gray-70); --krds-high-contrast-color-surface-primary-subtler: var(--krds-color-high-contrast-primary-95); --krds-high-contrast-color-surface-secondary-subtler: var(--krds-color-high-contrast-secondary-95); --krds-high-contrast-color-surface-danger-subtler: var(--krds-color-high-contrast-danger-95); --krds-high-contrast-color-surface-warning-subtler: var(--krds-color-high-contrast-warning-95); --krds-high-contrast-color-surface-success-subtler: var(--krds-color-high-contrast-success-95); --krds-high-contrast-color-surface-information-subtler: var(--krds-color-high-contrast-information-95); --krds-high-contrast-color-surface-point-subtler: var(--krds-color-high-contrast-point-95); --krds-high-contrast-color-surface-white: var(--krds-color-high-contrast-gray-100); --krds-high-contrast-color-surface-inverse: var(--krds-color-high-contrast-gray-10); --krds-high-contrast-color-surface-white-static: var(--krds-color-high-contrast-gray-0); --krds-high-contrast-color-surface-inverse-static: var(--krds-color-high-contrast-gray-90); --krds-high-contrast-color-surface-white-subtle: var(--krds-color-high-contrast-gray-95); --krds-high-contrast-color-surface-white-subtler: var(--krds-color-high-contrast-gray-90); --krds-high-contrast-color-border-gray-light: var(--krds-color-high-contrast-gray-80); --krds-high-contrast-color-border-gray: var(--krds-color-high-contrast-gray-70); --krds-high-contrast-color-border-secondary-light: var(--krds-color-high-contrast-secondary-90); --krds-high-contrast-color-border-danger-light: var(--krds-color-high-contrast-danger-90); --krds-high-contrast-color-border-danger: var(--krds-color-high-contrast-danger-50); --krds-high-contrast-color-border-warning-light: var(--krds-color-high-contrast-warning-90); --krds-high-contrast-color-border-warning: var(--krds-color-high-contrast-warning-50); --krds-high-contrast-color-border-success-light: var(--krds-color-high-contrast-success-90); --krds-high-contrast-color-border-success: var(--krds-color-high-contrast-success-50); --krds-high-contrast-color-border-information-light: var(--krds-color-high-contrast-information-90); --krds-high-contrast-color-border-information: var(--krds-color-high-contrast-information-50); --krds-high-contrast-color-border-gray-dark: var(--krds-color-high-contrast-gray-40); --krds-high-contrast-color-border-primary: var(--krds-color-high-contrast-primary-50); --krds-high-contrast-color-border-disabled: var(--krds-color-high-contrast-gray-70); --krds-high-contrast-color-border-gray-darker: var(--krds-color-high-contrast-gray-10); --krds-high-contrast-color-border-secondary: var(--krds-color-high-contrast-secondary-60); --krds-high-contrast-color-border-inverse: var(--krds-color-high-contrast-gray-100); --krds-high-contrast-color-border-transparency: var(--krds-color-high-contrast-alpha-white25); --krds-high-contrast-color-border-primary-light: var(--krds-color-high-contrast-primary-90); --krds-high-contrast-color-border-point: var(--krds-color-high-contrast-point-50); --krds-high-contrast-color-border-point-light: var(--krds-color-high-contrast-point-90); --krds-high-contrast-color-divider-gray-light: var(--krds-color-high-contrast-gray-80); --krds-high-contrast-color-divider-gray: var(--krds-color-high-contrast-gray-70); --krds-high-contrast-color-divider-gray-dark: var(--krds-color-high-contrast-gray-50); --krds-high-contrast-color-divider-primary: var(--krds-color-high-contrast-primary-50); --krds-high-contrast-color-divider-secondary-light: var(--krds-color-high-contrast-secondary-90); --krds-high-contrast-color-divider-secondary: var(--krds-color-high-contrast-secondary-60); --krds-high-contrast-color-divider-error: var(--krds-color-high-contrast-danger-50); --krds-high-contrast-color-divider-primary-light: var(--krds-color-high-contrast-primary-90); --krds-high-contrast-color-divider-inverse: var(--krds-color-high-contrast-gray-100); --krds-high-contrast-color-divider-gray-darker: var(--krds-color-high-contrast-gray-10); --krds-high-contrast-color-divider-point: var(--krds-color-high-contrast-point-50); --krds-high-contrast-color-text-bolder: var(--krds-color-high-contrast-gray-10); --krds-high-contrast-color-text-subtle: var(--krds-color-high-contrast-gray-20); --krds-high-contrast-color-text-disabled: var(--krds-color-high-contrast-gray-60); --krds-high-contrast-color-text-disabled-on: var(--krds-color-high-contrast-gray-50); --krds-high-contrast-color-text-primary: var(--krds-color-high-contrast-primary-20); --krds-high-contrast-color-text-secondary: var(--krds-color-high-contrast-secondary-20); --krds-high-contrast-color-text-danger: var(--krds-color-high-contrast-danger-20); --krds-high-contrast-color-text-warning: var(--krds-color-high-contrast-warning-20); --krds-high-contrast-color-text-success: var(--krds-color-high-contrast-success-20); --krds-high-contrast-color-text-information: var(--krds-color-high-contrast-information-20); --krds-high-contrast-color-text-basic: var(--krds-color-high-contrast-gray-5); --krds-high-contrast-color-text-point: var(--krds-color-high-contrast-point-20); --krds-high-contrast-color-text-bolder-inverse: var(--krds-color-high-contrast-gray-95); --krds-high-contrast-color-text-basic-inverse: var(--krds-color-high-contrast-gray-90); --krds-high-contrast-color-text-subtle-inverse: var(--krds-color-high-contrast-gray-70); --krds-high-contrast-color-text-inverse-static: var(--krds-color-high-contrast-gray-0); --krds-high-contrast-color-text-static: var(--krds-color-high-contrast-gray-90); --krds-high-contrast-color-icon-gray: var(--krds-color-high-contrast-gray-5); --krds-high-contrast-color-icon-gray-fill: var(--krds-color-high-contrast-gray-70); --krds-high-contrast-color-icon-inverse: var(--krds-color-high-contrast-gray-90); --krds-high-contrast-color-icon-primary: var(--krds-color-high-contrast-primary-20); --krds-high-contrast-color-icon-secondary: var(--krds-color-high-contrast-secondary-20); --krds-high-contrast-color-icon-point: var(--krds-color-high-contrast-point-20); --krds-high-contrast-color-icon-danger: var(--krds-color-high-contrast-danger-20); --krds-high-contrast-color-icon-warning: var(--krds-color-high-contrast-warning-20); --krds-high-contrast-color-icon-success: var(--krds-color-high-contrast-success-20); --krds-high-contrast-color-icon-information: var(--krds-color-high-contrast-information-20); --krds-high-contrast-color-icon-gray-light: var(--krds-color-high-contrast-gray-20); --krds-high-contrast-color-icon-disabled: var(--krds-color-high-contrast-gray-60); --krds-high-contrast-color-icon-disabled-on: var(--krds-color-high-contrast-gray-50); --krds-high-contrast-color-icon-inverse-static: var(--krds-color-high-contrast-gray-0); --krds-high-contrast-color-icon-primary-static: var(--krds-color-high-contrast-primary-50); --krds-high-contrast-color-icon-secondary-static: var(--krds-color-high-contrast-secondary-80); --krds-high-contrast-color-icon-point-static: var(--krds-color-high-contrast-point-50); --krds-high-contrast-color-icon-danger-static: var(--krds-color-high-contrast-danger-50); --krds-high-contrast-color-icon-warning-static: var(--krds-color-high-contrast-warning-50); --krds-high-contrast-color-icon-success-static: var(--krds-color-high-contrast-success-50); --krds-high-contrast-color-icon-information-static: var(--krds-color-high-contrast-information-50); --krds-high-contrast-color-icon-gray-static: var(--krds-color-high-contrast-gray-80); --krds-high-contrast-color-link-default: var(--krds-color-high-contrast-primary-30); --krds-high-contrast-color-link-hover: var(--krds-color-high-contrast-primary-20); --krds-high-contrast-color-link-pressed: var(--krds-color-high-contrast-primary-10); --krds-high-contrast-color-link-visited: #c49ff9; --krds-high-contrast-color-button-primary-fill: var(--krds-color-high-contrast-primary-50); --krds-high-contrast-color-button-primary-fill-hover: var(--krds-color-high-contrast-primary-60); --krds-high-contrast-color-button-primary-fill-pressed: var(--krds-color-high-contrast-primary-70); --krds-high-contrast-color-button-primary-gn-fill: var(--krds-color-high-contrast-success-50); --krds-high-contrast-color-button-primary-gn-fill-hover: var(--krds-color-high-contrast-success-60); --krds-high-contrast-color-button-primary-gn-fill-pressed: var(--krds-color-high-contrast-success-60); --krds-high-contrast-color-button-primary-gn-border: var(--krds-color-high-contrast-success-50); --krds-high-contrast-color-button-secondary-fill: var(--krds-color-high-contrast-primary-95); --krds-high-contrast-color-button-secondary-fill-hover: var(--krds-color-high-contrast-primary-90); --krds-high-contrast-color-button-secondary-fill-pressed: var(--krds-color-high-contrast-primary-80); --krds-high-contrast-color-button-secondary-border: var(--krds-color-high-contrast-primary-50); --krds-high-contrast-color-button-secondary-gn-fill: var(--krds-color-high-contrast-success-95); --krds-high-contrast-color-button-secondary-gn-fill-hover: var(--krds-color-high-contrast-success-90); --krds-high-contrast-color-button-secondary-gn-fill-pressed: var(--krds-color-high-contrast-success-80); --krds-high-contrast-color-button-secondary-gn-border: var(--krds-color-high-contrast-success-50); --krds-high-contrast-color-button-tertiary-fill: var(--krds-color-high-contrast-alpha-black0); --krds-high-contrast-color-button-tertiary-fill-hover: var(--krds-color-high-contrast-gray-95); --krds-high-contrast-color-button-tertiary-fill-pressed: var(--krds-color-high-contrast-gray-80); --krds-high-contrast-color-button-tertiary-border: var(--krds-color-high-contrast-gray-40); --krds-high-contrast-color-button-disabled-fill: var(--krds-color-high-contrast-gray-80); --krds-high-contrast-color-button-text-fill-hover: var(--krds-color-high-contrast-secondary-95); --krds-high-contrast-color-button-text-fill-pressed: var(--krds-color-high-contrast-secondary-90); --krds-high-contrast-color-button-text-fill: var(--krds-color-high-contrast-alpha-black0); --krds-high-contrast-color-button-text-border: var(--krds-color-high-contrast-alpha-white50); --krds-high-contrast-color-button-disabled-border: var(--krds-color-high-contrast-gray-70); --krds-high-contrast-color-background-white: var(--krds-color-high-contrast-gray-100); --krds-high-contrast-color-background-inverse: var(--krds-color-high-contrast-gray-10); --krds-high-contrast-color-background-gray-subtler: var(--krds-color-high-contrast-gray-95); --krds-high-contrast-color-background-gray-subtle: var(--krds-color-high-contrast-gray-90); --krds-high-contrast-color-background-dim: var(--krds-color-high-contrast-alpha-black75); --krds-high-contrast-color-element-disabled-light: var(--krds-color-high-contrast-gray-80); --krds-high-contrast-color-element-disabled-dark: var(--krds-color-high-contrast-gray-60); --krds-high-contrast-color-element-gray-lighter: var(--krds-color-high-contrast-gray-95); --krds-high-contrast-color-element-gray-light: var(--krds-color-high-contrast-gray-90); --krds-high-contrast-color-element-gray: var(--krds-color-high-contrast-gray-50); --krds-high-contrast-color-element-primary-lighter: var(--krds-color-high-contrast-primary-95); --krds-high-contrast-color-element-primary-light: var(--krds-color-high-contrast-primary-90); --krds-high-contrast-color-element-primary: var(--krds-color-high-contrast-primary-50); --krds-high-contrast-color-element-secondary-lighter: var(--krds-color-high-contrast-secondary-95); --krds-high-contrast-color-element-secondary-light: var(--krds-color-high-contrast-secondary-90); --krds-high-contrast-color-element-secondary: var(--krds-color-high-contrast-secondary-60); --krds-high-contrast-color-element-point-lighter: var(--krds-color-high-contrast-point-95); --krds-high-contrast-color-element-point-light: var(--krds-color-high-contrast-point-90); --krds-high-contrast-color-element-point: var(--krds-color-high-contrast-point-50); --krds-high-contrast-color-element-danger-lighter: var(--krds-color-high-contrast-danger-95); --krds-high-contrast-color-element-danger: var(--krds-color-high-contrast-danger-50); --krds-high-contrast-color-element-warning-lighter: var(--krds-color-high-contrast-warning-95); --krds-high-contrast-color-element-warning: var(--krds-color-high-contrast-warning-30); --krds-high-contrast-color-element-success-lighter: var(--krds-color-high-contrast-success-95); --krds-high-contrast-color-element-success: var(--krds-color-high-contrast-success-50); --krds-high-contrast-color-element-information-lighter: var(--krds-color-high-contrast-information-95); --krds-high-contrast-color-element-information: var(--krds-color-high-contrast-information-50); --krds-high-contrast-color-element-inverse: var(--krds-color-high-contrast-gray-95); --krds-high-contrast-color-element-gray-dark: var(--krds-color-high-contrast-gray-40); --krds-high-contrast-color-element-inverse-static: var(--krds-color-high-contrast-gray-0); --krds-high-contrast-color-action-white: var(--krds-color-light-gray-100); --krds-high-contrast-color-action-primary: var(--krds-color-high-contrast-alpha-black0); --krds-high-contrast-color-action-primary-hover: var(--krds-color-high-contrast-primary-95); --krds-high-contrast-color-action-primary-pressed: var(--krds-color-high-contrast-primary-90); --krds-high-contrast-color-action-secondary: var(--krds-color-light-alpha-black0); --krds-high-contrast-color-action-secondary-hover: var(--krds-color-high-contrast-secondary-95); --krds-high-contrast-color-action-secondary-pressed: var(--krds-color-high-contrast-secondary-90); --krds-high-contrast-color-action-secondary-selected: var(--krds-color-high-contrast-secondary-95); --krds-high-contrast-color-action-secondary-on: var(--krds-color-high-contrast-alpha-black0); --krds-high-contrast-color-action-secondary-on-hover: var(--krds-color-high-contrast-gray-100); --krds-high-contrast-color-action-secondary-on-pressed: var(--krds-color-high-contrast-secondary-90); --krds-high-contrast-color-action-secondary-on-selected: var(--krds-color-high-contrast-gray-95); --krds-high-contrast-color-action-secondary-active: var(--krds-color-high-contrast-secondary-60); --krds-high-contrast-color-action-primary-active: var(--krds-color-high-contrast-primary-50); --krds-high-contrast-color-action-disabled: var(--krds-color-high-contrast-gray-80); --krds-high-contrast-color-action-primary-selected: var(--krds-color-high-contrast-primary-95); --krds-high-contrast-color-input-border: var(--krds-color-high-contrast-gray-40); --krds-high-contrast-color-input-border-disabled: var(--krds-color-high-contrast-gray-70); --krds-high-contrast-color-input-border-active: var(--krds-color-high-contrast-primary-50); --krds-high-contrast-color-input-border-error: var(--krds-color-high-contrast-danger-50); --krds-high-contrast-color-input-surface: var(--krds-color-high-contrast-gray-90); --krds-high-contrast-color-input-surface-disabled: var(--krds-color-high-contrast-gray-95); --krds-high-contrast-color-graphic-blue-subtler: var(--krds-color-high-contrast-graphic-10); --krds-high-contrast-color-graphic-blue-subtle: var(--krds-color-high-contrast-graphic-30); --krds-high-contrast-color-graphic-blue: var(--krds-color-high-contrast-graphic-50); --krds-high-contrast-color-graphic-blue-dark: var(--krds-color-high-contrast-graphic-70); --krds-high-contrast-color-graphic-blue-darker: var(--krds-color-high-contrast-graphic-90); --krds-high-contrast-color-graphic-red-subtler: var(--krds-color-high-contrast-point-5); --krds-high-contrast-color-graphic-red-subtle: var(--krds-color-high-contrast-point-10); --krds-high-contrast-color-graphic-red: var(--krds-color-high-contrast-point-20); --krds-high-contrast-color-graphic-red-dark: var(--krds-color-high-contrast-point-40); --krds-high-contrast-color-graphic-red-darker: var(--krds-color-high-contrast-point-70); --krds-high-contrast-color-graphic-brand: var(--krds-color-high-contrast-primary-50); --krds-high-contrast-color-alpha-base100: var(--krds-color-high-contrast-alpha-black100); --krds-high-contrast-color-alpha-base50: var(--krds-color-high-contrast-alpha-black50); --krds-high-contrast-color-alpha-base25: var(--krds-color-high-contrast-alpha-black25); --krds-high-contrast-color-alpha-base0: var(--krds-color-light-alpha-black0); --krds-high-contrast-color-alpha-inverse100: var(--krds-color-high-contrast-alpha-white100); --krds-high-contrast-color-alpha-inverse50: var(--krds-color-high-contrast-alpha-white50); --krds-high-contrast-color-alpha-inverse25: var(--krds-color-high-contrast-alpha-white25); --krds-high-contrast-color-alpha-inverse0: var(--krds-color-high-contrast-alpha-white0); --krds-high-contrast-color-alpha-base75: var(--krds-color-high-contrast-alpha-black75); --krds-high-contrast-color-alpha-inverse75: var(--krds-color-high-contrast-alpha-white75); --krds-high-contrast-color-alpha-inverse10: var(--krds-color-high-contrast-alpha-black25); --krds-high-contrast-color-alpha-base10: var(--krds-color-high-contrast-alpha-black10); --krds-high-contrast-color-alpha-shadow1: #0000001f; --krds-high-contrast-color-alpha-shadow2: #00000033; --krds-high-contrast-color-alpha-shadow3: #00000066; --krds-high-contrast-border-width-variable-regular: 0.125rem; --krds-high-contrast-border-width-variable-medium: 0.1875rem; --krds-high-contrast-border-width-static-regular: 0.0625rem; --krds-high-contrast-border-width-static-medium: 0.125rem; /* GNB */ --krds-main-menu--main-trigger-size-height: var(--krds-size-height-9); --krds-main-menu--main-trigger-padding-x: var(--krds-padding-6); --krds-main-menu--main-trigger-font-size: var(--krds-pc-font-size-navigation-title-medium); --krds-main-menu--main-trigger-color-text: var(--krds-light-color-text-basic); --krds-main-menu--main-trigger-color-border-selected: var(--krds-light-color-text-success); --krds-main-menu--sub-menu-padding-x: 18.25rem; /* 29.2rem */ --krds-main-menu--sub-menu-padding-y: var(--krds-padding-10); --krds-main-menu--sub-menu-width: 16.25rem; /* 26rem */ --krds-main-menu--sub-menu-color-surface: var(--krds-light-color-surface-success-subtler); --krds-main-menu--sub-menu-title-size-height: var(--krds-size-height-7); --krds-main-menu--sub-menu-title-font-size: var(--krds-pc-font-size-navigation-title-large); --krds-main-menu--sub-menu-description-font-size: var(--krds-pc-font-size-navigation-description-small); --krds-main-menu--sub-trigger-padding-x: var(--krds-padding-8); --krds-main-menu--sub-trigger-padding-y: var(--krds-padding-6); --krds-main-menu--sub-trigger-radius: var(--krds-radius-medium3); --krds-main-menu--sub-trigger-font-size: var(--krds-pc-font-size-navigation-depth-medium); --krds-main-menu--sub-trigger-font-size-active: var(--krds-pc-font-size-navigation-depth-medium-bold); --krds-main-menu--sub-trigger-color-text: var(--krds-light-color-text-basic); --krds-main-menu--sub-trigger-color-text-selected: var(--krds-light-color-text-basic-inverse); --krds-main-menu--sub-trigger-color-action: var(--krds-light-color-action-secondary-2); --krds-main-menu--sub-trigger-color-action-selected: var(--krds-light-color-action-secondary-2-selected); --krds-main-menu--sub-menu-trigger-padding-x: 0; --krds-main-menu--sub-menu-trigger-padding-y: var(--krds-padding-6); --krds-main-menu--sub-menu-trigger-color-padding-x: var(--krds-padding-3); --krds-main-menu--sub-menu-trigger-color-padding-y: var(--krds-padding-2); --krds-main-menu--sub-menu-trigger-color-radius: var(--krds-radius-medium2); --krds-main-menu--sub-menu-trigger-color-font-size: var(--krds-pc-font-size-navigation-depth-small); --krds-main-menu--sub-menu-trigger-color-font-size-active: var(--krds-pc-font-size-navigation-depth-small-bold); --krds-main-menu--sub-menu-trigger-color-text: var(--krds-light-color-text-subtle); --krds-main-menu--sub-menu-trigger-color-text-selected: var(--krds-light-color-text-bolder); --krds-main-menu--sub-menu-trigger-color-action: var(--krds-light-color-action-secondary); --krds-main-menu--sub-menu-trigger-color-action-selected: var(--krds-light-color-surface-success-subtler); --krds-main-menu--color-surface: var(--krds-light-color-surface-white); --krds-main-menu--color-border: var(--krds-light-color-divider-gray-light); --krds-main-menu--toggle-color-surface: var(--krds-light-color-surface-white-subtle); /* MNB */ --krds-main-menu-mobile--color-text-basic: var(--krds-light-color-text-basic); --krds-main-menu-mobile--color-surface: var(--krds-light-color-surface-white); --krds-main-menu-mobile--border-width: var(--krds-light-border-width-static-regular); --krds-main-menu-mobile--border-color: var(--krds-light-color-divider-gray-light); --krds-main-menu-mobile--header-border: var(--krds-main-menu-mobile--border-width) solid var(--krds-main-menu-mobile--border-color); --krds-main-menu-mobile--header-padding-x: var(--krds-padding-6); --krds-main-menu-mobile--header-padding-y: 0; --krds-main-menu-mobile--header-height: var(--krds-size-height-10); --krds-main-menu-mobile--login-height: var(--krds-size-height-7); --krds-main-menu-mobile--login-gap: var(--krds-gap-7); --krds-main-menu-mobile--main-menu-width: 11.25rem; /* 18rem */ --krds-main-menu-mobile--main-menu-color-surface: var(--krds-light-color-surface-success-subtler); --krds-main-menu-mobile--main-menu-border-color: var(--krds-light-color-border-success-light); /*--krds-main-menu-mobile--main-trigger-height: var(--krds-size-height-9);*/ --krds-main-menu-mobile--main-trigger-padding-x: var(--krds-padding-8); --krds-main-menu-mobile--main-trigger-padding-y: var(--krds-padding-6); --krds-main-menu-mobile--main-trigger-border: var(--krds-main-menu-mobile--border-width) solid var(--krds-main-menu-mobile--main-menu-border-color); --krds-main-menu-mobile--main-trigger-font-size: var(--krds-mobile-font-size-navigation-title-small); --krds-main-menu-mobile--main-trigger-font-size-active: var(--krds-mobile-font-size-navigation-title-small); --krds-main-menu-mobile--main-trigger-color-text: var(--krds-main-menu-mobile--color-text-basic); --krds-main-menu-mobile--main-trigger-color-text-selected: var(--krds-light-color-text-success); --krds-main-menu-mobile--main-trigger-color-action-selected: var(--krds-main-menu-mobile--color-surface); --krds-main-menu-mobile--sub-list-padding: var(--krds-padding-6); --krds-main-menu-mobile--sub-menu-padding-y: var(--krds-padding-3); --krds-main-menu-mobile--sub-menu-color-surface: var(--krds-light-color-surface-white-subtle); --krds-main-menu-mobile--sub-menu-trigger-padding-x: var(--krds-padding-8); --krds-main-menu-mobile--sub-menu-trigger-padding-y: var(--krds-padding-5); --krds-main-menu-mobile--sub-menu-trigger-border: var(--krds-main-menu-mobile--border-width) solid var(--krds-light-color-border-gray-light); --krds-main-menu-mobile--sub-menu-trigger-border-selected: var(--krds-main-menu-mobile--border-width) solid var(--krds-light-color-border-success); --krds-main-menu-mobile--sub-menu-trigger-border-radius: var(--krds-radius-medium1); --krds-main-menu-mobile--sub-menu-trigger-font-size: var(--krds-mobile-font-size-navigation-depth-medium-bold); --krds-main-menu-mobile--sub-menu-trigger-font-size-active: var(--krds-mobile-font-size-navigation-depth-medium-bold); --krds-main-menu-mobile--sub-menu-trigger-color-text: var(--krds-main-menu-mobile--color-text-basic); --krds-main-menu-mobile--sub-menu-trigger-color-text-selected: var(--krds-main-menu-mobile--color-text-basic); --krds-main-menu-mobile--sub-menu-trigger-color-action: var(--krds-light-color-action-secondary); --krds-main-menu-mobile--sub-menu-trigger-color-action-selected: var(--krds-light-color-action-secondary); --krds-main-menu-mobile--depth3-list-padding-x: 0; --krds-main-menu-mobile--depth3-list-padding-y: var(--krds-padding-5); --krds-main-menu-mobile--depth3-gap: var(--krds-gap-2); --krds-main-menu-mobile--depth3-sub-menu-gap: var(--krds-gap-2); /*--krds-main-menu-mobile--depth3-sub-menu-margin-top: var(--krds-gap-3);*/ --krds-main-menu-mobile--depth3-sub-menu-padding-x: var(--krds-padding-8); --krds-main-menu-mobile--depth3-sub-menu-padding-y: var(--krds-padding-2); --krds-main-menu-mobile--depth3-sub-menu-border-radius: var(--krds-radius-medium2); --krds-main-menu-mobile--depth3-sub-menu-font-size: var(--krds-mobile-font-size-navigation-depth-small); --krds-main-menu-mobile--depth3-sub-menu-font-size-active: var(--krds-mobile-font-size-navigation-depth-small-bold); --krds-main-menu-mobile--depth3-sub-menu-color-text: var(--krds-light-color-text-subtle); --krds-main-menu-mobile--depth3-sub-menu-color-text-selected: var(--krds-light-color-text-bolder); --krds-main-menu-mobile--depth3-sub-menu-color-action: var(--krds-light-color-action-secondary); --krds-main-menu-mobile--depth3-sub-menu-color-action-selected: var(--krds-light-color-surface-success-subtler); /*--krds-main-menu-mobile--depth4-head-padding: var(--krds-padding-6); --krds-main-menu-mobile--depth4-body-padding-x: var(--krds-main-menu-mobile--sub-menu-padding); --krds-main-menu-mobile--depth4-sub-title: var(--krds-main-menu-mobile--sub-title-font-size); --krds-main-menu-mobile--depth4-sub-title-padding-x: var(--krds-main-menu-mobile--sub-title-padding-x); --krds-main-menu-mobile--depth4-sub-title-padding-top: var(--krds-main-menu-mobile--sub-title-padding-top); --krds-main-menu-mobile--depth4-sub-title-padding-bottom: var(--krds-main-menu-mobile--sub-title-padding-bottom); --krds-main-menu-mobile--depth4-list-gap: var(--krds-gap-3); --krds-main-menu-mobile--depth4-list-gap-layout-dot-text: var(--krds-gap-2); --krds-main-menu-mobile--depth4-list-li-border-radius: var(--krds-main-menu-mobile--depth3-sub-menu-border-radius); --krds-main-menu-mobile--depth4-list-li-padding-x: var(--krds-main-menu-mobile--depth3-sub-menu-padding-x); --krds-main-menu-mobile--depth4-list-li-padding-y: var(--krds-main-menu-mobile--depth3-sub-menu-padding-y); --krds-main-menu-mobile--depth4-color-surface: var(--krds-light-color-surface-white-subtle); --krds-main-menu-mobile--depth4-list-li-color-text-hover: var(--krds-light-color-text-secondary); --krds-main-menu-mobile--depth4-list-li-color-action-hover: var(--krds-light-color-action-secondary-hover); --krds-main-menu-mobile--depth4-list-li-color-action-active: var(--krds-light-color-action-secondary-selected);*/ /* LNB */ --krds-side-navigation--title-padding-x: var(--krds-padding-6); --krds-side-navigation--title-padding-y: var(--krds-padding-5); --krds-side-navigation--title-font-size: var(--krds-pc-font-size-navigation-title-xlarge); --krds-side-navigation--title-color-text-basic: var(--krds-light-color-text-success); --krds-side-navigation--btn-padding-x: var(--krds-padding-6); --krds-side-navigation--btn-padding-y: var(--krds-padding-7); --krds-side-navigation--btn-font-size: var(--krds-pc-font-size-navigation-depth-medium); --krds-side-navigation--btn-color-background: var(--krds-light-color-background-white); --krds-side-navigation--btn-color-background-selected: var(--krds-color-light-success-40); --krds-side-navigation--btn-color-text-selected: var(--krds-light-color-background-white); --krds-side-navigation--3depth-padding-x: var(--krds-padding-6); --krds-side-navigation--3depth-padding-y: var(--krds-padding-3); --krds-side-navigation--3depth-btn-padding-x: var(--krds-padding-3); --krds-side-navigation--3depth-btn-padding-y: var(--krds-padding-3); --krds-side-navigation--3depth-btn-font-size: var(--krds-pc-font-size-navigation-depth-small); --krds-side-navigation--3depth-background: var(--krds-color-light-success-5); --krds-side-navigation--4depth-padding-x: var(--krds-padding-6); --krds-side-navigation--4depth-padding-y: var(--krds-padding-4); --krds-side-navigation--4depth-title-padding: var(--krds-padding-5); --krds-side-navigation--4depth-title-font-size: var(--krds-pc-font-size-navigation-depth-small); --krds-side-navigation--4depth-background: var(--krds-light-color-background-white); --krds-side-navigation--5depth-padding-x: var(--krds-padding-6); --krds-side-navigation--5depth-padding-y: var(--krds-padding-2); --krds-side-navigation--5depth-title-padding: var(--krds-padding-5); --krds-side-navigation--5depth-title-font-size: var(--krds-pc-font-size-navigation-depth-xsmall); --krds-side-navigation--5depth-color-text-basic: var(--krds-light-color-text-subtle); --krds-side-navigation--color-text-basic: var(--krds-light-color-text-basic); --krds-side-navigation--color-text-selected: var(--krds-light-color-text-success); --krds-side-navigation--color-border-selected: var(--krds-light-color-border-success); --krds-side-navigation--color-border: var(--krds-light-color-divider-gray-light); --krds-side-navigation--border-width: var(--krds-light-border-width-static-regular); --krds-side-navigation--item-color-border: var(--krds-light-color-divider-gray-light); --krds-side-navigation--item-border-width: var(--krds-light-border-width-static-regular); /* BUTTON */ --krds-button--size-height-xsmall: var(--krds-size-height-5); --krds-button--padding-x-xsmall: var(--krds-padding-4); --krds-button--padding-y-xsmall: 0; --krds-button--gap-xsmall: var(--krds-gap-2); --krds-button--radius-xsmall: var(--krds-radius-small3); --krds-button--pc-font-size-xsmall: var(--krds-pc-font-size-label-xsmall); --krds-button--mobile-font-size-xsmall: var(--krds-mobile-font-size-label-xsmall); --krds-button--font-weight-xsmall: var(--krds-font-weight-regular); --krds-button--size-height-small: var(--krds-size-height-6); --krds-button--padding-x-small: var(--krds-padding-5); --krds-button--padding-y-small: 0; --krds-button--gap-small: var(--krds-gap-2); --krds-button--radius-small: var(--krds-radius-medium1); --krds-button--pc-font-size-small: var(--krds-pc-font-size-label-small); --krds-button--mobile-font-size-small: var(--krds-mobile-font-size-label-small); --krds-button--font-weight-small: var(--krds-font-weight-regular); --krds-button--size-height-medium: var(--krds-size-height-7); --krds-button--padding-x-medium: var(--krds-padding-6); --krds-button--padding-y-medium: 0; --krds-button--gap-medium: var(--krds-gap-3); --krds-button--radius-medium: var(--krds-radius-medium2); --krds-button--pc-font-size-medium: var(--krds-pc-font-size-label-medium); --krds-button--mobile-font-size-medium: var(--krds-mobile-font-size-label-medium); --krds-button--font-weight-medium: var(--krds-font-weight-regular); --krds-button--size-height-large: var(--krds-size-height-8); --krds-button--padding-x-large: var(--krds-padding-7); --krds-button--padding-y-large: 0; --krds-button--gap-large: var(--krds-gap-4); --krds-button--radius-large: var(--krds-radius-medium3); --krds-button--pc-font-size-large: var(--krds-pc-font-size-label-large); --krds-button--mobile-font-size-large: var(--krds-mobile-font-size-label-large); --krds-button--font-weight-large: var(--krds-font-weight-regular); --krds-button--size-height-xlarge: var(--krds-size-height-9); --krds-button--padding-x-xlarge: var(--krds-padding-8); --krds-button--padding-y-xlarge: 0; --krds-button--gap-xlarge: var(--krds-gap-4); --krds-button--radius-xlarge: var(--krds-radius-medium4); --krds-button--pc-font-size-xlarge: var(--krds-pc-font-size-label-xlarge); --krds-button--mobile-font-size-xlarge: var(--krds-mobile-font-size-label-xlarge); --krds-button--font-weight-xlarge: var(--krds-font-weight-regular); --krds-button--color-primary-fill: var(--krds-light-color-button-primary-fill); --krds-button--color-primary-fill-hover: var(--krds-light-color-button-primary-fill-hover); --krds-button--color-primary-fill-pressed: var(--krds-light-color-button-primary-fill-pressed); --krds-button--color-primary-fill-disabled: var(--krds-light-color-button-disabled-fill); --krds-button--color-primary-border: var(--krds-light-color-button-primary-fill); --krds-button--color-primary-border-disabled: var(--krds-light-color-button-disabled-border); --krds-button--color-primary-text: var(--krds-light-color-text-inverse-static); --krds-button--color-primary-text-disabled: var(--krds-light-color-text-disabled-on); --krds-button--color-primary-gn-fill: var(--krds-light-color-button-primary-gn-fill); --krds-button--color-primary-gn-fill-hover: var(--krds-light-color-button-primary-gn-fill-hover); --krds-button--color-primary-gn-fill-pressed: var(--krds-light-color-button-primary-gn-fill-pressed); --krds-button--color-primary-gn-fill-disabled: var(--krds-light-color-button-disabled-fill); --krds-button--color-primary-gn-border: var(--krds-light-color-button-primary-gn-fill); --krds-button--color-primary-gn-border-disabled: var(--krds-light-color-button-disabled-border); --krds-button--color-primary-gn-text: var(--krds-light-color-text-inverse-static); --krds-button--color-primary-gn-text-disabled: var(--krds-light-color-text-disabled-on); --krds-button--color-secondary-fill: var(--krds-light-color-button-secondary-fill); --krds-button--color-secondary-fill-hover: var(--krds-light-color-button-secondary-fill-hover); --krds-button--color-secondary-fill-pressed: var(--krds-light-color-button-secondary-fill-pressed); --krds-button--color-secondary-fill-disabled: var(--krds-light-color-button-disabled-fill); --krds-button--color-secondary-border: var(--krds-light-color-button-secondary-border); --krds-button--color-secondary-border-disabled: var(--krds-light-color-button-disabled-border); --krds-button--color-secondary-text: var(--krds-light-color-text-primary); --krds-button--color-secondary-text-disabled: var(--krds-light-color-text-disabled-on); --krds-button--color-secondary-gn-fill: var(--krds-light-color-button-secondary-gn-fill); --krds-button--color-secondary-gn-fill-hover: var(--krds-light-color-button-secondary-gn-fill-hover); --krds-button--color-secondary-gn-fill-pressed: var(--krds-light-color-button-secondary-gn-fill-pressed); --krds-button--color-secondary-gn-fill-disabled: var(--krds-light-color-button-disabled-fill); --krds-button--color-secondary-gn-border: var(--krds-light-color-button-secondary-gn-border); --krds-button--color-secondary-gn-border-disabled: var(--krds-light-color-button-disabled-border); --krds-button--color-secondary-gn-text: var(--krds-light-color-text-success); --krds-button--color-secondary-gn-text-disabled: var(--krds-light-color-text-disabled-on); --krds-button--color-tertiary-fill: var(--krds-light-color-button-tertiary-fill); --krds-button--color-tertiary-fill-hover: var(--krds-light-color-button-tertiary-fill-hover); --krds-button--color-tertiary-fill-pressed: var(--krds-light-color-button-tertiary-fill-pressed); --krds-button--color-tertiary-fill-disabled: var(--krds-light-color-button-disabled-fill); --krds-button--color-tertiary-border: var(--krds-light-color-button-tertiary-border); --krds-button--color-tertiary-border-disabled: var(--krds-light-color-button-disabled-border); --krds-button--color-tertiary-text: var(--krds-light-color-text-basic); --krds-button--color-tertiary-text-disabled: var(--krds-light-color-text-disabled-on); --krds-button--color-text-fill: var(--krds-light-color-button-text-fill); --krds-button--color-text-fill-hover: var(--krds-light-color-button-text-fill-hover); --krds-button--color-text-fill-pressed: var(--krds-light-color-button-text-fill-pressed); --krds-button--color-text-fill-disabled: var(--krds-light-color-button-text-fill); --krds-button--color-text-border: var(--krds-light-color-button-text-border); --krds-button--color-text-border-disabled: var(--krds-light-color-border-transparency); --krds-button--color-text-text: var(--krds-light-color-text-basic); --krds-button--color-text-text-disabled: var(--krds-light-color-text-disabled); --krds-button--color-link-fill: var(--krds-light-color-button-text-fill); --krds-button--color-link-fill-hover: var(--krds-light-color-button-text-fill); --krds-button--color-link-fill-pressed: var(--krds-light-color-button-text-fill); --krds-button--color-link-fill-disabled: var(--krds-light-color-button-text-fill); --krds-button--color-link-border: var(--krds-light-color-button-text-border); --krds-button--color-link-border-disabled: var(--krds-light-color-border-transparency); --krds-button--color-link-text: var(--krds-light-color-link-default); --krds-button--color-link-text-disabled: var(--krds-light-color-text-disabled); --krds-badge--size-height: var(--krds-size-height-4); --krds-badge--size-height-large: var(--krds-size-height-5); --krds-badge--number-size-height: var(--krds-size-height-3); --krds-badge--line-height: var(--krds-line-height-none); --krds-badge--padding: var(--krds-padding-2) var(--krds-padding-3); --krds-badge--padding-large: var(--krds-padding-3) var(--krds-padding-5); --krds-badge--radius: var(--krds-radius-small2); --krds-badge--radius-max: var(--krds-radius-max); --krds-badge--dot-size: 0.375rem; /* .6rem */ --krds-badge--dot-padding: 0; --krds-badge--pc-font-size: var(--krds-pc-font-size-label-small); --krds-badge--pc-font-size-large: var(--krds-pc-font-size-label-medium); --krds-badge--mobile-font-size: var(--krds-mobile-font-size-label-small); --krds-badge--mobile-font-size-large: var(--krds-mobile-font-size-label-medium); --krds-badge--color-primary-element: var(--krds-light-color-element-primary); --krds-badge--color-primary-element-lighter: var(--krds-light-color-element-primary-lighter); --krds-badge--color-primary-text: var(--krds-light-color-text-primary); --krds-badge--color-secondary-element: var(--krds-light-color-element-secondary); --krds-badge--color-secondary-element-lighter: var(--krds-light-color-element-secondary-lighter); --krds-badge--color-secondary-text: var(--krds-light-color-text-secondary); --krds-badge--color-gray-element: var(--krds-light-color-element-gray); --krds-badge--color-gray-element-lighter: var(--krds-light-color-element-gray-light); --krds-badge--color-gray-text: var(--krds-light-color-text-subtle); --krds-badge--color-point-element: var(--krds-light-color-element-point); --krds-badge--color-point-element-lighter: var(--krds-light-color-element-point-lighter); --krds-badge--color-point-text: var(--krds-light-color-text-point); --krds-badge--color-danger-element: var(--krds-light-color-element-danger); --krds-badge--color-danger-element-lighter: var(--krds-light-color-element-danger-lighter); --krds-badge--color-danger-text: var(--krds-light-color-text-danger); --krds-badge--color-warning-element: var(--krds-light-color-element-warning); --krds-badge--color-warning-element-lighter: var(--krds-light-color-element-warning-lighter); --krds-badge--color-warning-text: var(--krds-light-color-text-warning); --krds-badge--color-success-element: var(--krds-light-color-element-success); --krds-badge--color-success-element-lighter: var(--krds-light-color-element-success-lighter); --krds-badge--color-success-text: var(--krds-light-color-text-success); --krds-badge--color-information-element: var(--krds-light-color-element-information); --krds-badge--color-information-element-lighter: var(--krds-light-color-element-information-lighter); --krds-badge--color-information-text: var(--krds-light-color-text-information); --krds-badge--color-disabled-element: var(--krds-light-color-element-disabled-dark); --krds-badge--color-disabled-element-lighter: var(--krds-light-color-element-disabled-light); --krds-badge--color-disabled-text: var(--krds-light-color-text-disabled-on); --krds-badge--color-background-basic: var(--krds-light-color-background-white); --krds-badge--color-text-basic: var(--krds-light-color-text-inverse-static); --krds-badge--color-text-warning: var(--krds-light-color-text-static); }