@import url("https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;700&family=Roboto:wght@400;700&display=swap");
@import url("https://cdn.jsdelivr.net/npm/material-dynmap@1.1.0/src/mdi.css");

:root {
	font-family: Roboto, Arial, sans-serif;
	font-size: 14px;
}

body {
	font-family: inherit;
	font-size: inherit;
}

.dynmap {
	display: flex;
	flex-direction: row-reverse;
	flex-wrap: nowrap;
}

.dynmap .leaflet-bottom.leaflet-left,
.dynmap .leaflet-top.leaflet-right,
.dynmap .leaflet-bottom.leaflet-right {
	height: 0;
	width: 0;
}

.dynmap .leaflet-control-container .leaflet-bar {
	border: none;
	border-radius: 4px;
}

.dynmap .leaflet-control-container .leaflet-control-layers {
	background-color: #212121;
	border: none;
	box-sizing: border-box;
	color: #e0e0e0;
}

.dynmap .leaflet-control-container .leaflet-control-layers-expanded {
	padding: 10px 10px 15px;
}

.dynmap .leaflet-control-container .leaflet-control-layers .leaflet-control-layers-toggle {
	border-radius: 5px;
	width: 32px;
}

.dynmap .leaflet-control-container .leaflet-control-layers .leaflet-control-layers-toggle:before,
.dynmap .leaflet-control-container .leaflet-control-layers-selector:before,
.dynmap .leaflet-control-container .leaflet-control-zoom a:before {
	direction: ltr;
	display: inline-flex;
	font-family: "Material Design Icons", sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: normal;
	height: 16px;
	letter-spacing: normal;
	line-height: 1em;
	margin: 0 8px;
	text-transform: none;
	white-space: nowrap;
	width: 16px;
	word-wrap: normal;
}

.dynmap .leaflet-control-container .leaflet-control-layers-expanded .leaflet-control-layers-toggle {
	width: 100%;
}

.dynmap .leaflet-control-container .leaflet-control-layers-expanded .leaflet-control-layers-toggle:before {
	margin: 0 8px;
}

.dynmap .leaflet-control-container .leaflet-control-layers-expanded .leaflet-control-layers-toggle:after {
	content: attr(title);
	font-size: 1rem !important;
}

.dynmap .leaflet-control-container .leaflet-control-layers label {
	padding: 2px 5px;
}

.dynmap .leaflet-control-container .leaflet-control-layers label span {
	display: inline-flex;
}

.dynmap .leaflet-control-container .leaflet-control-layers-selector {
	appearance: initial;
	color: inherit;
	margin: 0 0 0 -5px;
}

.dynmap .leaflet-control-container .leaflet-control-layers-selector:before {
	content: "\F012E";
	cursor: pointer;
}

.dynmap .leaflet-control-container .leaflet-control-layers-selector:checked:before {
	content: "\F0132";
}

.dynmap .leaflet-control-container .leaflet-control-layers .leaflet-control-layers-toggle:before {
	content: "\F09FE";
}

.dynmap .leaflet-control-container .leaflet-control-layers .leaflet-control-layers-toggle,
.dynmap .leaflet-control-container .leaflet-control-layers-expanded .leaflet-control-layers-toggle:before {
	background-color: transparent;
}

.dynmap .leaflet-control-container .leaflet-control-zoom a:first-child:before {
	content: "\F0415";
}

.dynmap .leaflet-control-container .leaflet-control-zoom a:last-child:before {
	content: "\F0374";
}

.dynmap .leaflet-control-container .leaflet-chip-container {
	cursor: ew-resize;
	display: flex;
	left: 52px;
	margin-top: 0;
	overflow-x: scroll;
	position: absolute;
	top: 10px;
	user-select: none;
	z-index: 400;
}

@supports (scrollbar-width: none) {
	.dynmap .leaflet-control-container .leaflet-chip-container {
		scrollbar-width: none;
	}
}

@supports selector(::-webkit-scrollbar) {
	.dynmap .leaflet-control-container .leaflet-chip-container::-webkit-scrollbar {
		display: none;
	}
}

.dynmap .leaflet-control-container .leaflet-chip-container .leaflet-chip {
	background-color: #212121;
	border-radius: 16px;
	box-sizing: border-box;
	cursor: pointer;
	height: 32px;
	line-height: 1em;
	padding: 8px 16px;
	white-space: nowrap;
}

