/* inline */
@scope (html[data-site-styles~="87b1e5224d4bc2df"]) {
      body:where(:scope, *) {
        margin: 0;
        padding: 0;
        transition: background-color 0.3s ease;
      }

      body:where(:scope, *) {
        background-color: #fff;
        color: #000;
      }

      body.jp-mod-dark:where(:scope, *) {
        background-color: #111;
        color: #fff;
      }

      #jupyterlite-loading-indicator:where(:scope, *) {
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        text-align: center;
        z-index: 1000;
        opacity: 0; /* Hidden by default */
        transition: opacity 0.5s ease-out;
        display: none; /* Hidden by default */
      }

      #jupyterlite-loading-indicator.hidden:where(:scope, *) {
        animation: fadeOut-645128a0ef265d95 0.5s ease-out forwards;
        pointer-events: none;
      }

      /* Show the indicator when needed */
      #jupyterlite-loading-indicator:not(.hidden):where(:scope, *) {
        opacity: 1;
        display: block;
      }

      .jupyterlite-loading-indicator-spinner:where(:scope, *) {
        width: 60px;
        height: 60px;
        margin: 0 auto 20px;
        border: 6px solid rgba(0, 0, 0, 0.1);
        border-top: 6px solid #FFDC00; /* Bright yellow color */
        border-radius: 50%;
        animation: jupyter-spin-bc9379af53c51e35 1s linear infinite;
      }

      body.jp-mod-dark .jupyterlite-loading-indicator-spinner:where(:scope, *) {
        border: 6px solid rgba(255, 255, 255, 0.1);
        border-top: 6px solid #FFDC00;
      }

      .jupyterlite-loading-indicator-text:where(:scope, *) {
        font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
        font-size: 16px;
      }

      /* Adjust text color based on theme */
      body.jp-mod-light .jupyterlite-loading-indicator-text:where(:scope, *) {
        color: #000000;
      }

      body.jp-mod-dark .jupyterlite-loading-indicator-text:where(:scope, *) {
        color: #ffffff;
      }

      @keyframes jupyter-spin-bc9379af53c51e35 {
        0% { transform: rotate(0deg); }
        100% { transform: rotate(360deg); }
      }

      @keyframes fadeOut-645128a0ef265d95 {
        0% { opacity: 1; }
        100% { opacity: 0; }
      }
}