.fbb-reporter-section{
  position:relative;
  overflow:hidden;
  border:
    1px solid
    rgba(0,177,255,.28)!important;
  background:
    linear-gradient(
      180deg,
      rgba(0,177,255,.055),
      rgba(18,18,18,.98) 34%
    )!important;
}

.fbb-reporter-section::before{
  content:"";
  position:absolute;
  inset:0 auto auto 0;
  width:100%;
  height:3px;
  background:
    linear-gradient(
      90deg,
      #00b1ff,
      #00ff87
    );
  pointer-events:none;
}

.fbb-reporter-title{
  margin-bottom:14px!important;
  font-size:
    clamp(
      1.35rem,
      2.4vw,
      1.85rem
    )!important;
  line-height:1.15!important;
}

.fbb-reporter-profile{
  display:grid;
  grid-template-columns:
    auto
    minmax(0,1fr)
    auto;
  gap:13px;
  align-items:center;
  margin:0 0 16px;
  padding:13px;
  border:
    1px solid
    rgba(255,255,255,.09);
  border-radius:16px;
  background:
    rgba(255,255,255,.035);
}

.fbb-reporter-avatar{
  position:relative;
  display:grid;
  place-items:center;
  width:66px;
  height:66px;
  overflow:hidden;
  border:
    2px solid
    #00b1ff;
  border-radius:50%;
  background:
    linear-gradient(
      135deg,
      #00b1ff,
      #00ff87
    );
  color:#071018;
  text-decoration:none;
  box-shadow:
    0 0 0 4px
    rgba(0,177,255,.1);
}

.fbb-reporter-avatar img{
  position:absolute;
  inset:0;
  z-index:2;
  width:100%;
  height:100%;
  object-fit:cover;
}

.fbb-reporter-avatar span{
  font-size:16px;
  font-weight:950;
  letter-spacing:-.5px;
}

.fbb-reporter-identity{
  display:flex;
  min-width:0;
  flex-direction:column;
  gap:3px;
}

.fbb-reporter-identity > div{
  display:flex;
  min-width:0;
  align-items:center;
  gap:6px;
}

