.hills{--hills-sky:var(--color-hills-sky);z-index:-1;pointer-events:none;background:var(--hills-sky);position:absolute;inset:0;overflow:hidden}.hills__canvas{opacity:0;width:100%;height:100%;transition:opacity .6s ease-out;display:block;position:absolute;inset:0}.hills__canvas[data-ready]{opacity:1}.hills[data-variant=corner]{background:0 0;-webkit-mask-image:radial-gradient(95% 120% at 100% 100%,#000 45%,#0000 100%);mask-image:radial-gradient(95% 120% at 100% 100%,#000 45%,#0000 100%)}@media not (min-width:768px){.hills[data-variant=corner]{height:320px;inset:auto 0 0}}.hills[data-variant=environment],.hills[data-variant=product]{--hills-sky:var(--color-hills-tinted-sky)}.hills[data-variant=ground]{--hills-sky:var(--color-diagram-bg);--ground-mask:linear-gradient(to top, #000 25%, transparent 70%);opacity:.65;-webkit-mask-image:var(--ground-mask);-webkit-mask-image:var(--ground-mask);mask-image:var(--ground-mask);background:0 0}.hills[data-variant=ground][data-turn]{-webkit-mask-image:var(--ground-mask), linear-gradient(transparent, transparent);-webkit-mask-image:var(--ground-mask), linear-gradient(transparent, transparent);mask-image:var(--ground-mask), linear-gradient(transparent, transparent);-webkit-mask-composite:source-in, xor;animation:.28s step-end 40ms both hills-grain;-webkit-mask-size:100% 100%,128px 128px;mask-size:100% 100%,128px 128px;-webkit-mask-repeat:no-repeat,repeat;mask-repeat:no-repeat,repeat;-webkit-mask-composite:source-in;mask-composite:intersect}.hills[data-variant=ground][data-turn=out]{-webkit-mask-composite:source-out;animation-name:hills-grain-out;-webkit-mask-composite:source-out;mask-composite:subtract}.hills[data-variant=ground][data-turn]>.hills__canvas{transition:none}@keyframes hills-grain{0%{-webkit-mask-image:var(--ground-mask), linear-gradient(transparent, transparent);-webkit-mask-image:var(--ground-mask), linear-gradient(transparent, transparent);mask-image:var(--ground-mask), linear-gradient(transparent, transparent)}16.667%{-webkit-mask-image:var(--ground-mask), var(--grain-1);-webkit-mask-image:var(--ground-mask), var(--grain-1);mask-image:var(--ground-mask), var(--grain-1)}33.333%{-webkit-mask-image:var(--ground-mask), var(--grain-2);-webkit-mask-image:var(--ground-mask), var(--grain-2);mask-image:var(--ground-mask), var(--grain-2)}50%{-webkit-mask-image:var(--ground-mask), var(--grain-3);-webkit-mask-image:var(--ground-mask), var(--grain-3);mask-image:var(--ground-mask), var(--grain-3)}66.667%{-webkit-mask-image:var(--ground-mask), var(--grain-4);-webkit-mask-image:var(--ground-mask), var(--grain-4);mask-image:var(--ground-mask), var(--grain-4)}83.333%{-webkit-mask-image:var(--ground-mask), var(--grain-5);-webkit-mask-image:var(--ground-mask), var(--grain-5);mask-image:var(--ground-mask), var(--grain-5)}to{-webkit-mask-image:var(--ground-mask), linear-gradient(#000, #000);-webkit-mask-image:var(--ground-mask), linear-gradient(#000, #000);mask-image:var(--ground-mask), linear-gradient(#000, #000)}}@keyframes hills-grain-out{0%{-webkit-mask-image:var(--ground-mask), linear-gradient(transparent, transparent);-webkit-mask-image:var(--ground-mask), linear-gradient(transparent, transparent);mask-image:var(--ground-mask), linear-gradient(transparent, transparent)}16.667%{-webkit-mask-image:var(--ground-mask), var(--grain-1);-webkit-mask-image:var(--ground-mask), var(--grain-1);mask-image:var(--ground-mask), var(--grain-1)}33.333%{-webkit-mask-image:var(--ground-mask), var(--grain-2);-webkit-mask-image:var(--ground-mask), var(--grain-2);mask-image:var(--ground-mask), var(--grain-2)}50%{-webkit-mask-image:var(--ground-mask), var(--grain-3);-webkit-mask-image:var(--ground-mask), var(--grain-3);mask-image:var(--ground-mask), var(--grain-3)}66.667%{-webkit-mask-image:var(--ground-mask), var(--grain-4);-webkit-mask-image:var(--ground-mask), var(--grain-4);mask-image:var(--ground-mask), var(--grain-4)}83.333%{-webkit-mask-image:var(--ground-mask), var(--grain-5);-webkit-mask-image:var(--ground-mask), var(--grain-5);mask-image:var(--ground-mask), var(--grain-5)}to{-webkit-mask-image:var(--ground-mask), linear-gradient(#000, #000);-webkit-mask-image:var(--ground-mask), linear-gradient(#000, #000);mask-image:var(--ground-mask), linear-gradient(#000, #000)}}@keyframes hills-turn-fade{0%{opacity:0}}@media (prefers-reduced-motion:reduce){.hills__canvas{transition:none}.hills[data-variant=ground][data-turn]{-webkit-mask-image:var(--ground-mask);-webkit-mask-image:var(--ground-mask);mask-image:var(--ground-mask);animation:.24s linear both hills-turn-fade}.hills[data-variant=ground][data-turn=out]{animation-name:hills-turn-fade;animation-direction:reverse}}.hills[data-variant=product]{z-index:auto}:is([data-tone=vista-iris] .hills,.hills[data-tone=vista-iris]){--color-hills-warm:#799cfb;--color-hills-mid:#7e64fb;--color-hills-cool:#f0989e;--color-hills-near:#cdcefb;--color-hills-sun:#faf1a3}@supports (color:lab(0% 0 0)){:is([data-tone=vista-iris] .hills,.hills[data-tone=vista-iris]){--color-hills-warm:lab(64.7782% 7.71526 -51.9045)}}:is([data-tone=dawn] .hills,.hills[data-tone=dawn]){--color-hills-warm:#89c4fa;--color-hills-mid:#aa77fd;--color-hills-cool:#f0989e;--color-hills-near:#b4dafb;--color-hills-sun:#faf1a3}:is([data-tone=glacier] .hills,.hills[data-tone=glacier]){--color-hills-warm:#70c5ff;--color-hills-mid:#7e64fb;--color-hills-cool:#cdcefb;--color-hills-near:#a9d7fb;--color-hills-sun:#f5fbff}:is([data-tone=linen] .hills,.hills[data-tone=linen]){--color-hills-warm:#eabe95;--color-hills-mid:#7e64fb;--color-hills-cool:#cdcefb;--color-hills-near:#eed2b8;--color-hills-sun:#fdfaf6}:is([data-tone=iris] .hills,.hills[data-tone=iris]){--color-hills-warm:#b3b1fa;--color-hills-mid:#7e64fb;--color-hills-cool:#89c4fa;--color-hills-near:#c3c8fb;--color-hills-sun:#f8f8fe}:is([data-tone=lilac] .hills,.hills[data-tone=lilac]){--color-hills-warm:#c7abdf;--color-hills-mid:#8f7bfb;--color-hills-cool:#f0989e;--color-hills-near:#d0c3ea;--color-hills-sun:#faf1a3}@supports (color:lab(0% 0 0)){:is([data-tone=lilac] .hills,.hills[data-tone=lilac]){--color-hills-warm:lab(73.8285% 17.7154 -22.5265);--color-hills-near:lab(80.9687% 10.2148 -17.6999)}}:is([data-tone=lavender] .hills,.hills[data-tone=lavender]){--color-hills-warm:#cbb9d0;--color-hills-mid:#7e64fb;--color-hills-cool:#cdcefb;--color-hills-near:#ddd1db;--color-hills-sun:#fdfaf6}@supports (color:lab(0% 0 0)){:is([data-tone=lavender] .hills,.hills[data-tone=lavender]){--color-hills-warm:lab(77.1702% 9.99275 -9.1555);--color-hills-near:lab(84.9876% 5.91278 -3.31608)}}:is([data-tone=twilight] .hills,.hills[data-tone=twilight]){--color-hills-warm:#bf95d3;--color-hills-mid:#946efc;--color-hills-cool:#55b9ff;--color-hills-near:#d9bff1;--color-hills-sun:#faf1a3}@supports (color:lab(0% 0 0)){:is([data-tone=twilight] .hills,.hills[data-tone=twilight]){--color-hills-warm:lab(67.4154% 24.3993 -25.74);--color-hills-mid:lab(55.7414% 39.919 -66.9961);--color-hills-cool:lab(71.3629% -13.6303 -44.2576);--color-hills-near:lab(80.9056% 16.1766 -21.0518)}}.dark :is([data-tone=vista-iris] .hills,.hills[data-tone=vista-iris]){--color-hills-warm:#799cfb;--color-hills-mid:#7e64fb;--color-hills-cool:#f0989e;--color-hills-near:#2a1c59;--color-hills-sun:#faf1a3}@supports (color:lab(0% 0 0)){.dark :is([data-tone=vista-iris] .hills,.hills[data-tone=vista-iris]){--color-hills-warm:lab(64.7782% 7.71526 -51.9045);--color-hills-near:lab(15.0695% 20.7787 -35.3692)}}.dark :is([data-tone=dawn] .hills,.hills[data-tone=dawn]){--color-hills-warm:#4da9fb;--color-hills-mid:#9b52fb;--color-hills-cool:#f0989e;--color-hills-near:#142c49;--color-hills-sun:#faf1a3}@supports (color:lab(0% 0 0)){.dark :is([data-tone=dawn] .hills,.hills[data-tone=dawn]){--color-hills-near:lab(17.1524% -.930071 -21.4217)}}.dark :is([data-tone=glacier] .hills,.hills[data-tone=glacier]){--color-hills-warm:#70c5ff;--color-hills-mid:#6c35f5;--color-hills-cool:#b3b1fa;--color-hills-near:#05162f;--color-hills-sun:#e7f3fd}@supports (color:lab(0% 0 0)){.dark :is([data-tone=glacier] .hills,.hills[data-tone=glacier]){--color-hills-near:lab(6.88056% 1.34367 -19.3553)}}.dark :is([data-tone=linen] .hills,.hills[data-tone=linen]){--color-hills-warm:#e0ae80;--color-hills-mid:#6c35f5;--color-hills-cool:#b3b1fa;--color-hills-near:#27180c;--color-hills-sun:#fce5d4}@supports (color:lab(0% 0 0)){.dark :is([data-tone=linen] .hills,.hills[data-tone=linen]){--color-hills-near:lab(10.0103% 6.15446 10.0531)}}.dark :is([data-tone=iris] .hills,.hills[data-tone=iris]){--color-hills-warm:#968dfa;--color-hills-mid:#6c35f5;--color-hills-cool:#4da9fb;--color-hills-near:#1f173f;--color-hills-sun:#e1e3fc}@supports (color:lab(0% 0 0)){.dark :is([data-tone=iris] .hills,.hills[data-tone=iris]){--color-hills-near:lab(10.7073% 13.7953 -24.9292)}}.dark :is([data-tone=lilac] .hills,.hills[data-tone=lilac]){--color-hills-warm:#b193e0;--color-hills-mid:#7e64fb;--color-hills-cool:#f0989e;--color-hills-near:#231645;--color-hills-sun:#faf1a3}@supports (color:lab(0% 0 0)){.dark :is([data-tone=lilac] .hills,.hills[data-tone=lilac]){--color-hills-warm:lab(66.0171% 23.2002 -35.3182);--color-hills-near:lab(11.3993% 16.8343 -27.6451)}}.dark :is([data-tone=lavender] .hills,.hills[data-tone=lavender]){--color-hills-warm:#b6a0c9;--color-hills-mid:#6c35f5;--color-hills-cool:#b3b1fa;--color-hills-near:#221928;--color-hills-sun:#fce5d4}@supports (color:lab(0% 0 0)){.dark :is([data-tone=lavender] .hills,.hills[data-tone=lavender]){--color-hills-warm:lab(68.773% 14.1143 -18.0618);--color-hills-near:lab(10.5215% 7.23904 -8.4622)}}.dark :is([data-tone=twilight] .hills,.hills[data-tone=twilight]){--color-hills-warm:#bf95d3;--color-hills-mid:#8345f8;--color-hills-cool:#55b9ff;--color-hills-near:#171747;--color-hills-sun:#faf1a3}@supports (color:lab(0% 0 0)){.dark :is([data-tone=twilight] .hills,.hills[data-tone=twilight]){--color-hills-warm:lab(67.4154% 24.3993 -25.74);--color-hills-mid:lab(45.6796% 55.6892 -81.178);--color-hills-cool:lab(71.3629% -13.6303 -44.2576);--color-hills-near:lab(10.4549% 13.3938 -30.6359)}}
.product{--product-surface:var(--color-product-surface);--product-line:color-mix(in oklab, var(--color-text-primary) 9%, var(--color-background));--product-line-strong:color-mix(in oklab, var(--color-text-primary) 15%, var(--color-background));--product-fill:color-mix(in srgb, var(--color-text-primary) 5%, transparent);--product-text:var(--color-text-primary);--product-text-2:var(--color-text-secondary);--product-faint:var(--color-text-faint);--product-accent:var(--color-product-accent);--product-success:var(--color-product-success);--product-error:var(--color-product-error);--product-idle:var(--color-product-idle);--product-radius:var(--radius-window);--product-radius-s:calc(var(--radius-window) - 1px);--product-shadow:0 1px 2px color-mix(in srgb, var(--color-black) 4%, transparent), 0 18px 40px -12px color-mix(in srgb, var(--color-black) 16%, transparent);--product-ease:cubic-bezier(.9, .1, .1, .9);--product-snap:cubic-bezier(.16, 1, .3, 1);min-width:0;color:var(--product-text);font-family:var(--font-neue-montreal), sans-serif;text-align:left;-webkit-font-smoothing:antialiased;font-size:12.5px;line-height:1.4}:root.dark .product{--product-shadow:0 1px 2px color-mix(in srgb, var(--color-black) 30%, transparent), 0 18px 40px -12px color-mix(in srgb, var(--color-black) 60%, transparent)}.product *,.product :before,.product :after{box-sizing:border-box}.product-icon{fill:none;stroke:currentColor;stroke-width:1.25px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:16px;height:16px}.product-spin{animation:.9s linear infinite product-spin}@keyframes product-spin{to{rotate:360deg}}.product-badge{border-radius:var(--product-radius-s);background:var(--product-fill);color:var(--product-text-2);white-space:nowrap;align-items:center;gap:4px;padding:2px 8px 2px 4px;font-size:12px;line-height:16px;display:inline-flex}.product-badge .product-icon{stroke-width:1.5px;width:12px;height:12px}.product-badge[data-tone=run]{background:color-mix(in srgb, var(--product-accent) 10%, transparent);color:var(--product-accent)}.product-badge[data-tone=ok]{background:color-mix(in srgb, var(--product-success) 12%, transparent);color:var(--product-success)}.product-tabs{border-bottom:1px solid var(--product-line);gap:4px;padding:0 12px;display:flex}.product-tabs>span{color:var(--product-text-2);border-bottom:2px solid #0000;margin-bottom:-1px;padding:8px}.product-tabs>[data-active]{border-bottom-color:var(--product-accent);color:var(--product-text)}.product-card{border:1px solid var(--product-line);border-radius:var(--product-radius);background:var(--product-surface);padding:16px 16px 12px}.product-strip{border-color:var(--product-line-strong);flex-direction:column;gap:16px;padding:24px 24px 20px;display:flex}.product-strip__head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px 24px;display:flex}.product-strip__count{font:500 40px / 1 var(--font-neue-montreal), sans-serif;letter-spacing:-.03em;align-items:baseline;gap:8px;margin:0;display:flex}.product-strip__label{color:var(--product-faint);font:500 12px / 16px var(--font-neue-montreal-mono), monospace;letter-spacing:.04em;text-transform:uppercase}.product-strip__meta{color:var(--product-faint);margin:0;font-size:13px}.product-chart__x{color:var(--product-faint);font-variant-numeric:tabular-nums;justify-content:space-between;padding:8px 32px 0 0;font-size:10.5px;display:flex}.product-legend{color:var(--product-text-2);flex-wrap:wrap;gap:4px 20px;margin:12px 0 0;padding:0;font-size:12px;list-style:none;display:flex}.product-legend li{align-items:center;gap:4px;display:flex}.product-legend li:before{content:"";border-radius:50%;width:7px;height:7px}.product-legend [data-tone=idle]:before{background:var(--product-idle)}.product-legend [data-tone=run]:before{background:var(--product-accent)}.product-legend [data-tone=boot]:before{box-shadow:inset 0 0 0 1.5px var(--product-accent)}.product-viewer{border:1px solid var(--product-line-strong);border-radius:var(--product-radius);background:var(--product-surface);box-shadow:var(--product-shadow);overflow:hidden;container:product-viewer/inline-size}.product-viewer__head{align-items:center;gap:8px;min-width:0;padding:12px 16px 4px;display:flex}.product-viewer__id{letter-spacing:-.01em;text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:600;overflow:hidden}.product-viewer__tools{color:var(--product-text-2);align-items:center;gap:12px;margin-left:auto;display:flex}.product-events{margin:0;padding:4px 0 8px;list-style:none}.product-event{position:relative}.product-event:not(:last-child):before{content:"";background:var(--product-line);width:1px;position:absolute;top:29px;bottom:-5px;left:23.5px}.product-ev__row{width:100%;min-height:34px;transition:opacity .36s var(--product-ease), translate .36s var(--product-ease);align-items:center;gap:8px;padding:0 16px;display:flex}.product-event:not([data-shown])>.product-ev__row{opacity:0;translate:0 4px}.product-event:not([data-shown]):before{opacity:0}.product-event:has(+.product-event:not([data-shown])):before{opacity:0}.product-ev__icon{color:var(--product-faint);place-items:center;display:grid;position:relative}.product-event[data-tone=ok][data-kind=done] .product-ev__icon{color:var(--product-success)}.product-event[data-tone=err] .product-ev__icon{color:var(--product-error)}.product-ev__what{flex:1;align-items:center;gap:8px;min-width:0;display:flex}.product-ev__label{white-space:nowrap}.product-ev__code{border-radius:var(--product-radius-s);background:var(--product-fill);min-width:0;font-family:var(--font-neue-montreal-mono), monospace;text-overflow:ellipsis;white-space:nowrap;padding:1px 4px;font-size:11.5px;overflow:hidden}.product-ev__exit{border-radius:var(--product-radius-s);background:color-mix(in srgb, var(--product-success) 11%, transparent);color:var(--product-success);font-family:var(--font-neue-montreal-mono), monospace;flex:none;padding:0 4px;font-size:11px;line-height:18px}.product-event[data-tone=err] .product-ev__exit{background:color-mix(in srgb, var(--product-error) 11%, transparent);color:var(--product-error)}.product-ev__time{color:var(--product-text-2);font-family:var(--font-neue-montreal-mono), monospace;-webkit-text-decoration:underline dotted var(--product-faint);-webkit-text-decoration:underline dotted var(--product-faint);text-decoration:underline dotted var(--product-faint);text-underline-offset:4px;flex:none;font-size:11.5px}@container product-viewer (max-width:479.98px){.product-ev__time{display:none}}.product-run{--product-overlap:48px;isolation:isolate;grid-template-columns:repeat(12,minmax(0,1fr));display:grid;container:product-run/inline-size}.product-run__code{padding-bottom:var(--product-overlap);border:1px solid var(--color-code-border);border-radius:var(--product-radius);background:var(--color-code-bg);color:var(--color-code-text);grid-area:1/1/auto/11;overflow:hidden}.product-run__bar{border-bottom:1px solid var(--color-code-border);height:36px;font-family:var(--font-neue-montreal-mono), monospace;white-space:nowrap;align-items:center;gap:12px;padding:0 12px 0 16px;font-size:11px;display:flex}.product-run__lang{text-transform:uppercase}.product-run__file{color:var(--color-code-muted)}.product-run__status{color:var(--color-code-muted);align-items:center;gap:4px;margin-left:auto;display:flex}.product-run__status[data-tone=run]{color:var(--color-code-text)}.product-run__status[data-tone=ok]{color:var(--color-code-success)}.product-run__status .product-icon{stroke-width:1.5px;width:12px;height:12px}.product-run__status>span{animation:product-fade .3s var(--product-ease)}@keyframes product-fade{0%{opacity:0}}.product-run__pre{font-family:var(--font-neue-montreal-mono), monospace;scrollbar-width:none;margin:0;padding:12px 0;font-size:12px;line-height:22px;overflow-x:auto}.product-run__pre code{counter-reset:line;font:inherit}.product-run__line{counter-increment:line;white-space:pre;transition:opacity .3s var(--product-ease), background-color .3s var(--product-ease);padding:0 20px 0 0;display:block;box-shadow:inset 2px 0 #0000}.product-run__line:before{content:counter(line);width:40px;color:var(--color-code-muted);text-align:right;-webkit-user-select:none;user-select:none;padding-right:16px;font-size:11px;display:inline-block}.product-run__line[data-state=active]{background:color-mix(in srgb, var(--color-code-text) 7%, transparent);box-shadow:inset 2px 0 var(--product-accent)}.product-run__line[data-state=next]{opacity:.4}.product-run__viewer{margin-top:calc(var(--product-overlap) * -1);grid-area:2/4/auto/13;position:relative}.product-run__mat{z-index:-1;grid-area:1/1/3/-1;position:relative}.product-run__mat>*{inset:var(--snap-t,40px) var(--snap-r,8.333%) var(--snap-b,96px) var(--snap-l,8.333%)}.product-hills{--product-hills-radius:6px;border-radius:var(--product-hills-radius);pointer-events:none;position:absolute;overflow:hidden}.product-mat__art{border:1px solid color-mix(in srgb, var(--color-text-primary) 10%, transparent);border-radius:var(--product-hills-radius);position:absolute;inset:0;overflow:hidden}.product-run__draw{--product-draw:color-mix(in srgb, var(--color-text-primary) 40%, transparent);pointer-events:none;opacity:0;position:absolute}.product-run__draw i,.product-run__draw b{position:absolute}.product-run__draw i{background:var(--product-draw)}.product-run__draw i:first-child{transform-origin:0;height:1px;top:0;left:0;right:0}.product-run__draw i:nth-child(2){transform-origin:top;width:1px;top:0;bottom:0;right:0}.product-run__draw i:nth-child(3){transform-origin:0;height:1px;bottom:0;left:0;right:0}.product-run__draw i:nth-child(4){transform-origin:top;width:1px;top:0;bottom:0;left:0}.product-run__draw b{border:1px solid var(--product-draw);background:var(--color-background);width:5px;height:5px;margin:-2px}.product-run__draw b:first-of-type{top:0;left:0}.product-run__draw b:nth-of-type(2){top:0;right:0}.product-run__draw b:nth-of-type(3){bottom:0;left:0}.product-run__draw b:nth-of-type(4){bottom:0;right:0}@media (prefers-reduced-motion:no-preference){.product-run[data-enter] :is(.product-run__code,.product-run__viewer){animation:product-rise .36s var(--product-snap) both}.product-run[data-enter] .product-run__viewer{animation-delay:72ms}.product-run[data-enter] .product-run__draw{animation:1.56s linear both product-draw}.product-run[data-enter] .product-run__draw i{animation:product-line-x .36s var(--product-snap) .264s both}.product-run[data-enter] .product-run__draw i:nth-child(2n){animation-name:product-line-y}.product-run[data-enter] .product-run__draw i:is(:nth-child(2),:nth-child(3)){animation-delay:.432s}.product-run[data-enter] .product-run__draw b{animation:product-mark .288s var(--product-snap) .24s both}.product-run[data-enter] .product-run__draw b:is(:nth-of-type(2),:nth-of-type(3)){animation-delay:.408s}.product-run[data-enter] .product-run__draw b:nth-of-type(4){animation-delay:.576s}.product-run[data-enter] .product-mat__art{animation:product-fill .552s var(--product-snap) .648s backwards}.product-run[data-enter] .product-mat__art>*{animation:product-fill-hold .552s var(--product-snap) .648s backwards}}@keyframes product-rise{0%{opacity:0;translate:0 12px;scale:.985}}@keyframes product-draw{0%,75%{opacity:1}to{opacity:0}}@keyframes product-line-x{0%{scale:0 1}}@keyframes product-line-y{0%{scale:1 0}}@keyframes product-mark{0%{opacity:0;scale:.2}}@keyframes product-fill{0%{translate:0 100%}}@keyframes product-fill-hold{0%{translate:0 -100%}}@container product-run (max-width:559.98px){:is(.product-run__code,.product-run__viewer){--product-overlap:28px}.product-run__code{grid-column:1/-1;margin-right:24px}.product-run__mat>*{inset:32px 0 56px}.product-run__viewer{grid-column:1/-1;margin-left:24px}.product-run__pre{font-size:11px;line-height:20px}.product-run__line:before{width:32px;padding-right:12px}.product-run__file{display:none}}.product-host{position:relative;container:product-host/inline-size}.product-replay{z-index:2;border:1px solid var(--color-border);background:color-mix(in srgb, var(--color-background) 84%, transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);height:24px;color:var(--color-text-secondary);font:500 12px / 1 var(--font-neue-montreal), sans-serif;cursor:pointer;visibility:hidden;opacity:0;transition:opacity .3s var(--product-ease), visibility 0s .3s, color .2s var(--product-ease), border-color .2s var(--product-ease);border-radius:999px;align-items:center;gap:4px;padding:0 8px;display:inline-flex;position:absolute;top:0;right:0}.product-replay[data-ready]{visibility:visible;opacity:1;transition:opacity .5s var(--product-ease) .6s, visibility 0s .6s, color .2s var(--product-ease), border-color .2s var(--product-ease)}.product-replay:hover{border-color:var(--color-gray-200);color:var(--color-text-primary)}:root.dark .product-replay:hover{border-color:var(--color-gray-700)}.product-replay:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.product-replay .product-icon{stroke-width:1.5px;width:12px;height:12px;transition:rotate .5s cubic-bezier(.22,1,.36,1)}.product-replay:hover .product-icon{rotate:-200deg}@container product-host (max-width:559.98px){.product-host>.product-replay{top:calc(100% + 10px)}}@media not (min-width:768px){.product-replay{height:20px;padding:0 8px 0 4px;font-size:11px}}@media (prefers-reduced-motion:reduce){.product-spin,.product-run__status>span{animation:none}.product-ev__row,.product-run__line{transition:none}}