.skin-editor-tabs
	display block
	padding 0
	height 69px
	border-bottom 1px solid mediumgray
	font-smoothing antialiased
	background #fafafa
	position relative

.multi-tabs-toggle
	display none
	absolute right 4px top 23px
	width 19px
	height 21px
	border-radius 2px
	border 1px solid #d5d5d5
	z-index 2
	cursor pointer
	background #fafafa
	text-align center
	font-size 13px
	color darkpurple
	text-indent 1px
	line-height 21.5px
	&:hover
		color litepurple
		background white
	&:before
		vertical-align middle

.multi-tabs-list
	margin 5px 2px 2px 2px
	position relative
	background #fff
	border 1px solid #cbcbcb
	border-radius 4px
	box-shadow 0 0 2px rgba(0,0,0,0.1)
	padding 10px 0
	&:after
		border 5px solid #fff
		top -4px
	&:before
		border 5px solid #cbcbcb
		top -5px
	&:after
	&:before
		content ""
		display block
		position absolute
		right 5px
		border-top 5px
		border-left-color transparent
		border-right-color transparent
.multi-tab-item
	user-select none
	font-size 14px
	color #a0a0a0
	cursor pointer
	font-weight normal
	font-smoothing antialiased
	line-height 2
	padding 0 19px
	white-space nowrap
	&.empty
		display none
	&:hover
		color #665b68

.skin-editor-tabs-list
	z-index 0
	height 70px
	overflow hidden
	padding-right 25px
	.activateable
		&.hidden, &.empty
			display none
		display inline-block
		vertical-align top
		margin 0 10px
		position relative
		font-size 14px
		line-height 72px
		text-transform uppercase
		color darkgray
		cursor pointer
		&:first-child
			margin-left 30px
		&:hover
			color litepurple
		&.active
			height 70px
			padding 0 30px
			color darkpurple
			border-left 1px solid mediumgray
			border-right 1px solid mediumgray
			background #fff
			&:first-child
				border-left none
				margin-left 0
			&:after
				display block
				content " "
				position absolute
				top 0
				left -1px
				width 100%
				height 3px
				padding 0 1px
				background-color litepurple
			&:hover
				color darkpurple
