@font-face {
	font-family: NextSunday;
	src: url("/static/Next Sunday.otf") format("opentype");
}

html,
body {
	height: 100%;
	margin: 0;
	background-color: #e4cea2;
	font-family: NextSunday;
}

.leaflet-container {
	width: 100%;
	max-width: 100%;
	max-height: 100%;
	aspect-ratio: 756/607;
	background-color: #e4cea2;
	font-family: NextSunday;
}

.overlay {
	top: 100px;
	left: 100px;
	position: absolute;
	z-index: 2000;
}

.leaflet-bottom.leaflet-right {
	display: none;
}

.container {
	border-radius: 5pt 5pt 5pt 5pt;
	-webkit-border-radius: 5pt 5pt 5pt 5pt;
	-moz-border-radius: 5pt 5pt 5pt 5pt;
	border: 1px solid #000000;
	background: #ab9b7b;
	font-size: 11pt;
	box-shadow: 2pt 2pt 8pt 0pt rgba(0,0,0,0.49);
	-webkit-box-shadow: 2pt 2pt 8pt 0pt rgba(0,0,0,0.49);
	-moz-box-shadow: 2pt 2pt 8pt 0pt rgba(0,0,0,0.49);
}

.container .header {
	background: #3e3626;
	padding: 4pt 6pt 4pt 6pt;
	border-radius: 4pt 4pt 0pt 0pt;
	color: white;
	cursor: grab;
}

.container .header span.x img {
	width: 11pt;
	height: 11pt;
	position: absolute;
	right: 6pt;
	cursor: pointer;
}

.container .header span.x img:hover {
	filter: brightness(2);
}

.container .section {
	padding: 6pt;
	width: 180pt;
}

.container .section:not(:last-child) {
	border-bottom: 1px solid black;
}

.container .section img {
	max-width: 160pt;
}

.container .items {
	max-height: 80vh;
	overflow-y: auto;
}

body {
  --sb-track-color: #00000000;
  --sb-thumb-color: #3e3626;
  --sb-size: 3px;

  scrollbar-color: var(--sb-thumb-color) 
                   var(--sb-track-color);
}

.container .items::-webkit-scrollbar {
  width: var(--sb-size);
}

.container .items::-webkit-scrollbar-track {
  background: var(--sb-track-color);
}

.container .items::-webkit-scrollbar-thumb {
  background: var(--sb-thumb-color);
}

.modal {
	position: absolute;
	left: 50%;
	top: 50%; 
	margin-left: -90pt;
	margin-top: -90pt;
}

div.actions {
	position: absolute;
	top: 2pt;
	right: 2pt;
	z-index: 2000;
	height: 30px;
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

a#steam-login img {
	margin-top: 6px;
}

div.actions span {
	margin-top: 0px;
	padding-right: 10pt;
}

div.dropdown {
	position: absolute;
	display: none;
	right: 3px;
	background-color: #ab9b7b;
	padding: 6pt;
	border-radius: 4pt 4pt 4pt 4pt;
	border: 1px solid black;
}

div.dropdown a, div.dropdown a:visited {
	color: black;
	text-decoration: none;
}

span.dropdown:hover div.dropdown {
	display: block;
}

div.dropdown:hover {
	display: block;
	background-color: white;
}