.world-weather{margin-top:24px;scroll-margin-top:110px}.world-weather>p{color:#c6c2b6}.world-weather label{display:block;margin:16px 0 7px}.world-weather input{width:min(100%,480px);padding:11px 13px;background:#141817;color:#f7f3e8;border:1px solid #67604c;border-radius:5px}.world-weather-filters{display:flex;flex-wrap:wrap;gap:7px;margin-top:16px}.world-weather [data-element=neutral]{--weather-color:#c2c5c9}.world-weather [data-element=fire]{--weather-color:#f59b86}.world-weather [data-element=water]{--weather-color:#80b9ff}.world-weather [data-element=earth]{--weather-color:#dfbd7a}.world-weather [data-element=wind]{--weather-color:#9bdbac}.world-weather [data-element=ice]{--weather-color:#a4e4eb}.world-weather [data-element=lightning]{--weather-color:#c2a3f0}.world-weather [data-element=light]{--weather-color:#f2e9b6}.world-weather [data-element=dark]{--weather-color:#c5aed8}.world-weather-filters button{color:var(--weather-color);background:#151b1a;border:1px solid #494a40;border-radius:5px;padding:8px 11px;font:inherit;cursor:pointer}.world-weather-filters button[aria-pressed=true]{border-color:var(--weather-color);box-shadow:inset 0 0 0 1px var(--weather-color);background:#30342d}.world-weather-filters button:hover{background:#303630}.world-weather-filters button:focus-visible,.world-weather input:focus-visible{outline:2px solid #e4c56e;outline-offset:3px}.world-weather-results{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,245px),1fr));gap:10px}.world-weather-card{display:flex;flex-direction:column;gap:8px;padding:14px;background:#141b1bbf;border:1px solid #454939;border-left:3px solid var(--weather-color);border-radius:5px}.world-weather-card strong{color:#f2eddf}.world-weather-card span{color:var(--weather-color)}.world-weather-card small,.world-weather-note{font-size:.85rem;color:#aaa99f}.world-weather-jump{display:inline-block;padding:8px 12px;border:1px solid #746541;border-radius:4px;color:#e6cf8e;text-decoration:none}#world-weather-count{margin:14px 0}.world-weather-results>.message{grid-column:1/-1}