body {
	&.admin-bar {
		.style-switcher-panel {
			padding-top: 0;

			.panel-inner {
				padding-top: 52px;
			}
		}
	}
	.style-switcher-panel {
		box-shadow: none;
		width: 350px;
		right: -350px;
		padding: 0;

		.panel-toggle {
			box-shadow: none;

			.fa {
				color: $baseWhite;
				font-size: 16px;

				&:before {
					content: '\f013';
				}
				&:after {
					content: '';
					width: 47px;
					height: 15px;
					background: url(../../assets/images/panel-shadow.png) no-repeat;
					position: absolute;
					top: 100%;
					right: 0;
				}
			}
		}
		.panel-inner {
			padding: 20px 25px;

			.theme-name {
				color: $baseWhite;
				text-transform: uppercase;
				font-weight: bold;
				margin: 5px 0 15px;
			}
			.group-wrap {
				padding: 5px 0;

				.group-name {
					&:before {
						display: none;
					}
					span {
						background: none;
						padding: 0;
						color: $baseWhite;
						text-transform: uppercase;
						font-weight: bold;
					}
				}
				.preset-list {
					li {
						box-shadow: none;
						width: 49.9%;

						&.active,
						&:hover {
							.inner {
								.thumbnail {
									border-color: #515151;
								}
							}
						}
						.inner {
							margin: 3px;

							.thumbnail {
								padding: 3px;
								border: 1px solid transparent;
								@include transition(all 0.3s ease-in-out);
							}
							.title {
								display: none;
							}
						}
					}
				}
			}
		}
	}
}