/* font */
/* flex align */
/* flex justify-content */
/* flex direction*/
/* flex row */
/* flex */
/* scrollbar mixin */
:root {
  /* font */
  --font-r: "pre Regular";
  --font-m: "pre Medium";
  --font-sb: "pre SemiBold";
  --font-b: "pre Bold";
  /* font size */
  --krds-fz-body-sm: 1.5rem;
  --krds-fz-body-md: 1.7rem;
  --krds-fz-body-lg: 1.9rem;
  --krds-fz-link-sm: 1.5rem;
  --krds-fz-link-md: 1.7rem;
  --krds-fz-link-lg: 1.9rem;
  /* color */
  --krds-white: #fff;
  --krds-black: #000;
  --krds-primary: #244ea2;
  --krds-secondary: #18a0c4;
  --krds-point: #e71825;
  --krds-danger: #bd2c0f;
  --krds-warning: #ffb724;
  --krds-success: #008a1e;
  --krds-information: #2768ff;
  --krds-subtle: #464c53;
  --krds-text-basic: #1e2124;
  --krds-primary-5: #ededf8;
  --krds-primary-10: #dbdbf0;
  --krds-primary-20: #a4a4da;
  --krds-primary-30: #6e6ec4;
  --krds-primary-40: #5454ba;
  --krds-primary-50: #2c2c6d;
  --krds-primary-60: #25255b;
  --krds-primary-70: #1d1d49;
  --krds-primary-80: #161637;
  --krds-primary-90: #0f0f24;
  --krds-primary-95: #070712;
  --krds-secondary-5: #faeeea;
  --krds-secondary-10: #f3d6ce;
  --krds-secondary-20: #ebbbad;
  --krds-secondary-30: #e6aa98;
  --krds-secondary-40: #d7775b;
  --krds-secondary-50: #bf573d;
  --krds-secondary-60: #ba553b;
  --krds-secondary-70: #b6533a;
  --krds-secondary-80: #943d24;
  --krds-secondary-90: #7b331e;
  --krds-secondary-95: #3e190f;
  --krds-gray-5: #f8f8f8;
  --krds-gray-10: #f0f0f0;
  --krds-gray-20: #e4e4e4;
  --krds-gray-30: #cdd1d5;
  --krds-gray-40: #c6c6c6;
  --krds-gray-50: #8e8e8e;
  --krds-gray-60: #6d7882;
  --krds-gray-70: #555555;
  --krds-gray-80: #33363d;
  --krds-gray-90: #1d1d1d;
  --krds-gray-95: #131416;
  --krds-gray-100: #000000;
  --krds-gray-light: #cdd1d5;
  --krds-gray-subtler: #f4f5f6;
  /* size */
  --krds-btn-h-xsm: 3rem;
  --krds-btn-h-sm: 3.2rem;
  --krds-btn-h-md: 4rem;
  --krds-btn-h-lg: 4.8rem;
  --krds-btn-h-xlg: 5.6rem;
  --krds-btn-px-xsm: 1rem;
  --krds-btn-px-sm: 1rem;
  --krds-btn-px-md: 1.2rem;
  --krds-btn-px-lg: 2rem;
  --krds-btn-px-xlg: 2.4rem;
  --krds-btn-rd-xsm: 0.6rem;
  --krds-btn-rd-sm: 0.4rem;
  --krds-btn-rd-md: 0.8rem;
  --krds-btn-rd-lg: 0.8rem;
  --krds-btn-rd-xlg: 0.8rem;
  --krds-btn-fz-xsm: 1.4rem;
  --krds-btn-fz-sm: 1.5rem;
  --krds-btn-fz-md: 1.7em;
  --krds-btn-fz-lg: 1.9rem;
  --krds-btn-fz-xlg: 1.9rem;
  --krds-spacer-50: 20rem;
  --krds-spacer-49: 19.6rem;
  --krds-spacer-48: 19.2rem;
  --krds-spacer-47: 18.8rem;
  --krds-spacer-46: 18.4rem;
  --krds-spacer-45: 18rem;
  --krds-spacer-44: 17.6rem;
  --krds-spacer-43: 17.2rem;
  --krds-spacer-42: 16.8rem;
  --krds-spacer-41: 16.4rem;
  --krds-spacer-40: 16rem;
  --krds-spacer-39: 15.6rem;
  --krds-spacer-38: 15.2rem;
  --krds-spacer-37: 14.8rem;
  --krds-spacer-36: 14.4rem;
  --krds-spacer-35: 14rem;
  --krds-spacer-34: 13.6rem;
  --krds-spacer-33: 13.2rem;
  --krds-spacer-32: 12.8rem;
  --krds-spacer-31: 12.4rem;
  --krds-spacer-30: 12rem;
  --krds-spacer-29: 11.6rem;
  --krds-spacer-28: 11.2rem;
  --krds-spacer-27: 10.8rem;
  --krds-spacer-26: 10.4rem;
  --krds-spacer-25: 10rem;
  --krds-spacer-24: 9.6rem;
  --krds-spacer-23: 9.2rem;
  --krds-spacer-22: 8.8rem;
  --krds-spacer-21: 8.4rem;
  --krds-spacer-20: 8rem;
  --krds-spacer-19: 7.6rem;
  --krds-spacer-18: 7.2rem;
  --krds-spacer-17: 6.8rem;
  --krds-spacer-16: 6.4rem;
  --krds-spacer-15: 6rem;
  --krds-spacer-14: 5.6rem;
  --krds-spacer-13: 5.2rem;
  --krds-spacer-12: 4.8rem;
  --krds-spacer-11: 4.4rem;
  --krds-spacer-10: 4rem;
  --krds-spacer-9: 3.6rem;
  --krds-spacer-8: 3.2rem;
  --krds-spacer-7: 2.8rem;
  --krds-spacer-6: 2.4rem;
  --krds-spacer-5: 2rem;
  --krds-spacer-4: 1.6rem;
  --krds-spacer-3: 1rem;
  --krds-spacer-2: 0.8rem;
  --krds-spacer-1: 0.4rem;
  --krds-spacer-0: 0;
  --krds-spacer-default: 0.1rem;
  --krds-spacer-default2: 0.2rem;
  --krds-spacer-full: 100%;
  --krds-success-20: #a9dab4;
  --krds-point-20: #ebadb2;
  /* gray scale - text/icon/bg */
  /* bg */
  /*box-shadow*/
  --shadow-1: 0px 0px 2px 0px rgba(0, 0, 0, 0.05),
    0px 1px 2px 0px rgba(0, 0, 0, 0.05);
  --shadow-2: 0px 4px 8px 0px rgba(0, 0, 0, 0.08),
    0px 0px 2px 0px rgba(0, 0, 0, 0.05);
  --shadow-3: 0px 8px 16px 0px rgba(0, 0, 0, 0.12),
    0px 0px 2px 0px rgba(0, 0, 0, 0.08);
  --shadow-4: 0px 16px 24px 0px rgba(0, 0, 0, 0.12),
    0px 0px 2px 0px rgba(0, 0, 0, 0.08);
  /*font*/
  --pc-font-size-subtit: 2.8rem;
}