/* CSS */
:root {
	font-family: Inter, sans-serif;
	font-feature-settings: 'liga' 1, 'calt' 1; /* fix for Chrome */
}
@supports (font-variation-settings: normal) {
	:root { font-family: InterVariable, sans-serif; }
}


@font-face {
	font-family: stratumno;
	src: url(/fonts/stratumno2_regular.otf)
}

@font-face {
	font-family: eurostile;
	src: url(/fonts/EurostileExtendedBlack.ttf);
}

@font-face {
	font-family: bebas neue;
	src: url(/fonts/BebasNeue-Regular.ttf);
}

@font-face {
	font-family: inter regular;
	src: url(/fonts/Inter_18pt-Regular.ttf);
}

@font-face {
	font-family: inter semibold;
	src: url(/fonts/Inter_18pt-SemiBold.ttf);
}

::-webkit-scrollbar {
  width: 3px;
}

::-webkit-scrollbar-track {
  background: #262626; 
}
 
::-webkit-scrollbar-thumb {
  background: #737373;
  border-radius: 3px; 
}

::-webkit-scrollbar-thumb:hover {
  background: #535353; 
}

body {
	font-family: stratumno;
}

.bebas-neue {
	font-family: bebas neue;
}

.eurostile {
	font-family: eurostile;
}

.arial {
	font-family: Arial, Helvetica, sans-serif;
}

.inter-regular {
	font-family: inter regular;
}

.inter-semibold {
	font-family: inter semibold;
}


.item:hover {
	transition-duration: 200ms;
	box-shadow: 2px 0px 10px;
}

.case-box-move {
	transform: translateY(100%);
	transition: 0.4s linear;
}

.case-open-start {
	/* transition: 6s cubic-bezier(.06,.63,.47,1); */
	transition: 6s cubic-bezier(.22,.63,.37,1);
}


.user-select-none {
	user-select: none;
}

.new-item-popup {
	transform: scale(120%);
	opacity: 0;
}

.new-item-popup-opacity {
	transition: 0.7s;
	opacity: 0;
}

.case-open-opacity {
	transition: opacity 1s;
}

.statistics-box-close {
	transform: translateX(100%);
}

.statistics-box-open {
	transform: translateX(0);
	transition-duration: 0.3s;
}

.active-market-button {
	background-color: #3c4143;
}