/* 
 * Oslo-sans
 */
@font-face {
  font-display: swap;
  font-family: Oslo Sans;
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/OsloSans-Regular.woff2") format("woff2"), url("../fonts/OsloSans-Regular.woff") format("woff");
}
@font-face {
  font-display: swap;
  font-family: Oslo Sans;
  font-style: italic;
  font-weight: 400;
  src: url("../fonts/OsloSans-RegularItalic.woff2") format("woff2"), url("../fonts/OsloSans-RegularItalic.woff") format("woff");
}
@font-face {
  font-display: swap;
  font-family: Oslo Sans;
  font-style: normal;
  font-weight: 300;
  src: url("../fonts/OsloSans-Light.woff2") format("woff2"), url("../fonts/OsloSans-Light.woff") format("woff");
}
@font-face {
  font-display: swap;
  font-family: Oslo Sans;
  font-style: normal;
  font-weight: 500;
  src: url("../fonts/OsloSans-Medium.woff2") format("woff2"), url("../fonts/OsloSans-Medium.woff") format("woff");
}
@font-face {
  font-display: swap;
  font-family: Oslo Sans;
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/OsloSans-Bold.woff2") format("woff2"), url("../fonts/OsloSans-Bold.woff") format("woff");
}
@font-face {
  font-display: swap;
  font-family: Oslo Icons;
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/OsloIcons.woff2") format("woff2"), url("../fonts/OsloIcons.woff") format("woff");
}
/*
 * Colors
 * Brand
 * Light mode
 * Dark mode
 */
