body{background-color:#101010;background-image:radial-gradient(circle at top,#2d2d2d 0%,#101010 65%);background-position:50%;background-repeat:no-repeat;background-size:cover;justify-content:center;align-items:center;width:100vw;height:100vh;margin:0;display:flex}#app,.weather-card{z-index:2;position:relative}.search-stack{flex-direction:column;align-items:center;display:flex;transform:translateY(-80px)}.bg-loading-screen{z-index:1;color:#ffffffe0;-webkit-backdrop-filter:blur(1px);pointer-events:none;opacity:1;visibility:visible;background:linear-gradient(#0808089e,#12121280);flex-direction:column;justify-content:center;align-items:center;gap:12px;transition:opacity .3s,visibility .3s;display:flex;position:fixed;inset:0}.bg-loading-screen p{letter-spacing:.02em;margin:0;font-size:14px}.bg-loader{border:3px solid #ffffff3d;border-top-color:#fffffff2;border-radius:999px;width:34px;height:34px;animation:.9s linear infinite spin}body.background-loaded .bg-loading-screen{opacity:0;visibility:hidden}@keyframes spin{to{transform:rotate(360deg)}}.search{background:#fff;border-radius:10px;width:60vw;display:block}.search-row{height:60px;display:flex}.search-hints{flex-wrap:wrap;justify-content:center;gap:8px;width:60vw;margin-top:10px;display:flex}.hint-card{color:#000;-webkit-backdrop-filter:blur(5px);background:#ffffffc4;border:1px solid #0000000d;border-radius:10px;padding:7px 11px;font-size:11px;line-height:1;box-shadow:0 1px 3px #00000014}.searchbar{min-width:0;box-shadow:none;background:0 0;border:none;outline:none;flex:1;font-size:20px}.searchbar:focus{box-shadow:none;outline:none}.icon{background:url(https://cdn-icons-png.flaticon.com/512/2702/2702602.png) 50%/30px 30px no-repeat;flex-shrink:0;width:60px;height:60px}.search-icon{cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;width:60px;height:60px;margin:0;display:flex}.search-icon i{color:#898989;font-size:30px}.glass-card{-webkit-backdrop-filter:blur(5px);background:#ffffffc4;position:relative;overflow:hidden}.weather-card{color:#fff;border-radius:12px;flex-direction:column;align-items:stretch;gap:8px;padding:12px 14px;display:flex;position:absolute;top:3vh;right:3vh}.weather-wrapper{justify-content:flex-start;align-items:center;gap:12px;width:100%;display:flex}.weather-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:64px;height:64px;display:flex}.weather-icon img{width:48px;height:48px;display:block}.temp{color:#fff;margin-left:4px;font-size:24px;font-weight:700;line-height:1}.description{color:#ffffffdb;opacity:.95;text-transform:capitalize;text-align:left;width:100%;margin-top:2px;padding-left:6px;font-size:13px}.weather-wrapper .temp{display:block}