*{
	box-sizing: border-box;
}
::-webkit-scrollbar {
  width: 6px; height: 6px;
	border-radius: 6px;
  background-color: rgba(255, 255, 255, 0.5);
}
::-webkit-scrollbar-thumb {
  width: 6px; height: 6px;
  border-radius: 6px;
  background-color: #fff;
}
::-webkit-scrollbar-track{
  background-color: transparent;
}
body{
    font-family: 'Figtree', sans-serif;
	color: #ffffff;
	margin: 0;
}
a{
	color: #ffffff;
	text-decoration: none;
}
button{
	cursor: pointer;
}
:focus{
	outline: none;
}
.d-none{
	display: none !important;
}
.d-flex{
	display: flex;
}
.flex-grow-1{
	flex-grow: 1;
}
.flex-column{
	flex-direction: column;
}
.align-items-center{
	align-items: center;
}
.justify-content-center{
	justify-content: center;
}
.text-center {
	text-align: center;
}
.h-100{
	height: 100%;
}
.mb-3{
	margin-bottom: 30px;
}
.mr-1{
	margin-right: 10px;
}
.ml-1{
	margin-left: 10px;
}

.main-wrapper{
	position: relative;
	overflow: hidden;
}
.player-container{
	background-color: rgb(66, 66, 66);
	border-radius: 10px;
}
.player-wrapper{
	position: relative;
	height: 120px;
	transition: height 0.3s;
}
.image-wrapper{
	position: absolute;
	left: 10px;
	top: 10px;
}
.embed_image{
	display: block;
	width: 97px;
	height: 97px;
	border-radius: 8px;
	transition: opacity 1s ease;
	opacity: 1;
	box-shadow: 0 8px 8px 0 rgb(0 0 0 / 15%), 0 0 32px 0 rgb(0 0 0 / 35%);
}
.embed_image:hover{
	opacity: .75;
}
.logos{
	position: absolute;
	right: 15px;
	top: 10px;
}
.podcast-title{
	position: absolute;
	right: 80px;
	left: 120px;
	top: 10px;
	font-size: 16px;
	font-weight: 600;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.podcast-user{
	position: absolute;
	font-size: 12px;
	left: 120px;
	top: 40px;
	opacity: 0.8;
}
.buttons{
	position: absolute;
	right: 15px;
	top: 38px;
}
.btn{
	padding: 8px 16px;
	font-size: 12px;
	transition: all 0.3s;
}
.btn.small{
	border-radius:15px;
	font-size: 10px;
	padding: 4px 8px;
}
.btn-rounded{
	border-radius: 24px;
}
.btn-outline{
	border:solid 1px rgb(255 255 255 / 0.5);
	background-color: rgba(255, 255, 255, 0);
	color: #fff;
}
.btn-outline:hover{
	background-color: rgba(255, 255, 255, 0.9);
	color: #666;
}
.btn-white{
	color: #666;
	background-color: rgba(255, 255, 255, 1);
}
.btn-white:hover{
	background-color: rgba(255, 255, 255, 0.6);
	color: #fff;
}
.btn-app{
	background-color: #F45F31;
	color: #fff;
	font-size: 18px;
	padding: 8px 24px;
}

.controls-wrapper{
	position: absolute;
	bottom: 14px;
	left: 120px;
	right: 10px;
	transition: all 0.3s;
}
.controls{
	display: flex;
	width: 100%;
	align-items: center;
}
.item-control{
	margin-right: 10px;
}
.item-control:last-child{
	margin-right: 0;
}
.item-control.progress{
	flex-grow: 1;
	align-self: flex-end;
	margin-right: 8px;
}

div.jp-play-bar {
	background-color: #ffffff;
	height: 4px;
	border-radius: 3px;
}
div.jp-progress{
	width: 100%;
	background-color: rgba(255, 255, 255, 0.5);
	height: 4px;
	border-radius: 3px;
}

.player-playlist{
	position: relative;
	background-color: rgba(40, 40, 40, 0.2);
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}
.audios-list{
	height: 280px;
	overflow-x: hidden;
	transition: height 0.3s;
}
#loader{
	padding-bottom: 20px;
}
.logo{
	width: 47px;
}
.logo-xs{
	display: none;
    width: 17px;
}


