/* Container */
.splog {
	display: flex;
	gap: 10px;
	margin: 8px 0;
}
.pinned_tag {
	color: #e67e22;
	font-weight: bold;
	margin-left: 5px;
	font-size: 11px;
}

/* Box */
.spbox {
	position: relative;
	background: #1c1f26;
	border-radius: 10px;
	padding: 14px 14px 12px;
	box-shadow: 0 6px 18px rgba(0,0,0,0.35);
	border-left: 4px solid #7b5cff;
	min-width: 260px;
}

/* Ribbon */
.sp_ribbon {
	position: relative;
	background: linear-gradient(135deg, #7b5cff, #5a3fff);
	color: #fff;
	padding: 6px 36px 6px 14px;
	border-radius: 6px 6px 6px 0;
	font-weight: 600;
	font-size: 13px;
	letter-spacing: .3px;
	margin-bottom: 8px;
	box-shadow: inset 0 -1px 0 rgba(255,255,255,0.15);
}

.sp_ribbon:after {
	content: "";
	position: absolute;
	left: 0;
	bottom: -8px;
	border-width: 8px 0 0 8px;
	border-style: solid;
	border-color: #4b33cc transparent transparent transparent;
}

/* Close icon */
.spclear {
	position: absolute;
	right: 10px;
	top: 6px;
	cursor: pointer;
	color: rgba(255,255,255,0.75);
	transition: color .2s ease;
}
.spclear:hover {
	color: #fff;
}

/* Text */
.sptext {
	color: #d7d9e0;
	line-height: 1.5;
	font-size: 13px;
}

/* Avatar
.cavatar {
	width: 38px;
	height: 38px;
	border-radius: 50%;
	border: 2px solid rgba(255,255,255,0.15);
} */

.meesni {
    color: #000000;
}

.tabeer1 {
    color: #8a2cc4;
}
.progress_box {
	background-color: #222;
	padding: 2px;
}

.progress_bar {
	border-radius: 10px;
	background: linear-gradient(
		90deg,
		#ff6b6b,
		#ff8e53,
		#f1c40f,
		#1abc9c,
		#3498db,
		#9b59b6,
		#e74c3c
	);
	background-size: 200%;
	position: relative;
	overflow: hidden;
	animation: rainbow 6s linear infinite;
	font-weight: bold;
	text-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
	box-sizing: border-box;
}

.progress_bar.animate {
	animation: slideIn 1.5s ease-in-out forwards, rainbow 6s linear infinite;
}

@keyframes slideIn {
	from {
		width: 0;
	}
	to {
		width: var(--progress-width);
	}
}

@keyframes rainbow {
	0% {
		background-position: 0% 50%;
	}
	100% {
		background-position: 200% 50%;
	}
}

.progress_bar::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(
		45deg,
		rgba(255, 255, 255, 0.3) 25%,
		transparent 25%,
		transparent 50%,
		rgba(255, 255, 255, 0.3) 50%,
		rgba(255, 255, 255, 0.3) 75%,
		transparent 75%,
		transparent
	);
	background-size: 40px 40px;
}
.adnoyer_log .chat_user,
.adnoyer_log .chat_avatar,
.adnoyer_log .username,
.adnoyer_log .chat_rank,
.adnoyer_log .cdate,
.adnoyer_log .cclear { 
    display: none;
}
.adnoyer_log[data-hide-info="1"] .chat_user,
.adnoyer_log[data-hide-info="1"] .chat_avatar,
.adnoyer_log[data-hide-info="1"] .username,
.adnoyer_log[data-hide-info="1"] .chat_rank,
.adnoyer_log[data-hide-info="1"] .cdate,
.adnoyer_log[data-hide-info="1"] .cclear {
    display: none;
}




.list_device {
    width: 16px;
    height: 16px;
    vertical-align: middle;
    opacity: 0.75;
    display: inline-block;
    margin-left: 6px;
}
.user_stage { color: white; position: absolute; top: 0; left: 0; font-size: 8px; padding: 1px 2px; border-radius: 25px; text-align: center; z-index: 2; } 

#set_text_vip:focus {
    box-shadow: inset 0 0 4px 2px #5987c9
}

.vipMsg {
    animation: rotate-scale-up-diag-1 4s linear alternate both;
    border: 1px dashed white;
    border-radius: 25px;
    font-family: 'Lemonada', cursive
}
.vip_msg_test {
    border: 1px dashed white;
    border-radius: 25px;
    font-family: 'Lemonada', cursive
}
.ch_logs_test {
    padding: 10px;
    word-wrap: break-word;
    display: table;
    width: 100%;
    table-layout: fixed;
    max-width: 100%;
    overflow: hidden;
    cursor: pointer;
}
.stylePro {
    border-radius: 25px;
    border: 1px dashed white;
    box-shadow: 0 0 7px #097eaa;
    padding: 3px;
    color: white;
    font-family: 'Lemonada', cursive
}

