:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#080710;display:flex;justify-content:center;align-items:center;height:100%}h1{line-height:1.1}button{border-radius:5px;border:none;padding:.5rem 1rem;font-size:16px;cursor:pointer;background-color:#ffffff1a}button:active{outline:1px solid white}.container{position:relative;z-index:1;text-align:center;max-width:fit-content;margin:0 auto}.weather-items-container{border-radius:25px;padding:1rem 5rem;-webkit-backdrop-filter:blur(50px);backdrop-filter:blur(50px);border:2px solid rgba(255,255,255,.1);color:#fff}.shape{background:#42a5f5;border-radius:100%;width:200px;height:200px;position:absolute;top:0;left:0;animation:animation 20s ease-in-out infinite}@keyframes animation{0%{transform:translate(0)}25%{transform:translateY(300px)}50%{transform:translate(390px,300px)}75%{transform:translate(390px)}to{transform:translate(0)}}.weather-items{display:grid;grid-template-columns:repeat(2,1fr);margin-bottom:2rem;gap:1rem}.weather-item{border:1px solid #ccc;border-radius:25px;font-size:small;padding:1rem;width:150px;height:100px;margin:1rem;direction:rtl;text-align:right;transition:.5s}.weather-item *{pointer-events:none}.weather-items :hover{box-shadow:0 0 20px #ffffff80}.weather-buttons{display:flex;justify-content:center;gap:3rem;flex-wrap:wrap}.city-select{min-width:200px}.custom-select__control{background-color:#ffffff1a!important;border:none!important;border-radius:5px!important;min-height:auto!important;padding:.5rem!important;cursor:pointer;font-weight:600;font-size:16px}.custom-select__control--is-focused{outline:1px solid white;box-shadow:none}.custom-select__single-value{color:#fff!important;font-weight:600}.custom-select__placeholder{color:#ffffffb3!important;font-weight:400}.custom-select__input-container{color:#fff}.custom-select__input-container input{color:#fff!important}.custom-select__dropdown-indicator,.custom-select__clear-indicator{color:#fff!important;padding:0 4px}.custom-select__dropdown-indicator:hover,.custom-select__clear-indicator:hover{color:#ffffffb3!important}.custom-select__menu{background-color:#000!important;border-radius:5px;overflow:hidden;margin-top:4px}.custom-select__option{background-color:#000!important;color:#fff;padding:.5rem 1rem;font-size:16px;cursor:pointer}.custom-select__option--is-focused{background-color:#fff3!important}.custom-select__option--is-selected{background-color:#ffffff4d!important;font-weight:600}.custom-select__menu-notice--no-options{color:#fff;background-color:#000;padding:.5rem;text-align:center}@media(max-width:700px){.container{overflow:hidden}.weather-items{grid-template-columns:1fr;justify-items:center}.weather-item{width:80%;max-width:250px;margin:.5rem auto}.weather-items-container{padding:1rem 1.5rem}.weather-buttons{gap:1.5rem}@keyframes animation{0%{transform:translate(0)}25%{transform:translateY(500px)}50%{transform:translate(130px,500px)}75%{transform:translate(130px)}to{transform:translate(0)}}}@media(max-width:550px){body{margin:0;padding:0}.container{margin:0;padding:.5rem}.weather-items-container{padding:.8rem;margin:0}.weather-item{margin:.3rem auto;padding:.5rem;width:95%}.weather-items{gap:.5rem;margin-bottom:1rem}.shape{animation:none;top:30px;left:30px}}@media(max-width:450px){.shape{display:none}.weather-items-container{border:none;-webkit-backdrop-filter:none;backdrop-filter:none;background-color:#0000004d;padding:.8rem}html{background:linear-gradient(#0003a158,#01074462,#000)}.weather-item{margin:.5rem auto;width:95%}.weather-buttons{gap:.6rem}button{font-size:14px;padding:.4rem .8rem;width:90%}.custom-select__option,.custom-select__single-value{font-size:14px}}