.spinner{width:40px;height:40px;position:relative;margin:100px auto}.double-bounce1,.double-bounce2{width:100%;height:100%;border-radius:50%;background-color:var(--primary-color);opacity:.6;position:absolute;top:0;left:0;-webkit-animation:sk-bounce 2s infinite ease-in-out;animation:sk-bounce 2s infinite ease-in-out}.double-bounce2{-webkit-animation-delay:-1s;animation-delay:-1s}@-webkit-keyframes sk-bounce{0%,to{-webkit-transform:scale(0)}50%{-webkit-transform:scale(1)}}@keyframes sk-bounce{0%,to{transform:scale(0);-webkit-transform:scale(0)}50%{transform:scale(1);-webkit-transform:scale(1)}}html[data-theme=dark],.theme-dark{--background: #222222;--text-accent-color: #979797;--accent-background: #000000;--accent-background-opacity: rgba(0, 0, 0, .3);--text-color: #eeeeee;--border-color: rgba(255, 255, 255, .1)}html[data-theme=dark] body,.theme-dark body{background:var(--background) url(/assets/dark_wall_hash-sBKESloG.png) repeat}html[data-theme=dark] .weather_machine_logo,.theme-dark .weather_machine_logo{background-color:transparent}:root{--background: #f3f3f3;--primary-color: #91478f;--accent-background: #fff;--accent-background-opacity: rgba(255, 255, 255, .9);--text-accent-color: #666666;--text-color: #222222;--border-color: rgba(0, 0, 0, .1)}body{font-family:MarineRounded,helvetica,arial,sans-serif;background:var(--background) url(/assets/light_wall_hash-BX6HB5jS.png) repeat;color:var(--text-color);margin:0;font-weight:200}img{max-width:100%}.icon{fill:var(--text-color)}.container{margin:20px auto;padding:40px 20px;text-align:center;max-width:800px}.main-weather-data{margin:2rem auto;padding:3rem;display:flex;flex-direction:column;align-items:center;background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;box-shadow:0 8px 32px #0000001a;border:1px solid rgba(255,255,255,.1);max-width:500px}.main-weather-data .main-weather-location{font-size:1.2rem;font-weight:700;padding:.5rem 0;letter-spacing:.1rem;text-transform:uppercase}.main-weather-data .main-weather-summary{display:flex;gap:10px}.main-weather-data .main-weather-summary .icon{width:5rem;height:5rem;display:block}.main-weather-data .current-temp{color:var(--primary-color);font-weight:400;font-size:5rem;text-align:center;text-shadow:0 1px 3px rgba(0,0,0,.15)}.main-weather-data .current-feels-like{font-size:1rem;color:var(--text-accent-color);margin-bottom:1rem;font-weight:200;margin-top:-15px}.main-weather-data .current-feels-like .feels-like-description{margin-right:.25rem}.main-weather-data .current-summary{font-size:1.5rem;padding-bottom:1rem;text-align:center}.main-weather-data .last-refreshed-container{color:var(--text-accent-color);font-size:.8em;margin:1rem auto 0}.weather-stats{padding:1rem 0;display:flex;gap:20px;justify-content:center;flex-wrap:wrap}.weather-stats-item{background:var(--accent-background);background:var(--accent-background-opacity);color:var(--text-color);padding:20px;border-radius:5px;font-size:1rem;display:flex;flex-direction:row;align-items:center;gap:8px;font-weight:400}.weather-stats-description{color:var(--text-accent-color);font-size:.8rem}.forecast-container{margin-top:30px}.forecast-grid{display:flex;gap:10px;flex-wrap:wrap}.forecast-card{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 32px #0000001a;border:1px solid rgba(255,255,255,.1);color:var(--text-color);padding:20px;border-radius:5px;flex:1;min-width:200px;display:flex;flex-direction:column;align-items:center;font-size:1rem}.forecast-card .forecast-card-day{font-size:1rem;font-weight:700;padding-top:.5rem;letter-spacing:.1rem;text-transform:uppercase}.forecast-card .icon{width:4rem;height:4rem;padding:.5rem 0}.forecast-card .forecast-card-summary{font-size:1.5rem;padding-bottom:.5rem;text-align:center;color:var(--primary-color)}.forecast-card .forecast-card-temps{display:flex;gap:10px}.forecast-card .forecast-card-temps .temp-item{display:flex;gap:5px;font-weight:400}.forecast-card .forecast-card-temps .temp-item .description{color:var(--text-accent-color);font-size:.9rem;font-weight:300}.navigation-buttons button{display:inline-block;margin:15px auto;padding:5px;background:transparent;color:var(--primary-color);border:0;border-radius:5px;font-size:.8rem;cursor:pointer}.navigation-buttons button:not(:last-child):after{content:" | ";color:var(--text-light);margin-left:10px}.navigation-buttons .refresh-button.disabled{opacity:.5;cursor:not-allowed}.local-weather-container{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;box-shadow:0 8px 32px #0000001a;border:1px solid rgba(255,255,255,.1);color:var(--text-color);padding:20px;display:flex;flex-direction:column;align-items:center;font-size:1rem;max-width:500px;margin:2rem auto}.local-weather-container .local-weather-location{font-size:1.2rem;font-weight:700;padding:.5rem 0;letter-spacing:.1rem;text-transform:uppercase}.local-weather-container .local-weather-current-summary{display:flex;gap:10px;align-self:center}.local-weather-container .local-weather-current-summary .icon{width:5rem;height:5rem;display:block}.local-weather-container .local-weather-temp{color:var(--primary-color);font-weight:400;font-size:5rem;text-align:center;text-shadow:0 1px 3px rgba(0,0,0,.15)}.local-weather-container .local-weather-feels-like{font-size:1rem;color:var(--text-accent-color);margin-bottom:1rem;font-weight:200;margin-top:-20px}.local-weather-container .local-weather-feels-like .feels-like-description{margin-right:.25rem}.local-weather-container .local-weather-summary{font-size:1.5rem;text-align:center}.local-weather-data{display:flex;flex-direction:column;gap:.5rem}.close-local-weather{align-self:flex-end;display:inline-flex;padding:.25rem;background-color:transparent;color:var(--text-color);border:none;cursor:pointer}.close-local-weather:hover{color:var(--primary-color)}.footer-links-container{border-top:1px solid var(--border-color);margin:15px auto 0;padding-top:20px;max-width:800px;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:20px}.footer-links-container .footer-link-item{font-size:.7rem}.footer-links-container .footer-link-item a{text-decoration:none;color:var(--contrast);display:flex;flex-direction:column;align-items:center}.footer-links-container .footer-link-item img{object-fit:contain;min-height:45px}