Template:GeoTemplate/sandbox/styles.css

.geotemplate-details {
	background-color: var(--background-color-neutral-subtle, #f8f9fa);
	border: 1px solid var(--border-color-base, #a2a9b1);
	padding: 5px;
	font-size: 92%;
	margin-top: 1rem;
}

.geotemplate-details-flex {
	display: flex;
	flex-wrap: wrap;
}

.geotemplate-table-container {
	flex: 1;
}

.geotemplate-details table {
	text-align: left;
	border-collapse: collapse;
}

.geotemplate-details tr {
	vertical-align: top;
}

.geotemplate-95 {
	width: 95%;
}

.geotemplate-mw5 {
	min-width: 5em;
}

.geotemplate-edit {
	text-transform: lowercase;
}

.geotemplate-contents {
	border-top: 2px solid #bbb;
	margin-top: 1.5em;
}

.geotemplate-earth-container {
	width: 364px;
}

.geotemplate-earth {
	position: relative;
	width: 360px;
	height: 180px;
}

.geotemplate-earth-image,
.geotemplate-locator {
	position: absolute;
}

.geotemplate-locator-container {
	position: absolute;
	top: 94px;
	left: 176px;
}

.geotemplate-earth-bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 360px;
	height: 180px;
}

.geotemplate-contents-word {
	font-weight: bold;
}

@media (min-width: 640px) {
	.geotemplate-details {
		float: right;
		max-width: 60em;
	}
}

@media screen {
	.geoservices tr:nth-child(odd) {
		background: #f0f0f0;
	}
}

@media (max-width: 400px) {
	.geotemplate-earth {
		display: none;
	}
}