.item-preview {
	background-color: #121212;
}

.item-preview.is-astroexclusive {
	border-top-right-radius: 10px;
	border: 4px solid #078fff;
}

.item-preview.is-featured {
	border-top-right-radius: 10px;
	border: 4px solid rgba(var(--bs-primary-rgb), 1) !important;
}

.item-preview.is-collectible {
	border-top-right-radius: 10px;
	border: 4px solid #7fbdf0;
}

.item-preview.is-timed {
	border-top-right-radius: 10px;
	border: 4px solid #c04141;
}

@media (max-width: 768px) {
	.item-preview.is-collectible,
	.item-preview.is-featured,
	.item-preview.is-astroexclusive,
	.item-preview.is-timed {
		border-width: 3px;
		border-top-right-radius: 0px;
		border-bottom-left-radius: 10px;
	}
}

.headshot {
	border: 2px solid #3c3c3c;
}

.featured-badge {
	background-color: rgba(
		var(--bs-primary-rgb),
		var(--bs-text-opacity)
	) !important;
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	transform: rotate(-45deg);
	left: -70px;
	top: -40px;
	padding-top: 56px;
	padding-left: 10px;
	width: 140px;
	height: 100px;
}

.astroexclusive-badge {
	background-color: #078fff;
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	transform: rotate(-45deg);
	left: -70px;
	top: -40px;
	padding-top: 56px;
	padding-left: 10px;
	width: 140px;
	height: 100px;
}

.astroexclusive-badge::before {
	transform: rotate(45deg);
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	font-size: 26px;
	content: "\f4fb";
}

.collectible-badge {
	background-color: #7fbdf0;
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	transform: rotate(-45deg);
	left: -70px;
	top: -40px;
	padding-top: 56px;
	padding-left: 10px;
	width: 140px;
	height: 100px;
}

.collectible-badge::before {
	transform: rotate(45deg);
	font-family: "bootstrap-icons";
	font-size: 26px;
	content: "\F3E6";
}

.featured-badge::before {
	transform: rotate(45deg);
	font-family: "bootstrap-icons";
	font-size: 26px;
	content: "\f586";
}

.timed-badge {
	background-color: #c04141;
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	transform: rotate(-45deg);
	left: -70px;
	top: -40px;
	padding-top: 56px;
	padding-left: 10px;
	width: 140px;
	height: 100px;
}

.timed-badge::before {
	transform: rotate(45deg);
	font-family: "bootstrap-icons";
	font-size: 26px;
	content: "\f41f";
}

@media (max-width: 768px) {
	.featured-badge,
	.astroexclusive-badge,
	.collectible-badge,
	.timed-badge {
		justify-content: flex-start;
		padding-top: 66px;
		padding-left: 52px;
		top: -60px !important;
	}
	.featured-badge::before,
	.astroexclusive-badge::before,
	.collectible-badge::before,
	.timed-badge::before {
		font-size: 20px;
	}
}

.auto {
	flex: 1 1 0;
}

.shrink {
	flex: 0 0 auto;
}

.head-part,
.limb-part,
.torso-part,
.color-part {
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
	background-color: transparent;
	padding: 0;
	border: 2px solid transparent;
}

.color-part {
	height: 46px;
	width: 46px;
}

.head-part {
	border-radius: 2px;
	height: 50px;
	width: 50px;
}

.torso-part {
	border-radius: 2px;
	height: 100px;
	width: 100px;
}

.limb-part {
	border-radius: 2px;
	height: 100px;
	width: 48px;
}

.community-icon {
	position: absolute;
	left: 50%;
	transform: translate(-50%, -50%);
	margin-top: -30px;
	background-color: #1c1c1c;
	box-shadow:
		0px 3px 3px rgba(0, 0, 0, 0.4),
		0px -2px 0px #272727;
	height: 96px;
	width: 96px;
	background-size: cover;
	display: flex;
	justify-content: center;
	align-items: center;
}

.form-check,
.form-check-input,
.form-check-label {
	cursor: pointer;
}

.community-logo-manage {
	height: 150px;
	width: 150px;
	display: flex;
	justify-content: center;
	align-items: center;
}

@media (min-width: 992px) {
	.profile-username-break {
		inline-size: 180px;
		overflow-wrap: break-word;
	}
}

@media (min-width: 1200px) {
	.profile-username-break {
		inline-size: 300px;
		overflow-wrap: break-word;
	}
}

