.signal-chart__wrap{position:relative;height:clamp(260px,40vw,360px);padding:10px 10px 6px 4px;border-radius:16px;background:#fff}.signal-chart__wrap canvas{cursor:crosshair;touch-action:pan-y}.signal-chart__legend{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:10px}.signal-chart__legend-item{display:inline-flex;align-items:center;gap:8px;font-size:12px;letter-spacing:.04em;color:color-mix(in srgb,var(--colors-gray-DEFAULT) var(--un-text-opacity),transparent)}@supports (color: color-mix(in lab,red,red)){.signal-chart__legend-item{color:color-mix(in oklab,var(--colors-gray-DEFAULT) var(--un-text-opacity),transparent)}}.signal-chart__legend-item i{width:20px;height:3px;border-radius:2px}.signal-chart__legend-item i.is-dashed{background-image:linear-gradient(90deg,currentColor 60%,transparent 0);background-size:8px 3px}.signal-chart__hint{margin-left:auto;font-size:11px;color:color-mix(in srgb,var(--colors-gray-light) var(--un-text-opacity),transparent)}@property --un-text-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;}@supports (color: color-mix(in lab,red,red)){.signal-chart__hint{color:color-mix(in oklab,var(--colors-gray-light) var(--un-text-opacity),transparent)}}@media(max-width:639px){.signal-chart__hint{margin-left:0}}