/**
 * AF Podcast Player frontend styles.
 * The public visual contract is intentionally limited to the black player.
 */
.afpp-widget {
	--afpp-accent:#da2f37;
	--afpp-player-bg:#000;
	--afpp-player-fg:#fff;
	--afpp-player-muted:rgba(255,255,255,.48);
	--afpp-control-bg:rgba(255,255,255,.1);
	--afpp-control-border:rgba(255,255,255,.1);
	--afpp-wave-rest:rgba(255,255,255,.12);
	--afpp-wave-buffer:rgba(255,255,255,.28);
	--afpp-wave-played:#fff;
	--afpp-player-radius:20px;
	--afpp-progress:0%;
	--afpp-buffered:0%;
	position:relative;
	width:100%;
	font-family:"YekanBakh", Sans-serif;
	line-height:1.5;
	isolation:isolate;
}
.afpp-widget,.afpp-widget *{box-sizing:border-box}
.afpp-widget button,.afpp-widget input{font:inherit}
.afpp-widget button,.afpp-widget a{-webkit-tap-highlight-color:transparent}
.afpp-widget button{appearance:none!important;background-image:none!important}
.afpp-player-shell {
	position:relative;
	display:flex;
	flex-direction:column;
	gap:8px;
	width:100%;
	min-height:150px;
	padding:20px;
	color:var(--afpp-player-fg);
	background:var(--afpp-player-bg);
	border-radius:var(--afpp-player-radius);
	box-shadow:0 24px 66px rgba(0,0,0,.35);
}
.afpp-player-shell audio{display:none}
.afpp-timeline-wrap{position:relative;height:30px;direction:ltr}
.afpp-waveform,.afpp-seek{position:absolute;inset:0;width:100%;height:100%}
.afpp-waveform{overflow:hidden;pointer-events:none}
.afpp-waveform-layer {
	position:absolute;
	inset:0;
	display:flex;
	align-items:center;
	gap:3px;
	width:100%;
	overflow:hidden;
	color:var(--afpp-wave-rest);
}
.afpp-waveform-layer i {
	display:block;
	flex:1 1 0;
	min-width:2px;
	height:var(--afpp-bar-height);
	max-height:28px;
	border-radius:2px;
	background:currentColor;
}
.afpp-volume-button span{height:18px!important;}
.afpp-waveform-buffered{color:var(--afpp-wave-buffer);clip-path:inset(0 calc(100% - var(--afpp-buffered)) 0 0)}
.afpp-waveform-played{color:var(--afpp-wave-played);clip-path:inset(0 calc(100% - var(--afpp-progress)) 0 0)}
.afpp-wave-style-rounded .afpp-waveform-layer{gap:4px}
.afpp-wave-style-rounded .afpp-waveform-layer i{min-width:4px;border-radius:999px}
.afpp-wave-style-dots .afpp-waveform-layer{justify-content:space-between;gap:2px}
.afpp-wave-style-dots .afpp-waveform-layer i{flex:0 0 5px;min-width:5px;width:5px;height:5px!important;border-radius:50%}
.afpp-wave-style-line .afpp-waveform-layer{gap:1px}
.afpp-wave-style-line .afpp-waveform-layer i{height:3px!important;min-width:1px;border-radius:0}
.afpp-wave-style-pulse .afpp-waveform-layer i{border-radius:999px;transform-origin:center}
.afpp-widget.is-playing.afpp-wave-style-pulse .afpp-waveform-layer i{animation:afpp-wave-pulse 900ms ease-in-out infinite alternate}
.afpp-widget.is-playing.afpp-wave-style-pulse .afpp-waveform-layer i:nth-child(3n){animation-delay:-300ms}
.afpp-widget.is-playing.afpp-wave-style-pulse .afpp-waveform-layer i:nth-child(4n){animation-delay:-600ms}
.afpp-seek{z-index:4;margin:0;cursor:pointer;opacity:0}
.afpp-seek:focus-visible + .afpp-seek-tooltip,.afpp-timeline-wrap:hover .afpp-seek-tooltip{opacity:1;transform:translate(-50%,-7px)}
.afpp-seek-tooltip {
	position:absolute;
	bottom:100%;
	left:0;
	z-index:5;
	min-width:46px;
	padding:4px 7px;
	color:#111;
	background:#fff;
	border-radius:6px;
	font-size:11px;
	font-variant-numeric:tabular-nums;
	text-align:center;
	opacity:0;
	transform:translate(-50%,-2px);
	transition:opacity 160ms ease,transform 160ms ease;
	pointer-events:none;
}
.afpp-time-row {
	display:flex;
	justify-content:space-between;
	color:var(--afpp-player-muted);
	font-size:12px;
	font-variant-numeric:tabular-nums;
	direction:ltr;
}
.afpp-controls {
	display:grid;
	grid-template-columns:minmax(120px,1fr) auto minmax(120px,1fr);
	align-items:center;
	gap:18px;
	min-height:60px;
}
.afpp-actions,.afpp-transport,.afpp-utilities{display:flex;align-items:center;min-width:0}
.afpp-actions{justify-content:flex-start;gap:8px}
.afpp-transport{justify-content:center;gap:12px}
.afpp-utilities{justify-content:flex-end;gap:8px}
.afpp-action,.afpp-skip,.afpp-play,.afpp-speed,.afpp-volume-button,.afpp-details-toggle,.afpp-share-header button {
	display:inline-grid;
	place-items:center;
	flex:0 0 auto;
	padding:0;
	color:var(--afpp-player-fg);
	background:transparent;
	border:0;
	text-decoration:none;
	cursor:pointer;
}
.afpp-action,.afpp-speed,.afpp-volume-button,.afpp-details-toggle {
	width:40px;
	height:40px;
	border:1px solid var(--afpp-control-border);
	border-radius:50%;
	background-color:var(--afpp-control-bg);
	transition:color 180ms ease,background-color 180ms ease,border-color 180ms ease,transform 180ms ease;
}
.afpp-action svg,.afpp-volume-button svg,.afpp-details-toggle svg{width:18px;height:18px}
.afpp-icon-render{display:inline-grid;place-items:center;line-height:0;background:transparent}
.afpp-icon-render--built-in svg{fill:currentColor}
.afpp-icon-render--custom-svg,.afpp-icon-render--custom-svg svg,.afpp-icon-render--custom-svg img{color:initial;opacity:1!important;background:transparent!important;filter:none!important;mix-blend-mode:normal!important}
.afpp-icon-render--custom-svg img{display:block;max-width:100%;max-height:100%;object-fit:contain}
.afpp-action i,.afpp-volume-button i,.afpp-details-toggle i{font-size:18px}
.afpp-action:hover,.afpp-action:focus-visible,.afpp-speed:hover,.afpp-speed:focus-visible,.afpp-volume-button:hover,.afpp-volume-button:focus-visible{background:rgba(255,255,255,.18)}
.afpp-action:focus-visible,.afpp-skip:focus-visible,.afpp-play:focus-visible,.afpp-speed:focus-visible,.afpp-volume-button:focus-visible,.afpp-details-toggle:focus-visible,.afpp-seek:focus-visible,.afpp-volume:focus-visible{outline:2px solid var(--afpp-accent);outline-offset:3px}
.afpp-like {
	position:relative;
	width:auto!important;
	min-width:48px;
	padding-inline:10px;
	grid-auto-flow:column;
	gap:5px;
	border-radius:999px;
	font-size:12px;
	font-variant-numeric:tabular-nums;
}
.afpp-like.is-liked{color:#fff;background:var(--afpp-accent);border-color:transparent}
.afpp-like.is-busy{opacity:.55;pointer-events:none}
.afpp-skip{position:relative;width:44px;height:44px;color:var(--afpp-player-muted);transition:color 180ms ease,background-color 180ms ease,transform 180ms ease}
.afpp-skip svg{width:34px;height:34px}
.afpp-skip .afpp-icon-render--built-in svg{fill:currentColor}
.afpp-skip i{font-size:34px}
.afpp-skip:hover,.afpp-skip:focus-visible{color:var(--afpp-player-fg)}
.afpp-play {
	position:relative;
	width:58px;
	height:58px;
	color:var(--afpp-player-bg);
	background:var(--afpp-player-fg);
	border-radius:50%;
	box-shadow:0 8px 30px rgba(255,255,255,.16);
	transition:color 180ms ease,background-color 180ms ease,transform 180ms ease,box-shadow 180ms ease;
}
.afpp-widget button.afpp-play{color:var(--afpp-player-bg)!important;background:var(--afpp-player-fg)!important;border:0!important}
.afpp-widget.is-playing button.afpp-play{color:var(--afpp-play-active-color,var(--afpp-player-bg))!important;background:var(--afpp-play-active-bg,var(--afpp-player-fg))!important}
.afpp-play svg{display:block;width:23px;height:23px}
.afpp-play .afpp-icon-render--built-in svg{fill:currentColor}
.afpp-play [data-afpp-play-icon],.afpp-play [data-afpp-pause-icon]{color:inherit!important;height: 23px!important}
.afpp-play i{font-size:23px}
.afpp-play [data-afpp-play-icon] .afpp-icon-render--built-in svg{transform:translateX(1px)}
.afpp-spinner {
	position:absolute;
	inset:9px;
	display:none;
	border:2px solid rgba(0,0,0,.18);
	border-top-color:currentColor;
	border-radius:50%;
	animation:afpp-spin 700ms linear infinite;
}
.afpp-player-shell.is-loading .afpp-play>span:not(.afpp-spinner){visibility:hidden}
.afpp-player-shell.is-loading .afpp-spinner{display:block}
.afpp-speed{font-size:12px;font-weight:700;font-variant-numeric:tabular-nums}
.afpp-volume-button{border-color:transparent;background:transparent}
.afpp-volume {
	width:74px;
	height:4px;
	margin:0;
	border-radius:999px;
	background:rgba(255,255,255,.12);
	appearance:none;
	cursor:pointer;
}
.afpp-volume::-webkit-slider-thumb{width:12px;height:12px;background:var(--afpp-player-fg);border:0;border-radius:50%;appearance:none}
.afpp-volume::-moz-range-thumb{width:12px;height:12px;background:var(--afpp-player-fg);border:0;border-radius:50%}
.afpp-details-toggle{display:none;justify-self:end;color:var(--afpp-player-fg)}
.afpp-details-toggle:hover,.afpp-details-toggle:focus-visible{background:rgba(255,255,255,.18)}
.afpp-details-toggle [hidden]{display:none}
.afpp-details-all .afpp-details-toggle{display:inline-grid}
.afpp-details-all:not(.is-details-open) .afpp-actions,.afpp-details-all:not(.is-details-open) .afpp-utilities{display:none}
.afpp-details-all:not(.is-details-open) .afpp-controls{grid-template-columns:auto auto;justify-content:center}
.afpp-details-all.is-details-open .afpp-controls{grid-template-columns:minmax(100px,1fr) auto minmax(100px,1fr) auto}
.afpp-status{min-height:0;margin:0;color:#ffb4b4;font-size:12px;text-align:center}
.afpp-status:empty{display:none}
.afpp-editor-message{padding:16px;color:#1d2327;background:#fff8e5;border:1px solid #dba617;border-radius:8px;text-align:center}
.afpp-share-modal[hidden]{display:none}
.afpp-share-modal{position:fixed;inset:0;z-index:999999;display:grid;place-items:center;padding:20px}
.afpp-share-backdrop{position:absolute;inset:0;width:100%;height:100%;padding:0;background:rgba(0,0,0,.62);border:0;cursor:default}
.afpp-share-panel{position:relative;z-index:1;width:min(420px,100%);padding:20px;color:#111;background:#fff;border-radius:18px;box-shadow:0 24px 80px rgba(0,0,0,.3)}
.afpp-share-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}
.afpp-share-header h3{margin:0;font-size:18px}
.afpp-share-header button{width:36px;height:36px;color:#111}
.afpp-share-header button svg{width:18px;height:18px;fill:currentColor}
.afpp-share-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.afpp-share-options a,.afpp-share-options button {
	display:inline-flex;
	align-items:center;
	justify-content:center;
	gap:8px;
	min-height:44px;
	padding:10px;
	color:#111;
	background:#f2f2f2;
	border:0;
	border-radius:10px;
	text-decoration:none;
	cursor:pointer;
}
.afpp-share-options svg{width:17px;height:17px;fill:currentColor}
body.afpp-modal-open{overflow:hidden}

@keyframes afpp-spin{to{transform:rotate(360deg)}}
@keyframes afpp-wave-pulse{from{transform:scaleY(.45)}to{transform:scaleY(1)}}
@media (min-width:1025px) {
	.afpp-hide-desktop-waveform [data-afpp-part="waveform"],.afpp-hide-desktop-time [data-afpp-part="time"],.afpp-hide-desktop-like [data-afpp-part="like"],.afpp-hide-desktop-download [data-afpp-part="download"],.afpp-hide-desktop-share [data-afpp-part="share"],.afpp-hide-desktop-skip [data-afpp-part="skip"],.afpp-hide-desktop-speed [data-afpp-part="speed"],.afpp-hide-desktop-volume [data-afpp-part="volume"]{display:none!important}
}
@media (min-width:768px) and (max-width:1024px) {
	.afpp-player-shell{padding:16px}
	.afpp-controls{grid-template-columns:minmax(90px,1fr) auto minmax(90px,1fr);gap:12px}
	.afpp-actions,.afpp-utilities{gap:6px;flex-wrap:wrap}
	.afpp-details-tablet_mobile .afpp-details-toggle,.afpp-details-all .afpp-details-toggle{display:inline-grid}
	.afpp-details-tablet_mobile:not(.is-details-open) .afpp-actions,.afpp-details-tablet_mobile:not(.is-details-open) .afpp-utilities,.afpp-details-all:not(.is-details-open) .afpp-actions,.afpp-details-all:not(.is-details-open) .afpp-utilities{display:none}
	.afpp-details-tablet_mobile:not(.is-details-open) .afpp-controls,.afpp-details-all:not(.is-details-open) .afpp-controls{grid-template-columns:auto auto;justify-content:center}
	.afpp-details-tablet_mobile.is-details-open .afpp-controls,.afpp-details-all.is-details-open .afpp-controls{grid-template-columns:minmax(90px,1fr) auto minmax(90px,1fr) auto}
	.afpp-hide-tablet-waveform [data-afpp-part="waveform"],.afpp-hide-tablet-time [data-afpp-part="time"],.afpp-hide-tablet-like [data-afpp-part="like"],.afpp-hide-tablet-download [data-afpp-part="download"],.afpp-hide-tablet-share [data-afpp-part="share"],.afpp-hide-tablet-skip [data-afpp-part="skip"],.afpp-hide-tablet-speed [data-afpp-part="speed"],.afpp-hide-tablet-volume [data-afpp-part="volume"]{display:none!important}
}
@media (max-width:767px) {
	.afpp-player-shell{min-height:0;padding:14px 16px 15px;border-radius:20px;gap:7px;overflow:hidden}
	.afpp-timeline-wrap{height:30px}
	.afpp-time-row{font-size:11px;padding-inline:2px}
	.afpp-controls{grid-template-columns:minmax(0,1fr) minmax(132px,auto) minmax(0,1fr);grid-template-areas:"transport transport transport" "actions actions utilities";gap:10px 8px;min-height:58px;margin-top:2px}
	.afpp-actions{grid-area:actions}
	.afpp-transport{grid-area:transport}
	.afpp-utilities{grid-area:utilities}
	.afpp-actions{justify-self:start;justify-content:flex-start}
	.afpp-utilities{justify-self:end;justify-content:flex-end}
	.afpp-actions,.afpp-utilities{gap:7px;flex-wrap:nowrap}
	.afpp-transport{gap:14px}
	.afpp-play{width:58px;height:58px}
	.afpp-skip{width:40px;height:40px}
	.afpp-volume{width:58px}
	.afpp-details-mobile .afpp-details-toggle,.afpp-details-tablet_mobile .afpp-details-toggle,.afpp-details-all .afpp-details-toggle{display:inline-grid;grid-area:more}
	.afpp-details-mobile .afpp-controls,.afpp-details-tablet_mobile .afpp-controls,.afpp-details-all .afpp-controls{grid-template-columns:minmax(0,1fr) minmax(132px,auto) minmax(0,1fr);grid-template-areas:"empty transport more" "actions actions utilities";justify-content:stretch}
	.afpp-details-mobile .afpp-details-toggle,.afpp-details-tablet_mobile .afpp-details-toggle,.afpp-details-all .afpp-details-toggle{justify-self:end;align-self:center}
	.afpp-details-mobile.is-details-open .afpp-actions,.afpp-details-mobile.is-details-open .afpp-utilities,.afpp-details-tablet_mobile.is-details-open .afpp-actions,.afpp-details-tablet_mobile.is-details-open .afpp-utilities,.afpp-details-all.is-details-open .afpp-actions,.afpp-details-all.is-details-open .afpp-utilities{padding-top:10px;border-top:1px solid rgba(255,255,255,.1)}
	.afpp-details-mobile:not(.is-details-open) .afpp-actions,.afpp-details-mobile:not(.is-details-open) .afpp-utilities,.afpp-details-tablet_mobile:not(.is-details-open) .afpp-actions,.afpp-details-tablet_mobile:not(.is-details-open) .afpp-utilities,.afpp-details-all:not(.is-details-open) .afpp-actions,.afpp-details-all:not(.is-details-open) .afpp-utilities{display:none}
	.afpp-details-mobile:not(.is-details-open) .afpp-controls,.afpp-details-tablet_mobile:not(.is-details-open) .afpp-controls,.afpp-details-all:not(.is-details-open) .afpp-controls{grid-template-areas:"empty transport more"}
	.afpp-hide-mobile-waveform [data-afpp-part="waveform"],.afpp-hide-mobile-time [data-afpp-part="time"],.afpp-hide-mobile-like [data-afpp-part="like"],.afpp-hide-mobile-download [data-afpp-part="download"],.afpp-hide-mobile-share [data-afpp-part="share"],.afpp-hide-mobile-skip [data-afpp-part="skip"],.afpp-hide-mobile-speed [data-afpp-part="speed"],.afpp-hide-mobile-volume [data-afpp-part="volume"]{display:none!important}
}
@media (max-width:420px) {
	.afpp-waveform-layer{gap:2px}
	.afpp-waveform-layer i:nth-child(2n){display:none}
	.afpp-player-shell{padding-inline:12px}
	.afpp-controls,.afpp-details-mobile .afpp-controls,.afpp-details-tablet_mobile .afpp-controls,.afpp-details-all .afpp-controls{grid-template-columns:minmax(0,1fr) minmax(126px,auto) minmax(0,1fr)}
	.afpp-actions,.afpp-utilities{gap:5px}
	.afpp-transport{gap:9px}
	.afpp-play{width:54px;height:54px}
	.afpp-skip{width:36px;height:36px}
	.afpp-volume{width:42px}
	.afpp-like{min-width:40px;padding-inline:7px}
}
@media (prefers-reduced-motion:reduce) {
	.afpp-widget *,.afpp-widget *::before,.afpp-widget *::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}
@media (forced-colors:active) {
	.afpp-player-shell,.afpp-action,.afpp-speed,.afpp-volume-button,.afpp-play{border:1px solid CanvasText}
	.afpp-waveform-layer i{background:CanvasText}
}