.sb-baum{--sb-bg:transparent;--sb-fg:#f3f5ef;--sb-muted:#f3f5efb3;--sb-green:#96f21e;--sb-green-glow:#96f21e99;--sb-line:#f3f5efbf;--sb-font:inherit;--sb-pulse:2.4s;--sb-dot:34px;--sb-ease:cubic-bezier(.22, 1, .36, 1);background:var(--sb-bg);color:var(--sb-fg);font-family:var(--sb-font);position:relative}.sb-baum *,.sb-baum :before,.sb-baum :after{box-sizing:border-box}.sb-wrap{max-width:1440px;margin-inline:auto;position:relative;container-type:inline-size}.sb-stage,.sb-points{--tx:18.75%;--tw:62.5%}.sb-stage{aspect-ratio:1.6;width:100%;position:relative}.sb-tree{top:0;bottom:0;left:var(--tx);width:var(--tw);position:absolute}.sb-tree img,.sb-tree canvas,.sb-stage>.sb-canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.sb-img{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;-webkit-mask-image:radial-gradient(closest-side,#000 92.4%,#0000 100%);mask-image:radial-gradient(closest-side,#000 92.4%,#0000 100%)}.sb-gl-shown .sb-img{visibility:hidden}.sb-stage>.sb-sky2d{pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}.sb-canvas{opacity:0;animation:.6s linear forwards paused sb-fade-in}.sb-baum.sb-gl-ready .sb-canvas{animation-play-state:running}@keyframes sb-fade-in{to{opacity:1}}.sb-lines{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.sb-lines path{fill:none;stroke:var(--sb-line);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1px;transition:stroke-dashoffset .35s ease-in}.sb-lines path.is-active{stroke-dashoffset:0;transition:stroke-dashoffset .55s var(--sb-ease)}.sb-dot{left:calc(var(--tx) + var(--u) * var(--tw));top:calc(var(--v) * 100%);width:calc(var(--sb-dot) + 28px);height:calc(var(--sb-dot) + 28px);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:opacity .35s, scale .35s var(--sb-ease);background:radial-gradient(circle,#96f21e52 0,#96f21e1f 38%,#0000 68%);border:0;border-radius:50%;padding:0;position:absolute;translate:-50% -50%}.sb-dot:before,.sb-dot:after,.sb-dot i,.sb-dot b{content:"";width:var(--sb-dot);height:var(--sb-dot);margin:calc(var(--sb-dot) / -2) 0 0 calc(var(--sb-dot) / -2);border-radius:50%;position:absolute;top:50%;left:50%}.sb-dot:before{border:3px solid var(--sb-green);animation:sb-breathe var(--sb-pulse) ease-in-out var(--d,0s) infinite;background:#0000009e;transition:background .3s}.sb-dot:after{background:#fff;width:12px;height:12px;margin:-6px 0 0 -6px;transition:background .3s,box-shadow .3s;box-shadow:0 0 8px 2px #ffffffd9}.sb-dot i,.sb-dot b{border:2px solid var(--sb-green);box-shadow:0 0 10px var(--sb-green-glow);opacity:0;pointer-events:none;animation:sb-ripple var(--sb-pulse) cubic-bezier(.2, .6, .35, 1) var(--d,0s) infinite}.sb-dot b{animation-delay:calc(var(--d,0s) - var(--sb-pulse) / 2)}.sb-dot.is-hover,.sb-dot:focus-visible{scale:1.15}.sb-dot:focus-visible{outline:2px solid var(--sb-fg);outline-offset:-6px}.sb-dot.is-active:before{background:var(--sb-green)}.sb-dot.is-active:after{box-shadow:none;background:#000}@keyframes sb-breathe{0%,to{box-shadow:0 0 10px 2px var(--sb-green-glow), inset 0 0 6px var(--sb-green-glow);scale:1}50%{box-shadow:0 0 26px 8px var(--sb-green-glow), inset 0 0 10px var(--sb-green-glow);scale:1.1}}@keyframes sb-ripple{0%{opacity:.95;scale:1}to{opacity:0;scale:2.7}}.sb-points{pointer-events:none;margin:0;padding:0;list-style:none;position:absolute;inset:0}.sb-point{left:calc(var(--tx) + var(--lu) * var(--tw));top:calc(var(--ev) * 100%);pointer-events:none;visibility:hidden;width:max-content;max-width:25cqi;transition:visibility 0s linear .4s;position:absolute;transform:translateY(-100%)}.sb-point[data-side=left]{text-align:right;transform:translate(-100%,-100%)}.sb-point.is-active{visibility:visible;pointer-events:auto;transition:visibility}.sb-title{all:unset;box-sizing:border-box;cursor:pointer;letter-spacing:-.005em;color:var(--sb-fg);text-shadow:0 0 2px #000,0 0 14px #000,0 0 24px #000;-webkit-tap-highlight-color:transparent;padding:0 1.4em .38em .05em;font-size:clamp(16px,2cqi,32px);font-weight:400;line-height:1.15;display:block;position:relative}.sb-point[data-side=left] .sb-title{padding:0 .05em .38em 1.4em}.sb-title:after{content:"";background:var(--sb-green);height:3px;box-shadow:0 0 14px 1px var(--sb-green-glow);transform-origin:0;transition:transform .3s ease-in;position:absolute;bottom:-1px;left:0;right:0;transform:scaleX(0)}.sb-point[data-side=left] .sb-title:after{transform-origin:100%}.sb-title-text{opacity:0;transition:opacity .25s,transform .3s ease-in;display:inline-block;transform:translateY(.35em)}.sb-title:focus-visible{outline:2px solid var(--sb-green);outline-offset:6px;border-radius:2px}.sb-point.is-active .sb-title:after{transition:transform .6s var(--sb-ease) .35s;transform:scaleX(1)}.sb-point.is-active .sb-title-text{opacity:1;transition:opacity .5s var(--sb-ease) .4s, transform .6s var(--sb-ease) .4s;transform:none}.sb-wrap.has-active .sb-dot:not(.is-active){opacity:.55}.sb-baum[data-layout=square] .sb-stage,.sb-baum[data-layout=square] .sb-points{--tx:0%;--tw:100%}.sb-baum[data-layout=square] .sb-stage{aspect-ratio:1}@container (min-width:521px){.sb-baum[data-layout=square] .sb-point{left:calc(var(--lu-sq,var(--lu)) * 100%);top:calc(var(--ev-sq,var(--ev)) * 100%);text-align:left;max-width:none;transform:translateY(-100%)}.sb-baum[data-layout=square] .sb-point[data-side-sq=left]{text-align:right;transform:translate(-100%,-100%)}.sb-baum[data-layout=square] .sb-title{white-space:nowrap;padding:0 1.4em .38em .05em;font-size:clamp(15px,3cqi,24px)}.sb-baum[data-layout=square] .sb-point[data-side-sq=left] .sb-title{padding:0 .05em .38em .6em}.sb-baum[data-layout=square] .sb-point .sb-title:after{transform-origin:0}.sb-baum[data-layout=square] .sb-point[data-side-sq=left] .sb-title:after{transform-origin:100%}}@container (max-width:760px){.sb-baum:not([data-layout=square]) .sb-stage,.sb-baum:not([data-layout=square]) .sb-points{--tx:0%;--tw:100%}.sb-baum:not([data-layout=square]) .sb-stage{aspect-ratio:1}.sb-baum:not([data-layout=square]) .sb-lines{display:none}.sb-baum:not([data-layout=square]) .sb-dot{--sb-dot:26px;width:calc(var(--sb-dot) + 16px);height:calc(var(--sb-dot) + 16px)}.sb-baum:not([data-layout=square]) .sb-points{pointer-events:auto;padding-top:.5rem;display:grid;position:static}.sb-baum:not([data-layout=square]) .sb-point,.sb-baum:not([data-layout=square]) .sb-point[data-side=left]{text-align:left;opacity:0;grid-area:1/1;width:auto;max-width:none;transition:opacity .25s,visibility 0s linear .25s;position:static;transform:none}.sb-baum:not([data-layout=square]) .sb-point.is-active{opacity:1;transition:opacity .4s .1s,visibility}.sb-baum:not([data-layout=square]) .sb-title,.sb-baum:not([data-layout=square]) .sb-point[data-side=left] .sb-title{width:100%;padding:.6rem 2.2rem .55rem 0;font-size:1.35rem}.sb-baum:not([data-layout=square]) .sb-title:before{content:"×";color:var(--sb-muted);font-size:1.6rem;line-height:1;position:absolute;top:50%;right:.1rem;translate:0 -55%}.sb-baum:not([data-layout=square]) .sb-point[data-side=left] .sb-title:after{transform-origin:0}}@container (max-width:520px){.sb-baum[data-layout=square] .sb-stage,.sb-baum[data-layout=square] .sb-points{--tx:0%;--tw:100%}.sb-baum[data-layout=square] .sb-lines{display:none}.sb-baum[data-layout=square] .sb-dot{--sb-dot:26px;width:calc(var(--sb-dot) + 16px);height:calc(var(--sb-dot) + 16px)}.sb-baum[data-layout=square] .sb-points{pointer-events:auto;padding-top:.5rem;display:grid;position:static}.sb-baum[data-layout=square] .sb-point,.sb-baum[data-layout=square] .sb-point[data-side=left]{text-align:left;opacity:0;grid-area:1/1;width:auto;max-width:none;transition:opacity .25s,visibility 0s linear .25s;position:static;transform:none}.sb-baum[data-layout=square] .sb-point.is-active{opacity:1;transition:opacity .4s .1s,visibility}.sb-baum[data-layout=square] .sb-title,.sb-baum[data-layout=square] .sb-point[data-side=left] .sb-title{width:100%;padding:.6rem 2.2rem .55rem 0;font-size:1.35rem}.sb-baum[data-layout=square] .sb-title:before{content:"×";color:var(--sb-muted);font-size:1.6rem;line-height:1;position:absolute;top:50%;right:.1rem;translate:0 -55%}.sb-baum[data-layout=square] .sb-point[data-side=left] .sb-title:after{transform-origin:0}}@media (prefers-reduced-motion:reduce){.sb-baum *,.sb-baum :before,.sb-baum :after{transition-duration:.01ms!important;transition-delay:0s!important;animation:none!important}.sb-canvas{opacity:1}}.sb-baum{--sb-green:var(--color-neon,#6cff00);--sb-green-glow:#6cff008c}html.light-mode .sb-baum,html[data-emp-light] .sb-baum{--sb-bg:#0b0b0b}
