@charset "UTF-8";.infoModal-wrapper{position:fixed;inset:0;display:flex;justify-content:center;align-items:center;z-index:1200}.infoModal-backdrop{position:absolute;inset:0;background-color:#0000004d;z-index:1100}.infoModal{position:fixed;top:50%;left:50%;width:min(60vw,25rem);transform:translate(-50%,-50%);border:none;background-color:var(--c-cards);border-radius:var(--space-xs);overflow:hidden;z-index:1100}.infoModal button{background-color:var(--c-button);color:var(--text-color)}.infoModal-content-container{height:100%;background-color:var(--secondary-background-color);color:var(--text-color);padding:2rem;overflow:auto}.infoModal-message{font-size:var(--f-small-size);font-weight:500;text-align:center;text-wrap:balance}.infoModal-buttons-container{width:100%;display:flex;justify-content:center;margin:1rem auto;gap:2rem}.infoModal-buttons-container button{width:50%}@font-face{font-display:swap;font-family:Bricolage Grotesque;font-style:normal;font-weight:700;src:url(/assets/fonts/bricolage-grotesque-v9-latin-700.woff2) format("woff2")}@font-face{font-display:swap;font-family:DM Sans;font-style:normal;font-weight:300;src:url(/assets/fonts/dm-sans-v17-latin-300.woff2) format("woff2")}@font-face{font-display:swap;font-family:DM Sans;font-style:normal;font-weight:500;src:url(/assets/fonts/dm-sans-v17-latin-500.woff2) format("woff2")}@font-face{font-display:swap;font-family:DM Sans;font-style:normal;font-weight:600;src:url(/assets/fonts/dm-sans-v17-latin-600.woff2) format("woff2")}@font-face{font-display:swap;font-family:DM Sans;font-style:italic;font-weight:600;src:url(/assets/fonts/dm-sans-v17-latin-600italic.woff2) format("woff2")}@font-face{font-display:swap;font-family:DM Sans;font-style:normal;font-weight:700;src:url(/assets/fonts/dm-sans-v17-latin-700.woff2) format("woff2")}:root{--c-neutral-900: #03012D;--c-neutral-800: #272541;--c-neutral-700: #312F4B;--c-neutral-600: #3D3B5E;--c-neutral-300: #AEAEB7;--c-neutral-200: #D5D4D9;--c-neutral-0: #FFFFFF;--c-orange-500: #FF7C0A;--c-blue-500: #4455DA;--c-blue-700: #2D1C9C;--c-body-background: var(--c-neutral-900);--c-text: var(--c-neutral-0);--c-cards: var(--c-neutral-800);--c-inner-cards: var(--c-neutral-700);--c-input: var(--c-neutral-800);--c-select: var(--c-neutral-700);--c-button: var(--c-blue-500);--c-select-highlighted: var(--c-neutral-300);--f-base-size: 1.125rem ;--f-small-size: 1rem ;--f-hero-text-size: 3.25rem ;--space-lg: 2.5rem ;--space-md: 1.25rem ;--space-sm: .625rem ;--space-xs: .3125rem ;--space-xxs: .0625rem ;--container-max-size: 68.75rem }*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}ul,dl{list-style:none}button,input{font:inherit;border:none;border-radius:var(--space-sm);padding:var(--space-sm);outline:none}input:focus,input:hover,button:focus,button:hover,select:focus{outline:var(--space-xxs) solid var(--c-text)}button:active{transform:translate(.3rem,.3rem)}button{cursor:pointer;transition:transform .3s ease-in-out}img{max-inline-size:100%;display:block}select{cursor:pointer;background-color:var(--c-select);color:var(--c-text);border:none;border-radius:var(--space-xs);padding:var(--space-xs)}#root,html,body{height:100%}html{font-size:100%}body{font-family:DM Sans,system-ui,Arial,Helvetica,sans-serif;font-size:var(--f-base-size);font-weight:300;background-color:var(--c-body-background);color:var(--c-text);width:100%;cursor:default}.app-wrapper{width:min(var(--container-max-size),90vw);margin:0 auto}main{position:relative}.hero-text{text-align:center;font-family:Bricolage Grotesque,system-ui,sans-serif;font-weight:700;font-size:var(--f-hero-text-size);display:block}.city-forecast-wrapper{display:grid;grid-template-columns:1fr;gap:var(--space-md)}@media(min-width:46.875rem){.city-forecast-wrapper{grid-template-columns:2fr 1fr}}.grid-left-top,.grid-right-bottom{display:grid;grid-template-columns:1fr}.grid-left-top{margin-block-end:var(--space-md)}@media(min-width:46.875rem){.grid-left-top{margin-block-end:var(--space-lg)}}.grid-right-bottom{margin-block-end:var(--space-lg)}.unit-selector,.day-selector{display:inline-flex;align-items:center;justify-content:space-between;gap:var(--space-xs);border-radius:var(--space-sm);background-color:var(--c-cards);color:var(--c-text-color);min-width:6.875rem;font-size:var(--f-small-size)}.day-selector{background-color:var(--c-inner-cards)}.radix-select-content{background-color:var(--c-cards);border-radius:var(--space-sm);overflow:hidden;z-index:100;width:var(--radix-select-trigger-width);margin-block-start:var(--space-xs)}.day-selector-content{background-color:var(--c-inner-cards);border-radius:var(--space-sm);overflow:hidden;z-index:100;width:var(--radix-select-trigger-width);margin-block-start:var(--space-xs)}.radix-select-item{padding:var(--space-xs);display:inline-flex;align-items:center;justify-content:space-between;width:100%;cursor:pointer;font-size:var(--f-small-size);outline:none}.radix-select-item[data-highlighted]{background-color:var(--c-select-highlighted);color:var(--c-cards)}.app-header{display:flex;justify-content:space-between;align-items:center;padding-block:var(--space-lg)}.cities-list-dropdown{position:absolute;top:120%;left:0;width:100%;background-color:var(--c-cards);color:var(--c-text);max-height:10rem;overflow:auto;z-index:100}.cities-list-dropdown li{width:100%;padding-block:.5rem;background-color:var(--c-cards);color:var(--c-text);text-align:start;border:none;border-radius:0;outline:none}.cities-list-dropdown li.active{background-color:var(--c-inner-cards);box-shadow:0 -3px 6px #5a57a1,0 3px 6px #5a57a1}@media(min-width:31.25rem){.cities-list-dropdown{max-width:35rem}}form{display:flex;flex-direction:column;align-items:center;gap:var(--space-md);justify-content:center;width:100%;margin:var(--space-lg) auto;position:relative}form input,form button{width:100%}form input{background-color:var(--c-input);color:var(--c-text)}form button{background-color:var(--c-button);color:var(--c-text)}@media(min-width:31.25rem){form{flex-direction:row;max-width:35rem}form input{width:auto;flex:1}form button{width:auto}}article{display:flex;flex-direction:column;align-items:center;justify-content:center;padding-inline:var(--space-sm);background-image:url(/assets/images/bg-today-small.svg);background-repeat:no-repeat;background-position:center center;background-size:cover;width:100%;height:17.875rem;border-radius:var(--space-md)}article #current-weather-title{outline:none}article .city-card-header{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm)}article .city-card-temperature{display:flex;align-items:center;justify-content:center}article .city-card-temperature img{width:20%}article .city-card-temperature span{font-size:calc(var(--f-hero-text-size) + var(--space-md));font-weight:700}@media(min-width:37.5rem){article{flex-direction:row;justify-content:space-between}article .city-card-temperature{justify-content:flex-end}}@media(min-width:46.875rem){article{background-image:url(/assets/images/bg-today-large.svg)}}.current-weather-description-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(7.5rem,1fr));gap:var(--space-sm);margin-block:var(--space-md)}.current-weather-description-container .unit-description-container{background-color:var(--c-cards);padding-block:var(--space-md);padding-inline-start:var(--space-sm);border-radius:var(--space-md);display:flex;flex-direction:column;gap:var(--space-md);min-height:6.25rem}.current-weather-description-container .unit-description-container dd{font-size:calc(var(--f-base-size) * 1.5)}h3{margin-block:var(--space-md)}.daily-forecast-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(5.625rem,1fr));gap:var(--space-sm)}.daily-forecast-container .day-forecast-container{width:100%;min-height:9.375rem;background-color:var(--c-cards);padding-block:var(--space-sm);border-radius:var(--space-md)}.daily-forecast-container .day-forecast-container .day-visual-container{display:flex;flex-direction:column;align-items:center;justify-content:space-between;height:100%}.daily-forecast-container .day-forecast-container img{width:50%}.daily-forecast-container .day-forecast-container .day-temperatures-container{width:100%;display:flex;justify-content:space-between;padding-inline:var(--space-sm);font-size:var(--f-small-size)}.hourly-forecast-section-container{background-color:var(--c-cards);border-radius:var(--space-md);padding:var(--space-sm)}.hourly-forecast-section-container .hourly-forecast-header-container{display:flex;align-items:center;justify-content:space-between}.hourly-forecast-section-container .hourly-forecast-container{display:flex;flex-direction:column;gap:var(--space-md);margin-block-end:var(--space-md);max-height:35rem;overflow-y:auto;position:relative}.hourly-forecast-section-container .hourly-forecast-container .hour-forecast-card{display:flex;align-items:center;justify-content:space-between;background-color:var(--c-inner-cards);border-radius:var(--space-sm);padding-inline:var(--space-sm);height:4.375rem}.hourly-forecast-section-container .hourly-forecast-container .hour-forecast-card .temp{font-size:var(--f-small-size)}.hourly-forecast-section-container .hourly-forecast-container .hour-forecast-card div{flex:1;display:flex;align-items:center;gap:var(--space-xs)}.hourly-forecast-section-container .hourly-forecast-container .hour-forecast-card div img{width:15%}@media(min-width:46.875rem){.hourly-forecast-section-container .hourly-forecast-container{max-height:52.5rem}}@media(min-width:73.25rem){.hourly-forecast-section-container .hourly-forecast-container{max-height:35rem}}