.header{align-items:center;background-color:var(--color-background-container);display:flex;flex-wrap:wrap;gap:var(--space-m);justify-content:space-between;padding:var(--space-l)}.search-container{flex-grow:1;max-width:400px;position:relative}.search-input{border:none;border-radius:8px;padding:var(--space-xs) var(--space-s);text-overflow:ellipsis;width:100%}.error-message{color:var(--color-text-error);font-size:12px;left:0;padding:var(--space-xs);position:absolute;top:100%}.weather-display{align-items:center;display:flex;flex-wrap:wrap;justify-content:center;margin:0 auto;max-width:500px;width:100%}.weather-display .details{flex-grow:1}.weather-display h1{border-bottom:1px solid #4a5054;margin-bottom:var(--space-m)}.weather-card{align-items:center;background-color:#21222a;display:flex;gap:16px;justify-content:space-between;padding:var(--space-s);padding-left:var(--space-l);padding-right:var(--space-m)}.weather-card p{color:var(--color-text-mid-contrast)}.weather-card img{height:80px;object-fit:cover;width:80px}.weather-card-grid-container{width:100%}.weather-card-grid-container h2{margin-bottom:var(--space-s)}.weather-card-grid{grid-gap:var(--space-m);display:grid;gap:var(--space-m);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));list-style-type:none}body{-moz-osx-font-smoothing:grayscale;background-color:var(--color-background-app);color:var(--color-text-high-contrast);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}main{grid-gap:var(--space-l);align-items:center;display:grid;gap:var(--space-l);margin:0 auto;max-width:var(--content-width);padding:var(--space-m)}@media only screen and (min-width:600px){main{gap:var(--space-xl);padding:var(--space-l)}}*,:after,:before{box-sizing:border-box}*{margin:0}body{-webkit-font-smoothing:antialiased;line-height:1.5}canvas,img,picture,svg,video{display:block;max-width:100%}button,input,select,textarea{font:inherit}h1,h2,h3,h4,h5,h6,p{overflow-wrap:break-word}p{text-wrap:pretty}h1,h2,h3,h4,h5,h6{text-wrap:balance}#__next,#root{isolation:isolate}body{--space-xs:4px;--space-s:8px;--space-m:16px;--space-l:32px;--space-xl:64px;--content-width:1200px;--color-text-high-contrast:#e1ebf4;--color-text-mid-contrast:#a2a4b5;--color-text-error:#dd5b5b;--color-background-app:#282d35;--color-background-container:#21222a}
/*# sourceMappingURL=main.dbde30b5.css.map*/