/* /Shared/HourlyWeather.razor.rz.scp.css */
.hourly[b-gjz53n976c] {
    max-width: 800px;
    margin: auto;
    overflow-x: scroll;
    overflow-y: hidden;
    scrollbar-width: none;
}

.hourly[b-gjz53n976c]::-webkit-scrollbar {
    display: none;
    /* for Chrome, Safari, and Opera */
}

.hourly div[b-gjz53n976c] {
    width: 800px;
    display: flex;
}

.hourly span[b-gjz53n976c] {
    text-align: center;
    flex-grow: 1;
    flex-basis: 0;
}

.hourly span:first-child[b-gjz53n976c] {
    text-align: left;
    flex-grow: .5;
}

.hourly span:last-child[b-gjz53n976c] {
    text-align: left;
    flex-grow: .5;
}

.hourly .precipitation[b-gjz53n976c] {
    background-color: #d9e4ef;
    margin-bottom: .5rem;
    border-radius: .5rem;
}

.hourly .precipitation span:first-child[b-gjz53n976c] {
    border-top-left-radius: .5rem;
    border-bottom-left-radius: .5rem;
}

.hourly .precipitation span:last-child[b-gjz53n976c] {
    border-top-right-radius: .5rem;
    border-bottom-right-radius: .5rem;
}

.hourly .precipitation span[b-gjz53n976c] {
    text-align: center;
    height: 1.5rem;
}

.hourly .precipitation .rain[b-gjz53n976c] {
    background-color: #80a5d6;
    color: #fff;
}

.hourly .precipitation .rain_snow[b-gjz53n976c] {
    background-color: hsl(215, 41%, 82%);
    color: #fff;
}

.hourly .precipitation .snow[b-gjz53n976c] {
    background-color: hsl(214, 18%, 40%);
    color: #fff;
}

.hourly .ticks span[b-gjz53n976c] {
    height: .8rem;
    border-left: 1px solid #999;
    flex-grow: 1;
}

.hourly .ticks span:last-child[b-gjz53n976c] {
    flex-grow: 0;
}

.hourly .ticks span.even[b-gjz53n976c] {
    height: 1rem;
}
/* /Shared/MainLayout.razor.rz.scp.css */