.vip_msg_blue {
    background: radial-gradient(circle farthest-corner at 48.7% 44.3%, rgb(39 78 143) 0%, rgb(38 76 140) 22.9%, rgb(67 102 160) 76.7%, rgb(87 120 175) 100.2%) !important
}

.vip_msg_red {
    background: radial-gradient(circle farthest-corner at 48.7% 44.3%, rgb(235 169 190) 0%, rgb(197 20 55) 22.9%, rgb(207 57 98) 76.7%, rgb(169 54 67) 100.2%) !important
}

.vip_msg_green {
    background: radial-gradient(circle farthest-corner at 48.7% 44.3%, rgb(39 143 57) 0%, rgb(19 145 15) 22.9%, rgb(34 151 13) 76.7%, rgb(26 90 3) 100.2%) !important
}

.vip_msg_black {
    background: radial-gradient(circle farthest-corner at 48.7% 44.3%, rgb(69 74 70) 0%, rgb(92 100 92) 22.9%, rgb(73 76 72) 76.7%, rgb(44 48 42) 100.2%) !important
}
.vip_msg_purple {
    background: radial-gradient(circle farthest-corner at 48.7% 44.3%, rgb(128 0 128) 0%, rgb(102 51 153) 22.9%, rgb(153 102 204) 76.7%, rgb(75 0 130) 100.2%) !important;
}

.vip_msg_orange {
    background: radial-gradient(circle farthest-corner at 48.7% 44.3%, rgb(255 165 0) 0%, rgb(255 140 0) 22.9%, rgb(255 215 0) 76.7%, rgb(255 69 0) 100.2%) !important;
}

.vip_msg_pink {
    background: radial-gradient(circle farthest-corner at 48.7% 44.3%, rgb(255 192 203) 0%, rgb(255 105 180) 22.9%, rgb(255 20 147) 76.7%, rgb(219 112 147) 100.2%) !important;
}

.vip_msg_gold {
    background: radial-gradient(circle farthest-corner at 48.7% 44.3%, rgb(255 223 0) 0%, rgb(255 193 37) 22.9%, rgb(255 215 0) 76.7%, rgb(204 173 0) 100.2%) !important;
}

.vip_msg_gray {
    background: radial-gradient(circle farthest-corner at 48.7% 44.3%, rgb(128 128 128) 0%, rgb(169 169 169) 22.9%, rgb(192 192 192) 76.7%, rgb(105 105 105) 100.2%) !important;
}
.style_msg_blue {
    background: -webkit-linear-gradient(360deg, hsla(214, 92%, 47%, 1) 0%, hsla(231, 85%, 24%, 1) 100%);
}

.style_msg_red {
    background: -webkit-linear-gradient(360deg, hsl(335deg 94% 58%) 0%, hsl(300deg 85% 24%) 100%);
}

.style_msg_green {
    background: -webkit-linear-gradient(360deg, hsl(86deg 78% 28%) 0%, hsl(145deg 87% 19%) 100%);
}

.style_msg_black {
    background: -webkit-linear-gradient(360deg, hsl(86deg 1% 30%) 0%, hsl(145deg 4% 48%) 100%);
}

.style_msg_purple {
    background: -webkit-linear-gradient(360deg, hsl(280deg 76% 45%) 0%, hsl(260deg 85% 24%) 100%);
}

.style_msg_orange {
    background: -webkit-linear-gradient(360deg, hsl(30deg 100% 50%) 0%, hsl(20deg 90% 40%) 100%);
}

.style_msg_pink {
    background: -webkit-linear-gradient(360deg, hsl(340deg 90% 85%) 0%, hsl(320deg 80% 60%) 100%);
}

.style_msg_gold {
    background: -webkit-linear-gradient(360deg, hsl(50deg 85% 50%) 0%, hsl(40deg 70% 40%) 100%);
}

.style_msg_gray {
    background: -webkit-linear-gradient(360deg, hsl(0deg 0% 60%) 0%, hsl(0deg 0% 40%) 100%);
}




#private_content {
    color: black;
    background: #efe7dd url(https://cloud.githubusercontent.com/assets/398893/15136779/4e765036-1639-11e6-9201-67e728e86f39.jpg) repeat;
    border-radius: 0px 0 0 0px;
}

