@import url(https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@100;200;300;400;500;600;700;800&display=swap);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}*{box-sizing:border-box;margin:0;padding:0}body{color:#fff;font-family:Plus Jakarta Sans,sans-serif}.app-container{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:2rem;position:relative;transition:background .5s ease-in-out;width:100%}.day-gradient{background:linear-gradient(180deg,#45b2fa,#7dacf9)}.night-gradient{background:linear-gradient(180deg,#1f345b,#0f1a33)}.cloudy-gradient{background:linear-gradient(180deg,#2e5072,#22416a)}.storm-gradient{background:linear-gradient(180deg,#172f47,#152b40)}.haze-gradient{background:linear-gradient(180deg,#d0be5bcf,#5a4419d7)}.haze-gradient-night{background:linear-gradient(180deg,#301402,#412c03d7)}.main-frame{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0003;border-radius:2rem;flex-direction:column;height:90vh;max-width:80rem;padding:.6rem 2rem 2rem;z-index:10}.main-frame,.top-bar{display:flex;width:100%}.top-bar{align-items:center;height:48px;justify-content:space-between;margin-bottom:.5rem}.search-wrapper{display:flex;flex-grow:1;justify-content:center;margin-left:auto;margin-right:auto;max-width:400px}.content-panels{display:flex;flex-grow:1;overflow:hidden;width:100%}.search-bar{align-items:center;background-color:#0000004d;border-radius:9999px;display:flex;height:2.5rem;transition:all .5s ease-in-out}.search-bar.closed{cursor:pointer;padding:0;width:48px}.search-bar.open{padding:0 1rem;width:100%}.search-bar .search-icon{color:#d1d5db;flex-shrink:0;transition:all .5s}.search-bar.closed .search-icon{margin:.75rem}.search-bar.open .search-icon{margin-right:1.5rem}.search-bar input{background:#0000;border:none;color:#fff;font-size:1rem;outline:none;transition:opacity .3s;width:100%}.search-bar input::placeholder{color:#9ca3af}.search-bar.closed input{opacity:0}.search-bar.open input{opacity:1}.left-panel{border-right:1px solid #ffffff1a;display:flex;flex-direction:column;justify-content:space-between;padding-right:2rem;width:33.33%}.location-info .location-name{font-size:3.5rem;font-weight:100}.location-info .location-country{font-size:1.5rem;font-weight:500;margin-top:-.3rem}.location-info .location-date{color:#9ca3af;margin-top:.5rem}.current-weather{align-items:center;display:flex;flex-direction:column;margin-top:-4rem;text-align:center}.current-weather .weather-icon-main{color:#fff;filter:drop-shadow(0 4px 6px rgba(255,255,255,.1));font-size:12rem}.current-weather .temperature{font-size:5rem;font-weight:800;letter-spacing:-.05em;margin-top:-1rem}.current-weather .condition{font-size:1.25rem;font-weight:500}.extra-details{background-color:#ffffff1a;border-radius:1rem;padding:.7rem;text-align:center}.extra-details-text{padding:.3rem}.right-panel{display:flex;flex-direction:column;gap:1.5rem;padding-left:2rem;width:66.66%}.forecast-container{align-items:flex-start;display:flex;flex-shrink:0}.forecast-grid{grid-gap:.5rem;display:grid;flex-grow:1;gap:.5rem;grid-template-columns:repeat(7,1fr)}.forecast-card{align-items:center;background-color:#ffffff1a;border-radius:1rem;display:flex;flex-direction:column;padding:.5rem;text-align:center}.forecast-card .day{font-size:.875rem;font-weight:300}.forecast-card .icon{font-size:2rem;margin:.2rem 0}.forecast-card .temp{font-size:.875rem}.unit-toggle{background-color:#0000004d;border-radius:9999px;display:flex;flex-shrink:0}.unit-toggle button{background-color:initial;border:none;border-radius:9999px;color:#fff;cursor:pointer;font-weight:600;padding:.5rem 1rem;transition:all .3s}.unit-toggle button.active{background-color:#fff;color:#000}.highlights-container{display:flex;flex-direction:column;flex-grow:1}.highlights-title{font-size:1.25rem;font-weight:600;margin-bottom:1rem}.highlights-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);height:100%}.highlight-card{background-color:#ffffff1a;border-radius:1rem;display:flex;flex-direction:column;justify-content:space-between;padding:.8rem}.highlight-card .title-container{align-items:center;color:#d1d5db;display:flex;font-size:1rem}.highlight-card .title-container .icon{margin-right:.5rem;margin-top:5px}.highlight-card .highlight-content{align-items:center;display:flex;flex-direction:column;flex-grow:1;justify-content:center}.highlight-card .value{font-size:3.4rem;font-weight:300}.highlight-card .value .unit{font-size:1.25rem;font-weight:100}.highlight-card .description{color:#9ca3af;font-size:.75rem;margin-top:.25rem}.sunrise-sunset-container{display:flex;flex-direction:column;gap:.5rem}.time-row{align-items:center;display:flex;font-size:1.125rem;font-weight:500}.time-row .time-icon{color:#facc15;margin-right:.75rem}.advice-tile{background-color:#ffffff1a;border-radius:1rem;flex-shrink:0;gap:1rem;padding:1rem 1.5rem}.advice-icon-container,.advice-tile{align-items:center;display:flex;justify-content:center}.advice-icon-container{background-color:#0003;border-radius:9999px;padding:.75rem}.advice-text{font-size:1rem;font-weight:300}.floating-info-button{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#0006;border:1px solid #ffffff1a;border-radius:9999px;bottom:2rem;color:#fff;cursor:pointer;display:flex;height:56px;justify-content:center;position:fixed;right:2rem;transition:all .3s ease-in-out;width:56px;z-index:20}.floating-info-button:hover{background-color:#0009;transform:scale(1.1)}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#0003;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:50}.modal-card{animation:modal-pop-in .3s ease-out forwards;background:linear-gradient(to bottom right,#9900ff88,#f50b69e1);border-radius:1.5rem;box-shadow:0 10px 25px #0000004d;color:#fff;max-width:380px;padding:2rem;position:relative;text-align:center;width:100%}.close-button{align-items:center;background:#ffffff1a;border:none;border-radius:9999px;color:#fff;cursor:pointer;display:flex;height:32px;justify-content:center;position:absolute;right:1rem;top:1rem;transition:.2s ease-in-out;width:32px}.close-button:hover{background:#fff3;transform:scale(1.1);transition:.2s ease-in-out}.profile-image{border:4px solid #fff;border-radius:9999px;height:120px;margin:0 auto;object-fit:cover;width:120px}.profile-name{font-size:1.75rem;font-weight:800;margin-top:1rem}.profile-title{color:#c3c3c3;font-weight:500}.profile-bio{color:#fff;font-size:1rem;margin-left:auto;margin-right:auto;margin-top:1rem;max-width:90%}.social-links{margin-top:2rem}.connect-text{color:#d2d2d2;font-size:.8rem;font-weight:500;margin-bottom:.6rem}.icon-container{gap:1.5rem}.icon-container,.social-icon{display:flex;justify-content:center}.social-icon{align-items:center;background:#ffffff4d;border-radius:9999px;color:#fff;font-size:1.4rem;height:48px;text-decoration:none;transition:all .3s;width:48px}.social-icon:hover{background:#ffffff80;transform:scale(1.1)}@keyframes modal-pop-in{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@media (max-width:1024px){.main-frame{height:auto;max-height:fit-content}.highlights-grid{grid-template-columns:repeat(2,1fr)}.location-info .location-name{font-size:2.5rem}.current-weather .temperature{font-size:4.5rem}}@media (max-width:768px){.main-frame{max-height:fit-content;padding:1rem}.search-wrapper{max-width:none;order:2;transform:scale(.9);transform:translateX(-20%);width:100%}.unit-toggle{order:1;transform:translateX(270%);z-index:20}.content-panels{flex-direction:column;gap:2rem}.left-panel,.right-panel{border-right:none;padding-left:0;padding-right:0;width:100%}.left-panel{border-bottom:1px solid #ffffff1a;padding-bottom:2rem}.location-info .location-name{font-size:2rem}.location-info .location-country{font-size:1.25rem}.current-weather .temperature{font-size:4rem}.current-weather .weather-icon-main{font-size:10rem}.forecast-container{overflow-x:auto;padding-bottom:1rem}.forecast-grid{min-width:550px}.highlights-grid{grid-template-columns:repeat(2,1fr)}.highlight-card .value{font-size:2.5rem}.current-weather{margin-top:-15px}.extra-details{margin-top:30px}.location-info .location-name{margin-top:10px;text-align:center}.location-info .location-country,.location-info .location-date{text-align:center}}@media (max-width:480px){.main-frame{max-height:fit-content;padding:1rem}.location-info .location-name{margin-top:-3px}.app-container{padding:1.2rem}.right-panel{gap:2rem}}.weather-effects-container{height:100%;left:0;overflow:hidden;position:absolute;top:0;width:100%;z-index:0}.effect-raindrop{animation:fall linear infinite;background:linear-gradient(180deg,#add8e600,#add8e699);height:2rem;position:fixed;top:-3rem;width:1.5px}.effect-cloud{animation:drift linear infinite;color:#fff6;font-size:220px;position:absolute}.effect-star{animation:twinkle 3s ease-in-out infinite;color:#fdf99ccc;font-size:2px;position:absolute}.effect-snowflake{animation:snowfall linear infinite;color:#ffffffe6;font-size:15px;position:fixed;top:-3rem}.effect-lightning{animation:lightning-flash 7s linear infinite;background:#fff3;height:100%;left:0;opacity:0;position:absolute;top:0;width:100%}.effect-sunbeam{animation:sunbeam-anim 20s linear infinite;background:linear-gradient(180deg,rgba(255,255,0,.855),#0000);filter:blur(90px);height:300%;left:50%;opacity:.5;pointer-events:none;position:absolute;top:-50%;transform-origin:50% 50%;width:10%;z-index:0}.effect-fog-layer{background:linear-gradient(0deg,#c8d2dcdb,#0000)}.effect-fog-layer,.effect-haze{animation:drift linear infinite;border-radius:50%;height:30%;position:absolute;transition:all .5s ease-in-out;width:100%}.effect-haze{background:radial-gradient(circle,rgba(195,137,43,.307) 0,#ddd0 70%);left:-20%}.effect-hailstone{animation:fall linear infinite;color:#dce6f0e6;font-size:8px;position:absolute;position:fixed;top:-3rem}@keyframes sunbeam-anim{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes fall{0%{opacity:0;transform:translateY(-30vh)}5%{opacity:1}95%{opacity:1}to{opacity:0;transform:translateY(110vh)}}@keyframes drift{0%{transform:translateX(-120%)}to{transform:translateX(300%)}}@keyframes twinkle{0%,to{opacity:.4;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}@keyframes snowfall{0%{opacity:0;transform:translateY(-20vh) rotate(0deg)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translateY(110vh) rotate(1turn)}}@keyframes lightning-flash{0%,to{opacity:0}5%{opacity:0}6%{opacity:.5}7%{opacity:0}8%{opacity:.3}9%{opacity:0}}
/*# sourceMappingURL=main.5ef343dd.css.map*/