fig-yo-yo{display:block;container-type:inline-size}.yo-plot{letter-spacing:-.01em;font-size:13px;line-height:1.35;position:relative}.yo-plot svg{position:absolute;inset:0;overflow:visible}.yo-axis{fill:none;stroke:var(--faint);stroke-width:1.5px;stroke-linecap:round;stroke-dasharray:1 2;stroke-dashoffset:1px;transition:stroke-dashoffset .9s var(--ease)}.yo-tip{fill:none;stroke:var(--faint);stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round}.yo-ax{fill:var(--muted);letter-spacing:-.01em;font-size:13px;font-weight:600}.yo-lbl{fill:var(--muted);font-size:12px;font-weight:500}.yo-base{fill:none;stroke:var(--faint);stroke-width:2px;stroke-linecap:round;stroke-dasharray:0 6.5}.yo-tip,.yo-ax,.yo-lbl,.yo-base{opacity:0;transition:opacity .7s var(--ease) .45s}.yo-plot.in .yo-axis{stroke-dashoffset:0}.yo-plot.in :is(.yo-tip,.yo-ax,.yo-lbl,.yo-base){opacity:1}.yo-curve{fill:none;stroke-width:3px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1 2;stroke-dashoffset:1px}.yo-up{stroke:var(--fg)}.yo-dn{stroke:var(--fail)}.yo-dot,.yo-halo{fill:var(--fg);opacity:0;transition:fill .25s}.yo-dot.on{opacity:1}.yo-halo.on{opacity:.14}.yo-halo.end{opacity:0;transition:opacity .6s}.yo-dot.dn,.yo-halo.dn{fill:var(--fail)}.yo-lead{fill:none;stroke:var(--faint);stroke-width:1.25px;stroke-linecap:round;stroke-dasharray:2 4;opacity:0;transition:opacity .5s var(--ease)}.yo-lead.on{opacity:1}.yo-call{background:var(--surface);box-shadow:inset 0 0 0 1px var(--line);color:var(--muted);text-align:center;text-wrap:balance;opacity:0;transition:opacity .5s var(--ease), transform .6s var(--ease);border-radius:12px;padding:9px 12px 10px;position:absolute;transform:translateY(8px)scale(.97)}.yo-call b{color:var(--fg);letter-spacing:-.015em;font-weight:650;display:block}.yo-call span{margin-top:2px;font-size:12.5px;display:block}.yo-call.on{opacity:1;transform:none}.yo-real{background:color-mix(in srgb, var(--fail) 9%, var(--raised));box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--fail) 24%, transparent)}.yo-real.on{transform:none}.yo-real span{color:var(--text)}.yo-result{text-align:right;opacity:0;transition:opacity .7s var(--ease), transform .8s var(--ease);position:absolute;transform:translateY(8px)}.yo-result span{letter-spacing:.1em;text-transform:uppercase;color:var(--fail);margin-bottom:4px;font-size:11.5px;font-weight:650;display:block}.yo-result strong{letter-spacing:-.025em;color:var(--fg);font-size:19px;font-weight:650}.yo-result em{text-decoration:underline 2px var(--fail);text-underline-offset:4px;font-style:normal}.yo-result.on{opacity:1;transform:none}.yo-sl{opacity:0;transition:opacity .35s var(--ease)}.yo-sl.on{opacity:1}.yo-sl-line{stroke:var(--brand);stroke-width:3.25px}.yo-sl-dot{fill:var(--brand);stroke:var(--raised);stroke-width:2.5px}.yo-sl-label{letter-spacing:-.02em;color:var(--accent);text-align:right;opacity:0;transition:opacity .6s var(--ease), transform .7s var(--ease);pointer-events:none;font-size:15px;font-weight:700;line-height:1.2;position:absolute;transform:translateY(6px)}.yo-sl-label.on{opacity:1;transform:none}.yo-foot{justify-content:center;min-height:36px;margin-top:14px;display:flex}.yo-btn{background:var(--surface);height:36px;box-shadow:inset 0 0 0 1px var(--line);color:var(--fg);letter-spacing:-.01em;cursor:pointer;animation:yo-in .6s var(--ease);transition:background .2s, box-shadow .2s, transform .25s var(--ease);border:0;border-radius:99px;align-items:center;gap:10px;padding:0 16px 0 14px;font-size:13.5px;font-weight:550;display:inline-flex}.yo-btn:hover{box-shadow:inset 0 0 0 1px var(--faint)}.yo-btn:active{transform:scale(.97)}.yo-btn i{background:var(--brand);border-radius:2px;width:18px;height:3px}.yo-btn[aria-pressed=true]{background:var(--brand-soft);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--brand) 55%, transparent)}@keyframes yo-in{0%{opacity:0;transform:translateY(6px)}}@container (width<=519px){.yo-plot{font-size:12px}.yo-call{border-radius:99px;padding:5px 0 6px}.yo-real{border-radius:12px;padding:7px 10px 8px}.yo-call span{font-size:12px}.yo-result{max-width:124px}.yo-result strong{text-wrap:balance;font-size:15px;line-height:1.25;display:block}.yo-result span{font-size:11px}.yo-sl-label{font-size:13px}.yo-ax{font-size:12px}.yo-btn{font-size:13px}}.yo-btn[hidden]{display:none}