/* TBC v1.7.9.3 - official script logo branding */
:root{
  --tbc-logo-paper:#fffdf8;
}

.brand h1,
.pp-brand strong,
.tbc-login-form .auth-brand h1{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  padding:0!important;
  margin:-1px!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;
  white-space:nowrap!important;
  border:0!important;
}

.sidebar .brand,
.pp-sidebar .pp-brand{
  position:relative!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  gap:7px!important;
}

.sidebar .brand .brand-mark,
.pp-sidebar .pp-brand .mark{
  width:196px!important;
  height:132px!important;
  min-width:196px!important;
  min-height:132px!important;
  flex:0 0 132px!important;

  display:block!important;
  overflow:hidden!important;

  border:1px solid rgba(24,49,41,.08)!important;
  border-radius:16px!important;

  background-color:var(--tbc-logo-paper)!important;
  background-image:url('./assets/tbc-script-logo.png')!important;
  background-position:center center!important;
  background-repeat:no-repeat!important;
  background-size:contain!important;

  box-shadow:0 8px 20px rgba(0,0,0,.12)!important;

  color:transparent!important;
  font-size:0!important;
  line-height:0!important;
}

.sidebar .brand p,
.pp-sidebar .pp-brand small{
  margin:0 0 0 5px!important;
  color:rgba(255,255,255,.70)!important;
  font-size:10px!important;
  font-weight:800!important;
  letter-spacing:.14em!important;
  text-transform:uppercase!important;
}

.pp-brand-mark{
  width:164px!important;
  height:118px!important;
  margin:0 auto 18px!important;
  border:1px solid #ded5c8!important;
  border-radius:18px!important;
  background-color:var(--tbc-logo-paper)!important;
  background-image:url('./assets/tbc-script-logo.png')!important;
  background-position:center center!important;
  background-repeat:no-repeat!important;
  background-size:contain!important;
  box-shadow:0 8px 22px rgba(25,49,41,.08)!important;
  color:transparent!important;
  font-size:0!important;
  line-height:0!important;
}

.auth-card .brand-mark{
  width:176px!important;
  height:132px!important;
  min-width:176px!important;
  min-height:132px!important;
  flex:0 0 132px!important;
  display:block!important;
  overflow:hidden!important;
  margin:0 auto 10px!important;
  border:1px solid rgba(255,255,255,.35)!important;
  border-radius:24px!important;
  background-color:var(--tbc-logo-paper)!important;
  background-image:url('./assets/tbc-script-logo.png')!important;
  background-position:center center!important;
  background-repeat:no-repeat!important;
  background-size:contain!important;
  box-shadow:0 16px 34px rgba(0,0,0,.17)!important;
  color:transparent!important;
  font-size:0!important;
  line-height:0!important;
}

.tbc-login-mark{
  width:196px;
  max-width:100%;
  height:136px;
  flex:0 0 auto;
  margin:0 auto 13px;
  padding:8px;
  border:1px solid rgba(24,49,41,.08);
  border-radius:20px;
  background-color:var(--tbc-logo-paper);
  background-image:url('./assets/tbc-script-logo.png');
  background-size:contain;
  background-position:center;
  background-repeat:no-repeat;
  background-origin:content-box;
  box-shadow:0 6px 18px rgba(0,0,0,.10);
}

.tbc-login-form .auth-brand p{
  margin-top:7px!important;
}

@media (max-width:1100px) and (min-width:761px){
  .sidebar .brand .brand-mark,
  .pp-sidebar .pp-brand .mark{
    width:176px!important;
    min-width:176px!important;
    height:120px!important;
    min-height:120px!important;
    flex-basis:120px!important;
  }
}

@media (max-width:680px){
  .auth-card .brand-mark{
    width:154px!important;
    min-width:154px!important;
    height:114px!important;
    min-height:114px!important;
    flex-basis:114px!important;
    border-radius:20px!important;
  }
}

@media (max-width:760px){
  .tbc-login-mark{
    width:154px;
    height:114px;
  }
}

@media (max-width:760px) and (max-height:640px){
  .tbc-login-mark{
    width:145px;
    height:105px;
    margin-bottom:0;
  }
}