#mpower-preboot-splash {
      --preboot-surface: #f9f9fb;
      --preboot-shell-bg: #f9f9fb;
      --preboot-panel: #ffffff;
      --preboot-border: #eeeeee;
      --preboot-primary: #e5e5e5;
      --preboot-primary-deep: #dcdcdc;
      --preboot-accent: #e5e5e5;
      --preboot-skeleton: #e5e5e5;
      --preboot-skeleton-strong: #dedede;
      --preboot-skeleton-soft: #f0f0f0;
      --preboot-skeleton-on-theme: #e5e5e5;
      --preboot-skeleton-on-theme-strong: #dedede;
      --preboot-icon-bg: #f0f0f0;
      --preboot-icon-color: #d6d6d6;
      --preboot-layout-header: #ffffff;
      --preboot-layout-menu: #f9f9fb;
      --preboot-mobile-layout-header: #ffffff;
      --preboot-mobile-layout-menu: #f9f9fb;
      --preboot-landing-header: #f9f9fb;
      --preboot-landing-header-position: center bottom;
      --preboot-landing-header-size: cover;
    }

    #mpower-preboot-splash,
    #mpower-preboot-splash * {
      box-sizing: border-box;
    }

    .mpower-preboot--app {
      position: relative;
      overflow: hidden;
    }

    #mpower-preboot-splash[data-variant="app-shell-no-menu"] .mpower-preboot__menu {
      display: none;
    }

    .mpower-preboot__menu {
      width: 248px;
      padding: 22px 16px;
      display: flex;
      flex-direction: column;
      gap: 12px;
      background: var(--preboot-layout-menu);
      border-right: 1px solid var(--preboot-border);
      box-shadow: inset -1px 0 0 var(--preboot-panel);
    }

    .mpower-preboot__right {
      flex: 1;
      min-width: 0;
      display: flex;
      flex-direction: column;
    }

    .mpower-preboot__header {
      height: 64px;
      padding: 0 20px;
      display: flex;
      justify-content: space-between;
      align-items: center;
      border-bottom: 1px solid var(--preboot-border);
      background: var(--preboot-layout-header);
    }

    .mpower-preboot__content {
      flex: 1;
      padding: 24px;
      background: var(--preboot-surface);
    }

    .mpower-preboot__cards {
      display: grid;
      grid-template-columns: repeat(2, minmax(220px, 1fr));
      gap: 16px;
    }

    .mpower-preboot--login {
      align-items: stretch;
      justify-content: stretch;
      padding: 0;
      background: var(--preboot-shell-bg);
    }

    .mpower-login-shell {
      width: 100%;
      min-height: 100vh;
      display: flex;
      background: var(--preboot-shell-bg);
    }

    .mpower-login-hero {
      position: relative;
      flex: 0 0 62%;
      max-width: 62%;
      min-height: 100vh;
      overflow: hidden;
      padding: 42px 44px;
      background: var(--preboot-shell-bg);
    }

    .mpower-login-hero::before {
      display: none;
    }

    .mpower-login-hero-copy {
      position: absolute;
      left: 44px;
      right: 44px;
      bottom: 44px;
      max-width: 420px;
      display: grid;
      gap: 10px;
    }

    .mpower-login-panel {
      flex: 1;
      min-width: 0;
      min-height: 100vh;
      background: #ffffff;
      display: flex;
      align-items: center;
      justify-content: center;
      box-shadow: -10px 0 28px rgba(0, 0, 0, 0.04);
    }

    .mpower-login-form-shell {
      width: min(470px, 100%);
      padding: 24px 36px 18px;
      display: grid;
      gap: 14px;
    }

    .mpower-login-fields {
      margin-top: 2px;
      display: grid;
      gap: 10px;
    }

    .mpower-login-terms {
      margin-top: 18px;
      display: grid;
      gap: 8px;
      justify-items: center;
    }

    .mpower-preboot--landing {
      overflow: hidden;
      background: var(--preboot-shell-bg);
    }

    .mpower-landing-shell {
      min-height: 100vh;
      width: 100%;
      display: flex;
      flex-direction: column;
      background: var(--preboot-surface);
    }

    .mpower-landing-header {
      position: relative;
      min-height: 244px;
      padding: 28px 34px 24px;
      background: var(--preboot-landing-header);
      background-position: var(--preboot-landing-header-position);
      background-size: var(--preboot-landing-header-size);
      border-radius: 0 0 24px 24px;
      box-shadow: inset 0 -1px 0 var(--preboot-border);
    }

    .mpower-landing-settings {
      position: absolute;
      top: 18px;
      right: 22px;
    }

    .mpower-landing-top,
    .mpower-landing-profile,
    .mpower-landing-actions,
    .mpower-landing-search,
    .mpower-landing-menu-card {
      display: flex;
      align-items: center;
      position: relative;
    }

    .mpower-landing-top {
      justify-content: space-between;
      gap: 16px;
    }

    .mpower-landing-profile {
      gap: 14px;
      min-width: 0;
    }

    .mpower-landing-profile-lines,
    .mpower-landing-menu-lines {
      min-width: 0;
      display: grid;
      gap: 8px;
      flex: 1;
    }

    .mpower-landing-actions {
      margin-top: 34px;
      gap: 16px;
    }

    .mpower-landing-body {
      flex: 1;
      width: min(1040px, calc(100% - 32px));
      margin: -38px auto 0;
      display: grid;
      gap: 16px;
      position: relative;
      z-index: 1;
    }

    .mpower-landing-search {
      gap: 12px;
      padding: 14px;
      border: 1px solid var(--preboot-border);
      border-radius: 8px;
      background: var(--preboot-panel);
      box-shadow: 0 10px 24px rgba(0, 0, 0, 0.04);
    }

    #mpower-preboot-splash.mpower-preboot-patient-layout .mpower-landing-search {
      display: none;
    }

    .mpower-landing-menu {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 14px;
    }

    .mpower-landing-menu-card {
      min-height: 96px;
      gap: 14px;
      padding: 16px;
      border: 1px solid var(--preboot-border);
      border-radius: 5px;
      background: var(--preboot-panel);
      background-position: right bottom;
      background-repeat: no-repeat;
      background-size: 35%;
      box-shadow: 0 8px 18px rgba(0, 0, 0, 0.04);
    }

    .mpower-landing-menu-card:nth-child(1) {
      background-image: none;
    }

    .mpower-landing-menu-card:nth-child(2) {
      background-image: none;
    }

    .mpower-landing-menu-card:nth-child(3) {
      background-image: none;
    }

    .mpower-landing-menu-card:nth-child(4) {
      background-image: none;
    }

    .mpower-landing-menu-card:nth-child(5) {
      background-image: none;
    }

    .mpower-landing-menu-card:nth-child(6) {
      background-image: none;
    }

    .mpower-landing-footer {
      margin-top: auto;
      padding: 16px;
      display: flex;
      justify-content: center;
      background: var(--preboot-panel);
      border-top: 1px solid var(--preboot-border);
    }

    .mpower-preboot--intake {
      overflow: hidden;
      background: var(--preboot-shell-bg);
    }

    .mpower-intake-shell {
      min-height: 100vh;
      width: 100%;
      display: flex;
      flex-direction: column;
      background: var(--preboot-shell-bg);
    }

    .mpower-intake-header {
      height: 55px;
      padding: 0 14px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      background: var(--preboot-layout-header);
      border-bottom: 1px solid var(--preboot-border);
    }

    .mpower-intake-page {
      flex: 1;
      width: min(1170px, calc(100% - 32px));
      margin: 0 auto;
      padding: 22px 0 0;
    }

    .mpower-intake-title-row {
      display: flex;
      justify-content: space-between;
      align-items: center;
      gap: 18px;
      margin-bottom: 30px;
    }

    .mpower-intake-title-group {
      display: flex;
      align-items: center;
      gap: 14px;
    }

    .mpower-intake-tabs {
      display: flex;
      justify-content: space-between;
      gap: 28px;
      margin-bottom: 25px;
    }

    .mpower-intake-tab {
      display: flex;
      align-items: center;
      flex: 1;
      gap: 14px;
      min-height: 42px;
      padding: 0;
      border: 0;
      background: transparent;
    }

    .mpower-intake-tab:first-child {
      box-shadow: none;
    }

    .mpower-intake-tab-lines {
      display: grid;
      gap: 6px;
      flex: 1;
      min-width: 0;
    }

    .mpower-intake-content {
      padding: 20px;
      border: 1px solid var(--preboot-border);
      border-radius: 0;
      background: var(--preboot-panel);
      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.03);
    }

    .mpower-intake-form-grid {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      column-gap: 8px;
      row-gap: 11px;
      margin-bottom: 12px;
    }

    .mpower-intake-field {
      display: grid;
      gap: 5px;
      min-width: 0;
    }

    .mpower-intake-field--wide {
      grid-column: 1 / -1;
    }

    .mpower-intake-buttons {
      margin-top: 8px;
      display: flex;
      justify-content: flex-end;
      gap: 12px;
    }

    .mpower-preboot--external {
      align-items: center;
      justify-content: center;
      padding: 24px;
      background: var(--preboot-shell-bg);
    }

    .mpower-external-shell {
      width: 100%;
      min-height: calc(100vh - 48px);
      display: flex;
      align-items: center;
      justify-content: center;
    }

    .mpower-external-card {
      width: min(480px, 100%);
      display: grid;
      border-radius: 8px;
      border: 1px solid var(--preboot-border);
      background: var(--preboot-panel);
      overflow: hidden;
      box-shadow: 0 16px 42px rgba(0, 0, 0, 0.06);
    }

    .mpower-external-header {
      min-height: 56px;
      padding: 0 20px;
      display: flex;
      align-items: center;
      gap: 10px;
      border-bottom: 1px solid var(--preboot-border);
      background: var(--preboot-panel);
    }

    .mpower-external-body {
      padding: 24px 20px 20px;
      display: grid;
      gap: 14px;
      justify-items: center;
    }

    .mpower-external-fields {
      width: 100%;
      display: grid;
      gap: 10px;
      padding: 14px;
      border: 1px solid var(--preboot-border);
      border-radius: 6px;
      background: var(--preboot-skeleton-soft);
      box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.03);
    }

    .mpower-external-consent {
      width: 100%;
      display: none;
      padding: 12px;
      border: 1px solid var(--preboot-border);
      border-radius: 6px;
      background: var(--preboot-skeleton-soft);
    }

    .mpower-external-actions {
      width: 100%;
      display: flex;
      justify-content: space-between;
      gap: 14px;
    }

    .mpower-signup-shell,
    .mpower-scheduling-shell,
    .mpower-telemedicine-shell {
      display: none;
      width: 100%;
      min-height: 100vh;
    }

    .mpower-signup-shell {
      background: var(--preboot-panel);
    }

    .mpower-signup-header {
      position: relative;
      height: 104px;
      display: grid;
      justify-items: center;
      align-content: center;
      gap: 7px;
      border-bottom: 1px solid var(--preboot-border);
    }

    .skeleton-block--signup-logo {
      position: absolute;
      top: 14px;
      left: 18px;
      width: 72px;
      height: 18px;
    }

    .skeleton-block--signup-title {
      width: 110px;
      height: 20px;
    }

    .skeleton-block--signup-subtitle {
      width: 150px;
      height: 9px;
    }

    .mpower-signup-steps {
      width: min(560px, calc(100% - 32px));
      height: 56px;
      margin: 0 auto;
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      align-items: center;
      gap: 34px;
    }

    .skeleton-block--signup-step {
      height: 12px;
      border-radius: 6px;
    }

    .mpower-signup-content {
      min-height: calc(100vh - 160px);
      padding: 22px max(24px, calc((100vw - 1160px) / 2)) 30px;
      display: grid;
      justify-items: center;
      align-content: start;
      gap: 20px;
      background: var(--preboot-shell-bg);
    }

    .skeleton-block--signup-heading {
      width: 260px;
      height: 16px;
    }

    .mpower-signup-plans {
      width: 100%;
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 18px;
    }

    .mpower-signup-plan {
      height: 480px;
      border: 1px solid var(--preboot-border);
      border-radius: 4px;
      background:
        linear-gradient(var(--preboot-skeleton), var(--preboot-skeleton)) 50% 24px / 42% 18px no-repeat,
        repeating-linear-gradient(to bottom, var(--preboot-skeleton-soft) 0 8px, transparent 8px 25px) 24px 92px / calc(100% - 48px) 245px no-repeat,
        var(--preboot-panel);
    }

    .skeleton-block--signup-button {
      width: 120px;
      height: 34px;
      border-radius: 3px;
    }

    .mpower-scheduling-shell {
      max-width: 1300px;
      margin: 0 auto;
      padding: 20px;
      overflow: hidden auto;
      background: var(--preboot-panel);
    }

    .mpower-scheduling-container {
      width: 100%;
      min-height: calc(100vh - 40px);
      border-radius: 11px;
      background: var(--preboot-skeleton-soft);
    }

    .mpower-scheduling-page {
      width: 100%;
      max-width: 1170px;
      margin: 0 auto;
      padding: 20px;
    }

    .mpower-scheduling-heading {
      display: grid;
      justify-items: start;
      gap: 5px;
      padding-bottom: 15px;
      margin-bottom: 10px;
    }

    .skeleton-block--scheduling-title {
      width: 280px;
      height: 24px;
    }

    .skeleton-block--scheduling-with {
      width: 40px;
      height: 10px;
      margin-top: 5px;
    }

    .skeleton-block--scheduling-provider {
      width: 105px;
      height: 12px;
    }

    .mpower-scheduling-tabs {
      display: flex;
      justify-content: space-between;
      width: 100%;
      margin-bottom: 20px;
    }

    .mpower-scheduling-tab {
      flex: 1;
      display: flex;
      align-items: flex-start;
      gap: 15px;
      padding-left: 14px;
    }

    .mpower-scheduling-tab-copy {
      display: grid;
      gap: 6px;
      padding-top: 1px;
    }

    .skeleton-block--scheduling-tab-number {
      width: 37px;
      height: 37px;
      flex: 0 0 37px;
      border-radius: 8px;
    }

    .skeleton-block--scheduling-tab-step {
      width: 74px;
      height: 9px;
    }

    .skeleton-block--scheduling-tab-label {
      width: 135px;
      height: 13px;
    }

    .mpower-scheduling-content {
      min-height: 280px;
      padding: 50px 94px;
      border: 1px solid var(--preboot-border);
      border-radius: 5px;
      background: var(--preboot-panel);
      box-shadow: 0 3px 10px rgba(160, 165, 170, 0.16);
    }

    .skeleton-block--scheduling-section-title {
      width: 145px;
      height: 22px;
      margin: 15px 0;
    }

    .mpower-scheduling-fields {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 8px;
    }

    .mpower-scheduling-field {
      display: grid;
      gap: 6px;
    }

    .skeleton-block--scheduling-field-label {
      width: 68px;
      height: 10px;
    }

    .skeleton-block--scheduling-field-input {
      height: 40px;
      border-radius: 3px;
    }

    .skeleton-block--scheduling-button {
      width: 62px;
      height: 38px;
      margin: 25px 0 0 auto;
      border-radius: 3px;
    }

    .mpower-telemedicine-shell {
      justify-content: center;
      align-items: flex-start;
      padding: 44px 20px;
      background: var(--preboot-shell-bg);
    }

    .mpower-telemedicine-card {
      width: min(560px, 100%);
      border: 1px solid var(--preboot-border);
      border-radius: 8px;
      overflow: hidden;
      background: var(--preboot-panel);
      box-shadow: 0 14px 36px rgba(0, 0, 0, 0.06);
    }

    .mpower-telemedicine-header {
      height: 56px;
      padding: 0 20px;
      display: flex;
      align-items: center;
      gap: 10px;
      border-bottom: 1px solid var(--preboot-border);
    }

    .mpower-telemedicine-body {
      padding: 32px 18px 20px;
    }

    .mpower-telemedicine-details,
    .mpower-telemedicine-consent {
      margin-top: 28px;
      padding: 14px 12px;
      border: 1px solid var(--preboot-border);
      border-radius: 6px;
      background: var(--preboot-skeleton-soft);
    }

    .mpower-telemedicine-details {
      display: grid;
      gap: 11px;
    }

    .mpower-telemedicine-consent {
      margin-top: 8px;
      display: grid;
      gap: 12px;
    }

    .mpower-telemedicine-actions {
      margin-top: 18px;
      display: flex;
      justify-content: space-between;
    }

    .skeleton-block--telemedicine-icon {
      width: 20px;
      height: 16px;
      border-radius: 3px;
    }

    .skeleton-block--telemedicine-title {
      width: 185px;
      height: 17px;
    }

    .skeleton-block--telemedicine-message {
      width: 88%;
      height: 18px;
    }

    .skeleton-block--telemedicine-row {
      width: 100%;
      height: 11px;
    }

    .skeleton-block--telemedicine-label {
      width: 80px;
      height: 12px;
    }

    .skeleton-block--telemedicine-read {
      width: 145px;
      height: 38px;
      border-radius: 4px;
    }

    .skeleton-block--telemedicine-cancel,
    .skeleton-block--telemedicine-accept {
      width: 125px;
      height: 40px;
      border-radius: 4px;
    }

    .skeleton-block--telemedicine-accept {
      width: 175px;
    }

    #mpower-preboot-splash.mpower-preboot-signup .mpower-preboot--external,
    #mpower-preboot-splash.mpower-preboot-scheduling .mpower-preboot--external,
    #mpower-preboot-splash.mpower-preboot-consent-video .mpower-preboot--external {
      padding: 0;
      align-items: flex-start;
    }

    #mpower-preboot-splash.mpower-preboot-signup .mpower-external-shell,
    #mpower-preboot-splash.mpower-preboot-scheduling .mpower-external-shell,
    #mpower-preboot-splash.mpower-preboot-consent-video .mpower-external-shell {
      display: none;
    }

    #mpower-preboot-splash.mpower-preboot-signup .mpower-signup-shell,
    #mpower-preboot-splash.mpower-preboot-scheduling .mpower-scheduling-shell {
      display: block;
    }

    #mpower-preboot-splash.mpower-preboot-consent-video .mpower-telemedicine-shell {
      display: flex;
    }

    .mpower-covid-visa-shell {
      display: none;
      width: 100%;
      min-height: auto;
    }

    .mpower-covid-visa-container {
      width: 100%;
      display: grid;
      grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
      gap: 24px;
      padding: 10px;
      align-items: start;
    }

    .mpower-covid-visa-card {
      background: var(--preboot-panel);
      border: 1px solid var(--preboot-border);
      border-radius: 3px;
      overflow: hidden;
      box-shadow: 0 8px 18px rgba(0, 0, 0, 0.04);
    }

    .mpower-covid-visa-card--patient {
      height: 583px;
    }

    .mpower-covid-visa-card--health {
      height: 676px;
      padding: 24px;
    }

    .mpower-covid-visa-profile {
      display: grid;
      justify-items: center;
      gap: 10px;
      padding: 22px 18px;
      border-bottom: 1px solid var(--preboot-border);
      background: var(--preboot-panel);
    }

    .mpower-covid-visa-lines {
      display: grid;
      gap: 14px;
      padding: 18px;
    }

    .mpower-covid-visa-grid {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 14px;
      margin-top: 16px;
    }

    #mpower-preboot-splash.mpower-preboot-covid-visa .mpower-preboot--external {
      align-items: flex-start;
      justify-content: center;
      overflow: auto;
      padding: 3% 10%;
      background: var(--preboot-shell-bg);
    }

    #mpower-preboot-splash.mpower-preboot-covid-visa .mpower-external-shell {
      display: none;
    }

    #mpower-preboot-splash.mpower-preboot-covid-visa .mpower-covid-visa-shell {
      display: flex;
    }

    .mpower-provider-profile-shell {
      display: none;
      width: 100%;
    }

    .mpower-provider-profile-container {
      width: min(1000px, 100%);
      display: grid;
      grid-template-columns: 1fr;
      gap: 16px;
      align-items: start;
    }

    .mpower-provider-profile-main,
    .mpower-provider-profile-details,
    .mpower-provider-profile-location-lines {
      display: grid;
    }

    .mpower-provider-profile-main {
      gap: 16px;
    }

    .mpower-provider-profile-card {
      background: var(--preboot-panel);
      border: 1px solid var(--preboot-border);
      border-radius: 4px;
      box-shadow: 0 8px 18px rgba(0, 0, 0, 0.04);
      overflow: hidden;
    }

    .mpower-provider-profile-card--hero {
      min-height: 230px;
    }

    .mpower-provider-profile-card--locations {
      min-height: 430px;
      padding: 20px 24px 12px;
    }

    .mpower-provider-profile-hero,
    .mpower-provider-profile-location {
      display: flex;
      gap: 22px;
      align-items: flex-start;
    }

    .mpower-provider-profile-hero {
      padding: 24px;
    }

    .mpower-provider-profile-details {
      flex: 1;
      min-width: 0;
      gap: 12px;
    }

    .mpower-provider-profile-location {
      padding: 18px 0;
      border-bottom: 1px solid var(--preboot-border);
    }

    .mpower-provider-profile-location-lines {
      flex: 1;
      min-width: 0;
      gap: 10px;
    }

    #mpower-preboot-splash.mpower-preboot-provider-profile .mpower-preboot--external {
      align-items: flex-start;
      justify-content: center;
      overflow: auto;
      padding: 3% 10%;
      background: var(--preboot-shell-bg);
    }

    #mpower-preboot-splash.mpower-preboot-provider-profile .mpower-external-shell {
      display: none;
    }

    #mpower-preboot-splash.mpower-preboot-provider-profile .mpower-provider-profile-shell {
      display: flex;
    }

    .skeleton-block {
      position: relative;
      overflow: hidden;
      border-radius: 10px;
      background: var(--preboot-skeleton);
      animation: pulse 2.8s ease-in-out infinite;
    }

    .skeleton-block::after {
      content: "";
      position: absolute;
      inset: 0;
      transform: translateX(-100%);
      background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.35), rgba(255, 255, 255, 0));
      animation: shimmer 3.8s ease-in-out infinite;
    }

    .skeleton-block--menu-logo {
      height: 42px;
      width: 78%;
      margin-bottom: 10px;
      background: var(--preboot-skeleton-on-theme-strong);
    }

    .skeleton-block--menu-item {
      height: 38px;
      border-radius: 8px;
      background: var(--preboot-skeleton-on-theme);
    }

    .skeleton-block--header-left {
      width: 230px;
      height: 24px;
      background: var(--preboot-skeleton-on-theme);
    }

    .skeleton-block--header-right {
      width: 44px;
      height: 44px;
      border-radius: 50%;
      background: var(--preboot-skeleton-on-theme-strong);
    }

    .skeleton-block--card {
      height: 112px;
      border-radius: 12px;
      background: var(--preboot-skeleton);
      animation: pulse-card 4.8s ease-in-out infinite;
    }

    .skeleton-block--card::after {
      display: none;
    }

    .skeleton-block--login-brand {
      width: 170px;
      height: 42px;
      border-radius: 10px;
      background: var(--preboot-skeleton);
    }

    .skeleton-block--login-hero-image {
      width: 320px;
      max-width: 100%;
      height: 42px;
      border-radius: 12px;
      margin-bottom: 6px;
      background: var(--preboot-skeleton);
    }

    .skeleton-block--login-hero-line {
      width: 100%;
      height: 13px;
      border-radius: 7px;
      background: var(--preboot-skeleton);
    }

    .skeleton-block--login-hero-line-short {
      width: 82%;
    }

    .skeleton-block--login-title {
      width: 78%;
      height: 29px;
      border-radius: 10px;
      background: var(--preboot-skeleton);
    }

    .skeleton-block--login-subtitle {
      width: 54%;
      height: 14px;
      border-radius: 7px;
      margin-bottom: 6px;
      background: var(--preboot-skeleton);
    }

    .skeleton-block--login-label {
      width: 62px;
      height: 10px;
      border-radius: 4px;
      background: var(--preboot-skeleton);
    }

    .skeleton-block--login-label-short {
      width: 86px;
    }

    .skeleton-block--login-input {
      width: 100%;
      height: 44px;
      border-radius: 9px;
      background: var(--preboot-skeleton);
    }

    .skeleton-block--login-forgot {
      width: 38%;
      height: 12px;
      border-radius: 6px;
      margin-left: auto;
      margin-top: 2px;
      background: var(--preboot-skeleton);
    }

    .skeleton-block--login-button {
      width: 100%;
      height: 45px;
      margin-top: 10px;
      border-radius: 8px;
      background: var(--preboot-skeleton-strong);
    }

    .skeleton-block--login-terms-line {
      width: 88%;
      height: 10px;
      border-radius: 5px;
      background: var(--preboot-skeleton);
    }

    .skeleton-block--login-terms-line-short {
      width: 64%;
    }

    .skeleton-block--login-copyright {
      width: 52%;
      height: 10px;
      border-radius: 5px;
      margin: 18px auto 0;
      background: var(--preboot-skeleton);
    }

    .skeleton-block--landing-settings {
      width: 38px;
      height: 38px;
      border-radius: 50%;
      background: var(--preboot-skeleton-on-theme);
    }

    .skeleton-block--landing-avatar {
      width: 72px;
      height: 72px;
      border-radius: 50%;
      background: var(--preboot-skeleton-on-theme-strong);
    }

    .skeleton-block--landing-title {
      width: 210px;
      height: 24px;
      background: var(--preboot-skeleton-on-theme-strong);
    }

    .skeleton-block--landing-subtitle {
      width: 128px;
      height: 13px;
      background: var(--preboot-skeleton-on-theme);
    }

    .skeleton-block--landing-chat {
      width: 106px;
      height: 42px;
      background: var(--preboot-skeleton-on-theme);
    }

    .skeleton-block--landing-action {
      width: min(220px, 34vw);
      height: 72px;
      background: var(--preboot-skeleton-on-theme);
    }

    .skeleton-block--landing-search {
      flex: 1;
      height: 42px;
      background: var(--preboot-skeleton);
    }

    .skeleton-block--landing-search-button {
      width: 108px;
      height: 42px;
      background: var(--preboot-skeleton-strong);
    }

    .skeleton-block--landing-menu-icon {
      width: 48px;
      height: 48px;
      border-radius: 7px;
      background: var(--preboot-icon-bg);
    }

    .skeleton-block--landing-menu-title {
      width: 62%;
      height: 16px;
      background: var(--preboot-skeleton);
    }

    .skeleton-block--landing-menu-desc {
      width: 88%;
      height: 12px;
      background: var(--preboot-skeleton-soft);
    }

    .skeleton-block--landing-menu-arrow {
      width: 28px;
      height: 28px;
      border-radius: 50%;
      background: var(--preboot-skeleton);
    }

    .skeleton-block--landing-footer {
      width: 260px;
      height: 12px;
      background: var(--preboot-skeleton);
    }

    .skeleton-block--intake-header-left {
      width: 240px;
      height: 28px;
      background: var(--preboot-skeleton-on-theme);
    }

    .skeleton-block--intake-header-right {
      width: 48px;
      height: 48px;
      border-radius: 50%;
      background: var(--preboot-skeleton-on-theme);
    }

    .skeleton-block--intake-title-icon {
      width: 40px;
      height: 40px;
      border-radius: 8px;
      background: var(--preboot-icon-bg);
    }

    .skeleton-block--intake-title {
      width: 205px;
      height: 24px;
      background: var(--preboot-skeleton-strong);
    }

    .skeleton-block--intake-skip {
      width: 150px;
      height: 14px;
      background: var(--preboot-skeleton);
    }

    .skeleton-block--intake-tab-number {
      width: 37px;
      height: 37px;
      border-radius: 8px;
      background: #ffffff;
      border: 2px solid var(--preboot-border);
    }

    .mpower-intake-tab:first-child .skeleton-block--intake-tab-number {
      background: var(--preboot-skeleton-strong);
      border-color: var(--preboot-skeleton-strong);
    }

    .skeleton-block--intake-tab-step {
      width: 78px;
      height: 10px;
      background: var(--preboot-skeleton);
    }

    .skeleton-block--intake-tab-label {
      width: min(160px, 100%);
      height: 16px;
      background: var(--preboot-skeleton-strong);
    }

    .skeleton-block--intake-label {
      width: 76px;
      height: 10px;
      border-radius: 4px;
      background: var(--preboot-skeleton-soft);
    }

    .skeleton-block--intake-label-short {
      width: 48px;
    }

    .skeleton-block--intake-field {
      height: 40px;
      border-radius: 5px;
      border: 1px solid var(--preboot-border);
      background: #ffffff;
    }

    .skeleton-block--intake-phone {
      height: 40px;
      border-radius: 5px;
      border: 1px solid var(--preboot-border);
      background: linear-gradient(90deg, var(--preboot-skeleton-soft) 0 18%, #ffffff 18% 100%);
    }

    .skeleton-block--intake-button {
      width: 104px;
      height: 40px;
      background: var(--preboot-skeleton);
    }

    .skeleton-block--intake-button-primary {
      background: var(--preboot-skeleton-strong);
    }

    .skeleton-block--external-icon {
      width: 18px;
      height: 14px;
      border-radius: 3px;
      background: var(--preboot-primary);
      flex: none;
    }

    .skeleton-block--external-title {
      width: 210px;
      max-width: 70%;
      height: 18px;
      background: var(--preboot-skeleton);
    }

    .skeleton-block--external-subtitle {
      width: 100%;
      height: 18px;
      background: var(--preboot-skeleton-soft);
    }

    .skeleton-block--external-field {
      width: 100%;
      height: 13px;
      background: var(--preboot-skeleton);
    }

    .skeleton-block--external-access-code {
      width: 100%;
      height: 13px;
      margin: 0;
      background: var(--preboot-skeleton);
    }

    .skeleton-block--external-consent-label {
      width: 86px;
      height: 13px;
      margin-bottom: 12px;
      background: var(--preboot-skeleton-strong);
    }

    .skeleton-block--external-consent-button {
      width: 145px;
      height: 38px;
      background: var(--preboot-skeleton-strong);
    }

    .skeleton-block--external-action {
      width: 126px;
      height: 40px;
      background: var(--preboot-skeleton);
    }

    .skeleton-block--external-action-cancel {
      background: var(--preboot-skeleton);
    }

    .skeleton-block--external-action-accept {
      width: 174px;
      background: var(--preboot-primary);
    }

    .skeleton-block--covid-avatar {
      width: 120px;
      height: 120px;
      border-radius: 50%;
      background: var(--preboot-skeleton-strong);
    }

    .skeleton-block--covid-name {
      width: 190px;
      height: 20px;
      background: var(--preboot-skeleton);
    }

    .skeleton-block--covid-dob {
      width: 130px;
      height: 13px;
      background: var(--preboot-skeleton-soft);
    }

    .skeleton-block--covid-line {
      width: 100%;
      height: 14px;
      background: var(--preboot-skeleton);
    }

    .skeleton-block--covid-line-medium {
      width: 78%;
    }

    .skeleton-block--covid-line-short {
      width: 58%;
    }

    .skeleton-block--covid-heading {
      width: 190px;
      height: 22px;
      background: var(--preboot-skeleton-strong);
    }

    .skeleton-block--covid-section {
      height: 86px;
      border-radius: 8px;
      background: var(--preboot-skeleton-soft);
    }

    .skeleton-block--provider-profile-avatar {
      width: 100px;
      height: 100px;
      flex: 0 0 100px;
      border-radius: 50%;
      background: var(--preboot-skeleton-strong);
    }

    .skeleton-block--provider-profile-name {
      width: min(360px, 70%);
      height: 36px;
      background: var(--preboot-skeleton-strong);
    }

    .skeleton-block--provider-profile-email {
      width: min(280px, 58%);
      height: 17px;
      background: var(--preboot-skeleton);
    }

    .skeleton-block--provider-profile-row {
      width: 82%;
      height: 32px;
      border-radius: 0;
      background: var(--preboot-skeleton-soft);
    }

    .skeleton-block--provider-profile-row-long {
      width: 100%;
    }

    .skeleton-block--provider-profile-heading {
      width: 190px;
      height: 22px;
      margin-bottom: 16px;
      background: var(--preboot-skeleton-strong);
    }

    .skeleton-block--provider-profile-location-image {
      width: 100px;
      height: 100px;
      flex: 0 0 100px;
      border-radius: 0;
      background: var(--preboot-skeleton-strong);
    }

    .skeleton-block--provider-profile-line {
      width: 100%;
      height: 22px;
      border-radius: 0;
      background: var(--preboot-skeleton-soft);
    }

    .skeleton-block--provider-profile-line-medium {
      width: 78%;
    }

    .skeleton-block--provider-profile-line-short {
      width: 58%;
    }

    @keyframes pulse {
      0% {
        opacity: 0.78;
      }

      50% {
        opacity: 0.93;
      }

      100% {
        opacity: 0.78;
      }
    }

    @keyframes shimmer {
      100% {
        transform: translateX(100%);
      }
    }

    @keyframes pulse-card {
      0% {
        opacity: 0.9;
      }

      50% {
        opacity: 0.96;
      }

      100% {
        opacity: 0.9;
      }
    }

    @media (max-width: 1200px) {
      .mpower-preboot__header {
        height: 58px;
        background: var(--preboot-mobile-layout-header);
      }

      .mpower-preboot__menu {
        background: var(--preboot-mobile-layout-menu);
      }

      #mpower-preboot-splash.mpower-preboot-covid-visa .mpower-preboot--external {
        padding: 2%;
      }

      #mpower-preboot-splash.mpower-preboot-covid-visa .mpower-covid-visa-container {
        gap: 10px;
      }

      #mpower-preboot-splash.mpower-preboot-provider-profile .mpower-preboot--external {
        padding: 2%;
      }

      #mpower-preboot-splash.mpower-preboot-provider-profile .mpower-provider-profile-container {
        grid-template-columns: 1fr;
        gap: 16px;
      }
    }

    @media (max-width: 992px) {
      .mpower-preboot__menu {
        width: 96px;
      }

      .skeleton-block--header-left {
        width: 180px;
      }

      .mpower-login-hero {
        flex: 0 0 50%;
        max-width: 50%;
      }

      .mpower-landing-body {
        width: min(860px, calc(100% - 24px));
      }

      .mpower-landing-menu {
        grid-template-columns: repeat(1, minmax(0, 1fr));
      }

      .mpower-intake-tabs {
        gap: 18px;
      }
    }

    @media (max-width: 768px) {
      .mpower-preboot--app {
        flex-direction: column;
      }

      .mpower-preboot__menu {
        display: none;
      }

      .mpower-preboot__content {
        padding: 12px;
      }

      .mpower-preboot__cards {
        grid-template-columns: repeat(1, minmax(0, 1fr));
      }

      .mpower-login-shell {
        display: block;
        background: var(--preboot-shell-bg);
      }

      .mpower-login-hero {
        max-width: 100%;
        min-height: 255px;
        padding: 22px 20px 30px;
      }

      .skeleton-block--login-brand {
        width: 152px;
        height: 34px;
        margin: 0 auto;
      }

      .mpower-login-hero-copy {
        position: relative;
        left: auto;
        right: auto;
        bottom: auto;
        margin: 24px auto 0;
        max-width: 300px;
      }

      .skeleton-block--login-hero-image {
        width: 270px;
        height: 34px;
        margin: 0 auto 4px;
      }

      .skeleton-block--login-hero-line {
        margin-left: auto;
        margin-right: auto;
      }

      .mpower-login-panel {
        min-height: 0;
        background: transparent;
        display: block;
        box-shadow: none;
      }

      .mpower-login-form-shell {
        width: calc(100% - 18px);
        margin: -28px auto 0;
        padding: 26px 18px 18px;
        border-radius: 16px 16px 0 0;
        background: #ffffff;
        box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
      }

      .skeleton-block--login-title {
        width: 82%;
      }

      .skeleton-block--login-subtitle {
        width: 70%;
      }

      .skeleton-block--login-forgot {
        width: 48%;
      }

      .skeleton-block--login-copyright {
        width: 72%;
      }

      .mpower-landing-shell {
        min-height: 100dvh;
      }

      .mpower-landing-header {
        min-height: 188px;
        padding: 22px 22px 18px;
      }

      .mpower-landing-settings {
        top: 16px;
        right: 16px;
      }

      .mpower-landing-top {
        flex-direction: row;
        justify-content: space-between;
        gap: 16px;
        padding-top: 0;
      }

      .mpower-landing-profile {
        flex-direction: row;
        text-align: left;
        gap: 14px;
      }

      .mpower-landing-profile-lines {
        justify-items: start;
      }

      .skeleton-block--landing-avatar {
        width: 75px;
        height: 75px;
      }

      .skeleton-block--landing-title {
        width: min(190px, 48vw);
        height: 21px;
      }

      .skeleton-block--landing-subtitle {
        width: 116px;
      }

      .skeleton-block--landing-chat {
        width: 42px;
        height: 42px;
        border-radius: 6px;
      }

      .mpower-landing-actions {
        margin-top: 28px;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
      }

      .skeleton-block--landing-action {
        flex: 1;
        width: auto;
        height: 40px;
      }

      .mpower-landing-actions::before {
        content: "";
        width: 1px;
        height: 40px;
        order: 2;
        background: var(--preboot-border);
      }

      .mpower-landing-actions .skeleton-block:first-child {
        order: 1;
      }

      .mpower-landing-actions .skeleton-block:last-child {
        order: 3;
      }

      .mpower-landing-body {
        width: calc(100% - 18px);
        margin-top: 10px;
        gap: 10px;
      }

      .mpower-landing-search {
        min-height: 48px;
        padding: 4px;
        gap: 4px;
      }

      .skeleton-block--landing-search-button {
        width: 102px;
        height: 40px;
      }

      .mpower-landing-menu {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 8px;
      }

      .mpower-landing-menu-card {
        min-height: 196px;
        align-items: flex-start;
        flex-direction: column;
        padding: 14px;
        gap: 11px;
      }

      .skeleton-block--landing-menu-icon {
        width: 40px;
        height: 38px;
      }

      .skeleton-block--landing-menu-arrow {
        position: absolute;
        top: 20px;
        right: 20px;
        width: 18px;
        height: 18px;
      }

      .skeleton-block--landing-menu-title {
        width: 78%;
        height: 13px;
      }

      .skeleton-block--landing-menu-desc {
        width: 94%;
        height: 11px;
      }

      .mpower-landing-footer {
        padding: 12px;
      }

      #mpower-preboot-splash.mpower-preboot-patient-layout .mpower-landing-header {
        min-height: 260px;
        padding: 20px 16px 24px;
      }

      #mpower-preboot-splash.mpower-preboot-patient-layout .mpower-landing-top {
        flex-direction: column;
        justify-content: flex-start;
        gap: 16px;
        padding-top: 18px;
      }

      #mpower-preboot-splash.mpower-preboot-patient-layout .mpower-landing-profile {
        flex-direction: column;
        text-align: center;
        gap: 10px;
      }

      #mpower-preboot-splash.mpower-preboot-patient-layout .mpower-landing-profile-lines {
        justify-items: center;
      }

      #mpower-preboot-splash.mpower-preboot-patient-layout .mpower-landing-actions {
        justify-content: center;
      }

      #mpower-preboot-splash.mpower-preboot-patient-layout .mpower-landing-actions::before {
        display: none;
      }

      .mpower-intake-shell {
        min-height: 100dvh;
      }

      .mpower-intake-header {
        height: 55px;
        padding: 0 14px;
      }

      .skeleton-block--intake-header-left {
        width: 160px;
      }

      .mpower-intake-page {
        width: calc(100% - 18px);
        padding: 14px 0 0;
      }

      .mpower-intake-title-row {
        align-items: center;
        flex-direction: row;
        gap: 10px;
        margin-bottom: 18px;
      }

      .skeleton-block--intake-title {
        width: min(170px, 42vw);
      }

      .mpower-intake-tabs {
        gap: 12px;
        margin-bottom: 16px;
        overflow: hidden;
      }

      .mpower-intake-tab {
        min-width: 40px;
        flex: 1;
        gap: 0;
      }

      .mpower-intake-tab-lines {
        display: none;
      }

      .skeleton-block--intake-tab-number {
        width: 40px;
        height: 40px;
      }

      .mpower-intake-content {
        padding: 12px;
      }

      .mpower-intake-form-grid {
        grid-template-columns: repeat(1, minmax(0, 1fr));
        gap: 10px;
      }

      .mpower-intake-field--wide {
        grid-column: auto;
      }

      .mpower-intake-buttons {
        justify-content: stretch;
      }

      .skeleton-block--intake-button {
        flex: 1;
      }

      .mpower-preboot--external {
        padding: 12px;
      }

      .mpower-external-shell {
        min-height: calc(100dvh - 24px);
      }

      .mpower-external-card {
        width: 100%;
      }

      .mpower-external-body {
        padding: 22px 16px;
      }

      .mpower-external-actions {
        flex-wrap: wrap;
      }

      .skeleton-block--external-action,
      .skeleton-block--external-action-accept {
        flex: 1;
        min-width: 130px;
      }

      .skeleton-block--external-title {
        width: 84%;
      }

      .skeleton-block--external-subtitle {
        width: 72%;
      }

      .mpower-signup-header {
        height: 88px;
      }

      .skeleton-block--signup-logo {
        top: 12px;
        left: 12px;
        width: 54px;
        height: 14px;
      }

      .mpower-signup-steps {
        height: 48px;
        gap: 14px;
      }

      .mpower-signup-content {
        min-height: calc(100dvh - 136px);
        padding: 18px 12px 24px;
      }

      .mpower-signup-plans {
        grid-template-columns: 1fr;
      }

      .mpower-signup-plan {
        height: 230px;
      }

      .mpower-signup-plan:not(:first-child) {
        display: none;
      }

      .mpower-scheduling-shell {
        padding: 8px;
      }

      .mpower-scheduling-container {
        min-height: calc(100dvh - 16px);
      }

      .mpower-scheduling-page {
        padding: 20px;
      }

      .mpower-scheduling-heading {
        margin-bottom: 28px;
      }

      .skeleton-block--scheduling-title {
        width: 210px;
      }

      .mpower-scheduling-tabs {
        margin: 0 0 24px;
        gap: 6px;
      }

      .mpower-scheduling-tab {
        gap: 6px;
      }

      .skeleton-block--scheduling-tab-number {
        width: 40px;
        height: 40px;
        flex-basis: 40px;
      }

      .skeleton-block--scheduling-tab-step {
        width: 45px;
      }

      .skeleton-block--scheduling-tab-label {
        width: min(70px, 100%);
      }

      .mpower-scheduling-content {
        min-height: 300px;
        padding: 20px;
      }

      .mpower-scheduling-fields {
        grid-template-columns: 1fr;
        gap: 14px;
      }

      .mpower-telemedicine-shell {
        padding: 12px 8px;
      }

      .mpower-telemedicine-body {
        padding: 24px 12px 16px;
      }

      .mpower-telemedicine-details {
        margin-top: 22px;
      }

      .skeleton-block--telemedicine-cancel {
        width: 105px;
      }

      .skeleton-block--telemedicine-accept {
        width: 145px;
      }

      #mpower-preboot-splash.mpower-preboot-consent-video .mpower-preboot--external {
        background-image: none;
      }

      #mpower-preboot-splash.mpower-preboot-consent-video .mpower-external-shell {
        padding-top: 10px;
      }

      #mpower-preboot-splash.mpower-preboot-covid-visa .mpower-covid-visa-shell {
        min-height: 100dvh;
      }

      #mpower-preboot-splash.mpower-preboot-covid-visa .mpower-preboot--external {
        padding: 0;
      }

      #mpower-preboot-splash.mpower-preboot-covid-visa .mpower-covid-visa-container {
        grid-template-columns: 1fr;
        padding: 10px;
      }

      #mpower-preboot-splash.mpower-preboot-covid-visa .mpower-covid-visa-card--patient,
      #mpower-preboot-splash.mpower-preboot-covid-visa .mpower-covid-visa-card--health {
        height: auto;
        min-height: auto;
      }

      #mpower-preboot-splash.mpower-preboot-covid-visa .mpower-covid-visa-grid {
        grid-template-columns: 1fr;
      }

      #mpower-preboot-splash.mpower-preboot-provider-profile .mpower-preboot--external {
        padding: 3% 2%;
      }

      #mpower-preboot-splash.mpower-preboot-provider-profile .mpower-provider-profile-hero,
      #mpower-preboot-splash.mpower-preboot-provider-profile .mpower-provider-profile-location {
        flex-direction: column;
      }

      #mpower-preboot-splash.mpower-preboot-provider-profile .mpower-provider-profile-card--hero,
      #mpower-preboot-splash.mpower-preboot-provider-profile .mpower-provider-profile-card--locations {
        min-height: auto;
      }

      .skeleton-block--provider-profile-name,
      .skeleton-block--provider-profile-email,
      .skeleton-block--provider-profile-row {
        width: 100%;
      }
    }

    @media (prefers-reduced-motion: reduce) {
      #mpower-preboot-splash {
        transition: none;
      }

      .skeleton-block,
      .skeleton-block::after {
        animation: none;
      }
    }