.TimeBasedForecast[data-v-cfbdee52]{color:#dff3ff;box-sizing:border-box;background:#002140e6;border:1px solid #0bc4e9;border-radius:4px;width:360px;min-height:320px;padding:10px 12px 12px;position:relative}.TimeBasedForecast .TimeBasedForecast__head[data-v-cfbdee52]{width:100%;position:relative}.TimeBasedForecast .TimeBasedForecast__head .TimeBasedForecast__head-top[data-v-cfbdee52]{color:#fff;justify-content:space-between;align-items:center;width:100%;height:20px;margin-bottom:6px;font-size:16px;font-weight:700;display:flex}.TimeBasedForecast .TimeBasedForecast__head .TimeBasedForecast__head-top .closeBtn[data-v-cfbdee52]{cursor:pointer;background:#b4c4d247;border:1px solid #b0d2e65c;border-radius:50%;width:16px;height:16px;transition:background-color .28s cubic-bezier(.22,1,.36,1),border-color .28s cubic-bezier(.22,1,.36,1),box-shadow .28s cubic-bezier(.22,1,.36,1),transform .22s cubic-bezier(.22,1,.36,1);position:relative;transform:scale(1);box-shadow:inset 0 1px 1px #ffffff1f}.TimeBasedForecast .TimeBasedForecast__head .TimeBasedForecast__head-top .closeBtn[data-v-cfbdee52]:before,.TimeBasedForecast .TimeBasedForecast__head .TimeBasedForecast__head-top .closeBtn[data-v-cfbdee52]:after{content:"";transform-origin:50%;opacity:0;background:#7a1b18;border-radius:1px;width:9px;height:1.8px;transition:opacity .2s;position:absolute;top:50%;left:50%}.TimeBasedForecast .TimeBasedForecast__head .TimeBasedForecast__head-top .closeBtn[data-v-cfbdee52]:before{transform:translate(-50%,-50%)rotate(45deg)}.TimeBasedForecast .TimeBasedForecast__head .TimeBasedForecast__head-top .closeBtn[data-v-cfbdee52]:after{transform:translate(-50%,-50%)rotate(-45deg)}.TimeBasedForecast .TimeBasedForecast__head .TimeBasedForecast__head-top .closeBtn[data-v-cfbdee52]:hover{background:#ff5f57;border-color:#e0443e;transform:scale(1.14);box-shadow:inset 0 1px 1px #ffffff59,0 0 0 1px #0003}.TimeBasedForecast .TimeBasedForecast__head .TimeBasedForecast__head-top .closeBtn[data-v-cfbdee52]:hover:before,.TimeBasedForecast .TimeBasedForecast__head .TimeBasedForecast__head-top .closeBtn[data-v-cfbdee52]:hover:after{opacity:1}.TimeBasedForecast .TimeBasedForecast__head .TimeBasedForecast__head-top .closeBtn[data-v-cfbdee52]:active{transform:scale(.96)}.TimeBasedForecast .TimeBasedForecast__head .TimeBasedForecast__head-line[data-v-cfbdee52]{width:100%;height:10px}.TimeBasedForecast .TimeBasedForecast__meta[data-v-cfbdee52]{justify-content:space-between;align-items:center;gap:10px;margin-top:8px;margin-bottom:10px;display:flex}.TimeBasedForecast .TimeBasedForecast__meta .TimeBasedForecast__control[data-v-cfbdee52]{align-items:center;gap:8px;display:flex}.TimeBasedForecast .TimeBasedForecast__meta .TimeBasedForecast__label[data-v-cfbdee52]{color:#a6c8e8;font-size:13px}.TimeBasedForecast .TimeBasedForecast__meta .dark-select[data-v-cfbdee52]{width:120px}.TimeBasedForecast .TimeBasedForecast__meta[data-v-cfbdee52] .dark-select .el-select__wrapper{height:28px;min-height:28px;box-shadow:none;background:#0bc4e914;border:1px solid #0bc4e94d;padding-top:0;padding-bottom:0}.TimeBasedForecast .TimeBasedForecast__meta[data-v-cfbdee52] .dark-select .el-select__placeholder,.TimeBasedForecast .TimeBasedForecast__meta[data-v-cfbdee52] .dark-select .el-select__selected-item{color:#ffffffdb;font-size:12px}.TimeBasedForecast .TimeBasedForecast__meta .TimeBasedForecast__time[data-v-cfbdee52]{color:#8ab2d3;white-space:nowrap;font-size:12px}.TimeBasedForecast .TimeBasedForecast__content[data-v-cfbdee52]{background:linear-gradient(#05213a6b 0%,#03182e59 100%);border:1px solid #0bc4e93d;border-radius:10px;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff0a}.TimeBasedForecast .TimeBasedForecast__scroll[data-v-cfbdee52]{scrollbar-color:#55c8ff80 #06213cbf;scrollbar-width:thin;-webkit-overflow-scrolling:touch;padding-bottom:4px;overflow:auto hidden}.TimeBasedForecast .TimeBasedForecast__scroll[data-v-cfbdee52]::-webkit-scrollbar{height:4px}.TimeBasedForecast .TimeBasedForecast__scroll[data-v-cfbdee52]::-webkit-scrollbar-track{background:#06213cbf;border-radius:2px}.TimeBasedForecast .TimeBasedForecast__scroll[data-v-cfbdee52]::-webkit-scrollbar-thumb{background:#55c8ff80;border-radius:2px}.TimeBasedForecast .TimeBasedForecast__board[data-v-cfbdee52]{min-width:100%}.TimeBasedForecast .TimeBasedForecast__dates[data-v-cfbdee52]{display:flex}.TimeBasedForecast .TimeBasedForecast__dateItem[data-v-cfbdee52]{text-align:center;box-sizing:border-box;flex:0 0 78px;padding-top:4px;font-size:12px}.TimeBasedForecast .TimeBasedForecast__date[data-v-cfbdee52]{color:#c9e6ff;line-height:18px}.TimeBasedForecast .TimeBasedForecast__hour[data-v-cfbdee52]{color:#8ab2d3;line-height:18px}.TimeBasedForecast .TimeBasedForecast__chart[data-v-cfbdee52]{margin-top:2px}.TimeBasedForecast .TimeBasedForecast__table[data-v-cfbdee52]{margin-top:4px}.TimeBasedForecast .TimeBasedForecast__row[data-v-cfbdee52]{min-height:34px;display:flex}.TimeBasedForecast .TimeBasedForecast__row--icon[data-v-cfbdee52]{min-height:46px}.TimeBasedForecast .TimeBasedForecast__cell[data-v-cfbdee52]{color:#c9e6ff;text-align:center;box-sizing:border-box;flex:0 0 78px;justify-content:center;align-items:center;padding:4px;font-size:12px;display:flex}.TimeBasedForecast .TimeBasedForecast__weatherIcon[data-v-cfbdee52]{width:28px;height:28px}