@import url(https://fonts.googleapis.com/css2?family=Libre+Franklin:wght@300;500;600;800&display=swap);body{margin:0;font-family:"Roboto",sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}*{font-family:"Libre Franklin",sans-serif,"Roboto",-apple-system,BlinkMacSystemFont,"Segoe UI","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue";color:#1a3754;-ms-overflow-style:none;scrollbar-width:none}* ::-webkit-scrollbar{display:none}* a{text-decoration:none}* h3{font-size:1.3rem;font-weight:500}* h1,* h2,* h3{margin:3% 0 2% 35px}input:-webkit-autofill,input:-webkit-autofill:focus,input:-webkit-autofill:hover,select:-webkit-autofill,select:-webkit-autofill:focus,select:-webkit-autofill:hover,textarea:-webkit-autofill,textarea:-webkit-autofill:focus,textarea:-webkit-autofill:hover{border:none;-webkit-text-fill-color:#6166f7}.background{z-index:-10;display:grid;width:100vw;height:100vh;grid-template-columns:1fr 3fr;position:fixed;background-color:#0ff}.background__left{width:25vw;height:100%;background-color:#c9cfeb}.background__right{width:75vw;height:100%;background-color:#e4e7f3;display:grid;grid-template-areas:". . . . . . . . ." ". . . . . . . . ." ". . . . . . . . ." ". . . . . . . . ." ". . . . . . . . ." ". . . . . . . . ." ". . . . . . . . ." ". . . . . . . . ." ". . . . . . . . ." ". . . . . . . . ." ". . . . . . . . ." ". . . . . . . . ." ". . . . . . . . ." ". . . . . . . . ." ". . . . . . . . ." ". . . . . . . . ." ". . . . . . . . ." ". . . . . . . . ." ". . . . . . . . ." ". . . . . . . . ." ". . . . . . . . ." ". . . . . . . . ." ". . . . . . . . ." ". . . . . . . . ." ". . . . . . . . s"}.background__right .square{grid-area:s;display:flex;flex-flow:row wrap;justify-content:space-between;align-items:center;background-color:transparent;width:200px;height:200px}.background__right .square__dotted{background-color:#c0c7e1;border-radius:100%;width:6px;height:6px;margin:9px}.main{background-color:transparent;z-index:-5;width:100vw;height:100vh;position:relative;z-index:100;top:-3vh;display:flex;justify-content:center;align-items:center}.main__square{width:80vw;height:80vh;background-color:#fff;border-radius:1.5rem;display:grid;grid-template-columns:1fr 4.3fr}@media only screen and (max-width:768px){.main__square{position:relative}}.main__square__left{background-color:#6166f7;width:100%;height:100%;border-radius:1.5rem 0 0 1.5rem}.main__square__rigth__index{display:grid;grid-template-rows:75px 310px 2fr 2fr}.main__square__rigth__index,.main__square__rigth__settings{overflow:scroll;width:100%;height:100%;background-color:#fff;border-radius:0 1.5rem 1.5rem 0}.sidebar,.sidebar .burger{display:flex;justify-content:center;transition:all .3s}.sidebar .burger{background-color:transparent;border:none;border-radius:30px 0 0 0;width:4rem;height:4rem;flex-flow:column nowrap;align-items:center;z-index:200;position:fixed;cursor:pointer}.sidebar .burger div{margin-top:8px;width:35px;height:3px;background-color:#f3f6fb;transform-origin:0}@media only screen and (min-width:920px){.sidebar .burger{display:none}}.sidebar .mobile-block,.sidebar .mobile-menu{display:flex;justify-content:center;align-items:center;transition:all .3s;opacity:0;width:5vw;height:80vh;position:fixed;left:10vw;border-radius:1.5rem 0 0 1.5rem;background-color:#6166f7}@media only screen and (min-width:920px){.sidebar .mobile-block,.sidebar .mobile-menu{display:none}}.sidebar .mobile-block{opacity:0;z-index:10}@media only screen and (min-width:920px){.sidebar .mobile-block{display:none}}.sidebar-desk{display:none}@media only screen and (min-width:920px){.sidebar-desk{display:flex;justify-content:space-evenly;flex-flow:column nowrap}.sidebar-desk .navbar{height:50px;width:100%;display:flex;flex-flow:column nowrap;margin-top:30px}.sidebar-desk .navbar__settings{display:flex;align-items:center;justify-content:flex-start;width:100%;cursor:pointer;border-left:3px solid transparent;outline:none;height:50px;margin-bottom:20px}.sidebar-desk .navbar__settings__p{margin-left:8%;font-size:1rem;font-weight:700;color:#fbfbff}.sidebar-desk .navbar__settings svg{margin-left:15%}.sidebar-desk .navbar__settings path{color:#c0c1fc;transition:all .3s}.sidebar-desk .navbar__settings path:focus{color:#fff}}.logo{display:flex;flex-flow:row nowrap;justify-content:center;align-items:center;width:100%;border-bottom:1px solid #5a5ef5;padding:25px}.logo__icon{width:19px;margin-right:5px}.logo__txt{color:#fff;font-weight:700;font-size:1rem}@media only screen and (max-width:300px){.logo__txt{font-size:.6rem}}.mobile-menu{display:flex;flex-flow:column nowrap}.mobile-menu__wrap{width:100%;height:90%;overflow:scroll;position:relative;top:4vh}.mobile-menu .navbar__settings{display:flex;justify-content:flex-start;align-items:center;margin-top:15px}.mobile-menu .navbar__settings p{color:#fff;font-weight:700}@media only screen and (max-width:300px){.mobile-menu .navbar__settings p{font-size:.8rem}}.mobile-menu .navbar__settings path{color:#c0c1fc}.sidebar .mobile-block,.sidebar .mobile-menu{z-index:100}.systemPattern{width:65vw}.systemPattern__values{display:flex;align-items:center;justify-content:flex-start;height:100%}.systemPattern__values__default{display:flex;flex-flow:column wrap;justify-content:center;align-items:center;background-color:#fcfcfc;border:1px solid #f4f4f4;padding:2.5%;border-radius:.8rem;margin-left:3%}.systemPattern__values__label{cursor:pointer}.systemPattern__values__radio{cursor:pointer;height:10px;width:10px;border-radius:100%}*{box-sizing:border-box;margin:0;padding:0}.carousel,.carousel .wrap-flex .item,.carousel .wrap-flex__cards-carousel,.carousel .wrap-flex__forecast{display:flex;justify-content:center;align-items:center;text-align:center}.carousel{background-color:hsla(0,0%,83.5%,0);overflow:scroll;height:250px}.carousel .wrap-flex__cards-carousel,.carousel .wrap-flex__forecast{justify-content:flex-start;background-color:transparent;overflow-y:hidden;height:100%;width:64.9vw}.carousel .wrap-flex__cards-carousel{width:64.8vw}.carousel .wrap-flex .item{background-color:azure;height:100%;flex:0 0 200px;padding:10px;margin-left:10px}.carousel button{position:-webkit-sticky;position:sticky;transition:all .5s;z-index:-2;opacity:0;outline:none;border:none;background-repeat:no-repeat;background-color:#6166f7;border-radius:.3rem;box-shadow:0 10px 15px -3px rgba(0,0,0,.235),0 4px 6px -2px rgba(0,0,0,.187);margin-left:-14px}.carousel .right{right:0}.carousel .left__cards-carousel{left:0;margin-left:-34px}.carousel__cards-carousel__style{height:135px!important}.baseleft{left:0;margin-left:-100px;width:60px}.baseleft,.baseright{position:-webkit-sticky;position:sticky;height:100%;background-color:hsla(0,0%,100%,.5882352941176471);top:0;z-index:-4;opacity:0;transition:all .5s}.baseright{right:0;width:80px}.forecast-cards{height:110%;margin:0 30px 0 0}.forecast-cards__item{display:grid;place-content:center;flex:0 0 300px;margin-left:10px;height:100%;font-weight:600;cursor:pointer;position:relative;transition:all .3s}.forecast-cards__item:hover{transform:translateY(-6px);color:#6166f7}.forecast-cards__item__img{font-weight:700;font-size:.7rem;display:grid;place-content:end;border-radius:1.4rem;width:250px;height:175px;margin-bottom:15px;background-repeat:no-repeat;background-position:50%;transition:all .3s;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05)}.forecast-cards__item__img:hover{box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(97,102,247,.392157)}.forecast-cards__item__img__icon{position:absolute;top:176px;right:6px}.forecast-cards__item__img__icon img{width:10px;height:10px;bottom:91px;right:8px}.forecast-cards__item__img__time{display:grid;place-content:center;background-color:#fff;width:70px;height:35px;border-radius:1rem 0 1rem 0}.side-bar-card__square__middle,.side-bar-card__square__middle__location,.side-bar-card__square__middle__temp{display:flex;justify-content:center;align-content:center}.form{margin-top:20px;margin-left:2%;display:flex;flex-flow:row nowrap}.form__search{transition:all .3s ease-in-out;background-color:#f3f6fb;outline:none;border:none;width:40px;height:40px;border-radius:.8rem;margin-right:10px;background-image:url(/static/media/searchIcon.eb824041.svg);background-repeat:no-repeat;background-position:50%;caret-color:#6166f7;cursor:pointer}.form__search:hover{z-index:10;background-color:#dce9ff}.form__input{height:40px;width:100%;margin-right:2%;outline:none;border:none;border-bottom:1px solid rgba(150,163,177,.1607843137254902);color:#6166f7;transition:all .3s}.form__input::-webkit-input-placeholder{color:#c6cbd4}.form__input:-ms-input-placeholder{color:#c6cbd4}.form__input::placeholder{color:#c6cbd4}.form__input:focus{border-bottom:1px solid #6166f7}.ex-forecast__title{margin:0 0 3% 3%!important}.my-location{display:flex;background-color:#fff;border:2px solid #f1eded;padding:8px;border-radius:.6rem;color:#6a7682;cursor:pointer;transition:all .3s;width:70%;margin-left:-10%;justify-self:center;justify-content:center;align-items:center;margin-top:24px;outline:none}@media screen and (max-width:540px){.my-location{font-size:.4rem}}@media screen and (max-width:540px) and (max-width:280px){.my-location{font-size:4px}}.my-location:hover{border:2px solid #c3bfbf}.main__square__right__search{display:grid;grid-template-columns:80% 20%;align-items:center;justify-content:center}.sidebar-desk__menu{overflow:scroll;height:86vh}.side-bar-card{margin-top:26vh;width:100%;height:365px;background:transparent;display:flex;justify-content:center;flex-flow:wrap}@media screen and (max-width:920px){.side-bar-card{margin-top:10vh}}.side-bar-card__square{background-color:#fff;width:75%;border-radius:1rem;padding:10%;margin-bottom:10px}@media screen and (min-width:920px){.side-bar-card__square{padding:20px}}.side-bar-card__square__foot{margin-top:10px}.side-bar-card__square__foot__wind{display:flex;justify-content:space-evenly;align-items:center;font-size:.8rem;flex-flow:wrap}.side-bar-card__square__foot__wind__txt{font-weight:600;font-size:.7rem}@media screen and (max-width:920px){.side-bar-card__square__foot__wind__txt{margin-top:-5px;font-size:.5rem}}.side-bar-card__square__foot__percent{font-size:.8rem}.side-bar-card__square__foot__percent__preci{display:flex;justify-content:space-between;flex-flow:wrap}@media screen and (max-width:360px){.side-bar-card__square__foot__percent__preci{font-size:.6rem}}.side-bar-card__square__foot__percent__humi{display:flex;justify-content:space-between;align-items:center;flex-flow:wrap}@media screen and (max-width:360px){.side-bar-card__square__foot__percent__humi{font-size:.6rem}}.side-bar-card__square__foot__percent__humi__txt{font-weight:600;font-size:.7rem}.side-bar-card__square__middle{flex-flow:column;margin-top:30px}.side-bar-card__square__middle__location{flex-flow:column;text-align:center}.side-bar-card__square__middle__location h2{font-weight:600;margin:0;font-size:1.2rem}@media screen and (max-width:360px){.side-bar-card__square__middle__location h2{font-size:1rem}}.side-bar-card__square__middle__location__country{font-size:.8rem}@media screen and (max-width:360px){.side-bar-card__square__middle__location__country{font-size:.6rem}}.side-bar-card__square__middle__temp{font-size:2rem;margin-bottom:3px}@media screen and (max-width:360px){.side-bar-card__square__middle__temp{font-size:1.4rem}}.side-bar-card__square__top{display:flex;justify-content:center;align-items:center}.side-bar-card__square__top__date__today{font-size:1.18rem;font-weight:600}@media screen and (max-width:280px){.side-bar-card__square__top__date__today{font-size:.8rem}}.side-bar-card__square__top__date__hour{margin-top:6px}.side-bar-card__square__top__date__hour h5{font-weight:600}.side-bar-card__square__top__date__hour p{font-size:.9rem;color:#707c92}.side-bar-card__square__top img{width:25px;margin-right:15px;margin-top:-20px}.bar{width:100%;height:3px;margin-bottom:10%;background-color:#dbdff4}.speedometer-general{padding-top:13px}.card-square{background-color:#fcfcfc;border:1px solid #f4f4f4;border-radius:1.5rem;flex:0 0 80px;height:112px;margin-left:30px;display:flex;flex-flow:column nowrap;align-items:center;font-size:.8rem;justify-content:space-evenly;margin-top:-10px}.card-square__icon{width:25px;height:25px}.card-square__temp{margin-top:-7px}.card-square__day{margin-top:-10px;color:#718295}
/*# sourceMappingURL=main.409cd606.chunk.css.map */