/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@font-face {
  font-family: 'Host Grotesk';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('kik-font-a02988b295eeda1ea2d4e4f3e220c4c6e76b7c0b1e427a7b28caea76791d2afd.ttf') format('truetype');
}
@font-face {
  font-family: 'Host Grotesk';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('kik-font-03100bf010cb4bcbb7c44b90b0a78be39f58f1e2ec747b16f42f7fd642af68f4.ttf') format('truetype');
}
@font-face {
  font-family: 'Host Grotesk';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('kik-font-707939962469dc181539402b54d5582fd02fefccfb565e10d158716b22df53da.ttf') format('truetype');
}
@font-face {
  font-family: 'Host Grotesk';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('kik-font-a75167c70a5c7044b19fb30e57811863b354f7d6c5a3df5d91434a51cc3ecb14.ttf') format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('kik-font-1b08e7fc267a5c7e1d614100f604b83e7e8a0be241f0f288faa2b3ac93a683ba.ttf') format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('kik-font-8c883f63b2c4157d997319f2c8bc6995ed4357ef371940d31ca159004a4aae63.ttf') format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('kik-font-e7a1aaf7eda9f2fad4131725fa556265ec75ca7b2d756260173a040363e8d4f7.ttf') format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('kik-font-b37284b5701b6b168dfc770aa1a4ac492106422fd3ba76bc7641e37434e8019c.ttf') format('truetype');
}

