*,:after,:before{box-sizing:border-box}*{margin:0}@media(prefers-reduced-motion:no-preference){html{interpolate-size:allow-keywords}}body{-webkit-font-smoothing:antialiased;line-height:1.5}canvas,img,picture,svg,video{display:block;max-width:100%}button,input,select,textarea{font:inherit}h1,h2,h3,h4,h5,h6,p{overflow-wrap:break-word}p{text-wrap:pretty}h1,h2,h3,h4,h5,h6{text-wrap:balance}#__next,#root{isolation:isolate}:root{--neutral-900:#02012c;--neutral-800:#262540;--neutral-700:#302f4a;--neutral-600:#3c3b5e;--neutral-300:#acacb7;--neutral-200:#d4d3d9;--neutral-0:#fff;--faded:#acacb799;--orange-500:#ff820a;--blue-500:#4658d9;--blue-700:#2b1b9c;--fs-4xlg:6rem;--fs-3xlg:3.25rem;--fs-2xlg:2rem;--fs-xlg:1.75rem;--fs-lg:1.25rem;--fs-med:1.125rem;--fs-sm:1rem;--fs-xs:0.875rem;--ff-primary:"DM Sans",sans-serif;--ff-secondary:"Bricolage Grotesque",sans-serif;--fw-light:300;--fw-medium:500;--fw-semibold:600;--fw-bold:700;--text-preset-1:italic normal var(--fw-semibold) var(--fs-4xlg) /100% var(--ff-primary);--text-preset-2:normal normal var(--fw-bold) var(--fs-3xlg) /120% var(--ff-secondary);--text-preset-3:normal normal var(--fw-light) var(--fs-2xlg) /100% var(--ff-primary);--text-preset-4:normal normal var(--fw-bold) var(--fs-xlg) /120% var(--ff-primary);--text-preset-5:normal normal var(--fw-semibold) var(--fs-lg) /120% var(--ff-primary);--text-preset-5-md:normal normal var(--fw-medium) var(--fs-lg) /120% var(--ff-primary);--text-preset-6:normal normal var(--fw-medium) var(--fs-med) /120% var(--ff-primary);--text-preset-7:normal normal var(--fw-medium) var(--fs-sm) /120% var(--ff-primary);--text-preset-8:normal normal var(--fw-medium) var(--fs-xs) /120% var(--ff-primary);--sp-2:0.125rem;--sp-4:0.25rem;--sp-6:0.375rem;--sp-8:0.5rem;--sp-10:0.625rem;--sp-12:0.75rem;--sp-16:1rem;--sp-20:1.25rem;--sp-24:1.5rem;--sp-32:2rem;--sp-40:2.5rem;--sp-48:3rem;--sp-64:4rem;--sp-80:5rem;--sp-96:6rem;--sp-112:7rem;--sp-128:8rem;--sp-140:8.75rem;--radius-4:var(--sp-4);--radius-6:var(--sp-6);--radius-8:var(--sp-8);--radius-10:var(--sp-10);--radius-12:var(--sp-12);--radius-16:var(--sp-16);--radius-20:var(--sp-20);--radius-24:var(--sp-24);--radius-full:62.4375rem}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}*,:after,:before{box-sizing:inherit;margin:0;padding:0}html{font-style:normal;font-weight:400}body{position:relative}body,html{background:#02012c;background:var(--neutral-900);box-sizing:border-box;color:#fff;color:var(--neutral-0);font-family:DM Sans,sans-serif;font-family:var(--ff-primary);margin:0 auto;width:100%}img{display:block;height:auto;max-width:100%}.sr-only{clip:rect(0 0 0 0);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:.0625rem;overflow:hidden;position:absolute;white-space:nowrap;width:.0625rem}h2{font:normal normal 600 1.25rem/120% DM Sans,sans-serif;font:var(--text-preset-5);margin-bottom:1.25rem;margin-bottom:var(--sp-20)}.btn,h2{color:#fff;color:var(--neutral-0)}.btn{align-items:center;background-color:#0000;border:none;cursor:pointer;display:flex;gap:.375rem;gap:var(--sp-6);justify-content:center;margin:0;transition:all .3s ease-in-out}.btn-primary{background-color:#4658d9;background-color:var(--blue-500);border-radius:.75rem;border-radius:var(--sp-12);color:#fff;color:var(--neutral-0);font:normal normal 500 1.25rem/120% DM Sans,sans-serif;font:var(--text-preset-5-md);height:3.5rem;width:100%}.btn-primary:hover{background-color:#2b1b9c;background-color:var(--blue-700)}.btn-primary:focus{outline:.125rem solid #4658d9;outline:.125rem solid var(--blue-500);outline-offset:.125rem}@media(min-width:48em){.btn-primary{flex-shrink:0;width:7.125rem}}.btn-primary:disabled{background-color:#4658d9;background-color:var(--blue-500);cursor:not-allowed;opacity:.6}.btn-secondary{background-color:#262540;background-color:var(--neutral-800);border-radius:.375rem;border-radius:var(--sp-6);font:normal normal 500 .875rem/120% DM Sans,sans-serif;font:var(--text-preset-8);height:2.0625rem;padding-inline:.625rem;padding-inline:var(--sp-10)}.btn-secondary img{height:.875rem;width:.875rem}@media(min-width:48em){.btn-secondary{gap:.625rem;gap:var(--sp-10);height:2.6875rem;padding-inline:1rem;padding-inline:var(--sp-16)}.btn-secondary img{height:1rem;height:var(--sp-16);width:1rem;width:var(--sp-16)}}.btn-toggle{background-color:#0000;border-radius:.5rem;border-radius:var(--radius-8);color:#fff;color:var(--neutral-0);font:normal normal 500 1rem/120% DM Sans,sans-serif;font:var(--text-preset-7);height:2.4375rem;justify-content:flex-start;padding-inline:.5rem;padding-inline:var(--sp-8);width:100%}.btn-toggle span{text-transform:capitalize}.btn-toggle:focus,.btn-toggle:hover{background-color:#302f4a;background-color:var(--neutral-700)}.btn-toggle:focus{box-shadow:0 0 0 .125rem #262540,0 0 0 .1875rem #fff;box-shadow:0 0 0 .125rem var(--neutral-800),0 0 0 .1875rem var(--neutral-0);outline:1px solid #fff;outline:1px solid var(--neutral-0);outline-offset:1px}.btn-unit{align-items:center;background-color:#0000;border:none;border-radius:.5rem;border-radius:var(--radius-8);color:#fff;color:var(--neutral-0);cursor:pointer;display:flex;font:normal normal 500 1rem/120% DM Sans,sans-serif;font:var(--text-preset-7);height:2.4375rem;justify-content:space-between;padding-inline:.5rem;padding-inline:var(--sp-8);transition:all .25s ease-in-out;width:100%}.btn-unit.active,.btn-unit:hover{background-color:#302f4a;background-color:var(--neutral-700)}.btn-container{display:flex;flex-direction:column;gap:.25rem;gap:var(--sp-4)}.btn-container .btn{background-color:#262540;background-color:var(--neutral-800);border-radius:.375rem;border-radius:var(--sp-6);font:normal normal 500 .875rem/120% DM Sans,sans-serif;font:var(--text-preset-8);height:2.0625rem;justify-content:left;padding-inline:.625rem;padding-inline:var(--sp-10);width:100%}.btn-container .btn.active,.btn-container .btn:hover{background-color:#302f4a;background-color:var(--neutral-700)}@media(min-width:48em){.btn-container .btn{gap:.625rem;gap:var(--sp-10);height:2.6875rem;padding-inline:1rem;padding-inline:var(--sp-16)}}.card{background-color:#262540;background-color:var(--neutral-800);border:1px solid #3c3b5e;border:1px solid var(--neutral-600);border-radius:.75rem;border-radius:var(--sp-12);display:flex;flex-direction:column;font:normal normal 500 1.125rem/120% DM Sans,sans-serif;font:var(--text-preset-6);height:7.375rem;justify-content:space-between;padding:1.25rem;padding:var(--sp-20)}.card__daily{align-items:center;height:10.3125rem;padding:.625rem .375rem;padding:var(--sp-10) var(--sp-6)}.card__daily .icon{width:3.75rem}.card .title{color:#d4d3d9;color:var(--neutral-200)}.card .day,.card .info{color:#fff;color:var(--neutral-0)}.card .info{font:normal normal 300 2rem/100% DM Sans,sans-serif;font:var(--text-preset-3)}.card .temp,.card__block{align-items:center;display:flex;font:normal normal 500 1rem/120% DM Sans,sans-serif;font:var(--text-preset-7);justify-content:space-between;width:100%}.card__block{background-color:#302f4a;background-color:var(--neutral-700);border:1px solid #3c3b5e;border:1px solid var(--neutral-600);border-radius:.5rem;border-radius:var(--sp-8);color:#fff;color:var(--neutral-0);flex-flow:row nowrap;flex-shrink:0;height:3.75rem;padding-inline:.75rem;padding-inline:var(--sp-12)}.card__block .time{align-items:center;display:flex;font:normal normal 500 1.25rem/120% DM Sans,sans-serif;font:var(--text-preset-5-md);gap:.5rem;gap:var(--sp-8);text-transform:uppercase}.card__hourly{gap:1rem;gap:var(--sp-16);height:43.3125rem;padding:1.25rem 1rem;padding:var(--sp-20) var(--sp-16);padding-right:0}.card__hourly .icon{width:2.5rem}.card__hourly .card__header{align-items:center;display:flex;justify-content:space-between;padding-right:1rem;padding-right:var(--sp-16)}.card__hourly .card__header h2{margin-bottom:0}.card__scroll{display:flex;flex-direction:column;gap:1rem;gap:var(--sp-16);overflow-y:auto;padding-right:1rem;padding-right:var(--sp-16)}.card__scroll::-webkit-scrollbar{width:.375rem}.card__scroll::-webkit-scrollbar-track{border-radius:.25rem;-webkit-box-shadow:inset 0 0 6px #0000004d}.card__scroll::-webkit-scrollbar-thumb{background-color:#302f4a;background-color:var(--neutral-700);border:1px solid #3c3b5e;border:1px solid var(--neutral-600);border-radius:.25rem;-webkit-box-shadow:inset 0 0 6px #00000080}.container{display:flex;flex-direction:column;margin:0 auto;max-width:76rem;padding:1rem;padding:var(--sp-16);width:100%}@media(min-width:48em){.container{padding:1.5rem;padding:var(--sp-24)}}@media(min-width:64em){.container{padding:3rem 0;padding:var(--sp-48) 0}}.dropdown{position:relative}.dropdown .btn-secondary{background-color:#3c3b5e;background-color:var(--neutral-600);width:7.5rem}.dropdown__content,.dropdown__search{background-color:#262540;background-color:var(--neutral-800);border:1px solid #3c3b5e;border:1px solid var(--neutral-600);border-radius:.75rem;border-radius:var(--radius-12);cursor:pointer;height:auto;min-width:100%;padding:.375rem .5rem;padding:var(--sp-6) var(--sp-8);position:absolute;right:0;top:2.6875rem;width:13.375rem;z-index:9999}.dropdown__content::-webkit-scrollbar,.dropdown__search::-webkit-scrollbar{height:0;width:0}.dropdown__search{max-width:32.875rem;top:4.125rem;width:100%}.dropdown__search img.loading{animation:spin 3s linear infinite;margin-right:.625rem;margin-right:var(--sp-10);transform-origin:50% 50%}.dropdown__content{--ms-overfly-style:none;opacity:0;overflow-y:scroll;pointer-events:none;scrollbar-width:none;transform:translateY(-5%);transition:transform .15s ease-in-out,opacity .1s ease-in-out}.dropdown__content.content-open{opacity:1;pointer-events:all;transform:translateY(0)}@media(min-width:48em){.dropdown__content{top:3.3125rem}}.attribution{font-size:.6875rem;margin-top:3rem;margin-top:var(--sp-48);text-align:center}.attribution a{color:#ff820a;color:var(--orange-500)}.header{align-items:center;display:flex;justify-content:space-between;margin:0 auto;width:100%}.header__logo img{display:block;height:auto;width:8.625rem}.header__units{position:relative}@media(min-width:48em){.header__logo img{width:12.3125rem}}.hero{align-items:center;background-image:url(/fem-weather-app/static/media/bg-today-small.cd99d8d596b67e82e0ca.svg);background-position:top;background-repeat:no-repeat;background-size:cover;border-radius:1.25rem;border-radius:var(--sp-20);display:flex;flex-flow:column nowrap;height:17.875rem;justify-content:space-between;padding:2.5rem 0;padding:var(--sp-40) 0}.hero__header{text-align:center;width:100%}.hero h2{font:normal normal 700 1.75rem/120% DM Sans,sans-serif;font:var(--text-preset-4);margin:0 0 .75rem;margin-bottom:var(--sp-12);padding:0}.hero p{color:#d4d3d9;color:var(--neutral-200);font:normal normal 500 1.125rem/120% DM Sans,sans-serif;font:var(--text-preset-6)}.hero__body{align-items:center;display:flex;justify-content:space-between;width:100%}.hero__body .icon{display:block;height:auto;width:7.5rem}.hero__body .temp{font:italic normal 600 6rem/100% DM Sans,sans-serif;font:var(--text-preset-1);letter-spacing:-.125rem;margin-right:1.5rem;margin-right:var(--sp-24)}.hero__info{grid-gap:1rem;grid-gap:var(--sp-16);display:grid;gap:1rem;gap:var(--sp-16);grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr)}@media(min-width:48em){.hero__info{gap:1.25rem;gap:var(--sp-20);grid-template-columns:repeat(4,1fr);grid-template-rows:1fr}.hero{background-image:url(/fem-weather-app/static/media/bg-today-large.0ea745fe7292037130ab.svg);flex-flow:row nowrap;height:17.875rem;padding-inline:1.5rem;padding-inline:var(--sp-24)}.hero__header{text-align:left;width:auto}.hero__body{width:18.375rem}}.hero__wrapper{display:flex;flex-direction:column;gap:2rem;gap:var(--sp-32)}.hero.loading{background-color:#262540;background-color:var(--neutral-800);background-image:none;color:#d4d3d9;color:var(--neutral-200);font:normal normal 500 1.125rem/120% DM Sans,sans-serif;font:var(--text-preset-6);gap:.875rem;justify-content:center}.hero.loading img{animation:spin 3s linear infinite;height:3.75rem;transform-origin:50% 50%}@media(min-width:48em){.hero.loading{flex-direction:column}}.searchbox{display:flex;flex-direction:column;gap:3rem;gap:var(--sp-48);padding:3rem 0 2rem;padding:var(--sp-48) 0 var(--sp-32)}.searchbox h1{font:normal normal 700 3.25rem/120% Bricolage Grotesque,sans-serif;font:var(--text-preset-2);letter-spacing:0;margin:0;text-align:center}.searchbox form{display:flex;flex-direction:column;gap:.75rem;gap:var(--sp-12)}@media(min-width:48em){.searchbox form{flex-direction:row;gap:1rem;gap:var(--sp-16);height:3.5rem;margin-inline:auto;position:relative;width:100%}.searchbox form .input{width:100%}.searchbox form input{height:3.5rem;transition:background-color .3s ease-in-out}.searchbox form input:active,.searchbox form input:hover{background-color:#302f4a;background-color:var(--neutral-700)}.searchbox form input:focus{box-shadow:0 0 0 .1875rem #02012c,0 0 0 .3125rem #fff;box-shadow:0 0 0 .1875rem var(--neutral-900),0 0 0 .3125rem var(--neutral-0);color:#acacb799;color:var(--faded);outline:.125rem solid #fff;outline:.125rem solid var(--neutral-0);outline-offset:.125rem}}@media(min-width:64em){.searchbox{gap:4rem;gap:var(--sp-64);padding:4rem 0 3rem;padding:var(--sp-64) 0 var(--sp-48)}.searchbox form{max-width:41rem}.searchbox form input{width:32.875rem}}input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27%23777%27><path d=%27M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z%27/></svg>");cursor:pointer;height:1.5625rem;margin-right:1.25rem;width:1.5625rem}.input{position:relative}.input__icon{left:1.5rem;left:var(--sp-24);position:absolute;top:50%;transform:translateY(-50%)}.input input{align-items:center;background-color:#262540;background-color:var(--neutral-800);border:none;border-radius:.75rem;border-radius:var(--sp-12);color:#d4d3d9;color:var(--neutral-200);display:flex;font:normal normal 500 1.25rem/120% DM Sans,sans-serif;font:var(--text-preset-5-md);height:3.5rem;padding-left:4.5rem;width:100%}.input input::placeholder{color:currentColor}.unit{display:flex;flex-direction:column;gap:.25rem;gap:var(--sp-4)}.unit h3{color:#acacb7;color:var(--neutral-300);font:normal normal 500 .875rem/120% DM Sans,sans-serif;font:var(--text-preset-8);margin:0 0 0 .5rem;margin-left:var(--sp-8);text-transform:capitalize}.unit>div{margin-bottom:.25rem;margin-bottom:var(--sp-4)}.unit:not(:last-child){border-bottom:1px solid #3c3b5e;border-bottom:1px solid var(--neutral-600);margin-bottom:.625rem;margin-bottom:var(--sp-10);padding-bottom:.25rem;padding-bottom:var(--sp-4)}.unit-item{align-items:center;background-color:#0000;border:none;border-radius:.5rem;border-radius:var(--radius-8);color:#fff;color:var(--neutral-0);display:flex;font:normal normal 500 1rem/120% DM Sans,sans-serif;font:var(--text-preset-7);height:2.4375rem;justify-content:space-between;padding-inline:.5rem;padding-inline:var(--sp-8);position:relative;transition:all .25s ease-in-out;width:100%}.unit-item.active,.unit-item:hover{background-color:#302f4a;background-color:var(--neutral-700)}.grid{grid-gap:2rem;grid-gap:var(--sp-32);display:grid;gap:2rem;gap:var(--sp-32)}.grid__daily{gap:1rem;gap:var(--sp-16);grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr)}@media(min-width:48em){.grid__daily{grid-template-columns:repeat(7,1fr);grid-template-rows:1fr}}@media(min-width:64em){.grid.results{gap:2rem;gap:var(--sp-32);grid-template-columns:50rem 1fr;grid-template-rows:1fr}.grid.no-results{font:normal normal 700 1.75rem/120% DM Sans,sans-serif;font:var(--text-preset-4);text-align:center}}.col-left{gap:2rem;gap:var(--sp-32);justify-content:space-between}.col-left,.error{display:flex;flex-direction:column}.error{align-items:center;gap:1.5rem;margin-top:4rem;margin-top:var(--sp-64);margin-inline:auto;max-width:35.625rem;padding:2.5rem 0;padding:var(--sp-40) 0;text-align:center;width:100%}.error__img{display:block;height:auto;max-width:2.625rem;width:100%}.error h1{color:#fff;color:var(--neutral-0);font:normal normal 700 3.25rem/120% Bricolage Grotesque,sans-serif;font:var(--text-preset-2);margin:0;padding:0}.error p{color:#d4d3d9;color:var(--neutral-200);font:normal normal 500 1.25rem/120% DM Sans,sans-serif;font:var(--text-preset-5-md)}
/*# sourceMappingURL=main.204ba5bf.css.map*/