*{box-sizing:border-box}
:root{
  --blue:var(--cz-075bd7,#075bd7);
  --blue2:var(--cz-1b83ed,#1b83ed);
  --ink:var(--cz-06245f,#06245f);
  --line:var(--cz-a8cdf4,#a8cdf4);
  --glass:var(--cz-rgb-239-248-255-_88,rgba(239,248,255,.88));
  --panel:var(--cz-edf7ff,#edf7ff);
}
html,body{margin:0;width:100%;height:100%;font-family:Tahoma,"Segoe UI",Arial,sans-serif;color:var(--ink);background:var(--cz-4c94d8,#4c94d8)}
button,input,textarea{font:inherit}
button{cursor:pointer}
.hidden{display:none!important}

 

.login-screen{
  min-height:100dvh;
  display:grid;
  place-items:center;
  padding:24px;
  background:
    radial-gradient(circle at 50% 20%,var(--cz-dff3ff,#dff3ff) 0,var(--cz-a9d7fb,#a9d7fb) 32%,var(--cz-5ba3e5,#5ba3e5) 70%,var(--cz-327dc4,#327dc4) 100%);
}
.login-card{
  width:min(390px,100%);
  text-align:center;
  padding:28px;
  border:1px solid rgba(255,255,255,.8);
  border-radius:28px;
  background:var(--cz-rgb-241-249-255-_74,rgba(241,249,255,.74));
  box-shadow:0 20px 70px var(--cz-rgb-0-46-112-_3,rgba(0,46,112,.3)),inset 0 1px white;
  backdrop-filter:blur(18px)
}
.cz-logo{display:flex;align-items:center;justify-content:center;gap:12px;text-align:left}
.cz-logo strong{display:block;font-size:29px}
.cz-logo small{display:block}
.login-avatar{margin:35px 0 12px}
.login-card h1{margin:5px 0;font-size:38px}
.login-card p{font-family:"Segoe Script","Comic Sans MS",cursive;font-style:italic;font-size:20px;color:var(--cz-1552a5,#1552a5)}
.login-card input{
  width:100%;height:48px;border:1px solid var(--cz-9fc8f4,#9fc8f4);border-radius:10px;
  padding:0 15px;background:rgba(255,255,255,.8);outline:none
}
.login-card input:focus{border-color:var(--cz-2786ec,#2786ec);box-shadow:0 0 0 3px var(--cz-rgb-39-134-236-_13,rgba(39,134,236,.13))}
.login-card button{
  width:100%;height:48px;margin-top:13px;border:0;border-radius:10px;color:white;
  font-weight:bold;background:linear-gradient(var(--cz-3597fa,#3597fa),var(--cz-0759d9,#0759d9));box-shadow:inset 0 1px rgba(255,255,255,.7)
}
.login-error{min-height:20px;margin-top:10px;color:#c21b31;font-size:13px}

 

.people-logo{position:relative;width:58px;height:48px}
.people-logo span{position:absolute;display:block;border-radius:50% 50% 42% 42%;box-shadow:inset 4px 4px 8px rgba(255,255,255,.75),0 2px 5px var(--cz-rgb-0-40-100-_35,rgba(0,40,100,.35))}
.people-logo span:first-child{width:30px;height:38px;background:linear-gradient(#7be96e,#13a72c);left:4px;top:8px}
.people-logo span:last-child{width:38px;height:45px;background:linear-gradient(var(--cz-8ee6ff,#8ee6ff),var(--cz-1687eb,#1687eb));left:22px;top:1px}
.people-logo.big{transform:scale(2);margin:auto}
.banner-logo{transform:scale(1.2)}

 

.app{
  height:100dvh;
  padding:12px;
  background:
    radial-gradient(circle at 50% -20%,var(--cz-e9f8ff,#e9f8ff) 0,var(--cz-a8d6f8,#a8d6f8) 38%,var(--cz-68aee8,#68aee8) 72%,var(--cz-438acb,#438acb) 100%);
}
.titlebar{
  height:88px;position:relative;padding:10px 18px 25px;border:1px solid var(--cz-86b8eb,#86b8eb);border-radius:13px 13px 0 0;
  background:linear-gradient(180deg,rgba(255,255,255,.95),var(--cz-rgb-206-232-255-_86,rgba(206,232,255,.86)));
  box-shadow:inset 0 1px white
}
.brand{display:flex;gap:8px;align-items:center}
.crown{font-size:28px;color:#f0a900;text-shadow:0 1px white}
.brand strong{display:block;font-size:23px;color:var(--cz-073b93,#073b93)}
.brand small{display:block;font-size:13px}
.desktop-menu{position:absolute;left:18px;bottom:6px;font-size:12px}
.title-slogan{position:absolute;right:70px;top:28px;font-style:italic}
.mobile-back{display:none}

.layout{
  height:calc(100dvh - 112px);
  display:grid;
  grid-template-columns:285px minmax(400px,1fr) 255px;
  gap:8px;padding:8px;
  border:1px solid var(--cz-87b9ec,#87b9ec);border-top:0;
  background:var(--cz-rgb-235-247-255-_65,rgba(235,247,255,.65))
}
.sidebar,.chat-panel,.right-panel{
  min-height:0;border:1px solid var(--cz-9dc8f2,#9dc8f2);border-radius:9px;background:var(--cz-rgb-244-250-255-_82,rgba(244,250,255,.82));
  box-shadow:inset 0 1px white
}
.sidebar{overflow:auto}
.my-profile{display:flex;gap:12px;padding:12px;border-bottom:1px solid var(--cz-bdd8f2,#bdd8f2)}
.avatar{display:grid;place-items:center;border-radius:9px;background:linear-gradient(var(--cz-e7f6ff,#e7f6ff),var(--cz-9bd0f7,#9bd0f7));border:1px solid var(--cz-7db8ec,#7db8ec)}
.avatar-large{width:54px;height:54px;font-size:31px}
.profile-copy{min-width:0;display:flex;flex-direction:column;gap:3px}
.profile-copy strong{font-size:18px}
.profile-copy small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-style:italic}
.online{font-size:12px;color:#119b2b}
.searchbox{display:flex;margin:9px;border:1px solid var(--cz-91bfea,#91bfea);border-radius:7px;background:white}
.searchbox input{width:100%;border:0;outline:0;padding:8px;background:transparent}
.searchbox span{padding:5px 9px;font-size:20px}
.side-section{border-top:1px solid var(--cz-c1daf2,#c1daf2)}
.side-section h3{margin:0;padding:8px 10px;font-size:14px;background:linear-gradient(#fff,var(--cz-dceeff,#dceeff))}
.channel-row,.person-row{
  display:flex;align-items:center;gap:9px;padding:7px 10px;cursor:pointer
}
.channel-row:hover,.person-row:hover{background:var(--cz-d7ebff,#d7ebff)}
.channel-row.active{background:linear-gradient(90deg,var(--cz-c7e3ff,#c7e3ff),var(--cz-eaf6ff,#eaf6ff))}
.channel-hash{font-size:20px;font-weight:bold;color:var(--cz-075bd7,#075bd7)}
.channel-name{font-weight:bold;flex:1}
.badge{padding:2px 6px;border-radius:8px;background:var(--cz-b9dcff,#b9dcff);color:var(--cz-0753bc,#0753bc);font-size:11px}
.person-dot{width:9px;height:9px;border-radius:50%;background:#22bd43}
.person-name{font-weight:bold}

.chat-panel{display:grid;grid-template-rows:auto auto 1fr auto;overflow:hidden}
.channel-head{
  min-height:64px;display:flex;align-items:center;gap:10px;padding:8px 12px;
  background:linear-gradient(#fff,var(--cz-d9edff,#d9edff));border-bottom:1px solid var(--cz-a7cdf2,#a7cdf2)
}
.channel-icon{font-size:31px}
.channel-head h2{margin:0;font-size:20px}
.channel-head p{margin:3px 0 0;font-size:12px}
.mobile-members{display:none;margin-left:auto}

.welcome-banner{
  min-height:104px;margin:8px;border:1px solid var(--cz-91c4f2,#91c4f2);border-radius:8px;
  display:flex;align-items:center;justify-content:center;gap:45px;
  font-family:"Segoe Script","Comic Sans MS",cursive;font-size:22px;font-style:italic;
  background:linear-gradient(150deg,var(--cz-f4fbff,#f4fbff),var(--cz-cbe8ff,#cbe8ff) 53%,#b6e9d6)
}

 

.messages{overflow:auto;padding:8px 16px 20px}
.message{display:grid;grid-template-columns:42px 1fr;gap:9px;padding:7px 0}
.message-avatar{
  width:38px;height:38px;display:grid;place-items:center;border-radius:7px;
  background:linear-gradient(var(--cz-dff3ff,#dff3ff),var(--cz-99cef3,#99cef3));border:1px solid var(--cz-83b8e5,#83b8e5)
}
.message-line{line-height:1.35}
.message-name{font-weight:bold;color:var(--cz-0757bd,#0757bd)}
.message.self .message-name{color:#13843a}
.message-time{margin-left:7px;color:var(--cz-6684a9,#6684a9);font-size:11px}
.message-text{margin-top:2px;color:var(--cz-08285d,#08285d);overflow-wrap:anywhere}
.system-message{text-align:center;color:var(--cz-6480a3,#6480a3);font-size:12px;padding:4px}

.composer{padding:7px;border-top:1px solid var(--cz-9ec7ee,#9ec7ee);background:linear-gradient(var(--cz-eef8ff,#eef8ff),var(--cz-cce7ff,#cce7ff))}
.composer-tools{height:28px;display:flex;gap:4px}
.composer-tools button{border:0;background:transparent;font-weight:bold;color:var(--cz-0758bd,#0758bd)}
.composer-row{display:flex;gap:7px}
.composer textarea{
  flex:1;resize:none;min-height:42px;max-height:110px;padding:11px;border:1px solid var(--cz-99c4ed,#99c4ed);
  border-radius:7px;outline:none;background:white
}
.send-button{
  min-width:90px;border:1px solid var(--cz-2675d6,#2675d6);border-radius:7px;color:var(--cz-073d8f,#073d8f);font-weight:bold;
  background:linear-gradient(#fff,var(--cz-bcdfff,#bcdfff))
}

.right-panel{overflow:auto}
.info-card,.member-card{padding:10px}
.info-card{border-bottom:1px solid var(--cz-b7d5f1,#b7d5f1)}
.info-card h3,.member-card h3{margin:0 -10px 10px;padding:8px 10px;background:linear-gradient(#fff,var(--cz-dceeff,#dceeff));font-size:14px}
.info-card h2{margin:8px 0 5px;font-size:18px}
.info-card p{font-size:12px;line-height:1.5}
.channel-stats{display:grid;gap:8px;margin-top:14px;font-size:12px}
.member-row{display:flex;align-items:center;gap:8px;padding:5px 2px}
.member-avatar{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--cz-cbe7ff,#cbe7ff)}
.member-prefix{font-weight:bold;color:#e59b00}
.member-nick{font-weight:bold}
.member-modes{font-size:11px;color:var(--cz-6481a8,#6481a8)}

.mobile-nav,.mobile-drawer,.drawer-shade{display:none}

 
 



.msn-person::before{
  content:"";

  position:absolute;

  width:31px;
  height:31px;

  left:8px;
  top:-18px;

  border-radius:50%;

  background:inherit;

  box-shadow:
    inset 6px 6px 10px rgba(255,255,255,.75),
    0 3px 7px var(--cz-rgb-0-61-130-_25,rgba(0,61,130,.25));
}

@keyframes msnOrbit{

  0%{
    transform:rotate(0deg);
  }

  100%{
    transform:rotate(360deg);
  }

}

.connecting-dots span{
  width:8px;
  height:8px;

  border-radius:50%;

  background:var(--cz-1679df,#1679df);

  animation:
    connectingDot 1.2s infinite ease-in-out;
}

.connecting-dots span:nth-child(2){
  animation-delay:.18s;
}

.connecting-dots span:nth-child(3){
  animation-delay:.36s;
}

@keyframes connectingDot{

  0%,80%,100%{
    transform:scale(.65);
    opacity:.35;
  }

  40%{
    transform:scale(1.2);
    opacity:1;
  }

}

.connecting-box small{
  color:var(--cz-6885a6,#6885a6);
}

 




 




 


 


 




.msn-buddy-green .buddy-head {
    background:
        radial-gradient(
            circle at 35% 28%,
            #efffdc 0%,
            #a7f16d 22%,
            #55ca38 58%,
            #159527 100%
        );

    box-shadow:
        inset -4px -5px 8px rgba(0, 90, 20, .20),
        inset 5px 5px 8px rgba(255,255,255,.60);
}


.msn-buddy-blue .buddy-head {
    background:
        radial-gradient(
            circle at 35% 28%,
            var(--cz-e9fbff,#e9fbff) 0%,
            var(--cz-7edaff,#7edaff) 22%,
            var(--cz-229ce8,#229ce8) 58%,
            var(--cz-0763bf,#0763bf) 100%
        );

    box-shadow:
        inset -4px -5px 8px var(--cz-rgb-0-70-150-_22,rgba(0,70,150,.22)),
        inset 5px 5px 8px rgba(255,255,255,.65);
}


 




.msn-buddy-green .buddy-body {
    background:
        linear-gradient(
            135deg,
            #b7fa84 0%,
            #55ce3e 45%,
            #15982b 100%
        );

    box-shadow:
        inset 8px 5px 12px rgba(255,255,255,.48),
        inset -6px -6px 10px rgba(0,90,20,.18);
}


.msn-buddy-blue .buddy-body {
    background:
        linear-gradient(
            135deg,
            var(--cz-9eeaff,#9eeaff) 0%,
            var(--cz-2ca8ee,#2ca8ee) 45%,
            var(--cz-0866c6,#0866c6) 100%
        );

    box-shadow:
        inset 8px 5px 12px rgba(255,255,255,.52),
        inset -6px -6px 10px var(--cz-rgb-0-65-145-_20,rgba(0,65,145,.20));
}


 




 


 


 


 




 



@keyframes buddySpin {

    0% {
        transform:
            rotateY(0deg)
            rotateZ(0deg);
    }

    25% {
        transform:
            rotateY(90deg)
            rotateZ(3deg);
    }

    50% {
        transform:
            rotateY(180deg)
            rotateZ(0deg);
    }

    75% {
        transform:
            rotateY(270deg)
            rotateZ(-3deg);
    }

    100% {
        transform:
            rotateY(360deg)
            rotateZ(0deg);
    }
}


 





@keyframes buddyFloat {

    from {
        margin-top: -3px;
    }

    to {
        margin-top: 4px;
    }
}


 


@keyframes buddyShadow {

    0%, 100% {
        transform: scaleX(1);
        opacity: .65;
    }

    50% {
        transform: scaleX(.65);
        opacity: .30;
    }
}


 


 




 


 


.emoji-picker-search input {
    flex: 1;

    height: 32px;

    border: 1px solid var(--cz-aecce8,#aecce8);
    border-radius: 16px;

    outline: none;

    padding: 0 13px;

    background: white;

    color: var(--cz-17365d,#17365d);
}


.emoji-picker-search input:focus {
    border-color: var(--cz-4b9dea,#4b9dea);

    box-shadow:
        0 0 0 2px var(--cz-rgb-70-150-230-_12,rgba(70,150,230,.12));
}


.emoji-picker-search button:hover {
    background: var(--cz-d8ebfb,#d8ebfb);
}


 


.emoji-categories button:hover {
    opacity: 1;
    background: var(--cz-rgb-126-188-240-_12,rgba(126,188,240,.12));
}


.emoji-categories button.active {
    opacity: 1;
}


.emoji-categories button.active::after {
    content: "";

    position: absolute;

    left: 7px;
    right: 7px;
    bottom: 0;

    height: 3px;

    border-radius: 3px 3px 0 0;

    background: var(--cz-2785dc,#2785dc);
}


 


 


 


 



@media(max-width:760px),(hover:none) and (pointer:coarse) and (max-width:1400px){

     





     




}


 

 



@media(max-width:760px),(hover:none) and (pointer:coarse) and (max-width:1400px){

     




     





     



     



}

 



.person-row:hover .person-chat-icon {
  opacity: 1;
}

.user-card-shade.open {
  display: block;
}

.user-card-info {
  text-align: center;
}

.user-card-actions button:hover {
  border-color: var(--cz-6fa9df,#6fa9df);
  background:
    linear-gradient(
      #fff,
      var(--cz-d4ebff,#d4ebff)
    );
}

.user-card-actions button > span {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

 



 



.right-panel.private-hidden {
  display: none;
}

 






.layout.private-chat {
  grid-template-columns:
    285px minmax(400px, 1fr);
}

 



.layout.private-chat .chat-panel {
  width: 100%;
}


 


 

 




 



@media(max-width:760px),(hover:none) and (pointer:coarse) and (max-width:1400px){


   

}

 



.mobile-home-search input {
  width: 100%;

  border: 0;
  outline: 0;
  background: transparent;

  color: var(--cz-153f7d,#153f7d);
  font-size: 13px;
}


 

.mobile-home-tabs button.active {
  background:
    linear-gradient(
      #ffffff,
      var(--cz-d8edff,#d8edff)
    );

  border-color: var(--cz-7eb9ef,#7eb9ef);
  color: var(--cz-0053c7,#0053c7);
}


 


 


 


 


 


 


 


 

.mobile-home-special-row .mobile-unread {
  margin-left: auto;
}


 

 



@media(max-width:760px),(hover:none) and (pointer:coarse) and (max-width:1400px){

   

   


   


   


   


   


   


   


   


   


   


   


   

}
 
:root{--ink:var(--cz-103377,#103377);--blue:var(--cz-0864ee,#0864ee);--line:var(--cz-bdd9f7,#bdd9f7);--panel:var(--cz-edf7ff,#edf7ff)}
button,input,textarea{-webkit-tap-highlight-color:transparent}
button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--cz-126bef,#126bef);outline-offset:3px}
button{transition:background .15s,box-shadow .15s}
 html body #connectingScreen#connectingScreen .connecting-dots span:nth-child(4){display:none!important}
.login-card h1{font-size:36px;letter-spacing:-1.4px;color:var(--cz-07368d,#07368d)}.login-orbs i{width:11px;height:11px;border:1px solid var(--cz-5b9dde,#5b9dde);border-radius:50%;background:radial-gradient(circle at 30% 25%,white,var(--cz-63b4fa,#63b4fa) 65%,var(--cz-2776ce,#2776ce))}.login-orbs i:first-child{border-color:#67a954;background:radial-gradient(circle at 30% 25%,white,#8ed065 65%,#489639)}
.people-logo span{border:1px solid var(--cz-0860a7,#0860a7);box-shadow:inset 4px 1px 7px #ffffffb0,inset -4px -3px 5px var(--cz-00316b55,#00316b55),0 3px 3px var(--cz-15477635,#15477635);border-radius:48% 48% 35% 35%}
.people-logo span:first-child{width:28px;height:33px;left:30px;top:23px;background:radial-gradient(ellipse at 30% 20%,#e3ffb4,#79d333 45%,#379912);border-color:#398719}
.people-logo span:last-child{width:36px;height:40px;left:2px;top:18px;background:radial-gradient(ellipse at 30% 20%,var(--cz-adf1ff,#adf1ff),var(--cz-209cf0,#209cf0) 45%,var(--cz-0758bb,#0758bb))}
.people-logo span:before{content:"";position:absolute;width:23px;height:23px;left:1px;top:-20px;border-radius:50%;border:1px solid #317e23;background:radial-gradient(circle at 32% 24%,#f2ffdf,#8ddd47 40%,#429d15 80%);box-shadow:inset 1px 1px 3px white,0 2px 3px var(--cz-18477244,#18477244)}
.people-logo span:last-child:before{width:28px;height:28px;top:-24px;left:2px;border-color:var(--cz-125ca8,#125ca8);background:radial-gradient(circle at 32% 24%,white,var(--cz-45b7fc,#45b7fc) 35%,var(--cz-0871cf,#0871cf) 75%,var(--cz-06478f,#06478f))}.side-section h3{padding:12px;font-size:12px;background:transparent;color:var(--cz-426699,#426699)}.message.self .message-name{color:#167761}.info-card h3,.member-card h3{margin:-2px 0 14px;padding:8px 0;background:transparent;font-size:12px;color:var(--cz-55739c,#55739c)}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

 
#desktopPinned .mobile-home-row-main{overflow:hidden}
#desktopPinned:empty:after{content:'Yıldızla sohbet sabitle';display:block;padding:12px;color:var(--cz-6e87a7,#6e87a7);font-size:12px}
.connecting-screen:not(.hidden) .msn-buddies{animation:msnSignInSpin 1.8s linear infinite}
@keyframes msnSignInSpin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.connecting-screen:not(.hidden) .msn-buddies{animation:none!important}}

 
.connecting-screen:not(.hidden) .msn-buddies{animation:none;transform:none}
.connecting-screen:not(.hidden) .msn-buddy{left:46px;right:auto;top:17px;animation:msnBuddyOrbit 1.8s linear infinite;will-change:transform}
.connecting-screen:not(.hidden) .msn-buddy-green{animation-delay:-.9s}
@keyframes msnBuddyOrbit{
  0%,100%{transform:translate(-35px,0) scale(1);z-index:3}
  25%{transform:translate(0,-10px) scale(.8);z-index:1}
  50%{transform:translate(35px,0) scale(1);z-index:3}
  75%{transform:translate(0,10px) scale(1.12);z-index:5}
}
@media(prefers-reduced-motion:reduce){
 .connecting-screen:not(.hidden) .msn-buddy{animation:none!important;will-change:auto}
 .connecting-screen:not(.hidden) .msn-buddy-blue{transform:translate(-25px,0)}
 .connecting-screen:not(.hidden) .msn-buddy-green{transform:translate(25px,0)}
}

 
#connectingScreen .connecting-logo{height:166px;display:grid;place-items:center;perspective:none}
#connectingScreen .msn-handhold{display:block;width:180px;height:160px;overflow:visible;filter:drop-shadow(0 5px 5px var(--cz-17629324,#17629324))}

 
.people-logo>span{display:none!important}
#connectingScreen .connecting-logo{height:180px;position:relative}
#msnDanceCanvas{display:block;width:220px;height:180px}
#msnDanceFallback{object-fit:contain}

#msnDanceImage{display:block;width:220px;height:180px;object-fit:contain;border-radius:20px}
 

 
.ico-grup-owner{--ico:url("/images/icons/grup-owner.svg")}
.ico-grup-services{--ico:url("/images/icons/grup-services.svg")}
.ico-grup-coadmin{--ico:url("/images/icons/grup-coadmin.svg")}
.ico-grup-technical{--ico:url("/images/icons/grup-technical.svg")}
.ico-grup-root{--ico:url("/images/icons/grup-root.svg")}
.ico-grup-staff{--ico:url("/images/icons/grup-staff.svg")}
.ico-grup-vip{--ico:url("/images/icons/grup-vip.svg")}
.ico-grup-q{--ico:url("/images/icons/grup-q.svg")}
.ico-grup-a{--ico:url("/images/icons/grup-a.svg")}
.ico-grup-o{--ico:url("/images/icons/grup-o.svg")}
.ico-grup-h{--ico:url("/images/icons/grup-h.svg")}
.ico-grup-v{--ico:url("/images/icons/grup-v.svg")}
.ico-grup-bot{--ico:url("/images/icons/grup-bot.svg")}
.ico-grup-gamebot{--ico:url("/images/icons/grup-gamebot.svg")}
.ico-grup-rootadmin{--ico:url("/images/icons/grup-rootadmin.svg")}
.ico-grup-gensor{--ico:url("/images/icons/grup-gensor.svg")}
.ico-grup-gensoryrd{--ico:url("/images/icons/grup-gensoryrd.svg")}
.ico-grup-sales{--ico:url("/images/icons/grup-sales.svg")}
.ico-grup-radio{--ico:url("/images/icons/grup-radio.svg")}
.ico-grup-chanserv{--ico:url("/images/icons/grup-chanserv.svg")}
.ico-grup-nickserv{--ico:url("/images/icons/grup-nickserv.svg")}
.ico-grup-help{--ico:url("/images/icons/grup-help.svg")}
.ico-grup-normal{--ico:url("/images/icons/grup-normal.svg")}
.ico-rutbe-crown{--ico:url("/images/icons/rutbe-crown.svg")}
.ico-rutbe-swords{--ico:url("/images/icons/rutbe-swords.svg")}
.ico-rutbe-shield{--ico:url("/images/icons/rutbe-shield.svg")}
.ico-rutbe-voice{--ico:url("/images/icons/rutbe-voice.svg")}
.ico-begen{--ico:url("/images/icons/begen.svg")}
.ico-paylas{--ico:url("/images/icons/paylas.svg")}
.ico-alinti{--ico:url("/images/icons/alinti.svg")}
 
html[data-message-style="classic"] #messages .reaction-menu .ico{width:17px;height:17px}
 
 


html{--rk:var(--chat-text-size,14px)}
 
.social-avatar img{width:100%;height:100%;object-fit:cover;border-radius:12px;border:1px solid var(--cz-a9c9f0,#a9c9f0);box-shadow:0 2px 5px var(--cz-3069aa20,#3069aa20)}.friend-button:disabled{opacity:.55}.social-friends .mobile-home-group-title span{font-size:11px;color:var(--cz-6c86a9,#6c86a9)}.social-friend-row>button:first-child:not(.friend-button){display:flex;align-items:center;gap:9px;flex:1;border:0;background:transparent;text-align:left;color:var(--cz-154184,#154184)}.social-friends details{font-size:12px;color:var(--cz-6883a2,#6883a2);margin-top:8px}.member-row .friend-button{margin-left:auto}#socialDialog{width:min(430px,calc(100vw - 28px));max-height:85dvh;border:1px solid var(--cz-a7c8f4,#a7c8f4);border-radius:20px;padding:0;color:var(--cz-1c4279,#1c4279);background:linear-gradient(145deg,var(--cz-e0efff,#e0efff),#fff 55%);box-shadow:0 20px 70px var(--cz-10386d50,#10386d50)}#socialDialog::backdrop{background:var(--cz-0e25477a,#0e25477a);backdrop-filter:blur(4px)}#socialDialog header{position:sticky;top:0;display:flex;align-items:center;justify-content:space-between;background:var(--cz-e4f0ff,#e4f0ff);padding:14px 20px;z-index:1}#socialDialog h2{margin:0;font-size:20px}#socialDialog button{cursor:pointer;border:1px solid var(--cz-aacdf1,#aacdf1);border-radius:9px;padding:9px 13px;background:var(--cz-f5faff,#f5faff);color:var(--cz-19519a,#19519a)}#socialDialog button:disabled{opacity:.5}.social-profile-hero h3{font-size:23px;margin:12px 0 5px}#socialDialog label{display:block;font-size:13px;margin-bottom:13px}#socialDialog textarea,#socialDialog select{display:block;width:100%;box-sizing:border-box;margin-top:6px;border:1px solid var(--cz-b7d1ef,#b7d1ef);padding:10px;border-radius:9px;background:white;color:var(--cz-284a76,#284a76);font:inherit}#socialDialog textarea{min-height:75px;resize:vertical}.social-avatar-grid label{position:relative}.social-avatar-grid img{width:100%;border:3px solid transparent;border-radius:14px;box-sizing:border-box}.social-avatar-grid input{position:absolute;left:8px;top:8px}.social-avatar-grid input:checked+img{border-color:var(--cz-247dde,#247dde)}#socialDialog .social-primary{background:var(--cz-1974da,#1974da);color:white;width:100%}.social-review img{width:68px;height:68px;border-radius:12px;object-fit:cover}.social-review b{flex:1;min-width:80px}#socialToast{position:fixed;bottom:85px;left:50%;transform:translateX(-50%);z-index:10000;background:var(--cz-173f73,#173f73);color:white;padding:13px 20px;border-radius:12px;box-shadow:0 8px 30px var(--cz-102c5540,#102c5540);max-width:85vw;font-size:14px}#socialDialog input[type=file]{display:block;max-width:100%;margin-top:9px}.social-person-wrap>.friend-button{margin-right:10px}
 
*{scrollbar-width:thin;scrollbar-color:var(--cz-83b5e9,#83b5e9) var(--cz-e5f0fb,#e5f0fb)}*::-webkit-scrollbar{width:6px;height:6px}*::-webkit-scrollbar-track{background:var(--cz-e5f0fb,#e5f0fb);border-radius:9px}*::-webkit-scrollbar-thumb{background:var(--cz-83b5e9,#83b5e9);border-radius:9px}*::-webkit-scrollbar-thumb:hover{background:var(--cz-438cda,#438cda)}.mobile-home-tabs button:first-child{white-space:normal;line-height:1.15}.message-reactions span:empty{display:none}.radio-toggle.playing>span{color:#15884f}.radio-panel header{display:flex;align-items:center;justify-content:space-between}.radio-panel header button{border:0;background:#ffffff90;border-radius:50%;width:28px;height:28px;font-size:24px;color:var(--cz-557da9,#557da9);cursor:pointer}.radio-controls #radioPlay{display:grid;place-items:center;border:1px solid #fff8;border-radius:50%;width:58px;height:58px;background:linear-gradient(145deg,var(--cz-3e9bf0,#3e9bf0),var(--cz-0956ba,#0956ba));color:white;font-size:24px;box-shadow:0 7px 18px var(--cz-246cca40,#246cca40);cursor:pointer}.radio-controls #radioPlay:disabled{opacity:.45;cursor:default}.radio-bars i{display:block;width:4px;height:5px;border-radius:3px;background:var(--cz-5297dd,#5297dd)}.radio-bars i:nth-child(2),.radio-bars i:nth-child(4){height:14px}.radio-bars i:nth-child(3){height:24px}.playing .radio-bars i{animation:radioPulse 1s ease-in-out infinite alternate}.playing .radio-bars i:nth-child(2n){animation-delay:.4s}@keyframes radioPulse{to{transform:scaleY(.35)}}@media(prefers-reduced-motion:reduce){.playing .radio-bars i{animation:none}}#reactionPeople{width:min(280px,calc(100vw - 40px));max-height:55dvh;overflow:auto;border:1px solid var(--cz-a4c8ef,#a4c8ef);border-radius:16px;background:linear-gradient(135deg,var(--cz-edf7ff,#edf7ff),#fff);color:var(--cz-21558b,#21558b);padding:0;box-shadow:0 14px 50px var(--cz-17427055,#17427055)}#reactionPeople::backdrop{background:var(--cz-17385840,#17385840)}#reactionPeople header{padding:12px 15px;display:flex;align-items:center;justify-content:space-between;background:var(--cz-e3f0ff,#e3f0ff)}#reactionPeople header button{border:0;background:transparent;font-size:24px;cursor:pointer;color:var(--cz-5481b1,#5481b1)}
 .reaction-trigger small:empty{display:none}.message.self .reaction-menu{left:auto;right:0}.reaction-menu .message-reactions button{flex:0 0 34px;min-width:0;max-width:34px;height:31px;padding:3px;justify-content:center;font-size:19px;gap:1px}.reaction-menu .message-reactions span{font-size:9px}.reaction-menu .reaction-counts button{font-size:12px;padding:2px 5px;white-space:nowrap;flex:none}#statusEntry{padding:4px 10px}.sound-option input:before{content:'';position:absolute;width:17px;height:17px;border-radius:50%;background:white;left:3px;top:3px;box-shadow:0 1px 4px var(--cz-44556644,#4564)}.sound-option input:checked{background:var(--cz-2982df,#2982df)}.sound-option input:checked:before{left:20px}#friendRequests{position:fixed;right:16px;top:72px;width:300px;max-width:calc(100vw - 32px);max-height:50dvh;overflow:auto;z-index:280;border:1px solid var(--cz-b9d6f3,#b9d6f3);border-radius:14px;background:var(--cz-f1f8ff,#f1f8ff);box-shadow:0 10px 35px var(--cz-21486a35,#21486a35)}.channel-head.collapsed{min-height:34px!important;padding-top:4px!important;padding-bottom:4px!important}.channel-head.collapsed h2{font-size:14px}.info-card>summary{cursor:pointer;font-weight:600;font-size:13px;color:var(--cz-3f72a6,#3f72a6);padding:5px 0}#mobileSectionTitle{overflow-wrap:anywhere}

 
#rightPanel{display:flex;flex-direction:column;overflow:hidden;min-height:0;max-height:100%}
#rightPanel.private-hidden{display:none}
#rightPanel .info-card{flex:0 0 auto;max-height:40%;overflow:auto}
#rightPanel .member-card{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}
#memberList{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain}
#mobileDrawer{display:none;flex-direction:column;max-height:100dvh;overflow:hidden}
#mobileMemberList{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain}
@media(max-width:1050px){#rightPanel{display:none}}

 
#mobileDrawer{box-sizing:border-box;padding-bottom:env(safe-area-inset-bottom,0px);height:100dvh;max-height:100dvh;min-height:0;z-index:700;overflow:hidden;isolation:isolate}
#mobileDrawer .drawer-head,#mobileDrawer .member-search{flex-shrink:0}
#mobileDrawer #mobileMemberList{flex:1 1 0%;height:0;min-height:0;max-height:100%;overflow-y:scroll;overflow-x:hidden;scrollbar-gutter:stable;touch-action:pan-y;-webkit-overflow-scrolling:touch;padding-bottom:16px}
#drawerShade{z-index:699}
#mobileDrawer .member-row{min-width:0;flex-shrink:0}
#mobileMemberList::-webkit-scrollbar{width:5px}
#mobileMemberList::-webkit-scrollbar-thumb{background:var(--cz-78afe2,#78afe2);border-radius:9px}
.nudge-button[hidden]{display:none!important}.nudge-button:disabled{opacity:.5}
@keyframes msnchatapp-nudge{0%,100%{translate:0 0}15%,45%,75%{translate:-6px 1px}30%,60%,90%{translate:6px -1px}}
.composer-small-button[hidden]{display:none!important}#nickTabButton{font-size:11px;flex-basis:37px}.call-panel header{display:grid;gap:6px;margin-bottom:12px}.call-controls button[hidden]{display:none}
 .channel-head h2{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}
.composer-row #emojiButton{position:static!important;display:flex!important;flex:0 0 32px;align-items:center;justify-content:center;width:32px;height:38px;margin:0;padding:0;border:0;border-radius:8px;background:transparent;font-size:22px;pointer-events:auto;transform:none}
#messages .message.self .message-avatar{display:inline-flex!important;flex:0 0 34px;width:34px;height:34px;align-items:center;justify-content:center}
#messages .message.self .social-avatar{display:inline-flex;width:32px;height:32px}.message-text a{color:var(--cz-1266b5,#1266b5);text-decoration:underline;overflow-wrap:anywhere}
body.login-mode{position:fixed;inset:0;overflow:hidden;overscroll-behavior:none}
body.login-mode #loginScreen{position:fixed;inset:0;box-sizing:border-box;width:100%;height:100svh;min-height:0;overflow:hidden;overscroll-behavior:none}
 
.chat-head-actions #mobileMembersButton[hidden]{display:none!important}.private-chat .channel-head{padding-right:170px!important}
.composer-row{align-items:center!important}
.composer-row #nickTabButton{align-self:center;margin:0!important;height:30px;line-height:13px;transform:none!important}
.composer-row .message-input-wrap #emojiButton{position:absolute!important;right:5px!important;left:auto!important;top:50%!important;bottom:auto!important;transform:translateY(-50%)!important;width:28px;height:30px;padding:0;margin:0;z-index:2}
#voiceButton{height:34px;width:30px;min-width:30px;flex:0 0 30px;border:0;background:transparent;color:var(--cz-2878c7,#2878c7);padding:4px;border-radius:50%;align-self:center;cursor:pointer}#voiceButton svg{width:23px;height:23px}#voiceButton.recording{color:#ce2949;background:#ffe1e8}.voice-recording button[hidden]{display:none}
#radioPanel{position:fixed;transform:none;top:76px;right:14px;bottom:auto;width:min(300px,calc(100vw - 24px));max-height:calc(100dvh - 90px);overflow:auto;z-index:800;border-radius:18px}#radioPanel .radio-bars i{width:5px;max-height:35px;background:linear-gradient(var(--cz-8cd4ff,#8cd4ff),var(--cz-1475dc,#1475dc));border-radius:3px;height:5px;animation:none}#radioPanel.playing .radio-bars i{animation:radio-spectrum .85s ease-in-out infinite alternate}#radioPanel .radio-bars i:nth-child(3n){animation-delay:-.4s}#radioPanel .radio-bars i:nth-child(3n+1){animation-delay:-.7s}#radioPanel .radio-bars i:nth-child(4n){animation-duration:.55s}
@keyframes radio-spectrum{from{height:5px}to{height:32px}}
@media(prefers-reduced-motion:reduce){#radioPanel.playing .radio-bars i{animation:none;height:18px}}
 .admin-content label{display:block;margin:8px 0}.admin-review img{display:block;max-width:140px;max-height:140px;margin:10px 0;border-radius:10px}.admin-review audio{max-width:100%}.admin-live-settings h3{margin:0 0 10px;font-size:15px}.admin-live-settings label{display:flex;align-items:center;gap:10px}.admin-live-settings label>span{flex:1}.admin-shuns summary{cursor:pointer;font-weight:bold}.admin-clear-channel[hidden]{display:none!important}.channel-head.admin-channel{padding-right:175px!important}
 
#radioPanel button{flex:none;width:32px;height:32px;padding:0;border:1px solid var(--cz-b3d7f4,#b3d7f4);border-radius:50%;background:linear-gradient(#fff,var(--cz-c7e5ff,#c7e5ff));color:var(--cz-1766b3,#1766b3);cursor:pointer}#radioPanel #radioPlay{background:linear-gradient(var(--cz-45a9fa,#45a9fa),var(--cz-0861ca,#0861ca));color:white;border-color:var(--cz-3388d7,#3388d7)}#radioPanel button:disabled{opacity:.45;cursor:default}#radioPanel .radio-info strong,#radioPanel .radio-info>span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:11px}#radioPanel .radio-info>span{font-size:9px;color:var(--cz-6085aa,#6085aa)}#radioPanel #radioVolume{width:60px;min-width:0;accent-color:var(--cz-2485de,#2485de);cursor:pointer}#radioPanel .radio-bars i{width:3px;height:3px;max-height:10px;border-radius:2px;background:linear-gradient(var(--cz-76d8ef,#76d8ef),var(--cz-2379db,#2379db));animation:none}#radioPanel.playing .radio-bars i{animation:compact-radio .7s ease-in-out infinite alternate}#radioPanel .radio-bars i:nth-child(3n){animation-delay:-.4s}#radioPanel .radio-bars i:nth-child(3n+1){animation-delay:-.2s}
@keyframes compact-radio{to{height:10px}}@media(prefers-reduced-motion:reduce){#radioPanel.playing .radio-bars i{animation:none;height:7px}}

 
.chat-panel>#scrollLockButton[aria-pressed=true]{background:var(--cz-d1e9fb,#d1e9fb);color:var(--cz-075daf,#075daf);border-color:var(--cz-65a5db,#65a5db)}
.composer-row .message-input-wrap{border:0!important;outline:none!important;box-shadow:none!important}
#sendButton{display:grid!important;place-items:center!important;flex:0 0 34px!important;width:34px!important;height:34px!important;min-width:34px!important;padding:0!important;border:0!important;border-radius:50%!important;background:var(--cz-299bd8,#299bd8)!important;box-shadow:none!important;color:white!important}
#sendButton svg{display:block}#nickTabButton{height:29px!important}#voiceButton{font-size:20px!important}

 
#sendButton::before,#sendButton::after{content:none!important;display:none!important}
.composer-row .message-input-wrap textarea::-webkit-scrollbar{display:none}
#app .chat-panel{grid-template-rows:auto minmax(0,1fr) auto}

#sendButton{background:transparent!important;border-radius:0!important;color:var(--cz-229ed9,#229ed9)!important}#sendButton svg{width:27px;height:27px}

#app .chat-panel>#mobileMembersButton{position:absolute;right:6px;top:calc(50% - 47px);z-index:8;min-width:32px;width:auto;height:39px;padding:2px;display:flex;flex-direction:column;justify-content:center;gap:0;border:1px solid var(--cz-bfd9ee,#bfd9ee);border-radius:8px;background:var(--cz-eff8fff0,#eff8fff0);font-size:12px}
#app .chat-panel>#mobileMembersButton[hidden]{display:none!important}
#msnDanceImage{background:transparent!important;border-radius:0!important;animation:transparent-msn 2.4s linear infinite!important;object-fit:contain}
@keyframes transparent-msn{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){#msnDanceImage{animation:none!important}}
.reaction-menu{width:max-content!important;min-width:224px!important;max-width:calc(100vw - 24px)!important;box-sizing:border-box!important}
.reaction-menu .message-reactions{display:flex!important;flex-wrap:nowrap!important;gap:3px!important;box-sizing:border-box!important}
.reaction-menu .message-reactions button{flex:0 0 auto!important;min-width:29px!important;padding:3px!important}#msnOrbit{display:block;max-width:100%;overflow:visible;background:transparent;transform:none!important;animation:none!important}
 
#msnOrbit{position:relative;width:240px;height:190px;margin:0 auto}#msnOrbit>svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}#msnOrbit>.orbit-figures{will-change:transform}

 
#connectingScreen:not(.hidden) .connecting-dots span{display:inline-block;animation:login-dot-wave 1.05s ease-in-out infinite!important;animation-play-state:running!important;transform-origin:center}
#connectingScreen:not(.hidden) .connecting-dots span:nth-child(2){animation-delay:.15s!important}
#connectingScreen:not(.hidden) .connecting-dots span:nth-child(3){animation-delay:.30s!important}
@keyframes login-dot-wave{0%,65%,100%{transform:translateY(0);opacity:.4}30%{transform:translateY(-6px);opacity:1}}.mobile-nav .nav-identity+span{max-width:78px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

 
#app .chat-panel>#mobileMembersButton{top:calc(50% - 40px)!important;bottom:auto!important;right:7px!important;flex-direction:row!important;height:32px!important;z-index:8}.admin-category>summary{cursor:pointer;font-weight:700}.admin-category>form>h3{display:none}.theme-options button[aria-pressed=true]{outline:2px solid currentColor}




#socialToast[popover]{margin:0;border:0;top:auto;right:auto;bottom:85px;left:50%}

 
.channel-unread .channel-name,.channel-unread .channel-hash,.channel-unread .mobile-home-row-main>b,.channel-unread .mobile-list-main>b,.channel-unread .mobile-channel-icon,.channel-unread .mobile-home-icon.channel{color:#e53950!important}
.history-page:disabled{cursor:default;opacity:.75}.operator-total:first-letter{color:#dfaa13}

 
html .message.self .message-name{color:var(--cz-0756b9,#0756b9)!important}.text-preferences label{display:flex;flex-direction:column;gap:4px;min-width:0}.text-preferences label:first-child{flex:1}.text-preferences input[type=color]{width:38px;padding:3px}.reaction-menu{z-index:1200!important}.quoted-message span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.reply-preview>div{flex:1;min-width:0}.typing-line>span{background:var(--cz-d5eaff,#d5eaff);border-radius:5px;padding:2px 5px}@keyframes typing-pulse{from{opacity:.35}to{opacity:1}}


 
#messages .reaction-trigger:focus-visible{outline:2px solid #1877f2;outline-offset:2px}
.text-preferences>div{flex-wrap:wrap}

 
#messages .message-body[tabindex]{cursor:pointer}
#messages .message-body:focus-visible{outline:2px solid var(--cz-438cda,#438cda);outline-offset:3px}
#messages .reaction-widget>.reaction-counts:empty{display:none}
#messages .reaction-counts b:empty{display:none}
#messages .reaction-menu[hidden]{display:none!important}
#messages .reaction-menu .message-reactions button{display:flex;align-items:center;justify-content:center;flex:0 0 34px!important;min-width:0!important;max-width:none;width:34px;height:36px;min-height:36px;padding:0!important;border:0;border-radius:50%;background:transparent;font-size:26px;cursor:pointer}
#messages .reaction-menu button:hover,#messages .reaction-menu button.selected{background:#e9eef2}
#messages .reaction-share svg{flex:none}

 
.reply-preview>div{flex:1 1 0;min-width:0;overflow:hidden}

 
.text-preferences label{width:100%;min-width:0}
.channel-join-form input:focus{outline:none;box-shadow:none;border-color:var(--cz-94bbd5,#94bbd5)}.private-preference>span:first-child{flex:1}.private-preference input:checked+.private-switch{background:var(--cz-0758bd,#0758bd)}.private-preference input:checked+.private-switch:after{transform:translateX(16px)}.private-preference input:focus-visible+.private-switch{outline:2px solid currentColor;outline-offset:3px}
.social-profile-hero h3{margin:10px 0 5px}
#contactForm label,#adminPages label{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}#contactForm input,#contactForm textarea,#adminPages textarea{box-sizing:border-box;width:100%;padding:10px;border-radius:9px;border:1px solid var(--cz-a7cdf2,#a7cdf2);background:var(--cz-f4fbff,#f4fbff);color:inherit;font:inherit}#contactForm input[readonly]{opacity:.75}

 
.user-settings-menu .mobile-setting-row>span{flex:1;display:flex;flex-direction:column;gap:4px}.user-settings-menu .mobile-setting-row b{font-size:13px}.user-settings-menu .mobile-setting-row i{font-style:normal;color:var(--cz-91abc2,#91abc2)}.voice-player audio[hidden]{display:none}
.member-search:focus{border-color:var(--cz-94bbd5,#94bbd5)!important;outline:none!important;box-shadow:none!important}

.voice-wave i.played{opacity:1}
#mobileMemberList{border-top:1px solid var(--cz-c1daf2,#c1daf2);padding-top:7px}
#drawerMemberSummary{display:flex;gap:14px;flex-wrap:wrap;padding:7px 12px;font-size:11px;color:var(--cz-0758bd,#0758bd)}.voice-room-panel header b{flex:1}.voice-room-panel button:disabled{opacity:.5}.room-speakers article{display:flex;flex-direction:column;align-items:center;gap:6px;width:82px;text-align:center;font-size:12px}.room-listeners article{display:flex;align-items:center;gap:9px;padding:8px;border-bottom:1px solid var(--cz-c1daf2,#c1daf2);font-size:12px}.room-listeners article>span:nth-child(2){flex:1;min-width:0;overflow-wrap:anywhere}.private-floating-clear:before{content:'⌫';font-size:17px}.private-floating-clear[hidden],.private-floating-close[hidden]{display:none!important}.voice-room-panel [hidden]{display:none!important}.voice-room-panel details{margin-top:12px;padding:10px 0;border-top:1px solid var(--cz-c1daf2,#c1daf2)}.voice-room-panel details article{padding:8px 0;border-bottom:1px solid var(--cz-c1daf2,#c1daf2)}

 
#adminTextDefaults{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:12px 0}
#adminTextDefaults label{display:flex;flex-direction:column;gap:6px;min-width:0}
#adminTextDefaults select{width:100%;min-height:36px;border:1px solid var(--border,#acd0ef);border-radius:8px;background:var(--panel,#f4faff);color:inherit;padding:5px}
#adminTextDefaults input[type=color]{display:block;appearance:auto;width:100%;height:42px;min-height:42px;padding:4px;border:1px solid var(--border,#acd0ef);border-radius:8px;cursor:pointer;background:transparent}
#adminTextDefaults input[type=color]::-webkit-color-swatch-wrapper{padding:0}
#adminTextDefaults input[type=color]::-webkit-color-swatch{border:0;border-radius:5px}
#adminTextDefaults input[type=color]::-moz-color-swatch{border:0;border-radius:5px}
#adminTextDefaults label:is(:where(.has-16fd58d1),:not(*).h_:not(h_)){grid-column:1/-1;flex-direction:row;align-items:center}
#adminTextDefaults input[type=checkbox]{width:17px;height:17px;min-height:0;margin:0}
#adminTextDefaults button{grid-column:1/-1}.image-viewer img{display:block;width:100%;height:100%;object-fit:contain}#adminConnection input[type=checkbox]{display:inline-block;width:16px;height:16px}
.call-controls svg{display:block;width:22px;height:22px}
#audioCallButton{font-size:0!important;background-image:url("/images/simgeler/sesli-arama.png")!important;background-repeat:no-repeat!important;background-position:center!important;background-size:22px 22px!important}
#videoCallButton{font-size:0!important;background-image:url("/images/simgeler/goruntulu-arama.png")!important;background-repeat:no-repeat!important;background-position:center!important;background-size:22px 22px!important}
#nudgeButton{font-size:0!important;background-image:url("/images/simgeler/titresim.png")!important;background-repeat:no-repeat!important;background-position:center!important;background-size:22px 22px!important}
#channelHeadToggle{font-size:0!important;background-image:url("/images/simgeler/baslik-kapat.png")!important;background-repeat:no-repeat!important;background-position:center!important;background-size:22px 22px!important}
#voiceButton.has-custom-icon:not(.recording){font-size:0!important;background-image:url("/images/simgeler/mikrofon.png")!important;background-repeat:no-repeat!important;background-position:center!important;background-size:contain!important}
#voiceButton.has-custom-icon:not(.recording)>svg{visibility:hidden}

.private-header-actions button,#audioCallButton,#videoCallButton,#nudgeButton,#channelHeadToggle{border:0!important;box-shadow:none!important;background-color:transparent!important;border-radius:0!important}
#voiceButton svg{width:29px;height:29px}
.admin-clear-channel:before,.private-floating-clear:before,.channel-head .chat-head-actions .admin-clear-channel:before{content:none!important}.admin-clear-channel.clear-icon-ready>svg{visibility:hidden}
#ircAccountForm label{display:flex;flex-direction:column;gap:6px;margin:10px 0}#ircAccountForm input{box-sizing:border-box;width:100%;min-height:38px;border:1px solid var(--cz-acd1ef,#acd1ef);border-radius:8px;background:var(--cz-f4fbff,#f4fbff);color:inherit;padding:8px 10px;font:inherit}

 #socialToast.clickable:focus-visible{outline:2px solid #167adc;outline-offset:3px}
#channelHeadToggle{position:absolute;right:7px;top:10px;width:24px;height:26px;padding:0;border:0!important;box-shadow:none!important;background:transparent url('/images/simgeler/baslik-kapat.png') center/20px 20px no-repeat!important;cursor:pointer}#channelHeadToggle[hidden]{display:none!important}.channel-head.collapsed>:not(#channelHeadToggle){display:none!important}

 
#userCardContext{font-size:14px;margin:0 26px 12px 0;text-align:left}#userCard{max-height:90dvh;overflow:auto}

 
html:is([data-message-style="modern"],[data-message-style="standard"]) #messages .message.self .message-avatar{display:none!important}
html:is([data-message-style="modern"],[data-message-style="standard"]) #messages .message .message-body{width:fit-content;min-width:0;max-width:min(78%,560px);padding:7px 12px 6px;border:0!important;border-radius:18px 18px 18px 4px;background:var(--cz-d5eaff,#dce7ff)!important;color:var(--cz-08285d,#213750);box-shadow:none}
html[data-message-style="modern"] #messages .message.self .message-text,html[data-message-style="modern"] #messages .message.self .message-name{color:#fff!important}
html:is([data-message-style="modern"],[data-message-style="standard"]) #messages .message .message-body>div:first-child{display:flex;align-items:baseline;justify-content:space-between;gap:14px}
html:is([data-message-style="modern"],[data-message-style="standard"]) #messages .message.self .moderated-media>small{color:#fff}
 
 

 .google-login[hidden]{display:none!important}

 

 
#socialPhotoSend{display:block;width:100%;margin-top:8px}

 
html body #app .message .moderated-media .media-pending-status,
html body #app .moderated-media .media-pending-status{color:#000!important;-webkit-text-fill-color:#000!important;text-shadow:none!important}
#adminSendIntervals{display:grid;gap:12px}#adminSendIntervals label{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0}#adminSendIntervals select{width:145px;max-width:55%;padding:8px;border:1px solid #a9c9ec;border-radius:8px}
 
 
.status-toggle-row button.is-muted{background:#8794a5!important;border-color:#6d7a8b!important;opacity:.92}
.status-toggle-row button:hover{opacity:.88}
 
#modernPrivateBell{display:none}
#modernPrivateBell svg{width:22px;height:22px;display:block}
#modernPrivateBell .md-private-badge[hidden]{display:none!important}
html.modern-demo[data-applet-choice="modern"] body #app#app .channel-head>#modernPrivateBell:not([hidden]){position:absolute!important;left:var(--bell-x,calc(75% - 30px))!important;top:50%!important;transform:translate(-50%,-50%)!important;display:flex!important;align-items:center!important;justify-content:center!important;width:34px!important;height:34px!important;padding:0!important;margin:0!important;border:0!important;background:transparent!important;color:#fff!important;cursor:pointer;z-index:3;overflow:visible!important}
html.modern-demo[data-applet-choice="modern"] body #app#app #modernIdentity :is(strong,small){display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html body #app #modernPrivateBell[hidden],html body #modernPrivateBell[hidden]{display:none!important}

 
#adminCallDurations{display:grid;gap:12px}#adminCallDurations label{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0}#adminCallDurations select{width:145px;max-width:55%;padding:8px;border:1px solid #a9c9ec;border-radius:8px}
#adminAnnouncement input[name="name"]{box-sizing:border-box;width:100%;margin-top:6px;padding:9px;border:1px solid #a9c9ec;border-radius:8px}

html body #app .admin-announcement-message .announcement-sender{color:#d71920!important;-webkit-text-fill-color:#d71920!important}

#youtubeSendForm{display:grid;gap:12px;min-width:0}
#youtubeSendForm label{margin:0!important}
#socialDialog #youtubeSendForm textarea{width:100%;min-height:64px;max-height:130px;resize:vertical;box-sizing:border-box;background:#fff;color:#17365d;border:1px solid #9fc2e8;border-radius:10px;padding:10px;font:16px/1.4 Arial,sans-serif;-webkit-text-security:none}
#youtubeSendForm iframe{display:block;width:100%;height:100%;border:0}
#socialDialog #youtubeSendForm button{color:#fff;border:0;padding:9px 14px;border-radius:8px;font-weight:600;background:var(--cz-1974da,#1974da)}
#socialDialog #youtubeSendForm [type=submit]{background:var(--cz-1974da,#1974da)}
#socialDialog #youtubeSendForm [data-youtube-cancel]{background:var(--cz-1974da,#1974da)}
#socialDialog #youtubeSendForm button:hover:not(:disabled){filter:brightness(1.08)}
#socialDialog #youtubeSendForm button:focus-visible{outline:2px solid #78b7f5;outline-offset:3px}

 
html body #socialDialog form button[type="submit"]{background:var(--cz-1974da,#1974da)!important;border-color:var(--cz-0758bd,#0758bd)!important;color:#fff!important}

html body #messages .message .quoted-message{color:#26352e!important;background:#edf4f8!important;border-left-color:#5386a6!important}html body #messages .message .quoted-message :is(b,span){color:inherit!important}html.modern-demo body #messages .message .quoted-message{background:var(--md-e5f3ed,#e5f3ed)!important;border-left-color:var(--md-00866c,#00866c)!important;color:#26352e!important}
 
.modern-image-confirm header{font:600 15px Arial,sans-serif;margin-bottom:12px}
.modern-image-confirm>img{display:block;width:100%;max-height:min(340px,55vh);object-fit:contain;border-radius:10px;background:#eef5fc}
.modern-image-confirm .image-send-preview button:disabled{opacity:.6;cursor:default}
 

 
html body #app .composer-row.vr-active{position:relative}
html body #app .composer-row.vr-active #nickTabButton{visibility:hidden}
html body #app .composer-row>.voice-recording[hidden]{display:none!important}
@keyframes vr-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
html body #app .composer-row>.voice-recording .vr-main{flex:1;min-width:0;display:flex;align-items:center;gap:8px;height:100%;transform:translateX(calc(-1 * var(--vr-slide,0px)));transition:transform .08s linear}
html body #app .composer-row>.voice-recording .vr-dot{flex:none;width:10px;height:10px;border-radius:50%;background:#e5383b;box-shadow:0 0 0 calc(var(--vr-level,0) * 7px) rgba(229,56,59,.22);animation:vr-blink 1s steps(2,jump-none) infinite}
html body #app .composer-row>.voice-recording.vr-review .vr-dot{animation:none;background:#8a98a8;box-shadow:none}
@keyframes vr-blink{50%{opacity:.25}}
html body #app .composer-row>.voice-recording .vr-time{flex:none;min-width:34px;font:600 14px/1 Arial,sans-serif;font-variant-numeric:tabular-nums;color:#1f2d3a}
html body #app .composer-row>.voice-recording .vr-wave{flex:1;min-width:30px;height:26px;color:#1aa260;opacity:.95}
html body #app .composer-row>.voice-recording.vr-review .vr-wave{color:#8a98a8}
html body #app .composer-row>.voice-recording .vr-hint{display:none;flex:none;color:#7b8794;font-size:12px;white-space:nowrap;animation:vr-nudge 1.4s ease-in-out infinite}
html body #app .composer-row>.voice-recording.vr-hold .vr-hint{display:inline}
html body #app .composer-row>.voice-recording.vr-cancelling .vr-hint{color:#e5383b;font-weight:600}
@keyframes vr-nudge{50%{transform:translateX(-5px)}}
html body #app .composer-row>.voice-recording .vr-status{display:none;flex:none;max-width:45%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#5b6b7b;font-size:12px}
html body #app .composer-row>.voice-recording.vr-review .vr-status{display:inline}
html body #app .composer-row>.voice-recording.vr-review .vr-wave{flex:0 1 90px}
 
html body #app .composer-row>.voice-recording button{flex:0 0 36px;width:36px;height:36px;padding:7px;border:0!important;border-radius:50%!important;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:none!important}
html body #app .composer-row>.voice-recording button[hidden]{display:none!important}
html body #app .composer-row>.voice-recording [data-voice-cancel]{background:transparent!important;color:#8a98a8!important}
html body #app .composer-row>.voice-recording [data-voice-cancel]:hover{color:#e5383b!important}
html body #app .composer-row>.voice-recording [data-voice-stop]{background:#fdecec!important;color:#e5383b!important}
html body #app .composer-row>.voice-recording [data-voice-send]{background:#1aa260!important;color:#fff!important;animation:vr-pop .2s ease-out}
@keyframes vr-pop{from{transform:scale(.6)}to{transform:scale(1)}}
html body #app .composer-row>.voice-recording button svg{width:20px;height:20px}
 
html body #app#app#app#app #voiceButton.recording.recording :is(svg,img),html body #voiceButton.recording :is(svg,img){filter:brightness(0) invert(1)}
 
html body #app .composer-row>.voice-recording.vr-hold{padding-right:58px!important}
html body #app .composer-row>.voice-recording.vr-hold [data-voice-stop]{display:none!important}
 
html body #app .composer-row>.voice-recording.vr-review{z-index:60!important}
@media (prefers-reduced-motion:reduce){html body #app .composer-row>.voice-recording,html body #app .composer-row>.voice-recording *{animation:none!important}}
 
html body .typing-line.typing-overlay[hidden]{display:none!important}
html body .typing-line.typing-overlay>span{flex:none;display:inline-flex;align-items:center;gap:4px;max-width:140px;padding:2px 6px;border-radius:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#fff;background:rgba(40,52,64,.38);background:color-mix(in srgb,var(--typing-accent,#283440) 58%,transparent);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);text-shadow:0 1px 1px rgba(0,0,0,.25);letter-spacing:.2px}
html body .typing-line.typing-overlay>span>i{font-style:normal;letter-spacing:1px;opacity:.95;animation:typing-pulse 1s infinite alternate}
@media (prefers-reduced-motion:reduce){html body .typing-line.typing-overlay>span>i{animation:none}}
 

 

 
html body #app #messages .admin-announcement-message{position:relative!important;padding-right:48px!important;padding-top:15px!important}
html body #app #messages .admin-announcement-message>.announcement-time{position:absolute;top:5px;right:9px;font:400 10px/13px Arial,sans-serif;color:#8a97a6;-webkit-text-fill-color:#8a97a6;letter-spacing:.2px;pointer-events:none}
 
 
.ban-window.shun-window .ban-head,.ban-window.shun-window .ban-row{grid-template-columns:1fr 120px 64px}
 
html body #app#app#app#app #messages .rank-message.rank-chosen-avatar .message-avatar{padding:0!important;background:none!important}
html body #app#app#app#app #messages .rank-message.rank-chosen-avatar .message-avatar>.social-avatar{width:100%!important;height:100%!important}
 
 
@keyframes private-badge-blink{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.2;transform:scale(1.22)}}
html.private-badge-blink :is(#modernPrivateBell .md-private-badge,.private-unread,.mobile-nav button[data-mobile="friends"] .mobile-nav-badge,.md-private-list .md-channel em b,.reference-private-row .reference-private-bottom i,.pc-navigation button[data-pc-view="friends"]>b,#modernDemoTabs [data-md-tab="friends"]>b){animation:private-badge-blink .7s ease-in-out 4!important;will-change:opacity,transform}
@media(prefers-reduced-motion:reduce){html.private-badge-blink :is(#modernPrivateBell .md-private-badge,.private-unread,.mobile-nav button[data-mobile="friends"] .mobile-nav-badge,.md-private-list .md-channel em b,.reference-private-row .reference-private-bottom i,.pc-navigation button[data-pc-view="friends"]>b,#modernDemoTabs [data-md-tab="friends"]>b){animation:private-badge-blink 1.4s ease-in-out 2!important}}
 
.whois-card{--a:var(--op-accent,#2d558d);--wc-text:#1d2a3a;--wc-muted:#66768a;--wc-body:color-mix(in srgb,var(--a) 7%,#fff);--wc-surface:#fff;--wc-border:color-mix(in srgb,var(--a) 22%,#e3e9f1);--wc-soft:color-mix(in srgb,var(--a) 11%,#fff);--wc-title:color-mix(in srgb,var(--a) 82%,#000);--wc-mix:#fff;--wc-ink:#000}
.whois-card.whois-dark{--wc-text:#e7edf5;--wc-muted:#9aa8b8;--wc-body:color-mix(in srgb,var(--a) 10%,#14171b);--wc-surface:color-mix(in srgb,var(--a) 6%,#1d2127);--wc-border:color-mix(in srgb,var(--a) 30%,#2c3239);--wc-soft:color-mix(in srgb,var(--a) 18%,#252a31);--wc-title:color-mix(in srgb,var(--a) 40%,#fff);--wc-mix:#1d2127;--wc-ink:#fff}
.whois-card h3{margin:0;font-size:19px;line-height:1.2;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.whois-card section{margin:0 0 10px;padding:9px 11px;border-radius:12px;background:var(--wc-surface);border:1px solid var(--wc-border)}
.whois-card h4{display:flex;align-items:center;gap:7px;margin:0 0 6px;font-size:12px;font-weight:700;letter-spacing:.02em;text-transform:uppercase;color:var(--wc-title)}
.whois-card h4 i{font-style:normal;display:inline-grid;place-items:center;width:20px;height:20px;border-radius:6px;background:var(--wc-soft);font-size:12px}
.whois-card h4 small{margin-left:auto;font-weight:700;color:var(--wc-muted);text-transform:none}
.whois-card .whois-chip b{font-weight:800}
.whois-card .whois-chip[data-role="q"]{--hue:#d99a00}
.whois-card .whois-chip[data-role="a"]{--hue:#d0357a}
.whois-card .whois-chip[data-role="o"]{--hue:#22984a}
.whois-card .whois-chip[data-role="h"]{--hue:#2f72cf}
.whois-card .whois-chip[data-role="v"]{--hue:#7a4bd1}
.whois-card .whois-foot button[data-whois-close]{background:var(--a);border-color:var(--a);color:#fff}
.whois-card.whois-dark .whois-chip[data-role="n"]{--hue:#8fa5bf}
.whois-card.whois-dark .whois-foot button[data-whois-close]{background:color-mix(in srgb,var(--a) 45%,#5d6d82);border-color:color-mix(in srgb,var(--a) 45%,#6d7d92)}
 
 
@media(max-width:760px),(hover:none) and (pointer:coarse) and (max-width:1400px){
  
}
 
#socialDialog label.appearance-style-card{display:flex!important;flex-direction:column;align-items:center;gap:4px;min-width:0;margin:0!important;padding:8px 8px 9px;border:2px solid #d6e2ee;border-radius:12px;background:#fff;cursor:pointer;text-align:center;box-sizing:border-box;transition:border-color .15s,box-shadow .15s}
#socialDialog label.appearance-style-card input{position:absolute;opacity:0;pointer-events:none;width:1px;height:1px}
#socialDialog label.appearance-style-card.is-disabled{opacity:.5;cursor:not-allowed}
#socialDialog label.appearance-style-card:focus-within{outline:2px solid color-mix(in srgb,var(--op-accent,#1974da) 55%,transparent);outline-offset:2px}
.appearance-style-preview[data-style="classic"] .asp-tabs em{display:block;width:22px;height:6px;border-radius:2px;background:#d8ecff}
 
 
html body #modernCallActions [data-md-private-tool][hidden]{display:none!important}
 
.admin-visibility-scope label{display:inline-flex!important;align-items:center;gap:5px;margin:0!important;white-space:nowrap;cursor:pointer}
html body #modernHeaderClear[hidden]{display:none!important}
 
html body #emojiPicker#emojiPicker#emojiPicker.emoji-bubble{position:fixed!important;inset:auto!important;transform:none!important;z-index:2147480000!important;display:none!important;flex-direction:column!important;width:min(252px,calc(100vw - 16px))!important;min-width:0!important;height:236px!important;max-height:var(--emoji-bubble-max,236px)!important;min-height:0!important;margin:0!important;padding:0!important;border:1px solid #d9dee5!important;border-radius:10px!important;background:#fff!important;color:#2b3440!important;box-shadow:0 6px 22px rgba(0,0,0,.18)!important;box-sizing:border-box!important;overflow:visible!important;font:12px/1.2 "Helvetica Neue",Helvetica,Arial,sans-serif!important;animation:emoji-bubble-in .14s ease-out}
html body #emojiPicker#emojiPicker#emojiPicker.emoji-bubble.open{display:flex!important}
@keyframes emoji-bubble-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
html body #emojiPicker#emojiPicker#emojiPicker.emoji-bubble::after{content:"";position:absolute;bottom:-7px;left:calc(var(--emoji-pointer-x,50%) - 7px);width:12px;height:12px;background:#fafbfc;border-right:1px solid #d9dee5;border-bottom:1px solid #d9dee5;transform:rotate(45deg);pointer-events:none}
html body #emojiPicker#emojiPicker#emojiPicker.emoji-bubble .emoji-picker-search{display:none!important}
html body #emojiPicker#emojiPicker#emojiPicker.emoji-bubble .emoji-picker-title{order:1!important;flex:none!important;display:block!important;margin:0!important;padding:7px 10px 3px!important;border:0!important;background:none!important;color:#9aa3ad!important;font:12px/1.2 "Helvetica Neue",Helvetica,Arial,sans-serif!important;text-align:left!important;position:static!important}
html body #emojiPicker#emojiPicker#emojiPicker.emoji-bubble :is(.emoji-picker-title,#emojiCategoryTitle){text-transform:none!important;letter-spacing:normal!important;font-weight:400!important}
html body #emojiPicker#emojiPicker#emojiPicker.emoji-bubble #emojiCategoryTitle{font:inherit!important;color:inherit!important}
html body #emojiPicker#emojiPicker#emojiPicker.emoji-bubble .emoji-grid{order:2!important;flex:1 1 auto!important;min-height:0!important;height:auto!important;max-height:none!important;overflow-x:hidden!important;overflow-y:auto!important;display:grid!important;grid-template-columns:repeat(8,minmax(0,1fr))!important;grid-auto-rows:27px!important;gap:1px 2px!important;align-content:start!important;margin:0!important;padding:2px 7px 6px!important;background:none!important;border:0!important;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}
html body #emojiPicker#emojiPicker#emojiPicker.emoji-bubble .emoji-grid .emoji-item:hover{background:#eef2f6!important}
html body #emojiPicker#emojiPicker#emojiPicker.emoji-bubble .emoji-empty{padding:20px 6px!important;font-size:12px!important}
html body #emojiPicker#emojiPicker#emojiPicker.emoji-bubble .emoji-categories{order:3!important;flex:none!important;display:flex!important;align-items:center!important;gap:0!important;height:auto!important;margin:0!important;padding:3px 4px!important;border:0!important;border-top:1px solid #e6eaef!important;border-radius:0 0 10px 10px!important;background:#fafbfc!important;overflow:hidden!important;position:static!important;box-shadow:none!important}
html body #emojiPicker#emojiPicker#emojiPicker.emoji-bubble .emoji-categories>button{flex:1 1 0!important;display:flex!important;align-items:center!important;justify-content:center!important;min-width:0!important;width:auto!important;height:28px!important;margin:0!important;padding:0!important;border:0!important;border-radius:6px!important;background:none!important;box-shadow:none!important;font-size:16px!important;line-height:1!important;opacity:.55;cursor:pointer;-webkit-appearance:none;appearance:none}
html body #emojiPicker#emojiPicker#emojiPicker.emoji-bubble .emoji-categories>button.active{opacity:1!important;background:#e8edf3!important}
html body #emojiPicker#emojiPicker#emojiPicker.emoji-bubble .emoji-categories>button .emoji-img{width:19px!important;height:19px!important}
html body #emojiPicker#emojiPicker#emojiPicker.emoji-bubble .emoji-categories>#emojiClose{flex:0 0 24px!important;opacity:1!important;color:#6b7684!important;font-size:14px!important;margin-left:2px!important}
 
html body #emojiPicker#emojiPicker#emojiPicker.emoji-bubble .emoji-categories>#emojiClose{display:none!important}
html body #app#app#app #emojiButton#emojiButton.active .emoji-toggle-face,html body #app#app#app #emojiButton#emojiButton.active>svg,html body #app#app#app #emojiButton#emojiButton.active>img,html body #app#app#app #emojiButton#emojiButton.active>.md-control-icon{display:none!important}
 

 
.session-alert[data-level="ok"]{--sa-accent:#2f7d5b;--sa-soft:#e9f5ef}
.session-alert[data-level="warn"]{--sa-accent:#b07a22;--sa-soft:#fbf3e4}
.session-alert[data-level="error"]{--sa-accent:#b5524c;--sa-soft:#f9ecea}
@keyframes session-alert-spin{to{transform:rotate(360deg)}}

 
.call-ear-lock.holding .call-ear-card small{background:#2c3c42;color:#fff}
[data-call-ear].active{outline:2px solid currentColor;outline-offset:-2px}

 
html body #app #messages .admin-announcement-message .announcement-media{display:block!important;margin:9px 0 2px!important;max-width:100%!important;overflow:hidden!important}
html body #app #messages .admin-announcement-message .announcement-image{display:block!important;width:auto!important;max-width:min(100%,340px)!important;height:auto!important;min-height:0!important;margin:0!important;padding:0!important;border:0!important;border-radius:12px!important;background:#eef2f4!important;box-shadow:0 1px 3px rgba(0,0,0,.12)!important;overflow:hidden!important;cursor:zoom-in}
html body #app #messages .admin-announcement-message .announcement-image img{display:block!important;max-width:100%!important;max-height:min(240px,38vh)!important;width:auto!important;height:auto!important;object-fit:contain!important;border-radius:12px!important}
html body #app #messages .admin-announcement-message .announcement-media-voice{display:flex!important;align-items:center!important;gap:10px!important;width:min(100%,340px)!important;box-sizing:border-box!important;padding:7px 12px 7px 7px!important;border:1px solid rgba(0,0,0,.08)!important;border-radius:999px!important;background:rgba(255,255,255,.78)!important}
html body #app #messages .admin-announcement-message .announcement-voice-play{flex:0 0 34px!important;width:34px!important;height:34px!important;min-width:34px!important;min-height:34px!important;margin:0!important;padding:0!important;border:0!important;border-radius:50%!important;background:var(--md-00866c,#00866c)!important;color:#fff!important;font:700 12px/34px Arial,sans-serif!important;text-align:center!important;cursor:pointer}
html body #app #messages .admin-announcement-message .announcement-voice-label{flex:0 0 auto;color:#4b5a62!important;-webkit-text-fill-color:#4b5a62!important;font:600 12px Arial,sans-serif!important;white-space:nowrap}
html body #app #messages .admin-announcement-message .announcement-voice-bar{position:relative;flex:1 1 auto;min-width:40px;height:4px;border-radius:2px;background:rgba(0,0,0,.12);overflow:hidden}
html body #app #messages .admin-announcement-message .announcement-voice-bar i{position:absolute;left:0;top:0;bottom:0;width:0;background:var(--md-00866c,#00866c);transition:width .2s linear}
html body #app #messages .admin-announcement-message .announcement-voice-time{flex:0 0 auto;color:#6b7a82!important;-webkit-text-fill-color:#6b7a82!important;font:11px/1 Arial,sans-serif!important;font-variant-numeric:tabular-nums}
dialog.announcement-image-viewer{max-width:94vw;max-height:90dvh;padding:0;border:0;border-radius:14px;background:#0d1214;overflow:hidden}
dialog.announcement-image-viewer::backdrop{background:rgba(5,10,12,.78)}
dialog.announcement-image-viewer img{display:block;max-width:94vw;max-height:90dvh;object-fit:contain}
dialog.announcement-image-viewer button{position:absolute;top:8px;right:8px;width:34px;height:34px;border:0;border-radius:50%;background:rgba(0,0,0,.55);color:#fff;font:20px/34px Arial,sans-serif;cursor:pointer}
html body #app #messages .admin-announcement-message .announcement-media{display:flex!important;justify-content:center!important}
html body #app #messages .admin-announcement-message .announcement-media-voice{margin-left:auto!important;margin-right:auto!important}

 
.session-alert.open{transform:translate(-50%,0) scale(1)!important}
.session-alert::before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:linear-gradient(90deg,var(--sa-accent),color-mix(in srgb,var(--sa-accent) 45%,#fff))}
.session-alert.pop .session-alert-icon::after{content:"";position:absolute;inset:-4px;border-radius:50%;border:2px solid var(--sa-accent);opacity:0;animation:session-alert-ring 1.2s ease-out 2}
@keyframes session-alert-ring{0%{opacity:.7;transform:scale(.85)}100%{opacity:0;transform:scale(1.45)}}
.session-alert-body b{color:var(--sa-accent)!important;font-size:15px!important;letter-spacing:.1px}
.session-alert-body p{color:#46545c!important}
@keyframes session-alert-count{from{transform:scaleX(1)}to{transform:scaleX(0)}}
@media(prefers-reduced-motion:reduce){.session-alert.pop .session-alert-icon::after{animation:none}}

 
 
html body #app#app #messages .admin-announcement-message{padding-right:12px!important;padding-top:10px!important}
html body #app#app #messages .admin-announcement-message>.announcement-time{position:static!important;display:block!important;margin:4px 0 0!important;text-align:right!important}

 

html[data-ana-bg] body #app#app#app #messages .admin-announcement-message.admin-announcement-message:not(.announcement-timed){background:var(--ana-bg)!important;background-image:none!important}
html[data-ana-sfont] body #app#app#app #messages .admin-announcement-message:not(.announcement-timed) .announcement-sender{font-family:var(--ana-sfont)!important}
html[data-ana-ssize] body #app#app#app #messages .admin-announcement-message:not(.announcement-timed) .announcement-sender{font-size:var(--ana-ssize)!important}
html[data-ana-sweight] body #app#app#app #messages .admin-announcement-message:not(.announcement-timed) .announcement-sender{font-weight:var(--ana-sweight)!important}
html[data-ana-sitalic] body #app#app#app #messages .admin-announcement-message:not(.announcement-timed) .announcement-sender{font-style:var(--ana-sitalic)!important}
html[data-ana-scolor] body #app#app#app #messages .admin-announcement-message:not(.announcement-timed) .announcement-sender{color:var(--ana-scolor)!important;-webkit-text-fill-color:var(--ana-scolor)!important}
html[data-ana-mfont] body #app#app#app #messages .admin-announcement-message:not(.announcement-timed) .announcement-text{font-family:var(--ana-mfont)!important}
html[data-ana-msize] body #app#app#app #messages .admin-announcement-message:not(.announcement-timed) .announcement-text{font-size:var(--ana-msize)!important}
html[data-ana-mweight] body #app#app#app #messages .admin-announcement-message:not(.announcement-timed) .announcement-text{font-weight:var(--ana-mweight)!important}
html[data-ana-mitalic] body #app#app#app #messages .admin-announcement-message:not(.announcement-timed) .announcement-text{font-style:var(--ana-mitalic)!important}
html[data-ana-mcolor] body #app#app#app #messages .admin-announcement-message:not(.announcement-timed) .announcement-text{color:var(--ana-mcolor)!important;-webkit-text-fill-color:var(--ana-mcolor)!important}
html[data-ant-bg] body #app#app#app #messages .admin-announcement-message.admin-announcement-message.announcement-timed{background:var(--ant-bg)!important;background-image:none!important}
html[data-ant-sfont] body #app#app#app #messages .admin-announcement-message.announcement-timed .announcement-sender{font-family:var(--ant-sfont)!important}
html[data-ant-ssize] body #app#app#app #messages .admin-announcement-message.announcement-timed .announcement-sender{font-size:var(--ant-ssize)!important}
html[data-ant-sweight] body #app#app#app #messages .admin-announcement-message.announcement-timed .announcement-sender{font-weight:var(--ant-sweight)!important}
html[data-ant-sitalic] body #app#app#app #messages .admin-announcement-message.announcement-timed .announcement-sender{font-style:var(--ant-sitalic)!important}
html[data-ant-scolor] body #app#app#app #messages .admin-announcement-message.announcement-timed .announcement-sender{color:var(--ant-scolor)!important;-webkit-text-fill-color:var(--ant-scolor)!important}
html[data-ant-mfont] body #app#app#app #messages .admin-announcement-message.announcement-timed .announcement-text{font-family:var(--ant-mfont)!important}
html[data-ant-msize] body #app#app#app #messages .admin-announcement-message.announcement-timed .announcement-text{font-size:var(--ant-msize)!important}
html[data-ant-mweight] body #app#app#app #messages .admin-announcement-message.announcement-timed .announcement-text{font-weight:var(--ant-mweight)!important}
html[data-ant-mitalic] body #app#app#app #messages .admin-announcement-message.announcement-timed .announcement-text{font-style:var(--ant-mitalic)!important}
html[data-ant-mcolor] body #app#app#app #messages .admin-announcement-message.announcement-timed .announcement-text{color:var(--ant-mcolor)!important;-webkit-text-fill-color:var(--ant-mcolor)!important}.admin-ann-style>summary{cursor:pointer;font:700 13px Arial,sans-serif}
 
html body #app #messages .admin-announcement-message .announcement-icon{display:inline-block;width:1.15em;height:1.15em;margin:0 .3em 0 0;vertical-align:-.2em;color:inherit}
html body #app #messages .admin-announcement-message .announcement-icon>svg{display:block;width:100%;height:100%}
html body #app#app#app #messages .admin-announcement-message .announcement-sender>.announcement-icon{color:#d71920!important}
html[data-ana-scolor] body #app#app#app #messages .admin-announcement-message:not(.announcement-timed) .announcement-sender>.announcement-icon{color:var(--ana-scolor)!important}
html[data-ant-scolor] body #app#app#app #messages .admin-announcement-message.announcement-timed .announcement-sender>.announcement-icon{color:var(--ant-scolor)!important}
html body #app#app#app #messages .admin-announcement-message .announcement-sender>.announcement-icon>svg,html body #app#app#app #messages .admin-announcement-message .announcement-sender>.announcement-icon>svg>path{fill:currentColor!important;stroke:none!important}
 
html body dialog.whois-card.whois-rank-head>.whois-head{background:linear-gradient(135deg,color-mix(in srgb,var(--whois-rank) 88%,#fff),color-mix(in srgb,var(--whois-rank) 72%,#000))!important;color:#fff!important}
 
html body dialog.whois-card.whois-rank-head .whois-foot button[data-whois-close]{background:var(--whois-rank)!important;border-color:var(--whois-rank)!important;color:#fff!important}
 
html body dialog.active-sessions-dialog{--as-accent:#277bdd;box-sizing:border-box;width:min(420px,calc(100vw - 24px));max-height:min(620px,calc(100dvh - 32px));padding:0;border:0;border-radius:20px;background:#fff;color:#1f2d3a;box-shadow:0 24px 70px rgba(10,30,50,.35);overflow:hidden;display:flex;flex-direction:column;font-family:inherit}
html body dialog.active-sessions-dialog:not([open]){display:none}
html body dialog.active-sessions-dialog::backdrop{background:rgba(12,24,36,.55);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}
html body dialog.active-sessions-dialog>header{display:flex;align-items:flex-start;gap:12px;padding:18px 16px 14px;background:linear-gradient(135deg,color-mix(in srgb,var(--as-accent) 14%,#fff),#fff);border-bottom:1px solid color-mix(in srgb,var(--as-accent) 18%,#fff)}
html body dialog.active-sessions-dialog .as-icon svg{width:24px;height:24px}
html body dialog.active-sessions-dialog header>div{flex:1;min-width:0}
html body dialog.active-sessions-dialog header b{display:block;font-size:18px;line-height:1.2;color:#14263a}
html body dialog.active-sessions-dialog header small{display:block;margin-top:4px;font-size:12.5px;line-height:1.4;color:#5a6b7c}
html body dialog.active-sessions-dialog .as-item input{position:absolute;opacity:0;pointer-events:none}
html body dialog.active-sessions-dialog .as-item:focus-within{outline:2px solid color-mix(in srgb,var(--as-accent) 45%,transparent);outline-offset:2px}
html body dialog.active-sessions-dialog .as-main b{display:block;font-size:15px;color:#17283a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html body dialog.active-sessions-dialog .as-main small{display:block;margin-top:2px;font-size:12px;color:#6a7a8a;line-height:1.35}
html body dialog.active-sessions-dialog .as-item input:checked~.as-check{border:6px solid var(--as-accent)}
html body dialog.active-sessions-dialog .as-item.is-picked{border-color:var(--as-accent);background:color-mix(in srgb,var(--as-accent) 6%,#fff)}
html body dialog.active-sessions-dialog .as-item input:checked~.as-avatar{background:var(--as-accent);color:#fff}
html body dialog.active-sessions-dialog footer{display:flex;flex-direction:column;gap:8px;padding:12px 16px calc(14px + env(safe-area-inset-bottom));border-top:1px solid #edf1f5;background:#fff}
html body dialog.active-sessions-dialog footer button{appearance:none;width:100%;min-height:44px;border-radius:12px;font:700 15px/1.2 inherit;cursor:pointer}
html body dialog.active-sessions-dialog .as-continue:disabled{opacity:.7}

 
html body #messages .message.in-channel.nick-icon-message>.message-avatar{background:color-mix(in srgb,var(--message-rank-color,var(--cz-277bdd,#277bdd)) 12%,#fff)!important;border:0!important;border-radius:50%!important;box-sizing:border-box!important}
html body #messages .message.in-channel.nick-icon-message>.message-avatar img.nick-icon-img{padding:6%!important;border-radius:50%!important}
 
html body #app#app#app#app .composer>.reply-preview:not([hidden]){background:#fff!important;background-image:none!important;color:#1d2733!important}
html body #app#app#app#app .composer>.reply-preview:not([hidden]) :is(b,span){color:inherit!important}
html body #app#app#app#app .composer>.reply-preview:not([hidden])>button{background:#fff!important;color:#1d2733!important}
 
html body #app#app#app#app #messages#messages .message.quote-only .message-content-line>.message-text{display:none!important}

 
html body #app#app#app#app #messages .message.normal-role-message>.message-avatar{color:var(--message-rank-color)!important;background:color-mix(in srgb,var(--message-rank-color,#5b6b7d) 12%,#fff)!important;border-radius:50%!important}
html body #app#app#app#app #messages .message.normal-role-message>.message-avatar>.nl-file-icon{display:grid!important;place-items:center!important;width:62%!important;height:62%!important;max-width:30px;max-height:30px;color:inherit!important}
html body #app#app#app#app #messages .message.normal-role-message>.message-avatar>.nl-file-icon svg{width:100%!important;height:100%!important}
 
html body #app#app#app#app #messages .message.normal-role-message>.message-avatar>.nl-file-icon .ico{display:block!important;width:100%!important;height:100%!important}
 
html body .md-channel .social-avatar.identity-role>:not(.social-dot),html body [data-reference-private] .social-avatar.identity-role>:not(.social-dot){width:44%!important;height:44%!important}
 
html body #socialDialog .social-avatar-grid .avatar-default-choice{display:grid!important;place-items:center!important}
html body #socialDialog .social-avatar-grid .avatar-default-choice>.social-avatar{width:100%!important;height:100%!important;max-width:72px;max-height:72px;aspect-ratio:1/1;margin:auto!important}
html body #socialDialog .social-avatar-grid label.avatar-default-choice{position:relative}
html body #socialDialog .social-avatar-grid label.avatar-default-choice>input{position:absolute;left:6px;top:6px;margin:0}
 
#sessionControlDialog::backdrop{background:#0006}
#sessionControlDialog .admin-session-body>details>summary{display:none}
 
html body #app#app#app#app#app #messages .message.ni-sized:not(.in-channel-irc)>.message-avatar{width:var(--ni-px)!important;height:var(--ni-px)!important;min-width:var(--ni-px)!important;min-height:var(--ni-px)!important;flex:0 0 var(--ni-px)!important;padding:0!important}
html body #app#app#app#app#app #messages .message.ni-sized>.message-avatar>img.nick-icon-img{width:100%!important;height:100%!important;transform:none!important}

 
#messages.typing-space::after{content:"";display:block;flex:none;height:24px}
 
 
.appearance-style-cards,.md-appearance-inline .appearance-style-cards{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.appearance-style-preview[data-style="qwclassic"] .asp-tabs em{display:block;width:22px;height:6px;border-radius:2px;background:#2b76d8}
.appearance-style-preview[data-style="qwebirc"] .asp-tabs em{display:block;width:22px;height:6px;border-radius:2px;background:#d8ecff}
 

html body #app#app#app#app#app #messages .message:is(.rank-message,.nick-icon-message):not(.rank-chosen-avatar)>.message-avatar{background:color-mix(in srgb,var(--av-tint,var(--message-rank-color,#5b6b7d)) 14%,#fff)!important;border-color:color-mix(in srgb,var(--av-tint,var(--message-rank-color,#5b6b7d)) 22%,#fff)!important}
 
html body #app#app#app#app #app .roster-profile-avatar.nick-icon-avatar[style*="--av-tint"],html body #app#app#app#app .roster-profile-avatar.nick-icon-avatar[style*="--av-tint"]{background:color-mix(in srgb,var(--av-tint) 14%,#fff)!important;border-radius:50%!important}
 
html[data-qw-irc][data-chat-background="msn"]:not(.pc-reference) body :is(#loginScreen#loginScreen#loginScreen#loginScreen,#connectingScreen#connectingScreen#connectingScreen#connectingScreen){background:linear-gradient(165deg,#e6f3fe 0%,#cfe8fc 45%,#b6d6f7 100%)!important}
html[data-qw-irc][data-chat-background="msn"]:not(.pc-reference) body #loginScreen#loginScreen#loginScreen#loginScreen .login-card{background:#f6fbff!important;border:1px solid #c4dcf5!important;box-shadow:0 8px 28px #0a48a41f!important;color:#0a48a4!important}
html[data-qw-irc][data-chat-background="msn"]:not(.pc-reference) body #loginScreen#loginScreen#loginScreen#loginScreen .login-card :is(label,p,small,a,span,h1,h2,strong):not(button *){color:#0a48a4!important}
html[data-qw-irc][data-chat-background="msn"]:not(.pc-reference) body #loginScreen#loginScreen#loginScreen#loginScreen .login-card input{border:1px solid #c4dcf5!important;background:#fff!important}
html[data-qw-irc][data-chat-background="msn"]:not(.pc-reference) body #loginScreen#loginScreen#loginScreen#loginScreen #loginButton{background:#2b76d8!important;color:#fff!important}
 

html[data-chat-background="msn"] body dialog.active-sessions-dialog .as-avatar{background:color-mix(in srgb,var(--as-accent) 22%,#fff)}
html[data-chat-background="msn"] body dialog.active-sessions-dialog .as-continue{box-shadow:0 6px 16px color-mix(in srgb,var(--as-accent) 42%,transparent)}
 
 
html body #app#app#app #messages .reaction-counts>button.rx-top{display:none!important}
 
html body dialog.whois-card.wv.wv{width:min(400px,calc(100vw - 24px))!important;max-width:400px!important;max-height:min(80vh,600px)!important;padding:0!important;border:0!important;border-radius:18px!important;background:#f2f3f5!important;color:#111!important;box-shadow:0 22px 60px rgba(0,0,0,.42)!important;overflow:hidden!important;font:400 13.5px/1.4 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif!important;opacity:1!important;filter:none!important}
html body dialog.whois-card.wv.wv[open]{display:flex!important;flex-direction:column!important}
html body dialog.whois-card.wv.wv::backdrop{background:rgba(0,0,0,.5)!important}
html body dialog.whois-card.wv.wv *{box-sizing:border-box}
html body dialog.whois-card.wv.wv svg{width:14px;height:14px;flex:none}
html body dialog.whois-card.wv.wv :focus:not(:focus-visible){outline:none!important;box-shadow:none!important}
html body dialog.whois-card.wv.wv .wv-x:focus{outline:none!important;box-shadow:none!important}
html body dialog.whois-card.wv.wv .wv-head{position:relative!important;display:grid!important;grid-template-columns:104px minmax(0,1fr)!important;align-items:center!important;column-gap:14px!important;row-gap:10px!important;padding:16px 14px 12px 16px!important;margin:0!important;color:#fff!important;border:0!important;border-radius:0!important;background:radial-gradient(120% 70% at 90% 0%,rgba(255,255,255,.10),transparent 60%),repeating-radial-gradient(140% 100% at 110% 120%,rgba(255,255,255,0) 0 14px,rgba(255,255,255,.045) 15px 16px,rgba(255,255,255,0) 17px 26px),linear-gradient(160deg,#1b1c1f,#050505 70%)!important;flex:none!important}
html body dialog.whois-card.wv.wv .wv-av{position:relative!important;width:100px!important;height:100px!important;border-radius:50%!important;border:3px solid rgba(255,255,255,.85)!important;background:#26272b!important;overflow:visible!important;display:grid!important;place-items:center!important}
html body dialog.whois-card.wv.wv .wv-av[data-profile-photo]{cursor:zoom-in!important}
html body dialog.whois-card.wv.wv .wv-av>*{width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;border-radius:50%!important;overflow:hidden!important;margin:0!important;font-size:40px!important;line-height:94px!important;text-align:center!important}
html body dialog.whois-card.wv.wv .wv-av img{object-fit:cover!important}
html body dialog.whois-card.wv.wv .wv-av.is-on::after,html body dialog.whois-card.wv.wv .wv-av.is-away::after{content:"";position:absolute;right:3px;bottom:5px;width:20px;height:20px;border-radius:50%;background:#22c55e;border:3px solid #fff;z-index:2}
html body dialog.whois-card.wv.wv .wv-av.is-away::after{background:#f5a524}
html body dialog.whois-card.wv.wv .wv-title{min-width:0!important;margin:0!important;padding:0 32px 0 0!important;text-align:left!important}
html body dialog.whois-card.wv.wv .wv-title h3{margin:0!important;padding:0!important;color:#fff!important;font:800 26px/1.15 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;background:none!important;-webkit-text-fill-color:#fff!important;text-shadow:none!important}
html body dialog.whois-card.wv.wv .wv-title .wv-real,html body dialog.whois-card.wv.wv .wv-title .whois-state{margin:2px 0 0!important;color:#c3c6cc!important;font:400 12px/1.3 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
html body dialog.whois-card.wv.wv .wv-badge{display:inline-flex!important;align-items:center!important;gap:3px!important;margin:6px 0 0!important;flex-wrap:nowrap!important}
html body dialog.whois-card.wv.wv .wv-badge .wv-laurel{width:16px!important;height:26px!important}
html body dialog.whois-card.wv.wv .wv-badge .wv-laurel:last-child{transform:scaleX(-1)}
html body dialog.whois-card.wv.wv .wv-badge.has-94f6531d{display:inline-grid!important;grid-template-columns:16px auto 16px!important;grid-template-rows:auto auto!important;column-gap:4px!important;row-gap:0!important}
html body dialog.whois-card.wv.wv .wv-badge.has-94f6531d .wv-laurel{grid-row:1/3!important}
html body dialog.whois-card.wv.wv .wv-badge.has-94f6531d .wv-laurel:first-child{grid-column:1!important}
html body dialog.whois-card.wv.wv .wv-badge.has-94f6531d .wv-laurel:last-child{grid-column:3!important}
html body dialog.whois-card.wv.wv .wv-badge.has-94f6531d .wv-stars,html body dialog.whois-card.wv.wv .wv-badge.has-94f6531d .wv-rank{grid-column:2!important}
html body dialog.whois-card.wv.wv .wv-stars{display:flex!important;justify-content:center!important;gap:1px!important;color:#f5c542!important}
html body dialog.whois-card.wv.wv .wv-stars svg{width:12px!important;height:12px!important;filter:drop-shadow(0 1px 0 rgba(0,0,0,.4))}
html body dialog.whois-card.wv.wv .wv-rank{display:block!important;padding:1px 2px 2px!important;border-bottom:1px solid rgba(245,197,66,.6)!important;color:#f7d77e!important;font:700 11.5px/1.2 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif!important;text-align:center!important;white-space:nowrap!important;max-width:170px!important;overflow:hidden!important;text-overflow:ellipsis!important}
html body dialog.whois-card.wv.wv .wv-x{position:absolute!important;top:10px!important;right:10px!important;width:30px!important;height:30px!important;min-width:0!important;padding:0!important;margin:0!important;display:grid!important;place-items:center!important;border:1px solid rgba(255,255,255,.28)!important;border-radius:50%!important;background:rgba(255,255,255,.08)!important;color:#fff!important;cursor:pointer;z-index:3}
html body dialog.whois-card.wv.wv .wv-x svg{width:14px!important;height:14px!important}
html body dialog.whois-card.wv.wv .whois-app-slot{position:absolute!important;top:44px!important;right:8px!important;left:auto!important;margin:0!important;z-index:2}
html body dialog.whois-card.wv.wv .wv-actions{grid-column:1/-1!important;display:flex!important;justify-content:flex-end!important;flex-wrap:wrap!important;gap:6px!important;margin:0!important;padding:0!important;background:none!important;border:0!important}
html body dialog.whois-card.wv.wv .wv-actions .wv-pill{display:inline-flex!important;align-items:center!important;gap:5px!important;width:auto!important;height:auto!important;min-width:0!important;min-height:0!important;margin:0!important;padding:5px 10px!important;border:1px solid rgba(255,255,255,.38)!important;border-radius:999px!important;background:rgba(255,255,255,.05)!important;color:#fff!important;font:600 12px/1.1 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif!important;cursor:pointer;opacity:1!important;box-shadow:none!important}
html body dialog.whois-card.wv.wv .wv-actions .wv-pill svg{width:14px!important;height:14px!important;color:#fff}
html body dialog.whois-card.wv.wv .wv-actions .wv-block svg{color:#ff4d4d!important}
html body dialog.whois-card.wv.wv .wv-actions .wv-block.blocked{border-color:#ff4d4d!important}
html body dialog.whois-card.wv.wv .wv-actions .wv-pill:active{background:rgba(255,255,255,.16)!important}
html body dialog.whois-card.wv.wv .wv-notice{grid-column:1/-1!important;margin:0!important;padding:6px 10px!important;border-radius:10px!important;background:#fff4d6!important;color:#5c3b00!important;border:1px solid #f0c24b!important;font:600 12px/1.35 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif!important;text-align:center!important}
html body dialog.whois-card.wv.wv .wv-notice[hidden]{display:none!important}
html body dialog.whois-card.wv.wv .wv-body{flex:1 1 auto!important;min-height:0!important;overflow:auto!important;margin:0!important;padding:10px 12px 2px!important;background:#f2f3f5!important;color:#111!important;border:0!important;display:block!important}
html body dialog.whois-card.wv.wv .wv-body>section:not([hidden]){position:relative!important;display:block!important;margin:0 0 9px!important;padding:9px 11px 8px 52px!important;min-height:50px!important;border:1px solid #e6e7ea!important;border-radius:13px!important;background:#fff!important;color:#111!important;box-shadow:0 1px 2px rgba(0,0,0,.05)!important}
html body dialog.whois-card.wv.wv .wv-body>section>h4{position:static!important;display:flex!important;align-items:center!important;gap:6px!important;margin:0!important;padding:0!important;color:#111!important;font:700 13.5px/1.25 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif!important;background:none!important;border:0!important;text-transform:none!important;letter-spacing:0!important}
html body dialog.whois-card.wv.wv .wv-body>section>h4>i{position:absolute!important;left:10px!important;top:9px!important;width:32px!important;height:32px!important;display:grid!important;place-items:center!important;margin:0!important;border-radius:50%!important;background:#eceef1!important;color:#111!important;font-style:normal!important;font-size:15px!important;line-height:1!important}
html body dialog.whois-card.wv.wv .wv-body>section>h4>i svg{width:16px!important;height:16px!important}
html body dialog.whois-card.wv.wv .wv-body>section>h4>small{margin-left:auto!important;padding:1px 8px!important;border-radius:999px!important;background:#eceef1!important;color:#111!important;font:700 11.5px/1.3 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif!important}
html body dialog.whois-card.wv.wv .wv-body .wv-sub{margin:1px 0 5px!important;padding:0!important;color:#777c84!important;font:400 11.5px/1.3 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif!important}
html body dialog.whois-card.wv.wv .whois-chips{display:flex!important;flex-wrap:wrap!important;gap:6px!important;margin:3px 0 1px!important;padding:0!important}
html body dialog.whois-card.wv.wv .wv-chips-wrap{display:flex!important;align-items:flex-start!important;gap:6px!important;margin:3px 0 1px!important}
html body dialog.whois-card.wv.wv .wv-chips-wrap .whois-chips{flex:1 1 auto!important;min-width:0!important;margin:0!important;overflow:hidden!important}
html body dialog.whois-card.wv.wv .wv-chips-toggle{flex:0 0 26px!important;width:26px!important;height:26px!important;min-width:0!important;min-height:0!important;margin:0!important;padding:0!important;border:1px solid #d9dbe0!important;border-radius:8px!important;background:#fff url('/images/simgeler/baslik-ac.png') center/16px 16px no-repeat!important;font-size:0!important;color:transparent!important;cursor:pointer;box-shadow:0 1px 2px rgba(0,0,0,.06)!important}
html body dialog.whois-card.wv.wv .wv-chips-toggle[aria-expanded="true"]{background-image:url('/images/simgeler/baslik-kapat.png')!important}
html body dialog.whois-card.wv.wv .wv-chips-toggle[hidden]{display:none!important}
html body dialog.whois-card.wv.wv .whois-chip{display:inline-flex!important;align-items:center!important;gap:2px!important;height:auto!important;min-height:0!important;margin:0!important;padding:4px 10px!important;border:0!important;border-radius:8px!important;background:#eceef1!important;color:#222!important;font:600 12px/1.2 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif!important;cursor:pointer;box-shadow:none!important}
html body dialog.whois-card.wv.wv .whois-chip b{color:#6b7078!important;font-weight:700!important}
html body dialog.whois-card.wv.wv .whois-row{display:grid!important;grid-template-columns:14px 104px minmax(0,1fr)!important;align-items:center!important;column-gap:8px!important;margin:0!important;padding:3px 0!important;border:0!important;background:none!important}
html body dialog.whois-card.wv.wv .whois-row>i{display:grid!important;place-items:center!important;color:#3a3d42!important;font-style:normal!important}
html body dialog.whois-card.wv.wv .whois-row>i svg{width:13px!important;height:13px!important}
html body dialog.whois-card.wv.wv .whois-row>span{color:#555a62!important;font:400 12px/1.3 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif!important;min-width:0!important}
html body dialog.whois-card.wv.wv .whois-row>strong{min-width:0!important;color:#111!important;font:600 12.5px/1.3 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif!important;overflow-wrap:anywhere!important;text-align:left!important}
html body dialog.whois-card.wv.wv .whois-row:not(:is(:where(.has-8c2d5a92),:not(*):not(h_))){grid-template-columns:104px minmax(0,1fr)!important}
html body dialog.whois-card.wv.wv .wv-link{color:#1a6fd8!important;font-weight:600!important}
html body dialog.whois-card.wv.wv .wv-on{color:#16a34a!important;font-style:normal!important;font-weight:600!important}
html body dialog.whois-card.wv.wv .whois-about p,html body dialog.whois-card.wv.wv .whois-note p{margin:4px 0 0!important;color:#333!important}
html body dialog.whois-card.wv.wv .whois-sn .appban-btn{margin-top:6px!important}
html body dialog.whois-card.wv.wv .wv-foot{flex:none!important;display:grid!important;grid-template-columns:1.2fr 1.15fr .8fr!important;gap:8px!important;margin:0!important;padding:10px 12px calc(10px + env(safe-area-inset-bottom,0px))!important;border:0!important;border-top:1px solid #e3e4e7!important;background:#f2f3f5!important}
html body dialog.whois-card.wv.wv .wv-foot .wv-friend{display:contents!important}
html body dialog.whois-card.wv.wv .wv-foot button{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;width:100%!important;height:36px!important;min-width:0!important;margin:0!important;padding:0 6px!important;border:1px solid #d9dbe0!important;border-radius:10px!important;background:#fff!important;color:#111!important;font:600 12.5px/1.1 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif!important;white-space:nowrap!important;cursor:pointer;box-shadow:none!important;opacity:1!important}
html body dialog.whois-card.wv.wv .wv-foot button span{overflow:hidden;text-overflow:ellipsis}
html body dialog.whois-card.wv.wv .wv-foot button.wv-main{background:#0b0b0c!important;border-color:#0b0b0c!important;color:#fff!important}
html body dialog.whois-card.wv.wv .wv-foot button:disabled{opacity:.6!important}
html body dialog.whois-card.wv.wv .wv-foot svg{width:14px!important;height:14px!important}
 

 

 

 
.motd-badge-in img{width:30px;height:30px;object-fit:contain;display:block}
.motd-count svg{width:15px;height:15px;flex:none}
.motd-list>li{margin:0;padding:0;list-style:none}
.motd-row:focus-visible{outline:2px solid var(--mc);outline-offset:1px}
 
.motd-av .motd-own-ic img{object-fit:contain!important;border:0!important;outline:0!important;box-shadow:none!important;background:none!important;padding:0!important}
 
@container (max-width:330px){.motd-head{grid-template-columns:54px minmax(0,1fr) auto;column-gap:8px}.motd-badge{width:54px;height:54px}.motd-title b{font-size:15.5px}.motd-count{padding:3px 8px;font-size:11.5px}}
 
@supports (color:color-mix(in srgb,red 50%,blue)){
 .motd-dark .motd-title b{color:color-mix(in srgb,var(--mc) 70%,#fff)}
}
 
 
@container (max-width:330px){.applet-admin-dialog .admin-motd-preview .motd-badge{width:54px!important;height:54px!important}}
.admin-motd-cat>summary img{width:18px;height:18px;vertical-align:-4px;margin-right:6px;object-fit:contain}
.admin-motd-cat>summary small{font-weight:500;opacity:.7}
 
.admin-motd-card label.admin-motd-color,.admin-motd-nick label.admin-motd-color{flex-direction:row;align-items:center;gap:6px}
.admin-motd-nick label.admin-motd-chk{flex-direction:row;align-items:center;gap:6px}

 
#messages .connect-card.is-compact .cc-mark{gap:2px}
 
.admin-motd-body .admin-nickicons legend{font-size:12px;padding:0 4px}
.admin-motd-body .admin-nickicon input:checked+span{border-color:#1684df;background:#eaf4fe}
.admin-motd-body .admin-nickicon input:focus-visible+span{outline:2px solid #1684df;outline-offset:1px}
 

 
 
.status-side-toggle button.is-muted{background:#8794a5!important;border-color:#6d7a8b!important}
.status-side-toggle button:hover{opacity:.9}
.status-side-toggle button:focus-visible{outline:2px solid #fff;outline-offset:-4px}
 
html body .chat-panel.st-side #messages>.system-message{margin-right:30px!important}
 
@container (max-width:420px){
 .motd-card{border-radius:16px;padding:10px 10px 8px}
 .motd-head{grid-template-columns:52px minmax(0,1fr) auto;column-gap:8px}
 .motd-badge{width:52px;height:52px}
 .motd-badge-in{width:30px;height:30px}
 .motd-badge-in img{width:24px;height:24px}
 .motd-title b{font-size:15.5px;gap:5px}
 .motd-title-ic{width:17px;height:17px}
 .motd-count{padding:3px 8px;font-size:11.5px}
 .motd-count svg{width:13px;height:13px}
 .motd-list{margin-top:6px;gap:5px}
 #messages .motd-row,.motd-row{min-height:34px;padding:4px 9px;gap:8px;border-radius:10px}
 .motd-av,.motd-av .social-avatar{width:25px!important;height:25px!important;min-width:25px}
 .motd-nick{font-size:13.5px}
 .motd-row .nick-rank-stars{font-size:13.5px}
 .motd-chev{font-size:18px}
 #messages .motd-more,.motd-more{margin-top:8px;padding:5px 16px;font-size:12px}
}
@container (max-width:420px){.applet-admin-dialog .admin-motd-preview .motd-badge{width:52px!important;height:52px!important}.applet-admin-dialog .admin-motd-preview .motd-badge-in img{width:24px!important;height:24px!important}}
 
 
.admin-motd-cat>summary::after{content:"";display:block;clear:both}

 
 
@container (max-width:400px){
 
 .motd-v2 .motd-head{gap:5px}
 .motd-v2 .motd-title b{font-size:15px}
 .motd-v2 .motd-stars .nick-rank-stars{font-size:12px}
 .motd-v2 .motd-list{gap:5px;margin-top:7px}
 #messages .motd-v2 .motd-row,.motd-v2 .motd-row{min-height:30px;padding:3px 6px;gap:5px}
 .motd-v2 .motd-av,.motd-v2 .motd-av .social-avatar{width:20px!important;height:20px!important;min-width:20px}
 .motd-v2 .motd-nick{font-size:12.5px}
 .motd-row-ic{width:12px;height:12px}
}
 
@container (max-width:330px){
 
 .motd-v2 .motd-badge,.applet-admin-dialog .admin-motd-preview .motd-v2 .motd-badge{width:46px!important;height:46px!important}
 .motd-v2 .motd-title-ic{display:none}
 .motd-v2 .motd-count{padding:2px 6px;font-size:11px;gap:3px}
}
 
@container (max-width:400px){
 
 .motd-v2 .motd-badge,.applet-admin-dialog .admin-motd-preview .motd-v2 .motd-badge{width:60px!important;height:60px!important}
 .motd-v2 .motd-badge-in{width:34px;height:34px}
 .motd-v2 .motd-badge-in img,.applet-admin-dialog .admin-motd-preview .motd-v2 .motd-badge-in img{width:27px!important;height:27px!important}
}
@container (max-width:330px){
 
 .motd-v2 .motd-badge,.applet-admin-dialog .admin-motd-preview .motd-v2 .motd-badge{width:50px!important;height:50px!important}
 .motd-v2 .motd-badge-in{width:30px;height:30px}
 .motd-v2 .motd-badge-in img,.applet-admin-dialog .admin-motd-preview .motd-v2 .motd-badge-in img{width:23px!important;height:23px!important}
}
 
.motd-top-ic svg{width:20px;height:20px}
.motd-dark .motd-top-tx b{color:#e8edf5}
 
.admin-motd-head>label input{width:100%}
@container (max-width:400px){.motd-v2 .motd-badge{margin-right:9px}}
@container (max-width:330px){.motd-v2 .motd-badge{margin-right:8px}}
@container (max-width:280px){.motd-v2 .motd-list{grid-template-columns:minmax(0,1fr)}}

 
 
.motd-dark .motd-arr{filter:brightness(1.6)}
@container (max-width:400px){.motd-morebar{gap:6px;margin-top:7px}#messages .motd-morebar .motd-more,.motd-morebar .motd-more{padding:5px 12px}}
 
 
 
 
#messages>.motd-cards>.motd-top.has-color{background:#fff}
@supports (color:color-mix(in srgb,red 50%,blue)){
 #messages>.motd-cards>.motd-top.has-color{background:linear-gradient(180deg,color-mix(in srgb,var(--mt) 14%,#fff),color-mix(in srgb,var(--mt) 6%,#fff));border-color:color-mix(in srgb,var(--mt) 26%,#fff)}
 .motd-dark>.motd-top.has-color .motd-top-tx b{color:color-mix(in srgb,var(--mt) 60%,#fff)}
}
.motd-top-ic img{width:22px;height:22px;object-fit:contain;display:block}
 
 
 
.motd-top>.motd-top-badge .motd-badge-in svg{width:18px;height:18px}
 
html:not([data-qr-login="true"]) :is([data-qr-open],[data-qr-only]){display:none!important}
 
.login-qr-code svg{width:118px;height:118px;display:block}
 
@keyframes qrWaitPulse{0%,100%{transform:scale(.88);opacity:.55}50%{transform:scale(1.06);opacity:1}}
 
.pc-qr-code svg{width:96px;height:96px;display:block}
.pc-qr-settings svg{width:16px;height:16px}
 
 

 
html[data-chat-theme]:not([data-chat-theme=""]){--cz-f1f9ff:var(--cz-f1f8ff)}
 

@media(max-width:760px),(hover:none) and (pointer:coarse) and (max-width:1400px){
 
 
}

 
 

 
html .nick-auth-dialog input,
html #ircAccountForm input,
html #socialDialog form input:not([type=checkbox]):not([type=radio]):not([type=file]),
html #loginNick,html #loginPassword{
box-sizing:border-box;max-width:100%;min-width:0;border:0!important;border-radius:20px!important;padding:10px 14px!important;background:var(--cz-f8fcff,#f8fcff)!important;color:inherit;box-shadow:none!important;font-size:16px}
html dialog.appearance-choice{width:min(340px,calc(100vw - 32px));padding:22px!important;border:0;border-radius:22px;background:linear-gradient(140deg,var(--cz-f8fcff,#f8fcff),var(--cz-e2f1ff,#e2f1ff));box-shadow:0 16px 50px #12385d33;text-align:center}
html dialog.appearance-choice p{font-size:12px;line-height:1.5;margin:8px 0 16px}
html dialog.appearance-choice button b{font-size:15px}html dialog.appearance-choice button small{font-size:11px}

 
#messages .message,#memberList .member-row,#mobileMemberList .member-row{--member-rank-color:var(--chat-text-color,#000)}
:is(.member-row,.message)[data-member-rank="q"]{--member-rank-color:#9334bd!important}
:is(.member-row,.message)[data-member-rank="a"]{--member-rank-color:#c77500!important}
:is(.member-row,.message)[data-member-rank="o"]{--member-rank-color:#d53142!important}
:is(.member-row,.message)[data-member-rank="h"]{--member-rank-color:#246bd1!important}
:is(.member-row,.message)[data-member-rank="v"]{--member-rank-color:#168443!important}
html #memberList .member-nick,html #memberList .member-prefix,html #memberList .role-avatar,
html #mobileMemberList .member-nick,html #mobileMemberList .member-prefix,html #mobileMemberList .role-avatar{color:var(--member-rank-color,#000)!important}

 
 
html #messages .message-name{color:var(--member-rank-color,var(--chat-text-color,#000))!important}

 
html #loginNick:-webkit-autofill,html #loginNick:-webkit-autofill:hover,html #loginNick:-webkit-autofill:focus{-webkit-box-shadow:0 0 0 1000px #fff inset!important;box-shadow:0 0 0 1000px #fff inset!important}

 

 
 
 
 
 

 
 
#app .desktop-composer-toolbar #nickTabButton{white-space:nowrap!important;line-height:1!important;width:40px!important;min-width:40px!important;flex:0 0 40px!important;align-items:center!important;justify-content:center!important;align-self:center!important;padding:0 3px!important}
#app .desktop-composer-toolbar #emojiButton,#app .desktop-composer-toolbar #imageButton,#app .desktop-composer-toolbar #voiceButton{margin-left:4px!important;margin-right:3px!important;align-self:center!important}

 
 

 
html body #app .layout .desktop-composer-toolbar #voiceButton svg,
html body #app .layout .desktop-composer-toolbar .admin-clear-channel svg{width:28px!important;height:28px!important}

 
 
html body #app .layout .desktop-composer-toolbar{flex-wrap:nowrap!important;align-items:center!important;overflow-x:auto;scrollbar-width:thin}
html body #app .layout .desktop-composer-toolbar>label{flex-shrink:0}

 
html body #app .layout .desktop-composer-toolbar #nickTabButton,
html body #app #nickTabButton{font:11px/1 Arial,sans-serif!important;background-image:none!important;order:100!important;white-space:nowrap!important}

 
html[data-message-style="classic"] body #app #nickTabButton,
html[data-message-style="classic"] body #app .layout .desktop-composer-toolbar #nickTabButton{order:-100!important;flex-shrink:0!important;align-self:center!important;white-space:nowrap!important}

 

 

 
html[data-message-style="standard"] body #app #messages .message .message-body{background:#fff!important;border:0!important;border-radius:14px!important;box-shadow:none!important;color:var(--chat-text-color,#111)!important;padding:10px 12px!important;max-width:100%!important}
html[data-message-style="standard"] body #app #messages .message.self .message-text{color:var(--chat-text-color,#111)!important}
html[data-message-style="standard"] body #app #messages .message.self .message-name{color:var(--cz-0756b9,#254a7b)!important}
html[data-message-style="standard"] body #app #messages .message.self .message-avatar{display:block!important}

 
html[data-message-style="standard"] body #app #messages{color:#111!important}
html[data-message-style="standard"] body #app #messages .message .message-time,
html[data-message-style="standard"] body #app #messages .message.self .message-time{color:#64748b!important;opacity:1!important}
html[data-message-style="standard"] body #app #messages .message .message-body>div:first-child{justify-content:space-between!important;gap:14px!important}

 
html[data-message-style="standard"] body #app #messages .message.self .message-body{background:var(--cz-d5eaff,#d5eaff)!important;border:1px solid var(--cz-bdd3e7,#bdd3e7)!important;border-radius:10px!important;max-width:min(85%,560px)!important;color:var(--chat-text-color,#111)!important}
html[data-message-style="standard"] body #app #messages .message.self .message-avatar{display:none!important}

 
html body #app :is(#memberList,#mobileMemberList) :is(.member-row,.member-nick,.member-prefix){font:400 13px/19px Arial,Helvetica,sans-serif!important;letter-spacing:normal!important}

 
html[data-message-style="classic"] body #app #mobileMembersButton{display:flex;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:1px!important;width:32px!important;min-width:32px!important;height:46px!important;padding:2px!important}
html[data-message-style="classic"] body #app #mobileMembersButton[hidden]{display:none!important}

 
.user-card .user-card-avatar>.social-avatar .social-dot{display:none}

 

 
html body #userCard{box-sizing:border-box;width:min(340px,calc(100vw - 28px))!important;height:auto!important;max-height:calc(100dvh - 32px)!important;padding:20px!important;overflow-y:auto;border-radius:18px!important}
html body #userCard.open{left:50%!important;top:50%!important;right:auto!important;bottom:auto!important;transform:translate(-50%,-50%)!important}
html body #userCard .user-card-avatar{box-sizing:border-box;width:68px!important;height:68px!important;margin:8px auto 12px!important;overflow:hidden}
html body #userCard .user-card-info h2{font:600 20px/1.3 Arial,sans-serif!important;margin:8px 0!important}
html body #userCard .user-card-actions button{min-height:48px!important;padding:9px 10px!important;font-size:13px!important}

 
html body #socialDialog:is(:where(.has-1d52c7cf),:not(*)#h_),html body #socialDialog:is(:where(.has-1d52c7cf),:not(*)#h_) .social-dialog-content,html body .nick-auth-dialog,html body .applet-admin-dialog{background:var(--cz-e2f1ff,#e2f1ff)!important;color:var(--cz-17365d,#17365d)}
html body #ircAccountForm{background:transparent!important}
html body .voice-recording button[hidden]{display:none!important}
.voice-recording button svg{width:23px;height:23px;pointer-events:none}
.media-browser-preview img{display:block;max-width:150px;max-height:100px;object-fit:contain;border-radius:7px}
.media-browser-preview audio{width:160px;max-width:100%}

 
html body #socialDialog:is(:where(.has-1d52c7cf),:not(*)#h_) input,
html body dialog.nick-auth-dialog input:not([type=checkbox]),
html body dialog.applet-admin-dialog input:not([type=checkbox]):not([type=radio]):not([type=color]){background:#fff!important}
.media-image-dialog>img{display:block;max-width:calc(94vw - 26px);max-height:calc(92dvh - 52px);width:auto;height:auto;object-fit:contain}


html body #app #youtubeButton{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:30px;min-width:30px;height:28px;padding:3px;border:0;background:transparent;box-shadow:none;cursor:pointer}
html body #app #youtubeButton svg{display:block;width:24px;height:18px;flex:none}
html body #app #youtubeButton[hidden]{display:none!important}
#youtubeSendForm label{display:flex;flex-direction:column;gap:8px}
#youtubeSendForm input{box-sizing:border-box;width:100%;padding:11px;border:0;border-radius:12px;background:#fff;color:#222}

 
html body #socialDialog form input:not([type=checkbox]):not([type=radio]):not([type=color]),html body .own-nick-form input{background:#fff!important;color:#174f85!important;border:0!important;box-shadow:none!important;border-radius:12px;padding:9px 10px;min-width:0}
.own-nick-form small{flex-basis:100%}
.media-browser-item{grid-template-columns:100px minmax(0,1fr) auto!important}

 
html body #app .own-nick-form button:hover{background:var(--cz-e2f1ff,#e2f1ff)}
html body #app .own-nick-form button:disabled{opacity:.6;cursor:wait}.nick-result-dialog footer{display:flex;justify-content:flex-end;padding:0 16px 14px}

 
html[data-message-style="classic"] body #app .composer #youtubeButton{display:none!important}
html body #app :is(button,select,input){touch-action:manipulation}

 

 

 

 

 

 

 

 

 

 
.admin-device-text form{display:grid;gap:8px;min-width:0}
.admin-color-swatch input:checked+span{outline:2px solid #0758bd;outline-offset:2px}
.admin-color-swatch input:focus-visible+span{outline:2px dashed #0758bd;outline-offset:2px}

 
html body .admin-channel-add input{flex:1;min-width:0;width:0;box-sizing:border-box;background:#fff}

 
html body .admin-nick-add input{flex:1;min-width:0;width:0;box-sizing:border-box;background:#fff}

 
.admin-theme-group form{display:grid;gap:8px;min-width:0}

 
#adminUiVisibility{display:grid;gap:9px;padding-top:8px}
 
html body #adminQwVisibility .admin-visibility-row select{flex:0 0 auto;align-self:flex-start;width:auto;min-width:160px;max-width:100%;height:35px}

 
#adminMediaAccess{display:grid;gap:10px}#adminMediaAccess label{display:grid;gap:5px;margin:0;min-width:0}#adminMediaAccess select{box-sizing:border-box;min-width:0;width:100%;background:#fff}

 
html body #adminUiVisibility .admin-visibility-row input[type=checkbox]{appearance:auto!important;-webkit-appearance:checkbox!important;display:inline-block!important;position:static!important;flex:0 0 19px!important;width:19px!important;min-width:19px!important;height:19px!important;min-height:19px!important;margin:0!important;padding:0!important;border-radius:2px!important;accent-color:#1684df;cursor:pointer;box-shadow:none!important;opacity:1!important}
html body #adminUiVisibility .admin-visibility-row input[type=checkbox]::before,html body #adminUiVisibility .admin-visibility-row input[type=checkbox]::after{content:none!important}

 
html body #adminAnnouncement textarea{box-sizing:border-box;width:100%;min-width:0;resize:vertical;background:white;border:1px solid var(--cz-bfd6ef,#bfd6ef);border-radius:8px;padding:9px}
#adminAnnouncement>div{display:flex;gap:10px;align-items:center;justify-content:space-between}#adminAnnouncement button{flex:none;white-space:nowrap}

 
html body .admin-menu-grant input,html body .admin-room-enable input{appearance:auto!important;width:18px!important;min-width:18px!important;height:18px!important;margin:0!important;accent-color:#1684df}

 

 

 
#adminCredentials{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding-top:8px}
#adminCredentials label{display:grid;gap:5px;min-width:0;margin:0;font-size:12px}
#adminCredentials input{box-sizing:border-box;width:100%;min-width:0;background:#fff}
#adminCredentials button{grid-column:1/-1;justify-self:end;margin:0;white-space:nowrap}

#operatorOwnPassword{display:grid;gap:10px;padding-top:8px}#operatorOwnPassword label{display:grid;gap:5px;min-width:0;font-size:12px;margin:0}#operatorOwnPassword input{width:100%;min-width:0;box-sizing:border-box;background:#fff}#operatorOwnPassword button{justify-self:end;margin:0;white-space:nowrap}

 
html body :is(#adminBrandForm,#adminConnection)>h3{grid-column:1/-1;margin:0 0 3px;font-size:14px;line-height:1.5}
html body :is(#adminBrandForm,#adminConnection)>label{display:flex;flex-direction:column;gap:6px;min-width:0;margin:0;font-size:12px;line-height:1.5}
html body :is(#adminBrandForm,#adminConnection)>:is(p,small){grid-column:1/-1;margin:0;font-size:12px;line-height:1.6}
html body :is(#adminBrandForm,#adminConnection)>button{grid-column:1/-1;justify-self:end;margin:0;padding:8px 14px;white-space:nowrap;border-radius:8px}
html body :is(#adminBrandForm,#adminConnection) input:focus-visible{outline:2px solid #1684df;outline-offset:1px}

 
#adminRadioForm h3{margin:0;font-size:14px}
html body #adminRadioForm label{display:grid;gap:6px;margin:0;min-width:0;font-size:12px}
.admin-announcement-form summary{cursor:pointer;font-weight:600}

 
html body #adminShunAdd label{display:grid;gap:6px;flex:1;min-width:0;margin:0;font-size:12px}
html body #adminShunAdd button{flex:none;margin:0;min-height:38px;padding:8px 10px;white-space:nowrap}

 

 

 

 

 

 

 
#classicComposerToggle{display:none}
@media(max-width:760px),(hover:none) and (pointer:coarse) and (max-width:1400px){
 @keyframes emoji-close-in{from{opacity:0;transform:rotate(35deg)}to{opacity:1;transform:rotate(0)}}
}

 
html[data-message-style="classic"] body #app #rightPanel #nickTabButton .nick-tab-arrow{display:none!important}
html[data-message-style="classic"] body #app #rightPanel #nickTabButton:active{filter:brightness(.94);box-shadow:inset 0 2px 3px #17365d30!important}
html[data-message-style="classic"] body #app #rightPanel #nickTabButton[hidden]{display:none!important}

 
 
html:is([data-chat-background="bubbles"],[data-chat-background="sunset"],[data-chat-background="night"],[data-chat-background="nature"]) body #app :is(.titlebar,.channel-head,.composer,.desktop-composer-toolbar,.composer-row,.mobile-nav){background:var(--wall-glass)!important}
html body .wallpaper-card img{display:block;width:100%;height:78px;object-fit:cover;border-radius:5px}
html body .wallpaper-card span{font:600 12px/1.4 Arial,sans-serif}

 

 
html[data-chat-background] body #loginScreen :is(h1,h2,p,label,a,.tagline,.login-slogan){color:var(--wall-ink,#17365d)!important}
html[data-applet-choice="classic"][data-classic-composer="default"] #app #privateComposerBlock{display:none!important}

html[data-chat-background] body #app #radioPanel #radioPlay{background:linear-gradient(145deg,var(--cz-2786ec,#2786ec),var(--cz-0758bd,#0758bd))!important;background-image:linear-gradient(145deg,var(--cz-2786ec,#2786ec),var(--cz-0758bd,#0758bd))!important;color:#fff!important;border:1px solid var(--cz-0758bd,#0758bd)!important;box-shadow:inset 0 1px 2px #fff8,0 1px 4px #0002!important;text-shadow:none!important}
html[data-chat-background] body #app #radioPanel #radioPlay::before,html[data-chat-background] body #app #radioPanel #radioPlay::after{background-image:none!important}
html body .wallpaper-default input{width:16px!important;min-height:0!important;height:16px!important;margin:0!important}
html body .wallpaper-default small{font-size:11px}
html body .wallpaper-original-preview i{display:block;height:9px;width:65%;background:#fff;border:1px solid #a8c8e5;border-radius:4px}
html[data-chat-background="original"]{--wall-panel:#eff8ff;--wall-ink:#17365d;--chat-wallpaper:none;--chat-wallpaper-color:#cbe5ff}.favicon-option:is(:where(.has-8aeb6482),:not(*).h_:not(h_)){outline:2px solid var(--cz-0758bd,#0758bd)}.favicon-option input[type=radio]{width:16px!important;height:16px!important;min-height:0!important;margin:0!important}.favicon-option img{display:block;width:32px;height:32px}

 
 
html body #app #messages .message.has-image .image-message small{font-size:11px;color:var(--wall-ink,#47617c)}
 

 

@media(max-width:760px),(hover:none) and (pointer:coarse) and (max-width:1400px){
 

}


 

 

 
html body dialog.appearance-choice button{background:#fff!important;color:#17365d!important;border:1px solid #bdd3e7!important;box-shadow:none!important}
html body dialog.appearance-choice button:hover,html body dialog.appearance-choice button:focus-visible{background:#f0f6fc!important;border-color:#83b5e9!important}

 

 

 
html body #app #messageInput{color:var(--outgoing-text-color,#000)!important}

 

#connectingScreen.connection-failed .connecting-logo,#connectingScreen.connection-failed .connecting-logo *{animation:none!important}

 


 
html body button.transcript-arrow[hidden]{display:none!important}
 


 
html body #lastChannelButton{display:none!important}

 

 
html body #userCard details.profile-moderation{display:block;max-height:none;overflow:visible;margin-top:7px;padding-top:6px;border-color:var(--cz-bdd3e7,#bdd3e7)}
html body #userCard details.profile-moderation>summary{cursor:pointer;padding:8px 5px;border:1px solid var(--cz-b0d0ee,#b0d0ee);border-radius:7px;background:var(--cz-e4f2ff,#e4f2ff);color:var(--cz-0a4c9e,#0a4c9e);font-size:11px;font-weight:600}
html body #userCard details.profile-moderation:not([open])>button{display:none!important}

 
html body :is(#memberList,#mobileMemberList) .member-group-heading>span{flex:1;min-width:0;overflow-wrap:anywhere}
html body :is(#memberList,#mobileMemberList) .member-group-heading>b{border-radius:12px;padding:1px 6px;background:color-mix(in srgb,var(--group-color) 55%,white);color:white;font:10px Arial,sans-serif}
html body :is(#memberList,#mobileMemberList) .member-group-heading>i{width:5px;height:5px;border-right:1px solid;border-bottom:1px solid;transform:rotate(45deg);margin:0 2px 3px}
html body :is(#memberList,#mobileMemberList) .member-group-heading[aria-expanded="false"]>i{transform:rotate(-45deg);margin-bottom:0}
html body :is(#memberList,#mobileMemberList) .grouped-member :is(.member-nick,.member-prefix){color:var(--group-color)!important}

 
html body :is(#memberList,#mobileMemberList) .roster-profile-avatar img{width:100%;height:100%;object-fit:cover;border-radius:5px}
html body #userCard.rank-colored-profile :is(.user-card-info h2,.user-card-actions button,.profile-moderation button){color:var(--profile-rank-color)!important}

 
html body #adminAccountsArea form{display:grid;gap:9px;margin-top:10px}
html body #adminAccountsArea label{display:grid;gap:4px}
html body #adminAccountsArea button{border:1px solid var(--cz-82b9e9,#82b9e9);border-radius:7px;padding:7px 10px;background:var(--cz-e4f2ff,#e4f2ff);color:var(--cz-063f91,#063f91)}
html body .admin-account-row strong{min-width:0;overflow-wrap:anywhere;font-size:13px;color:var(--cz-063f91,#063f91)}
html body .management-group summary{cursor:pointer;font-weight:600;color:var(--cz-063f91,#063f91)}
html body .management-group form{display:flex;gap:8px;margin:10px 0}
html body .management-group input{min-width:0;flex:1;padding:8px;border:1px solid var(--cz-bdd3e7,#bdd3e7);border-radius:7px}

 
html body :is(#memberList,#mobileMemberList) button.member-group-heading>span{display:block!important;flex:1 1 auto!important;min-width:0!important;white-space:nowrap!important;word-break:normal!important;overflow-wrap:normal!important;overflow:hidden!important;text-overflow:ellipsis!important;font:600 11px/16px Arial,sans-serif!important}
html body :is(#memberList,#mobileMemberList) button.member-group-heading>b{flex:0 0 auto!important;padding:1px 4px!important;font:10px/12px Arial,sans-serif!important;white-space:nowrap!important}
html body :is(#memberList,#mobileMemberList) button.member-group-heading>i{flex:0 0 5px!important}

 
:root{--channel-roster-width:190px}

 

 
html body :is(#memberList,#mobileMemberList) button.member-group-heading::after{content:"";position:absolute;left:0;bottom:-4px;width:0;height:0;border-top:5px solid color-mix(in srgb,var(--group-color) 18%,white);border-right:6px solid transparent;pointer-events:none}
html body :is(#memberList,#mobileMemberList) button.member-group-heading>span{font-weight:500!important;font-size:10px!important;line-height:15px!important}

 

@media(max-width:760px),(hover:none) and (pointer:coarse) and (max-width:1400px){
  
}

 

 
html body :is(#memberList,#mobileMemberList) button.member-group-heading[data-group="normal"]{grid-template-columns:16px minmax(0,1fr) 7px!important}
 
html body #socialDialog>header [data-social-close] .profile-action-icon,html body #userCardClose .profile-action-icon{filter:brightness(0) invert(1)!important}.classic-like svg{display:block;flex:none}

 

 

 
html body #app#app .desktop-member-search::after{background:#fff!important;border:0!important}

 
html body .voice-room-panel header b{font-size:13px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html body .voice-room-panel button[hidden]{display:none!important}
html body .voice-room-panel .room-group>summary::-webkit-details-marker{display:none}
html body .voice-room-panel .room-group>summary::after{content:'⌄'}
html body .voice-room-panel .room-group[open]>summary::after{content:'⌃'}
html body .voice-room-panel :is(.room-speakers,.room-listeners) article:last-child{border-bottom:0}
html body .voice-room-panel .room-avatar+span b{font-size:10px;font-weight:normal}
html body .voice-room-panel .room-speakers .room-avatar+span b{font-weight:bold}
html body .voice-room-panel .room-speakers article.has-291a3fb2{padding-left:22px}
html body .voice-room-panel .room-controls>summary::-webkit-details-marker{display:none}

 

 
@font-face {
  font-family: 'RoomRoboto';
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url(/fonts/room-roboto-0.woff2) format('woff2-variations');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
@font-face {
  font-family: 'RoomRoboto';
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url(/fonts/room-roboto-1.woff2) format('woff2-variations');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}html body .voice-room-panel.vr-demo .vrx-listener-search input::placeholder{color:var(--vr-muted);opacity:1}html body .voice-room-panel.vr-demo .vrx-listener-search input::-webkit-search-cancel-button{cursor:pointer}html body .voice-room-panel.vr-demo .vrx-listener-search:focus-within{border-color:var(--vr-border)}html body .voice-room-panel.vr-demo .vrx-section-heading .vrx-section-label{flex:1}html body .voice-room-panel.vr-demo .vrx-section-heading[aria-expanded="false"]{border-bottom-color:transparent}html body .voice-room-panel.vr-demo .vrx-section-heading[aria-expanded="false"]>.chevron{transform:none}html body .voice-room-panel.vr-demo .vrx-management-button[aria-pressed="true"]{background:var(--vr-soft);border-color:var(--vr-border)}html body .voice-room-panel.vr-demo .vrx-banned-section .vrx-section-heading[aria-expanded="true"] .triangle{transform:rotate(90deg)}html body .voice-room-panel.vr-demo .vrx-voice-room.is-minimized .vrx-room-header{border-radius:calc(19 * var(--u))}html body .voice-room-panel.vr-demo .vrx-voice-room button:hover{filter:brightness(1.025)}html body .voice-room-panel.vr-demo .vrx-voice-room button:active{filter:brightness(.98)}html body .voice-room-panel.vr-demo .popup-menu button:hover{background:var(--vr-soft)}
html body .voice-room-panel.vr-demo summary::-webkit-details-marker{display:none}
html body .voice-room-panel.vr-demo .vrx-section-heading>svg:last-child{width:calc(18 * var(--u));transform:rotate(180deg)}
html body .voice-room-panel.vr-demo details:not([open])>.vrx-section-heading>svg:last-child{transform:none}
html body .voice-room-panel.vr-demo button:disabled{opacity:.5;cursor:default}
html body .voice-room-panel.vr-demo .room-broadcast-menu>summary::-webkit-details-marker{display:none}
html body .voice-room-panel.vr-demo .room-broadcast-menu>summary svg{width:calc(19 * var(--u));height:calc(19 * var(--u));stroke-width:3}

 
html body .voice-room-panel.vr-demo .vrx-broadcast-main>svg{width:17px!important;height:19px!important;flex:0 0 17px!important}
html body .voice-room-panel.vr-demo .room-broadcast-menu>summary{display:flex!important;align-items:center!important;justify-content:center!important;width:16px!important;height:34px!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;list-style:none!important}
html body .voice-room-panel.vr-demo .room-broadcast-menu>summary svg{width:10px!important;height:10px!important}
html body .voice-room-panel.vr-demo .vrx-microphone-button>svg{width:14px!important;height:18px!important;flex:0 0 14px!important}
html body .voice-room-panel.vr-demo .vrx-listener-search>svg{width:14px!important;height:14px!important;flex:0 0 14px!important}
html body .voice-room-panel.vr-demo .vrx-listener-search input::placeholder{font:inherit!important;color:var(--vr-muted)!important;opacity:.8!important}

 
html body .voice-room-panel.vr-demo .vrx-person-actions .vrx-publisher-mute svg{width:15px;height:18px}
html body .voice-room-panel.vr-demo .vrx-listener-search>svg{display:none!important}
html body .channel-hash.has-630b5616::before,html body .channel-hash.has-630b5616::after{display:none!important}

 
.voice-room-panel.vr-demo .vrx-publisher-tile .room-avatar :is(.social-avatar,img){width:100%!important;height:100%!important;border-radius:50%!important;object-fit:cover!important}
.voice-room-panel.vr-demo .vrx-publisher-tile.room-speaking .room-avatar{border-color:#ed3945!important;box-shadow:0 0 0 4px #ed394530!important}
.voice-room-panel.vr-demo .vrx-publisher-tile .room-controls>div{right:0;z-index:20}

 
 


 
#referencePrivateSidebar,#referencePrivateHeader{display:none}

#referencePrivateToggle{display:none}

 

 
 
html body #socialDialog.classic-channel-picker form.classic-channel-join{display:flex!important;align-items:flex-end!important;gap:8px!important;margin-top:12px!important}
html body #socialDialog.classic-channel-picker form.classic-channel-join label{display:flex!important;flex-direction:column!important;flex:1 1 0!important;min-width:0!important;gap:5px!important;margin:0!important;font-size:12px!important}
html body #socialDialog.classic-channel-picker form.classic-channel-join input,
html body #socialDialog.classic-channel-picker form.classic-channel-join>button{box-sizing:border-box!important;height:36px!important;min-height:36px!important;margin:0!important;padding:7px 10px!important;border:1px solid #a5cce5!important;border-radius:8px!important;font-size:14px!important;line-height:20px!important}
html body #socialDialog.classic-channel-picker form.classic-channel-join>button{flex:0 0 auto!important;color:white!important;background:linear-gradient(#45a9fa,#1879d4)!important}
html body #app#app form.channel-join-form{display:flex!important;align-items:center!important;gap:8px!important}
html body #app#app form.channel-join-form input{flex:1 1 0!important;min-width:0!important}

 

 
#referenceTopicBar{display:none}

 
.quoted-message[data-quote-source]:focus-visible{outline:2px solid #368adb;outline-offset:2px}
html body #app#app #messages .message .reaction-widget:is(:where(.has-deb279ac),:not(*).h_.h_):is(:where(.has-ea2bb69e),:not(*).h_.h_){display:none!important}
 
html body .friend-confirm-dialog::backdrop{background:#12304a55}
html body .friend-confirm-dialog p{margin:14px;overflow-wrap:anywhere}
html body .friend-confirm-dialog footer{display:flex;justify-content:flex-end;gap:8px;padding:0 12px 12px}
html body .friend-confirm-dialog header button{width:30px;min-height:30px;padding:0;font-size:23px}
 
html body #app#app #messages .chat-youtube-play img{display:block;width:100%;height:100%;object-fit:cover}
html body #app#app #messages .chat-youtube-play span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:44px;height:30px;border-radius:9px;background:#f03;color:#fff;font:18px/1 Arial,sans-serif}
html body .chat-video-dialog::backdrop{background:#10253866}
html body .chat-video-dialog header>div{display:flex;gap:7px}
html body .chat-video-dialog p{font:12px/1.4 Arial,sans-serif;margin:8px 0 0}

 

 

#referenceProfile .profile-popover:after{content:"";position:absolute;bottom:-15px;left:84px;width:27px;height:27px;transform:rotate(45deg);background:linear-gradient(135deg,#e4f9ff,#f2ffff);border-bottom:2px solid #bcecff;border-right:2px solid #bcecff;box-shadow:4px 4px 7px #6cb7e133;z-index:-1}
#referenceProfile .profile-scroll::-webkit-scrollbar{display:none}
#referenceProfile .profile-switch:after{content:"";display:block;width:23px;height:23px;border-radius:50%;background:linear-gradient(#fff,#f1f6fa);box-shadow:0 1px 3px #5278968c;transition:transform .15s}
#referenceProfile .profile-night[aria-checked=true] .profile-switch:after{transform:translateX(24px)}
#referenceProfile{--profile-reference:url('/images/profile-reference.webp');font-family:Arial,Helvetica,sans-serif;color:#345370;width:490px;max-width:none;position:relative;margin:auto;zoom:var(--profile-scale,.7)}
#referenceProfile .profile-popover:after{display:none}
html body #socialDialog [data-guest-avatar] img{display:block;width:100%;max-width:70px;height:auto;border-radius:50%}
:root{--md-f0f5f6:#f0f5f6;--md-027e68aa:#027e68aa;--md-096c5d:#096c5d;--md-006050:#006050;--md-b4d6d3:#b4d6d3;--md-00946d:#00946d;--md-006653:#006653;--md-a9ceca:#a9ceca;--md-73aaa3:#73aaa3;--md-d1e7df:#d1e7df;--md-e0ffd1:#e0ffd1;--md-00976e:#00976e;--md-00866c:#00866c;--md-00a765:#00a765;--md-006d58:#006d58;--md-fcfefe:#fcfefe;--md-d7e6e5:#d7e6e5;--md-102933:#102933;--md-e5f3ed:#e5f3ed;--md-bddbd0:#bddbd0;--md-cadcd5:#cadcd5;--md-072e2c33:#072e2c33;--md-00866ccc:#00866ccc;--md-18534555:#18534555;--md-2d9a80:#2d9a80;--md-32ad8f:#32ad8f;--md-174e41:#174e41;--md-227561:#227561;--md-21735f:#21735f;--md-227360:#227360;--md-237763:#237763;--md-227460:#227460;--md-247b66:#247b66;--md-2c977d:#2c977d;--md-2b957b:#2b957b;--md-2c987e:#2c987e;--md-2c967d:#2c967d;--md-32ae90:#32ae90;--md-32ac8f:#32ac8f;--md-298d75:#298d75;--md-33b193:#33b193;--md-2d997f:#2d997f;--md-21705d:#21705d;--md-278871:#278871;--md-2fa186:#2fa186;--md-2fa387:#2fa387;--md-37bf9e:#37bf9e;--md-2ea084:#2ea084;--md-30a78a:#30a78a;--md-36b99a:#36b99a;--md-31a88c:#31a88c;--md-31aa8d:#31aa8d;--md-26826c:#26826c;--md-1342377a:#1342377a;--md-0f342b:#0f342b;--md-10382e:#10382e;--md-174e4140:#174e4140;--md-1e6957:#1e6957;--md-1c615050:#1c615050;--md-1f6957:#1f6957;--md-206d5b:#206d5b;--md-247c67:#247c67;--md-19564766:#19564766;--md-1f6b5950:#1f6b5950;--md-227762:#227762;--md-2a9078:#2a9078;--md-34b193:#34b193;--md-3bc6a5:#3bc6a5;--md-3fc7a6:#3fc7a6;--md-298e769c:#298e769c;--md-2e9f84:#2e9f84;--md-237a6530:#237a6530;--md-36ba9a:#36ba9a;--md-206f5c:#206f5c;--md-21715e:#21715e;--md-1f6c5935:#1f6c5935;--md-247a66:#247a66;--md-2d9b81:#2d9b81;--md-206f5c55:#206f5c55;--md-237964:#237964;--md-237a65:#237a65;--md-25806a:#25806a;--md-288a72:#288a72;--md-2b937a:#2b937a;--md-37be9e:#37be9e;--md-1a5a4b:#1a5a4b;--md-1d6252:#1d6252;--md-19564740:#19564740;--md-19564770:#19564770;--md-1f6b59:#1f6b59;--md-1e695755:#1e695755;--md-26816b:#26816b;--md-25816b:#25816b;--md-288972:#288972;--md-26846d24:#26846d24;--md-2d9d82:#2d9d82;--md-35b5962b:#35b5962b;--md-1f6b5944:#1f6b5944;--md-27877030:#27877030;--md-2a9178:#2a9178;--md-42c8a8:#42c8a8;--md-288b73:#288b73;--md-36bc9c:#36bc9c;--md-37bc9c:#37bc9c;--md-38c2a1:#38c2a1;--md-40c8a7:#40c8a7;--md-47c9aa:#47c9aa;--md-27856f:#27856f;--md-39c4a3:#39c4a3;--md-38c3a1:#38c3a1;--md-20705d38:#20705d38;--md-39c5a3:#39c5a3;--md-33ae91:#33ae91;--md-36b89940:#36b89940;--md-3cc6a5:#3cc6a5;--md-2b947b18:#2b947b18;--md-46c9aa:#46c9aa;--md-39c3a2:#39c3a2;--md-3dc7a6:#3dc7a6;--md-3cc7a5:#3cc7a5;--md-49caab:#49caab;--md-2fa38733:#2fa38733;--md-298e76:#298e76;--md-31a78b20:#31a78b20;--md-288871:#288871;--md-4eccae:#4eccae;--md-31a98c20:#31a98c20;--md-2a8f7720:#2a8f7720;--md-2fa085:#2fa085;--md-2d9c81:#2d9c81;--md-47caaa:#47caaa;--md-4acaab:#4acaab;--md-5fd0b5:#5fd0b5;--md-34b59626:#34b59626;--md-33af9109:#33af9109;--md-66d2b8:#66d2b8;--md-5ed0b5:#5ed0b5;--md-33b092:#33b092;--md-35b596:#35b596;--md-45c9a9:#45c9a9;--md-51ccaf:#51ccaf;--md-26846d44:#26846d44;--md-31a98c:#31a98c;--md-6bd4bb:#6bd4bb;--md-6dd4bc:#6dd4bc;--md-38c09f2b:#38c09f2b;--md-60d1b6:#60d1b6;--md-37bf9e22:#37bf9e22;--md-38bf9f26:#38bf9f26;--md-63d2b7:#63d2b7;--md-56ceb1:#56ceb1;--md-38c1a0:#38c1a0;--md-3ec7a6:#3ec7a6;--md-36bb9b:#36bb9b;--md-5dd0b4:#5dd0b4;--md-75d7bf:#75d7bf;--md-66d3b9:#66d3b9;--md-6cd4bb:#6cd4bb;--md-3ac6a4:#3ac6a4;--md-83dbc6:#83dbc6;--md-38bf9f:#38bf9f;--md-43c8a8:#43c8a8;--md-82dbc6:#82dbc6;--md-40c7a7:#40c7a7;--md-43c9a9:#43c9a9;--md-44c9a9:#44c9a9;--md-78d8c1:#78d8c1;--md-80dac4:#80dac4;--md-4acbac:#4acbac;--md-4fccae:#4fccae;--md-7dd9c3:#7dd9c3;--md-4dcbad:#4dcbad;--md-77d7c0:#77d7c0;--md-50ccae:#50ccae;--md-5bcfb3:#5bcfb3;--md-54cdb0:#54cdb0;--md-62d2b7:#62d2b7;--md-52cdaf:#52cdaf;--md-88ddc8:#88ddc8;--md-53cdb0:#53cdb0;--md-6ed5bc:#6ed5bc;--md-8cddca:#8cddca;--md-8cdeca:#8cdeca;--md-8fdecb:#8fdecb;--md-9be2d1:#9be2d1;--md-5bd0b4:#5bd0b4;--md-70d6bd:#70d6bd;--md-8ddecb:#8ddecb;--md-93dfcd:#93dfcd;--md-8edecb:#8edecb;--md-8bddc9:#8bddc9;--md-96e1cf:#96e1cf;--md-92dfcd:#92dfcd;--md-93e0cd:#93e0cd;--md-a2e4d4:#a2e4d4;--md-72d6be:#72d6be;--md-8fdfcc:#8fdfcc;--md-95e0ce:#95e0ce;--md-9ae2d144:#9ae2d144;--md-a6e5d6:#a6e5d6;--md-a7e6d7:#a7e6d7;--md-9ae2d1:#9ae2d1;--md-7ad9c2:#7ad9c2;--md-99e2d0:#99e2d0;--md-a0e3d3:#a0e3d3;--md-98e1d0:#98e1d0;--md-9de2d2:#9de2d2;--md-a1e4d4:#a1e4d4;--md-74d7bf:#74d7bf;--md-a7e5d6:#a7e5d6;--md-9fe3d3:#9fe3d3;--md-a5e5d680:#a5e5d680;--md-abe7d8:#abe7d8;--md-a4e5d5:#a4e5d5;--md-a5e5d6:#a5e5d6;--md-a9e6d7:#a9e6d7;--md-ade7d9:#ade7d9;--md-b4e9dc:#b4e9dc;--md-ace7d9:#ace7d9;--md-abe6d8:#abe6d8;--md-b5eadd:#b5eadd;--md-baebdf:#baebdf;--md-b2e9dc:#b2e9dc;--md-b1e8db:#b1e8db;--md-bbebe0:#bbebe0;--md-b3e9dc:#b3e9dc;--md-b6eadd:#b6eadd;--md-b8eade:#b8eade;--md-afe8da:#afe8da;--md-b9ebdf:#b9ebdf;--md-aee8da:#aee8da;--md-beece1:#beece1;--md-bfede2:#bfede2;--md-b2e9db:#b2e9db;--md-b5e9dd:#b5e9dd;--md-bcebe0:#bcebe0;--md-bdece1:#bdece1;--md-bfece1:#bfece1;--md-bcece0:#bcece0;--md-b8ebdf:#b8ebdf;--md-c2ede3:#c2ede3;--md-c9efe6:#c9efe6;--md-cbf0e7:#cbf0e7;--md-c6eee5:#c6eee5;--md-c1ede2:#c1ede2;--md-c0ede2:#c0ede2;--md-c3eee4:#c3eee4;--md-c5eee4:#c5eee4;--md-c6efe5:#c6efe5;--md-d0f1e9:#d0f1e9;--md-c7efe5:#c7efe5;--md-caefe6:#caefe6;--md-d2f2ea:#d2f2ea;--md-d3f2eb9c:#d3f2eb9c;--md-caf0e7:#caf0e7;--md-d4f2eb:#d4f2eb;--md-d5f3ec:#d5f3ec;--md-cff1e9:#cff1e9;--md-d7f3ec:#d7f3ec;--md-d7f4ed:#d7f4ed;--md-d8f4ed:#d8f4ed;--md-d9f4ee:#d9f4ee;--md-d1f2ea:#d1f2ea;--md-daf4ee9e:#daf4ee9e;--md-daf4eeb0:#daf4eeb0;--md-d3f2eb:#d3f2eb;--md-dbf4ee:#dbf4ee;--md-ddf5ef:#ddf5ef;--md-def5f0:#def5f0;--md-def6f0:#def6f0;--md-dff6f0:#dff6f0;--md-daf4ee:#daf4ee;--md-e0f6f1:#e0f6f1;--md-e1f6f1:#e1f6f1;--md-e1f6f170:#e1f6f170;--md-e2f6f1bb:#e2f6f1bb;--md-e2f6f1:#e2f6f1;--md-e4f7f3:#e4f7f3;--md-e6f8f4:#e6f8f4;--md-e6f8f4f5:#e6f8f4f5;--md-e7f8f4:#e7f8f4;--md-e7f8f4b8:#e7f8f4b8;--md-e2f7f2:#e2f7f2;--md-e8f8f4:#e8f8f4;--md-e9f8f5:#e9f8f5;--md-e9f9f5:#e9f9f5;--md-eaf9f5:#eaf9f5;--md-ebf9f6:#ebf9f6;--md-ecf9f6:#ecf9f6;--md-ecfaf6:#ecfaf6;--md-edfaf7:#edfaf7;--md-eefaf7:#eefaf7;--md-effaf8:#effaf8;--md-f0fbf8:#f0fbf8;--md-f1fbf9:#f1fbf9;--md-f2fbf9:#f2fbf9;--md-f3fbf9:#f3fbf9;--md-f3fbf9d9:#f3fbf9d9;--md-f3fbf9f0:#f3fbf9f0;--md-f4fcfa:#f4fcfa;--md-f4fcfaf0:#f4fcfaf0;--md-f4fcfadb:#f4fcfadb;--md-f5fcfa:#f5fcfa;--md-f5fcfacc:#f5fcfacc;--md-f6fcfb80:#f6fcfb80;--md-f6fcfb:#f6fcfb;--md-f6fdfb:#f6fdfb;--md-f7fdfb:#f7fdfb;--md-f7fdfbbb:#f7fdfbbb;--md-f8fdfc:#f8fdfc;--md-f8fdfcba:#f8fdfcba;--md-f9fdfc:#f9fdfc;--md-f9fdfc90:#f9fdfc90;--md-f9fdfcf5:#f9fdfcf5;--md-fafdfd:#fafdfd;--md-fafefd:#fafefd;--md-61776f:#61776f;--md-072e2c22:#072e2c22;--md-a8cec2:#a8cec2;--md-009272:#009272;--md-dcebe4:#dcebe4;--md-003d3333:#003d3333;--md-b9d7cd:#b9d7cd;--md-edf0ee:#edf0ee;--md-e0f1e9:#e0f1e9;--md-dff2e8:#dff2e8;--md-183d33:#183d33;--md-d1ded8:#d1ded8;--md-173e3320:#173e3320;--md-f5faf7:#f5faf7;--md-e0ebe5:#e0ebe5;--md-c8dfd4:#c8dfd4;--md-113c3020:#113c3020;--md-dae6df:#dae6df;--md-00392e33:#00392e33;--md-eaf5ef:#eaf5ef;--md-e4ece7:#e4ece7;--md-bbd8ca:#bbd8ca;--md-f7fcf9:#f7fcf9;--md-deefe5:#deefe5;--md-143e30:#143e30;--md-00352755:#00352755;--md-002e2455:#002e2455;--md-00866c33:#00866c33;--md-5c7d70:#5c7d70;--md-d1e8db:#d1e8db;--md-31574c:#31574c;--md-667b73:#667b73;--md-74867e:#74867e;--md-159de0:#159de0;--md-edf6f1:#edf6f1;--md-75f59a:#75f59a;--md-36dd72:#36dd72;--md-37443f:#37443f;--md-003d3033:#003d3033;--md-cbded4:#cbded4;--md-f3f8f5:#f3f8f5;--md-46534d:#46534d;--md-dcefe4:#dcefe4;--md-83b79c:#83b79c;--md-174c38:#174c38;--md-f6fcf9:#f6fcf9;--md-15372d:#15372d;--md-e1f2e9:#e1f2e9;--md-28c79b:#28c79b;--md-899c94:#899c94;--md-20b987:#20b987;--md-25483b:#25483b;--md-00382c20:#00382c20;--md-d9e8e0:#d9e8e0;--md-26473a:#26473a;--md-eef6f1:#eef6f1;--md-dbece2:#dbece2;--md-bed9cb:#bed9cb;--md-e8f4ed:#e8f4ed;--md-245440:#245440;--md-e1f1e8:#e1f1e8;--md-c7dfd2:#c7dfd2;--md-254b3d:#254b3d;--md-00352740:#00352740;--md-002e2466:#002e2466;--md-c0dbcc:#c0dbcc;--md-285e48:#285e48;}
 
#modernAttach,#modernChatBack,#modernProfileMenu{display:none}

 
#modernDemoTabs{display:none}

 

#modernCallActions{display:none}
#modernHeaderMedia,#modernChatMenu{display:none}
#modernNavigationMenu,#modernRadioDialog{display:none}
 

 
 
#modernTopic{display:none}


#modernIdentity{display:none}

@media(max-width:760px),(hover:none) and (pointer:coarse) and (max-width:1400px){
 
}

#modernRoomButton{display:none}

 

 

 

#modernRadioSide{display:none}
@media(max-width:760px),(hover:none) and (pointer:coarse) and (max-width:1400px){
@keyframes modern-radio-slide{from{opacity:0;transform:translateX(24px)}to{opacity:1;transform:translateX(0)}}
}

@media(max-width:760px),(hover:none) and (pointer:coarse) and (max-width:1400px){
@keyframes modern-radio-slide-full{from{opacity:0;transform:translateX(calc(100% + 43px))}to{opacity:1;transform:translateX(0)}}
@keyframes modern-equalizer{0%{transform:scaleY(.18)}45%{transform:scaleY(.65)}100%{transform:scaleY(1)}}
}

html.modern-demo[data-applet-choice="modern"] body #modernRadioDialog>header{gap:8px}html.modern-demo[data-applet-choice="modern"] body #modernRadioDialog>header>span{flex:1}#modernRadioRefresh span{font-size:19px}

#modernFullscreen{display:none}

 

 
#modernHeaderRadio{display:none}
html body dialog.appearance-choice.appearance-choice button[data-value]{background:#e5f3ed!important;color:#175747!important;border:1px solid #c5ded3!important}
html body dialog.appearance-choice.appearance-choice button[data-value]:hover{background:#d5ebdf!important}

 
@font-face{font-family:RosterRoboto;src:url('/fonts/roster-roboto.woff2') format('woff2');font-weight:100 900;font-display:swap}

 

 

 

 

 

 
html body #socialDialog .sound-option input[type="checkbox"][role="switch"]:checked{background:var(--cz-1266b5,#1266b5)!important}
html body #socialDialog .sound-option input[type="checkbox"][role="switch"]::before{content:none!important}
html body #socialDialog .sound-option input[type="checkbox"][role="switch"]::after{content:''!important;position:absolute!important;left:3px!important;top:3px!important;width:17px!important;height:17px!important;border-radius:50%!important;background:white!important;box-shadow:0 1px 3px #0002!important;transform:none!important}
html body #socialDialog .sound-option input[type="checkbox"][role="switch"]:checked::after{transform:translateX(17px)!important}
html body #radioPanel #radioPlay{appearance:none!important;-webkit-appearance:none!important;display:flex!important;align-items:center!important;justify-content:center!important}
html body #radioPanel #radioPlay svg{display:block!important;width:65%!important;height:65%!important;fill:currentColor!important;flex:none!important}
#socialToast.connection-dots .connection-dot-row i:nth-child(2){animation-delay:.16s}
#socialToast.connection-dots .connection-dot-row i:nth-child(3){animation-delay:.32s}
@keyframes connection-dot-pulse{0%,65%,100%{opacity:.35;transform:translateY(0)}30%{opacity:1;transform:translateY(-4px)}}

 

 
html body :is(#memberList,#mobileMemberList) .member-group-heading::after{content:none!important}
html body :is(#memberList,#mobileMemberList) .roster-design-arrow svg{display:block!important;width:16px!important;height:16px!important;max-width:16px!important;flex:none!important}
html body :is(#memberList,#mobileMemberList) .member-group-heading[aria-expanded="false"] .roster-design-arrow svg{transform:rotate(-90deg)}

 

 

 

 

 


 

 



 

html body #mobileDrawer#mobileDrawer#mobileDrawer #mobileMemberList .member-row.nlr-f .member-nick:not(.nick-styled),html body #mobileDrawer#mobileDrawer#mobileDrawer #mobileMemberList button.member-group-heading.nlr-f>span:not(.roster-design-arrow){font-family:var(--nlr-font)!important}
html body #mobileDrawer#mobileDrawer#mobileDrawer #mobileMemberList .member-row.nlr-z .member-nick:not(.nick-styled),html body #mobileDrawer#mobileDrawer#mobileDrawer #mobileMemberList button.member-group-heading.nlr-z>span:not(.roster-design-arrow){font-size:var(--nlr-size)!important}
html body #mobileDrawer#mobileDrawer#mobileDrawer #mobileMemberList .member-row.nlr-w .member-nick:not(.nick-styled),html body #mobileDrawer#mobileDrawer#mobileDrawer #mobileMemberList button.member-group-heading.nlr-w>span:not(.roster-design-arrow){font-weight:var(--nlr-weight)!important;font-style:var(--nlr-italic)!important}
html body #mobileDrawer#mobileDrawer#mobileDrawer #mobileMemberList .member-row.nlr-c .member-nick:not(.nick-styled),html body #mobileDrawer#mobileDrawer#mobileDrawer #mobileMemberList button.member-group-heading.nlr-c>span:not(.roster-design-arrow){color:var(--nlr-color)!important}
html body #mobileDrawer#mobileDrawer#mobileDrawer #mobileMemberList .member-row.nlr-c .member-prefix{color:var(--nlr-color)!important}
html body #mobileDrawer#mobileDrawer#mobileDrawer #mobileMemberList#mobileMemberList .member-row :is(.roster-role-avatar,.nlr-row-icon).nlr-plain.nlr-plain{background:none!important;box-shadow:none!important;border:0!important}
html body #mobileDrawer#mobileDrawer#mobileDrawer #mobileMemberList#mobileMemberList .member-row :is(.roster-role-avatar,.nlr-row-icon).nlr-plain.nlr-plain>svg{color:var(--group-color)!important;background:none!important}
 
html body #mobileDrawer#mobileDrawer#mobileDrawer #mobileMemberList button.member-group-heading>span:not(.roster-design-arrow){color:var(--group-color)!important;-webkit-text-fill-color:var(--group-color)!important}
 
 

 

 
 
 

 
 
html.modern-demo.qw-bar:not(.pc-reference)[data-qw-irc][data-applet-choice="modern"][data-chat-background="msn"] body #app#app#app#app#app>.titlebar,html.modern-demo.qw-bar:not(.pc-reference)[data-qw-irc][data-applet-choice="modern"][data-chat-background="msn"] body #app#app#app#app#app :is(.channel-head,.mobile-nav){background:linear-gradient(180deg,var(--msn-head-a),var(--msn-head-b))!important;color:var(--msn-ink)!important;border-color:var(--msn-line)!important}
html.modern-demo.qw-bar:not(.pc-reference)[data-qw-irc][data-applet-choice="modern"][data-chat-background="msn"] body #app#app#app#app#app :is(.chat-panel,.composer,.layout){background:#fff!important}
html.modern-demo.qw-bar:not(.pc-reference)[data-qw-irc][data-applet-choice="modern"][data-chat-background="msn"] body #app#app#app#app#app .md-chip{background:var(--msn-chip)!important;border-color:var(--msn-line)!important;color:var(--msn-ink)!important}
html.modern-demo.qw-bar:not(.pc-reference)[data-qw-irc][data-applet-choice="modern"][data-chat-background="msn"] body #app#app#app#app#app .message-input-wrap{background:#fff!important;border:1px solid var(--msn-line)!important}
 

 
html.modern-demo.qw-bar:not(.pc-reference)[data-qw-irc][data-applet-choice="modern"][data-chat-background="msn"] body #app#app#app#app#app>.titlebar{margin:6px 6px 4px!important;border-radius:18px!important;border:1px solid #c4dcf5!important;box-shadow:0 2px 8px #0a48a41f!important;width:auto!important}
 

 

 
html.modern-demo.qw-bar:not(.pc-reference)[data-qw-irc][data-chat-background="msn"] body .typing-line.typing-overlay>span{background:#2b76d8!important}
 

 
@media (max-width:760px),(hover:none) and (pointer:coarse) and (max-width:1400px){

 

 
 

 

 

 

 


 
 


 


 

}
.status-story footer{justify-content:center}.status-pending-section>summary{font-weight:600;cursor:pointer;padding:5px}

 
 
dialog.status-update-dialog.status-story .status-story-stage{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;touch-action:manipulation;position:relative}
dialog.status-update-dialog.status-story .status-story-stage :is(img,video){-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;pointer-events:none}
dialog.status-update-dialog.status-story .status-story-stage>button{pointer-events:auto}
dialog.status-update-dialog.status-story.status-story-paused .status-story-bars{opacity:.55}

 
dialog.status-update-dialog.status-story .status-reaction-options::-webkit-scrollbar{display:none}
dialog.status-update-dialog.status-story .status-reaction-options button:disabled{opacity:.6!important}
 

 
dialog.status-update-dialog.status-story>header .status-viewers[hidden]{display:none}

 
dialog.status-update-dialog.status-story .status-comment-box[hidden]{display:none}
dialog.status-update-dialog.status-story .status-comment-row input::placeholder{color:rgba(255,255,255,.6)}

 

 
 

 
.status-own-actions>.status-bell.has-unread svg{animation:status-bell-ring 1.6s ease-in-out 2;transform-origin:50% 10%}
@keyframes status-bell-ring{0%,60%,100%{transform:rotate(0)}10%{transform:rotate(14deg)}20%{transform:rotate(-12deg)}30%{transform:rotate(9deg)}40%{transform:rotate(-6deg)}50%{transform:rotate(3deg)}}
 
dialog.status-notify-dialog>header b{font-size:16px}
 
dialog.status-update-dialog.status-notify-dialog .status-comment-item:hover{filter:brightness(.98)}
 

 
html body dialog.status-update-dialog.status-story>header{display:flex!important;align-items:center!important;flex-wrap:nowrap!important}
html body dialog.status-update-dialog.status-story>header>img{display:block!important;flex:0 0 38px!important;width:38px!important;height:38px!important;min-width:38px!important;max-width:38px!important;margin:0!important;padding:0!important;align-self:center!important;position:static!important;transform:none!important;box-sizing:border-box!important;border:2px solid rgba(255,255,255,.85)!important;border-radius:50%!important;background:#dff2e8!important;object-fit:cover!important;object-position:center!important;vertical-align:middle!important}
html body dialog.status-update-dialog.status-story>header>b{align-self:center!important;line-height:1.3!important;margin:0!important}
html body .status-avatar>img{position:static!important;margin:0!important;transform:none!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;border-radius:50%!important}

 
html body dialog .profile-status-preview>small{display:block!important;margin:0 0 8px!important;text-align:center!important;font:12px/1.3 Arial,sans-serif!important}
html body dialog .profile-status-preview .profile-status-strip::-webkit-scrollbar{display:none}
html body dialog .profile-status-preview .profile-status-strip>button{position:relative!important;flex:0 0 78px!important;width:78px!important;min-width:78px!important;max-width:78px!important;height:104px!important;min-height:0!important;max-height:104px!important;margin:0!important;padding:0!important;overflow:hidden!important;border-radius:12px!important;border:2px solid var(--md-00866c,#00866c)!important;background:#0f1a17!important;box-shadow:0 2px 6px rgba(0,0,0,.15)!important}
html body dialog.whois-card .whois-status h4 .whois-status-age{flex:0 1 auto!important;min-width:0!important;margin:0 6px 0 auto!important;color:var(--wc-muted,#6b7a82)!important;font:400 11px/1.2 Arial,sans-serif!important;text-transform:none!important;letter-spacing:0!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
html body dialog.whois-card .whois-status h4 .whois-status-age+small{margin-left:0!important}
 
 
 
 

html body .status-tap-load>svg{display:block;width:30px;height:21px;overflow:visible;filter:drop-shadow(0 2px 5px rgba(0,0,0,.3))}
 
.status-own-actions>.status-bell.ringing svg{animation:status-bell-ring 1.1s ease-in-out 3;transform-origin:50% 10%}
@keyframes status-bell-pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.14)}}
@font-face{
  font-family: 'PC Reference';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src:url('/fonts/pc/ca2b9eabacfab99d.woff2') format('woff2');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
@font-face{
  font-family: 'PC Reference';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src:url('/fonts/pc/543c03fff71d1b39.woff2') format('woff2');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face{
  font-family: 'PC Reference';
  font-style: normal;
  font-display: swap;
  font-weight: 600;
  src:url('/fonts/pc/ca47ccb548e4ed2b.woff2') format('woff2');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
@font-face{
  font-family: 'PC Reference';
  font-style: normal;
  font-display: swap;
  font-weight: 600;
  src:url('/fonts/pc/eaf782735cb43684.woff2') format('woff2');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face{
  font-family: 'PC Reference';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src:url('/fonts/pc/b7afcd7367b91f6f.woff2') format('woff2');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
@font-face{
  font-family: 'PC Reference';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src:url('/fonts/pc/ab74f0c2d7ec37e4.woff2') format('woff2');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
 
 

 

 

 

 

 
 

 

 

 

 

 


 

 
 
@keyframes nefse-vav-yorunge{0%{transform:translate(calc(-50% + -92px),calc(-50% + 16px)) scale(0.84);z-index:3}6.25%{transform:translate(calc(-50% + -85px),calc(-50% + 5px)) scale(0.78);z-index:1}12.5%{transform:translate(calc(-50% + -65px),calc(-50% + -6px)) scale(0.73);z-index:1}18.75%{transform:translate(calc(-50% + -35px),calc(-50% + -16px)) scale(0.69);z-index:1}25%{transform:translate(calc(-50% + -0px),calc(-50% + -24px)) scale(0.68);z-index:1}31.25%{transform:translate(calc(-50% + 35px),calc(-50% + -28px)) scale(0.69);z-index:1}37.5%{transform:translate(calc(-50% + 65px),calc(-50% + -28px)) scale(0.73);z-index:1}43.75%{transform:translate(calc(-50% + 85px),calc(-50% + -24px)) scale(0.78);z-index:1}50%{transform:translate(calc(-50% + 92px),calc(-50% + -16px)) scale(0.84);z-index:1}56.25%{transform:translate(calc(-50% + 85px),calc(-50% + -5px)) scale(0.90);z-index:3}62.5%{transform:translate(calc(-50% + 65px),calc(-50% + 6px)) scale(0.95);z-index:3}68.75%{transform:translate(calc(-50% + 35px),calc(-50% + 16px)) scale(0.99);z-index:3}75%{transform:translate(calc(-50% + 0px),calc(-50% + 24px)) scale(1.00);z-index:3}81.25%{transform:translate(calc(-50% + -35px),calc(-50% + 28px)) scale(0.99);z-index:3}87.5%{transform:translate(calc(-50% + -65px),calc(-50% + 28px)) scale(0.95);z-index:3}93.75%{transform:translate(calc(-50% + -85px),calc(-50% + 24px)) scale(0.90);z-index:3}100%{transform:translate(calc(-50% + -92px),calc(-50% + 16px)) scale(0.84);z-index:3}}
@keyframes nefse-elif-yorunge{0%{transform:translate(calc(-50% + 92px),calc(-50% + -16px)) scale(0.84);z-index:1}6.25%{transform:translate(calc(-50% + 85px),calc(-50% + -5px)) scale(0.90);z-index:3}12.5%{transform:translate(calc(-50% + 65px),calc(-50% + 6px)) scale(0.95);z-index:3}18.75%{transform:translate(calc(-50% + 35px),calc(-50% + 16px)) scale(0.99);z-index:3}25%{transform:translate(calc(-50% + 0px),calc(-50% + 24px)) scale(1.00);z-index:3}31.25%{transform:translate(calc(-50% + -35px),calc(-50% + 28px)) scale(0.99);z-index:3}37.5%{transform:translate(calc(-50% + -65px),calc(-50% + 28px)) scale(0.95);z-index:3}43.75%{transform:translate(calc(-50% + -85px),calc(-50% + 24px)) scale(0.90);z-index:3}50%{transform:translate(calc(-50% + -92px),calc(-50% + 16px)) scale(0.84);z-index:3}56.25%{transform:translate(calc(-50% + -85px),calc(-50% + 5px)) scale(0.78);z-index:1}62.5%{transform:translate(calc(-50% + -65px),calc(-50% + -6px)) scale(0.73);z-index:1}68.75%{transform:translate(calc(-50% + -35px),calc(-50% + -16px)) scale(0.69);z-index:1}75%{transform:translate(calc(-50% + -0px),calc(-50% + -24px)) scale(0.68);z-index:1}81.25%{transform:translate(calc(-50% + 35px),calc(-50% + -28px)) scale(0.69);z-index:1}87.5%{transform:translate(calc(-50% + 65px),calc(-50% + -28px)) scale(0.73);z-index:1}93.75%{transform:translate(calc(-50% + 85px),calc(-50% + -24px)) scale(0.78);z-index:1}100%{transform:translate(calc(-50% + 92px),calc(-50% + -16px)) scale(0.84);z-index:1}}
@font-face{
  font-family: 'PC Glass Sans';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src:url('/fonts/pc/ca2b9eabacfab99d.woff2') format('woff2');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
@font-face{
  font-family: 'PC Glass Sans';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src:url('/fonts/pc/543c03fff71d1b39.woff2') format('woff2');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face{
  font-family: 'PC Glass Sans';
  font-style: normal;
  font-display: swap;
  font-weight: 600;
  src:url('/fonts/pc/ca47ccb548e4ed2b.woff2') format('woff2');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
@font-face{
  font-family: 'PC Glass Sans';
  font-style: normal;
  font-display: swap;
  font-weight: 600;
  src:url('/fonts/pc/eaf782735cb43684.woff2') format('woff2');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face{
  font-family: 'PC Glass Sans';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src:url('/fonts/pc/b7afcd7367b91f6f.woff2') format('woff2');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
@font-face{
  font-family: 'PC Glass Sans';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src:url('/fonts/pc/ab74f0c2d7ec37e4.woff2') format('woff2');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
#pcYoutube,#pcClear{display:none}
 
 

 

 

 

 

 

 

 

 


#pcCloseChannel,#pcVoiceRoom,#pcFriendAdd{display:none}
@media(min-width:761px) and (hover:hover),(min-width:761px) and (pointer:fine),(min-width:761px) and (hover:none) and (pointer:none),(min-width:1401px){
 
 
}

#kickedChannelWarning{flex:0 0 auto;padding:9px 12px;display:flex;align-items:center;justify-content:space-between;gap:10px;background:var(--md-e5f3ed,#e5f3ed);color:var(--md-102933,#102933);border-top:1px solid var(--md-b4d6d3,#b4d6d3);font:13px/1.4 Arial,sans-serif;text-align:center}
#kickedChannelWarning>span{flex:1;min-width:0}

 
#channelOperatorTools{position:fixed;z-index:65;color:var(--md-006653,#195b83);font:13px/1.4 Arial,sans-serif}
#channelOperatorPanel header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}
#channelOperatorPanel label{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 0;border-top:1px solid var(--md-c8dfd4,#d7e4ef)}
#channelOperatorPanel input{accent-color:var(--md-006653,#195b83);width:17px;height:17px;flex:none}
#channelOperatorPanel small{opacity:.8;font-size:11px}
@keyframes operator-slide{from{opacity:0;transform:translateX(12px)}to{opacity:1;transform:translateX(0)}}

 
html body .profile-moderation button svg{width:16px!important;height:16px!important;flex:none}

 

html body #app#app#app #approvalBell{display:inline-flex!important;position:relative!important;align-items:center;justify-content:center;flex:0 0 32px;width:32px!important;height:32px!important;min-width:32px!important;margin:0 5px!important;padding:5px!important;border:1px solid var(--line,#c8dbe9)!important;border-radius:10px;background:var(--panel,#f4faff)!important;color:var(--ink,#225477)!important;order:9;cursor:pointer}#approvalBell b{position:absolute;right:-5px;top:-5px;border-radius:9px;background:#e73959;color:white;font:10px Arial;padding:2px 4px}
.approval-list article{padding:9px;margin:5px 0;border:1px solid #d6e3eb;border-radius:9px;background:#f8fbff;color:#23465c}

html body #approvalBell{position:fixed!important;right:auto!important;bottom:auto!important;width:30px;height:30px;padding:4px;border:1px solid var(--line,#bed2e0);border-radius:9px;background:var(--panel,#f6fbff);color:var(--ink,#23516e);z-index:64;cursor:pointer}#approvalBell b{right:-6px;top:-6px}
#approvalPanel header,#approvalPanel footer{display:flex;align-items:center;justify-content:space-between;gap:8px}#approvalPanel audio{width:100%;height:32px}

 

 
 
 .timed-announcement-list article{padding:12px;border:1px solid #cbdce9;border-radius:12px;background:#f5faff}
 

 
html body #app#app#app #mobileSectionClose{display:grid!important;place-items:center!important;flex:0 0 32px!important;width:32px!important;height:32px!important;min-width:32px!important;margin-left:auto!important;padding:0!important;border:1px solid var(--pcg-33c9b499,#aacddd)!important;border-radius:10px!important;background:var(--pcg-f6fffeaa,#f3faff)!important;color:var(--pcg-005a44,#22628b)!important;font:22px/1 Arial,sans-serif!important;cursor:pointer;box-shadow:0 2px 5px #0001}
html body #app#app#app #mobileSectionClose:hover{filter:brightness(.95)}
html body #app#app#app #mobileSectionClose:focus-visible{outline:2px solid currentColor;outline-offset:2px}


 

 

 
#connectingScreen{--orbit-accent:var(--md-00a765,#00a765)}
#msnOrbit #orbitBlue stop:nth-child(1){stop-color:#efffff}
#msnOrbit #orbitBlue stop:nth-child(2){stop-color:#70ddff}
#msnOrbit #orbitBlue stop:nth-child(3){stop-color:#149fe3}
#msnOrbit #orbitBlue stop:nth-child(4){stop-color:#075592}
#msnOrbit #orbitGreen stop:nth-child(1){stop-color:#f5fff3}
#msnOrbit #orbitGreen stop:nth-child(2){stop-color:color-mix(in srgb,var(--orbit-accent) 45%,white)}
#msnOrbit #orbitGreen stop:nth-child(3){stop-color:var(--orbit-accent)}
#msnOrbit #orbitGreen stop:nth-child(4){stop-color:color-mix(in srgb,var(--orbit-accent) 72%,black)}
#msnOrbit #orbitGold stop:nth-child(1){stop-color:#ffbd16}
#msnOrbit #orbitGold stop:nth-child(2){stop-color:#fff3a1}
#msnOrbit #orbitGold stop:nth-child(3){stop-color:#ffcf32}
#msnOrbit #orbitGold stop:nth-child(4){stop-color:#ffa914}
html body #connectingScreen#connectingScreen#connectingScreen .connecting-dots span{background:radial-gradient(circle at 30% 25%,#eaffff 0%,#45d8ff 38%,#087bd7 100%)!important;box-shadow:0 1px 5px #139fe65c}

 
 

 
 


 
 
 
 
 
 
 
 

 
 
 
 
 
 
 
 
 
 

 
 
@media(min-width:761px) and (hover:hover),(min-width:761px) and (pointer:fine),(min-width:761px) and (hover:none) and (pointer:none),(min-width:1401px){
 
 
 
 
 
 
 

 
}
 



 
html body #app#app#app#app #messages .message.media-only .message-content-line{display:none!important}

 
html body #app#app#app#app #messages .message.media-only :is(.message-media,.moderated-media,.image-message){border:0!important;box-shadow:none!important;background:transparent!important;outline:0!important}
html body #app#app#app#app #messages .message.media-only .image-message{padding:0!important;margin:4px 0 0!important}

 
html body #app#app#app#app #messages .message.media-only .voice-player{width:210px!important;max-width:100%!important;min-height:38px!important;padding:2px 0!important;gap:8px!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}

 
html body #app#app#app#app #messages .message.media-only .chat-image{display:block!important;width:auto!important;height:auto!important;max-width:210px!important;max-height:210px!important;min-width:0!important;object-fit:contain!important;border:0!important;border-radius:8px!important;box-shadow:none!important;margin:0!important;padding:0!important;background:transparent!important}

 
 

 

 

 


 



 

 
#modernHeaderLeave{display:none}

 

 

 
html.modern-demo[data-applet-choice="modern"] body #app#app#app #messages .message.self:not(.system-message){flex-direction:row!important;justify-content:flex-start!important}
html.modern-demo[data-applet-choice="modern"] body #app#app#app #messages .message.self .message-body::before{left:-8px!important;right:auto!important;border-right:0!important;border-left:10px solid transparent!important}

 

 

 

 

 

html body #app#app#app#app #messages#messages :is(.media-deleted-status,.media-approved-status),
html body #app#app#app#app #messages#messages .message.is-deleted-message .message-text,
html body #app#app#app#app #messages#messages .message.is-deleted-message .message-text *{display:block;font-family:inherit!important;font-size:10.5px!important;font-style:normal!important;font-weight:400!important;line-height:1.35!important;color:var(--md-37443f,var(--cz-6480a3,#6480a3))!important;opacity:.72!important;letter-spacing:0!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;width:max-content!important;max-width:min(320px,calc(100vw - 90px))!important;-webkit-text-fill-color:currentColor!important;text-shadow:none!important;background:transparent!important;margin:3px 0 0!important}

 
html body #app#app#app#app #messages#messages .message.has-47411533 :is(.message-media,.moderated-media,.image-message){overflow:visible!important;max-width:none!important}

 

 
#mdChannelChips{display:none}
@media(max-width:760px),(hover:none) and (pointer:coarse) and (max-width:1400px){
  
  
}
@media(max-width:760px),(hover:none) and (pointer:coarse) and (max-width:1400px){
  
  
}

 

 
html body dialog.appearance-choice.appearance-choice.appearance-choice button[data-value] :is(b,small){color:#fff!important;-webkit-text-fill-color:#fff!important}
html body dialog.appearance-choice.appearance-choice.appearance-choice button[data-value] small{opacity:.88}
html body dialog.appearance-choice.appearance-choice.appearance-choice button.appearance-pick-wa{background:linear-gradient(135deg,#128c7e,#075e54)!important}
html body dialog.appearance-choice.appearance-choice.appearance-choice button.appearance-pick-qw{background:var(--pick-accent,#a82d6b)!important}
html body dialog.appearance-choice.appearance-choice.appearance-choice button.appearance-pick-msn{background:linear-gradient(135deg,#3b8de6,#1a5fb4)!important}
html body dialog.appearance-choice.appearance-choice.appearance-choice button[data-value]:hover{filter:brightness(1.06)}
 
.appearance-style-cards.has-6724bd8e{grid-template-columns:repeat(3,minmax(0,1fr))!important}

 


 


 

 

 
 

 

 
#modernNavigationMenu .md-nav-sub-head::after{content:"⌄";margin-left:auto;padding-left:10px;font:400 16px/1 Arial,Helvetica,sans-serif;opacity:.7;transition:transform .15s}
#modernNavigationMenu .md-nav-sub-head[aria-expanded="true"]::after{transform:rotate(180deg)}

 
.nickserv-group>summary::-webkit-details-marker{display:none}
.nickserv-group>summary::after{content:"⌄";margin-left:auto;font:400 18px/1 Arial,Helvetica,sans-serif;opacity:.65;transition:transform .15s}
.nickserv-group[open]>summary::after{transform:rotate(180deg)}

 

@keyframes voiceRoomBlink{0%,100%{opacity:1}50%{opacity:.4}}
 
 

 

 
html body dialog#socialDialog#socialDialog.voice-room-list-dialog>header h2{margin:0!important;font:700 16px/1.2 inherit!important;color:#fff!important}
html body dialog#socialDialog.voice-room-list-dialog .vrl-icon svg{width:22px!important;height:22px!important;display:block!important}
html body dialog#socialDialog.voice-room-list-dialog .vrl-name small{display:flex!important;align-items:center!important;gap:5px!important;font-size:12px!important;color:#5f6f78!important}
html body dialog#socialDialog.voice-room-list-dialog .vrl-name small i{width:7px!important;height:7px!important;border-radius:50%!important;background:#e53935!important;display:inline-block!important}
html body dialog#socialDialog.voice-room-list-dialog .vrl-join:disabled{opacity:.6!important}
html body dialog#socialDialog.voice-room-list-dialog .vrl-empty small{color:#86949b!important}

 
 

 
html body dialog#socialDialog#socialDialog.voice-room-list-dialog>header h2{text-shadow:0 1px 1px rgba(0,0,0,.2)}
 
html body dialog#socialDialog#socialDialog.voice-room-list-dialog>header h2{flex:1 1 auto!important;min-width:0!important;line-height:1.2!important;padding:0!important}
html body dialog#socialDialog#socialDialog.voice-room-list-dialog .vrl-open-btn:disabled{opacity:.6!important}
html body dialog#socialDialog#socialDialog.voice-room-list-dialog>header [data-social-close]::before,html body dialog#socialDialog#socialDialog.voice-room-list-dialog>header [data-social-close]::after{content:none!important;display:none!important}

 
 
 
html body .voice-room-panel.vr-demo .vrx-publisher-tile .vrx-person-info .vrx-person-role{display:none!important}

 

 
html body dialog#socialDialog#socialDialog:is(:where(.has-1a42590e),:not(*)#h_) #contactForm .contact-attach{display:flex;align-items:center;gap:8px;margin:2px 0 4px}
html body dialog#socialDialog#socialDialog:is(:where(.has-1a42590e),:not(*)#h_) #contactForm label.contact-attach-btn{display:inline-flex!important;flex-direction:row!important;align-items:center!important;gap:6px!important;flex:0 0 auto!important;padding:7px 12px!important;margin:0!important;border:1px dashed color-mix(in srgb,var(--md-006653,#006653) 55%,#fff);border-radius:10px;background:color-mix(in srgb,var(--md-006653,#006653) 7%,#fff);color:var(--md-006653,#006653);font-size:12.5px!important;font-weight:600;cursor:pointer;width:auto!important}
html body dialog#socialDialog#socialDialog:is(:where(.has-1a42590e),:not(*)#h_) #contactForm label.contact-attach-btn[hidden]{display:none!important}
html body dialog#socialDialog#socialDialog:is(:where(.has-1a42590e),:not(*)#h_) #contactForm .contact-attach-btn span{font-size:15px}
html body dialog#socialDialog#socialDialog:is(:where(.has-1a42590e),:not(*)#h_) #contactForm .contact-attach-preview[hidden]{display:none}
html body dialog#socialDialog#socialDialog:is(:where(.has-1a42590e),:not(*)#h_) #contactForm .contact-attach-preview img{width:100%;height:100%;object-fit:cover;display:block}

 
dialog.admin-image-viewer::backdrop{background:rgba(0,0,0,.75)}

 

 
.status-update-dialog .status-admin-entry>button{margin:0!important}

 
 
 

 
 
 
 
@keyframes server-ban-count{from{transform:scaleX(1)}to{transform:scaleX(0)}}
 
 
 
.admin-nickstyles .admin-nickicon input:focus-visible+span{outline:2px solid #1684df;outline-offset:1px}
.message.nick-icon-message .message-avatar img.nick-icon-img{padding:1px;box-sizing:border-box}
 
 
 
 
 

 

 

html body dialog#socialDialog#socialDialog#socialDialog.voice-room-list-dialog>header [data-social-close]::after{content:'×'!important;display:block!important;font:400 24px/1 Arial,Helvetica,sans-serif!important;color:#fff!important;-webkit-text-fill-color:#fff!important;transform:translateY(-1px)}
 
 
.admin-perf-dialog .perf-card.is-stuck .perf-load{color:#c5221f}
 
 
html[data-self-chat="true"][data-self-chat="true"][data-self-chat="true"] body #app#app#app#app#app#app #audioCallButton,html[data-self-chat="true"][data-self-chat="true"][data-self-chat="true"] body #app#app#app#app#app#app #videoCallButton,html[data-self-chat="true"][data-self-chat="true"][data-self-chat="true"] body #app#app#app#app#app#app #nudgeButton,html[data-self-chat="true"][data-self-chat="true"][data-self-chat="true"] body #app#app#app#app#app#app #modernCallActions,html[data-self-chat="true"][data-self-chat="true"][data-self-chat="true"] body #app#app#app#app#app#app [data-reference-call],html[data-self-chat="true"][data-self-chat="true"][data-self-chat="true"] body #app#app#app#app#app#app [data-call-shortcut],html[data-self-chat="true"][data-self-chat="true"][data-self-chat="true"] body #app#app#app#app#app#app [data-md-call]{display:none!important}
 


:root{--form-accent:var(--md-00866c,#00866c);--form-text:#1f2d33;--form-muted:#62717a;--form-line:#d6dee3;--form-soft:#f4f7f8}
html[data-classic-team]:not([data-classic-team="original"]){--form-accent:var(--cz-1971d9,#1971d9)}
html[data-applet-choice="classic"]:not([data-classic-team]),html[data-applet-choice="classic"][data-classic-team="original"]{--form-accent:#2a6db0}

 
html body dialog#socialDialog#socialDialog#socialDialog.dlg-account::backdrop,html body dialog.nick-auth-dialog.nick-auth-dialog::backdrop{background:rgba(15,25,30,.42)!important;backdrop-filter:none!important}
html body dialog#socialDialog#socialDialog#socialDialog.dlg-account>header :is(h2,h3,b,strong,span){margin:0!important;color:var(--form-text)!important;font:700 17px/1.3 Arial,Helvetica,sans-serif!important;background:none!important}
html body dialog.nick-auth-dialog.nick-auth-dialog h3{margin:0 0 6px!important;color:var(--form-text)!important;font:700 17px/1.3 Arial,Helvetica,sans-serif!important}

 
html body dialog#socialDialog#socialDialog#socialDialog.dlg-account>header button{display:grid!important;place-items:center!important;flex:0 0 32px!important;width:32px!important;height:32px!important;min-width:32px!important;min-height:32px!important;margin:0 -4px 0 0!important;padding:0!important;border:1px solid var(--form-line)!important;border-radius:50%!important;background:var(--form-soft)!important;background-image:none!important;color:var(--form-muted)!important;-webkit-text-fill-color:currentColor!important;opacity:1!important;visibility:visible!important;box-shadow:none!important;outline:none!important;font:400 17px/1 Arial,sans-serif!important;cursor:pointer!important;font-size:0!important}
html body dialog#socialDialog#socialDialog#socialDialog.dlg-account>header button>*{display:none!important}
html body dialog#socialDialog#socialDialog#socialDialog.dlg-account>header button::before{content:none!important;display:none!important}
html body dialog#socialDialog#socialDialog#socialDialog.dlg-account>header button::after{content:'✕'!important;display:block!important;position:static!important;color:inherit!important;-webkit-text-fill-color:currentColor!important;font:400 15px/1 Arial,sans-serif!important}
html body dialog#socialDialog#socialDialog#socialDialog.dlg-account>header button:hover{background:#e9eef0!important;color:var(--form-text)!important}

 
html body :is(#ircAccountForm#ircAccountForm,#operDropForm#operDropForm) p,html body :is(#ircAccountForm#ircAccountForm,#operDropForm#operDropForm) small,html body dialog.nick-auth-dialog.nick-auth-dialog p{margin:0!important;color:var(--form-muted)!important;font-size:13px!important;line-height:1.5!important}
html body :is(#ircAccountForm#ircAccountForm,#operDropForm#operDropForm)>p:first-child{color:var(--form-text)!important;font-weight:600!important;font-size:14px!important}
html body :is(#ircAccountForm#ircAccountForm,#operDropForm#operDropForm) small{display:block!important;padding:9px 11px!important;border-radius:10px!important;background:var(--form-soft)!important;font-size:12px!important}
html body :is(#ircAccountForm#ircAccountForm,#operDropForm#operDropForm) label,html body dialog.nick-auth-dialog.nick-auth-dialog label{display:flex!important;flex-direction:column!important;gap:6px!important;margin:0!important;color:var(--form-text)!important;font:600 13px/1.3 Arial,Helvetica,sans-serif!important}
html body :is(:is(#ircAccountForm#ircAccountForm,#operDropForm#operDropForm),dialog.nick-auth-dialog.nick-auth-dialog) input{width:100%!important;height:44px!important;min-height:44px!important;box-sizing:border-box!important;margin:0!important;padding:0 13px!important;border:1px solid var(--form-line)!important;border-radius:11px!important;background:#fff!important;color:var(--form-text)!important;box-shadow:none!important;font:16px Arial,Helvetica,sans-serif!important;transition:border-color .15s,box-shadow .15s!important}

 
html body :is(#ircAccountForm#ircAccountForm,#operDropForm#operDropForm) button[type=submit]:hover,html body dialog.nick-auth-dialog.nick-auth-dialog button[type=submit]:hover{filter:brightness(.94)!important}
html body :is(#ircAccountForm#ircAccountForm,#operDropForm#operDropForm) button[type=submit]:active,html body dialog.nick-auth-dialog.nick-auth-dialog button[type=submit]:active{transform:translateY(1px)!important}

 
html body #loginScreen#loginScreen #loginButton#loginButton{border:1px solid transparent!important;border-radius:12px!important;background:var(--form-accent)!important;background-image:none!important;color:#fff!important;box-shadow:0 1px 2px rgba(0,0,0,.14)!important;text-shadow:none!important;font-weight:600!important;letter-spacing:.1px!important;transition:filter .15s,transform .1s!important}
html body #loginScreen#loginScreen #loginButton#loginButton:hover{filter:brightness(.94)!important}
html body #loginScreen#loginScreen #loginButton#loginButton:active{transform:translateY(1px)!important}
html body #loginScreen#loginScreen .login-card input:not([type=checkbox]):not([type=radio]):focus{outline:none!important;border-color:var(--form-accent)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--form-accent) 16%,transparent)!important}

 
 

 
 

 
 
.private-empty-card button:hover{filter:brightness(.94)}
@keyframes private-empty-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}

 
@keyframes slash-in{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
 
html body dialog.friend-confirm-dialog.friend-confirm-dialog::backdrop{background:rgba(15,25,30,.45)!important}
html body dialog.friend-confirm-dialog.friend-confirm-dialog>header{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;margin:0!important;padding:16px 14px 6px 20px!important;background:none!important;border:0!important;color:var(--form-text)!important}
html body dialog.friend-confirm-dialog.friend-confirm-dialog>header b{font:700 17px/1.3 Arial,Helvetica,sans-serif!important;color:var(--form-text)!important}
html body dialog.friend-confirm-dialog.friend-confirm-dialog>p{margin:0!important;padding:4px 20px 16px!important;color:var(--form-muted)!important}
html body dialog.friend-confirm-dialog.friend-confirm-dialog>footer{display:flex!important;gap:10px!important;padding:12px 16px 16px!important;margin:0!important;border-top:1px solid #edf1f3!important;background:#fafbfb!important}

 
html body dialog#socialDialog#socialDialog#socialDialog.dlg-nick::backdrop{background:rgba(15,25,30,.42)!important;backdrop-filter:none!important}
html body dialog#socialDialog#socialDialog#socialDialog.dlg-nick>header h2{margin:0!important;padding:0!important;color:var(--form-text)!important;font:700 17px/1.3 Arial,Helvetica,sans-serif!important;background:none!important;text-shadow:none!important}
html body dialog#socialDialog#socialDialog#socialDialog.dlg-nick>header button{display:grid!important;place-items:center!important;flex:0 0 32px!important;width:32px!important;height:32px!important;min-width:32px!important;min-height:32px!important;margin:0 -4px 0 0!important;padding:0!important;border:1px solid var(--form-line)!important;border-radius:50%!important;background:var(--form-soft)!important;background-image:none!important;color:var(--form-muted)!important;-webkit-text-fill-color:currentColor!important;opacity:1!important;box-shadow:none!important;outline:none!important;font-size:0!important;cursor:pointer!important}
html body dialog#socialDialog#socialDialog#socialDialog.dlg-nick>header button>*{display:none!important}
html body dialog#socialDialog#socialDialog#socialDialog.dlg-nick>header button::before{content:none!important;display:none!important}
html body dialog#socialDialog#socialDialog#socialDialog.dlg-nick>header button::after{content:'✕'!important;display:block!important;position:static!important;color:inherit!important;-webkit-text-fill-color:currentColor!important;font:400 15px/1 Arial,sans-serif!important}
html body dialog#socialDialog#socialDialog#socialDialog.dlg-nick>header button:hover{background:#e9eef0!important;color:var(--form-text)!important}
html body dialog#socialDialog#socialDialog .social-dialog-content>.own-nick-form input:focus{outline:none!important;border-color:var(--form-accent)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--form-accent) 16%,transparent)!important}
html body dialog#socialDialog#socialDialog .social-dialog-content>.own-nick-form button:hover{filter:brightness(.94)!important}
html body dialog#socialDialog#socialDialog .social-dialog-content>.own-nick-form button:disabled{opacity:.55!important}
html body dialog#socialDialog#socialDialog .social-dialog-content>.own-nick-form small:empty{display:none!important}

 
html body dialog#socialDialog#socialDialog .text-preferences select option{color:#1f2d33!important;background:#fff!important}
html body dialog#socialDialog#socialDialog .text-preferences label{color:var(--form-text)!important}
html body dialog#socialDialog#socialDialog #ircAccountForm#ircAccountForm{background:none!important;background-color:transparent!important;border:0!important;box-shadow:none!important}

 
html body .md-notify-inline .sound-option input[type="checkbox"][role="switch"]:checked{background:var(--md-00866c,#00866c)!important}
html body .md-notify-inline .sound-option input[type="checkbox"][role="switch"]::before{content:none!important}
html body .md-notify-inline .sound-option input[type="checkbox"][role="switch"]::after{content:''!important;position:absolute!important;left:3px!important;top:3px!important;width:17px!important;height:17px!important;border-radius:50%!important;background:#fff!important;box-shadow:0 1px 3px #0002!important;transform:none!important;transition:transform .15s}
html body .md-notify-inline .sound-option input[type="checkbox"][role="switch"]:checked::after{transform:translateX(17px)!important}

 
html body dialog.whois-card .whois-foot .whois-tools button:disabled{opacity:.55}
 
html body dialog.whois-card .whois-about p{margin:0;color:var(--wc-text);overflow-wrap:anywhere}
html body dialog.whois-card .profile-op-category>summary{cursor:pointer;padding:9px 11px;font:700 12px Arial,sans-serif;color:var(--wc-title);list-style:none}
html body dialog.whois-card .profile-op-category>summary::-webkit-details-marker{display:none}
html body dialog.whois-card .whois-note p{margin:0;color:var(--wc-muted);font-size:12px}

 

 
@media(max-width:760px),(hover:none) and (pointer:coarse) and (max-width:1400px){
 
 
 
 
 
}

 
@media(max-width:760px),(hover:none) and (pointer:coarse) and (max-width:1400px){
 
 
 
 
}

 
#qwMembers{display:none}
@media(max-width:760px),(hover:none) and (pointer:coarse) and (max-width:1400px){
 
 
 

 
 


 
}

 

 

 
 
@media(max-width:760px),(hover:none) and (pointer:coarse) and (max-width:1400px){
 

}

 

 
#qwMembers .qwm-nick .member-nick:not(.nick-styled){font:inherit!important;color:inherit!important}

 
 

 
 
 
.qw-friends>summary::-webkit-details-marker{display:none}

 
.slash-commands button>i svg{width:18px;height:18px;display:block}

@media(max-width:760px),(hover:none) and (pointer:coarse) and (max-width:1400px){
 
 
 
 
 
 
}

 

 
 
#qwMembers .qwm-cat[aria-expanded="false"] .qwm-cat-arrow{transform:rotate(-45deg)}
#qwMembers #userCard.inline-member-card.open{width:calc(100% - 2px)!important;margin:6px 1px!important}
 
html body #app #qwMemberList #userCard#userCard#userCard #userCardClose{display:none!important}

@media(max-width:760px),(hover:none) and (pointer:coarse) and (max-width:1400px){
 
 
 
}

 
 
html.modern-demo[data-applet-choice="modern"] body #mobileDrawer#mobileDrawer .member-row.grouped-member.profile-expanded::after{content:"›"!important;display:block!important;position:static!important;width:auto!important;height:auto!important;margin-left:auto!important;border:0!important;background:none!important;transform:rotate(90deg)!important;font-size:20px!important;line-height:1!important;opacity:1!important}
 

 
html body #socialToast#socialToast#socialToast.st-card.command-success{--st-accent:#2f7d5b}
html body #socialToast#socialToast#socialToast.st-card.command-error{--st-accent:#c5221f}
@keyframes st-count{from{transform:scaleX(1)}to{transform:scaleX(0)}}
 
 
 
 
 
html body #app#app :is(.md-friend,.social-friend-row)>.friend-button.friend-button:active{transform:scale(.94)}
html body #app#app :is(.md-friend,.social-friend-row)>.friend-button.friend-button::after{content:none!important}
 
 
 
html body #adminMediaAccess .admin-scope-group legend{display:inline-flex;align-items:center;gap:6px;padding:2px 10px;border-radius:999px;background:var(--form-accent,#00866c);color:#fff;font:700 12px/1.6 Arial,sans-serif}
html body #adminMediaAccess .admin-scope-group legend span{font-size:12px;opacity:.9}
html body #adminMediaAccess .admin-scope-group label.admin-visibility-row:last-child{border-bottom:0}
 
html body .admin-history-settings>summary{display:flex;align-items:center;gap:8px;padding:11px 12px;font:700 14px Arial,sans-serif;color:#1f2d33;cursor:pointer;background:color-mix(in srgb,var(--form-accent,#00866c) 6%,#fff);list-style:none}
html body .admin-history-settings>summary::-webkit-details-marker{display:none}
html body .admin-history-settings>summary::after{content:'›';margin-left:auto;font-size:20px;line-height:1;transition:transform .15s}
html body .admin-history-settings[open]>summary::after{transform:rotate(90deg)}
html body #adminHistorySettings{display:grid;gap:8px;padding:10px 12px 12px}
html body #adminHistorySettings>p{margin:0;color:#6b7680;font-size:12px;line-height:1.5}
html body #adminHistorySettings label.admin-visibility-row small{display:block;color:#6b7680;font-size:11px}
 
@keyframes history-spin{to{transform:rotate(360deg)}}
 
 
 
html body dialog .whois-head .app-user-badge i{width:14px;height:14px;font-size:9px}
 
dialog.status-story header .status-story-presence[data-state]:not([data-state=""])::before{content:'';width:8px;height:8px;border-radius:50%;background:#9aa3ab;box-shadow:0 0 0 2px rgba(255,255,255,.12)}
dialog.status-story header .status-story-presence[data-state="online"]:not([data-state=""])::before{background:#2fd06b}
dialog.status-story header .status-story-presence[data-state="busy"]:not([data-state=""])::before{background:#e5484d}
 
 
#messages .message.is-call.is-missed .message-text{background:#fdecea;color:#b3261e}
 
#modernFriendsTab{display:none}
html.modern-demo[data-applet-choice="modern"] body #app#app#app #modernHeaderMedia>.md-head-tab .md-head-ico{position:relative;display:inline-flex;width:24px;height:24px}
html.modern-demo[data-applet-choice="modern"] body #app#app#app #modernHeaderMedia>.md-head-tab small{display:block;font:700 10.5px/1.15 Arial,sans-serif!important;color:#fff!important;white-space:nowrap;letter-spacing:.1px}
 

html body .call-panel.wa-call.wa-call.wa-call[hidden]{display:none!important}
 
html body .call-panel.wa-call .call-topbar .call-back:hover{background:rgba(255,255,255,.12)}
 
 
html body .call-panel.wa-call.call-awaiting .call-avatar{animation:wa-call-pulse 1.6s ease-in-out infinite!important}
@keyframes wa-call-pulse{0%,100%{box-shadow:0 0 0 6px rgba(255,255,255,.12),0 12px 40px rgba(0,0,0,.3)}50%{box-shadow:0 0 0 16px rgba(255,255,255,.06),0 12px 40px rgba(0,0,0,.3)}}
 
html body .call-panel.wa-call.video-call:not(.call-awaiting) .call-videos{display:block!important;position:absolute!important;inset:0!important;z-index:1!important;max-height:none!important;height:auto!important;min-height:0!important;margin:0!important;border-radius:0!important;background:#0b0f12!important;overflow:hidden!important}
html body .call-panel.wa-call.video-call:not(.call-awaiting) .call-videos .call-remote{inset:0!important;width:100%!important;height:100%!important;border-radius:0!important;z-index:1}
html body .call-panel.wa-call.video-call:not(.call-awaiting) .call-videos .call-local{right:14px!important;left:auto!important;top:auto!important;bottom:170px!important;width:112px!important;height:160px!important;border-radius:14px!important;z-index:3;touch-action:none;box-shadow:0 6px 20px rgba(0,0,0,.45);outline:2px solid rgba(255,255,255,.85);cursor:pointer;transform:scaleX(-1)}
html body .call-panel.wa-call.video-call.call-swap:not(.call-awaiting) .call-videos .call-local{inset:0!important;width:100%!important;height:100%!important;border-radius:0!important;outline:0;z-index:1;cursor:default}
html body .call-panel.wa-call.video-call.call-swap:not(.call-awaiting) .call-videos .call-remote{inset:auto 14px 170px auto!important;touch-action:none;width:112px!important;height:160px!important;border-radius:14px!important;z-index:3;box-shadow:0 6px 20px rgba(0,0,0,.45);outline:2px solid rgba(255,255,255,.85);cursor:pointer}
html body .call-panel.wa-call.video-call:not(.call-awaiting) .call-hero{visibility:hidden}
html body .call-panel.wa-call.video-call:not(.call-awaiting)>header,html body .call-panel.wa-call.video-call:not(.call-awaiting) .call-topbar{text-shadow:0 1px 4px rgba(0,0,0,.6)}
html body .call-panel.wa-call.video-call:not(.call-awaiting) .call-title{font-size:22px}
 
html body .call-panel.wa-call.video-call:not(.call-awaiting) .call-controls{margin-top:auto!important;background:linear-gradient(transparent,rgba(0,0,0,.55))!important;padding-top:40px!important}
html body .call-panel.wa-call .call-controls button:active{transform:scale(.94)}
html body .call-panel.wa-call .call-controls button svg{width:26px!important;height:26px!important;display:block}
 
html body .call-panel.wa-call.call-incoming .call-controls [data-call-end]{order:2;margin:0 0 18px!important}
html body .call-panel.wa-call.call-incoming .call-controls [data-call-end] svg{transform:rotate(135deg)}
@keyframes wa-accept-shake{0%,70%,100%{transform:rotate(135deg)}75%{transform:rotate(123deg)}85%{transform:rotate(147deg)}}
 

 
html body .call-panel.wa-call.call-incoming .call-controls [data-call-hide]{display:none!important}
 
html body .call-panel.wa-call.video-call.pip-moved:not(.call-awaiting):not(.call-swap) .call-videos .call-local,html body .call-panel.wa-call.video-call.pip-moved.call-swap:not(.call-awaiting) .call-videos .call-remote{left:var(--pip-left)!important;top:var(--pip-top)!important;right:auto!important;bottom:auto!important}
 
 
@keyframes wa-restore-pulse{0%,100%{box-shadow:-4px 6px 18px rgba(0,0,0,.25),0 0 0 0 rgba(37,196,100,.5)}50%{box-shadow:-4px 6px 18px rgba(0,0,0,.25),0 0 0 9px rgba(37,196,100,0)}}
 
 

html.qw-bar body .qw-friends.qw-friends[open]>summary>i{transform:rotate(-135deg) translate(-2px,-2px)}
 
html.qw-bar body .qw-friends .md-private-list>.md-channel.md-channel:last-of-type{border-bottom:0!important}
html.qw-bar body .qw-friends .md-private-list>.md-channel>span>b{font:700 16px/1.2 Arial,Helvetica,sans-serif!important;color:#1d2328!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html.qw-bar body .qw-friends .md-private-list>.md-channel>span>small{font:400 13.5px/1.3 Arial,Helvetica,sans-serif!important;color:#6b747b!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html.qw-bar body .qw-friends .md-private-list>.md-channel>em>small{font:400 12px/1 Arial,Helvetica,sans-serif!important;color:#8a9298!important}
html.qw-bar body .qw-friends .md-private-list>.md-channel>em>b{min-width:22px;height:22px;padding:0 6px!important;border-radius:999px!important;background:color-mix(in srgb,var(--md-006653,#006653) 82%,#000)!important;color:#fff!important;font:700 11.5px/22px Arial,Helvetica,sans-serif!important;text-align:center;box-shadow:none!important}
 

 
html body #app#app #emojiPicker#emojiPicker.emoji-dock #emojiSearch{flex:1 1 auto!important;min-width:0!important;width:auto!important;max-width:none!important;height:34px!important;margin:0!important;padding:0 12px 0 34px!important;border:0!important;border-radius:999px!important;background:#f0f2f4 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23707a82' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='6.5'/%3E%3Cpath d='m20 20-4.2-4.2'/%3E%3C/svg%3E") no-repeat 11px center/16px!important;font-size:16px!important;color:#1f2d33!important;box-shadow:none!important;outline:0!important}
html body #app#app #emojiPicker#emojiPicker.emoji-dock .emoji-backspace:active{background:#eef1f3}
html body #app#app #emojiPicker#emojiPicker.emoji-dock .emoji-backspace svg{width:24px;height:24px}
 
html body #app#app #emojiPicker#emojiPicker.emoji-dock #emojiCategoryTitle{font:inherit!important;color:inherit!important}
 
html body #app#app #emojiPicker#emojiPicker.emoji-dock .emoji-categories>button.active{opacity:1!important;filter:none;background:color-mix(in srgb,var(--md-006653,#006653) 12%,#fff)!important}
 
html.emoji-dock-open body #app#app#app #emojiButton#emojiButton.active .emoji-toggle-kbd svg{width:24px;height:24px}
 
html body #app#app #emojiPicker#emojiPicker.emoji-dock .emoji-dock-close:active{background:#e3e7ea}
html body #app#app #emojiPicker#emojiPicker.emoji-dock .emoji-dock-close svg{width:18px;height:18px}
 
 
dialog.wa-camera.mirror video{transform:scaleX(-1)}
dialog.wa-camera.shot::after{content:'';position:absolute;inset:0;background:#fff;opacity:.75;pointer-events:none}
dialog.wa-camera .wa-cam-shutter:active i{transform:scale(.88)}

dialog.wa-camera button{outline:none}
 
html body dialog.modern-image-confirm.wa-image-preview::backdrop{background:rgba(0,0,0,.6)!important}
html body dialog.wa-image-preview .ip-top .ip-close svg{width:22px;height:22px}
html body dialog.wa-image-preview .ip-stage img{display:block!important;max-width:100%!important;max-height:100%!important;width:auto!important;height:auto!important;object-fit:contain!important;border-radius:0!important;margin:0!important}
html body dialog.wa-image-preview .ip-send svg{width:22px;height:22px;margin-left:3px}
html body dialog.wa-image-preview .ip-send:disabled{opacity:.6}
html body dialog.wa-image-preview.sending .ip-send svg{animation:history-spin 1s linear infinite!important}
 
html body #app#app#app#app#app #messages#messages .image-message{display:inline-flex!important;flex-direction:column!important;flex-wrap:nowrap!important;align-items:stretch!important;gap:0!important;width:230px!important;max-width:100%!important;margin:4px 0 0!important;padding:4px!important;box-sizing:border-box!important;border:0!important;border-radius:14px!important;background:color-mix(in srgb,var(--md-00866c,#00866c) 16%,#fff)!important;box-shadow:none!important}
html body #app#app#app#app#app #messages#messages .image-message .chat-image{display:block!important;width:100%!important;height:auto!important;aspect-ratio:1/1!important;max-width:none!important;max-height:none!important;margin:0!important;object-fit:cover!important;border-radius:10px!important;background:#e9edef;cursor:zoom-in}
html body #app#app#app#app#app #messages#messages .image-message>[data-image-read]{display:flex!important;align-items:center;justify-content:center;width:100%!important;aspect-ratio:1/1;margin:0!important;padding:0!important;border:0!important;border-radius:10px!important;background:#e9edef!important;color:#54656f!important;font:600 13px Arial,sans-serif!important}
html body #app#app#app#app#app #messages#messages .image-message .image-caption{padding:6px 6px 2px;font:400 14.5px/1.4 Arial,sans-serif;color:#1f2d33;white-space:pre-wrap;overflow-wrap:anywhere}
html body #app#app#app#app#app #messages#messages .image-message>small{padding:4px 6px 0}
 
html body #app#app#app#app#app #messages#messages .voice-player .voice-avatar{grid-column:1;grid-row:1/3;position:relative;width:48px;height:48px}
html body #app#app#app#app#app #messages#messages .voice-player .voice-avatar .social-avatar{width:48px!important;height:48px!important;display:block}
html body #app#app#app#app#app #messages#messages .voice-player .voice-avatar img{width:100%!important;height:100%!important;border-radius:50%!important;object-fit:cover;border:0!important}
html body #app#app#app#app#app #messages#messages .voice-player .voice-mic{position:absolute;left:-3px;bottom:-2px;display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;color:var(--md-00866c,#00866c);background:transparent}
html body #app#app#app#app#app #messages#messages .voice-player .voice-mic svg{width:18px;height:18px;filter:drop-shadow(0 0 1px #fff) drop-shadow(0 0 1px #fff)}
html body #app#app#app#app#app #messages#messages .voice-player .voice-play{grid-column:2;grid-row:1/3;display:inline-flex!important;align-items:center;justify-content:center;width:34px!important;height:34px!important;min-width:0!important;padding:0!important;margin:0!important;border:0!important;border-radius:50%!important;background:transparent!important;color:#54656f!important;font:400 26px/1 Arial,sans-serif!important;box-shadow:none!important;cursor:pointer}
html body #app#app#app#app#app #messages#messages .voice-player .voice-wave{grid-column:3;grid-row:1;position:relative;display:block!important;height:16px!important;margin:12px 4px 0 2px!important;background:radial-gradient(circle,#8696a0 1.3px,transparent 1.7px) 0 50%/6px 6px repeat-x!important;overflow:visible!important}
html body #app#app#app#app#app #messages#messages .voice-player .voice-wave i{display:none!important}
html body #app#app#app#app#app #messages#messages .voice-player .voice-wave::before{content:'';position:absolute;left:0;top:50%;width:var(--voice-progress,0%);height:3px;transform:translateY(-50%);border-radius:2px;background:var(--md-00866c,#00866c)}
html body #app#app#app#app#app #messages#messages .voice-player .voice-wave::after{content:'';position:absolute;top:50%;left:var(--voice-progress,0%);width:13px;height:13px;transform:translate(-50%,-50%);border-radius:50%;background:var(--md-00866c,#00866c);box-shadow:0 0 0 2px #fff}
html body #app#app#app#app#app #messages#messages .voice-player .voice-time{grid-column:3;grid-row:2;justify-self:start;margin:0 0 0 2px!important;font:400 12px/1.2 Arial,sans-serif!important;color:#667781!important}
html body #app#app#app#app#app #messages#messages .voice-player .voice-avatar .social-avatar{border-radius:50%!important;overflow:hidden!important}
html body #app#app#app#app#app #messages#messages .voice-player .voice-avatar .social-avatar::after,html body #app#app#app#app#app #messages#messages .voice-player .voice-avatar .social-avatar>:not(img){display:none!important}
html body #app#app#app#app#app #messages#messages .image-message{position:relative!important}
html body #app#app#app#app#app #messages#messages .image-message>[data-channel-media-delete]{position:absolute!important;top:10px!important;right:10px!important;z-index:2;display:inline-flex!important;align-items:center;justify-content:center;width:26px!important;height:26px!important;min-width:0!important;padding:0!important;margin:0!important;border:0!important;border-radius:50%!important;background:rgba(0,0,0,.45)!important;color:#fff!important;font:400 16px/1 Arial,sans-serif!important;box-shadow:none!important}
html body #app#app#app#app#app #messages#messages .image-message>[data-media-approve]{margin:6px 4px 2px!important}
html body dialog.wa-image-preview button{outline:none}

 
html body #app#app#app#app#app #messages#messages .image-message>.image-tool svg{width:17px;height:17px}
html body #app#app#app#app#app #messages#messages .image-message>.image-tool:hover{filter:brightness(1.08);transform:scale(1.06)}
html body #app#app#app#app#app #messages#messages .image-message>.image-tool:active{transform:scale(.94)}


 
html body #app#app#app#app#app #messages#messages .voice-player .voice-mic{width:15px;height:15px;left:-3px;bottom:-2px}
html body #app#app#app#app#app #messages#messages .voice-player .voice-mic svg{width:15px;height:15px}
html body #app#app#app#app#app #messages#messages .image-message .chat-image,html body #app#app#app#app#app #messages#messages .image-message>[data-image-read]{aspect-ratio:4/3!important}

 
html body dialog.wa-image-preview .ip-emoji svg{width:24px;height:24px}
html body dialog.wa-image-preview #emojiPicker#emojiPicker.emoji-dock .emoji-picker-search>span{display:none!important}
html body dialog.wa-image-preview #emojiPicker#emojiPicker.emoji-dock .emoji-backspace svg{width:24px;height:24px}
html body dialog.wa-image-preview #emojiPicker#emojiPicker.emoji-dock .emoji-grid .emoji-item:active{background:#eef1f3!important}
html body dialog.wa-image-preview #emojiPicker#emojiPicker.emoji-dock .emoji-categories>button{flex:1 1 0!important;display:flex!important;align-items:center!important;justify-content:center!important;min-width:0!important;width:auto!important;height:38px!important;margin:0!important;padding:0!important;border:0!important;border-radius:10px!important;background:transparent!important;opacity:.55;font-size:20px!important;filter:grayscale(.35)}
html body dialog.wa-image-preview #emojiPicker#emojiPicker.emoji-dock .emoji-categories>button.active{opacity:1!important;filter:none;background:color-mix(in srgb,var(--md-006653,#006653) 12%,#fff)!important}
html body dialog.wa-image-preview #emojiPicker#emojiPicker.emoji-dock .emoji-categories>button .emoji-img{width:22px!important;height:22px!important}
html body dialog.wa-image-preview #emojiPicker#emojiPicker.emoji-dock .emoji-dock-close svg{width:18px;height:18px}

 
html body #app#app#app#app#app #messages#messages .message.is-voice.media-only .message-content-line{display:none!important}
html body #app#app#app#app#app #messages#messages .voice-player .voice-mic,html body #app#app#app#app#app #messages#messages .voice-player .voice-mic svg{width:14px;height:14px}

 
 

 
html body dialog.message-edit-dialog::backdrop{background:rgba(0,0,0,.35)}
html body dialog.message-edit-dialog form{display:flex;flex-direction:column;gap:10px;margin:0;padding:12px 14px 14px;min-width:0}
html body dialog.message-edit-dialog header{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0}
html body dialog.message-edit-dialog header b{font:600 15px/1.3 Arial,sans-serif;color:var(--md-006653,#006653)}
html body dialog.message-edit-dialog .me-row input:focus{border-color:var(--md-00866c,#00866c);background:#fff}
html body dialog.message-edit-dialog .me-save svg{width:22px;height:22px}
html body dialog.message-edit-dialog .me-save:disabled{opacity:.6}

 
html body .youtube-facade img{display:block;width:100%;height:100%;object-fit:cover}

 
 
 
 
 
 
 
 
#qwRoomTab{display:none}
 
html body #app#app#app#app #modernDemoTabs>#qwRoomTab[hidden],html:not(.qw-bar) body #app#app#app#app #modernDemoTabs>#qwRoomTab{display:none!important}
@media(max-width:760px),(hover:none) and (pointer:coarse) and (max-width:1400px){
 
}
 
html body #socialToast#socialToast#socialToast.st-card.st-mention .st-timer i{background:#f28c18!important}
 

html body #messages .image-message>.image-placeholder>.image-ph-pill>svg{display:block;width:20px;height:20px;flex:0 0 20px}
html body #messages .image-message>.image-placeholder:disabled>.image-ph-pill{animation:image-ph-pulse 1s ease-in-out infinite alternate}
@keyframes image-ph-pulse{to{opacity:.55}}
@media(prefers-reduced-motion:reduce){html body #messages .image-message>.image-placeholder:disabled>.image-ph-pill{animation:none}}

 
html body #app#app#app#app [data-md-friend-group="inbox"]>summary::before{content:'✉'!important}
html body #app#app#app#app [data-md-friend-group="inbox"].has-offline-mail>summary::before{background:#fff1e0!important;color:#f28c18!important}
html body #app#app#app#app [data-md-friend-group="inbox"].has-offline-mail>summary>span{background:#f28c18!important;color:#fff!important;font-weight:700}
html body #app#app#app#app [data-md-friend-group="inbox"] .md-offline-row>span>small{color:#b35c00!important;font-weight:600}
html body #app#app#app#app [data-md-friend-group="inbox"].md-inbox-flash{animation:mdInboxFlash 1.6s ease-out 1}
@keyframes mdInboxFlash{0%,35%{box-shadow:0 0 0 2px #f28c18,0 0 14px rgba(242,140,24,.45)}100%{box-shadow:0 0 0 0 transparent}}
@media(prefers-reduced-motion:reduce){html body #app#app#app#app [data-md-friend-group="inbox"].md-inbox-flash{animation:none}}

 
 
#qwMembers#qwMembers .qwm-cat>b{min-width:14px;padding:1px 3px;margin-right:1px}
html.qw-members-on body #app#app#app#app .chat-panel>#qwMembers{padding-left:4px!important;padding-right:3px!important}

 

 

 
 

 

 
html body :is(.applet-admin-dialog,#nlAdminBoost):is(.applet-admin-dialog,#nlAdminBoost) .admin-nl-icons.admin-nl-icons>button>svg,html body :is(.applet-admin-dialog,#nlAdminBoost):is(.applet-admin-dialog,#nlAdminBoost) .admin-nl-icons.admin-nl-icons>button>img{display:block;width:20px;height:20px}

 
html body :is(.applet-admin-dialog,#nlAdminBoost):is(.applet-admin-dialog,#nlAdminBoost) .admin-nl-icons.admin-nl-icons>button>svg,html body :is(.applet-admin-dialog,#nlAdminBoost):is(.applet-admin-dialog,#nlAdminBoost) .admin-nl-icons.admin-nl-icons>button>img{display:block;width:20px;height:20px}


 

 
 
html body #qwMembers#qwMembers #userCard#userCard.inline-member-card.rank-colored-profile::before{background:color-mix(in srgb,var(--profile-rank-color) 8%,#fff)!important;border-color:color-mix(in srgb,var(--profile-rank-color) 38%,#fff)!important}
html body #qwMembers#qwMembers #userCard#userCard.inline-member-card.rank-colored-profile :is(#userCardNick,.user-card-info h2){color:var(--profile-rank-color)}
 
 
html body dialog.friend-confirm-dialog.friend-confirm-dialog.confirm-choice>footer{display:flex!important;flex-direction:column-reverse!important;align-items:stretch!important;gap:8px!important}
html body dialog.friend-confirm-dialog.friend-confirm-dialog.confirm-choice>footer>button{width:100%!important;max-width:none!important;flex:none!important;white-space:normal!important}
 
 


 
html.qw-bar[data-qw-irc]{--qwi-bg:color-mix(in srgb,var(--cz-277bdd,#277bdd) 7%,#fff)}
html.qw-bar[data-qw-irc] body #app#app#app#app#app#app .layout:not(.private-chat) #messages#messages{padding-left:0!important;background:var(--qwi-bg)!important;background-image:none!important}
 
html.qw-bar[data-qw-irc] body #app#app#app#app#app#app #messages#messages .message.in-channel{display:flex!important;align-items:flex-start!important;gap:0!important;position:relative!important;max-width:none!important;width:auto!important;margin:0!important;padding:1px 6px 1px 2px!important;background:none!important;border:0!important;box-shadow:none!important;font-family:var(--qwu-text-font,var(--qwi-text-font,Arial,Helvetica,sans-serif))!important;font-size:var(--qwu-text-size,var(--qwi-text-size,13px))!important;font-weight:var(--qwu-text-weight,var(--qwi-text-weight,400))!important;font-style:var(--qwu-text-italic,var(--qwi-text-italic,normal))!important;color:#111!important;line-height:1.32!important;text-align:left!important;flex-direction:row!important;padding-left:0!important}
html.qw-bar[data-qw-irc] body #app#app#app#app#app#app #messages#messages .message.in-channel>.standard-time{display:none!important}
html.qw-bar[data-qw-irc] body #app#app#app#app#app#app #messages#messages .message.in-channel>.message-avatar{display:grid!important;grid-template-columns:100%!important;grid-template-rows:100%!important;place-items:center!important;vertical-align:top!important;align-self:flex-start!important;margin-top:calc((var(--qwu-text-size,var(--qwi-text-size,13px)) * 1.32 - var(--qwi-av,22px)) / 2)!important;width:var(--qwi-av,22px)!important;height:var(--qwi-av,22px)!important;min-width:0!important;min-height:0!important;max-width:none!important;max-height:none!important;flex:none!important;margin-right:2px!important;margin-left:0!important;margin-bottom:0!important;padding:0!important;overflow:visible!important;float:none!important;position:static!important}
html.qw-bar[data-qw-irc] body #app#app#app#app#app#app #messages#messages .message.in-channel>.message-avatar>*{transform:scale(var(--qwi-av-scale,.74))!important;transform-origin:center!important;flex:none!important}
html.qw-bar[data-qw-irc] body #app#app#app#app#app#app #messages#messages .message.in-channel>.message-body{display:block!important;flex:1 1 auto!important;position:static!important;max-width:none!important;width:auto!important;min-width:0!important;margin:0!important;padding:0!important;background:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;color:inherit!important;font:inherit!important}
html.qw-bar[data-qw-irc] body #app#app#app#app#app#app #messages#messages .message.in-channel>.message-body::before,html.qw-bar[data-qw-irc] body #app#app#app#app#app#app #messages#messages .message.in-channel>.message-body::after{display:none!important;content:none!important}
html.qw-bar[data-qw-irc] body #app#app#app#app#app#app #messages#messages .message.in-channel>.message-body>div:first-child:not(.x),html.qw-bar[data-qw-irc] body #app#app#app#app#app#app #messages#messages .message.in-channel .message-content-line,html.qw-bar[data-qw-irc] body #app#app#app#app#app#app #messages#messages .message.in-channel .message-text{display:inline!important;position:static!important;margin:0!important;padding:0!important;background:none!important;font:inherit!important;color:inherit!important;white-space:pre-wrap!important;overflow-wrap:anywhere!important}
html.qw-bar[data-qw-irc] body #app#app#app#app#app#app #messages#messages .message.in-channel .message-name{display:inline!important;margin:0 5px 0 0!important;padding:0!important;font-family:var(--qwi-nick-font,inherit)!important;font-weight:var(--qwi-nick-weight,400)!important;font-style:var(--qwi-nick-italic,normal)!important;font-size:var(--qwi-nick-size,inherit)!important;line-height:inherit!important;white-space:nowrap!important;cursor:pointer}
html.qw-bar[data-qw-irc] body #app#app#app#app#app#app #messages#messages .message.in-channel .message-name::before{content:"<"}
html.qw-bar[data-qw-irc] body #app#app#app#app#app#app #messages#messages .message.in-channel[data-member-rank="q"] .message-name::before{content:"<~"}
html.qw-bar[data-qw-irc] body #app#app#app#app#app#app #messages#messages .message.in-channel[data-member-rank="a"] .message-name::before{content:"<&"}
html.qw-bar[data-qw-irc] body #app#app#app#app#app#app #messages#messages .message.in-channel[data-member-rank="o"] .message-name::before{content:"<@"}
html.qw-bar[data-qw-irc] body #app#app#app#app#app#app #messages#messages .message.in-channel[data-member-rank="h"] .message-name::before{content:"<%"}
html.qw-bar[data-qw-irc] body #app#app#app#app#app#app #messages#messages .message.in-channel[data-member-rank="v"] .message-name::before{content:"<+"}
html.qw-bar[data-qw-irc] body #app#app#app#app#app#app #messages#messages .message.in-channel .message-name::after{content:">"}
html.qw-bar[data-qw-irc] body #app#app#app#app#app#app #messages#messages .message.in-channel .message-time,html.qw-bar[data-qw-irc] body #app#app#app#app#app#app #messages#messages .message.in-channel .classic-like{display:none!important}
html.qw-bar[data-qw-irc] body #app#app#app#app#app#app #messages#messages .message.in-channel .classic-end-time{display:inline!important;position:static!important;float:none!important;margin:0 0 0 6px!important;padding:0!important;font:10px/1 Arial,Helvetica,sans-serif!important;color:#8b8b8b!important;white-space:nowrap!important;vertical-align:baseline!important;height:auto!important;width:auto!important;transform:none!important}
html.qw-bar[data-qw-irc] body #app#app#app#app#app#app #messages#messages .message.in-channel .message-media:empty{display:none!important}
html.qw-bar[data-qw-irc] body #app#app#app#app#app#app #messages#messages .message.in-channel .message-media:not(:empty){display:block!important;margin:4px 0 0 0!important}
html.qw-bar[data-qw-irc] body #app#app#app#app#app#app #messages#messages .message.in-channel .reaction-widget{display:block!important;position:static!important;margin:0!important;padding:0!important;height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important;float:none!important}
html.qw-bar[data-qw-irc] body #app#app#app#app#app#app #messages#messages .message.in-channel .reaction-counts:not(:empty){display:flex!important;flex-wrap:wrap!important;gap:4px!important;justify-content:flex-start!important;position:static!important;float:none!important;inset:auto!important;width:auto!important;height:auto!important;margin:3px 0 1px 0!important;transform:none!important}
 
html.qw-bar[data-qw-irc] body #app#app#app#app#app#app #messages#messages .message.in-channel>.message-body>div:first-child:not(.x){position:relative!important}
html.qw-bar[data-qw-irc] body #app#app#app#app#app#app #messages#messages .message.in-channel.has-nick-stars{padding-top:9px!important}
html.qw-bar[data-qw-irc] body #app#app#app#app#app#app #messages#messages .message.in-channel .nick-rank-stars{display:inline-flex!important;position:absolute!important;left:0!important;bottom:100%!important;top:auto!important;margin:0 0 -2px!important;padding:0!important;font-size:9px!important;line-height:1!important;transform:none!important;white-space:nowrap!important}
html.qw-bar[data-qw-irc] body #app#app#app#app#app#app #messages#messages .message.in-channel .nick-special-badge-row,html.qw-bar[data-qw-irc] body #app#app#app#app#app#app #messages#messages .message.in-channel .msg-badge-full{display:none!important}
 
html.qw-bar[data-qw-irc] body #app#app#app#app#app#app #messages#messages .message.in-channel>.message-avatar .social-avatar{display:block!important;position:relative!important;width:30px!important;height:30px!important;margin:0!important}
html.qw-bar[data-qw-irc] body #app#app#app#app#app#app #messages#messages .message.in-channel>.message-avatar .social-avatar>img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;border-radius:50%!important}
 
 
 
 
 
 
html.qw-bar[data-qw-irc] body #app#app#app#app#app#app #messages#messages .message.in-channel.normal-role-message>.message-avatar>.nl-file-icon{width:22px!important;height:22px!important;max-width:none!important;max-height:none!important}
 
#qwIrcToggle{display:none}
 
html.qw-bar[data-nlav-classic] body #qwMembers .qwm-row>.qwm-av{zoom:var(--nlav-classic-scale,1)}
 
html.qw-bar[data-qw-irc] body #app#app#app#app#app#app #messages#messages .message.in-channel{min-height:calc(var(--qwi-av,22px) + 2px)!important;box-sizing:border-box!important}
 
html.qw-bar[data-qw-irc] body #app#app#app#app#app#app #messages#messages .message.in-channel.ni-sized{padding-top:calc((var(--qwi-av,22px) - var(--qwu-text-size,var(--qwi-text-size,13px)) * 1.32) / 2 + 2px)!important;min-height:calc(var(--qwi-av,22px) + 6px)!important}
 


 
 


 


@media(max-width:760px),(hover:none) and (pointer:coarse) and (max-width:1400px){
  
  
  
  
  
}

 
 

 
 
 
 
 
 
 

 
 
.whois-sn [data-sn-whois]::before{content:"✎";font-size:13px}
.whois-sn [data-sn-whois]:hover{filter:brightness(1.08)}
 
@media(max-width:760px),(hover:none) and (pointer:coarse) and (max-width:1400px){
  
}

 
#snPendingBtn b{position:absolute;top:-5px;right:-5px;min-width:17px;height:17px;padding:0 4px;box-sizing:border-box;border-radius:9px;background:#e53935;color:#fff;font:700 10.5px/17px Arial,sans-serif;text-align:center}
@keyframes snPendPulse{0%,100%{box-shadow:0 1px 4px rgba(0,0,0,.2)}50%{box-shadow:0 0 0 5px rgba(255,152,0,.28)}}

 
#modernNavigationMenu button[data-nav-key]{position:relative}
#modernNavigationMenu button.md-nav-off{opacity:.85}
#modernNavigationMenu button.md-nav-off::after{content:"";position:absolute;left:10px;right:96px;top:50%;height:2px;margin-top:-1px;border-radius:2px;background:#e53935;pointer-events:none}

 
 
 
 
#modernNavigationMenu button.md-nav-off::after{right:100px}
#modernNavigationMenu button.md-nav-flash{animation:snNavFlash 1.1s ease-out 1}
@keyframes snNavFlash{0%{background:#ffe082}60%{background:#fff3c4}100%{background:transparent}}
 
.layout:not(.msn-channel-chat) #snPendingBtn.in-composer{left:10px}
 

 
 
#modernNavigationMenu button.md-nav-editmode::after{content:"Kapalı";margin-left:auto;padding:2px 8px;border-radius:10px;background:rgba(0,0,0,.1);font:700 10.5px/1.4 Arial,sans-serif;color:#54656f}
 
 
html body .titlebar .brand.sn-media-host>.sn-media-edit.sn-media-edit.sn-media-edit{left:20px!important;right:auto!important;top:-4px!important}
@media(max-width:760px),(hover:none) and (pointer:coarse) and (max-width:1400px){
  
  
}

 
html.qw-bar[data-qw-irc][data-qwi-time-off] body #app#app#app#app#app#app #messages#messages .message.in-channel .classic-end-time{display:none!important}

 
 
 
@media(max-width:760px),(hover:none) and (pointer:coarse) and (max-width:1400px){
  
  
}
 
 
html body #app#app#app#app#app#app#app #messages#messages#messages .voice-player .voice-wave{display:flex!important;align-items:center!important;gap:2px!important;background:none!important;background-image:none!important;height:20px!important}
html body #app#app#app#app#app#app#app #messages#messages#messages .voice-player .voice-wave i{display:block!important;flex:1 1 0!important;min-width:2px!important;max-width:3px!important;min-height:3px!important;border-radius:2px!important;background:#9aa7ae!important;opacity:1!important}
html body #app#app#app#app#app#app#app #messages#messages#messages .voice-player .voice-wave i.played{background:var(--md-00866c,#00866c)!important}
html body #app#app#app#app#app#app#app #messages#messages#messages .voice-player .voice-wave::before{display:none!important}
html body #app#app#app#app#app#app#app #messages#messages#messages .voice-player .voice-wave::after{width:11px!important;height:11px!important}
@media(max-width:760px),(hover:none) and (pointer:coarse) and (max-width:1400px){
  
}
 
@media(max-width:760px),(hover:none) and (pointer:coarse) and (max-width:1400px){
  
  
  
  
}

 
.sn-mini-chicons button[aria-pressed="true"]{outline:2px solid #1565c0;outline-offset:1px}
.sn-mini-ann details{border:0!important;padding:0!important;margin:0!important}
.sn-mini-ann .admin-nl-icons button[aria-pressed="true"]{outline:2px solid #1565c0}
 
 

 
@media(max-width:760px),(hover:none) and (pointer:coarse) and (max-width:1400px){
  
  
  
}

 

 
dialog.nick-claim-dialog form p{padding:0 16px}

 

 
 

 
 
html.modern-demo[data-applet-choice="modern"]{--mp-wall:url('/images/modern-demo/pattern.webp');--mp-paper:#eeeae1}
html.modern-demo[data-applet-choice="modern"]:is([data-chat-background="modern-blue"],[data-chat-background="msn"]){--mp-wall:url('/images/modern-demo/pattern-blue.webp');--mp-paper:#edf5fc}
html.modern-demo[data-applet-choice="modern"][data-chat-background="pink"]{--mp-wall:url('/images/modern-demo/pattern-pink.webp');--mp-paper:#fbeef4}
html.modern-demo[data-applet-choice="modern"][data-chat-background="purple"]{--mp-wall:url('/images/modern-demo/pattern-purple.webp');--mp-paper:#f5eefb}
html.modern-demo[data-applet-choice="modern"][data-chat-background="black"]{--mp-wall:url('/images/modern-demo/pattern-black.webp');--mp-paper:#eceeef}

 
 

 
 

 

 
 
 
html body #app#app#app#app#app#app #messages .message.nick-img-message>.message-avatar img.nick-icon-img{padding:0!important;border-radius:0!important;background:transparent!important}
html body #app#app#app#app#app#app .roster-profile-avatar.nick-icon-imgonly img{background:transparent!important;border-radius:0!important;padding:0!important}
 

 

 
.wait-dots i:nth-child(2){animation-delay:.15s}.wait-dots i:nth-child(3){animation-delay:.3s}.wait-dots i:nth-child(4){animation-delay:.45s}
@keyframes wait-dots{0%,60%,100%{opacity:.35;transform:translateY(0)}30%{opacity:1;transform:translateY(-2px)}}
 

 
 

 
 

 
 
 

 
 
html body dialog#socialDialog#socialDialog#socialDialog#socialDialog.dlg-form::backdrop,html body dialog.nick-auth-dialog.nick-auth-dialog.nick-identify-dialog::backdrop{background:rgba(15,25,30,.46)!important;-webkit-backdrop-filter:blur(2px)!important;backdrop-filter:blur(2px)!important}
 
html body dialog#socialDialog#socialDialog#socialDialog#socialDialog.dlg-form>header{position:static!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:12px!important;min-height:0!important;height:auto!important;margin:0!important;padding:18px 18px 14px 20px!important;border:0!important;border-radius:0!important;background:linear-gradient(180deg,color-mix(in srgb,var(--form-accent) 9%,#fff),#fff)!important;box-shadow:none!important}
html body dialog#socialDialog#socialDialog#socialDialog#socialDialog.dlg-form>header::before,html body dialog.nick-auth-dialog.nick-auth-dialog.nick-identify-dialog form>h3::before{content:""!important;display:block!important;flex:0 0 42px!important;width:42px!important;height:42px!important;border-radius:14px!important;background-color:color-mix(in srgb,var(--form-accent) 13%,#fff)!important;background-image:var(--dlg-icon)!important;background-repeat:no-repeat!important;background-position:center!important;background-size:22px 22px!important;position:static!important;-webkit-mask:none!important;mask:none!important}
html body dialog#socialDialog#socialDialog#socialDialog#socialDialog.dlg-form>header :is(h2,h3,b,strong){flex:1 1 auto!important;min-width:0!important;margin:0!important;padding:0!important;color:var(--form-text)!important;font:700 18px/1.25 system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif!important;letter-spacing:-.2px!important;text-align:left!important;text-shadow:none!important;background:none!important}
html body dialog#socialDialog#socialDialog#socialDialog#socialDialog#socialDialog#socialDialog#socialDialog.dlg-form.dlg-form>header button{-webkit-text-fill-color:currentColor!important;opacity:1!important;display:grid!important;place-items:center!important;flex:0 0 34px!important;width:34px!important;height:34px!important;min-width:34px!important;min-height:34px!important;margin:0!important;padding:0!important;border:0!important;border-radius:50%!important;background:#f1f4f6!important;background-image:none!important;color:#5b6770!important;box-shadow:none!important;font-size:0!important;line-height:1!important;position:static!important;cursor:pointer!important;outline:0!important}
html body dialog#socialDialog#socialDialog#socialDialog#socialDialog#socialDialog#socialDialog#socialDialog.dlg-form.dlg-form>header button>*{display:none!important}
html body dialog#socialDialog#socialDialog#socialDialog#socialDialog#socialDialog#socialDialog#socialDialog.dlg-form.dlg-form>header button::before{content:none!important;display:none!important}
html body dialog#socialDialog#socialDialog#socialDialog#socialDialog#socialDialog#socialDialog#socialDialog.dlg-form.dlg-form>header button::after{-webkit-text-fill-color:currentColor!important;content:'✕'!important;display:block!important;position:static!important;color:inherit!important;font:600 14px/1 Arial,sans-serif!important;background:none!important;width:auto!important;height:auto!important;transform:none!important;-webkit-mask:none!important;mask:none!important}
html body dialog#socialDialog#socialDialog#socialDialog#socialDialog#socialDialog#socialDialog#socialDialog.dlg-form.dlg-form>header button:hover{background:#e6ebee!important;color:var(--form-text)!important}
 
html body dialog#socialDialog[data-dlg-kind="register"]{--dlg-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232b3b44' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='8' r='3.6'/%3E%3Cpath d='M2.5 20a6.5 6.5 0 0 1 13 0M19 8v6M16 11h6'/%3E%3C/svg%3E")}
html body dialog#socialDialog[data-dlg-kind="oper"]{--dlg-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232b3b44' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 18h16M5 18 3.5 8l5 4L12 5l3.5 7 5-4L19 18'/%3E%3C/svg%3E")}
html body dialog#socialDialog[data-dlg-kind="nick"]{--dlg-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232b3b44' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 20h4L19 9l-4-4L4 16zM13.5 6.5l4 4'/%3E%3C/svg%3E")}
html body dialog#socialDialog[data-dlg-kind="join"]{--dlg-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232b3b44' stroke-width='1.9' stroke-linecap='round'%3E%3Cpath d='M9 4 7 20M17 4l-2 16M4 9h16M3 15h16'/%3E%3C/svg%3E")}
html body dialog#socialDialog[data-dlg-kind="contact"]{--dlg-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232b3b44' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2.5'/%3E%3Cpath d='m4 7 8 6 8-6'/%3E%3C/svg%3E")}
html body dialog.nick-identify-dialog{--dlg-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232b3b44' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='8' cy='14' r='4'/%3E%3Cpath d='m11 11 9-9M17 5l2 2M15 7l2 2'/%3E%3C/svg%3E")}
 
html body dialog#socialDialog#socialDialog#socialDialog#socialDialog.dlg-form form{display:flex!important;flex-direction:column!important;gap:12px!important;margin:0!important;padding:0!important;border:0!important;background:none!important;box-shadow:none!important}
html body dialog#socialDialog#socialDialog#socialDialog#socialDialog.dlg-form form label:not(.contact-attach-btn){display:flex!important;flex-direction:column!important;gap:7px!important;margin:0!important;color:#4a5961!important;font:600 12.5px/1.3 system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif!important;letter-spacing:.1px!important}
html body dialog#socialDialog#socialDialog#socialDialog#socialDialog.dlg-form form input[readonly]{background:#f1f4f6!important;color:#6b7880!important;border-style:dashed!important}
html body dialog#socialDialog#socialDialog#socialDialog#socialDialog.dlg-form form :is(input,textarea)::placeholder{color:#9aa6ad!important}
 
html body dialog#socialDialog#socialDialog#socialDialog#socialDialog.dlg-form form button[type=submit]:hover,html body dialog.nick-auth-dialog.nick-auth-dialog.nick-identify-dialog form button[type=submit]:hover{filter:brightness(1.06)!important}
html body dialog#socialDialog#socialDialog#socialDialog#socialDialog.dlg-form form button[type=submit]:active,html body dialog.nick-auth-dialog.nick-auth-dialog.nick-identify-dialog form button[type=submit]:active{transform:translateY(1px)!important}
 
html body dialog#socialDialog#socialDialog#socialDialog#socialDialog.dlg-form form :is(p,small){margin:0!important}
html body dialog#socialDialog#socialDialog#socialDialog#socialDialog.dlg-form #ircAccountForm>p:first-child{font:700 14.5px/1.4 system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif!important;color:var(--form-text)!important}
html body dialog#socialDialog#socialDialog#socialDialog#socialDialog.dlg-form #ircAccountForm small{display:block!important;padding:10px 12px!important;border-radius:12px!important;background:color-mix(in srgb,var(--form-accent) 6%,#f6f8f9)!important;color:#5b6770!important;font-size:12px!important;line-height:1.5!important}
 
html body dialog#socialDialog#socialDialog#socialDialog#socialDialog.dlg-form .channel-join-form input{padding-left:42px!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239aa6ad' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M9 4 7 20M17 4l-2 16M4 9h16M3 15h16'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:14px center!important;background-size:18px 18px!important}
 
html body dialog#socialDialog#socialDialog#socialDialog#socialDialog.dlg-form .contact-attach-preview img{display:block!important;max-width:100%!important;max-height:140px!important;border-radius:12px!important;border:1px solid #e1e7eb!important}
 
html body dialog.nick-auth-dialog.nick-auth-dialog.nick-identify-dialog form>h3{display:flex!important;align-items:center!important;gap:12px!important;margin:0 0 2px!important;padding:0!important;color:var(--form-text)!important;font:700 18px/1.25 system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif!important;letter-spacing:-.2px!important;text-align:left!important}
html body dialog.nick-auth-dialog.nick-auth-dialog.nick-identify-dialog form label{display:flex!important;flex-direction:column!important;gap:7px!important;margin:0!important;color:#4a5961!important;font:600 12.5px/1.3 system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif!important}

 
html body dialog#reactionPeople#reactionPeople.rp-v2{box-sizing:border-box;width:min(360px,calc(100vw - 28px));max-width:min(360px,calc(100vw - 28px));max-height:min(520px,calc(100dvh - 60px));margin:auto;padding:0;overflow:hidden;display:none;flex-direction:column;border:1px solid color-mix(in srgb,var(--form-accent) 14%,#e6ebee);border-radius:20px;background:#fff;color:#1f2d33;box-shadow:0 26px 64px rgba(15,30,40,.28),0 4px 14px rgba(15,30,40,.10);font:14px/1.4 system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif}
html body dialog#reactionPeople#reactionPeople.rp-v2[open]{display:flex}
html body dialog#reactionPeople#reactionPeople.rp-v2::backdrop{background:rgba(15,25,30,.40)}
html body dialog#reactionPeople#reactionPeople.rp-v2>header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:16px 14px 6px 18px;background:none;border:0}
html body dialog#reactionPeople#reactionPeople.rp-v2>header b{font:700 17px/1.2 system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;color:#1f2d33}
html body dialog#reactionPeople#reactionPeople.rp-v2>header button{display:grid;place-items:center;width:32px;height:32px;padding:0;border:0;border-radius:50%;background:#f1f4f6;color:#5b6770;font:600 18px/1 Arial,sans-serif;cursor:pointer}
html body dialog#reactionPeople#reactionPeople.rp-v2>header button:hover{background:#e6ebee}
html body dialog#reactionPeople .rp-chips::-webkit-scrollbar{display:none}
html body dialog#reactionPeople .rp-chips button span{font-size:17px;line-height:1}
html body dialog#reactionPeople .rp-row>b{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:600 15px/1.3 system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;color:#1f2d33}

 
 
 
 
#emojiPicker .gif-grid::after{content:"";flex:10 1 0}
#emojiPicker .gif-item:hover{filter:brightness(.92)}

 

 
html body #app#app#app#app#app#app#app#app#app#app #messages#messages#messages .message.gif-message .message-body,
html body #app#app#app#app#app#app#app#app#app#app #messages#messages#messages .message.gif-message .message-content,
html body #app#app#app#app#app#app#app#app#app#app #messages#messages#messages .message.gif-message .message-text{background:transparent!important;background-image:none!important;border-color:transparent!important;box-shadow:none!important;outline:0!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
html body #app#app#app#app#app#app#app#app#app#app #messages#messages#messages .message.gif-message .message-body{border:0!important;padding-left:0!important;padding-right:0!important}
html body #app#app#app#app#app#app#app#app#app#app #messages#messages#messages .message.gif-message .message-body::before,
html body #app#app#app#app#app#app#app#app#app#app #messages#messages#messages .message.gif-message .message-body::after{display:none!important;content:none!important}
html body #app#app#app#app#app#app#app#app#app#app #messages#messages#messages .message.gif-message .chat-gif{background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important}
 
html body #app#app#app#app#app#app#app#app#app#app #messages#messages#messages .message.gif-message .classic-end-time{display:inline-flex!important;align-items:center!important;gap:3px!important;width:fit-content!important;margin:3px 0 0 auto!important;padding:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;position:static!important;float:none!important}

 

 
 
 
 
html body dialog.status-update-dialog.status-compose::backdrop{background:rgba(0,0,0,.72)}
html body dialog.status-compose .status-compose-range>span{flex:0 0 68px}
html body dialog.status-compose>.status-compose-stage>video,html body dialog.status-compose>.status-compose-stage>canvas{display:block;max-width:100%!important;max-height:100%!important;width:auto!important;height:auto!important;object-fit:contain;border-radius:10px!important;background:#000}
html body dialog.status-compose .status-compose-caption::placeholder{color:rgba(255,255,255,.6)}
html body dialog.status-compose .status-compose-send:disabled{opacity:.45!important}
 
html body dialog.status-update-dialog.status-story::backdrop{background:rgba(0,0,0,.72)}
html body dialog.status-update-dialog.status-story>header>.status-story-back svg{width:24px;height:24px}
html body dialog.status-update-dialog.status-story>header .status-story-presence:not(:empty)+.status-story-when:not(:empty)::before{content:'· '}
html body dialog.status-update-dialog.status-story>header>.status-viewers+.status-story-more,html body dialog.status-update-dialog.status-story>header>.status-viewers:not([hidden])~.status-story-more{margin-left:0}
html body dialog.status-update-dialog.status-story>header>.status-viewers:not([hidden]){margin-left:auto}
html body dialog.status-update-dialog.status-story>header>.status-viewers:not([hidden])~.status-viewers{margin-left:0}
html body dialog.status-update-dialog.status-story>footer{flex:0 0 auto;padding:4px 10px 8px!important}
@media (max-width:760px),(hover:none) and (pointer:coarse) and (max-width:1400px){
  
}

 

 

 
html body .status-eye svg{width:21px;height:21px}

 
html body .status-eye>b{font:700 12.5px/1 Arial,sans-serif;color:inherit}

 

 


html body #userCard#userCard#userCard:not(.inline-member-card) .user-card-avatar[data-profile-photo]{cursor:zoom-in!important}
html body #userCard#userCard#userCard:not(.inline-member-card) .user-card-avatar[data-profile-photo]:focus-visible{outline:2px solid currentColor!important;outline-offset:3px!important}
 

 
html body #app#app#app#app#app .composer>.reply-preview:not([hidden])>div{display:flex!important;flex-direction:column!important;gap:1px!important;flex:1 1 0!important;min-width:0!important;overflow:hidden!important;text-align:left!important}
html body #app#app#app#app#app .composer>.reply-preview:not([hidden])>button:hover{background:rgba(0,0,0,.07)!important}
 

 
 
 
 
 
 
 
 
 
 
 
 
 

 

 
#effectButton.is-waiting>.fx-orb{filter:grayscale(.75) brightness(.8)}

 
html body dialog#socialDialog#socialDialog#socialDialog.dlg-account #ircAccountForm .account-remember{display:grid;grid-template-columns:auto 1fr;align-items:center;column-gap:10px;row-gap:4px;margin:12px 0 4px;text-align:left}
html body dialog#socialDialog#socialDialog#socialDialog.dlg-account #ircAccountForm .account-remember>input[type=checkbox]{width:20px!important;height:20px!important;min-width:20px!important;min-height:0!important;margin:0!important;padding:0!important;border-radius:5px!important;accent-color:#00a884;box-shadow:none!important;appearance:auto!important;-webkit-appearance:checkbox!important}
html body dialog#socialDialog#socialDialog#socialDialog.dlg-account #ircAccountForm .account-remember>label{display:block!important;margin:0!important;font-weight:700!important;cursor:pointer}
html body dialog#socialDialog#socialDialog#socialDialog.dlg-account #ircAccountForm .account-remember>small{grid-column:1/-1;display:block;font-size:12px;line-height:1.35;opacity:.75}
html body dialog#socialDialog#socialDialog#socialDialog.dlg-account #ircAccountForm .account-note{margin:0 0 10px;padding:9px 11px;border-radius:10px;background:rgba(229,57,53,.1);color:#c62828;font-size:13px;font-weight:600;line-height:1.35}

 
html body dialog#socialDialog#socialDialog#socialDialog.dlg-account #ircAccountForm .account-note.is-ok{background:rgba(0,168,132,.12);color:#00795f}
html body dialog#socialDialog#socialDialog#socialDialog.dlg-account #ircAccountForm button.account-drop{margin-top:8px!important;width:100%!important;min-height:40px!important;border:1px solid rgba(229,57,53,.45)!important;border-radius:12px!important;background:transparent!important;color:#c62828!important;font:700 14px/1 Arial,Helvetica,sans-serif!important;cursor:pointer;box-shadow:none!important}

 
.admin-service-texts>legend{padding:0 6px;font-weight:700}

 


@media(max-width:760px),(hover:none) and (pointer:coarse) and (max-width:1400px){
 
 
 
 
 
 
 
}

 
 


@media(max-width:760px),(hover:none) and (pointer:coarse) and (max-width:1400px){
 
 
 
 
}

 
 
 
dialog.avatar-zoom .avatar-zoom-close:focus{outline:0}
dialog.avatar-zoom .avatar-zoom-close:focus-visible{outline:2px solid #fff;outline-offset:-4px}

 
html body .fx-stage .fx-caption-badge .fx-cap-line span{white-space:pre}

 
 
 

 
 
 
html body #userCard .fx-card>i>svg.fx-card-play{display:block}
 
 

 
html body .fx-stage .fx-caption-owner:not(.fx-caption-sender) .fx-cap-nick:not(.nick-styled){color:#f4c542}
 
 
 

 
 
 
html body .fx-stage .fx-caption-owner .fx-cap-line span,html body .fx-stage .fx-caption-badge .fx-cap-line span{opacity:1!important}
 
 

 
 
 

 
#messages .connect-card::before{content:"";position:absolute;inset:0 0 auto 0;height:4px;background:linear-gradient(90deg,transparent,var(--cc-accent),transparent);opacity:.85}
#messages .connect-card .cc-mark i:nth-child(2){animation-delay:.15s}#messages .connect-card .cc-mark i:nth-child(3){animation-delay:.3s}
#messages .connect-card[data-state="connected"] .cc-mark{animation:ccPop .3s ease-out}
@keyframes ccDot{0%,80%,100%{transform:scale(.6);opacity:.45}40%{transform:scale(1);opacity:1}}
@keyframes ccIn{from{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}
@keyframes ccPop{0%{transform:scale(.85)}70%{transform:scale(1.08)}100%{transform:scale(1)}}
 



html body .fx-stage .fx-side>span>i{display:block;min-width:.62em;height:1.04em;margin:0;padding:0;font:inherit;font-style:normal;text-align:center;white-space:pre}
html body .fx-stage .fx-side[data-style="neon"]{--glow:#ff2bd6;--glow2:#8a2bff;--fill:linear-gradient(180deg,#fff 0%,#ffe9fb 100%);--stroke:rgba(255,120,240,.9)}
html body .fx-stage .fx-side[data-style="neon"]>.fx-g{animation:fx-side-flicker 3.4s linear .9s infinite}
html body .fx-stage .fx-side[data-style="neon"]>.fx-g>i{text-shadow:0 0 .06em #fff,0 0 .16em var(--glow),0 0 .4em var(--glow),0 0 .85em var(--glow2),0 0 1.3em var(--glow2)}
html body .fx-stage .fx-side[data-style="fire"]{--glow:#ff4a00;--glow2:rgba(255,0,0,.6);--fill:linear-gradient(180deg,#fffbd1 0%,#ffd23f 30%,#ff7a1a 62%,#e3210c 100%);--stroke:rgba(90,10,0,.7)}
html body .fx-stage .fx-side[data-style="ice"]{--glow:#4fd2ff;--glow2:rgba(0,110,255,.6);--fill:linear-gradient(180deg,#fff 0%,#dcf7ff 34%,#86dbff 64%,#2f8cff 100%);--stroke:rgba(0,40,95,.6)}
html body .fx-stage .fx-side[data-style="rainbow"]>span>i{--h:calc(360deg * var(--i,0) / var(--n,1))}
html body .fx-stage .fx-side[data-style="rainbow"]>.fx-g>i{color:hsl(var(--h),100%,55%);text-shadow:0 2px 3px rgba(0,0,0,.85),0 0 .12em hsl(var(--h),100%,60%),0 0 .32em hsl(var(--h),100%,55%),0 0 .7em hsl(var(--h),100%,45%)}
html body .fx-stage .fx-side[data-style="rainbow"]>.fx-t>i{background:linear-gradient(180deg,hsl(var(--h),100%,92%) 0%,hsl(var(--h),100%,66%) 55%,hsl(var(--h),95%,48%) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-stroke:.7px rgba(0,0,0,.45)}
@keyframes fx-side-in{from{opacity:0;transform:translate3d(0,-28px,0) scale(.9)}to{opacity:1;transform:none}}
@keyframes fx-side-glow{from{opacity:.4}to{opacity:1}}
@keyframes fx-side-flicker{0%,100%{opacity:1}6%{opacity:.35}8%{opacity:1}40%{opacity:.85}42%{opacity:.3}44%{opacity:1}70%{opacity:.95}}
 
 

 
 
html body .md-nav-remember[aria-checked="true"] .md-check-box{fill:currentColor;fill-opacity:.16}
 
 
 
html body .fx-stage .fx-side[data-font="plain"]>span>i{transform:none!important}
 

 
#messages .connect-card.is-compact::before{display:none}
 
@keyframes ccShrink{from{opacity:.55;transform:translate3d(0,26vh,0) scale(1.5)}to{opacity:1;transform:none}}
 
 
 





 
 
 
 

 


 
 
 
 
 
 
 
 
 
 
 

 
 
 

 

 

 
 
 
html body #app#app#app#app#app#app#app#app#app#app #messages .message .quoted-message{background:#f0f2f5!important;background-image:none!important;color:#7a858c!important}
html body #app#app#app#app#app#app#app#app#app#app .composer>.reply-preview:not([hidden])>div>b,html body #app#app#app#app#app#app#app#app#app#app #messages .message .quoted-message b{color:#5f6b73!important}
html body #app#app#app#app#app#app#app#app#app#app .composer>.reply-preview:not([hidden])>div>span,html body #app#app#app#app#app#app#app#app#app#app #messages .message .quoted-message :is(span,p,div:not(.quoted-media)){color:#7a858c!important}
 


html body #app#app#app#app#app#app#app#app#app#app#app .composer>.reply-preview:not([hidden])>div{display:flex!important;flex-direction:column!important;justify-content:center!important;gap:2px!important;box-sizing:border-box!important;width:100%!important;min-width:0!important;min-height:52px!important;margin:0!important;padding:7px 34px 7px 10px!important;border:0!important;border-left:4px solid var(--md-00866c,#00866c)!important;border-radius:8px!important;background:#f0f2f5!important;overflow:hidden!important;text-align:left!important}
html body #app#app#app#app#app#app#app#app#app#app#app .composer>.reply-preview:not([hidden])>div>b{display:block!important;color:var(--md-00866c,#00866c)!important;font:700 13.5px/1.3 Arial,Helvetica,sans-serif!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
html body #app#app#app#app#app#app#app#app#app#app#app .composer>.reply-preview:not([hidden])>div>span{display:block!important;color:#667781!important;font:400 13.5px/1.35 Arial,Helvetica,sans-serif!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
html body #app#app#app#app#app#app#app#app#app#app#app .composer>.reply-preview:not([hidden])>button{position:absolute!important;top:9px!important;right:11px!important;left:auto!important;width:22px!important;height:22px!important;min-width:0!important;min-height:0!important;margin:0!important;padding:0!important;border:0!important;border-radius:50%!important;background:transparent!important;background-image:none!important;color:#54656f!important;font:400 20px/22px Arial,Helvetica,sans-serif!important;box-shadow:none!important;cursor:pointer!important}
html body #app#app#app#app#app#app#app#app#app#app#app .composer>.reply-preview:not([hidden])>button:hover{background:rgba(0,0,0,.08)!important}
 
html.has-quote-draft body #app#app#app#app#app#app#app#app#app#app#app #nickTabButton{display:none!important}
 

 
 
 
 

 
 
 
 

 
 
 
 
 
.lastseen-vis>span{opacity:.8}
 
 
 
 
.admin-multi-select>summary::-webkit-details-marker{display:none}
.admin-multi-select>summary::after{content:"▾";position:absolute;right:10px;top:50%;transform:translateY(-50%);opacity:.6}

 

@keyframes roomWavePulse{0%,100%{opacity:.25}50%{opacity:1}}
:is(.room-restore.room-wave,[data-md-media="voiceButton"].room-live,.channel-room-right.room-live,.channel-room-icon.room-live,.md-chip-room.room-live,#voiceButton.room-mic.room-live) .rw{animation:roomWavePulse 1.3s ease-in-out infinite}
@media (prefers-reduced-motion:reduce){:is(.room-restore,[data-md-media="voiceButton"],.channel-room-right,.channel-room-icon,.md-chip-room) .rw{animation:none}}
 
html body .voice-room-panel.vr-demo .vrx-person-row:not(.vrx-publisher-tile) .room-avatar.room-avatar{padding:0!important;border:0!important;border-radius:50%!important;overflow:hidden!important;display:grid!important;place-items:center!important;box-shadow:none!important}
html body .voice-room-panel.vr-demo .vrx-person-row:not(.vrx-publisher-tile) .room-avatar.room-avatar :is(.social-avatar,img){width:100%!important;height:100%!important;margin:0!important;border:0!important;border-radius:50%!important;object-fit:cover!important}
 

 
html body dialog.photo-crop::backdrop{background:rgba(0,0,0,.6)}
 
 
 

html body #socialDialog .social-profile-hero .social-photo-upload .social-photo-pick::before{content:"📷";margin-right:6px}
html body #socialDialog .social-profile-hero .social-photo-upload .social-photo-pick input[type=file]{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
 
 


@media (hover:none) and (pointer:coarse){
 html body *,html body *::before,html body *::after,html body ::backdrop{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
}

 





 



.wg-win{--wg-a:#3f6fe0;--wg-soft:#f3f6ff;--wg-line:#c8d4f4;--wg-tint:#e7edfc;--wg-ink:#26315c;--wg-a2:#6b54d6}
@supports (color:color-mix(in srgb,red 50%,blue)){
 .wg-win{--wg-soft:color-mix(in srgb,var(--wg-a) 7%,#fff);--wg-line:color-mix(in srgb,var(--wg-a) 24%,#fff);--wg-tint:color-mix(in srgb,var(--wg-a) 14%,#fff);--wg-ink:color-mix(in srgb,var(--wg-a) 30%,#1b2033);--wg-a2:color-mix(in srgb,var(--wg-a) 62%,#7a3fd0)}}
 
html body #app#app#app#app#app#app#app#app .chat-panel>.wg-win{grid-column:1/-1!important;grid-row:1/-2!important}
html body #app#app#app#app#app#app#app#app .chat-panel>.wg-card{grid-column:1/2!important;grid-row:1/-2!important}
 
.wg-card,.wg-pill{--wg-a:#2a5fe0;--wg-dk:#0e2b86;--wg-lt:#7fb6ff;--wg-glow:rgba(70,150,255,.55);--wg-q:#4b2bb8}
@supports (color:color-mix(in srgb,red 50%,blue)){.wg-card,.wg-pill{--wg-dk:color-mix(in srgb,var(--wg-a) 55%,#000);--wg-lt:color-mix(in srgb,var(--wg-a) 45%,#fff);--wg-glow:color-mix(in srgb,var(--wg-a) 55%,transparent);--wg-q:color-mix(in srgb,var(--wg-a) 45%,#2a0a6a)}}
 
 
.wg-pill svg circle{fill:#fff;stroke:none}
 
 .wg-abc text{font:900 11.5px/1 system-ui,sans-serif}
 
.wg-strip>.wg-p{scroll-snap-align:start}
 
 
 
.wg-feed:before{content:"";margin-top:auto}
 

html.wg-on.wg-flow body #app#app#app#app#app#app#app#app .chat-panel>#messages{display:none!important}
 
 
 
 
 
@keyframes wg-tp-in{0%{opacity:0;transform:scale(.5)}12%{opacity:1;transform:scale(1.08)}20%{transform:scale(1)}85%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(.9)}}
@keyframes wg-tp-glow{from{opacity:.55;transform:scale(.9)}to{opacity:1;transform:scale(1.1)}}
@keyframes wg-tp-cup{from{transform:rotate(-8deg) scale(1)}to{transform:rotate(8deg) scale(1.08)}}
 
 

 
 
.wg-q-card.is-filling .wg-time,.wg-q-card.is-filling .wg-hbtn,.wg-q-card.is-filling .wg-peek{visibility:hidden}
@keyframes wg-fill{from{opacity:0;transform:scale(.4)}to{opacity:1;transform:scale(1)}}
 
 
.wg-q>.wg-fb.is-note>span:last-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 

 

 
 
.wg-q-card .wg-mask>i{translate:31px 0}
.wg-q-card .wg-mask>i:first-child:nth-last-child(8),.wg-q-card .wg-mask>i:first-child:nth-last-child(8)~i{translate:20px 0}
.wg-q-card .wg-mask>i:first-child:nth-last-child(n+9),.wg-q-card .wg-mask>i:first-child:nth-last-child(n+9)~i{translate:none}
 
 

 
html:is(.wg-on,.ks-on,.cf-on,.sa-on) body #app#app#app#app .composer-row.md-has-text:not(.md-no-voice):not(.md-recording) #voiceButton:not([hidden]){display:grid!important;place-items:center!important}
 
html:is(.wg-on,.ks-on,.cf-on,.sa-on) body #app#app#app#app #voiceButton::after{content:""!important;display:block!important;position:static!important;width:20px!important;height:20px!important;margin:auto!important;background:currentColor!important;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M21.4 3.6 18.2 20c-.2 1-1 1.2-1.8.7l-4.9-3.6-2.4 2.3c-.3.3-.5.5-1 .5l.4-5L17.6 6c.4-.4-.1-.6-.6-.3L5.7 12.8.9 11.3c-1-.3-1-1 .2-1.4L20 2.6c.9-.3 1.6.2 1.4 1Z'/%3E%3C/svg%3E") center/contain no-repeat!important;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M21.4 3.6 18.2 20c-.2 1-1 1.2-1.8.7l-4.9-3.6-2.4 2.3c-.3.3-.5.5-1 .5l.4-5L17.6 6c.4-.4-.1-.6-.6-.3L5.7 12.8.9 11.3c-1-.3-1-1 .2-1.4L20 2.6c.9-.3 1.6.2 1.4 1Z'/%3E%3C/svg%3E") center/contain no-repeat!important;transform:none!important}
 
 
 

 

.ks-win,.ks-card,.ks-invite,.ks-pill{--ks-a:#2f6fe8;--ks-a2:#4b8af5;--ks-dk:#1d4fb8;--ks-line:#cfe0fb;--ks-line2:#9ec2fb;--ks-tint:#e2edff;--ks-sky:#dcebff;--ks-soft:#eef5ff;--ks-soft2:#f7fbff;--ks-ink:#1d2b55;--ks-me:#1f9d55;--ks-op:#e0384f}
@supports (color:color-mix(in srgb,red 50%,blue)){
 .ks-win,.ks-card,.ks-invite,.ks-pill{--ks-a2:color-mix(in srgb,var(--ks-a) 78%,#fff);--ks-dk:color-mix(in srgb,var(--ks-a) 72%,#000);--ks-line:color-mix(in srgb,var(--ks-a) 22%,#fff);--ks-line2:color-mix(in srgb,var(--ks-a) 42%,#fff);--ks-tint:color-mix(in srgb,var(--ks-a) 13%,#fff);--ks-sky:color-mix(in srgb,var(--ks-a) 17%,#fff);--ks-soft:color-mix(in srgb,var(--ks-a) 8%,#fff);--ks-soft2:color-mix(in srgb,var(--ks-a) 3%,#fff);--ks-ink:color-mix(in srgb,var(--ks-a) 30%,#141a33)}}
html body #app#app#app#app#app#app#app#app .chat-panel>.ks-win{grid-column:1/-1!important;grid-row:1/-2!important}
html.ks-on.ks-flow body #app#app#app#app#app#app#app#app .chat-panel>#messages{display:none!important}
 
 
 
 
 
 
 
 
 
@media (prefers-reduced-motion:no-preference){@keyframes ks-spin{to{transform:rotate(360deg)}}}
 
.ks-table th,.ks-table td{padding:5px 6px;text-align:left;border-bottom:1px solid var(--ks-tint)}
.ks-table th{font-size:12px;opacity:.75}
 
 
 
 
 
 
 
 
 
html body .ks-win .ks-lcard .ks-btn.ks-sm:disabled{opacity:.5}
 
 
 
html.ks-full.chat-keyboard-open .ks-win .ks-head .ks-logo b{font-size:19px}
 
.ks-hl li.ks-me{outline:1.5px solid var(--ks-line2)}
 
 
 
 
 
 
 

.cf-win,.cf-card,.cf-invite,.cf-pill{--cf-a:#2f6fe8;--cf-a2:#4b8af5;--cf-dk:#1d4fb8;--cf-line:#cfe0fb;--cf-line2:#9ec2fb;--cf-tint:#e2edff;--cf-sky:#dcebff;--cf-soft:#eef5ff;--cf-soft2:#f7fbff;--cf-ink:#1d2b55;--cf-ok:#22a559;--cf-bad:#e0384f;--cf-gold:#ffc93c}
@supports (color:color-mix(in srgb,red 50%,blue)){
 .cf-win,.cf-card,.cf-invite,.cf-pill{--cf-a2:color-mix(in srgb,var(--cf-a) 78%,#fff);--cf-dk:color-mix(in srgb,var(--cf-a) 72%,#000);--cf-line:color-mix(in srgb,var(--cf-a) 22%,#fff);--cf-line2:color-mix(in srgb,var(--cf-a) 42%,#fff);--cf-tint:color-mix(in srgb,var(--cf-a) 13%,#fff);--cf-sky:color-mix(in srgb,var(--cf-a) 17%,#fff);--cf-soft:color-mix(in srgb,var(--cf-a) 8%,#fff);--cf-soft2:color-mix(in srgb,var(--cf-a) 3%,#fff);--cf-ink:color-mix(in srgb,var(--cf-a) 30%,#141a33)}}
html body #app#app#app#app#app#app#app#app .chat-panel>.cf-win{grid-column:1/-1!important;grid-row:1/-2!important}
html.cf-on.cf-flow body #app#app#app#app#app#app#app#app .chat-panel>#messages{display:none!important}
 
 
 
 
 
 
 
 
@media (prefers-reduced-motion:no-preference){@keyframes cf-hub{to{transform:translate(-50%,-50%) scale(1.12)}}}
 
@keyframes cf-pop-in{0%{opacity:0;transform:scale(.5)}12%{opacity:1;transform:scale(1.08)}20%{transform:scale(1)}85%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(.9)}}
@keyframes cf-pop-glow{from{opacity:.55;transform:scale(.9)}to{opacity:1;transform:scale(1.1)}}
@keyframes cf-pop-cr{from{transform:rotate(-10deg)}to{transform:rotate(10deg) scale(1.1)}}
 
@media (prefers-reduced-motion:no-preference){.cf-tile.is-new{animation:cf-flip .45s ease-out}@keyframes cf-flip{from{transform:rotateX(90deg)}to{transform:none}}}
 
 
@keyframes cf-fb{from{opacity:0;transform:translate(-50%,6px)}}
 
.cf-feed:before{content:"";margin-top:auto}
 
 
 
 
.cf-hl li.cf-me{outline:1.5px solid var(--cf-line2)}
 
 
.cf-table th,.cf-table td{padding:5px 6px;text-align:left;border-bottom:1px solid var(--cf-tint)}
.cf-table th{font-size:12px;opacity:.75}
 
@media (prefers-reduced-motion:no-preference){@keyframes cf-rd{to{transform:rotate(360deg)}}}
 
 
 
 
 
 
 
 
 
@media (prefers-reduced-motion:no-preference){.cf-radar-w .cf-wsvg{animation:cf-rw 2.4s linear infinite}@keyframes cf-rw{to{transform:rotate(360deg)}}}
 
@keyframes cf-match{0%{opacity:0}10%{opacity:1}85%{opacity:1}100%{opacity:0}}
@media (prefers-reduced-motion:no-preference){.cf-match-p.is-me{animation:cf-mL .5s cubic-bezier(.2,.9,.3,1.3)}.cf-match-p.is-op{animation:cf-mR .5s cubic-bezier(.2,.9,.3,1.3)}@keyframes cf-mL{from{transform:translateX(-60px);opacity:0}}@keyframes cf-mR{from{transform:translateX(60px);opacity:0}}}
 
 
 
@media (prefers-reduced-motion:no-preference){.cf-hc-w .cf-wsvg{animation:cf-rw 14s linear infinite}.cf-hcard:hover .cf-hc-w .cf-wsvg{animation-duration:3s}}
 
@media (prefers-reduced-motion:no-preference){.cf-rnd-w .cf-wsvg{animation:cf-rw 16s linear infinite}}
.cf-search.is-found .cf-radar-w .cf-wsvg{animation:none}
@keyframes cf-found{from{transform:translate(-50%,-50%) scale(.3)}}
 
 
 
@media (prefers-reduced-motion:no-preference){.cf-toast.is-in{animation:cf-toast .25s ease}@keyframes cf-toast{from{opacity:0;transform:translate(-50%,6px)}}}
 

@media (prefers-reduced-motion:reduce){
 html body .cf-win .cf-hc-w .cf-wsvg{animation:cf-rw 14s linear infinite!important}
 html body .cf-win .cf-rnd-w .cf-wsvg{animation:cf-rw 16s linear infinite!important}
 html body .cf-win .cf-radar-w .cf-wsvg{animation:cf-rw 2.4s linear infinite!important}
 @keyframes cf-rw{to{transform:rotate(360deg)}}}
 
 
 
 
 

html body #app#app#app#app#app#app#app#app .chat-panel>.sa-win{grid-column:1/-1!important;grid-row:1/-2!important}
html.sa-on.sa-flow body #app#app#app#app#app#app#app#app .chat-panel>#messages{display:none!important}
 
 
 
 
 
 
 
 
 
 
 
@keyframes sa-pop{0%{opacity:0;transform:scale(.6)}10%{opacity:1;transform:scale(1.05)}18%{transform:scale(1)}88%{opacity:1}100%{opacity:0}}
 
 
.sa-hl li.sa-me{outline:1.5px solid var(--sa-line2)}
 
 
.sa-table th,.sa-table td{padding:5px 6px;text-align:left;border-bottom:1px solid var(--sa-tint)}
.sa-table th{font-size:12px;opacity:.75}
 
@media (prefers-reduced-motion:no-preference){@keyframes sa-rd{to{transform:rotate(360deg)}}}
 
@keyframes sa-match{0%{opacity:0}10%{opacity:1}85%{opacity:1}100%{opacity:0}}
 
 
 
 
 
 
 
 
.sa-lv-ex::-webkit-scrollbar{display:none}
 
 
html.sa-on #messageInput::placeholder{font-size:10.5px;line-height:1.2;white-space:pre-wrap}