@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";@keyframes deslizar{0%{opacity:.2;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes fadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.loader-wrapper{display:flex;justify-content:center;align-items:center;padding:4rem;height:80vh;max-width:350px}.loader{width:64px;height:64px;background-color:#fff;animation:rotate 1.4s linear infinite,morph 1.4s ease-in-out infinite}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes morph{0%{border-radius:20%}35%{border-radius:50%}65%{border-radius:30% 70%/70% 30%}to{border-radius:20%}}.navigationRail{width:100px;padding:50px 0;display:flex;flex-direction:column;align-items:center;gap:50px}.buttonAdd{width:50px;height:50px;border-radius:14px;border:none;background-color:var(--dominant-color, #4F378B);cursor:pointer;transition:background-color .3s ease}.buttonAdd:hover{box-shadow:0 4px 6px #0003,0 10px 15px #0000000d}.navAnchor{width:50px;height:60px;border:none;background-color:transparent;cursor:pointer;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;text-align:center;font-weight:600;font-size:14px;margin-bottom:20px}.navAnchor div{background-color:#5c4b8800;width:100%;min-height:25px;border-radius:100px;padding:5px;display:flex;align-items:center;justify-content:center}.navAnchor div:hover{background-color:#9793a328}.navAnchor .navAnchorActive{background-color:var(--dominant-color-darker, #5c4b8869);width:100%;min-height:25px;border-radius:100px;padding:5px;display:flex;align-items:center;justify-content:center;transition:background-color .3s ease}.context-menu{position:absolute;z-index:1010;width:150px;background-color:#00000073;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:8px;box-shadow:0 4px 15px #0003;padding:8px}.context-menu-item{padding:10px 12px;cursor:pointer;border-radius:6px;color:#f0f0f0}.context-menu-item:hover{background-color:var(--dominant-color, #4F378B)}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background-color:#00000050;-webkit-backdrop-filter:blur(50px);backdrop-filter:blur(50px);display:grid;grid-template-rows:1fr;text-align:center;gap:2px;color:#fcfcfc;padding:32px;border-radius:24px;box-shadow:0 4px 15px #0003;width:90%;max-width:400px;position:relative;animation:fadeIn .3s ease-out}.close-button{position:absolute;top:16px;right:16px;background:transparent;border:none;cursor:pointer;font-size:1.5rem}.search-button{margin-top:6px;cursor:pointer;background-color:var(--dominant-color, #4F378B);color:#fcfcfc;padding:16px 8px;border-radius:12px;border:none;width:100%;font-size:16px;transition:background-color .3s ease}.inputCity{background-color:#1717175e;margin-top:12px;padding:16px 8px;border-radius:12px;border:2px solid #2d2d2d;width:100%;color:#fcfcfc}.mainContainer{display:grid;grid-template-columns:1.4fr 1.6fr;height:100dvh;min-width:100vw}.conteudo-frontal{position:relative;z-index:2}.weatherContainer{height:100%;background:#000;background:linear-gradient(266deg,#1b0e3500 5%,#000000ad 95%);display:grid;grid-template-columns:5rem 1fr;grid-template-rows:auto}.weatherInfo{display:flex;flex-direction:column;gap:20px;padding:25px;animation:deslizar 1s cubic-bezier(.25,.46,.45,.94) forwards}.weatherCityTemp{display:flex;width:350px;justify-content:space-between;align-items:baseline;font-weight:500;font-size:25px;color:#fff;animation:deslizar .5s cubic-bezier(.25,.46,.45,.94) forwards}.weatherCityTemp h1{font-size:50px;color:#fff}.weatherMessageSpan{color:transparent;-webkit-text-stroke-width:1px;-webkit-text-stroke-color:white}.weatherMessage{margin-top:50px;font-size:60px;max-width:350px;line-height:120%;animation:deslizar .5s cubic-bezier(.25,.46,.45,.94) forwards}:root{--blur-amount: 12px;--blur-fade-start: 0%;--blur-fade-end: 80%}.progressive-blur-container{position:relative;width:70vw;max-width:800px;overflow:hidden}.progressive-blur-container img{display:block;width:100%;height:auto}.progressive-blur-container:after{content:"";position:absolute;inset:0;backdrop-filter:blur(var(--blur-amount));-webkit-backdrop-filter:blur(var(--blur-amount));mask-image:linear-gradient(to right,black var(--blur-fade-start),transparent var(--blur-fade-end));-webkit-mask-image:linear-gradient(to right,black var(--blur-fade-start),transparent var(--blur-fade-end))}.weather-background{background-size:cover;background-position:center;transition:background-image 1s ease-in-out}*{box-sizing:border-box;padding:0;margin:0}:root{font-family:Inter,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#backgroundChanger{color:#fff;background-size:cover;background-position:center}input{width:100%}