.cs-block{flex-direction:column;gap:32px;padding:0 0 80px;scroll-margin-top:19px;display:flex}@media (min-width:641px){.cs-block{scroll-margin-top:147px}.cs-block:last-child{min-height:calc(100dvh - 147px)}}@keyframes cs-enter{0%{opacity:0;filter:blur(10px)}to{opacity:1;filter:blur()}}.cs-block-text>*{animation:.8s cubic-bezier(.16,1,.3,1) both cs-enter}.cs-block-text>:first-child{animation-delay:.16s}.cs-block-text>:nth-child(2){animation-delay:.24s}.cs-block-text>:nth-child(3){animation-delay:.32s}.cs-block-text>:nth-child(4){animation-delay:.4s}.cs-block-text>:nth-child(n+5){animation-delay:.48s}.cs-nav{animation:.8s cubic-bezier(.16,1,.3,1) 80ms both cs-enter}@keyframes cs-stage-enter{0%{opacity:0}to{opacity:1}}.cs-stage--enter{animation:.45s cubic-bezier(.16,1,.3,1) .3s both cs-stage-enter}.cs-stage--enter .cs-stage-inner{animation:.8s cubic-bezier(.16,1,.3,1) .48s both cs-enter}.cs-nav{margin-top:8px;display:none}.cs-nav-track{flex-direction:column;gap:2px;display:flex}@media (min-width:641px){.cs-nav{height:calc(100dvh - 92px);margin-top:18px;display:block;position:relative;overflow:hidden}.cs-nav-topfade{pointer-events:none;z-index:1;background:linear-gradient(#f7f7f7f5 0%,#f7f7f7e6 16%,#f7f7f7b8 40%,#f7f7f761 62%,#f7f7f71a 82%,#f7f7f700 100%);height:52px;position:absolute;top:0;left:0;right:0;-webkit-mask-image:linear-gradient(#000 0%,#000000fa 18%,#000000db 42%,#0000008a 64%,#0003 84%,#0000 100%);mask-image:linear-gradient(#000 0%,#000000fa 18%,#000000db 42%,#0000008a 64%,#0003 84%,#0000 100%)}.cs-nav-scroll{overscroll-behavior:contain;scrollbar-width:none;position:absolute;inset:0;overflow:hidden auto}.cs-nav-scroll::-webkit-scrollbar{width:0;height:0}.cs-nav-track{padding-top:52px;padding-bottom:176px}}.cs-nav-item{appearance:none;text-align:left;cursor:pointer;color:rgba(0, 0, 0, calc(.277 + var(--tick-a,.1) * .733));white-space:nowrap;background:0 0;border:0;border-radius:6px;align-items:center;gap:8px;margin-left:-6px;padding:4px 6px;font-family:inherit;font-size:13px;transition:color 80ms linear,background-color .15s;display:flex}.cs-nav-item:after{content:"";background:rgba(0, 0, 0, var(--tick-a,.1));flex:1;height:1px;transition:background-color 80ms linear}.cs-nav-item:hover{background:#0000000d}.cs-nav-subitem{appearance:none;cursor:pointer;background:0 0;border:0;border-radius:6px;justify-content:flex-end;align-items:center;margin-left:-6px;padding:5px 6px;transition:background-color .15s;display:flex}.cs-nav-subitem:after{content:"";width:var(--tick-w,10%);background:rgba(0, 0, 0, var(--tick-a,.1));height:1px;transition:background-color 80ms linear,width 80ms linear}.cs-block-text{min-width:0;position:relative}.cs-block-visual{min-width:0}.cs-title{color:#202020;margin:0;font-size:16px;font-weight:500}.cs-lede{color:#0000008c;margin:12px 0 0;font-size:14px;line-height:1.7}.cs-lede a{color:#202020;text-underline-offset:2px;-webkit-text-decoration:underline #00000040;text-decoration:underline #00000040;transition:text-decoration-color .15s}.cs-lede a:hover{text-decoration-color:#0009}.cs-lede code{color:#000000b8;background:#0000000b;border-radius:5px;padding:1px 5px;font-family:ui-monospace,SFMono-Regular,Menlo,SF Mono,monospace;font-size:.86em}.cs-list{color:#0000008c;flex-direction:column;gap:10px;margin:14px 0 0;padding-left:0;font-size:14px;line-height:1.7;list-style:none;display:flex}ol.cs-list{counter-reset:cs-list}.cs-list li{align-items:flex-start;gap:10px;display:flex}ol.cs-list li{counter-increment:cs-list}.cs-examples{flex-wrap:wrap;gap:12px 8px;margin-top:16px;display:flex}.cs-example-btn{color:#0009;cursor:pointer;background:#0000000a;border:1px solid #00000014;border-radius:8px;padding:6px 13px;font-size:13px;transition:background .12s,color .12s,border-color .12s}.cs-example-btn:hover{color:#000000d1;background:#00000012;border-color:#00000024}.cs-tldr{flex-direction:column;gap:14px;margin:0 0 80px;display:flex}.cs-tldr-row{flex-direction:column;gap:3px;display:flex}.cs-tldr-row dt{color:#0006;font-size:12px;font-weight:600}.cs-tldr-row dd{color:#000c;margin:0;font-size:14px;line-height:1.5}ol.cs-list li:before{content:counter(cs-list);color:#00000080;font-variant-numeric:tabular-nums;background:#0000000f;border-radius:6px;flex:none;justify-content:center;align-items:center;width:20px;height:20px;margin-top:3px;font-size:11px;font-weight:600;line-height:1;display:inline-flex}@supports (text-box-trim:trim-both){ol.cs-list li:before{box-sizing:content-box;text-align:center;text-box-trim:trim-both;text-box-edge:cap alphabetic;width:auto;min-width:8px;height:auto;padding:6px;display:inline-block}}ul.cs-list li:before{content:"";background:#0000004d;border-radius:50%;flex:none;width:5px;height:5px;margin-top:9px}.cs-list a{color:#202020;text-underline-offset:2px;-webkit-text-decoration:underline #00000040;text-decoration:underline #00000040}.cs-note{color:#00000061;margin:14px 0 0;font-size:12.5px;line-height:1.6}.cs-aside{color:#00000061}.cs-aside a{color:inherit}.cs-subtitle{color:#202020;margin:28px 0 0;scroll-margin-top:147px;font-size:13px;font-weight:500}.cs-diagram{color:#0000009e;white-space:pre;margin:22px 0 0;font-family:ui-monospace,SFMono-Regular,Menlo,SF Mono,monospace;font-size:12px;line-height:1.45;overflow-x:auto}.cs-hint{color:#0000004d;text-align:center;pointer-events:none;z-index:2;margin:0;font-size:12px;position:absolute;bottom:12px;left:0;right:0}.cs-stage{aspect-ratio:1;-webkit-user-select:none;user-select:none;border:1px solid #0000001a;width:100%;position:relative;overflow:hidden}.cs-stage-cursor{z-index:50;opacity:0;pointer-events:none;transform-origin:0 0;filter:drop-shadow(0 1px 1.5px #00000038);width:16px;height:16px;transition:transform .12s;position:fixed;top:0;left:0}.cs-stage-cursor.press{transform:scale(.8)}.cs-stage-cursor svg{display:block}.cs-stage-divider{display:none}.cs-stage-inner{transform:translate(-50%, -50%) scale(var(--cs-stage-scale,1));z-index:1;position:absolute;top:50%;left:50%}.cs-stage-frame{opacity:0;pointer-events:none;position:absolute;inset:0}.cs-stage-frame.is-active{opacity:1}.cs-iframe{pointer-events:none;background:0 0;border:0;width:100%;height:100%;display:block}.cs-iframe--interactive{pointer-events:auto}.cs-mobile-visual{display:none}@media (max-width:899px){.cs-mobile-visual{-webkit-user-select:none;user-select:none;background:0 0;border:1px solid #0000001a;border-radius:12px;width:100%;max-height:56dvh;margin-top:24px;display:block;position:relative;overflow:hidden}.cs-mobile-visual-cross:before,.cs-mobile-visual-cross:after{content:"";pointer-events:none;z-index:0;background:#0000000f;position:absolute}.cs-mobile-visual-cross:before{width:1px;top:0;bottom:0;left:50%}.cs-mobile-visual-cross:after{height:1px;top:50%;left:0;right:0}.cs-mobile-visual-inner{transform-origin:50%;z-index:1;position:absolute;top:50%;left:50%}}@media (min-width:900px){.cs-block{flex-direction:row;align-items:flex-start;gap:48px}.cs-block-text{flex:1}.cs-block-visual{flex:0 0 calc(50vw - 24px - var(--cs-gutter,0px));min-width:0}.cs-stage{top:0;left:50vw;right:var(--cs-gutter,0px);aspect-ratio:auto;border:0;width:auto;height:100dvh;position:fixed}.cs-stage-divider{pointer-events:none;z-index:0;transform-origin:top;background:#0000001a;width:1px;display:block;position:absolute;top:0;bottom:0;left:0}.cs-stage--enter .cs-stage-divider{animation:1.1s cubic-bezier(.16,1,.3,1) .35s both cs-line-v}}@media (min-width:1801px){.cs-stage{box-sizing:border-box;border:1px solid #0000001a;border-radius:16px;height:calc(100dvh - 80px);top:40px}.cs-stage-divider{display:none}}