[data-kind=flows] .ss-flow{align-items:center;display:flex;position:absolute;top:46%;left:50%;translate:-50% -50%}[data-kind=flows] .ss-node{letter-spacing:-.01em;white-space:nowrap;background:#fff;border-radius:999px;align-items:center;height:4.25rem;padding:0 2.25rem;font-size:1.75rem;transition:background .3s ease-out,color .3s ease-out,scale .15s ease-out;display:inline-flex}[data-kind=flows] .ss-node.is-done{background:var(--ink);color:#fff;box-shadow:none}[data-kind=flows] .ss-node.is-grad{color:#fff;box-shadow:none;background:linear-gradient(90deg,#9003fd,#fcb73c)}[data-kind=flows] .ss-link{transform-origin:0;border-top:2px dashed #b8b8b8;width:5.5rem;height:0;transition:transform .6s cubic-bezier(.2,0,0,1),border-color .3s ease-out;transform:scaleX(0)}[data-kind=flows] .ss-link.is-drawn{border-color:var(--ink);transform:scaleX(1)}@media (width<=767px){[data-kind=flows] .ss-flow{scale:.5}}.ss-scene[data-kind=states] .ss-seg{position:absolute;top:5.5rem;left:50%;translate:-50%}[data-kind=states] .ss-head{text-align:center;display:grid;position:absolute;top:11rem;left:0;right:0}[data-kind=states] .ss-head b{letter-spacing:-.03em;opacity:0;filter:blur(4px);grid-area:1/1;font-size:3.25rem;font-weight:500;line-height:1.05;transition:opacity .3s ease-out,filter .3s ease-out,translate .3s ease-out;translate:0 12px}[data-kind=states] .ss-head b.is-on{opacity:1;filter:blur();translate:0}@media (width<=767px){[data-kind=states] .ss-head b{font-size:2.25rem}.ss-scene[data-kind=states] .ss-seg{top:3.75rem;scale:.8}[data-kind=states] .ss-head{top:9rem}}[data-kind=platforms] .ss-plat{gap:3rem;display:flex;position:absolute;top:44%;left:50%;translate:-50% -50%}[data-kind=platforms] .ss-pf{flex-direction:column;align-items:center;gap:1rem;display:flex}[data-kind=platforms] .ss-pf small{letter-spacing:.08em;color:var(--mute);font:500 .6875rem ui-monospace,SFMono-Regular,Menlo,monospace}[data-kind=platforms] .ss-bt.is-ios{background:var(--ink);color:#fff;border-radius:1rem;width:15rem}[data-kind=platforms] .ss-bt.is-ios.is-dim{opacity:.55}[data-kind=platforms] .ss-bt.is-md{color:#fff;background:linear-gradient(90deg,#9003fd,#fcb73c);border-radius:999px;width:15rem}[data-kind=platforms] .ss-ripple{left:var(--rx,50%);opacity:0;background:#ffffff73;border-radius:50%;width:1rem;height:1rem;position:absolute;top:50%;translate:-50% -50%;scale:0}[data-kind=platforms] .ss-ripple.is-go{animation:.6s ease-out forwards ss-rip}@keyframes ss-rip{0%{opacity:1;scale:0}to{opacity:0;scale:30}}@media (width<=767px){[data-kind=platforms] .ss-plat{flex-direction:column;gap:1.25rem;scale:.8}}[data-kind=redesign] .ss-seg.is-tr{position:absolute;top:1.25rem;right:2rem}[data-kind=redesign] .ss-seg.is-tr span{padding:.4375rem 1rem;font-size:.9375rem}@media (width<=767px){[data-kind=redesign] .ss-seg.is-tr{top:3rem;right:1.25rem}}[data-kind=prototype] .ss-proto{align-items:center;gap:4.5rem;display:flex;position:absolute;top:46%;left:50%;translate:-50% -50%}[data-kind=prototype] .ss-fig.is-sm{position:static;translate:none}@media (width<=767px){[data-kind=prototype] .ss-proto{flex-direction:column;gap:1.75rem;top:44%;scale:.8}}[data-kind=handoff] .ss-hand{align-items:center;gap:6.5rem;display:flex;position:absolute;top:44%;left:50%;translate:-50% -50%}[data-kind=handoff] .ss-sel{outline-offset:6px;outline:0 solid #0a7aff;width:20.4375rem;transition:outline-width .2s ease-out,scale .15s ease-out;overflow:visible}[data-kind=handoff].is-picked .ss-sel{outline-width:2px}[data-kind=handoff] .ss-red{opacity:0;font-style:normal;transition:opacity .3s ease-out .15s;position:absolute}[data-kind=handoff].is-picked .ss-red{opacity:1}[data-kind=handoff] .ss-red b{color:#fff;background:#0a7aff;border-radius:.25rem;padding:.125rem .375rem;font:500 .8125rem ui-monospace,SFMono-Regular,Menlo,monospace;position:absolute}[data-kind=handoff] .ss-red.is-h{border-right:1px solid #0a7aff;top:0;bottom:0;right:-1.5rem}[data-kind=handoff] .ss-red.is-h b{top:50%;left:.5rem;translate:0 -50%}[data-kind=handoff] .ss-red.is-w{border-bottom:1px solid #0a7aff;bottom:-1.5rem;left:0;right:0}[data-kind=handoff] .ss-red.is-w b{top:.5rem;left:50%;translate:-50%}[data-kind=handoff] .ss-chip{background:#fff;border-radius:999px;place-items:center;height:3rem;padding:0 1.5rem;font-size:1.125rem;transition:scale .15s ease-out;display:inline-grid}[data-kind=handoff] .ss-chip>span{grid-area:1/1;transition:opacity .15s ease-out}[data-kind=handoff] .ss-chip .b,[data-kind=handoff].is-done .ss-chip .a{opacity:0}[data-kind=handoff].is-done .ss-chip .b{opacity:1}@media (width<=767px){[data-kind=handoff] .ss-hand{flex-direction:column;gap:3rem;scale:.72}}