*,*:before,*:after{box-sizing:border-box}*{margin:0}*:focus{outline:none}html,body{height:100%}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}dialog{position:absolute;inset:0;display:grid;place-items:center;width:100%;max-width:100vw;height:100%;max-height:100vh;margin:0;overflow:hidden;pointer-events:none;border:0;opacity:0;transition:opacity .2s linear}dialog[open]{pointer-events:all;opacity:1}dialog::backdrop{background:none}input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration{-webkit-appearance:none;appearance:none;pointer-events:none}:root{--clr-white:hsl(0deg 0% 100%);--clr-black:hsl(0deg 0% 0%);--clr-woodsmoke:hsl(270deg 5% 7%);--clr-baltic-sea: hsl(260deg 5% 12%);--clr-on-surface:hsl(255deg 19% 88%);--clr-on-surface-v1:hsl(257deg 3% 49%);--clr-on-surface-v2:hsl(260deg 7% 73%);--clr-accent:hsl(258deg 57% 76%);--clr-on-accent:hsl(253deg 24% 7%);--clr-white-alpha-10: hsl(0deg 0% 100% / 10%);--clr-black-alpha-10: hsl(0deg 0% 0% / 10%);--clr-status-good:hsl(120deg 64% 72%);--clr-status-fair:hsl(55deg 64% 72%);--clr-status-moderate:hsl(36deg 64% 72%);--clr-status-poor:hsl(0deg 64% 72%);--clr-status-very-poor:hsl(330deg 64% 72%);--clr-heart: hsl(0deg 100% 50%);--clr-lgt-blue: hsl(195deg 85% 68%);--ff-nunito-sans: "Nunito Sans", system-ui, sans-serif;--fs-heading-1: 3.5rem;--fs-heading-2: 2.5rem;--fs-content-1: 1.25rem;--fs-content-2: 1rem;--fs-content-3: .875rem;--fs-content-4: .625rem;--weight-normal: 400;--weight-semibold: 600;--radius-pill: 30px;--radius-circle: 50%;--box-shadow-default: 0 10px 20px 5px var(--clr-woodsmoke);--transition-swing: cubic-bezier(.25, .8, .5, 1);scrollbar-width:thin;scrollbar-color:var(--clr-white-alpha-10) transparent;position:relative;font-family:var(--ff-nunito-sans);color:var(--clr-white);background-color:var(--clr-woodsmoke);text-rendering:optimizelegibility;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:subpixel-antialiased}:root ::-moz-selection{color:var(--clr-black);background-color:var(--clr-accent)}:root ::selection{color:var(--clr-black);background-color:var(--clr-accent)}:root ::-webkit-scrollbar{width:6px;height:6px}:root ::-webkit-scrollbar-thumb{background-color:var(--clr-white-alpha-10);border-radius:var(--radius-pill)}:root scrollbar-thumb{background-color:var(--clr-white-alpha-10);border-radius:var(--radius-pill)}:root scrollbar-track{background-color:transparent}@keyframes pulse{0%{transform:scale(1) rotate(45deg)}50%{transform:scale(1.3) rotate(45deg)}to{transform:scale(1) rotate(45deg)}}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.header{display:flex;flex-flow:row wrap;gap:1.5rem;align-content:flex-start;align-items:center;justify-content:flex-start;width:100%;padding:1.5rem 0}@media (min-width: 1200px){.header{justify-content:space-between}}.header__logo{margin-right:auto}@media (min-width: 1200px){.header__logo{margin-right:0}}.header__search-view{position:absolute;inset:0}@media (min-width: 1200px){.header__search-view{position:static}}.header__actions{display:flex;flex-flow:row wrap;gap:1rem;align-content:flex-start;align-items:center;justify-content:space-between}.logo{position:relative;color:var(--clr-white);text-decoration:none}.logo:before{position:absolute;top:0;left:0;display:block;width:33.3333333333%;height:3px;content:"";background:currentcolor;transition-timing-function:ease-in-out;transition-duration:.5s;transition-property:width,height,background-color}.logo:after{position:absolute;right:0;bottom:0;display:block;width:33.3333333333%;height:3px;content:"";background:currentcolor;transition-timing-function:ease-in-out;transition-duration:.5s;transition-property:width,height,background-color}.logo__text{position:relative;padding:.5rem .75rem;font-size:var(--fs-content-1);line-height:2rem;color:currentcolor;text-align:center;text-indent:.25rem;letter-spacing:.25rem;white-space:pre-wrap}.logo__text:before{position:absolute;top:0;left:0;display:block;width:3px;height:50%;content:"";background-color:currentcolor;transition-timing-function:ease-in-out;transition-duration:.5s;transition-property:width,height,background-color}.logo__text:after{position:absolute;right:0;bottom:0;display:block;width:3px;height:50%;content:"";background-color:currentcolor;transition-timing-function:ease-in-out;transition-duration:.5s;transition-property:width,height,background-color}.logo:hover:before,.logo:focus-visible:before{width:100%}.logo:hover:after,.logo:focus-visible:after{width:100%}.logo:hover .logo__text:before,.logo:focus-visible .logo__text:before{height:100%}.logo:hover .logo__text:after,.logo:focus-visible .logo__text:after{height:100%}.logo:focus-visible:before{background-color:var(--clr-lgt-blue)}.logo:focus-visible:after{background-color:var(--clr-lgt-blue)}.logo:focus-visible .logo__text:before{background-color:var(--clr-lgt-blue)}.logo:focus-visible .logo__text:after{background-color:var(--clr-lgt-blue)}.search{padding:1.25rem;-webkit-clip-path:circle(4% at calc(100% - 102px) 5%);clip-path:circle(4% at calc(100% - 102px) 5%);pointer-events:none;background-color:var(--clr-woodsmoke);opacity:0;transition:-webkit-clip-path .5s ease;transition:clip-path .5s ease;transition:clip-path .5s ease,-webkit-clip-path .5s ease}@media (min-width: 1200px){.search{position:relative;width:500px;padding:0 1.25rem;-webkit-clip-path:none;clip-path:none;pointer-events:all;opacity:1}}.search__wrapper{position:relative;display:flex;flex-flow:row nowrap;gap:1rem;align-items:center;justify-content:flex-start;padding:1rem;background-color:var(--clr-baltic-sea);border-radius:var(--radius-pill);transition:box-shadow .3s ease-in-out}.search__wrapper:hover,.search__wrapper:focus-within{background-color:var(--clr-white-alpha-10);box-shadow:var(--box-shadow-default)}.search__magnifier-icon{width:20px;height:20px;fill:var(--clr-on-surface);transition-timing-function:ease-in-out;transition-duration:.3s;transition-property:fill,transform}.search__input{flex-grow:1;padding:0;color:var(--clr-on-surface);background-color:transparent;border:0;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.search__input::-moz-placeholder{color:var(--clr-on-surface-v1)}.search__input::placeholder{color:var(--clr-on-surface-v1)}.search__close{position:relative;display:grid;place-items:center;width:20px;height:20px;padding:0;color:transparent;cursor:pointer;background-color:transparent;border:0;transition:transform .2s linear}@media (min-width: 1200px){.search__close{display:none;pointer-events:none}}.search__close:before{position:absolute;top:50%;left:50%;width:2px;height:20px;content:"";background-color:var(--clr-on-surface-v1);transition:background-color .2s linear;transform:translate(-50%,-50%) rotate(45deg)}.search__close:after{position:absolute;top:50%;left:50%;width:2px;height:20px;content:"";background-color:var(--clr-on-surface-v1);transition:background-color .2s linear;transform:translate(-50%,-50%) rotate(-45deg)}.search__close:hover{transform:rotate(90deg)}.search__close:hover:before,.search__close:hover:after{background-color:var(--clr-white)}.search__location-icon{width:20px;height:20px;fill:var(--clr-on-surface-v1)}.search__results{position:absolute;right:1.25rem;left:1.25rem;-webkit-clip-path:polygon(0 0,100% 0,100% 0,0 0);clip-path:polygon(0 0,100% 0,100% 0,0 0);background-color:var(--clr-baltic-sea);border:.1px solid var(--clr-woodsmoke);border-bottom-right-radius:var(--radius-pill);border-bottom-left-radius:var(--radius-pill);transition:-webkit-clip-path .5s ease;transition:clip-path .5s ease;transition:clip-path .5s ease,-webkit-clip-path .5s ease}.search__results-list{display:flex;flex-flow:column nowrap;align-items:flex-start;justify-content:flex-start;padding:0;list-style:none}.search__results-item{width:100%}.search__results-item:last-of-type{border-bottom-right-radius:var(--radius-pill);border-bottom-left-radius:var(--radius-pill)}.search__results-item:hover,.search__results-item:focus-within{background-color:var(--clr-black-alpha-10)}.search__results-item-icon{width:20px;height:20px;pointer-events:none;fill:var(--clr-on-surface-v1)}.search__results-item-data{width:100%;pointer-events:none}.search__results-item-container{position:relative;display:flex;flex-flow:row nowrap;gap:1rem;align-items:center;justify-content:flex-start;width:100%;padding:1.25rem;text-decoration:none}.search__results-item-title{color:var(--clr-on-surface);pointer-events:none}.search__results-item-description{color:var(--clr-on-surface-v1);pointer-events:none}.search--open{z-index:1;-webkit-clip-path:circle(130% at 73% 5%);clip-path:circle(130% at 73% 5%);pointer-events:all;opacity:1}@media (min-width: 1200px){.search--open{-webkit-clip-path:none;clip-path:none}}.search--has-results .search__wrapper{border-bottom:1px solid var(--clr-white);border-bottom-right-radius:0;border-bottom-left-radius:0}.search--has-results .search__results{-webkit-clip-path:polygon(0 0,100% 0,100% 100%,0 100%);clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}.search:focus-within .search__magnifier-icon{fill:var(--clr-lgt-blue);transform:rotate(45deg)}.btn{display:flex;flex-flow:row nowrap;gap:.75rem;align-items:center;justify-content:center;padding:.75rem;font-family:var(--ff-nunito-sans);font-size:var(--fs-content-2);font-weight:var(--weight-semibold);line-height:1.375rem;text-decoration:none;text-transform:capitalize;cursor:pointer;border:3px solid transparent;transition-timing-function:ease-in-out;transition-duration:.3s;transition-property:color,background-color,border-color}.btn__icon{width:20px;height:20px;pointer-events:none;fill:currentcolor}.btn__label{display:none}@media (min-width: 768px){.btn__label{display:inline-block}}.btn--dark{color:var(--clr-white);background-color:var(--clr-baltic-sea)}.btn--dark:hover{color:var(--clr-white);background-color:transparent;border-color:var(--clr-white)}.btn--accent{color:var(--clr-on-accent);background-color:var(--clr-accent)}.btn--accent:hover{color:var(--clr-white);background-color:transparent;border-color:var(--clr-white)}.btn--circle{border-radius:var(--radius-circle)}.btn--pill{border-radius:var(--radius-pill)}.btn--circle-to-pill{border-radius:var(--radius-circle)}@media (min-width: 768px){.btn--circle-to-pill{border-radius:var(--radius-pill)}}@media (min-width: 1200px){.btn--desktop-hide{display:none}}.btn:focus-visible{box-shadow:0 0 0 3px var(--clr-lgt-blue)}.section{display:flex;flex-flow:column nowrap;gap:.75rem;align-items:flex-start;justify-content:flex-start;width:100%}.section__title{font-size:var(--fs-content-2);font-weight:var(--weight-semibold);line-height:1.5625rem;color:var(--clr-on-surface);text-transform:capitalize}.section--highlights{display:grid;grid-template-columns:1fr;gap:12px;width:100%;padding:1.25rem;background-color:var(--clr-baltic-sea);border-radius:var(--radius-pill)}@media (min-width: 768px){.section--highlights{grid-template-columns:repeat(2,1fr)}.section--highlights .title{grid-column:span 2}}@media (min-width: 1200px){.section--highlights{grid-template-columns:repeat(4,1fr)}.section--highlights .title{grid-column:span 4}}.status-indicator{display:inline-block;padding:.125rem .75rem;font-size:var(--fs-content-3);font-weight:var(--weigt-semibold);line-height:1.1875rem;color:var(--clr-black);text-transform:capitalize;cursor:help;border-radius:var(--radius-pill)}.status-indicator--good{background-color:var(--clr-status-good)}.status-indicator--fair{background-color:var(--clr-status-fair)}.status-indicator--moderate{background-color:var(--clr-status-moderate)}.status-indicator--poor{background-color:var(--clr-status-poor)}.status-indicator--very-poor{background-color:var(--clr-status-very-poor)}.current-weather-card{display:grid;grid-template-columns:1fr;gap:12px;padding:1.25rem;background-color:var(--clr-baltic-sea);border-radius:var(--radius-pill)}.current-weather-card__details{display:flex;flex-flow:row nowrap;gap:2.1875rem;align-items:center;justify-content:space-between}.current-weather-card__temperature{display:flex;align-items:flex-start;justify-content:flex-start;font-size:var(--fs-heading-1);font-weight:var(--weight-normal);line-height:3.875rem;color:var(--clr-white)}.current-weather-card__temperature-unit{font-size:var(--fs-heading-2);font-weight:var(--weight-normal);line-height:125%}.current-weather-card__icon{width:48px;height:48px}.current-weather-card__icon[title]{cursor:help}.current-weather-card__conditions{font-size:var(--fs-content-2);font-weight:var(--weight-normal);line-height:1.375rem;color:var(--clr-on-surface);text-transform:capitalize}.current-weather-card__separator{height:1px;background-color:var(--clr-on-surface-v1);border:0}.current-weather-card__date{display:flex;gap:.5rem;align-items:center;justify-content:flex-start;font-size:var(--fs-content-2);font-weight:var(--weight-semibold);line-height:1.375rem;color:var(--clr-on-surface-v1)}.current-weather-card__date:before{display:inline-block;width:20px;height:20px;color:transparent;content:"Calendar Icon";background-image:url(../icons/calendar.webp);background-repeat:no-repeat}.current-weather-card__location{display:flex;gap:.5rem;align-items:center;justify-content:flex-start;font-size:var(--fs-content-2);font-weight:var(--weight-semibold);line-height:1.375rem;color:var(--clr-on-surface-v1)}.current-weather-card__location:before{display:inline-block;width:20px;height:20px;color:transparent;content:"Map Marker";background-image:url(../icons/map-marker.webp);background-repeat:no-repeat}.forecast-card{display:flex;flex-flow:column nowrap;gap:.75rem;align-items:flex-start;justify-content:flex-start;width:100%;padding:1.25rem;background-color:var(--clr-baltic-sea);border-radius:var(--radius-pill)}.forecast-card__day-forecast{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem;width:100%}.forecast-card__icon{width:32px;height:32px}.forecast-card__icon[title]{cursor:help}@media (min-width: 1200px){.forecast-card__icon{width:48px;height:48px}}.forecast-card__temperatures{display:flex;flex-flow:row nowrap;gap:.5rem;align-items:center;justify-content:flex-start}.forecast-card__day-temperature{font-size:var(--fs-content-1);font-weight:var(--weight-normal);line-height:1.6875rem;color:var(--clr-on-surface)}.forecast-card__date{display:flex;flex-flow:row nowrap;gap:.5rem;align-items:center;justify-content:space-between}.forecast-card__calendar-date,.forecast-card__day{font-size:var(--fs-content-3);font-weight:var(--weight-normal);line-height:1.1875rem;color:var(--clr-on-surface-v1)}.highlight-card{display:flex;flex-flow:row wrap;gap:1.25rem;justify-content:space-between;padding:1rem;background-color:var(--clr-black-alpha-10);border-radius:var(--radius-pill)}.highlight-card__title{display:flex;flex-flow:row nowrap;flex-grow:1;gap:.5rem;align-items:center;justify-content:space-between;width:100%;font-size:var(--fs-content-2);font-weight:var(--weight-semibold);line-height:1.375rem;color:var(--clr-on-surface-v1);text-transform:capitalize}.highlight-card__data-set{display:flex;flex-flow:row nowrap;gap:1rem;align-items:center;justify-content:space-between;width:100%}.highlight-card__icon{width:32px;height:32px}@media (min-width: 1200px){.highlight-card__icon{width:48px;height:48px}}.highlight-card__data{display:flex;flex-flow:row nowrap;flex-grow:1;gap:1rem;align-items:center;justify-content:space-between}.highlight-card__data--multiple-values{justify-content:flex-end}.highlight-card__data--column{flex-direction:column;align-items:flex-start}@media (min-width: 768px){.highlight-card__data--row-above-mobile{display:flex;flex-direction:row;align-items:flex-end;justify-content:flex-start}}.highlight-card__data--align-right{align-items:flex-end}@media (min-width: 768px){.highlight-card__data--align-right{justify-content:flex-end}}.highlight-card__label{display:flex;flex-flow:column nowrap;gap:.25rem;align-items:flex-start;justify-content:flex-start;font-size:var(--fs-content-3);font-weight:var(--weight-normal);line-height:1.1875rem;color:var(--clr-on-surface-v1);text-transform:capitalize}.highlight-card__label--align-right{align-items:flex-end;text-align:right}.highlight-card__value{font-size:var(--fs-content-1);font-weight:var(--weight-normal);line-height:1.6875rem;color:var(--clr-on-surface-v2);text-align:right;text-transform:uppercase}@media (min-width: 768px){.highlight-card__value--column-above-mobile{display:flex;flex-direction:column-reverse;align-items:center;justify-content:center}}.highlight-card__unit{font-size:var(--fs-content-3);font-weight:var(--weight-normal);line-height:1.1875rem;color:var(--clr-on-surface-v1);text-transform:uppercase}.highlight-card__unit--sup{font-size:var(--fs-content-4);line-height:.875rem;vertical-align:super}.highlight-card__unit--sub{font-size:var(--fs-content-4);line-height:.875rem;vertical-align:sub}@media (min-width: 768px){.highlight-card--large{grid-column:span 2}.highlight-card--small{grid-column:span 1}}.today-at-card{display:flex;flex-flow:column nowrap;gap:.75rem;align-items:center;justify-content:center;padding:1rem 1.875rem;background-color:var(--clr-baltic-sea);border-radius:var(--radius-pill)}.today-at-card__label{font-size:var(--fs-content-2);font-weight:var(--weight-normal);line-height:1.375rem;color:var(--clr-on-surface)}.today-at-card__icon{width:32px;height:32px}.today-at-card__icon[title]{cursor:help}@media (min-width: 1200px){.today-at-card__icon{width:48px;height:48px}}.today-at-card__value{font-size:var(--fs-content-2);font-weight:var(--weight-normal);line-height:1.375rem;color:var(--clr-on-surface)}.heart{position:relative;display:inline-block;width:20px;height:20px;margin:0 20px;color:transparent;background:var(--clr-heart);border-bottom-right-radius:5px;transform:rotate(45deg)}@media (prefers-reduced-motion: no-preference),(prefers-reduced-motion: reduce 0){.heart{animation-name:pulse;animation-duration:.7s;animation-iteration-count:infinite;will-change:transform}}.heart:before{position:absolute;top:0;left:-50%;width:20px;height:20px;content:"";background:var(--clr-heart);border-radius:50%}.heart:after{position:absolute;top:-50%;left:0;width:20px;height:20px;content:"";background:var(--clr-heart);border-radius:50%}.poweredby{display:flex;flex-flow:row wrap;gap:.5rem;align-items:flex-end;justify-content:flex-end}.poweredby__link{padding:0 .75rem;text-decoration:none;border-radius:var(--radius-pill);transition:box-shadow .3s ease-in-out}.poweredby__link:focus-visible{box-shadow:inset 0 0 0 3px var(--clr-lgt-blue)}.poweredby__logo{width:100px;max-width:100%;height:43px;margin-bottom:2.5px}.footer{display:flex;flex-flow:row wrap;gap:1rem;align-content:center;align-items:flex-end;justify-content:center;width:100%;padding:1rem 0}@media (min-width: 768px){.footer{justify-content:flex-end}}.popup{padding:1rem;background-color:var(--clr-woodsmoke)}.popup__body{display:grid;grid-template-rows:repeat(3,max-content);place-items:center;align-content:center;width:100%;height:100%}.popup__title{margin-bottom:.5rem;font-size:var(--fs-heading-2);color:var(--clr-white);text-transform:uppercase}.popup__desc,.popup__issue{margin-bottom:1rem;font-size:var(--fs-content-1);color:var(--clr-white)}.popup__issue-link{display:inline;margin-bottom:1rem;font-size:var(--fs-content-1);color:inherit;text-decoration:none;overflow-wrap:anywhere;background-image:linear-gradient(to right,var(--clr-accent) 0,var(--clr-accent) 100%);background-repeat:no-repeat;background-position:left 100%;background-size:0 1px;transition:.5s var(--transition-swing)}.popup__issue-link:hover,.popup__issue-link:focus-visible{background-size:100% 1px;border-color:vcolor(var(--clr-on-surface-v1),0)}.loader{display:inline-block;color:transparent;border-color:var(--clr-white);border-style:solid;border-bottom-color:var(--clr-accent);border-radius:50%;transition:opacity .25s linear;animation:rotation 1s linear infinite;will-change:transform}.loader--hidden{opacity:0}.loader--small{width:25px;height:25px;border-width:2.5px}.loader--medium{width:50px;height:50px;border-width:5px}.loader--large{width:100px;height:100px;border-width:10px}.body--no-scroll{overflow:hidden}.app{width:100%;max-width:1600px;height:100%;padding:0 1rem;margin:0 auto}.app:focus-visible{box-shadow:inset 0 0 0 3px var(--clr-lgt-blue)}@media (min-width: 768px){.app{flex-flow:row wrap}}.content{position:relative;display:flex;flex-direction:column;gap:1.5rem;align-items:center;justify-content:flex-start;width:100%;max-width:1600px;min-height:1300px;margin:0 auto}@media (min-width: 768px){.content{flex-flow:row wrap;justify-content:center;min-height:720px}}.content__left{display:flex;flex-flow:column nowrap;gap:1rem;align-items:flex-start;align-self:flex-start;justify-content:flex-start;width:100%}@media (min-width: 768px){.content__left{max-width:280px}}@media (min-width: 1200px){.content__left{max-width:360px}}.content__right{display:flex;flex-flow:column nowrap;gap:1rem;align-items:flex-start;align-self:flex-start;justify-content:flex-start;width:100%}@media (min-width: 768px){.content__right{flex-grow:1;width:20px}}.content--loading:after{position:absolute;z-index:2;display:inline-block;width:100px;height:100px;margin:2.5rem;color:transparent;content:"";border-color:var(--clr-white);border-style:solid;border-width:10px;border-bottom-color:var(--clr-accent);border-radius:50%;animation:rotation 1s linear infinite;will-change:transform}.content--loading:before{position:absolute;inset:0;z-index:1;width:100%;height:100%;content:"";background-color:var(--clr-woodsmoke)}.scrollable-container{display:flex;flex-wrap:wrap;gap:.75rem;align-content:flex-start;align-items:flex-start;justify-content:flex-start;width:100%;padding-bottom:1.5rem;overflow:auto;white-space:nowrap}.scrollable-container--horizontal{flex-direction:row}.scrollable-container--veritcal{flex-direction:column}.grid{display:grid;gap:.75rem;width:100%;padding:0;margin:0}.grid--columns-8{grid-template-columns:repeat(8,minmax(125px,1fr))}