.dynmap .leaflet-control-container .leaflet-chip-container .leaflet-chip:nth-child(n+1) {
	margin-right: 8px;
}

.dynmap .leaflet-control-container .leaflet-minimap-container {
	bottom: 0;
	margin: 0;
	position: absolute;
}

.dynmap .leaflet-control-container .leaflet-minimap-container .world {
	bottom: 10px;
	float: left;
	font-size: 0;
	height: 79px;
	left: 10px;
	overflow: hidden;
	position: absolute;
	z-index: 400;
}

.dynmap .leaflet-control-container .leaflet-minimap-container .world .maplist {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	padding: 0;
}

.dynmap .leaflet-control-container .leaflet-minimap-container .world .item {
	background-color: #212121cc !important;
	border-radius: 8px;
	cursor: pointer;
	overflow: hidden;
	position: relative;
	transition: background-color 0.2s;
}

.dynmap .leaflet-control-container .leaflet-minimap-container .item,
.dynmap .leaflet-control-container .leaflet-minimap-container .item.selected,
.dynmap .leaflet-control-container .leaflet-minimap-container .item:hover {
	border: none;
	margin: 5px 2px;
}

.dynmap .leaflet-control-container .leaflet-minimap-container .item:hover {
	background-color: #212121 !important;
}

.dynmap .leaflet-control-container .leaflet-minimap-container .world .item,
.dynmap .leaflet-control-container .leaflet-minimap-container .world .maptype {
	height: 75px;
	margin: 0;
	width: 75px;
}

.dynmap .leaflet-control-container .leaflet-minimap-container .world .item:nth-child(n+2) {
	margin: 0 0 0 8px;
}

.dynmap .leaflet-control-container .leaflet-minimap-container .world .item:after {
	border: 5px solid #212121;
	border-radius: 6px;
	bottom: 2px;
	box-shadow: 0 0 0 2px #212121;
	content: "";
	display: block;
	left: 2px;
	position: absolute;
	right: 2px;
	top: 2px;
	transition: box-shadow 0.2s, border 0.2s;
	z-index: 400;
}

.dynmap .leaflet-control-container .leaflet-minimap-container .world .item:hover:after {
	border: 5px solid #000000;
	box-shadow: 0 0 0 2px #000000;
}

.dynmap .leaflet-control-container .leaflet-minimap-container .world .maptype {
	background-size: cover;
	display: flex;
	flex-direction: column-reverse;
	flex-wrap: nowrap;
	text-indent: initial;
}

.dynmap .leaflet-control-container .leaflet-minimap-container .world .maptype:before {
	color: #ffffff;
	content: attr(title);
	display: flex;
	font-size: 11px;
	margin: 5px auto;
	text-shadow: #000000cc 0 -5px 10px;
	z-index: 400;
}

.dynmap .leaflet-control-container .leaflet-minimap-container .world .item .maptype,
.dynmap .leaflet-control-container .leaflet-minimap-container .world .map .maptype {
	background-image: url("https://cdn.jsdelivr.net/gh/SNDST00M/material-dynmap@v1.1.0/assets/minimap-flat.svg") !important;
}

.dynmap .leaflet-control-container .leaflet-minimap-container .world .item[class*="south"]:not(.south) .maptype,
.dynmap .leaflet-control-container .leaflet-minimap-container .world .item[class*="Surface"] .maptype,
.dynmap .leaflet-control-container .leaflet-minimap-container .world .item[class*="surface"] .maptype,
.dynmap .leaflet-control-container .leaflet-minimap-container .world .map[class*="south"]:not(.south) .maptype,
.dynmap .leaflet-control-container .leaflet-minimap-container .world .map[class*="Surface"] .maptype,
.dynmap .leaflet-control-container .leaflet-minimap-container .world .map[class*="surface"] .maptype {
	background-image: url("https://cdn.jsdelivr.net/gh/SNDST00M/material-dynmap@v1.1.0/assets/minimap-surface.svg") !important;
}

.dynmap .leaflet-control-container .leaflet-minimap-container .world .topo .maptype {
	background-image: url("https://cdn.jsdelivr.net/gh/SNDST00M/material-dynmap@v1.1.0/assets/minimap-topology.svg") !important;
}

