/* Everything is scoped to .sl-overlay. A missing JS never covers the page. */
#herpa-storybook-loader[hidden] { display: none !important; }#herpa-storybook-loader {
  --sl-green: #00280e;
  position: fixed; inset: 0; z-index: 2147483000;
  display: grid; place-items: center; overflow: hidden;
  background: radial-gradient(ellipse at 53% 45%, #073915 0%, #002d10 39%, #00260c 70%, #001d0a 100%);
  color: #fff4be; isolation: isolate;
}#herpa-storybook-loader::before {
  content: ""; position: absolute; inset: 0; opacity: .06; pointer-events: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.045' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%230c441c' d='M0 0h160v160H0z' filter='url(%23n)' opacity='.45'/%3E%3C/svg%3E");
}#herpa-storybook-loader .sl-visual { width: min(800px, 92vw); position: relative; }#herpa-storybook-loader .sl-scene { aspect-ratio: 800 / 580; position: relative; container-type: inline-size; }#herpa-storybook-loader .sl-defs { position: absolute; width: 0; height: 0; }#herpa-storybook-loader .sl-halo { position:absolute; left: 21%; top: 22%; width: 60%; height: 65%; background: radial-gradient(ellipse, #347d2521 0%, transparent 70%); }#herpa-storybook-loader .sl-book { position:absolute; left:8.75%; top:23%; width:82.5%; aspect-ratio:700/380; perspective: 900px; }#herpa-storybook-loader .sl-book { z-index:1; }#herpa-storybook-loader .sl-book > img { position:absolute; inset:0; width:100%; height:100%; image-rendering:pixelated; }#herpa-storybook-loader .sl-paper { position:absolute; inset:0; width:100%; height:100%; image-rendering:pixelated; }#herpa-storybook-loader .sl-letters { position:absolute; left:2%; bottom:0%; width:96%; display:flex; align-items:flex-end; justify-content:center; gap:.28%; }#herpa-storybook-loader .sl-letters { z-index:3; }#herpa-storybook-loader .sl-letter { flex: var(--letter-width) 1 0%; display:block; min-width:0; position:relative; aspect-ratio:var(--letter-width)/112; overflow:hidden; }#herpa-storybook-loader .sl-letter canvas { width:100%; height:100%; display:block; image-rendering:pixelated; }#herpa-storybook-loader .sl-fairy { position:absolute; width:22%; aspect-ratio:1; filter:drop-shadow(0 0 4px #87ff735a); z-index:2; }#herpa-storybook-loader .sl-fairy-1 { left:74%; top:5%; }#herpa-storybook-loader .sl-fairy-2 { left:12%; top:27%; width:12%; opacity:.76; }#herpa-storybook-loader .sl-fairy-heading { width:100%; height:100%; transform-origin:50% 50%; }#herpa-storybook-loader .sl-wings { width:100%; height:100%; display:block; image-rendering:pixelated; }#herpa-storybook-loader .sl-spark { position:absolute; width:2.7%; aspect-ratio:1; background:#cdffb4; clip-path:polygon(38% 0,62% 0,62% 38%,100% 38%,100% 62%,62% 62%,62% 100%,38% 100%,38% 62%,0 62%,0 38%,38% 38%); filter:drop-shadow(0 0 5px #acff70); }#herpa-storybook-loader .sl-spark-1 { left:53%; top:23%; }#herpa-storybook-loader .sl-spark-2 { left:75%; top:37%; width:2.1%; }#herpa-storybook-loader .sl-spark-3 { left:42%; top:37%; width:1.6%; }#herpa-storybook-loader .sl-status { position:absolute !important; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); clip-path:inset(50%); white-space:nowrap; border:0; }#herpa-storybook-loader.sl-paused *, #herpa-storybook-loader.sl-static * { animation-play-state:paused !important; }#herpa-storybook-loader.sl-static .sl-fairy { transform:none !important; }
@media(prefers-reduced-motion:reduce) {#herpa-storybook-loader * { animation:none !important; transition:none !important; } }
@media(max-width:480px) {#herpa-storybook-loader .sl-visual {width:96vw;} }


#herpa-storybook-loader .sl-content{display:grid;justify-items:center;gap:20px;max-height:100dvh;padding:20px;box-sizing:border-box;}
#herpa-storybook-loader .sl-visual{max-height:calc(100dvh - 95px);width:min(800px,92vw,calc((100dvh - 95px)*800/580));}
#herpa-storybook-loader .sl-dismiss{appearance:none;font:inherit;font-size:14px;line-height:1.4;padding:8px 18px;border:1px solid #9bd5a5;border-radius:999px;background:#103f22;color:#fff4be;cursor:pointer;}
#herpa-storybook-loader .sl-dismiss:focus-visible{outline:3px solid #fff4be;outline-offset:3px;}
@keyframes herpa-loader-escape{to{visibility:hidden;pointer-events:none;}}
#herpa-storybook-loader:not([hidden]){animation:herpa-loader-escape 1600ms step-end forwards;}
#herpa-storybook-loader[data-local-demo="true"]:not([hidden]){animation:none;}
@media print{#herpa-storybook-loader{display:none!important;}}

/* White veil only: keep artwork opaque and leave the article unblurred. */
#herpa-storybook-loader {
  background: rgba(255, 255, 255, .55);
  color: #173b27;
}
#herpa-storybook-loader::before { content: none; background-image: none; }
#herpa-storybook-loader .sl-halo { background: none; }
#herpa-storybook-loader .sl-content { width: min(520px, 100%); }
#herpa-storybook-loader .sl-visual {
  width: min(480px, 100%, calc((100dvh - 95px) * 800 / 580));
}
@media (max-width: 600px) {
  #herpa-storybook-loader .sl-content { width: min(280px, 100%); }
  #herpa-storybook-loader .sl-visual {
    width: min(240px, 100%, calc((100dvh - 95px) * 800 / 580));
  }
}
#herpa-storybook-loader .sl-letters {
  filter: drop-shadow(1px 0 0 #163f29)
          drop-shadow(-1px 0 0 #163f29)
          drop-shadow(0 1px 0 #163f29)
          drop-shadow(0 -1px 0 #163f29)
          drop-shadow(0 2px 1px rgba(0, 45, 16, .28));
}
#herpa-storybook-loader .sl-fairy {
  filter: drop-shadow(0 1px 1px rgba(0, 45, 16, .50));
}
#herpa-storybook-loader .sl-spark {
  filter: drop-shadow(0 1px 1px rgba(0, 45, 16, .45));
}
#herpa-storybook-loader .sl-dismiss:focus-visible {
  outline-color: #245d37;
}