.container {
  width: 100%;
  padding-right: 10px;
  padding-left: 10px;
}
.sticky {
  position: sticky;
}
.z-\[100\] {
  z-index: 100;
}
.top-0 {
  top: 0;
}

.row {
  margin-left: -2rem;
  margin-right: -2rem;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

hr {
  height: 0;
  color: inherit;
  border-top-width: 1px;
}
.bg-white {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

@media (min-width: 100%) {
  .container {
    max-width: 100%;
  }
}

@media (min-width: 536px) {
  .container {
    max-width: 536px;
  }
}

@media (min-width: 728px) {
  .container {
    max-width: 800px;
  }
}

@media (min-width: 1240px) {
  .container {
    max-width: 1240px;
  }
}

@media (min-width: 1400px) {
  .container {
    max-width: 1400px;
  }
}

@media (min-width: 1640px) {
  .container {
    max-width: 1400px;
  }
}

.layout-container {
  width: 100%;
  padding-right: 10px;
  padding-left: 10px;
}

@media (min-width: 100%) {
  .layout-container {
    max-width: 100%;
  }
}

@media (min-width: 536px) {
  .layout-container {
    max-width: 536px;
  }
}

@media (min-width: 728px) {
  .layout-container {
    max-width: 728px;
  }
}

@media (min-width: 952px) {
  .layout-container {
    max-width: 952px;
  }
}

@media (min-width: 1240px) {
  .layout-container {
    max-width: 1240px;
  }
}

@media (min-width: 1400px) {
  .layout-container {
    max-width: 1400px;
  }
}

@media (min-width: 1640px) {
  .layout-container {
    max-width: 1640px;
  }
}

.layout-container {
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
  padding-left: 2rem;
  padding-right: 2rem;
  width: 100%;
  max-width: 100%;
}
.mx-8 {
  margin-left: 2rem;
  margin-right: 2rem;
}

@media (min-width: 576px) {
  .layout-container {
    max-width: 540px;
  }
}

@media (min-width: 768px) {
  .layout-container {
    max-width: 720px;
  }
}

@media (min-width: 992px) {
  .layout-container {
    max-width: 960px;
  }
}

@media (min-width: 1280px) {
  .layout-container {
    max-width: 1260px;
  }
}

@media (min-width: 1440px) {
  .layout-container {
    max-width: 1400px;
  }
}

@media (min-width: 1680px) {
  .layout-container {
    max-width: 1400px;
  }
}
.py-\[12px\] {
  padding-top: 12px;
  padding-bottom: 12px;
}

.px-\[20px\] {
  padding-left: 20px;
  padding-right: 20px;
}
.justify-center {
  justify-content: center;
}
.items-center {
  align-items: center;
}
.flex-row {
  flex-direction: row;
}
.touch-auto {
  touch-action: auto;
}
.cursor-pointer {
  cursor: pointer;
}
.flex {
  display: flex;
}
.m-auto {
  margin: auto;
}
a,
p {
  letter-spacing: 0.05rem;
}
a {
  color: inherit;
  text-decoration: inherit;
}
*,
:before,
:after {
  box-sizing: border-box;
  border-width: 0;
  border-style: solid;
  border-color: #e5e7eb;
}
html,
body {
  font-size: 10px;
  font-family: var(--family-noto-sans-sc), Arial, sans-serif;
  font-display: swap;
  overflow-x: clip;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
body {
  margin: 0;
  line-height: inherit;
}
@media (min-width: 992px) {
  a {
    touch-action: none;
  }
}
.py-\[32px\] {
  padding-top: 32px;
  padding-bottom: 32px;
}
.text-label2 {
  font-size: var(--font-size-14);
  line-height: var(--line-height-sm);
  letter-spacing: var(--letter-spacing-none);
  font-weight: var(--font-weight-regular);
}
.bg-cinema {
  background-color: var(--background-cinema);
}
.relative {
  position: relative;
}
footer {
  display: block;
  unicode-bidi: isolate;
}
.\!p-0 {
  padding: 0 !important;
}
.\!max-w-full {
  max-width: 100% !important;
}
.pt-0 {
  padding-top: 0;
}
.text-secondary-inverse {
  color: var(--text-secondary-inverse);
}
.text-label4 {
  font-size: var(--font-size-12);
  line-height: var(--line-height-sm);
  letter-spacing: var(--letter-spacing-none);
  font-weight: var(--font-weight-regular);
}
.text-label4 a {
  font-size: var(--font-size-12);
}

blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}
.leading-\[26px\] {
  line-height: 2.6rem;
}
@media (max-width: 991px) {
  .w-\[100px\] {
    width: 100px;
  }
  .h-auto {
    height: auto;
  }
  img,
  video {
    max-width: 100%;
    height: auto;
  }
  img,
  svg,
  video,
  canvas,
  audio,
  iframe,
  embed,
  object {
    display: block;
    vertical-align: middle;
  }
  img {
    overflow-clip-margin: content-box;
    overflow: clip;
  }
}

@media (min-width: 992px) {
  .lg\:w-\[220px\] {
    width: 220px;
  }
}
@media (min-width: 992px) {
  .lg\:h-auto {
    height: auto;
  }
}
.w-\[129px\] {
  width: 129px;
}
.w-full {
  width: 100%;
}
.pb-\[16px\] {
  padding-bottom: 16px;
}
.mb-8 {
  margin-bottom: 16px;
}

@media (min-width: 992px) {
  .lg\:pb-0 {
    padding-bottom: 0;
  }
}
@media (min-width: 992px) {
  .lg\:px-\[16px\] {
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media (min-width: 992px) {
  .lg\:pl-0 {
    padding-left: 0;
  }
}
@media (min-width: 992px) {
  .lg\:w-6\/12 {
    width: 50%;
  }
}

@media (min-width: 992px) {
  .lg\:pr-0 {
    padding-right: 0;
  }
}

div {
  display: block;
  unicode-bidi: isolate;
}

.text-secondary-inverse {
  color: var(--text-secondary-inverse);
}

.text-white {
  color: var(--text-on-dark);
}
.touch-auto {
  touch-action: auto;
}

.text-label2 {
  font-size: var(--font-size-14);
  line-height: var(--line-height-sm);
  letter-spacing: var(--letter-spacing-none);
  font-weight: var(--font-weight-regular);
}

:root {
  --gap: 15px;
  --button-radius-full: 100px;
}

p {
  display: block;
  margin-block-start: 1em;
  margin-block-end: 1em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  unicode-bidi: isolate;
}
blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}
@media (min-width: 992px) {
  .lg\:flex-wrap {
    flex-wrap: wrap;
  }
}
@media (min-width: 992px) {
  .lg\:flex {
    display: flex;
  }
}

.theme-light {
  --color-blue-100: #eff5fc;
  --color-blue-150: #becddf;
  --color-blue-200: #acc7e8;
  --color-blue-300: #4daeda;
  --color-blue-400: #6ad9d4;
  --color-blue-500: #008bca;
  --color-blue-900: #003866;
  --color-crimson-100: #ffdde5;
  --color-crimson-200: #ff6f86;
  --color-crimson-300: #cc596b;
  --color-crimson-500: #cc0f2e;
  --color-crimson-600: #a30c25;
  --color-crimson-900: #662c36;
  --color-crimson-200-opacity-40: rgb(255, 111, 134, 0.4);
  --color-crimson-500-opacity-40: rgb(204, 15, 46, 0.4);
  --color-grey-white: #ffffff;
  --color-grey-50: #f9f9f9;
  --color-grey-100: #f4f5f7;
  --color-grey-150: #eaeaea;
  --color-grey-200: #e0e0e0;
  --color-grey-250: #cccccc;
  --color-grey-300: #9e9e9e;
  --color-grey-400: #6f6f6f;
  --color-grey-500: #464646;
  --color-grey-600: #383838;
  --color-grey-700: #323232;
  --color-grey-800: #2a2a2a;
  --color-grey-900: #1e1e1e;
  --color-grey-black: #000000;
  --color-grey-white-opacity-0: rgba(255, 255, 255, 0);
  --color-grey-white-opacity-40: rgb(255, 255, 255, 0.4);
  --color-grey-200-opacity-12: rgb(224, 224, 224, 0.12);
  --color-grey-200-opacity-40: rgb(224, 224, 224, 0.4);
  --color-grey-300-opacity-40: rgb(158, 158, 158, 0.4);
  --color-grey-500-opacity-12: rgb(70, 70, 70, 0.12);
  --color-grey-500-opacity-40: rgb(70, 70, 70, 0.4);
  --color-grey-900-opacity-40: rgb(30, 30, 30, 0.4);
  --color-grey-black-opacity-0: rgb(0, 0, 0, 0);
  --color-grey-black-opacity-40: rgb(0, 0, 0, 0.4);
  --color-grey-black-opacity-85: rgb(0, 0, 0, 0.85);
  --color-pink-100: #fff8f8;
  --color-pink-200: #ffd1e8;
  --color-pink-300: #ffaed7;
  --color-pink-500: #ff8bc6;
  --color-pink-900: #66384f;
  --color-red-100: #f6e6eb;
  --color-red-150: #ffb3bf;
  --color-red-200: #ff96a7;
  --color-red-250: #c38196;
  --color-red-300: #c96685;
  --color-red-350: #ff405f;
  --color-red-400: #e90044;
  --color-red-450: #cc334c;
  --color-red-500: #a80034;
  --color-red-550: #84002a;
  --color-red-600: #771828;
  --color-red-900: #5b212b;
  --color-red-400-opacity-12: rgb(233, 0, 68, 0.12);
  --color-red-400-opacity-40: rgb(233, 0, 68, 0.4);
  --color-red-500-opacity-12: rgb(168, 0, 52, 0.12);
  --color-red-500-opacity-40: rgb(168, 0, 52, 0.4);
  --color-yellow-100: #fffbe8;
  --color-yellow-200: #fff3a3;
  --color-yellow-500: #ffb500;
  --color-yellow-700: #b39412;
  --color-yellow-900: #805b00;
  --spacing-0: 0;
  --spacing-2: 2px;
  --spacing-4: 4px;
  --spacing-6: 6px;
  --spacing-8: 8px;
  --spacing-12: 12px;
  --spacing-14: 14px;
  --spacing-16: 16px;
  --spacing-18: 18px;
  --spacing-20: 20px;
  --spacing-24: 24px;
  --spacing-28: 28px;
  --spacing-32: 32px;
  --spacing-36: 36px;
  --spacing-40: 40px;
  --spacing-56: 56px;
  --spacing-80: 80px;
  --spacing-120: 120px;
  --spacing-300: 300px;
  --size-430px: 430px;
  --radius-sm: 4px;
  --radius-xl: 100px;
  --family-noto-sans-sc: "Noto Sans SC";
  --font-weight-light: 300;
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --line-height-sm: 1.5;
  --line-height-md: 1.8;
  --letter-spacing-none: 0;
  --letter-spacing-sm: 0.5px;
  --letter-spacing-md: 1px;
  --font-size-12: 12px;
  --font-size-14: 14px;
  --font-size-16: 16px;
  --font-size-18: 18px;
  --font-size-20: 20px;
  --font-size-22: 22px;
  --font-size-24: 24px;
  --font-size-26: 26px;
  --font-size-28: 28px;
  --font-size-30: 30px;
  --font-size-32: 32px;
  --font-size-34: 34px;
  --font-size-36: 36px;
  --font-size-38: 38px;
  --font-size-40: 40px;
  --font-size-42: 42px;
  --background-primary: var(--color-grey-white);
  --background-secondary: var(--color-grey-100);
  --background-tertiary: var(--color-grey-50);
  --background-quaternary: var(--color-grey-300);
  --background-quinary: var(--color-grey-150);
  --background-cinema: var(--color-grey-900);
  --background-subscriber-primary: var(--color-pink-500);
  --background-subscriber-secondary: var(--color-pink-100);
  --background-highlight: var(--color-yellow-100);
  --background-success-primary: var(--color-blue-900);
  --background-success-secondary: var(--color-blue-100);
  --background-alert-primary: var(--color-crimson-500);
  --background-alert-secondary: var(--color-crimson-100);
  --background-brand-primary: var(--color-red-500);
  --background-brand-secondary: var(--color-red-100);
  --background-overlay-primary: var(--color-grey-black-opacity-40);
  --background-overlay-secondary: var(--color-grey-black-opacity-40);
  --background-overlay-secondary-inverse: var(--color-grey-white-opacity-40);
  --background-overlay-tertiary: var(--color-grey-black-opacity-85);
  --background-overlay-quaternary: var(--color-grey-black-opacity-20);
  --background-gradient-primary: var(--color-grey-white);
  --background-gradient-secondary: var(--color-grey-white-opacity-0);
  --button-primary-default: var(--color-red-500);
  --button-primary-hover: var(--color-red-600);
  --button-primary-label: var(--color-grey-white);
  --button-secondary-default: var(--color-grey-500);
  --button-secondary-hover: var(--color-grey-600);
  --button-secondary-label: var(--color-grey-white);
  --button-tertiary-default: var(--color-grey-500);
  --button-tertiary-hover: var(--color-grey-150);
  --button-alert-default: var(--color-crimson-500);
  --button-alert-hover: var(--color-crimson-100);
  --button-ghost-default: var(--color-grey-400);
  --button-ghost-hover: var(--color-grey-100);
  --button-segmented-primary-default: var(--color-grey-white);
  --button-segmented-primary-hover: var(--color-grey-50);
  --button-segmented-secondary-default: var(--color-grey-100);
  --button-segmented-secondary-hover: var(--color-grey-150);
  --control-on-dark-default: var(--color-grey-white);
  --control-on-dark-disabled: var(--color-grey-white-opacity-40);
  --control-primary-default: var(--color-grey-500);
  --control-primary-disabled: var(--color-grey-500-opacity-40);
  --control-primary-overlay: var(--color-grey-500-opacity-12);
  --control-secondary: var(--color-grey-400);
  --control-unselected: var(--color-grey-200);
  --control-brand-primary-default: var(--color-red-500);
  --control-brand-primary-disabled: var(--color-red-500-opacity-40);
  --control-brand-secondary-default: var(--color-red-100);
  --control-brand-tertiary-default: var(--color-red-400);
  --divider-primary: var(--color-grey-150);
  --divider-primary-on-dark: var(--color-grey-700);
  --control-brand-overlay: var(--color-red-500-opacity-12);
  --divider-secondary: var(--color-grey-100);
  --divider-brand: var(--color-red-500);
  --divider-subscriber: var(--color-pink-500);
  --divider-highlight-primary: var(--color-yellow-700);
  --divider-highlight-secondary: var(--color-yellow-500);
  --icon-primary-default: var(--color-grey-500);
  --icon-secondary-default: var(--color-grey-400);
  --icon-on-dark-default: var(--color-grey-white);
  --icon-on-dark-hover: var(--color-grey-300);
  --icon-inverse-default: var(--color-grey-white);
  --icon-brand-primary-default: var(--color-red-500);
  --icon-brand-primary-active: var(--color-red-200);
  --icon-brand-secondary: var(--color-blue-900);
  --icon-success-default: var(--color-blue-500);
  --icon-alert-default: var(--color-crimson-500);
  --icon-alert-hover: var(--color-crimson-600);
  --icon-flag-china: var(--color-yellow-500);
  --icon-flag-singapore: var(--color-red-400);
  --link-in-component-primary: var(--color-grey-500);
  --link-in-component-on-dark: var(--color-grey-white);
  --link-in-component-brand-primary: var(--color-red-500);
  --link-in-component-brand-secondary: var(--color-blue-900);
  --link-headline-default: var(--color-grey-500);
  --link-headline-hover: var(--color-blue-900);
  --link-headline-on-dark-default: var(--color-grey-200);
  --link-headline-on-dark-hover: var(--color-blue-150);
  --link-default: var(--color-grey-400);
  --link-hover: var(--color-grey-black);
  --link-emphasis-default: var(--color-grey-black);
  --link-emphasis-hover: var(--color-grey-400);
  --link-highlight-default: var(--color-yellow-700);
  --link-highlight-hover: var(--color-yellow-900);
  --link-on-dark-default: var(--color-grey-white);
  --link-on-dark-hover: var(--color-grey-300);
  --input-border-default: var(--color-grey-150);
  --input-border-active: var(--color-grey-500);
  --input-border-error: var(--color-crimson-500);
  --input-text-success: var(--color-blue-300);
  --input-text-label: var(--color-grey-300);
  --input-text-input: var(--color-grey-500);
  --input-text-error: var(--color-crimson-500);
  --logo-name: var(--color-grey-black);
  --logo-brand-primary: var(--color-red-500);
  --logo-brand-secondary: var(--color-red-400);
  --logo-on-dark: var(--color-grey-white);
  --text-primary: var(--color-grey-500);
  --text-primary-inverse: var(--color-grey-200);
  --text-secondary: var(--color-grey-400);
  --text-secondary-inverse: var(--color-grey-300);
  --text-brand-primary: var(--color-red-500);
  --text-brand-primary-graphic: var(--color-red-500);
  --text-brand-secondary: var(--color-blue-900);
  --text-emphasis: var(--color-grey-black);
  --text-emphasis-inverse: var(--color-grey-white);
  --text-on-dark: var(--color-grey-white);
  --text-subscriber: var(--color-pink-500);
  --text-highlight: var(--color-yellow-700);
  --text-success: var(--color-blue-500);
  --text-alert: var(--color-crimson-500);
}