@charset "UTF-8";*{margin:0;padding:0}:after,:before{box-sizing:inherit;-webkit-font-smoothing:antialiased}body,html{margin:0;padding:0;font-family:"Roboto",IRANSans,sans-serif;font-size:100%;font-weight:400}.container{max-width:1140px;margin:0 auto}@-webkit-keyframes transformation{0%{top:70%;left:50%}to{top:50%;left:50%}}@keyframes transformation{0%{top:70%;left:50%}to{top:50%;left:50%}}.popup-wrapper{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:200;text-align:center;-webkit-animation-name:transformation;animation-name:transformation;-webkit-animation-duration:.5s;animation-duration:.5s;width:700px}.popup-wrapper .error-message,.popup-wrapper .success-message{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;font-size:120%;font-weight:400;padding:.5rem 1rem;border-radius:.5rem;width:100%}.popup-wrapper .error-message{color:#fff;background-color:#ff3838}.popup-wrapper .error-message .fa-exclamation-circle{font-size:150%;color:#fff;margin:0 2rem}.popup-wrapper .success-message{color:#fff;background-color:#20bf6b}.popup-wrapper .success-message .fa-check-circle{font-size:150%;color:#fff;margin:0 2rem}.error-boundary-container{width:100%;height:100vh;background-color:#1d1d46}.error-boundary-container .error-wrapper{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);font-size:120%;font-weight:400;padding:.5rem 1rem;border-radius:.5rem;width:70%}.error-boundary-container .error-wrapper .error-message{display:flex;align-items:center;padding:.5rem;border-radius:.5rem;color:#fff;background-color:#ff3838}.error-boundary-container .error-wrapper .error-message .fa-exclamation-circle{font-size:150%;color:#fff;margin:0 2rem}.error-boundary-container .error-reload{text-decoration:none;font-size:100%;font-weight:400;border:none;outline:none;margin-top:1rem;padding:.4rem .6rem;color:#fff;background-color:#20bf6b;border-radius:.3rem;cursor:pointer;transition:all .3s ease}.main-loader{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.main-loader .loader-img{width:500px}.fall-back{display:flex;flex-direction:row;justify-content:center;align-items:center}.fall-back .loader-img{width:200px}@media (max-width:768px){.popup-wrapper{width:400px}.popup-wrapper .error-message,.popup-wrapper .success-message{font-size:100%;font-weight:400;padding:.3rem .8rem;border-radius:.5rem}.popup-wrapper .error-message .fa-exclamation-circle,.popup-wrapper .success-message .fa-check-circle{font-size:130%;margin:0 1rem}.error-boundary-container .error-wrapper{font-size:90%;font-weight:300;padding:.3rem .2rem;border-radius:.5rem;width:80%}.error-boundary-container .error-wrapper .error-message{padding:.2rem;border-radius:.5rem;width:100%}.error-boundary-container .error-wrapper .error-message .fa-exclamation-circle{font-size:130%;margin:0 2rem}}@media (max-width:480px){.popup-wrapper{width:90%}.popup-wrapper .error-message,.popup-wrapper .success-message{font-size:90%;font-weight:300;padding:.2rem .5rem;border-radius:.3rem}.popup-wrapper .error-message .fa-exclamation-circle,.popup-wrapper .success-message .fa-check-circle{font-size:100%;margin:0 .5rem}.error-boundary-container .error-wrapper{font-size:80%;font-weight:300;padding:.3rem .2rem;border-radius:.5rem;width:95%}.error-boundary-container .error-wrapper .error-message{padding:.2rem;border-radius:.5rem;width:100%}.error-boundary-container .error-wrapper .error-message .fa-exclamation-circle{font-size:100%;margin:0 .2rem}}@font-face{font-family:IRANSans;font-style:normal;font-weight:900;src:url(/static/media/IRANSansWeb_Black.465387ee.eot);src:url(/static/media/IRANSansWeb_Black.465387ee.eot?#iefix) format("embedded-opentype"),url(/static/media/IRANSansWeb_Black.63911f38.woff2) format("woff2"),url(/static/media/IRANSansWeb_Black.818f7796.woff) format("woff"),url(/static/media/IRANSansWeb_Black.71744393.ttf) format("truetype")}@font-face{font-family:IRANSans;font-style:normal;font-weight:700;src:url(/static/media/IRANSansWeb_Bold.a65cbf91.eot);src:url(/static/media/IRANSansWeb_Bold.a65cbf91.eot?#iefix) format("embedded-opentype"),url(/static/media/IRANSansWeb_Bold.2f6f164c.woff2) format("woff2"),url(/static/media/IRANSansWeb_Bold.d44408d0.woff) format("woff"),url(/static/media/IRANSansWeb_Bold.9471804b.ttf) format("truetype")}@font-face{font-family:IRANSans;font-style:normal;font-weight:500;src:url(/static/media/IRANSansWeb_Medium.c18ca268.eot);src:url(/static/media/IRANSansWeb_Medium.c18ca268.eot?#iefix) format("embedded-opentype"),url(/static/media/IRANSansWeb_Medium.7c1c84da.woff2) format("woff2"),url(/static/media/IRANSansWeb_Medium.7bfa046d.woff) format("woff"),url(/static/media/IRANSansWeb_Medium.89489585.ttf) format("truetype")}@font-face{font-family:IRANSans;font-style:normal;font-weight:300;src:url(/static/media/IRANSansWeb_Light.9d7efb91.eot);src:url(/static/media/IRANSansWeb_Light.9d7efb91.eot?#iefix) format("embedded-opentype"),url(/static/media/IRANSansWeb_Light.7c207019.woff2) format("woff2"),url(/static/media/IRANSansWeb_Light.aac7a640.woff) format("woff"),url(/static/media/IRANSansWeb_Light.e5b2acae.ttf) format("truetype")}@font-face{font-family:IRANSans;font-style:normal;font-weight:200;src:url(/static/media/IRANSansWeb_UltraLight.eb6bb794.eot);src:url(/static/media/IRANSansWeb_UltraLight.eb6bb794.eot?#iefix) format("embedded-opentype"),url(/static/media/IRANSansWeb_UltraLight.e0e6c92f.woff2) format("woff2"),url(/static/media/IRANSansWeb_UltraLight.2097362b.woff) format("woff"),url(/static/media/IRANSansWeb_UltraLight.f8a4f691.ttf) format("truetype")}@font-face{font-family:IRANSans;font-style:normal;font-weight:400;src:url(/static/media/IRANSansWeb.70a5f97c.eot);src:url(/static/media/IRANSansWeb.70a5f97c.eot?#iefix) format("embedded-opentype"),url(/static/media/IRANSansWeb.9d38733b.woff2) format("woff2"),url(/static/media/IRANSansWeb.50f4bba2.woff) format("woff"),url(/static/media/IRANSansWeb.244a401e.ttf) format("truetype")}body{font-weight:400}a,body,h1,h2,h3,h4,h5,h6,input,textarea{font-family:IRANSans!important}.home-container{width:100vw;height:100vh;background-image:url(/static/media/seasons.79688925.jpg);background-repeat:no-repeat;background-size:cover;background-position:top}.home-container .search-container{position:relative;width:inherit;height:inherit}.home-container .search-container .form-container{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:80%;max-width:1140px;padding:2rem;border-radius:.5rem;background:#000;background:linear-gradient(49deg,rgba(0,0,0,.9),rgba(0,0,0,.9));box-shadow:0 1px 3px 0 rgba(0,0,0,.75)}.home-container .search-container .form-container .search-title{font-size:250%;font-weight:900;text-align:center;text-transform:uppercase;color:#fff;margin-bottom:2rem}.home-container .search-container .form-container .form{display:flex;flex-direction:row}.home-container .search-container .form-container .form .search-field{font-size:110%;font-weight:400;width:100%;padding:1rem;border:none;outline:none;background-color:#fff}.home-container .search-container .form-container .form .search-submit{font-size:100%;font-weight:700;padding:1rem;border:none;outline:none;color:#fff;background-color:#f57f17;cursor:pointer}@media (max-width:1024px){.home-container .search-container .form-container .search-title{font-size:170%;margin-bottom:1rem}}@media (max-width:768px){.home-container .search-container .form-container{width:90%;padding:1rem}.home-container .search-container .form-container .search-title{font-size:130%;margin-bottom:.5rem}.home-container .search-container .form-container .form .search-field{font-size:100%;padding:.5rem}.home-container .search-container .form-container .form .search-submit{padding:.5rem}}@media (max-width:480px){.home-container .search-container .form-container{width:90%;padding:.5rem}.home-container .search-container .form-container .search-title{font-size:100%;font-weight:400;margin-bottom:.2rem}.home-container .search-container .form-container .form .search-field{font-size:90%;padding:.3rem}.home-container .search-container .form-container .form .search-submit{font-size:90%;font-weight:400;padding:.3rem}}.weather-container{width:100vw;height:100vh}.weather-container .weather-wrapper{display:flex;flex-direction:row;align-items:stretch;width:100%;height:100%}.weather-container .weather-wrapper .weather-left{flex-basis:60%;background-color:#e3f6fe;z-index:10;display:flex;flex-direction:column;align-items:center;height:100%}.weather-container .weather-wrapper .weather-left .weather-left-container{width:95%;height:100%;display:flex;flex-direction:column;justify-content:space-evenly;align-items:stretch}.weather-container .weather-wrapper .weather-left .buttons{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:.2rem}.weather-container .weather-wrapper .weather-left .buttons .buttons-group .knobs,.weather-container .weather-wrapper .weather-left .buttons .buttons-group .layer{position:absolute;top:0;right:0;bottom:0;left:0}.weather-container .weather-wrapper .weather-left .buttons .buttons-group .button{position:relative;top:50%;width:80px;height:36px;margin:0 auto;overflow:hidden}.weather-container .weather-wrapper .weather-left .buttons .buttons-group .button.r,.weather-container .weather-wrapper .weather-left .buttons .buttons-group .button.r .layer{border-radius:100px}.weather-container .weather-wrapper .weather-left .buttons .buttons-group .button.b2{border-radius:2px}.weather-container .weather-wrapper .weather-left .buttons .buttons-group .checkbox{position:relative;width:100%;height:100%;padding:0;margin:0;opacity:0;cursor:pointer;z-index:3}.weather-container .weather-wrapper .weather-left .buttons .buttons-group .knobs{z-index:2}.weather-container .weather-wrapper .weather-left .buttons .buttons-group .layer{width:100%;background-color:#1d1d46;transition:all .3s ease;z-index:1}.weather-container .weather-wrapper .weather-left .buttons .buttons-group #button-3 .knobs:before{content:"EN";position:absolute;top:4px;left:4px;width:20px;height:10px;color:#fff;font-size:10px;font-weight:700;text-align:center;line-height:1;padding:9px 4px;background-color:#03a9f4;border-radius:50%;transition:all .3s ease,left .3s cubic-bezier(.18,.89,.35,1.15)}.weather-container .weather-wrapper .weather-left .buttons .buttons-group #button-3 .checkbox:active+.knobs:before{width:46px;border-radius:100px}.weather-container .weather-wrapper .weather-left .buttons .buttons-group #button-3 .checkbox:checked:active+.knobs:before{margin-left:-26px}.weather-container .weather-wrapper .weather-left .buttons .buttons-group #button-3 .checkbox:checked+.knobs:before{content:"فا";color:#000;left:48px;background-color:#fff}.weather-container .weather-wrapper .weather-left .buttons .buttons-group #button-3 .checkbox:checked~.layer{background-color:#110e3c}.weather-container .weather-wrapper .weather-left .main-title-wrapper .main-title-text{font-size:160%;font-weight:400;color:#1d1d46}.weather-container .weather-wrapper .weather-left .main-title-wrapper .main-title-text .main-title-text-bold{font-weight:700;color:#110e3c}.weather-container .weather-wrapper .weather-left .top-cities-title{font-size:100%;font-weight:400;margin:.5rem 0}.weather-container .weather-wrapper .weather-left .daily .daily-title .daily-title-text{font-size:130%;font-weight:400;color:#110e3c;margin-bottom:1rem}.weather-container .weather-wrapper .weather-left .daily .daily-title .daily-title-text .dot{margin-top:2px;margin-left:15px;width:8px;height:8px;background-color:#1d1d46;border-radius:50%}.weather-container .weather-wrapper .weather-right{position:relative;display:flex;flex-direction:column;justify-content:space-around;align-items:stretch;flex-basis:40%;background-color:#110e3c}.weather-container .weather-wrapper .weather-right .local-time{position:absolute;top:10px;left:10px;color:#fff;font-size:100%;font-weight:400}.weather-container .weather-wrapper .weather-right .weather-draw{margin:0 auto;width:250px}.weather-container .weather-wrapper .weather-right .cloud-1,.weather-container .weather-wrapper .weather-right .cloud-2{position:absolute;color:#1d1d46;overflow:hidden;z-index:1}.weather-container .weather-wrapper .weather-right .cloud-1{top:45%;left:-30px;font-size:600%}.weather-container .weather-wrapper .weather-right .cloud-2{top:30%;right:2px;font-size:700%}.weather-container .weather-wrapper .weather-right .overview{display:flex;flex-direction:column}.weather-container .weather-wrapper .weather-right .overview .overview-header{display:flex;flex-direction:row;justify-content:center;align-items:center}.weather-container .weather-wrapper .weather-right .overview .overview-header .overview-header-today{text-align:center}.weather-container .weather-wrapper .weather-right .overview .overview-header .overview-header-today .overview-header-today-title{color:#fff;font-size:300%;font-weight:700}.weather-container .weather-wrapper .weather-right .overview .overview-header .overview-header-today .overview-header-today-date{font-size:90%;font-weight:300;color:#fff}.weather-container .weather-wrapper .weather-right .overview .overview-header-icon{text-align:center}.weather-container .weather-wrapper .weather-right .overview .overview-header-icon img{width:60px}.weather-container .weather-wrapper .weather-right .overview .overview-temp{display:flex;flex-direction:row;justify-content:center}.weather-container .weather-wrapper .weather-right .overview .overview-temp .overview-temp-current{font-size:500%;font-weight:400;color:#fff}.weather-container .weather-wrapper .weather-right .overview .overview-temp .over-view-temp-sign{font-size:150%;font-weight:400;margin-top:.8rem;margin-left:.5rem;color:#fff}.weather-container .weather-wrapper .weather-right .overview .overview-humiditydew{display:flex;flex-direction:row;justify-content:space-evenly;align-items:center;color:#fff;margin:.5rem 0}.weather-container .weather-wrapper .weather-right .overview .overview-humiditydew .overview-dewpoint,.weather-container .weather-wrapper .weather-right .overview .overview-humiditydew .overview-humidity{font-size:90%;font-weight:300;display:flex;flex-direction:row;align-items:center}.weather-container .weather-wrapper .weather-right .overview .overview-humiditydew .overview-dewpoint .fa-hand-holding-water,.weather-container .weather-wrapper .weather-right .overview .overview-humiditydew .overview-dewpoint .fa-tint,.weather-container .weather-wrapper .weather-right .overview .overview-humiditydew .overview-humidity .fa-hand-holding-water,.weather-container .weather-wrapper .weather-right .overview .overview-humiditydew .overview-humidity .fa-tint{font-size:100%;color:#4293ec;margin-left:.4rem}.weather-container .weather-wrapper .weather-right .overview .overview-country{display:flex;flex-direction:row;justify-content:center;align-items:center}.weather-container .weather-wrapper .weather-right .overview .overview-country .overview-country-cityname{font-size:150%;font-weight:400;color:#fff}.weather-container .weather-wrapper .weather-right .overview .overview-country .overview-country-timezone{font-size:90%;font-weight:300;color:#fff;margin-left:.3rem}.weather-container .weather-wrapper .weather-right .overview-more-info{display:flex;flex-direction:row;justify-content:space-evenly;font-size:90%;font-weight:300;color:#fff}@media (max-width:1200px){.weather-container .weather-wrapper .weather-left .weather-left-container .main-title-wrapper .main-title-text{font-size:170%;font-weight:400}.weather-container .weather-wrapper .weather-right .cloud-1{top:50%;right:2px;font-size:400%}.weather-container .weather-wrapper .weather-right .cloud-2{top:30%;right:2px;font-size:500%}.weather-container .weather-wrapper .weather-right .weather-draw{width:200px}.weather-container .weather-wrapper .weather-right .overview .overview-header .overview-header-today .overview-header-today-title{font-size:200%;font-weight:700}.weather-container .weather-wrapper .weather-right .overview .overview-temp .overview-temp-current{font-size:400%;font-weight:400}.weather-container .weather-wrapper .weather-right .overview .overview-more-info{flex-direction:column;margin:0 auto}.weather-container .weather-wrapper .weather-right .overview .overview-more-info p{text-align:left}}@media (max-width:1024px){.weather-container{height:100%;width:100%}.weather-container .weather-wrapper{flex-direction:column}.weather-container .weather-wrapper .weather-left{flex-basis:100%}.weather-container .weather-wrapper .weather-left .weather-left-container .main-title-wrapper .main-title-text{font-size:170%;font-weight:400}.weather-container .weather-wrapper .weather-left .weather-left-container .cities-list{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.weather-container .weather-wrapper .weather-left .weather-left-container .cities-list .city-item{text-align:center}.weather-container .weather-wrapper .weather-left .weather-left-container .cities-list .city-item .city-img{border-radius:1rem;width:80%}.weather-container .weather-wrapper .weather-left .weather-left-container .cities-list .city-item .city-name{font-size:80%;font-weight:700}.weather-container .weather-wrapper .weather-left .weather-left-container .cities-list .city-add{border-radius:1rem;height:100%}.weather-container .weather-wrapper .weather-left .weather-left-container .cities-list .city-add .city-add-text{font-size:100%;font-weight:400}.weather-container .weather-wrapper .weather-right{flex-basis:100%}.weather-container .weather-wrapper .weather-right .cloud-1{top:40%;left:50px;font-size:500%}.weather-container .weather-wrapper .weather-right .cloud-2{top:30%;right:50px;font-size:800%}.weather-container .weather-wrapper .weather-right .weather-draw{width:400px}.weather-container .weather-wrapper .weather-right .overview .overview-header .overview-header-today .overview-header-today-title{font-size:300%;font-weight:700}.weather-container .weather-wrapper .weather-right .overview .overview-temp .overview-temp-current{font-size:500%;font-weight:400}.weather-container .weather-wrapper .weather-right .overview .overview-more-info{width:100%;flex-direction:row;justify-content:space-evenly}}@media (max-width:768px){.weather-container .weather-wrapper .weather-left .weather-left-container .buttons{margin:.5rem 0}.weather-container .weather-wrapper .weather-left .weather-left-container .main-title-wrapper .main-title-text{font-size:170%;font-weight:400;padding:1rem 0}.weather-container .weather-wrapper .weather-left .weather-left-container .top-cities-title{font-size:90%;font-weight:300}.weather-container .weather-wrapper .weather-right .cloud-1{top:40%;left:10px;font-size:400%}.weather-container .weather-wrapper .weather-right .cloud-2{top:30%;right:20px;font-size:500%}.weather-container .weather-wrapper .weather-right .weather-draw{width:400px}.weather-container .weather-wrapper .weather-right .overview .overview-header .overview-header-today .overview-header-today-title{font-size:300%;font-weight:700}.weather-container .weather-wrapper .weather-right .overview .overview-temp .overview-temp-current{font-size:500%;font-weight:400}.weather-container .weather-wrapper .weather-right .overview .overview-more-info{width:100%;flex-direction:row;justify-content:space-evenly}}@media (max-width:480px){.weather-container .weather-wrapper .weather-left .weather-left-container .main-title-wrapper .main-title-text{font-size:130%;font-weight:400;padding:.5rem 0}.weather-container .weather-wrapper .weather-right .cloud-1{top:40%;left:10px;font-size:400%}.weather-container .weather-wrapper .weather-right .cloud-2{top:30%;right:20px;font-size:500%}.weather-container .weather-wrapper .weather-right .weather-draw{width:200px}.weather-container .weather-wrapper .weather-right .overview .overview-header .overview-header-today .overview-header-today-title{font-size:200%;font-weight:700}.weather-container .weather-wrapper .weather-right .overview .overview-temp .overview-temp-current{font-size:300%;font-weight:400}.weather-container .weather-wrapper .weather-right .overview .overview-dewpoint p{font-size:90%}.weather-container .weather-wrapper .weather-right .overview .overview-more-info{width:100%;flex-direction:row;justify-content:space-evenly}.weather-container .weather-wrapper .weather-right .overview .overview-more-info p{font-size:90%}}.not-found-container{width:100vw;height:100vh;background-color:#110e3c}.not-found-container .not-found-wrapper{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.not-found-container .not-found-wrapper .not-found-title{color:#fff;font-size:600%;font-weight:900}.not-found-container .not-found-wrapper .not-found-text{color:#fff;font-size:200%;font-weight:400}.header-container{width:100%;position:fixed;top:0;z-index:100;padding:.5rem 0;background:#000;background:linear-gradient(49deg,rgba(0,0,0,.6),rgba(0,0,0,.6));box-shadow:0 1px 3px 0 rgba(0,0,0,.75)}.header-container .navigation{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.header-container .navigation .hamburger{display:none}.header-container .navigation .nav-links{display:none;list-style:none;width:50%;height:100%;margin-left:auto}.header-container .navigation .nav-links .nav-item a{text-decoration:none;color:#fff;font-size:100%}.header-container .navigation .main-title{font-size:100%;font-weight:400;color:#fff}.header-container .navigation .list{display:flex;flex-direction:row;list-style:none}.header-container .navigation .list .list-item{margin-left:.5rem;padding:.2rem}.header-container .navigation .list .list-item:nth-of-type(2){border-bottom:1px solid #f57f17}.header-container .navigation .list .list-item .knobs,.header-container .navigation .list .list-item .layer{position:absolute;top:0;right:0;bottom:0;left:0}.header-container .navigation .list .list-item .button{position:relative;top:50%;width:80px;height:36px;margin:-20px auto 0;overflow:hidden}.header-container .navigation .list .list-item .button.r,.header-container .navigation .list .list-item .button.r .layer{border-radius:100px}.header-container .navigation .list .list-item .button.b2{border-radius:2px}.header-container .navigation .list .list-item .checkbox{position:relative;width:100%;height:100%;padding:0;margin:0;opacity:0;cursor:pointer;z-index:3}.header-container .navigation .list .list-item .knobs{z-index:2}.header-container .navigation .list .list-item .layer{width:100%;background-color:#ebf7fc;transition:all .3s ease;z-index:1}.header-container .navigation .list .list-item #button-3 .knobs:before{content:"EN";position:absolute;top:4px;left:4px;width:20px;height:10px;color:#fff;font-size:10px;font-weight:700;text-align:center;line-height:1;padding:9px 4px;background-color:#03a9f4;border-radius:50%;transition:all .3s ease,left .3s cubic-bezier(.18,.89,.35,1.15)}.header-container .navigation .list .list-item #button-3 .checkbox:active+.knobs:before{width:46px;border-radius:100px}.header-container .navigation .list .list-item #button-3 .checkbox:checked:active+.knobs:before{margin-left:-26px}.header-container .navigation .list .list-item #button-3 .checkbox:checked+.knobs:before{content:"فا";color:#000;left:48px;background-color:#fff}.header-container .navigation .list .list-item #button-3 .checkbox:checked~.layer{background-color:#03a9f4}.header-container .navigation .list .list-item a{font-size:100%;font-weight:400;color:#fff;text-decoration:none}@media (max-width:768px){.header-container .navigation .main-title{z-index:20;margin-left:1rem}.header-container .navigation .hamburger{display:block;position:absolute;cursor:pointer;right:5%;top:50%;-webkit-transform:translate(-5%,-50%);transform:translate(-5%,-50%);z-index:10}.header-container .navigation .hamburger i{font-size:180%;color:#fff}.header-container .navigation .nav-links{display:flex;flex-direction:row;justify-content:space-around;align-items:center;position:absolute;top:0;background-color:#110e3c;height:100vh;width:100%;flex-direction:column;justify-content:space-evenly;-webkit-clip-path:circle(100px at 90% -15%);clip-path:circle(100px at 90% -15%);transition:all 1s ease-out;pointer-events:none}.header-container .navigation .nav-links.open{-webkit-clip-path:circle(1500px at 90% -15%);clip-path:circle(1500px at 90% -15%);pointer-events:all}.header-container .navigation .nav-links .nav-item .knobs,.header-container .navigation .nav-links .nav-item .layer{position:absolute;top:0;right:0;bottom:0;left:0}.header-container .navigation .nav-links .nav-item .button{position:relative;top:50%;width:80px;height:36px;margin:-20px auto 0;overflow:hidden}.header-container .navigation .nav-links .nav-item .button.r,.header-container .navigation .nav-links .nav-item .button.r .layer{border-radius:100px}.header-container .navigation .nav-links .nav-item .button.b2{border-radius:2px}.header-container .navigation .nav-links .nav-item .checkbox{position:relative;width:100%;height:100%;padding:0;margin:0;opacity:0;cursor:pointer;z-index:3}.header-container .navigation .nav-links .nav-item .knobs{z-index:2}.header-container .navigation .nav-links .nav-item .layer{width:100%;background-color:#ebf7fc;transition:all .3s ease;z-index:1}.header-container .navigation .nav-links .nav-item #button-3 .knobs:before{content:"EN";position:absolute;top:4px;left:4px;width:20px;height:10px;color:#fff;font-size:10px;font-weight:700;text-align:center;line-height:1;padding:9px 4px;background-color:#03a9f4;border-radius:50%;transition:all .3s ease,left .3s cubic-bezier(.18,.89,.35,1.15)}.header-container .navigation .nav-links .nav-item #button-3 .checkbox:active+.knobs:before{width:46px;border-radius:100px}.header-container .navigation .nav-links .nav-item #button-3 .checkbox:checked:active+.knobs:before{margin-left:-26px}.header-container .navigation .nav-links .nav-item #button-3 .checkbox:checked+.knobs:before{content:"فا";color:#000;left:48px;background-color:#fff}.header-container .navigation .nav-links .nav-item #button-3 .checkbox:checked~.layer{background-color:#03a9f4}.header-container .navigation .nav-links .nav-item .logo{width:200px}.header-container .navigation .nav-links .nav-item a{font-size:180%;font-weight:900}.header-container .navigation .nav-links .nav-item a:hover{background-color:transparent}.header-container .navigation .nav-links li{opacity:0}.header-container .navigation .nav-links li.fade{opacity:1}.header-container .navigation .nav-links li:first-child,.header-container .navigation .nav-links li:nth-child(2){transition:all .5s ease .2s}.header-container .navigation .nav-links li:nth-child(3){transition:all .5s ease .4s}.header-container .navigation .list{display:none}}.weather-daily{display:flex;flex-direction:row}.weather-daily .table{flex-basis:70%;text-align:left}.weather-daily .table .table-body tr td{font-size:100%;font-weight:300}.weather-daily .table .table-body tr td .fa-tint{color:#4293ec}.weather-daily .chart-wrapper{flex-basis:30%}@media (max-width:1024px){.weather-daily{flex-direction:column}.weather-daily .chart-wrapper,.weather-daily .table{flex-basis:100%}}.temp-chart{margin:0 auto;width:95%}.cities-list{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.cities-list .city-item{text-align:center;width:100%;max-width:180px;height:90%;flex:1 1}.cities-list .city-item:last-of-type{border-radius:1rem}.cities-list .city-item .city-item-link{text-decoration:none}.cities-list .city-item .city-img{border-radius:1rem;width:95%}.cities-list .city-item .city-name{font-size:90%;font-weight:700;color:#110e3c}.cities-list .city-add{display:flex;flex-direction:column;justify-content:space-around;align-items:center;height:100%}.cities-list .city-add .city-add-btn{font-family:"Roboto",IRANSans;font-size:110%;font-weight:400;border:none;outline:none;background:transparent;cursor:pointer}@media (max-width:1024px){.weather-container .weather-wrapper .weather-left .weather-left-container .cities-list{margin-bottom:2rem}.weather-container .weather-wrapper .weather-left .weather-left-container .cities-list .city-item{height:150px;text-align:center}.weather-container .weather-wrapper .weather-left .weather-left-container .cities-list .city-item .city-img{width:90%}.weather-container .weather-wrapper .weather-left .weather-left-container .cities-list .city-item .city-name{font-size:80%}.weather-container .weather-wrapper .weather-left .weather-left-container .cities-list .city-add{height:100%}}@media (max-width:768px){.weather-container .weather-wrapper .weather-left .weather-left-container .cities-list .city-item{height:100px}.weather-container .weather-wrapper .weather-left .weather-left-container .cities-list .city-item .city-img{width:80%}.weather-container .weather-wrapper .weather-left .weather-left-container .cities-list .city-item .city-name{font-weight:400}}@media (max-width:560px){.weather-container .weather-wrapper .weather-left .weather-left-container .cities-list{flex-direction:column}.weather-container .weather-wrapper .weather-left .weather-left-container .cities-list .city-item{height:200px}.weather-container .weather-wrapper .weather-left .weather-left-container .cities-list .city-item:not(:last-of-type){margin-bottom:1rem}.weather-container .weather-wrapper .weather-left .weather-left-container .cities-list .city-item .city-img{width:100%}.weather-container .weather-wrapper .weather-left .weather-left-container .cities-list .city-item .city-name{font-size:100%;font-weight:400}.weather-container .weather-wrapper .weather-left .weather-left-container .cities-list .city-add{width:180px;height:100%}}.go-back{display:flex;justify-content:center;align-items:center}.go-back .go-back-btn{text-decoration:none;font-size:90%;font-weight:300;border:none;outline:none;padding:.4rem .6rem;color:#fff;background-color:#1d1d46;border-radius:3rem;cursor:pointer;transition:all .3s ease}.go-back .go-back-btn:hover{background-color:#110e3c}@media (max-width:768px){.weather-container .weather-wrapper .weather-left .weather-left-container .go-back .go-back-btn{font-weight:400;padding:.5rem}}.form-wrapper .form,.form-wrapper .form .input-group{display:flex;flex-direction:row;justify-content:center;align-items:stretch}.form-wrapper .form .input-group{position:relative;width:100%}.form-wrapper .form .input-group .fa-search-location{position:absolute;top:25%;font-size:150%;color:#110e3c}.form-wrapper .form .input-group .search-input{font-family:"Roboto",IRANSans;flex-basis:80%;font-size:100%;border:none;outline:none;background-color:#fff}.form-wrapper .form .input-group .search-submit{flex-basis:20%;font-size:100%;font-weight:700;padding:.5rem;border:none;outline:none;color:#fff;background-color:#f57f17;cursor:pointer}.form-wrapper .form .input-group .search-submit:disabled{cursor:not-allowed;background-color:#f9ac68}@media (max-width:1200px){.weather-container .weather-wrapper .weather-left .weather-left-container .form-wrapper .form .input-group .fa-search-location{font-size:120%}.weather-container .weather-wrapper .weather-left .weather-left-container .form-wrapper .form .input-group .search-input{font-size:100%}.weather-container .weather-wrapper .weather-left .weather-left-container .form-wrapper .form .input-group .search-submit{font-size:100%;font-weight:400;padding:.3rem}}@media (max-width:768px){.weather-container .weather-wrapper .weather-left .weather-left-container .form-wrapper .form .input-group .search-input{font-size:90%}.weather-container .weather-wrapper .weather-left .weather-left-container .form-wrapper .form .input-group .search-submit{font-size:90%;font-weight:400}}.black-layer{width:100vw;height:100vh;background-color:rgba(0,0,0,.4)}.black-layer,.modal-container{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.modal-container{width:600px;height:120px;background-color:#fff;padding:1rem;border-radius:.3rem;z-index:100}.modal-container .modal-wrapper{display:flex;flex-direction:column;justify-content:space-around;align-items:center;height:100%;width:100%}.modal-container .modal-wrapper .fa-times-circle{position:absolute;top:5px;right:10px;font-size:150%;color:#ff3838;cursor:pointer}.modal-container .modal-wrapper .modal-title{color:#110e3c;font-size:200%;font-weight:900}.modal-container .modal-wrapper .modal-confirm{font-family:"Roboto",IRANSans;font-size:150%;font-weight:400;border:none;outline:none;padding:.5rem 1rem;border-radius:.3rem;color:#fff;background-color:#ff3838}.modal-container .modal-wrapper .modal-error{font-size:100%;font-weight:700;color:#ff3838;margin-top:.5rem}@media (max-width:1024px){.modal-container{width:350px;height:100px}.modal-container .modal-wrapper .modal-title{font-size:150%}.modal-container .modal-wrapper .modal-confirm{font-size:120%}}@media (max-width:480px){.modal-container{width:200px;height:100px}.modal-container .modal-wrapper .modal-title{font-size:130%}.modal-container .modal-wrapper .modal-confirm{font-size:100%}}
/*# sourceMappingURL=main.d605e63d.chunk.css.map */