@import url("./globals.css");
@import url("./anim.css");

.slider-container {
    overflow-x: auto;
    margin-inline: -16px;
}

.slider-container::-webkit-scrollbar {
    display: none;
}

.slider-list {
    display: flex;
    gap: 12px;
}

.slider-list:first-child {
    margin-block-end: 16px;
}

.slider-list::before,
.slider-list::after {
    content: "";
    min-width: 4px;
}

.slider-item {
    min-width: 110px;
    flex: 1 1 100%;
}

.slider-card {
    text-align: center;
}

.slider-item .weather-icon {
    margin-inline: auto;
    margin-block: 12px;
}