/* Eclipse Chatroom Pro - consolidated stylesheet. Repeated patched selectors were merged so the final active declarations are kept once per selector/context. */

.ircp-wrap * {
  box-sizing: border-box;
}

.ircp-wrap [hidden],.ircp-embed-only [hidden] {
  display: none !important;
}

.ircp-wrap.ircp-auth-checking [data-ircp-login] {
  display: none !important;
}

.ircp-wrap.ircp-auth-checking [data-ircp-app] {
  display: flex !important;
}

.ircp-login-card,.ircp-admin-card {
  width: min(var(--ircp-login-card-width,615px),94%);
  background: linear-gradient(180deg, rgba(255,255,255,var(--ircp-gloss-opacity,.12)) 0%, rgba(255,255,255,.02) 12%, var(--ircp-panel-red,#540c12) 13%, var(--ircp-panel-bg,#101012) 44%, var(--ircp-bg-bottom,#030305) 100%) !important;
  border: 1px solid color-mix(in srgb, var(--ircp-accent,#ff2f45) 46%, rgba(255,255,255,.14)) !important;
  border-radius: calc(var(--ircp-radius,18px) - 4px);
  padding: 28px 30px;
  box-shadow: 0 18px 42px rgba(0,0,0,.62), inset 0 1px 0 rgba(255,255,255,.14), inset 0 0 22px color-mix(in srgb, var(--ircp-accent,#ff2f45) 12%, transparent);
  position: relative;
  overflow: hidden;
}

.ircp-login-card:before,.ircp-admin-card:before {
  content: "";
  position: absolute;
  inset: 1px 1px auto 1px;
  height: 38%;
  border-radius: inherit;
  background: linear-gradient(180deg, rgba(255,255,255,var(--ircp-gloss-opacity,.12)) 0%, rgba(255,255,255,.03) 36%, rgba(255,255,255,0) 100%);
  pointer-events: none;
}

.ircp-login-card h3,.ircp-admin-card h3 {
  margin: 16px 0 12px;
  color: var(--ircp-text,#fff);
  text-align: center;
  position: relative;
}

.ircp-wrap input {
  width: 100%;
  border: 1px solid rgba(255,255,255,.42);
  background: #f5f5f5;
  color: #111;
  border-radius: 6px;
  padding: 12px 14px;
  outline: none;
  font-family: Arial,sans-serif;
  position: relative;
}

.ircp-wrap input:focus {
  border-color: var(--ircp-accent,#ff2f45);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--ircp-accent,#ff2f45) 20%, transparent);
}

.ircp-wrap button:hover {
  transform: translateY(-1px);
  border-color: color-mix(in srgb, var(--ircp-accent,#ff2f45) 70%, #fff);
  box-shadow: 0 10px 20px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.18), 0 0 16px color-mix(in srgb, var(--ircp-accent,#ff2f45) 28%, transparent);
}

.ircp-login-card button {
  display: block;
  width: min(215px,100%);
  margin: 18px auto 0;
  border-radius: 13px;
}

.ircp-head span {
  font-family: Arial,sans-serif;
  font-size: 12px;
  opacity: .78;
  color: var(--ircp-muted,#c9c9c9);
}

.ircp-admin-open {
  padding: 8px 10px !important;
  font-size: 11px;
}

.ircp-no-users .ircp-main {
  grid-template-columns: 1fr;
}

.ircp-no-users .ircp-chat {
  border-right: 0;
}

.ircp-messages.ircp-force-scroll-bottom {
  scroll-behavior: auto !important;
  overflow-anchor: none !important;
}

.ircp-msg.me {
  border-color: color-mix(in srgb, var(--ircp-accent,#ff2f45) 34%, rgba(255,255,255,.12));
  background: linear-gradient(180deg, rgba(255,255,255,.08) 0%, rgba(255,255,255,.02) 14%, color-mix(in srgb, var(--ircp-accent,#ff2f45) 18%, transparent) 15%, rgba(255,255,255,.06) 100%) !important;
}

.ircp-time,.ircp-ip {
  font-size: 11px;
  opacity: .55;
}

.ircp-del {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 27px;
  height: 27px;
  padding: 0 !important;
  border-radius: 50% !important;
  background: rgba(255,30,30,.16) !important;
  border-color: rgba(255,80,80,.35) !important;
  opacity: .45;
}

.ircp-del:hover {
  opacity: 1;
}

.ircp-no-tools .ircp-send {
  padding-top: 12px;
}

.ircp-users h4 {
  margin: 0 0 12px;
  color: var(--ircp-text,#fff) !important;
  font-size: 13px;
  text-shadow: 0 0 10px color-mix(in srgb, var(--ircp-accent,#ff2f45) 16%, transparent);
}

.ircp-user small {
  display: block;
  margin-left: auto;
  opacity: .45;
  font-size: 10px;
}

.ircp-user em {
  display: block;
  font-style: normal;
  font-size: 10px;
  opacity: .62;
  margin-top: 2px;
  color: #ffc36d;
}

.ircp-dot {
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: #17ff5a;
  box-shadow: 0 0 10px #17ff5a;
  flex: 0 0 auto;
}

.ircp-user.ircp-idle .ircp-dot {
  background: #ffb12b;
  box-shadow: 0 0 10px #ffb12b;
}

.ircp-user.ircp-idle {
  opacity: .86;
}

.ircp-emoji {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  margin: 3px;
  border-radius: 9px;
  background: rgba(255,255,255,.06);
  font-size: 21px;
}

.ircp-emoji:hover {
  background: rgba(255,255,255,.14);
}

.ircp-gif-search {
  display: grid;
  grid-template-columns: 1fr 92px;
  gap: 8px;
  margin-bottom: 10px;
}

.ircp-gif-grid {
  display: grid;
  grid-template-columns: repeat(3,1fr);
  gap: 8px;
}

.ircp-gif-choice {
  width: 100%;
  height: 82px;
  object-fit: cover;
  border-radius: 10px;
  border: 1px solid rgba(255,255,255,.2);
  cursor: pointer;
}

.ircp-admin {
  position: absolute;
  inset: 0;
  z-index: 20;
  background: rgba(0,0,0,.82) !important;
  background-image: none !important;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 15px;
}

.ircp-admin-card {
  position: relative;
  max-height: 92%;
  overflow: auto;
}

.ircp-admin-card input,.ircp-admin-card button {
  margin: 5px 0;
}

.ircp-admin-card input {
  background: #f5f5f5;
  color: #111;
}

.ircp-x {
  position: absolute;
  top: 12px;
  right: 12px;
  width: 34px;
  height: 34px;
  padding: 0 !important;
}

.ircp-ban-row {
  display: grid;
  grid-template-columns: 1fr 90px;
  gap: 8px;
}

.ircp-ban {
  font-family: Arial,sans-serif;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 8px;
  border-bottom: 1px solid rgba(255,255,255,.08);
}

@media (max-width:760px) {
.ircp-chat {
  border-right: 0;
  border-bottom: 1px solid color-mix(in srgb, var(--ircp-accent,#ff2f45) 18%, transparent);
}
}

@media (max-width:760px) {
.ircp-no-users .ircp-chat {
  border-bottom: 0;
}
}

@media (max-width:760px) {
.ircp-users {
  padding: 10px;
}
}

@media (max-width:760px) {
.ircp-send {
  grid-template-columns: 1fr 82px;
}
}

@media (max-width:760px) {
.ircp-head {
  padding: 0 10px;
}
}

@media (max-width:760px) {
.ircp-pop {
  bottom: var(--ircp-popup-mobile-bottom,var(--ircp-popup-bottom,118px));
  max-height: min(var(--ircp-popup-height,330px),56vh);
}
}

@media (max-width:760px) {
.ircp-gif-grid {
  grid-template-columns: repeat(2,1fr);
}
}

@media (max-width:760px) {
.ircp-login-card,.ircp-admin-card {
  width: min(94vw,var(--ircp-login-card-width,615px));
  padding: 22px 18px;
}
}

@media (max-width:760px) {
.ircp-brand {
  font-size: 18px;
}
}

.ircp-app {
  display: flex;
  flex-direction: column;
  background: linear-gradient(180deg, rgba(255,255,255,.02) 0%, rgba(0,0,0,0) 12%), radial-gradient(circle at top, color-mix(in srgb, var(--ircp-accent,#ff2f45) 13%, transparent) 0%, rgba(0,0,0,0) 36%), var(--ircp-bg-bottom,#030305) !important;
  flex: 1 1 auto !important;
  height: 100% !important;
  min-height: 0 !important;
  max-height: 100% !important;
  overflow: hidden !important;
}

@media (max-width:760px) {
.ircp-wrap {
  height: var(--ircp-height,700px) !important;
  max-height: var(--ircp-height,700px) !important;
}
}

@media (max-width:760px) {
.ircp-embed-only .ircp-wrap {
  height: 100vh !important;
  max-height: 100vh !important;
}
}

.ircp-user-logout {
  margin-left: auto !important;
  padding: 6px 9px !important;
  font-size: 10px !important;
  border-radius: 9px !important;
  min-width: 64px;
}

.ircp-user-logout[hidden] {
  display: none !important;
}

@media (max-width:760px) {
.ircp-user-logout {
  padding: 5px 8px !important;
  font-size: 10px !important;
}
}

.ircp-wrap.ircp-fullwidth {
  width: 100vw !important;
  max-width: none !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
}

.ircp-wrap.ircp-bg-whole::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: linear-gradient(180deg,rgba(0,0,0,.20) 0%,rgba(0,0,0,.52) 100%),var(--ircp-custom-bg);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  opacity: var(--ircp-bg-image-opacity,.55);
  pointer-events: none;
  z-index: 0;
}

.ircp-wrap.ircp-bg-whole .ircp-app,
.ircp-wrap.ircp-bg-whole .ircp-main,
.ircp-wrap.ircp-bg-whole .ircp-chat,
.ircp-wrap.ircp-bg-whole .ircp-users,
.ircp-wrap.ircp-bg-whole .ircp-messages {
  background: transparent !important;
  background-image: none !important;
}

.ircp-wrap.ircp-bg-whole .ircp-login,
.ircp-wrap.ircp-bg-whole .ircp-app,
.ircp-wrap.ircp-bg-whole .ircp-admin {
  z-index: 1;
}

.ircp-wrap.ircp-bg-whole .ircp-login,
.ircp-wrap.ircp-bg-whole .ircp-admin {
  z-index: 10;
}

.ircp-wrap.ircp-bg-chat .ircp-chat::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: linear-gradient(180deg,rgba(0,0,0,.18) 0%,rgba(0,0,0,.55) 100%),var(--ircp-custom-bg);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  opacity: var(--ircp-bg-image-opacity,.55);
  pointer-events: none;
  z-index: 0;
}

.ircp-wrap.ircp-bg-chat .ircp-chat {
  background: transparent !important;
  background-image: none !important;
}

.ircp-wrap.ircp-bg-chat .ircp-chat > * {
  position: relative;
  z-index: 1;
}

.ircp-wrap.ircp-bg-chat .ircp-users {
  background: linear-gradient(180deg, rgba(255,255,255,.04) 0%, rgba(255,255,255,0) 16%, color-mix(in srgb, var(--ircp-panel-red,#540c12) 54%, #070708) 17%, rgba(7,7,8,.98) 100%) !important;
}

.ircp-login-tabs button.is-active {
  opacity: 1;
  border-color: color-mix(in srgb, var(--ircp-accent,#ff2f45) 78%, #fff) !important;
  box-shadow: 0 0 18px color-mix(in srgb, var(--ircp-accent,#ff2f45) 30%, transparent) !important;
}

.ircp-login-box input + input {
  margin-top: 0;
}

.ircp-user-name b {
  display: block;
  margin-top: 2px;
  font-size: 10px;
  font-weight: 700;
  color: color-mix(in srgb, var(--ircp-accent,#ff2f45) 70%, #fff);
}

@media (max-width:760px) {
.ircp-avatar-choice,.ircp-avatar-upload {
  grid-template-columns: 1fr;
  font-size: 11px;
  gap: 5px;
}
}

.ircp-msg.ircp-pending {
  opacity: .78;
  border-style: dashed !important;
}

.ircp-msg.ircp-pending .ircp-time {
  opacity: .8;
  color: color-mix(in srgb, var(--ircp-accent,#ff2f45) 74%, #fff);
}

.ircp-msg.ircp-failed {
  border-color: rgba(255,70,70,.65) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.06), 0 0 12px rgba(255,0,0,.16) !important;
}

.ircp-msg.ircp-failed .ircp-time {
  opacity: 1;
  color: #ff8b8b;
}

.ircp-resend {
  padding: 4px 7px !important;
  font-size: 10px !important;
  border-radius: 8px !important;
  margin-left: 4px !important;
}

.ircp-wrap,
.ircp-wrap button,
.ircp-wrap input,
.ircp-login-card p,
.ircp-head span,
.ircp-msg,
.ircp-user,
.ircp-pop,
.ircp-admin-card {
  font-family: var(--ircp-font-family,"Bruno Ace",Arial,sans-serif) !important;
}

.ircp-text,
.ircp-wrap input,
.ircp-login-card p,
.ircp-user,
.ircp-pop {
  font-size: var(--ircp-message-font-size,15px) !important;
}

.ircp-name,
.ircp-users h4,
.ircp-head strong {
  font-family: var(--ircp-font-family,"Bruno Ace",Arial,sans-serif) !important;
  font-size: var(--ircp-name-font-size,12px) !important;
}

.ircp-brand {
  line-height: 1.15;
  letter-spacing: 2px;
  color: var(--ircp-text,#fff) !important;
  text-align: center;
  text-transform: uppercase;
  text-shadow: 0 0 14px color-mix(in srgb, var(--ircp-accent,#ff2f45) 34%, transparent);
  position: relative;
  font-family: var(--ircp-font-family,"Bruno Ace",Arial,sans-serif) !important;
  font-size: var(--ircp-title-font-size,22px) !important;
}

.ircp-send button,
.ircp-send .ircp-send-btn {
  align-self: center !important;
  height: 46px !important;
  min-height: 46px !important;
  padding: 0 14px !important;
  line-height: 1 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

@media (max-width:760px) {
.ircp-send button,
  .ircp-send .ircp-send-btn {
  height: 42px !important;
  min-height: 42px !important;
  padding: 0 10px !important;
}
}

.ircp-app,
.ircp-main,
.ircp-chat {
  min-height: 0 !important;
}

.ircp-msg:first-child {
  margin-top: 0 !important;
}

.ircp-msg-content {
  min-width: 0 !important;
  max-width: 100% !important;
  overflow-wrap: anywhere !important;
}

.ircp-msg .ircp-del {
  position: absolute !important;
  z-index: 4 !important;
  width: 25px !important;
  height: 25px !important;
  min-width: 25px !important;
  min-height: 25px !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 22px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  top: 10px !important;
  right: 12px !important;
}

@media (max-width:760px) {
.ircp-msg {
  padding: 10px 42px 10px 12px !important;
  grid-template-columns: 34px minmax(0,1fr) !important;
  gap: 9px !important;
  margin-bottom: 12px !important;
}
}

@media (max-width:760px) {
.ircp-msg-avatar {
  width: 32px !important;
  height: 32px !important;
  flex-basis: 32px !important;
}
}

@media (max-width:760px) {
.ircp-msg .ircp-del {
  width: 24px !important;
  height: 24px !important;
  min-width: 24px !important;
  min-height: 24px !important;
  top: 8px !important;
  right: 8px !important;
}
}

.ircp-msg-style-bubble_matte .ircp-msg {
  border: 1px solid color-mix(in srgb, var(--ircp-accent,#ff2f45) 18%, rgba(255,255,255,.10)) !important;
  border-radius: 14px !important;
  background: rgba(0,0,0,.34) !important;
  box-shadow: none !important;
}

.ircp-msg-style-thin_borders .ircp-msg {
  border: 1px solid color-mix(in srgb, var(--ircp-accent,#ff2f45) 38%, rgba(255,255,255,.12)) !important;
  border-radius: 10px !important;
  background: rgba(0,0,0,.10) !important;
  box-shadow: none !important;
}

.ircp-msg-style-thin_borders .ircp-msg.me {
  border-color: color-mix(in srgb, var(--ircp-accent,#ff2f45) 52%, rgba(255,255,255,.18)) !important;
}

.ircp-msg-style-no_lines .ircp-msg,
.ircp-msg-style-no_lines .ircp-msg.me {
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  padding-top: 8px !important;
  padding-bottom: 8px !important;
  margin-bottom: 8px !important;
}

.ircp-msg-style-no_lines .ircp-msg-avatar {
  box-shadow: none !important;
}

.ircp-msg-style-flat_cards .ircp-msg {
  border: 0 !important;
  border-radius: 12px !important;
  background: color-mix(in srgb, var(--ircp-panel-bg,#101012) 74%, transparent) !important;
  box-shadow: 0 1px 0 rgba(255,255,255,.05) !important;
}

.ircp-msg-style-neon_glow .ircp-msg {
  border: 1px solid color-mix(in srgb, var(--ircp-accent,#ff2f45) 46%, rgba(255,255,255,.16)) !important;
  border-radius: 16px !important;
  background: rgba(0,0,0,.24) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 0 13px color-mix(in srgb, var(--ircp-accent,#ff2f45) 18%, transparent) !important;
}

.ircp-msg-style-compact_lines .ircp-messages {
  padding-top: 16px !important;
  padding-bottom: 34px !important;
}

.ircp-msg-style-compact_lines .ircp-msg,
.ircp-msg-style-compact_lines .ircp-msg.me {
  border: 0 !important;
  border-radius: 0 !important;
  border-bottom: 1px solid color-mix(in srgb, var(--ircp-accent,#ff2f45) 22%, rgba(255,255,255,.08)) !important;
  background: transparent !important;
  box-shadow: none !important;
  padding-top: 7px !important;
  padding-bottom: 9px !important;
  margin-bottom: 0 !important;
}

.ircp-msg-style-speech_bubbles .ircp-msg {
  border: 1px solid color-mix(in srgb, var(--ircp-accent,#ff2f45) 22%, rgba(255,255,255,.16)) !important;
  border-radius: 20px 20px 20px 6px !important;
  background: linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.025)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.07) !important;
}

.ircp-msg-style-speech_bubbles .ircp-msg.me {
  border-radius: 20px 20px 6px 20px !important;
}

.ircp-msg-style-left_accent .ircp-msg {
  border: 0 !important;
  border-left: 4px solid color-mix(in srgb, var(--ircp-accent,#ff2f45) 70%, #fff) !important;
  border-radius: 8px !important;
  background: rgba(255,255,255,.035) !important;
  box-shadow: none !important;
}

.ircp-msg-style-dj_equalizer .ircp-msg {
  border: 1px solid color-mix(in srgb, var(--ircp-accent,#ff2f45) 20%, rgba(255,255,255,.10)) !important;
  border-radius: 12px !important;
  background: repeating-linear-gradient(90deg, color-mix(in srgb, var(--ircp-accent,#ff2f45) 26%, transparent) 0 2px, transparent 2px 8px) left bottom/100% 2px no-repeat,
    linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.018)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.05) !important;
}

.ircp-msg-style-bright_cards .ircp-msg {
  border: 1px solid rgba(255,255,255,.34) !important;
  border-radius: 13px !important;
  background: rgba(255,255,255,.86) !important;
  color: #111 !important;
  box-shadow: 0 4px 16px rgba(0,0,0,.18) !important;
}

.ircp-msg-style-bright_cards .ircp-msg .ircp-text,
.ircp-msg-style-bright_cards .ircp-msg .ircp-name {
  color: #111 !important;
  text-shadow: none !important;
}

.ircp-msg-style-bright_cards .ircp-msg .ircp-time {
  color: #333 !important;
  opacity: .7 !important;
}

.ircp-msg-style-transparent_float .ircp-msg,
.ircp-msg-style-transparent_float .ircp-msg.me {
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  margin-bottom: 10px !important;
}

.ircp-msg-style-transparent_float .ircp-msg-content {
  background: rgba(0,0,0,.18) !important;
  border-radius: 10px !important;
  padding: 6px 10px !important;
}

@media (max-width:760px) {
.ircp-messages {
  padding: 16px 12px 40px !important;
  scroll-padding-top: 16px !important;
  padding-bottom: 8px !important;
  scroll-padding-bottom: 8px !important;
}
}

@media (max-width:760px) {
.ircp-msg:last-child {
  margin-bottom: 0 !important;
}
}

.ircp-msg-style-bubble_gloss .ircp-user {
  border: 1px solid color-mix(in srgb, var(--ircp-accent,#ff2f45) 20%, transparent) !important;
  border-radius: 14px !important;
  background: linear-gradient(180deg, rgba(255,255,255,.05) 0%, rgba(255,255,255,.015) 16%, color-mix(in srgb, var(--ircp-accent,#ff2f45) 10%, transparent) 17%, rgba(255,255,255,.035) 100%) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.06) !important;
}

.ircp-msg-style-bubble_matte .ircp-user {
  border: 1px solid color-mix(in srgb, var(--ircp-accent,#ff2f45) 18%, rgba(255,255,255,.10)) !important;
  border-radius: 14px !important;
  background: rgba(0,0,0,.34) !important;
  box-shadow: none !important;
}

.ircp-msg-style-thin_borders .ircp-user {
  border: 1px solid color-mix(in srgb, var(--ircp-accent,#ff2f45) 38%, rgba(255,255,255,.12)) !important;
  border-radius: 10px !important;
  background: rgba(0,0,0,.10) !important;
  box-shadow: none !important;
}

.ircp-msg-style-no_lines .ircp-user {
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  padding: 8px 4px !important;
  margin-bottom: 6px !important;
}

.ircp-msg-style-no_lines .ircp-user-avatar {
  box-shadow: none !important;
}

.ircp-msg-style-flat_cards .ircp-user {
  border: 0 !important;
  border-radius: 12px !important;
  background: color-mix(in srgb, var(--ircp-panel-bg,#101012) 74%, transparent) !important;
  box-shadow: 0 1px 0 rgba(255,255,255,.05) !important;
}

.ircp-msg-style-neon_glow .ircp-user {
  border: 1px solid color-mix(in srgb, var(--ircp-accent,#ff2f45) 46%, rgba(255,255,255,.16)) !important;
  border-radius: 16px !important;
  background: rgba(0,0,0,.24) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 0 13px color-mix(in srgb, var(--ircp-accent,#ff2f45) 18%, transparent) !important;
}

.ircp-msg-style-compact_lines .ircp-user {
  border: 0 !important;
  border-radius: 0 !important;
  border-bottom: 1px solid color-mix(in srgb, var(--ircp-accent,#ff2f45) 22%, rgba(255,255,255,.08)) !important;
  background: transparent !important;
  box-shadow: none !important;
  padding-top: 7px !important;
  padding-bottom: 9px !important;
  margin-bottom: 0 !important;
}

.ircp-msg-style-speech_bubbles .ircp-user {
  border: 1px solid color-mix(in srgb, var(--ircp-accent,#ff2f45) 22%, rgba(255,255,255,.16)) !important;
  border-radius: 20px 20px 20px 6px !important;
  background: linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.025)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.07) !important;
}

.ircp-msg-style-left_accent .ircp-user {
  border: 0 !important;
  border-left: 4px solid color-mix(in srgb, var(--ircp-accent,#ff2f45) 70%, #fff) !important;
  border-radius: 8px !important;
  background: rgba(255,255,255,.035) !important;
  box-shadow: none !important;
}

.ircp-msg-style-dj_equalizer .ircp-user {
  border: 1px solid color-mix(in srgb, var(--ircp-accent,#ff2f45) 20%, rgba(255,255,255,.10)) !important;
  border-radius: 12px !important;
  background: repeating-linear-gradient(90deg, color-mix(in srgb, var(--ircp-accent,#ff2f45) 26%, transparent) 0 2px, transparent 2px 8px) left bottom/100% 2px no-repeat,
    linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.018)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.05) !important;
}

.ircp-msg-style-bright_cards .ircp-user {
  border: 1px solid rgba(255,255,255,.34) !important;
  border-radius: 13px !important;
  background: rgba(255,255,255,.86) !important;
  color: #111 !important;
  box-shadow: 0 4px 16px rgba(0,0,0,.18) !important;
}

.ircp-msg-style-bright_cards .ircp-user .ircp-user-name,
.ircp-msg-style-bright_cards .ircp-user .ircp-user-name b,
.ircp-msg-style-bright_cards .ircp-user small,
.ircp-msg-style-bright_cards .ircp-user em {
  color: #111 !important;
  text-shadow: none !important;
}

.ircp-msg-style-transparent_float .ircp-user {
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  margin-bottom: 8px !important;
}

.ircp-msg-style-transparent_float .ircp-user-name {
  background: rgba(0,0,0,.18) !important;
  border-radius: 10px !important;
  padding: 5px 9px !important;
}

.ircp-wrap.ircp-msg-style-no_lines .ircp-users .ircp-user,
.ircp-wrap.ircp-msg-style-no_lines .ircp-users .ircp-user.ircp-current {
  border: 0 !important;
  outline: 0 !important;
  outline-width: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
  border-radius: 0 !important;
}

.ircp-wrap.ircp-msg-style-no_lines .ircp-users .ircp-user:before,
.ircp-wrap.ircp-msg-style-no_lines .ircp-users .ircp-user:after {
  display: none !important;
  content: none !important;
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
}

.ircp-wrap.ircp-msg-style-no_lines .ircp-users .ircp-user-avatar {
  border: 0 !important;
  box-shadow: none !important;
}

.ircp-wrap.ircp-theme-vinyl_black .ircp-msg,
.ircp-wrap.ircp-theme-vinyl_black .ircp-user {
  background: linear-gradient(180deg, rgba(255,255,255,.07) 0%, rgba(255,255,255,.016) 15%, rgba(255,49,93,.09) 16%, rgba(0,0,0,.38) 100%) !important;
}

.ircp-wrap,
.ircp-wrap * ,
.ircp-wrap *::before,
.ircp-wrap *::after {
  box-sizing: border-box !important;
}

.ircp-embed-only .ircp-wrap {
  width: 100vw !important;
  max-width: 100vw !important;
  height: 100dvh !important;
  max-height: 100dvh !important;
  border-radius: 0 !important;
}

.ircp-app,
.ircp-main,
.ircp-chat,
.ircp-users {
  min-width: 0 !important;
}

.ircp-messages::-webkit-scrollbar,
.ircp-users::-webkit-scrollbar,
.ircp-pop::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

.ircp-messages::-webkit-scrollbar-track,
.ircp-users::-webkit-scrollbar-track,
.ircp-pop::-webkit-scrollbar-track {
  background: rgba(0,0,0,.24);
}

.ircp-messages::-webkit-scrollbar-thumb,
.ircp-users::-webkit-scrollbar-thumb,
.ircp-pop::-webkit-scrollbar-thumb {
  background: rgba(255,255,255,.28);
  border-radius: 8px;
}

.ircp-msg-head {
  display: flex;
  gap: 9px;
  align-items: center;
  flex-wrap: wrap;
  min-height: 20px !important;
  line-height: 1.2 !important;
  margin-bottom: 6px !important;
  min-width: 0 !important;
}

.ircp-name,
.ircp-time,
.ircp-ip,
.ircp-user-name {
  min-width: 0 !important;
  overflow-wrap: anywhere !important;
}

.ircp-name {
  font-family: "Bruno Ace",Arial,sans-serif;
  color: var(--ircp-text,#fff) !important;
  text-shadow: 0 0 10px color-mix(in srgb, var(--ircp-accent,#ff2f45) 16%, transparent);
  font-size: var(--ircp-name-font-size,12px) !important;
}

.ircp-user-name {
  font-family: var(--ircp-font-family,"Bruno Ace",Arial,sans-serif) !important;
  line-height: 1.18 !important;
  font-size: var(--ircp-userlist-name-font-size,12px) !important;
}

.ircp-text {
  white-space: pre-wrap;
  color: var(--ircp-text,#fff);
  line-height: 1.34 !important;
  max-width: 100% !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
}

.ircp-chat-emoji {
  display: inline-block !important;
  font-size: var(--ircp-posted-emoji-size,24px) !important;
  line-height: 1 !important;
  vertical-align: -0.12em !important;
}

.ircp-gif-img {
  border-radius: 12px;
  border: 1px solid rgba(255,255,255,.2);
  display: block;
  margin-top: 6px;
  max-width: min(var(--ircp-gif-max-width,240px),100%) !important;
  max-height: var(--ircp-gif-max-height,none) !important;
  width: auto !important;
  height: auto !important;
  object-fit: contain !important;
}

.ircp-head strong {
  display: block;
  color: var(--ircp-text,#fff) !important;
  letter-spacing: 1px;
  text-transform: uppercase;
  text-shadow: 0 0 10px color-mix(in srgb, var(--ircp-accent,#ff2f45) 22%, transparent);
  font-size: clamp(13px,var(--ircp-title-font-size,22px),26px) !important;
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.ircp-tools,
.ircp-send {
  flex: 0 0 auto !important;
  position: relative !important;
  z-index: 3 !important;
  width: 100% !important;
  min-width: 0 !important;
}

.ircp-tools button {
  font-size: 12px;
  padding: 8px 10px;
  min-height: 38px !important;
}

.ircp-send {
  display: grid;
  gap: 10px;
  padding: 0 12px 12px;
  background: linear-gradient(180deg, rgba(255,255,255,.04) 0%, rgba(255,255,255,0) 18%, color-mix(in srgb, var(--ircp-panel-red,#540c12) 58%, #08080a) 19%, #08080a 100%) !important;
  align-items: center !important;
  grid-template-columns: minmax(0,1fr) minmax(82px,110px) !important;
}

.ircp-send input,
.ircp-login input,
.ircp-admin input,
.ircp-wrap select,
.ircp-wrap textarea {
  max-width: 100% !important;
  min-width: 0 !important;
  -webkit-appearance: none;
  appearance: none;
}

.ircp-send input {
  background: linear-gradient(180deg, rgba(255,255,255,.05) 0%, color-mix(in srgb, var(--ircp-panel-red,#540c12) 38%, #070707) 100%);
  color: #fff;
  border-radius: 8px;
  border-color: color-mix(in srgb, var(--ircp-accent,#ff2f45) 22%, transparent);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.04);
  min-height: 44px !important;
  line-height: 1.2 !important;
}

.ircp-send button {
  min-height: 42px !important;
  height: auto !important;
  align-self: center !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding-top: 8px !important;
  padding-bottom: 8px !important;
  white-space: nowrap !important;
}

.ircp-login-card,
.ircp-admin-card {
  width: min(var(--ircp-login-card-width,615px),calc(100vw - 28px)) !important;
  max-width: calc(100vw - 28px) !important;
}

.ircp-pop {
  position: absolute;
  left: 14px;
  bottom: var(--ircp-popup-bottom,118px);
  z-index: 8;
  width: min(420px,calc(100% - 28px));
  max-height: var(--ircp-popup-height,330px);
  overflow: auto;
  background: linear-gradient(180deg, rgba(255,255,255,.05) 0%, var(--ircp-panel-red,#540c12) 14%, rgba(6,6,6,.98) 100%);
  border: 1px solid color-mix(in srgb, var(--ircp-accent,#ff2f45) 30%, transparent);
  border-radius: 15px;
  padding: 12px;
  box-shadow: 0 0 28px rgba(0,0,0,.75), inset 0 1px 0 rgba(255,255,255,.05);
  max-width: calc(100% - 28px) !important;
  -webkit-overflow-scrolling: touch !important;
}

.ircp-user {
  display: flex;
  align-items: center;
  gap: 9px;
  padding: 10px;
  border: 1px solid color-mix(in srgb, var(--ircp-accent,#ff2f45) 14%, transparent);
  border-radius: 12px;
  margin-bottom: 8px;
  background: linear-gradient(180deg, rgba(255,255,255,.04) 0%, color-mix(in srgb, var(--ircp-accent,#ff2f45) 8%, transparent) 100%);
  font-family: Arial,sans-serif;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.04);
  color: var(--ircp-text,#fff);
  min-width: 0 !important;
  overflow: hidden !important;
}

.ircp-user-avatar,
.ircp-msg-avatar {
  flex: 0 0 auto !important;
}

@supports not (color: color-mix(in srgb, #000 50%, #fff)) {
.ircp-login-card,.ircp-admin-card,.ircp-head,.ircp-tools,.ircp-send,.ircp-users,.ircp-msg,.ircp-user,.ircp-pop {
  border-color: rgba(255,47,69,.28) !important;
}
}

@supports not (color: color-mix(in srgb, #000 50%, #fff)) {
.ircp-wrap button {
  border-color: rgba(255,100,115,.46) !important;
  box-shadow: 0 8px 18px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.12),0 0 12px rgba(255,47,69,.16) !important;
}
}

@supports not (color: color-mix(in srgb, #000 50%, #fff)) {
.ircp-msg,.ircp-user {
  background: linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.018) 16%,rgba(255,47,69,.08) 17%,rgba(255,255,255,.035)) !important;
}
}

@supports not (color: color-mix(in srgb, #000 50%, #fff)) {
.ircp-theme-vinyl_black .ircp-msg,
  .ircp-theme-vinyl_black .ircp-user {
  background: linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.016) 15%,rgba(255,49,93,.09) 16%,rgba(0,0,0,.38)) !important;
}
}

@supports not (color: color-mix(in srgb, #000 50%, #fff)) {
.ircp-user.ircp-current {
  outline-color: rgba(255,47,69,.35) !important;
}
}

@supports not (color: color-mix(in srgb, #000 50%, #fff)) {
.ircp-msg-style-no_lines .ircp-user.ircp-current {
  outline: 0 !important;
}
}

@media (max-width:1024px) {
.ircp-wrap {
  border-radius: clamp(10px,var(--ircp-radius,18px),18px) !important;
}
}

@media (max-width:1024px) {
.ircp-main {
  grid-template-columns: minmax(0,1fr) minmax(185px,30vw) !important;
}
}

@media (max-width:1024px) {
.ircp-users {
  padding: 12px !important;
}
}

@media (max-width:1024px) {
.ircp-user {
  padding: 9px !important;
  gap: 8px !important;
}
}

@media (max-width:1024px) {
.ircp-msg {
  padding: 11px 42px 11px 12px !important;
}
}

@media (max-width:820px) {
.ircp-head {
  height: 56px !important;
  flex: 0 0 56px !important;
  padding: 0 12px !important;
}
}

@media (max-width:820px) {
.ircp-main {
  grid-template-columns: 1fr !important;
  grid-template-rows: minmax(0,1fr) minmax(112px,150px) !important;
}
}

@media (max-width:820px) {
.ircp-no-users .ircp-main {
  grid-template-rows: minmax(0,1fr) !important;
}
}

@media (max-width:820px) {
.ircp-chat {
  border-right: 0 !important;
  border-bottom: 1px solid rgba(255,255,255,.12) !important;
}
}

@media (max-width:820px) {
.ircp-users {
  max-height: 150px !important;
  padding: 10px !important;
}
}

@media (max-width:820px) {
.ircp-users h4 {
  margin-bottom: 8px !important;
}
}

@media (max-width:820px) {
.ircp-user {
  margin-bottom: 7px !important;
}
}

@media (max-width:820px) {
.ircp-pop {
  bottom: calc(var(--ircp-popup-mobile-bottom,118px) + env(safe-area-inset-bottom,0px)) !important;
  max-height: min(var(--ircp-popup-height,330px),50vh) !important;
}
}

@media (max-width:600px) {
.ircp-wrap {
  height: var(--ircp-height,700px) !important;
  min-height: 420px !important;
  border-radius: 0 !important;
}
}

@media (max-width:600px) {
.ircp-contained {
  border-radius: 12px !important;
}
}

@media (max-width:600px) {
.ircp-embed-only .ircp-wrap {
  border-radius: 0 !important;
}
}

@media (max-width:600px) {
.ircp-head {
  height: 52px !important;
  flex: 0 0 52px !important;
}
}

@media (max-width:600px) {
.ircp-head strong {
  font-size: clamp(13px,4.2vw,18px) !important;
  letter-spacing: .7px !important;
}
}

@media (max-width:600px) {
.ircp-admin-open {
  font-size: 10px !important;
  padding: 7px 8px !important;
}
}

@media (max-width:600px) {
.ircp-messages {
  padding: 10px !important;
  padding-bottom: 6px !important;
}
}

@media (max-width:600px) {
.ircp-msg {
  margin-bottom: 9px !important;
  padding: 10px 36px 10px 10px !important;
  border-radius: 12px !important;
}
}

@media (max-width:600px) {
.ircp-msg-head {
  gap: 6px !important;
  margin-bottom: 4px !important;
}
}

@media (max-width:600px) {
.ircp-del {
  top: 8px !important;
  right: 8px !important;
  width: 24px !important;
  height: 24px !important;
  font-size: 12px !important;
}
}

@media (max-width:600px) {
.ircp-tools {
  padding: 8px 10px !important;
  gap: 7px !important;
}
}

@media (max-width:600px) {
.ircp-tools button {
  flex: 1 1 auto !important;
  min-height: 36px !important;
  padding: 7px 9px !important;
  font-size: 11px !important;
}
}

@media (max-width:600px) {
.ircp-send {
  grid-template-columns: minmax(0,1fr) minmax(74px,88px) !important;
  gap: 8px !important;
  padding: 0 10px calc(10px + env(safe-area-inset-bottom,0px)) !important;
}
}

@media (max-width:600px) {
.ircp-send input,
  .ircp-wrap input,
  .ircp-wrap select,
  .ircp-wrap textarea {
  font-size: 16px !important;
}
}

@media (max-width:600px) {
.ircp-send button {
  min-height: 40px !important;
  padding: 7px 9px !important;
  font-size: 13px !important;
  letter-spacing: .3px !important;
}
}

@media (max-width:600px) {
.ircp-gif-grid {
  grid-template-columns: repeat(2,minmax(0,1fr)) !important;
}
}

@media (max-width:600px) {
.ircp-gif-choice {
  height: 76px !important;
}
}

@media (max-width:600px) {
.ircp-login {
  padding: 12px !important;
}
}

@media (max-width:600px) {
.ircp-login-card,.ircp-admin-card {
  width: calc(100vw - 24px) !important;
  max-width: calc(100vw - 24px) !important;
  padding: 18px 14px !important;
  border-radius: 14px !important;
}
}

@media (max-width:600px) {
.ircp-login-tabs {
  grid-template-columns: 1fr !important;
}
}

@media (max-width:600px) {
.ircp-avatar-panel {
  grid-template-columns: 1fr !important;
  text-align: left !important;
}
}

@media (max-width:600px) {
.ircp-avatar-preview {
  grid-row: auto !important;
}
}

@media (max-width:600px) {
.ircp-avatar-choice,
  .ircp-avatar-upload {
  grid-template-columns: 1fr !important;
}
}

@media (max-width:600px) {
.ircp-users {
  max-height: 128px !important;
}
}

@media (max-width:380px) {
.ircp-send {
  grid-template-columns: minmax(0,1fr) 72px !important;
}
}

@media (max-width:380px) {
.ircp-send button {
  font-size: 11px !important;
  padding-left: 6px !important;
  padding-right: 6px !important;
}
}

@media (max-width:380px) {
.ircp-name,
  .ircp-time {
  font-size: 11px !important;
}
}

@media (max-width:380px) {
.ircp-text {
  font-size: 14px !important;
}
}

.ircp-head-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  min-width: 0;
}

.ircp-users-toggle {
  display: none !important;
  width: 38px !important;
  height: 38px !important;
  min-width: 38px !important;
  padding: 0 !important;
  border-radius: 50% !important;
  line-height: 1 !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 17px !important;
}

@media (max-width:820px) {
.ircp-wrap:not(.ircp-no-users) .ircp-users-toggle {
  display: inline-flex !important;
}
}

@media (max-width:820px) {
.ircp-wrap:not(.ircp-no-users) .ircp-main {
  position: relative !important;
  grid-template-columns: 1fr !important;
  grid-template-rows: minmax(0,1fr) !important;
  overflow: hidden !important;
}
}

@media (max-width:820px) {
.ircp-wrap:not(.ircp-no-users) .ircp-chat {
  border-right: 0 !important;
  border-bottom: 0 !important;
  min-height: 0 !important;
}
}

@media (max-width:820px) {
.ircp-wrap:not(.ircp-no-users) .ircp-users {
  position: absolute !important;
  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  z-index: 18 !important;
  width: min(84vw,330px) !important;
  max-width: min(84vw,330px) !important;
  max-height: none !important;
  height: 100% !important;
  padding: 14px !important;
  overflow: auto !important;
  transform: translateX(calc(100% + 18px)) !important;
  transition: transform .24s ease, box-shadow .24s ease !important;
  border-left: 1px solid rgba(255,255,255,.16) !important;
  border-top: 0 !important;
  border-bottom: 0 !important;
  border-right: 0 !important;
  box-shadow: none !important;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}
}

@media (max-width:820px) {
.ircp-wrap.ircp-users-open:not(.ircp-no-users) .ircp-users-toggle {
  box-shadow: 0 0 18px color-mix(in srgb, var(--ircp-accent,#ff2f45) 34%, transparent), inset 0 1px 0 rgba(255,255,255,.16) !important;
}
}

@media (max-width:820px) {
.ircp-wrap.ircp-users-open:not(.ircp-no-users) .ircp-main::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 17;
  pointer-events: none;
  background: linear-gradient(90deg, rgba(0,0,0,.18), rgba(0,0,0,.34));
}
}

@media (max-width:820px) {
.ircp-wrap.ircp-users-open:not(.ircp-no-users) .ircp-users {
  transform: translateX(0) !important;
  box-shadow: -18px 0 34px rgba(0,0,0,.55), inset 1px 0 0 rgba(255,255,255,.05) !important;
  pointer-events: auto;
}
}

@media (max-width:600px) {
.ircp-users-toggle {
  width: 34px !important;
  height: 34px !important;
  min-width: 34px !important;
  font-size: 15px !important;
}
}

@media (max-width:600px) {
.ircp-head-actions {
  gap: 6px !important;
}
}

@media (max-width:600px) {
.ircp-wrap:not(.ircp-no-users) .ircp-users {
  width: min(88vw,310px) !important;
  max-width: min(88vw,310px) !important;
  padding: 12px !important;
}
}

.ircp-app,.ircp-main {
  background: linear-gradient(180deg, rgba(255,255,255,.02), transparent 18%), radial-gradient(circle at top, color-mix(in srgb, var(--ircp-accent,#ff2f45) 10%, transparent), transparent 42%), var(--ircp-bg-bottom,#030305) !important;
}

.ircp-head,.ircp-tools,.ircp-send {
  background: linear-gradient(180deg, rgba(255,255,255,var(--ircp-gloss-opacity,.12)) 0%, rgba(255,255,255,0) 15%, var(--ircp-panel-red,#540c12) 16%, var(--ircp-panel-bg,#101012) 100%) !important;
  border-color: color-mix(in srgb, var(--ircp-accent,#ff2f45) 25%, transparent) !important;
}

.ircp-users {
  padding: 14px;
  overflow: auto;
  min-height: 0 !important;
  max-height: 100% !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  overscroll-behavior: contain !important;
  -webkit-overflow-scrolling: touch;
  background: linear-gradient(180deg, rgba(255,255,255,.04) 0%, rgba(255,255,255,0) 16%, var(--ircp-panel-red,#540c12) 17%, var(--ircp-bg-bottom,#030305) 100%) !important;
}

.ircp-wrap button {
  font: inherit;
  cursor: pointer;
  border: 1px solid color-mix(in srgb, var(--ircp-accent,#ff2f45) 58%, rgba(255,255,255,.22));
  border-radius: 12px;
  padding: 11px 14px;
  text-transform: uppercase;
  letter-spacing: .5px;
  transition: .18s;
  box-shadow: 0 8px 18px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.12), 0 0 12px color-mix(in srgb, var(--ircp-accent,#ff2f45) 16%, transparent);
  text-shadow: 0 1px 0 rgba(0,0,0,.35);
  position: relative;
  background: linear-gradient(180deg, rgba(255,255,255,.15) 0%, rgba(255,255,255,.04) 16%, var(--ircp-button-top,#8f111c) 17%, var(--ircp-button-bottom,#210508) 100%) !important;
  border-color: color-mix(in srgb, var(--ircp-accent,#ff2f45) 55%, rgba(255,255,255,.22)) !important;
  color: #fff !important;
}

.ircp-brand,.ircp-head strong,.ircp-users h4,.ircp-name,.ircp-text,.ircp-user,.ircp-user-name {
  color: var(--ircp-text,#fff) !important;
}

.ircp-time,.ircp-ip,.ircp-head span,.ircp-login-card p,.ircp-user small,.ircp-user em {
  color: var(--ircp-muted,#c9c9c9) !important;
}

.ircp-wrap.ircp-theme-vinyl_black .ircp-msg,
.ircp-wrap.ircp-theme-vinyl_black .ircp-user,
.ircp-wrap.ircp-theme-vinyl_black .ircp-login-card,
.ircp-wrap.ircp-theme-vinyl_black .ircp-admin-card {
  background: linear-gradient(180deg, rgba(255,255,255,.09), rgba(255,255,255,.015) 16%, rgba(255,49,93,.08) 17%, rgba(0,0,0,.42)) !important;
}

.ircp-wrap.ircp-theme-vinyl_black .ircp-head,
.ircp-wrap.ircp-theme-vinyl_black .ircp-tools,
.ircp-wrap.ircp-theme-vinyl_black .ircp-send {
  background: linear-gradient(180deg, rgba(255,255,255,.08), transparent 15%, #1b050a 16%, #060606 100%) !important;
}

.ircp-wrap.ircp-msg-style-bubble_gloss .ircp-msg,
.ircp-wrap.ircp-msg-style-bubble_gloss .ircp-user {
  border: 1px solid color-mix(in srgb, var(--ircp-accent,#ff2f45) 22%, transparent) !important;
  border-radius: 14px !important;
  background: linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.015) 16%, color-mix(in srgb, var(--ircp-accent,#ff2f45) 11%, transparent) 17%, rgba(255,255,255,.035)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.07) !important;
}

.ircp-wrap.ircp-msg-style-bubble_matte .ircp-msg,
.ircp-wrap.ircp-msg-style-bubble_matte .ircp-user {
  border: 1px solid color-mix(in srgb, var(--ircp-accent,#ff2f45) 18%, rgba(255,255,255,.12)) !important;
  border-radius: 14px !important;
  background: rgba(0,0,0,.34) !important;
  box-shadow: none !important;
}

.ircp-wrap.ircp-msg-style-thin_borders .ircp-msg,
.ircp-wrap.ircp-msg-style-thin_borders .ircp-user {
  border: 1px solid color-mix(in srgb, var(--ircp-accent,#ff2f45) 46%, rgba(255,255,255,.16)) !important;
  border-radius: 10px !important;
  background: rgba(0,0,0,.08) !important;
  box-shadow: none !important;
}

.ircp-wrap.ircp-msg-style-no_lines .ircp-msg,
.ircp-wrap.ircp-msg-style-no_lines .ircp-msg.me,
.ircp-wrap.ircp-msg-style-no_lines .ircp-user,
.ircp-wrap.ircp-msg-style-no_lines .ircp-user.ircp-current {
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
  border-radius: 0 !important;
}

.ircp-wrap.ircp-msg-style-no_lines .ircp-msg {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
  margin-bottom: 8px !important;
}

.ircp-wrap.ircp-msg-style-no_lines .ircp-user {
  padding: 8px 4px !important;
  margin-bottom: 6px !important;
}

.ircp-wrap.ircp-msg-style-no_lines .ircp-msg::before,
.ircp-wrap.ircp-msg-style-no_lines .ircp-msg::after,
.ircp-wrap.ircp-msg-style-no_lines .ircp-user::before,
.ircp-wrap.ircp-msg-style-no_lines .ircp-user::after {
  display: none !important;
  content: none !important;
  border: 0 !important;
  box-shadow: none !important;
  outline: 0 !important;
}

.ircp-wrap.ircp-msg-style-no_lines .ircp-msg-avatar,
.ircp-wrap.ircp-msg-style-no_lines .ircp-user-avatar {
  border: 0 !important;
  box-shadow: none !important;
}

.ircp-wrap.ircp-msg-style-flat_cards .ircp-msg,
.ircp-wrap.ircp-msg-style-flat_cards .ircp-user {
  border: 0 !important;
  border-radius: 12px !important;
  background: color-mix(in srgb, var(--ircp-panel-bg,#101012) 80%, transparent) !important;
  box-shadow: 0 1px 0 rgba(255,255,255,.06) !important;
}

.ircp-wrap.ircp-msg-style-neon_glow .ircp-msg,
.ircp-wrap.ircp-msg-style-neon_glow .ircp-user {
  border: 1px solid color-mix(in srgb, var(--ircp-accent,#ff2f45) 58%, rgba(255,255,255,.18)) !important;
  border-radius: 16px !important;
  background: rgba(0,0,0,.24) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.06), 0 0 15px color-mix(in srgb, var(--ircp-accent,#ff2f45) 24%, transparent) !important;
}

.ircp-wrap.ircp-msg-style-compact_lines .ircp-messages {
  padding-top: 12px !important;
  padding-bottom: 8px !important;
}

.ircp-wrap.ircp-msg-style-compact_lines .ircp-msg,
.ircp-wrap.ircp-msg-style-compact_lines .ircp-msg.me,
.ircp-wrap.ircp-msg-style-compact_lines .ircp-user {
  border: 0 !important;
  border-radius: 0 !important;
  border-bottom: 1px solid color-mix(in srgb, var(--ircp-accent,#ff2f45) 28%, rgba(255,255,255,.08)) !important;
  background: transparent !important;
  box-shadow: none !important;
  margin-bottom: 0 !important;
  padding-top: 7px !important;
  padding-bottom: 9px !important;
}

.ircp-wrap.ircp-msg-style-speech_bubbles .ircp-msg,
.ircp-wrap.ircp-msg-style-speech_bubbles .ircp-user {
  border: 1px solid color-mix(in srgb, var(--ircp-accent,#ff2f45) 26%, rgba(255,255,255,.16)) !important;
  border-radius: 20px 20px 20px 6px !important;
  background: linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.025)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.07) !important;
}

.ircp-wrap.ircp-msg-style-speech_bubbles .ircp-msg.me {
  border-radius: 20px 20px 6px 20px !important;
}

.ircp-wrap.ircp-msg-style-left_accent .ircp-msg,
.ircp-wrap.ircp-msg-style-left_accent .ircp-user {
  border: 0 !important;
  border-left: 4px solid color-mix(in srgb, var(--ircp-accent,#ff2f45) 72%, #fff) !important;
  border-radius: 8px !important;
  background: rgba(255,255,255,.035) !important;
  box-shadow: none !important;
}

.ircp-wrap.ircp-msg-style-dj_equalizer .ircp-msg,
.ircp-wrap.ircp-msg-style-dj_equalizer .ircp-user {
  border: 1px solid color-mix(in srgb, var(--ircp-accent,#ff2f45) 24%, rgba(255,255,255,.10)) !important;
  border-radius: 12px !important;
  background: repeating-linear-gradient(90deg, color-mix(in srgb, var(--ircp-accent,#ff2f45) 30%, transparent) 0 2px, transparent 2px 8px) left bottom/100% 2px no-repeat, linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.018)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.05) !important;
}

.ircp-wrap.ircp-msg-style-bright_cards .ircp-msg,
.ircp-wrap.ircp-msg-style-bright_cards .ircp-user {
  border: 1px solid rgba(255,255,255,.44) !important;
  border-radius: 13px !important;
  background: rgba(255,255,255,.88) !important;
  color: #111 !important;
  box-shadow: 0 4px 16px rgba(0,0,0,.18) !important;
}

.ircp-wrap.ircp-msg-style-bright_cards .ircp-msg *,
.ircp-wrap.ircp-msg-style-bright_cards .ircp-user * {
  color: #111 !important;
  text-shadow: none !important;
}

.ircp-wrap.ircp-msg-style-transparent_float .ircp-msg,
.ircp-wrap.ircp-msg-style-transparent_float .ircp-msg.me,
.ircp-wrap.ircp-msg-style-transparent_float .ircp-user {
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
}

.ircp-wrap.ircp-msg-style-transparent_float .ircp-msg-content,
.ircp-wrap.ircp-msg-style-transparent_float .ircp-user-name {
  background: rgba(0,0,0,.20) !important;
  border-radius: 10px !important;
  padding: 6px 10px !important;
}

@supports not (color: color-mix(in srgb, #000 50%, #fff)) {
.ircp-wrap {
  border-color: rgba(255,47,69,.42) !important;
  box-shadow: 0 14px 40px rgba(0,0,0,.48),inset 0 1px 0 rgba(255,255,255,.08),inset 0 0 0 1px rgba(255,47,69,.14) !important;
  background: linear-gradient(180deg,rgba(255,255,255,.08),rgba(0,0,0,0) 18%,rgba(255,47,69,.08) 54%,rgba(0,0,0,0)),radial-gradient(circle at top center,rgba(255,47,69,.18) 0%,var(--ircp-bg-top,#1a0509) 20%,var(--ircp-bg-mid,#09090c) 56%,var(--ircp-bg-bottom,#030305) 100%) !important;
}
}

@supports not (color: color-mix(in srgb, #000 50%, #fff)) {
.ircp-wrap.ircp-msg-style-no_lines .ircp-msg,
  .ircp-wrap.ircp-msg-style-no_lines .ircp-msg.me,
  .ircp-wrap.ircp-msg-style-no_lines .ircp-user,
  .ircp-wrap.ircp-msg-style-no_lines .ircp-user.ircp-current {
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
}
}

@supports not (color: color-mix(in srgb, #000 50%, #fff)) {
.ircp-wrap.ircp-msg-style-thin_borders .ircp-msg,
  .ircp-wrap.ircp-msg-style-thin_borders .ircp-user {
  border: 1px solid rgba(255,255,255,.28) !important;
  background: rgba(0,0,0,.08) !important;
}
}

@supports not (color: color-mix(in srgb, #000 50%, #fff)) {
.ircp-wrap.ircp-msg-style-neon_glow .ircp-msg,
  .ircp-wrap.ircp-msg-style-neon_glow .ircp-user {
  border: 1px solid rgba(255,255,255,.42) !important;
  box-shadow: 0 0 15px rgba(255,255,255,.18) !important;
}
}

@supports not (color: color-mix(in srgb, #000 50%, #fff)) {
.ircp-wrap.ircp-msg-style-bright_cards .ircp-msg,
  .ircp-wrap.ircp-msg-style-bright_cards .ircp-user {
  background: rgba(255,255,255,.88) !important;
  color: #111 !important;
}
}

.ircp-tools {
  display: flex;
  border-top: 1px solid color-mix(in srgb, var(--ircp-accent,#ff2f45) 18%, transparent);
  background: linear-gradient(180deg, rgba(255,255,255,.04) 0%, rgba(255,255,255,0) 18%, color-mix(in srgb, var(--ircp-panel-red,#540c12) 58%, #08080a) 19%, #08080a 100%) !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 7px 12px !important;
  min-height: 0 !important;
}

.ircp-tools .ircp-tool-icon {
  width: 44px !important;
  min-width: 44px !important;
  height: 36px !important;
  min-height: 36px !important;
  padding: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 19px !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  border-radius: 14px !important;
}

.ircp-tools .ircp-tool-gif {
  font-size: 18px !important;
}

.ircp-tools .ircp-tool-icon:hover {
  transform: translateY(-1px) scale(1.03) !important;
}

@media (max-width:760px) {
.ircp-tools {
  padding: 6px 10px !important;
  gap: 6px !important;
}
}

@media (max-width:760px) {
.ircp-tools .ircp-tool-icon {
  width: 39px !important;
  min-width: 39px !important;
  height: 34px !important;
  min-height: 34px !important;
  font-size: 18px !important;
  border-radius: 12px !important;
}
}

@media (max-width:760px) {
.ircp-tools .ircp-tool-gif {
  font-size: 17px !important;
}
}

.ircp-chat .ircp-tools,
.ircp-chat .ircp-send {
  box-sizing: border-box !important;
  width: 100% !important;
  margin: 0 !important;
  background-clip: padding-box !important;
}

.ircp-chat .ircp-send button,
.ircp-chat .ircp-send .ircp-send-btn {
  padding: 0 22px !important;
  line-height: 1 !important;
  border-radius: 14px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  white-space: nowrap !important;
}

.ircp-no-tools .ircp-chat .ircp-send,
.ircp-wrap.ircp-no-tools .ircp-send {
  padding-top: 12px !important;
}

@media (max-width:760px) {
.ircp-chat .ircp-tools {
  height: 54px !important;
  min-height: 54px !important;
  max-height: 54px !important;
  padding: 8px 12px !important;
  gap: 8px !important;
}
}

@media (max-width:760px) {
.ircp-chat .ircp-send input {
  padding: 0 13px !important;
  line-height: 46px !important;
  border-radius: 10px !important;
}
}

@media (max-width:760px) {
.ircp-chat .ircp-send button,
  .ircp-chat .ircp-send .ircp-send-btn {
  padding: 0 8px !important;
  border-radius: 11px !important;
  font-size: clamp(12px,3.4vw,16px) !important;
  letter-spacing: .5px !important;
}
}

@media (max-width:760px) {
.ircp-chat .ircp-tools .ircp-tool-icon {
  width: 46px !important;
  min-width: 46px !important;
  height: 36px !important;
  min-height: 36px !important;
  max-height: 36px !important;
  border-radius: 12px !important;
  top: 3px !important;
}
}

@media (max-width:760px) {
.ircp-chat .ircp-send input,
  .ircp-chat .ircp-send button,
  .ircp-chat .ircp-send .ircp-send-btn {
  height: 46px !important;
  min-height: 46px !important;
  max-height: 46px !important;
  top: 3px !important;
}
}

@supports not (color:color-mix(in srgb, #fff 50%, #000)) {
.ircp-name-colour-panel {
  border-color: rgba(255,47,69,.24);
}
}

@media (max-width:640px) {
.ircp-name-colour-panel label {
  grid-template-columns: 1fr 68px;
  gap: 7px 10px;
}
}

@media (max-width:640px) {
.ircp-name-colour-panel em {
  grid-column: 1 / -1;
  font-size: 11px;
}
}

.ircp-name[style*="--ircp-member-name-colour"],
.ircp-user-name[style*="--ircp-member-name-colour"] {
  color: var(--ircp-member-name-colour) !important;
  text-shadow: 0 0 10px color-mix(in srgb, var(--ircp-member-name-colour) 34%, transparent) !important;
}

@supports not (color:color-mix(in srgb, #fff 50%, #000)) {
.ircp-name[style*="--ircp-member-name-colour"],
  .ircp-user-name[style*="--ircp-member-name-colour"] {
  text-shadow: none !important;
}
}

@supports not (height:100svh) {
.ircp-login-card {
  max-height: calc(100vh - 22px) !important;
}
}

.ircp-login-card:before {
  height: 30% !important;
}

.ircp-avatar-choice select,
.ircp-avatar-upload input {
  width: 100%;
  min-width: 0;
  border: 1px solid rgba(255,255,255,.32);
  background: #f5f5f5;
  color: #111;
  font-family: Arial,sans-serif;
  min-height: 34px !important;
  padding: 7px 8px !important;
  font-size: 12px !important;
  border-radius: 7px !important;
}

.ircp-avatar-upload input {
  background: rgba(255,255,255,.9);
  padding: 6px !important;
}

@media (max-width:760px) {
.ircp-avatar-choice select,
  .ircp-avatar-upload input {
  min-height: 32px !important;
  padding: 6px 7px !important;
  font-size: 11.5px !important;
}
}

.ircp-login-tabs button[data-ircp-login-tab="guest"].is-active {
  opacity: 1 !important;
  transform: translateY(-1px) !important;
  border-color: rgba(116,255,181,.9) !important;
  box-shadow: 0 0 0 2px rgba(64,255,148,.18), 0 0 20px rgba(64,255,148,.32), inset 0 1px 0 rgba(255,255,255,.22) !important;
  filter: saturate(1.18) brightness(1.08) !important;
}

.ircp-login-tabs button[data-ircp-login-tab="member"].is-active {
  opacity: 1 !important;
  transform: translateY(-1px) !important;
  border-color: rgba(122,197,255,.9) !important;
  box-shadow: 0 0 0 2px rgba(80,170,255,.18), 0 0 20px rgba(80,170,255,.32), inset 0 1px 0 rgba(255,255,255,.22) !important;
  filter: saturate(1.18) brightness(1.08) !important;
}

.ircp-login-tabs button[data-ircp-login-tab="signup"].is-active {
  opacity: 1 !important;
  transform: translateY(-1px) !important;
  border-color: rgba(255,200,90,.95) !important;
  box-shadow: 0 0 0 2px rgba(255,176,64,.18), 0 0 20px rgba(255,176,64,.32), inset 0 1px 0 rgba(255,255,255,.22) !important;
  filter: saturate(1.18) brightness(1.08) !important;
}

@media (max-width:520px) {
.ircp-login-tabs button[data-ircp-login-tab].is-active::after {
  bottom: 3px;
  left: 24%;
  right: 24%;
}
}

.ircp-login-tabs button[data-ircp-login-tab] {
  position: relative !important;
  isolation: isolate;
  overflow: hidden;
  opacity: .88 !important;
  border-width: 1px !important;
  transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease, filter .16s ease !important;
  color: #fff !important;
  text-shadow: 0 1px 0 rgba(0,0,0,.55), 0 0 8px rgba(255,230,230,.10) !important;
  border: 1px solid rgba(255,86,110,.36) !important;
  background: #22040a !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.16), inset 0 -10px 18px rgba(0,0,0,.24), 0 0 12px rgba(180,0,38,.12) !important;
}

.ircp-login-tabs button[data-ircp-login-tab]::before {
  content: "";
  position: absolute;
  left: 1px;
  right: 1px;
  top: 1px;
  height: 42%;
  border-radius: inherit;
  pointer-events: none;
  z-index: -1;
  background: linear-gradient(180deg, rgba(255,255,255,.26) 0%, rgba(255,255,255,.10) 45%, rgba(255,255,255,0) 100%) !important;
}

.ircp-login-tabs button[data-ircp-login-tab="guest"] {
  border-color: rgba(255,72,105,.48) !important;
  background: linear-gradient(180deg, rgba(255,255,255,.19) 0%, rgba(255,255,255,.06) 13%, rgba(176,17,50,.88) 14%, rgba(92,8,24,.95) 58%, rgba(24,3,8,.98) 100%) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.20), inset 0 0 18px rgba(255,65,105,.10), 0 0 14px rgba(255,25,70,.12) !important;
}

.ircp-login-tabs button[data-ircp-login-tab="member"] {
  border-color: rgba(255,92,130,.55) !important;
  background: linear-gradient(180deg, rgba(255,255,255,.20) 0%, rgba(255,255,255,.06) 13%, rgba(205,25,64,.90) 14%, rgba(118,7,32,.96) 58%, rgba(30,3,10,.99) 100%) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.22), inset 0 0 18px rgba(255,80,125,.12), 0 0 14px rgba(255,40,86,.14) !important;
}

.ircp-login-tabs button[data-ircp-login-tab="signup"] {
  border-color: rgba(255,118,94,.56) !important;
  background: linear-gradient(180deg, rgba(255,255,255,.20) 0%, rgba(255,255,255,.06) 13%, rgba(222,44,53,.88) 14%, rgba(135,17,22,.96) 58%, rgba(34,4,7,.99) 100%) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.22), inset 0 0 18px rgba(255,96,82,.12), 0 0 14px rgba(255,70,70,.14) !important;
}

.ircp-login-tabs button[data-ircp-login-tab]:hover {
  transform: translateY(-1px) !important;
  filter: saturate(1.14) brightness(1.08) !important;
  border-color: rgba(255,160,170,.68) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.26), inset 0 0 22px rgba(255,90,120,.16), 0 0 18px rgba(255,45,85,.22) !important;
}

.ircp-login-tabs button[data-ircp-login-tab="guest"].is-active,
.ircp-login-tabs button[data-ircp-login-tab="member"].is-active,
.ircp-login-tabs button[data-ircp-login-tab="signup"].is-active {
  opacity: 1 !important;
  transform: translateY(-1px) !important;
  border-color: rgba(255,190,196,.92) !important;
  background: linear-gradient(180deg, rgba(255,255,255,.26) 0%, rgba(255,255,255,.09) 13%, rgba(238,32,77,.96) 14%, rgba(147,9,40,.98) 56%, rgba(40,3,12,1) 100%) !important;
  box-shadow: 0 0 0 2px rgba(255,45,84,.20), 0 0 26px rgba(255,38,82,.36), inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 24px rgba(255,120,145,.16) !important;
  filter: saturate(1.2) brightness(1.1) !important;
}

.ircp-login-tabs button[data-ircp-login-tab].is-active::after {
  content: "";
  position: absolute;
  left: 18%;
  right: 18%;
  bottom: 5px;
  border-radius: 999px;
  opacity: .82;
  background: linear-gradient(90deg, rgba(255,160,170,0), rgba(255,235,235,.95), rgba(255,160,170,0)) !important;
  height: 2px !important;
  box-shadow: 0 0 10px rgba(255,70,100,.95) !important;
}

.ircp-wrap [data-ircp-member-colour="1"],
.ircp-wrap .ircp-msg-style-bright_cards [data-ircp-member-colour="1"],
.ircp-wrap.ircp-msg-style-bright_cards [data-ircp-member-colour="1"] {
  color: var(--ircp-member-name-colour,#fff) !important;
  -webkit-text-fill-color: var(--ircp-member-name-colour,#fff) !important;
  text-shadow: 0 0 10px color-mix(in srgb, var(--ircp-member-name-colour,#fff) 34%, transparent) !important;
}

@supports not (color:color-mix(in srgb, #fff 50%, #000)) {
.ircp-wrap [data-ircp-member-colour="1"] {
  text-shadow: none !important;
}
}

.ircp-chat .ircp-send input,
.ircp-wrap .ircp-send input[type="text"] {
  border: 1px solid color-mix(in srgb, var(--ircp-accent,#ff2f45) 58%, rgba(255,255,255,.22)) !important;
  border-radius: 14px !important;
  box-shadow: 0 8px 18px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.12), 0 0 12px color-mix(in srgb, var(--ircp-accent,#ff2f45) 16%, transparent) !important;
}

.ircp-chat .ircp-send input:focus,
.ircp-wrap .ircp-send input[type="text"]:focus {
  border-color: color-mix(in srgb, var(--ircp-accent,#ff2f45) 70%, #fff) !important;
  box-shadow: 0 10px 20px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.18), 0 0 16px color-mix(in srgb, var(--ircp-accent,#ff2f45) 28%, transparent) !important;
}

@supports not (color:color-mix(in srgb, #fff 50%, #000)) {
.ircp-chat .ircp-send input,
  .ircp-wrap .ircp-send input[type="text"] {
  border-color: rgba(255,47,69,.58) !important;
  box-shadow: 0 8px 18px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.12), 0 0 12px rgba(255,47,69,.16) !important;
}
}

@supports not (color:color-mix(in srgb, #fff 50%, #000)) {
.ircp-chat .ircp-send input:focus,
  .ircp-wrap .ircp-send input[type="text"]:focus {
  border-color: rgba(255,160,170,.86) !important;
  box-shadow: 0 10px 20px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.18), 0 0 16px rgba(255,47,69,.28) !important;
}
}

.ircp-announcement {
  margin: 10px 12px 0;
  padding: 10px 42px 10px 14px;
  border: 1px solid rgba(255,90,90,.35);
  border-radius: 14px;
  background: linear-gradient(180deg,rgba(255,255,255,.10),rgba(120,10,22,.30));
  color: #fff;
  font-family: Arial,sans-serif;
  font-size: 14px;
  line-height: 1.35;
  position: relative;
  box-shadow: 0 0 18px rgba(255,30,50,.12), inset 0 1px 0 rgba(255,255,255,.12);
}

.ircp-announcement button {
  position: absolute;
  right: 8px;
  top: 7px;
  width: 28px;
  height: 28px;
  padding: 0 !important;
  border-radius: 50% !important;
  line-height: 1 !important;
}

.ircp-mention {
  color: #ffd0d6;
  text-shadow: 0 0 10px rgba(255,40,70,.5);
  font-weight: 700;
}

.ircp-edited {
  font-size: 10px;
  opacity: .55;
  margin-left: 6px;
  font-family: Arial,sans-serif;
  text-transform: lowercase;
}

.ircp-edit,.ircp-resend {
  font-size: 10px !important;
  padding: 3px 7px !important;
  border-radius: 8px !important;
  margin-left: 6px !important;
}

.ircp-reactions {
  display: flex;
  gap: 4px;
  flex-wrap: wrap;
  margin-top: 8px;
}

.ircp-reactions button {
  font-size: 13px !important;
  line-height: 1 !important;
  padding: 4px 6px !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,.06) !important;
  min-width: 28px;
}

.ircp-reaction-counts {
  display: flex;
  gap: 6px;
  flex-wrap: wrap;
  margin-top: 7px;
  font-family: Arial,sans-serif;
  font-size: 12px;
}

.ircp-reaction-counts span {
  border: 1px solid rgba(255,255,255,.18);
  background: rgba(255,255,255,.06);
  border-radius: 999px;
  padding: 2px 7px;
}

.ircp-floating-toggle {
  position: fixed;
  z-index: 999999;
  bottom: 18px;
  right: 18px;
  border: 1px solid rgba(255,120,120,.6);
  border-radius: 999px;
  padding: 12px 18px;
  background: linear-gradient(180deg,#ff2d62,#5c0b14);
  color: #fff;
  font-family: var(--ircp-font-family);
  box-shadow: 0 10px 28px rgba(0,0,0,.35),0 0 24px rgba(255,30,70,.2);
  cursor: pointer;
}

.ircp-wrap.ircp-floating-closed {
  display: none !important;
}

.ircp-wrap.ircp-mobile-users-hidden .ircp-users-toggle {
  display: none !important;
}

@media (max-width:820px) {
.ircp-wrap.ircp-mobile-users-hidden .ircp-users {
  display: none !important;
}
}

@media (max-width:820px) {
.ircp-wrap.ircp-mobile-users-below .ircp-main {
  grid-template-rows: 1fr 150px !important;
}
}

@media (max-width:820px) {
.ircp-wrap.ircp-mobile-compact-header .ircp-head {
  height: 48px !important;
  padding: 0 9px !important;
}
}

@media (max-width:820px) {
.ircp-wrap.ircp-mobile-compact-header .ircp-head strong {
  font-size: 12px !important;
}
}

@media (max-width:820px) {
.ircp-wrap.ircp-mobile-compact-input .ircp-tools {
  padding: 5px 8px !important;
  min-height: 48px !important;
}
}

@media (max-width:820px) {
.ircp-wrap.ircp-mobile-compact-input .ircp-send {
  padding: 6px 8px 8px !important;
  grid-template-columns: 1fr 84px !important;
}
}

@media (max-width:820px) {
.ircp-wrap.ircp-mobile-compact-input .ircp-send input,.ircp-wrap.ircp-mobile-compact-input .ircp-send button {
  height: 44px !important;
  min-height: 44px !important;
}
}

@media (max-width:820px) {
.ircp-announcement {
  margin: 7px 8px 0;
  font-size: 12px;
  padding: 8px 36px 8px 10px;
}
}

.ircp-wrap.ircp-contained {
  width: 100% !important;
  max-width: var(--ircp-chat-max-width,100%) !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.ircp-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 15px;
  border-bottom: 1px solid color-mix(in srgb, var(--ircp-accent,#ff2f45) 30%, transparent);
  background: linear-gradient(180deg, rgba(255,255,255,var(--ircp-gloss-opacity,.12)) 0%, rgba(255,255,255,0) 16%, var(--ircp-panel-red,#540c12) 17%, var(--ircp-panel-bg,#101012) 100%) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08);
  flex: 0 0 60px !important;
  min-width: 0 !important;
  gap: 10px !important;
  height: var(--ircp-header-height,60px) !important;
  min-height: var(--ircp-header-height,60px) !important;
  max-height: var(--ircp-header-height,60px) !important;
  flex-basis: var(--ircp-header-height,60px) !important;
}

.ircp-main {
  display: grid;
  grid-template-columns: minmax(0,1fr) var(--ircp-userlist-width,250px);
  gap: 0;
  background: linear-gradient(180deg, rgba(255,255,255,.02) 0%, rgba(0,0,0,0) 12%), radial-gradient(circle at top center, color-mix(in srgb, var(--ircp-accent,#ff2f45) 10%, transparent) 0%, rgba(0,0,0,0) 42%), var(--ircp-bg-bottom,#030305) !important;
  flex: 1 1 auto !important;
  max-height: 100% !important;
  overflow: hidden !important;
  min-height: 0 !important;
  height: calc(100% - var(--ircp-header-height,60px)) !important;
}

.ircp-messages {
  overflow: auto;
  scroll-behavior: smooth;
  overflow-anchor: none;
  background: transparent !important;
  background-image: none !important;
  height: auto !important;
  max-height: none !important;
  overscroll-behavior: contain !important;
  scrollbar-gutter: stable;
  flex: 1 1 auto !important;
  min-height: 0 !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  scroll-padding-top: 22px !important;
  padding-bottom: 8px !important;
  scroll-padding-bottom: 8px !important;
  width: 100% !important;
  min-width: 0 !important;
  padding-left: clamp(10px,2vw,16px) !important;
  padding-right: clamp(10px,2vw,16px) !important;
  -webkit-overflow-scrolling: touch !important;
  scrollbar-width: thin;
  padding: var(--ircp-messages-padding,16px) !important;
}

.ircp-msg {
  border: 1px solid color-mix(in srgb, var(--ircp-accent,#ff2f45) 20%, transparent);
  border-radius: 14px;
  background: linear-gradient(180deg, rgba(255,255,255,.05) 0%, rgba(255,255,255,.015) 16%, color-mix(in srgb, var(--ircp-accent,#ff2f45) 10%, transparent) 17%, rgba(255,255,255,.035) 100%) !important;
  font-family: Arial,sans-serif;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.06);
  display: grid !important;
  position: relative !important;
  margin: 0 0 14px 0 !important;
  padding: 12px 52px 12px 18px !important;
  align-items: start !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  overflow: hidden !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
  font-size: var(--ircp-message-font-size,15px) !important;
  margin-bottom: var(--ircp-message-gap,12px) !important;
  padding-top: var(--ircp-message-padding-y,12px) !important;
  padding-bottom: var(--ircp-message-padding-y,12px) !important;
  padding-left: var(--ircp-message-padding-x,13px) !important;
  padding-right: calc(var(--ircp-message-padding-x,13px) + 34px) !important;
  min-height: var(--ircp-message-min-height,0px) !important;
  grid-template-columns: calc(var(--ircp-msg-avatar-size,36px) + 2px) minmax(0,1fr) !important;
  gap: var(--ircp-message-avatar-gap,10px) !important;
}

.ircp-msg:last-child {
  margin-bottom: 0 !important;
}

.ircp-msg-avatar {
  border-radius: 50%;
  object-fit: cover;
  border: 1px solid color-mix(in srgb, var(--ircp-accent,#ff2f45) 45%, rgba(255,255,255,.2));
  box-shadow: 0 0 12px color-mix(in srgb, var(--ircp-accent,#ff2f45) 16%, transparent);
  align-self: start !important;
  margin-top: 0 !important;
  flex: 0 0 38px !important;
  width: var(--ircp-msg-avatar-size,36px) !important;
  height: var(--ircp-msg-avatar-size,36px) !important;
}

.ircp-user-avatar {
  border-radius: 50%;
  object-fit: cover;
  border: 1px solid color-mix(in srgb, var(--ircp-accent,#ff2f45) 38%, rgba(255,255,255,.22));
  flex: 0 0 auto;
  width: var(--ircp-user-avatar-size,30px) !important;
  height: var(--ircp-user-avatar-size,30px) !important;
}

.ircp-chat .ircp-tools {
  padding: 10px 18px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  flex-wrap: nowrap !important;
  gap: 12px !important;
  border-top: 1px solid rgba(255,255,255,.08) !important;
  border-bottom: 1px solid rgba(255,255,255,.08) !important;
  height: var(--ircp-toolbar-height,64px) !important;
  min-height: var(--ircp-toolbar-height,64px) !important;
  max-height: var(--ircp-toolbar-height,64px) !important;
}

.ircp-chat .ircp-tools .ircp-tool-icon {
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 auto !important;
  position: relative !important;
  width: var(--ircp-toolbar-button-width,64px) !important;
  min-width: var(--ircp-toolbar-button-width,64px) !important;
  height: var(--ircp-toolbar-button-height,42px) !important;
  min-height: var(--ircp-toolbar-button-height,42px) !important;
  max-height: var(--ircp-toolbar-button-height,42px) !important;
  top: var(--ircp-bottom-control-offset,4px) !important;
}

.ircp-chat .ircp-send {
  padding: 12px 18px !important;
  display: grid !important;
  gap: 14px !important;
  align-items: center !important;
  border-top: 0 !important;
  border-bottom: 1px solid rgba(255,255,255,.08) !important;
  height: var(--ircp-input-bar-height,76px) !important;
  min-height: var(--ircp-input-bar-height,76px) !important;
  max-height: var(--ircp-input-bar-height,76px) !important;
  grid-template-columns: minmax(0,1fr) var(--ircp-send-button-width,166px) !important;
}

.ircp-chat .ircp-send input,
.ircp-chat .ircp-send button,
.ircp-chat .ircp-send .ircp-send-btn {
  margin: 0 !important;
  box-sizing: border-box !important;
  align-self: center !important;
  position: relative !important;
  height: var(--ircp-input-height,52px) !important;
  min-height: var(--ircp-input-height,52px) !important;
  max-height: var(--ircp-input-height,52px) !important;
  top: var(--ircp-bottom-control-offset,4px) !important;
}

.ircp-chat .ircp-send input {
  padding: 0 20px !important;
  border-radius: 12px !important;
  line-height: var(--ircp-input-height,52px) !important;
}

@media (max-width:760px) {
.ircp-main {
  grid-template-columns: 1fr;
  grid-template-rows: minmax(0,1fr) minmax(80px,var(--ircp-mobile-userlist-height,160px)) !important;
}
}

@media (max-width:760px) {
.ircp-no-users .ircp-main {
  grid-template-rows: minmax(0,1fr) !important;
}
}

@media (max-width:760px) {
.ircp-chat .ircp-send {
  height: 64px !important;
  min-height: 64px !important;
  max-height: 64px !important;
  padding: 9px 12px !important;
  gap: 9px !important;
  grid-template-columns: minmax(0,1fr) var(--ircp-mobile-send-button-width,84px) !important;
}
}

.ircp-reactions,.ircp-reaction-counts {
  display: none !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}

.ircp-wrap.ircp-theme-red_gloss {
  --ircp-accent: #ff2f45 !important;
  --ircp-bg-top: #1a0509 !important;
  --ircp-bg-mid: #09090c !important;
  --ircp-bg-bottom: #030305 !important;
  --ircp-panel-bg: #101012 !important;
  --ircp-panel-red: #540c12 !important;
  --ircp-button-top: #8f111c !important;
  --ircp-button-bottom: #210508 !important;
  --ircp-text: #ffffff !important;
  --ircp-muted: #c9c9c9 !important;
  --ircp-gloss-opacity: .12 !important;
}

.ircp-wrap.ircp-theme-black_matte {
  --ircp-accent: #8b8b8b !important;
  --ircp-bg-top: #111111 !important;
  --ircp-bg-mid: #080808 !important;
  --ircp-bg-bottom: #020202 !important;
  --ircp-panel-bg: #101010 !important;
  --ircp-panel-red: #151515 !important;
  --ircp-button-top: #242424 !important;
  --ircp-button-bottom: #070707 !important;
  --ircp-text: #ffffff !important;
  --ircp-muted: #bbbbbb !important;
  --ircp-gloss-opacity: 0 !important;
}

.ircp-wrap.ircp-theme-purple_neon {
  --ircp-accent: #b936ff !important;
  --ircp-bg-top: #21082f !important;
  --ircp-bg-mid: #0c0716 !important;
  --ircp-bg-bottom: #030207 !important;
  --ircp-panel-bg: #120d1f !important;
  --ircp-panel-red: #321049 !important;
  --ircp-button-top: #7e25b9 !important;
  --ircp-button-bottom: #1e0730 !important;
  --ircp-text: #ffffff !important;
  --ircp-muted: #d9c4ea !important;
  --ircp-gloss-opacity: .12 !important;
}

.ircp-wrap.ircp-theme-cyan_future {
  --ircp-accent: #00d9ff !important;
  --ircp-bg-top: #062633 !important;
  --ircp-bg-mid: #051016 !important;
  --ircp-bg-bottom: #020507 !important;
  --ircp-panel-bg: #071318 !important;
  --ircp-panel-red: #083141 !important;
  --ircp-button-top: #087f9a !important;
  --ircp-button-bottom: #032330 !important;
  --ircp-text: #f4feff !important;
  --ircp-muted: #b6d7dd !important;
  --ircp-gloss-opacity: .12 !important;
}

.ircp-wrap.ircp-theme-gold_vip {
  --ircp-accent: #ffb82e !important;
  --ircp-bg-top: #2a1604 !important;
  --ircp-bg-mid: #0f0903 !important;
  --ircp-bg-bottom: #030200 !important;
  --ircp-panel-bg: #15110a !important;
  --ircp-panel-red: #4a2c08 !important;
  --ircp-button-top: #b37112 !important;
  --ircp-button-bottom: #2b1703 !important;
  --ircp-text: #fff7e7 !important;
  --ircp-muted: #e0c997 !important;
  --ircp-gloss-opacity: .12 !important;
}

.ircp-wrap.ircp-theme-blue_matte {
  --ircp-accent: #3e7bff !important;
  --ircp-bg-top: #061535 !important;
  --ircp-bg-mid: #050b18 !important;
  --ircp-bg-bottom: #02040a !important;
  --ircp-panel-bg: #0a1020 !important;
  --ircp-panel-red: #091b45 !important;
  --ircp-button-top: #1d4ebd !important;
  --ircp-button-bottom: #07153a !important;
  --ircp-text: #f6f9ff !important;
  --ircp-muted: #bfc9e6 !important;
  --ircp-gloss-opacity: 0 !important;
}

.ircp-wrap.ircp-theme-sunset_gradient {
  --ircp-accent: #ff6a2a !important;
  --ircp-bg-top: #401220 !important;
  --ircp-bg-mid: #171026 !important;
  --ircp-bg-bottom: #08030a !important;
  --ircp-panel-bg: #21111a !important;
  --ircp-panel-red: #68213d !important;
  --ircp-button-top: #ff4e2f !important;
  --ircp-button-bottom: #5a1235 !important;
  --ircp-text: #fff6f4 !important;
  --ircp-muted: #ffd2c9 !important;
  --ircp-gloss-opacity: .12 !important;
}

.ircp-wrap.ircp-theme-silver_light {
  --ircp-accent: #5b73ff !important;
  --ircp-bg-top: #eef2ff !important;
  --ircp-bg-mid: #d9e1f5 !important;
  --ircp-bg-bottom: #c5cede !important;
  --ircp-panel-bg: #f7f8fb !important;
  --ircp-panel-red: #dfe5ff !important;
  --ircp-button-top: #5e74ff !important;
  --ircp-button-bottom: #2d3d99 !important;
  --ircp-text: #111827 !important;
  --ircp-muted: #364152 !important;
  --ircp-gloss-opacity: .12 !important;
}

.ircp-wrap.ircp-theme-radio_studio {
  --ircp-accent: #ff1744 !important;
  --ircp-bg-top: #170606 !important;
  --ircp-bg-mid: #080b10 !important;
  --ircp-bg-bottom: #030303 !important;
  --ircp-panel-bg: #0d1117 !important;
  --ircp-panel-red: #320a0f !important;
  --ircp-button-top: #c1122f !important;
  --ircp-button-bottom: #240408 !important;
  --ircp-text: #ffffff !important;
  --ircp-muted: #c7cbd1 !important;
  --ircp-gloss-opacity: .12 !important;
}

.ircp-wrap.ircp-theme-dj_booth {
  --ircp-accent: #00ffb3 !important;
  --ircp-bg-top: #061915 !important;
  --ircp-bg-mid: #0a0715 !important;
  --ircp-bg-bottom: #020203 !important;
  --ircp-panel-bg: #0c0c12 !important;
  --ircp-panel-red: #0b2b23 !important;
  --ircp-button-top: #008f74 !important;
  --ircp-button-bottom: #03231d !important;
  --ircp-text: #f7fffd !important;
  --ircp-muted: #b7ddd3 !important;
  --ircp-gloss-opacity: .12 !important;
}

.ircp-wrap.ircp-theme-vinyl_black {
  box-shadow: 0 18px 46px rgba(0,0,0,.72), inset 0 1px 0 rgba(255,255,255,.09), inset 0 0 0 1px rgba(255,49,93,.18) !important;
  --ircp-accent: #ff315d !important;
  --ircp-bg-top: #12080b !important;
  --ircp-bg-mid: #080808 !important;
  --ircp-bg-bottom: #010101 !important;
  --ircp-panel-bg: #0b0b0d !important;
  --ircp-panel-red: #2c0710 !important;
  --ircp-button-top: #a01131 !important;
  --ircp-button-bottom: #120207 !important;
  --ircp-text: #ffffff !important;
  --ircp-muted: #c4c4c4 !important;
  --ircp-gloss-opacity: .12 !important;
}

.ircp-wrap.ircp-theme-rave_laser {
  --ircp-accent: #39ff14 !important;
  --ircp-bg-top: #051f0a !important;
  --ircp-bg-mid: #0d061a !important;
  --ircp-bg-bottom: #020203 !important;
  --ircp-panel-bg: #090d0d !important;
  --ircp-panel-red: #143315 !important;
  --ircp-button-top: #20a915 !important;
  --ircp-button-bottom: #083008 !important;
  --ircp-text: #f8fff7 !important;
  --ircp-muted: #bee8b9 !important;
  --ircp-gloss-opacity: .12 !important;
}

.ircp-wrap.ircp-theme-pop_bright {
  --ircp-accent: #ff3ec8 !important;
  --ircp-bg-top: #3b0730 !important;
  --ircp-bg-mid: #160720 !important;
  --ircp-bg-bottom: #07020a !important;
  --ircp-panel-bg: #1d1022 !important;
  --ircp-panel-red: #5a154d !important;
  --ircp-button-top: #e32ab0 !important;
  --ircp-button-bottom: #47123d !important;
  --ircp-text: #fff7fd !important;
  --ircp-muted: #ffd2f5 !important;
  --ircp-gloss-opacity: .12 !important;
}

.ircp-wrap.ircp-theme-ice_bright {
  --ircp-accent: #00a6ff !important;
  --ircp-bg-top: #e9fbff !important;
  --ircp-bg-mid: #cbeeff !important;
  --ircp-bg-bottom: #a9c9dc !important;
  --ircp-panel-bg: #f5fcff !important;
  --ircp-panel-red: #cceeff !important;
  --ircp-button-top: #008fe8 !important;
  --ircp-button-bottom: #00619d !important;
  --ircp-text: #06121f !important;
  --ircp-muted: #21435a !important;
  --ircp-gloss-opacity: .12 !important;
}

.ircp-wrap.ircp-theme-neon_crimson_pulse {
  --ircp-accent: #ff003c !important;
  --ircp-bg-top: #210006 !important;
  --ircp-bg-mid: #08070a !important;
  --ircp-bg-bottom: #020203 !important;
  --ircp-panel-bg: #10070a !important;
  --ircp-panel-red: #4b0012 !important;
  --ircp-button-top: #d00032 !important;
  --ircp-button-bottom: #270008 !important;
  --ircp-text: #ffffff !important;
  --ircp-muted: #ffb6c4 !important;
  --ircp-gloss-opacity: .12 !important;
}

.ircp-wrap.ircp-theme-scarlet_black_glass {
  --ircp-accent: #ff1d35 !important;
  --ircp-bg-top: #160307 !important;
  --ircp-bg-mid: #060607 !important;
  --ircp-bg-bottom: #000000 !important;
  --ircp-panel-bg: #09090b !important;
  --ircp-panel-red: #35050d !important;
  --ircp-button-top: #a50d1f !important;
  --ircp-button-bottom: #160106 !important;
  --ircp-text: #ffffff !important;
  --ircp-muted: #d8bcc1 !important;
  --ircp-gloss-opacity: .12 !important;
}

.ircp-wrap.ircp-theme-carbon_red_edge {
  --ircp-accent: #ff334e !important;
  --ircp-bg-top: #0f0f10 !important;
  --ircp-bg-mid: #070708 !important;
  --ircp-bg-bottom: #020202 !important;
  --ircp-panel-bg: #111113 !important;
  --ircp-panel-red: #24070b !important;
  --ircp-button-top: #5f0c16 !important;
  --ircp-button-bottom: #090203 !important;
  --ircp-text: #ffffff !important;
  --ircp-muted: #bdbdbd !important;
  --ircp-gloss-opacity: 0 !important;
}

.ircp-wrap.ircp-theme-bassbin_red {
  --ircp-accent: #ff214f !important;
  --ircp-bg-top: #25040b !important;
  --ircp-bg-mid: #100307 !important;
  --ircp-bg-bottom: #020102 !important;
  --ircp-panel-bg: #12080b !important;
  --ircp-panel-red: #62081b !important;
  --ircp-button-top: #cb143b !important;
  --ircp-button-bottom: #2a030b !important;
  --ircp-text: #fff8fb !important;
  --ircp-muted: #f4bac8 !important;
  --ircp-gloss-opacity: .12 !important;
}

.ircp-wrap.ircp-theme-club_lava {
  --ircp-accent: #ff5a16 !important;
  --ircp-bg-top: #341005 !important;
  --ircp-bg-mid: #120805 !important;
  --ircp-bg-bottom: #030101 !important;
  --ircp-panel-bg: #160b08 !important;
  --ircp-panel-red: #652208 !important;
  --ircp-button-top: #c94410 !important;
  --ircp-button-bottom: #2c0802 !important;
  --ircp-text: #fff4ee !important;
  --ircp-muted: #ffc9aa !important;
  --ircp-gloss-opacity: .12 !important;
}

.ircp-wrap.ircp-theme-orange_glass {
  --ircp-accent: #ff8c22 !important;
  --ircp-bg-top: #2a1203 !important;
  --ircp-bg-mid: #0d0803 !important;
  --ircp-bg-bottom: #020100 !important;
  --ircp-panel-bg: #120c07 !important;
  --ircp-panel-red: #4a2107 !important;
  --ircp-button-top: #b95e12 !important;
  --ircp-button-bottom: #2a1002 !important;
  --ircp-text: #fff7ed !important;
  --ircp-muted: #ffd4a8 !important;
  --ircp-gloss-opacity: .12 !important;
}

.ircp-wrap.ircp-theme-amber_afterhours {
  --ircp-accent: #ffb000 !important;
  --ircp-bg-top: #241505 !important;
  --ircp-bg-mid: #0b0804 !important;
  --ircp-bg-bottom: #020100 !important;
  --ircp-panel-bg: #120e08 !important;
  --ircp-panel-red: #3e2606 !important;
  --ircp-button-top: #8f5b0c !important;
  --ircp-button-bottom: #211203 !important;
  --ircp-text: #fff8df !important;
  --ircp-muted: #dfc995 !important;
  --ircp-gloss-opacity: .12 !important;
}

.ircp-wrap.ircp-theme-gold_black_lux {
  --ircp-accent: #ffd15c !important;
  --ircp-bg-top: #16100a !important;
  --ircp-bg-mid: #070604 !important;
  --ircp-bg-bottom: #010101 !important;
  --ircp-panel-bg: #0d0b08 !important;
  --ircp-panel-red: #342207 !important;
  --ircp-button-top: #a36e17 !important;
  --ircp-button-bottom: #1b1003 !important;
  --ircp-text: #fff9ec !important;
  --ircp-muted: #dec48d !important;
  --ircp-gloss-opacity: .12 !important;
}

.ircp-wrap.ircp-theme-cream_gold_clean {
  --ircp-accent: #c98f20 !important;
  --ircp-bg-top: #fbf3e4 !important;
  --ircp-bg-mid: #eadcc4 !important;
  --ircp-bg-bottom: #d8c8aa !important;
  --ircp-panel-bg: #fff9ef !important;
  --ircp-panel-red: #f0dfbf !important;
  --ircp-button-top: #d0a04b !important;
  --ircp-button-bottom: #936b1f !important;
  --ircp-text: #17120b !important;
  --ircp-muted: #4e4130 !important;
  --ircp-gloss-opacity: .12 !important;
}

.ircp-wrap.ircp-theme-copper_studio {
  --ircp-accent: #d97832 !important;
  --ircp-bg-top: #24120a !important;
  --ircp-bg-mid: #0b0705 !important;
  --ircp-bg-bottom: #020101 !important;
  --ircp-panel-bg: #130b08 !important;
  --ircp-panel-red: #47230f !important;
  --ircp-button-top: #9c4d1f !important;
  --ircp-button-bottom: #241006 !important;
  --ircp-text: #fff1e8 !important;
  --ircp-muted: #d3ad96 !important;
  --ircp-gloss-opacity: .12 !important;
}

.ircp-wrap.ircp-theme-ruby_velvet {
  --ircp-accent: #e90054 !important;
  --ircp-bg-top: #290616 !important;
  --ircp-bg-mid: #110711 !important;
  --ircp-bg-bottom: #030204 !important;
  --ircp-panel-bg: #170b13 !important;
  --ircp-panel-red: #560929 !important;
  --ircp-button-top: #b60043 !important;
  --ircp-button-bottom: #290416 !important;
  --ircp-text: #fff6fa !important;
  --ircp-muted: #e8b3c8 !important;
  --ircp-gloss-opacity: .12 !important;
}

.ircp-wrap.ircp-theme-hotline_magenta {
  --ircp-accent: #ff2bd6 !important;
  --ircp-bg-top: #310928 !important;
  --ircp-bg-mid: #130715 !important;
  --ircp-bg-bottom: #030203 !important;
  --ircp-panel-bg: #1a0b18 !important;
  --ircp-panel-red: #5f0e51 !important;
  --ircp-button-top: #c51daa !important;
  --ircp-button-bottom: #34082c !important;
  --ircp-text: #fff5fd !important;
  --ircp-muted: #f0bce6 !important;
  --ircp-gloss-opacity: .12 !important;
}

.ircp-wrap.ircp-theme-laser_pink_black {
  --ircp-accent: #ff4cbd !important;
  --ircp-bg-top: #170414 !important;
  --ircp-bg-mid: #080408 !important;
  --ircp-bg-bottom: #010101 !important;
  --ircp-panel-bg: #0d0810 !important;
  --ircp-panel-red: #37102b !important;
  --ircp-button-top: #b71782 !important;
  --ircp-button-bottom: #210619 !important;
  --ircp-text: #fff7fd !important;
  --ircp-muted: #e7b8d9 !important;
  --ircp-gloss-opacity: .12 !important;
}

.ircp-wrap.ircp-theme-neon_rose {
  --ircp-accent: #ff5f94 !important;
  --ircp-bg-top: #2a0613 !important;
  --ircp-bg-mid: #10060b !important;
  --ircp-bg-bottom: #020102 !important;
  --ircp-panel-bg: #15080d !important;
  --ircp-panel-red: #4f0d23 !important;
  --ircp-button-top: #c82860 !important;
  --ircp-button-bottom: #2b0713 !important;
  --ircp-text: #fff7fa !important;
  --ircp-muted: #f1bacd !important;
  --ircp-gloss-opacity: .12 !important;
}

.ircp-wrap.ircp-theme-cyberpunk_magenta {
  --ircp-accent: #ff00ea !important;
  --ircp-bg-top: #28002b !important;
  --ircp-bg-mid: #0a0615 !important;
  --ircp-bg-bottom: #020104 !important;
  --ircp-panel-bg: #120918 !important;
  --ircp-panel-red: #4a0754 !important;
  --ircp-button-top: #b000c9 !important;
  --ircp-button-bottom: #22032b !important;
  --ircp-text: #fff6ff !important;
  --ircp-muted: #e8b6ee !important;
  --ircp-gloss-opacity: .12 !important;
}

.ircp-wrap.ircp-theme-purple_red_neon {
  --ircp-accent: #ff2f7d !important;
  --ircp-bg-top: #220628 !important;
  --ircp-bg-mid: #0c0714 !important;
  --ircp-bg-bottom: #020203 !important;
  --ircp-panel-bg: #110b18 !important;
  --ircp-panel-red: #3c0b3d !important;
  --ircp-button-top: #a71568 !important;
  --ircp-button-bottom: #26082f !important;
  --ircp-text: #fff7ff !important;
  --ircp-muted: #dfbde5 !important;
  --ircp-gloss-opacity: .12 !important;
}

.ircp-wrap.ircp-theme-red_purple_cyan {
  --ircp-accent: #00e5ff !important;
  --ircp-bg-top: #280612 !important;
  --ircp-bg-mid: #110719 !important;
  --ircp-bg-bottom: #020204 !important;
  --ircp-panel-bg: #100b16 !important;
  --ircp-panel-red: #451030 !important;
  --ircp-button-top: #9220a7 !important;
  --ircp-button-bottom: #24072c !important;
  --ircp-text: #f8fdff !important;
  --ircp-muted: #c7dce8 !important;
  --ircp-gloss-opacity: .12 !important;
}

.ircp-wrap.ircp-theme-midnight_purple_cyan {
  --ircp-accent: #2ee8ff !important;
  --ircp-bg-top: #13082d !important;
  --ircp-bg-mid: #070713 !important;
  --ircp-bg-bottom: #010103 !important;
  --ircp-panel-bg: #0b0b16 !important;
  --ircp-panel-red: #27124d !important;
  --ircp-button-top: #1e9bb6 !important;
  --ircp-button-bottom: #0c2236 !important;
  --ircp-text: #f5fcff !important;
  --ircp-muted: #b9d5de !important;
  --ircp-gloss-opacity: .12 !important;
}

.ircp-wrap.ircp-theme-ultraviolet_laser {
  --ircp-accent: #8b5cff !important;
  --ircp-bg-top: #190a3a !important;
  --ircp-bg-mid: #080613 !important;
  --ircp-bg-bottom: #010102 !important;
  --ircp-panel-bg: #0d0a18 !important;
  --ircp-panel-red: #2f1764 !important;
  --ircp-button-top: #6131d9 !important;
  --ircp-button-bottom: #160a36 !important;
  --ircp-text: #ffffff !important;
  --ircp-muted: #cabaf1 !important;
  --ircp-gloss-opacity: .12 !important;
}

.ircp-wrap.ircp-theme-cosmic_indigo {
  --ircp-accent: #725cff !important;
  --ircp-bg-top: #130b2d !important;
  --ircp-bg-mid: #080714 !important;
  --ircp-bg-bottom: #020103 !important;
  --ircp-panel-bg: #0d0c18 !important;
  --ircp-panel-red: #251653 !important;
  --ircp-button-top: #4a35c8 !important;
  --ircp-button-bottom: #140b31 !important;
  --ircp-text: #f7f5ff !important;
  --ircp-muted: #c4bde8 !important;
  --ircp-gloss-opacity: .12 !important;
}

.ircp-wrap.ircp-theme-late_night_violet {
  --ircp-accent: #a95cff !important;
  --ircp-bg-top: #1b0a2a !important;
  --ircp-bg-mid: #0a0710 !important;
  --ircp-bg-bottom: #020103 !important;
  --ircp-panel-bg: #100b17 !important;
  --ircp-panel-red: #32144a !important;
  --ircp-button-top: #7a2acc !important;
  --ircp-button-bottom: #1b082d !important;
  --ircp-text: #fffaff !important;
  --ircp-muted: #d5bee9 !important;
  --ircp-gloss-opacity: .12 !important;
}

.ircp-wrap.ircp-theme-galaxy_gloss {
  --ircp-accent: #7b61ff !important;
  --ircp-bg-top: #13051f !important;
  --ircp-bg-mid: #050510 !important;
  --ircp-bg-bottom: #010102 !important;
  --ircp-panel-bg: #090812 !important;
  --ircp-panel-red: #291042 !important;
  --ircp-button-top: #5738ce !important;
  --ircp-button-bottom: #120627 !important;
  --ircp-text: #f8f7ff !important;
  --ircp-muted: #c9c6e7 !important;
  --ircp-gloss-opacity: .12 !important;
}

.ircp-wrap.ircp-theme-galactic_cyan_purple {
  --ircp-accent: #27f4ff !important;
  --ircp-bg-top: #120725 !important;
  --ircp-bg-mid: #050611 !important;
  --ircp-bg-bottom: #010102 !important;
  --ircp-panel-bg: #0a0914 !important;
  --ircp-panel-red: #241242 !important;
  --ircp-button-top: #1db6d6 !important;
  --ircp-button-bottom: #0b223d !important;
  --ircp-text: #f6feff !important;
  --ircp-muted: #badce6 !important;
  --ircp-gloss-opacity: .12 !important;
}

.ircp-wrap.ircp-theme-nebula_violet {
  --ircp-accent: #d25cff !important;
  --ircp-bg-top: #210b31 !important;
  --ircp-bg-mid: #0b0714 !important;
  --ircp-bg-bottom: #020103 !important;
  --ircp-panel-bg: #120c1b !important;
  --ircp-panel-red: #3e1759 !important;
  --ircp-button-top: #962bc4 !important;
  --ircp-button-bottom: #230a34 !important;
  --ircp-text: #fff8ff !important;
  --ircp-muted: #e0bfec !important;
  --ircp-gloss-opacity: .12 !important;
}

.ircp-wrap.ircp-theme-deep_space_radio {
  --ircp-accent: #6af0ff !important;
  --ircp-bg-top: #071324 !important;
  --ircp-bg-mid: #030812 !important;
  --ircp-bg-bottom: #010205 !important;
  --ircp-panel-bg: #07101a !important;
  --ircp-panel-red: #0c2740 !important;
  --ircp-button-top: #148caf !important;
  --ircp-button-bottom: #05223a !important;
  --ircp-text: #f3fdff !important;
  --ircp-muted: #acd4df !important;
  --ircp-gloss-opacity: 0 !important;
}

.ircp-wrap.ircp-theme-starlight_cyan {
  --ircp-accent: #86f7ff !important;
  --ircp-bg-top: #04131a !important;
  --ircp-bg-mid: #03080d !important;
  --ircp-bg-bottom: #010204 !important;
  --ircp-panel-bg: #071116 !important;
  --ircp-panel-red: #12323d !important;
  --ircp-button-top: #1aa1b9 !important;
  --ircp-button-bottom: #082632 !important;
  --ircp-text: #f5feff !important;
  --ircp-muted: #bfe0e5 !important;
  --ircp-gloss-opacity: .12 !important;
}

.ircp-wrap.ircp-theme-neon_ocean {
  --ircp-accent: #00f5ff !important;
  --ircp-bg-top: #04262e !important;
  --ircp-bg-mid: #061017 !important;
  --ircp-bg-bottom: #010407 !important;
  --ircp-panel-bg: #07161c !important;
  --ircp-panel-red: #063c4a !important;
  --ircp-button-top: #009ec4 !important;
  --ircp-button-bottom: #052936 !important;
  --ircp-text: #f4feff !important;
  --ircp-muted: #b5dce4 !important;
  --ircp-gloss-opacity: .12 !important;
}

.ircp-wrap.ircp-theme-petrol_blue_radio {
  --ircp-accent: #00b8d9 !important;
  --ircp-bg-top: #08252d !important;
  --ircp-bg-mid: #071014 !important;
  --ircp-bg-bottom: #020405 !important;
  --ircp-panel-bg: #0b1519 !important;
  --ircp-panel-red: #0c3640 !important;
  --ircp-button-top: #087f9b !important;
  --ircp-button-bottom: #052833 !important;
  --ircp-text: #f2fdff !important;
  --ircp-muted: #aacad2 !important;
  --ircp-gloss-opacity: 0 !important;
}

.ircp-wrap.ircp-theme-deep_teal_club {
  --ircp-accent: #00ffa3 !important;
  --ircp-bg-top: #06251d !important;
  --ircp-bg-mid: #06100e !important;
  --ircp-bg-bottom: #010302 !important;
  --ircp-panel-bg: #091813 !important;
  --ircp-panel-red: #0a3d2d !important;
  --ircp-button-top: #00a06a !important;
  --ircp-button-bottom: #062b1e !important;
  --ircp-text: #f4fffb !important;
  --ircp-muted: #b8e6d5 !important;
  --ircp-gloss-opacity: .12 !important;
}

.ircp-wrap.ircp-theme-emerald_bassline {
  --ircp-accent: #00ff7a !important;
  --ircp-bg-top: #06240f !important;
  --ircp-bg-mid: #061008 !important;
  --ircp-bg-bottom: #010301 !important;
  --ircp-panel-bg: #0a160d !important;
  --ircp-panel-red: #0d3f1a !important;
  --ircp-button-top: #00a84e !important;
  --ircp-button-bottom: #05260f !important;
  --ircp-text: #f5fff8 !important;
  --ircp-muted: #b8e0c5 !important;
  --ircp-gloss-opacity: .12 !important;
}

.ircp-wrap.ircp-theme-emerald_lounge {
  --ircp-accent: #22d36f !important;
  --ircp-bg-top: #092118 !important;
  --ircp-bg-mid: #07100c !important;
  --ircp-bg-bottom: #020302 !important;
  --ircp-panel-bg: #0d1712 !important;
  --ircp-panel-red: #123b23 !important;
  --ircp-button-top: #13954b !important;
  --ircp-button-bottom: #082515 !important;
  --ircp-text: #f6fff9 !important;
  --ircp-muted: #b8dcc5 !important;
  --ircp-gloss-opacity: .12 !important;
}

.ircp-wrap.ircp-theme-signal_green_black {
  --ircp-accent: #20ff65 !important;
  --ircp-bg-top: #07150a !important;
  --ircp-bg-mid: #040705 !important;
  --ircp-bg-bottom: #010101 !important;
  --ircp-panel-bg: #080c09 !important;
  --ircp-panel-red: #102a14 !important;
  --ircp-button-top: #15943a !important;
  --ircp-button-bottom: #061507 !important;
  --ircp-text: #f5fff6 !important;
  --ircp-muted: #b7d9ba !important;
  --ircp-gloss-opacity: 0 !important;
}

.ircp-wrap.ircp-theme-matrix_green_grid {
  --ircp-accent: #19ff5a !important;
  --ircp-bg-top: #031107 !important;
  --ircp-bg-mid: #030703 !important;
  --ircp-bg-bottom: #000000 !important;
  --ircp-panel-bg: #050905 !important;
  --ircp-panel-red: #0b210e !important;
  --ircp-button-top: #108f32 !important;
  --ircp-button-bottom: #041204 !important;
  --ircp-text: #eaffee !important;
  --ircp-muted: #a9d3ac !important;
  --ircp-gloss-opacity: 0 !important;
}

.ircp-wrap.ircp-theme-toxic_lime_black {
  --ircp-accent: #b7ff00 !important;
  --ircp-bg-top: #141b03 !important;
  --ircp-bg-mid: #090b03 !important;
  --ircp-bg-bottom: #010101 !important;
  --ircp-panel-bg: #0c0f05 !important;
  --ircp-panel-red: #2a3507 !important;
  --ircp-button-top: #7cac00 !important;
  --ircp-button-bottom: #182000 !important;
  --ircp-text: #fbffef !important;
  --ircp-muted: #d7e6a3 !important;
  --ircp-gloss-opacity: .12 !important;
}

.ircp-wrap.ircp-theme-rave_lime_blue {
  --ircp-accent: #91ff00 !important;
  --ircp-bg-top: #061d22 !important;
  --ircp-bg-mid: #070b12 !important;
  --ircp-bg-bottom: #010103 !important;
  --ircp-panel-bg: #0a1115 !important;
  --ircp-panel-red: #152f20 !important;
  --ircp-button-top: #62b900 !important;
  --ircp-button-bottom: #0d2606 !important;
  --ircp-text: #fafff4 !important;
  --ircp-muted: #d2e8bc !important;
  --ircp-gloss-opacity: .12 !important;
}

.ircp-wrap.ircp-theme-drum_bass_green {
  --ircp-accent: #00ff8f !important;
  --ircp-bg-top: #061c12 !important;
  --ircp-bg-mid: #060c0a !important;
  --ircp-bg-bottom: #010201 !important;
  --ircp-panel-bg: #09140f !important;
  --ircp-panel-red: #10361f !important;
  --ircp-button-top: #00a55b !important;
  --ircp-button-bottom: #062611 !important;
  --ircp-text: #f7fffb !important;
  --ircp-muted: #b7ddc8 !important;
  --ircp-gloss-opacity: .12 !important;
}

.ircp-wrap.ircp-theme-old_skool_jungle {
  --ircp-accent: #ffd000 !important;
  --ircp-bg-top: #122006 !important;
  --ircp-bg-mid: #071006 !important;
  --ircp-bg-bottom: #010201 !important;
  --ircp-panel-bg: #0c1308 !important;
  --ircp-panel-red: #263d0b !important;
  --ircp-button-top: #99a900 !important;
  --ircp-button-bottom: #222b03 !important;
  --ircp-text: #fffbe7 !important;
  --ircp-muted: #d7d49b !important;
  --ircp-gloss-opacity: .12 !important;
}

.ircp-wrap.ircp-theme-sapphire_lounge {
  --ircp-accent: #3f8cff !important;
  --ircp-bg-top: #071632 !important;
  --ircp-bg-mid: #050b16 !important;
  --ircp-bg-bottom: #010307 !important;
  --ircp-panel-bg: #0a1020 !important;
  --ircp-panel-red: #102b5e !important;
  --ircp-button-top: #225bbb !important;
  --ircp-button-bottom: #071c40 !important;
  --ircp-text: #f5f9ff !important;
  --ircp-muted: #b8c9e4 !important;
  --ircp-gloss-opacity: .12 !important;
}

.ircp-wrap.ircp-theme-electric_blue_club {
  --ircp-accent: #188cff !important;
  --ircp-bg-top: #041938 !important;
  --ircp-bg-mid: #050b17 !important;
  --ircp-bg-bottom: #010205 !important;
  --ircp-panel-bg: #07101d !important;
  --ircp-panel-red: #0a2f70 !important;
  --ircp-button-top: #0a65d8 !important;
  --ircp-button-bottom: #061b45 !important;
  --ircp-text: #f4f9ff !important;
  --ircp-muted: #b6cbe9 !important;
  --ircp-gloss-opacity: .12 !important;
}

.ircp-wrap.ircp-theme-royal_blue_glow {
  --ircp-accent: #597dff !important;
  --ircp-bg-top: #07103a !important;
  --ircp-bg-mid: #050817 !important;
  --ircp-bg-bottom: #010205 !important;
  --ircp-panel-bg: #0a0f21 !important;
  --ircp-panel-red: #11216a !important;
  --ircp-button-top: #2f50d6 !important;
  --ircp-button-bottom: #091543 !important;
  --ircp-text: #f7f9ff !important;
  --ircp-muted: #bdc6ef !important;
  --ircp-gloss-opacity: .12 !important;
}

.ircp-wrap.ircp-theme-blue_glass {
  --ircp-accent: #2f8cff !important;
  --ircp-bg-top: #07132b !important;
  --ircp-bg-mid: #060b15 !important;
  --ircp-bg-bottom: #020204 !important;
  --ircp-panel-bg: #0b111d !important;
  --ircp-panel-red: #102755 !important;
  --ircp-button-top: #2459b7 !important;
  --ircp-button-bottom: #091a3d !important;
  --ircp-text: #f6f9ff !important;
  --ircp-muted: #b9c9e4 !important;
  --ircp-gloss-opacity: .12 !important;
}

.ircp-wrap.ircp-theme-cold_steel_blue {
  --ircp-accent: #85a7ff !important;
  --ircp-bg-top: #0d1522 !important;
  --ircp-bg-mid: #070b10 !important;
  --ircp-bg-bottom: #020303 !important;
  --ircp-panel-bg: #10151c !important;
  --ircp-panel-red: #1c2d45 !important;
  --ircp-button-top: #4567b7 !important;
  --ircp-button-bottom: #16233a !important;
  --ircp-text: #f5f8ff !important;
  --ircp-muted: #bfc9d8 !important;
  --ircp-gloss-opacity: 0 !important;
}

.ircp-wrap.ircp-theme-platinum_dark_clean {
  --ircp-accent: #d5dce8 !important;
  --ircp-bg-top: #111317 !important;
  --ircp-bg-mid: #07080a !important;
  --ircp-bg-bottom: #020203 !important;
  --ircp-panel-bg: #101114 !important;
  --ircp-panel-red: #24262b !important;
  --ircp-button-top: #5f6672 !important;
  --ircp-button-bottom: #1c2028 !important;
  --ircp-text: #ffffff !important;
  --ircp-muted: #cfd5df !important;
  --ircp-gloss-opacity: 0 !important;
}

.ircp-wrap.ircp-theme-smoke_grey_neon {
  --ircp-accent: #b5c7ff !important;
  --ircp-bg-top: #14161d !important;
  --ircp-bg-mid: #08090d !important;
  --ircp-bg-bottom: #020203 !important;
  --ircp-panel-bg: #111217 !important;
  --ircp-panel-red: #292d38 !important;
  --ircp-button-top: #6a7fcf !important;
  --ircp-button-bottom: #202637 !important;
  --ircp-text: #ffffff !important;
  --ircp-muted: #c8ccd8 !important;
  --ircp-gloss-opacity: .12 !important;
}

.ircp-wrap.ircp-theme-broadcast_graphite {
  --ircp-accent: #ff344c !important;
  --ircp-bg-top: #151619 !important;
  --ircp-bg-mid: #090a0d !important;
  --ircp-bg-bottom: #020203 !important;
  --ircp-panel-bg: #111216 !important;
  --ircp-panel-red: #252830 !important;
  --ircp-button-top: #5d0c18 !important;
  --ircp-button-bottom: #100408 !important;
  --ircp-text: #ffffff !important;
  --ircp-muted: #c8c8c8 !important;
  --ircp-gloss-opacity: 0 !important;
}

.ircp-wrap.ircp-theme-mono_white_black {
  --ircp-accent: #ffffff !important;
  --ircp-bg-top: #0f0f0f !important;
  --ircp-bg-mid: #070707 !important;
  --ircp-bg-bottom: #000000 !important;
  --ircp-panel-bg: #0c0c0c !important;
  --ircp-panel-red: #181818 !important;
  --ircp-button-top: #3b3b3b !important;
  --ircp-button-bottom: #080808 !important;
  --ircp-text: #ffffff !important;
  --ircp-muted: #cfcfcf !important;
  --ircp-gloss-opacity: 0 !important;
}

.ircp-wrap.ircp-theme-clean_bright_blue {
  --ircp-accent: #147cff !important;
  --ircp-bg-top: #eef6ff !important;
  --ircp-bg-mid: #dceaff !important;
  --ircp-bg-bottom: #c9d8ee !important;
  --ircp-panel-bg: #ffffff !important;
  --ircp-panel-red: #d8e9ff !important;
  --ircp-button-top: #247dff !important;
  --ircp-button-bottom: #0d4fa8 !important;
  --ircp-text: #0b1220 !important;
  --ircp-muted: #34445c !important;
  --ircp-gloss-opacity: .12 !important;
}

.ircp-wrap.ircp-theme-clean_bright_red {
  --ircp-accent: #e81935 !important;
  --ircp-bg-top: #fff0f2 !important;
  --ircp-bg-mid: #f2d9de !important;
  --ircp-bg-bottom: #dcc4c9 !important;
  --ircp-panel-bg: #ffffff !important;
  --ircp-panel-red: #f2d3d8 !important;
  --ircp-button-top: #e1243e !important;
  --ircp-button-bottom: #8b0f1e !important;
  --ircp-text: #18090d !important;
  --ircp-muted: #5a3640 !important;
  --ircp-gloss-opacity: .12 !important;
}

.ircp-wrap.ircp-theme-clean_bright_purple {
  --ircp-accent: #9b4dff !important;
  --ircp-bg-top: #f6efff !important;
  --ircp-bg-mid: #e8d8ff !important;
  --ircp-bg-bottom: #d5c1f0 !important;
  --ircp-panel-bg: #ffffff !important;
  --ircp-panel-red: #ead9ff !important;
  --ircp-button-top: #8b44e8 !important;
  --ircp-button-bottom: #4b1f8b !important;
  --ircp-text: #140b20 !important;
  --ircp-muted: #4b3b5d !important;
  --ircp-gloss-opacity: .12 !important;
}

.ircp-wrap.ircp-theme-sunrise_orange {
  --ircp-accent: #ff9f1c !important;
  --ircp-bg-top: #fff1dc !important;
  --ircp-bg-mid: #ffd7aa !important;
  --ircp-bg-bottom: #ffbf7b !important;
  --ircp-panel-bg: #fff7ed !important;
  --ircp-panel-red: #ffd1a2 !important;
  --ircp-button-top: #ff8a00 !important;
  --ircp-button-bottom: #b75500 !important;
  --ircp-text: #201006 !important;
  --ircp-muted: #65412a !important;
  --ircp-gloss-opacity: .12 !important;
}

.ircp-wrap.ircp-theme-miami_neon {
  --ircp-accent: #00f0ff !important;
  --ircp-bg-top: #250b2f !important;
  --ircp-bg-mid: #0c1126 !important;
  --ircp-bg-bottom: #020307 !important;
  --ircp-panel-bg: #120d1d !important;
  --ircp-panel-red: #411759 !important;
  --ircp-button-top: #ff2ec4 !important;
  --ircp-button-bottom: #0f5d7a !important;
  --ircp-text: #fff9ff !important;
  --ircp-muted: #bfeef4 !important;
  --ircp-gloss-opacity: .12 !important;
}

.ircp-wrap.ircp-theme-fire_and_ice {
  --ircp-accent: #00d9ff !important;
  --ircp-bg-top: #26070a !important;
  --ircp-bg-mid: #061325 !important;
  --ircp-bg-bottom: #010204 !important;
  --ircp-panel-bg: #100c13 !important;
  --ircp-panel-red: #3d1114 !important;
  --ircp-button-top: #d7351f !important;
  --ircp-button-bottom: #055e83 !important;
  --ircp-text: #f7feff !important;
  --ircp-muted: #bddbe5 !important;
  --ircp-gloss-opacity: .12 !important;
}

.ircp-wrap.ircp-theme-eclipse_shadow {
  --ircp-accent: #ff3d73 !important;
  --ircp-bg-top: #070709 !important;
  --ircp-bg-mid: #020203 !important;
  --ircp-bg-bottom: #000000 !important;
  --ircp-panel-bg: #08080b !important;
  --ircp-panel-red: #180911 !important;
  --ircp-button-top: #6f1231 !important;
  --ircp-button-bottom: #12050a !important;
  --ircp-text: #ffffff !important;
  --ircp-muted: #b9b9c0 !important;
  --ircp-gloss-opacity: .12 !important;
}

.ircp-wrap.ircp-theme-moonlight_blue {
  --ircp-accent: #7fc7ff !important;
  --ircp-bg-top: #06101d !important;
  --ircp-bg-mid: #04080f !important;
  --ircp-bg-bottom: #010204 !important;
  --ircp-panel-bg: #080e17 !important;
  --ircp-panel-red: #10284a !important;
  --ircp-button-top: #2e77b7 !important;
  --ircp-button-bottom: #09243d !important;
  --ircp-text: #f4fbff !important;
  --ircp-muted: #b8d3e8 !important;
  --ircp-gloss-opacity: .12 !important;
}

.ircp-wrap.ircp-theme-solar_flare {
  --ircp-accent: #ffcc33 !important;
  --ircp-bg-top: #301204 !important;
  --ircp-bg-mid: #100703 !important;
  --ircp-bg-bottom: #020100 !important;
  --ircp-panel-bg: #130b06 !important;
  --ircp-panel-red: #5c2106 !important;
  --ircp-button-top: #d88b10 !important;
  --ircp-button-bottom: #2c0d02 !important;
  --ircp-text: #fff8e6 !important;
  --ircp-muted: #ebc995 !important;
  --ircp-gloss-opacity: .12 !important;
}

.ircp-wrap.ircp-theme-warehouse_rave {
  --ircp-accent: #fffb00 !important;
  --ircp-bg-top: #120d0a !important;
  --ircp-bg-mid: #080707 !important;
  --ircp-bg-bottom: #010101 !important;
  --ircp-panel-bg: #0d0d0d !important;
  --ircp-panel-red: #2d2306 !important;
  --ircp-button-top: #b0a600 !important;
  --ircp-button-bottom: #2b2300 !important;
  --ircp-text: #fffde8 !important;
  --ircp-muted: #dad7a5 !important;
  --ircp-gloss-opacity: 0 !important;
}

.ircp-wrap.ircp-theme-ukg_dark_swing {
  --ircp-accent: #00d5ff !important;
  --ircp-bg-top: #07141c !important;
  --ircp-bg-mid: #06090e !important;
  --ircp-bg-bottom: #010102 !important;
  --ircp-panel-bg: #090d13 !important;
  --ircp-panel-red: #122b36 !important;
  --ircp-button-top: #007b9e !important;
  --ircp-button-bottom: #071f2a !important;
  --ircp-text: #f2fcff !important;
  --ircp-muted: #abcdd7 !important;
  --ircp-gloss-opacity: .12 !important;
}

.ircp-wrap.ircp-theme-trance_gatecrasher {
  --ircp-accent: #64f0ff !important;
  --ircp-bg-top: #071832 !important;
  --ircp-bg-mid: #050714 !important;
  --ircp-bg-bottom: #010104 !important;
  --ircp-panel-bg: #090c18 !important;
  --ircp-panel-red: #122b5a !important;
  --ircp-button-top: #2f8dda !important;
  --ircp-button-bottom: #0b2148 !important;
  --ircp-text: #f5fdff !important;
  --ircp-muted: #b7d4e5 !important;
  --ircp-gloss-opacity: .12 !important;
}

.ircp-wrap.ircp-theme-hard_house_yellow {
  --ircp-accent: #fff000 !important;
  --ircp-bg-top: #211f04 !important;
  --ircp-bg-mid: #0c0b04 !important;
  --ircp-bg-bottom: #010101 !important;
  --ircp-panel-bg: #101006 !important;
  --ircp-panel-red: #383405 !important;
  --ircp-button-top: #b6ad00 !important;
  --ircp-button-bottom: #282500 !important;
  --ircp-text: #fffde7 !important;
  --ircp-muted: #e4df9e !important;
  --ircp-gloss-opacity: .12 !important;
}

.ircp-wrap.ircp-theme-pirate_fm_red {
  --ircp-accent: #ff2020 !important;
  --ircp-bg-top: #1f0505 !important;
  --ircp-bg-mid: #090505 !important;
  --ircp-bg-bottom: #010101 !important;
  --ircp-panel-bg: #100808 !important;
  --ircp-panel-red: #410707 !important;
  --ircp-button-top: #a90e0e !important;
  --ircp-button-bottom: #220303 !important;
  --ircp-text: #ffffff !important;
  --ircp-muted: #d4b4b4 !important;
  --ircp-gloss-opacity: .12 !important;
}

.ircp-wrap.ircp-theme-frequency_blue {
  --ircp-accent: #00aeff !important;
  --ircp-bg-top: #061627 !important;
  --ircp-bg-mid: #040a10 !important;
  --ircp-bg-bottom: #010204 !important;
  --ircp-panel-bg: #08111a !important;
  --ircp-panel-red: #102e4d !important;
  --ircp-button-top: #147fbd !important;
  --ircp-button-bottom: #08253d !important;
  --ircp-text: #f5fbff !important;
  --ircp-muted: #b5d0e2 !important;
  --ircp-gloss-opacity: .12 !important;
}

.ircp-wrap.ircp-theme-warm_analogue {
  --ircp-accent: #ff9a3c !important;
  --ircp-bg-top: #24150a !important;
  --ircp-bg-mid: #0d0905 !important;
  --ircp-bg-bottom: #020101 !important;
  --ircp-panel-bg: #140d08 !important;
  --ircp-panel-red: #45270f !important;
  --ircp-button-top: #b86a20 !important;
  --ircp-button-bottom: #271205 !important;
  --ircp-text: #fff1e8 !important;
  --ircp-muted: #d9b59d !important;
  --ircp-gloss-opacity: .12 !important;
}

.ircp-wrap.ircp-theme-black_red_blue {
  --ircp-accent: #2878ff !important;
  --ircp-bg-top: #170507 !important;
  --ircp-bg-mid: #06060a !important;
  --ircp-bg-bottom: #010102 !important;
  --ircp-panel-bg: #090a0e !important;
  --ircp-panel-red: #310a13 !important;
  --ircp-button-top: #aa102d !important;
  --ircp-button-bottom: #081b49 !important;
  --ircp-text: #ffffff !important;
  --ircp-muted: #bfc9e2 !important;
  --ircp-gloss-opacity: .12 !important;
}

.ircp-wrap.ircp-theme-neon_blackout {
  --ircp-accent: #00ffea !important;
  --ircp-bg-top: #060607 !important;
  --ircp-bg-mid: #020203 !important;
  --ircp-bg-bottom: #000000 !important;
  --ircp-panel-bg: #070709 !important;
  --ircp-panel-red: #0b1c1d !important;
  --ircp-button-top: #008c82 !important;
  --ircp-button-bottom: #031515 !important;
  --ircp-text: #ffffff !important;
  --ircp-muted: #b4cecb !important;
  --ircp-gloss-opacity: 0 !important;
}

.ircp-wrap.ircp-theme-velvet_blue_red {
  --ircp-accent: #ff285a !important;
  --ircp-bg-top: #0a0e28 !important;
  --ircp-bg-mid: #05060e !important;
  --ircp-bg-bottom: #010102 !important;
  --ircp-panel-bg: #090b16 !important;
  --ircp-panel-red: #171b43 !important;
  --ircp-button-top: #a9183d !important;
  --ircp-button-bottom: #0d1a4b !important;
  --ircp-text: #fff7fb !important;
  --ircp-muted: #c8cce4 !important;
  --ircp-gloss-opacity: .12 !important;
}

.ircp-wrap.ircp-theme-dark_cyan_red {
  --ircp-accent: #ff3c55 !important;
  --ircp-bg-top: #041b20 !important;
  --ircp-bg-mid: #050b0d !important;
  --ircp-bg-bottom: #010203 !important;
  --ircp-panel-bg: #071114 !important;
  --ircp-panel-red: #12353a !important;
  --ircp-button-top: #0090a3 !important;
  --ircp-button-bottom: #4c0912 !important;
  --ircp-text: #f5feff !important;
  --ircp-muted: #b7d7dd !important;
  --ircp-gloss-opacity: .12 !important;
}

.ircp-wrap.ircp-theme-arctic_black {
  --ircp-accent: #bffcff !important;
  --ircp-bg-top: #0b1117 !important;
  --ircp-bg-mid: #050708 !important;
  --ircp-bg-bottom: #010101 !important;
  --ircp-panel-bg: #0c1115 !important;
  --ircp-panel-red: #1b2c34 !important;
  --ircp-button-top: #3aa8b8 !important;
  --ircp-button-bottom: #152b35 !important;
  --ircp-text: #f7feff !important;
  --ircp-muted: #c5dde2 !important;
  --ircp-gloss-opacity: 0 !important;
}

.ircp-wrap.ircp-theme-hologram_blue {
  --ircp-accent: #7df9ff !important;
  --ircp-bg-top: #071823 !important;
  --ircp-bg-mid: #050b11 !important;
  --ircp-bg-bottom: #010204 !important;
  --ircp-panel-bg: #08131a !important;
  --ircp-panel-red: #123444 !important;
  --ircp-button-top: #2cc9d3 !important;
  --ircp-button-bottom: #0b2f3a !important;
  --ircp-text: #f6feff !important;
  --ircp-muted: #bee0e4 !important;
  --ircp-gloss-opacity: .12 !important;
}

.ircp-wrap.ircp-theme-hologram_pink {
  --ircp-accent: #ff7df2 !important;
  --ircp-bg-top: #210822 !important;
  --ircp-bg-mid: #0b0710 !important;
  --ircp-bg-bottom: #020102 !important;
  --ircp-panel-bg: #110b14 !important;
  --ircp-panel-red: #3c173c !important;
  --ircp-button-top: #cf3fc8 !important;
  --ircp-button-bottom: #250b28 !important;
  --ircp-text: #fff8ff !important;
  --ircp-muted: #e8c0e6 !important;
  --ircp-gloss-opacity: .12 !important;
}

.ircp-wrap.ircp-theme-acid_radio {
  --ircp-accent: #d6ff00 !important;
  --ircp-bg-top: #101505 !important;
  --ircp-bg-mid: #060803 !important;
  --ircp-bg-bottom: #010101 !important;
  --ircp-panel-bg: #090d04 !important;
  --ircp-panel-red: #27340a !important;
  --ircp-button-top: #8eb000 !important;
  --ircp-button-bottom: #182500 !important;
  --ircp-text: #fbffe6 !important;
  --ircp-muted: #d6e39f !important;
  --ircp-gloss-opacity: .12 !important;
}

.ircp-wrap.ircp-theme-laser_blue_red {
  --ircp-accent: #2efaff !important;
  --ircp-bg-top: #1b0508 !important;
  --ircp-bg-mid: #050912 !important;
  --ircp-bg-bottom: #010103 !important;
  --ircp-panel-bg: #090c13 !important;
  --ircp-panel-red: #390a15 !important;
  --ircp-button-top: #ca1334 !important;
  --ircp-button-bottom: #0d5c6f !important;
  --ircp-text: #f6feff !important;
  --ircp-muted: #bfe2e6 !important;
  --ircp-gloss-opacity: .12 !important;
}

.ircp-wrap.ircp-theme-red_nebula {
  --ircp-accent: #ff335f !important;
  --ircp-bg-top: #24050f !important;
  --ircp-bg-mid: #09050a !important;
  --ircp-bg-bottom: #010102 !important;
  --ircp-panel-bg: #10070d !important;
  --ircp-panel-red: #471028 !important;
  --ircp-button-top: #b61e4a !important;
  --ircp-button-bottom: #240815 !important;
  --ircp-text: #fff7fa !important;
  --ircp-muted: #e0b7c3 !important;
  --ircp-gloss-opacity: .12 !important;
}

.ircp-wrap.ircp-theme-violet_sunset {
  --ircp-accent: #ff8a2a !important;
  --ircp-bg-top: #210c2f !important;
  --ircp-bg-mid: #10071c !important;
  --ircp-bg-bottom: #020103 !important;
  --ircp-panel-bg: #150d1c !important;
  --ircp-panel-red: #3a174f !important;
  --ircp-button-top: #9a35c8 !important;
  --ircp-button-bottom: #52210a !important;
  --ircp-text: #fff7ef !important;
  --ircp-muted: #e4c0da !important;
  --ircp-gloss-opacity: .12 !important;
}

.ircp-wrap.ircp-theme-blueberry_neon {
  --ircp-accent: #4ab3ff !important;
  --ircp-bg-top: #110b30 !important;
  --ircp-bg-mid: #070713 !important;
  --ircp-bg-bottom: #010102 !important;
  --ircp-panel-bg: #0b0b18 !important;
  --ircp-panel-red: #25164f !important;
  --ircp-button-top: #2c72dd !important;
  --ircp-button-bottom: #130c32 !important;
  --ircp-text: #f6fbff !important;
  --ircp-muted: #bec8e8 !important;
  --ircp-gloss-opacity: .12 !important;
}

.ircp-wrap.ircp-theme-afterdark_cyan {
  --ircp-accent: #00ffd5 !important;
  --ircp-bg-top: #031a1d !important;
  --ircp-bg-mid: #04090b !important;
  --ircp-bg-bottom: #010102 !important;
  --ircp-panel-bg: #071113 !important;
  --ircp-panel-red: #0a3033 !important;
  --ircp-button-top: #00a98f !important;
  --ircp-button-bottom: #052527 !important;
  --ircp-text: #f2fffc !important;
  --ircp-muted: #afe3dc !important;
  --ircp-gloss-opacity: .12 !important;
}

.ircp-wrap.ircp-theme-blood_orange {
  --ircp-accent: #ff3b16 !important;
  --ircp-bg-top: #2c0704 !important;
  --ircp-bg-mid: #100403 !important;
  --ircp-bg-bottom: #020101 !important;
  --ircp-panel-bg: #130704 !important;
  --ircp-panel-red: #5a1107 !important;
  --ircp-button-top: #c52b0d !important;
  --ircp-button-bottom: #270501 !important;
  --ircp-text: #fff2ee !important;
  --ircp-muted: #e8afa2 !important;
  --ircp-gloss-opacity: .12 !important;
}

.ircp-wrap.ircp-theme-phantom_white {
  --ircp-accent: #f0f3ff !important;
  --ircp-bg-top: #0b0b10 !important;
  --ircp-bg-mid: #050506 !important;
  --ircp-bg-bottom: #000000 !important;
  --ircp-panel-bg: #09090d !important;
  --ircp-panel-red: #151521 !important;
  --ircp-button-top: #3d4162 !important;
  --ircp-button-bottom: #0d0e18 !important;
  --ircp-text: #ffffff !important;
  --ircp-muted: #d0d2dc !important;
  --ircp-gloss-opacity: 0 !important;
}

.ircp-wrap.ircp-theme-luxury_purple_gold {
  --ircp-accent: #ffc857 !important;
  --ircp-bg-top: #1b0826 !important;
  --ircp-bg-mid: #0b0610 !important;
  --ircp-bg-bottom: #020102 !important;
  --ircp-panel-bg: #100a15 !important;
  --ircp-panel-red: #351449 !important;
  --ircp-button-top: #9b6a1c !important;
  --ircp-button-bottom: #1e0a2a !important;
  --ircp-text: #fff8e8 !important;
  --ircp-muted: #ddc69b !important;
  --ircp-gloss-opacity: .12 !important;
}

.ircp-wrap.ircp-theme-techno_steel_red {
  --ircp-accent: #ff304f !important;
  --ircp-bg-top: #15181e !important;
  --ircp-bg-mid: #07090d !important;
  --ircp-bg-bottom: #020203 !important;
  --ircp-panel-bg: #11151b !important;
  --ircp-panel-red: #302129 !important;
  --ircp-button-top: #8f1528 !important;
  --ircp-button-bottom: #1b1116 !important;
  --ircp-text: #ffffff !important;
  --ircp-muted: #c9cdd5 !important;
  --ircp-gloss-opacity: 0 !important;
}

.ircp-wrap.ircp-theme-underground_black_gold {
  --ircp-accent: #f5b32f !important;
  --ircp-bg-top: #0d0905 !important;
  --ircp-bg-mid: #040403 !important;
  --ircp-bg-bottom: #000000 !important;
  --ircp-panel-bg: #090807 !important;
  --ircp-panel-red: #231608 !important;
  --ircp-button-top: #805111 !important;
  --ircp-button-bottom: #170d03 !important;
  --ircp-text: #fff4df !important;
  --ircp-muted: #cab082 !important;
  --ircp-gloss-opacity: .12 !important;
}

.ircp-wrap.ircp-theme-purple_rain_radio {
  --ircp-accent: #b964ff !important;
  --ircp-bg-top: #1b092d !important;
  --ircp-bg-mid: #0a0712 !important;
  --ircp-bg-bottom: #020103 !important;
  --ircp-panel-bg: #100b18 !important;
  --ircp-panel-red: #371553 !important;
  --ircp-button-top: #8730c8 !important;
  --ircp-button-bottom: #1e0a31 !important;
  --ircp-text: #fffaff !important;
  --ircp-muted: #d7bfe8 !important;
  --ircp-gloss-opacity: .12 !important;
}

.ircp-wrap.ircp-theme-deep_red_matte {
  --ircp-accent: #d42336 !important;
  --ircp-bg-top: #160507 !important;
  --ircp-bg-mid: #080607 !important;
  --ircp-bg-bottom: #010101 !important;
  --ircp-panel-bg: #0d0b0b !important;
  --ircp-panel-red: #2f090d !important;
  --ircp-button-top: #71121d !important;
  --ircp-button-bottom: #140306 !important;
  --ircp-text: #ffffff !important;
  --ircp-muted: #cbb8ba !important;
  --ircp-gloss-opacity: 0 !important;
}

.ircp-wrap.ircp-theme-ocean_dark_matte {
  --ircp-accent: #19c5e8 !important;
  --ircp-bg-top: #06171c !important;
  --ircp-bg-mid: #060b0d !important;
  --ircp-bg-bottom: #010202 !important;
  --ircp-panel-bg: #0a1113 !important;
  --ircp-panel-red: #0e323b !important;
  --ircp-button-top: #087f94 !important;
  --ircp-button-bottom: #06242b !important;
  --ircp-text: #f2fdff !important;
  --ircp-muted: #abcdd3 !important;
  --ircp-gloss-opacity: 0 !important;
}

.ircp-wrap.ircp-theme-green_room_dark {
  --ircp-accent: #2cff8a !important;
  --ircp-bg-top: #07180d !important;
  --ircp-bg-mid: #050905 !important;
  --ircp-bg-bottom: #010101 !important;
  --ircp-panel-bg: #08100a !important;
  --ircp-panel-red: #12321b !important;
  --ircp-button-top: #15994e !important;
  --ircp-button-bottom: #061d0d !important;
  --ircp-text: #f5fff8 !important;
  --ircp-muted: #b8d8c2 !important;
  --ircp-gloss-opacity: .12 !important;
}

.ircp-settings-updating {
  position: relative !important;
}

.ircp-settings-updating:after {
  content: "Updating chatroom settings...";
  position: absolute;
  inset: 0;
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--ircp-text,#fff);
  font-family: var(--ircp-font-family,Arial,sans-serif);
  font-weight: 800;
  letter-spacing: .02em;
  background: rgba(0,0,0,.62);
  backdrop-filter: blur(4px);
  text-shadow: 0 0 14px var(--ircp-accent,#ff2f45);
  pointer-events: none;
}

.ircp-control-role {
  font-family: Arial,sans-serif;
  font-size: 12px;
  color: var(--ircp-muted,#c9c9c9);
  margin: 6px 0 10px;
  text-align: center;
}

.ircp-ban-row:has([data-ircp-mute-minutes]) {
  grid-template-columns: minmax(0,1fr) 74px 90px;
}

.ircp-ban-row [data-ircp-mute-minutes] {
  min-width: 0;
  text-align: center;
}

.ircp-msg.ircp-announcement-msg {
  border-color: color-mix(in srgb, var(--ircp-accent,#ff2f45) 55%, rgba(255,255,255,.22)) !important;
  background: linear-gradient(180deg, color-mix(in srgb, var(--ircp-accent,#ff2f45) 22%, rgba(255,255,255,.06)), rgba(0,0,0,.30)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.12),0 0 18px color-mix(in srgb, var(--ircp-accent,#ff2f45) 20%, transparent) !important;
  max-height: 900px;
  overflow: hidden;
  transition: opacity .9s ease,max-height .9s ease,margin .9s ease,padding .9s ease,transform .9s ease,border-width .9s ease,box-shadow .9s ease;
}

.ircp-msg.ircp-announcement-msg .ircp-name::before {
  content: "📢 ";
}

.ircp-msg.ircp-announcement-faded {
  opacity: 0 !important;
  max-height: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  border-width: 0 !important;
  box-shadow: none !important;
  transform: translateY(-6px);
  pointer-events: none !important;
}

.ircp-msg.ircp-announcement-faded .ircp-msg-avatar,
.ircp-msg.ircp-announcement-faded .ircp-msg-content,
.ircp-msg.ircp-announcement-faded .ircp-del {
  opacity: 0 !important;
}

.ircp-pro-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-left: 6px;
  padding: 2px 7px;
  border-radius: 999px;
  font-size: 10px;
  line-height: 1;
  font-weight: 900;
  letter-spacing: .06em;
  text-transform: uppercase;
  vertical-align: middle;
  border: 1px solid rgba(255,255,255,.22);
  box-shadow: 0 0 10px rgba(255,255,255,.10),inset 0 1px 0 rgba(255,255,255,.26);
}

.ircp-pro-badge-staff {
  color: #fff;
  background: linear-gradient(180deg,#ff3354,#530713);
  border-color: rgba(255,80,110,.62);
  text-shadow: 0 0 8px rgba(255,55,82,.85);
}

.ircp-pro-badge-vip {
  color: #1b1200;
  background: linear-gradient(180deg,#ffe59a,#c68a18);
  border-color: rgba(255,215,99,.75);
  text-shadow: 0 1px 0 rgba(255,255,255,.45);
}

.ircp-pro-keyword {
  display: inline-block;
  padding: 0 .28em;
  border-radius: .45em;
  background: linear-gradient(180deg,rgba(255,210,70,.24),rgba(255,45,82,.16));
  color: #fff;
  border: 1px solid rgba(255,197,75,.28);
  box-shadow: 0 0 10px rgba(255,52,88,.18);
}

.ircp-msg.ircp-pro-welcome .ircp-name {
  color: #ffd25b !important;
  text-shadow: 0 0 10px rgba(255,210,91,.45);
}

.ircp-user-name .ircp-pro-badge {
  margin-left: 5px;
  transform: translateY(-1px);
}

@keyframes ircp-mobile-title-copy-shadow-reset{
  0%,12%{opacity:0;transform:translate3d(-18px,0,0) scale(1);filter:blur(1.4px)}
  22%,42%{opacity:.34;transform:translate3d(-8px,0,0) scale(1);filter:blur(.25px)}
  62%{opacity:0;transform:translate3d(3px,0,0) scale(1);filter:blur(1.7px)}
  100%{opacity:0;transform:translate3d(3px,0,0) scale(1);filter:blur(1.7px)}
}

@media (max-width:760px) {
.ircp-brand,
  .ircp-head strong,
  body:not(.wp-admin) .ir-banner-header h1,
  body:not(.wp-admin) .ir-banner-header .ir-title,
  body:not(.wp-admin) .ir-banner-header .ir-hero-title,
  body:not(.wp-admin) .ir-banner-header .ir-banner-title,
  body:not(.wp-admin) .ir-hero h1,
  body:not(.wp-admin) .chatroom-title,
  body:not(.wp-admin) .force-chatroom-title,
  body:not(.wp-admin) .force-live-room-title,
  body:not(.wp-admin) [data-ircp-mobile-title-fix] {
  text-shadow: 0 3px 0 rgba(0,0,0,.58),0 0 12px rgba(255,255,255,.18),0 0 18px color-mix(in srgb, var(--ircp-accent,#ff2f45) 18%, transparent) !important;
}
}

@media (max-width:760px) {
.ircp-mobile-title-shadow-fixed {
  position: relative !important;
  isolation: isolate !important;
}
}

@media (max-width:760px) {
.ircp-mobile-title-shadow-fixed::before {
  content: none !important;
  display: none !important;
  animation: none !important;
  opacity: 0 !important;
}
}

@media (max-width:760px) {
.ircp-mobile-title-shadow-fixed::after {
  content: attr(data-ircp-title-copy) !important;
  position: absolute !important;
  left: 0 !important;
  top: 0 !important;
  width: 100% !important;
  height: 100% !important;
  pointer-events: none !important;
  color: rgba(255,255,255,.34) !important;
  text-shadow: 0 4px 0 rgba(0,0,0,.42),0 0 14px color-mix(in srgb, var(--ircp-accent,#ff2f45) 22%, transparent) !important;
  transform-origin: left center !important;
  animation: ircp-mobile-title-copy-shadow-reset 5.2s ease-in-out infinite !important;
  animation-fill-mode: both !important;
  will-change: opacity,transform,filter !important;
  mix-blend-mode: screen;
}
}

@media (max-width:760px) and (prefers-reduced-motion:reduce) {
.ircp-mobile-title-shadow-fixed::after {
  animation: none !important;
  opacity: 0 !important;
  content: none !important;
  display: none !important;
}
}

.ircp-msg.ircp-pro-welcome {
  border-color: rgba(255,211,86,.35) !important;
  background: linear-gradient(135deg,rgba(255,193,50,.16),rgba(255,45,82,.10),rgba(0,0,0,.20)) !important;
  box-shadow: 0 0 18px rgba(255,59,95,.14),inset 0 1px 0 rgba(255,255,255,.11);
  overflow: hidden !important;
  transition: opacity .75s ease, transform .75s ease, max-height .75s ease, margin .75s ease, padding .75s ease, border-width .75s ease !important;
  max-height: 180px;
}

.ircp-msg.ircp-pro-welcome .ircp-text {
  font-size: clamp(12px,1.7vw,14px) !important;
  line-height: 1.32 !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
}

.ircp-msg.ircp-pro-welcome.ircp-pro-welcome-fading {
  opacity: 0 !important;
  transform: translateY(-6px) !important;
  max-height: 0 !important;
  margin-bottom: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  border-width: 0 !important;
  pointer-events: none !important;
}

@media (max-width:760px) {
.ircp-msg.ircp-pro-welcome {
  grid-template-columns: 28px minmax(0,1fr) !important;
  gap: 7px !important;
  padding: 8px 34px 8px 9px !important;
  margin-bottom: 8px !important;
  border-radius: 11px !important;
}
}

@media (max-width:760px) {
.ircp-msg.ircp-pro-welcome .ircp-msg-avatar {
  width: 28px !important;
  height: 28px !important;
}
}

@media (max-width:760px) {
.ircp-msg.ircp-pro-welcome .ircp-msg-head {
  gap: 5px !important;
  margin-bottom: 3px !important;
  line-height: 1.1 !important;
}
}

@media (max-width:760px) {
.ircp-msg.ircp-pro-welcome .ircp-name {
  font-size: 10px !important;
  letter-spacing: .01em !important;
}
}

@media (max-width:760px) {
.ircp-msg.ircp-pro-welcome .ircp-time {
  font-size: 9px !important;
}
}

@media (max-width:760px) {
.ircp-msg.ircp-pro-welcome .ircp-text {
  font-size: 11px !important;
  line-height: 1.24 !important;
}
}

.ircp-wrap .ircp-gif-search {
  align-items: stretch !important;
}

.ircp-wrap .ircp-gif-search input,
.ircp-wrap .ircp-gif-search button {
  height: 46px !important;
  min-height: 46px !important;
  margin: 0 !important;
}

.ircp-wrap .ircp-gif-search button,
.ircp-wrap button[data-ircp-gif-search] {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  padding: 0 12px !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  vertical-align: middle !important;
}

.ircp-wrap .ircp-gif-search button:hover,
.ircp-wrap button[data-ircp-gif-search]:hover {
  transform: translateY(-1px) !important;
}

@media (max-width:600px) {
.ircp-wrap .ircp-gif-search {
  grid-template-columns: minmax(0,1fr) 88px !important;
  gap: 7px !important;
}
}

@media (max-width:600px) {
.ircp-wrap .ircp-gif-search input,
  .ircp-wrap .ircp-gif-search button {
  height: 44px !important;
  min-height: 44px !important;
}
}

@media (max-width:600px) {
.ircp-wrap .ircp-gif-search button,
  .ircp-wrap button[data-ircp-gif-search] {
  padding: 0 10px !important;
  font-size: 13px !important;
  letter-spacing: .7px !important;
}
}

.ircp-users-backdrop {
  display: none !important;
}

.ircp-wrap.ircp-mobile-users-no-toggle .ircp-users-toggle {
  display: none !important;
}

@media (min-width:821px) {
.ircp-users-toggle,.ircp-users-backdrop {
  display: none !important;
}
}

@media (min-width:821px) {
.ircp-wrap.ircp-users-open .ircp-users {
  transform: none !important;
}
}

@media (max-width:820px) {
.ircp-wrap.ircp-mobile-users-slideout:not(.ircp-no-users):not(.ircp-mobile-users-no-toggle) .ircp-users-toggle {
  display: inline-flex !important;
  width: var(--ircp-mobile-userlist-toggle-size,34px) !important;
  min-width: var(--ircp-mobile-userlist-toggle-size,34px) !important;
  height: var(--ircp-mobile-userlist-toggle-size,34px) !important;
  min-height: var(--ircp-mobile-userlist-toggle-size,34px) !important;
  align-items: center !important;
  justify-content: center !important;
  position: relative !important;
  z-index: 21 !important;
}
}

@media (max-width:820px) {
.ircp-wrap.ircp-mobile-users-slideout:not(.ircp-no-users) .ircp-main {
  position: relative !important;
  grid-template-columns: 1fr !important;
  grid-template-rows: minmax(0,1fr) !important;
  overflow: hidden !important;
}
}

@media (max-width:820px) {
.ircp-wrap.ircp-mobile-users-slideout:not(.ircp-no-users) .ircp-chat {
  border-right: 0 !important;
  border-bottom: 0 !important;
  min-height: 0 !important;
}
}

@media (max-width:820px) {
.ircp-wrap.ircp-mobile-users-slideout.ircp-users-open:not(.ircp-no-users) .ircp-users {
  transform: translateX(0) !important;
  box-shadow: -18px 0 34px rgba(0,0,0,.55), inset 1px 0 0 rgba(255,255,255,.05) !important;
}
}

@media (max-width:820px) {
.ircp-wrap.ircp-mobile-users-slideout.ircp-users-open:not(.ircp-no-users) .ircp-users-toggle {
  box-shadow: 0 0 18px color-mix(in srgb, var(--ircp-accent,#ff2f45) 34%, transparent), inset 0 1px 0 rgba(255,255,255,.16) !important;
}
}

@media (max-width:820px) {
.ircp-wrap.ircp-mobile-users-slideout.ircp-users-open.ircp-mobile-users-backdrop-close:not(.ircp-no-users) .ircp-users-backdrop {
  display: block !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 17 !important;
  width: 100% !important;
  height: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: linear-gradient(90deg, rgba(0,0,0,.18), rgba(0,0,0,.34)) !important;
  cursor: pointer !important;
}
}

@media (max-width:820px) {
.ircp-wrap.ircp-mobile-users-below:not(.ircp-no-users) .ircp-users-toggle,
  .ircp-wrap.ircp-mobile-users-hidden:not(.ircp-no-users) .ircp-users-toggle {
  display: none !important;
}
}

@media (max-width:820px) {
.ircp-wrap.ircp-mobile-users-below:not(.ircp-no-users) .ircp-main {
  position: relative !important;
  grid-template-columns: 1fr !important;
  grid-template-rows: minmax(0,1fr) minmax(80px,var(--ircp-mobile-userlist-height,160px)) !important;
  overflow: hidden !important;
}
}

@media (max-width:820px) {
.ircp-wrap.ircp-mobile-users-below:not(.ircp-no-users) .ircp-chat {
  border-right: 0 !important;
  border-bottom: 1px solid color-mix(in srgb, var(--ircp-accent,#ff2f45) 18%, transparent) !important;
  min-height: 0 !important;
}
}

@media (max-width:820px) {
.ircp-wrap.ircp-mobile-users-hidden:not(.ircp-no-users) .ircp-main {
  grid-template-columns: 1fr !important;
  grid-template-rows: minmax(0,1fr) !important;
}
}

@media (max-width:820px) {
.ircp-wrap.ircp-mobile-users-hidden:not(.ircp-no-users) .ircp-users,
  .ircp-wrap.ircp-mobile-users-hidden:not(.ircp-no-users) .ircp-users-backdrop {
  display: none !important;
}
}

@media (max-width:600px) {
.ircp-wrap.ircp-mobile-users-slideout:not(.ircp-no-users) .ircp-users {
  width: min(var(--ircp-mobile-userlist-panel-width,88vw),var(--ircp-mobile-userlist-panel-max-width,330px)) !important;
  max-width: min(var(--ircp-mobile-userlist-panel-width,88vw),var(--ircp-mobile-userlist-panel-max-width,330px)) !important;
  padding: 12px !important;
}
}

@media (max-width:820px) {
.ircp-wrap.ircp-mobile-users-slideout:not(.ircp-no-users) .ircp-app {
  position: relative !important;
}
}

@media (max-width:820px) {
.ircp-wrap.ircp-mobile-users-slideout:not(.ircp-no-users) .ircp-users-toggle {
  text-align: center !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  font-size: calc(var(--ircp-mobile-userlist-toggle-size,34px) * .46) !important;
  box-shadow: 0 8px 18px rgba(0,0,0,.36), inset 0 1px 0 rgba(255,255,255,.15) !important;
}
}

@media (max-width:820px) {
.ircp-wrap.ircp-mobile-users-slideout.ircp-users-open:not(.ircp-no-users) .ircp-users-toggle.is-open {
  font-size: calc(var(--ircp-mobile-userlist-toggle-size,34px) * .62) !important;
}
}

@media (max-width:820px) {
.ircp-wrap.ircp-mobile-toggle-pos-header-right:not(.ircp-no-users) .ircp-users-toggle {
  position: relative !important;
  top: auto !important;
  right: auto !important;
  left: auto !important;
  bottom: auto !important;
}
}

@media (max-width:820px) {
.ircp-wrap.ircp-mobile-toggle-pos-chat-top-right:not(.ircp-no-users) .ircp-users-toggle,
  .ircp-wrap.ircp-mobile-toggle-pos-chat-top-left:not(.ircp-no-users) .ircp-users-toggle {
  position: absolute !important;
  top: calc(var(--ircp-header-height,60px) + 10px) !important;
  right: auto !important;
  left: auto !important;
  bottom: auto !important;
  z-index: 22 !important;
}
}

@media (max-width:820px) {
.ircp-wrap.ircp-mobile-toggle-pos-chat-top-right:not(.ircp-no-users) .ircp-users-toggle {
  right: 10px !important;
}
}

@media (max-width:820px) {
.ircp-wrap.ircp-mobile-toggle-pos-chat-top-left:not(.ircp-no-users) .ircp-users-toggle {
  left: 10px !important;
}
}

.ircp-wrap.ircp-users-inline-toggle .ircp-head-actions .ircp-users-toggle {
  display: none !important;
}

.ircp-wrap.ircp-users-inline-toggle .ircp-chat .ircp-tools {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  flex-wrap: nowrap !important;
}

.ircp-wrap.ircp-users-inline-toggle .ircp-chat .ircp-tools .ircp-tools-spacer {
  display: block !important;
  flex: 1 1 auto !important;
  min-width: 0 !important;
}

.ircp-wrap.ircp-users-inline-toggle:not(.ircp-no-users) .ircp-chat .ircp-tools .ircp-users-toggle.ircp-users-toggle-inline {
  display: inline-flex !important;
  position: relative !important;
  top: auto !important;
  right: auto !important;
  bottom: auto !important;
  left: auto !important;
  margin-left: auto !important;
  width: 64px !important;
  min-width: 64px !important;
  height: 42px !important;
  min-height: 42px !important;
  max-height: 42px !important;
  padding: 0 !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  line-height: 1 !important;
  font-size: 26px !important;
  font-weight: 900 !important;
  border-radius: 14px !important;
  z-index: 3 !important;
  transform: none !important;
}

.ircp-wrap.ircp-users-inline-toggle:not(.ircp-no-users) .ircp-chat .ircp-tools .ircp-users-toggle.ircp-users-toggle-inline:hover {
  transform: translateY(-1px) scale(1.03) !important;
}

.ircp-wrap.ircp-users-inline-toggle.ircp-users-open:not(.ircp-no-users) .ircp-chat .ircp-tools .ircp-users-toggle.ircp-users-toggle-inline,
.ircp-wrap.ircp-users-inline-toggle:not(.ircp-no-users) .ircp-chat .ircp-tools .ircp-users-toggle.ircp-users-toggle-inline.is-open {
  box-shadow: 0 0 18px color-mix(in srgb, var(--ircp-accent,#ff2f45) 34%, transparent), inset 0 1px 0 rgba(255,255,255,.16) !important;
}

@media (min-width:821px) {
.ircp-wrap.ircp-users-inline-toggle.ircp-users-collapsed:not(.ircp-no-users) .ircp-main {
  grid-template-columns: minmax(0,1fr) !important;
}
}

@media (min-width:821px) {
.ircp-wrap.ircp-users-inline-toggle.ircp-users-collapsed:not(.ircp-no-users) .ircp-users,
  .ircp-wrap.ircp-users-inline-toggle.ircp-users-collapsed:not(.ircp-no-users) .ircp-users-backdrop {
  display: none !important;
}
}

@media (max-width:820px) {
.ircp-wrap.ircp-users-inline-toggle:not(.ircp-no-users) .ircp-chat .ircp-tools .ircp-users-toggle.ircp-users-toggle-inline {
  display: inline-flex !important;
  position: relative !important;
  top: auto !important;
  right: auto !important;
  bottom: auto !important;
  left: auto !important;
  width: 46px !important;
  min-width: 46px !important;
  height: 36px !important;
  min-height: 36px !important;
  max-height: 36px !important;
  font-size: 23px !important;
  border-radius: 12px !important;
  z-index: 22 !important;
}
}

@media (max-width:820px) {
.ircp-wrap.ircp-users-inline-toggle.ircp-mobile-users-slideout:not(.ircp-no-users) .ircp-main {
  position: relative !important;
  grid-template-columns: 1fr !important;
  grid-template-rows: minmax(0,1fr) !important;
  overflow: hidden !important;
}
}

@media (max-width:820px) {
.ircp-wrap.ircp-users-inline-toggle.ircp-mobile-users-slideout:not(.ircp-no-users) .ircp-chat {
  border-right: 0 !important;
  border-bottom: 0 !important;
  min-height: 0 !important;
}
}

@media (max-width:760px) {
.ircp-wrap.ircp-users-inline-toggle .ircp-chat .ircp-tools .ircp-tools-spacer {
  flex: 1 1 auto !important;
}
}

@media (max-width:760px) {
.ircp-wrap.ircp-users-inline-toggle:not(.ircp-no-users) .ircp-chat .ircp-tools .ircp-users-toggle.ircp-users-toggle-inline {
  width: 42px !important;
  min-width: 42px !important;
  height: 34px !important;
  min-height: 34px !important;
  max-height: 34px !important;
  font-size: 22px !important;
}
}

.ircp-chat {
  position: relative;
  min-width: 0;
  border-right: 1px solid color-mix(in srgb, var(--ircp-accent,#ff2f45) 20%, transparent);
  max-height: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  overflow: hidden !important;
  background: linear-gradient(180deg, rgba(255,255,255,.02), transparent 16%), var(--ircp-bg-bottom,#030305) !important;
  border-color: color-mix(in srgb, var(--ircp-accent,#ff2f45) 20%, transparent) !important;
  min-height: 0 !important;
}

.ircp-chat .ircp-composer-bar {
  flex: 0 0 auto !important;
  width: 100% !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 10px 14px !important;
  border-top: 1px solid color-mix(in srgb, var(--ircp-accent,#ff2f45) 35%, rgba(255,255,255,.09)) !important;
  background: linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,0) 28%),
    linear-gradient(180deg, rgba(76,8,18,.78), rgba(8,8,12,.96)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.07),
    0 -10px 26px rgba(0,0,0,.35) !important;
  position: relative !important;
  z-index: 25 !important;
}

.ircp-chat .ircp-tool-drawer > summary {
  list-style: none !important;
}

.ircp-chat .ircp-tool-drawer > summary::-webkit-details-marker {
  display: none !important;
}

.ircp-chat .ircp-tool-drawer[open] .ircp-more-toggle {
  background: linear-gradient(180deg, #ff244f, #7b071f) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.26),
    0 0 20px rgba(255,24,76,.42) !important;
}

.ircp-chat .ircp-more-close {
  display: none !important;
}

.ircp-chat .ircp-tools-menu {
  position: absolute !important;
  left: 0 !important;
  bottom: calc(100% + 12px) !important;
  z-index: 999 !important;
  width: min(360px,calc(100vw - 34px)) !important;
  min-width: 240px !important;
  height: auto !important;
  max-height: none !important;
  display: grid !important;
  grid-template-columns: repeat(3,minmax(0,1fr)) !important;
  gap: 8px !important;
  padding: 12px !important;
  margin: 0 !important;
  border-radius: 18px !important;
  border: 1px solid color-mix(in srgb, var(--ircp-accent,#ff2f45) 52%, rgba(255,255,255,.13)) !important;
  background: linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,0) 20%),
    linear-gradient(145deg, rgba(42,5,15,.98), rgba(5,5,8,.98)) !important;
  box-shadow: 0 18px 44px rgba(0,0,0,.75),
    0 0 26px rgba(255,24,76,.22),
    inset 0 1px 0 rgba(255,255,255,.10) !important;
  transform-origin: left bottom !important;
}

.ircp-chat .ircp-tool-drawer:not([open]) .ircp-tools-menu {
  display: none !important;
}

.ircp-chat .ircp-tools-title {
  grid-column: 1/-1 !important;
  display: block !important;
  color: rgba(255,255,255,.78) !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  letter-spacing: .14em !important;
  text-transform: uppercase !important;
  padding: 0 2px 2px !important;
}

.ircp-chat .ircp-tools-menu .ircp-tool-icon:hover {
  border-color: color-mix(in srgb, var(--ircp-accent,#ff2f45) 70%, #fff) !important;
  box-shadow: 0 0 14px rgba(255,24,76,.22) !important;
}

.ircp-chat .ircp-tools-menu .ircp-tool-icon em {
  display: block !important;
  font-style: normal !important;
  font-size: 10px !important;
  line-height: 1 !important;
  color: rgba(255,255,255,.72) !important;
  letter-spacing: .04em !important;
}

.ircp-chat .ircp-composer-bar .ircp-send {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  width: auto !important;
  display: grid !important;
  grid-template-columns: minmax(0,1fr) clamp(108px,14vw,168px) !important;
  gap: 10px !important;
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

.ircp-chat .ircp-composer-bar .ircp-send input {
  height: 44px !important;
  min-height: 44px !important;
  margin: 0 !important;
  padding: 0 18px !important;
  border-radius: 15px !important;
  font-size: var(--ircp-input-size,15px) !important;
  background: rgba(0,0,0,.36) !important;
}

.ircp-chat .ircp-composer-bar .ircp-send button {
  height: 44px !important;
  min-height: 44px !important;
  margin: 0 !important;
  padding: 0 18px !important;
  border-radius: 15px !important;
  font-size: var(--ircp-button-font-size,15px) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  letter-spacing: .08em !important;
}

.ircp-chat .ircp-tools-spacer {
  display: none !important;
}

@media (max-width:760px) {
.ircp-chat .ircp-composer-bar {
  gap: 8px !important;
  padding: 9px !important;
}
}

@media (max-width:760px) {
.ircp-chat .ircp-more-toggle {
  width: 44px !important;
  min-width: 44px !important;
  height: 42px !important;
  min-height: 42px !important;
  border-radius: 13px !important;
  font-size: 23px !important;
}
}

@media (max-width:760px) {
.ircp-chat .ircp-composer-bar .ircp-send {
  grid-template-columns: minmax(0,1fr) 82px !important;
  gap: 8px !important;
}
}

@media (max-width:760px) {
.ircp-chat .ircp-composer-bar .ircp-send input,
  .ircp-chat .ircp-composer-bar .ircp-send button {
  height: 42px !important;
  min-height: 42px !important;
  border-radius: 13px !important;
}
}

@media (max-width:760px) {
.ircp-chat .ircp-composer-bar .ircp-send button {
  font-size: 11px !important;
  padding: 0 9px !important;
}
}

@media (max-width:760px) {
.ircp-chat .ircp-tools-menu {
  left: 0 !important;
  width: min(310px,calc(100vw - 20px)) !important;
  min-width: 220px !important;
  grid-template-columns: repeat(3,minmax(0,1fr)) !important;
  bottom: calc(100% + 9px) !important;
}
}

@media (max-width:430px) {
.ircp-chat .ircp-composer-bar .ircp-send {
  grid-template-columns: minmax(0,1fr) 72px !important;
}
}

@media (max-width:430px) {
.ircp-chat .ircp-composer-bar .ircp-send button {
  font-size: 10px !important;
}
}

@media (max-width:430px) {
.ircp-chat .ircp-tools-menu {
  grid-template-columns: repeat(2,minmax(0,1fr)) !important;
  width: min(250px,calc(100vw - 18px)) !important;
}
}

.ircp-chat .ircp-tools-menu .ircp-tool-icon span {
  display: inline !important;
  line-height: 1 !important;
  margin: 0 !important;
  padding: 0 !important;
}

.ircp-chat .ircp-more-toggle {
  width: 50px !important;
  min-width: 50px !important;
  height: 44px !important;
  min-height: 44px !important;
  margin: 0 !important;
  padding: 0 !important;
  border-radius: 15px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 25px !important;
  line-height: 1 !important;
  cursor: pointer !important;
  background: linear-gradient(180deg, #c81138, #5d0618) !important;
  border: 1px solid rgba(255,83,116,.55) !important;
  color: #fff !important;
  text-shadow: 0 0 10px rgba(255,255,255,.45) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.22),
    0 0 14px rgba(255,24,76,.22) !important;
  overflow: hidden !important;
}

@media (max-width:760px) {
.ircp-chat .ircp-tool-drawer[open] .ircp-tools-menu,
  .ircp-chat .ircp-tools-menu {
  gap: 7px !important;
  padding: 7px !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: calc(100vw - 24px) !important;
}
}

@media (max-width:420px) {
.ircp-chat .ircp-tool-drawer[open] .ircp-tools-menu,
  .ircp-chat .ircp-tools-menu {
  flex-wrap: nowrap !important;
  width: auto !important;
  max-width: calc(100vw - 18px) !important;
}
}

.ircp-chat .ircp-tool-drawer {
  flex: 0 0 auto !important;
  position: relative !important;
  min-width: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.ircp-chat .ircp-tool-drawer:not([open]) .ircp-more-close {
  display: none !important;
}

.ircp-chat .ircp-tool-drawer[open] .ircp-more-open {
  display: none !important;
}

.ircp-chat .ircp-tool-drawer[open] .ircp-more-close {
  display: grid !important;
  place-items: center !important;
}

.ircp-chat .ircp-tool-drawer:not([open]) .ircp-more-open {
  display: grid !important;
  place-items: center !important;
}

.ircp-chat .ircp-tools-menu,
.ircp-chat .ircp-tool-drawer[open] .ircp-tools-menu {
  width: auto !important;
  min-width: 0 !important;
  max-width: calc(100vw - 24px) !important;
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 8px !important;
  padding: 8px !important;
}

.ircp-chat .ircp-tools-title,
.ircp-chat .ircp-tools-menu em {
  display: none !important;
}

.ircp-chat .ircp-tools-menu .ircp-tool-icon {
  border-radius: 14px !important;
  background: linear-gradient(180deg, rgba(255,255,255,.075), rgba(255,255,255,.025)) !important;
  border: 1px solid rgba(255,255,255,.13) !important;
  color: #fff !important;
  align-items: center !important;
  justify-content: center !important;
  flex-direction: row !important;
  gap: 0 !important;
  font-size: 21px !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  white-space: nowrap !important;
  width: 50px !important;
  min-width: 50px !important;
  max-width: 50px !important;
  height: 42px !important;
  min-height: 42px !important;
  max-height: 42px !important;
  flex: 0 0 50px !important;
  padding: 0 !important;
  margin: 0 !important;
  display: grid !important;
  place-items: center !important;
  text-align: center !important;
  line-height: 1 !important;
}

@media (max-width:760px) {
.ircp-chat .ircp-tools-menu .ircp-tool-icon {
  font-size: 20px !important;
  width: 44px !important;
  min-width: 44px !important;
  max-width: 44px !important;
  height: 38px !important;
  min-height: 38px !important;
  max-height: 38px !important;
  flex-basis: 44px !important;
}
}

.ircp-chat .ircp-composer-bar,
.ircp-chat .ircp-bottom-bar {
  padding-top: 6px !important;
  padding-bottom: 6px !important;
  padding-left: 12px !important;
  padding-right: 12px !important;
  gap: 8px !important;
  min-height: 0 !important;
  align-items: center !important;
}

.ircp-chat .ircp-tool-drawer > summary.ircp-more-toggle,
.ircp-chat .ircp-more-toggle {
  box-sizing: border-box !important;
  display: grid !important;
  place-items: center !important;
  align-content: center !important;
  justify-content: center !important;
  text-align: center !important;
  padding: 0 !important;
  margin: 0 !important;
  line-height: 1 !important;
  vertical-align: middle !important;
  overflow: hidden !important;
  width: 42px !important;
  min-width: 42px !important;
  max-width: 42px !important;
  height: 38px !important;
  min-height: 38px !important;
  max-height: 38px !important;
  border-radius: 13px !important;
}

.ircp-chat .ircp-more-toggle .ircp-more-open,
.ircp-chat .ircp-more-toggle .ircp-more-close {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  text-align: center !important;
  place-self: center !important;
  transform: none !important;
  margin: 0 !important;
  padding: 0 !important;
  font-weight: 600 !important;
  font-size: 24px !important;
  line-height: 1 !important;
}

.ircp-chat .ircp-composer-bar .ircp-send,
.ircp-chat .ircp-bottom-bar .ircp-send {
  gap: 8px !important;
  margin: 0 !important;
  padding: 0 !important;
}

.ircp-chat .ircp-composer-bar .ircp-send input,
.ircp-chat .ircp-bottom-bar .ircp-send input,
.ircp-chat .ircp-composer-bar .ircp-send button,
.ircp-chat .ircp-bottom-bar .ircp-send button {
  height: 38px !important;
  min-height: 38px !important;
  max-height: 38px !important;
  margin: 0 !important;
  border-radius: 13px !important;
  line-height: 1 !important;
}

.ircp-chat .ircp-composer-bar .ircp-send input,
.ircp-chat .ircp-bottom-bar .ircp-send input {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  padding-left: 16px !important;
  padding-right: 16px !important;
}

.ircp-chat .ircp-composer-bar .ircp-send button,
.ircp-chat .ircp-bottom-bar .ircp-send button {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  padding-left: 16px !important;
  padding-right: 16px !important;
}

.ircp-chat .ircp-pop,
.ircp-chat .ircp-gif-pop {
  bottom: 54px !important;
}

.ircp-chat .ircp-tool-drawer[open] .ircp-tools-menu,
.ircp-chat .ircp-tools-menu {
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  height: auto !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  flex-wrap: nowrap !important;
  gap: 8px !important;
  padding: 8px !important;
  left: 0 !important;
  border-radius: 17px !important;
  bottom: calc(100% + 7px) !important;
}

@media (max-width:760px) {
.ircp-chat .ircp-composer-bar,
  .ircp-chat .ircp-bottom-bar {
  padding-top: 5px !important;
  padding-bottom: 5px !important;
  padding-left: 8px !important;
  padding-right: 8px !important;
  gap: 7px !important;
}
}

@media (max-width:760px) {
.ircp-chat .ircp-tool-drawer > summary.ircp-more-toggle,
  .ircp-chat .ircp-more-toggle {
  width: 40px !important;
  min-width: 40px !important;
  max-width: 40px !important;
  height: 36px !important;
  min-height: 36px !important;
  max-height: 36px !important;
  border-radius: 12px !important;
}
}

@media (max-width:760px) {
.ircp-chat .ircp-more-toggle .ircp-more-open,
  .ircp-chat .ircp-more-toggle .ircp-more-close {
  font-size: 23px !important;
}
}

@media (max-width:760px) {
.ircp-chat .ircp-composer-bar .ircp-send,
  .ircp-chat .ircp-bottom-bar .ircp-send {
  grid-template-columns: minmax(0,1fr) 76px !important;
  gap: 7px !important;
}
}

@media (max-width:760px) {
.ircp-chat .ircp-composer-bar .ircp-send input,
  .ircp-chat .ircp-bottom-bar .ircp-send input,
  .ircp-chat .ircp-composer-bar .ircp-send button,
  .ircp-chat .ircp-bottom-bar .ircp-send button {
  height: 36px !important;
  min-height: 36px !important;
  max-height: 36px !important;
  border-radius: 12px !important;
}
}

@media (max-width:760px) {
.ircp-chat .ircp-composer-bar .ircp-send input,
  .ircp-chat .ircp-bottom-bar .ircp-send input {
  padding-left: 13px !important;
  padding-right: 13px !important;
}
}

@media (max-width:760px) {
.ircp-chat .ircp-composer-bar .ircp-send button,
  .ircp-chat .ircp-bottom-bar .ircp-send button {
  font-size: 10px !important;
  padding-left: 8px !important;
  padding-right: 8px !important;
}
}

@media (max-width:760px) {
.ircp-chat .ircp-pop,
  .ircp-chat .ircp-gif-pop {
  bottom: 48px !important;
}
}

@media (max-width:420px) {
.ircp-chat .ircp-composer-bar .ircp-send,
  .ircp-chat .ircp-bottom-bar .ircp-send {
  grid-template-columns: minmax(0,1fr) 70px !important;
}
}

.ircp-wrap .ircp-chat .ircp-bottom-bar.ircp-composer-bar,
.ircp-wrap .ircp-chat .ircp-composer-bar {
  display: flex !important;
  flex: 0 0 auto !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 8px !important;
  width: 100% !important;
  min-height: 0 !important;
  height: auto !important;
  max-height: none !important;
  padding: 6px 12px !important;
  border-top: 1px solid color-mix(in srgb, var(--ircp-accent,#ff2f45) 35%, rgba(255,255,255,.09)) !important;
  background: linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,0) 28%),linear-gradient(180deg, rgba(76,8,18,.78), rgba(8,8,12,.96)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.07),0 -8px 20px rgba(0,0,0,.28) !important;
  position: relative !important;
  z-index: 25 !important;
  overflow: visible !important;
}

.ircp-wrap .ircp-chat .ircp-tool-drawer {
  flex: 0 0 auto !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  position: relative !important;
  min-width: 0 !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
}

.ircp-wrap .ircp-chat .ircp-tool-drawer > summary,
.ircp-wrap .ircp-chat .ircp-tool-drawer > summary.ircp-more-toggle,
.ircp-wrap .ircp-chat .ircp-more-toggle {
  box-sizing: border-box !important;
  list-style: none !important;
  display: grid !important;
  place-items: center !important;
  align-content: center !important;
  justify-content: center !important;
  width: 42px !important;
  min-width: 42px !important;
  max-width: 42px !important;
  height: 38px !important;
  min-height: 38px !important;
  max-height: 38px !important;
  padding: 0 !important;
  margin: 0 !important;
  border-radius: 13px !important;
  line-height: 1 !important;
  text-align: center !important;
  overflow: hidden !important;
  vertical-align: middle !important;
  cursor: pointer !important;
}

.ircp-wrap .ircp-chat .ircp-tool-drawer > summary::-webkit-details-marker {
  display: none !important;
}

.ircp-wrap .ircp-chat .ircp-tool-drawer:not([open]) .ircp-more-close {
  display: none !important;
}

.ircp-wrap .ircp-chat .ircp-tool-drawer[open] .ircp-more-open {
  display: none !important;
}

.ircp-wrap .ircp-chat .ircp-tool-drawer[open] .ircp-more-close {
  display: grid !important;
}

.ircp-wrap .ircp-chat .ircp-tool-drawer[open] .ircp-tools-menu,
.ircp-wrap .ircp-chat .ircp-tools-menu,
.ircp-wrap .ircp-tools-menu {
  position: absolute !important;
  left: 0 !important;
  right: auto !important;
  bottom: calc(100% + 7px) !important;
  top: auto !important;
  z-index: 9999 !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: calc(100vw - 24px) !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 8px !important;
  grid-template-columns: none !important;
  grid-auto-flow: column !important;
  padding: 8px !important;
  margin: 0 !important;
  border-radius: 17px !important;
  overflow: visible !important;
  white-space: nowrap !important;
  background: linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,0) 20%),linear-gradient(145deg, rgba(42,5,15,.98), rgba(5,5,8,.98)) !important;
  border: 1px solid color-mix(in srgb, var(--ircp-accent,#ff2f45) 52%, rgba(255,255,255,.13)) !important;
  box-shadow: 0 18px 44px rgba(0,0,0,.75),0 0 26px rgba(255,24,76,.22),inset 0 1px 0 rgba(255,255,255,.10) !important;
}

.ircp-wrap .ircp-chat .ircp-tool-drawer:not([open]) .ircp-tools-menu {
  display: none !important;
}

.ircp-wrap .ircp-tools-title,
.ircp-wrap .ircp-chat .ircp-tools-title,
.ircp-wrap .ircp-tools-menu em,
.ircp-wrap .ircp-chat .ircp-tools-menu em,
.ircp-wrap .ircp-tools-menu .ircp-tool-label,
.ircp-wrap .ircp-chat .ircp-tools-menu .ircp-tool-label {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  max-width: 0 !important;
  max-height: 0 !important;
  overflow: hidden !important;
  opacity: 0 !important;
  visibility: hidden !important;
  margin: 0 !important;
  padding: 0 !important;
}

.ircp-wrap .ircp-chat .ircp-tools-menu .ircp-tool-icon,
.ircp-wrap .ircp-tools-menu .ircp-tool-icon {
  box-sizing: border-box !important;
  width: 50px !important;
  min-width: 50px !important;
  max-width: 50px !important;
  height: 42px !important;
  min-height: 42px !important;
  max-height: 42px !important;
  flex: 0 0 50px !important;
  padding: 0 !important;
  margin: 0 !important;
  border-radius: 14px !important;
  display: grid !important;
  place-items: center !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  line-height: 1 !important;
  flex-direction: row !important;
  gap: 0 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  overflow: hidden !important;
}

.ircp-wrap .ircp-tools-menu button[data-ircp-emoji],
.ircp-wrap .ircp-tools-menu button[data-ircp-gif] {
  font-size: 0 !important;
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
}

.ircp-wrap .ircp-tools-menu button[data-ircp-emoji]::before,
.ircp-wrap .ircp-tools-menu button[data-ircp-gif]::before {
  display: grid !important;
  place-items: center !important;
  width: 100% !important;
  height: 100% !important;
  font-size: 21px !important;
  line-height: 1 !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  text-shadow: 0 0 10px rgba(255,255,255,.25) !important;
}

.ircp-wrap .ircp-tools-menu button[data-ircp-emoji]::before {
  content: "😊" !important;
}

.ircp-wrap .ircp-tools-menu button[data-ircp-gif]::before {
  content: "🎞" !important;
}

.ircp-wrap .ircp-tools-menu button[data-ircp-users-toggle] {
  font-size: 22px !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}

.ircp-wrap .ircp-chat .ircp-composer-bar .ircp-send,
.ircp-wrap .ircp-chat .ircp-bottom-bar .ircp-send {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  width: auto !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  display: grid !important;
  grid-template-columns: minmax(0,1fr) clamp(108px,14vw,168px) !important;
  gap: 8px !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  align-items: center !important;
}

.ircp-wrap .ircp-chat .ircp-composer-bar .ircp-send input,
.ircp-wrap .ircp-chat .ircp-bottom-bar .ircp-send input,
.ircp-wrap .ircp-chat .ircp-composer-bar .ircp-send button,
.ircp-wrap .ircp-chat .ircp-bottom-bar .ircp-send button {
  height: 38px !important;
  min-height: 38px !important;
  max-height: 38px !important;
  top: 0 !important;
  margin: 0 !important;
  border-radius: 13px !important;
  line-height: 1 !important;
  align-self: center !important;
}

.ircp-wrap .ircp-chat .ircp-composer-bar .ircp-send input,
.ircp-wrap .ircp-chat .ircp-bottom-bar .ircp-send input {
  padding: 0 16px !important;
  line-height: 38px !important;
}

.ircp-wrap .ircp-chat .ircp-composer-bar .ircp-send button,
.ircp-wrap .ircp-chat .ircp-bottom-bar .ircp-send button {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 16px !important;
  white-space: nowrap !important;
}

.ircp-wrap .ircp-chat .ircp-pop,
.ircp-wrap .ircp-chat .ircp-gif-pop {
  bottom: 54px !important;
  z-index: 9998 !important;
}

@media (max-width:760px) {
.ircp-wrap .ircp-chat .ircp-bottom-bar.ircp-composer-bar,
  .ircp-wrap .ircp-chat .ircp-composer-bar {
  padding: 5px 8px !important;
  gap: 7px !important;
}
}

@media (max-width:760px) {
.ircp-wrap .ircp-chat .ircp-tool-drawer > summary.ircp-more-toggle,
  .ircp-wrap .ircp-chat .ircp-more-toggle {
  width: 40px !important;
  min-width: 40px !important;
  max-width: 40px !important;
  height: 36px !important;
  min-height: 36px !important;
  max-height: 36px !important;
  border-radius: 12px !important;
}
}

@media (max-width:760px) {
.ircp-wrap .ircp-chat .ircp-more-toggle .ircp-more-open,
  .ircp-wrap .ircp-chat .ircp-more-toggle .ircp-more-close {
  font-size: 23px !important;
}
}

@media (max-width:760px) {
.ircp-wrap .ircp-chat .ircp-tool-drawer[open] .ircp-tools-menu,
  .ircp-wrap .ircp-chat .ircp-tools-menu,
  .ircp-wrap .ircp-tools-menu {
  gap: 7px !important;
  padding: 7px !important;
  max-width: calc(100vw - 18px) !important;
}
}

@media (max-width:760px) {
.ircp-wrap .ircp-chat .ircp-tools-menu .ircp-tool-icon,
  .ircp-wrap .ircp-tools-menu .ircp-tool-icon {
  width: 44px !important;
  min-width: 44px !important;
  max-width: 44px !important;
  height: 38px !important;
  min-height: 38px !important;
  max-height: 38px !important;
  flex-basis: 44px !important;
}
}

@media (max-width:760px) {
.ircp-wrap .ircp-chat .ircp-composer-bar .ircp-send,
  .ircp-wrap .ircp-chat .ircp-bottom-bar .ircp-send {
  grid-template-columns: minmax(0,1fr) 76px !important;
  gap: 7px !important;
}
}

@media (max-width:760px) {
.ircp-wrap .ircp-chat .ircp-composer-bar .ircp-send input,
  .ircp-wrap .ircp-chat .ircp-bottom-bar .ircp-send input,
  .ircp-wrap .ircp-chat .ircp-composer-bar .ircp-send button,
  .ircp-wrap .ircp-chat .ircp-bottom-bar .ircp-send button {
  height: 36px !important;
  min-height: 36px !important;
  max-height: 36px !important;
  border-radius: 12px !important;
}
}

@media (max-width:760px) {
.ircp-wrap .ircp-chat .ircp-composer-bar .ircp-send button,
  .ircp-wrap .ircp-chat .ircp-bottom-bar .ircp-send button {
  font-size: 10px !important;
  padding-left: 8px !important;
  padding-right: 8px !important;
}
}

@media (max-width:760px) {
.ircp-wrap .ircp-chat .ircp-pop,
  .ircp-wrap .ircp-chat .ircp-gif-pop {
  bottom: 48px !important;
}
}

@media (max-width:420px) {
.ircp-wrap .ircp-chat .ircp-composer-bar .ircp-send,
  .ircp-wrap .ircp-chat .ircp-bottom-bar .ircp-send {
  grid-template-columns: minmax(0,1fr) 70px !important;
}
}

@supports not (color:color-mix(in srgb, #000 50%, #fff)) {
.ircp-wrap .ircp-chat .ircp-tool-drawer[open] .ircp-tools-menu,
  .ircp-wrap .ircp-chat .ircp-tools-menu,
  .ircp-wrap .ircp-tools-menu {
  border-color: rgba(255,47,69,.52) !important;
}
}

.ircp-wrap .ircp-chat .ircp-tool-drawer > summary.ircp-more-toggle,
.ircp-wrap .ircp-chat .ircp-more-toggle {
  position: relative !important;
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
  font-size: 0 !important;
}

.ircp-wrap .ircp-chat .ircp-more-toggle .ircp-more-open,
.ircp-wrap .ircp-chat .ircp-more-toggle .ircp-more-close {
  place-items: center !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1 !important;
  text-align: center !important;
  font-size: 24px !important;
  font-weight: 700 !important;
  transform: none !important;
  display: none !important;
}

.ircp-wrap .ircp-chat .ircp-tool-drawer > summary.ircp-more-toggle::before,
.ircp-wrap .ircp-chat .ircp-more-toggle::before {
  content: "+" !important;
  position: absolute !important;
  inset: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  font-family: Arial,"Segoe UI Symbol","Noto Sans Symbols 2",sans-serif !important;
  font-size: 30px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  text-align: center !important;
  text-shadow: 0 0 10px rgba(255,255,255,.22) !important;
  transform: translateY(-1px) !important;
}

.ircp-wrap .ircp-chat .ircp-tool-drawer[open] > summary.ircp-more-toggle::before {
  content: "×" !important;
  font-size: 32px !important;
  transform: translateY(-2px) !important;
}

.ircp-wrap .ircp-chat .ircp-tools-menu button[data-ircp-emoji],
.ircp-wrap .ircp-chat .ircp-tools-menu button[data-ircp-gif],
.ircp-wrap .ircp-tools-menu button[data-ircp-emoji],
.ircp-wrap .ircp-tools-menu button[data-ircp-gif] {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
  text-indent: 0 !important;
}

.ircp-wrap .ircp-chat .ircp-tools-menu button[data-ircp-emoji]::before,
.ircp-wrap .ircp-chat .ircp-tools-menu button[data-ircp-gif]::before,
.ircp-wrap .ircp-tools-menu button[data-ircp-emoji]::before,
.ircp-wrap .ircp-tools-menu button[data-ircp-gif]::before {
  position: absolute !important;
  inset: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1 !important;
  text-align: center !important;
}

.ircp-wrap .ircp-chat .ircp-tools-menu button[data-ircp-emoji]::before,
.ircp-wrap .ircp-tools-menu button[data-ircp-emoji]::before {
  content: "😊" !important;
  font-family: "Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif !important;
  font-size: 23px !important;
  transform: translateY(-1px) !important;
}

.ircp-wrap .ircp-chat .ircp-tools-menu button[data-ircp-gif]::before,
.ircp-wrap .ircp-tools-menu button[data-ircp-gif]::before {
  content: "🎞" !important;
  font-family: "Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji","Segoe UI Symbol",sans-serif !important;
  font-size: 22px !important;
  transform: translateY(-1px) !important;
}

@media (max-width:760px) {
.ircp-wrap .ircp-chat .ircp-tool-drawer > summary.ircp-more-toggle::before,
  .ircp-wrap .ircp-chat .ircp-more-toggle::before {
  font-size: 28px !important;
  transform: translateY(-1px) !important;
}
}

@media (max-width:760px) {
.ircp-wrap .ircp-chat .ircp-tool-drawer[open] > summary.ircp-more-toggle::before {
  font-size: 30px !important;
  transform: translateY(-2px) !important;
}
}

@media (max-width:760px) {
.ircp-wrap .ircp-chat .ircp-tools-menu button[data-ircp-emoji]::before,
  .ircp-wrap .ircp-tools-menu button[data-ircp-emoji]::before {
  font-size: 22px !important;
}
}

@media (max-width:760px) {
.ircp-wrap .ircp-chat .ircp-tools-menu button[data-ircp-gif]::before,
  .ircp-wrap .ircp-tools-menu button[data-ircp-gif]::before {
  font-size: 21px !important;
}
}

.ircp-wrap .ircp-users h4 {
  display: none !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}

.ircp-wrap .ircp-users [data-ircp-users] > .ircp-user:first-child {
  margin-top: 0 !important;
}

.ircp-wrap .ircp-chat .ircp-pop[data-ircp-emoji-pop],
.ircp-wrap .ircp-chat .ircp-pop:not(.ircp-gif-pop)[data-ircp-emoji-pop] {
  left: calc(14px + var(--ircp-emoji-pop-x,0px)) !important;
  right: auto !important;
  bottom: calc(54px + var(--ircp-emoji-pop-y,0px)) !important;
  width: min(var(--ircp-emoji-pop-width,420px), calc(100% - 28px)) !important;
  max-width: calc(100% - 28px) !important;
  max-height: var(--ircp-emoji-pop-height,330px) !important;
  overflow: auto !important;
}

@media (max-width:760px) {
.ircp-wrap .ircp-chat .ircp-pop[data-ircp-emoji-pop],
  .ircp-wrap .ircp-chat .ircp-pop:not(.ircp-gif-pop)[data-ircp-emoji-pop] {
  left: clamp(8px, calc(8px + var(--ircp-emoji-pop-x,0px)), calc(100vw - min(var(--ircp-emoji-pop-width,420px), calc(100vw - 16px)) - 8px)) !important;
  bottom: calc(48px + var(--ircp-emoji-pop-y,0px)) !important;
  width: min(var(--ircp-emoji-pop-width,420px), calc(100vw - 16px)) !important;
  max-width: calc(100vw - 16px) !important;
  max-height: min(var(--ircp-emoji-pop-height,330px), 58vh) !important;
}
}

.ircp-wrap .ircp-users [data-ircp-users] > .ircp-user {
  margin-top: 0 !important;
  margin-bottom: var(--ircp-online-user-gap,8px) !important;
  padding-top: var(--ircp-online-user-padding-y,10px) !important;
  padding-bottom: var(--ircp-online-user-padding-y,10px) !important;
}

.ircp-wrap .ircp-users [data-ircp-users] > .ircp-user:last-child {
  margin-bottom: 0 !important;
}

.ircp-wrap.ircp-msg-style-no_lines .ircp-users [data-ircp-users] > .ircp-user,
.ircp-wrap.ircp-msg-style-compact_lines .ircp-users [data-ircp-users] > .ircp-user,
.ircp-wrap.ircp-msg-style-transparent_float .ircp-users [data-ircp-users] > .ircp-user {
  margin-bottom: var(--ircp-online-user-gap,8px) !important;
  padding-top: var(--ircp-online-user-padding-y,10px) !important;
  padding-bottom: var(--ircp-online-user-padding-y,10px) !important;
}

@media (max-width:760px) {
.ircp-wrap .ircp-users [data-ircp-users] > .ircp-user {
  margin-bottom: var(--ircp-online-user-gap,8px) !important;
  padding-top: var(--ircp-online-user-padding-y,10px) !important;
  padding-bottom: var(--ircp-online-user-padding-y,10px) !important;
}
}

.ircp-wrap .ircp-users [data-ircp-users] > h4.ircp-online-list-title {
  display: block !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  width: auto !important;
  margin: 0 0 10px 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  visibility: visible !important;
  opacity: 1 !important;
  color: var(--ircp-text,#fff) !important;
  font-family: var(--ircp-font-family,"Bruno Ace",Arial,sans-serif) !important;
  font-size: var(--ircp-name-font-size,12px) !important;
  line-height: 1.2 !important;
  letter-spacing: .02em !important;
  text-shadow: 0 0 10px color-mix(in srgb, var(--ircp-accent,#ff2f45) 16%, transparent) !important;
}

.ircp-wrap .ircp-users [data-ircp-users] > h4.ircp-online-list-title + .ircp-user {
  margin-top: 0 !important;
}

.ircp-wrap .ircp-login-tabs {
  display: grid !important;
  grid-template-columns: repeat(auto-fit,minmax(0,1fr)) !important;
  align-items: stretch !important;
  justify-content: center !important;
  justify-items: stretch !important;
  gap: 8px !important;
  width: 100% !important;
  max-width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.ircp-wrap .ircp-login-tabs button,
.ircp-wrap .ircp-login-tabs button[data-ircp-login-tab] {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  text-align: center !important;
  white-space: normal !important;
  line-height: 1.15 !important;
  margin: 0 !important;
}

.ircp-admin-page .ircp-admin-tabs,
.ircp-admin-page .ircp-section-tabs {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: stretch !important;
  justify-content: center !important;
  gap: 8px !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

.ircp-admin-page .ircp-admin-tabs button,
.ircp-admin-page .ircp-section-tabs button {
  flex: 1 1 180px !important;
  min-width: 150px !important;
  max-width: 260px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  white-space: normal !important;
  line-height: 1.2 !important;
  margin: 0 !important;
}

@media (max-width:760px) {
.ircp-wrap .ircp-login-tabs {
  grid-template-columns: repeat(auto-fit,minmax(92px,1fr)) !important;
  gap: 6px !important;
}
}

@media (max-width:760px) {
.ircp-wrap .ircp-login-tabs button,
  .ircp-wrap .ircp-login-tabs button[data-ircp-login-tab] {
  min-height: 34px !important;
  padding-left: 6px !important;
  padding-right: 6px !important;
}
}

@media (max-width:760px) {
.ircp-admin-page .ircp-admin-tabs,
  .ircp-admin-page .ircp-section-tabs {
  justify-content: center !important;
  gap: 7px !important;
}
}

@media (max-width:760px) {
.ircp-admin-page .ircp-admin-tabs button,
  .ircp-admin-page .ircp-section-tabs button {
  flex: 1 1 calc(50% - 8px) !important;
  min-width: 128px !important;
  max-width: none !important;
}
}

@media (max-width:420px) {
.ircp-wrap .ircp-login-tabs {
  grid-template-columns: 1fr !important;
}
}

@media (max-width:420px) {
.ircp-admin-page .ircp-admin-tabs button,
  .ircp-admin-page .ircp-section-tabs button {
  flex-basis: 100% !important;
}
}

.ircp-wrap .ircp-chat .ircp-tool-drawer[open] > summary.ircp-more-toggle::before,
.ircp-wrap .ircp-chat .ircp-tool-drawer[open] .ircp-more-toggle::before {
  transform: translateY(2px) !important;
}

@media (max-width:760px) {
.ircp-wrap .ircp-chat .ircp-tool-drawer[open] > summary.ircp-more-toggle::before,
  .ircp-wrap .ircp-chat .ircp-tool-drawer[open] .ircp-more-toggle::before {
  transform: translateY(2px) !important;
}
}

.ircp-wrap .ircp-chat .ircp-tool-drawer[open] > summary.ircp-more-toggle,
.ircp-wrap .ircp-chat .ircp-tool-drawer[open] .ircp-more-toggle {
  position: relative !important;
  top: 6px !important;
}

@media (max-width:760px) {
.ircp-wrap .ircp-chat .ircp-tool-drawer[open] > summary.ircp-more-toggle,
  .ircp-wrap .ircp-chat .ircp-tool-drawer[open] .ircp-more-toggle {
  top: 6px !important;
}
}

.ircp-wrap .ircp-users .ircp-user-name {
  display: block !important;
  min-height: calc(var(--ircp-userlist-name-font-size,12px) + 14px) !important;
  line-height: 1.15 !important;
  overflow: visible !important;
  white-space: normal !important;
}

.ircp-wrap .ircp-users .ircp-role-label,
.ircp-wrap .ircp-users .ircp-user-name > b {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  height: auto !important;
  min-height: 12px !important;
  margin: 2px 0 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  clear: both !important;
  font-family: var(--ircp-font-family,"Bruno Ace",Arial,sans-serif) !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  line-height: 1.1 !important;
  letter-spacing: .02em !important;
  text-decoration: none !important;
  text-transform: none !important;
  color: color-mix(in srgb, var(--ircp-accent,#ff2f45) 72%, #ffffff) !important;
  -webkit-text-fill-color: color-mix(in srgb, var(--ircp-accent,#ff2f45) 72%, #ffffff) !important;
  text-shadow: 0 0 8px color-mix(in srgb, var(--ircp-accent,#ff2f45) 25%, transparent) !important;
}

.ircp-wrap .ircp-users .ircp-role-admin {
  color: #ffc85a !important;
  -webkit-text-fill-color: #ffc85a !important;
}

.ircp-wrap .ircp-users .ircp-role-member {
  color: #ffcf70 !important;
  -webkit-text-fill-color: #ffcf70 !important;
}

.ircp-wrap .ircp-users .ircp-role-guest {
  color: #f0d4de !important;
  -webkit-text-fill-color: #f0d4de !important;
}

.ircp-wrap .ircp-users .ircp-user {
  align-items: center !important;
  overflow: visible !important;
}

@media (max-width:760px) {
.ircp-wrap .ircp-users .ircp-role-label,
  .ircp-wrap .ircp-users .ircp-user-name > b {
  font-size: 9.5px !important;
  margin-top: 2px !important;
}
}

@supports not (color:color-mix(in srgb, #fff 50%, #000)) {
.ircp-wrap .ircp-users .ircp-role-label,
  .ircp-wrap .ircp-users .ircp-user-name > b {
  color: #ffd27a !important;
  -webkit-text-fill-color: #ffd27a !important;
  text-shadow: none !important;
}
}

.ircp-wrap {
  position: relative;
  height: var(--ircp-height,700px);
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  border: 1px solid color-mix(in srgb, var(--ircp-accent,#ff2f45) 45%, transparent) !important;
  border-radius: var(--ircp-radius,18px) !important;
  overflow: hidden;
  box-shadow: 0 14px 40px rgba(0,0,0,.48), inset 0 1px 0 rgba(255,255,255,.08), inset 0 0 0 1px color-mix(in srgb, var(--ircp-accent,#ff2f45) 18%, transparent) !important;
  max-height: var(--ircp-height,700px) !important;
  font-family: var(--ircp-font-family,"Bruno Ace",Arial,sans-serif) !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  contain: layout paint;
  isolation: isolate;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
  touch-action: manipulation;
  color: var(--ircp-text,#fff) !important;
  background: linear-gradient(180deg, rgba(255,255,255,var(--ircp-gloss-opacity,.12)) 0%, rgba(255,255,255,0) 16%, color-mix(in srgb, var(--ircp-accent,#ff2f45) 12%, transparent) 54%, transparent 100%), radial-gradient(circle at top center, color-mix(in srgb, var(--ircp-accent,#ff2f45) 22%, transparent) 0%, var(--ircp-bg-top,#1a0509) 18%, var(--ircp-bg-mid,#09090c) 56%, var(--ircp-bg-bottom,#030305) 100%) !important;
  border-color: color-mix(in srgb, var(--ircp-accent,#ff2f45) 45%, transparent) !important;
  display: flex !important;
  flex-direction: column !important;
  min-height: 420px !important;
}

.ircp-wrap .ircp-app {
  height: 100% !important;
  min-height: 0 !important;
  flex: 1 1 auto !important;
  display: flex !important;
  flex-direction: column !important;
  overflow: hidden !important;
}

.ircp-wrap .ircp-head {
  height: var(--ircp-header-height,60px) !important;
  min-height: var(--ircp-header-height,60px) !important;
  max-height: var(--ircp-header-height,60px) !important;
  flex: 0 0 var(--ircp-header-height,60px) !important;
}

.ircp-wrap .ircp-main {
  height: auto !important;
  min-height: 0 !important;
  flex: 1 1 auto !important;
  overflow: hidden !important;
  align-items: stretch !important;
}

.ircp-wrap .ircp-chat {
  height: auto !important;
  min-height: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  overflow: hidden !important;
}

.ircp-wrap .ircp-messages {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  overflow-y: auto !important;
  overscroll-behavior: contain !important;
  padding: var(--ircp-messages-padding,16px) !important;
  padding-bottom: var(--ircp-messages-bottom-padding,var(--ircp-messages-padding,16px)) !important;
}

.ircp-wrap .ircp-bottom-bar.ircp-composer-bar {
  flex: 0 0 auto !important;
  min-height: 0 !important;
  width: 100% !important;
  position: relative !important;
  z-index: 7 !important;
}

.ircp-wrap.ircp-layout-fixed-bottom .ircp-bottom-bar.ircp-composer-bar {
  margin-top: auto !important;
  margin-bottom: var(--ircp-composer-bottom-gap,0px) !important;
  transform: translateY(var(--ircp-composer-shift-y,0px)) !important;
}

.ircp-wrap .ircp-bottom-bar.ircp-composer-bar .ircp-tool-drawer {
  margin: 0 !important;
  padding: 0 !important;
}

.ircp-wrap .ircp-bottom-bar.ircp-composer-bar .ircp-send {
  margin: 0 !important;
}

.ircp-wrap .ircp-users {
  padding-top: 8px !important;
  min-height: 0 !important;
  overflow-y: auto !important;
  overscroll-behavior: contain !important;
  margin-top: var(--ircp-users-panel-top-offset,0px) !important;
  padding-bottom: calc(14px + var(--ircp-users-panel-bottom-gap,0px)) !important;
}

.ircp-wrap.ircp-mobile-compact-input .ircp-messages {
  min-height: 0 !important;
}

@media (max-width:760px) {
.ircp-wrap .ircp-main {
  grid-template-rows: minmax(0,1fr) minmax(80px,var(--ircp-mobile-userlist-height,160px)) !important;
}
}

@media (max-width:760px) {
.ircp-wrap.ircp-no-users .ircp-main {
  grid-template-rows: minmax(0,1fr) !important;
}
}

@media (max-width:760px) {
.ircp-wrap .ircp-users {
  padding-top: 6px !important;
  margin-top: var(--ircp-users-panel-top-offset,0px) !important;
  padding-bottom: calc(10px + var(--ircp-users-panel-bottom-gap,0px)) !important;
}
}

.ircp-wrap .ircp-msg-head .ircp-edit,
.ircp-wrap .ircp-msg-head .ircp-resend,
.ircp-wrap .ircp-msg .ircp-edit,
.ircp-wrap .ircp-msg .ircp-resend {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 auto !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  height: 22px !important;
  min-height: 22px !important;
  max-height: 22px !important;
  padding: 2px 7px !important;
  margin: 0 0 0 6px !important;
  border-radius: 7px !important;
  font-size: 9.5px !important;
  line-height: 1 !important;
  letter-spacing: .25px !important;
  text-transform: uppercase !important;
  box-shadow: 0 0 8px color-mix(in srgb, var(--ircp-accent,#ff2f45) 14%, transparent) !important;
  transform: none !important;
  white-space: nowrap !important;
  vertical-align: middle !important;
}

.ircp-wrap .ircp-msg-head .ircp-edit:hover,
.ircp-wrap .ircp-msg-head .ircp-resend:hover,
.ircp-wrap .ircp-msg .ircp-edit:hover,
.ircp-wrap .ircp-msg .ircp-resend:hover {
  transform: none !important;
}

.ircp-login {
  position: absolute;
  inset: 0;
  display: flex;
  background: linear-gradient(180deg, rgba(255,255,255,.035) 0%, rgba(255,255,255,0) 20%), radial-gradient(circle at top, color-mix(in srgb, var(--ircp-accent,#ff2f45) 20%, transparent) 0%, rgba(0,0,0,0) 42%), rgba(0,0,0,.82) !important;
  z-index: 10;
  padding: 6px !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
}

.ircp-login-card {
  overscroll-behavior: contain !important;
  -webkit-overflow-scrolling: touch !important;
  border-radius: 14px !important;
  width: min(500px,calc(100% - 12px),calc(100vw - 12px)) !important;
  max-width: calc(100vw - 12px) !important;
  max-height: calc(100% - 12px) !important;
  padding: 13px 14px 12px !important;
  overflow-y: auto !important;
  scrollbar-width: thin;
}

.ircp-login-card .ircp-brand {
  font-size: 16px !important;
  letter-spacing: 1px !important;
  line-height: 1 !important;
}

.ircp-login-card h3 {
  margin: 7px 0 4px !important;
  font-size: 14px !important;
  line-height: 1.05 !important;
}

.ircp-login-tabs {
  position: relative;
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr)) !important;
  gap: 5px !important;
  margin: 7px 0 !important;
}

.ircp-login-tabs button {
  width: 100% !important;
  margin: 0 !important;
  opacity: .78;
  min-height: 30px !important;
  padding: 5px 5px !important;
  font-size: 9.5px !important;
  line-height: 1.05 !important;
  border-radius: 9px !important;
}

.ircp-login-box {
  position: relative;
  display: grid;
  gap: 5px !important;
}

.ircp-login-box input,
.ircp-login-card input[type="text"],
.ircp-login-card input[type="email"],
.ircp-login-card input[type="password"] {
  border-radius: 7px !important;
  min-height: 33px !important;
  padding: 7px 9px !important;
  font-size: 12px !important;
  line-height: 1.1 !important;
}

.ircp-login-card button[data-ircp-enter],
.ircp-login-card button[data-ircp-member-enter],
.ircp-login-card button[data-ircp-signup-enter] {
  width: min(190px,100%) !important;
  margin: 10px auto 0 !important;
  border-radius: 11px !important;
  min-height: 32px !important;
  margin-top: 6px !important;
  padding: 7px 10px !important;
  font-size: 10px !important;
}

.ircp-name-colour-panel {
  position: relative;
  border: 1px solid color-mix(in srgb, var(--ircp-accent,#ff2f45) 22%, transparent);
  background: linear-gradient(180deg, rgba(255,255,255,.055) 0%, rgba(255,255,255,.018) 100%);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.06);
  margin: 9px 0 0 !important;
  border-radius: 11px !important;
  margin-top: 6px !important;
  padding: 5px 7px !important;
}

.ircp-name-colour-panel label {
  display: grid;
  align-items: center;
  margin: 0;
  font: 12px Arial,sans-serif;
  color: var(--ircp-muted,#c9c9c9);
  grid-template-columns: minmax(92px,1fr) 46px minmax(0,1.2fr) !important;
  gap: 5px !important;
  font-size: 10px !important;
}

.ircp-name-colour-panel input[type="color"] {
  border: 1px solid rgba(255,255,255,.28);
  background: rgba(255,255,255,.08);
  cursor: pointer;
  border-radius: 8px !important;
  width: 46px !important;
  height: 25px !important;
  padding: 2px !important;
}

.ircp-name-colour-panel em {
  font-style: normal;
  opacity: .82;
  font-size: 9.5px !important;
  line-height: 1.15 !important;
}

.ircp-avatar-panel {
  position: relative;
  display: grid;
  border: 1px solid color-mix(in srgb, var(--ircp-accent,#ff2f45) 24%, transparent);
  background: linear-gradient(180deg, rgba(255,255,255,.055) 0%, rgba(255,255,255,.018) 100%);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.06);
  min-width: 0 !important;
  margin: 10px 0 0 !important;
  border-radius: 12px !important;
  grid-template-columns: 46px minmax(0,1fr) !important;
  gap: 4px 7px !important;
  margin-top: 6px !important;
  padding: 6px !important;
  align-items: center !important;
}

.ircp-avatar-preview {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font: 11px Arial,sans-serif;
  color: var(--ircp-muted,#c9c9c9);
  grid-row: span 2 !important;
  gap: 2px !important;
  font-size: 8.5px !important;
  line-height: 1 !important;
}

.ircp-avatar-preview img {
  border-radius: 50%;
  object-fit: cover;
  border: 2px solid color-mix(in srgb, var(--ircp-accent,#ff2f45) 45%, rgba(255,255,255,.25));
  box-shadow: 0 0 16px color-mix(in srgb, var(--ircp-accent,#ff2f45) 18%, transparent);
  width: 34px !important;
  height: 34px !important;
  border-width: 1px !important;
}

.ircp-avatar-choice,
.ircp-avatar-upload {
  display: grid;
  align-items: center;
  font: 12px Arial,sans-serif;
  color: var(--ircp-muted,#c9c9c9);
  min-width: 0 !important;
  grid-template-columns: 82px minmax(0,1fr) !important;
  gap: 5px !important;
  font-size: 10px !important;
  line-height: 1.05 !important;
  margin: 0 !important;
}

.ircp-avatar-choice select {
  min-height: 29px !important;
  height: 29px !important;
  padding: 4px 7px !important;
  font-size: 11px !important;
  line-height: 1 !important;
}

.ircp-avatar-upload-control {
  position: relative !important;
  display: grid !important;
  grid-template-columns: minmax(78px,auto) minmax(0,1fr) !important;
  align-items: center !important;
  gap: 6px !important;
  min-width: 0 !important;
  width: 100% !important;
  min-height: 29px !important;
  border: 1px solid rgba(255,255,255,.32) !important;
  border-radius: 7px !important;
  background: rgba(255,255,255,.92) !important;
  color: #111 !important;
  overflow: hidden !important;
  padding: 3px 6px !important;
}

.ircp-avatar-file-button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 22px !important;
  min-width: 72px !important;
  padding: 0 7px !important;
  border-radius: 6px !important;
  background: linear-gradient(180deg,#b41130,#350711) !important;
  color: #fff !important;
  border: 1px solid rgba(255,47,69,.62) !important;
  font-size: 9.5px !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
  letter-spacing: .2px !important;
  white-space: nowrap !important;
}

.ircp-avatar-file-name {
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  color: #161616 !important;
  font: 10.5px/1.1 Arial,sans-serif !important;
}

.ircp-avatar-upload input[type="file"]::-webkit-file-upload-button,
.ircp-avatar-upload input[type="file"]::file-selector-button {
  display: none !important;
}

.ircp-error {
  color: #ff7777;
  font-family: Arial,sans-serif;
  text-align: center;
  position: relative;
  min-height: 13px !important;
  margin-top: 4px !important;
  font-size: 10.5px !important;
  line-height: 1.15 !important;
}

@media (max-width:760px) {
.ircp-login {
  padding: 4px !important;
  align-items: center !important;
}
}

@media (max-width:760px) {
.ircp-login-card {
  margin-top: 8px !important;
  width: calc(100% - 8px) !important;
  max-width: calc(100vw - 8px) !important;
  max-height: calc(100% - 8px) !important;
  margin: 0 !important;
  padding: 10px 9px 8px !important;
  border-radius: 12px !important;
}
}

@media (max-width:760px) {
.ircp-login-card .ircp-brand {
  font-size: 14px !important;
  letter-spacing: .7px !important;
}
}

@media (max-width:760px) {
.ircp-login-card h3 {
  margin: 5px 0 3px !important;
  font-size: 12.5px !important;
}
}

@media (max-width:760px) {
.ircp-login-card p {
  font-size: 10.5px !important;
  line-height: 1.16 !important;
  margin-bottom: 5px !important;
}
}

@media (max-width:760px) {
.ircp-login-tabs {
  grid-template-columns: repeat(3,minmax(0,1fr)) !important;
  gap: 4px !important;
  margin: 5px 0 !important;
}
}

@media (max-width:760px) {
.ircp-login-tabs button {
  letter-spacing: .15px !important;
  min-height: 27px !important;
  padding: 4px 3px !important;
  font-size: 8.7px !important;
}
}

@media (max-width:760px) {
.ircp-login-box input,
  .ircp-login-card input[type="text"],
  .ircp-login-card input[type="email"],
  .ircp-login-card input[type="password"] {
  min-height: 30px !important;
  padding: 6px 8px !important;
  font-size: 11.2px !important;
}
}

@media (max-width:760px) {
.ircp-login-card button[data-ircp-enter],
  .ircp-login-card button[data-ircp-member-enter],
  .ircp-login-card button[data-ircp-signup-enter] {
  min-height: 29px !important;
  margin-top: 5px !important;
  font-size: 9.3px !important;
  padding: 5px 8px !important;
}
}

@media (max-width:760px) {
.ircp-name-colour-panel {
  margin-top: 5px !important;
  padding: 4px 6px !important;
}
}

@media (max-width:760px) {
.ircp-name-colour-panel label {
  grid-template-columns: minmax(0,1fr) 42px !important;
  gap: 4px 6px !important;
  font-size: 9.4px !important;
}
}

@media (max-width:760px) {
.ircp-name-colour-panel em {
  grid-column: 1 / -1 !important;
  font-size: 8.8px !important;
}
}

@media (max-width:760px) {
.ircp-name-colour-panel input[type="color"] {
  width: 42px !important;
  height: 23px !important;
}
}

@media (max-width:760px) {
.ircp-avatar-panel {
  grid-template-columns: 42px minmax(0,1fr) !important;
  gap: 3px 6px !important;
  margin-top: 5px !important;
  padding: 5px !important;
}
}

@media (max-width:760px) {
.ircp-avatar-preview {
  grid-row: span 2 !important;
  font-size: 8px !important;
}
}

@media (max-width:760px) {
.ircp-avatar-preview img {
  width: 30px !important;
  height: 30px !important;
}
}

@media (max-width:760px) {
.ircp-avatar-choice,
  .ircp-avatar-upload {
  grid-template-columns: 74px minmax(0,1fr) !important;
  gap: 4px !important;
  font-size: 9.2px !important;
}
}

@media (max-width:760px) {
.ircp-avatar-choice select {
  min-height: 26px !important;
  height: 26px !important;
  padding: 3px 6px !important;
  font-size: 10px !important;
}
}

@media (max-width:760px) {
.ircp-avatar-upload-control {
  min-height: 26px !important;
  padding: 2px 4px !important;
  grid-template-columns: 68px minmax(0,1fr) !important;
  gap: 4px !important;
}
}

@media (max-width:760px) {
.ircp-avatar-file-button {
  height: 20px !important;
  min-width: 62px !important;
  padding: 0 5px !important;
  font-size: 8.2px !important;
}
}

@media (max-width:760px) {
.ircp-avatar-file-name {
  font-size: 9.2px !important;
}
}

@media (max-width:760px) {
.ircp-error {
  min-height: 11px !important;
  margin-top: 3px !important;
  font-size: 9.8px !important;
}
}

@media (max-width:420px) {
.ircp-login-tabs {
  grid-template-columns: repeat(3,minmax(0,1fr)) !important;
}
}

@media (max-width:420px) {
.ircp-login-tabs button {
  min-height: 26px !important;
  font-size: 7.8px !important;
}
}

@media (max-width:420px) {
.ircp-avatar-panel {
  grid-template-columns: 38px minmax(0,1fr) !important;
  text-align: left !important;
}
}

@media (max-width:420px) {
.ircp-avatar-preview {
  grid-row: span 2 !important;
  flex-direction: column !important;
  justify-content: center !important;
}
}

@media (max-width:420px) {
.ircp-avatar-preview span {
  display: none !important;
}
}

@media (max-width:420px) {
.ircp-avatar-preview img {
  width: 28px !important;
  height: 28px !important;
}
}

@media (max-width:420px) {
.ircp-avatar-choice,
  .ircp-avatar-upload {
  grid-template-columns: 64px minmax(0,1fr) !important;
  font-size: 8.4px !important;
}
}

@media (max-width:420px) {
.ircp-avatar-upload-control {
  grid-template-columns: 62px minmax(0,1fr) !important;
}
}

@media (max-width:420px) {
.ircp-avatar-file-button {
  min-width: 58px !important;
  font-size: 7.8px !important;
}
}

@media (max-height:560px) {
.ircp-login-tabs {
  margin: 4px 0 !important;
}
}

@media (max-height:560px) {
.ircp-login-box input,.ircp-login-card input[type="text"],.ircp-login-card input[type="email"],.ircp-login-card input[type="password"] {
  min-height: 28px !important;
}
}

@media (max-height:560px) {
.ircp-avatar-panel {
  margin-top: 4px !important;
}
}

.ircp-login-card,
.ircp-login-card * {
  box-sizing: border-box !important;
}

.ircp-avatar-upload-control input[type="file"] {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  opacity: 0 !important;
  cursor: pointer !important;
  padding: 0 !important;
  min-height: 0 !important;
  font-size: 0 !important;
  color: transparent !important;
}

@media (max-width:1024px) {
.ircp-login {
  padding: 12px !important;
  align-items: flex-start !important;
  justify-content: center !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  -webkit-overflow-scrolling: touch !important;
}
}

@media (max-width:1024px) {
.ircp-login-card {
  width: min(640px,calc(100vw - 24px)) !important;
  max-width: calc(100vw - 24px) !important;
  height: auto !important;
  max-height: calc(100% - 24px) !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  margin: 12px auto !important;
  padding: 20px 18px 18px !important;
  border-radius: 15px !important;
}
}

@media (max-width:1024px) {
.ircp-login-card .ircp-brand {
  display: block !important;
  font-size: 18px !important;
  line-height: 1.12 !important;
  letter-spacing: 1.2px !important;
  margin-bottom: 0 !important;
}
}

@media (max-width:1024px) {
.ircp-login-card h3 {
  display: block !important;
  margin: 10px 0 7px !important;
  font-size: 16px !important;
  line-height: 1.2 !important;
}
}

@media (max-width:1024px) {
.ircp-login-card p {
  display: block !important;
  max-width: 520px !important;
  margin: 0 auto 12px !important;
  font-size: 13px !important;
  line-height: 1.34 !important;
}
}

@media (max-width:1024px) {
.ircp-login-tabs {
  grid-template-columns: repeat(3,minmax(0,1fr)) !important;
  gap: 7px !important;
  margin: 10px 0 !important;
}
}

@media (max-width:1024px) {
.ircp-login-tabs button {
  min-height: 36px !important;
  padding: 7px 6px !important;
  font-size: 10.6px !important;
  line-height: 1.16 !important;
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: clip !important;
}
}

@media (max-width:1024px) {
.ircp-login-box {
  gap: 8px !important;
  align-items: stretch !important;
}
}

@media (max-width:1024px) {
.ircp-login-box input,
  .ircp-login-card input[type="text"],
  .ircp-login-card input[type="email"],
  .ircp-login-card input[type="password"] {
  min-height: 40px !important;
  height: auto !important;
  padding: 9px 11px !important;
  font-size: 14px !important;
  line-height: 1.2 !important;
}
}

@media (max-width:1024px) {
.ircp-login-card button[data-ircp-enter],
  .ircp-login-card button[data-ircp-member-enter],
  .ircp-login-card button[data-ircp-signup-enter] {
  min-height: 38px !important;
  height: auto !important;
  margin: 9px auto 0 !important;
  padding: 8px 12px !important;
  font-size: 11px !important;
  line-height: 1.12 !important;
  white-space: normal !important;
}
}

@media (max-width:1024px) {
.ircp-name-colour-panel {
  margin-top: 9px !important;
  padding: 8px 9px !important;
}
}

@media (max-width:1024px) {
.ircp-name-colour-panel label {
  grid-template-columns: minmax(0,1fr) 54px !important;
  gap: 6px 9px !important;
  font-size: 11px !important;
  line-height: 1.2 !important;
}
}

@media (max-width:1024px) {
.ircp-name-colour-panel input[type="color"] {
  width: 54px !important;
  height: 30px !important;
}
}

@media (max-width:1024px) {
.ircp-name-colour-panel em {
  display: block !important;
  grid-column: 1 / -1 !important;
  font-size: 10px !important;
  line-height: 1.2 !important;
}
}

@media (max-width:1024px) {
.ircp-avatar-panel {
  grid-template-columns: 68px minmax(0,1fr) !important;
  gap: 7px 10px !important;
  margin-top: 10px !important;
  padding: 9px !important;
  align-items: center !important;
}
}

@media (max-width:1024px) {
.ircp-avatar-preview {
  grid-row: span 2 !important;
  gap: 3px !important;
  font-size: 10px !important;
  line-height: 1.05 !important;
}
}

@media (max-width:1024px) {
.ircp-avatar-preview img {
  width: 46px !important;
  height: 46px !important;
}
}

@media (max-width:1024px) {
.ircp-avatar-preview span {
  display: block !important;
}
}

@media (max-width:1024px) {
.ircp-avatar-choice,
  .ircp-avatar-upload {
  grid-template-columns: 96px minmax(0,1fr) !important;
  gap: 7px !important;
  font-size: 11px !important;
  line-height: 1.15 !important;
  align-items: center !important;
}
}

@media (max-width:1024px) {
.ircp-avatar-choice select {
  min-height: 34px !important;
  height: auto !important;
  padding: 7px 8px !important;
  font-size: 12px !important;
  line-height: 1.15 !important;
}
}

@media (max-width:1024px) {
.ircp-avatar-upload-control {
  min-height: 34px !important;
  padding: 4px 6px !important;
  grid-template-columns: 84px minmax(0,1fr) !important;
  gap: 6px !important;
}
}

@media (max-width:1024px) {
.ircp-avatar-file-button {
  min-width: 76px !important;
  height: 24px !important;
  padding: 0 7px !important;
  font-size: 9px !important;
}
}

@media (max-width:1024px) {
.ircp-avatar-file-name {
  font-size: 10.5px !important;
  line-height: 1.1 !important;
}
}

@media (max-width:1024px) {
.ircp-error {
  min-height: 16px !important;
  margin-top: 6px !important;
  font-size: 11.5px !important;
  line-height: 1.2 !important;
}
}

@media (max-width:520px) {
.ircp-login {
  padding: 8px !important;
}
}

@media (max-width:520px) {
.ircp-login-card {
  width: calc(100vw - 16px) !important;
  max-width: calc(100vw - 16px) !important;
  max-height: calc(100% - 16px) !important;
  margin: 8px auto !important;
  padding: 16px 12px 14px !important;
}
}

@media (max-width:520px) {
.ircp-login-card .ircp-brand {
  font-size: 16px !important;
  letter-spacing: .9px !important;
}
}

@media (max-width:520px) {
.ircp-login-card h3 {
  margin: 8px 0 5px !important;
  font-size: 14.5px !important;
}
}

@media (max-width:520px) {
.ircp-login-card p {
  font-size: 12px !important;
  line-height: 1.28 !important;
  margin-bottom: 9px !important;
}
}

@media (max-width:520px) {
.ircp-login-tabs {
  gap: 5px !important;
  margin: 8px 0 !important;
}
}

@media (max-width:520px) {
.ircp-login-tabs button {
  min-height: 34px !important;
  padding: 6px 4px !important;
  font-size: 9.2px !important;
}
}

@media (max-width:520px) {
.ircp-login-box {
  grid-template-columns: 1fr !important;
  gap: 7px !important;
}
}

@media (max-width:520px) {
.ircp-login-box input,
  .ircp-login-card input[type="text"],
  .ircp-login-card input[type="email"],
  .ircp-login-card input[type="password"] {
  min-height: 38px !important;
  padding: 8px 10px !important;
  font-size: 13px !important;
}
}

@media (max-width:520px) {
.ircp-login-card button[data-ircp-enter],
  .ircp-login-card button[data-ircp-member-enter],
  .ircp-login-card button[data-ircp-signup-enter] {
  min-height: 36px !important;
  margin-top: 7px !important;
  font-size: 10.4px !important;
}
}

@media (max-width:520px) {
.ircp-avatar-panel {
  grid-template-columns: 56px minmax(0,1fr) !important;
  gap: 6px 8px !important;
  margin-top: 8px !important;
  padding: 7px !important;
}
}

@media (max-width:520px) {
.ircp-avatar-preview {
  font-size: 9px !important;
}
}

@media (max-width:520px) {
.ircp-avatar-preview img {
  width: 40px !important;
  height: 40px !important;
}
}

@media (max-width:520px) {
.ircp-avatar-choice,
  .ircp-avatar-upload {
  grid-template-columns: 78px minmax(0,1fr) !important;
  gap: 5px !important;
  font-size: 10px !important;
}
}

@media (max-width:520px) {
.ircp-avatar-choice select {
  min-height: 31px !important;
  padding: 5px 7px !important;
  font-size: 11px !important;
}
}

@media (max-width:520px) {
.ircp-avatar-upload-control {
  min-height: 31px !important;
  padding: 3px 5px !important;
  grid-template-columns: 70px minmax(0,1fr) !important;
  gap: 5px !important;
}
}

@media (max-width:520px) {
.ircp-avatar-file-button {
  min-width: 64px !important;
  height: 22px !important;
  font-size: 8px !important;
}
}

@media (max-width:520px) {
.ircp-avatar-file-name {
  font-size: 9.6px !important;
}
}

@media (max-width:380px) {
.ircp-login-card {
  padding: 14px 10px 12px !important;
}
}

@media (max-width:380px) {
.ircp-login-card .ircp-brand {
  font-size: 15px !important;
}
}

@media (max-width:380px) {
.ircp-login-card h3 {
  font-size: 13.5px !important;
}
}

@media (max-width:380px) {
.ircp-login-card p {
  font-size: 11.5px !important;
}
}

@media (max-width:380px) {
.ircp-login-tabs button {
  min-height: 32px !important;
  font-size: 8.4px !important;
  padding: 5px 3px !important;
}
}

@media (max-width:380px) {
.ircp-avatar-panel {
  grid-template-columns: 50px minmax(0,1fr) !important;
}
}

@media (max-width:380px) {
.ircp-avatar-preview img {
  width: 36px !important;
  height: 36px !important;
}
}

@media (max-width:380px) {
.ircp-avatar-choice,
  .ircp-avatar-upload {
  grid-template-columns: 68px minmax(0,1fr) !important;
  font-size: 9px !important;
}
}

@media (max-width:380px) {
.ircp-avatar-upload-control {
  grid-template-columns: 62px minmax(0,1fr) !important;
}
}

@media (max-width:380px) {
.ircp-avatar-file-button {
  min-width: 58px !important;
  font-size: 7.6px !important;
}
}

@media (max-width:380px) {
.ircp-avatar-preview span {
  display: block !important;
  font-size: 7.8px !important;
}
}

@media (max-height:560px) {
.ircp-login-card {
  max-height: calc(100% - 12px) !important;
  overflow-y: auto !important;
  padding-top: 12px !important;
  padding-bottom: 10px !important;
}
}

@media (max-height:560px) {
.ircp-login-card .ircp-brand,
  .ircp-login-card h3,
  .ircp-login-card p,
  .ircp-avatar-preview span {
  display: block !important;
}
}

@media (max-height:560px) {
.ircp-login-card .ircp-brand {
  font-size: 15px !important;
}
}

@media (max-height:560px) {
.ircp-login-card h3 {
  display: none !important;
  margin: 6px 0 4px !important;
  font-size: 13px !important;
}
}

@media (max-height:560px) {
.ircp-login-card p {
  display: none !important;
  margin-bottom: 6px !important;
  font-size: 11px !important;
  line-height: 1.2 !important;
}
}

.ircp-login-card,
.ircp-login-card h3,
.ircp-login-card p,
.ircp-login-card label,
.ircp-login-card label span,
.ircp-login-card .ircp-avatar-preview,
.ircp-login-card .ircp-avatar-preview span,
.ircp-login-card .ircp-name-colour-panel label,
.ircp-login-card .ircp-name-colour-panel em,
.ircp-login-card .ircp-avatar-choice,
.ircp-login-card .ircp-avatar-upload,
.ircp-login-card .ircp-avatar-file-name,
.ircp-login-card .ircp-error {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  opacity: 1 !important;
}

.ircp-login-card p {
  opacity: .96;
  font-family: Arial,sans-serif;
  text-align: center;
  color: var(--ircp-muted,#c9c9c9);
  position: relative;
  margin: 0 auto 7px !important;
  font-size: 12px !important;
  line-height: 1.22 !important;
  max-width: 390px !important;
  text-shadow: 0 0 8px rgba(0,0,0,.55) !important;
}

.ircp-login-card input[type="text"],
.ircp-login-card input[type="email"],
.ircp-login-card input[type="password"],
.ircp-login-card select,
.ircp-login-card .ircp-avatar-choice select,
.ircp-login-card .ircp-avatar-upload-control {
  background: linear-gradient(180deg,rgba(255,255,255,.075),rgba(0,0,0,.45)) !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  border-color: rgba(255,255,255,.45) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08),0 0 0 1px rgba(255,47,69,.14) !important;
}

.ircp-login-card input[type="text"]::placeholder,
.ircp-login-card input[type="email"]::placeholder,
.ircp-login-card input[type="password"]::placeholder {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  opacity: 1 !important;
}

.ircp-login-card input[type="text"]::-webkit-input-placeholder,
.ircp-login-card input[type="email"]::-webkit-input-placeholder,
.ircp-login-card input[type="password"]::-webkit-input-placeholder {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  opacity: 1 !important;
}

.ircp-login-card input[type="text"]::-moz-placeholder,
.ircp-login-card input[type="email"]::-moz-placeholder,
.ircp-login-card input[type="password"]::-moz-placeholder {
  color: #fff !important;
  opacity: 1 !important;
}

.ircp-login-card select option {
  color: #111 !important;
  -webkit-text-fill-color: #111 !important;
  background: #fff !important;
}

.ircp-login-card input[type="color"] {
  background: rgba(255,255,255,.12) !important;
  -webkit-text-fill-color: initial !important;
}

@media (max-width:1024px) {
.ircp-login-card,
  .ircp-login-card h3,
  .ircp-login-card p,
  .ircp-login-card label,
  .ircp-login-card label span,
  .ircp-login-card .ircp-name-colour-panel label,
  .ircp-login-card .ircp-name-colour-panel em,
  .ircp-login-card .ircp-avatar-choice,
  .ircp-login-card .ircp-avatar-upload,
  .ircp-login-card .ircp-avatar-file-name {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  opacity: 1 !important;
}
}

@media (max-width:760px) {
.ircp-wrap .ircp-chat .ircp-pop[data-ircp-emoji-pop]:not([hidden]) {
  grid-template-columns: repeat(var(--ircp-emoji-columns,8), var(--ircp-emoji-item-size,36px)) !important;
  max-height: min(var(--ircp-emoji-pop-height,330px), var(--ircp-emoji-visible-height,150px), 58vh) !important;
}
}

.ircp-login-intro {
  position: relative !important;
  z-index: 1 !important;
  display: grid !important;
  gap: 5px !important;
  max-width: 760px !important;
  margin: 0 auto 14px !important;
  padding: 12px 14px !important;
  border: 1px solid color-mix(in srgb,var(--ircp-accent,#ff2f45) 28%,rgba(255,255,255,.20)) !important;
  border-radius: 14px !important;
  background: linear-gradient(180deg,rgba(255,255,255,.075),rgba(0,0,0,.18)) !important;
  color: #fff !important;
  text-align: center !important;
  font-family: Arial,sans-serif !important;
}

.ircp-login-intro strong {
  font-family: "Bruno Ace",Arial,sans-serif !important;
  font-size: clamp(13px,1.7vw,17px) !important;
  letter-spacing: .6px !important;
}

.ircp-login-intro span {
  font-size: 13px !important;
  line-height: 1.35 !important;
  opacity: .92 !important;
}

.ircp-login-panels {
  position: relative !important;
  z-index: 1 !important;
}

.ircp-wrap .ircp-login-card .ircp-signup-panel {
  grid-template-columns: 1fr 1fr 1fr auto !important;
}

.ircp-mode-copy {
  align-self: center !important;
  display: grid !important;
  gap: 5px !important;
  color: #fff !important;
  min-width: 0 !important;
  font-family: Arial,sans-serif !important;
}

.ircp-mode-copy b {
  font-family: "Bruno Ace",Arial,sans-serif !important;
  font-size: 13px !important;
  letter-spacing: .7px !important;
  color: #fff !important;
}

.ircp-mode-copy span {
  font-size: 12px !important;
  line-height: 1.35 !important;
  color: rgba(255,255,255,.84) !important;
}

.ircp-field {
  display: grid !important;
  gap: 6px !important;
  margin: 0 !important;
  color: #fff !important;
  font-family: Arial,sans-serif !important;
}

.ircp-field > span {
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: .35px !important;
  text-transform: uppercase !important;
  color: #fff !important;
}

.ircp-wrap .ircp-login-card button.ircp-submit-btn,
.ircp-wrap .ircp-login-card button[data-ircp-enter].ircp-submit-btn,
.ircp-wrap .ircp-login-card button[data-ircp-member-enter].ircp-submit-btn,
.ircp-wrap .ircp-login-card button[data-ircp-signup-enter].ircp-submit-btn {
  width: auto !important;
  min-width: 150px !important;
  min-height: 46px !important;
  margin: 0 !important;
  padding: 11px 18px !important;
  border-radius: 13px !important;
  white-space: nowrap !important;
  font-size: 12px !important;
}

.ircp-login-note {
  position: relative !important;
  z-index: 1 !important;
  margin: 10px auto 0 !important;
  padding: 9px 12px !important;
  max-width: 720px !important;
  border-radius: 999px !important;
  background: rgba(0,0,0,.30) !important;
  color: #fff !important;
  text-align: center !important;
  font-family: Arial,sans-serif !important;
  font-size: 12px !important;
  line-height: 1.3 !important;
}

.ircp-wrap .ircp-login-card > .ircp-avatar-panel[hidden],
.ircp-wrap .ircp-login-card > .ircp-name-colour-panel[hidden] {
  display: none !important;
}

.ircp-user.ircp-profile-open {
  z-index: 20 !important;
}

.ircp-profile-menu {
  position: absolute !important;
  right: 6px !important;
  top: calc(100% + 7px) !important;
  z-index: 9999 !important;
  width: min(var(--ircp-profile-panel-width,300px),calc(100vw - 34px)) !important;
  display: grid !important;
  gap: 9px !important;
  padding: 12px !important;
  border-radius: 16px !important;
  border: 1px solid color-mix(in srgb,var(--ircp-accent,#ff2f45) 45%,rgba(255,255,255,.20)) !important;
  background: linear-gradient(180deg,rgba(30,30,35,.98),rgba(0,0,0,.98)) !important;
  box-shadow: 0 18px 36px rgba(0,0,0,.72),0 0 22px color-mix(in srgb,var(--ircp-accent,#ff2f45) 18%,transparent) !important;
  color: #fff !important;
  cursor: default !important;
}

.ircp-profile-menu[hidden] {
  display: none !important;
}

.ircp-profile-menu:before {
  content: "" !important;
  position: absolute !important;
  top: -7px !important;
  right: 24px !important;
  width: 13px !important;
  height: 13px !important;
  transform: rotate(45deg) !important;
  background: rgba(30,30,35,.98) !important;
  border-left: 1px solid color-mix(in srgb,var(--ircp-accent,#ff2f45) 45%,rgba(255,255,255,.20)) !important;
  border-top: 1px solid color-mix(in srgb,var(--ircp-accent,#ff2f45) 45%,rgba(255,255,255,.20)) !important;
}

.ircp-profile-menu-head {
  display: grid !important;
  gap: 3px !important;
  text-align: left !important;
}

.ircp-profile-menu-head b {
  font-family: "Bruno Ace",Arial,sans-serif !important;
  font-size: 12px !important;
  color: #fff !important;
  letter-spacing: .4px !important;
}

.ircp-profile-menu-head span {
  font-family: Arial,sans-serif !important;
  font-size: 11px !important;
  line-height: 1.3 !important;
  color: rgba(255,255,255,.75) !important;
}

.ircp-profile-field {
  display: grid !important;
  gap: 5px !important;
  font-family: Arial,sans-serif !important;
  color: #fff !important;
}

.ircp-profile-field > span {
  font-size: 10px !important;
  text-transform: uppercase !important;
  font-weight: 700 !important;
  letter-spacing: .4px !important;
  color: #fff !important;
}

.ircp-profile-field select,
.ircp-profile-field input[type="color"],
.ircp-profile-field input[type="range"] {
  width: 100% !important;
}

.ircp-profile-field select {
  min-height: 36px !important;
  border-radius: 10px !important;
  border: 1px solid rgba(255,255,255,.28) !important;
  background: #0b0b0e !important;
  color: #fff !important;
  padding: 7px 9px !important;
  font-size: 12px !important;
}

.ircp-profile-field input[type="color"] {
  height: 38px !important;
  min-height: 38px !important;
  padding: 3px !important;
  border-radius: 10px !important;
  border: 1px solid rgba(255,255,255,.30) !important;
  background: #050507 !important;
}

.ircp-profile-field input[type="range"] {
  accent-color: var(--ircp-accent,#ff2f45) !important;
}

.ircp-profile-file {
  position: relative !important;
  min-height: 38px !important;
  display: grid !important;
  grid-template-columns: 92px minmax(0,1fr) !important;
  align-items: center !important;
  gap: 8px !important;
  border-radius: 10px !important;
  border: 1px solid rgba(255,255,255,.28) !important;
  background: rgba(255,255,255,.06) !important;
  padding: 4px !important;
  overflow: hidden !important;
}

.ircp-profile-file input {
  position: absolute !important;
  inset: 0 !important;
  opacity: 0 !important;
  cursor: pointer !important;
  z-index: 3 !important;
}

.ircp-profile-file em {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 29px !important;
  border-radius: 8px !important;
  background: linear-gradient(180deg,var(--ircp-button-top,#8f111c),var(--ircp-button-bottom,#210508)) !important;
  color: #fff !important;
  font-style: normal !important;
  font-size: 9px !important;
  text-transform: uppercase !important;
  letter-spacing: .4px !important;
}

.ircp-profile-file small {
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  color: #fff !important;
  font-size: 10px !important;
}

.ircp-profile-status {
  display: block !important;
  min-height: 16px !important;
  color: rgba(255,255,255,.86) !important;
  font: 11px/1.3 Arial,sans-serif !important;
  text-align: left !important;
}

.ircp-profile-actions {
  display: flex !important;
  gap: 8px !important;
  justify-content: flex-end !important;
  flex-wrap: wrap !important;
}

.ircp-profile-actions button {
  width: auto !important;
  min-height: 34px !important;
  margin: 0 !important;
  padding: 7px 12px !important;
  border-radius: 10px !important;
  font-size: 10px !important;
}

@media (max-width:900px) {
.ircp-wrap .ircp-login-card {
  width: min(760px,95vw) !important;
}
}

@media (max-width:900px) {
.ircp-wrap .ircp-login-card .ircp-login-box.ircp-login-mode-panel,
  .ircp-wrap .ircp-login-card .ircp-signup-panel {
  grid-template-columns: 1fr !important;
  align-items: stretch !important;
}
}

@media (max-width:900px) {
.ircp-wrap .ircp-login-card button.ircp-submit-btn {
  width: 100% !important;
}
}

@media (max-width:760px) {
.ircp-wrap .ircp-login-card .ircp-brand {
  font-size: 16px !important;
}
}

@media (max-width:760px) {
.ircp-login-intro {
  padding: 9px 10px !important;
  margin-bottom: 10px !important;
}
}

@media (max-width:760px) {
.ircp-login-intro span {
  font-size: 11.5px !important;
}
}

@media (max-width:760px) {
.ircp-wrap .ircp-login-card .ircp-login-box.ircp-login-mode-panel {
  padding: 11px !important;
  gap: 8px !important;
}
}

@media (max-width:760px) {
.ircp-mode-copy b {
  font-size: 11px !important;
}
}

@media (max-width:760px) {
.ircp-mode-copy span,.ircp-login-note {
  font-size: 10.8px !important;
}
}

@media (max-width:760px) {
.ircp-wrap .ircp-login-card .ircp-field input {
  min-height: 40px !important;
  height: 40px !important;
  font-size: 13px !important;
}
}

@media (max-width:760px) {
.ircp-wrap .ircp-login-card button.ircp-submit-btn {
  min-height: 40px !important;
  font-size: 10.5px !important;
}
}

@media (max-width:760px) {
.ircp-profile-menu {
  position: relative !important;
  top: auto !important;
  right: auto !important;
  width: 100% !important;
  margin: 10px 0 2px !important;
  grid-column: 1/-1 !important;
}
}

@media (max-width:760px) {
.ircp-profile-menu:before {
  display: none !important;
}
}

@media (max-height:560px) {
.ircp-wrap .ircp-login-card {
  overflow-y: auto !important;
}
}

@media (max-height:560px) {
.ircp-login-intro span,.ircp-login-note {
  display: none !important;
}
}

@media (max-height:560px) {
.ircp-wrap .ircp-login-card .ircp-login-tabs.ircp-login-methods button[data-ircp-login-tab] {
  min-height: 40px !important;
}
}

.ircp-wrap .ircp-chat .ircp-pop.ircp-gif-pop[data-ircp-gif-pop],
.ircp-wrap .ircp-chat .ircp-gif-pop[data-ircp-gif-pop] {
  box-sizing: border-box !important;
  left: calc(14px + var(--ircp-gif-pop-x,0px)) !important;
  right: auto !important;
  bottom: calc(54px + var(--ircp-gif-pop-y,0px)) !important;
  width: min(var(--ircp-gif-pop-width,420px), calc(100% - 28px)) !important;
  height: var(--ircp-gif-pop-height,330px) !important;
  min-height: 140px !important;
  max-width: calc(100% - 28px) !important;
  max-height: min(var(--ircp-gif-pop-height,330px), calc(100% - 82px)) !important;
  overflow: auto !important;
}

.ircp-wrap .ircp-chat .ircp-gif-grid[data-ircp-gif-grid],
.ircp-wrap .ircp-gif-grid[data-ircp-gif-grid] {
  display: grid !important;
  grid-template-columns: repeat(var(--ircp-gif-columns,3), minmax(0,1fr)) !important;
  gap: var(--ircp-gif-gap,8px) !important;
}

.ircp-wrap .ircp-chat .ircp-gif-choice,
.ircp-wrap .ircp-gif-choice {
  height: var(--ircp-gif-thumb-height,96px) !important;
  max-height: none !important;
}

.ircp-wrap .ircp-chat .ircp-msg,
.ircp-wrap .ircp-chat .ircp-input,
.ircp-wrap .ircp-chat textarea,
.ircp-wrap .ircp-users {
  font-family: var(--ircp-font-family,"Bruno Ace",Arial,sans-serif) !important;
}

.ircp-wrap .ircp-chat .ircp-input,
.ircp-wrap .ircp-chat textarea {
  font-size: var(--ircp-input-size,var(--ircp-message-font-size,15px)) !important;
}

.ircp-wrap .ircp-chat button,
.ircp-wrap .ircp-login-card button {
  font-size: var(--ircp-button-font-size,var(--ircp-message-font-size,15px)) !important;
}

@media (max-width:760px) {
.ircp-wrap .ircp-chat .ircp-pop[data-ircp-emoji-pop],
  .ircp-wrap .ircp-chat .ircp-pop[data-ircp-emoji-pop]:not([hidden]) {
  left: clamp(8px, calc(8px + var(--ircp-emoji-pop-x,0px)), calc(100vw - min(var(--ircp-emoji-pop-width,420px), calc(100vw - 16px)) - 8px)) !important;
  bottom: calc(48px + var(--ircp-emoji-pop-y,0px)) !important;
  width: min(var(--ircp-emoji-pop-width,420px), calc(100vw - 16px)) !important;
  height: min(var(--ircp-emoji-pop-height,330px), 58vh) !important;
  max-width: calc(100vw - 16px) !important;
  max-height: min(var(--ircp-emoji-pop-height,330px), 58vh) !important;
}
}

@media (max-width:760px) {
.ircp-wrap .ircp-chat .ircp-pop.ircp-gif-pop[data-ircp-gif-pop],
  .ircp-wrap .ircp-chat .ircp-gif-pop[data-ircp-gif-pop] {
  left: clamp(8px, calc(8px + var(--ircp-gif-pop-x,0px)), calc(100vw - min(var(--ircp-gif-pop-width,420px), calc(100vw - 16px)) - 8px)) !important;
  bottom: calc(48px + var(--ircp-gif-pop-y,0px)) !important;
  width: min(var(--ircp-gif-pop-width,420px), calc(100vw - 16px)) !important;
  height: min(var(--ircp-gif-pop-height,330px), 58vh) !important;
  max-width: calc(100vw - 16px) !important;
  max-height: min(var(--ircp-gif-pop-height,330px), 58vh) !important;
}
}

.ircp-wrap .ircp-chat .ircp-pop[data-ircp-emoji-pop],
.ircp-wrap .ircp-chat .ircp-pop[data-ircp-emoji-pop]:not([hidden]) {
  box-sizing: border-box !important;
  left: calc(14px + var(--ircp-emoji-pop-x,0px)) !important;
  right: auto !important;
  bottom: calc(54px + var(--ircp-emoji-pop-y,0px)) !important;
  min-height: 120px !important;
  max-width: calc(100% - 28px) !important;
  width: min(var(--ircp-emoji-pop-width,420px),calc(100% - 28px)) !important;
  height: var(--ircp-emoji-pop-height,330px) !important;
  max-height: min(var(--ircp-emoji-pop-height,330px),calc(100% - 82px)) !important;
  overflow: auto !important;
}

.ircp-wrap .ircp-chat .ircp-pop[data-ircp-emoji-pop]:not([hidden]) {
  max-height: min(var(--ircp-emoji-pop-height,330px), var(--ircp-emoji-visible-height,150px)) !important;
  overflow: auto !important;
  display: grid !important;
  grid-template-columns: repeat(var(--ircp-emoji-columns,8),var(--ircp-emoji-item-size,36px)) !important;
  gap: var(--ircp-emoji-gap,6px) !important;
  align-content: start !important;
  justify-content: start !important;
}

.ircp-wrap .ircp-chat .ircp-pop[data-ircp-emoji-pop][hidden] {
  display: none !important;
}

.ircp-wrap .ircp-chat .ircp-pop[data-ircp-emoji-pop] .ircp-emoji {
  line-height: 1 !important;
  padding: 0 !important;
  width: var(--ircp-emoji-item-size,36px) !important;
  height: var(--ircp-emoji-item-size,36px) !important;
  min-width: var(--ircp-emoji-item-size,36px) !important;
  min-height: var(--ircp-emoji-item-size,36px) !important;
  font-size: var(--ircp-emoji-font-size,22px) !important;
  margin: 0 !important;
}

.ircp-wrap .ircp-chat .ircp-gif-pop[data-ircp-gif-pop] {
  width: min(var(--ircp-gif-pop-width,420px),calc(100% - 28px)) !important;
  height: var(--ircp-gif-pop-height,330px) !important;
  max-height: min(var(--ircp-gif-pop-height,330px),calc(100% - 82px)) !important;
  overflow: auto !important;
}

.ircp-wrap .ircp-gif-grid[data-ircp-gif-grid] {
  display: grid !important;
  grid-template-columns: repeat(var(--ircp-gif-columns,3),minmax(0,1fr)) !important;
  gap: var(--ircp-gif-gap,8px) !important;
}

.ircp-wrap .ircp-gif-choice {
  height: var(--ircp-gif-thumb-height,96px) !important;
}

.ircp-user.ircp-current {
  border-color: color-mix(in srgb, var(--ircp-accent,#ff2f45) 34%, transparent);
  outline: 1px solid color-mix(in srgb, var(--ircp-accent,#ff2f45) 35%, transparent);
  outline-offset: 0;
  position: relative !important;
  z-index: 4 !important;
  cursor: pointer !important;
}

.ircp-user.ircp-current .ircp-user-name {
  text-underline-offset: 3px;
  text-decoration: none !important;
}

.ircp-user .ircp-profile-menu {
  display: none !important;
}

.ircp-user.ircp-current .ircp-profile-menu.ircp-logout-menu:not([hidden]) {
  display: grid !important;
}

.ircp-user.ircp-current .ircp-profile-menu.ircp-logout-menu[hidden] {
  display: none !important;
}

.ircp-user.ircp-current .ircp-profile-menu.ircp-logout-menu {
  width: min(220px,calc(100vw - 34px)) !important;
  gap: 8px !important;
}

.ircp-user.ircp-current .ircp-profile-menu.ircp-logout-menu .ircp-profile-menu-head span {
  font-size: 10.5px !important;
}

.ircp-user.ircp-current .ircp-profile-menu.ircp-logout-menu .ircp-profile-actions {
  justify-content: stretch !important;
}

.ircp-user.ircp-current .ircp-profile-menu.ircp-logout-menu .ircp-profile-actions button {
  width: 100% !important;
  min-height: 36px !important;
}

.ircp-logout-main {
  margin-left: 8px !important;
}

.ircp-wrap .ircp-login {
  padding: 14px !important;
  align-items: flex-start !important;
  justify-content: center !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
}

.ircp-wrap .ircp-login-card {
  overflow: visible !important;
  width: min(760px,calc(100vw - 28px)) !important;
  max-width: 760px !important;
  max-height: calc(100% - 28px) !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  margin: 14px auto !important;
  padding: 20px 22px 18px !important;
  text-align: left !important;
  box-sizing: border-box !important;
}

.ircp-wrap .ircp-login-card .ircp-brand,
.ircp-wrap .ircp-login-card h3,
.ircp-wrap .ircp-login-card p {
  text-align: center !important;
}

.ircp-wrap .ircp-login-card h3 {
  letter-spacing: .8px !important;
  margin: 8px 0 5px !important;
  font-size: 20px !important;
  line-height: 1.16 !important;
}

.ircp-wrap .ircp-login-card p {
  color: #fff !important;
  max-width: 520px !important;
  margin: 0 auto 10px !important;
  font-size: 13px !important;
  line-height: 1.25 !important;
}

.ircp-wrap .ircp-login-intro {
  max-width: 620px !important;
  margin: 0 auto 10px !important;
  padding: 8px 11px !important;
  gap: 2px !important;
}

.ircp-wrap .ircp-login-intro strong {
  font-size: 12px !important;
  line-height: 1.1 !important;
}

.ircp-wrap .ircp-login-intro span {
  font-size: 11px !important;
  line-height: 1.18 !important;
}

.ircp-wrap .ircp-login-card .ircp-login-tabs.ircp-login-methods {
  position: relative !important;
  z-index: 1 !important;
  display: grid !important;
  grid-template-columns: repeat(3,minmax(0,1fr)) !important;
  gap: 8px !important;
  margin: 0 0 11px !important;
}

.ircp-wrap .ircp-login-card .ircp-login-tabs.ircp-login-methods button[data-ircp-login-tab] {
  width: 100% !important;
  margin: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 5px !important;
  text-align: center !important;
  white-space: normal !important;
  letter-spacing: .6px !important;
  min-height: 54px !important;
  padding: 8px 7px !important;
  border-radius: 13px !important;
}

.ircp-wrap .ircp-login-card .ircp-login-tabs.ircp-login-methods button strong {
  display: block !important;
  font-family: "Bruno Ace",Arial,sans-serif !important;
  color: #fff !important;
  font-size: 12px !important;
  line-height: 1.05 !important;
}

.ircp-wrap .ircp-login-card .ircp-login-tabs.ircp-login-methods button span {
  display: block !important;
  font-family: Arial,sans-serif !important;
  letter-spacing: 0 !important;
  color: rgba(255,255,255,.86) !important;
  text-transform: none !important;
  font-size: 10px !important;
  line-height: 1.12 !important;
}

.ircp-wrap .ircp-login-card .ircp-login-box.ircp-login-mode-panel {
  display: grid !important;
  border: 1px solid color-mix(in srgb,var(--ircp-accent,#ff2f45) 34%,rgba(255,255,255,.14)) !important;
  background: linear-gradient(180deg,rgba(255,255,255,.06),rgba(0,0,0,.28)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08) !important;
  grid-template-columns: repeat(2,minmax(0,1fr)) !important;
  gap: 9px 10px !important;
  align-items: end !important;
  padding: 12px !important;
  border-radius: 14px !important;
}

.ircp-wrap .ircp-login-card .ircp-login-box.ircp-login-mode-panel[hidden] {
  display: none !important;
}

.ircp-wrap .ircp-login-card .ircp-login-box.ircp-login-mode-panel .ircp-mode-copy {
  grid-column: 1 / -1 !important;
  gap: 3px !important;
  text-align: left !important;
}

.ircp-wrap .ircp-login-card .ircp-login-box.ircp-login-mode-panel .ircp-mode-copy b {
  font-size: 12px !important;
  line-height: 1.12 !important;
}

.ircp-wrap .ircp-login-card .ircp-login-box.ircp-login-mode-panel .ircp-mode-copy span {
  font-size: 11px !important;
  line-height: 1.18 !important;
}

.ircp-wrap .ircp-login-card .ircp-login-box.ircp-login-mode-panel.ircp-guest-panel .ircp-field {
  grid-column: 1 / -1 !important;
}

.ircp-wrap .ircp-login-card .ircp-login-box.ircp-login-mode-panel.ircp-signup-panel {
  grid-template-columns: repeat(3,minmax(0,1fr)) !important;
}

.ircp-wrap .ircp-login-card .ircp-login-box.ircp-login-mode-panel .ircp-submit-btn {
  grid-column: 1 / -1 !important;
  justify-self: center !important;
  width: min(240px,100%) !important;
  min-width: 0 !important;
  min-height: 40px !important;
  margin: 0 !important;
  padding: 8px 14px !important;
  font-size: 11px !important;
}

.ircp-wrap .ircp-login-card .ircp-field > span {
  font-size: 10px !important;
  line-height: 1.1 !important;
}

.ircp-wrap .ircp-login-card .ircp-field input {
  min-height: 40px !important;
  height: auto !important;
  padding: 9px 11px !important;
  font-size: 14px !important;
  border-radius: 10px !important;
}

.ircp-login-avatar-panel .ircp-avatar-preview {
  grid-row: span 2 !important;
}

.ircp-login-avatar-panel .ircp-avatar-preview img {
  width: 42px !important;
  height: 42px !important;
}

.ircp-login-avatar-panel .ircp-avatar-choice,
.ircp-login-avatar-panel .ircp-avatar-upload {
  grid-template-columns: 92px minmax(0,1fr) !important;
  gap: 7px !important;
  font-size: 10.5px !important;
  line-height: 1.1 !important;
}

.ircp-login-avatar-panel .ircp-avatar-choice > span,
.ircp-login-avatar-panel .ircp-avatar-upload > span:first-child {
  white-space: nowrap !important;
}

.ircp-login-avatar-panel .ircp-avatar-choice select {
  min-height: 34px !important;
  height: auto !important;
  font-size: 12px !important;
  padding: 7px 8px !important;
}

.ircp-login-avatar-panel .ircp-avatar-upload-control {
  min-height: 34px !important;
  grid-template-columns: 82px minmax(0,1fr) !important;
  gap: 6px !important;
  padding: 4px 6px !important;
}

.ircp-login-avatar-panel .ircp-avatar-file-button {
  height: 24px !important;
  min-width: 74px !important;
  font-size: 8.8px !important;
}

.ircp-login-avatar-panel .ircp-avatar-file-name {
  font-size: 10px !important;
  line-height: 1.1 !important;
}

.ircp-login-avatar-panel .ircp-avatar-help {
  display: block !important;
  color: rgba(255,255,255,.78) !important;
  font: 11px/1.3 Arial,sans-serif !important;
  margin-top: 2px !important;
  grid-column: 1 / -1 !important;
  margin: 0 !important;
  font-size: 10.5px !important;
  line-height: 1.2 !important;
  text-align: center !important;
}

.ircp-wrap .ircp-login-card > .ircp-login-colour-panel:not([hidden]) {
  display: block !important;
  max-width: 640px !important;
  margin: 8px auto 0 !important;
  padding: 8px 10px !important;
  border-radius: 13px !important;
}

.ircp-wrap .ircp-login-card > .ircp-login-colour-panel[hidden] {
  display: none !important;
}

.ircp-login-colour-panel label {
  margin: 0 !important;
  display: grid !important;
  grid-template-columns: minmax(0,1fr) 58px !important;
  gap: 8px !important;
  align-items: center !important;
  font-size: 11px !important;
}

.ircp-login-colour-panel input[type="color"] {
  width: 58px !important;
  height: 32px !important;
  justify-self: end !important;
}

.ircp-login-colour-panel em {
  display: block !important;
  margin-top: 5px !important;
  font-size: 10.5px !important;
  line-height: 1.18 !important;
}

.ircp-wrap .ircp-login-note {
  max-width: 640px !important;
  margin: 8px auto 0 !important;
  padding: 7px 10px !important;
  border-radius: 12px !important;
  font-size: 10.5px !important;
  line-height: 1.2 !important;
}

@media (max-width:760px) {
.ircp-wrap .ircp-login {
  padding: 8px !important;
}
}

@media (max-width:760px) {
.ircp-wrap .ircp-login-card {
  overflow-y: auto !important;
  width: calc(100vw - 16px) !important;
  max-width: calc(100vw - 16px) !important;
  max-height: calc(100% - 16px) !important;
  margin: 8px auto !important;
  padding: 15px 12px 13px !important;
}
}

@media (max-width:760px) {
.ircp-wrap .ircp-login-card h3 {
  font-size: 16px !important;
  margin: 6px 0 4px !important;
}
}

@media (max-width:760px) {
.ircp-wrap .ircp-login-card p {
  font-size: 12px !important;
  margin-bottom: 8px !important;
}
}

@media (max-width:760px) {
.ircp-wrap .ircp-login-intro {
  display: none !important;
}
}

@media (max-width:760px) {
.ircp-wrap .ircp-login-card .ircp-login-tabs.ircp-login-methods {
  grid-template-columns: repeat(3,minmax(0,1fr)) !important;
  gap: 5px !important;
  margin-bottom: 8px !important;
}
}

@media (max-width:760px) {
.ircp-wrap .ircp-login-card .ircp-login-tabs.ircp-login-methods button[data-ircp-login-tab] {
  min-height: 42px !important;
  padding: 6px 4px !important;
}
}

@media (max-width:760px) {
.ircp-wrap .ircp-login-card .ircp-login-tabs.ircp-login-methods button strong {
  font-size: 10px !important;
}
}

@media (max-width:760px) {
.ircp-wrap .ircp-login-card .ircp-login-tabs.ircp-login-methods button span {
  font-size: 8.8px !important;
}
}

@media (max-width:760px) {
.ircp-wrap .ircp-login-card .ircp-login-box.ircp-login-mode-panel,
  .ircp-wrap .ircp-login-card .ircp-login-box.ircp-login-mode-panel.ircp-signup-panel {
  grid-template-columns: 1fr !important;
  gap: 7px !important;
  padding: 10px !important;
}
}

@media (max-width:760px) {
.ircp-wrap .ircp-login-card .ircp-login-box.ircp-login-mode-panel .ircp-mode-copy span {
  font-size: 10px !important;
}
}

@media (max-width:760px) {
.ircp-wrap .ircp-login-card .ircp-login-box.ircp-login-mode-panel .ircp-submit-btn {
  width: 100% !important;
  min-height: 38px !important;
  font-size: 10px !important;
}
}

@media (max-width:760px) {
.ircp-login-avatar-panel .ircp-avatar-preview img {
  width: 36px !important;
  height: 36px !important;
}
}

@media (max-width:760px) {
.ircp-login-avatar-panel .ircp-avatar-choice,
  .ircp-login-avatar-panel .ircp-avatar-upload {
  grid-template-columns: 78px minmax(0,1fr) !important;
  gap: 5px !important;
  font-size: 9.5px !important;
}
}

@media (max-width:760px) {
.ircp-login-avatar-panel .ircp-avatar-upload-control {
  grid-template-columns: 68px minmax(0,1fr) !important;
}
}

@media (max-width:760px) {
.ircp-login-avatar-panel .ircp-avatar-file-button {
  min-width: 62px !important;
  font-size: 7.7px !important;
}
}

@media (max-width:760px) {
.ircp-login-avatar-panel .ircp-avatar-help {
  text-align: left !important;
  font-size: 9.5px !important;
}
}

@media (max-width:760px) {
.ircp-wrap .ircp-login-note {
  display: none !important;
}
}

@media (max-width:420px) {
.ircp-wrap .ircp-login-card .ircp-login-tabs.ircp-login-methods {
  grid-template-columns: 1fr !important;
}
}

@media (max-width:420px) {
.ircp-login-avatar-panel .ircp-avatar-preview {
  grid-row: auto !important;
  flex-direction: row !important;
  justify-content: flex-start !important;
}
}

@media (max-width:420px) {
.ircp-login-avatar-panel .ircp-avatar-choice,
  .ircp-login-avatar-panel .ircp-avatar-upload {
  grid-template-columns: 1fr !important;
}
}

.ircp-wrap .ircp-user.ircp-current {
  cursor: pointer !important;
  display: flex !important;
  align-items: center !important;
  gap: 7px !important;
}

.ircp-wrap .ircp-user.ircp-current .ircp-user-name {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  max-width: 100% !important;
  text-decoration: none !important;
}

.ircp-wrap .ircp-user.ircp-current .ircp-user-logout {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 auto !important;
  width: auto !important;
  min-width: 46px !important;
  max-width: 62px !important;
  height: 22px !important;
  min-height: 22px !important;
  max-height: 22px !important;
  margin: 0 0 0 6px !important;
  padding: 2px 7px !important;
  border-radius: 7px !important;
  font-size: 9px !important;
  line-height: 1 !important;
  letter-spacing: .2px !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
  box-shadow: none !important;
}

.ircp-wrap .ircp-user.ircp-current .ircp-user-logout[hidden] {
  display: none !important;
}

.ircp-wrap .ircp-user.ircp-current small {
  margin-left: 4px !important;
  flex: 0 0 auto !important;
}

.ircp-wrap .ircp-user.ircp-current .ircp-profile-menu {
  display: none !important;
}

@media (max-width:760px) {
.ircp-wrap .ircp-user.ircp-current .ircp-user-logout {
  min-width: 42px !important;
  max-width: 58px !important;
  height: 21px !important;
  min-height: 21px !important;
  max-height: 21px !important;
  padding: 2px 6px !important;
  font-size: 8.5px !important;
}
}

.ircp-wrap .ircp-login-avatar-panel .ircp-avatar-choice {
  position: relative !important;
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 5px !important;
  align-items: stretch !important;
  min-width: 0 !important;
}

.ircp-wrap .ircp-login-avatar-panel .ircp-avatar-choice > span {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: max-content !important;
  max-width: 100% !important;
  min-height: 18px !important;
  padding: 2px 9px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255,255,255,.20) !important;
  background: linear-gradient(180deg,rgba(255,255,255,.16),rgba(255,255,255,.035)) !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  font-family: Arial,sans-serif !important;
  font-size: 9px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  letter-spacing: .45px !important;
  text-transform: uppercase !important;
  text-shadow: 0 1px 2px rgba(0,0,0,.65) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.12),0 0 10px rgba(255,47,69,.10) !important;
  white-space: nowrap !important;
}

.ircp-wrap .ircp-login-avatar-panel .ircp-avatar-choice select:hover,
.ircp-wrap .ircp-login-avatar-panel .ircp-avatar-choice select:focus {
  border-color: rgba(255,255,255,.72) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.30),inset 0 -10px 18px rgba(0,0,0,.28),0 0 0 1px rgba(255,47,69,.35),0 0 22px rgba(255,47,69,.30) !important;
  outline: none !important;
}

.ircp-wrap .ircp-login-avatar-panel .ircp-avatar-choice select option {
  background: #18040a !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}

@media (max-width:760px) {
.ircp-wrap .ircp-login-avatar-panel .ircp-avatar-choice {
  gap: 4px !important;
}
}

@media (max-width:760px) {
.ircp-wrap .ircp-login-avatar-panel .ircp-avatar-choice > span {
  font-size: 8px !important;
  min-height: 16px !important;
  padding: 2px 7px !important;
}
}

@media (max-width:420px) {
.ircp-wrap .ircp-login-avatar-panel .ircp-avatar-choice {
  grid-template-columns: 1fr !important;
}
}

@media (max-width:420px) {
.ircp-wrap .ircp-login-avatar-panel .ircp-avatar-choice > span {
  display: none !important;
}
}

@media (max-width:420px) {
.ircp-wrap .ircp-login-avatar-panel .ircp-avatar-choice select {
  height: 33px !important;
  min-height: 33px !important;
  max-height: 33px !important;
  width: 100% !important;
}
}

.ircp-wrap .ircp-login-card > .ircp-login-avatar-panel {
  border-radius: 13px !important;
  display: grid !important;
  grid-template-columns: 72px minmax(0,1fr) !important;
  grid-auto-rows: auto !important;
  max-width: 960px !important;
  width: min(960px,calc(100% - 20px)) !important;
  margin: 14px auto 0 !important;
  padding: 14px !important;
  gap: 10px 14px !important;
  align-items: center !important;
  overflow: visible !important;
}

.ircp-wrap .ircp-login-card > .ircp-login-avatar-panel[hidden] {
  display: none !important;
}

.ircp-wrap .ircp-login-avatar-panel .ircp-avatar-preview {
  grid-column: 1 !important;
  grid-row: 1 / span 2 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 5px !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  font-size: 9px !important;
  line-height: 1 !important;
  text-align: center !important;
  white-space: normal !important;
}

.ircp-wrap .ircp-login-avatar-panel .ircp-avatar-preview img {
  width: 50px !important;
  height: 50px !important;
  display: block !important;
  flex: 0 0 auto !important;
}

.ircp-wrap .ircp-login-avatar-panel .ircp-avatar-choice,
.ircp-wrap .ircp-login-avatar-panel .ircp-avatar-upload {
  grid-column: 2 !important;
  display: grid !important;
  grid-template-columns: 126px minmax(0,1fr) !important;
  align-items: center !important;
  gap: 10px !important;
  min-width: 0 !important;
  width: 100% !important;
  margin: 0 !important;
  position: relative !important;
}

.ircp-wrap .ircp-login-avatar-panel .ircp-avatar-choice[hidden],
.ircp-wrap .ircp-login-avatar-panel .ircp-avatar-upload[hidden] {
  display: none !important;
}

.ircp-wrap .ircp-login-avatar-panel .ircp-avatar-choice > span,
.ircp-wrap .ircp-login-avatar-panel .ircp-avatar-upload > span:first-child {
  display: block !important;
  width: auto !important;
  max-width: none !important;
  min-height: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: none !important;
  box-shadow: none !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  font-family: "Bruno Ace",Arial,sans-serif !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  line-height: 1.15 !important;
  letter-spacing: .35px !important;
  text-align: left !important;
  text-transform: none !important;
  text-shadow: 0 1px 2px rgba(0,0,0,.75) !important;
  white-space: normal !important;
}

.ircp-wrap .ircp-login-avatar-panel .ircp-avatar-choice select {
  grid-column: 2 !important;
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  height: 38px !important;
  min-height: 38px !important;
  max-height: 38px !important;
  margin: 0 !important;
  padding: 0 40px 0 14px !important;
  border-radius: 11px !important;
  border: 1px solid rgba(255,255,255,.42) !important;
  background: linear-gradient(180deg,rgba(255,255,255,.22),rgba(255,255,255,.08) 32%,rgba(0,0,0,.20) 100%),
    linear-gradient(180deg,#a6072b 0%,#65081d 58%,#25050d 100%) !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  font-family: "Bruno Ace",Arial,sans-serif !important;
  font-size: 11px !important;
  line-height: 1 !important;
  letter-spacing: .35px !important;
  text-transform: uppercase !important;
  text-shadow: 0 1px 2px rgba(0,0,0,.85) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.22),0 0 0 1px rgba(255,0,61,.13),0 8px 18px rgba(0,0,0,.28) !important;
  cursor: pointer !important;
  appearance: none !important;
  -webkit-appearance: none !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.ircp-wrap .ircp-login-avatar-panel .ircp-avatar-choice::after {
  content: "▾" !important;
  position: absolute !important;
  right: 14px !important;
  top: 50% !important;
  bottom: auto !important;
  transform: translateY(-50%) !important;
  color: #fff !important;
  font-size: 13px !important;
  line-height: 1 !important;
  pointer-events: none !important;
  text-shadow: 0 1px 3px rgba(0,0,0,.9) !important;
}

.ircp-wrap .ircp-login-avatar-panel .ircp-avatar-upload-control {
  grid-column: 2 !important;
  display: grid !important;
  grid-template-columns: 112px minmax(0,1fr) !important;
  align-items: center !important;
  gap: 8px !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 38px !important;
  height: 38px !important;
  margin: 0 !important;
  padding: 5px 8px !important;
  border-radius: 11px !important;
  border: 1px solid rgba(255,255,255,.30) !important;
  background: rgba(255,255,255,.08) !important;
  color: #fff !important;
  overflow: hidden !important;
}

.ircp-wrap .ircp-login-avatar-panel .ircp-avatar-file-button {
  height: 26px !important;
  min-width: 104px !important;
  padding: 0 10px !important;
  border-radius: 8px !important;
  font-size: 8.8px !important;
}

.ircp-wrap .ircp-login-avatar-panel .ircp-avatar-file-name {
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  font: 11px/1.1 Arial,sans-serif !important;
  opacity: .9 !important;
}

.ircp-wrap .ircp-login-avatar-panel .ircp-avatar-help {
  grid-column: 2 !important;
  margin: 0 !important;
  padding: 0 !important;
  font-size: 10.5px !important;
  line-height: 1.2 !important;
  text-align: left !important;
  opacity: .9 !important;
}

@media (max-width:760px) {
.ircp-wrap .ircp-login-card > .ircp-login-avatar-panel {
  grid-template-columns: 56px minmax(0,1fr) !important;
  width: 100% !important;
  max-width: 100% !important;
  margin-top: 9px !important;
  padding: 9px !important;
  gap: 7px 9px !important;
}
}

@media (max-width:760px) {
.ircp-wrap .ircp-login-avatar-panel .ircp-avatar-preview {
  grid-row: 1 / span 2 !important;
  font-size: 8px !important;
}
}

@media (max-width:760px) {
.ircp-wrap .ircp-login-avatar-panel .ircp-avatar-preview img {
  width: 38px !important;
  height: 38px !important;
}
}

@media (max-width:760px) {
.ircp-wrap .ircp-login-avatar-panel .ircp-avatar-choice,
  .ircp-wrap .ircp-login-avatar-panel .ircp-avatar-upload {
  grid-template-columns: 92px minmax(0,1fr) !important;
  gap: 7px !important;
}
}

@media (max-width:760px) {
.ircp-wrap .ircp-login-avatar-panel .ircp-avatar-choice > span,
  .ircp-wrap .ircp-login-avatar-panel .ircp-avatar-upload > span:first-child {
  font-size: 9px !important;
  letter-spacing: .2px !important;
}
}

@media (max-width:760px) {
.ircp-wrap .ircp-login-avatar-panel .ircp-avatar-choice select {
  letter-spacing: .24px !important;
  height: 33px !important;
  min-height: 33px !important;
  max-height: 33px !important;
  padding-left: 10px !important;
  padding-right: 32px !important;
  font-size: 9.4px !important;
}
}

@media (max-width:760px) {
.ircp-wrap .ircp-login-avatar-panel .ircp-avatar-choice::after {
  bottom: 9px !important;
  right: 12px !important;
  font-size: 12px !important;
}
}

@media (max-width:760px) {
.ircp-wrap .ircp-login-avatar-panel .ircp-avatar-upload-control {
  height: 33px !important;
  min-height: 33px !important;
  grid-template-columns: 82px minmax(0,1fr) !important;
  padding: 4px 6px !important;
}
}

@media (max-width:760px) {
.ircp-wrap .ircp-login-avatar-panel .ircp-avatar-file-button {
  height: 23px !important;
  min-width: 76px !important;
  font-size: 7.7px !important;
  padding: 0 6px !important;
}
}

@media (max-width:760px) {
.ircp-wrap .ircp-login-avatar-panel .ircp-avatar-file-name {
  font-size: 9.5px !important;
}
}

@media (max-width:760px) {
.ircp-wrap .ircp-login-avatar-panel .ircp-avatar-help {
  font-size: 9px !important;
}
}

@media (max-width:420px) {
.ircp-wrap .ircp-login-card > .ircp-login-avatar-panel {
  grid-template-columns: 1fr !important;
  gap: 7px !important;
}
}

@media (max-width:420px) {
.ircp-wrap .ircp-login-avatar-panel .ircp-avatar-preview {
  grid-column: 1 !important;
  grid-row: auto !important;
  flex-direction: row !important;
  justify-content: flex-start !important;
}
}

@media (max-width:420px) {
.ircp-wrap .ircp-login-avatar-panel .ircp-avatar-preview span {
  display: inline !important;
}
}

@media (max-width:420px) {
.ircp-wrap .ircp-login-avatar-panel .ircp-avatar-choice,
  .ircp-wrap .ircp-login-avatar-panel .ircp-avatar-upload {
  grid-column: 1 !important;
  grid-template-columns: 1fr !important;
  gap: 4px !important;
}
}

@media (max-width:420px) {
.ircp-wrap .ircp-login-avatar-panel .ircp-avatar-choice > span,
  .ircp-wrap .ircp-login-avatar-panel .ircp-avatar-upload > span:first-child {
  display: block !important;
  font-size: 8.8px !important;
}
}

@media (max-width:420px) {
.ircp-wrap .ircp-login-avatar-panel .ircp-avatar-choice select,
  .ircp-wrap .ircp-login-avatar-panel .ircp-avatar-upload-control {
  grid-column: 1 !important;
  width: 100% !important;
}
}

@media (max-width:420px) {
.ircp-wrap .ircp-login-avatar-panel .ircp-avatar-choice::after {
  top: auto !important;
  bottom: 10px !important;
  transform: none !important;
}
}

@media (max-width:420px) {
.ircp-wrap .ircp-login-avatar-panel .ircp-avatar-help {
  grid-column: 1 !important;
}
}

.ircp-wrap .ircp-login-card .ircp-error:empty {
  min-height: 0 !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  box-shadow: none !important;
  overflow: hidden !important;
}

.ircp-wrap .ircp-login-card .ircp-error.ircp-login-flash {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: min(520px,100%) !important;
  min-height: 34px !important;
  margin: 10px auto 0 !important;
  padding: 8px 14px !important;
  border: 1px solid rgba(255,71,94,.78) !important;
  border-radius: 12px !important;
  background: linear-gradient(180deg,rgba(255,38,78,.32),rgba(90,0,20,.82)) !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  font-family: Arial,sans-serif !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  letter-spacing: .15px !important;
  text-align: center !important;
  text-shadow: 0 1px 2px rgba(0,0,0,.8) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.16),0 0 18px rgba(255,0,64,.30),0 10px 24px rgba(0,0,0,.35) !important;
  opacity: 1 !important;
  transform: translateY(0) !important;
  transition: opacity .65s ease,transform .65s ease !important;
  pointer-events: none !important;
}

.ircp-wrap .ircp-login-card .ircp-error.ircp-login-flash.ircp-login-flash-fading {
  opacity: 0 !important;
  transform: translateY(-7px) !important;
}

.ircp-wrap .ircp-login-card .ircp-error.ircp-login-flash-success {
  border-color: rgba(110,255,170,.62) !important;
  background: linear-gradient(180deg,rgba(37,200,95,.30),rgba(5,65,30,.84)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.14),0 0 16px rgba(0,255,120,.20),0 10px 24px rgba(0,0,0,.34) !important;
}

@media (max-width:760px) {
.ircp-wrap .ircp-login-card .ircp-error.ircp-login-flash {
  min-height: 30px !important;
  margin-top: 7px !important;
  padding: 7px 10px !important;
  font-size: 11px !important;
  border-radius: 10px !important;
}
}

.ircp-wrap:not(.ircp-no-users) .ircp-main {
  min-height: 0 !important;
  overflow: hidden !important;
}

.ircp-wrap:not(.ircp-no-users) .ircp-users {
  min-height: 0 !important;
  max-height: 100% !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  overscroll-behavior-y: contain !important;
  -webkit-overflow-scrolling: touch !important;
  touch-action: pan-y !important;
  scrollbar-width: thin !important;
  scrollbar-gutter: stable !important;
}

.ircp-wrap:not(.ircp-no-users) .ircp-users [data-ircp-users] {
  min-height: 0 !important;
}

@media (min-width:821px) {
.ircp-wrap:not(.ircp-no-users) .ircp-users {
  height: 100% !important;
  align-self: stretch !important;
}
}

@media (max-width:820px) {
.ircp-wrap.ircp-mobile-users-slideout:not(.ircp-no-users) .ircp-users {
  position: absolute !important;
  right: 0 !important;
  left: auto !important;
  z-index: 18 !important;
  width: min(var(--ircp-mobile-userlist-panel-width,88vw),var(--ircp-mobile-userlist-panel-max-width,330px)) !important;
  max-width: min(var(--ircp-mobile-userlist-panel-width,88vw),var(--ircp-mobile-userlist-panel-max-width,330px)) !important;
  padding: 14px !important;
  overflow: auto !important;
  transform: translateX(calc(100% + 18px)) !important;
  transition: transform .24s ease, box-shadow .24s ease !important;
  border-left: 1px solid rgba(255,255,255,.16) !important;
  border-top: 0 !important;
  border-bottom: 0 !important;
  border-right: 0 !important;
  box-shadow: none !important;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  top: 0 !important;
  bottom: 0 !important;
  height: 100% !important;
  max-height: 100% !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
}
}

@media (max-width:820px) {
.ircp-wrap.ircp-mobile-users-below:not(.ircp-no-users) .ircp-users {
  position: relative !important;
  top: auto !important;
  right: auto !important;
  bottom: auto !important;
  left: auto !important;
  z-index: 1 !important;
  width: auto !important;
  max-width: none !important;
  transform: none !important;
  transition: none !important;
  border-left: 0 !important;
  border-top: 0 !important;
  border-right: 0 !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
  padding: 10px !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  min-height: 0 !important;
  height: 100% !important;
  max-height: var(--ircp-mobile-userlist-height,160px) !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
}
}

.ircp-wrap .ircp-chat,
.ircp-wrap .ircp-users,
.ircp-wrap .ircp-messages {
  position: relative !important;
}

.ircp-wrap .ircp-messages,
.ircp-wrap [data-ircp-messages],
.ircp-wrap .ircp-msg,
.ircp-wrap .ircp-msg-content,
.ircp-wrap .ircp-msg-head,
.ircp-wrap .ircp-text,
.ircp-wrap .ircp-users,
.ircp-wrap [data-ircp-users],
.ircp-wrap .ircp-user,
.ircp-wrap .ircp-user-name {
  visibility: visible !important;
}

.ircp-wrap .ircp-messages,
.ircp-wrap [data-ircp-messages],
.ircp-wrap .ircp-users,
.ircp-wrap [data-ircp-users] {
  z-index: 2 !important;
}

.ircp-wrap .ircp-msg,
.ircp-wrap .ircp-user {
  z-index: 3 !important;
}

.ircp-wrap .ircp-msg-avatar,
.ircp-wrap .ircp-user-avatar {
  flex: 0 0 auto !important;
}

.ircp-wrap .ircp-login-card > .ircp-login-colour-panel.ircp-colour-visible,
.ircp-wrap .ircp-login-card > .ircp-login-colour-panel[aria-hidden="false"] {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

.ircp-wrap .ircp-login-card > .ircp-login-colour-panel[hidden],
.ircp-wrap .ircp-login-card > .ircp-login-colour-panel[aria-hidden="true"] {
  display: none !important;
}

.ircp-wrap .ircp-login-card > .ircp-login-colour-panel label span:after {
  content: " (Member/Admin)";
  opacity: .72;
  font-size: .92em;
}

.ircp-gif-status {
  grid-column: 1/-1;
  margin: 8px 0;
  padding: 10px 12px;
  border-radius: 10px;
  border: 1px solid rgba(255,255,255,.14);
  background: rgba(0,0,0,.35);
  font-family: Arial,sans-serif;
  font-size: 13px;
  line-height: 1.35;
  color: #fff;
  opacity: .92;
}

.ircp-gif-error {
  border-color: rgba(255,47,69,.45);
  background: rgba(255,47,69,.12);
  color: #fff;
}

.ircp-gif-loader {
  grid-column: 1/-1;
  margin: 6px 0 0;
  font-family: Arial,sans-serif;
  font-size: 12px;
  opacity: .7;
  white-space: normal;
  word-break: break-word;
  max-height: 64px;
  overflow: hidden;
}

/* User list layout fix: keep the username readable and do not show IP addresses on the frontend online list. */
.ircp-wrap .ircp-users .ircp-user {
  display: flex !important;
  align-items: center !important;
  flex-wrap: nowrap !important;
  gap: 8px !important;
}

.ircp-wrap .ircp-users .ircp-user-name {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  max-width: none !important;
  overflow: visible !important;
  overflow-wrap: normal !important;
  word-break: normal !important;
  white-space: normal !important;
}

.ircp-wrap .ircp-users .ircp-user-name::first-line {
  white-space: nowrap !important;
}

.ircp-wrap .ircp-users .ircp-role-label,
.ircp-wrap .ircp-users .ircp-user-name > b,
.ircp-wrap .ircp-users .ircp-user-name > em {
  display: block !important;
  clear: both !important;
}

.ircp-wrap .ircp-users .ircp-user small,
.ircp-wrap .ircp-users .ircp-user .ircp-user-ip {
  display: none !important;
}

.ircp-wrap .ircp-user.ircp-current .ircp-user-logout {
  flex: 0 0 auto !important;
  margin-left: 6px !important;
}

@media (max-width: 760px) {
  .ircp-wrap .ircp-users .ircp-user {
    gap: 7px !important;
  }
  .ircp-wrap .ircp-user.ircp-current .ircp-user-logout {
    min-width: 42px !important;
    max-width: 58px !important;
  }
}

.ircp-wrap .ircp-users .ircp-user-display-name {
  display: block !important;
  max-width: 100% !important;
  min-width: 0 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  overflow-wrap: normal !important;
  word-break: normal !important;
  line-height: 1.12 !important;
}

.ircp-wrap .ircp-users .ircp-user-display-name .ircp-pro-badge {
  display: inline-flex !important;
  margin-left: 5px !important;
  vertical-align: middle !important;
}


/* V1.0.94: make Emoji and GIF popups obey saved admin controls from CSS variables. */
.ircp-wrap .ircp-pop[data-ircp-emoji-pop]:not([hidden]){
  box-sizing:border-box!important;
  left:calc(14px + var(--ircp-emoji-pop-x,0px))!important;
  right:auto!important;
  bottom:calc(var(--ircp-popup-bottom,118px) + var(--ircp-emoji-pop-y,0px))!important;
  width:min(var(--ircp-emoji-pop-width,420px),calc(100% - 28px))!important;
  height:var(--ircp-emoji-pop-height,330px)!important;
  max-height:min(var(--ircp-emoji-pop-height,330px),calc(100% - 82px))!important;
  display:grid!important;
  grid-template-columns:repeat(var(--ircp-emoji-columns,8),var(--ircp-emoji-item-size,36px))!important;
  gap:var(--ircp-emoji-gap,6px)!important;
  align-content:start!important;
  justify-content:start!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
}
.ircp-wrap .ircp-pop[data-ircp-emoji-pop][hidden]{display:none!important;}
.ircp-wrap .ircp-pop[data-ircp-emoji-pop] .ircp-emoji{
  width:var(--ircp-emoji-item-size,36px)!important;
  height:var(--ircp-emoji-item-size,36px)!important;
  min-width:var(--ircp-emoji-item-size,36px)!important;
  min-height:var(--ircp-emoji-item-size,36px)!important;
  font-size:var(--ircp-emoji-font-size,22px)!important;
  margin:0!important;
  padding:0!important;
}
.ircp-wrap .ircp-pop[data-ircp-gif-pop]:not([hidden]){
  box-sizing:border-box!important;
  left:calc(14px + var(--ircp-gif-pop-x,0px))!important;
  right:auto!important;
  bottom:calc(var(--ircp-popup-bottom,118px) + var(--ircp-gif-pop-y,0px))!important;
  width:min(var(--ircp-gif-pop-width,420px),calc(100% - 28px))!important;
  height:var(--ircp-gif-pop-height,330px)!important;
  max-height:min(var(--ircp-gif-pop-height,330px),calc(100% - 82px))!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
}
.ircp-wrap .ircp-gif-grid[data-ircp-gif-grid]{
  grid-template-columns:repeat(var(--ircp-gif-columns,3),minmax(0,1fr))!important;
  gap:var(--ircp-gif-gap,8px)!important;
}
.ircp-wrap .ircp-gif-choice{height:var(--ircp-gif-thumb-height,96px)!important;}
@media(max-width:760px){
  .ircp-wrap .ircp-pop[data-ircp-emoji-pop]:not([hidden]){
    left:calc(8px + var(--ircp-emoji-pop-x,0px))!important;
    bottom:calc(var(--ircp-popup-mobile-bottom,var(--ircp-popup-bottom,118px)) + var(--ircp-emoji-pop-y,0px) + env(safe-area-inset-bottom,0px))!important;
    width:min(var(--ircp-emoji-pop-width,420px),calc(100vw - 16px))!important;
    height:min(var(--ircp-emoji-pop-height,330px),58vh)!important;
    max-height:min(var(--ircp-emoji-pop-height,330px),58vh)!important;
  }
  .ircp-wrap .ircp-pop[data-ircp-gif-pop]:not([hidden]){
    left:calc(8px + var(--ircp-gif-pop-x,0px))!important;
    bottom:calc(var(--ircp-popup-mobile-bottom,var(--ircp-popup-bottom,118px)) + var(--ircp-gif-pop-y,0px) + env(safe-area-inset-bottom,0px))!important;
    width:min(var(--ircp-gif-pop-width,420px),calc(100vw - 16px))!important;
    height:min(var(--ircp-gif-pop-height,330px),58vh)!important;
    max-height:min(var(--ircp-gif-pop-height,330px),58vh)!important;
  }
}


/* Frontend privacy fix: never show visitor IP addresses in the public chat message area. */
.ircp-wrap .ircp-messages .ircp-ip,
.ircp-wrap .ircp-msg-head .ircp-ip {
  display: none !important;
  visibility: hidden !important;
}

/* V1.0.100: direct admin height fix for smiley/GIF popups.
   Height fields now control the visible popup box; rows/columns only control grid layout. */
.ircp-wrap .ircp-chat .ircp-pop[data-ircp-emoji-pop]:not([hidden]),
.ircp-wrap .ircp-pop[data-ircp-emoji-pop]:not([hidden]){
  height:var(--ircp-emoji-pop-height,330px)!important;
  max-height:min(var(--ircp-emoji-pop-height,330px),calc(100% - 82px))!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
}
.ircp-wrap .ircp-chat .ircp-pop.ircp-gif-pop[data-ircp-gif-pop]:not([hidden]),
.ircp-wrap .ircp-pop[data-ircp-gif-pop]:not([hidden]){
  height:var(--ircp-gif-pop-height,330px)!important;
  max-height:min(var(--ircp-gif-pop-height,330px),calc(100% - 82px))!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
}
@media(max-width:760px){
  .ircp-wrap .ircp-chat .ircp-pop[data-ircp-emoji-pop]:not([hidden]),
  .ircp-wrap .ircp-pop[data-ircp-emoji-pop]:not([hidden]){
    height:min(var(--ircp-emoji-pop-height,330px),58vh)!important;
    max-height:min(var(--ircp-emoji-pop-height,330px),58vh)!important;
  }
  .ircp-wrap .ircp-chat .ircp-pop.ircp-gif-pop[data-ircp-gif-pop]:not([hidden]),
  .ircp-wrap .ircp-pop[data-ircp-gif-pop]:not([hidden]){
    height:min(var(--ircp-gif-pop-height,330px),58vh)!important;
    max-height:min(var(--ircp-gif-pop-height,330px),58vh)!important;
  }
}


/* V1.0.103: KLIPY-only GIF provider attribution. */
.ircp-wrap .ircp-gif-attribution {
  display:flex;
  align-items:center;
  justify-content:flex-end;
  min-height:20px;
  margin:3px 2px 8px;
  font-size:10px;
  line-height:1.2;
  letter-spacing:.04em;
  opacity:.78;
}
.ircp-wrap .ircp-gif-attribution a {
  color:inherit;
  text-decoration:none;
}
.ircp-wrap .ircp-gif-attribution a:hover,
.ircp-wrap .ircp-gif-attribution a:focus-visible {
  opacity:1;
  text-decoration:underline;
}