@media (min-width: 1400px) {
	.profile-username-break {
		inline-size: 400px;
		overflow-wrap: break-word;
	}
}

/* Custom Toastr JS
 *
 * toastr v2.1.3
 *
 */

/*
 * Note that this is toastr v2.1.3, the "latest" version in url has no more maintenance,
 * please go to https://cdnjs.com/libraries/toastr.js and pick a certain version you want to use,
 * make sure you copy the url from the website since the url may change between versions.
 * */

.toast-title {
	font-weight: bold;
}

.toast-message {
	-ms-word-wrap: break-word;
	word-wrap: break-word;
}

.toast-message a,
.toast-message label {
	color: #ffffff;
}

.toast-message a:hover {
	color: #cccccc;
	text-decoration: none;
}

.toast-close-button {
	position: relative;
	right: -0.3em;
	top: -0.3em;
	float: right;
	font-size: 20px;
	font-weight: bold;
	color: #ffffff;
	-webkit-text-shadow: 0 1px 0 #ffffff;
	text-shadow: 0 1px 0 #ffffff;
	opacity: 0.8;
	-ms-filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=80);
	filter: alpha(opacity=80);
	line-height: 1;
}

.toast-close-button:hover,
.toast-close-button:focus {
	color: #000000;
	text-decoration: none;
	cursor: pointer;
	opacity: 0.4;
	-ms-filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=40);
	filter: alpha(opacity=40);
}

.rtl .toast-close-button {
	left: -0.3em;
	float: left;
	right: 0.3em;
}

/*Additional properties for button version
 iOS requires the button element instead of an anchor tag.
 If you want the anchor version, it requires `href="#"`.*/

button.toast-close-button {
	padding: 0;
	cursor: pointer;
	background: transparent;
	border: 0;
	-webkit-appearance: none;
	appearance: none;
}

.toast-top-center {
	top: 0;
	right: 0;
	width: 100%;
}

.toast-bottom-center {
	bottom: 0;
	right: 0;
	width: 100%;
}

.toast-top-full-width {
	top: 0;
	right: 0;
	width: 100%;
}

.toast-bottom-full-width {
	bottom: 0;
	right: 0;
	width: 100%;
}

.toast-top-left {
	top: 12px;
	left: 12px;
}

.toast-top-right {
	top: 12px;
	right: 12px;
}

.toast-bottom-right {
	right: 12px;
	bottom: 12px;
}

.toast-bottom-left {
	bottom: 12px;
	left: 12px;
}

#toast-container {
	position: fixed;
	z-index: 999999;
	pointer-events: none;
	/*overrides*/
}

#toast-container * {
	box-sizing: border-box;
}

#toast-container > div {
	position: relative;
	pointer-events: auto;
	overflow: hidden;
	margin: 0 0 6px;
	padding: 15px 15px 15px 50px;
	width: 300px;
	border-radius: 0.5rem;
	background-position: 15px center;
	background-repeat: no-repeat;
	box-shadow: 0 0 20px 6px rgba(0, 0, 0, 0.2784313725);
	color: #ffffff;
	opacity: 0.8;
	-ms-filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=80);
	filter: alpha(opacity=80);
}

#toast-container > div.rtl {
	direction: rtl;
	padding: 15px 50px 15px 15px;
	background-position: right 15px center;
}

#toast-container > div:hover {
	box-shadow: 0 0 12px #000000;
	opacity: 1;
	-ms-filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
	filter: alpha(opacity=100);
	cursor: pointer;
}

#toast-container.toast-top-center > div,
#toast-container.toast-bottom-center > div {
	width: 300px;
	margin-left: auto;
	margin-right: auto;
}

#toast-container.toast-top-full-width > div,
#toast-container.toast-bottom-full-width > div {
	width: 96%;
	margin-left: auto;
	margin-right: auto;
}

.toast-progress {
	position: absolute;
	left: 0;
	bottom: 0;
	height: 4px;
	background-color: rgb(31, 145, 220);
	opacity: 0.8;
	-ms-filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=80);
	filter: alpha(opacity=80);
}

/*Responsive Design*/

