@import url('https://rsms.me/inter/inter.css');

html {
	font-family: 'Inter', sans-serif;
}

@supports (font-variation-settings: normal) {
	html {
		font-family: 'Inter var', sans-serif;
	}
}

html,
body {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	color: #666;
	background: #f6f6f6;
	box-sizing: border-box;
}

a {
	color: inherit;
}

input:focus,
select:focus,
summary:focus {
	outline: none;
}

.noselect {
	-webkit-touch-callout: none;
	/* iOS Safari */
	-webkit-user-select: none;
	/* Safari */
	-khtml-user-select: none;
	/* Konqueror HTML */
	-moz-user-select: none;
	/* Old versions of Firefox */
	-ms-user-select: none;
	/* Internet Explorer/Edge */
	user-select: none;
	/* Non-prefixed version, currently
									supported by Chrome, Opera and Firefox */
}

.thinscroll {
	overflow: auto;
	scrollbar-width: thin;
	/* -ms-overflow-style: none; */
}

.thinscroll::-webkit-scrollbar {
	width: 5px;
	height: 5px;
}

.thinscroll::-webkit-scrollbar-track {
	background-color: #f8f8f8;
	/* border-radius: 6px; */
	/* border-left:1px solid #eee; */
}

.thinscroll::-webkit-scrollbar-thumb {
	background-color: var(--l35);
	border-radius: 1px;
	/* border: 2px solid #fff; */
}

.thinscroll::-webkit-scrollbar-button {
	display: none;
}



@media (min-width: 1281px) {
	/* #desktop { display:block; } */
}

@media (min-width: 481px) and (max-width: 1280px) {
	/* #tablet { display:block; } */
}

@media (max-width: 480px) {
	/* #mobile { display:block; } */
}

@media (orientation: landscape) {
	/* #box { flex-direction: row; } */
}

@media (orientation: portrait) {
	/* #box { flex-direction: column; } */
}