@import 'tabs'
.skin-editor
	position absolute
	left 100px
	top 0
	right 0
	bottom 0
	transition left .55s ease .15s, right .55s ease .15s, visibility .55s

.skin-config.active
	visibility visible

.skin-editor-container
	position absolute
	top 70px
	left 0
	right 0
	bottom 0

.controls
	display none
	font-size 16px
	height 100%
	box-sizing border-box
	font-smoothing antialiased
	position relative
	.mCSB_draggerContainer
		bottom 20px
	.mCSB_container
		padding-left 20px
	&.active
		display block
	.control
		position relative
		width 350px
		&:first-child
			margin-top 20px
		.control
			margin-top 0
		&:last-child
			padding-bottom 20px
		&:hover
			.control-help
				opacity 1
				visibility visible
			.dropdown-menu-selected-option
				border-color #c8c8c8
		+ .control
			margin-top 24px

.skin-presets.expanded + .skin-editor
	left 510px
	right -390px
	visibility hidden