@media all and (max-width: 240px) {
	#toast-container > div {
		padding: 8px 8px 8px 50px;
		width: 11em;
	}
	#toast-container > div.rtl {
		padding: 8px 50px 8px 8px;
	}
	#toast-container .toast-close-button {
		right: -0.2em;
		top: -0.2em;
	}
	#toast-container .rtl .toast-close-button {
		left: -0.2em;
		right: 0.2em;
	}
}

@media all and (min-width: 241px) and (max-width: 480px) {
	#toast-container > div {
		padding: 8px 8px 8px 50px;
		width: 18em;
	}
	#toast-container > div.rtl {
		padding: 8px 50px 8px 8px;
	}
	#toast-container .toast-close-button {
		right: -0.2em;
		top: -0.2em;
	}
	#toast-container .rtl .toast-close-button {
		left: -0.2em;
		right: 0.2em;
	}
}

@media all and (min-width: 481px) and (max-width: 768px) {
	#toast-container > div {
		padding: 15px 15px 15px 50px;
		width: 25em;
	}
	#toast-container > div.rtl {
		padding: 15px 50px 15px 15px;
	}
}

.toast {
	background-color: #303030;
}

.toast-success {
	background-color: #389f66;
}

.toast-error {
	background-color: #c04141;
}

.toast-info {
	background-color: #0aa2c0;
}

.toast-warning {
	background-color: #cc9a06;
}

#toast-container > .toast-info {
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAWhJREFUSEu1ljtOAzEQhr+/p6OESLQIDsEBCBJIUFPx6OkJlwgiTXoigZSkh0MQ0SIBJWcYNKt1cJZk7Y207lYez2fPP48ViWVmO8AhsFkx/QGmkj7qXGjVppm50wugm7jDBBhImi6zWwows0fgNPW6yv5I0ln1zD+Amb0Bew2dB/OZpP347ALAzL6ArTWdh2PfkrbDxxxgZk/AcY1zF/O13D8AXPxV61nSiW8WgFJQF6tuXUoalPYu/kPCvuvCB8A4lS2SquG0VHZJOpKZebw+M+Le9AXusuOAK+A+A9BEg+Du2gG3QC8BmAGjyMZrJCeV+7mAnqS7AMi8lJuPcwF++76kIk3bALjf+SsaAIoQ5Yq8DqAQOTdNq4AbYCORHJ3cQlsQudTB28VLDWBSFFpmq1gGOAeGNYC/VlFCUs0uoxbnJovNLsrv9tp1BGlv4ESQ9kZmBGlv6MdqRr8tu0AYha7Ve85vyy9EfLCVmauEfgAAAABJRU5ErkJggg==") !important;
}

#toast-container > .toast-error {
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAYxJREFUSEu1lr0uREEUx3//jhYdGypiVyNRktBbCQmPILyAltoDkHgEm5Dsbk9CS2V9VeKjVNMdmZu53L3WzizuVDOZc87vzJwz54wIDDMbAxaBwZzoK9CU9NDNhH7aNDNndB2oBnxoAAeSmp3kOgLM7BBYDZ0ut1+TtJbX+QYwsyug0qPxVLwlaSqr2wYws2dg+JfGU7UXSSPp4hNgZkfA8h+Np+rHklbcIgH4gLpgdRsVSddevgy0AvJVF/gUUI/Iln5J7x7QB7yFskvSkszM3ddTxNUMSXK57048ACTzwCg5wAawH5IERiU9ekAJSOaBsekA28BOSBIoS7rxgAngNkJnrxfAjKQLD5gGLiMA9V4Ac5LOPWAWOPtvQC2Tmu6lx5SS5Ipig+wc3vVeb0V470SSIMem6YSke39F48BdBKQU+9BOJS1kDZrZCTDfBdJIHpr3yNX+UKno9QRfpcJDYopdbAzai116zELLdQZSXMPJQIprmRlIcU0/l47pt2USSFuha62u8AW/LR+mIa6VDuADnwAAAABJRU5ErkJggg==") !important;
}

#toast-container > .toast-success {
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==") !important;
}

