@import url("../../all/theme/announcementshoutbox.css");

/* Nexora Dark integration */
.announcement-shoutbox {
	border-color: #443b68;
	background: linear-gradient(180deg, #1d1b2b 0%, #151520 100%);
	box-shadow: 0 6px 18px rgba(0, 0, 0, .42), inset 0 1px 0 rgba(255, 255, 255, .035);
	backdrop-filter: none;
}

.announcement-shoutbox__viewport {
	background: linear-gradient(180deg, #201e30 0%, #171720 100%);
}

.announcement-shoutbox__badge,
.announcement-shoutbox__mode-chip,
.announcement-shoutbox__limit,
.announcement-shoutbox__composer-toggle {
	border: 1px solid #493f69;
	background: #292638;
	color: #ad8cff;
}

.announcement-shoutbox__mode-chip--button:hover,
.announcement-shoutbox__mode-chip--button:focus {
	border-color: #8667d8;
	background: #332e47;
	color: #c4acff;
}

.announcement-shoutbox__meta,
.announcement-shoutbox__ticker-time,
.announcement-shoutbox__separator,
.announcement-shoutbox__message-separator,
.announcement-shoutbox__typing {
	color: #aaa6b7;
}

.announcement-shoutbox__message,
.announcement-shoutbox__ticker-text {
	color: #dddbe5;
}

.announcement-shoutbox__author,
.announcement-shoutbox__ticker-author,
.announcement-shoutbox__author a,
.announcement-shoutbox__ticker-author a {
	color: #9d7cff;
}

.announcement-shoutbox__delete {
	border-color: #4c465d;
	background: #282532;
	color: #c2bdce;
}

.announcement-shoutbox__delete:hover,
.announcement-shoutbox__delete:focus {
	border-color: #b35b70;
	background: #482833;
	color: #ffb0c0;
}

.announcement-shoutbox__composer {
	border-top-color: #443b68;
	background: #14141d;
}

.announcement-shoutbox__composer-summary {
	color: #ad8cff;
}

.announcement-shoutbox__composer-body {
	border-top-color: #383346;
}

.announcement-shoutbox__textarea,
#emoji-search {
	border-color: #494258;
	background: #0d1118;
	color: #e7e4ee;
}

.announcement-shoutbox__textarea:focus,
#emoji-search:focus {
	border-color: #9272e8;
	box-shadow: 0 0 0 2px rgba(146, 114, 232, .2);
}

.announcement-shoutbox__textarea::placeholder,
#emoji-search::placeholder {
	color: #817d8e;
}

.announcement-shoutbox__submit {
	border-color: #7254c7;
	background: linear-gradient(180deg, #a17fff 0%, #7d5cde 100%);
	color: #ffffff;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2);
}

.announcement-shoutbox__submit:hover,
.announcement-shoutbox__submit:focus {
	border-color: #a888ff;
	background: linear-gradient(180deg, #b294ff 0%, #8c6beb 100%);
	color: #ffffff;
}

.announcement-shoutbox__tool {
	border-color: #494258;
	background: linear-gradient(180deg, #302c40 0%, #272432 100%);
	color: #c5b4ef;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .045);
}

.announcement-shoutbox__tool:hover,
.announcement-shoutbox__tool:focus {
	border-color: #8667d8;
	background: #39334d;
	color: #e0d7f8;
}

.announcement-shoutbox__color-panel,
.sb-emoji-panel {
	border-color: #493f69;
	background: #201e2b;
	box-shadow: 0 10px 28px rgba(0, 0, 0, .5);
}

.announcement-shoutbox__color-panel::after {
	border-color: #201e2b transparent transparent transparent;
}

.announcement-shoutbox__color-title,
.emoji-group-title {
	color: #c5b4ef;
}

.sb-emoji-categories button,
.sb-emoji {
	border-color: #494258;
	background: #2a2737;
	color: #e7e4ee;
}

.sb-emoji-categories button:hover,
.sb-emoji:hover {
	border-color: #8667d8;
	background: #373149;
}

.announcement-shoutbox__color-swatch:hover,
.announcement-shoutbox__color-swatch:focus {
	border-color: #ad8cff;
	box-shadow: 0 0 0 2px rgba(157, 124, 255, .26);
}

.announcement-shoutbox__color-swatch[style*="#ffffff"] {
	border-color: #716a82;
}