.RadioGroupRoot{--outer-size:20px;--inner-size:10px;display:flex;flex-direction:column;gap:var(--spacer-sm);margin-bottom:var(--spacer-sm);.RadioGroupItem{background-color:var(--bg-surface);height:var(--outer-size);width:var(--outer-size);border-radius:100%;border:2px solid var(--input-border)}.RadioGroupItem:hover{background-color:var(--input-hover)}.RadioGroupIndicator{display:flex;align-items:center;justify-content:center;width:100%;height:100%;position:relative}.RadioGroupIndicator:after{content:"";display:block;width:var(--inner-size);height:var(--inner-size);border-radius:50%;background-color:var(--fg)}.Label{color:var(--fg);line-height:1;padding-left:var(--spacer-sm)}}.uplot,.uplot *,.uplot :after,.uplot :before{box-sizing:border-box}.uplot{font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.5;width:min-content}.u-title{text-align:center;font-size:18px;font-weight:700}.u-wrap{position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none}.u-over,.u-under{position:absolute}.u-under{overflow:hidden}.uplot canvas{display:block;position:relative;width:100%;height:100%}.u-axis{position:absolute}.u-legend{font-size:14px;margin:auto;text-align:center}.u-inline{display:block}.u-inline *{display:inline-block}.u-inline tr{margin-right:16px}.u-legend th{font-weight:600}.u-legend th>*{vertical-align:middle;display:inline-block}.u-legend .u-marker{width:1em;height:1em;margin-right:4px;background-clip:padding-box!important}.u-inline.u-live th:after{content:":";vertical-align:middle}.u-inline:not(.u-live) .u-value{display:none}.u-series>*{padding:4px}.u-series th{cursor:pointer}.u-legend .u-off>*{opacity:.3}.u-select{background:rgba(0,0,0,.07)}.u-cursor-x,.u-cursor-y,.u-select{position:absolute;pointer-events:none}.u-cursor-x,.u-cursor-y{left:0;top:0;will-change:transform}.u-hz .u-cursor-x,.u-vt .u-cursor-y{height:100%;border-right:1px dashed #607d8b}.u-hz .u-cursor-y,.u-vt .u-cursor-x{width:100%;border-bottom:1px dashed #607d8b}.u-cursor-pt{position:absolute;top:0;left:0;border-radius:50%;border:0 solid;pointer-events:none;will-change:transform;background-clip:padding-box!important}.u-axis.u-off,.u-cursor-pt.u-off,.u-cursor-x.u-off,.u-cursor-y.u-off,.u-select.u-off{display:none}.browser-bar{display:flex;align-items:center;justify-content:center;background-color:var(--bg-400);padding:var(--spacer-sm);color:var(--text-muted);font-family:monospace;position:relative;.browser-circles{display:flex;gap:var(--spacer-xs);margin-right:var(--spacer-md)}.browser-url{background-color:var(--bg-500);padding:var(--spacer-xs);padding-left:var(--spacer-lg);border-radius:var(--border-radius);flex:1 1;display:flex}.browser-circle-green,.browser-circle-red,.browser-circle-yellow{width:.8rem;height:.8rem;border-radius:50%}.browser-circle-red{background-color:var(--negative)}.browser-circle-yellow{background-color:var(--warn)}.browser-circle-green{background-color:var(--positive)}}.hero-example-container{border-radius:var(--border-radius);box-shadow:var(--shadow-md);overflow:hidden}.hero-example{display:grid;grid-template-areas:"select radio indicator" "grid grid uplot";grid-template-columns:1fr 1fr 1fr;grid-template-rows:auto 1fr;background-color:var(--bg);border-top:none;grid-gap:var(--spacer-xs);gap:var(--spacer-xs);aspect-ratio:2/1;max-width:100%;overflow:hidden;.grid-canvas{position:absolute}.tab{padding:var(--spacer-md);background-color:var(--bg-900)}.tab-title{font-weight:700;margin-bottom:var(--spacer-xs)}.codeblock{opacity:.6;&:hover{opacity:1}}.today-return{font-size:4rem;font-weight:700;color:var(--fg);display:flex;align-items:center;justify-content:center;.return-up{color:var(--primary);&:after{content:"";display:inline-block;width:0;height:0;border-left:1.5rem solid transparent;border-right:1.5rem solid transparent;border-bottom:2.5rem solid var(--primary);margin-left:var(--spacer-xs)}}.return-down{color:var(--negative);&:after{content:"";display:inline-block;width:0;height:0;border-left:1.5rem solid transparent;border-right:1.5rem solid transparent;border-top:2.5rem solid var(--negative);margin-left:var(--spacer-xs)}}}}@media (max-width:768px){.hero-example{grid-template-areas:"indicator" "select" "radio" "grid" "uplot";grid-template-columns:1fr;grid-template-rows:1fr auto auto 1.5fr 1fr;aspect-ratio:auto}}