#toast-container > .toast-warning {
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAYpJREFUSEu1lTsvREEYhp+30kv8Ao3QaYTKSnQulUtBRUUkdCRUJHQkQkVF4VK5dBJULo2OaPwCoVd9Mmt2s3t2zpljlynPme99zjfnmRnxz0N5882sHZjz87clveSpzQUwsybgDuj0oU9Aj6SvGCQvYBFYT4QtSdpoGGBmrcA90JIIewe6Jb1lQaIdmNkOMJMSsitptm6AmfUCN5FlKEi6TZuT2YGZnQFDEcC5pOFfA8xsAjioKHwG3Lq74f5HR8W7SUmHIUiwg4CWrrZPUnG5zKwAXFcEpmqbBghpOSjp0gMGgIs82tYAMrQcl3TsAWPAUR5tQ4A0Lacl7XvAFLAXWPMabasAES0XJG15wDywmWJOlbZJQJaWK5LWPGAZWE0BVGlbBgS0DNWXNpTbgFmjrG0RkKJlKKDfP7yKAMralgAhLZMZo5JO/QeNACcRSPG0VYaWjQJ+TtvIaZmEuB3sRuwALNXtOsAH0Bxpt97Xnw7wAHTVmxCpe3SA0mXe9seQV2A7eqM1Cv0GCxSfocNrs70AAAAASUVORK5CYII=") !important;
}

#toast-container > .friend-request {
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAZ5JREFUSEu1lD1LHFEUhp/3D1hIiAiBJEQbBSEYEIuAQogIapkuTQQRW5GojUkZSWuRkOAP2E47EdxCcJuFEJIiqCAB02yXP/DKlZ1h9mNmZ3bYC5c73Dnvee45554rBjw0YP+kAmy/Ah4Dj4BL4I+ketEDdQXY3gM+dHG2JelzEUgHwPYXYC3DyUtJ53khLQDbo8C/HuKapNl+AUvAcQ7xQ0mNHHatRba9ARzkED6X9CNpZ/s1sAM0JL2J/rWnaAL43QNwJWm83SZ5MSTFfrsV+QhYzoC8k3TYNyAIbf8CJrtATiQtRPuJtERbc82PanNtZDVa6IUgCLMCnEr62pb3tH6JzUo9FbZHgPUENGrOuEljgO1p4C3wFBgCroGfzTkFhPkMuAX+StpNi6ajyLZXgO/AgxxXNDK5kRQOcz9Sb5HtJ8AZENaioy7pRRMQp0vSx7gPbIfHa7Oo54T9J0nbaXrZrgEzJQCVZOe2+wkAl3AepFVJ81kRDBzwDVgtEcW+pPdZEYwBi8BwH5BQvwtJ/1MBfTgtJCn1VOQh3QGOzI04KvHfKAAAAABJRU5ErkJggg==") !important;
}

#toast-container > .friend-accepted {
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAaRJREFUSEvFlrFrFEEUh7/vH7AQCQiCirExIIiCWAgRhCCoXZLKJoKFrYhio5aKrYVisPew0U6EpBBMEwjBFKKCCNrY+Q88eXFXbs/bvd07DgeGZWfe7/e9eTOzrEy5OWV/agERcR44CBwAPgEf1c2uCQ0FRMRd4N4Qs5vqoy6QfwAR8QS41mByVn3XFlIBRMR+4McI8YZ6ZlzAReB1C/GM+rNFXHWTI+I68LiF8IS6VRcXEccKn+XBEuXEzgjAZ/XoCPMXwBzwctgmvwIuNUBW1Oc5X2S6qN7vey/Nc2ip7ph+KDIY5LxRF8rBiCjj8kj3gKq59pouWt6F+aKn+K36tJ8YEWm4WIxlabMsfzLX1NTf5BYbvRsyAKmYVwARcRK4AhwG9gBfgO2iHweyHwG+A9/UO32lKlfyN/NybrdEEXEZWAX2tc0c+KpmMuVK5tX1Qb0RcQhYA/LZtW2qp5pECciP142uzn3xD9TbdfoEbACnJwD01KUmQExgntJ19dx/BTwDrk6wiofqraYVzAIXgL1jQHL/3qu/agFjmHaSTP2v4jdgNJInTeSWVQAAAABJRU5ErkJggg==") !important;
}

#toast-container > .forum-reply {
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAALtJREFUSEvt1r0NwjAQBeD3RknNEjBEGIQFgHkYgvTU9EjMQP2QEUYW/o3jdE4VRZd8d+c7KYRzSboC2LrPIvcnkmdJTwAHkpfYO/wDVPBxE2IBG7+PIa0AgwaRlkAQaQ14yBrAg+Rgz3IRUDIQtcAE4AbgFULMCC+tIJk8yV/itRU0A+4Aolv6VUYAG1ecU8FnY1PpSjqaza4FSgbFi5lTQW8RcmPaW5Rt0epj2gHvDEp/W1Ktm0jubMAbg5yeGXFGsFMAAAAASUVORK5CYII=") !important;
}

