.comparison-hourly{grid-column:1/-1;margin-top:8px;padding:22px;background:rgba(7,19,32,.7);border:1px solid rgba(152,187,210,.13);border-radius:11px}.comparison-hourly-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.comparison-hourly-head>div>span{color:#6d879b;font-size:10px;text-transform:uppercase;letter-spacing:.1em}.comparison-hourly h3{margin:3px 0 0;font:700 16px Manrope}.comparison-hourly-legend{display:flex;gap:13px;flex-wrap:wrap;justify-content:flex-end}.comparison-hourly-legend span{display:flex;align-items:center;gap:5px;color:#8da2b3;font-size:10px}.comparison-hourly-legend i{width:8px;height:8px;border-radius:2px}.comparison-hourly-scroll{overflow-x:auto;margin-top:20px;padding-top:20px}.comparison-hourly-chart{height:190px;min-width:650px;display:flex;align-items:stretch;gap:7px;border-bottom:1px solid #294055}.comparison-hour-group{flex:1;min-width:48px;display:flex;flex-direction:column;justify-content:flex-end}.comparison-hour-bars{height:155px;display:flex;align-items:flex-end;justify-content:center;gap:3px}.comparison-hour-bar{position:relative;flex:1;max-width:15px;min-height:4px;border-radius:4px 4px 1px 1px;transition:height .3s}.comparison-hour-bar span{position:absolute;top:-17px;left:50%;transform:translateX(-50%);color:#9db0bf;font-size:8px}.comparison-hour-bar.missing{background:transparent!important}.comparison-hour-group small{text-align:center;color:#688095;font-size:9px;margin:7px 0}.comparison-hourly>p{margin:11px 0 0;color:#667f92;font-size:10px}@media(max-width:650px){.comparison-hourly-head{display:block}.comparison-hourly-legend{justify-content:flex-start;margin-top:10px}.comparison-hourly{padding:18px 14px}}