.jp-play2,
.jp-pause2{
	height: 26px;
	width: 26px;
	display: block;
	transition: transform .4s ease;
}
.jp-play2:hover,
.jp-pause2:hover{
	transform: scale(1.25);
	cursor: pointer;
}
.jp-play2{
	background: url(https://static-1.ivoox.com/img/icons/play_white_26.svg) no-repeat transparent;
}
.jp-pause2{
	background: url(https://static-1.ivoox.com/img/icons/pause_white.svg) no-repeat transparent;
}

.download{
	background: url(https://static-1.ivoox.com/img/icons/ico_download_2.svg) no-repeat transparent;
	height: 23px;
	width: 21px;
	display: block;
	cursor: pointer;
}
.velocidad{
	background: url(https://static-1.ivoox.com/img/icons/white_circle.svg) no-repeat transparent bottom;
	height: 23px;
	width: 22px;
	display: block;
	cursor: pointer;
}
.fr-10{
	background: url(https://static-1.ivoox.com/img/icons/FR.svg) no-repeat transparent;
	height: 23px;
	width: 21px;
	display: block;
	cursor: pointer;
}
.ff-30{
	background: url(https://static-1.ivoox.com/img/icons/FF.svg) no-repeat transparent;
	height: 23px;
	width: 21px;
	display: block;
	cursor: pointer;
}
.ff-30::after,
.fr-10::after,
.velocidad::after{
	font-style: normal;
	font-size: 9px;
	line-height: 10px;
	text-align: center;
	display: block;
	padding-top: 8px;
	letter-spacing: -0.2px;
}
.fr-10::after{
	content: "10";
	padding-right: 2px;
}
.ff-30::after{
	content: "30";
}
.velocidad::after{
	content: "1x";
}
.velocidad.v1::after{
	content: "1.5x";
}
.velocidad.v2::after{
	content: "2x";
}
.velocidad.v3::after{
	content: "3x";
}
.velocidad.v4::after{
	content: "0.5x";
}
.dots{
	background: url(https://static-1.ivoox.com/img/icons/ico_dots.svg) no-repeat transparent 50% 50%;
	height: 23px;
	width: 16px;
	display: block;
	cursor: pointer;
}
.speaker{
	background: url(https://static-1.ivoox.com/img/icons/ico_speaker_3.svg) no-repeat transparent;
	margin: auto;
	height: 11px;
	width: 12px;
	display: none;
}

.line-reprod .time{
	width: 100%;
	justify-content: space-between;
	font-size: 10px;
}

.audio-cell{
	padding: 8px 0px;
	font-size: 12px;
	display: flex;
	align-items: center;
	cursor: pointer;
	background-color: rgba(50, 50, 50, 0);
	transition: background-color .3s;
}
.audio-cell:hover{
	background-color: rgba(150, 150, 150, 0.1);
}
.audio-cell.selected{
	background-color: rgba(250, 250, 250, 0.2);
	font-weight: bold;
}
.audio-cell > div{
	padding-right: 10px;
}
.audio-cell > .box-img img{
	display: block;
	border-radius: 4px;
	width: 40px;
}
.audio-cell > .box-audio{
	flex-grow: 1;
	word-break: break-word;
}
.audio-cell .box-speaker{
	min-width: 26px;
	width: 26px;
	padding: 0;
}
.audio-cell.selected .speaker{
	display: block;
}

.bg-blur{
	backdrop-filter: blur(3px);
}

.full-layer{
	background-color: rgba(43, 43, 43, 0.85);
	position: absolute;
	z-index: 5;
	left: 0;
	right: 0;
	top: 100%;
	bottom: -100%;
	transition: top 0.3s, bottom 0.3s;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
}

.full-layer.open{
	top: 0%;
	bottom: 0%;
}

#listenOn{
	border-radius: 8px;
}

#share-layer{
	border-radius: 8px;
}

.modal-text{
	font-size: 18px;
	padding: 38px 20px 38px;
}
.modal-close{
	position: relative;
}
.modal-close > button{
	border: none;
	background: url('https://static-1.ivoox.com/img/icons/ico_close_white.svg') 50% 50% no-repeat;
	position: absolute;
	width: 20px;
	height: 20px;
	top: 10px;
	right: 10px;
}

.share-links{
	margin: 20px auto 40px;
	display: flex;
	justify-content: center;
}
.share-links > *{
	margin: 0px 8px;
}
.share-links img{
	display: block;
	background-color: rgba(255, 255, 255, 0);
	border-radius: 50%;
	transition: background-color 0.3s;
}
.share-links img:hover{
	background-color: rgba(255, 255, 255, 0.4);
}
.share-buttons{
	margin-bottom: 40px;
}
.copy-link{
	position: relative;
}
.copy-link textarea{
	position: absolute;
	top: -2000px;
	width: 1px;
	padding: 0;
	height: 1px;
	resize: none;
	border: none;
}
.copy-link > .btn-copy{
	cursor: pointer;
}
.copy-link > .btn-copied{
	display: none;
}
.copy-link > .tooltip{
	display: none;
	position: absolute;
	background-color: black;
	font-size: 12px;
	padding: 0px 8px;
	border-radius: 4px;
	bottom: -19px;
	left: 50%;
	transform: translateX(-50%);
}
.copy-link.copied > .btn-copy{
	display: none;
}
.copy-link.copied > .btn-copied,
.copy-link.copied > .tooltip{
	display: block;
}


.cookie-policy{
	font-size: 70%;
	color: rgb(209, 209, 209);
}

@media(max-width:525px){
	.player-wrapper{
		height: 156px;
	}
	.podcast-title{
		font-size: 14px;
		top: 20px;
	}
	.podcast-user{
		top: 44px;
	}
	.controls-wrapper{
		left: 10px;
	}
	.audios-list{
		height: 244px;
	}
	.audio-cell{
		padding: 5px 0px;
	}
	.buttons{
		left: 120px;
		top: 70px;
		right: auto;
	}
	.share-links{
		margin: 30px auto 40px;
	}
}

@media(max-width:400px){
	.xs-hide{
		display: none;
	}
	.player-wrapper{
		height: 180px;
	}
	.image-wrapper{
		right: 10px;
	}
	.embed_image{
		margin: auto;
		width: 60px;
		height: 60px;
	}
	.podcast-user,
	.podcast-title{
		left: 20px;
		right: 20px;
		text-align: center;
	}
	.podcast-title{
		top: 80px;
		font-size: 14px;
	}
	.podcast-user{
		top: 110px;
	}
	.audios-list{
		height: 220px;
	}
	.buttons{
		display: none;
	}
	.logo{
		display: none;
	}
	.logo-xs{
		display: block;
	}
	.dots{
		margin-top: -6px;
	}
	.item-control:nth-child(1){
		order: 1;
	}
	.item-control:nth-child(3){
		order: 3;
	}
	.item-control:nth-child(5){
		order: 2;
	}
	.item-control:nth-child(7){
		order: 4;
	}
	.share-links{
		margin: 60px auto 40px;
	}
}


@font-face {
    font-family: 'Figtree';
    font-style: normal;
    font-weight: 100, 900;
    font-display: swap;
    src: url('/v2/css/fonts/Figtree/Figtree-Variable.ttf') format('truetype');
}
@font-face {
    font-family: 'Figtree';
    font-style: italic;
    font-weight: 100, 900;
    font-display: swap;
    src: url('/v2/css/fonts/Figtree/Figtree-Italic-Variable.ttf') format('truetype');
}