.chart-container{height:60vh;max-width:1200px;overflow-x:auto;width:100%;-webkit-overflow-scrolling:touch}#ranking-config{display:flex;flex-wrap:wrap}#ranking-chart{max-height:60vh;max-width:800px;width:100%}.item-selector{display:flex;gap:0 20px;max-width:100%}.item-selector>div{align-items:center;display:flex}:is(.item-selector>div) label{flex-grow:0;width:fit-content}:is(.item-selector>div) select{flex-grow:1;width:30%}.item-selector-w-link{display:flex;gap:0 20px;max-width:100%}.item-selector-w-link>div{align-items:flex-start;display:flex;flex-direction:column}:is(.item-selector-w-link>div)>div{align-items:center;display:flex;gap:.5em}:is(:is(.item-selector-w-link>div)>div) label{flex-grow:0;width:fit-content}:is(:is(.item-selector-w-link>div)>div) select{flex-grow:1;width:30%}.radar-container{max-width:60vh;width:100%}.radar-container #radar-chart{margin:0!important}.radar-container .switch-container{align-items:center;color:#333;display:flex;font-family:Roboto,Noto Sans JP,sans-serif;font-size:.9em;gap:8px;justify-content:center}:is(.radar-container .switch-container) .switch{--switch-w:40px;--switch-h:20px;--thumb-margin:3px;--thumb-size:calc(var(--switch-h) - var(--thumb-margin)*2);display:inline-block;height:var(--switch-h);position:relative;width:var(--switch-w)}:is(:is(.radar-container .switch-container) .switch) .slider{background-color:#ccc;border-radius:var(--switch-h);bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.3s}:is(:is(:is(.radar-container .switch-container) .switch) .slider):before{background-color:#fff;border-radius:50%;bottom:var(--thumb-margin);content:"";height:var(--thumb-size);left:var(--thumb-margin);position:absolute;transition:.3s;width:var(--thumb-size)}:is(:is(.radar-container .switch-container) .switch) input{height:0;opacity:0;width:0}:is(:is(:is(.radar-container .switch-container) .switch) input):checked+.slider{background-color:#1976d2}:is(:is(:is(:is(.radar-container .switch-container) .switch) input):checked+.slider):before{transform:translateX(calc(var(--switch-w) - var(--switch-h)))}#line-chart{max-width:800px;width:100%}.chartjs-tooltip{opacity:1;pointer-events:none;position:absolute;transform:translate(-50%,-100%);transition:opacity .1s ease;z-index:10}.chartjs-tooltip .tooltip-body{background:rgba(0,0,0,.8);border-radius:6px;box-shadow:0 2px 6px rgba(0,0,0,.25);color:#fff;font-size:12px;line-height:1.4;padding:6px 8px;white-space:nowrap}:is(.chartjs-tooltip .tooltip-body):has(>a){pointer-events:auto}:is(.chartjs-tooltip .tooltip-body) a{color:#8cf;cursor:pointer;text-decoration:none}:is(:is(.chartjs-tooltip .tooltip-body) a):hover{color:#6cf;text-decoration:underline}.chartjs-tooltip .tooltip-caret{border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid rgba(0,0,0,.8);height:0;margin:0 auto;width:0}