#toast-container > .forum-quote {
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAYpJREFUSEvtlb9LHFEQxz/f1jIHCoaDFIL2lmlMY2FhaRMFK02QtEc6L2WwS+DUQAgqVpapUnkW6Wy9SkiK/ETwX/jKu9we67v3ds8iICEL2+x8Zz7zZubtiL/8KI5vewKYLb09SSd1edhuAnMDvwZwJql7C2D7MfB+ICpiXkmarALYfg20Ik1L0s4QYHsD2E8FkjRy0kJn+xyYT/i1Jb3qO9p+DnRyWeYAtr8AjzJ+fwC2F4DTihJ0JT1J9OoDsF7htynpXQC8AV5EwgsgCD6nAth+CHxLlQU4kPS1sAXAJ2CxJA7BVyT1ctllTt0vSewTAL+AqZKhI2mrZmqeAbuRpilp5FQB4EiYzKSssb0NtMvfcoPwbwLi8v8AXko6Kl2ukRIlevZR0nKqRLn+NiRdDy7mOIAgfXsXwLD5qSZn/wKJKcpp/wOq7m7fdn9L9B2Yrs0fViUdD8Y0u5yiOJdhTNeAwzpA/K8Zc/qWio32ILETCubPsDgye+EpMJNJbk/S7+yurTvRuPYbECjSrgr8VMcAAAAASUVORK5CYII=") !important;
}

#toast-container > .toast-trade {
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAidJREFUSEu1lU2IT2EUxn/PCkWZhQVRIgkldiRlUCympMhCKYqkFGZnY5SyYSYLqclHkY1ZjJSUxBSRhYV8LCVNbISFycLi0bnev965c+//Xhmnbrfe85zznK/3vKJBbM8DFgELgcXADOAz8AUYl/Qid2F7E/Aonb1RnX/b64HjwO6GGIaB4Q5RiYApBLYj0hPJeVOCuf6spJNdCWz3AA+BNTWePwKfgPnAggrMDeBqVqLJGdgeAXaVDK8Do5Jul2q9BdgL7C/ho/69nbM/JbJ9PpWmo3sMRNr3utXJdvToNLCiClcQ2I5oHmSA+5K2tW2A7bXA3VS6SWYdgivAgaR5BfRJ+tBlwiLqQ8AE8D39Y3RjOGbmdrIdB18zxYCkSLlWbJ8CBtpkGASHgUsZeJ2k59NGkHoQERXSFH3Cr2xxAX/7a5Pmv2D+P0FqWJsgRyS9bQLm/qLc0WQ3GSV9m+nKN2mYHZxugovAkRTQD6CnjuAMMBuYk765wGVJsasqxXZM1hgQ70fIoKT+OoIJSUHQSpLzW8CqzGCjpCfdSvQ0NqukWM+1Yns7cK7k/IKkY8U9KDV5FNiZeYs9cw24md9u21G61Wkf7Sux35G0o3NWJog93gf0V4T8DXgPzAKW16T0EtgsKd7rQqYQSBr7m2WWEQ2lxo7n5JUEAbC9ATgK7GnodEzWkKRnVbggeJ01qDcyyIG2twLLgKXAEuAnEG9G8Ul61y2AXzUW4ael9JvVAAAAAElFTkSuQmCC") !important;
}

.bg-navbar {
	background: #0f0f0f;
}

.navbar-theme .navbar-brand {
	color: #fff;
}

.navbar-theme .navbar-brand:hover,
.navbar-theme .navbar-brand:focus {
	color: #fff;
}

.navbar-theme .navbar-nav .nav-link {
	color: rgba(255, 255, 255, 0.55);
}

.navbar-theme .navbar-nav .nav-link:hover,
.navbar-theme .navbar-nav .nav-link:focus {
	color: rgba(255, 255, 255, 0.75);
}

.navbar-theme .navbar-nav .nav-link.disabled {
	color: rgba(255, 255, 255, 0.25);
}

.navbar-theme .navbar-nav .show > .nav-link,
.navbar-theme .navbar-nav .nav-link.active {
	color: #fff;
}