:root {
  /**
   * @tokens Colors
   * @presenter Color
   */
  --pkt-color-brand-blue-100: #f1fdff;
  --pkt-color-brand-blue-200: #e5fcff;
  --pkt-color-brand-blue-300: #d1f9ff;
  --pkt-color-brand-blue-500: #b3f5ff;
  --pkt-color-brand-blue-1000: #6fe9ff;
  --pkt-color-brand-dark-blue-700: #6a698b;
  --pkt-color-brand-dark-blue-1000: #2a2859;
  --pkt-color-brand-warm-blue-1000: #1f42aa;
  --pkt-color-brand-green-400: #c7fde9;
  --pkt-color-brand-green-1000: #43f8b6;
  --pkt-color-brand-light-green-400: #e5ffe6;
  --pkt-color-brand-light-green-1000: #c7f6c9;
  --pkt-color-brand-dark-green-1000: #034b45;
  --pkt-color-brand-yellow-1000: #f9c66b;
  --pkt-color-brand-yellow-500: #ffe7bc;
  --pkt-color-brand-red-100: #fff2f1;
  --pkt-color-brand-red-400: #ffdfdc;
  --pkt-color-brand-red-600: #ffb4ac;
  --pkt-color-brand-red-1000: #ff8274;
  --pkt-color-brand-light-beige-1000: #f8f0dd;
  --pkt-color-brand-dark-beige-1000: #d0bfae;
  --pkt-color-brand-neutrals-white: #ffffff;
  --pkt-color-brand-neutrals-50: #f9f9f9;
  --pkt-color-brand-neutrals-100: #f2f2f2;
  --pkt-color-brand-neutrals-200: #e6e6e6;
  --pkt-color-brand-neutrals-300: #cccccc;
  --pkt-color-brand-neutrals-400: #b3b3b3;
  --pkt-color-brand-neutrals-500: #9a9a9a;
  --pkt-color-brand-neutrals-600: #808080;
  --pkt-color-brand-neutrals-700: #666666;
  --pkt-color-brand-neutrals-800: #4d4d4d;
  --pkt-color-brand-neutrals-900: #333333;
  --pkt-color-brand-neutrals-1000: #2c2c2c;
  --pkt-color-brand-neutrals-black: #000000;
  --pkt-color-brand-neutrals-transparent: transparent;
  --pkt-color-brand-purple-1000: #e0adff;
  --pkt-color-grays-gray-100: #e6e6e6;
  --pkt-color-grays-gray-200: #cccccc;
  --pkt-color-grays-gray-300: #b3b3b3;
  --pkt-color-grays-gray-400: #9a9a9a;
  --pkt-color-grays-gray-500: #808080;
  --pkt-color-grays-gray-600: #666666;
  --pkt-color-grays-gray-700: #4d4d4d;
  --pkt-color-grays-gray-800: #333333;
  --pkt-color-grays-gray-900: #1a1a1a;
  --pkt-color-grays-gray-1000: #2c2c2c;
  --pkt-color-background-card: #ffffff;
  --pkt-color-background-default: #ffffff;
  --pkt-color-background-subtle: #f9f9f9;
  --pkt-color-background-transparent: transparent;
  --pkt-color-border-default: #2a2859;
  --pkt-color-border-beige: #d0bfae;
  --pkt-color-border-blue: #6fe9ff;
  --pkt-color-border-gray: #cccccc;
  --pkt-color-border-green: #43f8b6;
  --pkt-color-border-light-beige: #f8f0dd;
  --pkt-color-border-red: #ff8274;
  --pkt-color-border-subtle: #f2f2f2;
  --pkt-color-border-yellow: #f9c66b;
  --pkt-color-border-states-active: #1f42aa;
  --pkt-color-border-states-disabled: #cccccc;
  --pkt-color-border-states-focus: #e0adff;
  --pkt-color-border-states-hover: #1f42aa;
  --pkt-color-surface-default-default: #f2f2f2;
  --pkt-color-surface-default-faded-green: #e5ffe6;
  --pkt-color-surface-default-faded-red: #ffdfdc;
  --pkt-color-surface-default-gray: #f2f2f2;
  --pkt-color-surface-default-light-beige: #f8f0dd;
  --pkt-color-surface-default-light-blue: #b3f5ff;
  --pkt-color-surface-default-light-green: #c7fde9;
  --pkt-color-surface-default-pale-blue: #d1f9ff;
  --pkt-color-surface-default-red: #ffb4ac;
  --pkt-color-surface-default-yellow: #ffe7bc;
  --pkt-color-surface-strong-beige: #d0bfae;
  --pkt-color-surface-strong-blue: #6fe9ff;
  --pkt-color-surface-strong-dark-blue: #2a2859;
  --pkt-color-surface-strong-dark-green: #034b45;
  --pkt-color-surface-strong-default: #e6e6e6;
  --pkt-color-surface-strong-gray: #e6e6e6;
  --pkt-color-surface-strong-green: #43f8b6;
  --pkt-color-surface-strong-light-green: #c7f6c9;
  --pkt-color-surface-strong-red: #ff8274;
  --pkt-color-surface-strong-yellow: #f9c66b;
  --pkt-color-surface-subtle-default: #ffffff;
  --pkt-color-surface-subtle-light-blue: #e5fcff;
  --pkt-color-surface-subtle-light-red: #fff2f1;
  --pkt-color-surface-subtle-gray: #f9f9f9;
  --pkt-color-surface-subtle-pale-blue: #f1fdff;
  --pkt-color-surface-subtle-white: #ffffff;
  --pkt-color-text-body-dark: #2a2859;
  --pkt-color-text-body-default: #2a2859;
  --pkt-color-text-body-light: #ffffff;
  --pkt-color-text-placeholder: #666666;
  --pkt-color-text-action-disabled: #b3b3b3;
  --pkt-color-text-action-active: #1f42aa;
  --pkt-color-text-action-hover: #1f42aa;
  --pkt-color-text-action-normal: #2a2859;
  --pkt-color-input-background-normal: #ffffff;
  --pkt-color-input-background-disabled: #f9f9f9;
  --pkt-color-input-background-open: #1f42aa;
  --pkt-color-input-border-active: #1f42aa;
  --pkt-color-input-border-disabled: #cccccc;
  --pkt-color-input-border-error: #ff8274;
  --pkt-color-input-border-hover: #1f42aa;
  --pkt-color-input-border-normal: #2a2859;
  --pkt-color-input-text-active: #1f42aa;
  --pkt-color-input-text-disabled: #b3b3b3;
  --pkt-color-input-text-hover: #1f42aa;
  --pkt-color-input-text-normal: #2a2859;
  --pkt-color-input-text-error: #ff8274;
  --pkt-color-input-text-open: #ffffff;
  --pkt-color-tag-text-normal: #2a2859;
  --pkt-color-tag-text-hover: #1f42aa;
  --pkt-color-tag-text-active: #1f42aa;
  --pkt-color-tag-text-focus: #1f42aa;
  --pkt-color-input-check-background: #ffffff;
  --pkt-color-input-check-border: #2a2859;
  --pkt-color-input-check-text-active: #1f42aa;
  --pkt-color-input-check-text-hover: #1f42aa;
  --pkt-color-spinner-border-normal: #e6e6e6;
  --pkt-color-spinner-border-blue: #2a2859;
  --pkt-color-spinner-border-rainbow: #6fe9ff;
  --pkt-color-button-primary-background-normal: #2a2859;
  --pkt-color-button-primary-background-hover: #1f42aa;
  --pkt-color-button-primary-background-focus: #1f42aa;
  --pkt-color-button-primary-background-active: #1f42aa;
  --pkt-color-button-primary-background-disabled: #f9f9f9;
  --pkt-color-button-primary-background-success: #43f8b6;
  --pkt-color-button-primary-background-danger: #ff8274;
  --pkt-color-button-primary-border-focus: #1f42aa;
  --pkt-color-button-primary-text-normal: #ffffff;
  --pkt-color-button-primary-text-hover: #ffffff;
  --pkt-color-button-primary-text-focus: #ffffff;
  --pkt-color-button-primary-text-active: #ffffff;
  --pkt-color-button-primary-text-disabled: #b3b3b3;
  --pkt-color-button-secondary-background-hover: transparent;
  --pkt-color-button-secondary-background-active: transparent;
  --pkt-color-button-secondary-background-disabled: #f9f9f9;
  --pkt-color-button-secondary-border-normal: #2a2859;
  --pkt-color-button-secondary-border-yellow: #f9c66b;
  --pkt-color-button-secondary-border-focus: #1f42aa;
  --pkt-color-button-secondary-border-hover: #1f42aa;
  --pkt-color-button-secondary-border-active: #1f42aa;
  --pkt-color-button-secondary-border-disabled: #e6e6e6;
  --pkt-color-button-secondary-text-normal: #2a2859;
  --pkt-color-button-secondary-text-hover: #1f42aa;
  --pkt-color-button-secondary-text-focus: #1f42aa;
  --pkt-color-button-secondary-text-active: #1f42aa;
  --pkt-color-button-secondary-text-disabled: #b3b3b3;
  --pkt-color-button-tertiary-background-hover: #f2f2f2;
  --pkt-color-button-tertiary-background-focus: #f2f2f2;
  --pkt-color-button-tertiary-background-active: #f2f2f2;
  --pkt-color-button-tertiary-background-disabled: #f9f9f9;
  --pkt-color-button-tertiary-border-focus: #1f42aa;
  --pkt-color-button-tertiary-text-normal: #2a2859;
  --pkt-color-button-tertiary-text-hover: #1f42aa;
  --pkt-color-button-tertiary-text-focus: #1f42aa;
  --pkt-color-button-tertiary-text-active: #1f42aa;
  --pkt-color-button-tertiary-text-disabled: #b3b3b3;
  --color-blue: #6fe9ff;
  --color-blue-light: #b3f5ff;
  --color-blue-dark: #2a2859;
  --color-green: #43f8b6;
  --color-green-light: #c7f6c9;
  --color-green-dark: #034b45;
  --color-red: #ff8274;
  --color-red-light: #ffb4ac;
  --color-yellow: #f9c66b;
  --color-beige-light: #f8f0dd;
  --color-beige-dark: #d0bfae;
  --color-active: #1f42aa;
  --color-active-light: #b3f5ff;
  --color-hover: #1f42aa;
  --color-hover-light: #b3f5ff;
  --color-focus: #e0adff;
  --color-disabled: #4d4d4d;
  --color-disabled-light: #f9f9f9;
  --color-info: #2a2859;
  --color-success: #034b45;
  --color-warning: #774c01;
  --color-error: #96281c;
  --color-blue-dark-5: #f2f9ff;
  --color-blue-dark-10: #d9e9f2;
  --color-blue-5: #f1fdff;
  --color-blue-10: #e5fcff;
  --color-blue-60: #d1f9ff;
  --color-green-dark-5: #f2fff3;
  --color-green-dark-10: #d9f2ef;
  --color-green-10: #e5ffe6;
  --color-green-30: #c7fde9;
  --color-red-5: #fff3f2;
  --color-red-10: #ffe8e5;
  --color-red-30: #ffdfdc;
  --color-yellow-5: #fef9f0;
  --color-yellow-50: #ffe7bc;
  --color-gray-light: #f9f9f9;
  --color-gray: #f2f2f2;
  --color-gray-dark: #2c2c2c;
  --color-transparent: transparent;
  --color-white: #fff;
  --color-grayscale-10: #e6e6e6;
  --color-grayscale-20: #ccc;
  --color-grayscale-30: #b3b3b3;
  --color-grayscale-40: #9a9a9a;
  --color-grayscale-50: #808080;
  --color-grayscale-60: #666;
  --color-grayscale-70: #4d4d4d;
  --color-grayscale-80: #333;
  --color-grayscale-90: #1a1a1a;
  --color-black: #000;
}
:root[data-mode=dark],
:root [data-mode=dark] {
  color-scheme: dark;
  --pkt-color-background-card: #2c2c2c;
  --pkt-color-background-default: #2c2c2c;
  --pkt-color-background-subtle: #333333;
  --pkt-color-border-default: #e6e6e6;
  --pkt-color-border-subtle: #4d4d4d;
  --pkt-color-border-states-active: #b3f5ff;
  --pkt-color-border-states-disabled: #666666;
  --pkt-color-border-states-hover: #b3f5ff;
  --pkt-color-surface-default-default: #333333;
  --pkt-color-surface-strong-default: #4d4d4d;
  --pkt-color-surface-subtle-default: #2c2c2c;
  --pkt-color-text-body-default: #e6e6e6;
  --pkt-color-text-body-light: #e6e6e6;
  --pkt-color-text-placeholder: #9a9a9a;
  --pkt-color-text-action-disabled: #808080;
  --pkt-color-text-action-active: #b3f5ff;
  --pkt-color-text-action-hover: #b3f5ff;
  --pkt-color-text-action-normal: #e6e6e6;
  --pkt-color-input-background-normal: #2c2c2c;
  --pkt-color-input-background-disabled: #333333;
  --pkt-color-input-background-open: #b3f5ff;
  --pkt-color-input-border-active: #b3f5ff;
  --pkt-color-input-border-disabled: #666666;
  --pkt-color-input-border-hover: #b3f5ff;
  --pkt-color-input-border-normal: #e6e6e6;
  --pkt-color-input-text-active: #b3f5ff;
  --pkt-color-input-text-disabled: #808080;
  --pkt-color-input-text-hover: #b3f5ff;
  --pkt-color-input-text-normal: #e6e6e6;
  --pkt-color-input-text-open: #2a2859;
  --pkt-color-tag-text-hover: #2a2859;
  --pkt-color-tag-text-active: #2a2859;
  --pkt-color-tag-text-focus: #2a2859;
  --pkt-color-input-check-background: #2c2c2c;
  --pkt-color-input-check-border: #e6e6e6;
  --pkt-color-input-check-text-active: #b3f5ff;
  --pkt-color-input-check-text-hover: #b3f5ff;
  --pkt-color-spinner-border-normal: #4d4d4d;
  --pkt-color-spinner-border-blue: #ffffff;
  --pkt-color-button-primary-background-normal: #b3f5ff;
  --pkt-color-button-primary-background-hover: #6fe9ff;
  --pkt-color-button-primary-background-focus: #6fe9ff;
  --pkt-color-button-primary-background-active: #6fe9ff;
  --pkt-color-button-primary-background-disabled: #333333;
  --pkt-color-button-primary-border-focus: #6fe9ff;
  --pkt-color-button-primary-text-normal: #2a2859;
  --pkt-color-button-primary-text-hover: #2a2859;
  --pkt-color-button-primary-text-focus: #2a2859;
  --pkt-color-button-primary-text-active: #2a2859;
  --pkt-color-button-primary-text-disabled: #808080;
  --pkt-color-button-secondary-background-disabled: #333333;
  --pkt-color-button-secondary-border-normal: #e6e6e6;
  --pkt-color-button-secondary-border-focus: #b3f5ff;
  --pkt-color-button-secondary-border-hover: #b3f5ff;
  --pkt-color-button-secondary-border-active: #b3f5ff;
  --pkt-color-button-secondary-border-disabled: #4d4d4d;
  --pkt-color-button-secondary-text-normal: #e6e6e6;
  --pkt-color-button-secondary-text-hover: #b3f5ff;
  --pkt-color-button-secondary-text-focus: #b3f5ff;
  --pkt-color-button-secondary-text-active: #b3f5ff;
  --pkt-color-button-secondary-text-disabled: #808080;
  --pkt-color-button-tertiary-background-hover: #333333;
  --pkt-color-button-tertiary-background-focus: #333333;
  --pkt-color-button-tertiary-background-active: #333333;
  --pkt-color-button-tertiary-background-disabled: #333333;
  --pkt-color-button-tertiary-border-focus: transparent;
  --pkt-color-button-tertiary-text-normal: #e6e6e6;
  --pkt-color-button-tertiary-text-hover: #b3f5ff;
  --pkt-color-button-tertiary-text-focus: #b3f5ff;
  --pkt-color-button-tertiary-text-active: #b3f5ff;
  --pkt-color-button-tertiary-text-disabled: #808080;
}
:root[data-mode=light],
:root [data-mode=light] {
  color-scheme: light;
  --pkt-color-background-card: #ffffff;
  --pkt-color-background-default: #ffffff;
  --pkt-color-background-subtle: #f9f9f9;
  --pkt-color-border-default: #2a2859;
  --pkt-color-border-subtle: #f2f2f2;
  --pkt-color-border-states-active: #1f42aa;
  --pkt-color-border-states-disabled: #cccccc;
  --pkt-color-border-states-hover: #1f42aa;
  --pkt-color-surface-default-default: #f2f2f2;
  --pkt-color-surface-strong-default: #e6e6e6;
  --pkt-color-surface-subtle-default: #ffffff;
  --pkt-color-text-body-default: #2a2859;
  --pkt-color-text-body-light: #ffffff;
  --pkt-color-text-placeholder: #666666;
  --pkt-color-text-action-disabled: #b3b3b3;
  --pkt-color-text-action-active: #1f42aa;
  --pkt-color-text-action-hover: #1f42aa;
  --pkt-color-text-action-normal: #2a2859;
  --pkt-color-input-background-normal: #ffffff;
  --pkt-color-input-background-disabled: #f9f9f9;
  --pkt-color-input-background-open: #1f42aa;
  --pkt-color-input-border-active: #1f42aa;
  --pkt-color-input-border-disabled: #cccccc;
  --pkt-color-input-border-hover: #1f42aa;
  --pkt-color-input-border-normal: #2a2859;
  --pkt-color-input-text-active: #1f42aa;
  --pkt-color-input-text-disabled: #b3b3b3;
  --pkt-color-input-text-hover: #1f42aa;
  --pkt-color-input-text-normal: #2a2859;
  --pkt-color-input-text-open: #ffffff;
  --pkt-color-tag-text-hover: #1f42aa;
  --pkt-color-tag-text-active: #1f42aa;
  --pkt-color-tag-text-focus: #1f42aa;
  --pkt-color-input-check-background: #ffffff;
  --pkt-color-input-check-border: #2a2859;
  --pkt-color-input-check-text-active: #1f42aa;
  --pkt-color-input-check-text-hover: #1f42aa;
  --pkt-color-spinner-border-normal: #e6e6e6;
  --pkt-color-spinner-border-blue: #2a2859;
  --pkt-color-button-primary-background-normal: #2a2859;
  --pkt-color-button-primary-background-hover: #1f42aa;
  --pkt-color-button-primary-background-focus: #1f42aa;
  --pkt-color-button-primary-background-active: #1f42aa;
  --pkt-color-button-primary-background-disabled: #f9f9f9;
  --pkt-color-button-primary-border-focus: #1f42aa;
  --pkt-color-button-primary-text-normal: #ffffff;
  --pkt-color-button-primary-text-hover: #ffffff;
  --pkt-color-button-primary-text-focus: #ffffff;
  --pkt-color-button-primary-text-active: #ffffff;
  --pkt-color-button-primary-text-disabled: #b3b3b3;
  --pkt-color-button-secondary-background-disabled: #f9f9f9;
  --pkt-color-button-secondary-border-normal: #2a2859;
  --pkt-color-button-secondary-border-focus: #1f42aa;
  --pkt-color-button-secondary-border-hover: #1f42aa;
  --pkt-color-button-secondary-border-active: #1f42aa;
  --pkt-color-button-secondary-border-disabled: #e6e6e6;
  --pkt-color-button-secondary-text-normal: #2a2859;
  --pkt-color-button-secondary-text-hover: #1f42aa;
  --pkt-color-button-secondary-text-focus: #1f42aa;
  --pkt-color-button-secondary-text-active: #1f42aa;
  --pkt-color-button-secondary-text-disabled: #b3b3b3;
  --pkt-color-button-tertiary-background-hover: #f2f2f2;
  --pkt-color-button-tertiary-background-focus: #f2f2f2;
  --pkt-color-button-tertiary-background-active: #f2f2f2;
  --pkt-color-button-tertiary-background-disabled: #f9f9f9;
  --pkt-color-button-tertiary-border-focus: #1f42aa;
  --pkt-color-button-tertiary-text-normal: #2a2859;
  --pkt-color-button-tertiary-text-hover: #1f42aa;
  --pkt-color-button-tertiary-text-focus: #1f42aa;
  --pkt-color-button-tertiary-text-active: #1f42aa;
  --pkt-color-button-tertiary-text-disabled: #b3b3b3;
}