/* Base styles for wind speed containers */
.ws-square-container {
    text-align: center;
    width: 35px;
    height: 40px;
    display: inline-block;
}
.wsgust-square-container {
    text-align: center;
    width: 35px;
    height: 25px;
    display: inline-block;
}
.directionarrow{
    vertical-align: middle;
    horizontal-align: center;
    display: inline-block;
    width: 35px;
    height: 16px;
    background-position: center;
}
.hrweather {
    margin-top: 10px;
    margin-bottom: 0px;
    border: 0;
    border-top: 1px solid #0e0d0d;
}

/* Responsive Weather Component Styles */
.weather-header {
    font-weight: 600;
    color: #fff;
    font-size: 0.875rem;
}

.weather-label-cell {
    background-color: rgba(255, 255, 255, 0.05);
    border-radius: 4px;
    padding: 8px 4px;
    min-width: 80px;
}

/* Weather table styles for desktop */
.weather-table-container {
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}
.weather-table .mud-table-container {
    background: transparent;
}
.weather-table thead th {
    font-weight: 600;
    color: #cfd8dc;
    background-color: rgba(255, 255, 255, 0.06);
    position: sticky;
    top: 0;
    z-index: 2;
}
.weather-table tbody tr:nth-child(odd) {
    background-color: rgba(255, 255, 255, 0.02);
}
.weather-table tbody tr:nth-child(even) {
    background-color: rgba(255, 255, 255, 0.04);
}
.weather-table td, .weather-table th {
    vertical-align: middle;
    white-space: nowrap;
}
.weather-table td {
    padding: 6px 8px;
}

/* Add padding and min-height for colored cells */
.weather-table td[class*="wind-cell-"],
.weather-table td[class*="gust-cell-"] {
    padding: 12px 8px;
    min-height: 45px;
    font-weight: 600;
}

