@charset "UTF-8";
/* 
 * 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;
}

/*
 * Defaults for elementer
 *
 */
body,
h1,
h2,
h3,
h4 {
  margin: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: normal;
  font-size: 1rem;
}

img,
svg {
  vertical-align: middle;
}

p {
  display: block;
}

body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  min-height: 100vh;
  overflow-y: auto;
  line-height: 1.75;
  text-rendering: optimizeSpeed;
  scroll-behavior: smooth;
}

.pkt-contents {
  display: contents;
}

/* 
 * Typografi
 * 
 * Setter Oslo kommune-stiler
 * 
 */
body {
  font-family: 'Oslo Sans', arial, sans-serif;
  font-size: 1rem;
  font-weight: 300;
  letter-spacing: normal;
  line-height: 1.75rem;
}

body,
[data-mode=dark] {
  color: var(--pkt-color-text-body-default);
}

em {
  font-style: italic;
}

small {
  font-size: 0.875rem;
  opacity: 0.8;
}

strong {
  font-weight: 500;
}

/*
 * origo typography
 * prefix pkt
 */
.pkt-txt-70 {
  font-size: 4.375rem;
  font-weight: 400;
  letter-spacing: -0.4px;
  line-height: 6.125rem;
}

.pkt-txt-54 {
  font-size: 3.375rem;
  font-weight: 400;
  letter-spacing: -0.4px;
  line-height: 5.125rem;
}

.pkt-txt-48 {
  font-size: 3rem;
  font-weight: 400;
  letter-spacing: -0.2px;
  line-height: 4rem;
}

.pkt-txt-40 {
  font-size: 2.5rem;
  font-weight: 400;
  letter-spacing: -0.2px;
  line-height: 3.75rem;
}

.pkt-txt-36 {
  font-size: 2.25rem;
  font-weight: 400;
  letter-spacing: -0.2px;
  line-height: 3.375rem;
}

.pkt-txt-30 {
  font-size: 1.875rem;
  font-weight: 400;
  letter-spacing: -0.2px;
  line-height: 2.75rem;
}

.pkt-txt-28 {
  font-size: 1.75rem;
  font-weight: 400;
  letter-spacing: -0.2px;
  line-height: 2.25rem;
}

.pkt-txt-26 {
  font-size: 1.625rem;
  font-weight: 400;
  letter-spacing: -0.2px;
  line-height: 2.5rem;
}

.pkt-txt-24 {
  font-size: 1.5rem;
  font-weight: 400;
  letter-spacing: -0.2px;
  line-height: 2.25rem;
}

.pkt-txt-22 {
  font-size: 1.375rem;
  font-weight: 400;
  letter-spacing: -0.2px;
  line-height: 2.125rem;
}

.pkt-txt-20 {
  font-size: 1.25rem;
  font-weight: 400;
  letter-spacing: -0.2px;
  line-height: 2rem;
}

.pkt-txt-18 {
  font-size: 1.125rem;
  font-weight: 400;
  letter-spacing: -0.2px;
  line-height: 1.75rem;
}

.pkt-txt-16 {
  font-size: 1rem;
  font-weight: 400;
  letter-spacing: -0.2px;
  line-height: 1.5rem;
}

.pkt-txt-14 {
  font-size: 0.875rem;
  font-weight: 400;
  letter-spacing: -0.2px;
  line-height: 1.375rem;
}

.pkt-txt-12 {
  font-size: 0.75rem;
  font-weight: 400;
  letter-spacing: -0.2px;
  line-height: 1.25rem;
}

.pkt-txt-54-medium {
  font-size: 3.375rem;
  font-weight: 500;
  letter-spacing: -0.4px;
  line-height: 5.125rem;
}

.pkt-txt-40-medium {
  font-size: 2.5rem;
  font-weight: 500;
  letter-spacing: -0.2px;
  line-height: 3.75rem;
}

.pkt-txt-36-medium {
  font-size: 2.25rem;
  font-weight: 500;
  letter-spacing: -0.2px;
  line-height: 3.375rem;
}

.pkt-txt-30-medium {
  font-size: 1.875rem;
  font-weight: 500;
  letter-spacing: -0.2px;
  line-height: 2.75rem;
}

.pkt-txt-28-medium {
  font-size: 1.75rem;
  font-weight: 500;
  letter-spacing: -0.2px;
  line-height: 2.25rem;
}

.pkt-txt-26-medium {
  font-size: 1.625rem;
  font-weight: 500;
  letter-spacing: -0.2px;
  line-height: 2.5rem;
}

.pkt-txt-24-medium {
  font-size: 1.5rem;
  font-weight: 500;
  letter-spacing: -0.2px;
  line-height: 2.25rem;
}

.pkt-txt-22-medium {
  font-size: 1.375rem;
  font-weight: 500;
  letter-spacing: -0.2px;
  line-height: 2.125rem;
}

.pkt-txt-20-medium {
  font-size: 1.25rem;
  font-weight: 500;
  letter-spacing: -0.2px;
  line-height: 2rem;
}

.pkt-txt-18-medium {
  font-size: 1.125rem;
  font-weight: 500;
  letter-spacing: -0.2px;
  line-height: 1.75rem;
}

.pkt-txt-16-medium {
  font-size: 1rem;
  font-weight: 500;
  letter-spacing: -0.2px;
  line-height: 1.5rem;
}

.pkt-txt-14-medium {
  font-size: 0.875rem;
  font-weight: 500;
  letter-spacing: -0.2px;
  line-height: 1.375rem;
}

.pkt-txt-12-medium {
  font-size: 0.75rem;
  font-weight: 500;
  letter-spacing: -0.2px;
  line-height: 1.25rem;
}

.pkt-txt-54-bold {
  font-size: 3.375rem;
  font-weight: 700;
  letter-spacing: -0.4px;
  line-height: 5.125rem;
}

.pkt-txt-40-bold {
  font-size: 2.5rem;
  font-weight: 700;
  letter-spacing: -0.2px;
  line-height: 3.75rem;
}

.pkt-txt-36-bold {
  font-size: 2.25rem;
  font-weight: 700;
  letter-spacing: -0.2px;
  line-height: 3.375rem;
}

.pkt-txt-30-bold {
  font-size: 1.875rem;
  font-weight: 700;
  letter-spacing: -0.2px;
  line-height: 2.75rem;
}

.pkt-txt-28-bold {
  font-size: 1.75rem;
  font-weight: 700;
  letter-spacing: -0.2px;
  line-height: 2.25rem;
}

.pkt-txt-26-bold {
  font-size: 1.625rem;
  font-weight: 700;
  letter-spacing: -0.2px;
  line-height: 2.5rem;
}

.pkt-txt-24-bold {
  font-size: 1.5rem;
  font-weight: 700;
  letter-spacing: -0.2px;
  line-height: 2.25rem;
}

.pkt-txt-22-bold {
  font-size: 1.375rem;
  font-weight: 700;
  letter-spacing: -0.2px;
  line-height: 2.125rem;
}

.pkt-txt-20-bold {
  font-size: 1.25rem;
  font-weight: 700;
  letter-spacing: -0.2px;
  line-height: 2rem;
}

.pkt-txt-18-bold {
  font-size: 1.125rem;
  font-weight: 700;
  letter-spacing: -0.2px;
  line-height: 1.75rem;
}

.pkt-txt-16-bold {
  font-size: 1rem;
  font-weight: 700;
  letter-spacing: -0.2px;
  line-height: 1.5rem;
}

.pkt-txt-14-bold {
  font-size: 0.875rem;
  font-weight: 700;
  letter-spacing: -0.2px;
  line-height: 1.375rem;
}

.pkt-txt-12-bold {
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: -0.2px;
  line-height: 1.25rem;
}

.pkt-txt-54-light {
  font-size: 3.375rem;
  font-weight: 300;
  letter-spacing: -0.4px;
  line-height: 5.125rem;
}

.pkt-txt-40-light {
  font-size: 2.5rem;
  font-weight: 300;
  letter-spacing: -0.2px;
  line-height: 3.75rem;
}

.pkt-txt-36-light {
  font-size: 2.25rem;
  font-weight: 300;
  letter-spacing: -0.2px;
  line-height: 3.375rem;
}

.pkt-txt-30-light {
  font-size: 1.875rem;
  font-weight: 300;
  letter-spacing: -0.2px;
  line-height: 2.75rem;
}

.pkt-txt-28-light {
  font-size: 1.75rem;
  font-weight: 300;
  letter-spacing: -0.2px;
  line-height: 2.25rem;
}

.pkt-txt-26-light {
  font-size: 1.625rem;
  font-weight: 300;
  letter-spacing: -0.2px;
  line-height: 2.5rem;
}

.pkt-txt-24-light {
  font-size: 1.5rem;
  font-weight: 300;
  letter-spacing: -0.2px;
  line-height: 2.25rem;
}

.pkt-txt-22-light {
  font-size: 1.375rem;
  font-weight: 300;
  letter-spacing: -0.2px;
  line-height: 2.125rem;
}

.pkt-txt-20-light {
  font-size: 1.25rem;
  font-weight: 300;
  letter-spacing: -0.2px;
  line-height: 2rem;
}

.pkt-txt-18-light {
  font-size: 1.125rem;
  font-weight: 300;
  letter-spacing: -0.2px;
  line-height: 1.75rem;
}

.pkt-txt-16-light {
  font-size: 1rem;
  font-weight: 300;
  letter-spacing: -0.2px;
  line-height: 1.5rem;
}

.pkt-txt-14-light {
  font-size: 0.875rem;
  font-weight: 300;
  letter-spacing: -0.2px;
  line-height: 1.375rem;
}

.pkt-txt-12-light {
  font-size: 0.75rem;
  font-weight: 300;
  letter-spacing: -0.2px;
  line-height: 1.25rem;
}

.pkt-font-light {
  font-weight: 300;
}

.pkt-font-regular {
  font-weight: 400;
}

.pkt-font-medium {
  font-weight: 500;
}

.pkt-font-bold {
  font-weight: 700;
}

