#weather{position:relative;overflow-x:hidden}#weather #search-bar #get-current-location{margin-right:.5rem;border-radius:.75rem;box-shadow:none;padding:0 1rem}#weather #search-bar #get-current-location i{font-size:1.2rem}#weather #weather-intro{text-align:center;padding:0 1rem;max-width:45rem;margin:auto}#weather #weather-intro .serif-accent{color:#00609e}#weather #weather-intro img{width:13rem;height:auto;margin:1rem auto 0;filter:drop-shadow(0 2px 8px rgba(0, 0, 0, 0.3))}[data-bs-theme=dark] #weather #weather-intro img{filter:drop-shadow(0 2px 8px rgba(255, 255, 255, 0.2))}#weather #weather-intro .note{font-size:.75rem;opacity:.6}#weather #weather-grid{display:grid;justify-content:center;gap:1rem;padding-bottom:1rem;grid-template-columns:repeat(2, 1fr);grid-template-areas:"current      current" "hourly       hourly" "daily        daily" "humidity     uv-index" "precipitation wind" "sun          visibility" "pressure     cloud-cover"}@media(min-width: 400px){#weather #weather-grid{grid-template-columns:repeat(2, 11.25rem)}}@media(min-width: 576px){#weather #weather-grid{grid-template-columns:repeat(3, 11.25rem);grid-template-areas:"current        current        current" "hourly         hourly         hourly" "daily          daily          humidity" "daily          daily          uv-index" "daily          daily          precipitation" "daily          daily          wind" "daily          daily          sun" "visibility     pressure       cloud-cover"}}@media(min-width: 992px){#weather #weather-grid{grid-template-columns:repeat(4, 11.25rem);max-width:1200px;margin-left:auto;margin-right:auto;grid-template-areas:"current      current      current       current" "hourly       hourly       hourly        hourly" "daily        daily        humidity      uv-index" "daily        daily        precipitation wind" "daily        daily        sun           visibility" "daily        daily        pressure      cloud-cover"}}#weather #humidity{grid-area:humidity}#weather #uv-index{grid-area:uv-index}#weather #wind{grid-area:wind}#weather #sun{grid-area:sun}#weather #precipitation{grid-area:precipitation}#weather #visibility{grid-area:visibility}#weather #pressure{grid-area:pressure}#weather #cloud-cover{grid-area:cloud-cover}#weather .card{height:100%;padding:.5rem 0;box-shadow:3px 3px 10px 1px rgba(0,0,0,.1);transition:background-color 2s ease-in-out}#weather .card .card-title{padding:0 1rem;margin-bottom:.4rem;font-size:.8rem;text-transform:uppercase;transition:color 2s ease-in-out}#weather .card .card-body{padding:0 .5rem}#weather .card .card-body>div{padding-top:.5rem;border-top:1px solid var(--bs-border-color-translucent)}#weather .card .card-body img{filter:drop-shadow(0 1px 2px rgba(0, 0, 0, 0.3))}#weather .card .card-body .main-icon{max-width:3rem}#weather .card .card-body .alt-icon{max-width:1.5rem}#weather .skeleton .skeleton-title{max-width:6rem}#weather .skeleton .skeleton-title .placeholder{width:100%}#weather .skeleton .skeleton-body .columns{display:flex;flex-direction:column;align-items:center;width:3.75rem;height:4.25rem;flex-shrink:0;padding:.5rem .25rem 0}#weather .skeleton .skeleton-body .columns .placeholder{width:100%}#weather .skeleton .skeleton-body .rows{height:3rem;padding:.5rem}#weather .skeleton .skeleton-body .rows .placeholder{width:100%}#weather #current{grid-area:current;padding:2rem 0 1.5rem}#weather #current .selected-location{margin:0 0 .25rem}#weather #current .current-temperature{font-size:3.5rem;line-height:1.1}#weather #current .current-temperature .temperature{margin-left:.75rem}#weather #current .min-max{margin-top:.4rem}#weather #hourly{grid-area:hourly;overflow-x:auto}#weather #hourly .card{max-width:100%}#weather #hourly .card .card-body{display:flex;flex-direction:row;overflow-x:auto}#weather #hourly .card .card-body .hour{display:flex;flex-direction:column;align-items:center;width:3.75rem;flex-shrink:0}#weather #hourly .card .card-body .hour .time,#weather #hourly .card .card-body .hour .temperature{font-size:.9rem}#weather #hourly .card .card-body .hour .icon{flex:1;display:flex;align-items:center;width:2.25rem;margin:.5rem 0}#weather #hourly .card .card-body .hour .icon img{width:100%;height:auto}#weather #daily{grid-area:daily}#weather #daily .card{display:flex;flex-direction:column}#weather #daily .card .card-body{flex:1 1 auto;display:flex;flex-direction:column}#weather #daily .card .card-body .rows{flex:1 1 auto}#weather #daily .card .card-body .day{flex:1 1 auto;display:flex;align-items:center;justify-content:space-between;padding:0 .5rem}#weather #daily .card .card-body .day .date{width:3rem}#weather #daily .card .card-body .day .icon{width:2.25rem}#weather #daily .card .card-body .day .weather-text{font-size:.8rem;width:33%;text-align:center}#weather #daily .card .card-body .day .temperature{width:22%;display:flex;justify-content:space-between;font-size:.9rem}@media(min-width: 576px){#weather #daily .card .card-body .day .weather-text,#weather #daily .card .card-body .day .temperature{font-size:1rem}#weather #daily .card .card-body .day .icon{width:3.5rem}#weather #daily .card .card-body .day .temperature{width:17%}}.app-page:has(#weather.theme-disabled) .demo-title,.app-page:has(#weather.theme-disabled) .demo-head .eyebrow{color:hsla(0,0%,100%,.95);text-shadow:0 1px 2px rgba(0,0,0,.45)}.app-page:has(#weather-theme-top.fog,#weather-theme-top.snow,#weather-theme-top.drizzle,#weather-theme-top.sunrise,#weather-theme-top.sunset) .demo-title,.app-page:has(#weather-theme-top.fog,#weather-theme-top.snow,#weather-theme-top.drizzle,#weather-theme-top.sunrise,#weather-theme-top.sunset) .demo-head .eyebrow{color:rgba(0,0,0,.85);text-shadow:0 1px 2px hsla(0,0%,100%,.5)}#weather.theme-disabled .content{z-index:2;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.45)}#weather.theme-disabled #daily .day .temp-min{transition:color 2s ease-in-out}#weather.theme-disabled .weather-theme{position:fixed;inset:0;z-index:-1}#weather.theme-disabled .weather-theme.clear-day{background:linear-gradient(180deg, rgb(32.7945205479, 93.2054794521, 156.2054794521) 0%, #4a90d9 50%, rgb(116.1506849315, 169.8493150685, 225.8493150685) 100%)}#weather.theme-disabled .weather-theme.partly-cloudy{background:linear-gradient(180deg, rgb(40.0322580645, 76.5322580645, 105.9677419355) 0%, #4482b4 50%, rgb(101.8548387097, 154.6048387097, 197.1451612903) 100%)}#weather.theme-disabled .weather-theme.overcast{background:linear-gradient(180deg, rgb(63.4344262295, 69.8360655738, 78.5655737705) 0%, #6d7887 50%, rgb(136.0450819672, 145.737704918, 158.9549180328) 100%)}#weather.theme-disabled .weather-theme.fog{background:linear-gradient(180deg, rgb(135.2066115702, 144.4214876033, 151.7933884298) 0%, #bec3c7 50%, rgb(217.3966942149, 220.2892561983, 222.6033057851) 100%)}#weather.theme-disabled .weather-theme.drizzle{background:linear-gradient(180deg, rgb(100.1454545455, 122.2363636364, 142.8545454545) 0%, #9eadbb 50%, rgb(187.9818181818, 198.3454545455, 208.0181818182) 100%)}#weather.theme-disabled .weather-theme.rain{background:linear-gradient(180deg, rgb(43.4562211982, 61.4746543779, 71.5437788018) 0%, #527487 50%, rgb(104.4470046083, 142.3640552995, 163.5529953917) 100%)}#weather.theme-disabled .weather-theme.snow{background:linear-gradient(180deg, rgb(159.1492537313, 171.7611940299, 181.8507462687) 0%, #d9dee2 50%, rgb(245.9253731343, 247.1194029851, 248.0746268657) 100%)}#weather.theme-disabled .weather-theme.storm{background:linear-gradient(180deg, rgb(7.9838709677, 10.8225806452, 14.0161290323) 0%, #2d3d4f 50%, rgb(63.5080645161, 86.0887096774, 111.4919354839) 100%)}#weather.theme-disabled .weather-theme.clear-night{background:linear-gradient(180deg, rgb(7.0454545455, 8.6363636364, 15.4545454545) 0%, #1f2644 50%, rgb(46.9696969697, 57.5757575758, 103.0303030303) 100%)}#weather.theme-disabled .weather-theme.partly-cloudy-night{background:linear-gradient(180deg, rgb(2.2710843373, 2.6626506024, 4.2289156627) 0%, #1d2236 50%, rgb(46.8192771084, 54.8915662651, 87.1807228916) 100%)}#weather.theme-disabled .weather-theme.overcast-night{background:linear-gradient(180deg, rgb(0.8544303797, 1.0126582278, 1.6455696203) 0%, #1b2034 50%, rgb(44.4303797468, 52.6582278481, 85.5696202532) 100%)}#weather.theme-disabled .weather-theme.rain-night{background:linear-gradient(180deg, black 0%, #18182f 50%, rgb(41.2394366197, 41.2394366197, 80.7605633803) 100%)}#weather.theme-disabled .weather-theme.sunrise{background:linear-gradient(180deg, rgb(41.6438356164, 118.3561643836, 198.3561643836) -10%, #9eadbb 40%, rgb(197, 167.75, 115.75) 75%, #d2a65c 100%)}#weather.theme-disabled .weather-theme.sunset{background:linear-gradient(180deg, rgb(52.9246575342, 131.0753424658, 212.5753424658) 0%, rgb(94.5547945205, 134.2452054795, 173.1452054795) 45%, #9d8b72 75%, #ac776d 100%)}#weather.theme-disabled .weather-theme.dawn{background:linear-gradient(180deg, #1f2644 0%, #6a799e 65%, rgb(199.6, 167.4, 111) 100%)}#weather.theme-disabled .weather-theme.dusk{background:linear-gradient(180deg, #1f2644 0%, #495165 70%, rgb(164.5, 129, 111.5) 100%)}#weather.theme-disabled .card{background-color:rgba(0,0,0,.12)}#weather.theme-disabled:has(#weather-theme-top.clear-day) .card .card-title{color:rgb(158.301369863,195.698630137,234.698630137)}#weather.theme-disabled:has(#weather-theme-top.partly-cloudy) .card .card-title{color:rgb(138.8709677419,178.8709677419,211.1290322581)}#weather.theme-disabled:has(#weather-theme-top.overcast) .card .card-title{color:rgb(164.262295082,171.6557377049,181.737704918)}#weather.theme-disabled:has(#weather-theme-top.rain) .card .card-title{color:rgb(136.1751152074,166.1013824885,182.8248847926)}#weather.theme-disabled:has(#weather-theme-top.storm) .card .card-title{color:rgb(82.0161290323,111.1774193548,143.9838709677)}#weather.theme-disabled:has(#weather-theme-top.clear-night) .card .card-title{color:rgb(78.9090909091,96.7272727273,173.0909090909)}#weather.theme-disabled:has(#weather-theme-top.partly-cloudy-night) .card .card-title{color:hsl(228,30.1204819277%,46.2745098039%)}#weather.theme-disabled:has(#weather-theme-top.overcast-night) .card .card-title{color:hsl(228,31.6455696203%,45.4901960784%)}#weather.theme-disabled:has(#weather-theme-top.rain-night) .card .card-title{color:hsl(240,32.3943661972%,43.9215686275%)}#weather.theme-disabled:has(#weather-theme-top.dawn) .card .card-title{color:rgb(167.7804878049,176.5609756098,198.2195121951)}#weather.theme-disabled:has(#weather-theme-top.dusk) .card .card-title{color:hsl(222.8571428571,16.091954023%,54.1176470588%)}#weather.theme-disabled:has(#weather-theme-top.clear-day) #daily .day .temp-min{color:rgb(158.301369863,195.698630137,234.698630137)}#weather.theme-disabled:has(#weather-theme-top.partly-cloudy) #daily .day .temp-min{color:rgb(138.8709677419,178.8709677419,211.1290322581)}#weather.theme-disabled:has(#weather-theme-top.overcast) #daily .day .temp-min{color:rgb(164.262295082,171.6557377049,181.737704918)}#weather.theme-disabled:has(#weather-theme-top.rain) #daily .day .temp-min{color:rgb(136.1751152074,166.1013824885,182.8248847926)}#weather.theme-disabled:has(#weather-theme-top.storm) #daily .day .temp-min{color:rgb(82.0161290323,111.1774193548,143.9838709677)}#weather.theme-disabled:has(#weather-theme-top.clear-night) #daily .day .temp-min{color:rgb(62.9393939394,77.1515151515,138.0606060606)}#weather.theme-disabled:has(#weather-theme-top.partly-cloudy-night) #daily .day .temp-min{color:hsl(228,30.1204819277%,36.2745098039%)}#weather.theme-disabled:has(#weather-theme-top.overcast-night) #daily .day .temp-min{color:hsl(228,31.6455696203%,35.4901960784%)}#weather.theme-disabled:has(#weather-theme-top.rain-night) #daily .day .temp-min{color:hsl(240,32.3943661972%,33.9215686275%)}#weather.theme-disabled:has(#weather-theme-top.dawn) #daily .day .temp-min{color:rgb(167.7804878049,176.5609756098,198.2195121951)}#weather.theme-disabled:has(#weather-theme-top.dusk) #daily .day .temp-min{color:hsl(222.8571428571,16.091954023%,54.1176470588%)}#weather.theme-disabled:has(#weather-theme-top.fog,#weather-theme-top.snow,#weather-theme-top.drizzle,#weather-theme-top.sunrise,#weather-theme-top.sunset) .content{color:rgba(0,0,0,.85);text-shadow:0 1px 2px hsla(0,0%,100%,.5)}#weather.theme-disabled:has(#weather-theme-top.fog,#weather-theme-top.snow,#weather-theme-top.drizzle,#weather-theme-top.sunrise,#weather-theme-top.sunset) .card{background-color:hsla(0,0%,100%,.3);color:rgba(0,0,0,.85)}#weather.theme-disabled:has(#weather-theme-top.fog,#weather-theme-top.snow,#weather-theme-top.drizzle,#weather-theme-top.sunrise,#weather-theme-top.sunset) .card .card-title{color:rgba(0,0,0,.6)}#weather.theme-disabled:has(#weather-theme-top.fog,#weather-theme-top.snow,#weather-theme-top.drizzle,#weather-theme-top.sunrise,#weather-theme-top.sunset) #daily .day .temp-min{color:rgba(0,0,0,.5)}