@import url(https://fonts.googleapis.com/css2?family=Lumanosimo&family=Niramit:wght@400;500&display=swap);:root{--background-white:#fafcfc;--background-accent:#e8f9f6;--primary-main:#156064;--secondary-accent:#272635;--secondary-light:#cecece}.city-search-component .input-wrapper input[type=text],.city-search-component .search-result .result,.forecast-component .no-city-selection .message,.forecast-component .weather-legend .selected-location,.niramit-400,.toggle-component .toggle-wrapper .toggle-item,.weather-card-component .weather .current .temperature .temp-avg,.weather-card-component .weather .other-details .val,.weather-card-component .weather.short-view .upcoming .weather-type{font-family:Niramit,system-ui,-apple-system,Helvetica Neue,sans-serif;font-weight:400}.city-search-component .search-result .result:hover,.niramit-500,.toggle-component .toggle-wrapper .toggle-item.active,.weather-card-component .weather .current .temperature .temp-curr,.weather-card-component .weather .header,.weather-card-component .weather.short-view .upcoming .temp-curr{font-family:Niramit,system-ui,-apple-system,Helvetica Neue,sans-serif;font-weight:500}.niramit-600,.weather-card-component .weather .other-details .type,.weather-forecast-component .branding{font-family:Niramit,system-ui,-apple-system,Helvetica Neue,sans-serif;font-weight:600}.lumanosimo,.weather-forecast-component .sub-heading{font-family:Lumanosimo,system-ui,-apple-system,Helvetica Neue,sans-serif;font-weight:400}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#272635;color:var(--secondary-accent);margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.weather-forecast-component{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:28px}.weather-forecast-component .branding{font-size:5em;height:110px}.weather-forecast-component .sub-heading{font-size:14px;margin-bottom:40px}@media screen and (max-width:768px){.weather-forecast-component .branding{font-size:2.75em;height:48px;margin-bottom:24px}.weather-forecast-component .sub-heading{font-size:12px}}.city-search-component{position:relative}.city-search-component .input-wrapper{background-color:#fafcfc;background-color:var(--background-white);border:2px solid transparent;border-radius:12px;box-shadow:1px 1px 10px rgba(70,87,117,.25);display:flex;height:56px;padding:12px;width:700px}.city-search-component .input-wrapper input[type=text]{background-color:transparent;border:none;color:#272635;color:var(--secondary-accent);flex:1 1;font-size:28px;min-width:60px;outline:none}.city-search-component .input-wrapper .clear{background:none;border:none;color:#cecece;color:var(--secondary-light);outline:none}.city-search-component .input-wrapper .clear:hover{color:#272635;color:var(--secondary-accent)}.city-search-component .input-wrapper:focus-within{border-color:#272635;border-color:var(--secondary-accent)}.city-search-component .search-result{background-color:#fafcfc;background-color:var(--background-white);border-radius:12px;box-shadow:1px 1px 10px rgba(70,87,117,.25);display:none;left:2px;max-height:288px;overflow-x:hidden;overflow-y:auto;padding:12px 0;position:absolute;top:88px;width:724px}.city-search-component .search-result .result{color:#272635;color:var(--secondary-accent);cursor:pointer;font-size:28px;height:56px;padding:0 12px}.city-search-component .search-result .result:hover{background-color:#e8f9f6;background-color:var(--background-accent);color:#156064;color:var(--primary-main)}.city-search-component .search-result.visible{display:block}@media screen and (max-width:768px){.city-search-component .input-wrapper{height:48px;width:calc(100vw - 60px)}.city-search-component .input-wrapper input[type=text]{font-size:24px}.city-search-component .search-result{top:80px;width:calc(100vw - 36px)}.city-search-component .search-result .result{font-size:20px;height:40px}}.weather-card-component{margin-top:12px}.weather-card-component .weather{border-radius:16px;box-shadow:1px 1px 6px -1px rgba(70,87,117,.25);display:flex;flex-direction:column;height:300px;padding:16px;width:300px}.weather-card-component .weather .header{border-bottom:1px solid #cecece;border-bottom:1px solid var(--secondary-light);font-size:24px;height:40px;padding-bottom:8px;text-align:center;vertical-align:middle}.weather-card-component .weather .current{align-items:center;display:flex;height:100px;justify-content:space-between}.weather-card-component .weather .current .temperature{flex:1 1}.weather-card-component .weather .current .temperature .temp-curr{font-size:xxx-large;height:64px;text-align:center}.weather-card-component .weather .current .temperature .temp-avg{display:flex;justify-content:space-between}.weather-card-component .weather .current .type img{height:120px}.weather-card-component .weather .other-details{display:flex;flex:1 1;flex-direction:column;justify-content:flex-end}.weather-card-component .weather.short-view{width:160px}.weather-card-component .weather.short-view .upcoming .type{display:flex;justify-content:center}.weather-card-component .weather.short-view .upcoming .type img{height:120px}.weather-card-component .weather.short-view .upcoming .temp-curr{font-size:xxx-large;height:64px;text-align:center}.weather-card-component .weather.short-view .upcoming .weather-type{text-align:center}.forecast-component .weather-legend{display:flex;justify-content:space-between;margin:24px 38px 12px}.forecast-component .weather-legend .selected-location{align-items:center;display:flex;justify-content:center}.forecast-component .weather-legend .selected-location .material-symbols-outlined{margin-right:8px}.forecast-component .weather-card-wrapper{display:flex;gap:10px;margin:0 24px 24px;max-width:calc(100vw - 72px);overflow-x:auto;overflow-y:hidden;padding:0 12px 12px}.forecast-component .no-city-selection{height:300px}.forecast-component .no-city-selection .logo{align-items:center;display:flex;justify-content:center;margin-top:50px}.forecast-component .no-city-selection .logo img{height:200px}.forecast-component .no-city-selection .message{color:#cecece;color:var(--secondary-light);text-align:center}@media screen and (max-width:768px){.forecast-component .weather-legend{display:block}.forecast-component .weather-legend .selected-location{margin-bottom:18px;text-align:center}}.toggle-component .toggle-wrapper{border:1px solid #272635;border:1px solid var(--secondary-accent);border-radius:4px;display:flex;height:32px}.toggle-component .toggle-wrapper .toggle-item{cursor:pointer;padding:0 16px}.toggle-component .toggle-wrapper .toggle-item:not(:last-child){border-right:1px solid #272635;border-right:1px solid var(--secondary-accent)}.toggle-component .toggle-wrapper .toggle-item:first-child{border-radius:3px 0 0 3px}.toggle-component .toggle-wrapper .toggle-item:last-child{border-radius:0 3px 3px 0}.toggle-component .toggle-wrapper .toggle-item.active{background-color:#156064;background-color:var(--primary-main);color:#fafcfc;color:var(--background-white)}@media screen and (max-width:768px){.toggle-component{display:flex;justify-content:center}}
/*# sourceMappingURL=main.2058ebc2.css.map*/