.sc-widget-player	{
	overflow: hidden;
	width: 100%;

	--button-size: 28px;
	--button-gap: .3rem;
	--time-size-left-padding: 8px;
	--time-size: calc(var(--button-size) * 1.3 + var(--time-size-left-padding));
	--control-color: #dd5d3d;
	--progress-bar-height: 16px;
	--loading-color: #bfbfbf;
}
.sc-widget-player * {
	transition: all 300ms ease;
}

.sc-widget-player.blue {
	--control-color: #2594bf;
	--progress-bar-height: 19px;
}
.va-m { vertical-align: middle;}

.sc-widget-player .scwp-button,
.sc-widget-player .scwp-button-pause
 {
	display: inline-block;
	height: var(--button-size);
	width: var(--button-size);
	margin-right: var(--button-gap);
	border-radius: 50%;
	border: 2px solid var(--control-color);
	position: relative;
}

.sc-widget-player .scwp-button:before,
.sc-widget-player .scwp-button:after {
	border-style: solid;
    border-width: 8px 0 8px 11px;
    border-color: transparent transparent transparent var(--control-color);
    content: "";
    display: block;
    left: 8px;
    margin: 0 auto;
    position: absolute;
    top: 4px;
    border-radius: 2px;
}

.sc-widget-player .scwp-button-pause:before,
.sc-widget-player .scwp-button-pause:after {
	border: none;
	background-color: var(--control-color);
	height: 14px;
	left: 14px;
	width: 4px;
	top: 5px;
}
.sc-widget-player .scwp-button-pause:after {
	left: 6px;
}


/*loading state*/
.sc-widget-player.scwp-loading .scwp-button,
.sc-widget-player.scwp-loading .scwp-button-pause	{
	border: 2px solid var(--loading-color);
}
.sc-widget-player.scwp-loading .scwp-button:before,
.sc-widget-player.scwp-loading .scwp-button:after {
    border-color: transparent transparent transparent var(--loading-color);
}
.sc-widget-player.scwp-loading .scwp-button-pause:before,
.sc-widget-player.scwp-loading .scwp-button-pause:after {
	background-color: var(--loading-color);
}
.sc-widget-player.scwp-loading .scwp-progress-bar	{
	border: 1px solid var(--loading-color);
}
.sc-widget-player.scwp-loading .scwp-progress-bar-inside {
	background-color: var(--loading-color);
}


.sc-widget-player .scwp-progress-bar {
	display: inline-block;
	height: var(--progress-bar-height);
	width: calc(100% - var(--button-size) - 2px - var(--button-gap) - var(--time-size));
	border: 1px solid var(--control-color);
	border-radius: 2px;
}
.sc-widget-player .scwp-progress-bar-inside {
	height: 100%;
	width: 100%;
	background-color: var(--control-color);
}


.sc-widget-player .scwp-time {
	display: inline-block;
	color: var(--control-color);
	font-size: 10pt;
	width: var(--time-size);
/*	text-align: right;*/
	padding-left: var(--time-size-left-padding);
}
.sc-widget-player-list-item {
	font-size: 12px;
}
.sc-widget-player-list-item .title {
	font-size: 20px;
	cursor: default;
}
.sc-widget-player-list-item .title.current {
	color: #2594bf;
}

.w75 { max-width: 500px}

.jSound {
	overflow: hidden;
	position: relative;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s;
	transition: all linear .3s;
}

iframe.jsound {	display: none; }

.jSound iframe {
	max-height: 100px;
	opacity: 0;
	position: absolute;
	top: 0;
	z-index: 1;
	display: none;
}

.jsound--hidden {
	opacity: 0;
}

.scwp-current {
	overflow: hidden;
	position: relative;
	z-index: 2;
}