@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;
}

#sapper {
	display: flex;
	flex-direction: column;
	min-height: 100vh;
}

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; } */
}