@layer properties;
@layer theme, base, components, utilities;
@layer theme {
  :root, :host {
    --tw-font-weight-bold: 700;
    --tw-font-heading: var(--kik-text-font-heading);
  }
}
.tw\:pointer-events-none {
  pointer-events: none;
}
.tw\:sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
  border-width: 0;
}
.tw\:absolute {
  position: absolute;
}
.tw\:fixed {
  position: fixed;
}
.tw\:relative {
  position: relative;
}
.tw\:inset-0 {
  inset: 0;
}
.tw\:top-1\/2 {
  top: calc(1 / 2 * 100%);
}
.tw\:top-16 {
  top: var(--kik-spacing-16);
}
.tw\:right-16 {
  right: var(--kik-spacing-16);
}
.tw\:bottom-\[28px\] {
  bottom: 28px;
}
.tw\:left-1\/2 {
  left: calc(1 / 2 * 100%);
}
.tw\:left-page {
  left: var(--kik-spacing-page-default);
}
.tw\:z-10 {
  z-index: 10;
}
.tw\:z-\[1000\] {
  z-index: 1000;
}
.tw\:order-1 {
  order: 1;
}
.tw\:order-2 {
  order: 2;
}
.tw\:order-first {
  order: -9999;
}
.tw\:m-0 {
  margin: 0;
}
.tw\:mt-4 {
  margin-top: var(--kik-spacing-4);
}
.tw\:block {
  display: block;
}
.tw\:flex {
  display: flex;
}
.tw\:grid {
  display: grid;
}
.tw\:hidden {
  display: none;
}
.tw\:inline-flex {
  display: inline-flex;
}
.tw\:aspect-square {
  aspect-ratio: 1 / 1;
}
.tw\:size-\[20px\] {
  width: 20px;
  height: 20px;
}
.tw\:h-24 {
  height: var(--kik-spacing-24);
}
.tw\:h-40 {
  height: var(--kik-spacing-40);
}
.tw\:h-\[18px\] {
  height: 18px;
}
.tw\:h-\[20px\] {
  height: 20px;
}
.tw\:h-\[24px\] {
  height: 24px;
}
.tw\:h-full {
  height: 100%;
}
.tw\:h-px {
  height: 1px;
}
.tw\:min-h-px {
  min-height: 1px;
}
.tw\:w-24 {
  width: var(--kik-spacing-24);
}
.tw\:w-40 {
  width: var(--kik-spacing-40);
}
.tw\:w-\[18px\] {
  width: 18px;
}
.tw\:w-\[20px\] {
  width: 20px;
}
.tw\:w-\[24px\] {
  width: 24px;
}
.tw\:w-fit {
  width: fit-content;
}
.tw\:w-full {
  width: 100%;
}
.tw\:max-w-\[1180px\] {
  max-width: 1180px;
}
.tw\:max-w-full {
  max-width: 100%;
}
.tw\:min-w-0 {
  min-width: 0;
}
.tw\:flex-1 {
  flex: 1;
}
.tw\:shrink-0 {
  flex-shrink: 0;
}
.tw\:-translate-x-1\/2 {
  --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
  translate: var(--tw-translate-x) var(--tw-translate-y);
}
.tw\:-translate-y-1\/2 {
  --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
  translate: var(--tw-translate-x) var(--tw-translate-y);
}
.tw\:grid-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.tw\:flex-col {
  flex-direction: column;
}
.tw\:flex-wrap {
  flex-wrap: wrap;
}
.tw\:items-center {
  align-items: center;
}
.tw\:items-end {
  align-items: flex-end;
}
.tw\:items-start {
  align-items: flex-start;
}
.tw\:items-stretch {
  align-items: stretch;
}
.tw\:justify-between {
  justify-content: space-between;
}
.tw\:justify-center {
  justify-content: center;
}
.tw\:gap-0 {
  gap: 0;
}
.tw\:gap-4 {
  gap: var(--kik-spacing-4);
}
.tw\:gap-8 {
  gap: var(--kik-spacing-8);
}
.tw\:gap-12 {
  gap: var(--kik-spacing-12);
}
.tw\:gap-16 {
  gap: var(--kik-spacing-16);
}
.tw\:gap-lg {
  gap: var(--kik-spacing-lg);
}
.tw\:gap-md {
  gap: var(--kik-spacing-md);
}
.tw\:gap-section-md {
  gap: var(--kik-spacing-section-md);
}
.tw\:gap-sm {
  gap: var(--kik-spacing-sm);
}
.tw\:gap-xl {
  gap: var(--kik-spacing-xl);
}
.tw\:gap-x-4 {
  column-gap: var(--kik-spacing-4);
}
.tw\:gap-x-16 {
  column-gap: var(--kik-spacing-16);
}
.tw\:gap-x-lg {
  column-gap: var(--kik-spacing-lg);
}
.tw\:gap-y-12 {
  row-gap: var(--kik-spacing-12);
}
.tw\:gap-y-xl {
  row-gap: var(--kik-spacing-xl);
}
.tw\:self-start {
  align-self: flex-start;
}
.tw\:overflow-hidden {
  overflow: hidden;
}
.tw\:overflow-x-auto {
  overflow-x: auto;
}
.tw\:rounded-pill {
  border-radius: var(--kik-radius-pill);
}
.tw\:border-\[1\.3px\] {
  border-style: var(--tw-border-style);
  border-width: 1.3px;
}
.tw\:border-t {
  border-top-style: var(--tw-border-style);
  border-top-width: 1px;
}
.tw\:border-b {
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 1px;
}
.tw\:border-b-2 {
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 2px;
}
.tw\:border-b-\[1\.3px\] {
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 1.3px;
}
.tw\:border-b-\[2px\] {
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 2px;
}
.tw\:border-solid {
  --tw-border-style: solid;
  border-style: solid;
}
.tw\:border-accent {
  border-color: var(--kik-color-bg-accent);
}
.tw\:border-action-inverse {
  border-color: var(--kik-color-action-inverse);
}
.tw\:border-action-secondary {
  border-color: var(--kik-color-action-secondary);
}
.tw\:border-border-default {
  border-color: var(--kik-color-border-default);
}
.tw\:border-border-subtle {
  border-color: var(--kik-color-border-subtle);
}
.tw\:border-transparent {
  border-color: transparent;
}
.tw\:bg-accent {
  background-color: var(--kik-color-bg-accent);
}
.tw\:bg-border-subtle {
  background-color: var(--kik-color-border-subtle);
}
.tw\:bg-page {
  background-color: var(--kik-color-bg-page);
}
.tw\:bg-surface {
  background-color: var(--kik-color-bg-surface);
}
.tw\:bg-surface-inverse {
  background-color: var(--kik-color-bg-inverse);
}
.tw\:object-contain {
  object-fit: contain;
}
.tw\:object-cover {
  object-fit: cover;
}
.tw\:p-16 {
  padding: var(--kik-spacing-16);
}
.tw\:p-24 {
  padding: var(--kik-spacing-24);
}
.tw\:p-md {
  padding: var(--kik-spacing-md);
}
.tw\:p-sm {
  padding: var(--kik-spacing-sm);
}
.tw\:px-4 {
  padding-inline: var(--kik-spacing-4);
}
.tw\:px-8 {
  padding-inline: var(--kik-spacing-8);
}
.tw\:px-24 {
  padding-inline: var(--kik-spacing-24);
}
.tw\:px-md {
  padding-inline: var(--kik-spacing-md);
}
.tw\:px-page {
  padding-inline: var(--kik-spacing-page-default);
}
.tw\:px-xl {
  padding-inline: var(--kik-spacing-xl);
}
.tw\:py-2 {
  padding-block: var(--kik-spacing-2);
}
.tw\:py-4 {
  padding-block: var(--kik-spacing-4);
}
.tw\:py-8 {
  padding-block: var(--kik-spacing-8);
}
.tw\:py-12 {
  padding-block: var(--kik-spacing-12);
}
.tw\:py-16 {
  padding-block: var(--kik-spacing-16);
}
.tw\:py-lg {
  padding-block: var(--kik-spacing-lg);
}
.tw\:py-md {
  padding-block: var(--kik-spacing-md);
}
.tw\:py-section-lg {
  padding-block: var(--kik-spacing-section-lg);
}
.tw\:py-section-xl {
  padding-block: var(--kik-spacing-section-xl);
}
.tw\:pt-40 {
  padding-top: var(--kik-spacing-40);
}
.tw\:pt-section-lg {
  padding-top: var(--kik-spacing-section-lg);
}
.tw\:pb-4 {
  padding-bottom: var(--kik-spacing-4);
}
.tw\:pb-32 {
  padding-bottom: var(--kik-spacing-32);
}
.tw\:text-center {
  text-align: center;
}
.tw\:font-heading {
  font-family: var(--kik-text-font-heading);
}
.tw\:font-sans {
  font-family: var(--kik-text-font-body);
}
.tw\:text-body-lg {
  font-size: var(--kik-text-size-body-lg);
  line-height: var(--tw-leading, var(--kik-text-lineheight-body-lg));
  font-weight: var(--tw-font-weight, var(--kik-text-weight-regular));
}
.tw\:text-body-md {
  font-size: var(--kik-text-size-body-md);
  line-height: var(--tw-leading, var(--kik-text-lineheight-body-md));
  font-weight: var(--tw-font-weight, var(--kik-text-weight-regular));
}
.tw\:text-body-sm {
  font-size: var(--kik-text-size-body-sm);
  line-height: var(--tw-leading, var(--kik-text-lineheight-body-sm));
  font-weight: var(--tw-font-weight, var(--kik-text-weight-regular));
}
.tw\:text-body-xsm {
  font-size: var(--kik-text-size-body-xsm);
  line-height: var(--tw-leading, var(--kik-text-lineheight-body-xsm));
  font-weight: var(--tw-font-weight, var(--kik-text-weight-regular));
}
.tw\:text-h1 {
  font-size: var(--kik-text-size-h1);
  line-height: var(--tw-leading, var(--kik-text-lineheight-h1));
  font-weight: var(--tw-font-weight, var(--kik-text-weight-semibold));
}
.tw\:text-h2 {
  font-size: var(--kik-text-size-h2);
  line-height: var(--tw-leading, var(--kik-text-lineheight-h2));
  font-weight: var(--tw-font-weight, var(--kik-text-weight-semibold));
}
.tw\:text-h3 {
  font-size: var(--kik-text-size-h3);
  line-height: var(--tw-leading, var(--kik-text-lineheight-h3));
  font-weight: var(--tw-font-weight, var(--kik-text-weight-semibold));
}
.tw\:text-h5 {
  font-size: var(--kik-text-size-h5);
  line-height: var(--tw-leading, var(--kik-text-lineheight-h5));
  font-weight: var(--tw-font-weight, var(--kik-text-weight-semibold));
}
.tw\:text-h6 {
  font-size: var(--kik-text-size-h6);
  line-height: var(--tw-leading, var(--kik-text-lineheight-h6));
  font-weight: var(--tw-font-weight, var(--kik-text-weight-semibold));
}
.tw\:leading-\[1\.6\] {
  --tw-leading: 1.6;
  line-height: 1.6;
}
.tw\:font-bold {
  --tw-font-weight: var(--tw-font-weight-bold);
  font-weight: var(--tw-font-weight-bold);
}
.tw\:whitespace-nowrap {
  white-space: nowrap;
}
.tw\:text-accent {
  color: var(--kik-color-bg-accent);
}
.tw\:text-action-primary {
  color: var(--kik-color-action-primary);
}
.tw\:text-inverse {
  color: var(--kik-color-text-inverse);
}
.tw\:text-primary {
  color: var(--kik-color-text-primary);
}
.tw\:text-secondary {
  color: var(--kik-color-text-secondary);
}
.tw\:text-star {
  color: var(--kik-color-bg-star);
}
.tw\:capitalize {
  text-transform: capitalize;
}
.tw\:uppercase {
  text-transform: uppercase;
}
@media (hover: hover) {
  .tw\:hover\:border-accent:hover {
    border-color: var(--kik-color-bg-accent);
  }
  .tw\:hover\:text-action-primary:hover {
    color: var(--kik-color-action-primary);
  }
}
@media (width >= 48rem) {
  .tw\:md\:fixed {
    position: fixed;
  }
  .tw\:md\:top-24 {
    top: var(--kik-spacing-24);
  }
  .tw\:md\:right-24 {
    right: var(--kik-spacing-24);
  }
  .tw\:md\:bottom-\[70px\] {
    bottom: 70px;
  }
  .tw\:md\:order-1 {
    order: 1;
  }
  .tw\:md\:order-2 {
    order: 2;
  }
  .tw\:md\:order-first {
    order: -9999;
  }
  .tw\:md\:order-last {
    order: 9999;
  }
  .tw\:md\:order-none {
    order: 0;
  }
  .tw\:md\:block {
    display: block;
  }
  .tw\:md\:contents {
    display: contents;
  }
  .tw\:md\:flex {
    display: flex;
  }
  .tw\:md\:grid {
    display: grid;
  }
  .tw\:md\:hidden {
    display: none;
  }
  .tw\:md\:h-\[660px\] {
    height: 660px;
  }
  .tw\:md\:h-full {
    height: 100%;
  }
  .tw\:md\:w-1\/2 {
    width: calc(1 / 2 * 100%);
  }
  .tw\:md\:w-\[376px\] {
    width: 376px;
  }
  .tw\:md\:w-\[760px\] {
    width: 760px;
  }
  .tw\:md\:max-w-\[540px\] {
    max-width: 540px;
  }
  .tw\:md\:max-w-\[620px\] {
    max-width: 620px;
  }
  .tw\:md\:max-w-\[728px\] {
    max-width: 728px;
  }
  .tw\:md\:min-w-px {
    min-width: 1px;
  }
  .tw\:md\:flex-1 {
    flex: 1;
  }
  .tw\:md\:shrink-0 {
    flex-shrink: 0;
  }
  .tw\:md\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .tw\:md\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .tw\:md\:grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .tw\:md\:flex-row {
    flex-direction: row;
  }
  .tw\:md\:flex-row-reverse {
    flex-direction: row-reverse;
  }
  .tw\:md\:items-center {
    align-items: center;
  }
  .tw\:md\:items-stretch {
    align-items: stretch;
  }
  .tw\:md\:justify-between {
    justify-content: space-between;
  }
  .tw\:md\:justify-center {
    justify-content: center;
  }
  .tw\:md\:gap-0 {
    gap: 0;
  }
  .tw\:md\:gap-\[10px\] {
    gap: 10px;
  }
  .tw\:md\:gap-lg {
    gap: var(--kik-spacing-lg);
  }
  .tw\:md\:gap-sm {
    gap: var(--kik-spacing-sm);
  }
  .tw\:md\:gap-x-md {
    column-gap: var(--kik-spacing-md);
  }
  .tw\:md\:gap-y-md {
    row-gap: var(--kik-spacing-md);
  }
  .tw\:md\:border-b-\[3px\] {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 3px;
  }
  .tw\:md\:p-md {
    padding: var(--kik-spacing-md);
  }
  .tw\:md\:px-8 {
    padding-inline: var(--kik-spacing-8);
  }
  .tw\:md\:px-48 {
    padding-inline: var(--kik-spacing-48);
  }
  .tw\:md\:px-section-lg {
    padding-inline: var(--kik-spacing-section-lg);
  }
  .tw\:md\:py-64 {
    padding-block: var(--kik-spacing-64);
  }
  .tw\:md\:py-section-md {
    padding-block: var(--kik-spacing-section-md);
  }
  .tw\:md\:pt-8 {
    padding-top: var(--kik-spacing-8);
  }
  .tw\:md\:pt-section-xl {
    padding-top: var(--kik-spacing-section-xl);
  }
  .tw\:md\:pr-page {
    padding-right: var(--kik-spacing-page-default);
  }
  .tw\:md\:pr-section-md {
    padding-right: var(--kik-spacing-section-md);
  }
  .tw\:md\:pl-section-md {
    padding-left: var(--kik-spacing-section-md);
  }
  .tw\:md\:text-body-md {
    font-size: var(--kik-text-size-body-md);
    line-height: var(--tw-leading, var(--kik-text-lineheight-body-md));
    font-weight: var(--tw-font-weight, var(--kik-text-weight-regular));
  }
  .tw\:md\:text-h2 {
    font-size: var(--kik-text-size-h2);
    line-height: var(--tw-leading, var(--kik-text-lineheight-h2));
    font-weight: var(--tw-font-weight, var(--kik-text-weight-semibold));
  }
  .tw\:md\:text-h6 {
    font-size: var(--kik-text-size-h6);
    line-height: var(--tw-leading, var(--kik-text-lineheight-h6));
    font-weight: var(--tw-font-weight, var(--kik-text-weight-semibold));
  }
  .tw\:md\:whitespace-nowrap {
    white-space: nowrap;
  }
}
:root {
  --kik-color-action-disabled: #afafaf;
  --kik-color-action-inverse: #ffffff;
  --kik-color-action-primary: #cad66a;
  --kik-color-action-primary-hover: #1e1e1e;
  --kik-color-action-secondary: #1e1e1e;
  --kik-color-action-secondary-hover: #1e1e1e;
  --kik-color-bg-accent: #cad66a;
  --kik-color-bg-discount: #ef4f13;
  --kik-color-bg-icon: #1e1e1e;
  --kik-color-bg-icon-inverse: #ffffff;
  --kik-color-bg-inverse: #1e1e1e;
  --kik-color-bg-page: #ffffff;
  --kik-color-bg-star: #fecf84;
  --kik-color-bg-surface: #f5f5f5;
  --kik-color-bg-surface-alt-1: #e8e8e8;
  --kik-color-bg-surface-alt-2: #cacaca;
  --kik-color-border-default: #afafaf;
  --kik-color-border-strong: #1e1e1e;
  --kik-color-border-subtle: #e8e8e8;
  --kik-color-focus-ring: #1e1e1e;
  --kik-color-focus-ring-inverse: #cad66a;
  --kik-color-semantic-error: #b0563f;
  --kik-color-semantic-error-bg: #f7ece7;
  --kik-color-semantic-success: #27ae60;
  --kik-color-semantic-success-bg: #eaf6ef;
  --kik-color-semantic-warning: #b77e1f;
  --kik-color-semantic-warning-bg: #f7efdd;
  --kik-color-text-error: #b0563f;
  --kik-color-text-inverse: #ffffff;
  --kik-color-text-primary: #1e1e1e;
  --kik-color-text-secondary: #4d4d4d;
  --kik-color-text-tertiary: #afafaf;
  --kik-color-focus-ring-offset: 2px;
  --kik-color-focus-ring-width: 2px;
  --kik-motion-duration-fast: 150ms;
  --kik-motion-duration-base: 200ms;
  --kik-motion-duration-slow: 350ms;
  --kik-motion-ease-out: cubic-bezier(0.33, 1, 0.68, 1);
  --kik-radius-none: 0px;
  --kik-radius-sm: 4px;
  --kik-radius-md: 8px;
  --kik-radius-lg: 12px;
  --kik-radius-xl: 16px;
  --kik-radius-2xl: 24px;
  --kik-radius-pill: 9999px;
  --kik-spacing-page-full: 0px;
  --kik-spacing-page-default: 16px;
  --kik-spacing-2: 2px;
  --kik-spacing-4: 4px;
  --kik-spacing-8: 8px;
  --kik-spacing-12: 12px;
  --kik-spacing-16: 16px;
  --kik-spacing-24: 24px;
  --kik-spacing-32: 32px;
  --kik-spacing-40: 40px;
  --kik-spacing-48: 48px;
  --kik-spacing-56: 56px;
  --kik-spacing-64: 64px;
  --kik-spacing-sm: 4px;
  --kik-spacing-md: 12px;
  --kik-spacing-lg: 16px;
  --kik-spacing-xl: 24px;
  --kik-spacing-section-sm: 24px;
  --kik-spacing-section-md: 32px;
  --kik-spacing-section-lg: 48px;
  --kik-spacing-section-xl: 56px;
  --kik-text-font-body: "Inter", "Helvetica Neue", Arial, sans-serif;
  --kik-text-font-heading: "Host Grotesk", "Inter", "Helvetica Neue", Arial, sans-serif;
  --kik-text-weight-regular: 400;
  --kik-text-weight-semibold: 600;
  --kik-text-size-body-xsm: 11px;
  --kik-text-size-body-sm: 12px;
  --kik-text-size-body-md: 14px;
  --kik-text-size-body-lg: 16px;
  --kik-text-size-h6: 16px;
  --kik-text-size-h5: 18px;
  --kik-text-size-h4: 20px;
  --kik-text-size-h3: 24px;
  --kik-text-size-h2: 32px;
  --kik-text-size-display: 36px;
  --kik-text-size-h1: 40px;
  --kik-text-lineheight-display: 1.1;
  --kik-text-lineheight-h1: 1.15;
  --kik-text-lineheight-h2: 1.2;
  --kik-text-lineheight-h3: 1.25;
  --kik-text-lineheight-h4: 1.3;
  --kik-text-lineheight-h5: 1.35;
  --kik-text-lineheight-h6: 1.4;
  --kik-text-lineheight-body-xsm: 1.4;
  --kik-text-lineheight-body-sm: 1.5;
  --kik-text-lineheight-body-md: 1.5;
  --kik-text-lineheight-body-lg: 1.5;
  --kik-container-max-width: 1600px;
}
@media (min-width: 768px) {
  :root {
    --kik-spacing-page-default: 24px;
    --kik-spacing-sm: 8px;
    --kik-spacing-md: 16px;
    --kik-spacing-lg: 24px;
    --kik-spacing-xl: 32px;
    --kik-spacing-section-sm: 28px;
    --kik-spacing-section-md: 48px;
    --kik-spacing-section-lg: 72px;
    --kik-spacing-section-xl: 96px;
    --kik-text-size-body-xsm: 12px;
    --kik-text-size-body-sm: 14px;
    --kik-text-size-body-md: 16px;
    --kik-text-size-body-lg: 18px;
    --kik-text-size-h6: 20px;
    --kik-text-size-h5: 24px;
    --kik-text-size-h4: 28px;
    --kik-text-size-h3: 32px;
    --kik-text-size-h2: 44px;
    --kik-text-size-display: 56px;
    --kik-text-size-h1: 64px;
  }
}
@layer components {
  .kik-component {
    font-family: var(--kik-text-font-body);
  }
  .kik-container {
    box-sizing: border-box;
    width: min(100%, var(--kik-container-max-width));
    margin-inline: auto;
    padding-inline: var(--kik-spacing-page-default);
  }
}
@property --tw-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-z {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-leading {
  syntax: "*";
  inherits: false;
}
@property --tw-font-weight {
  syntax: "*";
  inherits: false;
}
@layer properties {
  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
    *, ::before, ::after, ::backdrop {
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --tw-border-style: solid;
      --tw-leading: initial;
      --tw-font-weight: initial;
    }
  }
}

/* Preserve the HTML hidden attribute when generated utility classes set display. */
[hidden] { display: none !important; }


/* KIK generated delivery: begin */

/* KIK generated delivery: end */