:root{--bg-color:#222;--card-bg:#d9d9d9;--shadow:0px 5px 7px #00000040;--border-radius:12px;--card-width:320px;--spacing-sm:10px;--spacing-md:20px;--spacing-lg:30px}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);font-family:Inder,sans-serif}input:focus,textarea:focus{outline:none}.weather-app-container{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:20px}#search{background:var(--card-bg);border-radius:var(--border-radius);box-shadow:var(--shadow);display:flex;height:35px;margin:2vh auto 5px;position:relative;width:var(--card-width)}#searchForm{display:flex;width:97.5%}#searchInput{flex:1 1;padding:0 var(--spacing-sm)}#searchButton,#searchInput{background:none;border:none}#searchButton{cursor:pointer}.suggestions-list{background:var(--card-bg);border-radius:0 0 var(--border-radius) var(--border-radius);box-shadow:var(--shadow);left:0;max-height:160px;overflow-y:auto;padding-top:var(--border-radius);position:absolute;right:0;scrollbar-color:#0000004d #0000;scrollbar-width:thin;top:calc(110% - var(--border-radius));z-index:1000}.suggestions-list::-webkit-scrollbar{width:6px}.suggestions-list::-webkit-scrollbar-track{background:#0000}.suggestions-list::-webkit-scrollbar-thumb{background-color:#0000004d;border-radius:3px}.suggestion-item{align-items:center;cursor:pointer;display:flex;gap:var(--spacing-sm);padding:var(--spacing-sm)}.suggestion-item:hover{background:#0000001a}.suggestion-info{display:flex;flex-direction:column}.suggestion-city{font-weight:500}.suggestion-country{color:#666;font-size:.8em}#card{background:var(--card-bg);border-radius:var(--border-radius);box-shadow:var(--shadow);contain:content;cursor:pointer;margin:var(--spacing-sm) auto 0;padding:var(--spacing-md);transition:transform .2s ease;width:var(--card-width);will-change:transform}#card:hover{transform:translateY(-2px)}.location-container{align-items:center;display:flex;flex-direction:column;gap:var(--spacing-sm);justify-content:center;margin-bottom:var(--spacing-md)}#location-icon{height:20px;width:20px}.temperature-container{contain:layout style;margin-bottom:var(--spacing-md);text-align:center}#weather-icon{height:100px;transform:translateZ(0);width:100px;will-change:transform}#temperature{font-size:48px;font-weight:600;margin-bottom:var(--spacing-sm)}#description{font-size:18px;margin-bottom:var(--spacing-md)}.secondary-info{display:none}.weather-details{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(2,1fr);margin-bottom:var(--spacing-md)}.weather-detail-item{align-items:center;display:flex;gap:var(--spacing-sm);justify-content:flex-start;padding:0 var(--spacing-sm);width:100%}.img-infos{flex-shrink:0;height:20px;width:20px}.rain-icon{height:22px;width:22px}.detail-text{align-items:flex-start;display:flex;flex:1 1;flex-direction:column;min-width:0}.detail-value{font-size:14px;font-weight:400}.detail-label{color:#2c2c2c;font-size:12px;white-space:nowrap}.sun-times{grid-gap:var(--spacing-md);border-top:1px solid #0000001a;display:grid;gap:var(--spacing-md);grid-template-columns:repeat(2,1fr);padding-top:var(--spacing-md)}.sun-time-item{align-items:center;display:flex;gap:var(--spacing-sm);justify-content:center}.sun-time-text{font-size:14px}.more-info-hint{border-top:1px solid #0000001a;color:#666;font-size:12px;margin-top:var(--spacing-md);padding-top:var(--spacing-sm);text-align:center}.update-time{color:#666;font-size:12px;margin-top:-5px}.not-found-card{background:var(--card-bg);border-radius:var(--border-radius);box-shadow:var(--shadow);margin:var(--spacing-md) auto 0;padding:var(--spacing-md);text-align:center;width:var(--card-width)}.not-found-icon{height:150px;margin-bottom:var(--spacing-md);width:150px}.not-found-title{font-size:24px;margin-bottom:var(--spacing-sm)}.not-found-message{color:#666;font-size:16px}.hourly-forecast-card{background:var(--card-bg);border-radius:var(--border-radius);box-shadow:var(--shadow);contain:content;margin:var(--spacing-sm) auto;padding:var(--spacing-md);width:var(--card-width)}.hourly-title{font-size:18px;margin-bottom:var(--spacing-md);text-align:center}.hourly-list{-webkit-overflow-scrolling:touch;display:flex;gap:var(--spacing-md);overflow-x:auto;padding-bottom:var(--spacing-sm);scroll-behavior:smooth;scrollbar-color:#0000004d #0000;scrollbar-width:thin;will-change:transform}.hourly-list::-webkit-scrollbar{height:6px}.hourly-list::-webkit-scrollbar-track{background:#0000}.hourly-list::-webkit-scrollbar-thumb{background-color:#0000004d;border-radius:3px}.hourly-item{contain:layout style;flex-direction:column;min-width:80px;transform:translateZ(0)}.hour,.hourly-item{align-items:center;display:flex}.hour{color:#666;font-size:13px;min-height:32px;text-align:center}.hourly-icon{height:40px;width:40px}.hourly-temp{font-size:16px;font-weight:500}.modal-overlay{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{animation:slideUp .3s ease;background:var(--card-bg);border-radius:var(--border-radius);box-shadow:var(--shadow);max-width:var(--card-width);padding:var(--spacing-lg);position:relative;width:90%}.modal-close{align-items:center;background:none;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;position:absolute;right:var(--spacing-md);top:var(--spacing-md);transition:background-color .2s;width:32px}.modal-close:hover{background-color:#0000001a}.modal-content h3{color:#2c2c2c;font-size:24px;margin-bottom:var(--spacing-lg);text-align:center}.modal-details{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.detail-group{background:#0000000d;border-radius:var(--border-radius);padding:var(--spacing-md);transition:transform .2s}.detail-group:hover{transform:translateY(-2px)}.detail-group h4{border-bottom:2px solid #0000001a;color:#2c2c2c;font-size:18px;margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm)}.detail-group p{color:#666;display:flex;font-size:16px;justify-content:space-between;margin:var(--spacing-sm) 0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:480px){.modal-content{padding:var(--spacing-md);width:95%}.modal-details{grid-template-columns:1fr}.detail-group{padding:var(--spacing-sm)}}.location-prompt{background:var(--card-bg);border-radius:var(--border-radius);box-shadow:var(--shadow);margin:var(--spacing-sm) auto 0;padding:var(--spacing-md);width:var(--card-width)}.location-prompt-content{align-items:center;display:flex;flex-direction:column;gap:var(--spacing-sm)}.location-prompt-content h2{color:#2c2c2c;font-size:24px;font-weight:600;margin-bottom:var(--spacing-sm)}.location-prompt-content p{color:#2c2c2c;font-size:18px;margin-bottom:var(--spacing-sm);text-align:center}.location-prompt-content small{color:#666;font-size:14px;text-align:center}
/*# sourceMappingURL=main.8ad2b759.css.map*/