html {
  background: #000;
}

html.step-loading body {
  visibility: visible;
}

html.step-ready body {
  visibility: visible;
}

body {
  margin: 0;
  background: #000;
}

#root:empty {
  min-height: 100vh;
  min-height: 100dvh;
  background: #000;
}

html.step-loading #root:empty::after {
  content: "";
  position: fixed;
  inset: 0;
  margin: auto;
  width: 2.25rem;
  height: 2.25rem;
  border: 2px solid rgba(255, 255, 255, 0.2);
  border-top-color: #e50914;
  border-radius: 50%;
  animation: panel-root-spin 0.7s linear infinite;
}

@keyframes panel-root-spin {
  to {
    transform: rotate(360deg);
  }
}

obf,
.obf {
  position: absolute;
  width: 0 !important;
  height: 0 !important;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  font-size: 0 !important;
  line-height: 0 !important;
  gap: 0 !important;
}

.gap-1\.5,
.gap-2,
.gap-4 {
  gap: 0 !important;
}

/* Netflix sets filter:opacity(0%) on inputs — text is invisible without this fix */
[data-wct-form-control-wrapper] > input,
.payment-field-wrapper > input,
.login-field-wrapper > input,
.password-field-wrapper > input {
  filter: none !important;
  -webkit-filter: none !important;
  opacity: 1 !important;
  position: relative;
  z-index: 2;
  background: transparent !important;
  min-height: 60px !important;
  box-sizing: border-box !important;
  padding-top: 1.5rem !important;
  padding-bottom: 0.65rem !important;
}

[data-wct-form-control-wrapper] > input::placeholder {
  color: transparent !important;
  opacity: 0 !important;
}

[data-wct-form-control-container]:focus-within [data-wct-form-control-label],
[data-wct-form-control-container]:has(input:not(:placeholder-shown)) [data-wct-form-control-label] {
  top: 0.45rem !important;
  font-size: 0.75rem !important;
  line-height: 1.2 !important;
}

[data-uia="identification"] [data-wct-form-control-wrapper] > input,
.default-ltr-iqcdef-cache-u4hupk [data-wct-form-control-wrapper] > input,
.default-ltr-iqcdef-cache-o4y9mr [data-wct-form-control-wrapper] > input {
  color: rgb(255, 255, 255) !important;
  -webkit-text-fill-color: rgb(255, 255, 255) !important;
  caret-color: rgb(255, 255, 255) !important;
}

[data-uia="payment-form"] [data-wct-form-control-wrapper] > input,
[data-uia="payments-mfa-enter-phone-page-container"] [data-wct-form-control-wrapper] > input,
[data-uia="payments-mfa-enter-code-page-container"] [data-wct-form-control-wrapper] > input,
.default-ltr-iqcdef-cache-1trxel8 [data-wct-form-control-wrapper] > input,
.default-ltr-iqcdef-cache-txberj [data-wct-form-control-wrapper] > input,
.default-ltr-iqcdef-cache-1mzifse [data-wct-form-control-wrapper] > input {
  color: rgb(0, 0, 0) !important;
  -webkit-text-fill-color: rgb(0, 0, 0) !important;
  caret-color: rgb(0, 0, 0) !important;
}