.cf-toggle{background-color:#fff;border-radius:8px;display:grid;grid-template-columns:1fr 1fr;height:32px;position:absolute;right:16px;top:16px;transition:all .3s ease;width:95px}.cf-toggle_hourly{background-color:#f2f4f6;position:static}.cf-toggle__span{align-items:center;border-radius:8px;color:#1c3341;cursor:pointer;display:flex;font-size:14px;font-weight:400;justify-content:center;line-height:24px;transition:all .3s ease}.cf-toggle__span_active{background-color:#1c3341;color:#fff;cursor:default}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}.shimmer-effect{animation:shimmer 1.5s linear infinite;background:linear-gradient(90deg,#0000,hsla(0,0%,100%,.322),#0000);background-size:200% 100%;border-radius:6px;bottom:0;left:0;position:absolute;right:0;top:0}.shimmer-effect_big{bottom:5px;left:5px;right:5px;top:5px}.shimmer-effect_zero{bottom:0;left:0;right:0;top:0}.shimmer-effect_hourly{animation:shimmer 1.5s linear infinite;background:linear-gradient(90deg,#0000,#f2f4f6,#0000);background-size:200% 100%;left:20px;right:20px}.shimmer-effect_relative{position:relative}.shimmer-effect_blue{background:linear-gradient(90deg,#0081f6,#81c2ff,#0081f6);background-size:200% 100%}.body_light .shimmer-effect{animation:shimmer 1.5s linear infinite;background:linear-gradient(90deg,#e6e6e6,#fff,#e6e6e6);background-size:200% 100%}.body_lightcold .shimmer-effect{animation:shimmer 1.5s linear infinite;background:linear-gradient(90deg,#e0e6ec,#fff,#e0e6ec);background-size:200% 100%}.body_lightcold .shimmer-effect_blue{background:linear-gradient(90deg,#0081f6,#81c2ff,#0081f6);background-size:200% 100%}.body_lightcold .shimmer-effect_soft{background:linear-gradient(90deg,rgba(224,230,236,.376),#fff,rgba(224,230,236,.376));background-size:200% 100%}.hourly-conditions{background:linear-gradient(90deg,#fff0,#fff0 97%,#0000001a);background-position:bottom;background-repeat:no-repeat;background-size:102% 475px;display:flex;flex-direction:column;gap:16px;max-width:100%;overflow:hidden;overflow-x:scroll;position:relative}.hourly-conditions__top-wrapper{display:flex;justify-content:space-between;left:0;position:-webkit-sticky;position:sticky}.hourly-conditions__date{font-size:18px;font-weight:600;line-height:150%;margin:0}.hourly-conditions__restart{align-items:center;background-color:#ffe8ad;display:flex;justify-content:center;margin:0;padding:4px 6px}.hourly-conditions::-webkit-scrollbar{width:5px}.hourly-conditions::-webkit-scrollbar-thumb{background-color:#f1f2f7;border-radius:10px}.hourly-conditions::-webkit-scrollbar-thumb:hover{background-color:#eeeff6}.hourly-conditions::-webkit-scrollbar-thumb:active{background-color:#c9e1fd}.hourly-conditions-table{cursor:grab;margin-bottom:12px;position:relative}.hourly-conditions-table__heading{color:#1c3341;font-size:18px;font-weight:300;line-height:150%;padding:0 14px 8px;position:relative;text-align:start}.hourly-conditions-table__cell{color:#1c3341;font-size:18px;font-style:normal;font-weight:500;line-height:150%;max-width:72px;min-width:72px;position:relative;text-align:center}.hourly-conditions-table__cell_time{color:#9aa9b2;font-size:16px;font-weight:400}.hourly-conditions-table__cell_night{background-color:#eeeff6}.hourly-conditions-table__cell_sunrise{background:#eeeff6;background:linear-gradient(90deg,#eeeff6,#eeeff600)}.hourly-conditions-table__cell_sunset{background:#eeeff6;background:linear-gradient(270deg,#eeeff6,#eeeff600)}.hourly-conditions-table__cell_numbers{padding:7px 0}.hourly-conditions-table__cell_wind-direction{font-size:12px;font-weight:500;line-height:normal}.hourly-conditions-table__cell_uv{padding:0}.hourly-conditions-table__cell_shimmer{max-width:none;width:100%}.hourly-conditions-table__img{height:40px;width:40px}.hourly-conditions-table__img_arrow{height:11.3px;width:16px}.hourly-conditions-table__uv-span{align-items:center;border-radius:50%;display:flex;font-size:18px;justify-content:center}.hourly-conditions-table__uv-span_outer{border:2px dashed #ead300;height:40px;margin:0 auto;width:40px}.hourly-conditions-table__uv-span_inner{border:2px solid #ead300;height:30px;width:30px}.hourly-conditions-table__fake-cell{position:relative;width:0}.hourly-conditions-table__svg{position:absolute;z-index:-1}.hourly-conditions-table__svg_air-temp,.hourly-conditions-table__svg_wind-speed{top:-30px}.hourly-conditions-table__svg_chance-of-rain{top:0}.hourly-conditions-table__span-heading{left:14px;position:-webkit-sticky;position:sticky}@media(max-width:575px){.hourly-conditions-table__cell_heading,.hourly-conditions__date{font-size:16px}}