.navbar-theme .navbar-toggler {
	color: rgba(255, 255, 255, 0.55);
	border-color: rgba(255, 255, 255, 0.1);
}

.navbar-theme .navbar-toggler-icon {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.navbar-theme .navbar-text {
	color: rgba(255, 255, 255, 0.55);
}

.navbar-theme .navbar-text a,
.navbar-theme .navbar-text a:hover,
.navbar-theme .navbar-text a:focus {
	color: #fff;
}

.form-control-navbar {
	color: #f2f2f2;
	background-color: #0f0f0f;
	border-color: #0f0f0f;
}

.trade-action {
	position: relative;
	bottom: 16px;
	background: #272727;
	text-align: center !important;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
	margin-bottom: 0 !important;
	margin-right: 0.625rem !important;
	margin-left: 0.625rem !important;
	border: 2px solid #272727 !important;
	border-radius: 0.375rem;
	max-width: 100%;
	height: auto;
}

.trade-action a {
	color: #fff !important;
	font-weight: normal;
}

.trade-action:hover {
	cursor: pointer;
	transition: ease 0.4s;
}

.trade-action-remove:hover {
	background: #f05151;
}

.trade-action-add:hover {
	background: #46c780;
}

.trade-action a span {
	position: relative;
	content: "price";
}

.trade-action:hover a span {
	display: none;
}

.trade-action-remove:hover a:after {
	content: "Remove";
}

.trade-action-add:hover a:after {
	content: "Add";
}

.gender-pill:hover {
	transform: translateY(-2px);
	border-color: var(--bs-primary) !important;
}

.card-shine {
	position: relative;
	overflow: hidden;
	isolation: isolate;
}

.card-shine::before {
	content: "";
	position: absolute;
	inset: 0;

	background: linear-gradient(
		110deg,
		transparent 30%,
		rgba(255, 255, 255, 0.15) 45%,
		rgba(255, 255, 255, 0.45) 50%,
		rgba(255, 255, 255, 0.15) 55%,
		transparent 70%
	);

	transform: translateX(-100%) skewX(-20deg);
	filter: blur(8px);
	opacity: 0.8;
	pointer-events: none;
}

.card-shine::before {
	animation: shine 3.5s cubic-bezier(0.4, 0, 0.2, 1) infinite;
}

@keyframes shine {
	0% {
		transform: translateX(-120%) skewX(-20deg);
	}
	60% {
		transform: translateX(120%) skewX(-20deg);
	}
	100% {
		transform: translateX(120%) skewX(-20deg);
	}
}

.border-dashed {
	border-style: dashed !important;
}

.friend-card {
	padding: 0.35rem 0.2rem;
	border-radius: 0.75rem;
	transition:
		transform 0.18s ease,
		background-color 0.18s ease,
		box-shadow 0.18s ease;
	transform-origin: center;
	z-index: 1;
}

.friend-card:hover,
.friend-card:focus-within {
	transform: scale(1.08);
	background-color: rgba(255, 255, 255, 0.06);
	box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
	z-index: 20;
}

.friend-actions-menu {
	display: block;
	opacity: 0;
	pointer-events: none;
	visibility: hidden;
	top: calc(100% + 0.25rem);
	left: 50%;
	transform: translateX(-50%) translateY(4px);
	min-width: 9.5rem;
	margin: 0;
	transition:
		opacity 0.16s ease,
		transform 0.16s ease,
		visibility 0.16s ease;
}

.friend-card:hover .friend-actions-menu,
.friend-card:focus-within .friend-actions-menu {
	opacity: 1;
	pointer-events: auto;
	visibility: visible;
	transform: translateX(-50%) translateY(0);
}

@keyframes fadeIn {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}

@keyframes bounceY {
	0%,
	20%,
	50%,
	80%,
	100% {
		transform: translateY(0);
	}
	40% {
		transform: translateY(-10px);
	}
	60% {
		transform: translateY(-5px);
	}
}

.status {
	width: 12px;
	height: 12px;
	border-radius: 50%;
	position: absolute;
	bottom: 2px;
	right: 2px;
	border: 2px solid #fff;
}

.status.online {
	background-color: #3d9eff;
}

.status.offline {
	background-color: #6c757d;
}

.status.studio {
	background-color: #ffc107;
}

.status.playing {
	background-color: #46c780;
}

.status.sm {
	width: 8px;
	height: 8px;
}

.status.lg {
	width: 16px;
	height: 16px;
}

/* Root shell should control full height */
.bv-guildchat-shell {
	height: 100dvh;
	display: flex;
}

/* Ensure Bootstrap cols stretch vertically */
.bv-guildchat-shell > [class*="col-"] {
	display: flex;
	flex-direction: column;
	height: 100%;
	min-height: 0;
}

.bv-guild-switcher-rail {
	width: 72px;
	min-width: 72px;
	background: #1e1f22;
	border-right: 1px solid #141518;
	height: 100%;
}

.bv-guild-switcher-button {
	width: 48px;
	height: 48px;
	border-radius: 16px;
	background: #2b2d31;
	color: #dbdee1;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	text-decoration: none;
	font-weight: 700;
	transition: all 0.16s ease;
	overflow: hidden;
}

.bv-guild-switcher-button:hover {
	border-radius: 14px;
	background: #3a7bff;
	color: #fff;
}

.bv-guild-switcher-button.active {
	border-radius: 14px;
	background: #3a7bff;
	color: #fff;
	box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.25);
}