@media screen and (min-width: 48rem) {
  .pkt-txt-70--tablet-up {
    font-size: 4.375rem;
    font-weight: 400;
    letter-spacing: -0.4px;
    line-height: 6.125rem;
  }
  .pkt-txt-54--tablet-up {
    font-size: 3.375rem;
    font-weight: 400;
    letter-spacing: -0.4px;
    line-height: 5.125rem;
  }
  .pkt-txt-48--tablet-up {
    font-size: 3rem;
    font-weight: 400;
    letter-spacing: -0.2px;
    line-height: 4rem;
  }
  .pkt-txt-40--tablet-up {
    font-size: 2.5rem;
    font-weight: 400;
    letter-spacing: -0.2px;
    line-height: 3.75rem;
  }
  .pkt-txt-36--tablet-up {
    font-size: 2.25rem;
    font-weight: 400;
    letter-spacing: -0.2px;
    line-height: 3.375rem;
  }
  .pkt-txt-30--tablet-up {
    font-size: 1.875rem;
    font-weight: 400;
    letter-spacing: -0.2px;
    line-height: 2.75rem;
  }
  .pkt-txt-28--tablet-up {
    font-size: 1.75rem;
    font-weight: 400;
    letter-spacing: -0.2px;
    line-height: 2.25rem;
  }
  .pkt-txt-26--tablet-up {
    font-size: 1.625rem;
    font-weight: 400;
    letter-spacing: -0.2px;
    line-height: 2.5rem;
  }
  .pkt-txt-24--tablet-up {
    font-size: 1.5rem;
    font-weight: 400;
    letter-spacing: -0.2px;
    line-height: 2.25rem;
  }
  .pkt-txt-22--tablet-up {
    font-size: 1.375rem;
    font-weight: 400;
    letter-spacing: -0.2px;
    line-height: 2.125rem;
  }
  .pkt-txt-20--tablet-up {
    font-size: 1.25rem;
    font-weight: 400;
    letter-spacing: -0.2px;
    line-height: 2rem;
  }
  .pkt-txt-18--tablet-up {
    font-size: 1.125rem;
    font-weight: 400;
    letter-spacing: -0.2px;
    line-height: 1.75rem;
  }
  .pkt-txt-16--tablet-up {
    font-size: 1rem;
    font-weight: 400;
    letter-spacing: -0.2px;
    line-height: 1.5rem;
  }
  .pkt-txt-14--tablet-up {
    font-size: 0.875rem;
    font-weight: 400;
    letter-spacing: -0.2px;
    line-height: 1.375rem;
  }
  .pkt-txt-12--tablet-up {
    font-size: 0.75rem;
    font-weight: 400;
    letter-spacing: -0.2px;
    line-height: 1.25rem;
  }
  .pkt-txt-54-medium--tablet-up {
    font-size: 3.375rem;
    font-weight: 500;
    letter-spacing: -0.4px;
    line-height: 5.125rem;
  }
  .pkt-txt-40-medium--tablet-up {
    font-size: 2.5rem;
    font-weight: 500;
    letter-spacing: -0.2px;
    line-height: 3.75rem;
  }
  .pkt-txt-36-medium--tablet-up {
    font-size: 2.25rem;
    font-weight: 500;
    letter-spacing: -0.2px;
    line-height: 3.375rem;
  }
  .pkt-txt-30-medium--tablet-up {
    font-size: 1.875rem;
    font-weight: 500;
    letter-spacing: -0.2px;
    line-height: 2.75rem;
  }
  .pkt-txt-28-medium--tablet-up {
    font-size: 1.75rem;
    font-weight: 500;
    letter-spacing: -0.2px;
    line-height: 2.25rem;
  }
  .pkt-txt-26-medium--tablet-up {
    font-size: 1.625rem;
    font-weight: 500;
    letter-spacing: -0.2px;
    line-height: 2.5rem;
  }
  .pkt-txt-24-medium--tablet-up {
    font-size: 1.5rem;
    font-weight: 500;
    letter-spacing: -0.2px;
    line-height: 2.25rem;
  }
  .pkt-txt-22-medium--tablet-up {
    font-size: 1.375rem;
    font-weight: 500;
    letter-spacing: -0.2px;
    line-height: 2.125rem;
  }
  .pkt-txt-20-medium--tablet-up {
    font-size: 1.25rem;
    font-weight: 500;
    letter-spacing: -0.2px;
    line-height: 2rem;
  }
  .pkt-txt-18-medium--tablet-up {
    font-size: 1.125rem;
    font-weight: 500;
    letter-spacing: -0.2px;
    line-height: 1.75rem;
  }
  .pkt-txt-16-medium--tablet-up {
    font-size: 1rem;
    font-weight: 500;
    letter-spacing: -0.2px;
    line-height: 1.5rem;
  }
  .pkt-txt-14-medium--tablet-up {
    font-size: 0.875rem;
    font-weight: 500;
    letter-spacing: -0.2px;
    line-height: 1.375rem;
  }
  .pkt-txt-12-medium--tablet-up {
    font-size: 0.75rem;
    font-weight: 500;
    letter-spacing: -0.2px;
    line-height: 1.25rem;
  }
  .pkt-txt-54-bold--tablet-up {
    font-size: 3.375rem;
    font-weight: 700;
    letter-spacing: -0.4px;
    line-height: 5.125rem;
  }
  .pkt-txt-40-bold--tablet-up {
    font-size: 2.5rem;
    font-weight: 700;
    letter-spacing: -0.2px;
    line-height: 3.75rem;
  }
  .pkt-txt-36-bold--tablet-up {
    font-size: 2.25rem;
    font-weight: 700;
    letter-spacing: -0.2px;
    line-height: 3.375rem;
  }
  .pkt-txt-30-bold--tablet-up {
    font-size: 1.875rem;
    font-weight: 700;
    letter-spacing: -0.2px;
    line-height: 2.75rem;
  }
  .pkt-txt-28-bold--tablet-up {
    font-size: 1.75rem;
    font-weight: 700;
    letter-spacing: -0.2px;
    line-height: 2.25rem;
  }
  .pkt-txt-26-bold--tablet-up {
    font-size: 1.625rem;
    font-weight: 700;
    letter-spacing: -0.2px;
    line-height: 2.5rem;
  }
  .pkt-txt-24-bold--tablet-up {
    font-size: 1.5rem;
    font-weight: 700;
    letter-spacing: -0.2px;
    line-height: 2.25rem;
  }
  .pkt-txt-22-bold--tablet-up {
    font-size: 1.375rem;
    font-weight: 700;
    letter-spacing: -0.2px;
    line-height: 2.125rem;
  }
  .pkt-txt-20-bold--tablet-up {
    font-size: 1.25rem;
    font-weight: 700;
    letter-spacing: -0.2px;
    line-height: 2rem;
  }
  .pkt-txt-18-bold--tablet-up {
    font-size: 1.125rem;
    font-weight: 700;
    letter-spacing: -0.2px;
    line-height: 1.75rem;
  }
  .pkt-txt-16-bold--tablet-up {
    font-size: 1rem;
    font-weight: 700;
    letter-spacing: -0.2px;
    line-height: 1.5rem;
  }
  .pkt-txt-14-bold--tablet-up {
    font-size: 0.875rem;
    font-weight: 700;
    letter-spacing: -0.2px;
    line-height: 1.375rem;
  }
  .pkt-txt-12-bold--tablet-up {
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: -0.2px;
    line-height: 1.25rem;
  }
  .pkt-txt-54-light--tablet-up {
    font-size: 3.375rem;
    font-weight: 300;
    letter-spacing: -0.4px;
    line-height: 5.125rem;
  }
  .pkt-txt-40-light--tablet-up {
    font-size: 2.5rem;
    font-weight: 300;
    letter-spacing: -0.2px;
    line-height: 3.75rem;
  }
  .pkt-txt-36-light--tablet-up {
    font-size: 2.25rem;
    font-weight: 300;
    letter-spacing: -0.2px;
    line-height: 3.375rem;
  }
  .pkt-txt-30-light--tablet-up {
    font-size: 1.875rem;
    font-weight: 300;
    letter-spacing: -0.2px;
    line-height: 2.75rem;
  }
  .pkt-txt-28-light--tablet-up {
    font-size: 1.75rem;
    font-weight: 300;
    letter-spacing: -0.2px;
    line-height: 2.25rem;
  }
  .pkt-txt-26-light--tablet-up {
    font-size: 1.625rem;
    font-weight: 300;
    letter-spacing: -0.2px;
    line-height: 2.5rem;
  }
  .pkt-txt-24-light--tablet-up {
    font-size: 1.5rem;
    font-weight: 300;
    letter-spacing: -0.2px;
    line-height: 2.25rem;
  }
  .pkt-txt-22-light--tablet-up {
    font-size: 1.375rem;
    font-weight: 300;
    letter-spacing: -0.2px;
    line-height: 2.125rem;
  }
  .pkt-txt-20-light--tablet-up {
    font-size: 1.25rem;
    font-weight: 300;
    letter-spacing: -0.2px;
    line-height: 2rem;
  }
  .pkt-txt-18-light--tablet-up {
    font-size: 1.125rem;
    font-weight: 300;
    letter-spacing: -0.2px;
    line-height: 1.75rem;
  }
  .pkt-txt-16-light--tablet-up {
    font-size: 1rem;
    font-weight: 300;
    letter-spacing: -0.2px;
    line-height: 1.5rem;
  }
  .pkt-txt-14-light--tablet-up {
    font-size: 0.875rem;
    font-weight: 300;
    letter-spacing: -0.2px;
    line-height: 1.375rem;
  }
  .pkt-txt-12-light--tablet-up {
    font-size: 0.75rem;
    font-weight: 300;
    letter-spacing: -0.2px;
    line-height: 1.25rem;
  }
  .pkt-font-light--tablet-up {
    font-weight: 300;
  }
  .pkt-font-regular--tablet-up {
    font-weight: 400;
  }
  .pkt-font-medium--tablet-up {
    font-weight: 500;
  }
  .pkt-font-bold--tablet-up {
    font-weight: 700;
  }
}
@media screen and (min-width: 64rem) {
  .pkt-txt-70--tablet-big-up {
    font-size: 4.375rem;
    font-weight: 400;
    letter-spacing: -0.4px;
    line-height: 6.125rem;
  }
  .pkt-txt-54--tablet-big-up {
    font-size: 3.375rem;
    font-weight: 400;
    letter-spacing: -0.4px;
    line-height: 5.125rem;
  }
  .pkt-txt-48--tablet-big-up {
    font-size: 3rem;
    font-weight: 400;
    letter-spacing: -0.2px;
    line-height: 4rem;
  }
  .pkt-txt-40--tablet-big-up {
    font-size: 2.5rem;
    font-weight: 400;
    letter-spacing: -0.2px;
    line-height: 3.75rem;
  }
  .pkt-txt-36--tablet-big-up {
    font-size: 2.25rem;
    font-weight: 400;
    letter-spacing: -0.2px;
    line-height: 3.375rem;
  }
  .pkt-txt-30--tablet-big-up {
    font-size: 1.875rem;
    font-weight: 400;
    letter-spacing: -0.2px;
    line-height: 2.75rem;
  }
  .pkt-txt-28--tablet-big-up {
    font-size: 1.75rem;
    font-weight: 400;
    letter-spacing: -0.2px;
    line-height: 2.25rem;
  }
  .pkt-txt-26--tablet-big-up {
    font-size: 1.625rem;
    font-weight: 400;
    letter-spacing: -0.2px;
    line-height: 2.5rem;
  }
  .pkt-txt-24--tablet-big-up {
    font-size: 1.5rem;
    font-weight: 400;
    letter-spacing: -0.2px;
    line-height: 2.25rem;
  }
  .pkt-txt-22--tablet-big-up {
    font-size: 1.375rem;
    font-weight: 400;
    letter-spacing: -0.2px;
    line-height: 2.125rem;
  }
  .pkt-txt-20--tablet-big-up {
    font-size: 1.25rem;
    font-weight: 400;
    letter-spacing: -0.2px;
    line-height: 2rem;
  }
  .pkt-txt-18--tablet-big-up {
    font-size: 1.125rem;
    font-weight: 400;
    letter-spacing: -0.2px;
    line-height: 1.75rem;
  }
  .pkt-txt-16--tablet-big-up {
    font-size: 1rem;
    font-weight: 400;
    letter-spacing: -0.2px;
    line-height: 1.5rem;
  }
  .pkt-txt-14--tablet-big-up {
    font-size: 0.875rem;
    font-weight: 400;
    letter-spacing: -0.2px;
    line-height: 1.375rem;
  }
  .pkt-txt-12--tablet-big-up {
    font-size: 0.75rem;
    font-weight: 400;
    letter-spacing: -0.2px;
    line-height: 1.25rem;
  }
  .pkt-txt-54-medium--tablet-big-up {
    font-size: 3.375rem;
    font-weight: 500;
    letter-spacing: -0.4px;
    line-height: 5.125rem;
  }
  .pkt-txt-40-medium--tablet-big-up {
    font-size: 2.5rem;
    font-weight: 500;
    letter-spacing: -0.2px;
    line-height: 3.75rem;
  }
  .pkt-txt-36-medium--tablet-big-up {
    font-size: 2.25rem;
    font-weight: 500;
    letter-spacing: -0.2px;
    line-height: 3.375rem;
  }
  .pkt-txt-30-medium--tablet-big-up {
    font-size: 1.875rem;
    font-weight: 500;
    letter-spacing: -0.2px;
    line-height: 2.75rem;
  }
  .pkt-txt-28-medium--tablet-big-up {
    font-size: 1.75rem;
    font-weight: 500;
    letter-spacing: -0.2px;
    line-height: 2.25rem;
  }
  .pkt-txt-26-medium--tablet-big-up {
    font-size: 1.625rem;
    font-weight: 500;
    letter-spacing: -0.2px;
    line-height: 2.5rem;
  }
  .pkt-txt-24-medium--tablet-big-up {
    font-size: 1.5rem;
    font-weight: 500;
    letter-spacing: -0.2px;
    line-height: 2.25rem;
  }
  .pkt-txt-22-medium--tablet-big-up {
    font-size: 1.375rem;
    font-weight: 500;
    letter-spacing: -0.2px;
    line-height: 2.125rem;
  }
  .pkt-txt-20-medium--tablet-big-up {
    font-size: 1.25rem;
    font-weight: 500;
    letter-spacing: -0.2px;
    line-height: 2rem;
  }
  .pkt-txt-18-medium--tablet-big-up {
    font-size: 1.125rem;
    font-weight: 500;
    letter-spacing: -0.2px;
    line-height: 1.75rem;
  }
  .pkt-txt-16-medium--tablet-big-up {
    font-size: 1rem;
    font-weight: 500;
    letter-spacing: -0.2px;
    line-height: 1.5rem;
  }
  .pkt-txt-14-medium--tablet-big-up {
    font-size: 0.875rem;
    font-weight: 500;
    letter-spacing: -0.2px;
    line-height: 1.375rem;
  }
  .pkt-txt-12-medium--tablet-big-up {
    font-size: 0.75rem;
    font-weight: 500;
    letter-spacing: -0.2px;
    line-height: 1.25rem;
  }
  .pkt-txt-54-bold--tablet-big-up {
    font-size: 3.375rem;
    font-weight: 700;
    letter-spacing: -0.4px;
    line-height: 5.125rem;
  }
  .pkt-txt-40-bold--tablet-big-up {
    font-size: 2.5rem;
    font-weight: 700;
    letter-spacing: -0.2px;
    line-height: 3.75rem;
  }
  .pkt-txt-36-bold--tablet-big-up {
    font-size: 2.25rem;
    font-weight: 700;
    letter-spacing: -0.2px;
    line-height: 3.375rem;
  }
  .pkt-txt-30-bold--tablet-big-up {
    font-size: 1.875rem;
    font-weight: 700;
    letter-spacing: -0.2px;
    line-height: 2.75rem;
  }
  .pkt-txt-28-bold--tablet-big-up {
    font-size: 1.75rem;
    font-weight: 700;
    letter-spacing: -0.2px;
    line-height: 2.25rem;
  }
  .pkt-txt-26-bold--tablet-big-up {
    font-size: 1.625rem;
    font-weight: 700;
    letter-spacing: -0.2px;
    line-height: 2.5rem;
  }
  .pkt-txt-24-bold--tablet-big-up {
    font-size: 1.5rem;
    font-weight: 700;
    letter-spacing: -0.2px;
    line-height: 2.25rem;
  }
  .pkt-txt-22-bold--tablet-big-up {
    font-size: 1.375rem;
    font-weight: 700;
    letter-spacing: -0.2px;
    line-height: 2.125rem;
  }
  .pkt-txt-20-bold--tablet-big-up {
    font-size: 1.25rem;
    font-weight: 700;
    letter-spacing: -0.2px;
    line-height: 2rem;
  }
  .pkt-txt-18-bold--tablet-big-up {
    font-size: 1.125rem;
    font-weight: 700;
    letter-spacing: -0.2px;
    line-height: 1.75rem;
  }
  .pkt-txt-16-bold--tablet-big-up {
    font-size: 1rem;
    font-weight: 700;
    letter-spacing: -0.2px;
    line-height: 1.5rem;
  }
  .pkt-txt-14-bold--tablet-big-up {
    font-size: 0.875rem;
    font-weight: 700;
    letter-spacing: -0.2px;
    line-height: 1.375rem;
  }
  .pkt-txt-12-bold--tablet-big-up {
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: -0.2px;
    line-height: 1.25rem;
  }
  .pkt-txt-54-light--tablet-big-up {
    font-size: 3.375rem;
    font-weight: 300;
    letter-spacing: -0.4px;
    line-height: 5.125rem;
  }
  .pkt-txt-40-light--tablet-big-up {
    font-size: 2.5rem;
    font-weight: 300;
    letter-spacing: -0.2px;
    line-height: 3.75rem;
  }
  .pkt-txt-36-light--tablet-big-up {
    font-size: 2.25rem;
    font-weight: 300;
    letter-spacing: -0.2px;
    line-height: 3.375rem;
  }
  .pkt-txt-30-light--tablet-big-up {
    font-size: 1.875rem;
    font-weight: 300;
    letter-spacing: -0.2px;
    line-height: 2.75rem;
  }
  .pkt-txt-28-light--tablet-big-up {
    font-size: 1.75rem;
    font-weight: 300;
    letter-spacing: -0.2px;
    line-height: 2.25rem;
  }
  .pkt-txt-26-light--tablet-big-up {
    font-size: 1.625rem;
    font-weight: 300;
    letter-spacing: -0.2px;
    line-height: 2.5rem;
  }
  .pkt-txt-24-light--tablet-big-up {
    font-size: 1.5rem;
    font-weight: 300;
    letter-spacing: -0.2px;
    line-height: 2.25rem;
  }
  .pkt-txt-22-light--tablet-big-up {
    font-size: 1.375rem;
    font-weight: 300;
    letter-spacing: -0.2px;
    line-height: 2.125rem;
  }
  .pkt-txt-20-light--tablet-big-up {
    font-size: 1.25rem;
    font-weight: 300;
    letter-spacing: -0.2px;
    line-height: 2rem;
  }
  .pkt-txt-18-light--tablet-big-up {
    font-size: 1.125rem;
    font-weight: 300;
    letter-spacing: -0.2px;
    line-height: 1.75rem;
  }
  .pkt-txt-16-light--tablet-big-up {
    font-size: 1rem;
    font-weight: 300;
    letter-spacing: -0.2px;
    line-height: 1.5rem;
  }
  .pkt-txt-14-light--tablet-big-up {
    font-size: 0.875rem;
    font-weight: 300;
    letter-spacing: -0.2px;
    line-height: 1.375rem;
  }
  .pkt-txt-12-light--tablet-big-up {
    font-size: 0.75rem;
    font-weight: 300;
    letter-spacing: -0.2px;
    line-height: 1.25rem;
  }
  .pkt-font-light--tablet-big-up {
    font-weight: 300;
  }
  .pkt-font-regular--tablet-big-up {
    font-weight: 400;
  }
  .pkt-font-medium--tablet-big-up {
    font-weight: 500;
  }
  .pkt-font-bold--tablet-big-up {
    font-weight: 700;
  }
}
@media screen and (min-width: 80rem) {
  .pkt-txt-70--laptop-up {
    font-size: 4.375rem;
    font-weight: 400;
    letter-spacing: -0.4px;
    line-height: 6.125rem;
  }
  .pkt-txt-54--laptop-up {
    font-size: 3.375rem;
    font-weight: 400;
    letter-spacing: -0.4px;
    line-height: 5.125rem;
  }
  .pkt-txt-48--laptop-up {
    font-size: 3rem;
    font-weight: 400;
    letter-spacing: -0.2px;
    line-height: 4rem;
  }
  .pkt-txt-40--laptop-up {
    font-size: 2.5rem;
    font-weight: 400;
    letter-spacing: -0.2px;
    line-height: 3.75rem;
  }
  .pkt-txt-36--laptop-up {
    font-size: 2.25rem;
    font-weight: 400;
    letter-spacing: -0.2px;
    line-height: 3.375rem;
  }
  .pkt-txt-30--laptop-up {
    font-size: 1.875rem;
    font-weight: 400;
    letter-spacing: -0.2px;
    line-height: 2.75rem;
  }
  .pkt-txt-28--laptop-up {
    font-size: 1.75rem;
    font-weight: 400;
    letter-spacing: -0.2px;
    line-height: 2.25rem;
  }
  .pkt-txt-26--laptop-up {
    font-size: 1.625rem;
    font-weight: 400;
    letter-spacing: -0.2px;
    line-height: 2.5rem;
  }
  .pkt-txt-24--laptop-up {
    font-size: 1.5rem;
    font-weight: 400;
    letter-spacing: -0.2px;
    line-height: 2.25rem;
  }
  .pkt-txt-22--laptop-up {
    font-size: 1.375rem;
    font-weight: 400;
    letter-spacing: -0.2px;
    line-height: 2.125rem;
  }
  .pkt-txt-20--laptop-up {
    font-size: 1.25rem;
    font-weight: 400;
    letter-spacing: -0.2px;
    line-height: 2rem;
  }
  .pkt-txt-18--laptop-up {
    font-size: 1.125rem;
    font-weight: 400;
    letter-spacing: -0.2px;
    line-height: 1.75rem;
  }
  .pkt-txt-16--laptop-up {
    font-size: 1rem;
    font-weight: 400;
    letter-spacing: -0.2px;
    line-height: 1.5rem;
  }
  .pkt-txt-14--laptop-up {
    font-size: 0.875rem;
    font-weight: 400;
    letter-spacing: -0.2px;
    line-height: 1.375rem;
  }
  .pkt-txt-12--laptop-up {
    font-size: 0.75rem;
    font-weight: 400;
    letter-spacing: -0.2px;
    line-height: 1.25rem;
  }
  .pkt-txt-54-medium--laptop-up {
    font-size: 3.375rem;
    font-weight: 500;
    letter-spacing: -0.4px;
    line-height: 5.125rem;
  }
  .pkt-txt-40-medium--laptop-up {
    font-size: 2.5rem;
    font-weight: 500;
    letter-spacing: -0.2px;
    line-height: 3.75rem;
  }
  .pkt-txt-36-medium--laptop-up {
    font-size: 2.25rem;
    font-weight: 500;
    letter-spacing: -0.2px;
    line-height: 3.375rem;
  }
  .pkt-txt-30-medium--laptop-up {
    font-size: 1.875rem;
    font-weight: 500;
    letter-spacing: -0.2px;
    line-height: 2.75rem;
  }
  .pkt-txt-28-medium--laptop-up {
    font-size: 1.75rem;
    font-weight: 500;
    letter-spacing: -0.2px;
    line-height: 2.25rem;
  }
  .pkt-txt-26-medium--laptop-up {
    font-size: 1.625rem;
    font-weight: 500;
    letter-spacing: -0.2px;
    line-height: 2.5rem;
  }
  .pkt-txt-24-medium--laptop-up {
    font-size: 1.5rem;
    font-weight: 500;
    letter-spacing: -0.2px;
    line-height: 2.25rem;
  }
  .pkt-txt-22-medium--laptop-up {
    font-size: 1.375rem;
    font-weight: 500;
    letter-spacing: -0.2px;
    line-height: 2.125rem;
  }
  .pkt-txt-20-medium--laptop-up {
    font-size: 1.25rem;
    font-weight: 500;
    letter-spacing: -0.2px;
    line-height: 2rem;
  }
  .pkt-txt-18-medium--laptop-up {
    font-size: 1.125rem;
    font-weight: 500;
    letter-spacing: -0.2px;
    line-height: 1.75rem;
  }
  .pkt-txt-16-medium--laptop-up {
    font-size: 1rem;
    font-weight: 500;
    letter-spacing: -0.2px;
    line-height: 1.5rem;
  }
  .pkt-txt-14-medium--laptop-up {
    font-size: 0.875rem;
    font-weight: 500;
    letter-spacing: -0.2px;
    line-height: 1.375rem;
  }
  .pkt-txt-12-medium--laptop-up {
    font-size: 0.75rem;
    font-weight: 500;
    letter-spacing: -0.2px;
    line-height: 1.25rem;
  }
  .pkt-txt-54-bold--laptop-up {
    font-size: 3.375rem;
    font-weight: 700;
    letter-spacing: -0.4px;
    line-height: 5.125rem;
  }
  .pkt-txt-40-bold--laptop-up {
    font-size: 2.5rem;
    font-weight: 700;
    letter-spacing: -0.2px;
    line-height: 3.75rem;
  }
  .pkt-txt-36-bold--laptop-up {
    font-size: 2.25rem;
    font-weight: 700;
    letter-spacing: -0.2px;
    line-height: 3.375rem;
  }
  .pkt-txt-30-bold--laptop-up {
    font-size: 1.875rem;
    font-weight: 700;
    letter-spacing: -0.2px;
    line-height: 2.75rem;
  }
  .pkt-txt-28-bold--laptop-up {
    font-size: 1.75rem;
    font-weight: 700;
    letter-spacing: -0.2px;
    line-height: 2.25rem;
  }
  .pkt-txt-26-bold--laptop-up {
    font-size: 1.625rem;
    font-weight: 700;
    letter-spacing: -0.2px;
    line-height: 2.5rem;
  }
  .pkt-txt-24-bold--laptop-up {
    font-size: 1.5rem;
    font-weight: 700;
    letter-spacing: -0.2px;
    line-height: 2.25rem;
  }
  .pkt-txt-22-bold--laptop-up {
    font-size: 1.375rem;
    font-weight: 700;
    letter-spacing: -0.2px;
    line-height: 2.125rem;
  }
  .pkt-txt-20-bold--laptop-up {
    font-size: 1.25rem;
    font-weight: 700;
    letter-spacing: -0.2px;
    line-height: 2rem;
  }
  .pkt-txt-18-bold--laptop-up {
    font-size: 1.125rem;
    font-weight: 700;
    letter-spacing: -0.2px;
    line-height: 1.75rem;
  }
  .pkt-txt-16-bold--laptop-up {
    font-size: 1rem;
    font-weight: 700;
    letter-spacing: -0.2px;
    line-height: 1.5rem;
  }
  .pkt-txt-14-bold--laptop-up {
    font-size: 0.875rem;
    font-weight: 700;
    letter-spacing: -0.2px;
    line-height: 1.375rem;
  }
  .pkt-txt-12-bold--laptop-up {
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: -0.2px;
    line-height: 1.25rem;
  }
  .pkt-txt-54-light--laptop-up {
    font-size: 3.375rem;
    font-weight: 300;
    letter-spacing: -0.4px;
    line-height: 5.125rem;
  }
  .pkt-txt-40-light--laptop-up {
    font-size: 2.5rem;
    font-weight: 300;
    letter-spacing: -0.2px;
    line-height: 3.75rem;
  }
  .pkt-txt-36-light--laptop-up {
    font-size: 2.25rem;
    font-weight: 300;
    letter-spacing: -0.2px;
    line-height: 3.375rem;
  }
  .pkt-txt-30-light--laptop-up {
    font-size: 1.875rem;
    font-weight: 300;
    letter-spacing: -0.2px;
    line-height: 2.75rem;
  }
  .pkt-txt-28-light--laptop-up {
    font-size: 1.75rem;
    font-weight: 300;
    letter-spacing: -0.2px;
    line-height: 2.25rem;
  }
  .pkt-txt-26-light--laptop-up {
    font-size: 1.625rem;
    font-weight: 300;
    letter-spacing: -0.2px;
    line-height: 2.5rem;
  }
  .pkt-txt-24-light--laptop-up {
    font-size: 1.5rem;
    font-weight: 300;
    letter-spacing: -0.2px;
    line-height: 2.25rem;
  }
  .pkt-txt-22-light--laptop-up {
    font-size: 1.375rem;
    font-weight: 300;
    letter-spacing: -0.2px;
    line-height: 2.125rem;
  }
  .pkt-txt-20-light--laptop-up {
    font-size: 1.25rem;
    font-weight: 300;
    letter-spacing: -0.2px;
    line-height: 2rem;
  }
  .pkt-txt-18-light--laptop-up {
    font-size: 1.125rem;
    font-weight: 300;
    letter-spacing: -0.2px;
    line-height: 1.75rem;
  }
  .pkt-txt-16-light--laptop-up {
    font-size: 1rem;
    font-weight: 300;
    letter-spacing: -0.2px;
    line-height: 1.5rem;
  }
  .pkt-txt-14-light--laptop-up {
    font-size: 0.875rem;
    font-weight: 300;
    letter-spacing: -0.2px;
    line-height: 1.375rem;
  }
  .pkt-txt-12-light--laptop-up {
    font-size: 0.75rem;
    font-weight: 300;
    letter-spacing: -0.2px;
    line-height: 1.25rem;
  }
  .pkt-font-light--laptop-up {
    font-weight: 300;
  }
  .pkt-font-regular--laptop-up {
    font-weight: 400;
  }
  .pkt-font-medium--laptop-up {
    font-weight: 500;
  }
  .pkt-font-bold--laptop-up {
    font-weight: 700;
  }
}
/*
 * Alignment
 */
.pkt-txt-start {
  text-align: left !important;
}

.pkt-txt-end {
  text-align: right !important;
}

.pkt-txt-center {
  text-align: center !important;
}

/* 
 * Truncate text
 * requires inline-block or block
 */
.pkt-truncate-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/*
 * Link
 */
pkt-link {
  display: inline;
}

a,
.pkt-link-button {
  color: var(--pkt-color-text-action-normal);
  text-decoration: underline;
  word-wrap: break-word;
  cursor: pointer;
}
a span,
.pkt-link-button span {
  color: inherit;
  text-decoration: inherit;
}
a:visited:not(.pkt-linkcard, .pkt-btn, .pkt-tabs__link):not(:hover),
.pkt-link-button:visited:not(.pkt-linkcard, .pkt-btn, .pkt-tabs__link):not(:hover) {
  color: inherit;
}
a:visited:not(.pkt-linkcard, .pkt-btn, .pkt-tabs__link):focus-visible,
.pkt-link-button:visited:not(.pkt-linkcard, .pkt-btn, .pkt-tabs__link):focus-visible {
  color: var(--pkt-color-text-action-active);
}
a:hover, a.pkt-link--hover,
.pkt-link-button:hover,
.pkt-link-button.pkt-link--hover {
  color: var(--pkt-color-text-action-active);
  text-decoration: underline;
}
a:hover svg, a.pkt-link--hover svg,
.pkt-link-button:hover svg,
.pkt-link-button.pkt-link--hover svg {
  --fg-color: currentColor;
}
a:focus-visible, a.pkt-link--focus,
.pkt-link-button:focus-visible,
.pkt-link-button.pkt-link--focus {
  box-shadow: 0px 0px 0px 0.125rem var(--pkt-color-text-action-active), 0px 0px 0px 0.375rem var(--pkt-color-border-states-focus);
  outline: none;
  color: var(--pkt-color-text-action-active);
}
a:active, a.pkt-link--active,
.pkt-link-button:active,
.pkt-link-button.pkt-link--active {
  color: var(--pkt-color-text-action-active);
}

.pkt-link {
  display: inline;
  text-align: left;
  align-items: baseline;
}

