:root{--breakpoint-s:30rem;--breakpoint-m:48rem;--breakpoint-l:64rem;--breakpoint-xl:80rem;--breakpoint-2xl:120rem}.weather-backgrounds-info{z-index:100;font-size:var(--font-size-7);align-items:flex-start;gap:var(--space-xs);padding:var(--space-m);opacity:.5;color:var(--color-neutral-900);display:flex;position:absolute;bottom:0;right:0}.weather-backgrounds-info:hover,.weather-backgrounds-info:focus-visible{opacity:1}.weather-backgrounds-info .i{flex:0 0 var(--size)}.weather-backgrounds-info p{max-width:none}.weather-backgrounds-info button{color:var(--color-neutral-900);padding:0}.weather-backgrounds{--_columns:2;--_gap:var(--space-xs);z-index:999;width:100%;top:var(--space-m);left:var(--space-m);gap:var(--_gap);padding:var(--space-xs);background-color:#0000;border:0;outline:none;flex-wrap:wrap;position:absolute;bottom:0;right:0}.weather-backgrounds>form{flex:0 0 100%}@media (max-width:48rem){.weather-backgrounds>form{text-align:center}}.weather-backgrounds::backdrop{background-color:var(--color-neutral-100);opacity:.6}@media (min-width:64rem){.weather-backgrounds{--_columns:4;width:50%}}.weather-backgrounds[open]{display:flex}.weather-backgrounds .weather-backgrounds__item{flex:0 0 calc((100% - (var(--_gap) * (var(--_columns) - 1))) / var(--_columns));position:relative}.weather-backgrounds .weather-backgrounds__item figure{background:var(--color-neutral-200);aspect-ratio:16/9;position:relative}.weather-backgrounds .weather-backgrounds__item figure figcaption{font-size:var(--font-size-8);padding:var(--space-xs);position:absolute;bottom:0;left:0}.weather-backgrounds .weather-backgrounds__item figure picture,.weather-backgrounds .weather-backgrounds__item figure img{object-fit:cover;object-position:center;width:100%;height:100%}