.maplibregl-ctrl {

	.maplibregl-style-switch {
		display: block;

		&.is-open {
			display: none;
		}
	}

	.maplibregl-style-list {
		display: none;

		&.is-open {
			display: block;
		}

		button {
			width: 100%;
			text-align: left;
			padding: 0 5px;

			&.is-active {
				font-weight: bold;
			}
		}

	}

}

.maplibregl-ctrl-top-left, .maplibregl-ctrl-bottom-left {
	.maplibregl-style-list button {
		text-align: left;
	}
}

.maplibregl-ctrl-top-right, .maplibregl-ctrl-bottom-right {
	.maplibregl-style-list button {
		text-align: right;
	}
}