/* Source-bound Figma token contract v1. Platform-owned; do not edit. */
.kik-indoor-vs-outdoor-85412c6a85 {
  --kik-color-action-primary: #1c5544;
  --kik-color-bg-inverse: #1c5544;
  --kik-color-bg-page: #ffffff;
  --kik-color-bg-surface: #fafafa;
  --kik-color-bg-surface-alt-3: #d8e0da;
  --kik-color-border-accent: #20413b;
  --kik-color-text-disabled: #747474;
  --kik-color-text-primary: #000000;
  --kik-radius-pill: 100px;
  --kik-radius-sm: 2px;
  --kik-space-gap-2xl: 32px;
  --kik-space-gap-2xl--desktop: 48px;
  --kik-space-gap-2xl--mobile: 32px;
  --kik-space-gap-sm: 12px;
  --kik-space-gap-xl--desktop: 32px;
  --kik-space-gap-xs: 8px;
  --kik-space-gutter-none: 0px;
  --kik-space-inset-2xs: 4px;
  --kik-space-inset-lg: 20px;
  --kik-space-scale-24: 24px;
  --kik-space-scale-24--mobile: 24px;
  --kik-space-scale-40--desktop: 40px;
  --kik-space-scale-56--desktop: 56px;
  --kik-space-section-lg: 50px;
  --kik-space-section-lg--desktop: 100px;
  --kik-space-section-lg--mobile: 50px;
  --kik-space-side-margin-default: 16px;
  --kik-space-side-margin-default--desktop: 92px;
  --kik-space-side-margin-default--mobile: 16px;
  --kik-space-side-margin-full: 0px;
  --kik-text-font-body: "HarmonyOS Sans";
  --kik-text-font-heading: "HarmonyOS Sans";
  --kik-text-line-height-body-lg: 26px;
  --kik-text-line-height-body-sm: 21px;
  --kik-text-line-height-h2: 37px;
  --kik-text-line-height-h4: 30px;
  --kik-text-line-height-h5: 25px;
  --kik-text-size-body-lg: 16px;
  --kik-text-size-body-sm: 13px;
  --kik-text-size-h2: 32px;
  --kik-text-size-h2--desktop: 40px;
  --kik-text-size-h2--mobile: 32px;
  --kik-text-size-h4: 22px;
  --kik-text-size-h4--desktop: 24px;
  --kik-text-size-h4--mobile: 22px;
  --kik-text-size-h5: 20px;
}
@media (min-width: 768px) {
.kik-indoor-vs-outdoor-85412c6a85 {
  --kik-color-action-primary: #1c5544;
  --kik-color-bg-inverse: #1c5544;
  --kik-color-bg-page: #ffffff;
  --kik-color-bg-surface: #fafafa;
  --kik-color-bg-surface-alt-3: #d8e0da;
  --kik-color-border-accent: #20413b;
  --kik-color-text-disabled: #747474;
  --kik-color-text-primary: #000000;
  --kik-radius-pill: 100px;
  --kik-radius-sm: 2px;
  --kik-space-gap-2xl: 48px;
  --kik-space-gap-sm: 12px;
  --kik-space-gap-xl: 32px;
  --kik-space-gutter-none: 0px;
  --kik-space-inset-2xs: 4px;
  --kik-space-inset-lg: 24px;
  --kik-space-scale-40: 40px;
  --kik-space-scale-56: 56px;
  --kik-space-scale-96: 96px;
  --kik-space-section-lg: 100px;
  --kik-space-side-margin-default: 92px;
  --kik-space-side-margin-full: 0px;
  --kik-text-font-body: "HarmonyOS Sans";
  --kik-text-font-heading: "HarmonyOS Sans";
  --kik-text-line-height-body-lg: 29px;
  --kik-text-line-height-body-sm: 22px;
  --kik-text-line-height-h2: 48px;
  --kik-text-line-height-h4: 30px;
  --kik-text-line-height-h5: 28px;
  --kik-text-size-body-lg: 18px;
  --kik-text-size-body-sm: 14px;
  --kik-text-size-h2: 40px;
  --kik-text-size-h4: 24px;
  --kik-text-size-h5: 22px;
}
}
.kik-indoor-vs-outdoor-85412c6a85.kik\:bg-kik-color-bg-surface-alt-3, .kik-indoor-vs-outdoor-85412c6a85 .kik\:bg-kik-color-bg-surface-alt-3 { background-color: var(--kik-color-bg-surface-alt-3); }
.kik-indoor-vs-outdoor-85412c6a85.kik\:bg-page, .kik-indoor-vs-outdoor-85412c6a85 .kik\:bg-page { background-color: var(--kik-color-bg-page); }
.kik-indoor-vs-outdoor-85412c6a85.kik\:bg-surface-inverse, .kik-indoor-vs-outdoor-85412c6a85 .kik\:bg-surface-inverse { background-color: var(--kik-color-bg-inverse); }
.kik-indoor-vs-outdoor-85412c6a85.kik\:bg-surface, .kik-indoor-vs-outdoor-85412c6a85 .kik\:bg-surface { background-color: var(--kik-color-bg-surface); }
.kik-indoor-vs-outdoor-85412c6a85.kik\:border-kik-color-border-accent, .kik-indoor-vs-outdoor-85412c6a85 .kik\:border-kik-color-border-accent { border-bottom-color: var(--kik-color-border-accent); }
.kik-indoor-vs-outdoor-85412c6a85.kik\:border-kik-color-border-accent, .kik-indoor-vs-outdoor-85412c6a85 .kik\:border-kik-color-border-accent { border-left-color: var(--kik-color-border-accent); }
.kik-indoor-vs-outdoor-85412c6a85.kik\:border-kik-color-border-accent, .kik-indoor-vs-outdoor-85412c6a85 .kik\:border-kik-color-border-accent { border-right-color: var(--kik-color-border-accent); }
.kik-indoor-vs-outdoor-85412c6a85.kik\:border-kik-color-border-accent, .kik-indoor-vs-outdoor-85412c6a85 .kik\:border-kik-color-border-accent { border-top-color: var(--kik-color-border-accent); }
.kik-indoor-vs-outdoor-85412c6a85.kik\:font-kik-text-font-body, .kik-indoor-vs-outdoor-85412c6a85 .kik\:font-kik-text-font-body { font-family: var(--kik-text-font-body); }
.kik-indoor-vs-outdoor-85412c6a85.kik\:font-kik-text-font-heading, .kik-indoor-vs-outdoor-85412c6a85 .kik\:font-kik-text-font-heading { font-family: var(--kik-text-font-heading); }
.kik-indoor-vs-outdoor-85412c6a85.kik\:gap-kik-space-gap-sm, .kik-indoor-vs-outdoor-85412c6a85 .kik\:gap-kik-space-gap-sm { column-gap: var(--kik-space-gap-sm); }
.kik-indoor-vs-outdoor-85412c6a85.kik\:gap-kik-space-gap-sm, .kik-indoor-vs-outdoor-85412c6a85 .kik\:gap-kik-space-gap-sm { row-gap: var(--kik-space-gap-sm); }
@media (width < 768px) {
.kik-indoor-vs-outdoor-85412c6a85.kik\:gap-kik-space-gap-xs, .kik-indoor-vs-outdoor-85412c6a85 .kik\:gap-kik-space-gap-xs { column-gap: var(--kik-space-gap-xs); }
}
@media (width < 768px) {
.kik-indoor-vs-outdoor-85412c6a85.kik\:gap-kik-space-gap-xs, .kik-indoor-vs-outdoor-85412c6a85 .kik\:gap-kik-space-gap-xs { row-gap: var(--kik-space-gap-xs); }
}
.kik-indoor-vs-outdoor-85412c6a85.kik\:gap-kik-space-gutter-none, .kik-indoor-vs-outdoor-85412c6a85 .kik\:gap-kik-space-gutter-none { column-gap: var(--kik-space-gutter-none); }
.kik-indoor-vs-outdoor-85412c6a85.kik\:gap-kik-space-gutter-none, .kik-indoor-vs-outdoor-85412c6a85 .kik\:gap-kik-space-gutter-none { row-gap: var(--kik-space-gutter-none); }
@media (min-width: 768px) {
.kik-indoor-vs-outdoor-85412c6a85.kik\:gap-kik-space-scale-96, .kik-indoor-vs-outdoor-85412c6a85 .kik\:gap-kik-space-scale-96 { column-gap: var(--kik-space-scale-96); }
}
@media (min-width: 768px) {
.kik-indoor-vs-outdoor-85412c6a85.kik\:gap-kik-space-scale-96, .kik-indoor-vs-outdoor-85412c6a85 .kik\:gap-kik-space-scale-96 { row-gap: var(--kik-space-scale-96); }
}
.kik-indoor-vs-outdoor-85412c6a85.kik\:gap-x-kik-space-gap-2xl-fluid, .kik-indoor-vs-outdoor-85412c6a85 .kik\:gap-x-kik-space-gap-2xl-fluid { column-gap: clamp(var(--kik-space-gap-2xl--mobile), calc(var(--kik-space-gap-2xl--mobile) - 5.5851602px + 1.34907251vw), var(--kik-space-gap-2xl--desktop)); }
.kik-indoor-vs-outdoor-85412c6a85.kik\:gap-x-kik-space-scale-24-fluid-1e9bc093, .kik-indoor-vs-outdoor-85412c6a85 .kik\:gap-x-kik-space-scale-24-fluid-1e9bc093 { column-gap: clamp(var(--kik-space-scale-24--mobile), calc(var(--kik-space-scale-24--mobile) - 2.7925801px + 0.67453626vw), var(--kik-space-gap-xl--desktop)); }
.kik-indoor-vs-outdoor-85412c6a85.kik\:gap-x-kik-space-scale-24-fluid, .kik-indoor-vs-outdoor-85412c6a85 .kik\:gap-x-kik-space-scale-24-fluid { column-gap: clamp(var(--kik-space-scale-24--mobile), calc(var(--kik-space-scale-24--mobile) - 5.5851602px + 1.34907251vw), var(--kik-space-scale-40--desktop)); }
.kik-indoor-vs-outdoor-85412c6a85.kik\:gap-y-kik-space-gap-2xl-fluid, .kik-indoor-vs-outdoor-85412c6a85 .kik\:gap-y-kik-space-gap-2xl-fluid { row-gap: clamp(var(--kik-space-gap-2xl--mobile), calc(var(--kik-space-gap-2xl--mobile) - 5.5851602px + 1.34907251vw), var(--kik-space-gap-2xl--desktop)); }
.kik-indoor-vs-outdoor-85412c6a85.kik\:gap-y-kik-space-scale-24-fluid-1e9bc093, .kik-indoor-vs-outdoor-85412c6a85 .kik\:gap-y-kik-space-scale-24-fluid-1e9bc093 { row-gap: clamp(var(--kik-space-scale-24--mobile), calc(var(--kik-space-scale-24--mobile) - 2.7925801px + 0.67453626vw), var(--kik-space-gap-xl--desktop)); }
.kik-indoor-vs-outdoor-85412c6a85.kik\:gap-y-kik-space-scale-24-fluid, .kik-indoor-vs-outdoor-85412c6a85 .kik\:gap-y-kik-space-scale-24-fluid { row-gap: clamp(var(--kik-space-scale-24--mobile), calc(var(--kik-space-scale-24--mobile) - 5.5851602px + 1.34907251vw), var(--kik-space-scale-40--desktop)); }
.kik-indoor-vs-outdoor-85412c6a85.kik\:leading-kik-text-line-height-body-lg, .kik-indoor-vs-outdoor-85412c6a85 .kik\:leading-kik-text-line-height-body-lg { line-height: var(--kik-text-line-height-body-lg); }
.kik-indoor-vs-outdoor-85412c6a85.kik\:leading-kik-text-line-height-body-sm, .kik-indoor-vs-outdoor-85412c6a85 .kik\:leading-kik-text-line-height-body-sm { line-height: var(--kik-text-line-height-body-sm); }
.kik-indoor-vs-outdoor-85412c6a85.kik\:leading-kik-text-line-height-h2, .kik-indoor-vs-outdoor-85412c6a85 .kik\:leading-kik-text-line-height-h2 { line-height: var(--kik-text-line-height-h2); }
.kik-indoor-vs-outdoor-85412c6a85.kik\:leading-kik-text-line-height-h4, .kik-indoor-vs-outdoor-85412c6a85 .kik\:leading-kik-text-line-height-h4 { line-height: var(--kik-text-line-height-h4); }
.kik-indoor-vs-outdoor-85412c6a85.kik\:leading-kik-text-line-height-h5, .kik-indoor-vs-outdoor-85412c6a85 .kik\:leading-kik-text-line-height-h5 { line-height: var(--kik-text-line-height-h5); }
.kik-indoor-vs-outdoor-85412c6a85.kik\:p-kik-space-gutter-none, .kik-indoor-vs-outdoor-85412c6a85 .kik\:p-kik-space-gutter-none { padding-bottom: var(--kik-space-gutter-none); }
.kik-indoor-vs-outdoor-85412c6a85.kik\:p-kik-space-gutter-none, .kik-indoor-vs-outdoor-85412c6a85 .kik\:p-kik-space-gutter-none { padding-left: var(--kik-space-gutter-none); }
.kik-indoor-vs-outdoor-85412c6a85.kik\:p-kik-space-gutter-none, .kik-indoor-vs-outdoor-85412c6a85 .kik\:p-kik-space-gutter-none { padding-right: var(--kik-space-gutter-none); }
.kik-indoor-vs-outdoor-85412c6a85.kik\:p-kik-space-gutter-none, .kik-indoor-vs-outdoor-85412c6a85 .kik\:p-kik-space-gutter-none { padding-top: var(--kik-space-gutter-none); }
.kik-indoor-vs-outdoor-85412c6a85.kik\:pb-kik-space-scale-24-fluid, .kik-indoor-vs-outdoor-85412c6a85 .kik\:pb-kik-space-scale-24-fluid { padding-bottom: clamp(var(--kik-space-scale-24--mobile), calc(var(--kik-space-scale-24--mobile) - 11.1703204px + 2.69814503vw), var(--kik-space-scale-56--desktop)); }
.kik-indoor-vs-outdoor-85412c6a85.kik\:pb-kik-space-section-lg-fluid, .kik-indoor-vs-outdoor-85412c6a85 .kik\:pb-kik-space-section-lg-fluid { padding-bottom: clamp(var(--kik-space-section-lg--mobile), calc(var(--kik-space-section-lg--mobile) - 17.45362563px + 4.2158516vw), var(--kik-space-section-lg--desktop)); }
.kik-indoor-vs-outdoor-85412c6a85.kik\:pl-kik-space-side-margin-default-fluid-39a9eb59, .kik-indoor-vs-outdoor-85412c6a85 .kik\:pl-kik-space-side-margin-default-fluid-39a9eb59 { padding-left: clamp(var(--kik-space-side-margin-default--mobile), calc(var(--kik-space-side-margin-default--mobile) - 13.96290051px + 3.37268128vw), var(--kik-space-scale-56--desktop)); }
.kik-indoor-vs-outdoor-85412c6a85.kik\:pl-kik-space-side-margin-default-fluid, .kik-indoor-vs-outdoor-85412c6a85 .kik\:pl-kik-space-side-margin-default-fluid { padding-left: clamp(var(--kik-space-side-margin-default--mobile), calc(var(--kik-space-side-margin-default--mobile) - 26.52951096px + 6.40809444vw), var(--kik-space-side-margin-default--desktop)); }
.kik-indoor-vs-outdoor-85412c6a85.kik\:pr-kik-space-side-margin-default-fluid-39a9eb59, .kik-indoor-vs-outdoor-85412c6a85 .kik\:pr-kik-space-side-margin-default-fluid-39a9eb59 { padding-right: clamp(var(--kik-space-side-margin-default--mobile), calc(var(--kik-space-side-margin-default--mobile) - 13.96290051px + 3.37268128vw), var(--kik-space-scale-56--desktop)); }
.kik-indoor-vs-outdoor-85412c6a85.kik\:pr-kik-space-side-margin-default-fluid, .kik-indoor-vs-outdoor-85412c6a85 .kik\:pr-kik-space-side-margin-default-fluid { padding-right: clamp(var(--kik-space-side-margin-default--mobile), calc(var(--kik-space-side-margin-default--mobile) - 26.52951096px + 6.40809444vw), var(--kik-space-side-margin-default--desktop)); }
.kik-indoor-vs-outdoor-85412c6a85.kik\:pt-kik-space-scale-24-fluid, .kik-indoor-vs-outdoor-85412c6a85 .kik\:pt-kik-space-scale-24-fluid { padding-top: clamp(var(--kik-space-scale-24--mobile), calc(var(--kik-space-scale-24--mobile) - 11.1703204px + 2.69814503vw), var(--kik-space-scale-56--desktop)); }
.kik-indoor-vs-outdoor-85412c6a85.kik\:pt-kik-space-section-lg-fluid, .kik-indoor-vs-outdoor-85412c6a85 .kik\:pt-kik-space-section-lg-fluid { padding-top: clamp(var(--kik-space-section-lg--mobile), calc(var(--kik-space-section-lg--mobile) - 17.45362563px + 4.2158516vw), var(--kik-space-section-lg--desktop)); }
.kik-indoor-vs-outdoor-85412c6a85.kik\:px-kik-space-inset-lg, .kik-indoor-vs-outdoor-85412c6a85 .kik\:px-kik-space-inset-lg { padding-left: var(--kik-space-inset-lg); }
.kik-indoor-vs-outdoor-85412c6a85.kik\:px-kik-space-inset-lg, .kik-indoor-vs-outdoor-85412c6a85 .kik\:px-kik-space-inset-lg { padding-right: var(--kik-space-inset-lg); }
@media (width < 768px) {
.kik-indoor-vs-outdoor-85412c6a85.kik\:px-kik-space-side-margin-default, .kik-indoor-vs-outdoor-85412c6a85 .kik\:px-kik-space-side-margin-default { padding-left: var(--kik-space-side-margin-default); }
}
@media (width < 768px) {
.kik-indoor-vs-outdoor-85412c6a85.kik\:px-kik-space-side-margin-default, .kik-indoor-vs-outdoor-85412c6a85 .kik\:px-kik-space-side-margin-default { padding-right: var(--kik-space-side-margin-default); }
}
.kik-indoor-vs-outdoor-85412c6a85.kik\:px-kik-space-side-margin-full, .kik-indoor-vs-outdoor-85412c6a85 .kik\:px-kik-space-side-margin-full { padding-left: var(--kik-space-side-margin-full); }
.kik-indoor-vs-outdoor-85412c6a85.kik\:px-kik-space-side-margin-full, .kik-indoor-vs-outdoor-85412c6a85 .kik\:px-kik-space-side-margin-full { padding-right: var(--kik-space-side-margin-full); }
.kik-indoor-vs-outdoor-85412c6a85.kik\:py-kik-space-gutter-none, .kik-indoor-vs-outdoor-85412c6a85 .kik\:py-kik-space-gutter-none { padding-bottom: var(--kik-space-gutter-none); }
.kik-indoor-vs-outdoor-85412c6a85.kik\:py-kik-space-gutter-none, .kik-indoor-vs-outdoor-85412c6a85 .kik\:py-kik-space-gutter-none { padding-top: var(--kik-space-gutter-none); }
.kik-indoor-vs-outdoor-85412c6a85.kik\:py-kik-space-inset-2xs, .kik-indoor-vs-outdoor-85412c6a85 .kik\:py-kik-space-inset-2xs { padding-bottom: var(--kik-space-inset-2xs); }
.kik-indoor-vs-outdoor-85412c6a85.kik\:py-kik-space-inset-2xs, .kik-indoor-vs-outdoor-85412c6a85 .kik\:py-kik-space-inset-2xs { padding-top: var(--kik-space-inset-2xs); }
.kik-indoor-vs-outdoor-85412c6a85.kik\:rounded-pill, .kik-indoor-vs-outdoor-85412c6a85 .kik\:rounded-pill { border-radius: var(--kik-radius-pill); }
.kik-indoor-vs-outdoor-85412c6a85.kik\:rounded-sm, .kik-indoor-vs-outdoor-85412c6a85 .kik\:rounded-sm { border-radius: var(--kik-radius-sm); }
.kik-indoor-vs-outdoor-85412c6a85.kik\:text-action-primary, .kik-indoor-vs-outdoor-85412c6a85 .kik\:text-action-primary { color: var(--kik-color-action-primary); }
.kik-indoor-vs-outdoor-85412c6a85.kik\:text-body-lg, .kik-indoor-vs-outdoor-85412c6a85 .kik\:text-body-lg { font-size: var(--kik-text-size-body-lg); }
.kik-indoor-vs-outdoor-85412c6a85.kik\:text-body-sm, .kik-indoor-vs-outdoor-85412c6a85 .kik\:text-body-sm { font-size: var(--kik-text-size-body-sm); }
.kik-indoor-vs-outdoor-85412c6a85.kik\:text-h2-fluid, .kik-indoor-vs-outdoor-85412c6a85 .kik\:text-h2-fluid { font-size: clamp(var(--kik-text-size-h2--mobile), calc(var(--kik-text-size-h2--mobile) - 2.7925801px + 0.67453626vw), var(--kik-text-size-h2--desktop)); }
.kik-indoor-vs-outdoor-85412c6a85.kik\:text-h4-fluid, .kik-indoor-vs-outdoor-85412c6a85 .kik\:text-h4-fluid { font-size: clamp(var(--kik-text-size-h4--mobile), calc(var(--kik-text-size-h4--mobile) - 0.69814503px + 0.16863406vw), var(--kik-text-size-h4--desktop)); }
.kik-indoor-vs-outdoor-85412c6a85.kik\:text-h5, .kik-indoor-vs-outdoor-85412c6a85 .kik\:text-h5 { font-size: var(--kik-text-size-h5); }
.kik-indoor-vs-outdoor-85412c6a85.kik\:text-kik-color-text-disabled, .kik-indoor-vs-outdoor-85412c6a85 .kik\:text-kik-color-text-disabled { color: var(--kik-color-text-disabled); }
.kik-indoor-vs-outdoor-85412c6a85.kik\:text-primary, .kik-indoor-vs-outdoor-85412c6a85 .kik\:text-primary { color: var(--kik-color-text-primary); }