@font-face {
	font-family: 'Riffic';
	src: url('/assets/fonts/RIFFICFREE-BOLD.TTF') format('truetype'); /* Safari, Android, iOS */
}

/*html, body {
	background-color: #121415;
}*/

ol.breadcrumb a {
   text-underline-offset: 0.25em !important;
}

.btn-link {
	text-underline-offset: 0.25em !important;
}

.form-label {
	color: var(--bs-tertiary-color);
	font-size: .875em;
	font-weight: 600;
}

.card-header, .card-footer {
  padding: 1rem !important;
}

.nav-link.active {
	color: #fcbc18 !important;
}


.btn {
/*	font-family: 'Riffic', sans-serif;*/
/*	border-radius: 2px;*/
}

#glcanvas {
	max-width: 100%;
	z-index: -1;
	pointer-events: none;
	position: fixed;
	background: transparent;
}

.square-100 {
	height: 100px !important;
	width: 100px !important;
	display: block !important;
}

.square-140 {
	height: 140px !important;
	width: 140px !important;
	display: block !important;
}

.square-200 {
	height: 200px !important;
	width: 200px !important;
	display: block !important;
}

.h-38 {
	height: 38px;
}

.space-mono {
  font-family: "Space Mono", monospace;
}

.poppins {
  font-family: "Poppins", sans-serif;
}

.font-size-14 {
	font-size: 14px;
}

.bg-pink {
	background-color: #ff00fe;
}

.text-pink {
	color: #ff00fe;
}

.bg-blurple {
	background-color: #5865F2;
}

.text-blurple {
	color: #5865F2;
}

.tox-statusbar__right-container {
    display: none !important;
}

.btn-pink {
	--bs-btn-color: #fff;
	--bs-btn-bg: #ff00fe;
	--bs-btn-border-color: #ff00fe;
	--bs-btn-hover-color: #fff;
	--bs-btn-hover-bg: #e000df;
	--bs-btn-hover-border-color: #e000df;
	--bs-btn-focus-shadow-rgb: 255, 0, 254;
	--bs-btn-active-color: #fff;
	--bs-btn-active-bg: #c000be;
	--bs-btn-active-border-color: #c000be;
	--bs-btn-disabled-bg: #ff00fe;
	--bs-btn-disabled-border-color: #ff00fe;
}

.btn-outline-pink {
	--bs-btn-color: #ff00fe;
	--bs-btn-border-color: #ff00fe;
	--bs-btn-hover-color: #fff;
	--bs-btn-hover-bg: #ff00fe;
	--bs-btn-hover-border-color: #ff00fe;
	--bs-btn-focus-shadow-rgb: 255, 0, 254;
	--bs-btn-active-color: #fff;
	--bs-btn-active-bg: #c000be;
	--bs-btn-active-border-color: #c000be;
	--bs-btn-disabled-color: #ff00fe;
	--bs-btn-disabled-border-color: #ff00fe;
}

.btn-blurple {
	--bs-btn-color: #fff;
	--bs-btn-bg: #5865F2;
	--bs-btn-border-color: #5865F2;
	--bs-btn-hover-color: #fff;
	--bs-btn-hover-bg: #4752c4;
	--bs-btn-hover-border-color: #4752c4;
	--bs-btn-focus-shadow-rgb: 88, 101, 242;
	--bs-btn-active-color: #fff;
	--bs-btn-active-bg: #3c45a5;
	--bs-btn-active-border-color: #3c45a5;
	--bs-btn-disabled-bg: #5865F2;
	--bs-btn-disabled-border-color: #5865F2;
}

.btn-outline-blurple {
	--bs-btn-color: #5865F2;
	--bs-btn-border-color: #5865F2;
	--bs-btn-hover-color: #fff;
	--bs-btn-hover-bg: #5865F2;
	--bs-btn-hover-border-color: #5865F2;
	--bs-btn-focus-shadow-rgb: 88, 101, 242;
	--bs-btn-active-color: #fff;
	--bs-btn-active-bg: #3c45a5;
	--bs-btn-active-border-color: #3c45a5;
	--bs-btn-disabled-color: #5865F2;
	--bs-btn-disabled-border-color: #5865F2;
}


.mono-link {
	color: white !important;
	text-underline-offset: 2px;
	font-size: 1.25rem; /* соответствует .h5 */
	font-family: 'Space Mono', monospace;
	text-decoration: underline;
  text-underline-offset: 0.25em !important;
}

.poppins-link {
	color: white !important;
	text-underline-offset: 2px;
	font-size: 1.25rem; /* соответствует .h5 */
	font-family: 'Poppins', sans-serif;
	text-decoration: underline;
  text-underline-offset: 0.25em !important;
}


.glass-panel {
	display: block;
	backdrop-filter: blur(10px);
	background: linear-gradient(300deg, #00000000, #ffffff0d);
	border: 1px solid #6767673b !important;
	box-shadow: var(--bs-box-shadow-sm) !important;
}

a.glass-panel {
	text-decoration: none;
	color: inherit;
}

a.glass-panel:hover, a.glass-panel:focus {
	background: linear-gradient(0deg, #ffffff05, #ffffff15);
}

.bi-fw {
	width: 1.25em;
	text-align: center;
	display: inline-block;
}

.badge-container {
  perspective: 200px;
  perspective-origin: center;             /* глубина просмотра */
  transition: transform .3s ease-in-out;
}
.badge-container svg {
  transform-style: preserve-3d;   /* включаем 3D-потомков */
  transform-origin: 50% 50%;      /* центр вращения */
}

.badge-container:hover, .badge-container:active {
	transform: scale(1.5);
	position: relative;
	z-index: 2;
}

.badge-svg {
	will-change: transform;
}

.w-50px {
	width: 50px !important;
}

.w-100px {
	width: 100px !important;
}

.w-150px {
	width: 150px !important;
}

.w-200px {
	width: 200px !important;
}

.w-300px {
	width: 300px !important;
}

.w-400px {
	width: 400px !important;
}

.h-25px {
	height: 25px;
}