body {
  margin: 0;
  line-height: normal;
}

:root {
  /* Figma Variables */

  /* Spacing */
  --font-size-11: 11px;
  --font-size-14: 14px;
  --font-size-23: 23px;
  --font-weight-400: 400;
  --font-weight-500: 500;
  --height-70: 70px;
  --item-spacing-0: 0px;
  --item-spacing-13: 13px;
  --item-spacing-14-38: 14.38px;
  --item-spacing-19-19: 19.19px;
  --item-spacing-26-3: 26.3px;
  --item-spacing-57-6: 57.6px;
  --line-height-13-2: 13.2px;
  --line-height-15-6: 15.6px;
  --line-height-16-8: 16.8px;
  --line-height-25-34: 25.34px;
  --line-height-25-92: 25.92px;
  --line-height-32-26: 32.26px;
  --line-height-34-56: 34.56px;
  --line-height-36-86: 36.86px;
  --radius-4: 4px;
  --stroke-weight-1: 1px;
  --stroke-weight-3: 3px;
  --stroke-weight-5: 5px;
  --width-1132-38: 1132.38px;

  /* Color */
  --color-black-0: rgba(0, 0, 0, 0);
  --color-black-60: rgba(0, 0, 0, 0.6);
  --color-black-70: rgba(0, 0, 0, 0.7);
  --color-black-solid: #000;
  --color-grey-8: #141414;
  --color-grey-13: #222;
  --color-grey-30: #4d4d4d;
  --color-grey-50: #808080;
  --color-grey-67: #aaa;
  --color-grey-86: #dcdcdc;
  --color-grey-90: #e5e5e5;
  --color-grey-20-60: rgba(51, 51, 51, 0.6);
  --color-grey-43-70: rgba(109, 109, 110, 0.7);
  --color-grey-8-0: rgba(20, 20, 20, 0);
  --color-grey-8-15: rgba(20, 20, 20, 0.15);
  --color-grey-8-35: rgba(20, 20, 20, 0.35);
  --color-grey-8-50: rgba(20, 20, 20, 0.5);
  --color-grey-8-58: rgba(20, 20, 20, 0.58);
  --color-white-70: rgba(255, 255, 255, 0.7);
  --color-white-solid: #fff;

  /* Font */
  --font-family-Font-1: Roboto;

  /* Common Style Variables */

  /* Color */
  --wwwnetflixcom-Alto: #dcdcdc;
  --wwwnetflixcom-White-70: rgba(255, 255, 255, 0.7);

  /* Gap */
  --gap-20: 20px;

  /* Padding */
  --padding-0: 0px;
  --padding-01: 0;
  --padding-1: 1px;
  --padding-3: 3px;
  --padding-6: 6px;
  --padding-10: 10px;
  --padding-12: 12px;
  --padding-14: 14px;
  --padding-15: 15px;
  --padding-16: 16px;
  --padding-20: 20px;
  --padding-23: 23px;
  --padding-28: 28px;
  --padding-30: 30px;
  --padding-60: 60px;
  --padding-0_6: 0.6px;
  --padding-29_9: 29.9px;

  /* BorderRadius */
  --br-0: 0px;
  --br-4: 4px;
  --br-3_8: 3.8px;

  /* FontSize */
  --fs-17: 17px;
  --fs-18: 18px;
  --fs-22: 22px;
  --fs-21_6: 21.6px;

  /* Shadows */
  --text-shadow-1: 2px 2px 4px rgba(0, 0, 0, 0.45);

  /* Gradients */
  --gradient-1: linear-gradient(180deg,
      var(--color-black-0),
      var(--color-black-solid)),
    linear-gradient(var(--color-grey-13), var(--color-grey-13));

  /* WidthHeights */
  --height-2: 2px;
  --height-5: 5px;
  --height-24: 24px;
  --height-26: 26px;
  --height-163: 163px;
  --height-165_2: 165.2px;
  --height-31_6: 31.6px;
  --height-54_9: 54.9px;
  --width-12: 12px;
  --width-24: 24px;
  --width-36: 36px;
  --width-60: 60px;
  --width-245: 245px;
  --width-1905: 1905px;
  --width-289_8: 289.8px;
  --width-293_7: 293.7px;
  --width-297_5: 297.5px;

  /* LineHeights */
  --lh-21: 21px;
  --lh-26: 26px;
  --lh-28: 28px;
  --lh-25_9: 25.9px;

  --left-0: 0px;
  --top-0: 0px;

  /* Netflix Premium Design Tokens */
  --nf-red: #E50914;
  --nf-red-hover: #F40612;
  --nf-red-dim: rgba(229, 9, 20, 0.15);
  --nf-black: #000000;
  --nf-dark: #141414;
  --nf-elevated-1: #181818;
  --nf-elevated-2: #1F1F1F;
  --nf-elevated-3: #2A2A2A;
  --nf-text-primary: #FFFFFF;
  --nf-text-secondary: #B3B3B3;
  --nf-text-tertiary: #808080;
  --nf-text-disabled: #555555;
  --nf-border-subtle: #333333;
  --nf-border-focus: #FFFFFF;
  --nf-border-error: #E50914;

  --nf-radius-sm: 4px;
  --nf-radius-md: 8px;
  --nf-radius-lg: 12px;
  --nf-radius-xl: 16px;
  --nf-radius-full: 9999px;

  --nf-shadow-1: 0 1px 3px rgba(0, 0, 0, 0.3);
  --nf-shadow-2: 0 4px 12px rgba(0, 0, 0, 0.4);
  --nf-shadow-3: 0 8px 24px rgba(0, 0, 0, 0.5);
  --nf-shadow-4: 0 16px 48px rgba(0, 0, 0, 0.6);
  --nf-shadow-focus: 0 0 0 2px var(--nf-red);

  --nf-space-1: 4px;
  --nf-space-2: 8px;
  --nf-space-3: 12px;
  --nf-space-4: 16px;
  --nf-space-5: 24px;
  --nf-space-6: 32px;
  --nf-space-8: 48px;

  --nf-font-sans: "Netflix Sans Variable", "Helvetica Neue", Helvetica, Arial, sans-serif;
  --nf-font-mono: "SF Mono", "Fira Code", monospace;

  --nf-text-display: clamp(28px, 5vw, 40px) / 1.1 var(--nf-font-sans);
  --nf-text-title: clamp(22px, 4vw, 28px) / 1.2 var(--nf-font-sans);
  --nf-text-headline: clamp(18px, 3.5vw, 22px) / 1.3 var(--nf-font-sans);
  --nf-text-body: 16px / 1.5 var(--nf-font-sans);
  --nf-text-body-sm: 14px / 1.5 var(--nf-font-sans);
  --nf-text-caption: 12px / 1.4 var(--nf-font-sans);
  --nf-text-button: 14px / 1 var(--nf-font-sans);

  --nf-font-weight-light: 300;
  --nf-font-weight-regular: 400;
  --nf-font-weight-medium: 500;
  --nf-font-weight-bold: 700;
  --nf-font-weight-black: 900;

  --nf-ease-spring: cubic-bezier(0.22, 1, 0.36, 1);
  --nf-ease-standard: cubic-bezier(0.4, 0, 0.2, 1);
  --nf-ease-decelerate: cubic-bezier(0, 0, 0.2, 1);
  --nf-ease-accelerate: cubic-bezier(0.4, 0, 1, 1);

  --nf-duration-fast: 150ms;
  --nf-duration-normal: 250ms;
  --nf-duration-slow: 350ms;
  --nf-duration-slower: 500ms;

  --nf-z-dropdown: 100;
  --nf-z-modal: 200;
  --nf-z-toast: 300;
  --nf-z-tooltip: 400;

  --nf-maturity-g: #2ECC71;
  --nf-maturity-pg: #F39C12;
  --nf-maturity-pg13: #E67E22;
  --nf-maturity-r: #E74C3C;
  --nf-maturity-nc17: #8E44AD;
  --nf-maturity-tvma: #C0392B;
}