html,body{height:100%;margin:0}body{font-family:system-ui,-apple-system,sans-serif}:root{--pattern-bullish-rgb: 38, 166, 154;--pattern-bearish-rgb: 239, 83, 80;--pattern-neutral-rgb: 230, 167, 0;--pattern-band-opacity: .15}.pattern-overlay{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:3}.pattern-overlay--hidden{display:none}.pattern-band{position:absolute;top:0;bottom:0;box-sizing:border-box;pointer-events:none}.pattern-band--bullish{background-color:rgba(var(--pattern-bullish-rgb),var(--pattern-band-opacity));--pattern-edge: rgb(var(--pattern-bullish-rgb))}.pattern-band--bearish{background-color:rgba(var(--pattern-bearish-rgb),var(--pattern-band-opacity));--pattern-edge: rgb(var(--pattern-bearish-rgb))}.pattern-band--neutral{background-color:rgba(var(--pattern-neutral-rgb),var(--pattern-band-opacity));--pattern-edge: rgb(var(--pattern-neutral-rgb))}.pattern-band--active{border-left:2px solid var(--pattern-edge);border-right:2px solid var(--pattern-edge)}.pattern-marker{position:absolute;z-index:1;bottom:4px;transform:translate(-50%);box-sizing:border-box;width:20px;height:20px;padding:0;border:2px solid;border-radius:50%;background:#fff;font-size:13px;font-weight:700;line-height:16px;text-align:center;cursor:pointer;pointer-events:auto}.pattern-marker--bullish{border-color:rgb(var(--pattern-bullish-rgb));color:rgb(var(--pattern-bullish-rgb))}.pattern-marker--bearish{border-color:rgb(var(--pattern-bearish-rgb));color:rgb(var(--pattern-bearish-rgb))}.pattern-marker--neutral{border-color:rgb(var(--pattern-neutral-rgb));color:rgb(var(--pattern-neutral-rgb))}.pattern-node--hidden{display:none}