.dynmap .leaflet-control-container .leaflet-minimap-container[class*="nether"] .world .item .maptype,
.dynmap .leaflet-control-container .leaflet-minimap-container[class*="DIM-1"] .world .item .maptype,
.dynmap .leaflet-control-container .leaflet-minimap-container[class*="nether"] .world .map .maptype,
.dynmap .leaflet-control-container .leaflet-minimap-container[class*="DIM-1"] .world .map .maptype {
	background-image: url("https://cdn.jsdelivr.net/gh/SNDST00M/material-dynmap@v1.1.0/assets/minimap-flat-nether.svg") !important;
}

.dynmap .leaflet-control-container .leaflet-minimap-container[class*="nether"] .world .nether .maptype,
.dynmap .leaflet-control-container .leaflet-minimap-container[class*="DIM-1"] .world .nether .maptype {
	background-image: url("https://cdn.jsdelivr.net/gh/SNDST00M/material-dynmap@v1.1.0/assets/minimap-surface-nether.svg") !important;
}

.dynmap .leaflet-control-container .leaflet-minimap-container[class*="nether"] .world .NetherRoof .maptype,
.dynmap .leaflet-control-container .leaflet-minimap-container[class*="DIM-1"] .world .NetherRoof .maptype {
	background-image: url("https://cdn.jsdelivr.net/gh/SNDST00M/material-dynmap@v1.1.0/assets/minimap-topology-nether.svg") !important;
}

.dynmap .leaflet-control-container .leaflet-minimap-container[class*="the_end"] .world .item .maptype,
.dynmap .leaflet-control-container .leaflet-minimap-container[class*="DIM1"] .world .item .maptype,
.dynmap .leaflet-control-container .leaflet-minimap-container[class*="the_end"] .world .map .maptype,
.dynmap .leaflet-control-container .leaflet-minimap-container[class*="DIM1"] .world .map .maptype {
	background-image: url("https://cdn.jsdelivr.net/gh/SNDST00M/material-dynmap@v1.1.0/assets/minimap-flat-end.svg") !important;
}

.dynmap .leaflet-control-container .leaflet-minimap-container[class*="the_end"] .world .the_end .maptype,
.dynmap .leaflet-control-container .leaflet-minimap-container[class*="DIM1"] .world .the_end .maptype {
	background-image: url("https://cdn.jsdelivr.net/gh/SNDST00M/material-dynmap@v1.1.0/assets/minimap-surface-end.svg") !important;
}

.dynmap .leaflet-control-container .leaflet-minimap-container[class*="the_end"] .world .item[class*="End"][class*="Roof"] .maptype,
.dynmap .leaflet-control-container .leaflet-minimap-container[class*="the_end"] .world .item[class*="End"][class*="Topo"] .maptype,
.dynmap .leaflet-control-container .leaflet-minimap-container[class*="the_end"] .world .item[class*="the_end"][class*="_roof"] .maptype,
.dynmap .leaflet-control-container .leaflet-minimap-container[class*="the_end"] .world .item[class*="the_end"][class*="_topo"] .maptype,
.dynmap .leaflet-control-container .leaflet-minimap-container[class*="DIM1"] .world .item[class*="End"][class*="Roof"] .maptype,
.dynmap .leaflet-control-container .leaflet-minimap-container[class*="DIM1"] .world .item[class*="End"][class*="Topo"] .maptype,
.dynmap .leaflet-control-container .leaflet-minimap-container[class*="DIM1"] .world .item[class*="the_end"][class*="_roof"] .maptype,
.dynmap .leaflet-control-container .leaflet-minimap-container[class*="DIM1"] .world .item[class*="the_end"][class*="_topo"] .maptype,
.dynmap .leaflet-control-container .leaflet-minimap-container[class*="the_end"] .world .map[class*="End"][class*="Roof"] .maptype,
.dynmap .leaflet-control-container .leaflet-minimap-container[class*="the_end"] .world .map[class*="End"][class*="Topo"] .maptype,
.dynmap .leaflet-control-container .leaflet-minimap-container[class*="the_end"] .world .map[class*="the_end"][class*="_roof"] .maptype,
.dynmap .leaflet-control-container .leaflet-minimap-container[class*="the_end"] .world .map[class*="the_end"][class*="_topo"] .maptype,
.dynmap .leaflet-control-container .leaflet-minimap-container[class*="DIM1"] .world .map[class*="End"][class*="Roof"] .maptype,
.dynmap .leaflet-control-container .leaflet-minimap-container[class*="DIM1"] .world .map[class*="End"][class*="Topo"] .maptype,
.dynmap .leaflet-control-container .leaflet-minimap-container[class*="DIM1"] .world .map[class*="the_end"][class*="_roof"] .maptype,
.dynmap .leaflet-control-container .leaflet-minimap-container[class*="DIM1"] .world .map[class*="the_end"][class*="_topo"] .maptype {
	background-image: url("https://cdn.jsdelivr.net/gh/SNDST00M/material-dynmap@v1.1.0/assets/minimap-topology-end.svg") !important;
}

