.weatherChartWidget .icon-item svg,.weatherChartWidget canvas{width:100%;height:100%;display:block}.weatherChartWidget{--icon-size:52px;--icon-scale:1;max-width:980px;margin:24px auto;padding:12px;background:#fff;border-radius:12px;box-shadow:0 8px 20px rgba(0,0,0,.06)}.weatherChartWidget .wt-chart-wrap{position:relative;height:460px;overflow:hidden;border-radius:12px}.weatherChartWidget #iconLayer{position:absolute;left:0;right:0;bottom:8px;height:var(--icon-size);z-index:3;pointer-events:none}.weatherChartWidget .icon-item{position:absolute;width:var(--icon-size);height:var(--icon-size);transform:translateX(-50%);user-select:none;pointer-events:auto;cursor:help}.weatherChartWidget .icon-item svg{transform-origin:50% 50%;transform:scale(var(--icon-scale))}.weatherChartWidget .wt-pop{position:absolute;z-index:4;background:rgba(17,17,17,.95);color:#fff;padding:6px 8px;border-radius:8px;font-size:12px;line-height:1.2;pointer-events:none;transform:translate(-50%,-100%);white-space:nowrap;box-shadow:0 6px 18px rgba(0,0,0,.15);opacity:0;transition:opacity .12s}.weatherChartWidget .wt-pop::after{content:"";position:absolute;left:50%;bottom:-6px;transform:translateX(-50%);border:6px solid transparent;border-top-color:rgba(17,17,17,.95)}.weatherChartWidget h1{margin:6px 4px 12px;font-size:20px;color:#333;text-align:center}@media (max-width:480px){.weatherChartWidget .wt-chart-wrap{height:420px}.weatherChartWidget{--icon-size:46px}}@media (max-width:400px){.weatherChartWidget{--icon-size:42px}}@media (max-width:360px){.weatherChartWidget .wt-chart-wrap{height:380px}.weatherChartWidget{--icon-size:38px}}