.onair-container {
  display: inline-block;
  background-color: #ed41da; /* Red background, static */
  margin-left: 8px;
  padding: 2px 6px; /* Padding for background visibility */
  border-radius: 4px; /* Rounded corners */
  vertical-align: middle;
  box-shadow: 0 0 8px 2px rgba(255, 255, 0, 0.6); /* Glow effect */
  overflow: hidden; /* Ensure shine stays within bounds */
  position: relative; /* For shine positioning */
}

.onair-text {
  display: inline-block;
  color: #ffff00; /* Yellow text */
  font-weight: bold;
  font-size: 14px;
  animation: heartbeat 1.2s infinite ease-in-out; /* Heartbeat on text only */
}

/* Heartbeat animation */
@keyframes heartbeat {
  0% { transform: scale(1); opacity: 1; }
  10% { transform: scale(1.2); opacity: 0.9; }
  20% { transform: scale(1); opacity: 1; }
  30% { transform: scale(1.15); opacity: 0.9; }
  40% { transform: scale(1); opacity: 1; }
  100% { transform: scale(1); opacity: 1; }
}

/* Shine effect */
.onair-container::before {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 50%;
  height: 100%;
  background: linear-gradient(
    90deg,
    transparent,
    rgba(255, 255, 255, 0.5),
    transparent
  );
  animation: shine 2s infinite linear;
}

/* Shine animation */
@keyframes shine {
  0% { left: -100%; }
  50% { left: 100%; }
  100% { left: 100%; }
}




.nair-container {
  display: inline-block;
  margin-left: 4px; /* Reduced margin */
  padding: 4px 6px; /* Reduced padding for smaller size */
  border: 1px solid #00b7eb; /* Thinner blue neon border */
  border-radius: 4px; /* Smaller rounded corners */
  vertical-align: middle;
  box-shadow: 0 0 5px #00b7eb, 0 0 10px #00b7eb; /* Reduced glow for smaller size */
  animation: tube-flicker 2s infinite; /* Tube light flicker on the whole sign */
  background: none; /* Transparent background */
}

.nair-text {
  display: inline-block;
  font-weight: bold;
  font-size: 10px; /* Smaller text */
  font-family: 'Arial', sans-serif; /* Clean, bold font */
}

/* Neon style for "ON" */
.neon-on {
  color: #00b7eb; /* Blue neon text */
  text-shadow: 0 0 3px #00b7eb, 0 0 6px #00b7eb, 0 0 9px #00b7eb; /* Reduced glow for smaller size */
}

/* Neon style for "AIR" */
.neon-air {
  color: #ff0000; /* Red neon text */
  text-shadow: 0 0 3px #ff0000, 0 0 6px #ff0000, 0 0 9px #ff0000; /* Reduced glow for smaller size */
}

/* Tube light flicker animation */
@keyframes tube-flicker {
  0% { opacity: 1; }
  2% { opacity: 0.1; }
  4% { opacity: 1; }
  6% { opacity: 0.3; }
  8% { opacity: 1; }
  10% { opacity: 0.5; }
  12% { opacity: 1; }
  20% { opacity: 0.2; }
  25% { opacity: 1; }
  30% { opacity: 0.4; }
  35% { opacity: 1; }
  50% { opacity: 1; }
  100% { opacity: 1; }
}


/* active members */
.member-section { background: #295562; padding: 40px 6%; margin: auto; position: relative; overflow: hidden; }
.member-head { padding: 0 0 23px 0; }
.member-head h2 { font-size: 28px; padding-bottom: 5px; text-align: center; }
.member-container { display: flex; gap: 18px; overflow-x: auto; scroll-behavior: smooth; scrollbar-width: none; padding: 10px; }
.member-container::-webkit-scrollbar { display: none; }
.member-card { min-width: 120px; text-align: center; }
.member-card img { width: 100px; height: 100px; border-radius: 50%; object-fit: cover; border: 3px solid white; box-shadow: 0 4px 8px rgba(0,0,0,0.1); }
.member-card p { margin-top: 8px; font-size: 14px; font-weight: bold; color: #4a148c; }
.arrow-btn { position: absolute; top: 50%; transform: translateY(-50%); background:rgba(122, 38, 174, 0.4); color: white; border: none; cursor: pointer; padding: 10px; font-size: 18px; border-radius: 50%; display: none; }
.arrow-btn:hover { background:rgb(95, 24, 181); }
.prev { left: 10px; }
.next { right: 10px; }
.member-body { display: grid; justify-content: center; align-items: center; }

.azuracat_log { padding: 5px; border-radius: 0px; background-image:url('https://i.pinimg.com/736x/34/1e/80/341e800b1f29d3e34ea2eba5a6af205c.jpg'); background-size: auto; color:#000; font-weight: 700;}