.sim-effects-sparks{min-inline-size:0;position:relative}.sim-effects-spark-overlay{pointer-events:none;z-index:1;block-size:100%;inline-size:100%;color:var(--color-accent);position:absolute;inset:0;overflow:visible}.sim-effects-spark-overlay line{stroke:currentColor;stroke-width:2px;stroke-linecap:round;transform-box:fill-box;transform-origin:50%}.sim-effects-magnet{min-inline-size:0;max-inline-size:100%;display:inline-block;position:relative}.sim-effects-magnet-inner{transition:transform var(--duration-normal,.2s) var(--easing-enter,cubic-bezier(.16,1,.3,1))}.sim-effects-magnet[data-magnet-active=true]>.sim-effects-magnet-inner{transition-duration:.1s}.sim-effects-scroll{overflow-wrap:anywhere;min-inline-size:0;margin:0}.sim-effects-scroll-visual{transform-origin:50%;display:block}.sim-effects-scroll [data-reveal-word]{white-space:normal;overflow-wrap:anywhere;max-inline-size:100%;display:inline-block}.sim-effects-sr{clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;block-size:1px!important;inline-size:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.sim-effects-scroll-viewport{overscroll-behavior:contain;border:1px solid var(--color-line);border-radius:var(--radius-large);block-size:300px;padding-inline:var(--space-5);scroll-padding:var(--space-4);overflow:auto}.sim-effects-scroll-viewport:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.sim-effects-scroll-viewport .sim-effects-scroll{font-size:clamp(1.25rem,2vw,1.75rem);font-weight:500;line-height:1.65}.sim-effects-scroll-space{block-size:230px;color:var(--color-muted);font-size:var(--type-label);justify-content:center;align-items:center;display:flex}.sim-effects-pointer-stage{min-block-size:180px;padding:var(--space-6);border:1px solid var(--color-line);border-radius:var(--radius-large);background:var(--color-paper);place-items:center;display:grid}.sim-effects-spark-stage{min-block-size:180px;padding:var(--space-5);border:1px solid var(--color-line);border-radius:var(--radius-large);background:var(--color-paper);justify-content:center;align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}@media (prefers-reduced-motion:reduce),(forced-colors:active){.sim-effects-spark-overlay{display:none}.sim-effects-magnet-inner{transition:none!important;transform:none!important}.sim-effects-scroll-visual{transform:none!important}.sim-effects-scroll [data-reveal-word]{opacity:1!important;filter:none!important}}
.sim-effect-beam{pointer-events:none;block-size:100%;inline-size:100%;position:absolute;inset:0;overflow:visible}.sim-effect-beam-track{stroke:var(--sim-beam-path,var(--color-line))}.sim-effect-beam-pulse{stroke:var(--sim-beam-color,var(--color-accent));opacity:0}.sim-effect-beam[data-effect-running=false] .sim-effect-beam-pulse{opacity:0!important}.sim-effect-marquee{min-inline-size:0;overflow:hidden}.sim-effect-marquee-track,.sim-effect-marquee-group,.sim-effect-marquee-copies{gap:var(--sim-marquee-gap,var(--space-4));flex:none;align-items:center;inline-size:max-content;display:flex}.sim-effect-marquee-group>*{flex:none}.sim-effect-marquee-copies:empty{display:none}.sim-effect-marquee[data-orientation=vertical]{block-size:240px}.sim-effect-marquee[data-orientation=vertical] :is(.sim-effect-marquee-track,.sim-effect-marquee-group,.sim-effect-marquee-copies){flex-direction:column;inline-size:100%}.sim-effect-marquee[data-static=true]{block-size:auto;overflow:auto}.sim-effect-marquee[data-static=true] .sim-effect-marquee-track{inline-size:100%;transform:none!important}.sim-effect-marquee[data-static=true] .sim-effect-marquee-group{flex-wrap:wrap;inline-size:100%}.sim-effect-marquee[data-static=true] .sim-effect-marquee-copies{display:none}.sim-effect-list{gap:var(--space-3);min-block-size:1px;min-inline-size:0;margin:0;padding:0;list-style:none;display:grid}.sim-effect-list>li{min-inline-size:0}.sim-effect-list>li[hidden]{display:none}.sim-layout-example{gap:var(--space-4);min-inline-size:0;display:grid}.sim-layout-controls{align-items:end;gap:var(--space-3);flex-wrap:wrap;display:flex}.sim-layout-beam-stage{min-block-size:220px;padding:var(--space-6);border:1px solid var(--color-line);border-radius:var(--radius-large);background:var(--color-canvas);justify-content:space-between;align-items:center;display:flex;position:relative}.sim-layout-beam-stage[data-stacked=true]{flex-direction:column;min-block-size:310px}.sim-layout-beam-network{gap:var(--space-3);padding:var(--space-4);grid-template-columns:1fr 1fr 1fr;display:grid}.sim-layout-beam-column{gap:var(--space-5);min-inline-size:0;display:grid}.sim-layout-beam-network .sim-layout-beam-node{overflow-wrap:anywhere;text-align:center;min-inline-size:0}.sim-layout-beam-network[data-stacked=true]{grid-template-columns:1fr;justify-items:center}.sim-layout-beam-network[data-stacked=true] .sim-layout-beam-column{grid-auto-columns:1fr;grid-auto-flow:column;inline-size:100%}.sim-layout-video-card video{border-radius:var(--radius-small);block-size:auto;inline-size:100%;margin-block-end:var(--space-3);display:block}.sim-effect-marquee[data-video-state=unavailable]{overflow:auto}.sim-layout-beam-node{z-index:1;min-block-size:58px;min-inline-size:88px;padding:var(--space-2);border:1px solid var(--color-line);border-radius:var(--radius-large);color:var(--color-ink);background:var(--color-paper);box-shadow:0 3px 8px color-mix(in srgb,var(--color-ink) 8%,transparent);place-items:center;display:grid}.sim-layout-card{min-inline-size:0;padding:var(--space-4);border:1px solid var(--color-line);border-radius:var(--radius-large);color:var(--color-ink);background:var(--color-paper);overflow-wrap:anywhere;display:block}.sim-layout-card p{margin:var(--space-2) 0 0;color:var(--color-muted)}.sim-effect-marquee .sim-layout-card{inline-size:clamp(160px,25vw,240px)}.sim-layout-list-stage{min-block-size:320px}@media (max-width:520px){.sim-layout-beam-network{grid-template-columns:1fr;justify-items:center}.sim-layout-beam-network .sim-layout-beam-column{gap:var(--space-2);grid-auto-columns:1fr;grid-auto-flow:column;inline-size:100%}.sim-layout-beam-network .sim-layout-beam-node{padding:var(--space-1);overflow-wrap:normal;font-size:.875em}.sim-layout-beam-network>.sim-layout-beam-node{inline-size:120px}}@media (prefers-reduced-motion:reduce){.sim-effect-beam-pulse{opacity:0!important}.sim-effect-marquee{overflow:auto;block-size:auto!important}.sim-effect-marquee-track{inline-size:100%;transform:none!important}.sim-effect-marquee-group{flex-wrap:wrap;inline-size:100%}.sim-effect-marquee-copies{display:none!important}.sim-effect-list>li{opacity:1!important;transform:none!important}}@media (forced-colors:active){.sim-effect-beam-track{stroke:canvastext}.sim-effect-beam-pulse{display:none}.sim-layout-beam-node,.sim-layout-card{color:canvastext;background:canvas;border-color:canvastext}}
.sim-effect-text{display:inline}.sim-effect-text-visual{white-space:pre-wrap;overflow-wrap:anywhere}.sim-effect-text-unit{white-space:pre-wrap;overflow-wrap:anywhere;transform-origin:50% 80%;max-inline-size:100%;display:inline-block}.sim-effect-text-word{display:inline}.sim-effect-text-readable{clip-path:inset(50%);white-space:nowrap;border:0;block-size:1px;inline-size:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.sim-effect-count-up{font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.sim-effect-rotating-text{vertical-align:bottom;max-inline-size:100%;line-height:1.4;display:inline-grid;position:relative;overflow:clip}.sim-effect-rotating-measure,.sim-effect-rotating-current,.sim-effect-rotating-previous{overflow-wrap:anywhere;white-space:pre-wrap;grid-area:1/1;min-inline-size:0;max-inline-size:100%}.sim-effect-rotating-measure{visibility:hidden;pointer-events:none}.sim-effect-rotating-previous{opacity:0;pointer-events:none}.sim-effect-text-demo{gap:var(--space-4);min-inline-size:0;display:grid}.sim-effect-text-controls{align-items:end;gap:var(--space-3);flex-wrap:wrap;display:flex}.sim-effect-text-stage{padding:var(--space-6);border:1px solid var(--color-line);border-radius:var(--radius-large);background:var(--color-paper);overflow-wrap:anywhere;min-inline-size:0;font-size:clamp(1.25rem,4vw,2rem);line-height:1.5}.sim-effect-text-stage p{margin:0}.sim-effect-text-detail{color:var(--color-muted);font-size:.875rem}.sim-effect-text-controls>*{max-inline-size:100%}.sim-effect-text-controls .sim-effect-text-detail{flex-basis:100%}@media (max-width:440px){.sim-effect-text-stage{padding:var(--space-3)}}@media (prefers-reduced-motion:reduce),(forced-colors:active){.sim-effect-text-unit,.sim-effect-rotating-current,.sim-effect-rotating-previous{filter:none!important;animation:none!important;transform:none!important}.sim-effect-text-unit,.sim-effect-rotating-current{opacity:1!important}.sim-effect-rotating-previous{display:none}}.sim-effect-split-text[data-split-type=lines]{min-inline-size:0;display:block}.sim-effect-line-layout{inline-size:100%;min-inline-size:0;display:grid}.sim-effect-line-measure,.sim-effect-line-render{white-space:pre-wrap;overflow-wrap:anywhere;grid-area:1/1;min-inline-size:0}.sim-effect-line-measure{visibility:hidden;pointer-events:none;-webkit-user-select:none;user-select:none}.sim-effect-line-unit{white-space:pre;overflow-wrap:normal;min-block-size:1lh;max-inline-size:none;display:block}.sim-effect-rotating-text[data-split-by=lines]{inline-size:100%;display:grid}.sim-effect-rotating-previous[data-segmented]{opacity:1}.sim-effect-rotating-previous[data-segmented] .sim-effect-line-unit{opacity:0}
.sim-effects-fixture{max-inline-size:1040px;color:var(--color-ink);margin-inline:auto;padding:clamp(16px,4vw,48px)}.sim-effects-fixture h1{font-family:var(--font-display);max-inline-size:22ch;font-size:clamp(1.7rem,4vw,2.8rem);line-height:1.18}.sim-effects-fixture header{margin-block-end:var(--space-8)}.sim-effects-fixture p{overflow-wrap:anywhere}.sim-effects-section{margin-block:var(--space-6);border:1px solid var(--color-line);border-radius:var(--radius-card);background:var(--color-raised,var(--color-paper));padding:clamp(16px,3vw,32px)}.sim-effects-section h2{font-size:var(--type-title);margin-block-start:0}.sim-effects-example{gap:var(--space-4);min-inline-size:0;display:grid}.sim-effects-controls{align-items:end;gap:var(--space-3);flex-wrap:wrap;min-inline-size:0;display:flex}.sim-effects-controls>*{max-inline-size:100%}.sim-effects-note{font-size:var(--type-label);color:var(--color-muted);margin:0;line-height:1.6}.sim-effects-fixture-nav{gap:var(--space-2) var(--space-4);flex-wrap:wrap;display:flex}.sim-effects-fixture-nav a{color:var(--color-ink);text-underline-offset:.2em}@media (max-width:400px){.sim-effects-controls{align-items:stretch}.sim-effects-controls>[data-react-aria-pressable]{flex:auto}}