/* wire-universal-video-account-card-303f1h9174 */

/*
 * Canonical account card from the standard Wire Video sidebar.
 * h425 owns placement; h420 owns the avatar source/crop; h87 owns the profile
 * switcher behavior. h9174 locks only the presentation so every Video route
 * renders the same card.
 */

aside.wire-video-universal-sidebar-303f1h425
[data-wire-video-account-card-standard-303f1h9174],
aside.wire-video-universal-sidebar-303f1h425
.wire-video-account-card-standard-303f1h9174,
aside.wire-video-persistent-sidebar-303e5r
.wire-video-account-card-standard-303f1h9174,
aside.wire-video-hub-sidebar-303e5p
.wire-video-account-card-standard-303f1h9174{
  position:relative!important;
  z-index:12!important;
  display:block!important;
  flex:0 0 auto!important;
  order:100!important;
  width:auto!important;
  min-width:0!important;
  margin:0!important;
  margin-top:auto!important;
  padding:10px 12px 12px!important;
  border-top:1px solid rgba(67,105,132,.38)!important;
  border-bottom:0!important;
  background:#050d16!important;
  box-shadow:0 -10px 24px rgba(0,0,0,.17)!important;
}

aside.wire-video-universal-sidebar-303f1h425
[data-wire-video-account-card-standard-303f1h9174]
[data-wire-profile-switcher-toggle-303f1h87],
aside.wire-video-universal-sidebar-303f1h425
.wire-video-account-card-standard-303f1h9174
[data-wire-profile-switcher-toggle-303f1h87],
aside.wire-video-persistent-sidebar-303e5r
.wire-video-account-card-standard-303f1h9174
[data-wire-profile-switcher-toggle-303f1h87],
aside.wire-video-hub-sidebar-303e5p
.wire-video-account-card-standard-303f1h9174
[data-wire-profile-switcher-toggle-303f1h87]{
  display:grid!important;
  grid-template-columns:38px minmax(0,1fr) 16px!important;
  align-items:center!important;
  gap:9px!important;
  width:100%!important;
  min-width:0!important;
  min-height:56px!important;
  margin:0!important;
  padding:8px 9px!important;
  overflow:hidden!important;
  border:1px solid rgba(66,112,143,.66)!important;
  border-radius:11px!important;
  background:
    linear-gradient(
      135deg,
      rgba(15,43,62,.98),
      rgba(8,27,40,.98)
    )!important;
  box-shadow:
    0 5px 16px rgba(0,0,0,.2),
    inset 0 1px 0 rgba(255,255,255,.025)!important;
  color:#fff!important;
  text-align:left!important;
  cursor:pointer!important;
}

aside.wire-video-universal-sidebar-303f1h425
[data-wire-video-account-card-standard-303f1h9174]
[data-wire-profile-switcher-toggle-303f1h87]:hover,
aside.wire-video-universal-sidebar-303f1h425
.wire-video-account-card-standard-303f1h9174
[data-wire-profile-switcher-toggle-303f1h87]:hover{
  border-color:rgba(88,145,181,.82)!important;
  background:
    linear-gradient(
      135deg,
      rgba(18,50,71,.99),
      rgba(10,31,45,.99)
    )!important;
}

aside.wire-video-universal-sidebar-303f1h425
[data-wire-video-account-card-standard-303f1h9174]
.wire-video-account-avatar-303f1h420,
aside.wire-video-universal-sidebar-303f1h425
.wire-video-account-card-standard-303f1h9174
.wire-video-account-avatar-303f1h420,
aside.wire-video-persistent-sidebar-303e5r
.wire-video-account-card-standard-303f1h9174
.wire-video-account-avatar-303f1h420,
aside.wire-video-hub-sidebar-303e5p
.wire-video-account-card-standard-303f1h9174
.wire-video-account-avatar-303f1h420{
  position:relative!important;
  display:grid!important;
  place-items:center!important;
  width:38px!important;
  height:38px!important;
  min-width:38px!important;
  min-height:38px!important;
  max-width:38px!important;
  max-height:38px!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  border:1px solid rgba(111,153,180,.72)!important;
  border-radius:50%!important;
  background:#102337!important;
  visibility:visible!important;
  opacity:1!important;
}

