*,*:before,*:after{box-sizing:border-box}h1,h2,h3,p,dl,dd{margin:0}h1,h2,h3{line-height:1.1}ul[role=list]{list-style:none}html:focus-within{scroll-behavior:smooth}a:not([class]){text-decoration-skip-ink:auto}img,picture{max-width:100%;display:block;object-fit:cover}input,button,select{font:inherit}@media (prefers-reduced-motion: reduce){html:focus-within{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@font-face{font-family:DM Sans;src:url(/weather-app/assets/DMSans-Light-CKgP1NMJ.woff2) format("woff2"),url(/weather-app/assets/DMSans-Light-BxBkzMC_.woff) format("woff");font-weight:300}@font-face{font-family:DM Sans;src:url(/weather-app/assets/DMSans-Medium-C9Gyiw8F.woff2) format("woff2"),url(/weather-app/assets/DMSans-Medium-Bp5jvE9e.woff) format("woff");font-weight:500}@font-face{font-family:DM Sans;src:url(/weather-app/assets/DMSans-SemiBold-Bk1I-qmQ.woff2) format("woff2"),url(/weather-app/assets/DMSans-SemiBold-nk_sq9QF.woff) format("woff");font-weight:600}@font-face{font-family:DM Sans;src:url(/weather-app/assets/DMSans-SemiBoldItalic-QpDAMc-0.woff2) format("woff2"),url(/weather-app/assets/DMSans-SemiBoldItalic-DhVqXH2i.woff) format("woff");font-weight:600;font-style:italic}@font-face{font-family:DM Sans;src:url(/weather-app/assets/DMSans-Bold-BR7eNmIG.woff2) format("woff2"),url(/weather-app/assets/DMSans-Bold-hk2-UalZ.woff) format("woff");font-weight:700}@font-face{font-family:Bricolage Grotesque;src:url(/weather-app/assets/BricolageGrotesque-Bold-Cfdqxc8M.woff2) format("woff2"),url(/weather-app/assets/BricolageGrotesque-Bold-CvBiSvZi.woff) format("woff");font-weight:700}body{margin:0;min-height:100dvh;text-rendering:optimizeSpeed;line-height:1.2;font-family:DM Sans,sans-serif;font-weight:500;font-size:1.125rem;background-color:#03012d;color:#fff}.api-error{padding-block-start:var(--padding-block-start);--padding-block-start: clamp(1rem, .5229007634rem + 2.0356234097vw, 1.5rem)}@media (min-width: 48em){.api-error{--padding-block-start: clamp(1.5rem, -4.5rem + 12.5vw, 3rem)}}.api-error{display:grid;grid-auto-flow:row;gap:1.5rem;justify-items:center;text-align:center}.api-error__icon>*{width:2.625rem;height:3.125rem}.btn{display:inline-flex;align-items:center;justify-content:center;line-height:1;text-align:center;border:none;background:var(--button-bg);color:var(--button-text);cursor:pointer}.btn:focus-visible{outline:none;outline:.125rem solid var(--button-outline, hsl(0, 0%, 100%));outline-offset:.25rem}.btn[data-variant=ripple]{--animation-duration: .8s;--animation-delay: .1s;position:relative;z-index:1;transition:color calc(var(--animation-duration) / 2);will-change:color;isolation:isolate;overflow:hidden}.btn[data-variant=ripple]:before,.btn[data-variant=ripple]:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;aspect-ratio:1;border-radius:50%;opacity:0;transform:scale(0)}.btn[data-variant=ripple]:before{width:.5rem;background-color:var(--button-hover-bg, hsl(243, 23%, 24%));transition-delay:var(--animation-delay);z-index:-1}.btn[data-variant=ripple]:after{width:1rem;background-color:var(--button-hover-bg-secondary, rgba(38.607, 37.23, 64.77, .9));z-index:-2}.btn[data-variant=ripple]:hover:before,.btn[data-variant=ripple]:hover:after{animation-name:expand;animation-duration:var(--animation-duration);animation-timing-function:ease-in-out;animation-fill-mode:forwards}.btn[data-variant=ripple]:not(:hover):not(:focus-visible):before,.btn[data-variant=ripple]:not(:hover):not(:focus-visible):after{animation:shrink;animation-duration:var(--animation-duration);animation-timing-function:ease-in-out;animation-fill-mode:forwards}.btn[data-variant=scale-up]>svg{transition:transform .3s ease-in}.btn[data-variant=scale-up]:hover>svg{transform:scale(1.25)}.btn[data-type=search]{--button-bg: hsl(233, 67%, 56%);--button-text: hsl(0, 0%, 100%);--button-outline: hsl(233, 67%, 56%);--button-hover-bg: hsl(248, 70%, 36%);--button-hover-bg-secondary: rgba(44.676, 27.54, 156.06, .5);align-self:stretch;font-size:1.25rem;font-weight:500;padding-block:1rem;padding-inline:1.5rem;border-radius:.75rem}.btn[data-type=error]{padding-block:.75rem;padding-inline:1rem;border-radius:.5rem;gap:.625rem;background-color:#262541;color:#fff}.btn[data-type=toggle]:focus-visible:before,.btn[data-type=toggle]:focus-visible:after{animation:expand .5s ease-in-out forwards}[data-state=open] .btn[data-type=toggle]:not(:hover):not(:focus-visible):before,[data-state=open] .btn[data-type=toggle]:not(:hover):not(:focus-visible):after{animation-name:none}.search-menu__suggestion-list .btn[data-type=toggle],.custom-select__dropdown--weekdays .btn[data-type=toggle]{justify-content:start}.search-menu__suggestion-list .btn[data-type=toggle]:hover,.search-menu__suggestion-list .btn[data-type=toggle].selected,.search-menu__suggestion-list .btn[data-type=toggle].highlighted,.custom-select__dropdown--weekdays .btn[data-type=toggle]:hover,.custom-select__dropdown--weekdays .btn[data-type=toggle].selected,.custom-select__dropdown--weekdays .btn[data-type=toggle].highlighted{border:1px solid hsl(243,23%,30%)}.search-menu__suggestion-list .btn[data-type=toggle].selected:before,.search-menu__suggestion-list .btn[data-type=toggle].selected:after,.custom-select__dropdown--weekdays .btn[data-type=toggle].selected:before,.custom-select__dropdown--weekdays .btn[data-type=toggle].selected:after{animation:expand .5s ease-in-out forwards}.search-menu__suggestion-list .btn[data-type=toggle]:not(.selected):not(:hover):not(:focus-visible):before,.search-menu__suggestion-list .btn[data-type=toggle]:not(.selected):not(:hover):not(:focus-visible):after,.search-menu__suggestion-list .btn[data-type=toggle].highlighted,.custom-select__dropdown--weekdays .btn[data-type=toggle]:not(.selected):not(:hover):not(:focus-visible):before,.custom-select__dropdown--weekdays .btn[data-type=toggle]:not(.selected):not(:hover):not(:focus-visible):after,.custom-select__dropdown--weekdays .btn[data-type=toggle].highlighted{animation-name:none}.search-menu__suggestion-list .btn[data-type=toggle]:after{background-color:var(--button-hover-bg, hsl(243, 23%, 24%))}.btn[data-type=units]:focus-visible:before,.btn[data-type=units]:focus-visible:after{animation:expand .5s ease-in-out forwards}[data-state=open] .btn[data-type=units]:not(:hover):not(:focus-visible):before,[data-state=open] .btn[data-type=units]:not(:hover):not(:focus-visible):after{animation-name:none}.btn[data-type=icon] svg{inline-size:2.25rem;block-size:2.25rem}.btn[data-type=icon].filled svg{fill:currentColor}.btn[data-type=clear]{--button-hover-bg: hsl(28, 100%, 52%);--button-hover-bg-secondary: rgba(255, 124.44, 10.2, .5);border:1px solid hsl(28,100%,52%);padding-block:.75rem;padding-inline:1.25rem;color:#ff7c0a;display:flex;gap:1rem}.btn[data-type=clear]:hover{color:#03012d}.btn[data-type=tool]{--button-hover-bg: hsl(233, 67%, 56%);--button-hover-bg-secondary: clr(tools-btn-bg-hover-secondary);border-radius:50%;padding:.625rem}@keyframes expand{0%{opacity:0;transform:scale(0)}20%{opacity:1}to{opacity:1;transform:scale(100)}}@keyframes shrink{0%{opacity:1;transform:scale(100)}80%{transform:scale(0)}to{opacity:0;transform:scale(0)}}.comparison-view{--card-base-width: 15rem;margin-block-start:2rem;display:grid;grid-auto-flow:row;gap:2rem}.comparison-view>h2{font-size:1.75rem;font-style:italic}@media screen and (max-width: 23.4375em){.comparison-view>h2{text-align:center}}.comparison-view--empty{max-inline-size:35rem;margin-inline:auto}@media screen and (max-width: 23.4375em){.comparison-view--empty{text-align:center}}.comparison-view__list{padding:0;margin:0}.comparison-view .weather-tile__details{margin-block-start:1rem}.comparison-view .btn{border-radius:.5rem}.comparison-view .btn:not(.btn[data-type=clear]){padding:.5rem;aspect-ratio:1;justify-self:end}.custom-select{display:flex;flex-direction:column;position:relative}.custom-select__button{justify-self:end;gap:.75rem;padding-inline:1rem;padding-block:.75rem;border-radius:.5rem;background-color:#272541}.weather-hourly .custom-select__button{padding-block:.5rem;background-color:#3d3b5e}@media screen and (max-width: 23.4375em){.units-menu .custom-select__button{padding-inline:.625rem;padding-block:.5rem}}.custom-select__selected-value,.custom-select__label{font-size:1rem}.custom-select__dropdown{position:absolute;right:0;top:100%;z-index:2;list-style:none;width:13.375rem;margin:.5rem 0 0;display:grid;grid-auto-flow:row;gap:.5rem;background-color:#272541;border:1px solid hsl(243,23%,30%);border-radius:.75rem;padding-block:.5rem;padding-inline:.5rem}.custom-select__dropdown--units{z-index:11;padding-inline:.375rem}.custom-select__dropdown--units>*+*{display:grid;grid-auto-flow:row;gap:.5rem}.custom-select__dropdown--units>*:not(:first-child,:nth-child(2)){position:relative}.custom-select__dropdown--units>*:not(:first-child,:nth-child(2)):before{content:"";position:absolute;top:-.25rem;width:100%;height:1px;background-color:#3d3b5e}.custom-select__dropdown--weekdays{z-index:12}.custom-select__dropdown--weekdays>*{padding-inline:.5rem;padding-block:.625rem}.custom-select__dropdown li{display:grid;grid-auto-flow:row}.custom-select__category{padding-inline:.5rem;padding-block-start:.375rem;padding-block-end:0;margin-bottom:2px;font-size:.875rem;color:#aeaeb7}.custom-select__toggle{justify-self:stretch;padding-inline:.5rem;padding-block:.625rem;border-radius:.5rem;display:grid;grid-auto-flow:column;justify-content:space-between;font-size:1rem}.favourites{margin-block-start:2rem;display:grid;grid-auto-flow:row;gap:2rem}.favourites h2{font-size:1.75rem;font-style:italic}.favourites--empty{max-inline-size:35rem;margin-inline:auto}.favourites__list{padding:0;margin:0;margin-block-start:1rem;display:grid;grid-auto-flow:row;gap:1.5rem}.favourites__list__item{display:grid;grid-auto-flow:column;grid-template-columns:1fr repeat(2,auto);gap:1rem;padding-inline:.5rem;padding-block:.625rem;position:relative}.favourites__list__item+.favourites__list__item:before{content:"";position:absolute;top:-.75rem;width:100%;height:1px;background-color:#3d3b5e}.favourites__list dl{display:grid;grid-auto-flow:column;grid-auto-columns:max-content;gap:0 1rem}.favourites__list dt{font-size:1rem;font-weight:300}.favourites__list dt:first-of-type{grid-column:1;grid-row:1}.favourites__list dd:first-of-type{grid-column:2;grid-row:1}.favourites__list dt:nth-of-type(2),.favourites__list dd:nth-of-type(2){grid-row:2}.favourites .btn{border-radius:.5rem}.favourites .btn:not(.btn[data-type=clear]){padding:0;aspect-ratio:1}.loading__icon{animation-name:rotate;animation-duration:1.2s;animation-timing-function:linear;animation-iteration-count:infinite}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(350deg)}}.modal{background-color:#272541;border:1px solid hsl(243,23%,30%);border-radius:.75rem;padding-block:2rem;padding-inline:2rem;color:#fff}.modal__content{display:grid;grid-auto-flow:row}.modal__content>.btn{justify-self:end;padding:0}.modal::backdrop{background-color:#272541cc}@supports (-webkit-backdrop-filter: none) or (backdrop-filter: none){.modal::backdrop{-webkit-backdrop-filter:blur(.375rem);backdrop-filter:blur(.375rem)}}.modal[data-state=closed]{display:none}.modal[data-state=opened]{animation:revealDialog;animation-duration:.6s;animation-timing-function:ease-out;animation-fill-mode:forwards}.modal[data-state=opened]::backdrop{animation:fadeInBackdrop;animation-duration:.6s;animation-timing-function:ease-out;animation-fill-mode:forwards}.modal[data-state=is-closing]{animation:hideDialog;animation-duration:.6s;animation-timing-function:ease-in-out;animation-fill-mode:forwards}.modal[data-state=is-closing]::backdrop{animation:fadeOutBackdrop;animation-duration:.6s;animation-timing-function:ease-in-out;animation-fill-mode:forwards}@keyframes revealDialog{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes hideDialog{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.8)}}@keyframes fadeInBackdrop{0%{opacity:0}to{opacity:.95}}@keyframes fadeOutBackdrop{0%{opacity:.95}to{opacity:0}}.primary-header{padding-block-start:var(--padding-block-start);--padding-block-start: clamp(1rem, .5229007634rem + 2.0356234097vw, 1.5rem)}@media (min-width: 48em){.primary-header{--padding-block-start: clamp(1.5rem, -4.5rem + 12.5vw, 3rem)}}.primary-header__wrapper{display:flex;align-items:center;justify-content:space-between;gap:2rem}@media screen and (max-width: 23.4375em){.primary-header__wrapper{max-height:33px}}.primary-header__wrapper>*{flex-shrink:1}.primary-header .logo{justify-self:start}@media screen and (max-width: 23.4375em){.primary-header .logo{max-height:100%}}*{scrollbar-width:thin;scrollbar-color:hsl(243,23%,30%) transparent}*:hover{scrollbar-color:hsl(240,6%,70%) transparent}::-webkit-scrollbar{width:.5rem}::-webkit-scrollbar-thumb{background-color:#3d3b5e;border-radius:5px;border:1px solid #3c3b5e}::-webkit-scrollbar-thumb:hover{background-color:#aeaeb7;border-radius:5px}::-webkit-scrollbar-track{background-color:transparent;border-radius:5px}html{scrollbar-gutter:stable}.search h1{margin-block:var(--margin-block);font-family:Bricolage Grotesque,serif;font-size:3.25rem;text-align:center;--margin-block: clamp(3rem, -1rem + 8.3333333333vw, 4rem)}.search-menu{margin-inline:auto}@media screen and (min-width: 50em){.search-menu{max-width:41rem}}.search-menu__suggestion-list{position:absolute;inset:100% 0 0 auto;z-index:100;width:100%;height:max-content;margin:.5rem 0 0;isolation:isolate;list-style:none;display:grid;grid-auto-flow:row;gap:.25rem;background-color:#272541;border:1px solid hsl(243,23%,30%);border-radius:.75rem;padding-block:.5rem;padding-inline:.5rem}.search-menu__suggestion-list__item{justify-self:stretch;font-size:1rem;padding-inline:.5rem;padding-block:.625rem;border-radius:.5rem}.search-menu__suggestion-list--loading{min-height:100%}.search-menu__suggestion-list--loading__item{display:grid;grid-template-columns:min-content 1fr;gap:.625rem;align-items:center}.search-form{display:grid;grid-auto-flow:row;gap:.75rem;align-items:center;padding:0}@media screen and (min-width: 32em){.search-form{grid-template-columns:1fr max-content}}.search-form__control-wrapper{display:grid;grid-template-columns:min-content max-content;align-items:center;gap:0 clamp(.5rem,2.13vw + 8.02px,1rem);border-radius:.75rem;padding-block:1rem;padding-inline:1.5rem;background-color:#272541}@media screen and (max-width: 23.4375em){.search-form__control-wrapper{padding-inline:.75rem}}.search-form__control-wrapper{position:relative;isolation:isolate;z-index:10}.search-form__control-wrapper:focus-within{outline:none;outline:.125rem solid hsl(0,0%,100%);outline-offset:.25rem}.search-form__control-wrapper:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;display:block;background-color:#312f4b;border-radius:inherit;z-index:-1;opacity:0;transition:opacity .3s ease}.search-form__control-wrapper:hover:before{opacity:1}.search-form__control-wrapper label,.search-form__control-wrapper input{padding:0;margin:0;border:none;line-height:1}.search-form__control-wrapper label{display:grid;place-items:center}.search-form__control-wrapper input{border:none;background:transparent;font-size:1.25rem;font-weight:500;color:#fff}.search-form__control-wrapper input::placeholder{color:#d5d4d9}.search-form__control-wrapper input:focus-visible{outline:none}.skip-to-main-content{position:fixed;inset:0 auto auto 50%;z-index:100;padding:.5em 1.5em;font-size:1rem;font-weight:500;letter-spacing:.125rem;text-decoration:none;border-radius:.5rem;background-color:#4455da;color:#fff;transform:translate(-50%,-100%);transition:transform .35s ease-in-out}.skip-to-main-content:focus-visible{transform:translate(-50%);margin-block-start:.5rem;outline:none;outline:.125rem solid hsl(233,67%,56%);outline-offset:.25rem}.tools-menu{list-style:none;position:fixed;inset:auto 0 0 0;margin-block:0;margin-inline:auto;padding-block:.625rem;padding-inline:2rem;background-color:#2d1c9c;border-top:1px solid rgba(67.626,85.1666,217.974,.3);z-index:15;display:grid;grid-auto-flow:column;gap:0 1rem;place-content:center}@media screen and (min-width: 23.4375em){.tools-menu{inset:auto 0 0 auto;inline-size:fit-content;margin-inline-start:auto;border-radius:.75rem 0 0 .75rem;border:1px solid rgba(67.626,85.1666,217.974,.3)}}.tools-menu .btn{aspect-ratio:1/1}.tooltip{--tooltip-bg: hsl(243, 27%, 20%);--tooltip-text: hsl(0, 0%, 100%);position:relative;display:grid;place-content:center;aspect-ratio:1}.modal .tooltip{--tooltip-bg: hsl(243, 96%, 9%)}.tooltip__text{position:absolute;inset:auto auto 110% 50%;transform:translate(-50%);margin-block-end:.5rem;padding-block:.5rem;padding-inline:.75rem;background-color:var(--tooltip-bg);color:var(--tooltip-text);border-radius:.5rem;font-size:.875rem;line-height:1;text-align:center;opacity:0;transition:opacity .3s ease-in-out;z-index:20}.tooltip__text:after{content:"";position:absolute;inset:100% auto auto 50%;transform:translate(-50%);border-width:.375rem;border-style:solid;border-color:var(--tooltip-bg) transparent transparent}.tooltip:hover .tooltip__text,.tooltip:focus-within .tooltip__text{opacity:1}.weather{display:grid;gap:2rem}@media screen and (min-width: 62em){.weather{grid-template-columns:1fr minmax(18rem,24rem)}.weather-current{grid-column:1;grid-row:1}.weather-daily{grid-column:1;grid-row:2}.weather-hourly{grid-column:2;grid-row:1/span 2}}.weather-current{--flow-spacer: 1.25rem}.weather-current__highlighted-content{display:grid;grid-auto-flow:row;align-items:center;gap:2rem}@media screen and (min-width: 44em){.weather-current__highlighted-content{grid-auto-flow:column;justify-content:space-between}}@media screen and (min-width: 62em){.weather-current__highlighted-content{--flow-spacer: 2rem}}.weather-current__highlighted-content>header{--flow-spacer: .75rem;text-align:center}@media screen and (min-width: 44em){.weather-current__highlighted-content>header{text-align:left}}.weather-current__highlighted-content>*:not(header,.btn-container){display:grid;grid-auto-flow:row;align-items:center;justify-items:center;gap:.5rem}@media screen and (min-width: 23.4375em){.weather-current__highlighted-content>*:not(header,.btn-container){grid-template-columns:auto max-content;align-items:center;justify-content:center;gap:0 1.25rem}}.weather-current__details{--card-base-width: 9.5rem}@media screen and (min-width: 23.4375em){.weather-current__details[data-extended=true]{--card-base-width: 11.25rem}}.weather-current .weather-current--loading .stack-grid{border-radius:1.25rem;background-color:#262541;overflow:hidden}.weather-current .weather-current--loading .stack-grid>picture{width:100%;height:100%;max-height:16.75rem}.weather-current .weather-current--loading__highlighted-content{display:grid;place-items:center;gap:.5rem}.weather-current .weather-current--loading .loading__icon>*{width:3.5rem;height:3.5rem}.weather-daily{--flow-spacer: 1.25rem;--card-base-width: 5rem;align-self:start}@media screen and (min-width: 76em){.weather-daily{align-self:end}}.weather-daily ul{padding:0;margin-bottom:0;list-style:none}.weather-hourly{--flow-spacer: 1rem;height:43.3125rem;display:grid;flex-direction:row;background-color:#272541;border-radius:1.25rem;padding-block:var(--padding-block);padding-inline:var(--padding-inline);--padding-inline: clamp(1rem, .5229007634rem + 2.0356234097vw, 1.5rem);--padding-block: clamp(1rem, .5229007634rem + 2.0356234097vw, 1.5rem)}@media screen and (min-width: 60em) and (max-width: 70.0625em){.weather-hourly{max-height:59.25rem;height:100%}}.weather-hourly header{display:flex;align-items:center;justify-content:space-between}.weather-hourly__list{padding:0;margin-bottom:0;list-style:none;z-index:1;position:relative;display:grid;grid-auto-flow:row;gap:1rem;max-height:37rem;overflow-y:auto}@media screen and (min-width: 62em) and (max-width: 77em){.weather-hourly__list{max-height:56.125rem}}.weather-hourly__list>*{margin-right:.625rem}.weather-icon{inline-size:100%;block-size:100%;max-inline-size:var(--icon-size, 2.5rem);max-block-size:var(--icon-size, 2.5rem);display:grid}.weather-icon img{inline-size:inherit;block-size:inherit;max-block-size:100%;aspect-ratio:1}.weather-current .weather-icon{--icon-size: 7.5rem}.comparison-view .weather-icon{--icon-size: 5rem}.weather-tile{background-color:#272541;border:1px solid hsl(243,23%,30%);border-radius:.75rem;padding-block:1.25rem;padding-inline:1.25rem;color:#fff}.weather-tile__category{font-size:1.125rem;font-weight:500}.weather-tile dl{width:100%;display:flex;justify-content:space-between;font-size:.875rem}.weather-current .weather-tile__category{color:#d5d4d9}.weather-current .weather-tile__value{font-size:1.75rem;font-weight:300}.weather-daily .weather-tile{display:grid;grid-auto-flow:row;justify-items:center;padding-inline:.625rem;padding-block:1rem}.weather-daily .weather-tile__list{display:grid;grid-template-columns:repeat(2,1fr);justify-content:space-between;gap:.375rem 0}.weather-daily .weather-tile__icon,.weather-daily .weather-tile__time{grid-column:1/-1;justify-self:center}.weather-daily .weather-tile__icon{width:.9rem;height:.9rem;align-self:center}.weather-daily .weather-tile__icon svg{width:100%;height:100%}.weather-daily .weather-tile__temperature-max{grid-column:1}.weather-daily .weather-tile__temperature-min{grid-column:2;justify-self:end}.weather-daily--loading .weather-tile{height:10.3125rem}.weather-hourly .weather-tile{display:grid;grid-template-columns:auto 1fr;gap:0 .25rem;align-items:center;padding-inline-start:.75rem;padding-inline-end:1rem;padding-block:.625rem;border-radius:.5rem;background-color:#312f4b}.weather-hourly .weather-tile .weather-icon{grid-column:1}.weather-hourly--loading .weather-tile{height:3.75rem}.comparison-view .weather-tile{background-color:#312f4b;display:grid;gap:1rem}.comparison-view .weather-tile__header{display:grid;grid-auto-flow:row;justify-items:center;gap:1rem}@media screen and (min-width: 23.4375em){.comparison-view .weather-tile__header{grid-auto-flow:column;align-items:center;justify-content:space-between}}.comparison-view .weather-tile__header__text{text-align:center}@media screen and (min-width: 23.4375em){.comparison-view .weather-tile__header__text{text-align:start}}.weather-tile__details .weather-tile{display:grid;grid-auto-flow:column;background-color:#312e4d;gap:.25rem}.weather-tile__details .weather-tile__category{font-size:.875rem;font-weight:500}.weather-tile__details .weather-tile__value{font-size:.875rem;font-weight:300}.grid-auto-fit{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(min(var(--card-base-width, 16rem),100%),1fr))}.stack-grid{--max-width: 55.9rem;--padding-inline: 1.5rem;position:relative;--padding-block: clamp(2.927rem, .9489465649rem + 8.4396946565vw, 5rem);display:grid;grid-template-columns:var(--padding-inline) min(100% - var(--padding-inline) * 2,var(--max-width)) var(--padding-inline);grid-template-rows:var(--padding-block) 1fr var(--padding-block)}.stack-grid>picture{width:100%;grid-column:1/-1;grid-row:1/-1;border-radius:1.25rem}.bg-img{width:100%;height:100%;border-radius:inherit}.main-content{grid-column:2/-2;grid-row:2}.btn-container{position:absolute;inset:var(--padding-inline) var(--padding-inline) auto auto;transform:translateY(0);display:grid;grid-auto-flow:column;align-items:center;justify-items:center;gap:.5rem}@media screen and (max-width: 23.4375em){.btn-container{grid-auto-flow:row;inset:50% auto auto calc(var(--padding-inline) / 2);transform:translateY(-50%)}}@media screen and (min-width: 23.4375em) and (max-width: 30em){.btn-container{grid-auto-flow:row;inset:35% auto auto calc(var(--padding-inline) / 2);transform:translateY(-35%)}}.btn-container svg{max-inline-size:1.5rem;max-block-size:1.5rem}.container{--padding-inline: clamp(1rem, -.2096774194rem + 5.1612903226vw, 1.5rem);--max-width: 60rem;width:min(100% - var(--padding-inline) * 2,var(--max-width));margin-inline:auto}.container[data-container=x-small]{--max-width: 35rem}.container[data-container=small]{--max-width: 50rem}.container[data-container=large]{--max-width: 76rem}.flow>*+*{margin-top:var(--flow-spacer, 1rem)}.fs-600{font-size:1.75rem}.fs-500{font-size:1.25rem}.fs-400{font-size:1.125rem}.fs-300{font-size:1rem}.fw-medium{font-weight:500}.fw-bold{font-weight:700}.section{padding-block:var(--padding-block);--padding-block: clamp(2rem, -2rem + 8.3333333333vw, 3rem)}.mx-auto{margin-inline:auto}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);border:0;white-space:nowrap}.text-preset-1{font-size:6rem;font-weight:600;font-style:italic;letter-spacing:-.125rem;line-height:1}.text-preset-2{font-family:Bricolage Grotesque,serif;font-size:3.25rem}.text-preset-4{font-size:1.75rem;font-weight:700}.text-preset-5{font-size:1.25rem;font-weight:600}.uppercase{text-transform:uppercase}