@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap');
   
    .gh-header-left {
        display: flex;
        align-items: center;
        flex-shrink: 0;
    }

    .gh-header-widget {
        display: flex;
        flex-direction: column;
        justify-content: center;
        margin-left: 35px;
        white-space: nowrap;
        transform: translateY(-3px);
        font-family: "Outfit", sans-serif;
        font-optical-sizing: auto;
        cursor: default;
    }

    .header-widget-city {
        font-size: 10px!important;
        font-weight: 300;
        letter-spacing: -0.2px;
    }
    
    .header-widget-desc {
        font-size: 10px!important;
        font-weight: 600;
        color: var(--ghost-accent-color);
        letter-spacing: -0.2px;
    }

    :root[data-theme="dark"]
    .header-widget-desc {
        color: #fff;
        background-color: var(--ghost-accent-color);
    }   

    #widget-date { 
        font-weight: 400; 
        font-size: 12px!important; 
        letter-spacing: -0.2px;
    }

    #widget-weather { 
        line-height: 0.8;
    }

    .gh-weather-icon { 
        width: 20px; 
        height: 20px; 
        margin-right: 4px; 
    }

    @media (max-width: 849px) { .gh-header-widget { display: none; } }