.dynmap .leaflet-control-container .dynmap-link .dynmap-link-button {
	bottom: 10px;
	left: initial;
	position: fixed;
	right: 10px;
	z-index: 400;
}

.dynmap .leaflet-control-container .dynmap-link .dynmap-link-button:before {
	content: "\F0337";
	direction: ltr;
	display: inline-flex;
	font-family: "Material Design Icons", sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: normal;
	height: 16px;
	letter-spacing: normal;
	line-height: 1em;
	margin: 0 8px;
	text-transform: none;
	white-space: nowrap;
	width: 16px;
	word-wrap: normal;
}

.dynmap .leaflet-control-container .leaflet-control-zoom .leaflet-control-zoom-in {
	border-radius: 5px 5px 0 0;
}

.dynmap .leaflet-control-container .leaflet-control-zoom .leaflet-control-zoom-out {
	border-radius: 0 0 5px 5px;
}

.dynmap .leaflet-control-container .leaflet-control-zoom a,
.dynmap .leaflet-control-container .dynmap-link .dynmap-link-button {
	width: 32px;
}

.dynmap .leaflet-control-container .leaflet-control-layers .leaflet-control-layers-toggle,
.dynmap .leaflet-control-container .leaflet-control-zoom a,
.dynmap .leaflet-control-container .dynmap-link .dynmap-link-button {
	align-items: center;
	background-color: #212121;
	background-image: none;
	border: none;
	color: #e0e0e0;
	display: flex;
	font-size: 0;
	height: 32px;
	justify-content: flex-start;
	text-decoration: none;
}

.dynmap .leaflet-control-container .logincontainer .loginbutton {
	align-items: center;
	background-color: #212121;
	border: none;
	border-radius: 4px;
	bottom: 10px;
	color: #e0e0e0;
	cursor: pointer;
	display: flex;
	font-size: 11px;
	font-weight: bold;
	height: 32px;
	justify-content: flex-start;
	padding: 8px;
	position: fixed;
	right: 52px;
	z-index: 400;
}

.dynmap .sidebar {
	background-color: #212121;
	border: none;
	display: flex;
	flex-direction: column;
	flex-grow: 0;
	flex-shrink: 0;
	flex-wrap: nowrap;
	overflow: hidden;
	position: static;
	transition: box-shadow 0.2s ease-in-out, width 0.2s ease-in-out;
}

.dynmap .sidebar:not(.pinned) {
	width: 0;
}

.dynmap .sidebar.pinned {
	width: 250px;
}

.dynmap .sidebar .panel > .pin,
.dynmap .sidebar.pinned .panel > .pin,
.dynmap .sidebar .panel > .pin:hover,
.dynmap .sidebar.pinned .panel > .pin:hover {
	background-image: none;
}

.dynmap .sidebar .panel > .pin {
	align-items: center;
	background-color: #212121;
	border: none;
	border-radius: 5px;
	bottom: 52px;
	color: #e0e0e0;
	display: flex;
	font-size: 0;
	height: 32px;
	justify-content: flex-start;
	left: initial;
	padding: 0;
	position: absolute;
	right: 10px;
	text-decoration: none;
	top: initial;
	width: 32px;
}

