/* EchoWx r52 WeatherFront-style reflectivity legend */
:root{--echowx-reflectivity-r52-gradient:linear-gradient(to bottom,#f0ffff 0%,#27d6ea 10%,#8f4fd5 18%,#b436c2 24%,#d0177d 31%,#b00017 37%,#e83412 43%,#ff7300 50%,#ffb400 56%,#fff000 62%,#b6f000 69%,#4fe600 75%,#23c634 81%,#13932c 87%,#59a3d8 92%,#7f8da1 96%,#5f656c 100%)}
.echowx-workspace .radar-vertical-legend{right:max(10px,env(safe-area-inset-right,0px))!important;width:50px!important;height:clamp(330px,68%,560px)!important;min-height:0!important;max-height:calc(100% - 34px)!important;padding:9px 6px 7px!important;border:1px solid rgba(139,166,190,.34)!important;border-radius:10px!important;background:rgba(6,12,18,.56)!important;box-shadow:0 14px 34px rgba(0,0,0,.46),inset 0 1px 0 rgba(255,255,255,.09)!important;backdrop-filter:blur(8px)!important;top:50%!important;transform:translateY(-50%)!important}.echowx-workspace .radar-legend-body{grid-template-columns:17px minmax(21px,1fr)!important;column-gap:4px!important;height:100%!important}.echowx-workspace .radar-legend-gradient{width:17px!important;border-radius:4px!important;border:1px solid rgba(255,255,255,.28)!important;background:var(--echowx-reflectivity-r52-gradient)!important;box-shadow:inset 0 0 0 1px rgba(0,0,0,.28),0 0 12px rgba(26,184,255,.12)!important}.echowx-workspace .radar-legend-ticks{min-width:21px!important;color:#f2f6fb!important;font-size:10px!important;font-weight:750!important;line-height:1!important;text-shadow:0 1px 2px rgba(0,0,0,.9),0 0 5px rgba(0,0,0,.8)!important}.echowx-workspace .radar-legend-unit{padding-top:6px!important;color:#f5f8fb!important;font-size:10px!important;font-weight:800!important;letter-spacing:.02em!important;text-shadow:0 1px 2px rgba(0,0,0,.85)!important}@media (width<=900px){.echowx-workspace .radar-vertical-legend{right:max(7px,env(safe-area-inset-right,0px))!important;width:45px!important;height:clamp(255px,62%,460px)!important;max-height:calc(100% - 22px)!important;padding:7px 5px 6px!important}.echowx-workspace .radar-legend-body{grid-template-columns:15px minmax(18px,1fr)!important;column-gap:3px!important}.echowx-workspace .radar-legend-gradient{width:15px!important}.echowx-workspace .radar-legend-ticks{font-size:9px!important}.echowx-workspace .radar-legend-unit{font-size:9px!important}}