@charset "UTF-8";*{box-sizing:border-box;margin:0;padding:0}a{color:#0d084d;color:var(--color);text-decoration:none;transform:scale(1);transition:all .2s ease;width:fit-content;&:active{transform:scale(.9)}}ol,ul{list-style:none}:root{--backgroudnColor:#e9ecef;--color:#0d084d;--fontWeightRegular:400;--fontWeightMedium:500;--fontWeightSemiBold:600;--fontWeightLight:300;--borderColor:#cbc9c9;--colorWhite:#fff;--colorBlack:#000;--lightGrey:#f6f6f6;--colorRed:#c6011f}body{background-color:#e9ecef;background-color:var(--backgroudnColor);color:#0d084d;color:var(--color);font-family:Plus Jakarta Sans,sans-serif}.app{position:relative}.appBox{border-inline-end:1px solid var(--borderColor);display:flex;flex-direction:column;height:100%}.topBox{border-bottom:1px solid var(--borderColor);padding:2rem;@media screen and (max-width:428px){padding-bottom:1rem;padding-left:1rem;padding-right:1rem;padding-top:1rem}}.coreBox{display:grid;grid-template-columns:60% 40%;height:100%;overflow:hidden;@media screen and (max-width:1100px){grid-template-columns:100%}.leftBox{border-bottom:1px solid var(--borderColor);display:flex;flex-direction:column;gap:2rem;height:100%;opacity:1;padding:2rem;position:sticky;top:0;@media screen and (max-width:1100px){border-bottom:0;position:relative}@media screen and (max-width:428px){padding-bottom:1rem;padding-left:1rem;padding-right:1rem;padding-top:1rem}.centerBox{display:flex;flex-direction:column;gap:1.5rem}}.rightBox{border-inline-start:1px solid var(--borderColor);display:flex;flex-direction:column;opacity:1;@media screen and (max-width:1100px){border-inline-start:none}}}.observationSlider{opacity:0;transform:translateY(3rem);transition:all .6s ease;.slick-track{display:flex!important;gap:1rem}.slick-list{padding:1.5rem 0}}.loaded .observationSlider{opacity:1;transform:none;transition-delay:.2s}.recentPlaceBox{display:flex;flex-direction:column;gap:1rem}.recentPlaceBox__title{font-size:1.3rem;font-weight:var(--fontWeightRegular)}.recentPlaceBox__content{border-radius:.5rem;box-shadow:0 2px 8px 0 #63636333;overflow:hidden;position:relative;.imgBox{border-radius:.5rem;overflow:hidden;padding-top:0;position:relative;transition:all .6s ease-out;&:after{background-color:rgba(26,29,34,.123);content:"";transition:all .8s ease-in-out}&:after,img{border-radius:.5rem;height:100%;left:0;position:absolute;top:0;width:100%}img{animation:animateBackground 25s ease-in-out infinite;object-fit:cover;transition:all .6s ease}}&:hover{.imgBox{&:after{width:0}}img{transform:scale(1.2)}}}.loaded .recentPlaceBox__content{.imgBox{border-radius:.5rem;overflow:hidden;padding-top:33%;position:relative;@media screen and (max-width:1100px){padding-top:60%}@media screen and (max-width:991px){padding-top:40%}@media screen and (max-width:767px){padding-top:80%}@media screen and (max-width:414px){padding-top:100%}}}@keyframes animateBackground{0%{object-position:center;transform:scale(100%)}50%{object-position:bottom;transform:scale(150%)}to{object-position:center;transform:scale(100%)}}.infoBox{align-items:flex-start;border-radius:.5rem;color:var(--colorWhite);display:flex;flex-direction:column;font-size:1.2rem;gap:.5rem;height:100%;justify-content:center;padding:2rem;position:absolute;top:0;width:fit-content;z-index:3;&:after{background:linear-gradient(90deg,rgba(34,34,34,.943) 25%,#fff0);border-radius:0;border-bottom-left-radius:.5rem;border-top-left-radius:.5rem;content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}@media screen and (max-width:414px){align-items:center}}.infoBox__top{align-items:center;display:flex;gap:.5rem;z-index:2}.infoBox__top--title{&:first-letter{text-transform:capitalize}}.infoBox__center{font-size:3.5rem;font-weight:var(--fontWeightMedium);z-index:2}.infoBox__bottom{z-index:2}.smallBox{.infoBox{align-items:center;aspect-ratio:1/1;background-color:var(--lightGrey);border:1px solid #0000001a;border-radius:0;border-radius:.5rem;color:var(--color);font-size:.9rem;height:100%;overflow:hidden;padding:0;position:relative;width:100%;@media screen and (max-width:767px){aspect-ratio:2/1}&:after,&:before{background:#0000;background-color:#0000001a;border-radius:.5rem;content:"";height:100%;left:0;position:absolute;top:0;transform:translateX(-100%);transition:all .5s ease;width:100%}&:before{background-color:var(--color);border-radius:50%;transform:scale(0) rotate(0);transition:all .25s ease-out}.infoBox__center{font-size:2rem}}}.smallBox{.infoBox:hover:after{transform:translate(0)}.infoBox:hover:before{border-radius:0;cursor:text;transform:scale(1);transition-delay:.2s}.infoBox>*{transition:all .3s ease}.infoBox:hover>*{color:var(--colorWhite);transform:scale(1.1)}}.titleBox{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-between}.infoCard{border-bottom:1px solid var(--borderColor);display:flex;flex:1 1;flex-direction:column;gap:.8rem;justify-content:center;overflow:hidden;padding:1.3rem 2.2rem;position:relative;transition:all .3s ease;@media screen and (max-width:428px){padding-bottom:1.5rem;padding-left:1rem;padding-right:1rem;padding-top:1.5rem}&:after,&:before{background-color:#0000001a;border-radius:0;content:"";height:100%;left:0;position:absolute;top:0;transform:translateX(-100%);transition:all .5s ease;width:100%}&:before{background-color:var(--color);height:100%;width:2.5px}.titleBox{.recentPlaceBox__desc,.recentPlaceBox__title{font-size:1.1rem;font-weight:var(--fontWeightSemiBold)}}.infoCard__desc{font-size:.7rem;font-weight:var(--fontWeightRegular)}}.infoCard:hover:after,.infoCard:hover:before{transform:translate(0)}.titleBox{overflow:hidden}.recentPlaceBox__desc{transition:all .6s ease}.loading{.recentPlaceBox__desc{opacity:0;transform:translateY(3rem)}}.loaded{.recentPlaceBox__desc{opacity:1;transform:none}}.slick-slider{-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;box-sizing:border-box;touch-action:pan-y;-webkit-user-select:none;user-select:none;-khtml-user-select:none}.slick-list,.slick-slider{display:block;position:relative}.slick-list{margin:0;overflow:hidden;padding:0}.slick-list:focus{outline:none}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-list,.slick-slider .slick-track{transform:translateZ(0)}.slick-track{display:block;left:0;margin-left:auto;margin-right:auto;position:relative;top:0}.slick-track:after,.slick-track:before{content:"";display:table}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{border:1px solid #0000;display:block;height:auto}.slick-arrow.slick-hidden{display:none}.slick-loading .slick-list{background:#fff url(data:image/gif;base64,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) 50% no-repeat}@font-face{font-family:slick;font-style:normal;font-weight:400;src:url(/weather-app/static/media/slick.a4e97f5a2a64f0ab1323.eot);src:url(/weather-app/static/media/slick.a4e97f5a2a64f0ab1323.eot?#iefix) format("embedded-opentype"),url(/weather-app/static/media/slick.295183786cd8a1389865.woff) format("woff"),url(/weather-app/static/media/slick.c94f7671dcc99dce43e2.ttf) format("truetype"),url(/weather-app/static/media/slick.2630a3e3eab21c607e21.svg#slick) format("svg")}.slick-next,.slick-prev{border:none;cursor:pointer;display:block;font-size:0;height:20px;line-height:0;padding:0;position:absolute;top:50%;transform:translateY(-50%);width:20px}.slick-next,.slick-next:focus,.slick-next:hover,.slick-prev,.slick-prev:focus,.slick-prev:hover{background:#0000;color:#0000;outline:none}.slick-next:focus:before,.slick-next:hover:before,.slick-prev:focus:before,.slick-prev:hover:before{opacity:1}.slick-next.slick-disabled:before,.slick-prev.slick-disabled:before{opacity:.25}.slick-next:before,.slick-prev:before{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#fff;font-family:slick;font-size:20px;line-height:1;opacity:.75}.slick-prev{left:-25px}[dir=rtl] .slick-prev{left:auto;right:-25px}.slick-prev:before{content:"←"}[dir=rtl] .slick-prev:before{content:"→"}.slick-next{right:-25px}[dir=rtl] .slick-next{left:-25px;right:auto}.slick-next:before{content:"→"}[dir=rtl] .slick-next:before{content:"←"}.slick-dotted.slick-slider{margin-bottom:30px}.slick-dots{bottom:-25px;display:block;list-style:none;margin:0;padding:0;position:absolute;text-align:center;width:100%}.slick-dots li{display:inline-block;margin:0 5px;padding:0;position:relative}.slick-dots li,.slick-dots li button{cursor:pointer;height:20px;width:20px}.slick-dots li button{background:#0000;border:0;color:#0000;display:block;font-size:0;line-height:0;outline:none;padding:5px}.slick-dots li button:focus,.slick-dots li button:hover{outline:none}.slick-dots li button:focus:before,.slick-dots li button:hover:before{opacity:1}.slick-dots li button:before{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#000;content:"•";font-family:slick;font-size:6px;height:20px;left:0;line-height:20px;opacity:.25;position:absolute;text-align:center;top:0;width:20px}.slick-dots li.slick-active button:before{color:#000;opacity:.75}.shortErrorBox{align-items:center;background-color:var(--colorRed);border-radius:.2rem;box-shadow:0 2px 8px 0 #63636333;color:var(--colorWhite);display:flex;font-size:.75rem;font-weight:var(--fontWeightRegular);justify-content:center;overflow:hidden;padding:.3rem .5rem;pointer-events:none;position:relative;width:100%;.shortError{align-items:center;display:flex;justify-content:center}}.shortErrorBox.active{opacity:1;transform:none;transition-delay:.3s}.pageErrorBox{.pageErrorBox{background-color:var(--colorRed);border-bottom-left-radius:.5rem;border-top-left-radius:.5rem;box-shadow:0 2px 8px 0 #63636333;color:var(--colorWhite);padding:.5rem 1rem;position:absolute;right:0;top:10%;transform:translateX(100%);transition:all .6s ease}}.pageErrorLoaded{.pageErrorBox{transform:none}}.error{align-items:center;background-color:#ced4da;display:flex;height:100vh;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:4;.errorBox{align-items:center;background-color:var(--colorWhite);border-radius:.4rem;box-shadow:0 2px 8px 0 #63636333;display:flex;flex-direction:column;gap:.5rem;justify-content:center;opacity:0;padding:5rem 3rem;pointer-events:none;transform:translateY(5rem);transition:all .6s ease;p{font-size:1.3rem}span{font-size:.9rem}}}.errorLoaded{.error{.errorBox{opacity:1;transform:none}}}.main{background-color:var(--backgroudnColor);display:grid;grid-template-columns:20% 80%;height:100vh!important;margin:auto;max-width:1500px;overflow-anchor:none;position:relative;width:100%;z-index:1;@media screen and (max-width:1366px){grid-template-columns:25% 75%}@media screen and (max-width:1080px){grid-template-columns:30% 70%}@media screen and (max-width:991px){grid-template-columns:100%;min-height:100%}}.home{.main{&:before{background-color:#ced4da;border-bottom-left-radius:.5rem;border-bottom-right-radius:.5rem;height:100%;left:0;top:0;transition:all .8s ease;width:100%;z-index:3;z-index:99}&:after,&:before{content:"";pointer-events:none;position:absolute}&:after{background-image:url(/weather-app/static/media/logoShort.ac01d52e08369ee13d14.svg);background-position:50%;background-repeat:no-repeat;background-size:contain;height:0;left:50%;top:50%;transform:translate(-50%,-50%) rotate(0);transition:all .8s ease-in-out;width:0;z-index:4;z-index:100}}}.home.loading{.main:after{height:16rem;transform:translate(-50%,-50%) rotate(1turn);width:16rem}}.home.loaded{.main:before{transform:translateY(-100%);transition-delay:1s}.main:after{height:14rem;top:0;transform:translate(-50%,-100%) rotate(1turn);transition-delay:.8s;width:14rem}}.sideNav{border-bottom:1px solid var(--borderColor);border-inline-end:1px solid var(--borderColor);height:100%;padding:2rem;@media screen and (max-width:428px){padding-bottom:1rem;padding-left:1rem;padding-right:1rem;padding-top:1rem}}.sideNavBox{display:flex;flex-direction:column;gap:2rem;opacity:1}.logoBox{display:flex;justify-content:center}.currentLocationBox{align-items:center;display:inline-flex;gap:1rem;.flagBox{align-items:center;background-color:var(--lightGrey);border:1px solid #0000001a;border-radius:.2rem;display:flex;height:3.2rem;padding:1rem;position:relative;width:3.2rem;img{aspect-ratio:1/1;height:100%;object-fit:contain;width:100%;z-index:1}&:after{animation:gradient 2s linear infinite;background-color:var(--color);background:linear-gradient(-45deg,#ee7752,#e73c7e,#0d084d,#23d5ab);border-radius:.5rem;box-shadow:0 2px 8px 0 #63636333;content:"";height:15%;left:43%;position:absolute;transform-box:fill-box;transform-origin:center;width:15%;z-index:-1}}.locationBox{display:flex;flex-direction:column;gap:.2rem;span{font-size:.6rem;font-weight:var(--fontWeightLight);text-transform:uppercase}i{font-style:normal}p{font-size:.8rem;font-weight:var(--fontWeightMedium)}}}.resultBox{gap:.5rem}.resultBox,.searchBox{display:flex;flex-direction:column}.searchBox{gap:2rem}.searchForm{align-items:center;background-color:var(--lightGrey);border:1px solid #0000001a;border-radius:.2rem;display:flex;padding:0 0 0 1rem;position:relative;.iconBox{align-items:center;background-color:var(--lightGrey);border-radius:.2rem;display:flex;height:100%;height:.8rem;width:.8rem;img{aspect-ratio:1/1;height:100%;object-fit:contain;width:100%}}label{cursor:pointer}input{background-color:var(--lightGrey);border:none;border-radius:.2rem;color:var(--color);font-size:.75rem;font-weight:var(--fontWeightMedium);height:100%;outline:none;padding:.8rem 1rem .8rem .5rem;width:100%;&::placeholder{font-size:.75rem}}}.loadingResult{color:var(--color);display:flex;font-size:.8rem;padding:.3rem}.resultBox{li{align-items:center;display:flex;height:100%;justify-content:space-between;overflow:hidden;position:relative;a{display:inline-block;z-index:3}&:after,&:before,a{height:100%;width:100%}&:after,&:before{background-color:#0000001a;border-radius:0;border-bottom-right-radius:.2rem;border-top-right-radius:.2rem;content:"";left:0;position:absolute;top:0;transform:translateX(-100%);transition:all .5s ease;z-index:1}&:before{background-color:var(--color);height:100%;width:2px}&:hover{.leftBox{.flagbox{background-color:var(--colorWhite);border:none;box-shadow:0 2px 8px 0 #63636333}}.deleteBtn{pointer-events:all;transform:translateX(0) scale(1);&:active{transform:scale(.9)}}}}}.result{align-items:center;display:flex;font-size:.8rem;font-weight:var(--fontWeightMedium);justify-content:space-between;overflow:hidden;padding:.5rem;position:relative;.leftBox,.rightBox{gap:.5rem;z-index:2}.flagbox,.leftBox,.rightBox{align-items:center;display:flex}.flagbox{background-color:var(--lightGrey);border:1px solid #0000001a;border-radius:.2rem;height:2rem;padding:.5rem;position:relative;transform-box:fill-box;transition:all .2s ease;width:2rem;z-index:3;img{aspect-ratio:1/1;height:100%;object-fit:contain;width:100%;z-index:2}&:after{animation:gradient 2s linear infinite;background-color:var(--color);background:linear-gradient(-45deg,#ee7752,#e73c7e,#0d084d,#23d5ab);border-radius:.5rem;box-shadow:0 2px 8px 0 #63636333;content:"";height:15%;left:43%;position:absolute;transform-box:fill-box;transform-origin:center;width:15%;z-index:-1}}.cityBox{align-items:center;display:flex;gap:.5rem;width:90px;@media screen and (max-width:991px){width:100%}.cityFull,.countryShort{text-transform:uppercase}.countryShort{flex:1rem 1}.cityFull{flex:3rem 1;font-weight:var(--fontWeightLight);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;@media screen and (max-width:991px){width:100%}}}}@keyframes gradient{0%{background-position:0 50%;transform:rotate(0deg);transform-origin:center}50%{background-position:100% 50%}to{background-position:0 50%;transform:rotate(1turn);transform-origin:center}}.resultBox li:hover:after,.resultBox li:hover:before{transform:translate(0)}.deleleBox{align-items:center;background-color:var(--colorWhite);cursor:pointer;display:flex;height:100%;height:50px;justify-content:center;transform:scale(1) translateX(calc(100% + .5rem));transition:all .4s ease;width:100%;width:50px;z-index:3;&:hover{background-color:var(--colorRed)}}.deleleBox:hover{.deleteBtn{color:var(--colorWhite)}}.deleteBtn{background-color:initial;border:none;color:var(--colorRed);cursor:pointer;opacity:1;transform:scale(1);transition:all .2s ease;z-index:3}.resultBox li:hover{.deleleBox{transform:none}}.deleteBtn{height:100%;width:100%}.resultContent{display:flex;justify-content:space-between;width:100%}.topNavBox{grid-gap:1rem;align-items:center;display:grid;grid-template-columns:repeat(2,1fr);@media screen and (max-width:1024px){grid-template-columns:1fr}}.topNavBox__left,.topNavBox__right{overflow:hidden}.topNavBox__left--title{font-size:2rem;font-weight:var(--fontWeightMedium);opacity:1;span{animation:colorchange 15s;animation-iteration-count:infinite;animation-play-state:running;animation-timing-function:ease-in-out;display:block;font-weight:var(--fontWeightSemiBold)}}.topNavBox__right--desc{font-size:.8rem;font-weight:500;font-weight:var(--fontWeightMedium);opacity:1}@keyframes colorchange{0%{color:#828bee}14%{color:#4090f1}28%{color:#343434}42%{color:#ebc469}56%{color:#e66b6b}70%{color:#67b9e8}84%{color:#e66a90}to{color:#828bee}}
/*# sourceMappingURL=main.3803589f.css.map*/