.credits{color:var(--credits-text, #a9a9a9);font-family:Montserrat,sans-serif;font-size:var(--fs-0, .875rem);font-weight:500;text-align:center}@supports (font-variation-settings: normal){.credits{font-family:Montserrat Variable,sans-serif}}.username{font-weight:700;text-decoration:underline}.button{--_p-y: 8px;--_radius: var(--button-radius, 6px);--_bg: var(--button-bg, #e0e0e0);--_bg-hover: var(--button-bg-hover, #c7c7c7);--_text-outline: var(--button-outline-color, #3f3f3f);display:inline-flex;align-items:center;justify-content:var(--button-justify, center);gap:var(--button-gap, 8px);border:1px solid var(--_bg);border-radius:var(--_radius);box-shadow:var(--button-shadow, 0 2px 3px 0 rgba(51, 51, 51, .2));background-color:var(--_bg);padding:var(--button-padding, var(--_p-y) calc(var(--_p-y) * 2));font-family:var(--button-font-family, inherit);font-size:var(--button-font-size, .875rem);font-weight:var(--button-font-weight, 500);color:var(--button-text, #3f3f3f);transition:background-color .2s ease;cursor:pointer}.button:hover{--_bg: var(--_bg-hover)}@supports selector(:focus-visible){.button{outline:none}.button:focus-visible{--_bg: var(--_bg-hover)}.button:focus-visible.button{box-shadow:var(--button-shadow-focus-visible, 0 0 0 3px rgba(41, 98, 255, .75))}}.button--primary{--_bg: var(--primary, #2962ff);--_bg-hover: var(--primary-hover, #0039cb);color:var(--primary-text, #fff);--button-outline-bg-hover: var( --primary-transparent, rgba(41, 98, 255, .15) );--_text-outline: var(--primary, #2962ff)}.button--secondary{--_bg: var(--secondary, #455a64);--_bg-hover: var(--secondary-hover, #1c313a);color:var(--secondary-text, #fff);--button-outline-bg-hover: var( --secondary-transparent, rgba(69, 90, 100, .15) );--_text-outline: var(--secondary, #455a64)}.button--error{--_bg: var(--error, #d32f2f);--_bg-hover: var(--error-hover, #9a0007);color:var(--error-text, #fff);--button-outline-bg-hover: var( --error-transparent, rgba(211, 47, 47, .15) );--_text-outline: var(--error, #d32f2f)}.button--info{--_bg: var(--info, #0288d1);--_bg-hover: var(--info-hover, #0266d1);color:var(--info-text, #fff);--button-outline-bg-hover: var( --info-transparent, rgba(2, 136, 209, .15) );--_text-outline: var(--info, #0288d1)}.button--warning{--_bg: var(--warning, #f57c00);--_bg-hover: var(--warning-hover, #f55300);color:var(--warning-text, #fff);--button-outline-bg-hover: var( --warning-transparent, rgba(245, 124, 0, .15) );--_text-outline: var(--warning, #f57c00)}.button--success{--_bg: var(--success, #388e3c);--_bg-hover: var(--success-hover, #2a692d);color:var(--success-text, #fff);--button-outline-bg-hover: var( --success-transparent, rgba(56, 142, 60, .15) );--_text-outline: var(--success, #388e3c)}.button:disabled{pointer-events:none;box-shadow:none;--_bg: var(--button-bg-disabled, #e0e0e0);color:var(--button-text-disabled, #9e9e9e)}.button--no-shadow{box-shadow:none}.button--small{--_p-y: 6px}.button--large{--_p-y: 12px}.button--rounded-top{border-radius:var(--_radius) var(--_radius) 0 0}.button--rounded-bottom{border-radius:0 0 var(--_radius) var(--_radius)}.button--rounded-left{border-radius:var(--_radius) 0 0 var(--_radius)}.button--rounded-right{border-radius:0 var(--_radius) var(--_radius) 0}.button--rounded-full{border-radius:9999px}.button--rounded-none{border-radius:0}.button--outline,.button--text{--_bg: transparent;--_bg-hover: var(--button-outline-bg-hover, rgba(199, 199, 199, .4));--button-bg-disabled: transparent;color:var(--_text-outline);box-shadow:none}.button--outline{border-color:currentColor}.button>*{flex-shrink:0}.button>svg{fill:currentColor;width:1.7em;height:1.7em}.button--icon.button{padding:var(--button-padding, var(--_p-y))}[class*=material-icons]{--_color: var(--icon-color, inherit);color:var(--_color);width:1em;height:1em;overflow:hidden;font-size:var(--icon-size, 24px)!important;-webkit-user-select:none;user-select:none}.material-icons--small{--icon-size: var(--icon-small, 18px)}.material-icons--large{--icon-size: var(--icon-large, 36px)}.material-icons--extra-large{--icon-size: var(--icon-extra-large, 48px)}.material-icons--inherit{--icon-size: 1em}.material-icons--primary{--_color: var(--primary, #2962ff)}.material-icons--secondary{--_color: var(--secondary, #455a64)}.material-icons--error{--_color: var(--error, #d32f2f)}.material-icons--info{--_color: var(--info, #0288d1)}.material-icons--warning{--_color: var(--warning, #f57c00)}.material-icons--success{--_color: var(--success, #388e3c)}.material-icons--disabled{--_color: var(--icon-color-disabled, rgba(0, 0, 0, .26))}.weather__degree{font-size:clamp(6.25rem,10vw,9rem);font-weight:500;--skeleton-width: 3ch}.weather__degree-unit{color:var(--text-secondary);font-size:var(--fs-8)}.weather__description{color:var(--text-secondary);font-size:var(--fs-fluid-4-6);font-weight:600;--skeleton-width: 12ch}.weather__date{color:var(--text-dark);font-size:var(--fs-2);font-weight:500;--skeleton-width: 16ch}.weather__location{display:flex;justify-content:center;align-items:center;gap:4px;margin-top:32px;color:var(--text-dark);font-weight:600;font-size:var(--fs-2);--skeleton-width: 10ch}.weather-image{position:relative}.weather-image__background{margin-inline:auto;opacity:.1}.weather-image__icon{position:absolute;inset:0;margin:auto}@media (max-width: 767px){.weather-image__icon{width:150px}}.weather-image__loading{position:absolute;display:grid;inset:0;place-items:center;--skeleton-aspect-ratio: 1 / 1;--skeleton-width: 180px}.weather{display:grid;grid-template-rows:auto 2fr 2fr 1fr;align-items:center;background-color:var(--blue);padding-block:var(--weather-padding, 42px);text-align:center}@media (max-width: 767px){.weather{background-size:150%}}.weather header{display:flex;justify-content:space-between;padding-inline:var(--weather-padding, 42px)}.weather__search{font-size:var(--fs-1)}.forecast-item{display:flex;flex-direction:column;justify-content:space-between;align-items:center;gap:10px;background-color:var(--blue);padding:18px 15px}.forecast-item__day{font-size:var(--fs-1);font-weight:500;--skeleton-width: 8ch}.forecast-item__icon{display:flex;justify-content:center;--skeleton-height: 100px;--skeleton-width: 90px}.forecast-item__icon img{width:45%}.forecast-item__degrees{display:flex;gap:16px;font-size:var(--fs-1);font-weight:500;--skeleton-width: 6ch}.forecast-item__degrees :last-child{color:var(--text-secondary)}.forecast{display:grid;grid-template-columns:var(--forecast-grid-columns, repeat(5, 1fr));gap:26px}.meter{display:flex;flex-direction:column;gap:var(--meter-gap, 4px);width:var(--meter-width, 100%);color:var(--meter-text);font-size:var(--meter-font-size);font-weight:var(--meter-font-weight)}.meter__marks{display:grid;grid-template-columns:repeat(3,1fr);font-size:var(--meter-mark-font-size);text-align:center}.meter__marks>:first-child{text-align:left}.meter__marks>:last-child{text-align:right}.meter__bar{display:flex;align-items:center;height:var(--meter-height, 8px);background-color:var(--meter-bg, #fff);border-radius:var(--meter-radius, 8px)}.meter__track{height:100%;background-color:var(--meter-track-bg, #90cdf4);border-radius:inherit}.meter__unit{margin-left:auto;font-size:var(--meter-unit-font-size)}.wind{--skeleton-width: 2.5ch}.wind__direction{display:flex;align-items:center;gap:8px;font-size:var(--fs-0);font-weight:500}.wind__direction-icon-wrapper{display:flex;align-items:center;background-color:var(--secondary);padding:8px;border-radius:50%;rotate:-45deg;transform:rotate(var(--wind-degree));transition:transform .5s ease}.highlights{display:grid;grid-template-columns:var(--highlights-grid-columns, 1fr 1fr);gap:36px}.highlights h2{grid-column:span 2;font-size:var(--fs-4);font-weight:700}@media (max-width: 767px){.highlights h2{grid-column:span 1}}.highlights section{display:flex;flex-direction:column;align-items:center;gap:16px;background-color:var(--blue);padding-block:22px}.highlights section h3{font-size:var(--fs-1);font-weight:500}.highlights__value{font-size:var(--fs-10);font-weight:700}.highlights__unit{font-size:var(--fs-6);font-weight:500}.humidity{padding-inline:50px;--skeleton-width: 2ch;--meter-bg: var(--text);--meter-track-bg: #ffec65;--meter-text: var(--text-secondary);--meter-font-size: var(--fs-00);--meter-font-weight: 700}.humidity .meter{--skeleton-height: 8px;--skeleton-width: 100%}.visibility{--skeleton-width: 1ch}.air-pressure{--skeleton-width: 4ch}.temperature-converter{display:flex;gap:12px;margin-left:auto;list-style:none;--button-bg: #585676;--button-bg-hover: #37364a;--button-bg-disabled: var(--text);--button-text: var(--text);--button-text-disabled: var(--blue-dark)}.temperature-converter .button{aspect-ratio:1/1;width:40px;border-radius:40px;padding:10px;font-size:var(--fs-2);font-weight:700}.ring-spinner{position:relative}.ring-spinner div{box-sizing:border-box;position:absolute;width:100%;aspect-ratio:1;border:calc(var(--_size) * .1) solid transparent;border-radius:50%;border-top-color:var(--_color);animation:ring-spinner var(--_speed) cubic-bezier(.5,0,.5,1) infinite}.ring-spinner div:nth-child(1){animation-delay:calc(-.375 * var(--_speed))}.ring-spinner div:nth-child(2){animation-delay:calc(-.25 * var(--_speed))}.ring-spinner div:nth-child(3){animation-delay:calc(-.125 * var(--_speed))}@keyframes ring-spinner{to{transform:rotate(360deg)}}.spinner{--_size: var(--spinner-size, 40px);--_speed: var(--spinner-animation-duration, 1.2s);--_color: var(--spinner-color, currentcolor);display:inline-block;box-sizing:border-box;width:var(--_size);aspect-ratio:1}.spinner--small{--_size: 30px}.spinner--large{--_size: 50px}.spinner--slow{--_speed: 1.5s}.spinner--fast{--_speed: .9s}.spinner--primary{--_color: var(--primary, #2962ff)}.spinner--secondary{--_color: var(--secondary, #455a64)}.spinner--error{--_color: var(--error, #d32f2f)}.spinner--info{--_color: var(--info, #0288d1)}.spinner--warning{--_color: var(--warning, #f57c00)}.spinner--success{--_color: var(--success, #388e3c)}.input{--_border-clr-focus: var(--input-border-color-focus, #2962ff);display:flex;gap:var(--input-gap, .5rem);width:200px;background-color:var(--input-bg, transparent);border:1px solid var(--input-border-color, #828282);border-radius:var(--input-radius, 8px);box-sizing:border-box;outline:1px solid transparent;padding:var(--input-padding, 1rem .75rem);font-family:var(--input-font-family, inherit);font-size:var(--input-font-size, .875rem);font-weight:var(--input-font-weight, 500);cursor:text}.input:hover{border-color:var(--input-border-color-hover, #333)}.input:focus-within{border-color:var(--_border-clr-focus);outline-color:var(--_border-clr-focus)}.input--primary{--_border-clr-focus: var(--primary, #2962ff)}.input--secondary{--_border-clr-focus: var(--secondary, #455a64)}.input--error{--_border-clr-focus: var(--error, #d32f2f)}.input--info{--_border-clr-focus: var(--info, #0288d1)}.input--warning{--_border-clr-focus: var(--warning, #f57c00)}.input--success{--_border-clr-focus: var(--success, #388e3c)}.input--with-error,.input--with-error:hover,.input--with-error:focus-within{border-color:var(--error, #d32f2f)}.input--with-error:focus-within{outline-color:var(--error, #d32f2f)}.input--disabled{pointer-events:none;--placeholder-color: var(--placeholder-disabled, #959595);color:var(--input-text-disabled, #828282);--input-bg: var(--input-bg-disabled);border-color:var(--input-border-color-disabled, #e0e0e0)}.input--small{padding-block:10px}.input--fullwidth{width:100%}.input__inner{width:100%;box-sizing:border-box;background-color:inherit;border:none;outline:none;padding:0;margin:0;color:var(--input-text, #000);font:inherit}.input__inner::placeholder{opacity:1;color:var(--placeholder-color, #828282)}.input>:not(.input__inner){flex-shrink:0}.input>svg{fill:currentColor;font-size:1.71rem;width:1em;height:1em}.label{--_text-focus: var(--label-text-focus, #2962ff);display:inline-flex;flex-direction:column;gap:.25rem;font-family:var(--label-font-family, inherit);font-size:var(--label-font-size, .75rem);font-weight:var(--label-font-weight, 400);color:var(--label-text, #333)}.label:focus-within{color:var(--_text-focus)}.label--primary{--_text-focus: var(--primary, #2962ff)}.label--secondary{--_text-focus: var(--secondary, #455a64)}.label--error{--_text-focus: var(--error, #d32f2f)}.label--info{--_text-focus: var(--info, #0288d1)}.label--warning{--_text-focus: var(--warning, #f57c00)}.label--success{--_text-focus: var(--success, #388e3c)}.label--row{align-items:center;flex-direction:row;justify-content:start}.label--checkbox,.label--radio{font-size:var(--label-font-size, 1rem);cursor:pointer}.label--checkbox:focus-within,.label--radio:focus-within{color:var(--label-text, #333)}.label--with-error{color:var(--error, #d32f2f);--_text-focus: var(--error, #d32f2f)}.label--disabled{color:var(--label-text-disabled, rgba(0, 0, 0, .4));pointer-events:none}.label--fullwidth{width:100%}.helper-text{font-size:10px;color:var(--helper-text-color, #828282)}.label:focus-within .helper-text,.label--with-error .helper-text{color:inherit}.search-drawer__form{display:flex;justify-content:space-between;max-width:372px;gap:16px;--label-text: var(--secondary-dark);--label-text-focus: var(--text);--input-gap: 16px;--input-border-color: var(--text-secondary);--input-border-color-hover: var(--text);--input-border-color-focus: var(--text);--input-padding: 12px;--input-radius: 0;--input-text: var(--text);--input-font-size: var(--fs-1);--placeholder-color: var(--secondary-dark);--button-font-weight: 600}.search-drawer__results{display:grid;gap:12px;width:min(100%,372px);padding:0;list-style:none;--button-justify: space-between;--button-bg: transparent;--button-bg-hover: transparent;--icon-color: transparent}.search-drawer__results .button{width:100%;padding:22px 12px;border-radius:0;outline:none;color:currentcolor;font-size:var(--fs-1);font-weight:500}.search-drawer__results .button:hover,.search-drawer__results .button:focus-visible{--icon-color: var(--secondary-dark);border-color:var(--secondary-dark)}.search-drawer{display:flex;flex-direction:column;gap:38px;position:absolute;grid-column:1/1;background-color:var(--blue);width:100%;height:100%;padding:12px 46px 46px;transform:translate(-100%);transition:transform .3s ease-in-out;z-index:10;--spinner-size: 60px;--spinner-animation-duration: .75s}@media (max-width: 767px){.search-drawer{padding:12px}}@media (max-width: 1440px){.search-drawer{align-items:center}}.search-drawer.open{transform:translate(0)}.search-drawer__close{margin-left:auto;cursor:pointer}.search-drawer .spinner{margin-inline:auto}.App{position:relative;display:grid;grid-template-columns:460px 1fr;grid-template-rows:100svh}@media (max-width: 767px){.App{--main-padding: 72px 24px;--weather-padding: 12px;--highlights-grid-columns: 1fr}}@media (max-width: 1440px){.App{grid-template-columns:1fr;--forecast-grid-columns: 1fr 1fr}}@media (min-width: 1440px){.App{--main-padding: 120px}}.App[data-error]{grid-template-columns:unset}.App[data-error]:after{content:"";position:absolute;inset:0;background-image:url(/cloud-background.png);background-repeat:space;background-position:center;opacity:.1}.App__error{margin-block:auto;text-align:center;font-size:var(--fs-fluid-7);text-wrap:balance}.App>main{position:relative;display:flex;flex-direction:column;gap:54px;padding:var(--main-padding, 150px);padding-block:42px;overflow:hidden auto}.App>main>footer{margin:auto 0 0}