aside.wire-video-universal-sidebar-303f1h425
[data-wire-video-account-card-standard-303f1h9174]
.wire-video-account-avatar-303f1h420>img,
aside.wire-video-universal-sidebar-303f1h425
.wire-video-account-card-standard-303f1h9174
.wire-video-account-avatar-303f1h420>img,
aside.wire-video-persistent-sidebar-303e5r
.wire-video-account-card-standard-303f1h9174
.wire-video-account-avatar-303f1h420>img,
aside.wire-video-hub-sidebar-303e5p
.wire-video-account-card-standard-303f1h9174
.wire-video-account-avatar-303f1h420>img{
  position:absolute!important;
  inset:0!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-width:100%!important;
  min-height:100%!important;
  max-width:none!important;
  max-height:none!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:50%!important;
  object-fit:cover!important;
  object-position:center!important;
  visibility:visible!important;
  opacity:1!important;
}

aside.wire-video-universal-sidebar-303f1h425
[data-wire-video-account-card-standard-303f1h9174]
.wire-video-account-avatar-303f1h420>span,
aside.wire-video-universal-sidebar-303f1h425
.wire-video-account-card-standard-303f1h9174
.wire-video-account-avatar-303f1h420>span{
  display:grid!important;
  place-items:center!important;
  width:100%!important;
  height:100%!important;
  font-size:11px!important;
  font-weight:900!important;
}

aside.wire-video-universal-sidebar-303f1h425
[data-wire-video-account-card-standard-303f1h9174]
[data-wire-profile-switcher-toggle-303f1h87]>span,
aside.wire-video-universal-sidebar-303f1h425
.wire-video-account-card-standard-303f1h9174
[data-wire-profile-switcher-toggle-303f1h87]>span,
aside.wire-video-persistent-sidebar-303e5r
.wire-video-account-card-standard-303f1h9174
[data-wire-profile-switcher-toggle-303f1h87]>span,
aside.wire-video-hub-sidebar-303e5p
.wire-video-account-card-standard-303f1h9174
[data-wire-profile-switcher-toggle-303f1h87]>span{
  display:grid!important;
  gap:2px!important;
  min-width:0!important;
  overflow:hidden!important;
}

aside.wire-video-universal-sidebar-303f1h425
[data-wire-video-account-card-standard-303f1h9174]
[data-wire-profile-switcher-toggle-303f1h87]>span>strong,
aside.wire-video-universal-sidebar-303f1h425
.wire-video-account-card-standard-303f1h9174
[data-wire-profile-switcher-toggle-303f1h87]>span>strong{
  display:flex!important;
  align-items:center!important;
  gap:4px!important;
  min-width:0!important;
  overflow:hidden!important;
  color:#fff!important;
  font-size:11px!important;
  font-weight:850!important;
  line-height:1.15!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}

aside.wire-video-universal-sidebar-303f1h425
[data-wire-video-account-card-standard-303f1h9174]
[data-wire-profile-switcher-toggle-303f1h87]>span>strong img,
aside.wire-video-universal-sidebar-303f1h425
.wire-video-account-card-standard-303f1h9174
[data-wire-profile-switcher-toggle-303f1h87]>span>strong img{
  display:inline-block!important;
  flex:0 0 15px!important;
  width:15px!important;
  height:15px!important;
  max-width:15px!important;
  max-height:15px!important;
  margin:0!important;
  vertical-align:middle!important;
  object-fit:contain!important;
}

aside.wire-video-universal-sidebar-303f1h425
[data-wire-video-account-card-standard-303f1h9174]
[data-wire-profile-switcher-toggle-303f1h87]>span>small,
aside.wire-video-universal-sidebar-303f1h425
.wire-video-account-card-standard-303f1h9174
[data-wire-profile-switcher-toggle-303f1h87]>span>small{
  display:block!important;
  min-width:0!important;
  margin:0!important;
  overflow:hidden!important;
  color:#7895a8!important;
  font-size:8px!important;
  font-weight:600!important;
  line-height:1.15!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}

