.sme-yt-likebox{
	position: fixed;
	top: var(--sme-top, 160px);
	z-index: 99999;
	display: flex;
	align-items: center;
	font-family: inherit;
}
.sme-yt-likebox.sme-right{
	right: calc(-1 * var(--sme-width, 360px));
	flex-direction: row-reverse;
}
.sme-yt-likebox.sme-left{
	left: calc(-1 * var(--sme-width, 360px));
	flex-direction: row;
}
.sme-yt-likebox.is-open.sme-right{ right: 0; }
.sme-yt-likebox.is-open.sme-left{ left: 0; }

.sme-yt-tab{
	width: var(--sme-tabw, 42px);
	height: var(--sme-tabh, 140px);
	border: 1px solid var(--sme-border, #ddd);
	background: var(--sme-bg, #fff);
	cursor: pointer;
	padding: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: var(--sme-radius, 10px);
	box-sizing: border-box;
}
.sme-yt-likebox.sme-right .sme-yt-tab{
	border-right: none;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}
.sme-yt-likebox.sme-left .sme-yt-tab{
	border-left: none;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}
.sme-yt-tab span{
	writing-mode: vertical-rl;
	transform: rotate(180deg);
	font-size: 14px;
	letter-spacing: .5px;
}

.sme-yt-panel{
	width: var(--sme-width, 360px);
	background: var(--sme-bg, #fff);
	border: 1px solid var(--sme-border, #ddd);
	box-sizing: border-box;
	border-radius: var(--sme-radius, 10px);
	overflow: hidden;
}
.sme-yt-likebox.sme-right .sme-yt-panel{
	border-right: none;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}
.sme-yt-likebox.sme-left .sme-yt-panel{
	border-left: none;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}

.sme-yt-likebox[style*="--sme-shadow:1"] .sme-yt-panel,
.sme-yt-likebox[style*="--sme-shadow:1"] .sme-yt-tab{
	box-shadow: 0 8px 24px rgba(0,0,0,.15);
}

.sme-yt-head{
	padding: 10px 12px;
	font-weight: 600;
	border-bottom: 1px solid var(--sme-border, #ddd);
	font-size: 14px;
}

.sme-yt-iframe{
	display:block;
	width: 100%;
	height: var(--sme-height, 420px);
	border: 0;
}