/*
 * Værstasjon – tillegg: webkamera. Lastes sammen med weather-station-camera.js, etter weather-station.css.
 */

.wx-camera {
    aspect-ratio: 21 / 9;
    background: var(--wx-gray);
    box-shadow: var(--wx-shadow);
    margin: 0 0 var(--wx-m);
    overflow: hidden;
    position: relative;
}
.wx-camera a { display: block; height: 100%; }
/* --wx-camera-focus styrer utsnittet; litt under midten kutter bort det meste av overlay-feltet øverst */
.wx-camera img { display: block; height: 100%; object-fit: cover; object-position: var(--wx-camera-focus, 50% 60%); width: 100%; }
.wx-camera-time {
    background: var(--wx-white);
    bottom: var(--wx-s);
    color: var(--wx-ink);
    font-size: .875rem;
    font-weight: 550;
    left: var(--wx-s);
    margin: 0;
    padding: 4px 10px;
    position: absolute;
}
.wx-camera.is-stale img { filter: grayscale(.6); opacity: .7; }
.wx-camera.is-stale .wx-camera-time { color: var(--wx-cta-active); }
@media (max-width: 575.98px) {
    .wx-camera { aspect-ratio: 16 / 9; }
    .wx-camera-time { bottom: var(--wx-xs); font-size: .8125rem; left: var(--wx-xs); }
}