.fbb-reporter-identity strong{
  overflow:hidden;
  color:#fff;
  font-size:15px;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.fbb-reporter-identity b{
  display:grid;
  width:17px;
  height:17px;
  place-items:center;
  border-radius:50%;
  background:#00b1ff;
  color:#06131a;
  font-size:11px;
}

.fbb-reporter-identity > a{
  width:max-content;
  color:#8fdcff;
  font-size:14px;
  text-decoration:none;
}

.fbb-reporter-identity small{
  color:
    rgba(255,255,255,.62);
  font-size:12px;
}

.fbb-reporter-follow{
  display:inline-flex;
  min-height:38px;
  align-items:center;
  justify-content:center;
  padding:0 14px;
  border-radius:999px;
  background:#fff;
  color:#080808!important;
  font-size:13px;
  font-weight:900;
  text-decoration:none;
  white-space:nowrap;
}

.fbb-reporter-intro{
  position:relative;
  margin:0 0 14px;
  padding:
    17px
    18px
    17px
    43px;
  border-left:
    3px solid
    #00ff87;
  border-radius:
    0 14px 14px 0;
  background:
    rgba(0,255,135,.065);
}

.fbb-reporter-intro i{
  position:absolute;
  top:8px;
  left:14px;
  color:#00ff87;
  font-size:34px;
  font-style:normal;
  line-height:1;
}

.fbb-reporter-intro p{
  margin:0!important;
  color:#f7f7f7!important;
  font-size:15px!important;
  line-height:1.65!important;
}

.fbb-reporter-subheading{
  margin:18px 0 10px;
  color:#00b1ff;
  font-size:12px;
  font-weight:950;
  letter-spacing:.11em;
  text-transform:uppercase;
}

.fbb-reporter-final{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  margin-top:18px;
  padding:14px 16px;
  border:
    1px solid
    rgba(0,255,135,.25);
  border-radius:14px;
  background:
    rgba(0,255,135,.07);
}

.fbb-reporter-final span{
  color:
    rgba(255,255,255,.7);
  font-size:13px;
  font-weight:800;
}

.fbb-reporter-final strong{
  color:#00ff87;
  font-size:16px;
  text-align:right;
}

.fbb-reporter-footer{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  margin-top:14px;
  padding:13px 15px;
  border-radius:14px;
  background:
    rgba(0,177,255,.08);
  color:#dff5ff!important;
  font-size:13px;
  line-height:1.45;
  text-decoration:none;
}

.fbb-reporter-footer strong{
  color:#00b1ff;
  font-size:20px;
}

@media(max-width:680px){

  .fbb-reporter-profile{
    grid-template-columns:
      auto
      minmax(0,1fr);
  }

  .fbb-reporter-avatar{
    width:58px;
    height:58px;
  }

  .fbb-reporter-follow{
    grid-column:1/-1;
    width:100%;
  }

  .fbb-reporter-intro{
    padding:
      15px
      14px
      15px
      39px;
  }

  .fbb-reporter-final{
    align-items:flex-start;
    flex-direction:column;
    gap:5px;
  }

  .fbb-reporter-final strong{
    text-align:left;
  }
}

/* FBB REPORTER OPTIMIZATION START */

.fbb-reporter-section{
  padding-top:24px!important;
}

.fbb-reporter-title{
  margin:0 0 18px!important;
  color:#fff!important;
  font-size:clamp(1.35rem,2.5vw,1.8rem)!important;
  font-weight:950!important;
  letter-spacing:-.025em!important;
  line-height:1.18!important;
}

.fbb-reporter-profile{
  display:grid!important;
  grid-template-columns:
    64px
    minmax(0,1fr)
    auto!important;
  gap:14px!important;
  align-items:center!important;
  margin:0 0 16px!important;
  padding:14px!important;
  border:1px solid rgba(255,255,255,.11)!important;
  border-radius:16px!important;
  background:
    linear-gradient(
      135deg,
      rgba(255,255,255,.055),
      rgba(255,255,255,.025)
    )!important;
}

.fbb-reporter-avatar{
  width:64px!important;
  height:64px!important;
  flex:0 0 64px!important;
  border:3px solid #00b1ff!important;
  box-shadow:
    0 0 0 4px rgba(0,177,255,.12),
    0 8px 24px rgba(0,0,0,.25)!important;
}

.fbb-reporter-avatar img{
  object-position:center!important;
}

.fbb-reporter-identity{
  min-width:0!important;
  gap:4px!important;
}

.fbb-reporter-name-row{
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
}

.fbb-reporter-name-row strong{
  overflow:hidden!important;
  color:#fff!important;
  font-size:15px!important;
  font-weight:900!important;
  line-height:1.25!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}

.fbb-reporter-verified{
  display:grid!important;
  width:17px!important;
  height:17px!important;
  flex:0 0 17px!important;
  place-items:center!important;
  border-radius:50%!important;
  background:#00b1ff!important;
  color:#06131a!important;
  font-size:11px!important;
}

.fbb-reporter-handle{
  width:max-content!important;
  color:#55cfff!important;
  font-size:14px!important;
  font-weight:700!important;
  text-decoration:none!important;
}

.fbb-reporter-identity small{
  display:block!important;
  overflow:hidden!important;
  margin-top:2px!important;
  color:rgba(255,255,255,.62)!important;
  font-size:12px!important;
  line-height:1.35!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}

.fbb-reporter-follow{
  display:inline-flex!important;
  min-height:38px!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  padding:0 15px!important;
  border:1px solid rgba(255,255,255,.18)!important;
  border-radius:999px!important;
  background:#050505!important;
  color:#fff!important;
  font-size:13px!important;
  font-weight:900!important;
  line-height:1!important;
  text-decoration:none!important;
  white-space:nowrap!important;
  transition:
    transform .18s ease,
    border-color .18s ease,
    background .18s ease!important;
}

.fbb-reporter-follow:hover{
  transform:translateY(-1px)!important;
  border-color:#00b1ff!important;
  background:#111!important;
}

.fbb-x-symbol{
  font-size:15px!important;
  line-height:1!important;
}

.fbb-reporter-intro{
  margin:0 0 17px!important;
  padding:
    17px
    18px
    17px
    44px!important;
  border-left:3px solid #00ff87!important;
  border-radius:0 15px 15px 0!important;
  background:
    linear-gradient(
      90deg,
      rgba(0,255,135,.11),
      rgba(0,255,135,.045)
    )!important;
}

.fbb-reporter-intro i{
  top:11px!important;
  left:15px!important;
  color:#00ff87!important;
  font-size:28px!important;
  font-weight:950!important;
}

.fbb-reporter-intro p{
  margin:0!important;
  color:#f5f8fa!important;
  font-size:15px!important;
  line-height:1.65!important;
}

.fbb-reporter-subheading{
  margin:19px 0 10px!important;
  color:#00b1ff!important;
  font-size:12px!important;
  font-weight:950!important;
  letter-spacing:.1em!important;
}

@media(max-width:760px){

  .fbb-reporter-profile{
    grid-template-columns:
      58px
      minmax(0,1fr)!important;
    gap:12px!important;
  }

  .fbb-reporter-avatar{
    width:58px!important;
    height:58px!important;
  }

  .fbb-reporter-follow{
    grid-column:1/-1!important;
    width:100%!important;
    min-height:40px!important;
  }
}

@media(max-width:480px){

  .fbb-reporter-section{
    padding-left:14px!important;
    padding-right:14px!important;
  }

  .fbb-reporter-title{
    font-size:1.3rem!important;
  }

  .fbb-reporter-profile{
    padding:12px!important;
    border-radius:14px!important;
  }

  .fbb-reporter-identity small{
    white-space:normal!important;
  }

  .fbb-reporter-intro{
    padding:
      15px
      14px
      15px
      39px!important;
  }

  .fbb-reporter-intro i{
    left:12px!important;
  }

  .fbb-reporter-intro p{
    font-size:14px!important;
    line-height:1.6!important;
  }
}

/* FBB REPORTER OPTIMIZATION END */

/* FINDBESTBET REPORTER AVATAR */
.fbb-reporter-avatar{
  overflow:hidden!important;
  background:#05080d!important;
}

.fbb-reporter-avatar img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
  border-radius:50%!important;
}

.fbb-reporter-avatar span{
  display:none!important;
}
