@import "/UI/Core/Styles/Theme.scss";

PauseMapPage {
	width: 100%;
	height: 100%;
	padding: 0px 30px 8px;
	flex-direction: column;
	gap: 10px;
	align-items: center;

	.pause-map-browser-frame {
		width: 75%;
		max-width: 1600px;
		min-height: 0;
		flex-grow: 1;
		flex-direction: column;
		gap: 10px;
	}

	.pause-map-selection {
		width: 100%;
		flex-direction: row;
		align-items: center;
		gap: 10px;
		padding: 10px 12px;
		border: 1px solid rgba( $traitor-red, 0.45 );
		border-radius: 6px;
		background-color: rgba( 0, 0, 0, 0.72 );
	}

	.pause-map-selection-error {
		padding: 8px 12px;
		border: 1px solid rgba( $traitor-red, 0.55 );
		border-radius: 5px;
		background-color: rgba( $traitor-red, 0.12 );
		color: rgba( white, 0.9 );
		text-shadow: none;
	}

	.pause-map-selection-copy {
		flex-grow: 1;
		flex-direction: column;
	}

	.pause-map-selection-title {
		font-weight: 700;
		color: rgba( white, 0.94 );
		text-shadow: none;
	}

	.pause-map-selection-hint {
		font-size: 11px;
		color: rgba( white, 0.68 );
		text-shadow: none;
	}

	MapPage .map-page-title {
	transform: translateX( 120px );
	}	
}