.options-window{display:flex;flex-direction:column;min-width:13.375rem;padding:.5rem;background-color:var(--neutral-800);border-radius:.75rem;border:1px solid var(--neutral-600)}.options-window button{all:unset;color:var(--neutral-0);font-family:DM Sans,sans-serif;font-size:1rem;font-weight:500;line-height:1.2;cursor:pointer}.units-window__section{padding:.275rem .5rem;font-size:var(--font-xxs);font-weight:500;color:var(--neutral-300);border-top:1px solid var(--neutral-600)}.units-window__section:first-of-type{border:none}.options-window .units-window__switch{display:block;width:100%;box-sizing:border-box;padding:var(--space-xxs) .5rem;transition:.2s ease-in background-color}.units-window__option{display:flex;justify-content:space-between;padding:var(--space-xxs) .5rem;transition:.2s ease-in background-color}.units-window__option:hover,.options-window .units-window__switch:hover,.units-window__option--selected{background-color:var(--neutral-700);border-radius:.5rem}.units-window__option:active,.units-window__switch:active,.units-window__option:focus,.units-window__switch:focus{outline:1px solid var(--neutral-0);outline-offset:1px;border-radius:.5rem}@media (prefers-reduced-motion: reduce){.options-window .units-window__switch,.units-window__option{transition:none}}.header{width:calc(100vw - var(--page-inline-padding) * 2)}.header__top{display:flex;justify-content:space-between;align-items:center;margin-block-end:clamp(3rem,5vw,4rem)}.header__logo-icon{width:clamp(8.625rem,18vw,12.5rem)}.header__units-button{display:flex;align-items:center;gap:clamp(.375rem,1vw,var(--space-xxs));padding:clamp(.5rem,2vw,var(--space-xs)) clamp(var(--space-xxs),2.5vw,var(--space-s));background-color:var(--neutral-800);color:var(--neutral-0);font-family:DM Sans,sans-serif;font-size:clamp(var(--font-xxs),2vw,var(--font-xs));font-weight:500;line-height:1.2;border:none;border-radius:6px;cursor:pointer;transition:.3s ease-in background-color}.header__units-button:hover{background-color:var(--neutral-700)}.header__units-button:active{outline:3px solid var(--neutral-0);outline-offset:3px}@media (prefers-reduced-motion: reduce){.header__units-button{transition:none}}.search{display:flex;flex-direction:column;gap:var(--space-xs);width:100%;margin:auto;max-width:45rem}.search__section{display:flex;align-items:center;gap:var(--space-xs);background-color:var(--neutral-800);transition:.3s ease-in background-color}.search__section,.search__button{width:100%;padding:var(--space-s) var(--space-l);border-radius:var(--radius-s)}.search__input,.search__button{border:none;font-size:var(--font-m);font-weight:500;line-height:1.2;letter-spacing:.4px}.search__input{width:100%;outline:none;background-color:inherit;color:var(--neutral-200)}.search__input::placeholder{color:var(--neutral-200)}.search__button{background-color:var(--blue-500);color:var(--neutral-0);transition:.3s ease-in background-color}.search__dropdown,.search__error,.search__loading,.search__empty{width:var(--dropdown-width, auto);padding:.5rem}.search__dropdown{list-style:none}.search__option{padding:var(--space-xxs) .5rem;border-radius:.5rem;cursor:pointer;font-size:var(--font-xs)}.search__loading-icon{margin-inline-end:var(--space-s)}.search__section:hover{cursor:pointer;background-color:var(--neutral-700)}.search__section:focus-within{outline:2px solid var(--neutral-0);outline-offset:3px}.search__button:hover{cursor:pointer;background-color:var(--blue-700)}.search__button:focus-within{outline:2px solid var(--blue-500);outline-offset:3px}.search__option:hover,.search__option:active,.search__option:focus{background-color:var(--neutral-700);border:1px solid var(--neutral-600)}.search__option:focus-visible{outline:none;border-color:var(--blue-500)}@media (min-width: 40rem){.search{flex-direction:row;gap:var(--space-s)}.search__section{flex:1 1 auto}.search__button{flex:0 0 7.125rem}}@media (min-width: 64rem){.search{justify-content:center}.search__section{flex:0 0 32.875rem}.search__button{flex:0 0 7.125rem}}@media (prefers-reduced-motion: reduce){.search__button,.search__section{transition:none}}.skeleton-block{position:relative;overflow:hidden;background-color:#3d3b5e;border-radius:.75rem}.skeleton-block:after{content:"";position:absolute;top:0;left:-150%;width:150%;height:100%;background:linear-gradient(90deg,#3d3b5e00,#2725414d,#3d3b5e00);animation:shimmer 1.5s infinite}@keyframes shimmer{0%{left:-150%}to{left:100%}}.loading{display:flex;flex-direction:column;justify-content:center;align-items:center;margin:auto}.loading__dots{display:flex;gap:.5rem;margin-bottom:14px}.loading__dots span{width:12px;aspect-ratio:1 / 1;background-color:var(--neutral-200);border-radius:50%;display:inline-block;animation:bounce .6s infinite alternate}.loading__dots span:nth-child(2){animation-delay:.2s}.loading__dots span:nth-child(3){animation-delay:.4s}@keyframes bounce{0%{transform:translateY(0);opacity:.7}to{transform:translateY(-8px);opacity:1}}.loading__text{text-align:center;font-size:1.125rem;font-weight:500;color:var(--neutral-200)}.weather{display:flex;flex-direction:column;gap:clamp(var(--space-m),2.5vw,var(--space-xl))}.weather__header{display:flex;flex-direction:column;align-items:center;gap:var(--space-s);padding:var(--space-xxl) var(--space-l);border-radius:var(--radius-m);background:no-repeat center/cover url(/weather-app/assets/bg-today-small-DEQrvfY6.svg)}.weather__location-info{display:flex;flex-direction:column;align-items:center;gap:var(--space-s)}.weather__place{font-size:var(--font-l)}.weather__date{font-weight:500}.weather__temperature-container{display:flex;align-items:center;gap:var(--space-m)}.weather__icon{width:7.5rem;aspect-ratio:1 / 1}.weather__temperature{font-size:var(--font-xxxl);font-weight:600;font-style:italic;line-height:1}.weather__details{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:clamp(var(--space-s),2.5vw,var(--space-l))}.weather__detail{display:flex;flex-direction:column;gap:var(--space-l);padding:var(--space-m);background-color:var(--neutral-800);border:1px solid var(--neutral-600);border-radius:var(--radius-s)}.weather__label{font-size:var(--font-s);font-weight:500;color:var(--neutral-200)}.weather__value{font-size:var(--font-xl);font-weight:300;line-height:1}@media (min-width: 40rem){.weather__header{flex-direction:row;justify-content:space-between;padding-block:5rem;background-image:url(/weather-app/assets/bg-today-large-CqYszFxp.svg)}.weather__location-info{align-items:start;gap:var(--space-xs)}}.daily-forecast__title{margin-block-end:var(--space-m);font-weight:500;font-size:var(--font-m)}.daily-forecast__list{display:grid;grid-template-columns:repeat(auto-fit,minmax(5.25rem,1fr));gap:var(--space-s)}.daily-forecast__item{display:flex;flex-direction:column;align-items:center;gap:var(--space-s);padding:var(--space-s) var(--space-xxs);font-weight:500;background-color:var(--neutral-800);border:1px solid var(--neutral-600);border-radius:var(--radius-s)}.daily-forecast__icon{width:3.75rem;aspect-ratio:1 / 1}.daily-forecast__temperatures{width:100%;display:flex;justify-content:space-between}.options-window .hourly-forecast__menu-item{display:block;width:100%;box-sizing:border-box;padding:.625rem .5rem;transition:.3s ease-in background-color}.hourly-forecast__menu{list-style-type:none}.hourly-forecast__menu-item:hover{background-color:var(--neutral-700);border-radius:.5rem}.hourly-forecast__menu-item:active,.hourly-forecast__menu-item:focus{outline:1px solid var(--neutral-0);outline-offset:1px;border-radius:.5rem}@media (prefers-reduced-motion: reduce){.options-window .hourly-forecast__menu-item{transition:none}}.hourly-forecast{display:flex;flex-direction:column;gap:var(--space-s);padding:var(--space-m) var(--space-s);background-color:var(--neutral-800);border-radius:var(--radius-m);min-height:0}.hourly-forecast__header{display:flex;justify-content:space-between;align-items:center}.hourly-forecast__title{font-weight:500;font-size:var(--font-m)}.hourly-forecast__button{display:flex;gap:var(--space-xs);padding:.5rem var(--space-s);font-family:DM Sans,sans-serif;font-weight:500;font-size:var(--font-xs);border:none;border-radius:.5rem;background-color:var(--neutral-600);color:var(--neutral-0);cursor:pointer;transition:.3s ease-in background-color}.hourly-forecast__button:hover{background-color:var(--neutral-700)}.hourly-forecast__list{display:flex;flex-direction:column;gap:var(--space-s);flex:1 1 auto;min-height:0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--neutral-700) var(--neutral-800)}.hourly-forecast__item{display:flex;justify-content:space-between;align-items:center;width:100%;padding:var(--space-xxs) var(--space-s) var(--space-xxs) var(--space-xs);background-color:var(--neutral-700);border:1px solid var(--neutral-600);border-radius:var(--radius-s)}.hourly-forecast__item--current{background-color:var(--blue-500);border-color:var(--blue-700)}.hourly-forecast__time-block{display:flex;align-items:center}.hourly-forecast__icon{width:2.5rem;aspect-ratio:1 / 1}.hourly-forecast__time{font-weight:500;font-size:var(--font-m)}.hourly-forecast__temperature{font-weight:500;font-size:var(--font-xs)}@media (prefers-reduced-motion: reduce){.hourly-forecast__button{transition:none}}.home__title{margin-block-end:clamp(3rem,8vw,4rem);text-align:center;font-family:Bricolage Grotesque,sans-serif;font-size:3.25rem;letter-spacing:1.2px}.home__content{display:flex;flex-direction:column;gap:clamp(2rem,3.5vw,3rem)}.error-page__container{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.error-page__icon{width:50px;aspect-ratio:1 / 1}.error-page__title{font-family:Bricolage Grotesque,sans-serif;font-size:52px;font-weight:700;text-align:center}.error-page__description{max-width:560px;font-size:20px;font-weight:500;text-align:center}.error-page__retry-button{all:unset;display:flex;gap:10px;padding:12px 1rem;border-radius:.5rem;background-color:var(--neutral-800);cursor:pointer;transition:.3s ease-in background-color}.error-page__retry-button:hover{background-color:var(--neutral-700)}.error-page__retry-button:focus,.error-page__retry-button:active{outline:3px solid var(--neutral-0);outline-offset:3px}@media (prefers-reduced-motion: reduce){.error-page__retry-button{transition:none}}@keyframes react-loading-skeleton{to{transform:translate(100%)}}.react-loading-skeleton{--base-color: #ebebeb;--highlight-color: #f5f5f5;--animation-duration: 1.5s;--animation-direction: normal;--pseudo-element-display: block;background-color:var(--base-color);width:100%;border-radius:.25rem;display:inline-flex;line-height:1;position:relative;-webkit-user-select:none;user-select:none;overflow:hidden}.react-loading-skeleton:after{content:" ";display:var(--pseudo-element-display);position:absolute;top:0;left:0;right:0;height:100%;background-repeat:no-repeat;background-image:var( --custom-highlight-background, linear-gradient( 90deg, var(--base-color) 0%, var(--highlight-color) 50%, var(--base-color) 100% ) );transform:translate(-100%);animation-name:react-loading-skeleton;animation-direction:var(--animation-direction);animation-duration:var(--animation-duration);animation-timing-function:ease-in-out;animation-iteration-count:infinite}@media (prefers-reduced-motion){.react-loading-skeleton{--pseudo-element-display: none}}.bricolage-grotesque-font{font-family:Bricolage Grotesque,sans-serif;font-optical-sizing:auto;font-weight:700;font-style:normal;font-variation-settings:"wdth" 100}.dm-sans-font{font-family:DM Sans,sans-serif;font-optical-sizing:auto;font-weight:500;font-style:normal}:root{--neutral-900: hsl(243, 96%, 9%);--neutral-800: hsl(243, 27%, 20%);--neutral-700: hsl(243, 23%, 24%);--neutral-600: hsl(243, 23%, 30%);--neutral-300: hsl(240, 6%, 70%);--neutral-200: hsl(250, 6%, 84%);--neutral-0: hsl(0, 0%, 100%);--orange-500: hsl(28, 100%, 52%);--blue-500: hsl(233, 67%, 56%);--blue-700: hsl(248, 70%, 36%);--space-xxs: .625rem;--space-xs: .75rem;--space-s: 1rem;--space-m: 1.25rem;--space-l: 1.5rem;--space-xl: 2rem;--space-xxl: 2.5rem;--font-xxs: .875rem;--font-xs: 1rem;--font-s: 1.125rem;--font-m: 1.25rem;--font-l: 1.75rem;--font-xl: 2rem;--font-xxl: 3.25rem;--font-xxxl: 6rem;--radius-s: .75rem;--radius-m: 1.25rem;--page-block-padding: clamp(var(--space-s), 4vw, 3rem);--page-inline-padding: clamp(var(--space-s), 3.5vw, 5rem)}*,*:after,*:before{margin:0;padding:0;box-sizing:border-box}body{padding:var(--page-block-padding) var(--page-inline-padding);font-family:DM Sans,sans-serif;font-size:var(--font-s);line-height:1.2;background-color:var(--neutral-900);color:var(--neutral-0)}.weather-card,.weather-column{display:flex;flex-direction:column;gap:clamp(var(--space-xl),3.5vw,3rem)}@media (max-width: 23rem){:root{--page-inline-padding: var(--space-s)}}@media (min-width: 64rem){.weather-card{display:grid;grid-template-columns:2fr 1fr;gap:var(--space-xl);align-items:stretch}.weather-column--scroll{position:relative;min-height:0}.hourly-viewport{position:absolute;inset:0;-webkit-overflow-scrolling:touch;padding:0}.hourly-viewport>.hourly-forecast{box-sizing:border-box;width:100%;height:100%;display:flex;flex-direction:column}}@media (min-width: 71.25rem){:root{--page-inline-padding: clamp(7rem, 7.5vw, 12rem) }}