/* Wire h9282a · Wire Crew */

.wire-crew-page-303f1h9282a{
  display:grid;
  gap:14px;
  padding-bottom:48px;
}

.wire-crew-hero-303f1h9282a{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding:17px;
  border:1px solid #315069;
  border-radius:16px;
  background:
    radial-gradient(circle at 92% 0,rgba(239,49,81,.12),transparent 38%),
    #081824;
}

.wire-crew-hero-303f1h9282a>div:first-child{
  display:grid;
  gap:3px;
}

.wire-crew-hero-303f1h9282a small,
.wire-crew-panel-303f1h9282a>header small{
  color:#ff506d;
  font-size:8px;
  font-weight:950;
  letter-spacing:.11em;
}

.wire-crew-hero-303f1h9282a h1{
  margin:0;
  color:#fff;
  font-size:26px;
}

.wire-crew-hero-303f1h9282a p{
  margin:0;
  max-width:570px;
  color:#8da3b2;
  font-size:10px;
  line-height:1.55;
}

.wire-crew-count-303f1h9282a{
  display:grid;
  grid-template-columns:auto auto;
  align-items:baseline;
  justify-content:center;
  min-width:90px;
  padding:11px 14px;
  border:1px solid #35566e;
  border-radius:12px;
  background:#06131d;
  text-align:center;
}

.wire-crew-count-303f1h9282a strong{
  color:#fff;
  font-size:23px;
}

.wire-crew-count-303f1h9282a>span{
  color:#7891a2;
  font-size:11px;
}

.wire-crew-count-303f1h9282a small{
  grid-column:1/-1;
  color:#71899a;
  font-size:8px;
}

.wire-crew-explainer-303f1h9282a{
  display:grid;
  grid-template-columns:38px minmax(0,1fr);
  gap:10px;
  padding:12px;
  border:1px solid rgba(239,49,81,.34);
  border-radius:12px;
  background:rgba(239,49,81,.055);
}

.wire-crew-explainer-303f1h9282a>span{
  display:grid;
  place-items:center;
  width:38px;
  height:38px;
  border-radius:50%;
  background:rgba(239,49,81,.12);
  font-size:18px;
}

.wire-crew-explainer-303f1h9282a>div{
  display:grid;
  gap:2px;
}

.wire-crew-explainer-303f1h9282a strong{
  color:#eef6fa;
  font-size:10px;
}

.wire-crew-explainer-303f1h9282a p{
  margin:0;
  color:#8199aa;
  font-size:9px;
  line-height:1.5;
}

.wire-crew-search-303f1h9282a{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:8px;
  align-items:end;
  padding:12px;
  border:1px solid #29485f;
  border-radius:13px;
  background:#07131e;
}

.wire-crew-search-303f1h9282a label{
  display:grid;
  gap:5px;
  color:#90a5b3;
  font-size:9px;
}

.wire-crew-search-303f1h9282a input{
  width:100%;
  min-height:37px;
  padding:0 10px;
  border:1px solid #315069;
  border-radius:9px;
  background:#06121c;
  color:#fff;
  outline:0;
}

.wire-crew-search-303f1h9282a button,
.wire-crew-people-303f1h9282a form button{
  min-height:36px;
  padding:0 11px;
  border:1px solid #d62d49;
  border-radius:9px;
  background:#e83351;
  color:#fff;
  cursor:pointer;
  font:inherit;
  font-size:9px;
  font-weight:900;
}

.wire-crew-panel-303f1h9282a{
  overflow:hidden;
  border:1px solid #29485f;
  border-radius:14px;
  background:#07131e;
}

.wire-crew-panel-303f1h9282a>header{
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:12px;
  padding:11px 13px;
  border-bottom:1px solid #223d51;
  background:#081824;
}

.wire-crew-panel-303f1h9282a h2{
  margin:2px 0 0;
  color:#fff;
  font-size:16px;
}

.wire-crew-panel-303f1h9282a>header>span{
  color:#7891a2;
  font-size:9px;
}

.wire-crew-people-303f1h9282a{
  display:grid;
}

.wire-crew-people-303f1h9282a>article{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:10px 12px;
  border-bottom:1px solid #20394c;
}

.wire-crew-people-303f1h9282a>article:last-child{
  border-bottom:0;
}

.wire-crew-people-303f1h9282a>article>a{
  display:grid;
  grid-template-columns:38px minmax(0,1fr);
  gap:8px;
  align-items:center;
  min-width:0;
  color:inherit;
  text-decoration:none;
}

.wire-crew-people-303f1h9282a .avatar-sm,
.wire-crew-people-303f1h9282a .wire-avatar{
  width:38px!important;
  height:38px!important;
  min-width:38px!important;
  overflow:hidden!important;
  border-radius:50%!important;
}

.wire-crew-people-303f1h9282a>article>a>span{
  display:grid;
  min-width:0;
}

.wire-crew-people-303f1h9282a strong{
  overflow:hidden;
  color:#eef6fa;
  font-size:10px;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.wire-crew-people-303f1h9282a small{
  color:#738b9c;
  font-size:8px;
}

.wire-crew-member-state-303f1h9282a{
  color:#6fd8a4;
  font-size:9px;
  font-weight:850;
}

.wire-crew-people-303f1h9282a form button.remove{
  border-color:#44596a;
  background:#0b1d2a;
  color:#aabcc8;
}

.wire-crew-empty-303f1h9282a{
  display:grid;
  justify-items:center;
  gap:4px;
  padding:28px 14px;
  color:#7890a1;
  text-align:center;
  font-size:10px;
}

.wire-crew-empty-303f1h9282a>span{
  font-size:25px;
}

.wire-crew-empty-303f1h9282a strong{
  color:#dce8ef;
  font-size:11px;
}

.wire-crew-empty-303f1h9282a p{
  max-width:440px;
  margin:0;
}

.wire-crew-footer-303f1h9282a{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  color:#758d9d;
  font-size:8px;
}

.wire-crew-footer-303f1h9282a a{
  color:#ff607a;
  font-size:9px;
  font-weight:850;
  text-decoration:none;
}

.wire-crew-composer-manage-303f1h9282a{
  margin-left:5px;
  color:#ff5874!important;
  font-size:inherit;
  font-weight:850;
  text-decoration:none;
}

.wire-crew-badge-303f1h9282a{
  display:inline-flex;
  align-items:center;
  gap:4px;
  width:max-content;
  min-height:22px;
  margin:2px 0 5px;
  padding:0 7px;
  border:1px solid rgba(239,49,81,.44);
  border-radius:999px;
  background:rgba(239,49,81,.08);
  color:#ff7289;
  font-size:8px;
  font-weight:900;
}

.wire-crew-limited-303f1h9282a{
  display:grid;
  gap:6px;
  margin:10px 0;
  padding:14px;
  border:1px solid rgba(239,49,81,.4);
  border-radius:12px;
  background:rgba(239,49,81,.06);
}

.wire-crew-limited-303f1h9282a strong{
  color:#f2f6f8;
  font-size:11px;
}

.wire-crew-limited-303f1h9282a p{
  margin:0;
  color:#879dac;
  font-size:9px;
}

@media(max-width:680px){
  .wire-crew-hero-303f1h9282a{
    align-items:flex-start;
    flex-direction:column;
  }

  .wire-crew-count-303f1h9282a{
    width:100%;
  }

  .wire-crew-search-303f1h9282a{
    grid-template-columns:1fr;
  }

  .wire-crew-footer-303f1h9282a{
    align-items:flex-start;
    flex-direction:column;
  }
}