.dynmap .sidebar .panel > .pin:before,
.dynmap .sidebar.pinned .panel > .pin:before {
	content: "\F000E";
	direction: ltr;
	display: inline-flex;
	font-family: "Material Design Icons", sans-serif;
	font-size: 72px;
	font-size: 16px;
	font-style: normal;
	font-weight: normal;
	height: 16px;
	letter-spacing: normal;
	line-height: 1em;
	margin: 0 8px;
	text-transform: none;
	white-space: nowrap;
	width: 16px;
	word-wrap: normal;
}

.dynmap .sidebar legend {
	color: #e0e0e0;
	font-size: 16px;
	padding: 20px 10px 10px;
}

.dynmap .sidebar .section .content {
	min-height: 0;
	padding: 0;
}

.dynmap .sidebar .panel {
	display: flex;
	flex-direction: column;
	flex-grow: 1;
	flex-wrap: nowrap;
}

.dynmap .sidebar .panel .section {
	border: none;
	padding: 0;
}

.dynmap .panel .subsection {
	display: none;
}

.dynmap .sidebar .panel .section:first-of-type {
	margin: 0;
	padding: 0;
}

.dynmap .sidebar .panel .section:first-of-type legend {
	display: none;
}

.dynmap .sidebar .panel .hitbar,
.dynmap .sidebar .panel .slider {
	display: none;
}

.dynmap .playerlist .player {
	align-items: center;
	box-sizing: border-box;
	display: flex;
	padding: 4px;
}

.dynmap .playerlist .player .playerIcon {
	display: inline-block;
	height: auto;
	margin: 0 0.66em 0 0;
	width: auto;
}

.dynmap .playerlist .player .playerIcon img {
	height: 25px;
	image-rendering: pixelated;
	margin: 2px;
	width: 25px;
}

.dynmap .playerlist .player a {
	line-height: 1em;
}

.dynmap .sidebar .chat {
	background-color: #212121;
	border: none;
	border-radius: 0;
	border-top: 1px solid #424242;
	box-sizing: border-box;
	margin: 0;
	padding: 8px;
	position: initial;
	width: 100%;
}

.dynmap .sidebar .chat .messagelist {
	margin: 4px 0;
	width: 100%;
}

.dynmap .sidebar .chat .chatinput {
	box-sizing: border-box;
	font-family: inherit;
	font-weight: bold;
	height: 26px;
	margin: 0;
	padding: 5px 5px 5px 20px;
	width: 100%;
}

.dynmap .sidebar .chat .messagetext {
	line-height: 1.5em;
}

.dynmap .leaflet-container {
	font-family: inherit;
	font-size: 16px;
}

.dynmap .leaflet-container .coord-control {
	background-color: #212121;
	border: none;
	border-radius: 5px;
	color: #e0e0e0;
	padding: 5px 10px;
	width: auto;
}

.dynmap .leaflet-container .coord-control .coord-control-label {
	font-weight: bold;
}

.dynmap .leaflet-container .coord-control .coord-control-value {
	font-family: "Jetbrains Mono", monospace;
	font-weight: normal;
}

.dynmap .panel .section .scrolldown,
.dynmap .panel .section .scrollup,
.dynmap .panel .section .scrolldown:hover,
.dynmap .panel .section .scrollup:hover,
.dynmap .panel .section .scrolldown:active,
.dynmap .panel .section .scrollup:active {
	background-color: transparent;
	border: none;
}

.dynmap .leaflet-tile-pane .leaflet-tile {
	filter: brightness(1.25) contrast(1.05) hue-rotate(5deg) saturate(1.1);
	image-rendering: pixelated;
	outline: 1px solid transparent;
}

.dynmap .leaflet-marker-pane .mapMarker .markerIcon16x16 {
	border-radius: 4px;
	height: 32px;
	image-rendering: pixelated;
	position: relative;
	right: 8px;
	top: 8px;
	width: 32px;
}

.dynmap .leaflet-marker-pane .playerMarker .playerIcon,
.dynmap .leaflet-marker-pane .playerMarker .playerIconSm {
	border-radius: 4px;
	margin-left: -24px;
	margin-top: -20px;
}

.dynmap .leaflet-marker-pane .playerMarker .playerIcon {
	height: 40px;
	width: 40px;
}

.dynmap .leaflet-marker-pane .playerMarker .playerIconSm {
	height: 30px;
	width: 30px;
}

.dynmap .leaflet-marker-pane .playerMarker .playerName {
	line-height: 1em;
}

