@import (inline) 'css/blueimp-gallery.css';
@import (inline) 'css/blueimp-gallery-indicator.css';


.blueimp-gallery {
	@size: 64pt;

	> .prev, > .next {
		margin: -@size * .25 0 0 0;
		padding: 0;
		border: none;
		background: none;
		font-size: @size;
	}

	> .close {
		font-size: @size * .6;
	}

	> .indicator {
		margin: 0 24pt;
		padding: 0;
		line-height: 6pt;

		> li {
			margin: 6pt 3pt 0 3pt;
			width: 32pt;
			height: 32pt;
			border: 3px solid transparent;
			border-radius: 3pt;
			opacity: .5;
		}

		> .active, > li:hover {
			border-color: rgba(255,255,255,.5);
			opacity: 1;
		}
	}
}