#rex-chart{width:95%;margin:20px auto}#rex-chart .chart-wrapper{width:800px;max-width:100%}#rex-chart .chart{position:relative;width:100%;height:500px;box-sizing:border-box;padding-left:56px;padding-bottom:40px;border:1px solid #ddd;background:var(--lgreybg);user-select:none}#rex-chart .plot{position:absolute;left:56px;top:0;right:0;bottom:40px;overflow:visible;background:linear-gradient(to right,rgba(0,0,0,0.02) 1px,transparent 1px);background-size:calc(100% / 10) calc(100% / 10)}#rex-chart .marker{position:absolute;width:28px;height:28px;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;transition:transform .15s ease;font-size:20px;pointer-events:auto;z-index:2}#rex-chart .marker:hover{transform:translate(-50%,-50%) scale(1.2);z-index:999}#rex-chart .marker i{pointer-events:none}#rex-chart .marker .tt{position:absolute;left:50%;top:-8px;transform:translate(-50%,-100%);background:rgba(0,0,0,0.85);color:var(--lgreybg);padding:6px 8px;font-size:12px;border-radius:4px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity 120ms;z-index:10}#rex-chart .marker:hover .tt{opacity:1}#rex-chart .marker i{color:inherit}#rex-chart .marker svg{fill:currentColor;color:inherit}#rex-chart .marker.c0 i,#rex-chart .marker.c0 svg{color:var(--color13);fill:#e6194b;font-size:30px;filter:brightness(100%)}#rex-chart .marker.c1 i,#rex-chart .marker.c1 svg{color:var(--color15);fill:#3cb44b;font-size:30px;filter:brightness(100%)}#rex-chart .marker.c2 i,#rex-chart .marker.c2 svg{color:var(--color14);fill:#ffe119;font-size:30px;filter:brightness(100%)}#rex-chart .marker.c3 i,#rex-chart .marker.c3 svg{color:var(--color12);fill:#4363d8;font-size:30px;filter:brightness(100%)}#rex-chart .marker.c4 i,#rex-chart .marker.c4 svg{color:var(--color9);fill:#f58231;font-size:30px;filter:brightness(100%)}#rex-chart .marker.c5 i,#rex-chart .marker.c5 svg{color:var(--color11);fill:#911eb4;font-size:30px;filter:brightness(100%)}#rex-chart .marker.c6 i,#rex-chart .marker.c6 svg{color:var(--color10);fill:#46f0f0;font-size:30px;filter:brightness(100%)}#rex-chart .axes{position:absolute;left:56px;top:0;right:0;bottom:40px;pointer-events:none}#rex-chart .x-axis-bottom{position:absolute;left:0;right:0;bottom:-40px;height:40px;pointer-events:none}#rex-chart .y-axis-left{position:absolute;top:0;bottom:0;left:-56px;width:56px;pointer-events:none}#rex-chart .tick-line{position:absolute;background:#666}#rex-chart .tick-label{position:absolute;font-size:12px;color:#333;pointer-events:none;white-space:nowrap}#rex-chart .x-title{position:absolute;right:8px;bottom:-10px;font-size:13px;color:#444;pointer-events:none}#rex-chart .y-title{position:absolute;top:10%;left:-45px;transform:translateY(-50%) rotate(-90deg);transform-origin:center;font-size:13px;font-family:Tahoma,Verdana,Arial,sans-serif;font-weight:normal;color:#444;white-space:nowrap;letter-spacing:0.5px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#rex-chart .legend{display:flex;gap:12px;flex-wrap:wrap;align-items:center;font-size:13px;margin-top:8px}#rex-chart .legend .item{display:flex;gap:6px;align-items:center}#rex-chart .legend .sw{width:14px;height:14px;border-radius:50%}#rex-chart .marker .tt i{font-size:12px;color:var(--lgreybg)}