/* =========================================================
   SUPERLIVE MESSAGE CORE
   LAB V1
========================================================= */

.slmc-list{
  display:flex;
  flex-direction:column;
  gap:2px;
  width:100%;
}

.slmc-message{
  position:relative;
  display:grid;
  grid-template-columns:42px minmax(0,1fr);
  gap:10px;
  padding:9px 12px;
  border-left:3px solid transparent;
  background:transparent;
  transition:background .12s ease,border-color .12s ease;
}

.slmc-message:hover{
  background:rgba(255,255,255,.025);
}

.slmc-highlighted-message{
  border-left-color:rgba(240,178,51,.72);
  background:linear-gradient(
    90deg,
    rgba(240,178,51,.075),
    rgba(240,178,51,.018) 46%,
    transparent 100%
  );
}

.slmc-highlighted-message:hover{
  background:linear-gradient(
    90deg,
    rgba(240,178,51,.105),
    rgba(240,178,51,.028) 46%,
    rgba(255,255,255,.015) 100%
  );
}

.slmc-avatar{
  width:38px;
  height:38px;
  border-radius:50%;
  background-position:center;
  background-size:cover;
  background-repeat:no-repeat;
  box-shadow:0 2px 8px rgba(0,0,0,.25);
}

.slmc-avatar-initials{
  display:flex;
  align-items:center;
  justify-content:center;
  color:white;
  font-size:12px;
  font-weight:750;
}

.slmc-body{
  min-width:0;
}

.slmc-meta{
  min-height:20px;
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:6px;
}

.slmc-name{
  font-size:13px;
  font-weight:750;
}

.slmc-teacher-badge{
  height:17px;
  padding:0 6px;
  display:inline-flex;
  align-items:center;
  border-radius:5px;
  background:rgba(240,178,51,.13);
  border:1px solid rgba(240,178,51,.2);
  color:#f0b233;
  font-size:8px;
  font-weight:800;
  letter-spacing:.035em;
}

.slmc-handle,
.slmc-time,
.slmc-edited{
  color:#737985;
  font-size:10px;
}

.slmc-text{
  margin-top:2px;
  color:#d8dbe0;
  font-size:13px;
  line-height:1.48;
  overflow-wrap:anywhere;
}

.slmc-toolbar{
  position:absolute;
  right:10px;
  top:-15px;
  z-index:20;
  display:flex;
  overflow:hidden;
  opacity:0;
  pointer-events:none;
  border:1px solid rgba(255,255,255,.075);
  border-radius:9px;
  background:#202329;
  box-shadow:0 8px 24px rgba(0,0,0,.38);
  transform:translateY(3px);
  transition:opacity .12s ease,transform .12s ease;
}

.slmc-message:hover .slmc-toolbar{
  opacity:1;
  pointer-events:auto;
  transform:translateY(0);
}

.slmc-toolbar-button{
  width:33px;
  height:30px;
  padding:0;
  border:0;
  border-right:1px solid rgba(255,255,255,.045);
  background:transparent;
  color:#aeb4be;
  font:inherit;
  font-size:15px;
  cursor:pointer;
}

.slmc-toolbar-button:last-child{
  border-right:0;
}

.slmc-toolbar-button:hover{
  background:#2b2f37;
  color:white;
}

.slmc-toolbar-button.danger:hover{
  color:#ff7078;
}

.slmc-heart-button{
  font-size:18px;
}

.slmc-reaction-row{
  min-height:25px;
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:5px;
  margin-top:5px;
}

.slmc-reaction-chip{
  height:25px;
  padding:0 7px;
  display:inline-flex;
  align-items:center;
  gap:5px;
  border:1px solid rgba(255,255,255,.065);
  border-radius:8px;
  background:#202329;
  color:#c9cdd4;
  font-family:inherit;
  font-size:11px;
  cursor:pointer;
}

.slmc-reaction-chip:hover{
  background:#292d34;
  border-color:rgba(255,255,255,.11);
}

.slmc-reaction-chip.mine{
  border-color:rgba(240,178,51,.40);
  background:rgba(240,178,51,.09);
}

.slmc-reply{
  margin:5px 0 3px;
  display:flex;
  gap:7px;
  color:#858c98;
  font-size:10px;
}

.slmc-reply-line{
  width:2px;
  border-radius:2px;
  background:#515762;
}

.slmc-reply-copy{
  min-width:0;
  display:flex;
  gap:5px;
}

.slmc-reply-copy strong{
  color:#aeb4be;
}