.bv-guild-switcher-button img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.bv-guild-switcher-button.bv-guild-switcher-create {
	background: #1f462a;
	color: #57f287;
}

.bv-guild-switcher-button.bv-guild-switcher-create:hover {
	background: #57f287;
	color: #102015;
}

.bv-guild-switcher-divider {
	width: 36px;
	height: 1px;
	background: #32353b;
	flex-shrink: 0;
}

/* Panels now inherit height instead of using vh math */
.bv-guildchat-sidebar {
	background: #2b2d31;
	color: #dbdee1;
	height: 100%;
	border-right: 1px solid #1f2023;
}

.bv-guildchat-members {
	background: #2b2d31;
	color: #dbdee1;
	height: 100%;
	border-left: 1px solid #1f2023;
	overflow: hidden;
}

.bv-guildchat-main {
	background: #313338;
	color: #dbdee1;
	height: 100%;
	display: flex;
	flex-direction: column;
	overflow: hidden;
}

/* Guild Banner */
.bv-guildchat-guild-banner {
	width: 100%;
	height: 120px;
	overflow: hidden;
	flex-shrink: 0;
	position: relative;
	background: #111214;
}

.bv-guildchat-guild-banner img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.bv-guildchat-guild-banner-placeholder {
	width: 100%;
	height: 100%;
	background: linear-gradient(135deg, #1a1b1e 0%, #111214 100%);
}

/* Headers */
.bv-guildchat-panel-header {
	background: #2b2d31;
	min-height: 48px;
	border-bottom: 1px solid #1f2023;
	box-shadow: 0 1px 0 rgba(0, 0, 0, 0.16);
}

.bv-guildchat-main-header {
	background: #313338;
	min-height: 48px;
	border-bottom: 1px solid #1f2023;
	box-shadow: 0 1px 0 rgba(0, 0, 0, 0.16);
}

/* Inputs */
.bv-guildchat-search,
.bv-guildchat-input,
.bv-guildchat-edit {
	background: #1e1f22 !important;
	border: 1px solid #1e1f22 !important;
	color: #f2f3f5 !important;
	box-shadow: none !important;
	border-radius: 44px !important;
}

.bv-guildchat-search::placeholder,
.bv-guildchat-input::placeholder,
.bv-guildchat-edit::placeholder {
	color: #949ba4 !important;
}

.bv-guildchat-search:focus,
.bv-guildchat-input:focus,
.bv-guildchat-edit:focus {
	border-color: #5896f2 !important;
}

/* Channel list */
.bv-guildchat-channel-link {
	color: #949ba4;
	border-radius: 4px;
	text-decoration: none;
	transition:
		background-color 0.15s ease,
		color 0.15s ease;
}

.bv-guildchat-channel-link:hover {
	background: rgba(79, 84, 92, 0.32);
	color: #dbdee1;
}

.bv-guildchat-channel-link.active {
	background: rgba(79, 84, 92, 0.48);
	color: #ffffff;
}

.bv-guildchat-channel-link:active {
	cursor: grabbing;
}

/* Messages */
.bv-guildchat-message-row {
	border-radius: 0;
	padding: 0.125rem 1rem;
	transition: background-color 0.12s ease;
}

.bv-guildchat-message-row:hover {
	background: rgba(4, 4, 5, 0.07);
}

.bv-guildchat-message-actions {
	opacity: 0;
	transform: translateY(-2px);
	transition:
		opacity 0.12s ease,
		transform 0.12s ease;
	background: #2b2d31;
	border: 1px solid #1f2023;
	border-radius: 8px;
	box-shadow: 0 8px 16px rgba(0, 0, 0, 0.24);
}

.bv-guildchat-message-row:hover .bv-guildchat-message-actions {
	opacity: 1;
	transform: translateY(0);
}

.bv-guildchat-message-action-btn {
	color: #b5bac1 !important;
	border: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
}

.bv-guildchat-message-action-btn:hover {
	color: #ffffff !important;
	background: rgba(79, 84, 92, 0.45) !important;
}

/* Composer sticks to bottom properly now */
.bv-guildchat-composer {
	background: #313338;
	border-top: 1px solid #1f2023;
	margin-top: auto;
}

.bv-guildchat-composer-box {
	background: #383a40;
	border-radius: 44px;
	min-height: 44px;
}

/* Reactions */
.bv-guildchat-reaction-btn {
	background: #2b2d31 !important;
	border: 1px solid #3f4147 !important;
	color: #dbdee1 !important;
	border-radius: 8px !important;
}

.bv-guildchat-reaction-btn:hover {
	background: #35373c !important;
	border-color: #5896f2 !important;
}

.bv-guildchat-reaction-btn.active {
	background: rgba(88, 101, 242, 0.16) !important;
	border-color: #5896f2 !important;
	color: #c9cdfb !important;
}

/* Members */
.bv-guildchat-member-row {
	color: #dbdee1;
	border-radius: 4px;
}

.bv-guildchat-member-row:hover {
	background: rgba(79, 84, 92, 0.32);
}

/* Labels */
.bv-guildchat-section-label {
	color: #949ba4;
	letter-spacing: 0.02em;
	font-size: 0.73rem;
}

/* Scrollbars */
.bv-guildchat-scroll {
	flex: 1;
	min-height: 0;
	overflow-y: auto;
}

.bv-guildchat-scroll::-webkit-scrollbar {
	width: 12px;
}

.bv-guildchat-scroll::-webkit-scrollbar-track {
	background: transparent;
}

.bv-guildchat-scroll::-webkit-scrollbar-thumb {
	background: #1a1b1e;
	border: 3px solid transparent;
	background-clip: padding-box;
	border-radius: 999px;
}

/* Mobile fix */
@media (max-width: 991.98px) {
	.bv-guildchat-shell {
		height: auto;
		flex-direction: column;
	}

	.bv-guildchat-sidebar,
	.bv-guildchat-main,
	.bv-guildchat-members {
		height: auto;
	}
}

.bv-boost-shake {
	animation: bv-boost-shake 0.52s cubic-bezier(0.36, 0.07, 0.19, 0.97);
}

.bv-boost-charge {
	animation: bv-boost-charge-page 1s ease-in-out infinite;
	transform-origin: center bottom;
}

@keyframes bv-boost-shake {
	10%,
	90% {
		transform: translate3d(-1px, 0, 0);
	}
	20%,
	80% {
		transform: translate3d(2px, 0, 0);
	}
	30%,
	50%,
	70% {
		transform: translate3d(-4px, 0, 0);
	}
	40%,
	60% {
		transform: translate3d(4px, 0, 0);
	}
}

@keyframes bv-boost-charge-page {
	0%,
	100% {
		filter: saturate(1) brightness(1);
	}
	50% {
		filter: saturate(1.08) brightness(1.03);
	}
}

.bv-typing {
	display: flex;
	gap: 4px;
}

.bv-typing span {
	width: 6px;
	height: 6px;
	background-color: #b5bac1;
	border-radius: 50%;
	display: inline-block;
	animation: bvTypingBounce 1.4s infinite ease-in-out;
}

.bv-typing span:nth-child(1) {
	animation-delay: 0s;
}
.bv-typing span:nth-child(2) {
	animation-delay: 0.2s;
}
.bv-typing span:nth-child(3) {
	animation-delay: 0.4s;
}

@keyframes bvTypingBounce {
	0%,
	80%,
	100% {
		transform: scale(0.7);
		opacity: 0.5;
	}
	40% {
		transform: scale(1);
		opacity: 1;
	}
}