:root {
      color-scheme: dark;

      --loader-dark: #14053d;
      --loader-deep: #0d0231;
      --loader-purple: #362d6a;
      --loader-muted: #626f9b;
      --loader-pink: #ef0a8a;
      --loader-cyan: #27c3d8;
      --loader-text: #fdfcfb;

      --loader-track: rgba(98, 111, 155, 0.32);
      --loader-aura-pink: rgba(239, 10, 138, 0.2);
      --loader-aura-cyan: rgba(39, 195, 216, 0.17);
      --loader-sheen: rgba(255, 255, 255, 0.035);
      --shell-shadow: rgba(54, 45, 106, 0.45);

      --control-bg: rgba(255, 255, 255, 0.07);
      --control-border: rgba(255, 255, 255, 0.1);
      --viewer-bg: #110633;

      --mushroom-stem: #d9d4ff;
      --mushroom-spots: #ffffff;
      --mushroom-lime: #c8ee16;
      --mushroom-violet: #a06ac9;
      --mushroom-blend: screen;

      --edge-opacity-low: 0.38;
      --edge-opacity-high: 0.72;
      --edge-halo-low: 0.14;
      --edge-halo-high: 0.3;

    }

    @media (prefers-color-scheme: light) {
      :root {
        color-scheme: light;

        --loader-dark: #faf9fd;
        --loader-deep: #ebe9f6;
        --loader-purple: #dedaf0;
        --loader-muted: #79739f;
        --loader-pink: #d90878;
        --loader-cyan: #078e9c;
        --loader-text: #24174d;

        --loader-track: rgba(93, 86, 147, 0.24);
        --loader-aura-pink: rgba(217, 8, 120, 0.12);
        --loader-aura-cyan: rgba(7, 142, 156, 0.1);
        --loader-sheen: rgba(93, 86, 147, 0.035);
        --shell-shadow: rgba(93, 86, 147, 0.2);

        --control-bg: rgba(36, 23, 77, 0.055);
        --control-border: rgba(36, 23, 77, 0.1);
        --viewer-bg: #e8e6f2;

        --mushroom-stem: #62598f;
        --mushroom-spots: #ffffff;
        --mushroom-lime: #7ca600;
        --mushroom-violet: #704394;
        --mushroom-blend: multiply;

        --edge-opacity-low: 0.22;
        --edge-opacity-high: 0.46;
        --edge-halo-low: 0.08;
        --edge-halo-high: 0.17;
      }
    }

    *,
    *::before,
    *::after {
      box-sizing: border-box;
    }

    html,
    body {
      width: 100%;
      height: 100%;
      margin: 0;
      overflow: hidden;
      background: var(--loader-deep);
    }

    body {
      font-family:
        system-ui,
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        sans-serif;
      color: var(--loader-text);
      -webkit-font-smoothing: antialiased;
      text-rendering: optimizeLegibility;
    }

    button,
    input,
    a {
      font: inherit;
    }

    button,
    a {
      -webkit-tap-highlight-color: transparent;
    }

    .mainheader {
      display: none !important;
    }

    .pdf-shell {
      position: fixed;
      inset: 0;
      isolation: isolate;
      width: 100%;
      max-width: 600px;
      height: 100vh;
      height: 100dvh;
      margin: auto;
      overflow: visible;
      background: var(--loader-dark);
      box-shadow:
        -22px 0 34px -16px var(--shell-shadow),
        22px 0 34px -16px var(--shell-shadow);
    }

    .viewer-stage {
      position: absolute;
      inset: 0;
      z-index: 1;
      overflow: hidden;
      opacity: 0;
      background: var(--viewer-bg);
      transition: opacity 0.72s cubic-bezier(0.22, 1, 0.36, 1);
      will-change: opacity;
    }

    .pdf-shell.pdf-ready .viewer-stage {
      opacity: 1;
    }

    .loader-action:focus-visible {
      outline: 2px solid var(--loader-cyan);
      outline-offset: 2px;
    }

    .pdf-scroll {
      position: absolute;
      inset: 0;
      overflow: auto;
      overscroll-behavior: contain;
      touch-action: pan-x pan-y pinch-zoom;
      -webkit-overflow-scrolling: touch;
      overflow-anchor: none;
      scrollbar-width: none;
      outline: 0;
      background:
        radial-gradient(
          ellipse 70% 45% at 50% 0%,
          rgba(54, 45, 106, 0.2),
          transparent 72%
        ),
        var(--viewer-bg);
    }

    .pdf-scroll::-webkit-scrollbar {
      display: none;
      width: 0;
      height: 0;
    }

    .pdf-pages {
      display: flex;
      flex-direction: column;
      align-items: center;
      width: max-content;
      min-width: 100%;
      min-height: 100%;
      gap: 0;
      padding: 0;
    }

    .pdf-page {
      position: relative;
      flex: 0 0 auto;
      overflow: hidden;
      background: #ffffff;
      contain: layout paint style;
    }

    .pdf-page::before {
      content: "";
      position: absolute;
      z-index: 0;
      inset: 0;
      background:
        linear-gradient(
          105deg,
          rgba(235, 232, 244, 0.9) 38%,
          rgba(255, 255, 255, 0.98) 50%,
          rgba(235, 232, 244, 0.9) 62%
        )
        100% 0 / 240% 100%;
      animation: page-shimmer 1.35s ease-in-out infinite;
      transition: opacity 0.28s ease;
    }

    .pdf-page.is-rendered::before {
      opacity: 0;
      animation: none;
    }

    .pdf-page.is-error::before {
      background:
        linear-gradient(
          135deg,
          rgba(239, 10, 138, 0.08),
          rgba(39, 195, 216, 0.08)
        ),
        #ffffff;
      animation: none;
    }

    .pdf-page canvas {
      position: relative;
      z-index: 1;
      display: block;
      width: 100%;
      height: 100%;
      opacity: 0;
      transition: opacity 0.28s ease;
    }

    .pdf-page.is-rendered canvas {
      opacity: 1;
    }

    .annotation-layer {
      position: absolute;
      z-index: 2;
      inset: 0;
      pointer-events: none;
    }

    .annotation-layer a {
      position: absolute;
      border-radius: 2px;
      pointer-events: auto;
    }

    .annotation-layer a:hover {
      background: rgba(39, 195, 216, 0.1);
      box-shadow: inset 0 0 0 1px rgba(39, 195, 216, 0.28);
    }

    .annotation-layer a:focus-visible {
      outline: 2px solid var(--loader-cyan);
      outline-offset: 1px;
    }

    .page-error-label {
      position: absolute;
      z-index: 3;
      inset: 0;
      display: none;
      place-content: center;
      padding: 24px;
      color: #5b1a4b;
      text-align: center;
      font-size: 14px;
      font-weight: 700;
    }

    .pdf-page.is-error .page-error-label {
      display: grid;
    }

    .floating-toolbar {
      position: absolute;
      z-index: 40;
      left: 50%;
      bottom: max(14px, calc(env(safe-area-inset-bottom) + 8px));
      display: flex;
      align-items: center;
      gap: 5px;
      width: max-content;
      max-width: calc(100% - 24px);
      padding: 5px;
      border: 1px solid var(--control-border);
      border-radius: 999px;
      background: rgba(13, 2, 49, 0.82);
      box-shadow:
        0 12px 34px rgba(5, 0, 28, 0.38),
        inset 0 1px rgba(255, 255, 255, 0.08);
      transform: translateX(-50%);
      -webkit-backdrop-filter: blur(18px) saturate(145%);
      backdrop-filter: blur(18px) saturate(145%);
    }

    .floating-toolbar-action {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 8px;
      min-height: 44px;
      padding: 0 16px;
      border: 0;
      border-radius: 999px;
      color: var(--loader-text);
      background: transparent;
      text-decoration: none;
      white-space: nowrap;
      font-size: 13px;
      font-weight: 750;
      letter-spacing: 0.015em;
      cursor: pointer;
      transition:
        background-color 0.18s ease,
        box-shadow 0.18s ease,
        transform 0.18s ease;
      -webkit-tap-highlight-color: transparent;
    }

    .floating-toolbar-action:hover {
      background: var(--control-bg);
    }

    .floating-toolbar-action:active {
      transform: scale(0.96);
    }

    .floating-toolbar-action:focus-visible {
      outline: 2px solid var(--loader-cyan);
      outline-offset: 2px;
    }

    .floating-toolbar-action svg {
      flex: 0 0 auto;
      width: 18px;
      height: 18px;
      fill: none;
      stroke: currentColor;
      stroke-width: 2;
      stroke-linecap: round;
      stroke-linejoin: round;
    }

    .floating-toolbar-action.primary {
      color: #ffffff;
      background:
        linear-gradient(
          120deg,
          var(--loader-pink),
          var(--loader-cyan)
        );
      box-shadow:
        0 7px 18px rgba(239, 10, 138, 0.2),
        0 7px 18px rgba(39, 195, 216, 0.14);
    }

    .floating-toolbar-action.primary:hover {
      background:
        linear-gradient(
          120deg,
          var(--loader-pink),
          var(--loader-cyan)
        );
      box-shadow:
        0 8px 22px rgba(239, 10, 138, 0.28),
        0 8px 22px rgba(39, 195, 216, 0.2);
    }

    .pdf-loader {
      position: absolute;
      inset: 0;
      z-index: 100;
      display: grid;
      place-content: center;
      overflow: hidden;
      isolation: isolate;
      padding:
        max(24px, env(safe-area-inset-top))
        max(24px, env(safe-area-inset-right))
        max(24px, env(safe-area-inset-bottom))
        max(24px, env(safe-area-inset-left));
      color: var(--loader-text);
      text-align: center;
      background:
        radial-gradient(
          ellipse 50% 100% at center,
          var(--loader-purple) 0%,
          var(--loader-dark) 54%,
          var(--loader-deep) 100%
        );
      opacity: 1;
      visibility: visible;
      transition:
        opacity 0.72s cubic-bezier(0.22, 1, 0.36, 1) 0.08s,
        visibility 0s linear 0s;
    }

    .pdf-loader::before {
      content: "";
      position: absolute;
      z-index: 0;
      top: 50%;
      left: 50%;
      width: 290px;
      height: 290px;
      border-radius: 50%;
      pointer-events: none;
      background:
        radial-gradient(
          circle at 30% 32%,
          var(--loader-aura-cyan),
          transparent 48%
        ),
        radial-gradient(
          circle at 72% 68%,
          var(--loader-aura-pink),
          transparent 50%
        );
      filter: blur(22px);
      opacity: 0.75;
      transform: translate3d(-50%, -50%, 0) scale(0.92);
      animation: aura-drift 5s ease-in-out infinite alternate;
      will-change: transform, opacity;
    }

    .pdf-loader::after {
      content: "";
      position: absolute;
      z-index: 0;
      inset: -35%;
      pointer-events: none;
      background:
        linear-gradient(
          110deg,
          transparent 43%,
          var(--loader-sheen) 50%,
          transparent 57%
        );
      transform: translate3d(-38%, 0, 0);
      animation: loader-sheen 5.5s ease-in-out infinite;
      will-change: transform;
    }

    .loader-content {
      position: relative;
      z-index: 1;
      display: grid;
      place-items: center;
      gap: 15px;
      width: min(300px, calc(100vw - 48px));
    }

    .spinner {
      position: relative;
      width: 56px;
      height: 56px;
      border: 0;
      border-radius: 50%;
      background:
        radial-gradient(
          farthest-side,
          transparent calc(100% - 2px),
          var(--loader-track) 0
        );
      filter: drop-shadow(0 0 12px var(--loader-aura-cyan));
      transition:
        opacity 0.28s ease,
        transform 0.48s cubic-bezier(0.22, 1, 0.36, 1);
      will-change: transform, opacity;
    }

    .spinner::before {
      content: "";
      position: absolute;
      inset: 0;
      border-radius: inherit;
      background:
        conic-gradient(
          from 15deg,
          transparent 0deg,
          var(--loader-pink) 72deg,
          var(--loader-pink) 135deg,
          var(--loader-cyan) 235deg,
          transparent 330deg
        );
      -webkit-mask:
        radial-gradient(
          farthest-side,
          transparent calc(100% - 4px),
          #000 0
        );
      mask:
        radial-gradient(
          farthest-side,
          transparent calc(100% - 4px),
          #000 0
        );
      animation: ring-spin 1.1s linear infinite;
    }

    .spinner::after {
      content: "";
      position: absolute;
      inset: 20px;
      border-radius: 50%;
      background:
        linear-gradient(
          135deg,
          var(--loader-cyan),
          var(--loader-pink)
        );
      box-shadow:
        0 0 0 5px var(--loader-track),
        0 0 18px var(--loader-aura-cyan),
        0 0 22px var(--loader-aura-pink);
      animation: core-pulse 1.65s ease-in-out infinite;
    }

    .loader-label {
      margin: 0;
      color: var(--loader-text);
      font-size: 14px;
      font-weight: 650;
      line-height: 1.4;
      letter-spacing: 0.035em;
      transition:
        opacity 0.25s ease,
        transform 0.42s cubic-bezier(0.22, 1, 0.36, 1);
    }

    .loader-label::after {
      content: "";
      display: block;
      width: 86px;
      height: 2px;
      margin: 11px auto 0;
      overflow: hidden;
      border-radius: 999px;
      background:
        linear-gradient(
          90deg,
          transparent,
          var(--loader-pink),
          var(--loader-cyan),
          transparent
        )
        -60px 0 / 55px 100% no-repeat,
        var(--loader-track);
      animation: progress-sweep 1.45s cubic-bezier(0.65, 0, 0.35, 1) infinite;
    }

    .pdf-shell.pdf-ready .loader-label::after {
      animation: none;
      background:
        linear-gradient(
          90deg,
          var(--loader-pink),
          var(--loader-cyan)
        );
    }

    .pdf-shell.reveal-pdf .spinner,
    .pdf-shell.reveal-pdf .loader-label {
      opacity: 0;
      transform: translateY(-6px) scale(0.96);
    }

    .pdf-shell.reveal-pdf .pdf-loader {
      opacity: 0;
      visibility: hidden;
      pointer-events: none;
      transition:
        opacity 0.72s cubic-bezier(0.22, 1, 0.36, 1) 0.08s,
        visibility 0s linear 0.8s;
    }

    .loader-error {
      display: none;
      max-width: 280px;
      color: var(--loader-text);
    }

    .loader-error p {
      margin: 0 0 15px;
      color: var(--loader-muted);
      font-size: 13px;
      line-height: 1.5;
    }

    .loader-error-actions {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      gap: 8px;
    }

    .loader-action {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      min-height: 42px;
      padding: 0 15px;
      border: 1px solid var(--control-border);
      border-radius: 11px;
      color: var(--loader-text);
      background: var(--control-bg);
      text-decoration: none;
      cursor: pointer;
    }

    .loader-action.primary {
      border-color: transparent;
      color: #ffffff;
      background:
        linear-gradient(
          120deg,
          var(--loader-pink),
          var(--loader-cyan)
        );
    }

    .pdf-shell.pdf-error .spinner {
      display: none;
    }

    .pdf-shell.pdf-error .loader-label::after {
      display: none;
    }

    .pdf-shell.pdf-error .loader-error {
      display: block;
    }

    .direct-pdf-fallback {
      position: fixed;
      inset: 0;
      z-index: 200;
      display: grid;
      place-content: center;
      padding: 24px;
      color: var(--loader-text);
      background: var(--loader-deep);
      text-align: center;
    }

    .direct-pdf-fallback a {
      color: var(--loader-cyan);
    }

    @keyframes ring-spin {
      to {
        transform: rotate(1turn);
      }
    }

    @keyframes core-pulse {
      0%,
      100% {
        opacity: 0.62;
        transform: scale(0.72);
      }

      50% {
        opacity: 1;
        transform: scale(1);
      }
    }

    @keyframes aura-drift {
      from {
        opacity: 0.62;
        transform:
          translate3d(-50%, -50%, 0)
          scale(0.92)
          rotate(-6deg);
      }

      to {
        opacity: 0.9;
        transform:
          translate3d(-50%, -50%, 0)
          scale(1.08)
          rotate(6deg);
      }
    }

    @keyframes loader-sheen {
      0%,
      35% {
        transform: translate3d(-38%, 0, 0);
      }

      75%,
      100% {
        transform: translate3d(38%, 0, 0);
      }
    }

    @keyframes progress-sweep {
      from {
        background-position:
          -60px 0,
          0 0;
      }

      to {
        background-position:
          150px 0,
          0 0;
      }
    }

    @keyframes page-shimmer {
      from {
        background-position: 100% 0;
      }

      to {
        background-position: -100% 0;
      }
    }

    .mushroom-definitions {
      position: absolute;
      width: 0;
      height: 0;
      overflow: hidden;
    }

    .mushroom-field {
      display: none;
    }

    @media (min-width: 601px) {
      .pdf-shell {
        z-index: 2;
      }

      .mushroom-field {
        position: fixed;
        inset: 0;
        z-index: 0;
        display: block;
        overflow: hidden;
        pointer-events: none;
      }

      .mushroom {
        position: absolute;
        display: block;
        width: var(--size);
        height: auto;
        color: var(--cap-color);
        opacity: var(--opacity);
        mix-blend-mode: var(--mushroom-blend);
        filter: drop-shadow(0 0 10px currentColor);
        transform-origin: 50% 70%;
        animation:
          mushroom-float var(--float-time) ease-in-out infinite;
        animation-delay: var(--delay);
        will-change: transform;
      }

      .mushroom-1 {
        --size: 64px;
        --cap-color: var(--loader-cyan);
        --opacity: 0.14;
        --float-time: 8.4s;
        --delay: -1.3s;
        --tilt: -11deg;
        --drift: 9px;

        top: 10%;
        left: calc(50% - 386px);
      }

      .mushroom-2 {
        --size: 100px;
        --cap-color: var(--loader-pink);
        --opacity: 0.08;
        --float-time: 11s;
        --delay: -5.2s;
        --tilt: 8deg;
        --drift: -12px;

        top: 41%;
        left: calc(50% - 450px);
      }

      .mushroom-3 {
        --size: 52px;
        --cap-color: var(--mushroom-violet);
        --opacity: 0.13;
        --float-time: 7.6s;
        --delay: -3.7s;
        --tilt: -7deg;
        --drift: 7px;

        bottom: 7%;
        left: calc(50% - 362px);
      }

      .mushroom-4 {
        --size: 78px;
        --cap-color: var(--loader-pink);
        --opacity: 0.12;
        --float-time: 9.2s;
        --delay: -4.4s;
        --tilt: 10deg;
        --drift: -8px;

        top: 17%;
        right: calc(50% - 397px);
      }

      .mushroom-5 {
        --size: 108px;
        --cap-color: var(--loader-cyan);
        --opacity: 0.075;
        --float-time: 12.5s;
        --delay: -7.1s;
        --tilt: -8deg;
        --drift: 13px;

        top: 58%;
        right: calc(50% - 460px);
      }

      .mushroom-6 {
        --size: 48px;
        --cap-color: var(--mushroom-lime);
        --opacity: 0.13;
        --float-time: 7.2s;
        --delay: -2.6s;
        --tilt: 7deg;
        --drift: -6px;

        right: calc(50% - 358px);
        bottom: 6%;
      }

      .mushroom-9 {
        --size: 44px;
        --cap-color: var(--loader-pink);
        --opacity: 0.11;
        --float-time: 8.2s;
        --delay: -2.2s;
        --tilt: 9deg;
        --drift: 10px;

        top: 15%;
        left: clamp(18px, 5vw, 90px);
      }

      .mushroom-10 {
        --size: 42px;
        --cap-color: var(--mushroom-violet);
        --opacity: 0.12;
        --float-time: 8.8s;
        --delay: -4.1s;
        --tilt: -10deg;
        --drift: -9px;

        top: 49%;
        right: clamp(18px, 5vw, 90px);
      }

      .mushroom-7,
      .mushroom-8,
      .mushroom-11,
      .mushroom-12,
      .mushroom-13,
      .mushroom-14 {
        display: none;
      }
    }

    @media (min-width: 850px) {
      .mushroom-11,
      .mushroom-12 {
        display: block;
      }

      .mushroom-11 {
        --size: 70px;
        --cap-color: var(--mushroom-lime);
        --opacity: 0.075;
        --float-time: 11.8s;
        --delay: -7.4s;
        --tilt: -7deg;
        --drift: 13px;

        left: max(18px, calc(50% - 395px));
        bottom: 4%;
      }

      .mushroom-12 {
        --size: 56px;
        --cap-color: var(--loader-cyan);
        --opacity: 0.09;
        --float-time: 9.7s;
        --delay: -3.8s;
        --tilt: 12deg;
        --drift: -9px;

        top: 5%;
        right: max(18px, calc(50% - 390px));
      }
    }

    @media (min-width: 1000px) {
      .mushroom-7,
      .mushroom-8 {
        display: block;
      }

      .mushroom-7 {
        --size: 72px;
        --cap-color: var(--mushroom-violet);
        --opacity: 0.065;
        --float-time: 13s;
        --delay: -6s;
        --tilt: -12deg;
        --drift: 14px;

        left: 5vw;
        bottom: 23%;
      }

      .mushroom-8 {
        --size: 58px;
        --cap-color: var(--mushroom-lime);
        --opacity: 0.07;
        --float-time: 10.5s;
        --delay: -4.8s;
        --tilt: 11deg;
        --drift: -10px;

        top: 7%;
        right: 6vw;
      }
    }

    @media (min-width: 1200px) {
      .mushroom-13,
      .mushroom-14 {
        display: block;
      }

      .mushroom-13 {
        --size: 88px;
        --cap-color: var(--loader-pink);
        --opacity: 0.055;
        --float-time: 14s;
        --delay: -8s;
        --tilt: -13deg;
        --drift: 16px;

        top: 53%;
        left: calc(20vw - 120px);
      }

      .mushroom-14 {
        --size: 76px;
        --cap-color: var(--mushroom-violet);
        --opacity: 0.065;
        --float-time: 12.8s;
        --delay: -6.2s;
        --tilt: 11deg;
        --drift: -14px;

        right: calc(20vw - 120px);
        bottom: 18%;
      }
    }

    @keyframes mushroom-float {
      0%,
      100% {
        transform:
          translate3d(0, 8px, 0)
          rotate(var(--tilt));
      }

      50% {
        transform:
          translate3d(var(--drift), -12px, 0)
          rotate(calc(var(--tilt) + 4deg));
      }
    }

    @property --glow-angle {
      syntax: "<angle>";
      initial-value: 0deg;
      inherits: false;
    }

    .pdf-shell::before,
    .pdf-shell::after {
      display: none;
    }

    @media (min-width: 601px) {
      .pdf-shell::before,
      .pdf-shell::after {
        content: "";
        position: absolute;
        display: block;
        top: 0;
        bottom: 0;
        width: 2px;
        pointer-events: none;
        background:
          linear-gradient(
            var(--glow-angle),
            var(--loader-cyan),
            var(--loader-pink) 38%,
            var(--mushroom-violet) 68%,
            var(--mushroom-lime)
          );
        animation:
          edge-orbit 10s linear infinite,
          edge-breathe 3.2s ease-in-out infinite;
      }

      .pdf-shell::before {
        z-index: 60;
        left: -1px;
        box-shadow:
          -5px 0 14px var(--loader-aura-cyan),
          -7px 0 20px var(--loader-aura-pink);
      }

      .pdf-shell::after {
        z-index: 60;
        right: -1px;
        box-shadow:
          5px 0 14px var(--loader-aura-cyan),
          7px 0 20px var(--loader-aura-pink);
      }
    }

    @keyframes edge-orbit {
      to {
        --glow-angle: 360deg;
      }
    }

    @keyframes edge-breathe {
      0%,
      100% {
        opacity: var(--edge-opacity-low);
      }

      50% {
        opacity: var(--edge-opacity-high);
      }
    }

    @media (prefers-color-scheme: light) {
      .floating-toolbar {
        background: rgba(250, 249, 253, 0.86);
        box-shadow:
          0 12px 34px rgba(36, 23, 77, 0.2),
          inset 0 1px rgba(255, 255, 255, 0.72);
      }
    }

    @media (max-width: 360px) {
      .floating-toolbar {
        gap: 3px;
        max-width: calc(100% - 16px);
        padding: 4px;
      }

      .floating-toolbar-action {
        gap: 6px;
        padding: 0 12px;
        font-size: 12px;
      }
    }

    @media (prefers-reduced-motion: reduce) {
      .pdf-loader::before,
      .pdf-loader::after,
      .spinner::before,
      .spinner::after,
      .loader-label::after,
      .pdf-page::before,
      .mushroom,
      .pdf-shell::before,
      .pdf-shell::after {
        animation: none;
      }

      .spinner::before {
        transform: rotate(35deg);
      }

      .spinner::after {
        opacity: 0.9;
        transform: scale(0.9);
      }

      .viewer-stage,
      .pdf-loader,
      .spinner,
      .loader-label,
      .pdf-page canvas {
        transition-duration: 0.2s;
      }

      .pdf-scroll {
        scroll-behavior: auto;
      }
    }