body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.forecast-btn{display:flex;gap:10px;margin:20px}.card-base{background:#fff;border-radius:10%;box-shadow:0 14px 28px #00000040,0 10px 10px #00000038;text-shadow:1px 1px 0 #b777ee}.card-base:hover{box-shadow:0 19px 38px #0000004d,0 15px 12px #00000038}.currentCard{border-radius:49px;display:flex;justify-content:space-between;margin:60px;margin-top:var(--khoang-cach-cua-firstItem);padding:39px;width:90%}.currentCard-location{background-color:var(--mau-dam);border-radius:999px;display:inline-block;font-family:Calibri!important;font-weight:700;padding:5px 15px}.currentCard-nhietDo{font-family:Impact Black;font-size:150px;text-shadow:4px 3px 0 #814eae}.currentCard-date{align-items:flex-start;display:flex;flex-direction:column;justify-content:center;line-height:1;padding-top:15px}.currentCard-date-week{font-family:Candara Black;font-size:80px;text-shadow:4px 3px 0 #814eae}.currentCard-date-today{padding-left:10px}.currentCard-right{align-items:end;display:flex;flex-direction:column;justify-items:center}.currentCard-iconArea{align-items:center;display:flex;flex-direction:column}.currentCard-text{font-size:30px;font-style:italic;font-weight:700}.currentCard-icon{animation:iconMoveLoop 3s ease-in-out infinite}@keyframes iconMoveLoop{0%{transform:translateX(-10px)}50%{transform:translateX(10px)}to{transform:translateX(-10px)}}.currentCard .cardItem{background-color:initial}.currentCard .cardItem-value{text-shadow:1px 1px 0 #b777ee}.imgCard{color:#fff;display:flex;flex-direction:column;justify-content:flex-end;padding:20px}.imgCard-square{aspect-ratio:1/1}.locationCard{border-radius:25px;padding:30px 20px 20px}.infoCard,.locationCard{display:flex;flex-direction:column;height:100%;justify-content:space-between}.infoCard{border-radius:20px;padding:20px;width:100%}.infoCard-ListCardItem{padding:0 50px;position:relative;top:20px;z-index:2}.detailCard,.infoCard-ListCardItem{display:flex;justify-content:space-between}.detailCard{border-radius:25px;flex-direction:column;height:100%;padding:20px;width:100%}.detailCard-groupCardItem{background-color:var(--mau-nhat3);border-radius:10px;display:grid;grid-template-columns:1fr 1fr;padding:15px}.detailCard .cardItem-value{font-family:Monsterrat;font-size:20px;font-weight:700}.cardItem{align-items:center;display:flex}.cardItem-icon{color:var(--mau-dam);margin-right:10px}.cardItem-value{text-shadow:none}.infoCard .cardItem-value,.locationCard .cardItem-value{font-family:Brush Script MT;font-size:30px;text-shadow:none}.forecastCard{align-items:center;background-color:var(--mau-nhat3);border-radius:20px;display:flex;flex-direction:column;height:450px;justify-content:center;min-width:320px;width:23%}.forecastCard:hover{background-color:var(--mau-nhat1);transform:scale(1.05)}.active-card{background-color:#ffccf9!important}.forecastCardList{display:flex;gap:35px;overflow:auto;padding:20px}.forecastCardList-typeRow{display:flex;flex-direction:column;overflow:none}.typeRow-dailyForecastCard-card{align-items:center;background-color:var(--mau-nhat3);border-radius:10px;display:flex;font-size:25px;font-weight:700;height:80px;justify-content:space-between;min-width:100%;padding:40px;text-shadow:none}.typeRow-dailyForecastCard-card-week{background-color:var(--mau-dam);border-radius:10px;color:#fff;display:flex;justify-content:center;min-width:180px;padding:10px}.typeRow-dailyForecastCard-card-minMaxTemp{display:flex;gap:20px;min-width:100px}@media (max-width:768px){.currentCard{border-radius:49px;display:flex;flex-direction:column;margin:230px 0 0;padding:39px;width:80%}.currentCard-location{background-color:var(--mau-dam);border-radius:999px;display:inline-block;font-family:Calibri!important;font-weight:700;padding:5px 15px}.currentCard-nhietDo{font-family:Impact Black;font-size:50px;text-shadow:4px 3px 0 #814eae}.currentCard-date{align-items:flex-start;display:flex;flex-direction:column;justify-content:center;line-height:1;padding-top:15px}.currentCard-date-week{font-family:Candara Black;font-size:80px;text-shadow:4px 3px 0 #814eae}.currentCard-date-today{padding-left:10px}.currentCard-right{align-items:end;display:flex;flex-direction:column;justify-items:center}.currentCard-iconArea{align-items:center;display:flex;flex-direction:column}.currentCard-text{font-size:30px;font-style:italic;font-weight:700}.currentCard-icon{animation:iconMoveLoop 3s ease-in-out infinite}@keyframes iconMoveLoop{0%{transform:translateX(-10px)}50%{transform:translateX(10px)}to{transform:translateX(-10px)}}.currentCard .cardItem{background-color:initial}.currentCard .cardItem-value{text-shadow:1px 1px 0 #b777ee}.locationCard{height:100%;min-height:100px;width:100%}.typeRow-dailyForecastCard-card{align-items:center;background-color:var(--mau-nhat3);border-radius:10px;display:flex;font-size:25px;font-weight:700;gap:30px;height:80px;min-width:1200px;padding:40px;text-shadow:none}.typeRow-dailyForecastCard-card-week{background-color:var(--mau-dam);border-radius:10px;color:#fff;display:flex;justify-content:center;min-width:180px;padding:10px}.typeRow-dailyForecastCard-card-minMaxTemp{display:flex;gap:20px;min-width:100px}.typeRow-dailyForecastCard-maxTemp{font-size:25px!important}}.btn-wrapper{background-color:var(--mau-nhat3);border-radius:4px;display:flex;font-size:1.6rem;font-weight:700;justify-content:center;min-width:100px;padding:9px 16px}.activeBtn,.btn-wrapper:hover{background-color:var(--mau-nhat1)}.btn-cycle{align-items:center;background-color:#fff;border-radius:50%;display:flex;height:50px;justify-content:center;min-width:50px;padding:10px}.btn-transparent{border:1px solid #0000;color:var(--mau-dam);min-width:50px;padding-left:10px}.btn-transparent,.btn-transparent:hover{background-color:initial}.btn-square{border:1px solid #0000;color:#fff;margin-left:10px;min-width:40px;padding:5px}.btn-medium{border:2px solid var(--mau-dam);font-size:3rem;padding:15px 21px}.button-icon,.loading-wrapper{align-items:center;display:flex}.loading-wrapper{height:100vh;justify-content:center;width:100%}.loader{border-radius:350px 350px 0 0;height:350px;overflow:hidden;position:relative;width:700px}.loader:before{animation:l5 2s infinite;background:radial-gradient(farthest-side,#ffd738 90%,#0000) left 70% top 20% /18% 18%,radial-gradient(farthest-side,#020308 92%,#0000) left 65% bottom 19% /15% 15%,radial-gradient(farthest-side,#ecfefe 92%,#0000) left 70% bottom 20% /18% 18%,linear-gradient(#9eddfe 50%,#020308 0);background-repeat:no-repeat;content:"";inset:0 0 -100%;position:absolute}@keyframes l5{0%,20%{transform:rotate(0)}40%,60%{transform:rotate(.5turn)}80%,to{transform:rotate(1turn)}}.homeRow1{display:grid;grid-template-areas:"current current current location";grid-template-columns:1fr 1fr 1fr 1fr;min-height:500px}.homeRow1-currentCard{grid-area:current}.homeRow1-locationCard{grid-area:location;padding-bottom:60px;padding-right:60px;padding-top:var(--khoang-cach-cua-firstItem)}.homeRow3-forecastCardList-row{display:flex;flex-direction:column;margin-top:60px;min-height:500px;padding:30px}.homeRow3-forecastCardList-btn{align-items:center;display:flex;flex-direction:column}@media (max-width:768px){.homeRow1{display:grid;grid-template-areas:"current" "location";grid-template-columns:1fr;grid-template-rows:1fr 350px}.homeRow1-currentCard{display:flex;grid-area:current;justify-content:center}.homeRow1-locationCard{display:flex;grid-area:location;justify-content:center;padding:20px}}.today-wrapper{font-size:2rem}.today-info{display:flex;justify-content:space-between}.divider{background-color:var(--mau-dam);box-shadow:var(--mau-dam) 0 1px 2px,var(--mau-dam) 0 1px 2px;width:1px}.today-info-title{color:var(--mau-dam);display:flex;font-family:Monsterat;font-size:50px;font-style:italic;font-weight:700;padding-left:70px;position:relative}.today-detail{align-items:center;display:flex;justify-content:center}.today-detail-gridContainer{grid-gap:20px;display:grid;gap:20px;grid-template-areas:"location sun1 sun2 info2" "location sun3 sun4 info2" "info1 info1 info1 info2";grid-template-columns:1fr 1fr 1fr 2fr;grid-template-rows:1fr 1fr 1fr;height:100%;min-width:400px;padding:0 10px 50px;width:90%}.gridLocation{grid-area:location}.gridSunset1{grid-area:sun1}.gridSunset2{grid-area:sun2}.gridSunset3{grid-area:sun3}.gridSunset4{grid-area:sun4}.gridInfo2{grid-area:info2}.gridInfo1{grid-area:info1}.currentCard-wrapper{display:flex;justify-content:center}.today-title{font-family:Monsterrat;font-size:50px;font-style:italic;font-weight:700;margin-bottom:1%;margin-top:4%}.header-wrapper{box-shadow:-1px 3px 4px 1px #6c57be8c;-webkit-box-shadow:-1px 3px 4px 1px #6c57be8c;-moz-box-shadow:-1px 3px 4px 1px #6c57be8c;height:var(--height-header);left:0;position:fixed;top:0;width:100%;z-index:999}.header-inner{align-items:center;background:linear-gradient(225deg,#6c57be,#d7caef);display:flex;height:100%;justify-content:space-between;position:relative;width:100%}.logo{margin:20px}.logo-gif{position:absolute;transform:translate(-15px,-6px)}.header-searchToggle{display:flex;gap:40px;width:50%}.header-navbar{margin-right:20px}@media (max-width:768px){.header-wrapper{height:200px}.header-inner{display:flex;flex-direction:column}.header-searchToggle{gap:30px}.logo{background-color:#fff;border-radius:20px;margin:10px 0 0;padding-left:20px;padding-right:60px}}.header-navbar-menu-nav{display:flex;gap:15px}.header-navbar-menuItem{font-size:1.8rem;font-weight:700}.header-navbar-menuItem:active{color:var(--mau-tb1)}.header-navbar-menuItem{align-items:center;display:flex;justify-content:center;min-height:55px;min-width:100px;position:relative;transition:transform .3s ease}.header-navbar-menuItem:hover{transform:scale(1.1)}.header-navbar-menuItem-background{align-items:center;display:flex;left:0;pointer-events:none;position:absolute;top:0;z-index:1}.header-navbar-menuItem-icon{left:-20px;position:absolute;top:-20px;z-index:0}.header-navbar-content{position:relative;z-index:2}.header-navbar-menuItem:active .header-navbar-menuItem-icon,.header-navbar-menuItem:hover .header-navbar-menuItem-icon{animation:sunMove 2s ease-out forwards}@keyframes sunMove{0%{transform:translate(10px,10px) rotate(0deg)}to{transform:translateY(0) rotate(15deg)}}.footer-navbar .header-navbar-menuItem{color:#fff}.footer-navbar .header-navbar-menuItem:hover{background-color:initial}.toggle-container{align-items:center;background-color:#fff;border-radius:999px;cursor:pointer;display:flex;height:40px;justify-content:space-between;padding:2px;position:relative;text-shadow:none;-webkit-user-select:none;user-select:none;width:80px}.circle{background-color:var(--mau-dam);border-radius:50%;height:36px;position:absolute;transform:translateX(0);transition:.3s ease;width:36px}.circle.to-c{transform:translateX(40px)}.circle.to-c,.circle.to-f{align-items:center;color:#fff;display:flex;justify-content:center}.circle.to-f{transform:translateX(0)}.toggle-c,.toggle-f{align-items:center;border-radius:50%;color:#000;display:flex;height:36px;justify-content:center;width:36px}.search-wrapper{background-color:#fff;border-radius:8px;display:flex;padding:5px;width:100%}#search-input{background-color:initial;border:1px solid #0000;color:var(--mau-dam);font-weight:700;width:95%}#search-input:focus,#search-input:focus-visible{background-color:initial;border:1px solid #0000;box-shadow:none!important;outline:none!important}#search-input::placeholder{color:#6c3a79;font-style:italic}footer{margin-top:50px}.footer-wrapper{align-items:center;background-color:var(--mau-dam);color:#fff;display:flex;flex-direction:column;font-weight:700;padding:20px;text-align:center}:root{--height-header:60px;--khoang-cach-cua-firstItem:calc(30px + var(--height-header));--primary:#000;--mau-dam:var(--mau-dam1);--mau-dam2:#b074e6;--mau-dam1:#6c57be;--mau-dam3:#551a8b;--mau-tb1:#8774e0;--mau-tb2:#9678d7;--mau-nhe1:#9686d8;--mau-nhe2:#9f84cf;--mau-nhat1:#b1a7e4;--mau-nhat2:#a793db;--mau-nhat3:#dad6fa;--body-color:linear-gradient(225deg,#cdc7fa,#fff);--info-wind-title-bg-color:var(--mau-dam);--info-wind-value-bg-color:var(--mau-nhat1)}html{font-size:62.5%}body{background:linear-gradient(225deg,#cdc7fa,#fff);background:var(--body-color);font-family:Calibri,sans-serif;font-size:1.6rem;line-height:1.5}*{box-sizing:border-box;margin:0;padding:0}a{text-decoration:none}a,a:visited{color:#6c57be;color:var(--mau-dam)}a:active{color:#8774e0;color:var(--mau-tb1)}span{line-height:1}
/*# sourceMappingURL=main.67ee6dcb.css.map*/