.page-wrap #agweather-container h1,.page-wrap #current-weather h2,.page-wrap .current-weather-container .forecast-content,.page-wrap #hourly-forecast h2,.page-wrap #ten-day-forecast h2{color:var(--color3)}.page-wrap .ten-day-forecast-header{display:flex;justify-content:space-between}.page-wrap button.toggle-all-forecasts{border:0;color:var(--color3);background:var(--color1);border-radius:20px;padding:8px 20px 8px 20px;font-size:16px;cursor:pointer;width:140px;display:flex;align-items:center;justify-content:center;font-weight:bold}.page-wrap button.toggle-all-forecasts:hover{background:#1560bdcc;transition:all 0.2s}.page-wrap div#current-weather{background:#1560bdcc}.page-wrap div#agweather-container *{font-family:var(--ff2)}.theme-dark #agweather-container{box-shadow:none}.theme-dark #ten-day-forecast .forecast-container .forecast-card{box-shadow:none;border:1px solid var(--color-border);background:var(--color-border)}.theme-dark .daily-details{background:var(--color-wb);background:var(--color-border)}.theme-dark .page-wrap div#current-weather{background:var(--color-border)}.theme-dark .ag-weather-search-wrap input{background:var(--color-border)}.theme-dark .ag-weather-results-wrap{background:var(--color-border)}.theme-dark .ag-weather-results-wrap .ag-weather-result{background:var(--color-border)}@media (max-width: 450px){div.page-wrap .ten-day-forecast-header{flex-direction:column;gap:20px}div.page-wrap button.toggle-all-forecasts{align-self:end;font-size:14px;padding:4px 8px 4px 8px;width:110px}.page-wrap #agweather-container .ag-weather-search{flex-direction:column;align-items:center;height:auto;padding:20px 20px;gap:10px}.page-wrap .ag-weather-search-wrap{width:100%;padding:0 20px}.page-wrap div.ag-weather-search-wrap input{width:100%;max-width:100%}.page-wrap .ag-weather-search-wrap svg{left:-17px;width:30px;height:30px;top:6px}.page-wrap .ag-weather-results-wrap{max-width:calc(100% - 40px)}}#ten-day-forecast{font-family:Arial, sans-serif;margin:20px 0}.forecast-container{display:flex;gap:10px;flex-direction:column}.forecast-card{border:1px solid #ccc;border-radius:8px;padding:10px;background-color:#f9f9f9;box-shadow:2px 2px 8px rgba(0,0,0,0.1)}div#ten-day-forecast .forecast-card{cursor:pointer}.forecast-header{font-weight:bold;margin-bottom:8px}.forecast-content{display:flex;gap:10px}.forecast-icon img{width:50px;height:50px}.forecast-details{flex:1}.daily-details{margin-top:10px;background:#eef;padding:8px;border:1px solid #ccc;border-radius:6px;font-size:14px}.hourly-forecast-container .hourly-hidden{display:none}.hourly-forecast-show-more,.hourly-forecast-show-less{margin-top:15px;text-align:center;cursor:pointer;color:var(--color-dept);font-size:16px;font-weight:bold}.hourly-forecast-show-more:hover,.hourly-forecast-show-less:hover{text-decoration:underline}.hourly-forecast-container,#ten-day-forecast .forecast-container{display:flex;gap:20px;flex-direction:column;margin-top:30px}#agweather-container{display:flex;flex-direction:column;width:100%;background:var(--color-w);border-radius:8px;border:2px solid var(--color-border);padding:20px;max-width:800px;margin-bottom:40px}#current-weather{background:#08425aba;margin:0 -20px;padding:30px 20px 30px;display:flex;align-items:center;gap:40px}#current-weather .forecast-details-right{display:flex;flex-direction:row;gap:20px}#current-weather .forecast-wind{display:flex;flex-direction:column;justify-content:center;align-items:center}#current-weather .wind-icon{position:relative;display:flex;align-items:center;justify-content:center}#current-weather .wind-icon img{width:60px !important;height:60px !important}#current-weather .wind-number{height:max-content;position:absolute;right:50%;top:50%;font-size:13px;transform:translate(50%, -50%)}#current-weather .wind-metric{font-size:12px}#current-weather .forecast-icon img{height:140px;width:140px}#current-weather .forecast-details-left{display:flex;flex-direction:column;gap:10px}.ag-weather-full{width:100%;align-items:center}#hourly-forecast h2{margin:0;color:var(--color-w);background:var(--color1);width:max-content;border-radius:0 20px 20px 0;padding:8px 20px 8px 20px;font-size:16px;margin-left:-20px}#current-weather h2{margin:0;color:var(--color-w);background:var(--color1);width:max-content;border-radius:0 20px 20px 0;margin-left:-20px;padding:8px 20px 8px 20px;font-size:24px;height:max-content}.current-weather-container .forecast-card{background:0;border:0;box-shadow:none;padding:0;display:flex;margin:0}.current-weather-container .forecast-card .forecast-header{color:var(--color-w);font-size:24px;margin-bottom:20px}.current-weather-container .forecast-content{color:var(--color-w);gap:40px}.current-weather-container .forecast-content .forecast-details{font-size:20px;display:flex;flex-direction:column;gap:8px;flex-direction:row;align-items:center;gap:20px}div#hourly-forecast,div#ten-day-forecast{display:flex;flex-direction:column;margin:0 -20px;padding:40px 20px 40px}#hourly-forecast .forecast-card,div#ten-day-forecast .forecast-card{background:0;box-shadow:none;border:0;padding:0;color:var(--color-b);padding-bottom:20px;border-bottom:1px solid #cccccc5c;border-radius:0}#hourly-forecast .forecast-header,#ten-day-forecast .forecast-header{margin:0 0 12px;color:var(--color-b);font-size:18px}#hourly-forecast .forecast-details,#ten-day-forecast .forecast-details{display:flex;flex-direction:column;gap:8px;max-width:max-content;min-width:150px}#ten-day-forecast h2{margin:0;color:var(--color-w);background:var(--color1);width:max-content;border-radius:0 20px 20px 0;padding:8px 20px 8px 20px;font-size:16px;margin-left:-20px}.left-icons .forecast-wind{display:flex;flex-direction:column;justify-content:center;align-items:center}.left-icons .wind-icon{position:relative;display:flex}.left-icons .wind-icon img{width:35px !important;height:35px !important}.left-icons .wind-number{height:max-content;position:absolute;right:50%;top:50%;font-size:11px;transform:translate(50%, -50%)}.left-icons .wind-metric{display:none}.forecast-card .daily-details img{width:25px}.forecast-card .daily-details>div{display:flex;flex-direction:row;align-items:center}.hourly-forecast-container .forecast-content{flex-direction:row-reverse;justify-content:start;gap:30px}.hourly-forecast-container .left-icons{display:flex;align-items:center;justify-content:center;gap:20px}.hourly-forecast-container .left-icons .forecast-icon img{width:80px;height:80px}.hourly-forecast-container .left-icons .forecast-icon{display:flex}.hourly-forecast-container .left-icons .wind-icon img{width:45px !important;height:45px !important}#current-weather .temperature-estimate{font-size:35px;line-height:1}#current-weather .rain-estimate svg{width:24px;height:24px}.rain-estimate{display:flex;gap:10px;fill:#00addc;align-items:center}.feeling-estimate{font-size:16px}.hourly-forecast-container .rain-estimate svg,.forecast-content .rain-estimate svg{width:18px;height:18px}.forecast-arrow{width:100%;display:flex;flex-direction:row-reverse}#ten-day-forecast .forecast-icon{display:flex;align-items:center}.hourly-forecast-container .temperature-estimate{font-size:20px}#current-weather .forecast-icon{display:flex}#ten-day-forecast .forecast-container{flex-direction:row;flex-wrap:wrap;justify-content:space-between}#ten-day-forecast .forecast-container .forecast-card{width:100%;max-width:48.5%;border:0;padding:15px 15px 30px 15px;box-shadow:rgba(0,0,0,0.05) 0px 0px 0px 1px;border-radius:10px;position:relative}.daily-details{position:absolute;top:0;right:0;left:0;margin-top:0;bottom:0;border:0;border-radius:10px;background:#fff;padding:55px 15px 15px 15px;box-shadow:rgba(0,0,0,0.06) 0px 2px 4px 0px inset;user-select:none}#ten-day-forecast .forecast-header{z-index:100;position:relative}.forecast-arrow{position:absolute;right:15px;top:15px;z-index:110}.forecast-card .daily-details img{margin:0 8px}.forecast-info-icons{display:flex;position:absolute;right:15px;top:15px;z-index:110}.forecast-info-icons svg{width:20px;height:20px;fill:#222323}#ten-day-forecast .forecast-info-icons .forecast-close{display:none}#ten-day-forecast .forecast-card:has(.daily-details) .forecast-info-icons .forecast-close{display:flex}#ten-day-forecast .forecast-card:has(.daily-details) .forecast-info-icons .forecast-open{display:none}.daily-details strong{min-width:40px}.dark #agweather-container .ag-weather-search{background:#222323}.dark #current-weather h2{color:var(--color-b);background:#222323}.dark .current-weather-container .forecast-card>*{color:var(--color-b)}.dark #current-weather{background:#22232370}.dark #hourly-forecast h2{color:var(--color-b);background:#222323}.dark .hourly-forecast-show-more,.dark .hourly-forecast-show-less{color:var(--color-b)}.dark #ten-day-forecast h2{color:var(--color-b);background:#222323}.dark .forecast-info-icons svg{fill:var(--color-b)}.dark #ten-day-forecast .forecast-container .forecast-card{border:1px solid #cccccc5c}.dark .daily-details{background:#263238}.dark #agweather-container .ag-weather-search h1{color:var(--color-b);background:transparent}.dark .ag-weather-search-wrap input{background:#222323}.dark .ag-weather-results-wrap .ag-weather-result{background:#222323}.dark .ag-weather-results-wrap{background:#222323}.dark .ag-weather-results-wrap .ag-weather-result.active{border-bottom:1px solid #fff;text-shadow:0.2px 0.2px #fff}.dark .ag-weather-result:hover{text-shadow:0.2px 0.2px #fff;border-bottom:1px solid #fff}@media (max-width: 768px){div#current-weather{flex-direction:column;align-items:start}div#current-weather .forecast-details-left{font-size:18px;max-width:50%;width:50%}div#current-weather .forecast-icon img{height:90px;width:90px}div#current-weather .forecast-details-right{flex-direction:column;gap:0;margin-top:-20px;width:50%}#agweather-container h1{font-size:24px !important}#current-weather h2{font-size:20px}.hourly-forecast-container .left-icons{flex-direction:column;gap:15px;width:50%}#hourly-forecast .forecast-details{justify-content:end;min-width:max-content;padding-bottom:0px;width:50%;max-width:50%}.current-weather-container .forecast-content .forecast-details{gap:10px}.hourly-forecast-container .forecast-content{margin-top:-40px;width:100%}#ten-day-forecast .forecast-container div.forecast-card{max-width:100%}.current-weather-container{display:flex;width:100%}.current-weather-container .forecast-card{width:100%}.current-weather-container .forecast-content{width:100%}#current-weather .forecast-icon{justify-content:center}.left-icons .wind-icon{margin-top:-10px}div.ag-weather-search-wrap input{font-size:16px}div.ag-weather-results-wrap{top:23px}}#agweather-container h1{color:var(--color-w);background:var(--color1);font-size:30px;margin-bottom:0px;margin-top:0;line-height:1}#agweather-container .ag-weather-search{display:flex;justify-content:start;margin:-20px;color:var(--color-w);background:var(--color1);height:60px;border-radius:8px 8px 0 0;align-items:center;margin-bottom:0px;column-gap:var(--large);padding:0 20px}.ag-weather-search-wrap{position:relative;margin-left:30px}.ag-weather-search-wrap svg{width:24px;height:24px;position:absolute;left:-35px;top:10px;fill:#f3f3f9}.ag-weather-results-wrap{position:absolute;top:25px;background:#F3F3F9;padding-top:20px;width:100%;border-radius:0 0 20px 20px;box-shadow:rgba(60,64,67,0.3) 0px 1px 2px 0px,rgba(60,64,67,0.15) 0px 1px 3px 1px}.ag-weather-search-wrap input{background:#F3F3F9;color:var(--color-b);padding:var(--small) var(--medium);border:0;outline:0;border-radius:20px;font-size:18px;max-width:240px;line-height:normal;z-index:1;position:relative;border:1px solid #cccccc5c;width:100%}.ag-weather-results-wrap .ag-weather-result{z-index:5;position:relative;padding:var(--medium) 0;cursor:pointer;color:var(--color-b);background:#F3F3F9;display:flex;border-bottom:1px solid #cccccc5c;margin:0 var(--medium);transition:all 0.1s}.ag-weather-results-wrap .ag-weather-result:last-child{border-radius:0 0 20px 20px;border:0 !important}.ag-weather-results-wrap .ag-weather-result.active{border-bottom:1px solid #222323;text-shadow:0.2px 0.2px #222323}.ag-weather-result:hover{border-bottom:1px solid #222323;text-shadow:0.2px 0.2px #222323}
