<div id="wpgmza-ol-theme-panel">
	<div class="theme-selection-panel ol-theme-selection-panel">
		
		<label class="wpgmza-check-card-selector theme-option" data-filter="none">
			<img src="" title="<?php _e('Default', 'wp-google-maps'); ?>" />

			<span><?php _e('Default', 'wp-google-maps'); ?></span>

			<button type="button" class="wpgmza-button wpgmza-select-theme-preset">
				<?php
				_e('Select Preset', 'wp-google-maps');
				?>
				&raquo;
			</button>
		</label>

		<label class="wpgmza-check-card-selector theme-option" data-filter="grayscale(100%)">
			<img src="" title="<?php _e('Grayscale', 'wp-google-maps'); ?>" />

			<span><?php _e('Grayscale', 'wp-google-maps'); ?></span>

			<button type="button" class="wpgmza-button wpgmza-select-theme-preset">
				<?php
				_e('Select Preset', 'wp-google-maps');
				?>
				&raquo;
			</button>
		</label>

		<label class="wpgmza-check-card-selector theme-option" data-filter="hue-rotate(189deg) invert(100%)">
			<img src="" title="<?php _e('Dark', 'wp-google-maps'); ?>" />

			<span><?php _e('Dark', 'wp-google-maps'); ?></span>

			<button type="button" class="wpgmza-button wpgmza-select-theme-preset">
				<?php
				_e('Select Preset', 'wp-google-maps');
				?>
				&raquo;
			</button>
		</label>

		<label class="wpgmza-check-card-selector theme-option" data-filter="invert(100%)">
			<img src="" title="<?php _e('Inverted', 'wp-google-maps'); ?>" />

			<span><?php _e('Inverted', 'wp-google-maps'); ?></span>

			<button type="button" class="wpgmza-button wpgmza-select-theme-preset">
				<?php
				_e('Select Preset', 'wp-google-maps');
				?>
				&raquo;
			</button>
		</label>

		<label class="wpgmza-check-card-selector theme-option" data-filter="contrast(100%) invert(100%) saturate(1%)">
			<img src="" title="<?php _e('Nightmode', 'wp-google-maps'); ?>" />

			<span><?php _e('Nightmode', 'wp-google-maps'); ?></span>

			<button type="button" class="wpgmza-button wpgmza-select-theme-preset">
				<?php
				_e('Select Preset', 'wp-google-maps');
				?>
				&raquo;
			</button>
		</label>

		<label class="wpgmza-check-card-selector theme-option" data-filter="sepia(100%) saturate(55%)">
			<img src="" title="<?php _e('Old Fashioned', 'wp-google-maps'); ?>" />

			<span><?php _e('Old Fashioned', 'wp-google-maps'); ?></span>

			<button type="button" class="wpgmza-button wpgmza-select-theme-preset">
				<?php
				_e('Select Preset', 'wp-google-maps');
				?>
				&raquo;
			</button>
		</label>

		<label class="wpgmza-check-card-selector theme-option" data-filter="hue-rotate(90deg)">
			<img src="" title="<?php _e('Colour Shift A', 'wp-google-maps'); ?>" />

			<span><?php _e('Colour Shift A', 'wp-google-maps'); ?></span>

			<button type="button" class="wpgmza-button wpgmza-select-theme-preset">
				<?php
				_e('Select Preset', 'wp-google-maps');
				?>
				&raquo;
			</button>
		</label>

		<label class="wpgmza-check-card-selector theme-option" data-filter="hue-rotate(180deg)">
			<img src="" title="<?php _e('Colour Shift B', 'wp-google-maps'); ?>" />

			<span><?php _e('Colour Shift B', 'wp-google-maps'); ?></span>

			<button type="button" class="wpgmza-button wpgmza-select-theme-preset">
				<?php
				_e('Select Preset', 'wp-google-maps');
				?>
				&raquo;
			</button>
		</label>
		
	</div>
</div>