:root{--sf:1;--01:calc(var(--1) * .1);--025:calc(var(--1) * .25);--05:calc(var(--1) * .5);--08:calc(var(--1) * .8);--1:20px;--2:calc(var(--1) * 2);--3:calc(var(--1) * 3);--4:calc(var(--1) * 4);--8:calc(var(--1) * 8);--12:calc(var(--1) * 12);--20:calc(var(--1) * 20);--tenth:var(--01);--quarter:var(--025);--half:var(--05);--eight-tenth:var(--08);--unit:var(--1);--double:var(--2);--triple:var(--3);--quad:var(--4);--oct:var(--8);--dozen:var(--12);--twenty:var(--20);--ds-grid-unit:calc(var(--unit) * var(--sf))}[data-ds-shape=square],:host([data-ds-shape=square]){--ds-corner-size:0px;--ds-corner-shape:round;--ds-button-inset:.5px}[data-ds-shape=rounded],:host([data-ds-shape=rounded]){--ds-corner-size:4px;--ds-corner-shape:round;--ds-button-inset:2.5px}[data-ds-shape=circular],:host([data-ds-shape=circular]){--ds-corner-size:999px;--ds-corner-shape:round;--ds-button-inset:5px}@supports (corner-shape:squircle){[data-ds-shape=rounded],:host([data-ds-shape=rounded]){--ds-corner-size:8px;--ds-corner-shape:squircle}}:root,:host,:where([data-ds-surface]){--ds-unit:calc(var(--ds-1,20px) * var(--ds-sf,1));--ds-control-height:calc(var(--ds-control-size,var(--ds-08,16px)) * var(--ds-sf,1));--ds-row-height:calc(var(--ds-row-size,var(--ds-1,20px)) * var(--ds-sf,1));--ds-type-size-default:calc(var(--ds-text-size,14px) * var(--ds-sf,1));--ds-type-size-small:calc(var(--ds-small-text-size,10px) * var(--ds-sf,1));--ds-type-size-heading:calc(var(--ds-heading-text-size,13px) * var(--ds-sf,1));--ds-type-size-display:calc(var(--ds-display-text-size,20px) * var(--ds-sf,1));--ds-type-lineheight-default:calc(var(--ds-text-leading,16px) * var(--ds-sf,1));--ds-type-letterspacing-default:calc(var(--ds-text-tracking,-.3px) * var(--ds-sf,1));--ds-radius:calc(var(--ds-corner-size,4px) * var(--ds-sf,1));--ds-radius-card:calc(var(--ds-card-corner-size,4px) * var(--ds-sf,1))}:root{--ds-sf:1;--ds-1:20px;--ds-01:calc(var(--ds-1) * .1);--ds-025:calc(var(--ds-1) * .25);--ds-05:calc(var(--ds-1) * .5);--ds-08:calc(var(--ds-1) * .8);--ds-2:calc(var(--ds-1) * 2);--ds-3:calc(var(--ds-1) * 3);--ds-4:calc(var(--ds-1) * 4);--ds-white:#fff;--ds-black:#2a2a2a;--ds-slate:#1e1e1e;--ds-slate-light:#e6e6e6;--ds-slate-dark:#3c3c3c;--ds-grey:#797979;--ds-tuned-red:#ff5f5f;--ds-red-for-blood:#de0331;--ds-pink:#f5aad1;--ds-sharp-blue:#594dff;--ds-zenith-blue:#ccf;--ds-apple-green:#99ff73;--ds-switch-track-on:#529d36;--ds-yellow:#eaff00;--ds-orange:#fec20d;--ds-accent-color:var(--ds-apple-green);--ds-typeface-regular:"Inter Arrows", "GT America", "GT-America-Standard-Regular", Inter, system-ui, -apple-system, sans-serif;--ds-typeface-medium:"Inter Arrows", "GT-America-Standard-Medium", "GT America", Inter, system-ui, -apple-system, sans-serif;--ds-typeface-compressed:"Inter Arrows", "GT-America-Compressed-Regular", var(--ds-typeface-regular);--ds-typeface-mono:"Inter Arrows", "Iosevka", "Iosevka Extended", ui-monospace, "SF Mono", Menlo, monospace;--ds-typeface-regular-jp:"Inter Arrows", "GT America", "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Yu Gothic UI", "Yu Gothic", Meiryo, "Noto Sans CJK JP", sans-serif;--ds-typeface-regular-zh-hans:"Inter Arrows", "GT America", "Noto Sans SC", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans CJK SC", sans-serif;--ds-typeface-regular-zh-hant:"Inter Arrows", "GT America", "Noto Sans TC", "PingFang TC", "Microsoft JhengHei", "Noto Sans CJK TC", sans-serif;--ds-font-features:"ss05" 1;--ds-type-weight-default:400;--ds-type-weight-bold:500;--ds-paper:var(--lightningcss-light,#f4f4f4)var(--lightningcss-dark,#2c2c2c);--ds-text-color:var(--lightningcss-light,var(--ds-black))var(--lightningcss-dark,var(--ds-white));--ds-text-color-muted:var(--lightningcss-light,#5f5f5f)var(--lightningcss-dark,#cacaca);--ds-title-color:var(--lightningcss-light,var(--ds-grey))var(--lightningcss-dark,#9a9a9a);--ds-danger-color:var(--lightningcss-light,var(--ds-red-for-blood))var(--lightningcss-dark,var(--ds-tuned-red));--ds-warning-color:var(--lightningcss-light,#4c3f1a)var(--lightningcss-dark,var(--ds-orange));--ds-success-color:var(--lightningcss-light,color-mix(in oklab, var(--ds-apple-green) 30%, var(--ds-black)))var(--lightningcss-dark,var(--ds-apple-green));--ds-border-color:var(--lightningcss-light,#d8d8d8)var(--lightningcss-dark,#3d3d3d);--ds-fill:var(--lightningcss-light,var(--ds-slate-light))var(--lightningcss-dark,var(--ds-slate-dark));--ds-fill-hover:var(--lightningcss-light,#e2e2e2)var(--lightningcss-dark,#404040);--ds-focus-ring:var(--ds-sharp-blue);--ds-row-fill-hover:var(--ds-fill);--ds-row-fill-press:color-mix(in srgb, var(--ds-fill-hover) 92%, var(--ds-text-color));--ds-row-fill-current:var(--ds-fill-hover);--ds-row-current-weight:var(--ds-type-weight-bold);--ds-button-text-color:var(--ds-text-color);--ds-button-background-color-primary:var(--ds-accent-color);--ds-button-text-color-on-accent:var(--ds-black);--ds-button-background-color-secondary:var(--ds-fill);--ds-icon-color:currentColor;--ds-input-background:var(--lightningcss-light,#e8e8e8)var(--lightningcss-dark,#303030);--ds-input-color:var(--lightningcss-light,#2a2a2a)var(--lightningcss-dark,#f5f5f5);--ds-input-placeholder-color:var(--lightningcss-light,#797979)var(--lightningcss-dark,#ababab);--ds-input-disabled-color:var(--lightningcss-light,#555)var(--lightningcss-dark,#d0d0d0);--ds-input-reveal-color:var(--lightningcss-light,#1e1e1e)var(--lightningcss-dark,#f5f5f5)}:root:lang(ja){--ds-typeface-regular:var(--ds-typeface-regular-jp)}:root:lang(zh){--ds-typeface-regular:var(--ds-typeface-regular-zh-hans)}:root:lang(zh-Hant),:root:lang(zh-TW),:root:lang(zh-HK),:root:lang(zh-MO){--ds-typeface-regular:var(--ds-typeface-regular-zh-hant)}*{box-sizing:border-box}body{background:var(--ds-paper);color:var(--ds-text-color);margin:0}animations-app{display:block}.collection{--ds-page-nav:calc(8 * var(--ds-unit));max-width:calc(72 * var(--ds-unit));margin-inline:auto}h1,h2,p{font:inherit;margin:0}h1{font-family:var(--typeface-medium);line-height:var(--1)}h2{font-family:var(--typeface-medium);font-size:calc(20px * var(--sf));line-height:calc(2 * var(--1))}.collection-description{color:var(--ds-text-color-muted);margin-block:var(--1) calc(2 * var(--1))}.collection-credit{margin-top:calc(2 * var(--1));color:var(--ds-text-color-muted)}.study-heading{gap:var(--1);padding-block:var(--1);justify-content:space-between;align-items:start;display:flex}.study-heading p{color:var(--ds-text-color-muted)}.study-heading ds-cycle{margin-top:var(--half)}.study{min-width:0}.stage{--signal:var(--lightningcss-light,var(--sharp-blue))var(--lightningcss-dark,var(--zenith-blue));--wire:color-mix(in srgb, var(--signal) 35%, transparent);background:var(--one-sharp-blue-pastel);background-image:radial-gradient(var(--wire) .7px, transparent .8px);background-size:var(--1) var(--1);border-radius:calc(4px * var(--sf));position:relative}.diagram{margin-inline:auto;position:relative}.wires,.packet-track{pointer-events:none;position:absolute;inset:0}.wire{fill:none;stroke:var(--wire);stroke-width:1px;stroke-dasharray:2 4;stroke-linejoin:round}.muted{opacity:.15}.packet{width:calc(4px * var(--sf));height:calc(4px * var(--sf));margin:calc(-2px * var(--sf));background:var(--signal);opacity:0;border-radius:50%;position:absolute;top:0;left:0}.node{place-items:center;display:grid;position:absolute}.channel{--button-background-color-secondary:var(--one-sharp-blue);--ds-button-text-color:var(--ds-white);--ds-button-fill-hover:var(--sharp-blue)}.systems-group{gap:var(--half);width:100%;height:100%;padding:var(--half);background:color-mix(in srgb, var(--sharp-blue) 10%, transparent);border-radius:calc(4px * var(--sf));align-items:center;display:flex}.systems-group>span{text-align:center;white-space:nowrap;color:var(--signal);flex:1}.systems-group>span:not(.system-ghost){background:color-mix(in srgb, var(--sharp-blue) 15%, transparent);padding-inline:calc(4px * var(--sf));border-radius:calc(4px * var(--sf))}.system-ghost{border:1px dashed var(--wire);height:var(--1)}.hub{background:var(--one-sharp-blue);width:100%;height:100%;color:var(--ds-white);border-radius:calc(4px * var(--sf));align-content:center;justify-items:center;display:grid}.hub span{font-size:calc(10px * var(--sf));line-height:var(--1)}.partners{grid-template-columns:repeat(3, var(--1));gap:var(--half);padding:var(--half);background:color-mix(in srgb, var(--sharp-blue) 12%, transparent);border-radius:calc(4px * var(--sf));display:grid}.partner{width:var(--1);height:var(--1);border-radius:calc(4px * var(--sf));color:var(--slate);background:var(--zenith-blue);place-items:center;display:grid}.partner-0{background:var(--yellow)}.partner-1{background:var(--pink)}.partner-2{background:var(--orange)}.partner-3{background:var(--apple-green)}.partner-4{background:var(--zenith-blue)}.partner-5{background:var(--tuned-red)}.warehouse{background:var(--ds-paper);width:100%;height:100%;color:var(--signal);border-radius:calc(4px * var(--sf));place-items:center;display:grid}.providers{justify-content:space-between;width:100%;display:flex}.providers>span{width:calc(2 * var(--1));height:calc(2 * var(--1));border:1px dashed var(--wire);color:var(--signal);border-radius:calc(4px * var(--sf));place-content:center;justify-items:center;display:grid}.providers>span>span{font-size:calc(10px * var(--sf));line-height:var(--1)}.playback{justify-content:space-between;align-items:center;gap:var(--1);padding-block:var(--1);border-bottom:1px solid var(--ds-border-color);display:flex}.playback-buttons{gap:var(--half);display:flex}.loop-control{gap:var(--half);color:var(--ds-text-color-muted);align-items:center;display:flex}.study-note{margin-top:var(--1);min-height:calc(2 * var(--1));max-width:calc(36 * var(--1));color:var(--ds-text-color-muted)}.reference{align-items:center;gap:calc(4px * var(--sf));color:var(--ds-text-color-muted);flex-wrap:wrap;display:flex}.reference>span{margin-right:calc(6px * var(--sf))}.collection-footer{gap:var(--half) var(--1);color:var(--ds-text-color-muted);padding-top:var(--1);flex-wrap:wrap;justify-content:space-between;display:flex}.ds-link{color:inherit;text-underline-offset:.15em;text-decoration:underline}.ds-link:focus-visible{outline:2px solid var(--ds-text-color);outline-offset:2px}@media (width<=680px){.collection-description{margin-block:var(--half) var(--1)}.collection-credit{display:none}.systems-group{flex-wrap:wrap}.systems-group>span{flex-basis:25%}.systems-group .system-ghost:last-child{display:none}}@media (prefers-reduced-motion:reduce){.packet{display:none}}.document{padding-block:var(--1)}.document h1{font-size:calc(20px * var(--sf));line-height:calc(2 * var(--1));margin-block:var(--1)}.document h2{font:inherit;font-family:var(--typeface-medium);line-height:var(--1);margin-top:var(--1)}.document p{margin-block:var(--1)}.document a{color:inherit}.concept-preview{width:100%;height:100%;padding:calc(4px * var(--sf));background:var(--ds-paper);border-radius:calc(4px * var(--sf));color:var(--signal)}.concept-toolbar{gap:calc(2px * var(--sf));height:calc(4px * var(--sf));display:flex}.concept-toolbar i{width:calc(2px * var(--sf));height:calc(2px * var(--sf));background:var(--signal);border-radius:50%}.concept-hero{height:calc(10px * var(--sf));background:var(--one-sharp-blue);border-radius:calc(2px * var(--sf))}.concept-copy{margin-top:calc(2px * var(--sf));height:calc(2px * var(--sf));background:var(--signal);opacity:.5}.concept-copy.short{width:60%}.concept-tiles{gap:calc(2px * var(--sf));margin-top:calc(2px * var(--sf));display:flex}.concept-tiles i{background:var(--one-sharp-blue-pastel);height:calc(4px * var(--sf));flex:1}.concept-pages>span{background:color-mix(in srgb, var(--ds-paper) 70%, transparent)}.mini-page{gap:calc(2px * var(--sf));width:calc(24px * var(--sf));padding:calc(3px * var(--sf));display:grid}.mini-page i{height:calc(6px * var(--sf));background:var(--one-sharp-blue)}.mini-page b,.mini-page em{height:calc(2px * var(--sf));background:var(--signal);opacity:.5}.mini-page em,.mini-page-1 i{width:60%}.mini-page-2 i{width:80%}.concept-stage .systems-group{flex-wrap:nowrap}