@keyframes slide-rotate-hor-bottom{0%{-webkit-transform:translateY(0) rotateX(0deg);transform:translateY(0) rotateX(0)}to{-webkit-transform:translateY(15px) rotateX(90deg);transform:translateY(15px) rotateX(90deg)}}.slide-rotate-hor-bottom{-webkit-animation:slide-rotate-hor-bottom .5s cubic-bezier(.25,.46,.45,.94) both;animation:slide-rotate-hor-bottom .5s cubic-bezier(.25,.46,.45,.94) both}.slower-slide-rotate-hor-bottom{-webkit-animation:slide-rotate-hor-bottom 1s cubic-bezier(.25,.46,.45,.94) both;animation:slide-rotate-hor-bottom 1s cubic-bezier(.25,.46,.45,.94) both}@keyframes slide-rotate-hor-top{0%{-webkit-transform:translateY(15px) rotateX(90deg);transform:translateY(15px) rotateX(90deg)}to{-webkit-transform:translateY(0) rotateX(0deg);transform:translateY(0) rotateX(0)}}.slide-rotate-hor-top{-webkit-animation:slide-rotate-hor-top .5s cubic-bezier(.25,.46,.45,.94) both;animation:slide-rotate-hor-top .5s cubic-bezier(.25,.46,.45,.94) both}.slower-slide-rotate-hor-top{-webkit-animation:slide-rotate-hor-top .8s cubic-bezier(.25,.46,.45,.94) both;animation:slide-rotate-hor-top .8s cubic-bezier(.25,.46,.45,.94) both}@keyframes scale-up-hor-center{0%{-webkit-transform:scaleX(.4);transform:scaleX(.4)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.scale-up-hor-center{-webkit-animation:scale-up-hor-center .4s cubic-bezier(.39,.575,.565,1) both;animation:scale-up-hor-center .4s cubic-bezier(.39,.575,.565,1) both}*,*:after,*:before{margin:0;padding:0;box-sizing:border-box;scrollbar-color:transparent transparent}* ::-webkit-scrollbar-color,*:after ::-webkit-scrollbar-color,*:before ::-webkit-scrollbar-color{background-color:transparent}:root{--primary-color: #ffe142}body{box-sizing:border-box;background-color:var(--primary-color)}html{font-size:62.5%;font-family:SF Compact Display,sans-serif}@font-face{font-family:SF Compact Display;font-weight:400;src:url(/assets/SFCompactDisplay-Regular-5cf6034d.otf)}@font-face{font-family:SF Compact Display;font-weight:500;src:url(/assets/SFCompactDisplay-Medium-b2e601c6.otf)}@font-face{font-family:SF Compact Display;font-weight:600;src:url(/assets/SFCompactDisplay-Bold-8ef3b846.otf)}.text-bold{font-weight:600}.heading-primary{font-size:2.4rem;font-weight:600;text-align:center}.center-text{text-align:center}.small-light-text{font-size:1.4rem}.medium-light-text{font-size:1.8rem}.large-text{font-size:20rem}.m-bottom-small{margin-bottom:1.4rem}.m-bottom-medium{margin-bottom:3.2rem}.hidden{opacity:0;display:none;visibility:hidden}.advanced-info{display:flex;justify-content:space-around;align-items:center;margin-bottom:4rem;padding:3rem 0;border-radius:1rem;background-color:#000;color:var(--primary-color)}.advanced-info__item{text-align:center;flex:1}.advanced-info__value{font-size:1.8rem;font-weight:500}.advanced-info__img{width:3.5rem;fill:var(--primary-color)}.btn{background:transparent;border:0}.daily-forecast{display:none;justify-content:space-between;align-items:flex-start;margin-bottom:2.4rem;overflow:overlay;border:1px solid black;border-radius:1rem;padding:.5rem 0;gap:3%}.daily-forecast__item{flex:1;text-align:center;padding:.5rem 2rem}.daily-forecast__temperature{font-size:1.8rem}.daily-forecast__weathercode{width:3rem}.daily-summary{line-height:1.5;font-weight:500;margin-bottom:2.4rem}.daily-summary__header{display:flex;align-items:center;justify-content:space-between}.daily-summary__get-full{display:flex;align-items:center;cursor:pointer}.suggestion{width:100%;border-bottom:1px solid black;padding:1rem 0}.suggestion__name{font-size:1.6rem}.suggestion__description{font-size:1.8rem;text-overflow:ellipsis}.suggestion:hover{filter:brightness(80%)}.today-forecast__date{color:var(--primary-color);background-color:#000;width:50%;line-height:1.6;max-width:300;border-radius:2rem;margin:0 auto 1.8rem}.today-forecast__daily-summary{line-height:1.5;font-weight:500;margin-bottom:2.4rem}.weekly-forecast{display:flex;justify-content:space-between;gap:3%;padding-bottom:2rem;overflow:auto}.weekly-forecast__item{flex:1;text-align:center;border:1px solid black;border-radius:1rem;padding:2rem}.weekly-forecast__date{font-size:1.4rem}.weekly-forecast__max-temp{font-size:1.8rem;font-weight:500}.weekly-forecast__weathercode{width:2rem}.header{display:grid;grid-template-columns:5rem 1fr 5rem;grid-template-rows:1fr;padding-top:2rem;position:relative}.header__searchbar-input{background:transparent;border:0;font-size:1.8rem;font-family:SF Compact Display,sans-serif}.header__searchbar-input:focus{outline:none}.header__suggestions-container{position:absolute;top:100%;width:100%;grid-column-start:2;grid-column-end:3;max-height:20rem;height:auto;overflow-y:auto;background-color:var(--primary-color);border-bottom:2px solid black;z-index:9999;box-shadow:2px 4px 4px 1px #0000001a;display:grid;grid-template-rows:repeat(3,auto);grid-template-rows:auto}.main{padding:0 3.6rem}