/* TOPBAR-AUTH-V5 */


/* =====================================================
   RIGHT SIDE RHYTHM
   ===================================================== */

.topbar-actions-v2{
  gap:7px!important;
}


/* =====================================================
   SIGN IN — logged out
   ===================================================== */

.topbar-actions-v2 #global-auth-entry-v1:not(.account-chip-v4):not(.account-topbar-v2){
  position:relative!important;
  overflow:hidden!important;

  width:auto!important;
  min-width:88px!important;

  height:36px!important;
  min-height:36px!important;

  margin:0!important;
  padding:0 13px!important;

  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;

  border:1px solid rgba(255,255,255,.075)!important;
  border-radius:6px!important;

  background:
    linear-gradient(
      180deg,
      rgba(255,255,255,.026),
      rgba(255,255,255,.010)
    )!important;

  color:#aeb9c1!important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.025)!important;

  font-size:11px!important;
  font-weight:700!important;

  transform:none!important;
}


/* =====================================================
   LOGGED IN ACCOUNT CHIP
   ===================================================== */

#global-auth-entry-v1.account-topbar-v2,
#global-auth-entry-v1.account-chip-v4{
  position:relative!important;
  overflow:hidden!important;

  width:auto!important;
  min-width:0!important;
  max-width:210px!important;

  height:36px!important;
  min-height:36px!important;

  margin:0!important;
  padding:3px 10px 3px 4px!important;

  display:flex!important;
  align-items:center!important;
  gap:8px!important;

  border:1px solid rgba(255,255,255,.075)!important;
  border-radius:6px!important;

  background:
    linear-gradient(
      180deg,
      rgba(255,255,255,.028),
      rgba(255,255,255,.010)
    )!important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.025)!important;

  transform:none!important;

  transition:
    border-color .15s ease,
    background .15s ease,
    color .15s ease!important;
}


/* avatar */

#global-auth-entry-v1.account-topbar-v2 .global-account-avatar-v2,
#global-auth-entry-v1.account-chip-v4 .account-chip-v4-avatar{
  width:28px!important;
  height:28px!important;
  flex:0 0 28px!important;

  border-radius:5px!important;

  border:1px solid rgba(255,255,255,.075)!important;

  box-shadow:none!important;

  object-fit:cover!important;
}


/* usuwamy ciężkie "Zalogowany jako:" */

#global-auth-entry-v1.account-topbar-v2 .global-account-prefix-v2,
#global-auth-entry-v1.account-chip-v4 .account-chip-v4-prefix{
  display:none!important;
}


/* copy */

#global-auth-entry-v1.account-topbar-v2 .global-account-main-v2,
#global-auth-entry-v1.account-chip-v4 .account-chip-v4-copy{
  min-width:0!important;

  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;

  gap:4px!important;

  line-height:1!important;
}


/* stare dodatkowe meta nadal off */

#global-auth-entry-v1.account-topbar-v2 .global-account-meta-v2,
#global-auth-entry-v1.account-chip-v4 .account-chip-v4-role,
#global-auth-entry-v1.account-topbar-v2 .global-account-platform-v2,
#global-auth-entry-v1.account-topbar-v2 .global-account-divider-v2,
#global-auth-entry-v1.account-topbar-v2 .global-account-community-v2{
  display:none!important;
}


/* hover account */

#global-auth-entry-v1.account-topbar-v2:hover,
#global-auth-entry-v1.account-chip-v4:hover{
  border-color:rgba(255,255,255,.14)!important;

  background:
    linear-gradient(
      180deg,
      rgba(255,255,255,.046),
      rgba(255,255,255,.015)
    )!important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.035)!important;

  transform:none!important;
}


/* =====================================================
   CONNECT
   ===================================================== */

.topbar-actions-v2 .topbar-connect-v2{
  position:relative!important;
  overflow:hidden!important;

  width:auto!important;
  min-width:145px!important;

  height:36px!important;
  min-height:36px!important;

  margin:0!important;
  padding:0 16px!important;

  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;

  border:1px solid rgba(0,229,255,.11)!important;
  border-radius:6px!important;

  background:
    linear-gradient(
      180deg,
      rgba(0,229,255,.035),
      rgba(255,255,255,.010)
    )!important;

  color:#c6d2d8!important;

  box-shadow:
    inset 0 1px 0 rgba(0,229,255,.055)!important;

  font-size:11px!important;
  font-weight:700!important;
  letter-spacing:.01em!important;

  transform:none!important;

  transition:
    color .15s ease,
    border-color .15s ease,
    background .15s ease!important;
}

.topbar-actions-v2 .topbar-connect-v2:hover{
  color:#f0f6f8!important;

  border-color:rgba(0,229,255,.21)!important;

  background:
    linear-gradient(
      180deg,
      rgba(0,229,255,.055),
      rgba(255,255,255,.014)
    )!important;

  box-shadow:
    inset 0 1px 0 rgba(0,229,255,.075)!important;

  transform:none!important;
}


/* =====================================================
   SAME SWEEP FOR ALL THREE STATES
   ===================================================== */

.topbar-actions-v2 #global-auth-entry-v1:not(.account-chip-v4):not(.account-topbar-v2)::before,
#global-auth-entry-v1.account-topbar-v2::before,
#global-auth-entry-v1.account-chip-v4::before,
.topbar-actions-v2 .topbar-connect-v2::before{
  content:"";

  position:absolute;
  z-index:1;

  top:-45%;
  bottom:-45%;
  left:-48%;

  width:28%;

  background:
    linear-gradient(
      90deg,
      transparent,
      rgba(255,255,255,.02),
      rgba(255,255,255,.13),
      rgba(255,255,255,.02),
      transparent
    );

  opacity:0;

  transform:skewX(-20deg);

  pointer-events:none;
}

.topbar-actions-v2 #global-auth-entry-v1:not(.account-chip-v4):not(.account-topbar-v2):hover::before,
#global-auth-entry-v1.account-topbar-v2:hover::before,
#global-auth-entry-v1.account-chip-v4:hover::before,
.topbar-actions-v2 .topbar-connect-v2:hover::before{
  animation:iwbpAuthSweepV5 .58s ease-out;
}

@keyframes iwbpAuthSweepV5{
  0%{
    left:-48%;
    opacity:0;
  }

  14%{
    opacity:1;
  }

  82%{
    opacity:1;
  }

  100%{
    left:125%;
    opacity:0;
  }
}


/* content nad sweep */

#global-auth-entry-v1 > *,
.topbar-connect-v2 > *{
  position:relative;
  z-index:2;
}


/* =====================================================
   MOBILE
   ===================================================== */

@media(max-width:700px){

  #global-auth-entry-v1.account-topbar-v2,
  #global-auth-entry-v1.account-chip-v4{
    max-width:145px!important;
  }

  .topbar-actions-v2 .topbar-connect-v2{
    min-width:0!important;
    padding:0 11px!important;
  }
}