.weather-card{position:relative;overflow:hidden;margin-bottom:18px;padding:16px!important;color:#fff;background:radial-gradient(circle at 88% 8%,rgba(255,255,255,.30),transparent 30%),linear-gradient(145deg,var(--gradient-start),var(--gradient-end))!important;border:0!important;box-shadow:0 7px 0 color-mix(in srgb,var(--gradient-start) 72%,#000),0 16px 28px color-mix(in srgb,var(--gradient-start) 22%,transparent)!important}.weather-card:after{content:'';position:absolute;width:105px;height:105px;border-radius:50%;right:-45px;bottom:-55px;background:rgba(255,255,255,.09)}.weather-card .side-title{margin:0 0 4px;color:rgba(255,255,255,.72)}.weather-top,.weather-main,.weather-details{position:relative;z-index:1;display:flex;align-items:center}.weather-top{justify-content:space-between}.weather-top strong{font-size:11px}.weather-icon{font-size:36px;filter:drop-shadow(0 5px 7px rgba(0,0,0,.2));transition:.25s}.weather-ready .weather-icon{transform:scale(1.08)}.weather-main{gap:10px;margin:13px 0}.weather-main>b{font-size:42px;line-height:1;text-shadow:0 3px 0 rgba(0,0,0,.14)}.weather-main div{min-width:0}.weather-main span,.weather-main small{display:block}.weather-main span{font-size:12px;font-weight:900;line-height:1.35}.weather-main small{margin-top:3px;color:rgba(255,255,255,.75);font-size:9px}.weather-details{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.weather-details>span{display:grid;place-items:center;gap:2px;padding:7px 2px;border:1px solid rgba(255,255,255,.16);border-radius:10px;background:rgba(255,255,255,.11);backdrop-filter:blur(4px)}.weather-details i{font-style:normal;font-size:13px}.weather-details b{font-size:8px;white-space:nowrap}.weather-update{position:relative;z-index:1;display:block;margin-top:9px;text-align:center;color:rgba(255,255,255,.65);font-size:7px}.weather-error{filter:saturate(.65)}@media(max-width:1100px) and (min-width:761px){.weather-main>b{font-size:35px}.weather-main span{font-size:10px}.weather-details b{font-size:7px}}