:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:4px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#f0f0f0;cursor:pointer;transition:border-color .25s}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.card{padding:2em}#app{margin:0 auto;text-align:right;width:100%}.loading-animation[data-v-069d45a6]{display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:#00000080;font-size:24px;font-weight:700;color:#fff;position:absolute;top:0;left:0;right:0;bottom:0;z-index:1000}.weather-background[data-v-069d45a6]{position:relative;transition:opacity .5s ease-in-out;background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed;min-height:100vh;width:100%;padding:10px}button[data-v-069d45a6]{outline:none;transition:.2s}.add-city-button[data-v-069d45a6]{padding:10px 20px;font-size:16px;background-color:#ccb94d;color:#fff;border:none;border-radius:5px;cursor:pointer;text-shadow:0 0 2px #00000088}.add-city-button[data-v-069d45a6]:hover{background-color:#9d8d35}.form[data-v-069d45a6]{display:flex;flex-direction:column;align-items:end}.city-input[data-v-069d45a6]{padding:10px;font-size:16px;margin-bottom:10px}.submit-button[data-v-069d45a6]{padding:10px 20px;font-size:16px}.city-list[data-v-069d45a6]{display:flex;flex-direction:column;align-items:end;margin:20px 0}.city-item[data-v-069d45a6]{display:flex;align-items:center;margin-bottom:10px}.city-button[data-v-069d45a6]{padding:5px 10px;font-size:16px;background-color:#f0f0f0;border-radius:4px;cursor:pointer}.city-button[data-v-069d45a6]:hover{background-color:#e0e0e0}.current-city[data-v-069d45a6]{background-color:#54b3cd;color:#fff}.current-city[data-v-069d45a6]:hover{background-color:#3a7d8f}.current-weather-wrap[data-v-069d45a6]{height:130px}.current-weather[data-v-069d45a6]{display:inline-flex;align-items:end;justify-content:end;flex-direction:column;margin-top:20px;filter:drop-shadow(0 0 4px #00000088);font-weight:700}.delete-button[data-v-069d45a6]{background-color:#ee721d;color:#fff;font-size:16px;padding:5px 10px;margin-left:10px}.modal-overlay[data-v-069d45a6]{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;justify-content:center;align-items:center}.modal-content[data-v-069d45a6]{background:#fff;padding:20px;border-radius:8px}.modal-content[data-v-069d45a6]{color:#000}.modal-button[data-v-069d45a6]{padding:10px 20px;font-size:16px;margin:10px}.weather-name[data-v-069d45a6]{margin:0}.weather-info[data-v-069d45a6]{display:inline-flex;align-items:center;justify-content:end;flex-direction:column-reverse}.weather-info p[data-v-069d45a6]{margin-top:0}.weather-info img[data-v-069d45a6]{width:60px;height:60px}