/* Extracted from inline style block: jobs.php#oh-jobs-sidebar-radar-v71 */
/* v71: useful sidebar content below tools */
.radar-box,
.trending-box{
  position:relative !important;
  overflow:hidden !important;
}

.radar-box:before,
.trending-box:before{
  content:"" !important;
  position:absolute !important;
  right:-60px !important;
  top:-60px !important;
  width:150px !important;
  height:150px !important;
  border-radius:50% !important;
  background:radial-gradient(circle, rgba(255,106,0,.16), transparent 64%) !important;
  pointer-events:none !important;
}

.radar-list{
  padding:0 22px 18px !important;
  display:grid !important;
  gap:10px !important;
}

.radar-item{
  display:grid !important;
  grid-template-columns:32px 1fr auto !important;
  align-items:center !important;
  gap:10px !important;
  padding:11px 0 !important;
  border-bottom:1px solid rgba(85,117,148,.16) !important;
}

.radar-item:last-child{
  border-bottom:0 !important;
}

.radar-icon{
  width:28px !important;
  height:28px !important;
  display:grid !important;
  place-items:center !important;
  border:1px solid rgba(255,106,0,.42) !important;
  border-radius:8px !important;
  color:#ff8a22 !important;
  background:rgba(255,106,0,.06) !important;
  font-size:13px !important;
}

.radar-label{
  color:#b8c9d9 !important;
  font-size:12px !important;
  font-weight:850 !important;
  line-height:1.25 !important;
}

.radar-value{
  color:#fff !important;
  font-size:17px !important;
  font-weight:950 !important;
  white-space:nowrap !important;
}

.radar-value.green{
  color:#20e895 !important;
}

.radar-note{
  margin:0 22px 18px !important;
  padding:12px 13px !important;
  border:1px solid rgba(0,137,216,.36) !important;
  border-radius:10px !important;
  background:rgba(0,137,216,.055) !important;
  color:#b9c8d7 !important;
  line-height:1.45 !important;
  font-size:12px !important;
  font-weight:780 !important;
}

.trending-chips{
  padding:0 22px 18px !important;
  display:flex !important;
  flex-wrap:wrap !important;
  gap:8px !important;
}

.trending-chips a{
  display:inline-flex !important;
  align-items:center !important;
  min-height:30px !important;
  padding:0 10px !important;
  border:1px solid rgba(0,137,216,.56) !important;
  border-radius:999px !important;
  background:rgba(0,137,216,.08) !important;
  color:#d9efff !important;
  font-size:12px !important;
  font-weight:900 !important;
  transition:all .16s ease !important;
}

.trending-chips a:hover{
  border-color:#ff6a00 !important;
  color:#ff8a22 !important;
  background:rgba(255,106,0,.10) !important;
  box-shadow:0 0 16px rgba(255,106,0,.16) !important;
}

@media(max-width:1100px){
  .radar-list{
    grid-template-columns:1fr 1fr !important;
  }
}

@media(max-width:620px){
  .radar-list{
    grid-template-columns:1fr !important;
  }
}
