/* Design system: sign-in pieces, code boxes and the intro slider (lazy). */
@keyframes ds-shake{15%,55%{transform:translateX(-7px)}35%,75%{transform:translateX(7px)}100%{transform:none}}
.ds-slides{--slide-ms:5000ms;--slide-color:var(--accent);position:relative;display:grid;gap:var(--sp-5);overflow:hidden}.ds-slides__bar{display:flex;gap:6px}.ds-slides__bar>i{position:relative;flex:1;height:4px;border-radius:2px;background:var(--line-2);overflow:hidden}.ds-slides__bar>i:after{content:"";position:absolute;inset:0;background:var(--slide-color);transform:scaleX(0);transform-origin:var(--bar-origin,right)}.ds-slides__bar>i.is-done:after{transform:none}.ds-slides__bar>i.is-active:after{animation:ds-fill var(--slide-ms) linear forwards}.ds-slides.is-paused .ds-slides__bar>i.is-active:after{animation-play-state:paused}@keyframes ds-fill{to{transform:scaleX(1)}}html[data-low-end] .ds-slides__bar>i.is-active:after,html[data-reduce-motion] .ds-slides__bar>i.is-active:after{transform:none}
.ds-slides__stage{position:relative;min-height:240px;display:grid}.ds-slides__slide{display:none;position:relative;justify-items:center;align-content:center;gap:var(--sp-3);padding:var(--sp-6) var(--sp-4);text-align:center}.ds-slides__slide.is-active{display:grid;animation:ds-slide-in var(--dur-3) var(--ease)}@keyframes ds-slide-in{from{opacity:0;transform:translateY(10px)}}.ds-slides__halo{position:absolute;top:0;left:50%;width:300px;max-width:100%;aspect-ratio:1;transform:translateX(-50%);border-radius:50%;background:radial-gradient(circle,color-mix(in oklab,var(--slide-color) 34%,transparent),transparent 68%);pointer-events:none}.ds-slides__icon{position:relative;width:88px;height:88px;border-radius:30px;display:grid;place-items:center;font-size:42px;color:var(--slide-color);background:color-mix(in oklab,var(--slide-color) 16%,transparent);border:1px solid color-mix(in oklab,var(--slide-color) 38%,transparent)}.ds-slides__icon svg{width:44px;height:44px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.ds-slides__title{position:relative;margin:var(--sp-2) 0 0;font-size:var(--fs-2xl);font-weight:800;line-height:var(--lh-tight)}.ds-slides__text{position:relative;margin:0;max-width:420px;color:var(--muted);font-size:var(--fs-md);line-height:var(--lh-loose)}