.inst-panel{background-image:radial-gradient(60% 80% at 100% 0%, rgb(var(--accent-rgb) / .075), transparent 70%), radial-gradient(40% 50% at 0% 100%, rgb(var(--accent-rgb) / .03), transparent 70%)}@media (prefers-reduced-motion:no-preference){@supports (timeline-trigger:--t view()){.inst-panel{view-timeline:--inst block}}}.sb-pass{background:linear-gradient(color-mix(in srgb, var(--color-pass) 46%, transparent), color-mix(in srgb, var(--color-pass) 16%, transparent));transition:opacity .2s var(--ease-apple)}.sb-bars:hover .sb-pass{opacity:.6}.sb-bars .sb-pass:hover{opacity:1}.sb-fail{background:linear-gradient(#ff6a61, var(--color-fail));transition:scale .2s var(--ease-apple);margin-block:-4px;box-shadow:0 0 18px -2px #ff453ad9}.sb-fail:is(:hover,:focus-visible){scale:1.25 1.08}.sb-fail:focus-visible{outline-offset:5px}.sb-fail:after{content:"";position:absolute;inset:-6px -5px}.sb-fail:before{content:"";background:var(--color-fail);clip-path:polygon(50% 0,100% 100%,0 100%);opacity:0;width:7px;height:5px;transition:opacity .2s var(--ease-apple);position:absolute;top:calc(100% + 8px);left:50%;translate:-50%}.sb-fail:is(:hover,:focus):before{opacity:1}.sb:not(:has([data-incident]:is(:hover,:focus))) [data-incident=checkout]:before{opacity:1}.sb-readouts{display:grid}.sb-readouts>[data-readout]{visibility:hidden;grid-area:1/1}.sb-readouts>[data-default]{visibility:visible}.sb:has([data-incident]:is(:hover,:focus)) .sb-readouts>[data-default]{visibility:hidden}:is(.sb:has([data-incident=checkout]:is(:hover,:focus)) .sb-readouts>[data-readout=checkout],.sb:has([data-incident=login]:is(:hover,:focus)) .sb-readouts>[data-readout=login],.sb:has([data-incident=signup]:is(:hover,:focus)) .sb-readouts>[data-readout=signup]){visibility:visible}@media (prefers-reduced-motion:no-preference){.sb-live{animation:2.4s ease-in-out infinite sb-live}@supports (timeline-trigger:--t view()){.sb-bar{timeline-trigger:--inst-in --inst entry 45% exit 45%;animation-trigger:--inst-in play-once;animation:sb-sweep .5s var(--ease-apple) calc(var(--d) * 9ms + var(--row) * 80ms) both}.sb-fail{animation-name:sb-sweep,sb-alarm;animation-duration:.5s,1.4s;animation-delay:calc(var(--d) * 9ms + var(--row) * 80ms), calc(.7s + var(--row) * 80ms)}}}@keyframes sb-sweep{0%{opacity:.35}}@keyframes sb-alarm{0%{box-shadow:0 0 0 0 var(--color-fail)}30%{box-shadow:0 0 28px 2px var(--color-fail)}}@keyframes sb-live{50%{opacity:.35}}.ap{--ap-gap:3.25rem;--ap-ice:rgb(var(--accent-rgb) / .55)}.ap-beam{z-index:1;background:var(--ap-ice);width:1px;height:2rem;position:absolute;top:100%;left:2rem}.ap-beam[data-fail]{background:var(--color-fail);box-shadow:0 0 10px #ff453a99}.ap-beam:after{content:"";opacity:0;background:linear-gradient(#0000,#fff,#0000);height:60%;position:absolute;top:0;left:-1px;right:-1px}.ap-beam[data-fail]:after{background:linear-gradient(#0000,#ffb4ae,#0000)}.ap-beam:before{content:"";border:3.5px solid #0000;border-top:5px solid var(--ap-ice);border-bottom:0;position:absolute;bottom:0;left:-3px}.ap-beam[data-fail]:before{border-top-color:var(--color-fail)}.ap-leak{background-image:radial-gradient(90% 70% at 50% 0,#ff453a17,#0000 70%);box-shadow:0 0 40px -18px #ff453a99}.ap-flag{box-shadow:0 0 16px -4px #ff453ab3}@media (min-width:1024px){.ap-beam{width:var(--ap-gap);height:1px;top:2.85rem;left:100%}.ap-beam:after{background:linear-gradient(90deg,#0000,#fff,#0000);width:45%;height:auto;inset:-1px auto -1px 0}.ap-beam[data-fail]:after{background:linear-gradient(90deg,#0000,#ffb4ae,#0000)}.ap-beam:before{border:3.5px solid #0000;border-left:5px solid var(--ap-ice);border-right:0;inset:-3px 0 auto auto}.ap-beam[data-fail]:before{border-left-color:var(--color-fail);border-top-color:#0000}.ap-back{justify-content:center;align-items:flex-end;height:4.75rem}.ap-back:before{content:"";height:3.9rem;top:0;left:calc((100% - 3 * var(--ap-gap)) / 8);right:calc((100% - 3 * var(--ap-gap)) / 8);border:1px solid var(--color-fail);border-top:0;border-radius:0 0 18px 18px;position:absolute;box-shadow:0 10px 22px -14px #ff453acc}.ap-back:after{content:"";top:0;left:calc((100% - 3 * var(--ap-gap)) / 8 - 3px);border:3.5px solid #0000;border-bottom:5px solid var(--color-fail);border-top:0;position:absolute}.ap-back-label{z-index:1;background:var(--color-panel);white-space:nowrap;padding:0 .75rem;position:absolute;top:3.9rem;left:50%;translate:-50% -50%}}@media (prefers-reduced-motion:no-preference){@supports (timeline-trigger:--t view()){.ap-beam:after,.ap-flag,.ap-leak,.ap-back:before,.ap-back-label{timeline-trigger:--inst-in --inst entry 45% exit 45%;animation-trigger:--inst-in play-once}.ap-beam:after{animation:ap-pulse-y .75s var(--ease-apple) calc(.2s + var(--i) * .6s) both}.ap-flag{animation:ap-flag .9s var(--ease-apple) 1.3s both}.ap-leak{animation:ap-leak 1s var(--ease-apple) 1.9s both}.ap-back:before{animation:ap-back 1.1s var(--ease-apple) 2.2s both}.ap-back-label{animation:lc-reveal .6s var(--ease-apple) 2.9s both}@media (min-width:1024px){.ap-beam:after{animation-name:ap-pulse-x}}}}@keyframes ap-pulse-y{0%{opacity:1;translate:0 -100%}80%{opacity:1}to{opacity:0;translate:0 170%}}@keyframes ap-pulse-x{0%{opacity:1;translate:-100%}80%{opacity:1}to{opacity:0;translate:230%}}@keyframes ap-flag{0%{opacity:.35}40%{opacity:1;box-shadow:0 0 28px #ff453ae6}}@keyframes ap-leak{0%{border-color:var(--color-line);box-shadow:none;background-image:none}}@keyframes ap-back{0%{clip-path:inset(0 0 0 100%)}to{clip-path:inset(0)}}@media (min-width:1024px){.ci{--gate-x:calc(1.75rem + 11.5rem + .75rem);padding-top:3.25rem}.ci:after{content:"";top:2.6rem;bottom:1.25rem;right:var(--gate-x);background:linear-gradient(rgb(var(--accent-rgb) / .9), rgb(var(--accent-rgb) / .35));width:2px;box-shadow:0 0 18px rgb(var(--accent-rgb) / .35);border-radius:2px;position:absolute;translate:50%}.ci-gate-label{top:1.05rem;right:var(--gate-x);position:absolute;translate:50%}.ci-lane:before{content:"";transform-origin:0;background:linear-gradient(90deg, rgb(var(--accent-rgb) / .15), rgb(var(--accent-rgb) / .6));height:1px;position:absolute;top:0;left:0;right:-1.6rem}.ci-row[data-blocked] .ci-lane:before{background:linear-gradient(90deg, #ff453a33, var(--color-fail));right:-.75rem;box-shadow:0 0 10px #ff453a80}.ci-row[data-blocked] .ci-lane:after{content:"";z-index:1;background:var(--color-fail);width:4px;height:2.75rem;box-shadow:0 0 16px var(--color-fail);border-radius:2px;position:absolute;top:50%;right:-.75rem;translate:50% -50%}}@media (prefers-reduced-motion:no-preference){@supports (timeline-trigger:--t view()){.ci-check,.ci-lane:before,.ci-lane:after,.ci-result,.ci-failing{timeline-trigger:--inst-in --inst entry 45% exit 45%;animation-trigger:--inst-in play-once}.ci-check{animation:ci-check .45s var(--ease-apple) calc(var(--row) * .25s + var(--c) * .15s) both}.ci-check-fail{animation-name:ci-check-fail;animation-duration:.9s}.ci-lane:before{animation:ci-lane .7s var(--ease-apple) calc(var(--row) * .25s + .5s) both}.ci-lane:after{animation:ci-stop .9s var(--ease-apple) calc(var(--row) * .25s + 1.1s) both}.ci-result,.ci-failing{animation:ci-pending .5s var(--ease-apple) calc(var(--row) * .25s + 1.1s) both}}}@keyframes ci-check{0%{color:var(--color-faint);border-color:var(--color-line)}}@keyframes ci-check-fail{0%{color:var(--color-faint);border-color:var(--color-line)}50%{box-shadow:0 0 18px -2px var(--color-fail)}}@keyframes ci-pending{0%{opacity:.3}}@keyframes ci-lane{0%{scale:0 1}}@keyframes ci-stop{0%{opacity:0;height:.5rem}50%{opacity:1}}.lc-load{filter:drop-shadow(0 0 6px rgb(var(--accent-rgb) / .55))}.lc-dot{box-shadow:0 0 0 4px #ff453a2e, 0 0 18px var(--color-fail)}.lc-fail,.lc-lost-label{text-shadow:0 0 12px #000,0 0 4px #000}@media (prefers-reduced-motion:no-preference){@supports (timeline-trigger:--t view()){.lc-cursor,.lc-lost,.lc-drop,.lc-dot,.lc-fail,.lc-lost-label{timeline-trigger:--inst-in --inst entry 45% exit 45%;animation-trigger:--inst-in play-once}.lc-cursor{animation:1.6s cubic-bezier(.45,0,.55,1) .2s both lc-cursor}.lc-dot{animation:lc-dot .8s var(--ease-apple) 1.7s both}.lc-drop,.lc-fail,.lc-lost,.lc-lost-label{animation:lc-reveal .8s var(--ease-apple) 1.8s both}}}.lc-cursor{opacity:0;pointer-events:none;background:linear-gradient(transparent, rgb(var(--accent-rgb) / .9) 30%, rgb(var(--accent-rgb) / .9) 70%, transparent);width:1px;box-shadow:0 0 12px rgb(var(--accent-rgb) / .6);position:absolute;top:0;bottom:0;left:0}@keyframes lc-cursor{0%{opacity:1;left:0}85%{opacity:1}to{opacity:0;left:60%}}@keyframes lc-dot{0%{scale:.6}50%{scale:1.8}}@keyframes lc-reveal{0%{opacity:.35}}.rs-hot{background:#ff453a12;box-shadow:0 0 16px -4px #ff453abf}.rs-row[data-hot]{background:radial-gradient(40% 140% at 40%,#ff453a12,#0000 70%)}.rs:after{content:"";pointer-events:none;opacity:0;background:linear-gradient(90deg, transparent, rgb(var(--accent-rgb) / .045) 75%, rgb(var(--accent-rgb) / .22) calc(100% - 1px), transparent);width:7rem;position:absolute;top:0;bottom:0;left:0;-webkit-mask-image:linear-gradient(#0000,#000 15% 85%,#0000);mask-image:linear-gradient(#0000,#000 15% 85%,#0000)}@media (prefers-reduced-motion:no-preference){@supports (timeline-trigger:--t view()){.rs:after,.rs-cell>*{timeline-trigger:--inst-in --inst entry 45% exit 45%;animation-trigger:--inst-in play-once}.rs:after{animation:2.2s cubic-bezier(.45,0,.55,1) .2s both rs-sweep}.rs-cell>*{animation:rs-cell .5s var(--ease-apple) calc(.55s + var(--c) * .36s + var(--r) * 30ms) both}.rs-cell>.rs-finding{animation-name:rs-find;animation-duration:1s}}}@keyframes rs-sweep{0%{opacity:1;left:22%}90%{opacity:1}to{opacity:0;left:calc(100% - 7rem)}}@keyframes rs-cell{0%{opacity:.3}}@keyframes rs-find{0%{opacity:.3}40%{opacity:1;scale:1.08;box-shadow:0 0 22px -2px}}.ho-report{background-image:radial-gradient(80% 70% at 100% 0%, rgb(var(--accent-rgb) / .1), transparent 70%);box-shadow:0 30px 70px -30px #000,0 0 0 1px #00000080}.ho-report:before{content:"";pointer-events:none;background:linear-gradient(90deg, transparent 15%, rgb(var(--accent-rgb) / .7));height:1px;position:absolute;inset:0 20px auto}.ho-run{opacity:.85}.ho-beam:before{content:"";background:linear-gradient(rgb(var(--accent-rgb) / .15), rgb(var(--accent-rgb) / .8));width:1px;position:absolute;top:0;bottom:0;left:50%}.ho-beam:after{content:"";border:4px solid #0000;border-top:6px solid rgb(var(--accent-rgb) / .8);border-bottom:0;position:absolute;bottom:0;left:50%;translate:-50%}@media (min-width:1024px){.ho-beam:before{background:linear-gradient(90deg, rgb(var(--accent-rgb) / .15), rgb(var(--accent-rgb) / .8));width:auto;height:1px;inset:50% .5rem auto}.ho-beam:after{border:4px solid #0000;border-left:6px solid rgb(var(--accent-rgb) / .8);border-right:0;inset:50% .5rem auto auto;translate:0 -50%}}@media (prefers-reduced-motion:no-preference){@supports (timeline-trigger:--t view()){.ho-line,.ho-beam:before,.ho-beam-label,.ho-report,.ho-row,.ho-brand,.ho-logo{timeline-trigger:--inst-in --inst entry 45% exit 45%;animation-trigger:--inst-in play-once}.ho-line{animation:ci-pending .4s var(--ease-apple) calc(.2s + var(--i) * .22s) both}.ho-beam:before{animation:ho-beam .7s var(--ease-apple) .9s both}.ho-beam-label{animation:lc-reveal .5s var(--ease-apple) 1.2s both}.ho-report{animation:ho-report .8s var(--ease-apple) 1.3s both}.ho-brand,.ho-logo{animation:lc-reveal .7s var(--ease-apple) 1.5s both}.ho-row{animation:ci-pending .5s var(--ease-apple) calc(1.7s + var(--i) * .15s) both}@media (min-width:1024px){.ho-beam:before{animation-name:ho-beam-x}}}}@keyframes ho-beam{0%{transform-origin:top;scale:1 0}}@keyframes ho-beam-x{0%{transform-origin:0;scale:0 1}}@keyframes ho-report{0%{opacity:.5;translate:0 10px}}