/* KDB_WEATHER_COMPACT_V10_1 */

.kdb-weather-panel-v10 {
    box-sizing: border-box !important;

    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    aspect-ratio: auto !important;

    padding: 12px 16px !important;

    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;

    gap: 8px !important;
    row-gap: 8px !important;

    background:
        linear-gradient(
            180deg,
            rgba(27, 79, 101, 0.60) 0%,
            rgba(8, 47, 66, 0.56) 52%,
            rgba(3, 34, 50, 0.60) 100%
        ) !important;

    border-color: rgba(94, 203, 239, 0.22) !important;

    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.055),
        0 12px 30px rgba(0, 11, 19, 0.16) !important;

    -webkit-backdrop-filter: blur(9px) saturate(112%);
    backdrop-filter: blur(9px) saturate(112%);
}

.kdb-weather-panel-v10::before,
.kdb-weather-panel-v10::after {
    opacity: 0.58 !important;
}

.kdb-weather-item-v10 {
    box-sizing: border-box !important;

    height: auto !important;
    min-height: 0 !important;

    margin: 0 !important;
    padding: 2px 0 !important;

    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;

    gap: 2px !important;
    row-gap: 2px !important;
}

.kdb-weather-title-v10 {
    margin: 0 0 3px !important;

    font-size: 12px !important;
    line-height: 1.08 !important;
    letter-spacing: 0.065em !important;
    font-weight: 800 !important;

    color: rgba(105, 220, 255, 0.96) !important;
}

.kdb-weather-value-v10 {
    margin: 0 0 2px !important;
    line-height: 0.92 !important;
}

.kdb-weather-note-v10 {
    margin: 2px 0 0 !important;

    font-size: 13px !important;
    line-height: 1.14 !important;
    letter-spacing: 0.015em !important;
    font-weight: 700 !important;

    color: rgba(229, 248, 253, 0.97) !important;
}

.kdb-weather-date-v10 {
    font-size: 10px !important;
    line-height: 1.18 !important;
    letter-spacing: 0.015em !important;
    font-weight: 650 !important;

    color: rgba(204, 229, 237, 0.96) !important;
}

.kdb-weather-icon-v10 {
    width: auto !important;
    max-width: 34px !important;

    height: auto !important;
    max-height: 34px !important;

    margin: 0 0 2px !important;
}

.kdb-weather-item-v10 > div,
.kdb-weather-item-v10 > span,
.kdb-weather-item-v10 > strong,
.kdb-weather-item-v10 > p {
    min-height: 0 !important;
}

@media (max-width: 760px) {
    .kdb-weather-panel-v10 {
        padding: 11px 14px !important;
        gap: 7px !important;
        row-gap: 7px !important;
    }

    .kdb-weather-title-v10 {
        font-size: 11px !important;
    }

    .kdb-weather-note-v10 {
        font-size: 12px !important;
    }

    .kdb-weather-date-v10 {
        font-size: 9.5px !important;
    }
}