.ewd-wind-rose{position:relative;width:150px;height:150px;margin:0 auto 10px;border:2px solid #59636d;border-radius:50%;background:radial-gradient(circle at center,#292e36 0 31%,transparent 32%),repeating-conic-gradient(from -1deg,rgba(105,119,130,.65) 0 1deg,transparent 1deg 15deg)}
.ewd-wind-rose:after{content:"";position:absolute;inset:12px;border:1px solid #46515b;border-radius:50%}
.ewd-wind-rose>span{position:absolute;z-index:4;color:#aeb9c2;font-size:10px;font-weight:700}
.ewd-wind-rose .ewd-n{top:5px;left:50%;transform:translateX(-50%);color:#22c7d9}.ewd-wind-rose .ewd-e{right:7px;top:50%;transform:translateY(-50%)}.ewd-wind-rose .ewd-s{bottom:5px;left:50%;transform:translateX(-50%)}.ewd-wind-rose .ewd-w{left:6px;top:50%;transform:translateY(-50%)}
.ewd-wind-arrow{position:absolute;inset:8px;z-index:2;transform:rotate(var(--dir));transition:transform .4s ease}.ewd-wind-arrow i{position:absolute;left:50%;top:1px;width:0;height:0;transform:translateX(-50%);border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:19px solid #22c7d9;filter:drop-shadow(0 0 4px rgba(34,199,217,.55))}
.ewd-wind-center{position:absolute;z-index:5;inset:43px;border-radius:50%;background:#292e36;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.ewd-wind-center strong{font-size:15px;color:#fff;line-height:1.1}.ewd-wind-center small{font-size:9px;color:#9daab5;margin-top:4px;text-transform:uppercase;letter-spacing:.08em}