.dynmap .compass {
	align-items: center;
	background-color: transparent;
	background-image: radial-gradient(#e53935, #e53935 29px, #e0e0e0 29px, #e0e0e0 39px, #212121 40px, #212121);
	border: none;
	border-radius: 50%;
	color: #212121;
	display: flex;
	font-size: 72px;
	height: 72px;
	justify-content: center;
	line-height: 72px;
	padding: 5px;
	right: 10px;
	text-decoration: none;
	top: 10px;
	width: 72px;
}

.dynmap .compass:before {
	content: "\F018B";
	direction: ltr;
	display: inline-flex;
	font-family: "Material Design Icons", sans-serif;
	font-size: 72px;
	font-style: normal;
	font-weight: normal;
	height: 72px;
	letter-spacing: normal;
	line-height: 72px;
	text-transform: none;
	white-space: nowrap;
	width: 72px;
	word-wrap: normal;
}

.dynmap .compass_S:before {
	transform: rotateZ(-45deg);
}

.dynmap .alertbox {
	background-color: #e53935;
	border-radius: 4px;
	box-shadow: 0 0 0 16384px #000000bf;
	box-sizing: border-box;
	color: #ffffff;
	height: 50px;
	left: initial;
	line-height: 34px;
	margin: auto;
	overflow: visible;
	pointer-events: none;
	right: calc(50% - 150px);
	top: calc(50% - 25px);
	user-select: none;
	width: 300px;
	z-index: 123;
}

.dynmap > .chat {
	display: none !important;
}

.dynmap .largeclock {
	align-items: center;
	background-color: #212121;
	border: none;
	border-radius: 5px;
	color: #e0e0e0;
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	height: auto;
	justify-content: start;
	left: initial;
	padding: 10px;
	right: 10px;
	top: 102px;
	transform: scale(68%);
	transform-origin: top right;
	user-select: none;
	width: auto;
	z-index: 400;
}

.dynmap .largeclock > .timeofday[style] {
	display: none;
}

.dynmap .largeclock .timeofday.digitalclock {
	color: inherit;
	display: flex;
	font-family: "Jetbrains Mono", monospace;
	font-size: 32px;
	position: static;
	width: auto;
}

.dynmap .largeclock .weather {
	align-items: center;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
}

.dynmap .largeclock .weather:before {
	direction: ltr;
	display: inline-flex;
	font-family: "Material Design Icons", sans-serif;
	font-size: 27px;
	font-style: normal;
	font-weight: normal;
	height: 27px;
	letter-spacing: normal;
	line-height: 1em;
	text-transform: none;
	white-space: nowrap;
	width: 27px;
	word-wrap: normal;
}

.dynmap .largeclock .weather:after {
	direction: ltr;
	display: inline-flex;
	font-family: "Material Design Icons", sans-serif;
	font-size: 32px;
	font-style: normal;
	font-weight: normal;
	height: 32px;
	letter-spacing: normal;
	line-height: 1em;
	margin-left: 0.4em;
	text-transform: none;
	white-space: nowrap;
	width: 32px;
	word-wrap: normal;
}

.dynmap .largeclock .weather.sunny_day:before,
.dynmap .largeclock .weather.stormy_day:before,
.dynmap .largeclock .weather.thunder_day:before {
	content: "\F00E0";
}

.dynmap .largeclock .weather.sunny_night:before,
.dynmap .largeclock .weather.stormy_night:before,
.dynmap .largeclock .weather.thunder_night:before {
	content: "\F00DD";
}

.dynmap .largeclock .weather {
	background-color: transparent;
	background-image: none;
	margin-left: 0.4em;
	position: static;
	width: auto;
}

.dynmap .largeclock .weather.sunny_day:after,
.dynmap .largeclock .weather.sunny_night:after {
	content: "\F0599";
}

.dynmap .largeclock .weather.stormy_day:after,
.dynmap .largeclock .weather.stormy_night:after {
	content: "\F0596";
}

.dynmap .largeclock .weather.thunder_day:after,
.dynmap .largeclock .weather.thunder_night:after {
	content: "\F0593";
}

@media screen and (max-width: 640px) {
	.dynmap .sidebar {
		overflow: hidden;
		width: 0;
	}

	.dynmap .sidebar.pinned {
		box-shadow: 0 0 0 16384px #000000bf;
	}
}