/*! 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;
[data-kik-hotspot-pulse]::after {
  content: '';
  position: absolute;
  inset: 4px;
  border: 1px solid var(--kik-color-bg-accent, #cad66a);
  border-radius: 50%;
  opacity: 0;
  pointer-events: none;
}
@keyframes kik-hotspot-breathe {
  0%, 100% {
    transform: scale(1);
    opacity: 0.35;
    box-shadow: 0 0 0 0 rgba(202, 214, 106, 0);
  }
  50% {
    transform: scale(1.3);
    opacity: 1;
    box-shadow: 0 0 12px 3px rgba(202, 214, 106, 0.45);
  }
}
@media (min-width: 1024px) and (hover: hover) and (prefers-reduced-motion: no-preference) {
  [data-kik-hotspot-pulse][aria-expanded="true"]::after {
    animation: kik-hotspot-breathe 1.8s ease-in-out infinite;
  }
}
kik-hotspots[data-kik-hotspot-hover] [data-kik-hs="card"][hidden] {
  display: none;
}
@layer theme, base, components, utilities;
@layer theme {
  :root, :host {
    --tw-color-black: #000;
    --tw-color-white: #fff;
    --tw-font-weight-normal: 400;
    --tw-font-weight-bold: 700;
    --tw-tracking-normal: 0em;
    --tw-aspect-video: 16 / 9;
    --tw-default-transition-duration: 150ms;
    --tw-default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    --tw-font-heading: var(--kik-text-font-heading);
  }
}
:where(.kik-component) {
  font-family: var(--kik-text-font-body);
  color: var(--kik-color-text-primary);
  line-height: var(--kik-text-line-height-body);
}
:where(.kik-component) :is(h1, h2, h3, h4, h5, h6, p, ul, ol, li, blockquote, figure, figcaption, fieldset, legend):where(:not(.kik-host-embed, .kik-host-embed *)) {
  margin: 0;
  padding: 0;
  font: inherit;
  color: inherit;
}
:where(.kik-component) :is(ul, ol):where(:not(.kik-host-embed, .kik-host-embed *)) {
  list-style: none;
}
:where(.kik-component) a:where(:not(.kik-host-embed, .kik-host-embed *)) {
  color: inherit;
  text-decoration: inherit;
}
:where(.kik-component) :is(button, [type="button"], [type="submit"], [type="reset"], [role="button"], .button, .btn, input, select, textarea):where(:not(.kik-host-embed, .kik-host-embed *)) {
  letter-spacing: inherit;
  text-transform: inherit;
  border-radius: 0;
  box-shadow: none;
  min-width: 0;
  min-height: 0;
  font: inherit;
  color: inherit;
  background: none;
  border: 0 solid;
  padding: 0;
  cursor: pointer;
}
:where(.kik-component) :is(img, svg, video):where(:not(.kik-host-embed, .kik-host-embed *)) {
  display: block;
}
:where(.kik-component) :is(img, video):where(:not(.kik-host-embed, .kik-host-embed *)) {
  max-width: 100%;
  height: auto;
}
.tw\:pointer-events-auto {
  pointer-events: auto;
}
.tw\:pointer-events-none {
  pointer-events: none;
}
.tw\:invisible {
  visibility: hidden;
}
.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\:sticky {
  position: sticky;
}
.tw\:inset-0 {
  inset: 0;
}
.tw\:inset-x-0 {
  inset-inline: 0;
}
.tw\:inset-y-0 {
  inset-block: 0;
}
.tw\:top-0 {
  top: 0;
}
.tw\:top-1\/2 {
  top: calc(1 / 2 * 100%);
}
.tw\:top-8 {
  top: var(--kik-spacing-8);
}
.tw\:top-16 {
  top: var(--kik-spacing-16);
}
.tw\:top-\[-6px\] {
  top: -6px;
}
.tw\:top-\[-33\.29\%\] {
  top: -33.29%;
}
.tw\:top-\[-46\.11\%\] {
  top: -46.11%;
}
.tw\:top-\[2px\] {
  top: 2px;
}
.tw\:top-\[5px\] {
  top: 5px;
}
.tw\:top-\[6px\] {
  top: 6px;
}
.tw\:top-\[8px\] {
  top: 8px;
}
.tw\:top-\[12px\] {
  top: 12px;
}
.tw\:top-\[29px\] {
  top: 29px;
}
.tw\:top-\[40px\] {
  top: 40px;
}
.tw\:top-\[calc\(100\%\+4px\)\] {
  top: calc(100% + 4px);
}
.tw\:top-\[calc\(var\(--kik-spacing-lg\)_\+_16px\)\] {
  top: calc(var(--kik-spacing-lg) + 16px);
}
.tw\:top-\[var\(--kik-sba-render-y\)\] {
  top: var(--kik-sba-render-y);
}
.tw\:top-\[var\(--ym\)\] {
  top: var(--ym);
}
.tw\:top-full {
  top: 100%;
}
.tw\:top-px {
  top: 1px;
}
.tw\:right-0 {
  right: 0;
}
.tw\:right-16 {
  right: var(--kik-spacing-16);
}
.tw\:right-\[8\%\] {
  right: 8%;
}
.tw\:right-\[10px\] {
  right: 10px;
}
.tw\:right-\[24px\] {
  right: 24px;
}
.tw\:right-\[29px\] {
  right: 29px;
}
.tw\:right-\[40px\] {
  right: 40px;
}
.tw\:right-\[calc\(100\%-var\(--pa\)\)\] {
  right: calc(100% - var(--pa));
}
.tw\:right-\[max\(calc\(var\(--kik-spacing-page-default\)_\+_16px\)\,calc\(\(100\%_-_620px\)\/2_\+_16px\)\)\] {
  right: max(calc(var(--kik-spacing-page-default) + 16px), calc((100% - 620px) / 2 + 16px));
}
.tw\:right-md {
  right: var(--kik-spacing-md);
}
.tw\:bottom-0 {
  bottom: 0;
}
.tw\:bottom-16 {
  bottom: var(--kik-spacing-16);
}
.tw\:bottom-24 {
  bottom: var(--kik-spacing-24);
}
.tw\:bottom-\[5\%\] {
  bottom: 5%;
}
.tw\:bottom-\[7px\] {
  bottom: 7px;
}
.tw\:bottom-\[10px\] {
  bottom: 10px;
}
.tw\:bottom-\[24\.15px\] {
  bottom: 24.15px;
}
.tw\:bottom-full {
  bottom: 100%;
}
.tw\:left-0 {
  left: 0;
}
.tw\:left-1\/2 {
  left: calc(1 / 2 * 100%);
}
.tw\:left-8 {
  left: var(--kik-spacing-8);
}
.tw\:left-16 {
  left: var(--kik-spacing-16);
}
.tw\:left-\[2px\] {
  left: 2px;
}
.tw\:left-\[5px\] {
  left: 5px;
}
.tw\:left-\[12\%\] {
  left: 12%;
}
.tw\:left-\[12px\] {
  left: 12px;
}
.tw\:left-\[14px\] {
  left: 14px;
}
.tw\:left-\[var\(--kik-sba-render-x\)\] {
  left: var(--kik-sba-render-x);
}
.tw\:left-\[var\(--pb\)\] {
  left: var(--pb);
}
.tw\:left-\[var\(--xm\)\] {
  left: var(--xm);
}
.tw\:left-page {
  left: var(--kik-spacing-page-default);
}
.tw\:isolate {
  isolation: isolate;
}
.tw\:-z-10 {
  z-index: calc(10 * -1);
}
.tw\:z-0 {
  z-index: 0;
}
.tw\:z-10 {
  z-index: 10;
}
.tw\:z-20 {
  z-index: 20;
}
.tw\:z-40 {
  z-index: 40;
}
.tw\:z-\[1\] {
  z-index: 1;
}
.tw\:z-\[2\] {
  z-index: 2;
}
.tw\:z-\[3\] {
  z-index: 3;
}
.tw\:z-\[5\] {
  z-index: 5;
}
.tw\:z-\[19\] {
  z-index: 19;
}
.tw\:z-\[70\] {
  z-index: 70;
}
.tw\:z-\[80\] {
  z-index: 80;
}
.tw\:z-\[90\] {
  z-index: 90;
}
.tw\:z-\[120\] {
  z-index: 120;
}
.tw\:order-1 {
  order: 1;
}
.tw\:order-2 {
  order: 2;
}
.tw\:order-3 {
  order: 3;
}
.tw\:order-4 {
  order: 4;
}
.tw\:col-span-2 {
  grid-column: span 2 / span 2;
}
.tw\:col-start-1 {
  grid-column-start: 1;
}
.tw\:col-start-2 {
  grid-column-start: 2;
}
.tw\:row-span-2 {
  grid-row: span 2 / span 2;
}
.tw\:row-start-1 {
  grid-row-start: 1;
}
.tw\:row-start-2 {
  grid-row-start: 2;
}
.tw\:-m-8 {
  margin: calc(var(--kik-spacing-8) * -1);
}
.tw\:-m-\[4px\] {
  margin: calc(4px * -1);
}
.tw\:-m-\[6px\] {
  margin: calc(6px * -1);
}
.tw\:-m-\[10px\] {
  margin: calc(10px * -1);
}
.tw\:m-0 {
  margin: 0;
}
.tw\:-mx-page {
  margin-inline: calc(var(--kik-spacing-page-default) * -1);
}
.tw\:mx-auto {
  margin-inline: auto;
}
.tw\:mx-sm {
  margin-inline: var(--kik-spacing-sm);
}
.tw\:-my-\[6px\] {
  margin-block: calc(6px * -1);
}
.tw\:-my-\[11px\] {
  margin-block: calc(11px * -1);
}
.tw\:mt-2 {
  margin-top: var(--kik-spacing-2);
}
.tw\:mt-4 {
  margin-top: var(--kik-spacing-4);
}
.tw\:mt-8 {
  margin-top: var(--kik-spacing-8);
}
.tw\:mt-12 {
  margin-top: var(--kik-spacing-12);
}
.tw\:mt-16 {
  margin-top: var(--kik-spacing-16);
}
.tw\:mt-24 {
  margin-top: var(--kik-spacing-24);
}
.tw\:mt-\[9px\] {
  margin-top: 9px;
}
.tw\:mt-\[20px\] {
  margin-top: 20px;
}
.tw\:mt-\[24px\] {
  margin-top: 24px;
}
.tw\:mt-auto {
  margin-top: auto;
}
.tw\:mt-lg {
  margin-top: var(--kik-spacing-lg);
}
.tw\:mt-md {
  margin-top: var(--kik-spacing-md);
}
.tw\:mt-sm {
  margin-top: var(--kik-spacing-sm);
}
.tw\:mr-0 {
  margin-right: 0;
}
.tw\:mb-0 {
  margin-bottom: 0;
}
.tw\:mb-4 {
  margin-bottom: var(--kik-spacing-4);
}
.tw\:mb-8 {
  margin-bottom: var(--kik-spacing-8);
}
.tw\:mb-12 {
  margin-bottom: var(--kik-spacing-12);
}
.tw\:mb-16 {
  margin-bottom: var(--kik-spacing-16);
}
.tw\:mb-24 {
  margin-bottom: var(--kik-spacing-24);
}
.tw\:mb-\[2px\] {
  margin-bottom: 2px;
}
.tw\:mb-\[9px\] {
  margin-bottom: 9px;
}
.tw\:mb-lg {
  margin-bottom: var(--kik-spacing-lg);
}
.tw\:mb-md {
  margin-bottom: var(--kik-spacing-md);
}
.tw\:mb-sm {
  margin-bottom: var(--kik-spacing-sm);
}
.tw\:mb-xl {
  margin-bottom: var(--kik-spacing-xl);
}
.tw\:ml-4 {
  margin-left: var(--kik-spacing-4);
}
.tw\:ml-8 {
  margin-left: var(--kik-spacing-8);
}
.tw\:ml-\[6px\] {
  margin-left: 6px;
}
.tw\:ml-auto {
  margin-left: auto;
}
.tw\:box-border {
  box-sizing: border-box;
}
.tw\:box-content {
  box-sizing: content-box;
}
.tw\:line-clamp-1 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.tw\:line-clamp-2 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.tw\:line-clamp-3 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
.tw\:block {
  display: block;
}
.tw\:contents {
  display: contents;
}
.tw\:flex {
  display: flex;
}
.tw\:grid {
  display: grid;
}
.tw\:hidden {
  display: none;
}
.tw\:inline-flex {
  display: inline-flex;
}
.tw\:aspect-\[334\/167\] {
  aspect-ratio: 334/167;
}
.tw\:aspect-\[414\/382\] {
  aspect-ratio: 414/382;
}
.tw\:aspect-\[414\/432\] {
  aspect-ratio: 414/432;
}
.tw\:aspect-\[506\.67\/302\] {
  aspect-ratio: 506.67/302;
}
.tw\:aspect-\[752\/564\] {
  aspect-ratio: 752/564;
}
.tw\:aspect-\[764\/400\] {
  aspect-ratio: 764/400;
}
.tw\:aspect-\[800\/739\] {
  aspect-ratio: 800/739;
}
.tw\:aspect-square {
  aspect-ratio: 1 / 1;
}
.tw\:aspect-video {
  aspect-ratio: var(--tw-aspect-video);
}
.tw\:size-\[6px\] {
  width: 6px;
  height: 6px;
}
.tw\:size-\[12px\] {
  width: 12px;
  height: 12px;
}
.tw\:size-\[14px\] {
  width: 14px;
  height: 14px;
}
.tw\:size-\[16px\] {
  width: 16px;
  height: 16px;
}
.tw\:size-\[18px\] {
  width: 18px;
  height: 18px;
}
.tw\:size-\[20px\] {
  width: 20px;
  height: 20px;
}
.tw\:size-\[22px\] {
  width: 22px;
  height: 22px;
}
.tw\:size-\[24px\] {
  width: 24px;
  height: 24px;
}
.tw\:size-\[30px\] {
  width: 30px;
  height: 30px;
}
.tw\:size-\[32px\] {
  width: 32px;
  height: 32px;
}
.tw\:size-\[40px\] {
  width: 40px;
  height: 40px;
}
.tw\:size-\[44px\] {
  width: 44px;
  height: 44px;
}
.tw\:size-\[46px\] {
  width: 46px;
  height: 46px;
}
.tw\:size-\[48px\] {
  width: 48px;
  height: 48px;
}
.tw\:size-\[54px\] {
  width: 54px;
  height: 54px;
}
.tw\:size-\[56px\] {
  width: 56px;
  height: 56px;
}
.tw\:size-\[98px\] {
  width: 98px;
  height: 98px;
}
.tw\:size-\[100px\] {
  width: 100px;
  height: 100px;
}
.tw\:size-\[200px\] {
  width: 200px;
  height: 200px;
}
.tw\:size-full {
  width: 100%;
  height: 100%;
}
.tw\:h-\(--menu-height\) {
  height: var(--menu-height);
}
.tw\:h-0 {
  height: 0;
}
.tw\:h-16 {
  height: var(--kik-spacing-16);
}
.tw\:h-\[1\.6em\] {
  height: 1.6em;
}
.tw\:h-\[1\.714px\] {
  height: 1.714px;
}
.tw\:h-\[1px\] {
  height: 1px;
}
.tw\:h-\[2px\] {
  height: 2px;
}
.tw\:h-\[3px\] {
  height: 3px;
}
.tw\:h-\[4px\] {
  height: 4px;
}
.tw\:h-\[8px\] {
  height: 8px;
}
.tw\:h-\[9px\] {
  height: 9px;
}
.tw\:h-\[12\.67px\] {
  height: 12.67px;
}
.tw\:h-\[12px\] {
  height: 12px;
}
.tw\:h-\[13px\] {
  height: 13px;
}
.tw\:h-\[14px\] {
  height: 14px;
}
.tw\:h-\[16px\] {
  height: 16px;
}
.tw\:h-\[18px\] {
  height: 18px;
}
.tw\:h-\[20px\] {
  height: 20px;
}
.tw\:h-\[22px\] {
  height: 22px;
}
.tw\:h-\[24px\] {
  height: 24px;
}
.tw\:h-\[26px\] {
  height: 26px;
}
.tw\:h-\[30px\] {
  height: 30px;
}
.tw\:h-\[32px\] {
  height: 32px;
}
.tw\:h-\[34px\] {
  height: 34px;
}
.tw\:h-\[36px\] {
  height: 36px;
}
.tw\:h-\[40px\] {
  height: 40px;
}
.tw\:h-\[42px\] {
  height: 42px;
}
.tw\:h-\[44px\] {
  height: 44px;
}
.tw\:h-\[48px\] {
  height: 48px;
}
.tw\:h-\[50px\] {
  height: 50px;
}
.tw\:h-\[52px\] {
  height: 52px;
}
.tw\:h-\[54px\] {
  height: 54px;
}
.tw\:h-\[56px\] {
  height: 56px;
}
.tw\:h-\[60px\] {
  height: 60px;
}
.tw\:h-\[64px\] {
  height: 64px;
}
.tw\:h-\[71px\] {
  height: 71px;
}
.tw\:h-\[72px\] {
  height: 72px;
}
.tw\:h-\[80px\] {
  height: 80px;
}
.tw\:h-\[90px\] {
  height: 90px;
}
.tw\:h-\[125px\] {
  height: 125px;
}
.tw\:h-\[133\.33\%\] {
  height: 133.33%;
}
.tw\:h-\[146\.02\%\] {
  height: 146.02%;
}
.tw\:h-\[152px\] {
  height: 152px;
}
.tw\:h-\[160px\] {
  height: 160px;
}
.tw\:h-\[161px\] {
  height: 161px;
}
.tw\:h-\[382px\] {
  height: 382px;
}
.tw\:h-\[400px\] {
  height: 400px;
}
.tw\:h-\[calc\(100\%-46px\)\] {
  height: calc(100% - 46px);
}
.tw\:h-auto {
  height: auto;
}
.tw\:h-dvh {
  height: 100dvh;
}
.tw\:h-full {
  height: 100%;
}
.tw\:h-px {
  height: 1px;
}
.tw\:max-h-\[20px\] {
  max-height: 20px;
}
.tw\:max-h-\[50dvh\] {
  max-height: 50dvh;
}
.tw\:max-h-\[320px\] {
  max-height: 320px;
}
.tw\:max-h-\[calc\(100dvh-120px\)\] {
  max-height: calc(100dvh - 120px);
}
.tw\:max-h-none {
  max-height: none;
}
.tw\:min-h-0 {
  min-height: 0;
}
.tw\:min-h-\[1lh\] {
  min-height: 1lh;
}
.tw\:min-h-\[2\.4em\] {
  min-height: 2.4em;
}
.tw\:min-h-\[2lh\] {
  min-height: 2lh;
}
.tw\:min-h-\[22px\] {
  min-height: 22px;
}
.tw\:min-h-\[24px\] {
  min-height: 24px;
}
.tw\:min-h-\[31px\] {
  min-height: 31px;
}
.tw\:min-h-\[36px\] {
  min-height: 36px;
}
.tw\:min-h-\[44px\] {
  min-height: 44px;
}
.tw\:min-h-\[46px\] {
  min-height: 46px;
}
.tw\:min-h-\[48px\] {
  min-height: 48px;
}
.tw\:min-h-\[50px\] {
  min-height: 50px;
}
.tw\:min-h-\[52px\] {
  min-height: 52px;
}
.tw\:min-h-\[60px\] {
  min-height: 60px;
}
.tw\:min-h-\[66px\] {
  min-height: 66px;
}
.tw\:min-h-\[90px\] {
  min-height: 90px;
}
.tw\:min-h-\[108px\] {
  min-height: 108px;
}
.tw\:min-h-\[320px\] {
  min-height: 320px;
}
.tw\:min-h-\[500px\] {
  min-height: 500px;
}
.tw\:min-h-\[626px\] {
  min-height: 626px;
}
.tw\:min-h-\[660px\] {
  min-height: 660px;
}
.tw\:min-h-\[720px\] {
  min-height: 720px;
}
.tw\:min-h-full {
  min-height: 100%;
}
.tw\:min-h-px {
  min-height: 1px;
}
.tw\:w-\(--logo-width-mobile\) {
  width: var(--logo-width-mobile);
}
.tw\:w-0 {
  width: 0;
}
.tw\:w-24 {
  width: var(--kik-spacing-24);
}
.tw\:w-\[1px\] {
  width: 1px;
}
.tw\:w-\[5\.143px\] {
  width: 5.143px;
}
.tw\:w-\[8\.571px\] {
  width: 8.571px;
}
.tw\:w-\[8px\] {
  width: 8px;
}
.tw\:w-\[9px\] {
  width: 9px;
}
.tw\:w-\[12px\] {
  width: 12px;
}
.tw\:w-\[13\.34px\] {
  width: 13.34px;
}
.tw\:w-\[13px\] {
  width: 13px;
}
.tw\:w-\[14px\] {
  width: 14px;
}
.tw\:w-\[16px\] {
  width: 16px;
}
.tw\:w-\[18px\] {
  width: 18px;
}
.tw\:w-\[19px\] {
  width: 19px;
}
.tw\:w-\[20px\] {
  width: 20px;
}
.tw\:w-\[22px\] {
  width: 22px;
}
.tw\:w-\[24px\] {
  width: 24px;
}
.tw\:w-\[26px\] {
  width: 26px;
}
.tw\:w-\[30\%\] {
  width: 30%;
}
.tw\:w-\[30px\] {
  width: 30px;
}
.tw\:w-\[32px\] {
  width: 32px;
}
.tw\:w-\[34px\] {
  width: 34px;
}
.tw\:w-\[38px\] {
  width: 38px;
}
.tw\:w-\[40px\] {
  width: 40px;
}
.tw\:w-\[42px\] {
  width: 42px;
}
.tw\:w-\[44px\] {
  width: 44px;
}
.tw\:w-\[46px\] {
  width: 46px;
}
.tw\:w-\[54px\] {
  width: 54px;
}
.tw\:w-\[56px\] {
  width: 56px;
}
.tw\:w-\[60px\] {
  width: 60px;
}
.tw\:w-\[64px\] {
  width: 64px;
}
.tw\:w-\[77\.49\%\] {
  width: 77.49%;
}
.tw\:w-\[90px\] {
  width: 90px;
}
.tw\:w-\[96px\] {
  width: 96px;
}
.tw\:w-\[100px\] {
  width: 100px;
}
.tw\:w-\[120px\] {
  width: 120px;
}
.tw\:w-\[140px\] {
  width: 140px;
}
.tw\:w-\[160px\] {
  width: 160px;
}
.tw\:w-\[200px\] {
  width: 200px;
}
.tw\:w-\[215px\] {
  width: 215px;
}
.tw\:w-\[232px\] {
  width: 232px;
}
.tw\:w-\[239px\] {
  width: 239px;
}
.tw\:w-\[247px\] {
  width: 247px;
}
.tw\:w-\[280px\] {
  width: 280px;
}
.tw\:w-\[296px\] {
  width: 296px;
}
.tw\:w-\[302px\] {
  width: 302px;
}
.tw\:w-\[332px\] {
  width: 332px;
}
.tw\:w-\[376px\] {
  width: 376px;
}
.tw\:w-\[525px\] {
  width: 525px;
}
.tw\:w-\[1280px\] {
  width: 1280px;
}
.tw\:w-\[calc\(\(100\%-12px\)\/2\)\] {
  width: calc((100% - 12px) / 2);
}
.tw\:w-\[calc\(50\%-4px\)\] {
  width: calc(50% - 4px);
}
.tw\:w-\[calc\(50\%-6px\)\] {
  width: calc(50% - 6px);
}
.tw\:w-\[calc\(100\%\+16px\)\] {
  width: calc(100% + 16px);
}
.tw\:w-\[calc\(100\%-2\*var\(--kik-spacing-page-default\)\)\] {
  width: calc(100% - 2 * var(--kik-spacing-page-default));
}
.tw\:w-\[calc\(100vw_-_32px\)\] {
  width: calc(100vw - 32px);
}
.tw\:w-\[min\(302px\,calc\(100vw_-_48px\)\)\] {
  width: min(302px, calc(100vw - 48px));
}
.tw\:w-auto {
  width: auto;
}
.tw\:w-fit {
  width: fit-content;
}
.tw\:w-full {
  width: 100%;
}
.tw\:w-max {
  width: max-content;
}
.tw\:w-px {
  width: 1px;
}
.tw\:max-w-\[20px\] {
  max-width: 20px;
}
.tw\:max-w-\[30\%\] {
  max-width: 30%;
}
.tw\:max-w-\[46ch\] {
  max-width: 46ch;
}
.tw\:max-w-\[68ch\] {
  max-width: 68ch;
}
.tw\:max-w-\[90px\] {
  max-width: 90px;
}
.tw\:max-w-\[202\.33px\] {
  max-width: 202.33px;
}
.tw\:max-w-\[350px\] {
  max-width: 350px;
}
.tw\:max-w-\[520px\] {
  max-width: 520px;
}
.tw\:max-w-\[540px\] {
  max-width: 540px;
}
.tw\:max-w-\[600px\] {
  max-width: 600px;
}
.tw\:max-w-\[620px\] {
  max-width: 620px;
}
.tw\:max-w-\[640px\] {
  max-width: 640px;
}
.tw\:max-w-\[680px\] {
  max-width: 680px;
}
.tw\:max-w-\[720px\] {
  max-width: 720px;
}
.tw\:max-w-\[760px\] {
  max-width: 760px;
}
.tw\:max-w-\[900px\] {
  max-width: 900px;
}
.tw\:max-w-\[1000px\] {
  max-width: 1000px;
}
.tw\:max-w-\[1140px\] {
  max-width: 1140px;
}
.tw\:max-w-\[1552px\] {
  max-width: 1552px;
}
.tw\:max-w-\[1600px\] {
  max-width: 1600px;
}
.tw\:max-w-\[calc\(100\%_-_32px\)\] {
  max-width: calc(100% - 32px);
}
.tw\:max-w-\[var\(--kik-container-max-width\)\] {
  max-width: var(--kik-container-max-width);
}
.tw\:max-w-full {
  max-width: 100%;
}
.tw\:max-w-none {
  max-width: none;
}
.tw\:min-w-0 {
  min-width: 0;
}
.tw\:min-w-\[71px\] {
  min-width: 71px;
}
.tw\:min-w-\[90px\] {
  min-width: 90px;
}
.tw\:min-w-\[130px\] {
  min-width: 130px;
}
.tw\:min-w-\[152px\] {
  min-width: 152px;
}
.tw\:min-w-\[160px\] {
  min-width: 160px;
}
.tw\:min-w-\[180px\] {
  min-width: 180px;
}
.tw\:min-w-\[220px\] {
  min-width: 220px;
}
.tw\:min-w-full {
  min-width: 100%;
}
.tw\:min-w-px {
  min-width: 1px;
}
.tw\:flex-1 {
  flex: 1;
}
.tw\:flex-\[1_0_0\] {
  flex: 1 0 0;
}
.tw\:shrink-0 {
  flex-shrink: 0;
}
.tw\:border-collapse {
  border-collapse: collapse;
}
.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\:-translate-y-full {
  --tw-translate-y: -100%;
  translate: var(--tw-translate-x) var(--tw-translate-y);
}
.tw\:translate-y-full {
  --tw-translate-y: 100%;
  translate: var(--tw-translate-x) var(--tw-translate-y);
}
.tw\:-rotate-45 {
  rotate: calc(45deg * -1);
}
.tw\:cursor-default {
  cursor: default;
}
.tw\:cursor-pointer {
  cursor: pointer;
}
.tw\:cursor-zoom-in {
  cursor: zoom-in;
}
.tw\:touch-pan-y {
  --tw-pan-y: pan-y;
  touch-action: var(--tw-pan-x,) var(--tw-pan-y,) var(--tw-pinch-zoom,);
}
.tw\:snap-x {
  scroll-snap-type: x var(--tw-scroll-snap-strictness);
}
.tw\:snap-mandatory {
  --tw-scroll-snap-strictness: mandatory;
}
.tw\:snap-proximity {
  --tw-scroll-snap-strictness: proximity;
}
.tw\:snap-start {
  scroll-snap-align: start;
}
.tw\:scroll-mt-\[160px\] {
  scroll-margin-top: 160px;
}
.tw\:scroll-px-page {
  scroll-padding-inline: var(--kik-spacing-page-default);
}
.tw\:scroll-px-page-default {
  scroll-padding-inline: var(--kik-spacing-page-default);
}
.tw\:scroll-pl-page-default {
  scroll-padding-left: var(--kik-spacing-page-default);
}
.tw\:\[scrollbar-width\:none\] {
  scrollbar-width: none;
}
.tw\:list-none {
  list-style-type: none;
}
.tw\:appearance-none {
  appearance: none;
}
.tw\:grid-cols-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
.tw\:grid-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.tw\:grid-cols-\[32px_60px_minmax\(0\,1fr\)\] {
  grid-template-columns: 32px 60px minmax(0,1fr);
}
.tw\:grid-cols-\[54px_minmax\(0\,1fr\)\] {
  grid-template-columns: 54px minmax(0,1fr);
}
.tw\:grid-cols-\[90px_minmax\(0\,1fr\)\] {
  grid-template-columns: 90px minmax(0,1fr);
}
.tw\:grid-cols-\[minmax\(0\,1fr\)_auto\] {
  grid-template-columns: minmax(0,1fr) auto;
}
.tw\:grid-cols-\[repeat\(var\(--compare-cols\)\,minmax\(0\,1fr\)\)\] {
  grid-template-columns: repeat(var(--compare-cols),minmax(0,1fr));
}
.tw\:grid-cols-\[repeat\(var\(--mega-columns\)\,minmax\(0\,1fr\)\)\] {
  grid-template-columns: repeat(var(--mega-columns),minmax(0,1fr));
}
.tw\:grid-rows-\[0fr\] {
  grid-template-rows: 0fr;
}
.tw\:grid-rows-\[1fr_auto\] {
  grid-template-rows: 1fr auto;
}
.tw\:flex-col {
  flex-direction: column;
}
.tw\:flex-col-reverse {
  flex-direction: column-reverse;
}
.tw\:flex-nowrap {
  flex-wrap: nowrap;
}
.tw\:flex-wrap {
  flex-wrap: wrap;
}
.tw\:content-start {
  align-content: flex-start;
}
.tw\:items-baseline {
  align-items: baseline;
}
.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\:justify-end {
  justify-content: flex-end;
}
.tw\:justify-start {
  justify-content: flex-start;
}
.tw\:gap-0 {
  gap: 0;
}
.tw\:gap-2 {
  gap: var(--kik-spacing-2);
}
.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-24 {
  gap: var(--kik-spacing-24);
}
.tw\:gap-32 {
  gap: var(--kik-spacing-32);
}
.tw\:gap-\[1\.714px\] {
  gap: 1.714px;
}
.tw\:gap-\[1px\] {
  gap: 1px;
}
.tw\:gap-\[2\.66px\] {
  gap: 2.66px;
}
.tw\:gap-\[4\.66px\] {
  gap: 4.66px;
}
.tw\:gap-\[4px\] {
  gap: 4px;
}
.tw\:gap-\[5px\] {
  gap: 5px;
}
.tw\:gap-\[6px\] {
  gap: 6px;
}
.tw\:gap-\[8px\] {
  gap: 8px;
}
.tw\:gap-\[9px\] {
  gap: 9px;
}
.tw\:gap-\[10px\] {
  gap: 10px;
}
.tw\:gap-\[12px\] {
  gap: 12px;
}
.tw\:gap-\[14px\] {
  gap: 14px;
}
.tw\:gap-\[15px\] {
  gap: 15px;
}
.tw\:gap-\[18px\] {
  gap: 18px;
}
.tw\:gap-\[24px\] {
  gap: 24px;
}
.tw\:gap-\[48px\] {
  gap: 48px;
}
.tw\:gap-lg {
  gap: var(--kik-spacing-lg);
}
.tw\:gap-md {
  gap: var(--kik-spacing-md);
}
.tw\:gap-section-lg {
  gap: var(--kik-spacing-section-lg);
}
.tw\:gap-section-md {
  gap: var(--kik-spacing-section-md);
}
.tw\:gap-section-sm {
  gap: var(--kik-spacing-section-sm);
}
.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-8 {
  column-gap: var(--kik-spacing-8);
}
.tw\:gap-x-12 {
  column-gap: var(--kik-spacing-12);
}
.tw\:gap-x-16 {
  column-gap: var(--kik-spacing-16);
}
.tw\:gap-x-md {
  column-gap: var(--kik-spacing-md);
}
.tw\:gap-x-sm {
  column-gap: var(--kik-spacing-sm);
}
.tw\:gap-x-xl {
  column-gap: var(--kik-spacing-xl);
}
.tw\:gap-y-4 {
  row-gap: var(--kik-spacing-4);
}
.tw\:gap-y-8 {
  row-gap: var(--kik-spacing-8);
}
.tw\:gap-y-12 {
  row-gap: var(--kik-spacing-12);
}
.tw\:gap-y-16 {
  row-gap: var(--kik-spacing-16);
}
.tw\:gap-y-24 {
  row-gap: var(--kik-spacing-24);
}
.tw\:gap-y-md {
  row-gap: var(--kik-spacing-md);
}
.tw\:gap-y-sm {
  row-gap: var(--kik-spacing-sm);
}
.tw\:gap-y-xl {
  row-gap: var(--kik-spacing-xl);
}
.tw\:self-start {
  align-self: flex-start;
}
.tw\:self-stretch {
  align-self: stretch;
}
.tw\:justify-self-center {
  justify-self: center;
}
.tw\:justify-self-end {
  justify-self: flex-end;
}
.tw\:justify-self-stretch {
  justify-self: stretch;
}
.tw\:truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.tw\:overflow-clip {
  overflow: clip;
}
.tw\:overflow-hidden {
  overflow: hidden;
}
.tw\:overflow-x-auto {
  overflow-x: auto;
}
.tw\:overflow-y-auto {
  overflow-y: auto;
}
.tw\:overscroll-contain {
  overscroll-behavior: contain;
}
.tw\:overscroll-x-contain {
  overscroll-behavior-x: contain;
}
.tw\:rounded-\[2px\] {
  border-radius: 2px;
}
.tw\:rounded-\[15px\] {
  border-radius: 15px;
}
.tw\:rounded-\[24px\] {
  border-radius: 24px;
}
.tw\:rounded-none {
  border-radius: var(--kik-radius-none);
}
.tw\:rounded-pill {
  border-radius: var(--kik-radius-pill);
}
.tw\:rounded-sm {
  border-radius: var(--kik-radius-sm);
}
.tw\:border {
  border-style: var(--tw-border-style);
  border-width: 1px;
}
.tw\:border-0 {
  border-style: var(--tw-border-style);
  border-width: 0px;
}
.tw\:border-2 {
  border-style: var(--tw-border-style);
  border-width: 2px;
}
.tw\:border-\[0\.5px\] {
  border-style: var(--tw-border-style);
  border-width: 0.5px;
}
.tw\:border-\[1\.3px\] {
  border-style: var(--tw-border-style);
  border-width: 1.3px;
}
.tw\:border-\[1\.5px\] {
  border-style: var(--tw-border-style);
  border-width: 1.5px;
}
.tw\:border-\[2px\] {
  border-style: var(--tw-border-style);
  border-width: 2px;
}
.tw\:border-x-0 {
  border-inline-style: var(--tw-border-style);
  border-inline-width: 0px;
}
.tw\:border-y {
  border-block-style: var(--tw-border-style);
  border-block-width: 1px;
}
.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-0 {
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 0px;
}
.tw\:border-b-2 {
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 2px;
}
.tw\:border-b-\[0\.5px\] {
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 0.5px;
}
.tw\:border-b-\[1\.3px\] {
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 1.3px;
}
.tw\:border-b-\[3px\] {
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 3px;
}
.tw\:border-l {
  border-left-style: var(--tw-border-style);
  border-left-width: 1px;
}
.tw\:border-dashed {
  --tw-border-style: dashed;
  border-style: dashed;
}
.tw\:border-solid {
  --tw-border-style: solid;
  border-style: solid;
}
.tw\:border-\[\#000000\] {
  border-color: #000000;
}
.tw\:border-\[\#c7c7c7\] {
  border-color: #c7c7c7;
}
.tw\:border-\[\#f9f9f9\] {
  border-color: #f9f9f9;
}
.tw\:border-\[\#fff\] {
  border-color: #fff;
}
.tw\:border-\[color-mix\(in_srgb\,currentColor_16\%\,transparent\)\] {
  border-color: currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in srgb,currentColor 16%,transparent);
  }
}
.tw\:border-\[rgba\(0\,0\,0\,0\.12\)\] {
  border-color: rgba(0,0,0,0.12);
}
.tw\:border-\[rgba\(255\,255\,255\,0\.55\)\] {
  border-color: rgba(255,255,255,0.55);
}
.tw\:border-accent {
  border-color: var(--kik-color-bg-accent);
}
.tw\:border-action-inverse {
  border-color: var(--kik-color-action-inverse);
}
.tw\:border-action-primary {
  border-color: var(--kik-color-action-primary);
}
.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-strong {
  border-color: var(--kik-color-border-strong);
}
.tw\:border-border-subtle {
  border-color: var(--kik-color-border-subtle);
}
.tw\:border-current {
  border-color: currentcolor;
}
.tw\:border-inverse {
  border-color: var(--kik-color-text-inverse);
}
.tw\:border-primary {
  border-color: var(--kik-color-text-primary);
}
.tw\:border-transparent {
  border-color: transparent;
}
.tw\:bg-\[\#000000\] {
  background-color: #000000;
}
.tw\:bg-\[\#4a4a4a\] {
  background-color: #4a4a4a;
}
.tw\:bg-\[\#F5F5F5\] {
  background-color: #F5F5F5;
}
.tw\:bg-\[\#f9f9f9\] {
  background-color: #f9f9f9;
}
.tw\:bg-\[\#fff\] {
  background-color: #fff;
}
.tw\:bg-\[color-mix\(in_srgb\,currentColor_4\%\,transparent\)\] {
  background-color: currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in srgb,currentColor 4%,transparent);
  }
}
.tw\:bg-\[rgba\(0\,0\,0\,0\.3\)\] {
  background-color: rgba(0,0,0,0.3);
}
.tw\:bg-\[rgba\(0\,0\,0\,0\.6\)\] {
  background-color: rgba(0,0,0,0.6);
}
.tw\:bg-\[rgba\(0\,0\,0\,0\.18\)\] {
  background-color: rgba(0,0,0,0.18);
}
.tw\:bg-\[rgba\(0\,0\,0\,0\.25\)\] {
  background-color: rgba(0,0,0,0.25);
}
.tw\:bg-\[rgba\(8\,10\,6\,0\.44\)\] {
  background-color: rgba(8,10,6,0.44);
}
.tw\:bg-\[rgba\(20\,20\,20\,0\.62\)\] {
  background-color: rgba(20,20,20,0.62);
}
.tw\:bg-\[rgba\(30\,30\,30\,0\.4\)\] {
  background-color: rgba(30,30,30,0.4);
}
.tw\:bg-\[rgba\(255\,255\,255\,\.28\)\] {
  background-color: rgba(255,255,255,.28);
}
.tw\:bg-\[rgba\(255\,255\,255\,0\.5\)\] {
  background-color: rgba(255,255,255,0.5);
}
.tw\:bg-\[rgba\(255\,255\,255\,0\.08\)\] {
  background-color: rgba(255,255,255,0.08);
}
.tw\:bg-\[rgba\(255\,255\,255\,0\.14\)\] {
  background-color: rgba(255,255,255,0.14);
}
.tw\:bg-\[rgba\(255\,255\,255\,0\.28\)\] {
  background-color: rgba(255,255,255,0.28);
}
.tw\:bg-accent {
  background-color: var(--kik-color-bg-accent);
}
.tw\:bg-action-disabled {
  background-color: var(--kik-color-action-disabled);
}
.tw\:bg-action-inverse {
  background-color: var(--kik-color-action-inverse);
}
.tw\:bg-action-primary {
  background-color: var(--kik-color-action-primary);
}
.tw\:bg-alt-1 {
  background-color: var(--kik-color-bg-surface-alt-1);
}
.tw\:bg-alt-2 {
  background-color: var(--kik-color-bg-surface-alt-2);
}
.tw\:bg-black {
  background-color: var(--tw-color-black);
}
.tw\:bg-black\/40 {
  background-color: var(--tw-color-black);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--tw-color-black) 40%, transparent);
  }
}
.tw\:bg-black\/50 {
  background-color: var(--tw-color-black);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--tw-color-black) 50%, transparent);
  }
}
.tw\:bg-black\/60 {
  background-color: var(--tw-color-black);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--tw-color-black) 60%, transparent);
  }
}
.tw\:bg-border-subtle {
  background-color: var(--kik-color-border-subtle);
}
.tw\:bg-current {
  background-color: currentcolor;
}
.tw\:bg-discount {
  background-color: var(--kik-color-bg-discount);
}
.tw\:bg-inverse {
  background-color: var(--kik-color-text-inverse);
}
.tw\:bg-page {
  background-color: var(--kik-color-bg-page);
}
.tw\:bg-primary {
  background-color: var(--kik-color-text-primary);
}
.tw\:bg-surface {
  background-color: var(--kik-color-bg-surface);
}
.tw\:bg-surface-inverse {
  background-color: var(--kik-color-bg-inverse);
}
.tw\:bg-transparent {
  background-color: transparent;
}
.tw\:bg-white\/8 {
  background-color: var(--tw-color-white);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--tw-color-white) 8%, transparent);
  }
}
.tw\:bg-white\/14 {
  background-color: var(--tw-color-white);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--tw-color-white) 14%, transparent);
  }
}
.tw\:bg-\[linear-gradient\(90deg\,rgba\(10\,13\,8\,0\.92\)_0\%\,rgba\(10\,13\,8\,0\.72\)_46\%\,rgba\(10\,13\,8\,0\.42\)_68\%\,rgba\(10\,13\,8\,0\.8\)_100\%\)\] {
  background-image: linear-gradient(90deg,rgba(10,13,8,0.92) 0%,rgba(10,13,8,0.72) 46%,rgba(10,13,8,0.42) 68%,rgba(10,13,8,0.8) 100%);
}
.tw\:bg-\[linear-gradient\(currentColor\,currentColor\)\] {
  background-image: linear-gradient(currentColor,currentColor);
}
.tw\:bg-\[linear-gradient\(to_bottom\,rgba\(0\,0\,0\,\.6\)_19\.627\%\,rgba\(0\,0\,0\,0\)_42\.801\%\)\] {
  background-image: linear-gradient(to bottom,rgba(0,0,0,.6) 19.627%,rgba(0,0,0,0) 42.801%);
}
.tw\:bg-\[linear-gradient\(to_bottom\,rgba\(0\,0\,0\,0\)\,rgba\(0\,0\,0\,0\.8\)\)\] {
  background-image: linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,0.8));
}
.tw\:bg-\[linear-gradient\(to_bottom\,rgba\(0\,0\,0\,0\)_52\%\,rgba\(0\,0\,0\,\.22\)_68\%\,rgba\(0\,0\,0\,\.6\)_80\%\,rgba\(0\,0\,0\,\.72\)_90\%\,rgba\(0\,0\,0\,\.74\)_100\%\)\] {
  background-image: linear-gradient(to bottom,rgba(0,0,0,0) 52%,rgba(0,0,0,.22) 68%,rgba(0,0,0,.6) 80%,rgba(0,0,0,.72) 90%,rgba(0,0,0,.74) 100%);
}
.tw\:bg-\[linear-gradient\(to_bottom\,rgba\(0\,0\,0\,0\)_52\%\,rgba\(0\,0\,0\,0\.26\)_68\%\,rgba\(0\,0\,0\,0\.66\)_80\%\,rgba\(0\,0\,0\,0\.78\)_90\%\,rgba\(0\,0\,0\,0\.8\)_100\%\)\] {
  background-image: linear-gradient(to bottom,rgba(0,0,0,0) 52%,rgba(0,0,0,0.26) 68%,rgba(0,0,0,0.66) 80%,rgba(0,0,0,0.78) 90%,rgba(0,0,0,0.8) 100%);
}
.tw\:bg-\[linear-gradient\(to_bottom\,rgba\(0\,0\,0\,0\)_69\.687\%\,rgba\(0\,0\,0\,0\.8\)\)\] {
  background-image: linear-gradient(to bottom,rgba(0,0,0,0) 69.687%,rgba(0,0,0,0.8));
}
.tw\:bg-\[linear-gradient\(to_bottom\,rgba\(0\,0\,0\,0\.1\)_57\.383\%\,rgba\(0\,0\,0\,0\.5\)\)\] {
  background-image: linear-gradient(to bottom,rgba(0,0,0,0.1) 57.383%,rgba(0,0,0,0.5));
}
.tw\:bg-\[linear-gradient\(to_bottom\,rgba\(0\,0\,0\,0\.6\)\,rgba\(0\,0\,0\,0\.1\)_47\.689\%\)\] {
  background-image: linear-gradient(to bottom,rgba(0,0,0,0.6),rgba(0,0,0,0.1) 47.689%);
}
.tw\:bg-\[linear-gradient\(to_bottom\,rgba\(0\,0\,0\,0\.8\)_0\%\,rgba\(0\,0\,0\,0\)_50\.015\%\)\] {
  background-image: linear-gradient(to bottom,rgba(0,0,0,0.8) 0%,rgba(0,0,0,0) 50.015%);
}
.tw\:bg-\[linear-gradient\(to_top\,rgba\(0\,0\,0\,0\.55\)\,rgba\(0\,0\,0\,0\)\)\] {
  background-image: linear-gradient(to top,rgba(0,0,0,0.55),rgba(0,0,0,0));
}
.tw\:\[background-size\:0\%_1px\] {
  background-size: 0% 1px;
}
.tw\:bg-clip-content {
  background-clip: content-box;
}
.tw\:\[background-position\:0_100\%\] {
  background-position: 0 100%;
}
.tw\:bg-no-repeat {
  background-repeat: no-repeat;
}
.tw\:\[mask-size\:contain\] {
  mask-size: contain;
}
.tw\:\[mask-position\:center\] {
  mask-position: center;
}
.tw\:\[mask-repeat\:no-repeat\] {
  mask-repeat: no-repeat;
}
.tw\:fill-\[\#000\] {
  fill: #000;
}
.tw\:fill-\[rgba\(255\,255\,255\,0\.1\)\] {
  fill: rgba(255,255,255,0.1);
}
.tw\:fill-current {
  fill: currentcolor;
}
.tw\:fill-none {
  fill: none;
}
.tw\:stroke-current {
  stroke: currentcolor;
}
.tw\:\[stroke-width\:1\.4\] {
  stroke-width: 1.4;
}
.tw\:\[stroke-width\:1\.5\] {
  stroke-width: 1.5;
}
.tw\:\[stroke-width\:1\.6\] {
  stroke-width: 1.6;
}
.tw\:\[stroke-width\:2\.2\] {
  stroke-width: 2.2;
}
.tw\:object-contain {
  object-fit: contain;
}
.tw\:object-cover {
  object-fit: cover;
}
.tw\:object-\[5\.52\%_50\%\] {
  object-position: 5.52% 50%;
}
.tw\:object-\[42\%_50\%\] {
  object-position: 42% 50%;
}
.tw\:object-bottom {
  object-position: bottom;
}
.tw\:object-center {
  object-position: center;
}
.tw\:object-left {
  object-position: left;
}
.tw\:object-top {
  object-position: top;
}
.tw\:p-0 {
  padding: 0;
}
.tw\:p-4 {
  padding: var(--kik-spacing-4);
}
.tw\:p-8 {
  padding: var(--kik-spacing-8);
}
.tw\:p-16 {
  padding: var(--kik-spacing-16);
}
.tw\:p-24 {
  padding: var(--kik-spacing-24);
}
.tw\:p-\[1\.5px\] {
  padding: 1.5px;
}
.tw\:p-\[1px\] {
  padding: 1px;
}
.tw\:p-\[3px\] {
  padding: 3px;
}
.tw\:p-\[6px\] {
  padding: 6px;
}
.tw\:p-\[9\.2\%\] {
  padding: 9.2%;
}
.tw\:p-\[11px\] {
  padding: 11px;
}
.tw\:p-lg {
  padding: var(--kik-spacing-lg);
}
.tw\:p-md {
  padding: var(--kik-spacing-md);
}
.tw\:p-page {
  padding: var(--kik-spacing-page-default);
}
.tw\:p-px {
  padding: 1px;
}
.tw\:p-sm {
  padding: var(--kik-spacing-sm);
}
.tw\:p-xl {
  padding: var(--kik-spacing-xl);
}
.tw\:px-0 {
  padding-inline: 0;
}
.tw\:px-4 {
  padding-inline: var(--kik-spacing-4);
}
.tw\:px-8 {
  padding-inline: var(--kik-spacing-8);
}
.tw\:px-12 {
  padding-inline: var(--kik-spacing-12);
}
.tw\:px-16 {
  padding-inline: var(--kik-spacing-16);
}
.tw\:px-24 {
  padding-inline: var(--kik-spacing-24);
}
.tw\:px-\[2px\] {
  padding-inline: 2px;
}
.tw\:px-\[3\.9vw\] {
  padding-inline: 3.9vw;
}
.tw\:px-\[8px\] {
  padding-inline: 8px;
}
.tw\:px-\[9px\] {
  padding-inline: 9px;
}
.tw\:px-\[14px\] {
  padding-inline: 14px;
}
.tw\:px-\[36px\] {
  padding-inline: 36px;
}
.tw\:px-lg {
  padding-inline: var(--kik-spacing-lg);
}
.tw\:px-md {
  padding-inline: var(--kik-spacing-md);
}
.tw\:px-page {
  padding-inline: var(--kik-spacing-page-default);
}
.tw\:px-page-default {
  padding-inline: var(--kik-spacing-page-default);
}
.tw\:px-sm {
  padding-inline: var(--kik-spacing-sm);
}
.tw\:px-xl {
  padding-inline: var(--kik-spacing-xl);
}
.tw\:py-0 {
  padding-block: 0;
}
.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-48 {
  padding-block: var(--kik-spacing-48);
}
.tw\:py-\[1px\] {
  padding-block: 1px;
}
.tw\:py-\[2px\] {
  padding-block: 2px;
}
.tw\:py-\[3px\] {
  padding-block: 3px;
}
.tw\:py-\[6px\] {
  padding-block: 6px;
}
.tw\:py-\[9px\] {
  padding-block: 9px;
}
.tw\:py-\[11px\] {
  padding-block: 11px;
}
.tw\:py-\[21px\] {
  padding-block: 21px;
}
.tw\:py-\[24px\] {
  padding-block: 24px;
}
.tw\:py-\[48px\] {
  padding-block: 48px;
}
.tw\:py-\[56px\] {
  padding-block: 56px;
}
.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-md {
  padding-block: var(--kik-spacing-section-md);
}
.tw\:py-section-xl {
  padding-block: var(--kik-spacing-section-xl);
}
.tw\:py-sm {
  padding-block: var(--kik-spacing-sm);
}
.tw\:py-xl {
  padding-block: var(--kik-spacing-xl);
}
.tw\:pt-0 {
  padding-top: 0;
}
.tw\:pt-4 {
  padding-top: var(--kik-spacing-4);
}
.tw\:pt-8 {
  padding-top: var(--kik-spacing-8);
}
.tw\:pt-40 {
  padding-top: var(--kik-spacing-40);
}
.tw\:pt-56 {
  padding-top: var(--kik-spacing-56);
}
.tw\:pt-64 {
  padding-top: var(--kik-spacing-64);
}
.tw\:pt-\[11\.1vw\] {
  padding-top: 11.1vw;
}
.tw\:pt-\[20px\] {
  padding-top: 20px;
}
.tw\:pt-\[56px\] {
  padding-top: 56px;
}
.tw\:pt-lg {
  padding-top: var(--kik-spacing-lg);
}
.tw\:pt-section-lg {
  padding-top: var(--kik-spacing-section-lg);
}
.tw\:pt-section-sm {
  padding-top: var(--kik-spacing-section-sm);
}
.tw\:pt-section-xl {
  padding-top: var(--kik-spacing-section-xl);
}
.tw\:pr-12 {
  padding-right: var(--kik-spacing-12);
}
.tw\:pr-\[0px\] {
  padding-right: 0px;
}
.tw\:pr-\[8px\] {
  padding-right: 8px;
}
.tw\:pr-\[36px\] {
  padding-right: 36px;
}
.tw\:pr-lg {
  padding-right: var(--kik-spacing-lg);
}
.tw\:pb-0 {
  padding-bottom: 0;
}
.tw\:pb-2 {
  padding-bottom: var(--kik-spacing-2);
}
.tw\:pb-4 {
  padding-bottom: var(--kik-spacing-4);
}
.tw\:pb-16 {
  padding-bottom: var(--kik-spacing-16);
}
.tw\:pb-32 {
  padding-bottom: var(--kik-spacing-32);
}
.tw\:pb-40 {
  padding-bottom: var(--kik-spacing-40);
}
.tw\:pb-\[2px\] {
  padding-bottom: 2px;
}
.tw\:pb-\[3px\] {
  padding-bottom: 3px;
}
.tw\:pb-\[5px\] {
  padding-bottom: 5px;
}
.tw\:pb-\[56px\] {
  padding-bottom: 56px;
}
.tw\:pb-md {
  padding-bottom: var(--kik-spacing-md);
}
.tw\:pb-section-lg {
  padding-bottom: var(--kik-spacing-section-lg);
}
.tw\:pb-section-xl {
  padding-bottom: var(--kik-spacing-section-xl);
}
.tw\:pb-xl {
  padding-bottom: var(--kik-spacing-xl);
}
.tw\:pl-16 {
  padding-left: var(--kik-spacing-16);
}
.tw\:pl-\[12px\] {
  padding-left: 12px;
}
.tw\:pl-md {
  padding-left: var(--kik-spacing-md);
}
.tw\:pl-xl {
  padding-left: var(--kik-spacing-xl);
}
.tw\:text-center {
  text-align: center;
}
.tw\:text-left {
  text-align: left;
}
.tw\:text-start {
  text-align: start;
}
.tw\:align-bottom {
  vertical-align: bottom;
}
.tw\:align-middle {
  vertical-align: middle;
}
.tw\:align-top {
  vertical-align: top;
}
.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-h4 {
  font-size: var(--kik-text-size-h4);
  line-height: var(--tw-leading, var(--kik-text-lineheight-h4));
  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\:text-\[10px\] {
  font-size: 10px;
}
.tw\:text-\[11px\] {
  font-size: 11px;
}
.tw\:text-\[13px\] {
  font-size: 13px;
}
.tw\:text-\[16px\] {
  font-size: 16px;
}
.tw\:text-\[18px\] {
  font-size: 18px;
}
.tw\:text-\[min\(15vw\,120px\)\] {
  font-size: min(15vw, 120px);
}
.tw\:leading-\[1\.1\] {
  --tw-leading: 1.1;
  line-height: 1.1;
}
.tw\:leading-\[1\.2\] {
  --tw-leading: 1.2;
  line-height: 1.2;
}
.tw\:leading-\[1\.4\] {
  --tw-leading: 1.4;
  line-height: 1.4;
}
.tw\:leading-\[1\.5\] {
  --tw-leading: 1.5;
  line-height: 1.5;
}
.tw\:leading-\[1\.6\] {
  --tw-leading: 1.6;
  line-height: 1.6;
}
.tw\:leading-\[22px\] {
  --tw-leading: 22px;
  line-height: 22px;
}
.tw\:leading-none {
  --tw-leading: 1;
  line-height: 1;
}
.tw\:font-bold {
  --tw-font-weight: var(--tw-font-weight-bold);
  font-weight: var(--tw-font-weight-bold);
}
.tw\:font-normal {
  --tw-font-weight: var(--tw-font-weight-normal);
  font-weight: var(--tw-font-weight-normal);
}
.tw\:tracking-\[0\.02em\] {
  --tw-tracking: 0.02em;
  letter-spacing: 0.02em;
}
.tw\:tracking-normal {
  --tw-tracking: var(--tw-tracking-normal);
  letter-spacing: var(--tw-tracking-normal);
}
.tw\:text-balance {
  text-wrap: balance;
}
.tw\:break-words {
  overflow-wrap: break-word;
}
.tw\:\[word-break\:break-word\] {
  word-break: break-word;
}
.tw\:text-ellipsis {
  text-overflow: ellipsis;
}
.tw\:whitespace-nowrap {
  white-space: nowrap;
}
.tw\:whitespace-pre {
  white-space: pre;
}
.tw\:text-\[\#4a4a4a\] {
  color: #4a4a4a;
}
.tw\:text-\[\#8c8c8c\] {
  color: #8c8c8c;
}
.tw\:text-\[\#999\] {
  color: #999;
}
.tw\:text-\[transparent\] {
  color: transparent;
}
.tw\:text-accent {
  color: var(--kik-color-bg-accent);
}
.tw\:text-action-inverse {
  color: var(--kik-color-action-inverse);
}
.tw\:text-action-primary {
  color: var(--kik-color-action-primary);
}
.tw\:text-action-secondary {
  color: var(--kik-color-action-secondary);
}
.tw\:text-alt-1 {
  color: var(--kik-color-bg-surface-alt-1);
}
.tw\:text-alt-2 {
  color: var(--kik-color-bg-surface-alt-2);
}
.tw\:text-black {
  color: var(--tw-color-black);
}
.tw\:text-current {
  color: currentcolor;
}
.tw\:text-discount {
  color: var(--kik-color-bg-discount);
}
.tw\:text-error {
  color: var(--kik-color-text-error);
}
.tw\:text-inherit {
  color: inherit;
}
.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\:text-tertiary {
  color: var(--kik-color-text-tertiary);
}
.tw\:text-transparent {
  color: transparent;
}
.tw\:\[text-transform\:inherit\] {
  text-transform: inherit;
}
.tw\:capitalize {
  text-transform: capitalize;
}
.tw\:normal-case {
  text-transform: none;
}
.tw\:uppercase {
  text-transform: uppercase;
}
.tw\:not-italic {
  font-style: normal;
}
.tw\:tabular-nums {
  --tw-numeric-spacing: tabular-nums;
  font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
}
.tw\:no-underline {
  text-decoration-line: none;
}
.tw\:underline {
  text-decoration-line: underline;
}
.tw\:decoration-solid {
  text-decoration-style: solid;
}
.tw\:opacity-0 {
  opacity: 0%;
}
.tw\:opacity-30 {
  opacity: 30%;
}
.tw\:opacity-40 {
  opacity: 40%;
}
.tw\:opacity-70 {
  opacity: 70%;
}
.tw\:opacity-80 {
  opacity: 80%;
}
.tw\:opacity-85 {
  opacity: 85%;
}
.tw\:opacity-100 {
  opacity: 100%;
}
.tw\:mix-blend-multiply {
  mix-blend-mode: multiply;
}
.tw\:shadow-\[0_-2px_25px_rgba\(0\,0\,0\,0\.1\)\] {
  --tw-shadow: 0 -2px 25px var(--tw-shadow-color, rgba(0,0,0,0.1));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.tw\:shadow-\[0_0_0_1px_\#fff\,0_0_0_2px_var\(--kik-color-bg-accent\)\] {
  --tw-shadow: 0 0 0 1px var(--tw-shadow-color, #fff), 0 0 0 2px var(--tw-shadow-color, var(--kik-color-bg-accent));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.tw\:shadow-\[0_4px_16px_rgba\(0\,0\,0\,0\.14\)\] {
  --tw-shadow: 0 4px 16px var(--tw-shadow-color, rgba(0,0,0,0.14));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.tw\:shadow-none {
  --tw-shadow: 0 0 #0000;
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.tw\:outline {
  outline-style: var(--tw-outline-style);
  outline-width: 1px;
}
.tw\:outline-border-subtle {
  outline-color: var(--kik-color-border-subtle);
}
.tw\:drop-shadow-\[0_3px_5px_rgba\(0\,0\,0\,0\.1\)\] {
  --tw-drop-shadow-size: drop-shadow(0 3px 5px var(--tw-drop-shadow-color, rgba(0,0,0,0.1)));
  --tw-drop-shadow: var(--tw-drop-shadow-size);
  filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
}
.tw\:backdrop-blur-\[5px\] {
  --tw-backdrop-blur: blur(5px);
  -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
  backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
}
.tw\:backdrop-blur-\[14px\] {
  --tw-backdrop-blur: blur(14px);
  -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
  backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
}
.tw\:transition {
  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
  transition-timing-function: var(--tw-ease, var(--tw-default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--tw-default-transition-duration));
}
.tw\:transition-\[background-size\,color\] {
  transition-property: background-size,color;
  transition-timing-function: var(--tw-ease, var(--tw-default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--tw-default-transition-duration));
}
.tw\:transition-\[grid-template-rows\] {
  transition-property: grid-template-rows;
  transition-timing-function: var(--tw-ease, var(--tw-default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--tw-default-transition-duration));
}
.tw\:transition-\[left\] {
  transition-property: left;
  transition-timing-function: var(--tw-ease, var(--tw-default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--tw-default-transition-duration));
}
.tw\:transition-\[opacity\,visibility\] {
  transition-property: opacity,visibility;
  transition-timing-function: var(--tw-ease, var(--tw-default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--tw-default-transition-duration));
}
.tw\:transition-\[transform\,opacity\,visibility\] {
  transition-property: transform,opacity,visibility;
  transition-timing-function: var(--tw-ease, var(--tw-default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--tw-default-transition-duration));
}
.tw\:transition-\[width\,background-color\] {
  transition-property: width,background-color;
  transition-timing-function: var(--tw-ease, var(--tw-default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--tw-default-transition-duration));
}
.tw\:transition-\[width\] {
  transition-property: width;
  transition-timing-function: var(--tw-ease, var(--tw-default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--tw-default-transition-duration));
}
.tw\:transition-all {
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--tw-default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--tw-default-transition-duration));
}
.tw\:transition-colors {
  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
  transition-timing-function: var(--tw-ease, var(--tw-default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--tw-default-transition-duration));
}
.tw\:transition-opacity {
  transition-property: opacity;
  transition-timing-function: var(--tw-ease, var(--tw-default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--tw-default-transition-duration));
}
.tw\:transition-transform {
  transition-property: transform, translate, scale, rotate;
  transition-timing-function: var(--tw-ease, var(--tw-default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--tw-default-transition-duration));
}
.tw\:duration-200 {
  --tw-duration: 200ms;
  transition-duration: 200ms;
}
.tw\:duration-300 {
  --tw-duration: 300ms;
  transition-duration: 300ms;
}
.tw\:duration-500 {
  --tw-duration: 500ms;
  transition-duration: 500ms;
}
.tw\:duration-\[250ms\] {
  --tw-duration: 250ms;
  transition-duration: 250ms;
}
.tw\:duration-\[450ms\] {
  --tw-duration: 450ms;
  transition-duration: 450ms;
}
.tw\:ease-out {
  --tw-ease: var(--kik-motion-ease-out);
  transition-timing-function: var(--kik-motion-ease-out);
}
.tw\:outline-none {
  --tw-outline-style: none;
  outline-style: none;
}
.tw\:outline-solid {
  --tw-outline-style: solid;
  outline-style: solid;
}
.tw\:select-none {
  -webkit-user-select: none;
  user-select: none;
}
.tw\:\[stroke-linecap\:butt\] {
  stroke-linecap: butt;
}
.tw\:\[vector-effect\:non-scaling-stroke\] {
  vector-effect: non-scaling-stroke;
}
.tw\:group-open\:rotate-180:is(:where(.tw\:group):is([open], :popover-open, :open) *) {
  rotate: 180deg;
}
.tw\:group-open\/acc\:block:is(:where(.tw\:group\/acc):is([open], :popover-open, :open) *) {
  display: block;
}
.tw\:group-open\/acc\:hidden:is(:where(.tw\:group\/acc):is([open], :popover-open, :open) *) {
  display: none;
}
.tw\:group-open\/acc\:bg-surface:is(:where(.tw\:group\/acc):is([open], :popover-open, :open) *) {
  background-color: var(--kik-color-bg-surface);
}
.tw\:group-open\/acc\:shadow-\[inset_0_-1px_0_var\(--kik-color-border-subtle\)\]:is(:where(.tw\:group\/acc):is([open], :popover-open, :open) *) {
  --tw-shadow: inset 0 -1px 0 var(--tw-shadow-color, var(--kik-color-border-subtle));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.tw\:group-focus-within\:opacity-100:is(:where(.tw\:group):focus-within *) {
  opacity: 100%;
}
@media (hover: hover) {
  .tw\:group-hover\:rotate-45:is(:where(.tw\:group):hover *) {
    rotate: 45deg;
  }
  .tw\:group-hover\:opacity-100:is(:where(.tw\:group):hover *) {
    opacity: 100%;
  }
  .tw\:group-hover\/card\:scale-105:is(:where(.tw\:group\/card):hover *) {
    --tw-scale-x: 105%;
    --tw-scale-y: 105%;
    --tw-scale-z: 105%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
  .tw\:group-hover\/card\:text-accent:is(:where(.tw\:group\/card):hover *) {
    color: var(--kik-color-bg-accent);
  }
  .tw\:group-hover\/card\:opacity-100:is(:where(.tw\:group\/card):hover *) {
    opacity: 100%;
  }
  .tw\:group-hover\/link\:rotate-45:is(:where(.tw\:group\/link):hover *) {
    rotate: 45deg;
  }
}
.tw\:group-focus-visible\:rotate-45:is(:where(.tw\:group):focus-visible *) {
  rotate: 45deg;
}
.tw\:group-focus-visible\:opacity-100:is(:where(.tw\:group):focus-visible *) {
  opacity: 100%;
}
.tw\:group-has-\[\:focus-visible\]\/card\:opacity-100:is(:where(.tw\:group\/card):has(:is(:focus-visible)) *) {
  opacity: 100%;
}
.tw\:group-aria-checked\/sw\:border-accent:is(:where(.tw\:group\/sw)[aria-checked="true"] *) {
  border-color: var(--kik-color-bg-accent);
}
.tw\:group-aria-checked\/sw\:shadow-\[0_0_0_1px_\#fff\,0_0_0_2px_var\(--kik-color-bg-accent\)\]:is(:where(.tw\:group\/sw)[aria-checked="true"] *) {
  --tw-shadow: 0 0 0 1px var(--tw-shadow-color, #fff), 0 0 0 2px var(--tw-shadow-color, var(--kik-color-bg-accent));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.tw\:group-aria-expanded\:rotate-180:is(:where(.tw\:group)[aria-expanded="true"] *) {
  rotate: 180deg;
}
.tw\:group-aria-expanded\/sel\:rotate-180:is(:where(.tw\:group\/sel)[aria-expanded="true"] *) {
  rotate: 180deg;
}
.tw\:group-aria-pressed\:size-\[32px\]:is(:where(.tw\:group)[aria-pressed="true"] *) {
  width: 32px;
  height: 32px;
}
.tw\:group-aria-pressed\:size-\[40px\]:is(:where(.tw\:group)[aria-pressed="true"] *) {
  width: 40px;
  height: 40px;
}
.tw\:group-aria-pressed\:h-\[32px\]:is(:where(.tw\:group)[aria-pressed="true"] *) {
  height: 32px;
}
.tw\:group-aria-pressed\:w-\[32px\]:is(:where(.tw\:group)[aria-pressed="true"] *) {
  width: 32px;
}
.tw\:group-aria-pressed\:border-accent:is(:where(.tw\:group)[aria-pressed="true"] *) {
  border-color: var(--kik-color-bg-accent);
}
.tw\:group-aria-pressed\:bg-accent:is(:where(.tw\:group)[aria-pressed="true"] *) {
  background-color: var(--kik-color-bg-accent);
}
.tw\:group-aria-pressed\/tgl\:translate-x-\[12px\]:is(:where(.tw\:group\/tgl)[aria-pressed="true"] *) {
  --tw-translate-x: 12px;
  translate: var(--tw-translate-x) var(--tw-translate-y);
}
.tw\:group-aria-pressed\/tgl\:bg-accent:is(:where(.tw\:group\/tgl)[aria-pressed="true"] *) {
  background-color: var(--kik-color-bg-accent);
}
.tw\:group-aria-\[expanded\=true\]\/pin\:opacity-0:is(:where(.tw\:group\/pin)[aria-expanded="true"] *) {
  opacity: 0%;
}
.tw\:group-aria-\[expanded\=true\]\/pin\:opacity-100:is(:where(.tw\:group\/pin)[aria-expanded="true"] *) {
  opacity: 100%;
}
.tw\:group-data-copied\:hidden:is(:where(.tw\:group)[data-copied] *) {
  display: none;
}
.tw\:group-data-copied\:inline:is(:where(.tw\:group)[data-copied] *) {
  display: inline;
}
.tw\:group-data-swatched\/card\:hidden:is(:where(.tw\:group\/card)[data-swatched] *) {
  display: none;
}
.tw\:group-data-\[active\=true\]\/cat\:opacity-0:is(:where(.tw\:group\/cat)[data-active="true"] *) {
  opacity: 0%;
}
.tw\:group-data-\[active\=true\]\/cat\:opacity-100:is(:where(.tw\:group\/cat)[data-active="true"] *) {
  opacity: 100%;
}
.tw\:group-data-\[anim\=off\]\/card\:transition-none:is(:where(.tw\:group\/card)[data-anim="off"] *) {
  transition-property: none;
}
.tw\:group-data-\[compare\=on\]\/grid\:block:is(:where(.tw\:group\/grid)[data-compare="on"] *) {
  display: block;
}
.tw\:group-data-\[compare\=on\]\/grid\:flex:is(:where(.tw\:group\/grid)[data-compare="on"] *) {
  display: flex;
}
.tw\:group-data-\[dragging\=true\]\/filter\:transition-none:is(:where(.tw\:group\/filter)[data-dragging="true"] *) {
  transition-property: none;
}
.tw\:group-data-\[filled\=true\]\:flex:is(:where(.tw\:group)[data-filled="true"] *) {
  display: flex;
}
.tw\:group-data-\[filled\=true\]\:hidden:is(:where(.tw\:group)[data-filled="true"] *) {
  display: none;
}
.tw\:group-data-\[filter\=hidden\]\/grid\:rotate-180:is(:where(.tw\:group\/grid)[data-filter="hidden"] *) {
  rotate: 180deg;
}
.tw\:group-data-\[open\]\:grid-rows-\[1fr\]:is(:where(.tw\:group)[data-open] *) {
  grid-template-rows: 1fr;
}
.tw\:group-data-\[open\]\:opacity-0:is(:where(.tw\:group)[data-open] *) {
  opacity: 0%;
}
.tw\:group-data-\[open\=false\]\/fg\:hidden:is(:where(.tw\:group\/fg)[data-open="false"] *) {
  display: none;
}
.tw\:group-data-\[open\=true\]\/acc\:rotate-180:is(:where(.tw\:group\/acc)[data-open="true"] *) {
  rotate: 180deg;
}
.tw\:group-data-\[open\=true\]\/cat\:block:is(:where(.tw\:group\/cat)[data-open="true"] *) {
  display: block;
}
.tw\:group-data-\[open\=true\]\/cat\:hidden:is(:where(.tw\:group\/cat)[data-open="true"] *) {
  display: none;
}
.tw\:group-data-\[open\=true\]\/cat\:gap-8:is(:where(.tw\:group\/cat)[data-open="true"] *) {
  gap: var(--kik-spacing-8);
}
.tw\:group-data-\[open\=true\]\/fg\:rotate-180:is(:where(.tw\:group\/fg)[data-open="true"] *) {
  rotate: 180deg;
}
.tw\:group-data-\[open\=true\]\/item\:visible:is(:where(.tw\:group\/item)[data-open="true"] *) {
  visibility: visible;
}
.tw\:group-data-\[open\=true\]\/item\:opacity-100:is(:where(.tw\:group\/item)[data-open="true"] *) {
  opacity: 100%;
}
.tw\:group-data-\[sba-pin-on\=true\]\/pin\:opacity-0:is(:where(.tw\:group\/pin)[data-sba-pin-on="true"] *) {
  opacity: 0%;
}
.tw\:group-data-\[sba-pin-on\=true\]\/pin\:opacity-100:is(:where(.tw\:group\/pin)[data-sba-pin-on="true"] *) {
  opacity: 100%;
}
.tw\:group-data-\[scroll\=end\]\/rail\:\[mask-image\:linear-gradient\(to_right\,transparent_0\,\#000_48px\)\]:is(:where(.tw\:group\/rail)[data-scroll="end"] *) {
  mask-image: linear-gradient(to right,transparent 0,#000 48px);
}
.tw\:group-data-\[scroll\=mid\]\/rail\:\[mask-image\:linear-gradient\(to_right\,transparent_0\,\#000_48px\,\#000_calc\(100\%_-_48px\)\,transparent_100\%\)\]:is(:where(.tw\:group\/rail)[data-scroll="mid"] *) {
  mask-image: linear-gradient(to right,transparent 0,#000 48px,#000 calc(100% - 48px),transparent 100%);
}
.tw\:group-data-\[scroll\=start\]\/rail\:\[mask-image\:linear-gradient\(to_right\,\#000_calc\(100\%_-_48px\)\,transparent_100\%\)\]:is(:where(.tw\:group\/rail)[data-scroll="start"] *) {
  mask-image: linear-gradient(to right,#000 calc(100% - 48px),transparent 100%);
}
.tw\:group-data-\[sheet\=open\]\/grid\:pointer-events-auto:is(:where(.tw\:group\/grid)[data-sheet="open"] *) {
  pointer-events: auto;
}
.tw\:group-data-\[sheet\=open\]\/grid\:opacity-100:is(:where(.tw\:group\/grid)[data-sheet="open"] *) {
  opacity: 100%;
}
.tw\:peer-checked\:border-accent:is(:where(.tw\:peer):checked ~ *) {
  border-color: var(--kik-color-bg-accent);
}
.tw\:peer-checked\:bg-accent:is(:where(.tw\:peer):checked ~ *) {
  background-color: var(--kik-color-bg-accent);
}
.tw\:peer-checked\:text-primary:is(:where(.tw\:peer):checked ~ *) {
  color: var(--kik-color-text-primary);
}
.tw\:peer-focus-visible\:outline-2:is(:where(.tw\:peer):focus-visible ~ *) {
  outline-style: var(--tw-outline-style);
  outline-width: 2px;
}
.tw\:peer-focus-visible\:outline-offset-2:is(:where(.tw\:peer):focus-visible ~ *) {
  outline-offset: 2px;
}
.tw\:peer-focus-visible\:outline-accent:is(:where(.tw\:peer):focus-visible ~ *) {
  outline-color: var(--kik-color-bg-accent);
}
.tw\:peer-focus-visible\:outline-focus-ring:is(:where(.tw\:peer):focus-visible ~ *) {
  outline-color: var(--kik-color-focus-ring);
}
.tw\:placeholder\:text-body-sm::placeholder {
  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\:placeholder\:text-body-xsm::placeholder {
  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\:placeholder\:text-inherit::placeholder {
  color: inherit;
}
.tw\:placeholder\:text-tertiary::placeholder {
  color: var(--kik-color-text-tertiary);
}
.tw\:backdrop\:bg-transparent::backdrop {
  background-color: transparent;
}
.tw\:before\:absolute::before {
  content: var(--tw-content);
  position: absolute;
}
.tw\:before\:-inset-\[14px\]::before {
  content: var(--tw-content);
  inset: calc(14px * -1);
}
.tw\:before\:inset-\[-11px_-8px_-13px\]::before {
  content: var(--tw-content);
  inset: -11px -8px -13px;
}
.tw\:before\:inset-\[-14px\]::before {
  content: var(--tw-content);
  inset: -14px;
}
.tw\:before\:-inset-x-8::before {
  content: var(--tw-content);
  inset-inline: calc(var(--kik-spacing-8) * -1);
}
.tw\:before\:inset-x-0::before {
  content: var(--tw-content);
  inset-inline: 0;
}
.tw\:before\:-inset-y-\[13px\]::before {
  content: var(--tw-content);
  inset-block: calc(13px * -1);
}
.tw\:before\:-top-\[26px\]::before {
  content: var(--tw-content);
  top: calc(26px * -1);
}
.tw\:before\:bottom-0::before {
  content: var(--tw-content);
  bottom: 0;
}
.tw\:before\:content-\[\'\'\]::before {
  --tw-content: '';
  content: var(--tw-content);
}
.tw\:after\:pointer-events-none::after {
  content: var(--tw-content);
  pointer-events: none;
}
.tw\:after\:absolute::after {
  content: var(--tw-content);
  position: absolute;
}
.tw\:after\:inset-x-0::after {
  content: var(--tw-content);
  inset-inline: 0;
}
.tw\:after\:inset-y-0::after {
  content: var(--tw-content);
  inset-block: 0;
}
.tw\:after\:top-2::after {
  content: var(--tw-content);
  top: var(--kik-spacing-2);
}
.tw\:after\:right-0::after {
  content: var(--tw-content);
  right: 0;
}
.tw\:after\:-bottom-\[2px\]::after {
  content: var(--tw-content);
  bottom: calc(2px * -1);
}
.tw\:after\:bottom-0::after {
  content: var(--tw-content);
  bottom: 0;
}
.tw\:after\:left-2::after {
  content: var(--tw-content);
  left: var(--kik-spacing-2);
}
.tw\:after\:z-\[2\]::after {
  content: var(--tw-content);
  z-index: 2;
}
.tw\:after\:size-12::after {
  content: var(--tw-content);
  width: var(--kik-spacing-12);
  height: var(--kik-spacing-12);
}
.tw\:after\:h-\[2px\]::after {
  content: var(--tw-content);
  height: 2px;
}
.tw\:after\:h-px::after {
  content: var(--tw-content);
  height: 1px;
}
.tw\:after\:w-\[40px\]::after {
  content: var(--tw-content);
  width: 40px;
}
.tw\:after\:origin-left::after {
  content: var(--tw-content);
  transform-origin: 0;
}
.tw\:after\:scale-x-0::after {
  content: var(--tw-content);
  --tw-scale-x: 0%;
  scale: var(--tw-scale-x) var(--tw-scale-y);
}
.tw\:after\:rounded-pill::after {
  content: var(--tw-content);
  border-radius: var(--kik-radius-pill);
}
.tw\:after\:bg-accent::after {
  content: var(--tw-content);
  background-color: var(--kik-color-bg-accent);
}
.tw\:after\:bg-action-primary::after {
  content: var(--tw-content);
  background-color: var(--kik-color-action-primary);
}
.tw\:after\:bg-border-default::after {
  content: var(--tw-content);
  background-color: var(--kik-color-border-default);
}
.tw\:after\:bg-page::after {
  content: var(--tw-content);
  background-color: var(--kik-color-bg-page);
}
.tw\:after\:bg-\[linear-gradient\(to_right\,rgba\(255\,255\,255\,0\)_0\%\,var\(--kik-color-bg-page\)_78\%\)\]::after {
  content: var(--tw-content);
  background-image: linear-gradient(to right,rgba(255,255,255,0) 0%,var(--kik-color-bg-page) 78%);
}
.tw\:after\:transition-transform::after {
  content: var(--tw-content);
  transition-property: transform, translate, scale, rotate;
  transition-timing-function: var(--tw-ease, var(--tw-default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--tw-default-transition-duration));
}
.tw\:after\:duration-300::after {
  content: var(--tw-content);
  --tw-duration: 300ms;
  transition-duration: 300ms;
}
.tw\:after\:ease-out::after {
  content: var(--tw-content);
  --tw-ease: var(--kik-motion-ease-out);
  transition-timing-function: var(--kik-motion-ease-out);
}
.tw\:after\:content-\[\'\'\]::after {
  --tw-content: '';
  content: var(--tw-content);
}
@media (hover: hover) {
  .tw\:group-hover\/card\:after\:scale-x-100:is(:where(.tw\:group\/card):hover *)::after {
    content: var(--tw-content);
    --tw-scale-x: 100%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
  .tw\:group-hover\/item\:after\:scale-x-100:is(:where(.tw\:group\/item):hover *)::after {
    content: var(--tw-content);
    --tw-scale-x: 100%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
}
.tw\:peer-checked\:after\:translate-x-8:is(:where(.tw\:peer):checked ~ *)::after {
  content: var(--tw-content);
  --tw-translate-x: var(--kik-spacing-8);
  translate: var(--tw-translate-x) var(--tw-translate-y);
}
.tw\:last\:border-b:last-child {
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 1px;
}
.tw\:open\:flex:is([open], :popover-open, :open) {
  display: flex;
}
.tw\:empty\:hidden:empty {
  display: none;
}
.tw\:focus-within\:outline-2:focus-within {
  outline-style: var(--tw-outline-style);
  outline-width: 2px;
}
.tw\:focus-within\:outline-offset-2:focus-within {
  outline-offset: 2px;
}
.tw\:focus-within\:outline-focus-ring:focus-within {
  outline-color: var(--kik-color-focus-ring);
}
@media (hover: hover) {
  .tw\:hover\:scale-\[1\.04\]:hover {
    scale: 1.04;
  }
  .tw\:hover\:border-accent:hover {
    border-color: var(--kik-color-bg-accent);
  }
  .tw\:hover\:border-border-subtle:hover {
    border-color: var(--kik-color-border-subtle);
  }
  .tw\:hover\:border-secondary:hover {
    border-color: var(--kik-color-text-secondary);
  }
  .tw\:hover\:border-transparent:hover {
    border-color: transparent;
  }
  .tw\:hover\:border-b-accent:hover {
    border-bottom-color: var(--kik-color-bg-accent);
  }
  .tw\:hover\:bg-\[rgba\(0\,0\,0\,0\.38\)\]:hover {
    background-color: rgba(0,0,0,0.38);
  }
  .tw\:hover\:bg-\[rgba\(255\,255\,255\,\.42\)\]:hover {
    background-color: rgba(255,255,255,.42);
  }
  .tw\:hover\:bg-\[rgba\(255\,255\,255\,0\.28\)\]:hover {
    background-color: rgba(255,255,255,0.28);
  }
  .tw\:hover\:bg-\[rgba\(255\,255\,255\,0\.42\)\]:hover {
    background-color: rgba(255,255,255,0.42);
  }
  .tw\:hover\:bg-accent:hover {
    background-color: var(--kik-color-bg-accent);
  }
  .tw\:hover\:bg-alt-1:hover {
    background-color: var(--kik-color-bg-surface-alt-1);
  }
  .tw\:hover\:bg-surface:hover {
    background-color: var(--kik-color-bg-surface);
  }
  .tw\:hover\:bg-transparent:hover {
    background-color: transparent;
  }
  .tw\:hover\:\[background-size\:100\%_1px\]:hover {
    background-size: 100% 1px;
  }
  .tw\:hover\:font-bold:hover {
    --tw-font-weight: var(--tw-font-weight-bold);
    font-weight: var(--tw-font-weight-bold);
  }
  .tw\:hover\:text-accent:hover {
    color: var(--kik-color-bg-accent);
  }
  .tw\:hover\:text-action-primary:hover {
    color: var(--kik-color-action-primary);
  }
  .tw\:hover\:text-inherit:hover {
    color: inherit;
  }
  .tw\:hover\:text-primary:hover {
    color: var(--kik-color-text-primary);
  }
  .tw\:hover\:no-underline:hover {
    text-decoration-line: none;
  }
  .tw\:hover\:underline:hover {
    text-decoration-line: underline;
  }
  .tw\:hover\:opacity-100:hover {
    opacity: 100%;
  }
  .tw\:hover\:after\:scale-x-100:hover::after {
    content: var(--tw-content);
    --tw-scale-x: 100%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
}
.tw\:focus-visible\:border-accent:focus-visible {
  border-color: var(--kik-color-bg-accent);
}
.tw\:focus-visible\:border-transparent:focus-visible {
  border-color: transparent;
}
.tw\:focus-visible\:border-b-accent:focus-visible {
  border-bottom-color: var(--kik-color-bg-accent);
}
.tw\:focus-visible\:bg-accent:focus-visible {
  background-color: var(--kik-color-bg-accent);
}
.tw\:focus-visible\:text-accent:focus-visible {
  color: var(--kik-color-bg-accent);
}
.tw\:focus-visible\:text-action-primary:focus-visible {
  color: var(--kik-color-action-primary);
}
.tw\:focus-visible\:text-primary:focus-visible {
  color: var(--kik-color-text-primary);
}
.tw\:focus-visible\:outline-2:focus-visible {
  outline-style: var(--tw-outline-style);
  outline-width: 2px;
}
.tw\:focus-visible\:-outline-offset-2:focus-visible {
  outline-offset: calc(2px * -1);
}
.tw\:focus-visible\:outline-offset-2:focus-visible {
  outline-offset: 2px;
}
.tw\:focus-visible\:outline-offset-\[3px\]:focus-visible {
  outline-offset: 3px;
}
.tw\:focus-visible\:outline-action-secondary:focus-visible {
  outline-color: var(--kik-color-action-secondary);
}
.tw\:focus-visible\:outline-focus-ring:focus-visible {
  outline-color: var(--kik-color-focus-ring);
}
.tw\:focus-visible\:outline-focus-ring-inverse:focus-visible {
  outline-color: var(--kik-color-focus-ring-inverse);
}
.tw\:focus-visible\:outline-inverse:focus-visible {
  outline-color: var(--kik-color-text-inverse);
}
.tw\:focus-visible\:after\:scale-x-100:focus-visible::after {
  content: var(--tw-content);
  --tw-scale-x: 100%;
  scale: var(--tw-scale-x) var(--tw-scale-y);
}
.tw\:disabled\:cursor-default:disabled {
  cursor: default;
}
.tw\:disabled\:cursor-not-allowed:disabled {
  cursor: not-allowed;
}
.tw\:disabled\:border-action-disabled:disabled {
  border-color: var(--kik-color-action-disabled);
}
.tw\:disabled\:bg-action-disabled:disabled {
  background-color: var(--kik-color-action-disabled);
}
.tw\:disabled\:text-inverse:disabled {
  color: var(--kik-color-text-inverse);
}
.tw\:disabled\:opacity-30:disabled {
  opacity: 30%;
}
.tw\:disabled\:opacity-35:disabled {
  opacity: 35%;
}
.tw\:disabled\:opacity-40:disabled {
  opacity: 40%;
}
.tw\:disabled\:opacity-50:disabled {
  opacity: 50%;
}
@media (hover: hover) {
  .tw\:disabled\:hover\:border-action-secondary:disabled:hover {
    border-color: var(--kik-color-action-secondary);
  }
  .tw\:disabled\:hover\:bg-transparent:disabled:hover {
    background-color: transparent;
  }
}
.tw\:has-\[\[aria-checked\=true\]\]\:border-accent:has(:is([aria-checked=true])) {
  border-color: var(--kik-color-bg-accent);
}
.tw\:aria-busy\:opacity-60[aria-busy="true"] {
  opacity: 60%;
}
.tw\:aria-busy\:opacity-70[aria-busy="true"] {
  opacity: 70%;
}
.tw\:aria-checked\:border-accent[aria-checked="true"] {
  border-color: var(--kik-color-bg-accent);
}
.tw\:aria-checked\:border-action-primary[aria-checked="true"] {
  border-color: var(--kik-color-action-primary);
}
.tw\:aria-checked\:bg-accent[aria-checked="true"] {
  background-color: var(--kik-color-bg-accent);
}
.tw\:aria-checked\:font-bold[aria-checked="true"] {
  --tw-font-weight: var(--tw-font-weight-bold);
  font-weight: var(--tw-font-weight-bold);
}
.tw\:aria-checked\:text-primary[aria-checked="true"] {
  color: var(--kik-color-text-primary);
}
.tw\:aria-disabled\:pointer-events-none[aria-disabled="true"] {
  pointer-events: none;
}
.tw\:aria-disabled\:opacity-40[aria-disabled="true"] {
  opacity: 40%;
}
.tw\:aria-expanded\:pb-12[aria-expanded="true"] {
  padding-bottom: var(--kik-spacing-12);
}
.tw\:aria-expanded\:after\:scale-x-100[aria-expanded="true"]::after {
  content: var(--tw-content);
  --tw-scale-x: 100%;
  scale: var(--tw-scale-x) var(--tw-scale-y);
}
.tw\:aria-pressed\:h-\[40px\][aria-pressed="true"] {
  height: 40px;
}
.tw\:aria-pressed\:w-\[40px\][aria-pressed="true"] {
  width: 40px;
}
.tw\:aria-pressed\:border-accent[aria-pressed="true"] {
  border-color: var(--kik-color-bg-accent);
}
.tw\:aria-pressed\:border-action-primary[aria-pressed="true"] {
  border-color: var(--kik-color-action-primary);
}
.tw\:aria-pressed\:border-primary[aria-pressed="true"] {
  border-color: var(--kik-color-text-primary);
}
.tw\:aria-pressed\:font-bold[aria-pressed="true"] {
  --tw-font-weight: var(--tw-font-weight-bold);
  font-weight: var(--tw-font-weight-bold);
}
.tw\:aria-pressed\:text-primary[aria-pressed="true"] {
  color: var(--kik-color-text-primary);
}
.tw\:aria-pressed\:opacity-100[aria-pressed="true"] {
  opacity: 100%;
}
.tw\:aria-pressed\:outline-\[1\.6px\][aria-pressed="true"] {
  outline-style: var(--tw-outline-style);
  outline-width: 1.6px;
}
.tw\:aria-pressed\:outline-accent[aria-pressed="true"] {
  outline-color: var(--kik-color-bg-accent);
}
.tw\:aria-selected\:border-action-primary[aria-selected="true"] {
  border-color: var(--kik-color-action-primary);
}
.tw\:aria-selected\:bg-accent[aria-selected="true"] {
  background-color: var(--kik-color-bg-accent);
}
.tw\:aria-selected\:text-action-primary[aria-selected="true"] {
  color: var(--kik-color-action-primary);
}
.tw\:aria-selected\:text-primary[aria-selected="true"] {
  color: var(--kik-color-text-primary);
}
.tw\:aria-\[current\=page\]\:border-accent[aria-current="page"] {
  border-color: var(--kik-color-bg-accent);
}
.tw\:aria-\[current\=page\]\:border-action-primary[aria-current="page"] {
  border-color: var(--kik-color-action-primary);
}
.tw\:aria-\[current\=page\]\:\[background-size\:100\%_1px\][aria-current="page"] {
  background-size: 100% 1px;
}
.tw\:aria-\[current\=page\]\:font-bold[aria-current="page"] {
  --tw-font-weight: var(--tw-font-weight-bold);
  font-weight: var(--tw-font-weight-bold);
}
.tw\:aria-\[current\=page\]\:text-accent[aria-current="page"] {
  color: var(--kik-color-bg-accent);
}
.tw\:aria-\[current\=page\]\:text-action-primary[aria-current="page"] {
  color: var(--kik-color-action-primary);
}
.tw\:aria-\[current\=page\]\:text-inherit[aria-current="page"] {
  color: inherit;
}
.tw\:aria-\[current\=page\]\:text-primary[aria-current="page"] {
  color: var(--kik-color-text-primary);
}
.tw\:aria-\[current\=page\]\:underline[aria-current="page"] {
  text-decoration-line: underline;
}
.tw\:aria-\[current\=page\]\:after\:scale-x-100[aria-current="page"]::after {
  content: var(--tw-content);
  --tw-scale-x: 100%;
  scale: var(--tw-scale-x) var(--tw-scale-y);
}
.tw\:aria-\[current\=true\]\:w-\[32px\][aria-current="true"] {
  width: 32px;
}
.tw\:aria-\[current\=true\]\:border-accent[aria-current="true"] {
  border-color: var(--kik-color-bg-accent);
}
.tw\:aria-\[current\=true\]\:bg-accent[aria-current="true"] {
  background-color: var(--kik-color-bg-accent);
}
.tw\:aria-\[current\=true\]\:bg-action-primary[aria-current="true"] {
  background-color: var(--kik-color-action-primary);
}
.tw\:aria-\[current\=true\]\:text-accent[aria-current="true"] {
  color: var(--kik-color-bg-accent);
}
.tw\:aria-\[current\=true\]\:underline[aria-current="true"] {
  text-decoration-line: underline;
}
.tw\:aria-\[current\=true\]\:opacity-100[aria-current="true"] {
  opacity: 100%;
}
.tw\:data-active\:w-\[32px\][data-active] {
  width: 32px;
}
.tw\:data-active\:bg-action-primary[data-active] {
  background-color: var(--kik-color-action-primary);
}
.tw\:data-\[active\]\:flex[data-active] {
  display: flex;
}
.tw\:data-\[active\]\:opacity-100[data-active] {
  opacity: 100%;
}
.tw\:data-\[active\=false\]\:invisible[data-active="false"] {
  visibility: hidden;
}
.tw\:data-\[active\=false\]\:opacity-0[data-active="false"] {
  opacity: 0%;
}
.tw\:data-\[active\=true\]\:flex[data-active="true"] {
  display: flex;
}
.tw\:data-\[active\=true\]\:border-b-2[data-active="true"] {
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 2px;
}
.tw\:data-\[active\=true\]\:border-accent[data-active="true"] {
  border-color: var(--kik-color-bg-accent);
}
.tw\:data-\[active\=true\]\:text-action-primary[data-active="true"] {
  color: var(--kik-color-action-primary);
}
.tw\:data-\[active\=true\]\:opacity-100[data-active="true"] {
  opacity: 100%;
}
.tw\:data-\[active\=true\]\:after\:scale-x-100[data-active="true"]::after {
  content: var(--tw-content);
  --tw-scale-x: 100%;
  scale: var(--tw-scale-x) var(--tw-scale-y);
}
.tw\:data-\[anim\=off\]\:transition-none[data-anim="off"] {
  transition-property: none;
}
.tw\:data-\[empty\]\:mt-0[data-empty] {
  margin-top: 0;
}
.tw\:data-\[expanded\]\:line-clamp-none[data-expanded] {
  overflow: visible;
  display: block;
  -webkit-box-orient: horizontal;
  -webkit-line-clamp: unset;
}
.tw\:data-\[hl\]\:bg-alt-2[data-hl] {
  background-color: var(--kik-color-bg-surface-alt-2);
}
.tw\:data-\[hl\]\:bg-surface[data-hl] {
  background-color: var(--kik-color-bg-surface);
}
.tw\:data-\[hv\]\:bg-surface[data-hv] {
  background-color: var(--kik-color-bg-surface);
}
.tw\:data-\[hvc\]\:bg-alt-2\![data-hvc] {
  background-color: var(--kik-color-bg-surface-alt-2) !important;
}
.tw\:data-\[kik-hero-active\=false\]\:opacity-0[data-kik-hero-active="false"] {
  opacity: 0%;
}
.tw\:data-\[open\=true\]\:block[data-open="true"] {
  display: block;
}
.tw\:data-\[open\=true\]\:flex[data-open="true"] {
  display: flex;
}
.tw\:data-\[pinned\=true\]\:px-12[data-pinned="true"] {
  padding-inline: var(--kik-spacing-12);
}
.tw\:data-\[preview\=false\]\:text-tertiary\![data-preview="false"] {
  color: var(--kik-color-text-tertiary) !important;
}
.tw\:data-\[preview\=true\]\:text-primary\![data-preview="true"] {
  color: var(--kik-color-text-primary) !important;
}
.tw\:data-\[rest\]\:bg-surface[data-rest] {
  background-color: var(--kik-color-bg-surface);
}
.tw\:data-\[rest\]\:font-bold[data-rest] {
  --tw-font-weight: var(--tw-font-weight-bold);
  font-weight: var(--tw-font-weight-bold);
}
.tw\:data-\[state\=open\]\:visible[data-state="open"] {
  visibility: visible;
}
.tw\:data-\[state\=open\]\:opacity-100[data-state="open"] {
  opacity: 100%;
}
.tw\:data-\[unavailable\]\:text-tertiary[data-unavailable] {
  color: var(--kik-color-text-tertiary);
}
.tw\:data-\[unavailable\]\:line-through[data-unavailable] {
  text-decoration-line: line-through;
}
.tw\:data-\[unavailable\]\:opacity-40[data-unavailable] {
  opacity: 40%;
}
.tw\:data-\[vertical\]\:aspect-\[9\/16\][data-vertical] {
  aspect-ratio: 9/16;
}
.tw\:data-\[vertical\]\:h-\[min\(72vh\,720px\)\][data-vertical] {
  height: min(72vh, 720px);
}
.tw\:data-\[vertical\]\:w-auto[data-vertical] {
  width: auto;
}
.tw\:data-\[visible\]\:pointer-events-auto[data-visible] {
  pointer-events: auto;
}
.tw\:data-\[visible\]\:visible[data-visible] {
  visibility: visible;
}
.tw\:data-\[visible\]\:translate-y-0[data-visible] {
  --tw-translate-y: 0;
  translate: var(--tw-translate-x) var(--tw-translate-y);
}
.tw\:data-\[visible\]\:opacity-100[data-visible] {
  opacity: 100%;
}
@media (prefers-reduced-motion: reduce) {
  .tw\:motion-reduce\:transition-none {
    transition-property: none;
  }
  .tw\:motion-reduce\:after\:transition-none::after {
    content: var(--tw-content);
    transition-property: none;
  }
}
@media (width < 64rem) {
  .tw\:max-lg\:fixed {
    position: fixed;
  }
  .tw\:max-lg\:sticky {
    position: sticky;
  }
  .tw\:max-lg\:inset-x-\[2px\] {
    inset-inline: 2px;
  }
  .tw\:max-lg\:inset-y-\[13px\] {
    inset-block: 13px;
  }
  .tw\:max-lg\:top-0 {
    top: 0;
  }
  .tw\:max-lg\:top-\[var\(--kik-sticky-offset\,0px\)\] {
    top: var(--kik-sticky-offset,0px);
  }
  .tw\:max-lg\:left-0 {
    left: 0;
  }
  .tw\:max-lg\:z-19 {
    z-index: 19;
  }
  .tw\:max-lg\:z-\[110\] {
    z-index: 110;
  }
  .tw\:max-lg\:order-first {
    order: -9999;
  }
  .tw\:max-lg\:-my-\[6px\] {
    margin-block: calc(6px * -1);
  }
  .tw\:max-lg\:-my-\[10px\] {
    margin-block: calc(10px * -1);
  }
  .tw\:max-lg\:-my-\[11px\] {
    margin-block: calc(11px * -1);
  }
  .tw\:max-lg\:-my-\[13px\] {
    margin-block: calc(13px * -1);
  }
  .tw\:max-lg\:-mt-\[22px\] {
    margin-top: calc(22px * -1);
  }
  .tw\:max-lg\:block {
    display: block;
  }
  .tw\:max-lg\:hidden {
    display: none;
  }
  .tw\:max-lg\:h-\[22px\] {
    height: 22px;
  }
  .tw\:max-lg\:h-\[44px\] {
    height: 44px;
  }
  .tw\:max-lg\:h-dvh {
    height: 100dvh;
  }
  .tw\:max-lg\:min-h-\[171px\] {
    min-height: 171px;
  }
  .tw\:max-lg\:w-\[292px\] {
    width: 292px;
  }
  .tw\:max-lg\:w-full {
    width: 100%;
  }
  .tw\:max-lg\:max-w-full {
    max-width: 100%;
  }
  .tw\:max-lg\:-translate-x-full {
    --tw-translate-x: -100%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .tw\:max-lg\:justify-end {
    justify-content: flex-end;
  }
  .tw\:max-lg\:gap-0 {
    gap: 0;
  }
  .tw\:max-lg\:gap-md {
    gap: var(--kik-spacing-md);
  }
  .tw\:max-lg\:overflow-y-auto {
    overflow-y: auto;
  }
  .tw\:max-lg\:border-y-\[10px\] {
    border-block-style: var(--tw-border-style);
    border-block-width: 10px;
  }
  .tw\:max-lg\:border-solid {
    --tw-border-style: solid;
    border-style: solid;
  }
  .tw\:max-lg\:border-transparent {
    border-color: transparent;
  }
  .tw\:max-lg\:bg-surface {
    background-color: var(--kik-color-bg-surface);
  }
  .tw\:max-lg\:bg-clip-content {
    background-clip: content-box;
  }
  .tw\:max-lg\:bg-clip-padding {
    background-clip: padding-box;
  }
  .tw\:max-lg\:px-0 {
    padding-inline: 0;
  }
  .tw\:max-lg\:px-page {
    padding-inline: var(--kik-spacing-page-default);
  }
  .tw\:max-lg\:py-\[6px\] {
    padding-block: 6px;
  }
  .tw\:max-lg\:py-\[10px\] {
    padding-block: 10px;
  }
  .tw\:max-lg\:py-\[11px\] {
    padding-block: 11px;
  }
  .tw\:max-lg\:py-\[13px\] {
    padding-block: 13px;
  }
  .tw\:max-lg\:py-md {
    padding-block: var(--kik-spacing-md);
  }
  .tw\:max-lg\:py-xl {
    padding-block: var(--kik-spacing-xl);
  }
  .tw\:max-lg\:pt-\[22px\] {
    padding-top: 22px;
  }
  .tw\:max-lg\:pt-lg {
    padding-top: var(--kik-spacing-lg);
  }
  .tw\:max-lg\:pb-8 {
    padding-bottom: var(--kik-spacing-8);
  }
  .tw\:max-lg\:pb-section-xl {
    padding-bottom: var(--kik-spacing-section-xl);
  }
  .tw\:max-lg\:whitespace-normal {
    white-space: normal;
  }
  .tw\:max-lg\:transition-transform {
    transition-property: transform, translate, scale, rotate;
    transition-timing-function: var(--tw-ease, var(--tw-default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--tw-default-transition-duration));
  }
  .tw\:max-lg\:duration-\[250ms\] {
    --tw-duration: 250ms;
    transition-duration: 250ms;
  }
  .tw\:max-lg\:group-data-\[open\=true\]\/fg\:rotate-180:is(:where(.tw\:group\/fg)[data-open="true"] *) {
    rotate: 180deg;
  }
  .tw\:max-lg\:group-data-\[sheet\=open\]\/grid\:translate-x-0:is(:where(.tw\:group\/grid)[data-sheet="open"] *) {
    --tw-translate-x: 0;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .tw\:max-lg\:group-data-\[sheet\=open\]\/grid\:shadow-\[0_0_24px_rgba\(0\,0\,0\,0\.12\)\]:is(:where(.tw\:group\/grid)[data-sheet="open"] *) {
    --tw-shadow: 0 0 24px var(--tw-shadow-color, rgba(0,0,0,0.12));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .tw\:max-lg\:data-\[collapsed\]\:hidden[data-collapsed] {
    display: none;
  }
  .tw\:max-lg\:data-\[pos\=left\]\:hidden[data-pos="left"] {
    display: none;
  }
  .tw\:max-lg\:data-\[pos\=offleft\]\:hidden[data-pos="offleft"] {
    display: none;
  }
  .tw\:max-lg\:data-\[pos\=offright\]\:hidden[data-pos="offright"] {
    display: none;
  }
  .tw\:max-lg\:data-\[pos\=right\]\:hidden[data-pos="right"] {
    display: none;
  }
}
@media (width < 48rem) {
  .tw\:max-md\: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\:max-md\:sticky {
    position: sticky;
  }
  .tw\:max-md\:right-12 {
    right: var(--kik-spacing-12);
  }
  .tw\:max-md\:left-12 {
    left: var(--kik-spacing-12);
  }
  .tw\:max-md\:order-last {
    order: 9999;
  }
  .tw\:max-md\:hidden {
    display: none;
  }
  .tw\:max-md\:basis-full {
    flex-basis: 100%;
  }
  .tw\:max-md\:justify-center {
    justify-content: center;
  }
  .tw\:max-md\:gap-y-\[10px\] {
    row-gap: 10px;
  }
  .tw\:max-md\:tracking-\[-0\.02em\] {
    --tw-tracking: -0.02em;
    letter-spacing: -0.02em;
  }
  .tw\:max-md\:\[word-spacing\:-0\.06em\] {
    word-spacing: -0.06em;
  }
  .tw\:max-md\:group-data-\[open\=false\]\/acc\:hidden:is(:where(.tw\:group\/acc)[data-open="false"] *) {
    display: none;
  }
  .tw\:max-md\:data-\[pinned\=true\]\:sticky[data-pinned="true"] {
    position: sticky;
  }
  .tw\:max-md\:data-\[pinned\=true\]\:left-12[data-pinned="true"] {
    left: var(--kik-spacing-12);
  }
  .tw\:max-md\:data-\[pinned\=true\]\:z-20[data-pinned="true"] {
    z-index: 20;
  }
  .tw\:max-md\:data-\[pinned\=true\]\:shadow-\[16px_0_0_0_var\(--kik-color-bg-surface\)\][data-pinned="true"] {
    --tw-shadow: 16px 0 0 0 var(--tw-shadow-color, var(--kik-color-bg-surface));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .tw\:max-md\:data-\[pinned\=true\]\:before\:pointer-events-none[data-pinned="true"]::before {
    content: var(--tw-content);
    pointer-events: none;
  }
  .tw\:max-md\:data-\[pinned\=true\]\:before\:absolute[data-pinned="true"]::before {
    content: var(--tw-content);
    position: absolute;
  }
  .tw\:max-md\:data-\[pinned\=true\]\:before\:inset-y-0[data-pinned="true"]::before {
    content: var(--tw-content);
    inset-block: 0;
  }
  .tw\:max-md\:data-\[pinned\=true\]\:before\:-left-12[data-pinned="true"]::before {
    content: var(--tw-content);
    left: calc(var(--kik-spacing-12) * -1);
  }
  .tw\:max-md\:data-\[pinned\=true\]\:before\:w-12[data-pinned="true"]::before {
    content: var(--tw-content);
    width: var(--kik-spacing-12);
  }
  .tw\:max-md\:data-\[pinned\=true\]\:before\:bg-surface[data-pinned="true"]::before {
    content: var(--tw-content);
    background-color: var(--kik-color-bg-surface);
  }
  .tw\:max-md\:data-\[pinned\=true\]\:before\:content-\[\'\'\][data-pinned="true"]::before {
    --tw-content: '';
    content: var(--tw-content);
  }
  .tw\:max-md\:data-\[pinned\=true\]\:after\:pointer-events-none[data-pinned="true"]::after {
    content: var(--tw-content);
    pointer-events: none;
  }
  .tw\:max-md\:data-\[pinned\=true\]\:after\:absolute[data-pinned="true"]::after {
    content: var(--tw-content);
    position: absolute;
  }
  .tw\:max-md\:data-\[pinned\=true\]\:after\:inset-y-0[data-pinned="true"]::after {
    content: var(--tw-content);
    inset-block: 0;
  }
  .tw\:max-md\:data-\[pinned\=true\]\:after\:left-\[calc\(100\%\+16px\)\][data-pinned="true"]::after {
    content: var(--tw-content);
    left: calc(100% + 16px);
  }
  .tw\:max-md\:data-\[pinned\=true\]\:after\:w-\[calc\(var\(--compare-pin-fade\,0px\)\+1px\)\][data-pinned="true"]::after {
    content: var(--tw-content);
    width: calc(var(--compare-pin-fade,0px) + 1px);
  }
  .tw\:max-md\:data-\[pinned\=true\]\:after\:border-l[data-pinned="true"]::after {
    content: var(--tw-content);
    border-left-style: var(--tw-border-style);
    border-left-width: 1px;
  }
  .tw\:max-md\:data-\[pinned\=true\]\:after\:border-solid[data-pinned="true"]::after {
    content: var(--tw-content);
    --tw-border-style: solid;
    border-style: solid;
  }
  .tw\:max-md\:data-\[pinned\=true\]\:after\:border-border-subtle[data-pinned="true"]::after {
    content: var(--tw-content);
    border-color: var(--kik-color-border-subtle);
  }
  .tw\:max-md\:data-\[pinned\=true\]\:after\:bg-\[linear-gradient\(90deg\,var\(--kik-color-bg-surface\)_0\%\,var\(--kik-color-bg-surface\)_38\%\,color-mix\(in_srgb\,var\(--kik-color-bg-surface\)_62\%\,transparent\)_68\%\,transparent_100\%\)\][data-pinned="true"]::after {
    content: var(--tw-content);
    background-image: linear-gradient(90deg,var(--kik-color-bg-surface) 0%,var(--kik-color-bg-surface) 38%,var(--kik-color-bg-surface) 68%,transparent 100%);
    @supports (color: color-mix(in lab, red, red)) {
      background-image: linear-gradient(90deg,var(--kik-color-bg-surface) 0%,var(--kik-color-bg-surface) 38%,color-mix(in srgb,var(--kik-color-bg-surface) 62%,transparent) 68%,transparent 100%);
    }
  }
  .tw\:max-md\:data-\[pinned\=true\]\:after\:opacity-\[var\(--compare-pin-edge-opacity\,0\)\][data-pinned="true"]::after {
    content: var(--tw-content);
    opacity: var(--compare-pin-edge-opacity,0);
  }
  .tw\:max-md\:data-\[pinned\=true\]\:after\:content-\[\'\'\][data-pinned="true"]::after {
    --tw-content: '';
    content: var(--tw-content);
  }
}
@media (width >= 1280px) {
  .tw\:min-\[1280px\]\:fixed {
    position: fixed;
  }
  .tw\:min-\[1280px\]\:top-24 {
    top: var(--kik-spacing-24);
  }
  .tw\:min-\[1280px\]\:right-24 {
    right: var(--kik-spacing-24);
  }
  .tw\:min-\[1280px\]\:order-first {
    order: -9999;
  }
  .tw\:min-\[1280px\]\:contents {
    display: contents;
  }
  .tw\:min-\[1280px\]\:aspect-auto {
    aspect-ratio: auto;
  }
  .tw\:min-\[1280px\]\:h-\[660px\] {
    height: 660px;
  }
  .tw\:min-\[1280px\]\:h-full {
    height: 100%;
  }
  .tw\:min-\[1280px\]\:max-h-\[86dvh\] {
    max-height: 86dvh;
  }
  .tw\:min-\[1280px\]\:max-h-none {
    max-height: none;
  }
  .tw\:min-\[1280px\]\:w-\[660px\] {
    width: 660px;
  }
  .tw\:min-\[1280px\]\:w-\[1180px\] {
    width: 1180px;
  }
  .tw\:min-\[1280px\]\:w-auto {
    width: auto;
  }
  .tw\:min-\[1280px\]\:max-w-\[calc\(100\%_-_160px\)\] {
    max-width: calc(100% - 160px);
  }
  .tw\:min-\[1280px\]\:min-w-0 {
    min-width: 0;
  }
  .tw\:min-\[1280px\]\:flex-none {
    flex: none;
  }
  .tw\:min-\[1280px\]\:flex-row {
    flex-direction: row;
  }
  .tw\:min-\[1280px\]\:justify-between {
    justify-content: space-between;
  }
  .tw\:min-\[1280px\]\:gap-0 {
    gap: 0;
  }
  .tw\:min-\[1280px\]\:py-0 {
    padding-block: 0;
  }
}
@media (width >= 1300px) {
  .tw\:min-\[1300px\]\:aspect-square {
    aspect-ratio: 1 / 1;
  }
  .tw\:min-\[1300px\]\:h-\[760px\] {
    height: 760px;
  }
  .tw\:min-\[1300px\]\:w-\[760px\] {
    width: 760px;
  }
  .tw\:min-\[1300px\]\:grid-cols-\[760px_minmax\(0\,1fr\)\] {
    grid-template-columns: 760px minmax(0,1fr);
  }
}
@media (width >= 1600px) {
  .tw\:min-\[1600px\]\:grid {
    display: grid;
  }
  .tw\:min-\[1600px\]\:shrink {
    flex-shrink: 1;
  }
  .tw\:min-\[1600px\]\:grid-cols-\[minmax\(0\,440px\)_minmax\(0\,1052px\)\] {
    grid-template-columns: minmax(0,440px) minmax(0,1052px);
  }
  .tw\:min-\[1600px\]\:grid-cols-\[repeat\(var\(--kik-cols\)\,minmax\(0\,1fr\)\)\] {
    grid-template-columns: repeat(var(--kik-cols),minmax(0,1fr));
  }
  .tw\:min-\[1600px\]\:gap-\[60px\] {
    gap: 60px;
  }
  .tw\:min-\[1600px\]\:overflow-visible {
    overflow: visible;
  }
  .tw\:min-\[1600px\]\:px-\(--header-padding\) {
    padding-inline: var(--header-padding);
  }
}
@media (width >= 48rem) {
  .tw\:md\:bottom-\[49px\] {
    bottom: 49px;
  }
  .tw\:md\:left-\[22\.5px\] {
    left: 22.5px;
  }
  .tw\:md\:left-\[72px\] {
    left: 72px;
  }
  .tw\:md\:order-none {
    order: 0;
  }
  .tw\:md\:mx-section-sm {
    margin-inline: var(--kik-spacing-section-sm);
  }
  .tw\:md\:mt-0 {
    margin-top: 0;
  }
  .tw\:md\:mb-0 {
    margin-bottom: 0;
  }
  .tw\:md\:block {
    display: block;
  }
  .tw\:md\:flex {
    display: flex;
  }
  .tw\:md\:grid {
    display: grid;
  }
  .tw\:md\:hidden {
    display: none;
  }
  .tw\:md\:size-\[32px\] {
    width: 32px;
    height: 32px;
  }
  .tw\:md\:size-\[44px\] {
    width: 44px;
    height: 44px;
  }
  .tw\:md\:size-\[62px\] {
    width: 62px;
    height: 62px;
  }
  .tw\:md\:h-\[46px\] {
    height: 46px;
  }
  .tw\:md\:h-\[58px\] {
    height: 58px;
  }
  .tw\:md\:h-\[102px\] {
    height: 102px;
  }
  .tw\:md\:h-\[560px\] {
    height: 560px;
  }
  .tw\:md\:h-px {
    height: 1px;
  }
  .tw\:md\:min-h-0 {
    min-height: 0;
  }
  .tw\:md\:min-h-\[745px\] {
    min-height: 745px;
  }
  .tw\:md\:w-\(--logo-width\) {
    width: var(--logo-width);
  }
  .tw\:md\:w-\[400px\] {
    width: 400px;
  }
  .tw\:md\:w-\[620px\] {
    width: 620px;
  }
  .tw\:md\:w-\[760px\] {
    width: 760px;
  }
  .tw\:md\:w-\[calc\(100vw_-_48px\)\] {
    width: calc(100vw - 48px);
  }
  .tw\:md\:w-auto {
    width: auto;
  }
  .tw\:md\:w-fit {
    width: fit-content;
  }
  .tw\:md\:w-full {
    width: 100%;
  }
  .tw\:md\:max-w-\[640px\] {
    max-width: 640px;
  }
  .tw\:md\:max-w-full {
    max-width: 100%;
  }
  .tw\:md\:max-w-none {
    max-width: none;
  }
  .tw\:md\:min-w-0 {
    min-width: 0;
  }
  .tw\:md\:min-w-\[102px\] {
    min-width: 102px;
  }
  .tw\:md\:flex-1 {
    flex: 1;
  }
  .tw\:md\:flex-initial {
    flex: 0 auto;
  }
  .tw\:md\:grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .tw\:md\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .tw\:md\:grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,352px\)\] {
    grid-template-columns: minmax(0,1fr) minmax(0,352px);
  }
  .tw\:md\:grid-cols-\[repeat\(var\(--compare-cols\)\,minmax\(0\,1fr\)\)\] {
    grid-template-columns: repeat(var(--compare-cols),minmax(0,1fr));
  }
  .tw\:md\:flex-col {
    flex-direction: column;
  }
  .tw\:md\:flex-row {
    flex-direction: row;
  }
  .tw\:md\:flex-nowrap {
    flex-wrap: nowrap;
  }
  .tw\:md\:flex-wrap {
    flex-wrap: wrap;
  }
  .tw\:md\:items-center {
    align-items: center;
  }
  .tw\:md\:items-start {
    align-items: flex-start;
  }
  .tw\:md\:items-stretch {
    align-items: stretch;
  }
  .tw\:md\:justify-between {
    justify-content: space-between;
  }
  .tw\:md\:justify-center {
    justify-content: center;
  }
  .tw\:md\:justify-end {
    justify-content: flex-end;
  }
  .tw\:md\:justify-start {
    justify-content: flex-start;
  }
  .tw\:md\:gap-12 {
    gap: var(--kik-spacing-12);
  }
  .tw\:md\:gap-48 {
    gap: var(--kik-spacing-48);
  }
  .tw\:md\:gap-lg {
    gap: var(--kik-spacing-lg);
  }
  .tw\:md\:gap-md {
    gap: var(--kik-spacing-md);
  }
  .tw\:md\:gap-section-md {
    gap: var(--kik-spacing-section-md);
  }
  .tw\:md\:gap-section-sm {
    gap: var(--kik-spacing-section-sm);
  }
  .tw\:md\:gap-sm {
    gap: var(--kik-spacing-sm);
  }
  .tw\:md\:gap-xl {
    gap: var(--kik-spacing-xl);
  }
  .tw\:md\:gap-x-48 {
    column-gap: var(--kik-spacing-48);
  }
  .tw\:md\:gap-x-lg {
    column-gap: var(--kik-spacing-lg);
  }
  .tw\:md\:gap-y-md {
    row-gap: var(--kik-spacing-md);
  }
  .tw\:md\:gap-y-section-md {
    row-gap: var(--kik-spacing-section-md);
  }
  .tw\:md\:gap-y-section-sm {
    row-gap: var(--kik-spacing-section-sm);
  }
  .tw\:md\:overflow-x-visible {
    overflow-x: visible;
  }
  .tw\:md\:bg-\[rgba\(0\,0\,0\,0\.2\)\] {
    background-color: rgba(0,0,0,0.2);
  }
  .tw\:md\:bg-\[linear-gradient\(to_left\,rgba\(0\,0\,0\,0\.1\)_49\.969\%\,rgba\(0\,0\,0\,0\.5\)_64\.219\%\)\] {
    background-image: linear-gradient(to left,rgba(0,0,0,0.1) 49.969%,rgba(0,0,0,0.5) 64.219%);
  }
  .tw\:md\:bg-none {
    background-image: none;
  }
  .tw\:md\:object-\[50\%_78\%\] {
    object-position: 50% 78%;
  }
  .tw\:md\:object-center {
    object-position: center;
  }
  .tw\:md\:p-md {
    padding: var(--kik-spacing-md);
  }
  .tw\:md\:px-0 {
    padding-inline: 0;
  }
  .tw\:md\:px-8 {
    padding-inline: var(--kik-spacing-8);
  }
  .tw\:md\:px-md {
    padding-inline: var(--kik-spacing-md);
  }
  .tw\:md\:px-page {
    padding-inline: var(--kik-spacing-page-default);
  }
  .tw\:md\:px-section-sm {
    padding-inline: var(--kik-spacing-section-sm);
  }
  .tw\:md\:px-xl {
    padding-inline: var(--kik-spacing-xl);
  }
  .tw\:md\:py-0 {
    padding-block: 0;
  }
  .tw\:md\:py-12 {
    padding-block: var(--kik-spacing-12);
  }
  .tw\:md\:py-\[64px\] {
    padding-block: 64px;
  }
  .tw\:md\:py-lg {
    padding-block: var(--kik-spacing-lg);
  }
  .tw\:md\:pt-8 {
    padding-top: var(--kik-spacing-8);
  }
  .tw\:md\:text-left {
    text-align: left;
  }
  .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-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\:md\:text-\[12px\] {
    font-size: 12px;
  }
  .tw\:md\:whitespace-nowrap {
    white-space: nowrap;
  }
  .tw\:md\:opacity-0 {
    opacity: 0%;
  }
  .tw\:md\:shadow-\[0_-2px_12\.5px_rgba\(0\,0\,0\,0\.1\)\] {
    --tw-shadow: 0 -2px 12.5px var(--tw-shadow-color, rgba(0,0,0,0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  @media (hover: hover) {
    .tw\:md\:group-hover\/tile\:opacity-\[0\.52\]:is(:where(.tw\:group\/tile):hover *) {
      opacity: 0.52;
    }
  }
  .tw\:md\:group-focus-visible\/tile\:opacity-\[0\.52\]:is(:where(.tw\:group\/tile):focus-visible *) {
    opacity: 0.52;
  }
  .tw\:md\:after\:hidden::after {
    content: var(--tw-content);
    display: none;
  }
  @media (width < 80rem) {
    .tw\:md\:max-xl\:col-span-2 {
      grid-column: span 2 / span 2;
    }
    .tw\:md\:max-xl\:col-start-1 {
      grid-column-start: 1;
    }
    .tw\:md\:max-xl\:col-start-2 {
      grid-column-start: 2;
    }
    .tw\:md\:max-xl\:row-start-1 {
      grid-row-start: 1;
    }
    .tw\:md\:max-xl\:row-start-2 {
      grid-row-start: 2;
    }
    .tw\:md\:max-xl\:max-w-\[352px\] {
      max-width: 352px;
    }
  }
  @media (width < 64rem) {
    .tw\:md\:max-lg\:hidden {
      display: none;
    }
    .tw\:md\:max-lg\:aspect-auto {
      aspect-ratio: auto;
    }
    .tw\:md\:max-lg\:h-\[320px\] {
      height: 320px;
    }
    .tw\:md\:max-lg\:max-w-\[66ch\] {
      max-width: 66ch;
    }
    .tw\:md\:max-lg\:gap-lg {
      gap: var(--kik-spacing-lg);
    }
    .tw\:md\:max-lg\:gap-md {
      gap: var(--kik-spacing-md);
    }
    .tw\:md\:max-lg\:p-lg {
      padding: var(--kik-spacing-lg);
    }
    .tw\:md\:max-lg\:px-lg {
      padding-inline: var(--kik-spacing-lg);
    }
    .tw\:md\:max-lg\:py-lg {
      padding-block: var(--kik-spacing-lg);
    }
    .tw\:md\:max-lg\:py-xl {
      padding-block: var(--kik-spacing-xl);
    }
    .tw\:md\:max-lg\:pt-xl {
      padding-top: var(--kik-spacing-xl);
    }
    .tw\:md\:max-lg\:pb-md {
      padding-bottom: var(--kik-spacing-md);
    }
    .tw\:md\:max-lg\:pb-xl {
      padding-bottom: var(--kik-spacing-xl);
    }
  }
}
@media (width >= 64rem) {
  .tw\:lg\:absolute {
    position: absolute;
  }
  .tw\:lg\:static {
    position: static;
  }
  .tw\:lg\:sticky {
    position: sticky;
  }
  .tw\:lg\:top-0 {
    top: 0;
  }
  .tw\:lg\:top-1\/2 {
    top: calc(1 / 2 * 100%);
  }
  .tw\:lg\:top-4 {
    top: var(--kik-spacing-4);
  }
  .tw\:lg\:top-16 {
    top: var(--kik-spacing-16);
  }
  .tw\:lg\:top-24 {
    top: var(--kik-spacing-24);
  }
  .tw\:lg\:top-\[90px\] {
    top: 90px;
  }
  .tw\:lg\:top-\[calc\(var\(--kik-sticky-offset\,66px\)\+24px\)\] {
    top: calc(var(--kik-sticky-offset,66px) + 24px);
  }
  .tw\:lg\:top-\[min\(90px\,calc\(100vh_-_var\(--kik-gal-h\)_-_24px\)\)\] {
    top: min(90px, calc(100vh - var(--kik-gal-h) - 24px));
  }
  .tw\:lg\:top-\[var\(--y\)\] {
    top: var(--y);
  }
  .tw\:lg\:right-16 {
    right: var(--kik-spacing-16);
  }
  .tw\:lg\:right-24 {
    right: var(--kik-spacing-24);
  }
  .tw\:lg\:right-\[20\%\] {
    right: 20%;
  }
  .tw\:lg\:right-auto {
    right: auto;
  }
  .tw\:lg\:bottom-\[6\%\] {
    bottom: 6%;
  }
  .tw\:lg\:left-1\/2 {
    left: calc(1 / 2 * 100%);
  }
  .tw\:lg\:left-4 {
    left: var(--kik-spacing-4);
  }
  .tw\:lg\:left-24 {
    left: var(--kik-spacing-24);
  }
  .tw\:lg\:left-\[24\%\] {
    left: 24%;
  }
  .tw\:lg\:left-\[var\(--x\)\] {
    left: var(--x);
  }
  .tw\:lg\:z-10 {
    z-index: 10;
  }
  .tw\:lg\:order-1 {
    order: 1;
  }
  .tw\:lg\:order-2 {
    order: 2;
  }
  .tw\:lg\:order-none {
    order: 0;
  }
  .tw\:lg\:col-span-1 {
    grid-column: span 1 / span 1;
  }
  .tw\:lg\:col-start-2 {
    grid-column-start: 2;
  }
  .tw\:lg\:col-start-3 {
    grid-column-start: 3;
  }
  .tw\:lg\:row-span-1 {
    grid-row: span 1 / span 1;
  }
  .tw\:lg\:row-start-1 {
    grid-row-start: 1;
  }
  .tw\:lg\:-m-\[7px\] {
    margin: calc(7px * -1);
  }
  .tw\:lg\:m-0 {
    margin: 0;
  }
  .tw\:lg\:mx-0 {
    margin-inline: 0;
  }
  .tw\:lg\:my-0 {
    margin-block: 0;
  }
  .tw\:lg\:mt-8 {
    margin-top: var(--kik-spacing-8);
  }
  .tw\:lg\:mt-\[24px\] {
    margin-top: 24px;
  }
  .tw\:lg\:mt-xl {
    margin-top: var(--kik-spacing-xl);
  }
  .tw\:lg\:mb-0 {
    margin-bottom: 0;
  }
  .tw\:lg\:mb-12 {
    margin-bottom: var(--kik-spacing-12);
  }
  .tw\:lg\:mb-32 {
    margin-bottom: var(--kik-spacing-32);
  }
  .tw\:lg\:mb-md {
    margin-bottom: var(--kik-spacing-md);
  }
  .tw\:lg\:ml-auto {
    margin-left: auto;
  }
  .tw\:lg\:block {
    display: block;
  }
  .tw\:lg\:contents {
    display: contents;
  }
  .tw\:lg\:flex {
    display: flex;
  }
  .tw\:lg\:grid {
    display: grid;
  }
  .tw\:lg\:hidden {
    display: none;
  }
  .tw\:lg\:inline {
    display: inline;
  }
  .tw\:lg\:aspect-\[600\/602\] {
    aspect-ratio: 600/602;
  }
  .tw\:lg\:aspect-\[758\/760\] {
    aspect-ratio: 758/760;
  }
  .tw\:lg\:aspect-auto {
    aspect-ratio: auto;
  }
  .tw\:lg\:size-\[18px\] {
    width: 18px;
    height: 18px;
  }
  .tw\:lg\:size-\[20px\] {
    width: 20px;
    height: 20px;
  }
  .tw\:lg\:size-\[24px\] {
    width: 24px;
    height: 24px;
  }
  .tw\:lg\:size-\[56px\] {
    width: 56px;
    height: 56px;
  }
  .tw\:lg\:size-\[64px\] {
    width: 64px;
    height: 64px;
  }
  .tw\:lg\:size-\[80px\] {
    width: 80px;
    height: 80px;
  }
  .tw\:lg\:size-\[300px\] {
    width: 300px;
    height: 300px;
  }
  .tw\:lg\:h-\[12px\] {
    height: 12px;
  }
  .tw\:lg\:h-\[16px\] {
    height: 16px;
  }
  .tw\:lg\:h-\[18px\] {
    height: 18px;
  }
  .tw\:lg\:h-\[22px\] {
    height: 22px;
  }
  .tw\:lg\:h-\[23px\] {
    height: 23px;
  }
  .tw\:lg\:h-\[24px\] {
    height: 24px;
  }
  .tw\:lg\:h-\[34px\] {
    height: 34px;
  }
  .tw\:lg\:h-\[35px\] {
    height: 35px;
  }
  .tw\:lg\:h-\[40px\] {
    height: 40px;
  }
  .tw\:lg\:h-\[44px\] {
    height: 44px;
  }
  .tw\:lg\:h-\[50px\] {
    height: 50px;
  }
  .tw\:lg\:h-\[56px\] {
    height: 56px;
  }
  .tw\:lg\:h-\[72px\] {
    height: 72px;
  }
  .tw\:lg\:h-\[100px\] {
    height: 100px;
  }
  .tw\:lg\:h-\[120px\] {
    height: 120px;
  }
  .tw\:lg\:h-\[218px\] {
    height: 218px;
  }
  .tw\:lg\:h-\[300px\] {
    height: 300px;
  }
  .tw\:lg\:h-\[400px\] {
    height: 400px;
  }
  .tw\:lg\:h-\[439px\] {
    height: 439px;
  }
  .tw\:lg\:h-\[504px\] {
    height: 504px;
  }
  .tw\:lg\:h-\[643px\] {
    height: 643px;
  }
  .tw\:lg\:h-\[835px\] {
    height: 835px;
  }
  .tw\:lg\:h-\[1200px\] {
    height: 1200px;
  }
  .tw\:lg\:h-auto {
    height: auto;
  }
  .tw\:lg\:max-h-\[calc\(100vh-var\(--kik-sticky-offset\,66px\)-48px\)\] {
    max-height: calc(100vh - var(--kik-sticky-offset,66px) - 48px);
  }
  .tw\:lg\:max-h-\[min\(800px\,100\%\)\] {
    max-height: min(800px, 100%);
  }
  .tw\:lg\:max-h-screen {
    max-height: 100vh;
  }
  .tw\:lg\:min-h-0 {
    min-height: 0;
  }
  .tw\:lg\:min-h-\[26px\] {
    min-height: 26px;
  }
  .tw\:lg\:min-h-\[46\.1875vw\] {
    min-height: 46.1875vw;
  }
  .tw\:lg\:min-h-\[48px\] {
    min-height: 48px;
  }
  .tw\:lg\:min-h-\[50px\] {
    min-height: 50px;
  }
  .tw\:lg\:min-h-\[72px\] {
    min-height: 72px;
  }
  .tw\:lg\:min-h-\[82px\] {
    min-height: 82px;
  }
  .tw\:lg\:min-h-\[349px\] {
    min-height: 349px;
  }
  .tw\:lg\:min-h-\[739px\] {
    min-height: 739px;
  }
  .tw\:lg\:min-h-\[752px\] {
    min-height: 752px;
  }
  .tw\:lg\:min-h-\[835px\] {
    min-height: 835px;
  }
  .tw\:lg\:w-\(--logo-width\) {
    width: var(--logo-width);
  }
  .tw\:lg\:w-1\/2 {
    width: calc(1 / 2 * 100%);
  }
  .tw\:lg\:w-\[12px\] {
    width: 12px;
  }
  .tw\:lg\:w-\[18px\] {
    width: 18px;
  }
  .tw\:lg\:w-\[24px\] {
    width: 24px;
  }
  .tw\:lg\:w-\[30px\] {
    width: 30px;
  }
  .tw\:lg\:w-\[32px\] {
    width: 32px;
  }
  .tw\:lg\:w-\[35px\] {
    width: 35px;
  }
  .tw\:lg\:w-\[40px\] {
    width: 40px;
  }
  .tw\:lg\:w-\[44px\] {
    width: 44px;
  }
  .tw\:lg\:w-\[53\.74\%\] {
    width: 53.74%;
  }
  .tw\:lg\:w-\[78px\] {
    width: 78px;
  }
  .tw\:lg\:w-\[100px\] {
    width: 100px;
  }
  .tw\:lg\:w-\[140px\] {
    width: 140px;
  }
  .tw\:lg\:w-\[150px\] {
    width: 150px;
  }
  .tw\:lg\:w-\[152px\] {
    width: 152px;
  }
  .tw\:lg\:w-\[180px\] {
    width: 180px;
  }
  .tw\:lg\:w-\[200px\] {
    width: 200px;
  }
  .tw\:lg\:w-\[280px\] {
    width: 280px;
  }
  .tw\:lg\:w-\[300px\] {
    width: 300px;
  }
  .tw\:lg\:w-\[323px\] {
    width: 323px;
  }
  .tw\:lg\:w-\[376px\] {
    width: 376px;
  }
  .tw\:lg\:w-\[420px\] {
    width: 420px;
  }
  .tw\:lg\:w-\[436px\] {
    width: 436px;
  }
  .tw\:lg\:w-\[469px\] {
    width: 469px;
  }
  .tw\:lg\:w-\[500px\] {
    width: 500px;
  }
  .tw\:lg\:w-\[501px\] {
    width: 501px;
  }
  .tw\:lg\:w-\[1552px\] {
    width: 1552px;
  }
  .tw\:lg\:w-\[calc\(\(100\%-72px\)\/4\)\] {
    width: calc((100% - 72px) / 4);
  }
  .tw\:lg\:w-\[calc\(\(100\%-384px\)\/7\)\] {
    width: calc((100% - 384px) / 7);
  }
  .tw\:lg\:w-\[min\(1120px\,calc\(100vw-208px\)\)\] {
    width: min(1120px, calc(100vw - 208px));
  }
  .tw\:lg\:w-auto {
    width: auto;
  }
  .tw\:lg\:w-full {
    width: 100%;
  }
  .tw\:lg\:max-w-\[320px\] {
    max-width: 320px;
  }
  .tw\:lg\:max-w-\[800px\] {
    max-width: 800px;
  }
  .tw\:lg\:max-w-\[1200px\] {
    max-width: 1200px;
  }
  .tw\:lg\:max-w-\[var\(--kik-container-max-width\)\] {
    max-width: var(--kik-container-max-width);
  }
  .tw\:lg\:max-w-none {
    max-width: none;
  }
  .tw\:lg\:min-w-0 {
    min-width: 0;
  }
  .tw\:lg\:min-w-px {
    min-width: 1px;
  }
  .tw\:lg\:flex-1 {
    flex: 1;
  }
  .tw\:lg\:flex-\[1_0_0\] {
    flex: 1 0 0;
  }
  .tw\:lg\:flex-none {
    flex: none;
  }
  .tw\:lg\:shrink-0 {
    flex-shrink: 0;
  }
  .tw\:lg\:basis-full {
    flex-basis: 100%;
  }
  .tw\:lg\:table-fixed {
    table-layout: fixed;
  }
  .tw\:lg\:-translate-x-1\/2 {
    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .tw\:lg\:-translate-y-1\/2 {
    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .tw\:lg\:\[scrollbar-width\:thin\] {
    scrollbar-width: thin;
  }
  .tw\:lg\:\[scrollbar-color\:var\(--kik-color-border-subtle\)_transparent\] {
    scrollbar-color: var(--kik-color-border-subtle) transparent;
  }
  .tw\:lg\:grid-cols-\(--menu-cols\) {
    grid-template-columns: var(--menu-cols);
  }
  .tw\:lg\:grid-cols-\(--pillar-cols\) {
    grid-template-columns: var(--pillar-cols);
  }
  .tw\:lg\:grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .tw\:lg\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .tw\:lg\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .tw\:lg\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .tw\:lg\:grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .tw\:lg\:grid-cols-\[78px_minmax\(0\,1fr\)_auto\] {
    grid-template-columns: 78px minmax(0,1fr) auto;
  }
  .tw\:lg\:grid-cols-\[469px_1fr\] {
    grid-template-columns: 469px 1fr;
  }
  .tw\:lg\:grid-cols-\[492fr_1060fr\] {
    grid-template-columns: 492fr 1060fr;
  }
  .tw\:lg\:grid-cols-\[600fr_920fr\] {
    grid-template-columns: 600fr 920fr;
  }
  .tw\:lg\:grid-cols-\[601fr_919fr\] {
    grid-template-columns: 601fr 919fr;
  }
  .tw\:lg\:grid-cols-\[756fr_762fr\] {
    grid-template-columns: 756fr 762fr;
  }
  .tw\:lg\:grid-cols-\[758fr_760fr\] {
    grid-template-columns: 758fr 760fr;
  }
  .tw\:lg\:grid-cols-\[764fr_765fr\] {
    grid-template-columns: 764fr 765fr;
  }
  .tw\:lg\:grid-cols-\[919fr_601fr\] {
    grid-template-columns: 919fr 601fr;
  }
  .tw\:lg\:grid-cols-\[920fr_600fr\] {
    grid-template-columns: 920fr 600fr;
  }
  .tw\:lg\:grid-cols-\[auto_minmax\(0\,1fr\)_auto\] {
    grid-template-columns: auto minmax(0,1fr) auto;
  }
  .tw\:lg\:grid-rows-1 {
    grid-template-rows: repeat(1, minmax(0, 1fr));
  }
  .tw\:lg\:flex-col {
    flex-direction: column;
  }
  .tw\:lg\:flex-row {
    flex-direction: row;
  }
  .tw\:lg\:flex-row-reverse {
    flex-direction: row-reverse;
  }
  .tw\:lg\:flex-wrap {
    flex-wrap: wrap;
  }
  .tw\:lg\:items-center {
    align-items: center;
  }
  .tw\:lg\:items-start {
    align-items: flex-start;
  }
  .tw\:lg\:items-stretch {
    align-items: stretch;
  }
  .tw\:lg\:justify-between {
    justify-content: space-between;
  }
  .tw\:lg\:justify-center {
    justify-content: center;
  }
  .tw\:lg\:justify-start {
    justify-content: flex-start;
  }
  .tw\:lg\:gap-0 {
    gap: 0;
  }
  .tw\:lg\:gap-4 {
    gap: var(--kik-spacing-4);
  }
  .tw\:lg\:gap-8 {
    gap: var(--kik-spacing-8);
  }
  .tw\:lg\:gap-12 {
    gap: var(--kik-spacing-12);
  }
  .tw\:lg\:gap-16 {
    gap: var(--kik-spacing-16);
  }
  .tw\:lg\:gap-24 {
    gap: var(--kik-spacing-24);
  }
  .tw\:lg\:gap-32 {
    gap: var(--kik-spacing-32);
  }
  .tw\:lg\:gap-40 {
    gap: var(--kik-spacing-40);
  }
  .tw\:lg\:gap-48 {
    gap: var(--kik-spacing-48);
  }
  .tw\:lg\:gap-64 {
    gap: var(--kik-spacing-64);
  }
  .tw\:lg\:gap-\[10px\] {
    gap: 10px;
  }
  .tw\:lg\:gap-\[12px\] {
    gap: 12px;
  }
  .tw\:lg\:gap-\[16px\] {
    gap: 16px;
  }
  .tw\:lg\:gap-\[24px\] {
    gap: 24px;
  }
  .tw\:lg\:gap-\[32px\] {
    gap: 32px;
  }
  .tw\:lg\:gap-lg {
    gap: var(--kik-spacing-lg);
  }
  .tw\:lg\:gap-md {
    gap: var(--kik-spacing-md);
  }
  .tw\:lg\:gap-section-lg {
    gap: var(--kik-spacing-section-lg);
  }
  .tw\:lg\:gap-section-md {
    gap: var(--kik-spacing-section-md);
  }
  .tw\:lg\:gap-sm {
    gap: var(--kik-spacing-sm);
  }
  .tw\:lg\:gap-xl {
    gap: var(--kik-spacing-xl);
  }
  .tw\:lg\:gap-x-0 {
    column-gap: 0;
  }
  .tw\:lg\:gap-x-8 {
    column-gap: var(--kik-spacing-8);
  }
  .tw\:lg\:gap-x-16 {
    column-gap: var(--kik-spacing-16);
  }
  .tw\:lg\:gap-y-0 {
    row-gap: 0;
  }
  .tw\:lg\:gap-y-4 {
    row-gap: var(--kik-spacing-4);
  }
  .tw\:lg\:gap-y-md {
    row-gap: var(--kik-spacing-md);
  }
  .tw\:lg\:gap-y-xl {
    row-gap: var(--kik-spacing-xl);
  }
  .tw\:lg\:self-end {
    align-self: flex-end;
  }
  .tw\:lg\:self-start {
    align-self: flex-start;
  }
  .tw\:lg\:self-stretch {
    align-self: stretch;
  }
  .tw\:lg\:overflow-clip {
    overflow: clip;
  }
  .tw\:lg\:overflow-visible {
    overflow: visible;
  }
  .tw\:lg\:overflow-y-auto {
    overflow-y: auto;
  }
  .tw\:lg\:overscroll-contain {
    overscroll-behavior: contain;
  }
  .tw\:lg\:border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  .tw\:lg\:border-2 {
    border-style: var(--tw-border-style);
    border-width: 2px;
  }
  .tw\:lg\:border-b {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }
  .tw\:lg\:border-accent {
    border-color: var(--kik-color-bg-accent);
  }
  .tw\:lg\:border-border-subtle {
    border-color: var(--kik-color-border-subtle);
  }
  .tw\:lg\:bg-surface-inverse {
    background-color: var(--kik-color-bg-inverse);
  }
  .tw\:lg\:bg-transparent {
    background-color: transparent;
  }
  .tw\:lg\:bg-\[linear-gradient\(to_bottom\,rgba\(0\,0\,0\,0\)_77\.364\%\,rgba\(0\,0\,0\,0\.8\)\)\] {
    background-image: linear-gradient(to bottom,rgba(0,0,0,0) 77.364%,rgba(0,0,0,0.8));
  }
  .tw\:lg\:object-center {
    object-position: center;
  }
  .tw\:lg\:p-0 {
    padding: 0;
  }
  .tw\:lg\:p-12 {
    padding: var(--kik-spacing-12);
  }
  .tw\:lg\:p-16 {
    padding: var(--kik-spacing-16);
  }
  .tw\:lg\:p-24 {
    padding: var(--kik-spacing-24);
  }
  .tw\:lg\:p-\[7px\] {
    padding: 7px;
  }
  .tw\:lg\:p-md {
    padding: var(--kik-spacing-md);
  }
  .tw\:lg\:px-0 {
    padding-inline: 0;
  }
  .tw\:lg\:px-8 {
    padding-inline: var(--kik-spacing-8);
  }
  .tw\:lg\:px-16 {
    padding-inline: var(--kik-spacing-16);
  }
  .tw\:lg\:px-24 {
    padding-inline: var(--kik-spacing-24);
  }
  .tw\:lg\:px-48 {
    padding-inline: var(--kik-spacing-48);
  }
  .tw\:lg\:px-\[24px\] {
    padding-inline: 24px;
  }
  .tw\:lg\:px-\[48px\] {
    padding-inline: 48px;
  }
  .tw\:lg\:px-lg {
    padding-inline: var(--kik-spacing-lg);
  }
  .tw\:lg\:px-page {
    padding-inline: var(--kik-spacing-page-default);
  }
  .tw\:lg\:px-xl {
    padding-inline: var(--kik-spacing-xl);
  }
  .tw\:lg\:py-0 {
    padding-block: 0;
  }
  .tw\:lg\:py-8 {
    padding-block: var(--kik-spacing-8);
  }
  .tw\:lg\:py-16 {
    padding-block: var(--kik-spacing-16);
  }
  .tw\:lg\:py-48 {
    padding-block: var(--kik-spacing-48);
  }
  .tw\:lg\:py-\[9px\] {
    padding-block: 9px;
  }
  .tw\:lg\:py-\[72px\] {
    padding-block: 72px;
  }
  .tw\:lg\:py-md {
    padding-block: var(--kik-spacing-md);
  }
  .tw\:lg\:py-section-lg {
    padding-block: var(--kik-spacing-section-lg);
  }
  .tw\:lg\:py-section-md {
    padding-block: var(--kik-spacing-section-md);
  }
  .tw\:lg\:py-section-xl {
    padding-block: var(--kik-spacing-section-xl);
  }
  .tw\:lg\:pt-0 {
    padding-top: 0;
  }
  .tw\:lg\:pt-\[110px\] {
    padding-top: 110px;
  }
  .tw\:lg\:pt-section-xl {
    padding-top: var(--kik-spacing-section-xl);
  }
  .tw\:lg\:pr-0 {
    padding-right: 0;
  }
  .tw\:lg\:pr-48 {
    padding-right: var(--kik-spacing-48);
  }
  .tw\:lg\:pr-page {
    padding-right: var(--kik-spacing-page-default);
  }
  .tw\:lg\:pr-page-default {
    padding-right: var(--kik-spacing-page-default);
  }
  .tw\:lg\:pr-section-md {
    padding-right: var(--kik-spacing-section-md);
  }
  .tw\:lg\:pb-4 {
    padding-bottom: var(--kik-spacing-4);
  }
  .tw\:lg\:pb-24 {
    padding-bottom: var(--kik-spacing-24);
  }
  .tw\:lg\:pb-section-xl {
    padding-bottom: var(--kik-spacing-section-xl);
  }
  .tw\:lg\:pl-0 {
    padding-left: 0;
  }
  .tw\:lg\:pl-48 {
    padding-left: var(--kik-spacing-48);
  }
  .tw\:lg\:pl-\[16px\] {
    padding-left: 16px;
  }
  .tw\:lg\:pl-section-md {
    padding-left: var(--kik-spacing-section-md);
  }
  .tw\:lg\:text-center {
    text-align: center;
  }
  .tw\:lg\:text-left {
    text-align: left;
  }
  .tw\:lg\: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\:lg\: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\:lg\: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\:lg\: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\:lg\: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\:lg\:text-\[12px\] {
    font-size: 12px;
  }
  .tw\:lg\:text-\[120px\] {
    font-size: 120px;
  }
  .tw\:lg\:leading-\[1\.6\] {
    --tw-leading: 1.6;
    line-height: 1.6;
  }
  .tw\:lg\:whitespace-normal {
    white-space: normal;
  }
  .tw\:lg\:whitespace-nowrap {
    white-space: nowrap;
  }
  .tw\:lg\:text-inverse {
    color: var(--kik-color-text-inverse);
  }
  .tw\:lg\:transition-\[left\,top\,width\,height\,translate\,opacity\] {
    transition-property: left,top,width,height,translate,opacity;
    transition-timing-function: var(--tw-ease, var(--tw-default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--tw-default-transition-duration));
  }
  .tw\:lg\:transition-\[width\,height\] {
    transition-property: width,height;
    transition-timing-function: var(--tw-ease, var(--tw-default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--tw-default-transition-duration));
  }
  .tw\:lg\:duration-\[550ms\] {
    --tw-duration: 550ms;
    transition-duration: 550ms;
  }
  .tw\:lg\:ease-\[cubic-bezier\(\.4\,0\,\.2\,1\)\] {
    --tw-ease: cubic-bezier(.4,0,.2,1);
    transition-timing-function: cubic-bezier(.4,0,.2,1);
  }
  @media (hover: hover) {
    .tw\:lg\:group-hover\/jr\:translate-y-0:is(:where(.tw\:group\/jr):hover *) {
      --tw-translate-y: 0;
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .tw\:lg\:group-hover\/tile\:opacity-100:is(:where(.tw\:group\/tile):hover *) {
      opacity: 100%;
    }
  }
  .tw\:lg\:group-focus-visible\/jr\:translate-y-0:is(:where(.tw\:group\/jr):focus-visible *) {
    --tw-translate-y: 0;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .tw\:lg\:group-focus-visible\/tile\:opacity-100:is(:where(.tw\:group\/tile):focus-visible *) {
    opacity: 100%;
  }
  .tw\:lg\:group-aria-pressed\/tgl\:translate-x-\[16px\]:is(:where(.tw\:group\/tgl)[aria-pressed="true"] *) {
    --tw-translate-x: 16px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .tw\:group-data-\[filter\=hidden\]\/grid\:lg\:hidden:is(:where(.tw\:group\/grid)[data-filter="hidden"] *) {
    display: none;
  }
  .tw\:group-data-\[filter\=hidden\]\/grid\:lg\:inline:is(:where(.tw\:group\/grid)[data-filter="hidden"] *) {
    display: inline;
  }
  .tw\:lg\:group-data-\[filter\=hidden\]\/grid\:hidden:is(:where(.tw\:group\/grid)[data-filter="hidden"] *) {
    display: none;
  }
  .tw\:lg\:group-data-\[open\=false\]\/fg\:rotate-180:is(:where(.tw\:group\/fg)[data-open="false"] *) {
    rotate: 180deg;
  }
  .tw\:lg\:group-data-\[open\=true\]\/card\:block:is(:where(.tw\:group\/card)[data-open="true"] *) {
    display: block;
  }
  .tw\:lg\:group-data-\[open\=true\]\/card\:hidden:is(:where(.tw\:group\/card)[data-open="true"] *) {
    display: none;
  }
  .tw\:lg\:group-data-\[pos\=centre\]\/card\:h-\[268px\]:is(:where(.tw\:group\/card)[data-pos="centre"] *) {
    height: 268px;
  }
  .tw\:lg\:group-data-\[pos\=centre\]\/card\:w-\[536px\]:is(:where(.tw\:group\/card)[data-pos="centre"] *) {
    width: 536px;
  }
  .tw\:lg\:data-\[active\=true\]\:border-b-\[3px\][data-active="true"] {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 3px;
  }
  .tw\:lg\:data-\[empty\]\:mt-0[data-empty] {
    margin-top: 0;
  }
  .tw\:lg\:data-\[open\=true\]\:hidden[data-open="true"] {
    display: none;
  }
  .tw\:lg\:data-\[open\=true\]\:w-\[580px\][data-open="true"] {
    width: 580px;
  }
  .tw\:lg\:data-\[pos\=centre\]\:top-0[data-pos="centre"] {
    top: 0;
  }
  .tw\:lg\:data-\[pos\=centre\]\:left-\[476px\][data-pos="centre"] {
    left: 476px;
  }
  .tw\:lg\:data-\[pos\=centre\]\:z-\[2\][data-pos="centre"] {
    z-index: 2;
  }
  .tw\:lg\:data-\[pos\=centre\]\:h-\[504px\][data-pos="centre"] {
    height: 504px;
  }
  .tw\:lg\:data-\[pos\=centre\]\:w-\[600px\][data-pos="centre"] {
    width: 600px;
  }
  .tw\:lg\:data-\[pos\=centre\]\:translate-y-0[data-pos="centre"] {
    --tw-translate-y: 0;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .tw\:lg\:data-\[pos\=left\]\:left-0[data-pos="left"] {
    left: 0;
  }
  .tw\:lg\:data-\[pos\=offleft\]\:pointer-events-none[data-pos="offleft"] {
    pointer-events: none;
  }
  .tw\:lg\:data-\[pos\=offleft\]\:left-\[-580px\][data-pos="offleft"] {
    left: -580px;
  }
  .tw\:lg\:data-\[pos\=offleft\]\:opacity-0[data-pos="offleft"] {
    opacity: 0%;
  }
  .tw\:lg\:data-\[pos\=offright\]\:pointer-events-none[data-pos="offright"] {
    pointer-events: none;
  }
  .tw\:lg\:data-\[pos\=offright\]\:left-\[1632px\][data-pos="offright"] {
    left: 1632px;
  }
  .tw\:lg\:data-\[pos\=offright\]\:opacity-0[data-pos="offright"] {
    opacity: 0%;
  }
  .tw\:lg\:data-\[pos\=right\]\:left-\[1052px\][data-pos="right"] {
    left: 1052px;
  }
  .tw\:lg\:data-\[vertical\]\:h-\[min\(80vh\,720px\)\][data-vertical] {
    height: min(80vh, 720px);
  }
  .tw\:lg\:data-\[vertical\]\:w-auto[data-vertical] {
    width: auto;
  }
}
@media (width >= 80rem) {
  .tw\:xl\:mr-16 {
    margin-right: var(--kik-spacing-16);
  }
  .tw\:xl\:box-border {
    box-sizing: border-box;
  }
  .tw\:xl\:block {
    display: block;
  }
  .tw\:xl\:contents {
    display: contents;
  }
  .tw\:xl\:hidden {
    display: none;
  }
  .tw\:xl\:h-auto {
    height: auto;
  }
  .tw\:xl\:w-\[152px\] {
    width: 152px;
  }
  .tw\:xl\:grid-cols-\(--footer-cols\) {
    grid-template-columns: var(--footer-cols);
  }
  .tw\:xl\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .tw\:xl\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .tw\:xl\:justify-start {
    justify-content: flex-start;
  }
  .tw\:xl\:gap-8 {
    gap: var(--kik-spacing-8);
  }
  .tw\:xl\:gap-\[34px\] {
    gap: 34px;
  }
  .tw\:xl\:gap-x-lg {
    column-gap: var(--kik-spacing-lg);
  }
  .tw\:xl\:rounded-none {
    border-radius: var(--kik-radius-none);
  }
  .tw\:xl\:bg-surface {
    background-color: var(--kik-color-bg-surface);
  }
  .tw\:xl\:p-8 {
    padding: var(--kik-spacing-8);
  }
}
@media (width >= 96rem) {
  .tw\:2xl\:gap-x-48 {
    column-gap: var(--kik-spacing-48);
  }
}
.tw\:\[\&_\[hidden\]\]\:\!hidden [hidden] {
  display: none !important;
}
.tw\:\[\&_a\]\:text-inherit a {
  color: inherit;
}
.tw\:\[\&_a\]\:underline a {
  text-decoration-line: underline;
}
.tw\:\[\&_p\]\:m-0 p {
  margin: 0;
}
.tw\:\[\&_p\]\:max-w-\[68ch\] p {
  max-width: 68ch;
}
.tw\:\[\&_p\+p\]\:mt-8 p + p {
  margin-top: var(--kik-spacing-8);
}
.tw\:\[\&_p\+p\]\:mt-16 p + p {
  margin-top: var(--kik-spacing-16);
}
.tw\:\[\&_p\+p\]\:mt-md p + p {
  margin-top: var(--kik-spacing-md);
}
.tw\:\[\&_path\[fill\]\]\:fill-current path[fill] {
  fill: currentcolor;
}
.tw\:\[\&_path\[stroke\]\]\:stroke-current path[stroke] {
  stroke: currentcolor;
}
.tw\:\[\&\:\:-moz-range-thumb\]\:pointer-events-auto::-moz-range-thumb {
  pointer-events: auto;
}
.tw\:\[\&\:\:-moz-range-thumb\]\:h-\[22px\]::-moz-range-thumb {
  height: 22px;
}
.tw\:\[\&\:\:-moz-range-thumb\]\:w-\[22px\]::-moz-range-thumb {
  width: 22px;
}
.tw\:\[\&\:\:-moz-range-thumb\]\:cursor-grab::-moz-range-thumb {
  cursor: grab;
}
.tw\:\[\&\:\:-moz-range-thumb\]\:rounded-pill::-moz-range-thumb {
  border-radius: var(--kik-radius-pill);
}
.tw\:\[\&\:\:-moz-range-thumb\]\:border::-moz-range-thumb {
  border-style: var(--tw-border-style);
  border-width: 1px;
}
.tw\:\[\&\:\:-moz-range-thumb\]\:border-solid::-moz-range-thumb {
  --tw-border-style: solid;
  border-style: solid;
}
.tw\:\[\&\:\:-moz-range-thumb\]\:border-primary::-moz-range-thumb {
  border-color: var(--kik-color-text-primary);
}
.tw\:\[\&\:\:-moz-range-thumb\]\:bg-accent::-moz-range-thumb {
  background-color: var(--kik-color-bg-accent);
}
@media (width >= 64rem) {
  .tw\:lg\:\[\&\:\:-moz-range-thumb\]\:h-\[14px\]::-moz-range-thumb {
    height: 14px;
  }
  .tw\:lg\:\[\&\:\:-moz-range-thumb\]\:w-\[14px\]::-moz-range-thumb {
    width: 14px;
  }
}
.tw\:\[\&\:\:-webkit-details-marker\]\:hidden::-webkit-details-marker {
  display: none;
}
.tw\:\[\&\:\:-webkit-scrollbar\]\:hidden::-webkit-scrollbar {
  display: none;
}
.tw\:\[\&\:\:-webkit-slider-thumb\]\:pointer-events-auto::-webkit-slider-thumb {
  pointer-events: auto;
}
.tw\:\[\&\:\:-webkit-slider-thumb\]\:h-\[24px\]::-webkit-slider-thumb {
  height: 24px;
}
.tw\:\[\&\:\:-webkit-slider-thumb\]\:w-\[24px\]::-webkit-slider-thumb {
  width: 24px;
}
.tw\:\[\&\:\:-webkit-slider-thumb\]\:cursor-grab::-webkit-slider-thumb {
  cursor: grab;
}
.tw\:\[\&\:\:-webkit-slider-thumb\]\:appearance-none::-webkit-slider-thumb {
  appearance: none;
}
.tw\:\[\&\:\:-webkit-slider-thumb\]\:rounded-pill::-webkit-slider-thumb {
  border-radius: var(--kik-radius-pill);
}
.tw\:\[\&\:\:-webkit-slider-thumb\]\:border::-webkit-slider-thumb {
  border-style: var(--tw-border-style);
  border-width: 1px;
}
.tw\:\[\&\:\:-webkit-slider-thumb\]\:border-solid::-webkit-slider-thumb {
  --tw-border-style: solid;
  border-style: solid;
}
.tw\:\[\&\:\:-webkit-slider-thumb\]\:border-primary::-webkit-slider-thumb {
  border-color: var(--kik-color-text-primary);
}
.tw\:\[\&\:\:-webkit-slider-thumb\]\:bg-accent::-webkit-slider-thumb {
  background-color: var(--kik-color-bg-accent);
}
.tw\:focus-visible\:\[\&\:\:-webkit-slider-thumb\]\:outline-2:focus-visible::-webkit-slider-thumb {
  outline-style: var(--tw-outline-style);
  outline-width: 2px;
}
.tw\:focus-visible\:\[\&\:\:-webkit-slider-thumb\]\:outline-offset-2:focus-visible::-webkit-slider-thumb {
  outline-offset: 2px;
}
.tw\:focus-visible\:\[\&\:\:-webkit-slider-thumb\]\:outline-accent:focus-visible::-webkit-slider-thumb {
  outline-color: var(--kik-color-bg-accent);
}
.tw\:focus-visible\:\[\&\:\:-webkit-slider-thumb\]\:outline-solid:focus-visible::-webkit-slider-thumb {
  --tw-outline-style: solid;
  outline-style: solid;
}
@media (width >= 64rem) {
  .tw\:lg\:\[\&\:\:-webkit-slider-thumb\]\:h-\[16px\]::-webkit-slider-thumb {
    height: 16px;
  }
  .tw\:lg\:\[\&\:\:-webkit-slider-thumb\]\:w-\[16px\]::-webkit-slider-thumb {
    width: 16px;
  }
}
.tw\:\[\&\>\*\]\:w-full\! > * {
  width: 100% !important;
}
.tw\:\[\&\>\*\]\:max-w-none\! > * {
  max-width: none !important;
}
.tw\:\[\&\>\*\]\:min-w-0 > * {
  min-width: 0;
}
@media (width >= 64rem) {
  .tw\:lg\:\[\&\>div\:has\(kik-hotspots\)\]\:order-2 > div:has(kik-hotspots) {
    order: 2;
  }
}
.tw\:\[\&\>svg\]\:absolute > svg {
  position: absolute;
}
.tw\:\[\&\>svg\]\:top-\[2px\] > svg {
  top: 2px;
}
.tw\:\[\&\>svg\]\:top-\[3\.33px\] > svg {
  top: 3.33px;
}
.tw\:\[\&\>svg\]\:left-\[2px\] > svg {
  left: 2px;
}
.tw\:\[\&\>svg\]\:left-\[3px\] > svg {
  left: 3px;
}
.tw\:\[\&\>svg\]\:-rotate-90 > svg {
  rotate: calc(90deg * -1);
}
.tw\:\[\&\>svg\]\:fill-none > svg {
  fill: none;
}
.tw\:\[\&\[data-hvc\]_svg\]\:text-\[\#000\][data-hvc] svg {
  color: #000;
}
.tw\:\[\&\[fill\=none\]\]\:fill-none[fill=none] {
  fill: none;
}
.tw\:\[\&\[hidden\]\]\:hidden[hidden] {
  display: none;
}
@media (min-width:640px) and (max-width:1279px) and (max-height:540px) {
  .tw\:\[\@media\(min-width\:640px\)_and_\(max-width\:1279px\)_and_\(max-height\:540px\)\]\:aspect-auto {
    aspect-ratio: auto;
  }
  .tw\:\[\@media\(min-width\:640px\)_and_\(max-width\:1279px\)_and_\(max-height\:540px\)\]\:h-full {
    height: 100%;
  }
  .tw\:\[\@media\(min-width\:640px\)_and_\(max-width\:1279px\)_and_\(max-height\:540px\)\]\:max-h-none {
    max-height: none;
  }
  .tw\:\[\@media\(min-width\:640px\)_and_\(max-width\:1279px\)_and_\(max-height\:540px\)\]\:w-\[45\%\] {
    width: 45%;
  }
  .tw\:\[\@media\(min-width\:640px\)_and_\(max-width\:1279px\)_and_\(max-height\:540px\)\]\:flex-row {
    flex-direction: row;
  }
  .tw\:\[\@media\(min-width\:640px\)_and_\(max-width\:1279px\)_and_\(max-height\:540px\)\]\:bg-black\/60 {
    background-color: var(--tw-color-black);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .tw\:\[\@media\(min-width\:640px\)_and_\(max-width\:1279px\)_and_\(max-height\:540px\)\]\:bg-black\/60 {
      background-color: color-mix(in oklab, var(--tw-color-black) 60%, transparent);
    }
  }
}
: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", sans-serif;
  --kik-text-font-heading: "Host Grotesk", "Inter", 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);
  }
}
.kik-dashed-frame {
  --kik-dash: var(--kik-dash-color, var(--kik-color-bg-accent));
  --kik-dash-half: calc(var(--kik-dash-len, 10px) / 2);
  --kik-dash-x: var(--kik-dash-gap-x, 8px);
  --kik-dash-y: var(--kik-dash-gap-y, 10px);
  background-image: linear-gradient(90deg, var(--kik-dash) var(--kik-dash-half), transparent var(--kik-dash-half) calc(var(--kik-dash-half) + var(--kik-dash-x)), var(--kik-dash) calc(var(--kik-dash-half) + var(--kik-dash-x))), linear-gradient(90deg, var(--kik-dash) var(--kik-dash-half), transparent var(--kik-dash-half) calc(var(--kik-dash-half) + var(--kik-dash-x)), var(--kik-dash) calc(var(--kik-dash-half) + var(--kik-dash-x))), linear-gradient(180deg, var(--kik-dash) var(--kik-dash-half), transparent var(--kik-dash-half) calc(var(--kik-dash-half) + var(--kik-dash-y)), var(--kik-dash) calc(var(--kik-dash-half) + var(--kik-dash-y))), linear-gradient(180deg, var(--kik-dash) var(--kik-dash-half), transparent var(--kik-dash-half) calc(var(--kik-dash-half) + var(--kik-dash-y)), var(--kik-dash) calc(var(--kik-dash-half) + var(--kik-dash-y)));
  background-size: calc(var(--kik-dash-len, 10px) + var(--kik-dash-x)) 1px, calc(var(--kik-dash-len, 10px) + var(--kik-dash-x)) 1px, 1px calc(var(--kik-dash-len, 10px) + var(--kik-dash-y)), 1px calc(var(--kik-dash-len, 10px) + var(--kik-dash-y));
  background-position: center top, center bottom, left center, right center;
  background-repeat: repeat-x, repeat-x, repeat-y, repeat-y;
}
.kik-dashed-frame--fine {
  --kik-dash-color: var(--kik-color-border-strong);
  --kik-dash-len: 6px;
  --kik-dash-gap-x: 4px;
  --kik-dash-gap-y: 4px;
}
.kik-component [hidden]:where(:not([hidden="until-found"])) {
  display: none !important;
}
html:has(kik-collection-grid[data-compare="on"] [data-kik-compare-tray]) shopify-chat {
  bottom: var(--kik-compare-tray-height, 72px) !important;
}
kik-product-comparison [data-compare-off] {
  display: none !important;
}
html:has(kik-product-comparison [data-compare-sticky][data-visible]) #x-header-container {
  box-shadow: none !important;
}
kik-compare-table:not(:has([data-u="i"])) fieldset:has(> div > [data-kik-unit]), kik-product-comparison:not(:has([data-compare-value]:not([data-imperial=""]))) [role="group"]:has(> [data-compare-unit]) {
  display: none !important;
}
[data-kik-option][data-unavailable], [data-kik-option][data-unavailable] > i {
  position: relative;
}
[data-kik-option][data-unavailable] > i::after, [data-kik-option][data-unavailable]:not(:has(> i))::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient( to top right, transparent calc(50% - 1px), var(--kik-color-text-tertiary) calc(50% - 1px), var(--kik-color-text-tertiary) calc(50% + 1px), transparent calc(50% + 1px) );
}
[data-kik-option][data-unavailable] > i::after {
  background-color: rgb(255 255 255 / 0.6);
}
.kik-component #bogos-fbt-upsell-view {
  margin: 0;
  gap: 0;
  border-radius: 0;
  font-family: var(--kik-text-font-body);
  color: var(--kik-color-text-primary);
}
.kik-component #bogos-fbt-upsell-view .bogos-fbt-upsell-container {
  display: flex;
  flex-direction: column;
  gap: var(--kik-spacing-md);
  padding: var(--kik-spacing-16);
  border: 0 !important;
  border-radius: 0;
  background: var(--kik-color-bg-page) !important;
}
.kik-component #bogos-fbt-upsell-view .bogos-fbt-upsell-header {
  display: flex;
  flex-direction: column;
  gap: var(--kik-spacing-4);
  padding-inline: 0;
}
.kik-component #bogos-fbt-upsell-view .bogos-fbt-header-title {
  font-family: var(--kik-text-font-heading);
  font-size: var(--kik-text-size-h6);
  font-weight: 700;
  line-height: var(--kik-text-lineheight-h6);
  letter-spacing: 0;
  text-transform: capitalize;
  color: var(--kik-color-text-primary) !important;
}
.kik-component #bogos-fbt-upsell-view .bogos-fbt-header-description {
  font-size: var(--kik-text-size-body-sm);
  font-weight: 400;
  line-height: var(--kik-text-lineheight-body-sm);
  color: var(--kik-color-text-primary) !important;
}
.kik-component #bogos-fbt-upsell-view .bogos-fbt-upsell-body {
  padding-top: 0;
  gap: var(--kik-spacing-8);
  max-height: none;
}
.kik-component #bogos-fbt-upsell-view .bogos-fbt-upsell-extra {
  flex-direction: column;
  gap: var(--kik-spacing-8);
}
.kik-component #bogos-fbt-upsell-view .bogos-fbt-upsell-body-stack-item {
  flex: 1 1 100%;
  width: 100%;
  max-width: 100%;
  margin: 0;
  padding: var(--kik-spacing-8);
  border: 1px solid var(--kik-color-border-subtle) !important;
  border-radius: 0;
  background: transparent !important;
}
.kik-component #bogos-fbt-upsell-view .bogos-fbt-stack-item-wrapper {
  align-items: center;
  gap: var(--kik-spacing-8);
}
.kik-component #bogos-fbt-upsell-view .bogos-fbt-upsell-body-stack-item-container {
  align-items: center;
  gap: 6px;
  min-width: 0;
  padding: 0;
  border: 0;
}
.kik-component #bogos-fbt-upsell-view .bogos-fbt-upsell-body-stack-meta {
  gap: var(--kik-spacing-8);
}
.kik-component #bogos-fbt-upsell-view .bogos-fbt-upsell-body-item-checkbox {
  appearance: none;
  -webkit-appearance: none;
  flex: none;
  width: 16px;
  height: 16px;
  margin: 0 var(--kik-spacing-8) !important;
  border: 1px solid var(--kik-color-border-default, #cacaca);
  border-radius: 0;
  background: var(--kik-color-bg-page) center / 12px 12px no-repeat;
  cursor: pointer;
}
.kik-component #bogos-fbt-upsell-view .bogos-fbt-upsell-body-item-checkbox:checked {
  border-color: var(--kik-color-bg-accent);
  background-color: var(--kik-color-bg-accent);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%231e1e1e' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 8.4 6.2 11.6 13 4.8'/%3E%3C/svg%3E");
}
.kik-component #bogos-fbt-upsell-view .bogos-fbt-upsell-body-item-checkbox:focus-visible {
  outline: 2px solid var(--kik-color-text-primary);
  outline-offset: 2px;
}
.kik-component #bogos-fbt-upsell-view .bogos-fbt-upsell-img-wrapper {
  flex: none;
  width: 60px;
  height: 60px;
}
.kik-component #bogos-fbt-upsell-view .bogos-fbt-upsell-img {
  border: 0;
  border-radius: 0 !important;
  mix-blend-mode: multiply;
}
.kik-component #bogos-fbt-upsell-view .bogos-fbt-upsell-product-info {
  flex: 1 1 0;
  min-width: 0;
  justify-content: center;
  gap: var(--kik-spacing-4);
  padding: 0;
}
.kik-component #bogos-fbt-upsell-view .bogos-fbt-upsell-product-title, .kik-component #bogos-fbt-upsell-view .bogos-fbt-upsell-body-stack-item-container .bogos-fbt-upsell-product-title {
  max-width: 100%;
  gap: var(--kik-spacing-4);
  font-size: var(--kik-text-size-body-sm);
  line-height: var(--kik-text-lineheight-body-sm);
}
.kik-component #bogos-fbt-upsell-view .bogos-fbt-fixed-quantity {
  display: none;
}
.kik-component #bogos-fbt-upsell-view .bogos-fbt-this-item {
  flex: none;
  padding: 2px var(--kik-spacing-8);
  border-radius: 0;
  background-color: var(--kik-color-bg-surface) !important;
  font-size: var(--kik-text-size-body-xsm);
  font-weight: 700;
  line-height: var(--kik-text-lineheight-body-xsm);
  color: #000 !important;
}
.kik-component #bogos-fbt-upsell-view .bogos-fbt-product-title {
  min-width: 0;
  font-size: var(--kik-text-size-body-sm);
  font-weight: 700;
  line-height: var(--kik-text-lineheight-body-sm);
  color: var(--kik-color-text-primary) !important;
  text-decoration: none;
}
.kik-component #bogos-fbt-upsell-view .bogos-fbt-upsell-product {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--kik-spacing-4);
}
.kik-component #bogos-fbt-upsell-view .bogos-fbt-upsell-product-price {
  gap: var(--kik-spacing-4);
  font-size: var(--kik-text-size-body-sm);
  line-height: var(--kik-text-lineheight-body-sm);
}
.kik-component #bogos-fbt-upsell-view .bogos-fbt-upsell-product-discounted-price {
  color: var(--kik-color-bg-discount) !important;
}
.kik-component #bogos-fbt-upsell-view .bogos-fbt-upsell-product-original-price {
  color: var(--kik-color-text-tertiary) !important;
  text-decoration: line-through;
}
.kik-component #bogos-fbt-upsell-view .bogos-fbt-upsell-select-variant-dropdown {
  margin-left: 0;
}
.kik-component #bogos-fbt-upsell-view .bogos-fbt-upsell-select-variant-dropdown .bogos-fbt-upsell-select-variant-title-contain, .kik-component #bogos-fbt-upsell-view .bogos-fbt-upsell-select-variant-title-contain {
  gap: var(--kik-spacing-8);
  transform: none;
}
.kik-component #bogos-fbt-upsell-view .bogos-fbt-upsell-select-variant-title {
  max-width: 100%;
  font-size: var(--kik-text-size-body-sm);
  font-weight: 400;
  line-height: var(--kik-text-lineheight-body-sm);
  text-align: left;
  text-decoration: none;
  color: var(--kik-color-text-primary) !important;
}
.kik-component #bogos-fbt-upsell-view .bogos-fbt-upsell-footer {
  gap: var(--kik-spacing-8);
  margin-top: 0;
  padding-inline: 0;
}
.kik-component #bogos-fbt-upsell-view .bogos-fbt-footer-price {
  gap: var(--kik-spacing-8);
}
.kik-component #bogos-fbt-upsell-view .bogos-fbt-footer-price-title, .kik-component #bogos-fbt-upsell-view .bogos-fbt-footer-discounted-price, .kik-component #bogos-fbt-upsell-view .bogos-fbt-footer-original-price {
  font-size: var(--kik-text-size-body-md);
  line-height: var(--kik-text-lineheight-body-md);
}
.kik-component #bogos-fbt-upsell-view .bogos-fbt-footer-price-title {
  font-weight: 400;
  color: var(--kik-color-text-primary) !important;
}
.kik-component #bogos-fbt-upsell-view .bogos-fbt-footer-discounted-price {
  font-weight: 700;
  color: var(--kik-color-bg-discount) !important;
}
.kik-component #bogos-fbt-upsell-view .bogos-fbt-footer-original-price {
  font-weight: 700;
  color: var(--kik-color-text-tertiary) !important;
}
.kik-component #bogos-fbt-upsell-view .bogos-fbt-footer-button-add {
  width: 100%;
  padding: var(--kik-spacing-12) var(--kik-spacing-32);
  border: 1.3px solid var(--kik-color-bg-accent) !important;
  border-radius: 0;
  background: transparent !important;
  font-family: var(--kik-text-font-body);
  font-size: var(--kik-text-size-body-md);
  font-weight: 700;
  line-height: var(--kik-text-lineheight-body-md);
  color: var(--kik-color-action-primary) !important;
  transition: background-color 0.2s, color 0.2s;
}
.kik-component #bogos-fbt-upsell-view .bogos-fbt-footer-button-add:hover {
  background: var(--kik-color-bg-accent) !important;
  color: var(--kik-color-text-primary) !important;
}
.kik-component #bogos-pa-upsell-view {
  margin: 0;
  gap: 0;
  border-radius: 0;
  font-family: var(--kik-text-font-body);
  color: var(--kik-color-text-primary);
}
.kik-component #bogos-pa-upsell-view .bogos-pa-upsell-container {
  padding: 0;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
}
.kik-component #bogos-pa-upsell-view .bogos-pa-header {
  gap: var(--kik-spacing-4);
  margin-bottom: var(--kik-spacing-md);
}
.kik-component #bogos-pa-upsell-view .bogos-pa-header-title {
  font-family: var(--kik-text-font-heading);
  font-size: var(--kik-text-size-h6);
  font-weight: 700;
  line-height: var(--kik-text-lineheight-h6);
  letter-spacing: 0;
  text-transform: capitalize;
  color: var(--kik-color-text-primary) !important;
}
.kik-component #bogos-pa-upsell-view .bogos-pa-header-description {
  font-size: var(--kik-text-size-body-sm);
  line-height: var(--kik-text-lineheight-body-sm);
  color: var(--kik-color-text-primary) !important;
}
.kik-component #bogos-pa-upsell-view .bogos-pa-header-description:empty {
  display: none;
}
.kik-component #bogos-pa-upsell-view .bogos-pa-item-list {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--kik-spacing-md);
}
.kik-component #bogos-pa-upsell-view .bogos-pa-card-wrap {
  align-items: center;
  gap: var(--kik-spacing-8);
  padding: var(--kik-spacing-12);
  border: 1px solid var(--kik-color-border-subtle);
  border-radius: 0;
}
.kik-component #bogos-pa-upsell-view .bogos-pa-card {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 6px;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
}
.kik-component #bogos-pa-upsell-view .bogos-pa-card-img-container, .kik-component #bogos-pa-upsell-view .bogos-pa-card-image {
  flex: none;
  width: 60px;
  height: 60px;
  border-radius: 0 !important;
}
.kik-component #bogos-pa-upsell-view .bogos-pa-card-image img {
  border-radius: 0;
  mix-blend-mode: multiply;
}
.kik-component #bogos-pa-upsell-view .bogos-pa-card-content {
  gap: var(--kik-spacing-12);
  height: auto;
}
.kik-component #bogos-pa-upsell-view .bogos-pa-fixed-quantity {
  display: none;
}
.kik-component #bogos-pa-upsell-view .bogos-pa-product-name {
  font-size: var(--kik-text-size-body-sm);
  font-weight: 700;
  line-height: var(--kik-text-lineheight-body-sm);
  color: var(--kik-color-text-primary) !important;
}
.kik-component #bogos-pa-upsell-view .bogos-pa-variant-title {
  font-size: var(--kik-text-size-body-sm);
  font-weight: 400;
  line-height: var(--kik-text-lineheight-body-sm);
  text-decoration: none;
  color: var(--kik-color-text-primary) !important;
}
.kik-component #bogos-pa-upsell-view .bogos-pa-price {
  gap: var(--kik-spacing-8);
}
.kik-component #bogos-pa-upsell-view .bogos-pa-price-sale {
  font-size: var(--kik-text-size-body-sm);
  font-weight: 700;
  line-height: var(--kik-text-lineheight-body-sm);
  color: var(--kik-color-text-primary) !important;
}
.kik-component #bogos-pa-upsell-view .bogos-pa-price-compare {
  font-size: var(--kik-text-size-body-sm);
  line-height: var(--kik-text-lineheight-body-sm);
  color: var(--kik-color-text-tertiary) !important;
}
.kik-component #bogos-pa-upsell-view .bogos-pa-checkbox-wrap {
  position: relative;
  inset: auto;
  flex: none;
  padding: 0 var(--kik-spacing-8);
}
.kik-component #bogos-pa-upsell-view .bogos-pa-checkbox-custom {
  width: 16px;
  height: 16px;
  border: 1px solid var(--kik-color-border-default);
  border-radius: 0;
  background-color: var(--kik-color-bg-page);
}
.kik-component #bogos-pa-upsell-view .bogos-pa-checkbox:checked + .bogos-pa-checkbox-custom {
  border-color: var(--kik-color-bg-accent);
  background-color: var(--kik-color-bg-accent);
}
.kik-component #bogos-pa-upsell-view .bogos-pa-checkbox:checked + .bogos-pa-checkbox-custom::after {
  width: 12px;
  height: 12px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%231e1e1e' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 8.4 6.2 11.6 13 4.8'/%3E%3C/svg%3E");
}
.kik-component #bogos-pa-upsell-view .bogos-pa-checkbox:focus-visible + .bogos-pa-checkbox-custom {
  outline: 2px solid var(--kik-color-text-primary);
  outline-offset: 2px;
}
[data-kik-card] [data-kik-wishlist] .wishlist-engine-button, [data-kik-card] [data-kik-wishlist] .wishlist-engine-button-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 4px !important;
  border: 0 !important;
  border-radius: var(--kik-radius-pill, 9999px) !important;
  background: transparent !important;
  box-shadow: none !important;
  color: var(--kik-color-bg-accent) !important;
}
[data-kik-card] [data-kik-wishlist] .wishlist-icon {
  display: flex;
  background: transparent !important;
}
[data-kik-card] [data-kik-wishlist] .wishlist-icon svg {
  width: 16px;
  height: 16px;
}
[data-kik-card] [data-kik-wishlist] .wishlist-icon svg path {
  stroke: var(--kik-color-bg-accent) !important;
}
[data-kik-card] [data-kik-wishlist] .wishlist-icon svg path:not([fill="none"]) {
  fill: var(--kik-color-bg-accent) !important;
}
[data-kik-card] [data-kik-wishlist] .wishlist-text, [data-kik-card] [data-kik-wishlist] .wishlist-button-text, [data-kik-card] [data-kik-wishlist] .wishlist-count {
  display: none !important;
}
.kik-component .kik-price-action .wishlist-engine {
  display: flex;
  line-height: 0;
}
.kik-component .kik-price-action .wishlist-engine-button, .kik-component .kik-price-action .wishlist-engine-button-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: var(--kik-color-text-primary) !important;
}
.kik-component .kik-price-action .wishlist-text, .kik-component .kik-price-action .wishlist-button-text, .kik-component .kik-price-action .wishlist-count {
  display: none !important;
}
.kik-component .kik-price-action .wishlist-icon {
  display: flex;
  line-height: 0;
}
.kik-component .kik-price-action .wishlist-icon svg {
  width: 22px;
  height: 20px;
}
@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-pan-x {
  syntax: "*";
  inherits: false;
}
@property --tw-pan-y {
  syntax: "*";
  inherits: false;
}
@property --tw-pinch-zoom {
  syntax: "*";
  inherits: false;
}
@property --tw-scroll-snap-strictness {
  syntax: "*";
  inherits: false;
  initial-value: proximity;
}
@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-leading {
  syntax: "*";
  inherits: false;
}
@property --tw-font-weight {
  syntax: "*";
  inherits: false;
}
@property --tw-tracking {
  syntax: "*";
  inherits: false;
}
@property --tw-ordinal {
  syntax: "*";
  inherits: false;
}
@property --tw-slashed-zero {
  syntax: "*";
  inherits: false;
}
@property --tw-numeric-figure {
  syntax: "*";
  inherits: false;
}
@property --tw-numeric-spacing {
  syntax: "*";
  inherits: false;
}
@property --tw-numeric-fraction {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-ring-inset {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 0px;
}
@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}
@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-outline-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-blur {
  syntax: "*";
  inherits: false;
}
@property --tw-brightness {
  syntax: "*";
  inherits: false;
}
@property --tw-contrast {
  syntax: "*";
  inherits: false;
}
@property --tw-grayscale {
  syntax: "*";
  inherits: false;
}
@property --tw-hue-rotate {
  syntax: "*";
  inherits: false;
}
@property --tw-invert {
  syntax: "*";
  inherits: false;
}
@property --tw-opacity {
  syntax: "*";
  inherits: false;
}
@property --tw-saturate {
  syntax: "*";
  inherits: false;
}
@property --tw-sepia {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-drop-shadow-size {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-blur {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-brightness {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-contrast {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-grayscale {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-hue-rotate {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-invert {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-opacity {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-saturate {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-sepia {
  syntax: "*";
  inherits: false;
}
@property --tw-duration {
  syntax: "*";
  inherits: false;
}
@property --tw-ease {
  syntax: "*";
  inherits: false;
}
@property --tw-scale-x {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-scale-y {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-scale-z {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-content {
  syntax: "*";
  initial-value: "";
  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-pan-x: initial;
      --tw-pan-y: initial;
      --tw-pinch-zoom: initial;
      --tw-scroll-snap-strictness: proximity;
      --tw-border-style: solid;
      --tw-leading: initial;
      --tw-font-weight: initial;
      --tw-tracking: initial;
      --tw-ordinal: initial;
      --tw-slashed-zero: initial;
      --tw-numeric-figure: initial;
      --tw-numeric-spacing: initial;
      --tw-numeric-fraction: initial;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-outline-style: solid;
      --tw-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
      --tw-backdrop-blur: initial;
      --tw-backdrop-brightness: initial;
      --tw-backdrop-contrast: initial;
      --tw-backdrop-grayscale: initial;
      --tw-backdrop-hue-rotate: initial;
      --tw-backdrop-invert: initial;
      --tw-backdrop-opacity: initial;
      --tw-backdrop-saturate: initial;
      --tw-backdrop-sepia: initial;
      --tw-duration: initial;
      --tw-ease: initial;
      --tw-scale-x: 1;
      --tw-scale-y: 1;
      --tw-scale-z: 1;
      --tw-content: "";
    }
  }
}


/* KIK generated delivery: begin */

/* KIK generated delivery: end */