.weather-icon{display:inline-grid;width:1.2em;height:1em;vertical-align:-.1em;filter:drop-shadow(0 .11em .1em rgba(5,12,28,.42))}.weather-icon svg{display:block;width:100%;height:100%;overflow:visible}.weather-cloud-back{fill:#738894}.weather-cloud{fill:#edf6f8}.weather-cloud-highlight{fill:#fff;opacity:.76}.weather-rain{fill:none;stroke:#38ccec;stroke-width:5;stroke-linecap:round}.weather-bolt{fill:#ffd83d;stroke:#ff812b;stroke-width:2;stroke-linejoin:round}.weather-snow{fill:none;stroke:#c9f4ff;stroke-width:4;stroke-linecap:round}.weather-fog{fill:none;stroke:#c7d9de;stroke-width:6;stroke-linecap:round}.weather-sun circle{fill:#ffd34e;stroke:#f8a92e;stroke-width:2}.weather-sun path{fill:none;stroke:#ffd34e;stroke-width:5;stroke-linecap:round}.weather-sun-large path{stroke-width:6}.weather-icon-thunder .weather-cloud-back{fill:#5146a5}.weather-icon-thunder .weather-cloud{fill:#7fc9e8}.weather-icon-thunder .weather-cloud-highlight{fill:#d6f6ff;opacity:.9}.weather-symbol .weather-icon{filter:drop-shadow(0 8px 12px rgba(0,0,0,.42))}.day-card .weather-icon,.day-icon .weather-icon,.hour-icon .weather-icon,.dashboard-current-icon .weather-icon,.dashboard-week-icon .weather-icon,.dashboard-hour-icon .weather-icon{filter:drop-shadow(0 5px 8px rgba(0,0,0,.4))}.metric-icon{display:inline-grid;width:1.05em;height:1.05em;margin-right:.28em;vertical-align:-.15em}.metric-icon svg{display:block;width:100%;height:100%}.metric-icon-rain{fill:#39d7f5;filter:drop-shadow(0 1px 2px rgba(57,215,245,.35))}.metric-icon-wind{fill:none;stroke:#d8e5e8;stroke-width:2;stroke-linecap:round;filter:drop-shadow(0 1px 2px rgba(216,229,232,.25))}