*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0;font:inherit}html{color-scheme:dark light}body{min-height:100vh}img,picture,svg,video{display:block;max-width:100%}.geo-link-text{display:flex;padding:var(--space-sm) var(--space-lg);border-radius:var(--border-radius-md);background-color:var(--background-tertiary);color:var(--text-primary)}.geo-link-icon{background-color:var(--background-tertiary);padding:var(--space-sm);border-radius:var(--border-radius-md)}.geo-link-icon .location-geo path{stroke:var(--text-secondary)}.search-link-text{color:var(--text-secondary)}.search-link-icon{background-color:var(--background-tertiary);padding:var(--space-sm);border-radius:var(--border-radius-md)}.search-link-icon .location-search path{stroke:var(--text-secondary)}.search-placeholder{display:flex;flex-direction:row;align-items:center;justify-content:center;margin-top:var(--space-xl);background-color:var(--background-tertiary);padding:var(--space-lg);border-radius:var(--border-radius-md);gap:var(--space-md);height:4rem}.search{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-md);width:50%;margin-top:var(--space-xl)}.search .search-bar{display:flex;flex-direction:row;align-items:center;justify-content:start;background-color:var(--background-tertiary);padding:var(--space-lg);border-radius:var(--border-radius-md);gap:var(--space-md);width:100%;height:4rem}.search .search-bar .location-search path{stroke:var(--text-secondary)}.search .search-bar input{border:none;background:transparent;outline:none;width:100%;color:var(--text-secondary)}.search .search-bar input::placeholder{color:var(--text-secondary)}.search .search-suggestion{list-style:none;background-color:var(--background-secondary);padding:var(--space-md);border-radius:var(--border-radius-md);font-size:var(--font-size-sm);width:100%;border:4px solid var(--primary)}.search .search-suggestion li{display:flex;flex-direction:row;align-items:center;justify-content:start;gap:var(--space-sm);padding:var(--space-xs) var(--space-sm);border-radius:var(--border-radius-sm);cursor:pointer;transition:var(--transition);color:var(--text-primary)}.search .search-suggestion li:hover{background-color:var(--background-primary)}.search .search-suggestion li:hover p{color:var(--text-primary)}.search .search-suggestion li:hover span,.search .search-suggestion li span{color:var(--text-secondary)}@media (max-width: 768px){.search{width:100%;margin-top:0}}.theme-toggle.toggle-button{background-color:var(--background-tertiary);padding:var(--space-xs);border-radius:var(--border-radius-md);cursor:pointer;display:inline-flex;font-size:var(--font-size-sm);border:none;position:relative;overflow:hidden;gap:.5rem}.theme-toggle.toggle-button span{color:var(--text-secondary);display:flex;align-items:center;justify-content:center;height:2.5rem;width:2.5rem;position:relative;z-index:1;transition:color .2s ease-in-out}.theme-toggle.toggle-button span svg{transition:opacity .2s ease-in-out}.theme-toggle.toggle-button span.active svg{opacity:0;display:block}.theme-toggle.toggle-button:after{content:"";position:absolute;height:2.5rem;width:2.5rem;background-color:var(--background-secondary);border-radius:var(--space-lg);transition:transform .2s ease-in-out}.theme-toggle.toggle-button.dark-active:after{transform:translate(0)}.theme-toggle.toggle-button.light-active:after{transform:translate(3rem)}.vaul-drawer-content{position:fixed;bottom:0;left:0;right:0;background-color:var(--background-secondary);border-top-left-radius:var(--space-lg);border-top-right-radius:var(--space-lg);padding:var(--space-lg);z-index:100;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-sm)}.vaul-drawer-content[data-state=open]{transform:translateY(0)}.vaul-drawer-content[data-state=closed]{transform:translateY(100%)}.vaul-drawer-close{position:absolute;top:var(--space-md);right:var(--space-md);background-color:transparent;border:none;cursor:pointer}.vaul-drawer-close .close path{stroke:var(--text-secondary)}.vaul-drawer-handle{width:4rem;height:.8rem;background-color:var(--text-secondary);border-radius:.4rem}.vaul-drawer-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:var(--fill-primary);opacity:0;transition:opacity .3s ease-in-out}.vaul-drawer-overlay[data-state=open]{opacity:1}.vaul-drawer-trigger{background:none;border:none;cursor:pointer}.vaul-drawer-trigger .color-picker{height:100%}.vaul-drawer-trigger .color-picker .theme-color{fill:var(--primary)}.theme-colors{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:var(--space-sm);background:none;border:none;margin-bottom:var(--space-lg)}.theme-colors .theme-color{width:var(--space-lg);height:var(--space-lg);border-radius:var(--border-radius-lg);cursor:pointer;opacity:.7;transition:opacity .3s ease-in-out}.theme-colors .theme-color:hover,.theme-colors .theme-color.active{opacity:1}.theme-color-cyan{background-color:var(--system-cyan)}.theme-color-blue{background-color:var(--system-blue)}.theme-color-green{background-color:var(--system-green)}.theme-color-indigo{background-color:var(--system-indigo)}.theme-color-mint{background-color:var(--system-mint)}.theme-color-orange{background-color:var(--system-orange)}.theme-color-pink{background-color:var(--system-pink)}.theme-color-purple{background-color:var(--system-purple)}.theme-color-red{background-color:var(--system-red)}.theme-color-teal{background-color:var(--system-teal)}.theme-color-yellow{background-color:var(--system-yellow)}.landing-page{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:768px;max-width:1000px;min-height:100vh;margin:0 auto;padding:var(--space-lg);gap:var(--space-lg);text-align:center}.landing-page header{margin-bottom:3rem;width:100%}.landing-page header h1,.landing-page header p{display:none}.landing-page header .brolly-logo{height:8rem;width:100%}.landing-page header .brolly-logo path{fill:var(--primary)}.landing-page main{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-lg);width:100%}.landing-page footer{position:fixed;bottom:0;left:0;width:100%;padding:var(--space-lg)}@media (max-width: 768px){.landing-page{min-width:100%;min-height:100%}.landing-page footer .theme-settings{min-width:100%!important}}.skeleton-column{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-md)}.skeleton-row{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:var(--space-sm)}.skeleton-top{margin-top:var(--space-md)}.skeleton-bottom{margin-bottom:var(--space-md)}.skeleton{width:100%;background-color:var(--background-dark);border-radius:var(--border-radius-sm);position:relative;overflow:hidden}.skeleton:before{content:"";width:100%;height:100%;position:absolute;left:0;top:0;background:var(--background-light);animation:changeBackgroundColor 1.5s infinite}.skeleton-column .skeleton{height:3rem}.skeleton-row .skeleton{height:6rem}@keyframes changeBackgroundColor{0%{background-color:#d9d9d9}50%{background-color:#bfbfbf}to{background-color:#d9d9d9}}.classic-dots{width:4rem;display:flex;flex-flow:row nowrap;align-items:center;justify-content:space-between}.classic-dots div{width:1rem;height:1rem;border-radius:50%;background-color:var(--primary);animation:fade .8s ease-in-out alternate infinite}.classic-dots div:nth-of-type(1){animation-delay:-.4s}.classic-dots div:nth-of-type(2){animation-delay:-.2s}@keyframes fade{0%{opacity:1}to{opacity:0}}.unit-toggle.toggle-button{background-color:var(--background-tertiary);padding:var(--space-xs);border-radius:var(--border-radius-md);cursor:pointer;display:inline-flex;font-size:var(--font-size-sm);border:none;position:relative;overflow:hidden;gap:.5rem}.unit-toggle.toggle-button span{color:var(--text-secondary);display:flex;align-items:center;justify-content:center;height:2.5rem;width:2.5rem;position:relative;z-index:1;transition:color .2s ease-in-out}.unit-toggle.toggle-button span.active{color:var(--text-primary)}.unit-toggle.toggle-button:after{content:"";position:absolute;height:2.5rem;width:2.5rem;background-color:var(--background-secondary);border-radius:var(--space-lg);transition:transform .2s ease-in-out}.unit-toggle.toggle-button.metric-active:after{transform:translate(0)}.unit-toggle.toggle-button.imperial-active:after{transform:translate(3rem)}.weather-page{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:768px;max-width:1000px;min-height:100vh;margin:0 auto;padding:var(--space-lg);text-align:center;text-wrap:balance;gap:var(--space-lg)}.weather-page header{display:flex;flex-direction:row;align-items:start;justify-content:space-between;width:100%;height:6rem}.weather-page header h1{display:none}.weather-page header .brolly-logo{height:100%;width:auto}.weather-page header .brolly-logo path{fill:var(--primary)}.weather-page header .location-links{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:var(--space-sm)}.weather-page main{display:flex;flex-direction:row;align-items:center;justify-content:center;width:100%}.weather-page main .brolly{width:50%;padding:var(--space-lg);border-radius:var(--border-radius-lg) 0 0 var(--border-radius-lg);background-color:var(--background-tertiary)}.weather-page main .brolly section{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-lg)}.weather-page main .brolly section h3{font-size:var(--font-size-xxl);font-weight:var(--font-weight-bold);color:var(--primary)}.weather-page main .weather{padding:var(--space-lg);border-radius:var(--border-radius-lg);width:50%;background-color:var(--background-secondary);border:4px solid var(--primary)}.weather-page main .weather .current{background-color:var(--background-tertiary);padding:var(--space-lg);border-radius:var(--border-radius-md);margin-bottom:var(--space-lg)}.weather-page main .weather .current h2{font-size:var(--font-size-md)}.weather-page main .weather .current .details{display:flex;flex-direction:row;align-items:center;justify-content:center;margin-top:var(--space-md);gap:var(--space-md)}.weather-page main .weather .current .details img{height:6rem}.weather-page main .weather .current .details p{font-size:var(--font-size-xl);font-weight:var(--font-weight-regular)}.weather-page main .weather .expected{background-color:var(--background-tertiary);padding:var(--space-lg);border-radius:var(--border-radius-md)}.weather-page main .weather .expected .list{display:flex;flex-direction:row;align-items:center;justify-content:space-evenly;margin-top:var(--space-md);gap:var(--space-md)}.weather-page main .weather .expected .list .details{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-sm);flex:1 1 0;min-width:0}.weather-page main .weather .expected .list .details img{width:100%}.weather-page main .weather .expected .list .details p{font-size:var(--font-size-sm)}.weather-page footer{display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:100%}@media (max-width: 768px){.weather-page{min-width:100%}.weather-page header{height:100%}.weather-page header .brolly-logo{height:4rem}.weather-page main{flex-direction:column}.weather-page main .brolly{width:100%;background-color:transparent;padding:0}.weather-page main .brolly .answer p{font-size:var(--font-size-sm)}.weather-page main .weather{width:100%;padding:0;background-color:transparent;border:none;margin-top:var(--space-lg)}.weather-page main .weather .current img{width:5rem}}.location-page main{display:flex;flex-direction:column;align-items:center;justify-content:start;min-width:768px;max-width:1000px;min-height:100vh;margin:0 auto;padding:var(--space-lg);text-align:center}footer.fixed-bottom{position:fixed;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;padding:var(--space-lg)}footer.fixed-bottom p{width:50%;font-size:var(--font-size-sm);margin-bottom:var(--space-sm);text-align:center}@media (max-width: 768px){.location-page main{min-width:100%}footer.fixed-bottom p{font-size:var(--font-size-xs);width:100%}}.notfound-page{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:768px;max-width:1000px;min-height:100vh;margin:0 auto;padding:var(--space-lg);text-align:center;text-wrap:balance;gap:var(--space-lg)}.notfound-page header{display:flex;flex-direction:row;align-items:start;justify-content:space-between;width:100%;height:6rem}.notfound-page header h1{display:none}.notfound-page header .brolly-logo{height:100%;width:auto}.notfound-page header .brolly-logo path{fill:var(--primary)}.notfound-page header .location-links{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:var(--space-sm)}.notfound-page footer{display:flex;flex-direction:row;align-items:center;justify-content:center;width:100%}.notfound-page main{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%}.notfound-page main a{color:var(--primary)}.notfound-page main img{width:100%;max-width:250px;height:auto;margin-top:var(--space-xl)}.rain{position:absolute;left:0;width:100%;height:100%;z-index:2;pointer-events:none}.rain.back-row{display:none;z-index:1;bottom:60px;opacity:.5}body.back-row-toggle .rain.back-row{display:block}.drop{position:absolute;bottom:100%;width:15px;height:120px;pointer-events:none;animation:drop .5s linear infinite}@keyframes drop{0%{transform:translateY(0)}75%{transform:translateY(90vh)}to{transform:translateY(90vh)}}.stem{width:1px;height:40%;margin-left:7px;background:linear-gradient(to bottom,var(--text-secondary),var(--text-tertiary));animation:stem .5s linear infinite}@keyframes stem{0%{opacity:1}65%{opacity:1}75%{opacity:0}to{opacity:0}}.splat{width:15px;height:10px;border-top:2px dotted var(--text-tertiary);border-radius:50%;opacity:1;transform:scale(0);animation:splat .5s linear infinite;display:none}body.splat-toggle .splat{display:block}@keyframes splat{0%{opacity:1;transform:scale(0)}80%{opacity:1;transform:scale(0)}90%{opacity:.5;transform:scale(1)}to{opacity:0;transform:scale(1.5)}}@media (max-width: 768px){.notfound-page{min-width:100%}.notfound-page header{height:100%}.notfound-page header .brolly-logo{height:4rem}}:root{--font-family-base: "Outfit", "Arial Black", sans-serif;--font-size-xs: .75rem;--font-size-sm: 1rem;--font-size-md: 1.25rem;--font-size-lg: 1.75rem;--font-size-xl: 2.5rem;--font-size-xxl: 3.5rem;--font-size-base: var(--font-size-md);--font-weight-regular: 300;--font-weight-semi-bold: 450;--font-weight-bold: 600;--line-height: 1.5;--space-xs: .5rem;--space-sm: 1rem;--space-md: 1.5rem;--space-lg: 2rem;--space-xl: 3rem;--border-radius-sm: 1rem;--border-radius-md: 2rem;--border-radius-lg: 4rem;--text-primary: black;--text-secondary: rgba(60, 60, 67, .6);--text-tertiary: rgba(60, 60, 67, .3);--background-primary: white;--background-secondary: #f2f2f7;--background-tertiary: white;--fill-primary: rgba(120, 120, 128, .2);--fill-secondary: rgba(120, 120, 128, .16);--fill-tertiary: rgba(118, 118, 128, .12);--system-blue: #007aff;--system-brown: #a2845e;--system-cyan: #32ade6;--system-green: #34c759;--system-indigo: #5856d6;--system-mint: #00c7be;--system-orange: #ff9500;--system-pink: #ff2d55;--system-purple: #af52de;--system-red: #ff3b30;--system-teal: #30b0c7;--system-yellow: #ffcc00;--system-gray: #8e8e93;--system-gray-2: #aeaeb2;--system-gray-3: #c7c7cc;--system-gray-4: #d1d1d6;--system-gray-5: #e5e5ea;--system-gray-6: #f2f2f7;--primary: var(--system-cyan);--background-image: url(/assets/asfalt-dark-50-BmqZ42MN.png)}:root[data-theme=dark]{--text-primary: white;--text-secondary: rgba(235, 235, 245, .6);--text-tertiary: rgba(235, 235, 245, .3);--background-primary: black;--background-secondary: #1c1c1e;--background-tertiary: #2c2c2e;--fill-primary: rgba(120, 120, 128, .36);--fill-secondary: rgba(120, 120, 128, .32);--fill-tertiary: rgba(118, 118, 128, .24);--system-blue: #0984ff;--system-brown: #ac8e68;--system-cyan: #64d2ff;--system-green: #30d158;--system-indigo: #5e5ce6;--system-mint: #66d4cf;--system-orange: #ff9f0a;--system-pink: #ff375f;--system-purple: #bf5af2;--system-red: #ff453a;--system-teal: #40c8e0;--system-yellow: #ffd60a;--system-gray: #8e8e93;--system-gray-2: #636366;--system-gray-3: #48484a;--system-gray-4: #3a3a3c;--system-gray-5: #2c2c2e;--system-gray-6: #1c1c1e;--background-image: url(/assets/asfalt-light-50-7FZb6kBR.png)}body{font-family:var(--font-family-base);font-size:var(--font-size-base);font-weight:var(--font-weight-regular);color:var(--text-primary);line-height:var(--line-height);background-color:var(--background-secondary);background-image:var(--background-image);background-repeat:repeat}h1{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold)}h2{font-size:var(--font-size-lg);font-weight:var(--font-weight-semi-bold)}h3{font-size:var(--font-size-sm);font-weight:var(--font-weight-regular)}h4{font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);color:var(--text-primary)}p{font-size:var(--font-size-base);font-weight:var(--font-weight-regular);color:var(--text-secondary)}a{font-size:var(--font-size-base);font-weight:var(--font-weight-regular);color:var(--text-secondary);cursor:pointer}::selection{background-color:var(--primary);color:var(--text-primary)}[data-sonner-toast].my-custom-toast{background-color:var(--background-tertiary)!important;border:none!important;color:var(--text-primary)!important}[data-sonner-toast].my-custom-toast [data-description]{color:var(--text-secondary)!important}@media (max-width: 768px){:root{--space-xs: .5rem;--space-sm: .75rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2.5rem}}