.spring-sideways-scroller{padding:var(--sss-pt) 0 var(--sss-pb)}.spring-sideways-scroller--pinned .spring-sideways-scroller__pin{height:var(--sss-pin-h);position:relative}.spring-sideways-scroller--pinned .spring-sideways-scroller__stage{display:flex;flex-direction:column;gap:36px;height:100vh;justify-content:center;overflow:hidden;position:sticky;top:0}.spring-sideways-scroller:not(.spring-sideways-scroller--pinned) .spring-sideways-scroller__stage{display:flex;flex-direction:column;gap:36px;padding:64px 0;position:relative}.spring-sideways-scroller__glow{background:radial-gradient(42% 55% at 26% 52%,color-mix(in srgb,var(--spr-magenta) 42%,transparent),transparent 62%),radial-gradient(42% 55% at 76% 42%,color-mix(in srgb,var(--spr-purple) 42%,transparent),transparent 62%),radial-gradient(30% 40% at 50% 80%,color-mix(in srgb,var(--spr-lime) 18%,transparent),transparent 62%);inset:0;opacity:.4;pointer-events:none;position:absolute;transition:opacity .12s}.spring-sideways-scroller__head{position:relative;z-index:1}.spring-sideways-scroller__track{display:flex;gap:24px;padding-left:max(var(--spr-side-padding),calc((100vw - var(--spr-content-width))/2 + var(--spr-side-padding)));padding-right:var(--spr-side-padding);position:relative;width:max-content;will-change:transform;z-index:1}.spring-sideways-scroller:not(.spring-sideways-scroller--pinned) .spring-sideways-scroller__track{overflow-x:auto;width:auto;-webkit-overflow-scrolling:touch}.spring-sideways-scroller__card{background:linear-gradient(165deg,hsla(0,0%,100%,.075),hsla(0,0%,100%,.02));border:1px solid var(--spr-line);border-radius:24px;display:flex;flex:none;flex-direction:column;min-height:54vh;padding:40px;width:540px}.spring-sideways-scroller__card--result{background:linear-gradient(135deg,color-mix(in srgb,var(--spr-purple) 40%,var(--spr-bg)),color-mix(in srgb,var(--spr-bg2) 90%,var(--spr-purple) 8%))}.spring-sideways-scroller__step{color:var(--spr-lime);font-size:15px;font-weight:800;letter-spacing:.12em}.spring-sideways-scroller__title{color:#fff;font-family:var(--spr-font);font-size:34px;font-weight:800;letter-spacing:-.02em;margin:16px 0 14px}.spring-sideways-scroller__desc{color:var(--spr-ink2);font-size:18px;line-height:1.5;margin:0}.spring-sideways-scroller__big{color:#fff;font-size:64px;font-weight:800;letter-spacing:-.03em;margin-top:auto}.spring-sideways-scroller__code{color:color-mix(in srgb,var(--spr-ink2) 90%,#fff);font-family:Hanken Grotesk,monospace;font-size:14px;line-height:1.9;margin-top:auto}.spring-sideways-scroller__code p{color:inherit;font-size:inherit;margin:0}.spring-sideways-scroller__code .k{color:var(--spr-pink)}.spring-sideways-scroller__code .s{color:var(--spr-lime)}.spring-sideways-scroller__code .c{color:color-mix(in srgb,var(--spr-muted) 75%,var(--spr-bg))}.spring-sideways-scroller__hbar{background:hsla(0,0%,100%,.12);border-radius:4px;height:4px;margin:0 auto;max-width:1140px;overflow:hidden;position:relative;width:calc(100% - 80px);z-index:1}.spring-sideways-scroller__hbar-fill{background:linear-gradient(90deg,var(--spr-lime),var(--spr-cyan));box-shadow:0 0 16px color-mix(in srgb,var(--spr-lime) 75%,transparent);height:100%;left:0;position:absolute;top:0;transition:width .1s linear;width:0}@media (max-width:900px){.spring-sideways-scroller--pinned .spring-sideways-scroller__pin{height:auto}.spring-sideways-scroller--pinned .spring-sideways-scroller__stage{height:auto;overflow:visible;padding:48px 0;position:static}.spring-sideways-scroller__track{overflow-x:auto;width:auto;-webkit-overflow-scrolling:touch;padding-left:var(--spr-side-padding);transform:none}.spring-sideways-scroller__card{min-height:380px;padding:28px;width:min(480px,84vw)}.spring-sideways-scroller__title{font-size:26px}.spring-sideways-scroller__big{font-size:44px}.spring-sideways-scroller__hbar{display:none}}@media (prefers-reduced-motion:reduce){.spring-sideways-scroller__glow,.spring-sideways-scroller__hbar-fill{transition:none}}