.pkt-link__icon {
  --fg-color: currentColor;
  width: 1.5rem;
  height: 1.5rem;
  flex-shrink: 0;
  margin-inline: 0.25rem;
  align-self: center;
}
.pkt-link--icon-left, .pkt-link--icon-right {
  display: inline-flex;
  text-decoration: none;
  align-items: baseline;
}
.pkt-link--icon-left {
  flex-direction: row;
}
.pkt-link--icon-left > :where(.pkt-link__icon) {
  margin-inline: 0 0.5rem;
}
.pkt-link--icon-right {
  flex-direction: row-reverse;
}
.pkt-link--icon-right > :where(.pkt-link__icon) {
  margin-inline: 0.5rem 0;
}
.pkt-link--external::after {
  display: inline-block;
  content: " ";
  --svg: url(https://punkt-cdn.oslo.kommune.no/latest/icons/new-window-small.svg);
  background-image: var(--svg);
  background-repeat: no-repeat;
  background-size: 18px 18px;
  width: 1.125rem;
  height: 1.125rem;
  vertical-align: middle;
  align-self: center;
}
.pkt-link--external:hover::after {
  filter: brightness(0) saturate(100%) invert(16%) sepia(99%) saturate(2420%) hue-rotate(222deg) brightness(93%) contrast(90%);
}

button.pkt-link {
  background: none;
  border: none;
  padding: 0;
  font-family: inherit;
  cursor: pointer;
  font-weight: inherit;
}

[data-mode=dark] .pkt-link--external::after {
  filter: brightness(0) saturate(100%) invert(100%);
}
[data-mode=dark] .pkt-link--external:hover::after, [data-mode=dark] .pkt-link:hover:not(.pkt-btn) pkt-icon, [data-mode=dark] .pkt-link:hover:not(.pkt-btn) .pkt-icon {
  filter: brightness(0) saturate(100%) invert(80%) sepia(54%) saturate(502%) hue-rotate(173deg) brightness(109%) contrast(105%);
}

/* 
 * Containers
 *
 * Containers er en viktig brikke for å bruke Punkt, og som holder på, 
 * gir luft rundt og justerer innholdet innenfor en skjermstørrelse.
 */
.pkt-container {
  margin-inline: auto;
  padding-inline: 1rem;
  width: 100%;
  max-width: 100vw;
}
@media screen and (min-width: 48rem) {
  .pkt-container {
    padding-inline: 2rem;
  }
}
@media screen and (min-width: 80rem) {
  .pkt-container {
    max-width: 80rem;
  }
}
.pkt-container--full {
  max-width: 100%;
}
@media screen and (min-width: 36rem) {
  .pkt-container--phablet {
    max-width: 36rem;
  }
}
@media screen and (min-width: 48rem) {
  .pkt-container--tablet {
    max-width: 48rem;
  }
}
@media screen and (min-width: 64rem) {
  .pkt-container--tablet-big {
    max-width: 64rem;
  }
}
@media screen and (min-width: 80rem) {
  .pkt-container--laptop {
    max-width: 80rem;
  }
}
@media screen and (min-width: 100rem) {
  .pkt-container--desktop {
    max-width: 100rem;
  }
}
.pkt-container--left {
  margin-left: 0;
  margin-right: auto;
}
.pkt-container--center {
  margin-inline: auto;
}
.pkt-container--right {
  margin-left: auto;
  margin-right: 0;
}

/*
 * CSS Grid
 */
.pkt-grid {
  display: grid;
  gap: 1rem;
  grid-template-columns: repeat(12, 1fr);
  margin-inline: auto;
  width: 100%;
}
@media screen and (min-width: 48rem) {
  .pkt-grid {
    gap: 2rem;
  }
}
.pkt-grid--padding {
  padding-inline: 1rem;
}
@media screen and (min-width: 48rem) {
  .pkt-grid--padding {
    padding-inline: 2rem;
  }
}
.pkt-grid--inline {
  display: inline-grid;
}
.pkt-grid--dense {
  grid-auto-flow: dense;
}
.pkt-grid--full {
  max-width: 100%;
}
@media screen and (min-width: 36rem) {
  .pkt-grid--phablet {
    max-width: 36rem;
  }
}
@media screen and (min-width: 48rem) {
  .pkt-grid--tablet {
    max-width: 48rem;
  }
}
@media screen and (min-width: 64rem) {
  .pkt-grid--tablet-big {
    max-width: 64rem;
  }
}
@media screen and (min-width: 80rem) {
  .pkt-grid--laptop {
    max-width: 80rem;
  }
}
@media screen and (min-width: 100rem) {
  .pkt-grid--desktop {
    max-width: 100rem;
  }
}
.pkt-grid--left {
  margin-left: 0;
  margin-right: auto;
}
.pkt-grid--center {
  margin-inline: auto;
}
.pkt-grid--right {
  margin-left: auto;
  margin-right: 0;
}
.pkt-grid--gap-size-0 {
  gap: 0rem;
}
.pkt-grid--colgap-size-0 {
  column-gap: 0rem;
}
.pkt-grid--rowgap-size-0 {
  row-gap: 0rem;
}
.pkt-grid--gap-size-2 {
  gap: 0.125rem;
}
.pkt-grid--colgap-size-2 {
  column-gap: 0.125rem;
}
.pkt-grid--rowgap-size-2 {
  row-gap: 0.125rem;
}
.pkt-grid--gap-size-4 {
  gap: 0.25rem;
}
.pkt-grid--colgap-size-4 {
  column-gap: 0.25rem;
}
.pkt-grid--rowgap-size-4 {
  row-gap: 0.25rem;
}
.pkt-grid--gap-size-6 {
  gap: 0.375rem;
}
.pkt-grid--colgap-size-6 {
  column-gap: 0.375rem;
}
.pkt-grid--rowgap-size-6 {
  row-gap: 0.375rem;
}
.pkt-grid--gap-size-8 {
  gap: 0.5rem;
}
.pkt-grid--colgap-size-8 {
  column-gap: 0.5rem;
}
.pkt-grid--rowgap-size-8 {
  row-gap: 0.5rem;
}
.pkt-grid--gap-size-12 {
  gap: 0.75rem;
}
.pkt-grid--colgap-size-12 {
  column-gap: 0.75rem;
}
.pkt-grid--rowgap-size-12 {
  row-gap: 0.75rem;
}
.pkt-grid--gap-size-16 {
  gap: 1rem;
}
.pkt-grid--colgap-size-16 {
  column-gap: 1rem;
}
.pkt-grid--rowgap-size-16 {
  row-gap: 1rem;
}
.pkt-grid--gap-size-24 {
  gap: 1.5rem;
}
.pkt-grid--colgap-size-24 {
  column-gap: 1.5rem;
}
.pkt-grid--rowgap-size-24 {
  row-gap: 1.5rem;
}
.pkt-grid--gap-size-32 {
  gap: 2rem;
}
.pkt-grid--colgap-size-32 {
  column-gap: 2rem;
}
.pkt-grid--rowgap-size-32 {
  row-gap: 2rem;
}
.pkt-grid--gap-size-40 {
  gap: 2.5rem;
}
.pkt-grid--colgap-size-40 {
  column-gap: 2.5rem;
}
.pkt-grid--rowgap-size-40 {
  row-gap: 2.5rem;
}
.pkt-grid--gap-size-48 {
  gap: 3rem;
}
.pkt-grid--colgap-size-48 {
  column-gap: 3rem;
}
.pkt-grid--rowgap-size-48 {
  row-gap: 3rem;
}
.pkt-grid--gap-size-56 {
  gap: 3.5rem;
}
.pkt-grid--colgap-size-56 {
  column-gap: 3.5rem;
}
.pkt-grid--rowgap-size-56 {
  row-gap: 3.5rem;
}
.pkt-grid--gap-size-64 {
  gap: 4rem;
}
.pkt-grid--colgap-size-64 {
  column-gap: 4rem;
}
.pkt-grid--rowgap-size-64 {
  row-gap: 4rem;
}
.pkt-grid--gap-size-72 {
  gap: 4.5rem;
}
.pkt-grid--colgap-size-72 {
  column-gap: 4.5rem;
}
.pkt-grid--rowgap-size-72 {
  row-gap: 4.5rem;
}
.pkt-grid--gap-size-80 {
  gap: 5rem;
}
.pkt-grid--colgap-size-80 {
  column-gap: 5rem;
}
.pkt-grid--rowgap-size-80 {
  row-gap: 5rem;
}
.pkt-grid--gap-size-88 {
  gap: 5.5rem;
}
.pkt-grid--colgap-size-88 {
  column-gap: 5.5rem;
}
.pkt-grid--rowgap-size-88 {
  row-gap: 5.5rem;
}
.pkt-grid--gap-size-96 {
  gap: 6rem;
}
.pkt-grid--colgap-size-96 {
  column-gap: 6rem;
}
.pkt-grid--rowgap-size-96 {
  row-gap: 6rem;
}
.pkt-grid--gap-size-104 {
  gap: 6.5rem;
}
.pkt-grid--colgap-size-104 {
  column-gap: 6.5rem;
}
.pkt-grid--rowgap-size-104 {
  row-gap: 6.5rem;
}
.pkt-grid--gap-size-128 {
  gap: 8rem;
}
.pkt-grid--colgap-size-128 {
  column-gap: 8rem;
}
.pkt-grid--rowgap-size-128 {
  row-gap: 8rem;
}
.pkt-grid--gap-size-10 {
  gap: 0.625rem;
}
.pkt-grid--colgap-size-10 {
  column-gap: 0.625rem;
}
.pkt-grid--rowgap-size-10 {
  row-gap: 0.625rem;
}
.pkt-grid--gap-size-20 {
  gap: 1.25rem;
}
.pkt-grid--colgap-size-20 {
  column-gap: 1.25rem;
}
.pkt-grid--rowgap-size-20 {
  row-gap: 1.25rem;
}
.pkt-grid > .pkt-cell--left, .pkt-grid > * > .pkt-cell--left {
  justify-self: start;
}
.pkt-grid > .pkt-cell--center, .pkt-grid > * > .pkt-cell--center {
  justify-self: center;
}
.pkt-grid > .pkt-cell--right, .pkt-grid > * > .pkt-cell--right {
  justify-self: end;
}
.pkt-grid > .pkt-cell--top, .pkt-grid > * > .pkt-cell--top {
  align-self: self-start;
}
.pkt-grid > .pkt-cell--center-vertical, .pkt-grid > * > .pkt-cell--center-vertical {
  align-self: center;
}
.pkt-grid > .pkt-cell--bottom, .pkt-grid > * > .pkt-cell--bottom {
  align-self: self-end;
}
.pkt-grid > .pkt-cell.pkt-cell--span1, .pkt-grid > * > .pkt-cell.pkt-cell--span1 {
  grid-column-end: span 1;
}
.pkt-grid > .pkt-cell.pkt-cell--span2, .pkt-grid > * > .pkt-cell.pkt-cell--span2 {
  grid-column-end: span 2;
}
.pkt-grid > .pkt-cell.pkt-cell--span3, .pkt-grid > * > .pkt-cell.pkt-cell--span3 {
  grid-column-end: span 3;
}
.pkt-grid > .pkt-cell.pkt-cell--span4, .pkt-grid > * > .pkt-cell.pkt-cell--span4 {
  grid-column-end: span 4;
}
.pkt-grid > .pkt-cell.pkt-cell--span5, .pkt-grid > * > .pkt-cell.pkt-cell--span5 {
  grid-column-end: span 5;
}
.pkt-grid > .pkt-cell.pkt-cell--span6, .pkt-grid > * > .pkt-cell.pkt-cell--span6 {
  grid-column-end: span 6;
}
.pkt-grid > .pkt-cell.pkt-cell--span7, .pkt-grid > * > .pkt-cell.pkt-cell--span7 {
  grid-column-end: span 7;
}
.pkt-grid > .pkt-cell.pkt-cell--span8, .pkt-grid > * > .pkt-cell.pkt-cell--span8 {
  grid-column-end: span 8;
}
.pkt-grid > .pkt-cell.pkt-cell--span9, .pkt-grid > * > .pkt-cell.pkt-cell--span9 {
  grid-column-end: span 9;
}
.pkt-grid > .pkt-cell.pkt-cell--span10, .pkt-grid > * > .pkt-cell.pkt-cell--span10 {
  grid-column-end: span 10;
}
.pkt-grid > .pkt-cell.pkt-cell--span11, .pkt-grid > * > .pkt-cell.pkt-cell--span11 {
  grid-column-end: span 11;
}
.pkt-grid > .pkt-cell.pkt-cell--span12, .pkt-grid > * > .pkt-cell.pkt-cell--span12 {
  grid-column-end: span 12;
}
.pkt-grid > .pkt-cell.pkt-cell--start1, .pkt-grid > * > .pkt-cell.pkt-cell--start1 {
  grid-column-start: 1;
}
.pkt-grid > .pkt-cell.pkt-cell--end1, .pkt-grid > * > .pkt-cell.pkt-cell--end1 {
  grid-column-end: 1;
}
.pkt-grid > .pkt-cell.pkt-cell--start2, .pkt-grid > * > .pkt-cell.pkt-cell--start2 {
  grid-column-start: 2;
}
.pkt-grid > .pkt-cell.pkt-cell--end2, .pkt-grid > * > .pkt-cell.pkt-cell--end2 {
  grid-column-end: 2;
}
.pkt-grid > .pkt-cell.pkt-cell--start3, .pkt-grid > * > .pkt-cell.pkt-cell--start3 {
  grid-column-start: 3;
}
.pkt-grid > .pkt-cell.pkt-cell--end3, .pkt-grid > * > .pkt-cell.pkt-cell--end3 {
  grid-column-end: 3;
}
.pkt-grid > .pkt-cell.pkt-cell--start4, .pkt-grid > * > .pkt-cell.pkt-cell--start4 {
  grid-column-start: 4;
}
.pkt-grid > .pkt-cell.pkt-cell--end4, .pkt-grid > * > .pkt-cell.pkt-cell--end4 {
  grid-column-end: 4;
}
.pkt-grid > .pkt-cell.pkt-cell--start5, .pkt-grid > * > .pkt-cell.pkt-cell--start5 {
  grid-column-start: 5;
}
.pkt-grid > .pkt-cell.pkt-cell--end5, .pkt-grid > * > .pkt-cell.pkt-cell--end5 {
  grid-column-end: 5;
}
.pkt-grid > .pkt-cell.pkt-cell--start6, .pkt-grid > * > .pkt-cell.pkt-cell--start6 {
  grid-column-start: 6;
}
.pkt-grid > .pkt-cell.pkt-cell--end6, .pkt-grid > * > .pkt-cell.pkt-cell--end6 {
  grid-column-end: 6;
}
.pkt-grid > .pkt-cell.pkt-cell--start7, .pkt-grid > * > .pkt-cell.pkt-cell--start7 {
  grid-column-start: 7;
}
.pkt-grid > .pkt-cell.pkt-cell--end7, .pkt-grid > * > .pkt-cell.pkt-cell--end7 {
  grid-column-end: 7;
}
.pkt-grid > .pkt-cell.pkt-cell--start8, .pkt-grid > * > .pkt-cell.pkt-cell--start8 {
  grid-column-start: 8;
}
.pkt-grid > .pkt-cell.pkt-cell--end8, .pkt-grid > * > .pkt-cell.pkt-cell--end8 {
  grid-column-end: 8;
}
.pkt-grid > .pkt-cell.pkt-cell--start9, .pkt-grid > * > .pkt-cell.pkt-cell--start9 {
  grid-column-start: 9;
}
.pkt-grid > .pkt-cell.pkt-cell--end9, .pkt-grid > * > .pkt-cell.pkt-cell--end9 {
  grid-column-end: 9;
}
.pkt-grid > .pkt-cell.pkt-cell--start10, .pkt-grid > * > .pkt-cell.pkt-cell--start10 {
  grid-column-start: 10;
}
.pkt-grid > .pkt-cell.pkt-cell--end10, .pkt-grid > * > .pkt-cell.pkt-cell--end10 {
  grid-column-end: 10;
}
.pkt-grid > .pkt-cell.pkt-cell--start11, .pkt-grid > * > .pkt-cell.pkt-cell--start11 {
  grid-column-start: 11;
}
.pkt-grid > .pkt-cell.pkt-cell--end11, .pkt-grid > * > .pkt-cell.pkt-cell--end11 {
  grid-column-end: 11;
}
.pkt-grid > .pkt-cell.pkt-cell--start12, .pkt-grid > * > .pkt-cell.pkt-cell--start12 {
  grid-column-start: 12;
}
.pkt-grid > .pkt-cell.pkt-cell--end12, .pkt-grid > * > .pkt-cell.pkt-cell--end12 {
  grid-column-end: 12;
}
.pkt-grid > .pkt-cell.pkt-cell--start13, .pkt-grid > * > .pkt-cell.pkt-cell--start13 {
  grid-column-start: 13;
}
.pkt-grid > .pkt-cell.pkt-cell--end13, .pkt-grid > * > .pkt-cell.pkt-cell--end13 {
  grid-column-end: 13;
}

/*
 * Responsiv grid
 */
@media screen and (min-width: 48rem) {
  .pkt-grid--gap-size-0-tablet-up {
    gap: 0rem;
  }
  .pkt-grid--colgap-size-0-tablet-up {
    column-gap: 0rem;
  }
  .pkt-grid--rowgap-size-0-tablet-up {
    row-gap: 0rem;
  }
  .pkt-grid--gap-size-2-tablet-up {
    gap: 0.125rem;
  }
  .pkt-grid--colgap-size-2-tablet-up {
    column-gap: 0.125rem;
  }
  .pkt-grid--rowgap-size-2-tablet-up {
    row-gap: 0.125rem;
  }
  .pkt-grid--gap-size-4-tablet-up {
    gap: 0.25rem;
  }
  .pkt-grid--colgap-size-4-tablet-up {
    column-gap: 0.25rem;
  }
  .pkt-grid--rowgap-size-4-tablet-up {
    row-gap: 0.25rem;
  }
  .pkt-grid--gap-size-6-tablet-up {
    gap: 0.375rem;
  }
  .pkt-grid--colgap-size-6-tablet-up {
    column-gap: 0.375rem;
  }
  .pkt-grid--rowgap-size-6-tablet-up {
    row-gap: 0.375rem;
  }
  .pkt-grid--gap-size-8-tablet-up {
    gap: 0.5rem;
  }
  .pkt-grid--colgap-size-8-tablet-up {
    column-gap: 0.5rem;
  }
  .pkt-grid--rowgap-size-8-tablet-up {
    row-gap: 0.5rem;
  }
  .pkt-grid--gap-size-12-tablet-up {
    gap: 0.75rem;
  }
  .pkt-grid--colgap-size-12-tablet-up {
    column-gap: 0.75rem;
  }
  .pkt-grid--rowgap-size-12-tablet-up {
    row-gap: 0.75rem;
  }
  .pkt-grid--gap-size-16-tablet-up {
    gap: 1rem;
  }
  .pkt-grid--colgap-size-16-tablet-up {
    column-gap: 1rem;
  }
  .pkt-grid--rowgap-size-16-tablet-up {
    row-gap: 1rem;
  }
  .pkt-grid--gap-size-24-tablet-up {
    gap: 1.5rem;
  }
  .pkt-grid--colgap-size-24-tablet-up {
    column-gap: 1.5rem;
  }
  .pkt-grid--rowgap-size-24-tablet-up {
    row-gap: 1.5rem;
  }
  .pkt-grid--gap-size-32-tablet-up {
    gap: 2rem;
  }
  .pkt-grid--colgap-size-32-tablet-up {
    column-gap: 2rem;
  }
  .pkt-grid--rowgap-size-32-tablet-up {
    row-gap: 2rem;
  }
  .pkt-grid--gap-size-40-tablet-up {
    gap: 2.5rem;
  }
  .pkt-grid--colgap-size-40-tablet-up {
    column-gap: 2.5rem;
  }
  .pkt-grid--rowgap-size-40-tablet-up {
    row-gap: 2.5rem;
  }
  .pkt-grid--gap-size-48-tablet-up {
    gap: 3rem;
  }
  .pkt-grid--colgap-size-48-tablet-up {
    column-gap: 3rem;
  }
  .pkt-grid--rowgap-size-48-tablet-up {
    row-gap: 3rem;
  }
  .pkt-grid--gap-size-56-tablet-up {
    gap: 3.5rem;
  }
  .pkt-grid--colgap-size-56-tablet-up {
    column-gap: 3.5rem;
  }
  .pkt-grid--rowgap-size-56-tablet-up {
    row-gap: 3.5rem;
  }
  .pkt-grid--gap-size-64-tablet-up {
    gap: 4rem;
  }
  .pkt-grid--colgap-size-64-tablet-up {
    column-gap: 4rem;
  }
  .pkt-grid--rowgap-size-64-tablet-up {
    row-gap: 4rem;
  }
  .pkt-grid--gap-size-72-tablet-up {
    gap: 4.5rem;
  }
  .pkt-grid--colgap-size-72-tablet-up {
    column-gap: 4.5rem;
  }
  .pkt-grid--rowgap-size-72-tablet-up {
    row-gap: 4.5rem;
  }
  .pkt-grid--gap-size-80-tablet-up {
    gap: 5rem;
  }
  .pkt-grid--colgap-size-80-tablet-up {
    column-gap: 5rem;
  }
  .pkt-grid--rowgap-size-80-tablet-up {
    row-gap: 5rem;
  }
  .pkt-grid--gap-size-88-tablet-up {
    gap: 5.5rem;
  }
  .pkt-grid--colgap-size-88-tablet-up {
    column-gap: 5.5rem;
  }
  .pkt-grid--rowgap-size-88-tablet-up {
    row-gap: 5.5rem;
  }
  .pkt-grid--gap-size-96-tablet-up {
    gap: 6rem;
  }
  .pkt-grid--colgap-size-96-tablet-up {
    column-gap: 6rem;
  }
  .pkt-grid--rowgap-size-96-tablet-up {
    row-gap: 6rem;
  }
  .pkt-grid--gap-size-104-tablet-up {
    gap: 6.5rem;
  }
  .pkt-grid--colgap-size-104-tablet-up {
    column-gap: 6.5rem;
  }
  .pkt-grid--rowgap-size-104-tablet-up {
    row-gap: 6.5rem;
  }
  .pkt-grid--gap-size-128-tablet-up {
    gap: 8rem;
  }
  .pkt-grid--colgap-size-128-tablet-up {
    column-gap: 8rem;
  }
  .pkt-grid--rowgap-size-128-tablet-up {
    row-gap: 8rem;
  }
  .pkt-grid--gap-size-10-tablet-up {
    gap: 0.625rem;
  }
  .pkt-grid--colgap-size-10-tablet-up {
    column-gap: 0.625rem;
  }
  .pkt-grid--rowgap-size-10-tablet-up {
    row-gap: 0.625rem;
  }
  .pkt-grid--gap-size-20-tablet-up {
    gap: 1.25rem;
  }
  .pkt-grid--colgap-size-20-tablet-up {
    column-gap: 1.25rem;
  }
  .pkt-grid--rowgap-size-20-tablet-up {
    row-gap: 1.25rem;
  }
}
@media screen and (min-width: 64rem) {
  .pkt-grid--gap-size-0-tablet-big-up {
    gap: 0rem;
  }
  .pkt-grid--colgap-size-0-tablet-big-up {
    column-gap: 0rem;
  }
  .pkt-grid--rowgap-size-0-tablet-big-up {
    row-gap: 0rem;
  }
  .pkt-grid--gap-size-2-tablet-big-up {
    gap: 0.125rem;
  }
  .pkt-grid--colgap-size-2-tablet-big-up {
    column-gap: 0.125rem;
  }
  .pkt-grid--rowgap-size-2-tablet-big-up {
    row-gap: 0.125rem;
  }
  .pkt-grid--gap-size-4-tablet-big-up {
    gap: 0.25rem;
  }
  .pkt-grid--colgap-size-4-tablet-big-up {
    column-gap: 0.25rem;
  }
  .pkt-grid--rowgap-size-4-tablet-big-up {
    row-gap: 0.25rem;
  }
  .pkt-grid--gap-size-6-tablet-big-up {
    gap: 0.375rem;
  }
  .pkt-grid--colgap-size-6-tablet-big-up {
    column-gap: 0.375rem;
  }
  .pkt-grid--rowgap-size-6-tablet-big-up {
    row-gap: 0.375rem;
  }
  .pkt-grid--gap-size-8-tablet-big-up {
    gap: 0.5rem;
  }
  .pkt-grid--colgap-size-8-tablet-big-up {
    column-gap: 0.5rem;
  }
  .pkt-grid--rowgap-size-8-tablet-big-up {
    row-gap: 0.5rem;
  }
  .pkt-grid--gap-size-12-tablet-big-up {
    gap: 0.75rem;
  }
  .pkt-grid--colgap-size-12-tablet-big-up {
    column-gap: 0.75rem;
  }
  .pkt-grid--rowgap-size-12-tablet-big-up {
    row-gap: 0.75rem;
  }
  .pkt-grid--gap-size-16-tablet-big-up {
    gap: 1rem;
  }
  .pkt-grid--colgap-size-16-tablet-big-up {
    column-gap: 1rem;
  }
  .pkt-grid--rowgap-size-16-tablet-big-up {
    row-gap: 1rem;
  }
  .pkt-grid--gap-size-24-tablet-big-up {
    gap: 1.5rem;
  }
  .pkt-grid--colgap-size-24-tablet-big-up {
    column-gap: 1.5rem;
  }
  .pkt-grid--rowgap-size-24-tablet-big-up {
    row-gap: 1.5rem;
  }
  .pkt-grid--gap-size-32-tablet-big-up {
    gap: 2rem;
  }
  .pkt-grid--colgap-size-32-tablet-big-up {
    column-gap: 2rem;
  }
  .pkt-grid--rowgap-size-32-tablet-big-up {
    row-gap: 2rem;
  }
  .pkt-grid--gap-size-40-tablet-big-up {
    gap: 2.5rem;
  }
  .pkt-grid--colgap-size-40-tablet-big-up {
    column-gap: 2.5rem;
  }
  .pkt-grid--rowgap-size-40-tablet-big-up {
    row-gap: 2.5rem;
  }
  .pkt-grid--gap-size-48-tablet-big-up {
    gap: 3rem;
  }
  .pkt-grid--colgap-size-48-tablet-big-up {
    column-gap: 3rem;
  }
  .pkt-grid--rowgap-size-48-tablet-big-up {
    row-gap: 3rem;
  }
  .pkt-grid--gap-size-56-tablet-big-up {
    gap: 3.5rem;
  }
  .pkt-grid--colgap-size-56-tablet-big-up {
    column-gap: 3.5rem;
  }
  .pkt-grid--rowgap-size-56-tablet-big-up {
    row-gap: 3.5rem;
  }
  .pkt-grid--gap-size-64-tablet-big-up {
    gap: 4rem;
  }
  .pkt-grid--colgap-size-64-tablet-big-up {
    column-gap: 4rem;
  }
  .pkt-grid--rowgap-size-64-tablet-big-up {
    row-gap: 4rem;
  }
  .pkt-grid--gap-size-72-tablet-big-up {
    gap: 4.5rem;
  }
  .pkt-grid--colgap-size-72-tablet-big-up {
    column-gap: 4.5rem;
  }
  .pkt-grid--rowgap-size-72-tablet-big-up {
    row-gap: 4.5rem;
  }
  .pkt-grid--gap-size-80-tablet-big-up {
    gap: 5rem;
  }
  .pkt-grid--colgap-size-80-tablet-big-up {
    column-gap: 5rem;
  }
  .pkt-grid--rowgap-size-80-tablet-big-up {
    row-gap: 5rem;
  }
  .pkt-grid--gap-size-88-tablet-big-up {
    gap: 5.5rem;
  }
  .pkt-grid--colgap-size-88-tablet-big-up {
    column-gap: 5.5rem;
  }
  .pkt-grid--rowgap-size-88-tablet-big-up {
    row-gap: 5.5rem;
  }
  .pkt-grid--gap-size-96-tablet-big-up {
    gap: 6rem;
  }
  .pkt-grid--colgap-size-96-tablet-big-up {
    column-gap: 6rem;
  }
  .pkt-grid--rowgap-size-96-tablet-big-up {
    row-gap: 6rem;
  }
  .pkt-grid--gap-size-104-tablet-big-up {
    gap: 6.5rem;
  }
  .pkt-grid--colgap-size-104-tablet-big-up {
    column-gap: 6.5rem;
  }
  .pkt-grid--rowgap-size-104-tablet-big-up {
    row-gap: 6.5rem;
  }
  .pkt-grid--gap-size-128-tablet-big-up {
    gap: 8rem;
  }
  .pkt-grid--colgap-size-128-tablet-big-up {
    column-gap: 8rem;
  }
  .pkt-grid--rowgap-size-128-tablet-big-up {
    row-gap: 8rem;
  }
  .pkt-grid--gap-size-10-tablet-big-up {
    gap: 0.625rem;
  }
  .pkt-grid--colgap-size-10-tablet-big-up {
    column-gap: 0.625rem;
  }
  .pkt-grid--rowgap-size-10-tablet-big-up {
    row-gap: 0.625rem;
  }
  .pkt-grid--gap-size-20-tablet-big-up {
    gap: 1.25rem;
  }
  .pkt-grid--colgap-size-20-tablet-big-up {
    column-gap: 1.25rem;
  }
  .pkt-grid--rowgap-size-20-tablet-big-up {
    row-gap: 1.25rem;
  }
}
@media screen and (min-width: 80rem) {
  .pkt-grid--gap-size-0-laptop-up {
    gap: 0rem;
  }
  .pkt-grid--colgap-size-0-laptop-up {
    column-gap: 0rem;
  }
  .pkt-grid--rowgap-size-0-laptop-up {
    row-gap: 0rem;
  }
  .pkt-grid--gap-size-2-laptop-up {
    gap: 0.125rem;
  }
  .pkt-grid--colgap-size-2-laptop-up {
    column-gap: 0.125rem;
  }
  .pkt-grid--rowgap-size-2-laptop-up {
    row-gap: 0.125rem;
  }
  .pkt-grid--gap-size-4-laptop-up {
    gap: 0.25rem;
  }
  .pkt-grid--colgap-size-4-laptop-up {
    column-gap: 0.25rem;
  }
  .pkt-grid--rowgap-size-4-laptop-up {
    row-gap: 0.25rem;
  }
  .pkt-grid--gap-size-6-laptop-up {
    gap: 0.375rem;
  }
  .pkt-grid--colgap-size-6-laptop-up {
    column-gap: 0.375rem;
  }
  .pkt-grid--rowgap-size-6-laptop-up {
    row-gap: 0.375rem;
  }
  .pkt-grid--gap-size-8-laptop-up {
    gap: 0.5rem;
  }
  .pkt-grid--colgap-size-8-laptop-up {
    column-gap: 0.5rem;
  }
  .pkt-grid--rowgap-size-8-laptop-up {
    row-gap: 0.5rem;
  }
  .pkt-grid--gap-size-12-laptop-up {
    gap: 0.75rem;
  }
  .pkt-grid--colgap-size-12-laptop-up {
    column-gap: 0.75rem;
  }
  .pkt-grid--rowgap-size-12-laptop-up {
    row-gap: 0.75rem;
  }
  .pkt-grid--gap-size-16-laptop-up {
    gap: 1rem;
  }
  .pkt-grid--colgap-size-16-laptop-up {
    column-gap: 1rem;
  }
  .pkt-grid--rowgap-size-16-laptop-up {
    row-gap: 1rem;
  }
  .pkt-grid--gap-size-24-laptop-up {
    gap: 1.5rem;
  }
  .pkt-grid--colgap-size-24-laptop-up {
    column-gap: 1.5rem;
  }
  .pkt-grid--rowgap-size-24-laptop-up {
    row-gap: 1.5rem;
  }
  .pkt-grid--gap-size-32-laptop-up {
    gap: 2rem;
  }
  .pkt-grid--colgap-size-32-laptop-up {
    column-gap: 2rem;
  }
  .pkt-grid--rowgap-size-32-laptop-up {
    row-gap: 2rem;
  }
  .pkt-grid--gap-size-40-laptop-up {
    gap: 2.5rem;
  }
  .pkt-grid--colgap-size-40-laptop-up {
    column-gap: 2.5rem;
  }
  .pkt-grid--rowgap-size-40-laptop-up {
    row-gap: 2.5rem;
  }
  .pkt-grid--gap-size-48-laptop-up {
    gap: 3rem;
  }
  .pkt-grid--colgap-size-48-laptop-up {
    column-gap: 3rem;
  }
  .pkt-grid--rowgap-size-48-laptop-up {
    row-gap: 3rem;
  }
  .pkt-grid--gap-size-56-laptop-up {
    gap: 3.5rem;
  }
  .pkt-grid--colgap-size-56-laptop-up {
    column-gap: 3.5rem;
  }
  .pkt-grid--rowgap-size-56-laptop-up {
    row-gap: 3.5rem;
  }
  .pkt-grid--gap-size-64-laptop-up {
    gap: 4rem;
  }
  .pkt-grid--colgap-size-64-laptop-up {
    column-gap: 4rem;
  }
  .pkt-grid--rowgap-size-64-laptop-up {
    row-gap: 4rem;
  }
  .pkt-grid--gap-size-72-laptop-up {
    gap: 4.5rem;
  }
  .pkt-grid--colgap-size-72-laptop-up {
    column-gap: 4.5rem;
  }
  .pkt-grid--rowgap-size-72-laptop-up {
    row-gap: 4.5rem;
  }
  .pkt-grid--gap-size-80-laptop-up {
    gap: 5rem;
  }
  .pkt-grid--colgap-size-80-laptop-up {
    column-gap: 5rem;
  }
  .pkt-grid--rowgap-size-80-laptop-up {
    row-gap: 5rem;
  }
  .pkt-grid--gap-size-88-laptop-up {
    gap: 5.5rem;
  }
  .pkt-grid--colgap-size-88-laptop-up {
    column-gap: 5.5rem;
  }
  .pkt-grid--rowgap-size-88-laptop-up {
    row-gap: 5.5rem;
  }
  .pkt-grid--gap-size-96-laptop-up {
    gap: 6rem;
  }
  .pkt-grid--colgap-size-96-laptop-up {
    column-gap: 6rem;
  }
  .pkt-grid--rowgap-size-96-laptop-up {
    row-gap: 6rem;
  }
  .pkt-grid--gap-size-104-laptop-up {
    gap: 6.5rem;
  }
  .pkt-grid--colgap-size-104-laptop-up {
    column-gap: 6.5rem;
  }
  .pkt-grid--rowgap-size-104-laptop-up {
    row-gap: 6.5rem;
  }
  .pkt-grid--gap-size-128-laptop-up {
    gap: 8rem;
  }
  .pkt-grid--colgap-size-128-laptop-up {
    column-gap: 8rem;
  }
  .pkt-grid--rowgap-size-128-laptop-up {
    row-gap: 8rem;
  }
  .pkt-grid--gap-size-10-laptop-up {
    gap: 0.625rem;
  }
  .pkt-grid--colgap-size-10-laptop-up {
    column-gap: 0.625rem;
  }
  .pkt-grid--rowgap-size-10-laptop-up {
    row-gap: 0.625rem;
  }
  .pkt-grid--gap-size-20-laptop-up {
    gap: 1.25rem;
  }
  .pkt-grid--colgap-size-20-laptop-up {
    column-gap: 1.25rem;
  }
  .pkt-grid--rowgap-size-20-laptop-up {
    row-gap: 1.25rem;
  }
}
@media screen and (min-width: 48rem) {
  .pkt-grid > .pkt-cell.pkt-cell--span1-tablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--span1-tablet-up {
    grid-column-end: span 1;
  }
  .pkt-grid > .pkt-cell.pkt-cell--span2-tablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--span2-tablet-up {
    grid-column-end: span 2;
  }
  .pkt-grid > .pkt-cell.pkt-cell--span3-tablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--span3-tablet-up {
    grid-column-end: span 3;
  }
  .pkt-grid > .pkt-cell.pkt-cell--span4-tablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--span4-tablet-up {
    grid-column-end: span 4;
  }
  .pkt-grid > .pkt-cell.pkt-cell--span5-tablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--span5-tablet-up {
    grid-column-end: span 5;
  }
  .pkt-grid > .pkt-cell.pkt-cell--span6-tablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--span6-tablet-up {
    grid-column-end: span 6;
  }
  .pkt-grid > .pkt-cell.pkt-cell--span7-tablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--span7-tablet-up {
    grid-column-end: span 7;
  }
  .pkt-grid > .pkt-cell.pkt-cell--span8-tablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--span8-tablet-up {
    grid-column-end: span 8;
  }
  .pkt-grid > .pkt-cell.pkt-cell--span9-tablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--span9-tablet-up {
    grid-column-end: span 9;
  }
  .pkt-grid > .pkt-cell.pkt-cell--span10-tablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--span10-tablet-up {
    grid-column-end: span 10;
  }
  .pkt-grid > .pkt-cell.pkt-cell--span11-tablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--span11-tablet-up {
    grid-column-end: span 11;
  }
  .pkt-grid > .pkt-cell.pkt-cell--span12-tablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--span12-tablet-up {
    grid-column-end: span 12;
  }
  .pkt-grid > .pkt-cell.pkt-cell--start1-tablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--start1-tablet-up {
    grid-column-start: 1;
  }
  .pkt-grid > .pkt-cell.pkt-cell--end1-tablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--end1-tablet-up {
    grid-column-end: 1;
  }
  .pkt-grid > .pkt-cell.pkt-cell--start2-tablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--start2-tablet-up {
    grid-column-start: 2;
  }
  .pkt-grid > .pkt-cell.pkt-cell--end2-tablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--end2-tablet-up {
    grid-column-end: 2;
  }
  .pkt-grid > .pkt-cell.pkt-cell--start3-tablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--start3-tablet-up {
    grid-column-start: 3;
  }
  .pkt-grid > .pkt-cell.pkt-cell--end3-tablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--end3-tablet-up {
    grid-column-end: 3;
  }
  .pkt-grid > .pkt-cell.pkt-cell--start4-tablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--start4-tablet-up {
    grid-column-start: 4;
  }
  .pkt-grid > .pkt-cell.pkt-cell--end4-tablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--end4-tablet-up {
    grid-column-end: 4;
  }
  .pkt-grid > .pkt-cell.pkt-cell--start5-tablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--start5-tablet-up {
    grid-column-start: 5;
  }
  .pkt-grid > .pkt-cell.pkt-cell--end5-tablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--end5-tablet-up {
    grid-column-end: 5;
  }
  .pkt-grid > .pkt-cell.pkt-cell--start6-tablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--start6-tablet-up {
    grid-column-start: 6;
  }
  .pkt-grid > .pkt-cell.pkt-cell--end6-tablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--end6-tablet-up {
    grid-column-end: 6;
  }
  .pkt-grid > .pkt-cell.pkt-cell--start7-tablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--start7-tablet-up {
    grid-column-start: 7;
  }
  .pkt-grid > .pkt-cell.pkt-cell--end7-tablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--end7-tablet-up {
    grid-column-end: 7;
  }
  .pkt-grid > .pkt-cell.pkt-cell--start8-tablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--start8-tablet-up {
    grid-column-start: 8;
  }
  .pkt-grid > .pkt-cell.pkt-cell--end8-tablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--end8-tablet-up {
    grid-column-end: 8;
  }
  .pkt-grid > .pkt-cell.pkt-cell--start9-tablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--start9-tablet-up {
    grid-column-start: 9;
  }
  .pkt-grid > .pkt-cell.pkt-cell--end9-tablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--end9-tablet-up {
    grid-column-end: 9;
  }
  .pkt-grid > .pkt-cell.pkt-cell--start10-tablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--start10-tablet-up {
    grid-column-start: 10;
  }
  .pkt-grid > .pkt-cell.pkt-cell--end10-tablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--end10-tablet-up {
    grid-column-end: 10;
  }
  .pkt-grid > .pkt-cell.pkt-cell--start11-tablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--start11-tablet-up {
    grid-column-start: 11;
  }
  .pkt-grid > .pkt-cell.pkt-cell--end11-tablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--end11-tablet-up {
    grid-column-end: 11;
  }
  .pkt-grid > .pkt-cell.pkt-cell--start12-tablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--start12-tablet-up {
    grid-column-start: 12;
  }
  .pkt-grid > .pkt-cell.pkt-cell--end12-tablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--end12-tablet-up {
    grid-column-end: 12;
  }
  .pkt-grid > .pkt-cell.pkt-cell--start13-tablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--start13-tablet-up {
    grid-column-start: 13;
  }
  .pkt-grid > .pkt-cell.pkt-cell--end13-tablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--end13-tablet-up {
    grid-column-end: 13;
  }
}
@media screen and (min-width: 64rem) {
  .pkt-grid > .pkt-cell.pkt-cell--span1-tablet-big-up, .pkt-grid > * > .pkt-cell.pkt-cell--span1-tablet-big-up {
    grid-column-end: span 1;
  }
  .pkt-grid > .pkt-cell.pkt-cell--span2-tablet-big-up, .pkt-grid > * > .pkt-cell.pkt-cell--span2-tablet-big-up {
    grid-column-end: span 2;
  }
  .pkt-grid > .pkt-cell.pkt-cell--span3-tablet-big-up, .pkt-grid > * > .pkt-cell.pkt-cell--span3-tablet-big-up {
    grid-column-end: span 3;
  }
  .pkt-grid > .pkt-cell.pkt-cell--span4-tablet-big-up, .pkt-grid > * > .pkt-cell.pkt-cell--span4-tablet-big-up {
    grid-column-end: span 4;
  }
  .pkt-grid > .pkt-cell.pkt-cell--span5-tablet-big-up, .pkt-grid > * > .pkt-cell.pkt-cell--span5-tablet-big-up {
    grid-column-end: span 5;
  }
  .pkt-grid > .pkt-cell.pkt-cell--span6-tablet-big-up, .pkt-grid > * > .pkt-cell.pkt-cell--span6-tablet-big-up {
    grid-column-end: span 6;
  }
  .pkt-grid > .pkt-cell.pkt-cell--span7-tablet-big-up, .pkt-grid > * > .pkt-cell.pkt-cell--span7-tablet-big-up {
    grid-column-end: span 7;
  }
  .pkt-grid > .pkt-cell.pkt-cell--span8-tablet-big-up, .pkt-grid > * > .pkt-cell.pkt-cell--span8-tablet-big-up {
    grid-column-end: span 8;
  }
  .pkt-grid > .pkt-cell.pkt-cell--span9-tablet-big-up, .pkt-grid > * > .pkt-cell.pkt-cell--span9-tablet-big-up {
    grid-column-end: span 9;
  }
  .pkt-grid > .pkt-cell.pkt-cell--span10-tablet-big-up, .pkt-grid > * > .pkt-cell.pkt-cell--span10-tablet-big-up {
    grid-column-end: span 10;
  }
  .pkt-grid > .pkt-cell.pkt-cell--span11-tablet-big-up, .pkt-grid > * > .pkt-cell.pkt-cell--span11-tablet-big-up {
    grid-column-end: span 11;
  }
  .pkt-grid > .pkt-cell.pkt-cell--span12-tablet-big-up, .pkt-grid > * > .pkt-cell.pkt-cell--span12-tablet-big-up {
    grid-column-end: span 12;
  }
  .pkt-grid > .pkt-cell.pkt-cell--start1-tablet-big-up, .pkt-grid > * > .pkt-cell.pkt-cell--start1-tablet-big-up {
    grid-column-start: 1;
  }
  .pkt-grid > .pkt-cell.pkt-cell--end1-tablet-big-up, .pkt-grid > * > .pkt-cell.pkt-cell--end1-tablet-big-up {
    grid-column-end: 1;
  }
  .pkt-grid > .pkt-cell.pkt-cell--start2-tablet-big-up, .pkt-grid > * > .pkt-cell.pkt-cell--start2-tablet-big-up {
    grid-column-start: 2;
  }
  .pkt-grid > .pkt-cell.pkt-cell--end2-tablet-big-up, .pkt-grid > * > .pkt-cell.pkt-cell--end2-tablet-big-up {
    grid-column-end: 2;
  }
  .pkt-grid > .pkt-cell.pkt-cell--start3-tablet-big-up, .pkt-grid > * > .pkt-cell.pkt-cell--start3-tablet-big-up {
    grid-column-start: 3;
  }
  .pkt-grid > .pkt-cell.pkt-cell--end3-tablet-big-up, .pkt-grid > * > .pkt-cell.pkt-cell--end3-tablet-big-up {
    grid-column-end: 3;
  }
  .pkt-grid > .pkt-cell.pkt-cell--start4-tablet-big-up, .pkt-grid > * > .pkt-cell.pkt-cell--start4-tablet-big-up {
    grid-column-start: 4;
  }
  .pkt-grid > .pkt-cell.pkt-cell--end4-tablet-big-up, .pkt-grid > * > .pkt-cell.pkt-cell--end4-tablet-big-up {
    grid-column-end: 4;
  }
  .pkt-grid > .pkt-cell.pkt-cell--start5-tablet-big-up, .pkt-grid > * > .pkt-cell.pkt-cell--start5-tablet-big-up {
    grid-column-start: 5;
  }
  .pkt-grid > .pkt-cell.pkt-cell--end5-tablet-big-up, .pkt-grid > * > .pkt-cell.pkt-cell--end5-tablet-big-up {
    grid-column-end: 5;
  }
  .pkt-grid > .pkt-cell.pkt-cell--start6-tablet-big-up, .pkt-grid > * > .pkt-cell.pkt-cell--start6-tablet-big-up {
    grid-column-start: 6;
  }
  .pkt-grid > .pkt-cell.pkt-cell--end6-tablet-big-up, .pkt-grid > * > .pkt-cell.pkt-cell--end6-tablet-big-up {
    grid-column-end: 6;
  }
  .pkt-grid > .pkt-cell.pkt-cell--start7-tablet-big-up, .pkt-grid > * > .pkt-cell.pkt-cell--start7-tablet-big-up {
    grid-column-start: 7;
  }
  .pkt-grid > .pkt-cell.pkt-cell--end7-tablet-big-up, .pkt-grid > * > .pkt-cell.pkt-cell--end7-tablet-big-up {
    grid-column-end: 7;
  }
  .pkt-grid > .pkt-cell.pkt-cell--start8-tablet-big-up, .pkt-grid > * > .pkt-cell.pkt-cell--start8-tablet-big-up {
    grid-column-start: 8;
  }
  .pkt-grid > .pkt-cell.pkt-cell--end8-tablet-big-up, .pkt-grid > * > .pkt-cell.pkt-cell--end8-tablet-big-up {
    grid-column-end: 8;
  }
  .pkt-grid > .pkt-cell.pkt-cell--start9-tablet-big-up, .pkt-grid > * > .pkt-cell.pkt-cell--start9-tablet-big-up {
    grid-column-start: 9;
  }
  .pkt-grid > .pkt-cell.pkt-cell--end9-tablet-big-up, .pkt-grid > * > .pkt-cell.pkt-cell--end9-tablet-big-up {
    grid-column-end: 9;
  }
  .pkt-grid > .pkt-cell.pkt-cell--start10-tablet-big-up, .pkt-grid > * > .pkt-cell.pkt-cell--start10-tablet-big-up {
    grid-column-start: 10;
  }
  .pkt-grid > .pkt-cell.pkt-cell--end10-tablet-big-up, .pkt-grid > * > .pkt-cell.pkt-cell--end10-tablet-big-up {
    grid-column-end: 10;
  }
  .pkt-grid > .pkt-cell.pkt-cell--start11-tablet-big-up, .pkt-grid > * > .pkt-cell.pkt-cell--start11-tablet-big-up {
    grid-column-start: 11;
  }
  .pkt-grid > .pkt-cell.pkt-cell--end11-tablet-big-up, .pkt-grid > * > .pkt-cell.pkt-cell--end11-tablet-big-up {
    grid-column-end: 11;
  }
  .pkt-grid > .pkt-cell.pkt-cell--start12-tablet-big-up, .pkt-grid > * > .pkt-cell.pkt-cell--start12-tablet-big-up {
    grid-column-start: 12;
  }
  .pkt-grid > .pkt-cell.pkt-cell--end12-tablet-big-up, .pkt-grid > * > .pkt-cell.pkt-cell--end12-tablet-big-up {
    grid-column-end: 12;
  }
  .pkt-grid > .pkt-cell.pkt-cell--start13-tablet-big-up, .pkt-grid > * > .pkt-cell.pkt-cell--start13-tablet-big-up {
    grid-column-start: 13;
  }
  .pkt-grid > .pkt-cell.pkt-cell--end13-tablet-big-up, .pkt-grid > * > .pkt-cell.pkt-cell--end13-tablet-big-up {
    grid-column-end: 13;
  }
}
@media screen and (min-width: 80rem) {
  .pkt-grid > .pkt-cell.pkt-cell--span1-laptop-up, .pkt-grid > * > .pkt-cell.pkt-cell--span1-laptop-up {
    grid-column-end: span 1;
  }
  .pkt-grid > .pkt-cell.pkt-cell--span2-laptop-up, .pkt-grid > * > .pkt-cell.pkt-cell--span2-laptop-up {
    grid-column-end: span 2;
  }
  .pkt-grid > .pkt-cell.pkt-cell--span3-laptop-up, .pkt-grid > * > .pkt-cell.pkt-cell--span3-laptop-up {
    grid-column-end: span 3;
  }
  .pkt-grid > .pkt-cell.pkt-cell--span4-laptop-up, .pkt-grid > * > .pkt-cell.pkt-cell--span4-laptop-up {
    grid-column-end: span 4;
  }
  .pkt-grid > .pkt-cell.pkt-cell--span5-laptop-up, .pkt-grid > * > .pkt-cell.pkt-cell--span5-laptop-up {
    grid-column-end: span 5;
  }
  .pkt-grid > .pkt-cell.pkt-cell--span6-laptop-up, .pkt-grid > * > .pkt-cell.pkt-cell--span6-laptop-up {
    grid-column-end: span 6;
  }
  .pkt-grid > .pkt-cell.pkt-cell--span7-laptop-up, .pkt-grid > * > .pkt-cell.pkt-cell--span7-laptop-up {
    grid-column-end: span 7;
  }
  .pkt-grid > .pkt-cell.pkt-cell--span8-laptop-up, .pkt-grid > * > .pkt-cell.pkt-cell--span8-laptop-up {
    grid-column-end: span 8;
  }
  .pkt-grid > .pkt-cell.pkt-cell--span9-laptop-up, .pkt-grid > * > .pkt-cell.pkt-cell--span9-laptop-up {
    grid-column-end: span 9;
  }
  .pkt-grid > .pkt-cell.pkt-cell--span10-laptop-up, .pkt-grid > * > .pkt-cell.pkt-cell--span10-laptop-up {
    grid-column-end: span 10;
  }
  .pkt-grid > .pkt-cell.pkt-cell--span11-laptop-up, .pkt-grid > * > .pkt-cell.pkt-cell--span11-laptop-up {
    grid-column-end: span 11;
  }
  .pkt-grid > .pkt-cell.pkt-cell--span12-laptop-up, .pkt-grid > * > .pkt-cell.pkt-cell--span12-laptop-up {
    grid-column-end: span 12;
  }
  .pkt-grid > .pkt-cell.pkt-cell--start1-laptop-up, .pkt-grid > * > .pkt-cell.pkt-cell--start1-laptop-up {
    grid-column-start: 1;
  }
  .pkt-grid > .pkt-cell.pkt-cell--end1-laptop-up, .pkt-grid > * > .pkt-cell.pkt-cell--end1-laptop-up {
    grid-column-end: 1;
  }
  .pkt-grid > .pkt-cell.pkt-cell--start2-laptop-up, .pkt-grid > * > .pkt-cell.pkt-cell--start2-laptop-up {
    grid-column-start: 2;
  }
  .pkt-grid > .pkt-cell.pkt-cell--end2-laptop-up, .pkt-grid > * > .pkt-cell.pkt-cell--end2-laptop-up {
    grid-column-end: 2;
  }
  .pkt-grid > .pkt-cell.pkt-cell--start3-laptop-up, .pkt-grid > * > .pkt-cell.pkt-cell--start3-laptop-up {
    grid-column-start: 3;
  }
  .pkt-grid > .pkt-cell.pkt-cell--end3-laptop-up, .pkt-grid > * > .pkt-cell.pkt-cell--end3-laptop-up {
    grid-column-end: 3;
  }
  .pkt-grid > .pkt-cell.pkt-cell--start4-laptop-up, .pkt-grid > * > .pkt-cell.pkt-cell--start4-laptop-up {
    grid-column-start: 4;
  }
  .pkt-grid > .pkt-cell.pkt-cell--end4-laptop-up, .pkt-grid > * > .pkt-cell.pkt-cell--end4-laptop-up {
    grid-column-end: 4;
  }
  .pkt-grid > .pkt-cell.pkt-cell--start5-laptop-up, .pkt-grid > * > .pkt-cell.pkt-cell--start5-laptop-up {
    grid-column-start: 5;
  }
  .pkt-grid > .pkt-cell.pkt-cell--end5-laptop-up, .pkt-grid > * > .pkt-cell.pkt-cell--end5-laptop-up {
    grid-column-end: 5;
  }
  .pkt-grid > .pkt-cell.pkt-cell--start6-laptop-up, .pkt-grid > * > .pkt-cell.pkt-cell--start6-laptop-up {
    grid-column-start: 6;
  }
  .pkt-grid > .pkt-cell.pkt-cell--end6-laptop-up, .pkt-grid > * > .pkt-cell.pkt-cell--end6-laptop-up {
    grid-column-end: 6;
  }
  .pkt-grid > .pkt-cell.pkt-cell--start7-laptop-up, .pkt-grid > * > .pkt-cell.pkt-cell--start7-laptop-up {
    grid-column-start: 7;
  }
  .pkt-grid > .pkt-cell.pkt-cell--end7-laptop-up, .pkt-grid > * > .pkt-cell.pkt-cell--end7-laptop-up {
    grid-column-end: 7;
  }
  .pkt-grid > .pkt-cell.pkt-cell--start8-laptop-up, .pkt-grid > * > .pkt-cell.pkt-cell--start8-laptop-up {
    grid-column-start: 8;
  }
  .pkt-grid > .pkt-cell.pkt-cell--end8-laptop-up, .pkt-grid > * > .pkt-cell.pkt-cell--end8-laptop-up {
    grid-column-end: 8;
  }
  .pkt-grid > .pkt-cell.pkt-cell--start9-laptop-up, .pkt-grid > * > .pkt-cell.pkt-cell--start9-laptop-up {
    grid-column-start: 9;
  }
  .pkt-grid > .pkt-cell.pkt-cell--end9-laptop-up, .pkt-grid > * > .pkt-cell.pkt-cell--end9-laptop-up {
    grid-column-end: 9;
  }
  .pkt-grid > .pkt-cell.pkt-cell--start10-laptop-up, .pkt-grid > * > .pkt-cell.pkt-cell--start10-laptop-up {
    grid-column-start: 10;
  }
  .pkt-grid > .pkt-cell.pkt-cell--end10-laptop-up, .pkt-grid > * > .pkt-cell.pkt-cell--end10-laptop-up {
    grid-column-end: 10;
  }
  .pkt-grid > .pkt-cell.pkt-cell--start11-laptop-up, .pkt-grid > * > .pkt-cell.pkt-cell--start11-laptop-up {
    grid-column-start: 11;
  }
  .pkt-grid > .pkt-cell.pkt-cell--end11-laptop-up, .pkt-grid > * > .pkt-cell.pkt-cell--end11-laptop-up {
    grid-column-end: 11;
  }
  .pkt-grid > .pkt-cell.pkt-cell--start12-laptop-up, .pkt-grid > * > .pkt-cell.pkt-cell--start12-laptop-up {
    grid-column-start: 12;
  }
  .pkt-grid > .pkt-cell.pkt-cell--end12-laptop-up, .pkt-grid > * > .pkt-cell.pkt-cell--end12-laptop-up {
    grid-column-end: 12;
  }
  .pkt-grid > .pkt-cell.pkt-cell--start13-laptop-up, .pkt-grid > * > .pkt-cell.pkt-cell--start13-laptop-up {
    grid-column-start: 13;
  }
  .pkt-grid > .pkt-cell.pkt-cell--end13-laptop-up, .pkt-grid > * > .pkt-cell.pkt-cell--end13-laptop-up {
    grid-column-end: 13;
  }
}

.pkt-layout {
  display: grid;
  width: 100vw;
  min-height: 100vh;
  grid-template-rows: auto 1fr auto;
}

.pkt-color-bg-brand-blue-100 {
  background-color: #f1fdff !important;
}

.pkt-color-txt-brand-blue-100 {
  color: #f1fdff !important;
}

.pkt-color-border-brand-blue-100 {
  border-color: #f1fdff !important;
}

.pkt-color-bg-brand-blue-200 {
  background-color: #e5fcff !important;
}

.pkt-color-txt-brand-blue-200 {
  color: #e5fcff !important;
}

.pkt-color-border-brand-blue-200 {
  border-color: #e5fcff !important;
}

.pkt-color-bg-brand-blue-300 {
  background-color: #d1f9ff !important;
}

.pkt-color-txt-brand-blue-300 {
  color: #d1f9ff !important;
}

.pkt-color-border-brand-blue-300 {
  border-color: #d1f9ff !important;
}

.pkt-color-bg-brand-blue-500 {
  background-color: #b3f5ff !important;
}

.pkt-color-txt-brand-blue-500 {
  color: #b3f5ff !important;
}

.pkt-color-border-brand-blue-500 {
  border-color: #b3f5ff !important;
}

.pkt-color-bg-brand-blue-1000 {
  background-color: #6fe9ff !important;
}

.pkt-color-txt-brand-blue-1000 {
  color: #6fe9ff !important;
}

.pkt-color-border-brand-blue-1000 {
  border-color: #6fe9ff !important;
}

.pkt-color-bg-brand-dark-blue-700 {
  background-color: #6a698b !important;
}

.pkt-color-txt-brand-dark-blue-700 {
  color: #6a698b !important;
}

.pkt-color-border-brand-dark-blue-700 {
  border-color: #6a698b !important;
}

.pkt-color-bg-brand-dark-blue-1000 {
  background-color: #2a2859 !important;
}

.pkt-color-txt-brand-dark-blue-1000 {
  color: #2a2859 !important;
}

.pkt-color-border-brand-dark-blue-1000 {
  border-color: #2a2859 !important;
}

.pkt-color-bg-brand-warm-blue-1000 {
  background-color: #1f42aa !important;
}

.pkt-color-txt-brand-warm-blue-1000 {
  color: #1f42aa !important;
}

.pkt-color-border-brand-warm-blue-1000 {
  border-color: #1f42aa !important;
}

.pkt-color-bg-brand-green-400 {
  background-color: #c7fde9 !important;
}

.pkt-color-txt-brand-green-400 {
  color: #c7fde9 !important;
}

.pkt-color-border-brand-green-400 {
  border-color: #c7fde9 !important;
}

.pkt-color-bg-brand-green-1000 {
  background-color: #43f8b6 !important;
}

.pkt-color-txt-brand-green-1000 {
  color: #43f8b6 !important;
}

.pkt-color-border-brand-green-1000 {
  border-color: #43f8b6 !important;
}

.pkt-color-bg-brand-light-green-400 {
  background-color: #e5ffe6 !important;
}

.pkt-color-txt-brand-light-green-400 {
  color: #e5ffe6 !important;
}

.pkt-color-border-brand-light-green-400 {
  border-color: #e5ffe6 !important;
}

.pkt-color-bg-brand-light-green-1000 {
  background-color: #c7f6c9 !important;
}

.pkt-color-txt-brand-light-green-1000 {
  color: #c7f6c9 !important;
}

.pkt-color-border-brand-light-green-1000 {
  border-color: #c7f6c9 !important;
}

.pkt-color-bg-brand-dark-green-1000 {
  background-color: #034b45 !important;
}

.pkt-color-txt-brand-dark-green-1000 {
  color: #034b45 !important;
}

.pkt-color-border-brand-dark-green-1000 {
  border-color: #034b45 !important;
}

.pkt-color-bg-brand-yellow-1000 {
  background-color: #f9c66b !important;
}

.pkt-color-txt-brand-yellow-1000 {
  color: #f9c66b !important;
}

.pkt-color-border-brand-yellow-1000 {
  border-color: #f9c66b !important;
}

.pkt-color-bg-brand-yellow-500 {
  background-color: #ffe7bc !important;
}

.pkt-color-txt-brand-yellow-500 {
  color: #ffe7bc !important;
}

.pkt-color-border-brand-yellow-500 {
  border-color: #ffe7bc !important;
}

.pkt-color-bg-brand-red-100 {
  background-color: #fff2f1 !important;
}

.pkt-color-txt-brand-red-100 {
  color: #fff2f1 !important;
}

.pkt-color-border-brand-red-100 {
  border-color: #fff2f1 !important;
}

.pkt-color-bg-brand-red-400 {
  background-color: #ffdfdc !important;
}

.pkt-color-txt-brand-red-400 {
  color: #ffdfdc !important;
}

.pkt-color-border-brand-red-400 {
  border-color: #ffdfdc !important;
}

.pkt-color-bg-brand-red-600 {
  background-color: #ffb4ac !important;
}

.pkt-color-txt-brand-red-600 {
  color: #ffb4ac !important;
}

.pkt-color-border-brand-red-600 {
  border-color: #ffb4ac !important;
}

.pkt-color-bg-brand-red-1000 {
  background-color: #ff8274 !important;
}

.pkt-color-txt-brand-red-1000 {
  color: #ff8274 !important;
}

.pkt-color-border-brand-red-1000 {
  border-color: #ff8274 !important;
}

.pkt-color-bg-brand-light-beige-1000 {
  background-color: #f8f0dd !important;
}

.pkt-color-txt-brand-light-beige-1000 {
  color: #f8f0dd !important;
}

.pkt-color-border-brand-light-beige-1000 {
  border-color: #f8f0dd !important;
}

.pkt-color-bg-brand-dark-beige-1000 {
  background-color: #d0bfae !important;
}

.pkt-color-txt-brand-dark-beige-1000 {
  color: #d0bfae !important;
}

.pkt-color-border-brand-dark-beige-1000 {
  border-color: #d0bfae !important;
}

.pkt-color-bg-brand-neutrals-white {
  background-color: #ffffff !important;
}

.pkt-color-txt-brand-neutrals-white {
  color: #ffffff !important;
}

.pkt-color-border-brand-neutrals-white {
  border-color: #ffffff !important;
}

.pkt-color-bg-brand-neutrals-50 {
  background-color: #f9f9f9 !important;
}

.pkt-color-txt-brand-neutrals-50 {
  color: #f9f9f9 !important;
}

.pkt-color-border-brand-neutrals-50 {
  border-color: #f9f9f9 !important;
}

.pkt-color-bg-brand-neutrals-100 {
  background-color: #f2f2f2 !important;
}

.pkt-color-txt-brand-neutrals-100 {
  color: #f2f2f2 !important;
}

.pkt-color-border-brand-neutrals-100 {
  border-color: #f2f2f2 !important;
}

.pkt-color-bg-brand-neutrals-200 {
  background-color: #e6e6e6 !important;
}

.pkt-color-txt-brand-neutrals-200 {
  color: #e6e6e6 !important;
}

.pkt-color-border-brand-neutrals-200 {
  border-color: #e6e6e6 !important;
}

.pkt-color-bg-brand-neutrals-300 {
  background-color: #cccccc !important;
}

.pkt-color-txt-brand-neutrals-300 {
  color: #cccccc !important;
}

.pkt-color-border-brand-neutrals-300 {
  border-color: #cccccc !important;
}

.pkt-color-bg-brand-neutrals-400 {
  background-color: #b3b3b3 !important;
}

.pkt-color-txt-brand-neutrals-400 {
  color: #b3b3b3 !important;
}

.pkt-color-border-brand-neutrals-400 {
  border-color: #b3b3b3 !important;
}

.pkt-color-bg-brand-neutrals-500 {
  background-color: #9a9a9a !important;
}

.pkt-color-txt-brand-neutrals-500 {
  color: #9a9a9a !important;
}

.pkt-color-border-brand-neutrals-500 {
  border-color: #9a9a9a !important;
}

.pkt-color-bg-brand-neutrals-600 {
  background-color: #808080 !important;
}

.pkt-color-txt-brand-neutrals-600 {
  color: #808080 !important;
}

.pkt-color-border-brand-neutrals-600 {
  border-color: #808080 !important;
}

.pkt-color-bg-brand-neutrals-700 {
  background-color: #666666 !important;
}

.pkt-color-txt-brand-neutrals-700 {
  color: #666666 !important;
}

.pkt-color-border-brand-neutrals-700 {
  border-color: #666666 !important;
}

.pkt-color-bg-brand-neutrals-800 {
  background-color: #4d4d4d !important;
}

.pkt-color-txt-brand-neutrals-800 {
  color: #4d4d4d !important;
}

.pkt-color-border-brand-neutrals-800 {
  border-color: #4d4d4d !important;
}

.pkt-color-bg-brand-neutrals-900 {
  background-color: #333333 !important;
}

.pkt-color-txt-brand-neutrals-900 {
  color: #333333 !important;
}

.pkt-color-border-brand-neutrals-900 {
  border-color: #333333 !important;
}

.pkt-color-bg-brand-neutrals-1000 {
  background-color: #2c2c2c !important;
}

.pkt-color-txt-brand-neutrals-1000 {
  color: #2c2c2c !important;
}

.pkt-color-border-brand-neutrals-1000 {
  border-color: #2c2c2c !important;
}

.pkt-color-bg-brand-neutrals-black {
  background-color: #000000 !important;
}

.pkt-color-txt-brand-neutrals-black {
  color: #000000 !important;
}

.pkt-color-border-brand-neutrals-black {
  border-color: #000000 !important;
}

.pkt-color-bg-brand-neutrals-transparent {
  background-color: transparent !important;
}

.pkt-color-txt-brand-neutrals-transparent {
  color: transparent !important;
}

.pkt-color-border-brand-neutrals-transparent {
  border-color: transparent !important;
}

.pkt-color-bg-brand-purple-1000 {
  background-color: #e0adff !important;
}

.pkt-color-txt-brand-purple-1000 {
  color: #e0adff !important;
}

.pkt-color-border-brand-purple-1000 {
  border-color: #e0adff !important;
}

.pkt-color-bg-grays-gray-100 {
  background-color: #e6e6e6 !important;
}

.pkt-color-txt-grays-gray-100 {
  color: #e6e6e6 !important;
}

.pkt-color-border-grays-gray-100 {
  border-color: #e6e6e6 !important;
}

.pkt-color-bg-grays-gray-200 {
  background-color: #cccccc !important;
}

.pkt-color-txt-grays-gray-200 {
  color: #cccccc !important;
}

.pkt-color-border-grays-gray-200 {
  border-color: #cccccc !important;
}

.pkt-color-bg-grays-gray-300 {
  background-color: #b3b3b3 !important;
}

.pkt-color-txt-grays-gray-300 {
  color: #b3b3b3 !important;
}

.pkt-color-border-grays-gray-300 {
  border-color: #b3b3b3 !important;
}

.pkt-color-bg-grays-gray-400 {
  background-color: #9a9a9a !important;
}

.pkt-color-txt-grays-gray-400 {
  color: #9a9a9a !important;
}

.pkt-color-border-grays-gray-400 {
  border-color: #9a9a9a !important;
}

.pkt-color-bg-grays-gray-500 {
  background-color: #808080 !important;
}

.pkt-color-txt-grays-gray-500 {
  color: #808080 !important;
}

.pkt-color-border-grays-gray-500 {
  border-color: #808080 !important;
}

.pkt-color-bg-grays-gray-600 {
  background-color: #666666 !important;
}

.pkt-color-txt-grays-gray-600 {
  color: #666666 !important;
}

.pkt-color-border-grays-gray-600 {
  border-color: #666666 !important;
}

.pkt-color-bg-grays-gray-700 {
  background-color: #4d4d4d !important;
}

.pkt-color-txt-grays-gray-700 {
  color: #4d4d4d !important;
}

.pkt-color-border-grays-gray-700 {
  border-color: #4d4d4d !important;
}

.pkt-color-bg-grays-gray-800 {
  background-color: #333333 !important;
}

.pkt-color-txt-grays-gray-800 {
  color: #333333 !important;
}

.pkt-color-border-grays-gray-800 {
  border-color: #333333 !important;
}

.pkt-color-bg-grays-gray-900 {
  background-color: #1a1a1a !important;
}

.pkt-color-txt-grays-gray-900 {
  color: #1a1a1a !important;
}

.pkt-color-border-grays-gray-900 {
  border-color: #1a1a1a !important;
}

.pkt-color-bg-grays-gray-1000 {
  background-color: #2c2c2c !important;
}

.pkt-color-txt-grays-gray-1000 {
  color: #2c2c2c !important;
}

.pkt-color-border-grays-gray-1000 {
  border-color: #2c2c2c !important;
}

.pkt-color-bg-background-card {
  background-color: var(--pkt-color-background-card) !important;
}

.pkt-color-txt-background-card {
  color: var(--pkt-color-background-card) !important;
}

.pkt-color-border-background-card {
  border-color: var(--pkt-color-background-card) !important;
}

.pkt-color-bg-background-default {
  background-color: var(--pkt-color-background-default) !important;
}

.pkt-color-txt-background-default {
  color: var(--pkt-color-background-default) !important;
}

.pkt-color-border-background-default {
  border-color: var(--pkt-color-background-default) !important;
}

.pkt-color-bg-background-subtle {
  background-color: var(--pkt-color-background-subtle) !important;
}

.pkt-color-txt-background-subtle {
  color: var(--pkt-color-background-subtle) !important;
}

.pkt-color-border-background-subtle {
  border-color: var(--pkt-color-background-subtle) !important;
}

.pkt-color-bg-background-transparent {
  background-color: var(--pkt-color-background-transparent) !important;
}

.pkt-color-txt-background-transparent {
  color: var(--pkt-color-background-transparent) !important;
}

.pkt-color-border-background-transparent {
  border-color: var(--pkt-color-background-transparent) !important;
}

.pkt-color-bg-border-default {
  background-color: var(--pkt-color-border-default) !important;
}

.pkt-color-txt-border-default {
  color: var(--pkt-color-border-default) !important;
}

.pkt-color-border-border-default {
  border-color: var(--pkt-color-border-default) !important;
}

.pkt-color-bg-border-beige {
  background-color: var(--pkt-color-border-beige) !important;
}

.pkt-color-txt-border-beige {
  color: var(--pkt-color-border-beige) !important;
}

.pkt-color-border-border-beige {
  border-color: var(--pkt-color-border-beige) !important;
}

.pkt-color-bg-border-blue {
  background-color: var(--pkt-color-border-blue) !important;
}

.pkt-color-txt-border-blue {
  color: var(--pkt-color-border-blue) !important;
}

.pkt-color-border-border-blue {
  border-color: var(--pkt-color-border-blue) !important;
}

.pkt-color-bg-border-gray {
  background-color: var(--pkt-color-border-gray) !important;
}

.pkt-color-txt-border-gray {
  color: var(--pkt-color-border-gray) !important;
}

.pkt-color-border-border-gray {
  border-color: var(--pkt-color-border-gray) !important;
}

.pkt-color-bg-border-green {
  background-color: var(--pkt-color-border-green) !important;
}

.pkt-color-txt-border-green {
  color: var(--pkt-color-border-green) !important;
}

.pkt-color-border-border-green {
  border-color: var(--pkt-color-border-green) !important;
}

.pkt-color-bg-border-light-beige {
  background-color: var(--pkt-color-border-light-beige) !important;
}

.pkt-color-txt-border-light-beige {
  color: var(--pkt-color-border-light-beige) !important;
}

.pkt-color-border-border-light-beige {
  border-color: var(--pkt-color-border-light-beige) !important;
}

.pkt-color-bg-border-red {
  background-color: var(--pkt-color-border-red) !important;
}

.pkt-color-txt-border-red {
  color: var(--pkt-color-border-red) !important;
}

.pkt-color-border-border-red {
  border-color: var(--pkt-color-border-red) !important;
}

.pkt-color-bg-border-subtle {
  background-color: var(--pkt-color-border-subtle) !important;
}

.pkt-color-txt-border-subtle {
  color: var(--pkt-color-border-subtle) !important;
}

.pkt-color-border-border-subtle {
  border-color: var(--pkt-color-border-subtle) !important;
}

.pkt-color-bg-border-yellow {
  background-color: var(--pkt-color-border-yellow) !important;
}

.pkt-color-txt-border-yellow {
  color: var(--pkt-color-border-yellow) !important;
}

.pkt-color-border-border-yellow {
  border-color: var(--pkt-color-border-yellow) !important;
}

.pkt-color-bg-border-states-active {
  background-color: var(--pkt-color-border-states-active) !important;
}

.pkt-color-txt-border-states-active {
  color: var(--pkt-color-border-states-active) !important;
}

.pkt-color-border-border-states-active {
  border-color: var(--pkt-color-border-states-active) !important;
}

.pkt-color-bg-border-states-disabled {
  background-color: var(--pkt-color-border-states-disabled) !important;
}

.pkt-color-txt-border-states-disabled {
  color: var(--pkt-color-border-states-disabled) !important;
}

.pkt-color-border-border-states-disabled {
  border-color: var(--pkt-color-border-states-disabled) !important;
}

.pkt-color-bg-border-states-focus {
  background-color: var(--pkt-color-border-states-focus) !important;
}

.pkt-color-txt-border-states-focus {
  color: var(--pkt-color-border-states-focus) !important;
}

.pkt-color-border-border-states-focus {
  border-color: var(--pkt-color-border-states-focus) !important;
}

.pkt-color-bg-border-states-hover {
  background-color: var(--pkt-color-border-states-hover) !important;
}

.pkt-color-txt-border-states-hover {
  color: var(--pkt-color-border-states-hover) !important;
}

.pkt-color-border-border-states-hover {
  border-color: var(--pkt-color-border-states-hover) !important;
}

.pkt-color-bg-surface-default-default {
  background-color: var(--pkt-color-surface-default-default) !important;
}

.pkt-color-txt-surface-default-default {
  color: var(--pkt-color-surface-default-default) !important;
}

.pkt-color-border-surface-default-default {
  border-color: var(--pkt-color-surface-default-default) !important;
}

.pkt-color-bg-surface-default-faded-green {
  background-color: var(--pkt-color-surface-default-faded-green) !important;
}

.pkt-color-txt-surface-default-faded-green {
  color: var(--pkt-color-surface-default-faded-green) !important;
}

.pkt-color-border-surface-default-faded-green {
  border-color: var(--pkt-color-surface-default-faded-green) !important;
}

.pkt-color-bg-surface-default-faded-red {
  background-color: var(--pkt-color-surface-default-faded-red) !important;
}

.pkt-color-txt-surface-default-faded-red {
  color: var(--pkt-color-surface-default-faded-red) !important;
}

.pkt-color-border-surface-default-faded-red {
  border-color: var(--pkt-color-surface-default-faded-red) !important;
}

.pkt-color-bg-surface-default-gray {
  background-color: var(--pkt-color-surface-default-gray) !important;
}

.pkt-color-txt-surface-default-gray {
  color: var(--pkt-color-surface-default-gray) !important;
}

.pkt-color-border-surface-default-gray {
  border-color: var(--pkt-color-surface-default-gray) !important;
}

.pkt-color-bg-surface-default-light-beige {
  background-color: var(--pkt-color-surface-default-light-beige) !important;
}

.pkt-color-txt-surface-default-light-beige {
  color: var(--pkt-color-surface-default-light-beige) !important;
}

.pkt-color-border-surface-default-light-beige {
  border-color: var(--pkt-color-surface-default-light-beige) !important;
}

.pkt-color-bg-surface-default-light-blue {
  background-color: var(--pkt-color-surface-default-light-blue) !important;
}

.pkt-color-txt-surface-default-light-blue {
  color: var(--pkt-color-surface-default-light-blue) !important;
}

.pkt-color-border-surface-default-light-blue {
  border-color: var(--pkt-color-surface-default-light-blue) !important;
}

.pkt-color-bg-surface-default-light-green {
  background-color: var(--pkt-color-surface-default-light-green) !important;
}

.pkt-color-txt-surface-default-light-green {
  color: var(--pkt-color-surface-default-light-green) !important;
}

.pkt-color-border-surface-default-light-green {
  border-color: var(--pkt-color-surface-default-light-green) !important;
}

.pkt-color-bg-surface-default-pale-blue {
  background-color: var(--pkt-color-surface-default-pale-blue) !important;
}

.pkt-color-txt-surface-default-pale-blue {
  color: var(--pkt-color-surface-default-pale-blue) !important;
}

.pkt-color-border-surface-default-pale-blue {
  border-color: var(--pkt-color-surface-default-pale-blue) !important;
}

.pkt-color-bg-surface-default-red {
  background-color: var(--pkt-color-surface-default-red) !important;
}

.pkt-color-txt-surface-default-red {
  color: var(--pkt-color-surface-default-red) !important;
}

.pkt-color-border-surface-default-red {
  border-color: var(--pkt-color-surface-default-red) !important;
}

.pkt-color-bg-surface-default-yellow {
  background-color: var(--pkt-color-surface-default-yellow) !important;
}

.pkt-color-txt-surface-default-yellow {
  color: var(--pkt-color-surface-default-yellow) !important;
}

.pkt-color-border-surface-default-yellow {
  border-color: var(--pkt-color-surface-default-yellow) !important;
}

.pkt-color-bg-surface-strong-beige {
  background-color: var(--pkt-color-surface-strong-beige) !important;
}

.pkt-color-txt-surface-strong-beige {
  color: var(--pkt-color-surface-strong-beige) !important;
}

.pkt-color-border-surface-strong-beige {
  border-color: var(--pkt-color-surface-strong-beige) !important;
}

.pkt-color-bg-surface-strong-blue {
  background-color: var(--pkt-color-surface-strong-blue) !important;
}

.pkt-color-txt-surface-strong-blue {
  color: var(--pkt-color-surface-strong-blue) !important;
}

.pkt-color-border-surface-strong-blue {
  border-color: var(--pkt-color-surface-strong-blue) !important;
}

.pkt-color-bg-surface-strong-dark-blue {
  background-color: var(--pkt-color-surface-strong-dark-blue) !important;
}

.pkt-color-txt-surface-strong-dark-blue {
  color: var(--pkt-color-surface-strong-dark-blue) !important;
}

.pkt-color-border-surface-strong-dark-blue {
  border-color: var(--pkt-color-surface-strong-dark-blue) !important;
}

.pkt-color-bg-surface-strong-dark-green {
  background-color: var(--pkt-color-surface-strong-dark-green) !important;
}

.pkt-color-txt-surface-strong-dark-green {
  color: var(--pkt-color-surface-strong-dark-green) !important;
}

.pkt-color-border-surface-strong-dark-green {
  border-color: var(--pkt-color-surface-strong-dark-green) !important;
}

.pkt-color-bg-surface-strong-default {
  background-color: var(--pkt-color-surface-strong-default) !important;
}

.pkt-color-txt-surface-strong-default {
  color: var(--pkt-color-surface-strong-default) !important;
}

.pkt-color-border-surface-strong-default {
  border-color: var(--pkt-color-surface-strong-default) !important;
}

.pkt-color-bg-surface-strong-gray {
  background-color: var(--pkt-color-surface-strong-gray) !important;
}

.pkt-color-txt-surface-strong-gray {
  color: var(--pkt-color-surface-strong-gray) !important;
}

.pkt-color-border-surface-strong-gray {
  border-color: var(--pkt-color-surface-strong-gray) !important;
}

.pkt-color-bg-surface-strong-green {
  background-color: var(--pkt-color-surface-strong-green) !important;
}

.pkt-color-txt-surface-strong-green {
  color: var(--pkt-color-surface-strong-green) !important;
}

.pkt-color-border-surface-strong-green {
  border-color: var(--pkt-color-surface-strong-green) !important;
}

.pkt-color-bg-surface-strong-light-green {
  background-color: var(--pkt-color-surface-strong-light-green) !important;
}

.pkt-color-txt-surface-strong-light-green {
  color: var(--pkt-color-surface-strong-light-green) !important;
}

.pkt-color-border-surface-strong-light-green {
  border-color: var(--pkt-color-surface-strong-light-green) !important;
}

.pkt-color-bg-surface-strong-red {
  background-color: var(--pkt-color-surface-strong-red) !important;
}

.pkt-color-txt-surface-strong-red {
  color: var(--pkt-color-surface-strong-red) !important;
}

.pkt-color-border-surface-strong-red {
  border-color: var(--pkt-color-surface-strong-red) !important;
}

.pkt-color-bg-surface-strong-yellow {
  background-color: var(--pkt-color-surface-strong-yellow) !important;
}

.pkt-color-txt-surface-strong-yellow {
  color: var(--pkt-color-surface-strong-yellow) !important;
}

.pkt-color-border-surface-strong-yellow {
  border-color: var(--pkt-color-surface-strong-yellow) !important;
}

.pkt-color-bg-surface-subtle-default {
  background-color: var(--pkt-color-surface-subtle-default) !important;
}

.pkt-color-txt-surface-subtle-default {
  color: var(--pkt-color-surface-subtle-default) !important;
}

.pkt-color-border-surface-subtle-default {
  border-color: var(--pkt-color-surface-subtle-default) !important;
}

.pkt-color-bg-surface-subtle-light-blue {
  background-color: var(--pkt-color-surface-subtle-light-blue) !important;
}

.pkt-color-txt-surface-subtle-light-blue {
  color: var(--pkt-color-surface-subtle-light-blue) !important;
}

.pkt-color-border-surface-subtle-light-blue {
  border-color: var(--pkt-color-surface-subtle-light-blue) !important;
}

.pkt-color-bg-surface-subtle-light-red {
  background-color: var(--pkt-color-surface-subtle-light-red) !important;
}

.pkt-color-txt-surface-subtle-light-red {
  color: var(--pkt-color-surface-subtle-light-red) !important;
}

.pkt-color-border-surface-subtle-light-red {
  border-color: var(--pkt-color-surface-subtle-light-red) !important;
}

.pkt-color-bg-surface-subtle-gray {
  background-color: var(--pkt-color-surface-subtle-gray) !important;
}

.pkt-color-txt-surface-subtle-gray {
  color: var(--pkt-color-surface-subtle-gray) !important;
}

.pkt-color-border-surface-subtle-gray {
  border-color: var(--pkt-color-surface-subtle-gray) !important;
}

.pkt-color-bg-surface-subtle-pale-blue {
  background-color: var(--pkt-color-surface-subtle-pale-blue) !important;
}

.pkt-color-txt-surface-subtle-pale-blue {
  color: var(--pkt-color-surface-subtle-pale-blue) !important;
}

.pkt-color-border-surface-subtle-pale-blue {
  border-color: var(--pkt-color-surface-subtle-pale-blue) !important;
}

.pkt-color-bg-surface-subtle-white {
  background-color: var(--pkt-color-surface-subtle-white) !important;
}

.pkt-color-txt-surface-subtle-white {
  color: var(--pkt-color-surface-subtle-white) !important;
}

.pkt-color-border-surface-subtle-white {
  border-color: var(--pkt-color-surface-subtle-white) !important;
}

.pkt-color-bg-text-body-dark {
  background-color: var(--pkt-color-text-body-dark) !important;
}

.pkt-color-txt-text-body-dark {
  color: var(--pkt-color-text-body-dark) !important;
}

.pkt-color-border-text-body-dark {
  border-color: var(--pkt-color-text-body-dark) !important;
}

.pkt-color-bg-text-body-default {
  background-color: var(--pkt-color-text-body-default) !important;
}

.pkt-color-txt-text-body-default {
  color: var(--pkt-color-text-body-default) !important;
}

.pkt-color-border-text-body-default {
  border-color: var(--pkt-color-text-body-default) !important;
}

.pkt-color-bg-text-body-light {
  background-color: var(--pkt-color-text-body-light) !important;
}

.pkt-color-txt-text-body-light {
  color: var(--pkt-color-text-body-light) !important;
}

.pkt-color-border-text-body-light {
  border-color: var(--pkt-color-text-body-light) !important;
}

.pkt-color-bg-text-placeholder {
  background-color: var(--pkt-color-text-placeholder) !important;
}

.pkt-color-txt-text-placeholder {
  color: var(--pkt-color-text-placeholder) !important;
}

.pkt-color-border-text-placeholder {
  border-color: var(--pkt-color-text-placeholder) !important;
}

.pkt-color-bg-text-action-disabled {
  background-color: var(--pkt-color-text-action-disabled) !important;
}

.pkt-color-txt-text-action-disabled {
  color: var(--pkt-color-text-action-disabled) !important;
}

.pkt-color-border-text-action-disabled {
  border-color: var(--pkt-color-text-action-disabled) !important;
}

.pkt-color-bg-text-action-active {
  background-color: var(--pkt-color-text-action-active) !important;
}

.pkt-color-txt-text-action-active {
  color: var(--pkt-color-text-action-active) !important;
}

.pkt-color-border-text-action-active {
  border-color: var(--pkt-color-text-action-active) !important;
}

.pkt-color-bg-text-action-hover {
  background-color: var(--pkt-color-text-action-hover) !important;
}

.pkt-color-txt-text-action-hover {
  color: var(--pkt-color-text-action-hover) !important;
}

.pkt-color-border-text-action-hover {
  border-color: var(--pkt-color-text-action-hover) !important;
}

.pkt-color-bg-text-action-normal {
  background-color: var(--pkt-color-text-action-normal) !important;
}

.pkt-color-txt-text-action-normal {
  color: var(--pkt-color-text-action-normal) !important;
}

.pkt-color-border-text-action-normal {
  border-color: var(--pkt-color-text-action-normal) !important;
}

.pkt-color-bg-input-background-normal {
  background-color: var(--pkt-color-input-background-normal) !important;
}

.pkt-color-txt-input-background-normal {
  color: var(--pkt-color-input-background-normal) !important;
}

.pkt-color-border-input-background-normal {
  border-color: var(--pkt-color-input-background-normal) !important;
}

.pkt-color-bg-input-background-disabled {
  background-color: var(--pkt-color-input-background-disabled) !important;
}

.pkt-color-txt-input-background-disabled {
  color: var(--pkt-color-input-background-disabled) !important;
}

.pkt-color-border-input-background-disabled {
  border-color: var(--pkt-color-input-background-disabled) !important;
}

.pkt-color-bg-input-background-open {
  background-color: var(--pkt-color-input-background-open) !important;
}

.pkt-color-txt-input-background-open {
  color: var(--pkt-color-input-background-open) !important;
}

.pkt-color-border-input-background-open {
  border-color: var(--pkt-color-input-background-open) !important;
}

.pkt-color-bg-input-border-active {
  background-color: var(--pkt-color-input-border-active) !important;
}

.pkt-color-txt-input-border-active {
  color: var(--pkt-color-input-border-active) !important;
}

.pkt-color-border-input-border-active {
  border-color: var(--pkt-color-input-border-active) !important;
}

.pkt-color-bg-input-border-disabled {
  background-color: var(--pkt-color-input-border-disabled) !important;
}

.pkt-color-txt-input-border-disabled {
  color: var(--pkt-color-input-border-disabled) !important;
}

.pkt-color-border-input-border-disabled {
  border-color: var(--pkt-color-input-border-disabled) !important;
}

.pkt-color-bg-input-border-error {
  background-color: var(--pkt-color-input-border-error) !important;
}

.pkt-color-txt-input-border-error {
  color: var(--pkt-color-input-border-error) !important;
}

.pkt-color-border-input-border-error {
  border-color: var(--pkt-color-input-border-error) !important;
}

.pkt-color-bg-input-border-hover {
  background-color: var(--pkt-color-input-border-hover) !important;
}

.pkt-color-txt-input-border-hover {
  color: var(--pkt-color-input-border-hover) !important;
}

.pkt-color-border-input-border-hover {
  border-color: var(--pkt-color-input-border-hover) !important;
}

.pkt-color-bg-input-border-normal {
  background-color: var(--pkt-color-input-border-normal) !important;
}

.pkt-color-txt-input-border-normal {
  color: var(--pkt-color-input-border-normal) !important;
}

.pkt-color-border-input-border-normal {
  border-color: var(--pkt-color-input-border-normal) !important;
}

.pkt-color-bg-input-text-active {
  background-color: var(--pkt-color-input-text-active) !important;
}

.pkt-color-txt-input-text-active {
  color: var(--pkt-color-input-text-active) !important;
}

.pkt-color-border-input-text-active {
  border-color: var(--pkt-color-input-text-active) !important;
}

.pkt-color-bg-input-text-disabled {
  background-color: var(--pkt-color-input-text-disabled) !important;
}

.pkt-color-txt-input-text-disabled {
  color: var(--pkt-color-input-text-disabled) !important;
}

.pkt-color-border-input-text-disabled {
  border-color: var(--pkt-color-input-text-disabled) !important;
}

.pkt-color-bg-input-text-hover {
  background-color: var(--pkt-color-input-text-hover) !important;
}

.pkt-color-txt-input-text-hover {
  color: var(--pkt-color-input-text-hover) !important;
}

.pkt-color-border-input-text-hover {
  border-color: var(--pkt-color-input-text-hover) !important;
}

.pkt-color-bg-input-text-normal {
  background-color: var(--pkt-color-input-text-normal) !important;
}

.pkt-color-txt-input-text-normal {
  color: var(--pkt-color-input-text-normal) !important;
}

.pkt-color-border-input-text-normal {
  border-color: var(--pkt-color-input-text-normal) !important;
}

.pkt-color-bg-input-text-error {
  background-color: var(--pkt-color-input-text-error) !important;
}

.pkt-color-txt-input-text-error {
  color: var(--pkt-color-input-text-error) !important;
}

.pkt-color-border-input-text-error {
  border-color: var(--pkt-color-input-text-error) !important;
}

.pkt-color-bg-input-text-open {
  background-color: var(--pkt-color-input-text-open) !important;
}

.pkt-color-txt-input-text-open {
  color: var(--pkt-color-input-text-open) !important;
}

.pkt-color-border-input-text-open {
  border-color: var(--pkt-color-input-text-open) !important;
}

.pkt-color-bg-tag-text-normal {
  background-color: var(--pkt-color-tag-text-normal) !important;
}

.pkt-color-txt-tag-text-normal {
  color: var(--pkt-color-tag-text-normal) !important;
}

.pkt-color-border-tag-text-normal {
  border-color: var(--pkt-color-tag-text-normal) !important;
}

.pkt-color-bg-tag-text-hover {
  background-color: var(--pkt-color-tag-text-hover) !important;
}

.pkt-color-txt-tag-text-hover {
  color: var(--pkt-color-tag-text-hover) !important;
}

.pkt-color-border-tag-text-hover {
  border-color: var(--pkt-color-tag-text-hover) !important;
}

.pkt-color-bg-tag-text-active {
  background-color: var(--pkt-color-tag-text-active) !important;
}

.pkt-color-txt-tag-text-active {
  color: var(--pkt-color-tag-text-active) !important;
}

.pkt-color-border-tag-text-active {
  border-color: var(--pkt-color-tag-text-active) !important;
}

.pkt-color-bg-tag-text-focus {
  background-color: var(--pkt-color-tag-text-focus) !important;
}

.pkt-color-txt-tag-text-focus {
  color: var(--pkt-color-tag-text-focus) !important;
}

.pkt-color-border-tag-text-focus {
  border-color: var(--pkt-color-tag-text-focus) !important;
}

.pkt-color-bg-input-check-background {
  background-color: var(--pkt-color-input-check-background) !important;
}

.pkt-color-txt-input-check-background {
  color: var(--pkt-color-input-check-background) !important;
}

.pkt-color-border-input-check-background {
  border-color: var(--pkt-color-input-check-background) !important;
}

.pkt-color-bg-input-check-border {
  background-color: var(--pkt-color-input-check-border) !important;
}

.pkt-color-txt-input-check-border {
  color: var(--pkt-color-input-check-border) !important;
}

.pkt-color-border-input-check-border {
  border-color: var(--pkt-color-input-check-border) !important;
}

.pkt-color-bg-input-check-text-active {
  background-color: var(--pkt-color-input-check-text-active) !important;
}

.pkt-color-txt-input-check-text-active {
  color: var(--pkt-color-input-check-text-active) !important;
}

.pkt-color-border-input-check-text-active {
  border-color: var(--pkt-color-input-check-text-active) !important;
}

.pkt-color-bg-input-check-text-hover {
  background-color: var(--pkt-color-input-check-text-hover) !important;
}

.pkt-color-txt-input-check-text-hover {
  color: var(--pkt-color-input-check-text-hover) !important;
}

.pkt-color-border-input-check-text-hover {
  border-color: var(--pkt-color-input-check-text-hover) !important;
}

.pkt-color-bg-spinner-border-normal {
  background-color: var(--pkt-color-spinner-border-normal) !important;
}

.pkt-color-txt-spinner-border-normal {
  color: var(--pkt-color-spinner-border-normal) !important;
}

.pkt-color-border-spinner-border-normal {
  border-color: var(--pkt-color-spinner-border-normal) !important;
}

.pkt-color-bg-spinner-border-blue {
  background-color: var(--pkt-color-spinner-border-blue) !important;
}

.pkt-color-txt-spinner-border-blue {
  color: var(--pkt-color-spinner-border-blue) !important;
}

.pkt-color-border-spinner-border-blue {
  border-color: var(--pkt-color-spinner-border-blue) !important;
}

.pkt-color-bg-spinner-border-rainbow {
  background-color: var(--pkt-color-spinner-border-rainbow) !important;
}

.pkt-color-txt-spinner-border-rainbow {
  color: var(--pkt-color-spinner-border-rainbow) !important;
}

.pkt-color-border-spinner-border-rainbow {
  border-color: var(--pkt-color-spinner-border-rainbow) !important;
}

.pkt-color-bg-button-primary-background-normal {
  background-color: var(--pkt-color-button-primary-background-normal) !important;
}

.pkt-color-txt-button-primary-background-normal {
  color: var(--pkt-color-button-primary-background-normal) !important;
}

.pkt-color-border-button-primary-background-normal {
  border-color: var(--pkt-color-button-primary-background-normal) !important;
}

.pkt-color-bg-button-primary-background-hover {
  background-color: var(--pkt-color-button-primary-background-hover) !important;
}

.pkt-color-txt-button-primary-background-hover {
  color: var(--pkt-color-button-primary-background-hover) !important;
}

.pkt-color-border-button-primary-background-hover {
  border-color: var(--pkt-color-button-primary-background-hover) !important;
}

.pkt-color-bg-button-primary-background-focus {
  background-color: var(--pkt-color-button-primary-background-focus) !important;
}

.pkt-color-txt-button-primary-background-focus {
  color: var(--pkt-color-button-primary-background-focus) !important;
}

.pkt-color-border-button-primary-background-focus {
  border-color: var(--pkt-color-button-primary-background-focus) !important;
}

.pkt-color-bg-button-primary-background-active {
  background-color: var(--pkt-color-button-primary-background-active) !important;
}

.pkt-color-txt-button-primary-background-active {
  color: var(--pkt-color-button-primary-background-active) !important;
}

.pkt-color-border-button-primary-background-active {
  border-color: var(--pkt-color-button-primary-background-active) !important;
}

.pkt-color-bg-button-primary-background-disabled {
  background-color: var(--pkt-color-button-primary-background-disabled) !important;
}

.pkt-color-txt-button-primary-background-disabled {
  color: var(--pkt-color-button-primary-background-disabled) !important;
}

.pkt-color-border-button-primary-background-disabled {
  border-color: var(--pkt-color-button-primary-background-disabled) !important;
}

.pkt-color-bg-button-primary-background-success {
  background-color: var(--pkt-color-button-primary-background-success) !important;
}

.pkt-color-txt-button-primary-background-success {
  color: var(--pkt-color-button-primary-background-success) !important;
}

.pkt-color-border-button-primary-background-success {
  border-color: var(--pkt-color-button-primary-background-success) !important;
}

.pkt-color-bg-button-primary-background-danger {
  background-color: var(--pkt-color-button-primary-background-danger) !important;
}

.pkt-color-txt-button-primary-background-danger {
  color: var(--pkt-color-button-primary-background-danger) !important;
}

.pkt-color-border-button-primary-background-danger {
  border-color: var(--pkt-color-button-primary-background-danger) !important;
}

.pkt-color-bg-button-primary-border-focus {
  background-color: var(--pkt-color-button-primary-border-focus) !important;
}

.pkt-color-txt-button-primary-border-focus {
  color: var(--pkt-color-button-primary-border-focus) !important;
}

.pkt-color-border-button-primary-border-focus {
  border-color: var(--pkt-color-button-primary-border-focus) !important;
}

.pkt-color-bg-button-primary-text-normal {
  background-color: var(--pkt-color-button-primary-text-normal) !important;
}

.pkt-color-txt-button-primary-text-normal {
  color: var(--pkt-color-button-primary-text-normal) !important;
}

.pkt-color-border-button-primary-text-normal {
  border-color: var(--pkt-color-button-primary-text-normal) !important;
}

.pkt-color-bg-button-primary-text-hover {
  background-color: var(--pkt-color-button-primary-text-hover) !important;
}

.pkt-color-txt-button-primary-text-hover {
  color: var(--pkt-color-button-primary-text-hover) !important;
}

.pkt-color-border-button-primary-text-hover {
  border-color: var(--pkt-color-button-primary-text-hover) !important;
}

.pkt-color-bg-button-primary-text-focus {
  background-color: var(--pkt-color-button-primary-text-focus) !important;
}

.pkt-color-txt-button-primary-text-focus {
  color: var(--pkt-color-button-primary-text-focus) !important;
}

.pkt-color-border-button-primary-text-focus {
  border-color: var(--pkt-color-button-primary-text-focus) !important;
}

.pkt-color-bg-button-primary-text-active {
  background-color: var(--pkt-color-button-primary-text-active) !important;
}

.pkt-color-txt-button-primary-text-active {
  color: var(--pkt-color-button-primary-text-active) !important;
}

.pkt-color-border-button-primary-text-active {
  border-color: var(--pkt-color-button-primary-text-active) !important;
}

.pkt-color-bg-button-primary-text-disabled {
  background-color: var(--pkt-color-button-primary-text-disabled) !important;
}

.pkt-color-txt-button-primary-text-disabled {
  color: var(--pkt-color-button-primary-text-disabled) !important;
}

.pkt-color-border-button-primary-text-disabled {
  border-color: var(--pkt-color-button-primary-text-disabled) !important;
}

.pkt-color-bg-button-secondary-background-hover {
  background-color: var(--pkt-color-button-secondary-background-hover) !important;
}

.pkt-color-txt-button-secondary-background-hover {
  color: var(--pkt-color-button-secondary-background-hover) !important;
}

.pkt-color-border-button-secondary-background-hover {
  border-color: var(--pkt-color-button-secondary-background-hover) !important;
}

.pkt-color-bg-button-secondary-background-active {
  background-color: var(--pkt-color-button-secondary-background-active) !important;
}

.pkt-color-txt-button-secondary-background-active {
  color: var(--pkt-color-button-secondary-background-active) !important;
}

.pkt-color-border-button-secondary-background-active {
  border-color: var(--pkt-color-button-secondary-background-active) !important;
}

.pkt-color-bg-button-secondary-background-disabled {
  background-color: var(--pkt-color-button-secondary-background-disabled) !important;
}

.pkt-color-txt-button-secondary-background-disabled {
  color: var(--pkt-color-button-secondary-background-disabled) !important;
}

.pkt-color-border-button-secondary-background-disabled {
  border-color: var(--pkt-color-button-secondary-background-disabled) !important;
}

.pkt-color-bg-button-secondary-border-normal {
  background-color: var(--pkt-color-button-secondary-border-normal) !important;
}

.pkt-color-txt-button-secondary-border-normal {
  color: var(--pkt-color-button-secondary-border-normal) !important;
}

.pkt-color-border-button-secondary-border-normal {
  border-color: var(--pkt-color-button-secondary-border-normal) !important;
}

.pkt-color-bg-button-secondary-border-yellow {
  background-color: var(--pkt-color-button-secondary-border-yellow) !important;
}

.pkt-color-txt-button-secondary-border-yellow {
  color: var(--pkt-color-button-secondary-border-yellow) !important;
}

.pkt-color-border-button-secondary-border-yellow {
  border-color: var(--pkt-color-button-secondary-border-yellow) !important;
}

.pkt-color-bg-button-secondary-border-focus {
  background-color: var(--pkt-color-button-secondary-border-focus) !important;
}

.pkt-color-txt-button-secondary-border-focus {
  color: var(--pkt-color-button-secondary-border-focus) !important;
}

.pkt-color-border-button-secondary-border-focus {
  border-color: var(--pkt-color-button-secondary-border-focus) !important;
}

.pkt-color-bg-button-secondary-border-hover {
  background-color: var(--pkt-color-button-secondary-border-hover) !important;
}

.pkt-color-txt-button-secondary-border-hover {
  color: var(--pkt-color-button-secondary-border-hover) !important;
}

.pkt-color-border-button-secondary-border-hover {
  border-color: var(--pkt-color-button-secondary-border-hover) !important;
}

.pkt-color-bg-button-secondary-border-active {
  background-color: var(--pkt-color-button-secondary-border-active) !important;
}

.pkt-color-txt-button-secondary-border-active {
  color: var(--pkt-color-button-secondary-border-active) !important;
}

.pkt-color-border-button-secondary-border-active {
  border-color: var(--pkt-color-button-secondary-border-active) !important;
}

.pkt-color-bg-button-secondary-border-disabled {
  background-color: var(--pkt-color-button-secondary-border-disabled) !important;
}

.pkt-color-txt-button-secondary-border-disabled {
  color: var(--pkt-color-button-secondary-border-disabled) !important;
}

.pkt-color-border-button-secondary-border-disabled {
  border-color: var(--pkt-color-button-secondary-border-disabled) !important;
}

.pkt-color-bg-button-secondary-text-normal {
  background-color: var(--pkt-color-button-secondary-text-normal) !important;
}

.pkt-color-txt-button-secondary-text-normal {
  color: var(--pkt-color-button-secondary-text-normal) !important;
}

.pkt-color-border-button-secondary-text-normal {
  border-color: var(--pkt-color-button-secondary-text-normal) !important;
}

.pkt-color-bg-button-secondary-text-hover {
  background-color: var(--pkt-color-button-secondary-text-hover) !important;
}

.pkt-color-txt-button-secondary-text-hover {
  color: var(--pkt-color-button-secondary-text-hover) !important;
}

.pkt-color-border-button-secondary-text-hover {
  border-color: var(--pkt-color-button-secondary-text-hover) !important;
}

.pkt-color-bg-button-secondary-text-focus {
  background-color: var(--pkt-color-button-secondary-text-focus) !important;
}

.pkt-color-txt-button-secondary-text-focus {
  color: var(--pkt-color-button-secondary-text-focus) !important;
}

.pkt-color-border-button-secondary-text-focus {
  border-color: var(--pkt-color-button-secondary-text-focus) !important;
}

.pkt-color-bg-button-secondary-text-active {
  background-color: var(--pkt-color-button-secondary-text-active) !important;
}

.pkt-color-txt-button-secondary-text-active {
  color: var(--pkt-color-button-secondary-text-active) !important;
}

.pkt-color-border-button-secondary-text-active {
  border-color: var(--pkt-color-button-secondary-text-active) !important;
}

.pkt-color-bg-button-secondary-text-disabled {
  background-color: var(--pkt-color-button-secondary-text-disabled) !important;
}

.pkt-color-txt-button-secondary-text-disabled {
  color: var(--pkt-color-button-secondary-text-disabled) !important;
}

.pkt-color-border-button-secondary-text-disabled {
  border-color: var(--pkt-color-button-secondary-text-disabled) !important;
}

.pkt-color-bg-button-tertiary-background-hover {
  background-color: var(--pkt-color-button-tertiary-background-hover) !important;
}

.pkt-color-txt-button-tertiary-background-hover {
  color: var(--pkt-color-button-tertiary-background-hover) !important;
}

.pkt-color-border-button-tertiary-background-hover {
  border-color: var(--pkt-color-button-tertiary-background-hover) !important;
}

.pkt-color-bg-button-tertiary-background-focus {
  background-color: var(--pkt-color-button-tertiary-background-focus) !important;
}

.pkt-color-txt-button-tertiary-background-focus {
  color: var(--pkt-color-button-tertiary-background-focus) !important;
}

.pkt-color-border-button-tertiary-background-focus {
  border-color: var(--pkt-color-button-tertiary-background-focus) !important;
}

.pkt-color-bg-button-tertiary-background-active {
  background-color: var(--pkt-color-button-tertiary-background-active) !important;
}

.pkt-color-txt-button-tertiary-background-active {
  color: var(--pkt-color-button-tertiary-background-active) !important;
}

.pkt-color-border-button-tertiary-background-active {
  border-color: var(--pkt-color-button-tertiary-background-active) !important;
}

.pkt-color-bg-button-tertiary-background-disabled {
  background-color: var(--pkt-color-button-tertiary-background-disabled) !important;
}

.pkt-color-txt-button-tertiary-background-disabled {
  color: var(--pkt-color-button-tertiary-background-disabled) !important;
}

.pkt-color-border-button-tertiary-background-disabled {
  border-color: var(--pkt-color-button-tertiary-background-disabled) !important;
}

.pkt-color-bg-button-tertiary-border-focus {
  background-color: var(--pkt-color-button-tertiary-border-focus) !important;
}

.pkt-color-txt-button-tertiary-border-focus {
  color: var(--pkt-color-button-tertiary-border-focus) !important;
}

.pkt-color-border-button-tertiary-border-focus {
  border-color: var(--pkt-color-button-tertiary-border-focus) !important;
}

.pkt-color-bg-button-tertiary-text-normal {
  background-color: var(--pkt-color-button-tertiary-text-normal) !important;
}

.pkt-color-txt-button-tertiary-text-normal {
  color: var(--pkt-color-button-tertiary-text-normal) !important;
}

.pkt-color-border-button-tertiary-text-normal {
  border-color: var(--pkt-color-button-tertiary-text-normal) !important;
}

.pkt-color-bg-button-tertiary-text-hover {
  background-color: var(--pkt-color-button-tertiary-text-hover) !important;
}

.pkt-color-txt-button-tertiary-text-hover {
  color: var(--pkt-color-button-tertiary-text-hover) !important;
}

.pkt-color-border-button-tertiary-text-hover {
  border-color: var(--pkt-color-button-tertiary-text-hover) !important;
}

.pkt-color-bg-button-tertiary-text-focus {
  background-color: var(--pkt-color-button-tertiary-text-focus) !important;
}

.pkt-color-txt-button-tertiary-text-focus {
  color: var(--pkt-color-button-tertiary-text-focus) !important;
}

.pkt-color-border-button-tertiary-text-focus {
  border-color: var(--pkt-color-button-tertiary-text-focus) !important;
}

.pkt-color-bg-button-tertiary-text-active {
  background-color: var(--pkt-color-button-tertiary-text-active) !important;
}

.pkt-color-txt-button-tertiary-text-active {
  color: var(--pkt-color-button-tertiary-text-active) !important;
}

.pkt-color-border-button-tertiary-text-active {
  border-color: var(--pkt-color-button-tertiary-text-active) !important;
}

.pkt-color-bg-button-tertiary-text-disabled {
  background-color: var(--pkt-color-button-tertiary-text-disabled) !important;
}

.pkt-color-txt-button-tertiary-text-disabled {
  color: var(--pkt-color-button-tertiary-text-disabled) !important;
}

.pkt-color-border-button-tertiary-text-disabled {
  border-color: var(--pkt-color-button-tertiary-text-disabled) !important;
}

.bg-color-blue {
  background-color: #6fe9ff !important;
}

.txt-color-blue {
  color: #6fe9ff !important;
}

.bg-color-blue-light {
  background-color: #b3f5ff !important;
}

.txt-color-blue-light {
  color: #b3f5ff !important;
}

.bg-color-blue-dark {
  background-color: #2a2859 !important;
}

.txt-color-blue-dark {
  color: #2a2859 !important;
}

.bg-color-green {
  background-color: #43f8b6 !important;
}

.txt-color-green {
  color: #43f8b6 !important;
}

.bg-color-green-light {
  background-color: #c7f6c9 !important;
}

.txt-color-green-light {
  color: #c7f6c9 !important;
}

.bg-color-green-dark {
  background-color: #034b45 !important;
}

.txt-color-green-dark {
  color: #034b45 !important;
}

.bg-color-red {
  background-color: #ff8274 !important;
}

.txt-color-red {
  color: #ff8274 !important;
}

.bg-color-red-light {
  background-color: #ffb4ac !important;
}

.txt-color-red-light {
  color: #ffb4ac !important;
}

.bg-color-yellow {
  background-color: #f9c66b !important;
}

.txt-color-yellow {
  color: #f9c66b !important;
}

.bg-color-beige-light {
  background-color: #f8f0dd !important;
}

.txt-color-beige-light {
  color: #f8f0dd !important;
}

.bg-color-beige-dark {
  background-color: #d0bfae !important;
}

.txt-color-beige-dark {
  color: #d0bfae !important;
}

.bg-color-active {
  background-color: #1f42aa !important;
}

.txt-color-active {
  color: #1f42aa !important;
}

.bg-color-active-light {
  background-color: #b3f5ff !important;
}

.txt-color-active-light {
  color: #b3f5ff !important;
}

.bg-color-hover {
  background-color: #1f42aa !important;
}

.txt-color-hover {
  color: #1f42aa !important;
}

.bg-color-hover-light {
  background-color: #b3f5ff !important;
}

.txt-color-hover-light {
  color: #b3f5ff !important;
}

.bg-color-focus {
  background-color: #e0adff !important;
}

.txt-color-focus {
  color: #e0adff !important;
}

.bg-color-disabled {
  background-color: #4d4d4d !important;
}

.txt-color-disabled {
  color: #4d4d4d !important;
}

.bg-color-disabled-light {
  background-color: #f9f9f9 !important;
}

.txt-color-disabled-light {
  color: #f9f9f9 !important;
}

.bg-color-info {
  background-color: #2a2859 !important;
}

.txt-color-info {
  color: #2a2859 !important;
}

.bg-color-success {
  background-color: #034b45 !important;
}

.txt-color-success {
  color: #034b45 !important;
}

.bg-color-warning {
  background-color: #774c01 !important;
}

.txt-color-warning {
  color: #774c01 !important;
}

.bg-color-error {
  background-color: #96281c !important;
}

.txt-color-error {
  color: #96281c !important;
}

.bg-color-blue-dark-5 {
  background-color: #f2f9ff !important;
}

.txt-color-blue-dark-5 {
  color: #f2f9ff !important;
}

.bg-color-blue-dark-10 {
  background-color: #d9e9f2 !important;
}

.txt-color-blue-dark-10 {
  color: #d9e9f2 !important;
}

.bg-color-blue-5 {
  background-color: #f1fdff !important;
}

.txt-color-blue-5 {
  color: #f1fdff !important;
}

.bg-color-blue-10 {
  background-color: #e5fcff !important;
}

.txt-color-blue-10 {
  color: #e5fcff !important;
}

.bg-color-blue-60 {
  background-color: #d1f9ff !important;
}

.txt-color-blue-60 {
  color: #d1f9ff !important;
}

.bg-color-green-dark-5 {
  background-color: #f2fff3 !important;
}

.txt-color-green-dark-5 {
  color: #f2fff3 !important;
}

.bg-color-green-dark-10 {
  background-color: #d9f2ef !important;
}

.txt-color-green-dark-10 {
  color: #d9f2ef !important;
}

.bg-color-green-10 {
  background-color: #e5ffe6 !important;
}

.txt-color-green-10 {
  color: #e5ffe6 !important;
}

.bg-color-green-30 {
  background-color: #c7fde9 !important;
}

.txt-color-green-30 {
  color: #c7fde9 !important;
}

.bg-color-red-5 {
  background-color: #fff3f2 !important;
}

.txt-color-red-5 {
  color: #fff3f2 !important;
}

.bg-color-red-10 {
  background-color: #ffe8e5 !important;
}

.txt-color-red-10 {
  color: #ffe8e5 !important;
}

.bg-color-red-30 {
  background-color: #ffdfdc !important;
}

.txt-color-red-30 {
  color: #ffdfdc !important;
}

.bg-color-yellow-5 {
  background-color: #fef9f0 !important;
}

.txt-color-yellow-5 {
  color: #fef9f0 !important;
}

.bg-color-yellow-50 {
  background-color: #ffe7bc !important;
}

.txt-color-yellow-50 {
  color: #ffe7bc !important;
}

.bg-color-gray-light {
  background-color: #f9f9f9 !important;
}

.txt-color-gray-light {
  color: #f9f9f9 !important;
}

.bg-color-gray {
  background-color: #f2f2f2 !important;
}

.txt-color-gray {
  color: #f2f2f2 !important;
}

.bg-color-gray-dark {
  background-color: #2c2c2c !important;
}

.txt-color-gray-dark {
  color: #2c2c2c !important;
}

.bg-color-transparent {
  background-color: transparent !important;
}

.txt-color-transparent {
  color: transparent !important;
}

.bg-color-white {
  background-color: #fff !important;
}

.txt-color-white {
  color: #fff !important;
}

.bg-color-grayscale-10 {
  background-color: #e6e6e6 !important;
}

.txt-color-grayscale-10 {
  color: #e6e6e6 !important;
}

.bg-color-grayscale-20 {
  background-color: #ccc !important;
}

.txt-color-grayscale-20 {
  color: #ccc !important;
}

.bg-color-grayscale-30 {
  background-color: #b3b3b3 !important;
}

.txt-color-grayscale-30 {
  color: #b3b3b3 !important;
}

.bg-color-grayscale-40 {
  background-color: #9a9a9a !important;
}

.txt-color-grayscale-40 {
  color: #9a9a9a !important;
}

.bg-color-grayscale-50 {
  background-color: #808080 !important;
}

.txt-color-grayscale-50 {
  color: #808080 !important;
}

.bg-color-grayscale-60 {
  background-color: #666 !important;
}

.txt-color-grayscale-60 {
  color: #666 !important;
}

.bg-color-grayscale-70 {
  background-color: #4d4d4d !important;
}

.txt-color-grayscale-70 {
  color: #4d4d4d !important;
}

.bg-color-grayscale-80 {
  background-color: #333 !important;
}

.txt-color-grayscale-80 {
  color: #333 !important;
}

.bg-color-grayscale-90 {
  background-color: #1a1a1a !important;
}

.txt-color-grayscale-90 {
  color: #1a1a1a !important;
}

.bg-color-black {
  background-color: #000 !important;
}

.txt-color-black {
  color: #000 !important;
}

/*
 * Spacing
 */
.m-size-0 {
  margin: 0rem !important;
}

.mt-size-0 {
  margin-block-start: 0rem !important;
}

.mr-size-0 {
  margin-inline-end: 0rem !important;
}

.mb-size-0 {
  margin-block-end: 0rem !important;
}

.ml-size-0 {
  margin-inline-start: 0rem !important;
}

.mx-size-0 {
  margin-inline: 0rem !important;
}

.my-size-0 {
  margin-block: 0rem !important;
}

.p-size-0 {
  padding: 0rem !important;
}

.pt-size-0 {
  padding-block-start: 0rem !important;
}

.pr-size-0 {
  padding-inline-end: 0rem !important;
}

.pb-size-0 {
  padding-block-end: 0rem !important;
}

.pl-size-0 {
  padding-inline-start: 0rem !important;
}

.px-size-0 {
  padding-inline: 0rem !important;
}

.py-size-0 {
  padding-block: 0rem !important;
}

.m-size-2 {
  margin: 0.125rem !important;
}

.mt-size-2 {
  margin-block-start: 0.125rem !important;
}

.mr-size-2 {
  margin-inline-end: 0.125rem !important;
}

.mb-size-2 {
  margin-block-end: 0.125rem !important;
}

.ml-size-2 {
  margin-inline-start: 0.125rem !important;
}

.mx-size-2 {
  margin-inline: 0.125rem !important;
}

.my-size-2 {
  margin-block: 0.125rem !important;
}

.p-size-2 {
  padding: 0.125rem !important;
}

.pt-size-2 {
  padding-block-start: 0.125rem !important;
}

.pr-size-2 {
  padding-inline-end: 0.125rem !important;
}

.pb-size-2 {
  padding-block-end: 0.125rem !important;
}

.pl-size-2 {
  padding-inline-start: 0.125rem !important;
}

.px-size-2 {
  padding-inline: 0.125rem !important;
}

.py-size-2 {
  padding-block: 0.125rem !important;
}

.m-size-4 {
  margin: 0.25rem !important;
}

.mt-size-4 {
  margin-block-start: 0.25rem !important;
}

.mr-size-4 {
  margin-inline-end: 0.25rem !important;
}

.mb-size-4 {
  margin-block-end: 0.25rem !important;
}

.ml-size-4 {
  margin-inline-start: 0.25rem !important;
}

.mx-size-4 {
  margin-inline: 0.25rem !important;
}

.my-size-4 {
  margin-block: 0.25rem !important;
}

.p-size-4 {
  padding: 0.25rem !important;
}

.pt-size-4 {
  padding-block-start: 0.25rem !important;
}

.pr-size-4 {
  padding-inline-end: 0.25rem !important;
}

.pb-size-4 {
  padding-block-end: 0.25rem !important;
}

.pl-size-4 {
  padding-inline-start: 0.25rem !important;
}

.px-size-4 {
  padding-inline: 0.25rem !important;
}

.py-size-4 {
  padding-block: 0.25rem !important;
}

.m-size-6 {
  margin: 0.375rem !important;
}

.mt-size-6 {
  margin-block-start: 0.375rem !important;
}

.mr-size-6 {
  margin-inline-end: 0.375rem !important;
}

.mb-size-6 {
  margin-block-end: 0.375rem !important;
}

.ml-size-6 {
  margin-inline-start: 0.375rem !important;
}

.mx-size-6 {
  margin-inline: 0.375rem !important;
}

.my-size-6 {
  margin-block: 0.375rem !important;
}

.p-size-6 {
  padding: 0.375rem !important;
}

.pt-size-6 {
  padding-block-start: 0.375rem !important;
}

.pr-size-6 {
  padding-inline-end: 0.375rem !important;
}

.pb-size-6 {
  padding-block-end: 0.375rem !important;
}

.pl-size-6 {
  padding-inline-start: 0.375rem !important;
}

.px-size-6 {
  padding-inline: 0.375rem !important;
}

.py-size-6 {
  padding-block: 0.375rem !important;
}

.m-size-8 {
  margin: 0.5rem !important;
}

.mt-size-8 {
  margin-block-start: 0.5rem !important;
}

.mr-size-8 {
  margin-inline-end: 0.5rem !important;
}

.mb-size-8 {
  margin-block-end: 0.5rem !important;
}

.ml-size-8 {
  margin-inline-start: 0.5rem !important;
}

.mx-size-8 {
  margin-inline: 0.5rem !important;
}

.my-size-8 {
  margin-block: 0.5rem !important;
}

.p-size-8 {
  padding: 0.5rem !important;
}

.pt-size-8 {
  padding-block-start: 0.5rem !important;
}

.pr-size-8 {
  padding-inline-end: 0.5rem !important;
}

.pb-size-8 {
  padding-block-end: 0.5rem !important;
}

.pl-size-8 {
  padding-inline-start: 0.5rem !important;
}

.px-size-8 {
  padding-inline: 0.5rem !important;
}

.py-size-8 {
  padding-block: 0.5rem !important;
}

.m-size-12 {
  margin: 0.75rem !important;
}

.mt-size-12 {
  margin-block-start: 0.75rem !important;
}

.mr-size-12 {
  margin-inline-end: 0.75rem !important;
}

.mb-size-12 {
  margin-block-end: 0.75rem !important;
}

.ml-size-12 {
  margin-inline-start: 0.75rem !important;
}

.mx-size-12 {
  margin-inline: 0.75rem !important;
}

.my-size-12 {
  margin-block: 0.75rem !important;
}

.p-size-12 {
  padding: 0.75rem !important;
}

.pt-size-12 {
  padding-block-start: 0.75rem !important;
}

.pr-size-12 {
  padding-inline-end: 0.75rem !important;
}

.pb-size-12 {
  padding-block-end: 0.75rem !important;
}

.pl-size-12 {
  padding-inline-start: 0.75rem !important;
}

.px-size-12 {
  padding-inline: 0.75rem !important;
}

.py-size-12 {
  padding-block: 0.75rem !important;
}

.m-size-16 {
  margin: 1rem !important;
}

.mt-size-16 {
  margin-block-start: 1rem !important;
}

.mr-size-16 {
  margin-inline-end: 1rem !important;
}

.mb-size-16 {
  margin-block-end: 1rem !important;
}

.ml-size-16 {
  margin-inline-start: 1rem !important;
}

.mx-size-16 {
  margin-inline: 1rem !important;
}

.my-size-16 {
  margin-block: 1rem !important;
}

.p-size-16 {
  padding: 1rem !important;
}

.pt-size-16 {
  padding-block-start: 1rem !important;
}

.pr-size-16 {
  padding-inline-end: 1rem !important;
}

.pb-size-16 {
  padding-block-end: 1rem !important;
}

.pl-size-16 {
  padding-inline-start: 1rem !important;
}

.px-size-16 {
  padding-inline: 1rem !important;
}

.py-size-16 {
  padding-block: 1rem !important;
}

.m-size-24 {
  margin: 1.5rem !important;
}

.mt-size-24 {
  margin-block-start: 1.5rem !important;
}

.mr-size-24 {
  margin-inline-end: 1.5rem !important;
}

.mb-size-24 {
  margin-block-end: 1.5rem !important;
}

.ml-size-24 {
  margin-inline-start: 1.5rem !important;
}

.mx-size-24 {
  margin-inline: 1.5rem !important;
}

.my-size-24 {
  margin-block: 1.5rem !important;
}

.p-size-24 {
  padding: 1.5rem !important;
}

.pt-size-24 {
  padding-block-start: 1.5rem !important;
}

.pr-size-24 {
  padding-inline-end: 1.5rem !important;
}

.pb-size-24 {
  padding-block-end: 1.5rem !important;
}

.pl-size-24 {
  padding-inline-start: 1.5rem !important;
}

.px-size-24 {
  padding-inline: 1.5rem !important;
}

.py-size-24 {
  padding-block: 1.5rem !important;
}

.m-size-32 {
  margin: 2rem !important;
}

.mt-size-32 {
  margin-block-start: 2rem !important;
}

.mr-size-32 {
  margin-inline-end: 2rem !important;
}

.mb-size-32 {
  margin-block-end: 2rem !important;
}

.ml-size-32 {
  margin-inline-start: 2rem !important;
}

.mx-size-32 {
  margin-inline: 2rem !important;
}

.my-size-32 {
  margin-block: 2rem !important;
}

.p-size-32 {
  padding: 2rem !important;
}

.pt-size-32 {
  padding-block-start: 2rem !important;
}

.pr-size-32 {
  padding-inline-end: 2rem !important;
}

.pb-size-32 {
  padding-block-end: 2rem !important;
}

.pl-size-32 {
  padding-inline-start: 2rem !important;
}

.px-size-32 {
  padding-inline: 2rem !important;
}

.py-size-32 {
  padding-block: 2rem !important;
}

.m-size-40 {
  margin: 2.5rem !important;
}

.mt-size-40 {
  margin-block-start: 2.5rem !important;
}

.mr-size-40 {
  margin-inline-end: 2.5rem !important;
}

.mb-size-40 {
  margin-block-end: 2.5rem !important;
}

.ml-size-40 {
  margin-inline-start: 2.5rem !important;
}

.mx-size-40 {
  margin-inline: 2.5rem !important;
}

.my-size-40 {
  margin-block: 2.5rem !important;
}

.p-size-40 {
  padding: 2.5rem !important;
}

.pt-size-40 {
  padding-block-start: 2.5rem !important;
}

.pr-size-40 {
  padding-inline-end: 2.5rem !important;
}

.pb-size-40 {
  padding-block-end: 2.5rem !important;
}

.pl-size-40 {
  padding-inline-start: 2.5rem !important;
}

.px-size-40 {
  padding-inline: 2.5rem !important;
}

.py-size-40 {
  padding-block: 2.5rem !important;
}

.m-size-48 {
  margin: 3rem !important;
}

.mt-size-48 {
  margin-block-start: 3rem !important;
}

.mr-size-48 {
  margin-inline-end: 3rem !important;
}

.mb-size-48 {
  margin-block-end: 3rem !important;
}

.ml-size-48 {
  margin-inline-start: 3rem !important;
}

.mx-size-48 {
  margin-inline: 3rem !important;
}

.my-size-48 {
  margin-block: 3rem !important;
}

.p-size-48 {
  padding: 3rem !important;
}

.pt-size-48 {
  padding-block-start: 3rem !important;
}

.pr-size-48 {
  padding-inline-end: 3rem !important;
}

.pb-size-48 {
  padding-block-end: 3rem !important;
}

.pl-size-48 {
  padding-inline-start: 3rem !important;
}

.px-size-48 {
  padding-inline: 3rem !important;
}

.py-size-48 {
  padding-block: 3rem !important;
}

.m-size-56 {
  margin: 3.5rem !important;
}

.mt-size-56 {
  margin-block-start: 3.5rem !important;
}

.mr-size-56 {
  margin-inline-end: 3.5rem !important;
}

.mb-size-56 {
  margin-block-end: 3.5rem !important;
}

.ml-size-56 {
  margin-inline-start: 3.5rem !important;
}

.mx-size-56 {
  margin-inline: 3.5rem !important;
}

.my-size-56 {
  margin-block: 3.5rem !important;
}

.p-size-56 {
  padding: 3.5rem !important;
}

.pt-size-56 {
  padding-block-start: 3.5rem !important;
}

.pr-size-56 {
  padding-inline-end: 3.5rem !important;
}

.pb-size-56 {
  padding-block-end: 3.5rem !important;
}

.pl-size-56 {
  padding-inline-start: 3.5rem !important;
}

.px-size-56 {
  padding-inline: 3.5rem !important;
}

.py-size-56 {
  padding-block: 3.5rem !important;
}

.m-size-64 {
  margin: 4rem !important;
}

.mt-size-64 {
  margin-block-start: 4rem !important;
}

.mr-size-64 {
  margin-inline-end: 4rem !important;
}

.mb-size-64 {
  margin-block-end: 4rem !important;
}

.ml-size-64 {
  margin-inline-start: 4rem !important;
}

.mx-size-64 {
  margin-inline: 4rem !important;
}

.my-size-64 {
  margin-block: 4rem !important;
}

.p-size-64 {
  padding: 4rem !important;
}

.pt-size-64 {
  padding-block-start: 4rem !important;
}

.pr-size-64 {
  padding-inline-end: 4rem !important;
}

.pb-size-64 {
  padding-block-end: 4rem !important;
}

.pl-size-64 {
  padding-inline-start: 4rem !important;
}

.px-size-64 {
  padding-inline: 4rem !important;
}

.py-size-64 {
  padding-block: 4rem !important;
}

.m-size-72 {
  margin: 4.5rem !important;
}

.mt-size-72 {
  margin-block-start: 4.5rem !important;
}

.mr-size-72 {
  margin-inline-end: 4.5rem !important;
}

.mb-size-72 {
  margin-block-end: 4.5rem !important;
}

.ml-size-72 {
  margin-inline-start: 4.5rem !important;
}

.mx-size-72 {
  margin-inline: 4.5rem !important;
}

.my-size-72 {
  margin-block: 4.5rem !important;
}

.p-size-72 {
  padding: 4.5rem !important;
}

.pt-size-72 {
  padding-block-start: 4.5rem !important;
}

.pr-size-72 {
  padding-inline-end: 4.5rem !important;
}

.pb-size-72 {
  padding-block-end: 4.5rem !important;
}

.pl-size-72 {
  padding-inline-start: 4.5rem !important;
}

.px-size-72 {
  padding-inline: 4.5rem !important;
}

.py-size-72 {
  padding-block: 4.5rem !important;
}

.m-size-80 {
  margin: 5rem !important;
}

.mt-size-80 {
  margin-block-start: 5rem !important;
}

.mr-size-80 {
  margin-inline-end: 5rem !important;
}

.mb-size-80 {
  margin-block-end: 5rem !important;
}

.ml-size-80 {
  margin-inline-start: 5rem !important;
}

.mx-size-80 {
  margin-inline: 5rem !important;
}

.my-size-80 {
  margin-block: 5rem !important;
}

.p-size-80 {
  padding: 5rem !important;
}

.pt-size-80 {
  padding-block-start: 5rem !important;
}

.pr-size-80 {
  padding-inline-end: 5rem !important;
}

.pb-size-80 {
  padding-block-end: 5rem !important;
}

.pl-size-80 {
  padding-inline-start: 5rem !important;
}

.px-size-80 {
  padding-inline: 5rem !important;
}

.py-size-80 {
  padding-block: 5rem !important;
}

.m-size-88 {
  margin: 5.5rem !important;
}

.mt-size-88 {
  margin-block-start: 5.5rem !important;
}

.mr-size-88 {
  margin-inline-end: 5.5rem !important;
}

.mb-size-88 {
  margin-block-end: 5.5rem !important;
}

.ml-size-88 {
  margin-inline-start: 5.5rem !important;
}

.mx-size-88 {
  margin-inline: 5.5rem !important;
}

.my-size-88 {
  margin-block: 5.5rem !important;
}

.p-size-88 {
  padding: 5.5rem !important;
}

.pt-size-88 {
  padding-block-start: 5.5rem !important;
}

.pr-size-88 {
  padding-inline-end: 5.5rem !important;
}

.pb-size-88 {
  padding-block-end: 5.5rem !important;
}

.pl-size-88 {
  padding-inline-start: 5.5rem !important;
}

.px-size-88 {
  padding-inline: 5.5rem !important;
}

.py-size-88 {
  padding-block: 5.5rem !important;
}

.m-size-96 {
  margin: 6rem !important;
}

.mt-size-96 {
  margin-block-start: 6rem !important;
}

.mr-size-96 {
  margin-inline-end: 6rem !important;
}

.mb-size-96 {
  margin-block-end: 6rem !important;
}

.ml-size-96 {
  margin-inline-start: 6rem !important;
}

.mx-size-96 {
  margin-inline: 6rem !important;
}

.my-size-96 {
  margin-block: 6rem !important;
}

.p-size-96 {
  padding: 6rem !important;
}

.pt-size-96 {
  padding-block-start: 6rem !important;
}

.pr-size-96 {
  padding-inline-end: 6rem !important;
}

.pb-size-96 {
  padding-block-end: 6rem !important;
}

.pl-size-96 {
  padding-inline-start: 6rem !important;
}

.px-size-96 {
  padding-inline: 6rem !important;
}

.py-size-96 {
  padding-block: 6rem !important;
}

.m-size-104 {
  margin: 6.5rem !important;
}

.mt-size-104 {
  margin-block-start: 6.5rem !important;
}

.mr-size-104 {
  margin-inline-end: 6.5rem !important;
}

.mb-size-104 {
  margin-block-end: 6.5rem !important;
}

.ml-size-104 {
  margin-inline-start: 6.5rem !important;
}

.mx-size-104 {
  margin-inline: 6.5rem !important;
}

.my-size-104 {
  margin-block: 6.5rem !important;
}

.p-size-104 {
  padding: 6.5rem !important;
}

.pt-size-104 {
  padding-block-start: 6.5rem !important;
}

.pr-size-104 {
  padding-inline-end: 6.5rem !important;
}

.pb-size-104 {
  padding-block-end: 6.5rem !important;
}

.pl-size-104 {
  padding-inline-start: 6.5rem !important;
}

.px-size-104 {
  padding-inline: 6.5rem !important;
}

.py-size-104 {
  padding-block: 6.5rem !important;
}

.m-size-128 {
  margin: 8rem !important;
}

.mt-size-128 {
  margin-block-start: 8rem !important;
}

.mr-size-128 {
  margin-inline-end: 8rem !important;
}

.mb-size-128 {
  margin-block-end: 8rem !important;
}

.ml-size-128 {
  margin-inline-start: 8rem !important;
}

.mx-size-128 {
  margin-inline: 8rem !important;
}

.my-size-128 {
  margin-block: 8rem !important;
}

.p-size-128 {
  padding: 8rem !important;
}

.pt-size-128 {
  padding-block-start: 8rem !important;
}

.pr-size-128 {
  padding-inline-end: 8rem !important;
}

.pb-size-128 {
  padding-block-end: 8rem !important;
}

.pl-size-128 {
  padding-inline-start: 8rem !important;
}

.px-size-128 {
  padding-inline: 8rem !important;
}

.py-size-128 {
  padding-block: 8rem !important;
}

.m-size-10 {
  margin: 0.625rem !important;
}

.mt-size-10 {
  margin-block-start: 0.625rem !important;
}

.mr-size-10 {
  margin-inline-end: 0.625rem !important;
}

.mb-size-10 {
  margin-block-end: 0.625rem !important;
}

.ml-size-10 {
  margin-inline-start: 0.625rem !important;
}

.mx-size-10 {
  margin-inline: 0.625rem !important;
}

.my-size-10 {
  margin-block: 0.625rem !important;
}

.p-size-10 {
  padding: 0.625rem !important;
}

.pt-size-10 {
  padding-block-start: 0.625rem !important;
}

.pr-size-10 {
  padding-inline-end: 0.625rem !important;
}

.pb-size-10 {
  padding-block-end: 0.625rem !important;
}

.pl-size-10 {
  padding-inline-start: 0.625rem !important;
}

.px-size-10 {
  padding-inline: 0.625rem !important;
}

.py-size-10 {
  padding-block: 0.625rem !important;
}

.m-size-20 {
  margin: 1.25rem !important;
}

.mt-size-20 {
  margin-block-start: 1.25rem !important;
}

.mr-size-20 {
  margin-inline-end: 1.25rem !important;
}

.mb-size-20 {
  margin-block-end: 1.25rem !important;
}

.ml-size-20 {
  margin-inline-start: 1.25rem !important;
}

.mx-size-20 {
  margin-inline: 1.25rem !important;
}

.my-size-20 {
  margin-block: 1.25rem !important;
}

.p-size-20 {
  padding: 1.25rem !important;
}

.pt-size-20 {
  padding-block-start: 1.25rem !important;
}

.pr-size-20 {
  padding-inline-end: 1.25rem !important;
}

.pb-size-20 {
  padding-block-end: 1.25rem !important;
}

.pl-size-20 {
  padding-inline-start: 1.25rem !important;
}

.px-size-20 {
  padding-inline: 1.25rem !important;
}

.py-size-20 {
  padding-block: 1.25rem !important;
}

/* 
 * Visibility
 */
.pkt-hide {
  display: none !important;
}

.pkt-show {
  display: block !important;
}

.pkt-invisible {
  visibility: hidden !important;
}

.pkt-visually-hidden {
  position: absolute !important;
  width: 0 !important;
  height: 0 !important;
  overflow: hidden !important;
  opacity: 0 !important;
}

@media screen and (min-width: 48rem) {
  .pkt-hide-tablet-up,
  .pkt-show.pkt-hide-tablet-up {
    display: none !important;
  }
}

.pkt-show-tablet-up,
.pkt-hide.pkt-show-tablet-up {
  display: none !important;
}
@media screen and (min-width: 48rem) {
  .pkt-show-tablet-up,
  .pkt-hide.pkt-show-tablet-up {
    display: block !important;
  }
}

@media screen and (min-width: 64rem) {
  .pkt-hide-tablet-big-up,
  .pkt-show.pkt-hide-tablet-big-up {
    display: none !important;
  }
}

.pkt-show-tablet-big-up,
.pkt-hide.pkt-show-tablet-big-up {
  display: none !important;
}
@media screen and (min-width: 64rem) {
  .pkt-show-tablet-big-up,
  .pkt-hide.pkt-show-tablet-big-up {
    display: block !important;
  }
}

@media screen and (min-width: 80rem) {
  .pkt-hide-laptop-up,
  .pkt-show.pkt-hide-laptop-up {
    display: none !important;
  }
}

.pkt-show-laptop-up,
.pkt-hide.pkt-show-laptop-up {
  display: none !important;
}
@media screen and (min-width: 80rem) {
  .pkt-show-laptop-up,
  .pkt-hide.pkt-show-laptop-up {
    display: block !important;
  }
}

/* 
 * Accessibility
 * 
 */
/* 
 * Accessibility
 * https://kittygiraudel.com/2016/10/13/css-hide-and-seek/#undesirable-overflows-18012019
 */
.pkt-sr-only {
  border: 0 !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  -webkit-clip-path: inset(50%) !important;
  clip-path: inset(50%) !important;
  height: 1px !important;
  overflow: hidden !important;
  margin: -1px !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
  white-space: nowrap !important;
}