/* Astro Weather Sky Window Filter v1.0 */
.aw-sky-filter{
  margin:14px 0;
  padding:13px;
  border:1px solid var(--aw-line);
  border-radius:14px;
  background:var(--aw-panel-3);
}
.aw-sky-filter h3{margin:0 0 8px}
.aw-sky-filter-fields{
  display:flex;
  flex-wrap:wrap;
  gap:9px;
  align-items:end;
}
.aw-sky-filter label{
  display:flex;
  flex-direction:column;
  gap:4px;
  color:var(--aw-muted);
  font-size:10px;
}
.aw-sky-filter input{
  width:115px;
}
.aw-sky-filter .aw-btn{
  align-self:end;
}
.aw-effective-window{
  margin-top:10px;
  padding:10px;
  border:1px solid var(--aw-line);
  border-radius:11px;
  background:rgba(255,255,255,.025);
}
.aw-effective-window strong{font-size:12px}
.aw-effective-window .muted{font-size:10px}
.aw-no-effective-window{
  margin-top:10px;
  padding:10px;
  border:1px solid var(--aw-line);
  border-radius:11px;
  background:rgba(255,255,255,.025);
  font-size:11px;
}

@media(max-width:560px){
  .aw-sky-filter-fields{
    display:grid;
    grid-template-columns:1fr;
    align-items:stretch;
  }
  .aw-sky-filter label,
  .aw-sky-filter input,
  .aw-sky-filter .aw-btn{
    width:100%;
    max-width:none;
  }
  .aw-sky-filter .aw-btn{
    align-self:stretch;
  }
}