/* Mobile styles (xs screens) */
.weather-card-mobile {
    background-color: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.weather-time-mobile {
    font-weight: 600;
    color: #fff;
}

.directionarrow-mobile {
    width: 24px;
    height: 12px;
    background-position: center;
    margin: 0 auto;
}

.wsgust-container-mobile, .ws-container-mobile {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.wsgust-mobile {
    width: 28px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
}

.ws-mobile {
    width: 28px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
}

.gauge-text-mobile {
    font-size: 0.75rem;
    font-weight: 600;
    color: #1d2931;
}

/* Horizontal scrolling for desktop layout on small tablets */
@media (max-width: 959px) and (min-width: 600px) {
    .weather-desktop-layout {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
}

/* Small screens (xs: up to 599px) */
@media (max-width: 599px) {
    .weather-mobile-layout {
        display: block !important;
    }
    .weather-desktop-layout {
        display: none !important;
    }
}

/* Tablet styles (sm screens: 600px and up) */
@media (min-width: 600px) {
    .weather-mobile-layout {
        display: none !important;
    }
    .weather-desktop-layout {
        display: block !important;
    }
    
    .ws-square-container {
        width: 30px;
        height: 35px;
    }
    .wsgust-square-container {
        width: 30px;
        height: 22px;
    }
    .directionarrow {
        width: 30px;
        height: 14px;
    }
    .gauge-title-text {
        font-size: 0.75rem;
    }
}

/* Desktop styles (md screens: 960px and up) */
@media (min-width: 960px) {
    .ws-square-container {
        width: 35px;
        height: 40px;
    }
    .wsgust-square-container {
        width: 35px;
        height: 25px;
    }
    .directionarrow {
        width: 35px;
        height: 16px;
    }
    .gauge-title-text {
        font-size: 0.875rem;
    }
}

/* Large desktop styles (lg screens: 1280px and up) */
@media (min-width: 1280px) {
    .ws-square-container {
        width: 40px;
        height: 45px;
    }
    .wsgust-square-container {
        width: 40px;
        height: 28px;
    }
    .directionarrow {
        width: 40px;
        height: 18px;
    }
    .gauge-title-text {
        font-size: 1rem;
    }
}

.icon-direction-solid-grey{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg height='16' width='10' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 16L0 0l5 3.556L10 0z' fill='%23979797' fill-rule='evenodd'/%3E%3C/svg%3E");background-repeat:no-repeat;}

.ws {
    color: #1d2931;
    text-align: center;
    height: 40px;
  }
.wsgust {
    background-image: linear-gradient(to top, rgba(255,0,0,0), white);
    color: #1d2931;
    height: 25px;
  }
  .ws0{background-color:#9700ff}
  .ws1{background-color:#6400ff}
.ws2{background-color:#3200ff}
.ws3{background-color:#0032ff}
.ws4{background-color:#0064ff}
.ws5{background-color:#0096ff}
.ws6{background-color:#00c7ff;}
.ws7{background-color:#00e6f0}
.ws8{background-color:#25c192}
.ws9{background-color:#11d411}
.ws10{background-color:#00e600}
.ws11{background-color:#00fa00}
.ws12{background-color:#b8ff61}
.ws13{background-color:#fffe00}
.ws14{background-color:#ffe100}
.ws15{background-color:#ffc800}
.ws16{background-color:#ffaf00}
.ws17{background-color:#ff9600}
.ws18{background-color:#e67d00}
.ws19{background-color:#e66400}.ws20{background-color:#dc4a1d}.ws21{background-color:#c8321d}
.ws22{background-color:#b4191d}.ws23{background-color:#aa001d}.ws24{background-color:#b40032}
.ws25{background-color:#c80064}.ws26{background-color:#fe0096}

/* Wind speed cell background colors for desktop table */
.wind-cell-0{background-color:#00c7ff !important}
.wind-cell-1{background-color:#00cafd !important}
.wind-cell-2{background-color:#00cdfc !important}
.wind-cell-3{background-color:#00d0fa !important}
.wind-cell-4{background-color:#00d3f9 !important}
.wind-cell-5{background-color:#00d6f7 !important}
.wind-cell-6{background-color:#00d9f6 !important}
.wind-cell-7{background-color:#00dcf4 !important}
.wind-cell-8{background-color:#00dff3 !important}
.wind-cell-9{background-color:#00e2f1 !important}
.wind-cell-10{background-color:#00e6f0 !important}
.wind-cell-11{background-color:#01e4d9 !important}
.wind-cell-12{background-color:#03e2c3 !important}
.wind-cell-13{background-color:#05e0ad !important}
.wind-cell-14{background-color:#06de96 !important}
.wind-cell-15{background-color:#08dd80 !important}
.wind-cell-16{background-color:#0adb6a !important}
.wind-cell-17{background-color:#0bd953 !important}
.wind-cell-18{background-color:#0dd73d !important}
.wind-cell-19{background-color:#0fd527 !important}
.wind-cell-20{background-color:#11d411 !important}
.wind-cell-21{background-color:#28d80f !important}
.wind-cell-22{background-color:#40dc0d !important}
.wind-cell-23{background-color:#58e00b !important}
.wind-cell-24{background-color:#70e40a !important}
.wind-cell-25{background-color:#88e908 !important}
.wind-cell-26{background-color:#9fed06 !important}
.wind-cell-27{background-color:#b7f105 !important}
.wind-cell-28{background-color:#cff503 !important}
.wind-cell-29{background-color:#e7f901 !important}
.wind-cell-30{background-color:#fffe00 !important}
.wind-cell-31{background-color:#fff300 !important}
.wind-cell-32{background-color:#ffe900 !important}
.wind-cell-33{background-color:#ffde00 !important}
.wind-cell-34{background-color:#ffd400 !important}
.wind-cell-35{background-color:#ffca00 !important}
.wind-cell-36{background-color:#ffbf00 !important}
.wind-cell-37{background-color:#ffb500 !important}
.wind-cell-38{background-color:#ffaa00 !important}
.wind-cell-39{background-color:#ffa000 !important}
.wind-cell-40{background-color:#ff9600 !important}
.wind-cell-41{background-color:#fb8e02 !important}
.wind-cell-42{background-color:#f88605 !important}
.wind-cell-43{background-color:#f47f08 !important}
.wind-cell-44{background-color:#f1770b !important}
.wind-cell-45{background-color:#ed700e !important}
.wind-cell-46{background-color:#ea6811 !important}
.wind-cell-47{background-color:#e66014 !important}
.wind-cell-48{background-color:#e35917 !important}
.wind-cell-49{background-color:#df511a !important}
.wind-cell-50{background-color:#dc4a1d !important}
.wind-cell-51{background-color:#e23b35 !important}
.wind-cell-52{background-color:#e92c4d !important}
.wind-cell-53{background-color:#f01d65 !important}
.wind-cell-54{background-color:#f70e7d !important}
.wind-cell-55{background-color:#fe0096 !important}

/* Gust cell background colors for desktop table */
.gust-cell-0{background-color:#00c7ff !important; background-image: linear-gradient(to top, rgba(255,0,0,0), rgba(255,255,255,0.3)) !important}
.gust-cell-1{background-color:#00cafd !important; background-image: linear-gradient(to top, rgba(255,0,0,0), rgba(255,255,255,0.3)) !important}
.gust-cell-2{background-color:#00cdfc !important; background-image: linear-gradient(to top, rgba(255,0,0,0), rgba(255,255,255,0.3)) !important}
.gust-cell-3{background-color:#00d0fa !important; background-image: linear-gradient(to top, rgba(255,0,0,0), rgba(255,255,255,0.3)) !important}
.gust-cell-4{background-color:#00d3f9 !important; background-image: linear-gradient(to top, rgba(255,0,0,0), rgba(255,255,255,0.3)) !important}
.gust-cell-5{background-color:#00d6f7 !important; background-image: linear-gradient(to top, rgba(255,0,0,0), rgba(255,255,255,0.3)) !important}
.gust-cell-6{background-color:#00d9f6 !important; background-image: linear-gradient(to top, rgba(255,0,0,0), rgba(255,255,255,0.3)) !important}
.gust-cell-7{background-color:#00dcf4 !important; background-image: linear-gradient(to top, rgba(255,0,0,0), rgba(255,255,255,0.3)) !important}
.gust-cell-8{background-color:#00dff3 !important; background-image: linear-gradient(to top, rgba(255,0,0,0), rgba(255,255,255,0.3)) !important}
.gust-cell-9{background-color:#00e2f1 !important; background-image: linear-gradient(to top, rgba(255,0,0,0), rgba(255,255,255,0.3)) !important}
.gust-cell-10{background-color:#00e6f0 !important; background-image: linear-gradient(to top, rgba(255,0,0,0), rgba(255,255,255,0.3)) !important}
.gust-cell-11{background-color:#01e4d9 !important; background-image: linear-gradient(to top, rgba(255,0,0,0), rgba(255,255,255,0.3)) !important}
.gust-cell-12{background-color:#03e2c3 !important; background-image: linear-gradient(to top, rgba(255,0,0,0), rgba(255,255,255,0.3)) !important}
.gust-cell-13{background-color:#05e0ad !important; background-image: linear-gradient(to top, rgba(255,0,0,0), rgba(255,255,255,0.3)) !important}
.gust-cell-14{background-color:#06de96 !important; background-image: linear-gradient(to top, rgba(255,0,0,0), rgba(255,255,255,0.3)) !important}
.gust-cell-15{background-color:#08dd80 !important; background-image: linear-gradient(to top, rgba(255,0,0,0), rgba(255,255,255,0.3)) !important}
.gust-cell-16{background-color:#0adb6a !important; background-image: linear-gradient(to top, rgba(255,0,0,0), rgba(255,255,255,0.3)) !important}
.gust-cell-17{background-color:#0bd953 !important; background-image: linear-gradient(to top, rgba(255,0,0,0), rgba(255,255,255,0.3)) !important}
.gust-cell-18{background-color:#0dd73d !important; background-image: linear-gradient(to top, rgba(255,0,0,0), rgba(255,255,255,0.3)) !important}
.gust-cell-19{background-color:#0fd527 !important; background-image: linear-gradient(to top, rgba(255,0,0,0), rgba(255,255,255,0.3)) !important}
.gust-cell-20{background-color:#11d411 !important; background-image: linear-gradient(to top, rgba(255,0,0,0), rgba(255,255,255,0.3)) !important}
.gust-cell-21{background-color:#28d80f !important; background-image: linear-gradient(to top, rgba(255,0,0,0), rgba(255,255,255,0.3)) !important}
.gust-cell-22{background-color:#40dc0d !important; background-image: linear-gradient(to top, rgba(255,0,0,0), rgba(255,255,255,0.3)) !important}
.gust-cell-23{background-color:#58e00b !important; background-image: linear-gradient(to top, rgba(255,0,0,0), rgba(255,255,255,0.3)) !important}
.gust-cell-24{background-color:#70e40a !important; background-image: linear-gradient(to top, rgba(255,0,0,0), rgba(255,255,255,0.3)) !important}
.gust-cell-25{background-color:#88e908 !important; background-image: linear-gradient(to top, rgba(255,0,0,0), rgba(255,255,255,0.3)) !important}
.gust-cell-26{background-color:#9fed06 !important; background-image: linear-gradient(to top, rgba(255,0,0,0), rgba(255,255,255,0.3)) !important}
.gust-cell-27{background-color:#b7f105 !important; background-image: linear-gradient(to top, rgba(255,0,0,0), rgba(255,255,255,0.3)) !important}
.gust-cell-28{background-color:#cff503 !important; background-image: linear-gradient(to top, rgba(255,0,0,0), rgba(255,255,255,0.3)) !important}
.gust-cell-29{background-color:#e7f901 !important; background-image: linear-gradient(to top, rgba(255,0,0,0), rgba(255,255,255,0.3)) !important}
.gust-cell-30{background-color:#fffe00 !important; background-image: linear-gradient(to top, rgba(255,0,0,0), rgba(255,255,255,0.3)) !important}
.gust-cell-31{background-color:#fff300 !important; background-image: linear-gradient(to top, rgba(255,0,0,0), rgba(255,255,255,0.3)) !important}
.gust-cell-32{background-color:#ffe900 !important; background-image: linear-gradient(to top, rgba(255,0,0,0), rgba(255,255,255,0.3)) !important}
.gust-cell-33{background-color:#ffde00 !important; background-image: linear-gradient(to top, rgba(255,0,0,0), rgba(255,255,255,0.3)) !important}
.gust-cell-34{background-color:#ffd400 !important; background-image: linear-gradient(to top, rgba(255,0,0,0), rgba(255,255,255,0.3)) !important}
.gust-cell-35{background-color:#ffca00 !important; background-image: linear-gradient(to top, rgba(255,0,0,0), rgba(255,255,255,0.3)) !important}
.gust-cell-36{background-color:#ffbf00 !important; background-image: linear-gradient(to top, rgba(255,0,0,0), rgba(255,255,255,0.3)) !important}
.gust-cell-37{background-color:#ffb500 !important; background-image: linear-gradient(to top, rgba(255,0,0,0), rgba(255,255,255,0.3)) !important}
.gust-cell-38{background-color:#ffaa00 !important; background-image: linear-gradient(to top, rgba(255,0,0,0), rgba(255,255,255,0.3)) !important}
.gust-cell-39{background-color:#ffa000 !important; background-image: linear-gradient(to top, rgba(255,0,0,0), rgba(255,255,255,0.3)) !important}
.gust-cell-40{background-color:#ff9600 !important; background-image: linear-gradient(to top, rgba(255,0,0,0), rgba(255,255,255,0.3)) !important}
.gust-cell-41{background-color:#fb8e02 !important; background-image: linear-gradient(to top, rgba(255,0,0,0), rgba(255,255,255,0.3)) !important}
.gust-cell-42{background-color:#f88605 !important; background-image: linear-gradient(to top, rgba(255,0,0,0), rgba(255,255,255,0.3)) !important}
.gust-cell-43{background-color:#f47f08 !important; background-image: linear-gradient(to top, rgba(255,0,0,0), rgba(255,255,255,0.3)) !important}
.gust-cell-44{background-color:#f1770b !important; background-image: linear-gradient(to top, rgba(255,0,0,0), rgba(255,255,255,0.3)) !important}
.gust-cell-45{background-color:#ed700e !important; background-image: linear-gradient(to top, rgba(255,0,0,0), rgba(255,255,255,0.3)) !important}
.gust-cell-46{background-color:#ea6811 !important; background-image: linear-gradient(to top, rgba(255,0,0,0), rgba(255,255,255,0.3)) !important}
.gust-cell-47{background-color:#e66014 !important; background-image: linear-gradient(to top, rgba(255,0,0,0), rgba(255,255,255,0.3)) !important}
.gust-cell-48{background-color:#e35917 !important; background-image: linear-gradient(to top, rgba(255,0,0,0), rgba(255,255,255,0.3)) !important}
.gust-cell-49{background-color:#df511a !important; background-image: linear-gradient(to top, rgba(255,0,0,0), rgba(255,255,255,0.3)) !important}
.gust-cell-50{background-color:#dc4a1d !important; background-image: linear-gradient(to top, rgba(255,0,0,0), rgba(255,255,255,0.3)) !important}
.gust-cell-51{background-color:#e23b35 !important; background-image: linear-gradient(to top, rgba(255,0,0,0), rgba(255,255,255,0.3)) !important}
.gust-cell-52{background-color:#e92c4d !important; background-image: linear-gradient(to top, rgba(255,0,0,0), rgba(255,255,255,0.3)) !important}
.gust-cell-53{background-color:#f01d65 !important; background-image: linear-gradient(to top, rgba(255,0,0,0), rgba(255,255,255,0.3)) !important}
.gust-cell-54{background-color:#f70e7d !important; background-image: linear-gradient(to top, rgba(255,0,0,0), rgba(255,255,255,0.3)) !important}
.gust-cell-55{background-color:#fe0096 !important; background-image: linear-gradient(to top, rgba(255,0,0,0), rgba(255,255,255,0.3)) !important}
.gust-cell-56{background-color:#f300ab !important; background-image: linear-gradient(to top, rgba(255,0,0,0), rgba(255,255,255,0.3)) !important}
.gust-cell-57{background-color:#e800c0 !important; background-image: linear-gradient(to top, rgba(255,0,0,0), rgba(255,255,255,0.3)) !important}
.gust-cell-58{background-color:#dd00d5 !important; background-image: linear-gradient(to top, rgba(255,0,0,0), rgba(255,255,255,0.3)) !important}
.gust-cell-59{background-color:#d200ea !important; background-image: linear-gradient(to top, rgba(255,0,0,0), rgba(255,255,255,0.3)) !important}
.gust-cell-60{background-color:#c800ff !important; background-image: linear-gradient(to top, rgba(255,0,0,0), rgba(255,255,255,0.3)) !important}

/* Ensure text is readable on colored cells */
.wind-cell-0, .wind-cell-1, .wind-cell-2, .wind-cell-3, .wind-cell-4, .wind-cell-5, .wind-cell-6, .wind-cell-7, .wind-cell-8, .wind-cell-9, .wind-cell-10, .wind-cell-40, .wind-cell-41, .wind-cell-42, .wind-cell-43, .wind-cell-44, .wind-cell-45, .wind-cell-46, .wind-cell-47, .wind-cell-48, .wind-cell-49, .wind-cell-50, .wind-cell-51, .wind-cell-52, .wind-cell-53, .wind-cell-54, .wind-cell-55 {
    color: #ffffff !important;
}
.gust-cell-0, .gust-cell-1, .gust-cell-2, .gust-cell-3, .gust-cell-4, .gust-cell-5, .gust-cell-6, .gust-cell-7, .gust-cell-8, .gust-cell-9, .gust-cell-10, .gust-cell-40, .gust-cell-41, .gust-cell-42, .gust-cell-43, .gust-cell-44, .gust-cell-45, .gust-cell-46, .gust-cell-47, .gust-cell-48, .gust-cell-49, .gust-cell-50, .gust-cell-51, .gust-cell-52, .gust-cell-53, .gust-cell-54, .gust-cell-55, .gust-cell-56, .gust-cell-57, .gust-cell-58, .gust-cell-59, .gust-cell-60 {
    color: #ffffff !important;
}

/* Mobile card background colors based on wind speed */
.weather-card-wind-0{background-color:#00c7ff !important}
.weather-card-wind-1{background-color:#00cafd !important}
.weather-card-wind-2{background-color:#00cdfc !important}
.weather-card-wind-3{background-color:#00d0fa !important}
.weather-card-wind-4{background-color:#00d3f9 !important}
.weather-card-wind-5{background-color:#00d6f7 !important}
.weather-card-wind-6{background-color:#00d9f6 !important}
.weather-card-wind-7{background-color:#00dcf4 !important}
.weather-card-wind-8{background-color:#00dff3 !important}
.weather-card-wind-9{background-color:#00e2f1 !important}
.weather-card-wind-10{background-color:#00e6f0 !important}
.weather-card-wind-11{background-color:#01e4d9 !important}
.weather-card-wind-12{background-color:#03e2c3 !important}
.weather-card-wind-13{background-color:#05e0ad !important}
.weather-card-wind-14{background-color:#06de96 !important}
.weather-card-wind-15{background-color:#08dd80 !important}
.weather-card-wind-16{background-color:#0adb6a !important}
.weather-card-wind-17{background-color:#0bd953 !important}
.weather-card-wind-18{background-color:#0dd73d !important}
.weather-card-wind-19{background-color:#0fd527 !important}
.weather-card-wind-20{background-color:#11d411 !important}
.weather-card-wind-21{background-color:#28d80f !important}
.weather-card-wind-22{background-color:#40dc0d !important}
.weather-card-wind-23{background-color:#58e00b !important}
.weather-card-wind-24{background-color:#70e40a !important}
.weather-card-wind-25{background-color:#88e908 !important}
.weather-card-wind-26{background-color:#9fed06 !important}
.weather-card-wind-27{background-color:#b7f105 !important}
.weather-card-wind-28{background-color:#cff503 !important}
.weather-card-wind-29{background-color:#e7f901 !important}
.weather-card-wind-30{background-color:#fffe00 !important}
.weather-card-wind-31{background-color:#fff300 !important}
.weather-card-wind-32{background-color:#ffe900 !important}
.weather-card-wind-33{background-color:#ffde00 !important}
.weather-card-wind-34{background-color:#ffd400 !important}
.weather-card-wind-35{background-color:#ffca00 !important}
.weather-card-wind-36{background-color:#ffbf00 !important}
.weather-card-wind-37{background-color:#ffb500 !important}
.weather-card-wind-38{background-color:#ffaa00 !important}
.weather-card-wind-39{background-color:#ffa000 !important}
.weather-card-wind-40{background-color:#ff9600 !important}
.weather-card-wind-41{background-color:#fb8e02 !important}
.weather-card-wind-42{background-color:#f88605 !important}
.weather-card-wind-43{background-color:#f47f08 !important}
.weather-card-wind-44{background-color:#f1770b !important}
.weather-card-wind-45{background-color:#ed700e !important}
.weather-card-wind-46{background-color:#ea6811 !important}
.weather-card-wind-47{background-color:#e66014 !important}
.weather-card-wind-48{background-color:#e35917 !important}
.weather-card-wind-49{background-color:#df511a !important}
.weather-card-wind-50{background-color:#dc4a1d !important}
.weather-card-wind-51{background-color:#e23b35 !important}
.weather-card-wind-52{background-color:#e92c4d !important}
.weather-card-wind-53{background-color:#f01d65 !important}
.weather-card-wind-54{background-color:#f70e7d !important}
.weather-card-wind-55{background-color:#fe0096 !important}

/* White text for dark backgrounds on mobile cards */
.weather-card-wind-0, .weather-card-wind-1, .weather-card-wind-2, .weather-card-wind-3, .weather-card-wind-4, .weather-card-wind-5, .weather-card-wind-6, .weather-card-wind-7, .weather-card-wind-8, .weather-card-wind-9, .weather-card-wind-10, .weather-card-wind-40, .weather-card-wind-41, .weather-card-wind-42, .weather-card-wind-43, .weather-card-wind-44, .weather-card-wind-45, .weather-card-wind-46, .weather-card-wind-47, .weather-card-wind-48, .weather-card-wind-49, .weather-card-wind-50, .weather-card-wind-51, .weather-card-wind-52, .weather-card-wind-53, .weather-card-wind-54, .weather-card-wind-55 {
    color: #ffffff !important;
}

.weather-card-wind-0 .mud-typography, .weather-card-wind-1 .mud-typography, .weather-card-wind-2 .mud-typography, .weather-card-wind-3 .mud-typography, .weather-card-wind-4 .mud-typography, .weather-card-wind-5 .mud-typography, .weather-card-wind-6 .mud-typography, .weather-card-wind-7 .mud-typography, .weather-card-wind-8 .mud-typography, .weather-card-wind-9 .mud-typography, .weather-card-wind-10 .mud-typography, .weather-card-wind-40 .mud-typography, .weather-card-wind-41 .mud-typography, .weather-card-wind-42 .mud-typography, .weather-card-wind-43 .mud-typography, .weather-card-wind-44 .mud-typography, .weather-card-wind-45 .mud-typography, .weather-card-wind-46 .mud-typography, .weather-card-wind-47 .mud-typography, .weather-card-wind-48 .mud-typography, .weather-card-wind-49 .mud-typography, .weather-card-wind-50 .mud-typography, .weather-card-wind-51 .mud-typography, .weather-card-wind-52 .mud-typography, .weather-card-wind-53 .mud-typography, .weather-card-wind-54 .mud-typography, .weather-card-wind-55 .mud-typography {
    color: #ffffff !important;
}