.slmc-reply-copy span{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.slmc-image{
  display:block;
  max-width:min(440px,100%);
  max-height:290px;
  margin-top:8px;
  border-radius:9px;
  object-fit:contain;
  background:#101114;
}

.slmc-audio{
  display:block;
  width:min(430px,100%);
  margin-top:8px;
}

.slmc-video{
  display:block;
  width:min(540px,100%);
  max-height:330px;
  margin-top:8px;
  border-radius:10px;
  background:#0d0f12;
}

.slmc-file{
  width:min(430px,100%);
  min-height:46px;
  margin-top:8px;
  padding:8px 11px;
  box-sizing:border-box;
  display:flex;
  align-items:center;
  gap:9px;
  border:1px solid rgba(255,255,255,.055);
  border-radius:9px;
  background:#181b20;
  color:#daddE3;
  text-decoration:none;
}

.slmc-file:hover{
  background:#1e2228;
}

.slmc-file-icon{
  font-size:17px;
}

.slmc-file-name{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:11px;
}

.slmc-reaction-picker{
  position:fixed;
  z-index:999999;
  display:none;
  gap:3px;
  padding:6px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:10px;
  background:#202329;
  box-shadow:0 14px 40px rgba(0,0,0,.5);
}

.slmc-reaction-picker.visible{
  display:flex;
}

.slmc-reaction-picker button{
  width:36px;
  height:34px;
  padding:0;
  border:0;
  border-radius:7px;
  background:transparent;
  font-size:19px;
  cursor:pointer;
}

.slmc-reaction-picker button:hover{
  background:#30343c;
}

@media(max-width:700px){

  .slmc-message{
    grid-template-columns:36px minmax(0,1fr);
    gap:8px;
    padding:8px;
  }

  .slmc-avatar{
    width:34px;
    height:34px;
  }

  .slmc-toolbar{
    right:5px;
  }

}


/* SUPERLIVE_MESSAGE_CORE_TOOLBAR_V21 */

.slmc-toolbar-icon-button{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:0;
}

.slmc-toolbar-img{
  display:block;
  width:17px;
  height:17px;
  object-fit:contain;
  pointer-events:none;
}

.slmc-toolbar-img-hover{
  display:none;
}

.slmc-toolbar-icon-button:hover
.slmc-toolbar-img-normal{
  display:none;
}

.slmc-toolbar-icon-button:hover
.slmc-toolbar-img-hover{
  display:block;
}



/* =========================================================
   SUPERLIVE_MESSAGE_CORE_REACTIONS_V22
========================================================= */


/* ---------------------------------------------------------
   PROFESSOR

   O destaque é propriedade do Message Core,
   não do canal onde a mensagem apareceu.
--------------------------------------------------------- */

.slmc-message.slmc-teacher-message{

  border-left-color:
    rgba(240,178,51,.82);

  background:
    linear-gradient(
      90deg,
      rgba(240,178,51,.085) 0%,
      rgba(240,178,51,.035) 42%,
      rgba(240,178,51,0) 100%
    );

}


.slmc-message.slmc-teacher-message:hover{

  background:
    linear-gradient(
      90deg,
      rgba(240,178,51,.115) 0%,
      rgba(240,178,51,.045) 42%,
      rgba(255,255,255,.012) 100%
    );

}


.slmc-teacher-badge{

  background:
    rgba(240,178,51,.13);

  border-color:
    rgba(240,178,51,.25);

  color:#f0b233;

}


/* ---------------------------------------------------------
   REAÇÕES
--------------------------------------------------------- */

.slmc-reaction-row:empty{

  display:none;

}


.slmc-reaction-row{

  min-height:0;

  margin-top:6px;

}


.slmc-reaction-chip{

  min-width:37px;

  height:25px;

  padding:
    0 8px;

  border:
    1px solid
    rgba(255,255,255,.065);

  border-radius:8px;

  background:#202329;

  transition:
    background .12s ease,
    border-color .12s ease,
    transform .12s ease;

}


.slmc-reaction-chip:hover{

  transform:
    translateY(-1px);

}


.slmc-reaction-chip.mine{

  border-color:
    rgba(240,178,51,.48);

  background:
    rgba(240,178,51,.095);

  color:#f4d791;

}




/* =========================================================
   SUPERLIVE_MESSAGE_CORE_REACTION_TOOLTIP_V23
========================================================= */

.slmc-reaction-tooltip{

  position:fixed;

  z-index:1000000;

  display:block;

  max-width:300px;

  padding:
    7px 9px;

  border:
    1px solid
    rgba(255,255,255,.07);

  border-radius:7px;

  background:#111318;

  box-shadow:
    0 8px 24px
    rgba(0,0,0,.42);

  color:#e4e6eb;

  font-size:10px;

  line-height:1.4;

  white-space:normal;

  opacity:0;

  visibility:hidden;

  pointer-events:none;

  transform:
    translateY(3px);

  transition:
    opacity .12s ease,
    transform .12s ease,
    visibility .12s ease;

}


.slmc-reaction-tooltip.visible{

  opacity:1;

  visibility:visible;

  transform:
    translateY(0);

}


.slmc-reaction-chip{

  position:relative;

}




/* =========================================================
   SUPERLIVE_MESSAGE_CORE_STATES_V24
========================================================= */

.slmc-deleted-message{
  margin-top:3px;
  color:#737985;
  font-size:12px;
  font-style:italic;
}

.slmc-message.slmc-deleted{
  opacity:.72;
}

.slmc-message-editing{
  outline:
    1px solid
    rgba(77,140,255,.20);
  background:
    rgba(77,140,255,.035);
}

.slmc-message-replying{
  outline:
    1px solid
    rgba(240,178,51,.18);
}

.slmc-lab-composer-mode{
  margin:14px 14px 0;
  padding:10px 12px;
  border-radius:9px;
  background:#1a1d22;
  border:1px solid rgba(255,255,255,.05);
  font-size:10px;
  color:#9ca2ad;
}

.slmc-lab-composer-mode strong{
  color:#d7dae0;
}

.slmc-lab-composer-input{
  width:100%;
  margin-top:7px;
  padding:9px 10px;
  border:1px solid rgba(255,255,255,.06);
  border-radius:8px;
  background:#111318;
  color:#e2e4e8;
  font:inherit;
  font-size:12px;
  outline:none;
}

.slmc-lab-composer-actions{
  display:flex;
  gap:6px;
  margin-top:8px;
}

.slmc-lab-button{
  height:28px;
  padding:0 10px;
  border:1px solid rgba(255,255,255,.06);
  border-radius:7px;
  background:#242830;
  color:#d3d6dc;
  font:inherit;
  font-size:10px;
  cursor:pointer;
}

.slmc-lab-button:hover{
  background:#2d323b;
}

.slmc-lab-button.primary{
  background:#315fa8;
  color:white;
}

.slmc-lab-button.danger{
  color:#ff7c84;
}


/* =========================================================
   SUPERLIVE_MESSAGE_CORE_INLINE_EDIT_V25
========================================================= */

.slmc-inline-editor{
  width:100%;
  margin-top:3px;
}

.slmc-inline-edit-input{
  display:block;
  width:100%;
  min-height:56px;
  max-height:190px;
  resize:vertical;

  padding:9px 10px;

  border:1px solid rgba(77,140,255,.34);
  border-radius:8px;

  background:#111419;
  color:#e6e8ec;

  font:inherit;
  font-size:12px;
  line-height:1.45;

  outline:none;
  box-sizing:border-box;
}

.slmc-inline-edit-input:focus{
  border-color:rgba(77,140,255,.62);

  box-shadow:
    0 0 0 2px
    rgba(77,140,255,.07);
}

.slmc-inline-edit-actions{
  display:flex;
  gap:6px;
  margin-top:7px;
}

.slmc-inline-edit-button{
  height:27px;
  padding:0 10px;

  border:1px solid rgba(255,255,255,.07);
  border-radius:7px;

  background:#252931;
  color:#bfc4cc;

  font:inherit;
  font-size:10px;

  cursor:pointer;
}

.slmc-inline-edit-button:hover{
  background:#30353f;
  color:#fff;
}

.slmc-inline-edit-button.primary{
  background:#315fa8;
  border-color:#315fa8;
  color:#fff;
}

.slmc-inline-edit-button.primary:hover{
  background:#3970c8;
}

.slmc-message:has(.slmc-inline-editor){
  background:rgba(77,140,255,.025);
}


/* =========================================================
   SUPERLIVE_MESSAGE_CORE_MEDIA_V26_AUDIO
========================================================= */

.slmc-audio-card-v26{
  width:min(100%,520px);
  margin-top:7px;
  box-sizing:border-box;
}

.slmc-media-title-v26{
  display:flex;
  align-items:center;
  gap:6px;
  margin-bottom:7px;
  min-width:0;
}

.slmc-media-title-v26 > span:first-child{
  color:#f1f2f4;
  font-size:15px;
  line-height:1;
}

.slmc-media-title-v26 strong{
  color:#f1f2f4;
  font-size:14px;
  font-weight:700;
  line-height:1.2;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.slmc-media-title-v26 strong + span{
  color:#9299a6;
  font-size:12px;
  white-space:nowrap;
}

.slmc-audio-controls-v26{
  width:100%;
  min-height:56px;

  display:flex;
  align-items:center;
  gap:9px;

  padding:8px 9px;
  box-sizing:border-box;

  background:#1b1f26;

  border:1px solid rgba(255,255,255,.09);
  border-radius:11px;
}

.slmc-audio-controls-v26 button{
  width:38px;
  height:38px;
  min-width:38px;

  padding:0;
  border:0;
  border-radius:8px;

  background:#272d37;
  color:#f2f3f5;

  cursor:pointer;
}

.slmc-audio-controls-v26 button:hover{
  background:#323946;
}

.slmc-audio-center-v26{
  flex:1 1 auto;
  min-width:0;

  display:flex;
  flex-direction:column;
  gap:8px;
}

.slmc-audio-time-v26{
  display:flex;
  gap:4px;

  color:#dfe2e7;
  font-size:11px;
  font-weight:600;
}

.slmc-audio-time-v26 span:nth-child(2){
  color:#777e8a;
}

.slmc-audio-track-v26{
  position:relative;

  width:100%;
  height:5px;

  background:#343a44;

  border-radius:3px;
  overflow:hidden;

  cursor:pointer;
}

.slmc-audio-fill-v26{
  width:0%;
  height:100%;

  background:#e4aa32;

  border-radius:3px;

  pointer-events:none;
}

.slmc-media-download-v26{
  height:38px;

  padding:0 12px;
  box-sizing:border-box;

  display:flex;
  align-items:center;
  justify-content:center;
  gap:6px;

  border:1px solid rgba(255,255,255,.07);
  border-radius:8px;

  background:#272d37;
  color:#f0f1f3;

  font-size:11px;
  font-weight:650;

  text-decoration:none;
  white-space:nowrap;
}

.slmc-media-download-v26:hover{
  background:#323946;
  color:#fff;
}

.slmc-audio-controls-v26 audio{
  display:none;
}

@media(max-width:600px){

  .slmc-media-download-v26 span{
    display:none;
  }

  .slmc-media-download-v26{
    width:38px;
    min-width:38px;
    padding:0;
  }

}


/* =========================================================
   SUPERLIVE_MESSAGE_CORE_MEDIA_V26_VIDEO
========================================================= */

.slmc-video-card-v26{
  width:min(100%,560px);
  margin-top:7px;
  box-sizing:border-box;
}

.slmc-video-screen-v26{
  overflow:hidden;
  position:relative;

  width:100%;

  background:#11151b;

  border:1px solid rgba(255,255,255,.09);
  border-radius:11px 11px 0 0;

  box-sizing:border-box;
}

.slmc-video-screen-v26 video{
  display:block;

  width:100%;
  max-height:340px;

  object-fit:contain;

  background:#0b0e12;

  cursor:pointer;
}

.slmc-video-error-v26{
  display:none;

  position:absolute;
  inset:0;

  align-items:center;
  justify-content:center;

  padding:30px;

  box-sizing:border-box;

  text-align:center;

  background:#11151b;
  color:#a9afba;

  font-size:12px;
}

.slmc-video-controls-v26{
  width:100%;
  min-height:56px;

  display:flex;
  align-items:center;
  gap:9px;

  padding:8px 9px;

  box-sizing:border-box;

  background:#1b1f26;

  border:1px solid rgba(255,255,255,.09);
  border-top:0;

  border-radius:0 0 11px 11px;
}

.slmc-video-controls-v26 button{
  width:38px;
  height:38px;
  min-width:38px;

  padding:0;

  border:0;
  border-radius:8px;

  background:#272d37;
  color:#f2f3f5;

  cursor:pointer;
}

.slmc-video-controls-v26 button:hover{
  background:#323946;
}

.slmc-video-center-v26{
  flex:1 1 auto;
  min-width:0;

  display:flex;
  flex-direction:column;
  gap:8px;
}

.slmc-video-time-v26{
  display:flex;
  gap:4px;

  color:#dfe2e7;

  font-size:11px;
  font-weight:600;
}

.slmc-video-time-v26 span:nth-child(2){
  color:#777e8a;
}

.slmc-video-track-v26{
  position:relative;

  width:100%;
  height:5px;

  background:#343a44;

  border-radius:3px;
  overflow:hidden;

  cursor:pointer;
}

.slmc-video-fill-v26{
  width:0%;
  height:100%;

  background:#e4aa32;

  border-radius:3px;

  pointer-events:none;
}

@media(max-width:600px){

  .slmc-video-controls-v26{
    gap:6px;
  }

  .slmc-video-controls-v26 button{
    width:34px;
    height:34px;
    min-width:34px;
  }

}


/* =========================================================
   SUPERLIVE_MESSAGE_CORE_MEDIA_V26_FILES
========================================================= */

.slmc-image-wrap-v26{
  width:min(100%,520px);
  margin-top:7px;
}

.slmc-image-wrap-v26 > a{
  display:block;
  width:fit-content;
  max-width:100%;
}

.slmc-image-v26{
  display:block;
  max-width:100%;
  max-height:420px;

  border-radius:10px;

  object-fit:contain;

  background:#11151b;

  border:1px solid rgba(255,255,255,.07);
}

.slmc-retention-v26{
  margin-top:5px;

  color:#7e8591;

  font-size:10px;
  line-height:1.3;
}

.slmc-retention-v26.permanent{
  color:#9aa1ac;
}

.slmc-file-v26{
  width:min(100%,480px);

  margin-top:7px;
  padding:10px 11px;

  box-sizing:border-box;

  display:flex;
  align-items:center;
  gap:10px;

  border:1px solid rgba(255,255,255,.07);
  border-radius:10px;

  background:#1b1f26;

  color:#f1f2f4;
  text-decoration:none;
}

.slmc-file-v26:hover{
  background:#222730;
  border-color:rgba(255,255,255,.11);
}

.slmc-file-icon-v26{
  width:38px;
  height:38px;
  min-width:38px;

  display:flex;
  align-items:center;
  justify-content:center;

  border-radius:8px;

  background:#272d37;

  font-size:17px;
}

.slmc-file-copy-v26{
  flex:1 1 auto;
  min-width:0;

  display:flex;
  flex-direction:column;
  gap:2px;
}

.slmc-file-copy-v26 strong{
  overflow:hidden;

  color:#f1f2f4;

  font-size:12px;
  font-weight:700;

  text-overflow:ellipsis;
  white-space:nowrap;
}

.slmc-file-size-v26{
  color:#9299a6;

  font-size:10px;
}

.slmc-file-copy-v26 .slmc-retention-v26{
  margin-top:1px;
}

.slmc-file-download-v26{
  width:34px;
  height:34px;
  min-width:34px;

  display:flex;
  align-items:center;
  justify-content:center;

  border-radius:7px;

  background:#272d37;

  color:#f1f2f4;

  font-size:15px;
}

.slmc-expired-v26{
  width:min(100%,480px);

  margin-top:7px;
  padding:10px 12px;

  box-sizing:border-box;

  display:flex;
  flex-direction:column;
  gap:3px;

  border:1px dashed rgba(255,255,255,.09);
  border-radius:9px;

  background:#171a20;

  color:#838a95;

  font-size:11px;
}

.slmc-expired-v26 strong{
  color:#b8bdc6;

  font-size:12px;
}


/* =========================================================
   SUPERLIVE_MESSAGE_CORE_RECENT_REACTIONS_V27
========================================================= */

.slmc-toolbar-quick-emoji-v27{
  width:30px;
  height:30px;
  min-width:30px;

  display:flex;
  align-items:center;
  justify-content:center;

  padding:0;

  border:0;
  border-radius:7px;

  background:transparent;
  color:#fff;

  font-size:17px;
  line-height:1;

  cursor:pointer;
}

.slmc-toolbar-quick-emoji-v27:hover{
  background:rgba(255,255,255,.07);
  transform:scale(1.08);
}

.slmc-toolbar-divider-v27{
  width:1px;
  height:20px;

  margin:0 2px;

  background:rgba(255,255,255,.09);
}


/* =========================================================
   SUPERLIVE_MESSAGE_CORE_EMOJI_PICKER_V28
========================================================= */

.slmc-reaction-picker{
  position:fixed;
  z-index:999999;

  display:none;

  width:286px;
  max-width:calc(100vw - 16px);

  padding:10px;

  box-sizing:border-box;

  border:1px solid rgba(255,255,255,.08);
  border-radius:12px;

  background:#202329;

  box-shadow:
    0 16px 45px rgba(0,0,0,.52);
}

.slmc-reaction-picker.visible{
  display:block;
}

.slmc-picker-head-v28{
  display:flex;
  align-items:center;
  justify-content:space-between;

  gap:10px;

  margin-bottom:10px;
}

.slmc-picker-head-v28 strong{
  color:#f1f2f4;

  font-size:12px;
  font-weight:700;
}

.slmc-picker-head-v28 span{
  color:#747b87;

  font-size:9px;
}

.slmc-picker-section-v28{
  margin-top:8px;
}

.slmc-picker-section-v28:first-of-type{
  margin-top:0;
}

.slmc-picker-label-v28{
  margin-bottom:5px;

  color:#777e89;

  font-size:9px;
  font-weight:700;

  text-transform:uppercase;

  letter-spacing:.045em;
}

.slmc-picker-grid-v28{
  display:grid;

  grid-template-columns:
    repeat(7,1fr);

  gap:3px;

  max-height:190px;

  padding-right:2px;

  overflow-y:auto;
}

.slmc-picker-recent-v28{
  max-height:none;

  grid-template-columns:
    repeat(8,1fr);

  padding-bottom:7px;

  border-bottom:
    1px solid rgba(255,255,255,.06);
}

.slmc-picker-emoji-v28{
  width:100%;
  aspect-ratio:1/1;

  min-width:0;
  min-height:32px;

  padding:0;

  display:flex;
  align-items:center;
  justify-content:center;

  border:0;
  border-radius:7px;

  background:transparent;

  font-size:19px;
  line-height:1;

  cursor:pointer;

  transition:
    background .1s ease,
    transform .1s ease;
}

.slmc-picker-emoji-v28:hover{
  background:#30343c;

  transform:scale(1.08);
}

.slmc-picker-grid-v28::-webkit-scrollbar{
  width:5px;
}

.slmc-picker-grid-v28::-webkit-scrollbar-track{
  background:transparent;
}

.slmc-picker-grid-v28::-webkit-scrollbar-thumb{
  background:rgba(255,255,255,.11);

  border-radius:10px;
}

.slmc-picker-grid-v28::-webkit-scrollbar-thumb:hover{
  background:rgba(255,255,255,.18);
}

@media(max-width:600px){

  .slmc-reaction-picker{
    width:270px;
  }

  .slmc-picker-grid-v28{
    grid-template-columns:
      repeat(6,1fr);
  }

  .slmc-picker-recent-v28{
    grid-template-columns:
      repeat(6,1fr);
  }

}


/* =========================================================
   SUPERLIVE_MESSAGE_CORE_STICKER_REACTION_TEST_V29
========================================================= */

.slmc-reaction-sticker-v29{
  display:block;

  width:24px;
  height:24px;

  object-fit:contain;

  border-radius:4px;

  pointer-events:none;
}

.slmc-reaction-emoji-v29{
  display:inline-flex;
  align-items:center;
  justify-content:center;

  font-size:16px;
  line-height:1;
}

.slmc-reaction-chip:has(.slmc-reaction-sticker-v29){
  height:32px;

  padding:2px 7px 2px 4px;
}


/* =========================================================
   SUPERLIVE_MESSAGE_CORE_STICKER_REACTION_SIZE_V291
========================================================= */

.slmc-reaction-chip:has(.slmc-reaction-sticker-v29){
  height:auto;
  min-height:29px;

  padding:3px 7px 3px 5px;

  align-items:center;
}

.slmc-reaction-sticker-v29{
  display:block;

  width:auto;
  height:auto;

  max-width:34px;
  max-height:25px;

  object-fit:contain;

  flex:0 0 auto;

  border-radius:4px;

  pointer-events:none;
}

.slmc-reaction-chip:has(.slmc-reaction-sticker-v29)
> span:last-child{
  display:inline-flex;

  align-items:center;
  justify-content:center;

  min-height:25px;

  line-height:1;
}


/* =========================================================
   SUPERLIVE_MESSAGE_CORE_STICKER_REACTION_SIZE_V291
========================================================= */

.slmc-reaction-chip:has(.slmc-reaction-sticker-v29){
  height:auto;
  min-height:29px;

  padding:3px 7px 3px 5px;

  align-items:center;
}

.slmc-reaction-sticker-v29{
  display:block;

  width:auto;
  height:auto;

  max-width:34px;
  max-height:25px;

  object-fit:contain;

  flex:0 0 auto;

  border-radius:4px;

  pointer-events:none;
}

.slmc-reaction-chip:has(.slmc-reaction-sticker-v29)
> span:last-child{
  display:inline-flex;

  align-items:center;
  justify-content:center;

  min-height:25px;

  line-height:1;
}


/* =========================================================
   SUPERLIVE_MESSAGE_CORE_PICKER_V30
========================================================= */

.slmc-reaction-picker{
  position:fixed;
  z-index:999999;

  display:none;

  width:430px;
  height:520px;

  max-width:calc(100vw - 16px);
  max-height:calc(100vh - 16px);

  padding:0;

  overflow:hidden;

  border:1px solid rgba(255,255,255,.09);
  border-radius:14px;

  background:#1b1d23;

  box-shadow:
    0 20px 60px rgba(0,0,0,.58);
}

.slmc-reaction-picker.visible{
  display:flex;
  flex-direction:column;
}

.slmc-picker-search-wrap-v30{
  flex:0 0 auto;

  display:flex;
  align-items:center;
  gap:10px;

  margin:12px;

  height:42px;

  padding:0 12px;

  box-sizing:border-box;

  border:1px solid rgba(255,255,255,.08);
  border-radius:10px;

  background:#15171c;
}

.slmc-picker-search-icon-v30{
  color:#a1a6b0;
  font-size:22px;
}

.slmc-picker-search-v30{
  flex:1;

  min-width:0;

  border:0;
  outline:0;

  background:transparent;
  color:#f1f2f4;

  font-family:inherit;
  font-size:13px;
}

.slmc-picker-search-v30::placeholder{
  color:#747a85;
}

.slmc-picker-scroll-v30{
  flex:1 1 auto;

  min-height:0;

  overflow-x:hidden;
  overflow-y:auto;

  padding:0 12px 14px;

  box-sizing:border-box;
}

.slmc-picker-section-v30{
  width:100%;

  margin-top:14px;

  overflow:hidden;
}

.slmc-picker-section-v30:first-child{
  margin-top:4px;
}

.slmc-picker-heading-v30{
  position:sticky;
  top:0;
  z-index:2;

  padding:7px 2px;

  background:#1b1d23;

  color:#d9dce2;

  font-size:12px;
  font-weight:700;
}

.slmc-picker-grid-v30{
  display:grid;

  width:100%;

  grid-template-columns:
    repeat(8,minmax(0,1fr));

  gap:5px;

  overflow:visible;
}

.slmc-picker-item-v30{
  width:100%;
  min-width:0;

  aspect-ratio:1/1;

  display:flex;
  align-items:center;
  justify-content:center;

  padding:3px;

  box-sizing:border-box;

  border:0;
  border-radius:8px;

  background:transparent;

  cursor:pointer;
}

.slmc-picker-item-v30:hover{
  background:#30333b;
}

.slmc-picker-item-v30.emoji{
  font-size:30px;
  line-height:1;
}

.slmc-picker-item-v30.sticker img{
  display:block;

  width:100%;
  height:100%;

  max-width:44px;
  max-height:44px;

  object-fit:contain;

  pointer-events:none;
}

.slmc-picker-empty-v30{
  grid-column:1/-1;

  padding:16px 4px;

  color:#767c87;

  font-size:11px;
}

.slmc-picker-scroll-v30::-webkit-scrollbar{
  width:6px;
}

.slmc-picker-scroll-v30::-webkit-scrollbar-track{
  background:transparent;
}

.slmc-picker-scroll-v30::-webkit-scrollbar-thumb{
  background:rgba(255,255,255,.13);
  border-radius:10px;
}

.slmc-picker-scroll-v30::-webkit-scrollbar-thumb:hover{
  background:rgba(255,255,255,.21);
}

@media(max-width:600px){

  .slmc-reaction-picker{
    width:min(390px,calc(100vw - 12px));
    height:min(500px,calc(100vh - 12px));
  }

  .slmc-picker-grid-v30{
    grid-template-columns:
      repeat(7,minmax(0,1fr));
  }

}


/* =========================================================
   SUPERLIVE_MESSAGE_CORE_BROADCAST_V31
========================================================= */

.slmc-broadcast-message-v31{
  border-left-color:
    rgba(240,178,51,.88);

  background:
    linear-gradient(
      90deg,
      rgba(240,178,51,.11) 0%,
      rgba(240,178,51,.045) 44%,
      rgba(240,178,51,0) 100%
    );
}

.slmc-broadcast-message-v31:hover{
  background:
    linear-gradient(
      90deg,
      rgba(240,178,51,.14) 0%,
      rgba(240,178,51,.06) 44%,
      rgba(255,255,255,.015) 100%
    );
}

.slmc-broadcast-mention-v31{
  display:inline-flex;
  align-items:center;

  padding:1px 4px;

  border-radius:4px;

  background:
    rgba(240,178,51,.16);

  color:#f0b233;

  font-weight:800;
}


/* =========================================================
   SUPERLIVE MESSAGE CORE - BROADCAST REAL V32
   Portado do teacher-broadcast-message atual
========================================================= */

@property --slmc-broadcast-angle{
  syntax:"<angle>";
  initial-value:0deg;
  inherits:false;
}

@keyframes slmcBroadcastSpin{
  to{
    --slmc-broadcast-angle:360deg;
  }
}


/* ---------------------------------------------------------
   Professor normal
   Mantém badge PROFESSOR, mas sem destaque de broadcast
--------------------------------------------------------- */

.slmc-message.slmc-teacher-message:not(.slmc-broadcast-message-v31){
  border-left-color:transparent;

  background:transparent;
}

.slmc-message.slmc-teacher-message:not(.slmc-broadcast-message-v31):hover{
  background:rgba(255,255,255,.025);
}


/* ---------------------------------------------------------
   Broadcast @todos / @everyone
--------------------------------------------------------- */

.slmc-message.slmc-broadcast-message-v31{
  position:relative !important;

  isolation:isolate;

  margin:
    7px 3px !important;

  padding:
    9px 10px !important;

  border-radius:
    12px !important;

  border-left-color:
    transparent !important;

  background:
    rgba(255,255,255,.025) !important;
}


/* Contorno arco-íris */

.slmc-message.slmc-broadcast-message-v31::before{
  content:"";

  position:absolute;

  inset:-3px;

  z-index:-1;

  pointer-events:none;

  border-radius:
    15px;

  padding:3px;

  background:
    conic-gradient(
      from var(--slmc-broadcast-angle),

      #ff3d67,
      #ff8a25,
      #ffe033,
      #43e36a,
      #18d8ff,
      #5275ff,
      #a54cff,
      #ff41c4,
      #ff3d67
    );

  -webkit-mask:
    linear-gradient(#000 0 0)
      content-box,
    linear-gradient(#000 0 0);

  -webkit-mask-composite:
    xor;

  mask-composite:
    exclude;

  animation:
    slmcBroadcastSpin
    2.5s
    linear
    infinite;
}


/* Glow externo */

.slmc-message.slmc-broadcast-message-v31::after{
  content:"";

  position:absolute;

  inset:-5px;

  z-index:-2;

  pointer-events:none;

  border-radius:
    17px;

  background:
    conic-gradient(
      from var(--slmc-broadcast-angle),

      rgba(255,61,103,.18),
      rgba(255,224,51,.15),
      rgba(24,216,255,.17),
      rgba(165,76,255,.17),
      rgba(255,61,103,.18)
    );

  filter:
    blur(7px);

  opacity:.55;

  animation:
    slmcBroadcastSpin
    2.5s
    linear
    infinite;
}


/* Hover continua preservando o arco-íris */

.slmc-message.slmc-broadcast-message-v31:hover{
  background:
    rgba(255,255,255,.035) !important;
}


/* @todos / @everyone */

.slmc-broadcast-mention-v31{
  display:inline;

  padding:0;

  border-radius:0;

  background:transparent;

  color:#ffd84d !important;

  font-weight:900;
}


/* =========================================================
   SUPERLIVE MESSAGE CORE - PINNED BROADCAST V33
========================================================= */

.slmc-pinned-broadcast-wrap-v33{
  flex:0 0 auto;

  padding:
    8px
    16px
    7px;

  background:
    linear-gradient(
      to bottom,
      rgba(10,14,20,0),
      rgba(10,14,20,.96)
    );
}


.slmc-pinned-broadcast-v33{
  position:relative;

  isolation:isolate;

  padding:
    10px
    12px;

  border-radius:11px;

  background:#151a22;

  box-shadow:
    0 8px 25px
    rgba(0,0,0,.28);
}


.slmc-pinned-broadcast-v33::before{
  content:"";

  position:absolute;

  inset:-3px;

  z-index:-1;

  pointer-events:none;

  border-radius:14px;

  padding:3px;

  background:
    conic-gradient(
      from var(--slmc-broadcast-angle),

      #ff3d67,
      #ff8a25,
      #ffe033,
      #43e36a,
      #18d8ff,
      #5275ff,
      #a54cff,
      #ff41c4,
      #ff3d67
    );

  -webkit-mask:
    linear-gradient(#000 0 0)
      content-box,
    linear-gradient(#000 0 0);

  -webkit-mask-composite:
    xor;

  mask-composite:
    exclude;

  animation:
    slmcBroadcastSpin
    2.5s
    linear
    infinite;
}


.slmc-pinned-broadcast-v33::after{
  content:"";

  position:absolute;

  inset:-5px;

  z-index:-2;

  pointer-events:none;

  border-radius:16px;

  background:
    conic-gradient(
      from var(--slmc-broadcast-angle),

      rgba(255,61,103,.18),
      rgba(255,224,51,.15),
      rgba(24,216,255,.17),
      rgba(165,76,255,.17),
      rgba(255,61,103,.18)
    );

  filter:blur(7px);

  opacity:.45;

  animation:
    slmcBroadcastSpin
    2.5s
    linear
    infinite;
}


.slmc-pinned-close-v33{
  position:absolute;

  top:7px;
  right:8px;

  width:22px;
  height:22px;

  display:flex;
  align-items:center;
  justify-content:center;

  padding:0;

  border:0;
  border-radius:6px;

  background:transparent;

  color:#737d88;

  font-family:inherit;
  font-size:18px;
  line-height:1;

  cursor:pointer;

  z-index:5;
}


.slmc-pinned-close-v33:hover{
  background:
    rgba(255,255,255,.07);

  color:#fff;
}


.slmc-pinned-kicker-v33{
  margin-bottom:5px;
  padding-right:30px;

  color:#ffdf4d;

  font-size:7px;
  font-weight:900;

  letter-spacing:.08em;

  text-transform:uppercase;
}


.slmc-pinned-author-v33{
  display:flex;

  align-items:center;

  gap:7px;

  margin-bottom:5px;
}


.slmc-pinned-avatar-v33{
  width:24px;
  height:24px;

  flex:0 0 24px;

  display:flex;
  align-items:center;
  justify-content:center;

  overflow:hidden;

  border-radius:50%;

  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;

  color:#fff;

  font-size:7px;
  font-weight:900;
}


.slmc-pinned-copy-v33{
  min-width:0;

  display:flex;
  flex-direction:column;
}


.slmc-pinned-copy-v33 strong{
  overflow:hidden;

  text-overflow:ellipsis;
  white-space:nowrap;

  color:#f1f4f7;

  font-size:9px;
}


.slmc-pinned-copy-v33 small{
  margin-top:1px;

  color:#697480;

  font-size:7px;
}


.slmc-pinned-text-v33{
  color:#d8dee5;

  font-size:9px;

  line-height:1.45;

  word-break:break-word;
}


.slmc-pinned-text-v33
.slmc-broadcast-mention-v31{
  color:#ffdf4d !important;

  font-weight:900;
}

/* =========================================================
   SUPERLIVE MESSAGE CORE - REAL COMPOSER V37
========================================================= */

.slmc-real-chat-composer-wrap-v37{
  position:relative;
  flex:none;
  padding:0 18px 22px;
}

.slmc-real-chat-composer-v37{
  min-height:94px;
  padding:13px 14px 10px;
  border:1px solid rgba(255,255,255,.13);
  border-radius:13px;
  background:#1a1c22;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.025),
    0 9px 25px rgba(0,0,0,.16);
}

.slmc-real-chat-input-v37{
  width:100%;
  min-height:42px;
  max-height:100px;
  resize:none;
  padding:0;
  border:0;
  outline:0;
  background:transparent;
  color:#eef1f5;
  font-family:var(--superlive-font);
  font-size:12px;
  line-height:1.45;
}

.slmc-real-chat-input-v37::placeholder{
  color:#737a85;
}

.slmc-real-composer-actions-v37{
  display:flex;
  align-items:center;
  gap:5px;
  margin-top:6px;
}

.slmc-real-composer-icon-v37{
  width:30px;
  height:28px;
  display:grid;
  place-items:center;
  padding:0;
  border:0;
  border-radius:8px;
  background:transparent;
  color:#858d98;
  font-size:15px;
  cursor:pointer;
}

.slmc-real-composer-icon-v37:hover{
  background:rgba(255,255,255,.055);
  color:#fff;
}

.slmc-real-composer-spacer-v37{
  flex:1;
}

.slmc-real-send-message-v37{
  height:29px;
  padding:0 12px;
  border:0;
  border-radius:9px;
  background:#087fc5;
  color:#fff;
  font-size:10px;
  font-weight:700;
  cursor:pointer;
}

.slmc-real-send-message-v37:hover{
  filter:brightness(1.1);
}

.slmc-real-chat-composer-v37.drag-image{
  outline:2px dashed #3daeff;
  outline-offset:-4px;
  background:rgba(61,174,255,.035);
}

.slmc-real-file-preview-v37{
  display:none;
  align-items:center;
  gap:10px;
  margin-bottom:5px;
  padding:10px 12px;
  background:#151820;
  border-left:3px solid #8d7aff;
}

.slmc-real-file-preview-v37.show{
  display:flex;
}

.slmc-real-file-preview-copy-v37{
  min-width:0;
  flex:1;
}

.slmc-real-file-preview-copy-v37 strong{
  display:block;
  color:#e5ecf4;
  font-size:10px;
}

.slmc-real-file-preview-copy-v37 span{
  display:block;
  margin-top:3px;
  color:#777f8a;
  font-size:9px;
}

.slmc-real-file-remove-v37{
  width:26px;
  height:26px;
  border:0;
  border-radius:7px;
  background:transparent;
  color:#777f89;
  cursor:pointer;
}

.slmc-real-file-remove-v37:hover{
  background:rgba(255,255,255,.07);
  color:#fff;
}

.slmc-real-gif-picker-v37{
  position:absolute;
  left:72px;
  bottom:calc(100% + 6px);
  z-index:230;
  display:none;
  width:360px;
  max-height:430px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.08);
  border-radius:12px;
  background:#12151b;
  box-shadow:0 12px 34px rgba(0,0,0,.45);
}

.slmc-real-gif-picker-v37.show{
  display:block;
}

.slmc-real-gif-head-v37{
  padding:10px;
  border-bottom:1px solid rgba(255,255,255,.06);
}

.slmc-real-gif-search-v37{
  width:100%;
  height:34px;
  padding:0 11px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:8px;
  outline:0;
  background:#0d1015;
  color:#e6edf4;
  font-size:10px;
}

.slmc-real-gif-grid-v37{
  max-height:330px;
  overflow-y:auto;
  padding:8px;
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:6px;
}

.slmc-real-gif-item-v37{
  min-height:90px;
  padding:0;
  overflow:hidden;
  border:0;
  border-radius:8px;
  background:#0d1015;
  cursor:pointer;
}

.slmc-real-gif-item-v37 img{
  display:block;
  width:100%;
  height:100%;
  min-height:90px;
  max-height:160px;
  object-fit:cover;
}

.slmc-real-gif-item-v37:hover{
  outline:2px solid rgba(61,174,255,.8);
}

.slmc-real-gif-status-v37{
  grid-column:1/-1;
  padding:24px 10px;
  color:#7b8490;
  font-size:10px;
  text-align:center;
}

.slmc-real-gif-footer-v37{
  padding:7px 10px;
  border-top:1px solid rgba(255,255,255,.05);
  color:#656e7a;
  font-size:8px;
  font-weight:700;
  text-align:right;
}

.slmc-message-sticker-wrap-v36{
  display:block;
  margin-top:5px;
}

.slmc-message-sticker-v36{
  display:block;
  width:auto;
  height:auto;
  max-width:180px;
  max-height:180px;
  object-fit:contain;
}

@media(max-width:700px){

  .slmc-real-chat-composer-wrap-v37{
    padding:0 12px 14px;
  }

  .slmc-real-gif-picker-v37{
    left:0;
    right:0;
    width:auto;
  }

}

/* =========================================================
   SUPERLIVE MESSAGE CORE - COMPOSER ICONS V38
========================================================= */

.slmc-composer-icon-img-v38{
  display:block;
  width:18px;
  height:18px;
  object-fit:contain;
  pointer-events:none;
}

.slmc-real-composer-icon-v37:hover
.slmc-composer-icon-img-v38{
  transform:scale(1.06);
}


/* =========================================================
   SUPERLIVE MESSAGE CORE - GLOBAL COMPOSER V44
========================================================= */

.slmc-global-composer-input-v44{
  min-width:0;
  min-height:38px;
  max-height:160px;

  overflow-y:auto;

  outline:none;

  white-space:pre-wrap;
  word-break:break-word;

  cursor:text;
}

.slmc-global-composer-input-v44:empty::before{
  content:attr(data-placeholder);

  color:#747985;

  pointer-events:none;
}

.slmc-composer-inline-sticker-v44{
  display:inline-block;

  width:1.45em;
  height:1.45em;

  margin:0 1px;

  object-fit:contain;

  vertical-align:-0.28em;

  pointer-events:none;
}

.slmc-global-composer-icon-v44{
  display:block;

  width:18px;
  height:18px;

  object-fit:contain;

  pointer-events:none;
}



/* =========================================================
   SUPERLIVE MESSAGE CORE AUTHOR BADGES
========================================================= */

.slmc-author-badges{
  display:inline-flex;
  align-items:center;
  gap:3px;
  flex:0 0 auto;
}

.slmc-author-badge{
  width:16px;
  height:16px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 16px;
  vertical-align:middle;
}

.slmc-author-badge img{
  display:block;
  width:16px;
  height:16px;
  object-fit:contain;
}


/* =========================================================
   MESSAGE CORE - LINKS V38
========================================================= */

.slmc-message-link-v37{
  color:#6ecbff;
  font-weight:700;
  text-decoration:none;
}

.slmc-message-link-v37:hover{
  text-decoration:underline;
}


/* =========================================================
   MESSAGE CORE - BADGE TOOLTIP V38
========================================================= */

.slmc-author-badge{
  position:relative;
  cursor:help;
}

.slmc-author-badge::after{
  content:attr(data-slmc-tooltip);
  position:absolute;
  left:50%;
  bottom:calc(100% + 8px);
  transform:translateX(-50%) translateY(3px);
  padding:6px 9px;
  border-radius:7px;
  background:#111318;
  border:1px solid rgba(255,255,255,.10);
  color:#fff;
  font-size:11px;
  font-weight:600;
  line-height:1;
  white-space:nowrap;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  z-index:9999;
  transition:opacity .12s ease,transform .12s ease;
}

.slmc-author-badge:hover::after{
  opacity:1;
  visibility:visible;
  transform:translateX(-50%) translateY(0);
}


/* =========================================================
   MESSAGE CORE - AUTHOR DM ACTION V39
========================================================= */

.slmc-name[data-dm-user-id]{
  cursor:pointer;
}

.slmc-name[data-dm-user-id]:hover{
  text-decoration:underline;
}



/* SUPERLIVE_MESSAGE_EMOJI_ONLY_STYLE_V37 */
.slmc-text.slmc-emoji-only-v37{
  font-size:32px !important;
  line-height:1.2 !important;
  margin-top:3px;
}