aside.wire-video-universal-sidebar-303f1h425
[data-wire-video-account-card-standard-303f1h9174]
[data-wire-profile-switcher-toggle-303f1h87]>b,
aside.wire-video-universal-sidebar-303f1h425
.wire-video-account-card-standard-303f1h9174
[data-wire-profile-switcher-toggle-303f1h87]>b{
  display:block!important;
  color:#9db4c3!important;
  font-size:14px!important;
  font-weight:700!important;
  line-height:1!important;
  text-align:center!important;
  transition:transform .16s ease!important;
}

aside.wire-video-universal-sidebar-303f1h425
[data-wire-video-account-card-standard-303f1h9174]
[data-wire-profile-switcher-toggle-303f1h87][aria-expanded="true"]>b,
aside.wire-video-universal-sidebar-303f1h425
.wire-video-account-card-standard-303f1h9174
[data-wire-profile-switcher-toggle-303f1h87][aria-expanded="true"]>b{
  transform:rotate(180deg)!important;
}

/* Keep the existing switcher menu attached above the same canonical card. */
aside.wire-video-universal-sidebar-303f1h425
[data-wire-video-account-card-standard-303f1h9174]
[data-wire-profile-switcher-menu-303f1h87],
aside.wire-video-universal-sidebar-303f1h425
.wire-video-account-card-standard-303f1h9174
[data-wire-profile-switcher-menu-303f1h87]{
  top:auto!important;
  right:12px!important;
  bottom:calc(100% + 8px)!important;
  left:12px!important;
}

/*
 * Preserve the existing standard responsive behavior. On compact desktop the
 * Video sidebar intentionally becomes icon-only; the same account card becomes
 * its circular-avatar form everywhere rather than diverging by page.
 */
@media(min-width:761px) and (max-width:1180px){
  aside.wire-video-universal-sidebar-303f1h425
  [data-wire-video-account-card-standard-303f1h9174],
  aside.wire-video-universal-sidebar-303f1h425
  .wire-video-account-card-standard-303f1h9174{
    padding:10px 9px!important;
  }

  aside.wire-video-universal-sidebar-303f1h425
  [data-wire-video-account-card-standard-303f1h9174]
  [data-wire-profile-switcher-toggle-303f1h87],
  aside.wire-video-universal-sidebar-303f1h425
  .wire-video-account-card-standard-303f1h9174
  [data-wire-profile-switcher-toggle-303f1h87]{
    grid-template-columns:1fr!important;
    justify-items:center!important;
    min-height:52px!important;
    padding:7px!important;
  }

  aside.wire-video-universal-sidebar-303f1h425
  [data-wire-video-account-card-standard-303f1h9174]
  [data-wire-profile-switcher-toggle-303f1h87]>span,
  aside.wire-video-universal-sidebar-303f1h425
  [data-wire-video-account-card-standard-303f1h9174]
  [data-wire-profile-switcher-toggle-303f1h87]>b,
  aside.wire-video-universal-sidebar-303f1h425
  .wire-video-account-card-standard-303f1h9174
  [data-wire-profile-switcher-toggle-303f1h87]>span,
  aside.wire-video-universal-sidebar-303f1h425
  .wire-video-account-card-standard-303f1h9174
  [data-wire-profile-switcher-toggle-303f1h87]>b{
    display:none!important;
  }

  aside.wire-video-universal-sidebar-303f1h425
  [data-wire-video-account-card-standard-303f1h9174]
  [data-wire-profile-switcher-menu-303f1h87],
  aside.wire-video-universal-sidebar-303f1h425
  .wire-video-account-card-standard-303f1h9174
  [data-wire-profile-switcher-menu-303f1h87]{
    position:fixed!important;
    right:auto!important;
    bottom:94px!important;
    left:94px!important;
    width:286px!important;
  }
}

@media(max-width:760px){
  aside.wire-video-universal-sidebar-303f1h425
  [data-wire-video-account-card-standard-303f1h9174],
  aside.wire-video-universal-sidebar-303f1h425
  .wire-video-account-card-standard-303f1h9174,
  aside.wire-video-persistent-sidebar-303e5r
  .wire-video-account-card-standard-303f1h9174,
  aside.wire-video-hub-sidebar-303e5p
  .wire-video-account-card-standard-303f1h9174{
    display:none!important;
  }
}