@import '_common'

.{$prefix}core .{$prefix}wrap .{$prefix}tags
	border_box()
	position : absolute
	width    : 100%
	height   : 100%
	padding  : 3px 35px 3px 3px
	cursor   : text

	&.{$prefix}tags-on-top
		z-index  : 2

	.{$prefix}tag
		float : left

		.{$prefix}button
			round_corners(2px)
			border_box()
			position   : relative
			float      : left
			border     : 1px solid #9DACCC
			background : #E2E6F0
			color      : #000
			padding    : 0px 17px 0px 3px
			margin     : 0 2px 2px 0
			cursor     : pointer
			height     : 16px
			font       : $font

			a.{$prefix}remove
				position   : absolute
				right      : 3px
				top        : 2px
				display    : block
				width      : 11px
				height     : 11px
				background : url($close) 0 0 no-repeat

				&:hover
					background-position: 0 -11px

				&:active
					background-position: 0 -22px