На главную Инструменты Панель оптимизатора

Новости Реклама у нас Обратная связь

Бесплатная доска объявлений по всей России - Do-Ska.ru

15.06.2015 в 17:02 Открытия панели отпимизатора!

Google pr	16.06.2015

Яндекс ТиЦ	22.03.2025
поиск	28.06.2019
каталог	16.01.2018

Витрина ссылок[Добавить]

доска объявлений подать объявление Аквалайн Пермь

Анализ контента сайта

Войти или зарегистрироваться

Забыли пароль?

Главная Инструменты Анализ контента сайта

Данный инструмент поможет Вам Выполнить анализ контента указанного сайта (страницы).

Для успешного продвижения сайта, необходимо иметь релевантный контент и оптимальную плотность слов. При помощи данного сервиса вы сможите выполнить максимально полный анализ контента вашего сайта.
При выполнении анализа будет проанализирован контент вашего сайта на: вес страницы; релевантность, плотность заголовка (title), ключевых слов (keywords) к тексту страницы; скорость, время загрузки страницы; анализирован текст страницы; обработаны стоп-слова; процентное соотношение вхождений слов с текстом страницы; рассчитана частота (TF) терминов содержимого страницы.

Общие данные о странице

URL:	www.spreaker.com (WHOIS IP, WHOIS DOMAIN)
Размер страницы:	972.3 Kb
Кодировка:	UTF-8
IP сайта:	3.160.246.95
Скорость загрузки:	611.75 Kb/s
Время загрузки:	1.59 sec
Всего символов (с html тэгами):	995637
Всего символов (текст):	7303
Всего символов (текст без пробелов):	6109
Доля контента ко всему коду страницы:	0.73 %
Перенаправление:	https://www.spreaker.com/
Внутренние / внешние ссылки:	Анализ

Постоянная ссылка на страницу

http://qoogoo.perm.ru/tools/contentcheck/www.spreaker.com

Общие данные сайта[ Скрыть ]

Поддержка JavaScript отключена!

Заголовок (title)[ Скрыть]

Оригинальный текст

Spreaker

Обработанный текст (без стоп-слов)

Spreaker

Общая информация

Всего слов в тексте:	1
Слов в тексте (без стоп-слов):	1
Слов без повторов и стоп-слов:	1
Стоп-слов в тексте:	0
Плотность всех слов к контенту:	0.837
Релевантность текста к контенту:	100 %
Вхождений слов тэга в контенте:	1 из 1
Слов с повтором в тэге > 1 раза:	0

Результат анализа слов тэга

Слово - анализируемое слово

Кол-во в тэге - кол-во повторов текущего слова в анализируемом тэге

Плотность - плотность текущего слова относительно контента страницы

Вхождений - кол-во вхождений текущего слова в контенте страницы

Частота (TF) - Частота TF(Term Frequency) относительно контента страницы

Слово	Кол-во в тэге	Плотность	Вхождений	Частота (TF)
Spreaker	1	0.837	10	1

Ключевые слова (keywords)[ Скрыть]

Ключевые слова не найдены на странице!

Описание страници (description)[ Скрыть]

Оригинальный текст

Discover a world of captivating podcasts and immersive audio experiences on Spreaker. Dive in and elevate your listening journey today!

Обработанный текст (без стоп-слов)

Discover a world captivating podcasts immersive audio experiences Spreaker Dive elevate your listening journey today

Общая информация

Всего слов в тексте:	20
Слов в тексте (без стоп-слов):	15
Слов без повторов и стоп-слов:	15
Стоп-слов в тексте:	5
Список стоп-слов:	[ Показать] of, and, on, in
Плотность всех слов к контенту:	3.849
Релевантность текста к контенту:	53.333 %
Вхождений слов тэга в контенте:	8 из 15
Слов с повтором в тэге > 1 раза:	0

Результат анализа слов тэга

Слово - анализируемое слово

Кол-во в тэге - кол-во повторов текущего слова в анализируемом тэге

Плотность - плотность текущего слова относительно контента страницы

Вхождений - кол-во вхождений текущего слова в контенте страницы

Частота (TF) - Частота TF(Term Frequency) относительно контента страницы

Слово	Кол-во в тэге	Плотность	Вхождений	Частота (TF)
Discover	1	0.418	5	0.05
a	1	0.837	10	0.05
world	1	0	0	0.05
captivating	1	0	0	0.05
podcasts	1	0.418	5	0.05
immersive	1	0	0	0.05
audio	1	0.084	1	0.05
experiences	1	0	0	0.05
Spreaker	1	0.837	10	0.05
Dive	1	0	0	0.05
elevate	1	0	0	0.05
your	1	1.004	12	0.05
listening	1	0.167	2	0.05
journey	1	0	0	0.05
today	1	0.084	1	0.05

Тэги h1 - h6[ Скрыть]

Тэг h2

Trending on Spreaker

Тэг h3

Unlock Spreaker's full potential

Тэг h4

Looks like you don't have any active episode

Тэг h6

Контент страницы[ Скрыть]

Общая информация

Всего слов в тексте:	1195
Слов в тексте (без стоп-слов):	1006
Слов без повторов и стоп-слов:	442
Стоп-слов в тексте:	189
Список стоп-слов:	[ Показать] for, on, and, the, of, with, my, to, in, was, at, is, i, what, from, by, all, this, be, if, it, you, an, have, any, so

Результат анализа слов контента

Слово	Вхождений	В title	В Keywords	Частота (TF)
Spreaker	10	Да	Нет	0.008
Discover	5	Нет	Нет	0.004
Your	12	Нет	Нет	0.01
Library	3	Нет	Нет	0.003
Search	2	Нет	Нет	0.002
Podcasts	5	Нет	Нет	0.004
App	2	Нет	Нет	0.002
Podcasters	1	Нет	Нет	0.001
Create	2	Нет	Нет	0.002
New	5	Нет	Нет	0.004
Free	2	Нет	Нет	0.002
Our	5	Нет	Нет	0.004
Platform	2	Нет	Нет	0.002
Prime	3	Нет	Нет	0.003
Network	3	Нет	Нет	0.003
Product	2	Нет	Нет	0.002
News	3	Нет	Нет	0.003
Sign	4	Нет	Нет	0.003
up	8	Нет	Нет	0.007
Login	1	Нет	Нет	0.001
Settings	1	Нет	Нет	0.001
Light	1	Нет	Нет	0.001
Theme	2	Нет	Нет	0.002
Dark	1	Нет	Нет	0.001
Trending	2	Нет	Нет	0.002
CreepsMcPasta	2	Нет	Нет	0.002
Creepypasta	4	Нет	Нет	0.003
Radio	7	Нет	Нет	0.006
Scary	4	Нет	Нет	0.003
Interesting	2	Нет	Нет	0.002
Podcast	16	Нет	Нет	0.013
El	2	Нет	Нет	0.002
Shot	2	Нет	Нет	0.002
de	10	Нет	Нет	0.008
la	2	Нет	Нет	0.002
Octava	2	Нет	Нет	0.002
Sports	4	Нет	Нет	0.003
Reddit	5	Нет	Нет	0.004
Stories	13	Нет	Нет	0.011
Sword	3	Нет	Нет	0.003
Scale	3	Нет	Нет	0.003
Hermanos	2	Нет	Нет	0.002
Leche	2	Нет	Нет	0.002
Morbidology	2	Нет	Нет	0.002
Great	4	Нет	Нет	0.003
Detectives	2	Нет	Нет	0.002
Old	2	Нет	Нет	0.002
Time	4	Нет	Нет	0.003
Daily	2	Нет	Нет	0.002
Mystery	2	Нет	Нет	0.002
Dramas	2	Нет	Нет	0.002
Secondhand	2	Нет	Нет	0.002
Therapy	2	Нет	Нет	0.002
Earth	3	Нет	Нет	0.003
Ancients	2	Нет	Нет	0.002
Paranormal	4	Нет	Нет	0.003
Mysteries	3	Нет	Нет	0.003
True	13	Нет	Нет	0.011
Crime	10	Нет	Нет	0.008
Campfire	2	Нет	Нет	0.002
Honeybee	2	Нет	Нет	0.002
Bedtime	7	Нет	Нет	0.006
Bigfoot	5	Нет	Нет	0.004
Society	3	Нет	Нет	0.003
Inside	2	Нет	Нет	0.002
Birds	2	Нет	Нет	0.002
A	10	Нет	Нет	0.008
Philadelphia	2	Нет	Нет	0.002
Eagles	2	Нет	Нет	0.002
Mindset	2	Нет	Нет	0.002
amp	12	Нет	Нет	0.01
Self-Improvement	2	Нет	Нет	0.002
Advisor	2	Нет	Нет	0.002
Stacey	2	Нет	Нет	0.002
Chillemi	2	Нет	Нет	0.002
Good	2	Нет	Нет	0.002
Minutes	2	Нет	Нет	0.002
Awesome	2	Нет	Нет	0.002
Audiobooks	2	Нет	Нет	0.002
Southern	4	Нет	Нет	0.003
Fried	4	Нет	Нет	0.003
MrCreepyPasta	2	Нет	Нет	0.002
s	9	Нет	Нет	0.008
Storytime	2	Нет	Нет	0.002
episodes	4	Нет	Нет	0.003
today	1	Нет	Нет	0.001
Broadway	2	Нет	Нет	0.002
Beat	2	Нет	Нет	0.002
Harry	2	Нет	Нет	0.002
Brett	2	Нет	Нет	0.002
Murder	5	Нет	Нет	0.004
Case	2	Нет	Нет	0.002
EP4745	2	Нет	Нет	0.002
Resume	20	Нет	Нет	0.017
Pause	20	Нет	Нет	0.017
Play	20	Нет	Нет	0.017
Loading	20	Нет	Нет	0.017
Played	20	Нет	Нет	0.017
34m	1	Нет	Нет	0.001
28s	2	Нет	Нет	0.002
Add	20	Нет	Нет	0.017
queue	42	Нет	Нет	0.035
Sasquatch	3	Нет	Нет	0.003
Valley	2	Нет	Нет	0.002
PNW	2	Нет	Нет	0.002
1h	5	Нет	Нет	0.004
25m	1	Нет	Нет	0.001
6s	1	Нет	Нет	0.001
Left	3	Нет	Нет	0.003
UNIVERSITY	2	Нет	Нет	0.002
ASSIST	2	Нет	Нет	0.002
HOUSEHOLD	2	Нет	Нет	0.002
after	2	Нет	Нет	0.002
father	2	Нет	Нет	0.002
laid	2	Нет	Нет	0.002
off	4	Нет	Нет	0.003
now	5	Нет	Нет	0.004
28m	1	Нет	Нет	0.001
41s	2	Нет	Нет	0.002
Rediscover	2	Нет	Нет	0.002
Spark	2	Нет	Нет	0.002
How	2	Нет	Нет	0.002
Reignite	2	Нет	Нет	0.002
Passion	2	Нет	Нет	0.002
Life	3	Нет	Нет	0.003
7m	1	Нет	Нет	0.001
Football	2	Нет	Нет	0.002
Four	2	Нет	Нет	0.002
NFL	2	Нет	Нет	0.002
Guaranteed	2	Нет	Нет	0.002
Contract	2	Нет	Нет	0.002
Issue	2	Нет	Нет	0.002
Intel	2	Нет	Нет	0.002
Big	2	Нет	Нет	0.002
Trade	2	Нет	Нет	0.002
17m	1	Нет	Нет	0.001
Real	2	Нет	Нет	0.002
Madrid	2	Нет	Нет	0.002
los	3	Нет	Нет	0.003
cuartos	2	Нет	Нет	0.002
final	2	Нет	Нет	0.002
del	3	Нет	Нет	0.003
Mundial	2	Нет	Нет	0.002
Clubes	2	Нет	Нет	0.002
3m	1	Нет	Нет	0.001
31s	1	Нет	Нет	0.001
Master	2	Нет	Нет	0.002
Emotions	2	Нет	Нет	0.002
Unveiling	2	Нет	Нет	0.002
First	2	Нет	Нет	0.002
Trigger	2	Нет	Нет	0.002
Point	2	Нет	Нет	0.002
44m	1	Нет	Нет	0.001
20s	1	Нет	Нет	0.001
Collection	2	Нет	Нет	0.002
Horrible	2	Нет	Нет	0.002
Fates	2	Нет	Нет	0.002
Industrial	2	Нет	Нет	0.002
Edition	2	Нет	Нет	0.002
20m	2	Нет	Нет	0.002
50s	1	Нет	Нет	0.001
When	2	Нет	Нет	0.002
Hard	2	Нет	Нет	0.002
22m	1	Нет	Нет	0.001
37s	1	Нет	Нет	0.001
Don	6	Нет	Нет	0.005
t	6	Нет	Нет	0.005
Want	2	Нет	Нет	0.002
Help	3	Нет	Нет	0.003
Even	2	Нет	Нет	0.002
Growth	2	Нет	Нет	0.002
58s	1	Нет	Нет	0.001
Fisher	2	Нет	Нет	0.002
Children	3	Нет	Нет	0.003
40m	1	Нет	Нет	0.001
35s	1	Нет	Нет	0.001
quot	4	Нет	Нет	0.003
ve	2	Нет	Нет	0.002
Been	2	Нет	Нет	0.002
Cop	2	Нет	Нет	0.002
Years	2	Нет	Нет	0.002
Nothing	2	Нет	Нет	0.002
Prepared	2	Нет	Нет	0.002
Me	2	Нет	Нет	0.002
Happened	2	Нет	Нет	0.002
Last	2	Нет	Нет	0.002
Night	2	Нет	Нет	0.002
36m	1	Нет	Нет	0.001
40s	1	Нет	Нет	0.001
Andre	2	Нет	Нет	0.002
Chaisson	2	Нет	Нет	0.002
Telepylos	2	Нет	Нет	0.002
Myth	2	Нет	Нет	0.002
Reality	3	Нет	Нет	0.003
56s	1	Нет	Нет	0.001
COSAS	2	Нет	Нет	0.002
TACOS	2	Нет	Нет	0.002
10m	1	Нет	Нет	0.001
17s	1	Нет	Нет	0.001
shower	2	Нет	Нет	0.002
door	2	Нет	Нет	0.002
ajar	2	Нет	Нет	0.002
anymore	2	Нет	Нет	0.002
JLGoodwin1990	2	Нет	Нет	0.002
29m	1	Нет	Нет	0.001
59s	1	Нет	Нет	0.001
GreedIsGood	2	Нет	Нет	0.002
Crimes	2	Нет	Нет	0.002
Alan	2	Нет	Нет	0.002
Hruby	2	Нет	Нет	0.002
37m	1	Нет	Нет	0.001
16s	1	Нет	Нет	0.001
Calling	2	Нет	Нет	0.002
Basement	2	Нет	Нет	0.002
Ouija	2	Нет	Нет	0.002
Board	2	Нет	Нет	0.002
Impostor	2	Нет	Нет	0.002
Spirit	2	Нет	Нет	0.002
Stealer	2	Нет	Нет	0.002
24m	1	Нет	Нет	0.001
21s	1	Нет	Нет	0.001
Episode	3	Нет	Нет	0.003
57m	1	Нет	Нет	0.001
55s	1	Нет	Нет	0.001
Lady	2	Нет	Нет	0.002
Into	2	Нет	Нет	0.002
Fox	2	Нет	Нет	0.002
David	2	Нет	Нет	0.002
Garnett	2	Нет	Нет	0.002
2h	1	Нет	Нет	0.001
51m	1	Нет	Нет	0.001
39s	1	Нет	Нет	0.001
Best	3	Нет	Нет	0.003
October	2	Нет	Нет	0.002
Ep167	2	Нет	Нет	0.002
Fred	2	Нет	Нет	0.002
Jablin	2	Нет	Нет	0.002
19m	1	Нет	Нет	0.001
36s	1	Нет	Нет	0.001
See	2	Нет	Нет	0.002
Horror	1	Нет	Нет	0.001
Story	3	Нет	Нет	0.003
Hauntings	1	Нет	Нет	0.001
Cram	1	Нет	Нет	0.001
Pance	1	Нет	Нет	0.001
Bullsh	1	Нет	Нет	0.001
Beyond	1	Нет	Нет	0.001
Cliff	1	Нет	Нет	0.001
Bobo	1	Нет	Нет	0.001
Rich	1	Нет	Нет	0.001
Dad	1	Нет	Нет	0.001
Show	1	Нет	Нет	0.001
In-Your-Face	1	Нет	Нет	0.001
Advice	1	Нет	Нет	0.001
Investing	1	Нет	Нет	0.001
Personal	1	Нет	Нет	0.001
Finance	1	Нет	Нет	0.001
Starting	1	Нет	Нет	0.001
Business	2	Нет	Нет	0.002
Solomonster	1	Нет	Нет	0.001
Sounds	3	Нет	Нет	0.003
Monsters	1	Нет	Нет	0.001
Better	1	Нет	Нет	0.001
Short	1	Нет	Нет	0.001
Kids	2	Нет	Нет	0.002
Car	1	Нет	Нет	0.001
Downtime	1	Нет	Нет	0.001
Superheroes	1	Нет	Нет	0.001
More	1	Нет	Нет	0.001
Than	1	Нет	Нет	0.001
Adam	1	Нет	Нет	0.001
Danielle	1	Нет	Нет	0.001
Team	1	Нет	Нет	0.001
House	1	Нет	Нет	0.001
Eyewitness	1	Нет	Нет	0.001
Giant	1	Нет	Нет	0.001
Bombcast	1	Нет	Нет	0.001
Gunsmoke	1	Нет	Нет	0.001
OTRWesterns	1	Нет	Нет	0.001
com	1	Нет	Нет	0.001
Weird	1	Нет	Нет	0.001
Darkness	1	Нет	Нет	0.001
Sleepy	1	Нет	Нет	0.001
sleep	2	Нет	Нет	0.002
Odyssey	1	Нет	Нет	0.001
Top	1	Нет	Нет	0.001
Nightmares	1	Нет	Нет	0.001
CockTales	1	Нет	Нет	0.001
Dirty	1	Нет	Нет	0.001
Discussions	1	Нет	Нет	0.001
Investigate	1	Нет	Нет	0.001
Conspiracy	2	Нет	Нет	0.002
Fast	1	Нет	Нет	0.001
Feast	1	Нет	Нет	0.001
Repeat	1	Нет	Нет	0.001
Intermittent	1	Нет	Нет	0.001
Fasting	1	Нет	Нет	0.001
Get	1	Нет	Нет	0.001
Authentic	1	Нет	Нет	0.001
Marques	1	Нет	Нет	0.001
Ogden	1	Нет	Нет	0.001
REDE	1	Нет	Нет	0.001
Relatos	2	Нет	Нет	0.002
Desclasificados	1	Нет	Нет	0.001
TheThinkingAtheist	1	Нет	Нет	0.001
Texas	1	Нет	Нет	0.001
Monthly	1	Нет	Нет	0.001
Problem	1	Нет	Нет	0.001
Erik	1	Нет	Нет	0.001
Opperman	1	Нет	Нет	0.001
Report	1	Нет	Нет	0.001
Thing	1	Нет	Нет	0.001
Sammy	1	Нет	Нет	0.001
Bull	1	Нет	Нет	0.001
Hot	1	Нет	Нет	0.001
Girl	1	Нет	Нет	0.001
Energy	1	Нет	Нет	0.001
Small	1	Нет	Нет	0.001
Doses	1	Нет	Нет	0.001
Amanda	1	Нет	Нет	0.001
Seales	1	Нет	Нет	0.001
Rain	1	Нет	Нет	0.001
Hour	1	Нет	Нет	0.001
Unspeakable	1	Нет	Нет	0.001
Kelly	1	Нет	Нет	0.001
Jennings	1	Нет	Нет	0.001
Nature	1	Нет	Нет	0.001
Meditation	1	Нет	Нет	0.001
Relaxation	1	Нет	Нет	0.001
Full	2	Нет	Нет	0.002
Trial	1	Нет	Нет	0.001
Audio	1	Нет	Нет	0.001
Karen	1	Нет	Нет	0.001
Read	1	Нет	Нет	0.001
John	1	Нет	Нет	0.001
O	1	Нет	Нет	0.001
Keefe	1	Нет	Нет	0.001
Dogman	1	Нет	Нет	0.001
Encounters	1	Нет	Нет	0.001
Princesses	1	Нет	Нет	0.001
Cheating	1	Нет	Нет	0.001
AITA	1	Нет	Нет	0.001
NSFW	1	Нет	Нет	0.001
Explore	1	Нет	Нет	0.001
Supporters	1	Нет	Нет	0.001
Club	1	Нет	Нет	0.001
UFO	2	Нет	Нет	0.002
Chronicles	1	Нет	Нет	0.001
WRESTLING	1	Нет	Нет	0.001
SOUP	1	Нет	Нет	0.001
Lost	1	Нет	Нет	0.001
Genre	1	Нет	Нет	0.001
Love	1	Нет	Нет	0.001
Doc	1	Нет	Нет	0.001
MAFIA	1	Нет	Нет	0.001
Estoicismo	1	Нет	Нет	0.001
Filosofia	1	Нет	Нет	0.001
Crossroads	1	Нет	Нет	0.001
Locations	1	Нет	Нет	0.001
Unknown	1	Нет	Нет	0.001
Mr	1	Нет	Нет	0.001
Redder	1	Нет	Нет	0.001
Unresolved	1	Нет	Нет	0.001
Suffer	1	Нет	Нет	0.001
Little	1	Нет	Нет	0.001
lado	1	Нет	Нет	0.001
oscuro	1	Нет	Нет	0.001
CARAS	1	Нет	Нет	0.001
VEMOS	1	Нет	Нет	0.001
SUFRIMIENTOS	1	Нет	Нет	0.001
Card	1	Нет	Нет	0.001
Nation	1	Нет	Нет	0.001
Jay	1	Нет	Нет	0.001
sAnalysis	1	Нет	Нет	0.001
Speaking	1	Нет	Нет	0.001
Spanish	1	Нет	Нет	0.001
Beginners	1	Нет	Нет	0.001
Cult	1	Нет	Нет	0.001
DocuSweeties	1	Нет	Нет	0.001
Chris	1	Нет	Нет	0.001
Wah	1	Нет	Нет	0.001
Trace	1	Нет	Нет	0.001
Evidence	1	Нет	Нет	0.001
Featured	1	Нет	Нет	0.001
Categories	1	Нет	Нет	0.001
Arts	1	Нет	Нет	0.001
Comedy	1	Нет	Нет	0.001
Education	1	Нет	Нет	0.001
Fiction	1	Нет	Нет	0.001
Government	1	Нет	Нет	0.001
Health	1	Нет	Нет	0.001
Fitness	1	Нет	Нет	0.001
History	1	Нет	Нет	0.001
Family	1	Нет	Нет	0.001
Leisure	1	Нет	Нет	0.001
Music	1	Нет	Нет	0.001
Religion	1	Нет	Нет	0.001
Spirituality	1	Нет	Нет	0.001
Science	1	Нет	Нет	0.001
Culture	1	Нет	Нет	0.001
Technology	1	Нет	Нет	0.001
TV	1	Нет	Нет	0.001
Film	1	Нет	Нет	0.001
English	4	Нет	Нет	0.003
Italiano	2	Нет	Нет	0.002
Espan	2	Нет	Нет	0.002
l	2	Нет	Нет	0.002
Terms	1	Нет	Нет	0.001
Privacy	1	Нет	Нет	0.001
Manage	2	Нет	Нет	0.002
Cookies	1	Нет	Нет	0.001
Copyright	1	Нет	Нет	0.001
Inc	1	Нет	Нет	0.001
iHeartMedia	1	Нет	Нет	0.001
Company	1	Нет	Нет	0.001
Playing	1	Нет	Нет	0.001
Looks	2	Нет	Нет	0.002
like	2	Нет	Нет	0.002
active	1	Нет	Нет	0.001
Browse	4	Нет	Нет	0.003
Catalogue	2	Нет	Нет	0.002
content	2	Нет	Нет	0.002
Current	1	Нет	Нет	0.001
Next	1	Нет	Нет	0.001
Done	1	Нет	Нет	0.001
Down	2	Нет	Нет	0.002
Remove	1	Нет	Нет	0.001
quiet	1	Нет	Нет	0.001
here	1	Нет	Нет	0.001
Unlock	1	Нет	Нет	0.001
potential	1	Нет	Нет	0.001
keep	1	Нет	Нет	0.001
listening	2	Нет	Нет	0.002
access	1	Нет	Нет	0.001
pick	1	Нет	Нет	0.001
right	1	Нет	Нет	0.001
where	1	Нет	Нет	0.001
connect	1	Нет	Нет	0.001
favorite	1	Нет	Нет	0.001
creators	1	Нет	Нет	0.001
Experience	1	Нет	Нет	0.001
ultimate	1	Нет	Нет	0.001

Исходный контент страницы, слов (1195)

Spreaker Discover Your Library Search Podcasts App For Podcasters Spreaker Create New Your Podcasts Free Our Platform Prime Network Product News Sign up Login Sign up Prime Network Our Platform Podcasts App Spreaker Create New Product News Settings Light Theme Dark Theme Trending on Spreaker CreepsMcPasta Creepypasta Radio Scary Interesting Podcast El Shot de la Octava Sports Reddit Stories Sword and Scale Hermanos de Leche Morbidology The Great Detectives of Old Time Radio Daily Mystery Dramas Secondhand Therapy Earth Ancients Paranormal Mysteries True Crime Campfire Honeybee Bedtime Stories Bigfoot Society Inside the Birds A Philadelphia Eagles Podcast Mindset amp Self-Improvement The Advisor with Stacey Chillemi Good Minutes Awesome Audiobooks Southern Fried True Crime MrCreepyPasta s Storytime Trending episodes today Broadway s My Beat The Harry Brett Murder Case EP4745 The Great Detectives of Old Time Radio Daily Mystery Dramas Broadway s My Beat The Harry Brett Murder Case EP4745 Resume Pause Play Loading Played 34m 28s Add to queue In queue Sasquatch Valley PNW Bigfoot Society Sasquatch Valley PNW Resume Pause Play Loading Played 1h 25m 6s Add to queue In queue Left UNIVERSITY to ASSIST my HOUSEHOLD after father was laid off now Reddit Stories Left UNIVERSITY to ASSIST my HOUSEHOLD after father was laid off now Resume Pause Play Loading Played 28m 41s Add to queue In queue Rediscover Your Spark How to Reignite Passion in Your Life Good Minutes Rediscover Your Spark How to Reignite Passion in Your Life Resume Pause Play Loading Played 7m 28s Add to queue In queue Football at Four NFL s Guaranteed Contract Issue and Intel on Big Trade Inside the Birds A Philadelphia Eagles Podcast Football at Four NFL s Guaranteed Contract Issue and Intel on Big Trade Resume Pause Play Loading Played 17m 41s Add to queue In queue Real Madrid a los cuartos de final del Mundial de Clubes El Shot de la Octava Sports Real Madrid a los cuartos de final del Mundial de Clubes Resume Pause Play Loading Played 3m 31s Add to queue In queue Master Your Emotions Unveiling the First Trigger Point Mindset amp Self-Improvement The Advisor with Stacey Chillemi Master Your Emotions Unveiling the First Trigger Point Resume Pause Play Loading Played 44m 20s Add to queue In queue A Collection of Horrible Fates Industrial Edition Scary Interesting Podcast A Collection of Horrible Fates Industrial Edition Resume Pause Play Loading Played 20m 50s Add to queue In queue When Bedtime is Hard Honeybee Bedtime Stories When Bedtime is Hard Resume Pause Play Loading Played 22m 37s Add to queue In queue I Don t Want Help What Even is Growth Secondhand Therapy I Don t Want Help What Even is Growth Resume Pause Play Loading Played 1h 58s Add to queue In queue The Fisher Children Morbidology The Fisher Children Resume Pause Play Loading Played 40m 35s Add to queue In queue quot I ve Been a Cop for Years Nothing Prepared Me For What Happened Last Night quot Creepypasta CreepsMcPasta Creepypasta Radio quot I ve Been a Cop for Years Nothing Prepared Me For What Happened Last Night quot Creepypasta Resume Pause Play Loading Played 36m 40s Add to queue In queue Andre Chaisson Telepylos from Myth to Reality Earth Ancients Andre Chaisson Telepylos from Myth to Reality Resume Pause Play Loading Played 1h 20m 56s Add to queue In queue COSAS DE TACOS Hermanos de Leche COSAS DE TACOS Resume Pause Play Loading Played 1h 10m 17s Add to queue In queue I don t shower with my door ajar anymore by JLGoodwin1990 MrCreepyPasta s Storytime I don t shower with my door ajar anymore by JLGoodwin1990 Resume Pause Play Loading Played 29m 59s Add to queue In queue GreedIsGood The Crimes of Alan Hruby True Crime Campfire GreedIsGood The Crimes of Alan Hruby Resume Pause Play Loading Played 37m 16s Add to queue In queue Calling From the Basement Ouija Board Impostor amp The Spirit Stealer Paranormal Mysteries Calling From the Basement Ouija Board Impostor amp The Spirit Stealer Resume Pause Play Loading Played 24m 21s Add to queue In queue Episode Sword and Scale Episode Resume Pause Play Loading Played 57m 55s Add to queue In queue Lady Into Fox by David Garnett Awesome Audiobooks Lady Into Fox by David Garnett Resume Pause Play Loading Played 2h 51m 39s Add to queue In queue The Best of October Southern Fried Ep167 The Murder of Fred Jablin Southern Fried True Crime The Best of October Southern Fried Ep167 The Murder of Fred Jablin Resume Pause Play Loading Played 1h 19m 36s Add to queue In queue Spreaker Prime Network See All Horror Story True Paranormal Mysteries and Hauntings Cram The Pance True Crime Bullsh Bigfoot and Beyond with Cliff and Bobo True Scary Story Rich Dad Radio Show In-Your-Face Advice on Investing Personal Finance amp Starting a Business Solomonster Sounds Off This Is Monsters Be Better Short Stories for Kids Bedtime Car Time Downtime Bedtime Stories Superheroes What if it s True Podcast More Than Reality with Adam and Danielle The Team House Bigfoot Eyewitness Radio Giant Bombcast Gunsmoke OTRWesterns com Weird Darkness Paranormal amp True Crime Stories Sleepy Stories To help you sleep Sasquatch Odyssey Our Top Podcasts Sword and Scale Nightmares CockTales Dirty Discussions Investigate Earth Conspiracy Podcast Fast Feast Repeat Intermittent Fasting For Life Get Authentic with Marques Ogden REDE Relatos Desclasificados TheThinkingAtheist Texas Monthly True Crime The Problem With Erik The Opperman Report Our Thing with Sammy The Bull Hot Girl Energy Podcast Small Doses with Amanda Seales Rain Sounds Hour Unspeakable A True Crime Podcast By Kelly Jennings Nature Sounds for Sleep Meditation amp Relaxation Full Trial Audio Karen Read John O Keefe Murder Dogman Encounters Radio Scary Story Podcast Bedtime Stories Princesses Best Of Reddit Stories Cheating True Crime AITA and NSFW Stories Explore our Supporters Club Podcasts See All UFO Chronicles Podcast WRESTLING SOUP Lost Genre Reddit Stories The Love Doc Podcast LOS MAFIA PODCAST Estoicismo Filosofia Bigfoot Crossroads Locations Unknown Reddit Stories Podcast Mr Redder Unresolved Podcast UFO Suffer the Little Children Relatos del lado oscuro CARAS VEMOS SUFRIMIENTOS Sports Card Nation Podcast Jay sAnalysis Speaking Spanish for Beginners Cult of Conspiracy DocuSweeties with Chris and Wah Trace Evidence Featured Categories Arts Business Comedy Education Fiction Government Health amp Fitness History Kids amp Family Leisure Music News Religion amp Spirituality Science Society amp Culture Sports Technology True Crime TV amp Film English English Italiano Espan l English English Italiano Espan l Terms Privacy Manage My Cookies Copyright Spreaker Inc an iHeartMedia Company Playing Now Queue Looks like you don t have any active episode Browse Spreaker Catalogue to discover great new content Browse now Current Looks like you don t have any episodes in your queue Browse Spreaker Catalogue to discover great new content Browse now Next Up Manage Done Up Up Down Down Remove It s so quiet here Time to discover new episodes Discover Your Library Search Unlock Spreaker s full potential Sign up to keep listening access your Library to pick up episodes right where you left off and connect with your favorite creators Experience the ultimate podcast listening on Spreaker Sign up for free

Контент страницы без стоп-слов, слов (1006), без повторов (442)

Spreaker Discover Your Library Search Podcasts App Podcasters Spreaker Create New Your Podcasts Free Our Platform Prime Network Product News Sign up Login Sign up Prime Network Our Platform Podcasts App Spreaker Create New Product News Settings Light Theme Dark Theme Trending Spreaker CreepsMcPasta Creepypasta Radio Scary Interesting Podcast El Shot de la Octava Sports Reddit Stories Sword Scale Hermanos de Leche Morbidology Great Detectives Old Time Radio Daily Mystery Dramas Secondhand Therapy Earth Ancients Paranormal Mysteries True Crime Campfire Honeybee Bedtime Stories Bigfoot Society Inside Birds A Philadelphia Eagles Podcast Mindset amp Self-Improvement Advisor Stacey Chillemi Good Minutes Awesome Audiobooks Southern Fried True Crime MrCreepyPasta s Storytime Trending episodes today Broadway s Beat Harry Brett Murder Case EP4745 Great Detectives Old Time Radio Daily Mystery Dramas Broadway s Beat Harry Brett Murder Case EP4745 Resume Pause Play Loading Played 34m 28s Add queue queue Sasquatch Valley PNW Bigfoot Society Sasquatch Valley PNW Resume Pause Play Loading Played 1h 25m 6s Add queue queue Left UNIVERSITY ASSIST HOUSEHOLD after father laid off now Reddit Stories Left UNIVERSITY ASSIST HOUSEHOLD after father laid off now Resume Pause Play Loading Played 28m 41s Add queue queue Rediscover Your Spark How Reignite Passion Your Life Good Minutes Rediscover Your Spark How Reignite Passion Your Life Resume Pause Play Loading Played 7m 28s Add queue queue Football Four NFL s Guaranteed Contract Issue Intel Big Trade Inside Birds A Philadelphia Eagles Podcast Football Four NFL s Guaranteed Contract Issue Intel Big Trade Resume Pause Play Loading Played 17m 41s Add queue queue Real Madrid a los cuartos de final del Mundial de Clubes El Shot de la Octava Sports Real Madrid a los cuartos de final del Mundial de Clubes Resume Pause Play Loading Played 3m 31s Add queue queue Master Your Emotions Unveiling First Trigger Point Mindset amp Self-Improvement Advisor Stacey Chillemi Master Your Emotions Unveiling First Trigger Point Resume Pause Play Loading Played 44m 20s Add queue queue A Collection Horrible Fates Industrial Edition Scary Interesting Podcast A Collection Horrible Fates Industrial Edition Resume Pause Play Loading Played 20m 50s Add queue queue When Bedtime Hard Honeybee Bedtime Stories When Bedtime Hard Resume Pause Play Loading Played 22m 37s Add queue queue Don t Want Help Even Growth Secondhand Therapy Don t Want Help Even Growth Resume Pause Play Loading Played 1h 58s Add queue queue Fisher Children Morbidology Fisher Children Resume Pause Play Loading Played 40m 35s Add queue queue quot ve Been a Cop Years Nothing Prepared Me Happened Last Night quot Creepypasta CreepsMcPasta Creepypasta Radio quot ve Been a Cop Years Nothing Prepared Me Happened Last Night quot Creepypasta Resume Pause Play Loading Played 36m 40s Add queue queue Andre Chaisson Telepylos Myth Reality Earth Ancients Andre Chaisson Telepylos Myth Reality Resume Pause Play Loading Played 1h 20m 56s Add queue queue COSAS DE TACOS Hermanos de Leche COSAS DE TACOS Resume Pause Play Loading Played 1h 10m 17s Add queue queue don t shower door ajar anymore JLGoodwin1990 MrCreepyPasta s Storytime don t shower door ajar anymore JLGoodwin1990 Resume Pause Play Loading Played 29m 59s Add queue queue GreedIsGood Crimes Alan Hruby True Crime Campfire GreedIsGood Crimes Alan Hruby Resume Pause Play Loading Played 37m 16s Add queue queue Calling Basement Ouija Board Impostor amp Spirit Stealer Paranormal Mysteries Calling Basement Ouija Board Impostor amp Spirit Stealer Resume Pause Play Loading Played 24m 21s Add queue queue Episode Sword Scale Episode Resume Pause Play Loading Played 57m 55s Add queue queue Lady Into Fox David Garnett Awesome Audiobooks Lady Into Fox David Garnett Resume Pause Play Loading Played 2h 51m 39s Add queue queue Best October Southern Fried Ep167 Murder Fred Jablin Southern Fried True Crime Best October Southern Fried Ep167 Murder Fred Jablin Resume Pause Play Loading Played 1h 19m 36s Add queue queue Spreaker Prime Network See Horror Story True Paranormal Mysteries Hauntings Cram Pance True Crime Bullsh Bigfoot Beyond Cliff Bobo True Scary Story Rich Dad Radio Show In-Your-Face Advice Investing Personal Finance amp Starting a Business Solomonster Sounds Off Monsters Better Short Stories Kids Bedtime Car Time Downtime Bedtime Stories Superheroes s True Podcast More Than Reality Adam Danielle Team House Bigfoot Eyewitness Radio Giant Bombcast Gunsmoke OTRWesterns com Weird Darkness Paranormal amp True Crime Stories Sleepy Stories help sleep Sasquatch Odyssey Our Top Podcasts Sword Scale Nightmares CockTales Dirty Discussions Investigate Earth Conspiracy Podcast Fast Feast Repeat Intermittent Fasting Life Get Authentic Marques Ogden REDE Relatos Desclasificados TheThinkingAtheist Texas Monthly True Crime Problem Erik Opperman Report Our Thing Sammy Bull Hot Girl Energy Podcast Small Doses Amanda Seales Rain Sounds Hour Unspeakable A True Crime Podcast Kelly Jennings Nature Sounds Sleep Meditation amp Relaxation Full Trial Audio Karen Read John O Keefe Murder Dogman Encounters Radio Scary Story Podcast Bedtime Stories Princesses Best Reddit Stories Cheating True Crime AITA NSFW Stories Explore our Supporters Club Podcasts See UFO Chronicles Podcast WRESTLING SOUP Lost Genre Reddit Stories Love Doc Podcast LOS MAFIA PODCAST Estoicismo Filosofia Bigfoot Crossroads Locations Unknown Reddit Stories Podcast Mr Redder Unresolved Podcast UFO Suffer Little Children Relatos del lado oscuro CARAS VEMOS SUFRIMIENTOS Sports Card Nation Podcast Jay sAnalysis Speaking Spanish Beginners Cult Conspiracy DocuSweeties Chris Wah Trace Evidence Featured Categories Arts Business Comedy Education Fiction Government Health amp Fitness History Kids amp Family Leisure Music News Religion amp Spirituality Science Society amp Culture Sports Technology True Crime TV amp Film English English Italiano Espan l English English Italiano Espan l Terms Privacy Manage Cookies Copyright Spreaker Inc iHeartMedia Company Playing Now Queue Looks like don t active episode Browse Spreaker Catalogue discover great new content Browse now Current Looks like don t episodes your queue Browse Spreaker Catalogue discover great new content Browse now Next Up Manage Done Up Up Down Down Remove s quiet here Time discover new episodes Discover Your Library Search Unlock Spreaker s full potential Sign up keep listening access your Library pick up episodes right where left off connect your favorite creators Experience ultimate podcast listening Spreaker Sign up free

HTML код страницы, символов всего (995637)

<!DOCTYPE html>
<html lang="en-US">

<title>Spreaker</title>

</div>

<span class="flex-1 text-sm">Discover</span>

</a>
    
</div>
            <div class="mx-2 rounded-lg px-4 text-neutral-700 hover:bg-neutral-50 hover:text-neutral-950 dark:text-neutral-100 hover:dark:bg-neutral-950 hover:dark:text-neutral-50">
            <a href="https://www.spreaker.com/your-library"
             wire:navigate                         class="flex w-full items-center gap-x-2 py-2">
                            <svg class="w-6 h-6 inline flex-shrink-0 flex-grow-0" data-icon-type="outline" width="32" height="32" viewBox="0 0 32 32" fill="currentColor"
    xmlns="http://www.w3.org/2000/svg" stroke="none">
    <path fill-rule="evenodd" clip-rule="evenodd"
        d="M8.00008 2.83337H10.6667C12.7838 2.83337 14.5001 4.54961 14.5001 6.66671V25.3334C14.5001 27.4505 12.7838 29.1667 10.6667 29.1667H8.00008C5.88299 29.1667 4.16675 27.4505 4.16675 25.3334V6.66671C4.16675 4.54962 5.88298 2.83337 8.00008 2.83337ZM8.00008 5.33337C7.2637 5.33337 6.66675 5.93033 6.66675 6.66671V25.3334C6.66675 26.0698 7.2637 26.6667 8.00008 26.6667H10.6667C11.4031 26.6667 12.0001 26.0698 12.0001 25.3334V6.66671C12.0001 5.93033 11.4031 5.33337 10.6667 5.33337H8.00008ZM20 5.41663C20.6904 5.41663 21.25 5.97627 21.25 6.66663L21.25 28C21.25 28.6903 20.6904 29.25 20 29.25C19.3096 29.25 18.75 28.6903 18.75 28L18.75 6.66663C18.75 5.97627 19.3096 5.41663 20 5.41663ZM27.9167 12C27.9167 11.3096 27.3571 10.75 26.6667 10.75C25.9764 10.75 25.4167 11.3096 25.4167 12V28C25.4167 28.6904 25.9764 29.25 26.6667 29.25C27.3571 29.25 27.9167 28.6904 27.9167 28V12Z" />
</svg>

<span class="flex-1 text-sm">Your Library</span>

<span class="flex-1 text-sm">Search</span>

</a>
    
</div>
            <div class="mx-2 rounded-lg px-4 text-neutral-700 hover:bg-neutral-50 hover:text-neutral-950 dark:text-neutral-100 hover:dark:bg-neutral-950 hover:dark:text-neutral-50">
            <a href="https://www.spreaker.com/podcast-app"
             wire:navigate                         class="flex w-full items-center gap-x-2 py-2">
                            <svg class="w-6 h-6 inline flex-shrink-0 flex-grow-0" data-icon-type="outline" width="32" height="32" viewBox="0 0 32 32" fill="currentColor"
    xmlns="http://www.w3.org/2000/svg" stroke="none">
    <path fill-rule="evenodd" clip-rule="evenodd"
        d="M16.4831 3.25C16.4831 2.55964 15.9235 2 15.2331 2C14.5427 2 13.9831 2.55964 13.9831 3.25V3.53236C10.5308 4.08632 8.51283 5.66669 7.58543 6.59408C2.93018 11.2493 2.80814 18.7212 7.21931 23.5241L7.21931 28.0734C7.21931 28.7637 7.77896 29.3234 8.46931 29.3234C9.15967 29.3234 9.71931 28.7637 9.71931 28.0734L9.71931 22.5044L9.3532 22.1383C5.54893 18.334 5.54893 12.1661 9.3532 8.36185C9.94621 7.76884 11.3828 6.57905 13.9831 6.07158V8.87008C10.9913 9.45286 8.7331 12.0877 8.7331 15.25C8.7331 18.8399 11.6433 21.75 15.2331 21.75C18.823 21.75 21.7331 18.8399 21.7331 15.25C21.7331 12.0877 19.4749 9.45286 16.4831 8.87008V5.83364C16.5107 5.83349 16.5384 5.83342 16.5662 5.83342L16.5764 5.83338C21.7285 5.83902 25.983 10.1917 25.983 15.6603V22.3077H21.8997C21.2093 22.3077 20.6497 22.8674 20.6497 23.5577V28.5834C20.6497 29.2737 21.2093 29.8334 21.8997 29.8334C22.59 29.8334 23.1497 29.2737 23.1497 28.5834V24.8077H27.233C27.9234 24.8077 28.483 24.2481 28.483 23.5577V15.6603C28.483 8.89721 23.1918 3.33337 16.5664 3.33337V3.33342H16.5662C16.5384 3.33342 16.5107 3.33348 16.4831 3.33361V3.25ZM19.2331 15.25C19.2331 17.4591 17.4422 19.25 15.2331 19.25C13.024 19.25 11.2331 17.4591 11.2331 15.25C11.2331 13.0409 13.024 11.25 15.2331 11.25C17.4422 11.25 19.2331 13.0409 19.2331 15.25Z" />
</svg>

<span class="flex-1 text-sm">Podcasts App</span>

</a>
    
</div>
        </div>

<div class="mb-2 mt-8 px-6 text-sm text-neutral-500">
            For Podcasters
        </div>
        <div class="space-y-2">
            <div class="mx-2 rounded-lg px-4 text-neutral-700 hover:bg-neutral-50 hover:text-neutral-950 dark:text-neutral-100 hover:dark:bg-neutral-950 hover:dark:text-neutral-50">
            <a href="https://www.spreaker.com/spreaker-create"
             wire:navigate                         class="flex w-full items-center gap-x-2 py-2">
                            <svg class="w-6 h-6 inline flex-shrink-0 flex-grow-0" data-icon-type="outline" width="32" height="32" viewBox="0 0 32 32" fill="currentColor"
    xmlns="http://www.w3.org/2000/svg" stroke="none">
    <path fill-rule="evenodd" clip-rule="evenodd"
        d="M16 1.75C13.6528 1.75 11.75 3.65279 11.75 6V16C11.75 18.3472 13.6528 20.25 16 20.25C18.3472 20.25 20.25 18.3472 20.25 16V6C20.25 3.65279 18.3472 1.75 16 1.75ZM14.25 6C14.25 5.0335 15.0335 4.25 16 4.25C16.9665 4.25 17.75 5.0335 17.75 6V16C17.75 16.9665 16.9665 17.75 16 17.75C15.0335 17.75 14.25 16.9665 14.25 16V6ZM9.25 14C9.25 13.3096 8.69036 12.75 8 12.75C7.30964 12.75 6.75 13.3096 6.75 14V16C6.75 20.6847 10.2326 24.556 14.75 25.1663V27.75H9.33325C8.6429 27.75 8.08325 28.3096 8.08325 29C8.08325 29.6904 8.6429 30.25 9.33325 30.25H22.6666C23.3569 30.25 23.9166 29.6904 23.9166 29C23.9166 28.3096 23.3569 27.75 22.6666 27.75H17.25V25.1663C21.7674 24.556 25.25 20.6847 25.25 16V14C25.25 13.3096 24.6904 12.75 24 12.75C23.3096 12.75 22.75 13.3096 22.75 14V16C22.75 19.7279 19.7279 22.75 16 22.75C12.2721 22.75 9.25 19.7279 9.25 16V14Z" />
</svg>

<span class="flex-1 text-sm">Spreaker Create</span>

</a>
    
</div>
                            <div class="mx-2 rounded-lg px-4 text-neutral-700 hover:bg-neutral-50 hover:text-neutral-950 dark:text-neutral-100 hover:dark:bg-neutral-950 hover:dark:text-neutral-50">
            <a href="https://www.spreaker.com/signup?redirect=https%3A%2F%2Fwww.spreaker.com"
                                    rel="nofollow" class="flex w-full items-center gap-x-2 py-2">
                            <svg class="w-6 h-6 inline flex-shrink-0 flex-grow-0" data-icon-type="outline" width="32" height="32" viewBox="0 0 32 32" fill="currentColor"
    xmlns="http://www.w3.org/2000/svg" stroke="none">
    <path fill-rule="evenodd" clip-rule="evenodd"
        d="M9.33325 2.75C8.6429 2.75 8.08325 3.30964 8.08325 4C8.08325 4.69036 8.6429 5.25 9.33325 5.25H22.6666C24.9217 5.25 26.7499 7.07817 26.7499 9.33333V22.6667C26.7499 23.357 27.3096 23.9167 27.9999 23.9167C28.6903 23.9167 29.2499 23.357 29.2499 22.6667V9.33333C29.2499 5.69746 26.3025 2.75 22.6666 2.75H9.33325ZM20.0001 10.5H6.66675C5.83832 10.5 5.16675 11.1716 5.16675 12V25.3333C5.16675 26.1618 5.83832 26.8333 6.66675 26.8333H20.0001C20.8285 26.8333 21.5001 26.1618 21.5001 25.3333V12C21.5001 11.1716 20.8285 10.5 20.0001 10.5ZM6.66675 8C4.45761 8 2.66675 9.79086 2.66675 12V25.3333C2.66675 27.5425 4.45761 29.3333 6.66675 29.3333H20.0001C22.2092 29.3333 24.0001 27.5425 24.0001 25.3333V12C24.0001 9.79086 22.2092 8 20.0001 8H6.66675ZM9.33327 22.5744L9.33327 14.759C9.33327 13.666 10.514 12.9808 11.463 13.523L17.8016 17.4308C18.7579 17.9772 18.7579 19.3562 17.8016 19.9027L11.463 23.8104C10.514 24.3527 9.33327 23.6674 9.33327 22.5744Z" />
</svg>

<span class="flex-1 text-sm">Your Podcasts</span>

</a>
    
</div>
                                    <div class="mx-2 rounded-lg px-4 text-neutral-700 hover:bg-neutral-50 hover:text-neutral-950 dark:text-neutral-100 hover:dark:bg-neutral-950 hover:dark:text-neutral-50">
            <a href="https://www.spreaker.com/our-platform"
             wire:navigate                         class="flex w-full items-center gap-x-2 py-2">
                            <svg class="w-6 h-6 inline flex-shrink-0 flex-grow-0" data-icon-type="outline" width="32" height="32" viewBox="0 0 32 32" fill="currentColor"
    xmlns="http://www.w3.org/2000/svg">
    <path fill-rule="evenodd" clip-rule="evenodd"
        d="M18.0288 1.80739C19.09 0.474106 21.2332 1.08502 21.432 2.77745L22.3641 10.7135L29.8237 13.8353C31.3995 14.4948 31.3905 16.7307 29.8094 17.3774L22.2246 20.4798L21.8654 28.8977C21.792 30.6184 19.6629 31.3767 18.5183 30.0898L12.7644 23.6204L6.61948 25.4914C4.71054 26.0726 3.29492 23.7134 4.70598 22.3025L11.3364 15.6725L4.69974 9.88055C3.23414 8.60147 4.38585 6.20495 6.30024 6.55025L13.2552 7.80472L18.0288 1.80739ZM19.1125 4.46028L14.9942 9.63428C14.555 10.186 13.8483 10.4521 13.1543 10.3269L7.93442 9.38535L13.4506 14.1995C14.2867 14.9292 14.3303 16.2142 13.5456 16.9989L8.12417 22.4199L12.3937 21.12C13.1096 20.902 13.8868 21.1206 14.3841 21.6798L19.4291 27.352L19.7428 19.9997C19.7748 19.2517 20.2392 18.5908 20.9321 18.3074L27.558 15.5972L21.0845 12.8881C20.4463 12.621 20.0016 12.0307 19.9209 11.3436L19.1125 4.46028Z" />
</svg>

<span class="flex-1 text-sm">Our Platform</span>

</a>
    
</div>
            <div class="mx-2 rounded-lg px-4 text-neutral-700 hover:bg-neutral-50 hover:text-neutral-950 dark:text-neutral-100 hover:dark:bg-neutral-950 hover:dark:text-neutral-50">
            <a href="https://www.spreaker.com/prime"
             wire:navigate                         class="flex w-full items-center gap-x-2 py-2">
                            <svg class="w-6 h-6 inline flex-shrink-0 flex-grow-0" data-icon-type="outline" width="32" height="32" viewBox="0 0 32 32" fill="currentColor"
    xmlns="http://www.w3.org/2000/svg" stroke="none">
    <path fill-rule="evenodd" clip-rule="evenodd"
        d="M16.0042 5.41663C16.4833 5.41698 16.9201 5.69121 17.1286 6.12261L21.5368 15.2418L27.0439 8.70518C27.3822 8.30365 27.9354 8.15631 28.4286 8.33638C28.9218 8.51645 29.2499 8.98553 29.2499 9.51057V22.2683C29.2499 22.3813 29.2345 22.4939 29.2043 22.6028C28.653 24.5873 26.8575 25.9416 24.8154 25.9416H7.17099C5.12896 25.9416 3.33343 24.5873 2.78217 22.6028C2.75191 22.4939 2.73657 22.3813 2.73657 22.2683V9.51057C2.73657 8.98553 3.06468 8.51645 3.55788 8.33638C4.05108 8.15631 4.60423 8.30365 4.94253 8.70518L10.4517 15.2442L14.8786 6.12093C15.0878 5.68984 15.525 5.41627 16.0042 5.41663ZM16.0011 9.53435L11.8605 18.0674C11.6757 18.4482 11.3108 18.7096 10.8908 18.7621C10.4707 18.8145 10.0527 18.6508 9.77998 18.3271L5.23657 12.9343V22.0777C5.52898 22.8975 6.29901 23.4416 7.17099 23.4416H24.8154C25.6874 23.4416 26.4575 22.8975 26.7499 22.0777V12.9343L22.2065 18.3271C21.9335 18.651 21.5151 18.8147 21.0948 18.7619C20.6744 18.7092 20.3095 18.4471 20.1251 18.0657L16.0011 9.53435Z" />
</svg>

<span class="flex-1 text-sm">Prime Network</span>

</a>
    
</div>
            <div class="mx-2 rounded-lg px-4 text-neutral-700 hover:bg-neutral-50 hover:text-neutral-950 dark:text-neutral-100 hover:dark:bg-neutral-950 hover:dark:text-neutral-50">
            <a href="https://news.spreaker.com/"
                         target="_blank"             class="flex w-full items-center gap-x-2 py-2">
                            <svg class="w-6 h-6 inline flex-shrink-0 flex-grow-0" data-icon-type="outline" width="32" height="32" viewBox="0 0 32 32" fill="currentColor"
    xmlns="http://www.w3.org/2000/svg" stroke="none">
    <path fill-rule="evenodd" clip-rule="evenodd"
        d="M11.5601 5.41663C9.39701 5.41663 7.64346 7.17018 7.64346 9.33329V21.7732C7.64346 22.3127 7.20617 22.75 6.66675 22.75V22.75H6.66667C5.88426 22.75 5.25 22.1157 5.25 21.3333V8C5.25 7.30964 4.69036 6.75 4 6.75C3.30964 6.75 2.75 7.30964 2.75 8V21.3333C2.75 23.4964 4.50355 25.25 6.66667 25.25H24C24.0039 25.25 24.0077 25.25 24.0116 25.2499C26.9058 25.2438 29.2501 22.8956 29.2501 20V9.33329C29.2501 7.17018 27.4965 5.41663 25.3334 5.41663H11.5601ZM19.1112 22.75V22.75H24.0001C25.5189 22.75 26.7501 21.5187 26.7501 20V9.33329C26.7501 8.55089 26.1158 7.91663 25.3334 7.91663H11.5601C10.7777 7.91663 10.1435 8.55089 10.1435 9.33329V21.7732C10.1435 22.1124 10.0949 22.4401 10.0044 22.75H19.1112ZM14.6666 10.6666C13.9302 10.6666 13.3333 11.2636 13.3333 12V14.6666C13.3333 15.403 13.9302 16 14.6666 16H22.6666C23.403 16 23.9999 15.403 23.9999 14.6666V12C23.9999 11.2636 23.403 10.6666 22.6666 10.6666H14.6666ZM13.4167 18.6666C13.4167 17.9763 13.9764 17.4166 14.6667 17.4166L22.6667 17.4166C23.3571 17.4166 23.9167 17.9763 23.9167 18.6666C23.9167 19.357 23.3571 19.9166 22.6667 19.9166L14.6667 19.9166C13.9764 19.9166 13.4167 19.357 13.4167 18.6666Z" />
</svg>

<span class="flex-1 text-sm">Product News</span>

<div class="space-y-2">
                    </div>
    </div>
</div>
                <div class="flex w-full flex-col">
                            <div
    class="fixed z-20 flex h-16 w-full items-center justify-between gap-2 border-b bg-white px-4 text-neutral-950 dark:border-b-neutral-700 dark:bg-neutral-800 dark:text-white md:justify-end md:pl-[250px]"
    x-data="{
        query: null,
        hidden: '1',
        isSearch: '',
        search: function() {
            if (!this.query) {
                return;
            }
    
            let encodedQuery = encodeURIComponent(this.query);
    
            if (this.isSearch) {
                Livewire.dispatch('search', { query: encodedQuery });
                return;
            }
            Livewire.navigate(`/search?query=${encodedQuery}`);
        }
    }"
    x-init="$watch('hidden', (hidden) => {
        if (!hidden) {
            $refs.inputMobile.focus();
        }
    });
    if (isSearch && !query) {
        if (window.innerWidth <= 768) {
            $refs.inputMobile.focus();
        } else {
            $refs.inputDesktop.focus();
        }
    }">
    <div class="md:hidden" x-show="hidden">
        <a wire:navigate href="https://www.spreaker.com" aria-label="Back to Discover">
            <div>
    <svg alt="Spreaker Logo" class="hidden dark:block h-10" width="168" height="48"
        viewBox="0 0 224 61" fill="none" xmlns="http://www.w3.org/2000/svg">
        <path
            d="M13.4762 40.2759C11.0987 40.2928 8.73733 39.8852 6.50326 39.0722C4.22005 38.2097 2.123 36.9186 0.325195 35.2685L3.61294 31.2963C5.00903 32.519 6.56974 33.5401 8.24949 34.3296C9.92701 35.0611 11.7426 35.4224 13.5725 35.3889C15.0097 35.4656 16.4343 35.0864 17.643 34.3056C18.1168 33.9923 18.5034 33.5641 18.7666 33.061C19.0299 32.5579 19.1613 31.9963 19.1484 31.4287V31.2963C19.1587 30.7801 19.0602 30.2674 18.8594 29.7917C18.6042 29.3064 18.2316 28.8925 17.7755 28.588C17.1048 28.1313 16.3757 27.7669 15.6078 27.5046C14.4392 27.0985 13.2492 26.7569 12.043 26.4815C10.5177 26.1414 9.01693 25.699 7.551 25.1574C6.36324 24.732 5.24972 24.1228 4.25121 23.3519C3.37342 22.6664 2.67504 21.7783 2.21595 20.7639C1.72643 19.5989 1.48841 18.3438 1.51745 17.0806V16.9843C1.50466 15.7302 1.76896 14.4888 2.29147 13.3485C2.81399 12.2083 3.58184 11.1974 4.54025 10.388C5.53902 9.5562 6.68766 8.92292 7.92434 8.52223C9.31483 8.06302 10.7714 7.83529 12.2357 7.84816C14.3584 7.81619 16.4702 8.15847 18.474 8.85927C20.3577 9.55175 22.1152 10.548 23.6766 11.8083L20.7381 16.0093C19.416 15.0298 17.9755 14.221 16.4508 13.6019C15.091 13.0574 13.6403 12.7755 12.1755 12.7713C10.8416 12.6934 9.52085 13.0712 8.43014 13.8426C8.01135 14.1483 7.67084 14.5486 7.43642 15.0109C7.202 15.4733 7.08032 15.9845 7.08133 16.5028V16.587C7.06629 17.1372 7.17322 17.6839 7.39444 18.188C7.67324 18.6955 8.09099 19.113 8.59874 19.3917C9.29926 19.8381 10.0514 20.1978 10.8387 20.463C11.8142 20.788 13.0547 21.137 14.56 21.4982C16.0582 21.8671 17.5305 22.3335 18.9678 22.8945C20.1257 23.3318 21.2008 23.9627 22.1471 24.7602C22.9813 25.4745 23.6439 26.3672 24.0861 27.3722C24.543 28.4446 24.7687 29.6012 24.7484 30.7667V30.863C24.7707 32.2285 24.4867 33.5816 23.9175 34.8232C23.3802 35.9721 22.5946 36.9876 21.6172 37.7963C20.5647 38.6363 19.3578 39.2619 18.0646 39.638C16.5757 40.079 15.029 40.294 13.4762 40.2759Z"
            fill="white" />
        <path
            d="M29.2402 16.0574H34.7439V20.0176C35.6046 18.7635 36.7007 17.6884 37.9714 16.8519C39.4123 15.951 41.0902 15.5024 42.7886 15.5639C44.2083 15.5651 45.6136 15.8489 46.9224 16.3986C48.2312 16.9483 49.4174 17.753 50.4118 18.7658C51.4893 19.8771 52.3365 21.1902 52.9048 22.6297C53.5564 24.3097 53.8755 26.1003 53.8441 27.9019V27.9982C53.8783 29.7939 53.5676 31.5796 52.9288 33.2584C52.3841 34.6937 51.5661 36.01 50.5202 37.1343C49.4949 38.1771 48.2648 38.9968 46.9073 39.5417C45.6001 40.0762 44.201 40.3501 42.7886 40.3482C41.1006 40.4172 39.4283 39.9994 37.9714 39.1445C36.7227 38.3345 35.6295 37.3071 34.7439 36.1111V46.9445H29.2402V16.0574ZM41.5361 35.5935C42.4435 35.5989 43.3419 35.4144 44.1736 35.0519C44.9904 34.6963 45.7275 34.1806 46.3413 33.5352C46.9868 32.8409 47.4828 32.0215 47.7985 31.1278C48.1725 30.1149 48.3562 29.0417 48.3404 27.9621V27.8658C48.3531 26.7982 48.1694 25.7374 47.7985 24.7361C47.4712 23.8479 46.9766 23.0307 46.3413 22.3287C45.7248 21.6701 44.9785 21.1461 44.1494 20.7898C43.3204 20.4335 42.4265 20.2526 41.5241 20.2584C40.6209 20.2621 39.728 20.4497 38.8997 20.8098C38.0715 21.1699 37.3254 21.6949 36.7069 22.3528C36.0616 23.0561 35.5513 23.8722 35.2015 24.7602C34.8145 25.7493 34.6223 26.8038 34.6355 27.8658V27.9621C34.6252 29.0277 34.8173 30.0856 35.2015 31.0797C35.5438 31.9714 36.0549 32.7888 36.7069 33.4871C37.3377 34.1374 38.0908 34.6568 38.9228 35.0158C39.7453 35.3847 40.6347 35.5814 41.5361 35.5935Z"
            fill="white" />
        <path
            d="M58.0715 16.0574H63.5631V21.4139C64.2304 19.7159 65.3357 18.2249 66.7666 17.0926C68.2706 15.992 70.125 15.4783 71.9812 15.6481V21.4139H71.6681C70.5457 21.3992 69.4305 21.5952 68.3804 21.9916C67.404 22.3773 66.5272 22.978 65.8152 23.749C65.0545 24.6004 64.4874 25.6066 64.1532 26.6981C63.737 28.0298 63.5378 29.4198 63.5631 30.8148V39.8666H58.0715V16.0574Z"
            fill="white" />
        <path
            d="M86.2157 40.3602C84.5664 40.3768 82.9298 40.07 81.3985 39.4574C79.9501 38.8874 78.6313 38.0319 77.5207 36.9417C76.4074 35.8261 75.5272 34.5004 74.9314 33.0417C74.2903 31.4468 73.971 29.7409 73.9921 28.0222V27.938C73.9755 26.2939 74.2655 24.6611 74.8471 23.1231C75.3871 21.6639 76.2051 20.3231 77.2557 19.175C78.2695 18.0583 79.4983 17.1576 80.8686 16.5268C82.3399 15.8628 83.9392 15.5299 85.5534 15.5518C87.2682 15.5175 88.9685 15.8714 90.5271 16.587C91.9247 17.2369 93.1592 18.1911 94.14 19.3796C95.1323 20.5842 95.8808 21.9701 96.3439 23.4602C96.8313 25.039 97.075 26.6829 97.0665 28.3352C97.0665 28.5759 97.0665 28.8287 97.0665 29.0815C97.0665 29.3343 97.0665 29.5991 96.9942 29.8759H79.4837C79.6673 31.6076 80.4972 33.2065 81.808 34.3537C83.0804 35.4005 84.6887 35.952 86.3362 35.9065C87.5442 35.9364 88.743 35.6893 89.8407 35.1843C90.9113 34.6372 91.8872 33.9219 92.731 33.0657L95.9344 35.9065C94.805 37.2441 93.4215 38.3446 91.8639 39.1444C90.1043 39.9919 88.1683 40.4086 86.2157 40.3602ZM91.623 26.2648C91.5332 25.4399 91.3348 24.6304 91.0329 23.8574C90.7621 23.1245 90.3533 22.4504 89.8286 21.8713C89.3163 21.3137 88.6982 20.8636 88.0101 20.5472C86.9196 20.0664 85.7097 19.9241 84.5372 20.1387C83.3648 20.3533 82.2839 20.915 81.4346 21.7509C80.294 22.9989 79.5884 24.5825 79.4235 26.2648H91.623Z"
            fill="white" />
        <path
            d="M115.721 39.8186V36.8936C114.848 37.8865 113.794 38.7036 112.614 39.301C111.184 39.9984 109.605 40.3372 108.014 40.288C106.918 40.3021 105.826 40.152 104.774 39.8426C103.798 39.5515 102.887 39.0777 102.089 38.4463C101.316 37.8074 100.687 37.0114 100.246 36.1112C99.763 35.127 99.5235 34.0413 99.5475 32.9454V32.8491C99.5199 31.6613 99.7672 30.4831 100.27 29.4065C100.739 28.4589 101.424 27.6344 102.269 26.9991C103.193 26.3285 104.235 25.8384 105.34 25.5547C106.595 25.233 107.886 25.0752 109.182 25.0852C110.412 25.0701 111.641 25.1627 112.855 25.3621C113.836 25.5377 114.806 25.7749 115.757 26.0723V25.6389C115.805 24.9365 115.695 24.2323 115.434 23.5781C115.174 22.924 114.77 22.3366 114.252 21.8593C113.009 20.911 111.465 20.4449 109.904 20.5473C108.688 20.5341 107.474 20.6716 106.292 20.9565C105.205 21.2453 104.138 21.6073 103.1 22.0399L101.607 17.6704C102.916 17.0735 104.274 16.5902 105.665 16.226C107.305 15.8287 108.988 15.6347 110.675 15.6482C114.216 15.6482 116.841 16.5229 118.551 18.2723C119.448 19.2773 120.137 20.4501 120.577 21.7228C121.017 22.9956 121.201 24.343 121.117 25.6871V39.7704L115.721 39.8186ZM115.854 29.876C115.075 29.572 114.268 29.3462 113.445 29.2019C112.457 29.0148 111.453 28.9221 110.446 28.925C109.045 28.8479 107.652 29.1917 106.448 29.9121C105.994 30.2006 105.622 30.6016 105.369 31.0762C105.116 31.5507 104.99 32.0827 105.003 32.6204V32.7047C104.979 33.2173 105.089 33.7273 105.321 34.185C105.553 34.6427 105.9 35.0326 106.328 35.3167C107.299 35.942 108.437 36.257 109.591 36.2195C110.44 36.2273 111.285 36.1055 112.096 35.8584C112.795 35.6529 113.455 35.3314 114.047 34.9074C114.605 34.4885 115.062 33.9496 115.384 33.3306C115.701 32.6957 115.863 31.9941 115.854 31.2843V29.876Z"
            fill="white" />
        <path
            d="M126.259 6.95743H131.75V26.5898L141.614 16.0574H148.237L138.771 25.6871L148.55 39.7704H142.24L135.086 29.5028L131.75 32.9695V39.7704H126.259V6.95743Z"
            fill="white" />
        <path
            d="M162.015 40.3602C160.365 40.3768 158.729 40.0701 157.198 39.4574C155.738 38.8872 154.411 38.0236 153.298 36.9201C152.186 35.8165 151.312 34.4965 150.73 33.0417C150.089 31.4468 149.77 29.7409 149.791 28.0222V27.938C149.775 26.2939 150.065 24.6611 150.646 23.1232C151.186 21.6639 152.004 20.3231 153.055 19.175C154.069 18.0583 155.297 17.1576 156.668 16.5269C158.135 15.8642 159.73 15.5313 161.34 15.5519C163.059 15.5161 164.764 15.87 166.326 16.587C167.702 17.2445 168.915 18.1981 169.879 19.3796C170.85 20.5891 171.578 21.9747 172.023 23.4602C172.51 25.039 172.754 26.6829 172.745 28.3352C172.745 28.5759 172.745 28.8287 172.745 29.0815C172.745 29.3343 172.745 29.5991 172.673 29.8759H155.259C155.442 31.6076 156.272 33.2065 157.583 34.3537C158.855 35.4005 160.464 35.952 162.111 35.9065C163.319 35.9364 164.518 35.6893 165.616 35.1843C166.72 34.6461 167.729 33.9304 168.602 33.0658L171.806 35.9065C170.674 37.2468 169.286 38.3476 167.723 39.1445C165.947 40.0045 163.988 40.4216 162.015 40.3602ZM167.398 26.2648C167.308 25.4399 167.11 24.6304 166.808 23.8574C166.537 23.1246 166.128 22.4504 165.604 21.8713C165.099 21.2834 164.481 20.8042 163.785 20.463C163.029 20.121 162.206 19.9524 161.377 19.9695C160.599 19.9468 159.825 20.0897 159.107 20.3885C158.388 20.6873 157.742 21.1353 157.21 21.7028C156.069 22.9508 155.363 24.5344 155.198 26.2167L167.398 26.2648Z"
            fill="white" />
        <path
            d="M177.032 16.0574H182.524V21.4139C183.191 19.719 184.291 18.2288 185.715 17.0926C187.208 16.0073 189.042 15.4946 190.882 15.6481V21.4139H190.569C189.446 21.3992 188.331 21.5952 187.281 21.9916C186.305 22.3773 185.428 22.978 184.716 23.749C183.961 24.5864 183.394 25.5755 183.054 26.65C182.637 27.9817 182.438 29.3717 182.464 30.7666V39.8185H177.032V16.0574Z"
            fill="white" />
        <path
            d="M201.925 17.7426L190.376 29.2861L201.925 25.7713L210.933 35.8945L211.499 22.6417L223.482 17.7426L211.74 12.8315L210.271 0.325012L202.66 9.88242L190.376 7.6676L201.925 17.7426Z"
            fill="#FFC00E" />
        <path
            d="M100.344 48.5078H106.047V50.6406H102.508V52.7266H106.047V54.8281H102.508V60H100.344V48.5078ZM107.266 51.5H109.094V52.5703C109.292 52.1484 109.555 51.8281 109.883 51.6094C110.211 51.3906 110.57 51.2812 110.961 51.2812C111.237 51.2812 111.526 51.3542 111.828 51.5L111.164 53.3359C110.914 53.2109 110.708 53.1484 110.547 53.1484C110.219 53.1484 109.94 53.3516 109.711 53.7578C109.487 54.1641 109.375 54.9609 109.375 56.1484L109.383 56.5625V60H107.266V51.5ZM116.883 51.2812C117.685 51.2812 118.438 51.4818 119.141 51.8828C119.849 52.2839 120.401 52.8281 120.797 53.5156C121.193 54.2031 121.391 54.9453 121.391 55.7422C121.391 56.5443 121.19 57.2943 120.789 57.9922C120.393 58.6901 119.852 59.237 119.164 59.6328C118.477 60.0234 117.719 60.2188 116.891 60.2188C115.672 60.2188 114.63 59.7865 113.766 58.9219C112.906 58.0521 112.477 56.9974 112.477 55.7578C112.477 54.4297 112.964 53.3229 113.938 52.4375C114.792 51.6667 115.773 51.2812 116.883 51.2812ZM116.914 53.2891C116.253 53.2891 115.701 53.5208 115.258 53.9844C114.82 54.4427 114.602 55.0312 114.602 55.75C114.602 56.4896 114.818 57.0885 115.25 57.5469C115.688 58.0052 116.24 58.2344 116.906 58.2344C117.573 58.2344 118.128 58.0026 118.57 57.5391C119.013 57.0755 119.234 56.4792 119.234 55.75C119.234 55.0208 119.016 54.4297 118.578 53.9766C118.146 53.5182 117.591 53.2891 116.914 53.2891ZM123.125 51.5H125.266V52.4766C125.63 52.0755 126.034 51.776 126.477 51.5781C126.924 51.3802 127.411 51.2812 127.938 51.2812C128.469 51.2812 128.948 51.4115 129.375 51.6719C129.802 51.9323 130.146 52.3125 130.406 52.8125C130.745 52.3125 131.159 51.9323 131.648 51.6719C132.143 51.4115 132.682 51.2812 133.266 51.2812C133.87 51.2812 134.401 51.4219 134.859 51.7031C135.318 51.9844 135.646 52.3516 135.844 52.8047C136.047 53.2578 136.148 53.9948 136.148 55.0156V60H134V55.6875C134 54.724 133.88 54.0729 133.641 53.7344C133.401 53.3906 133.042 53.2188 132.562 53.2188C132.198 53.2188 131.87 53.3229 131.578 53.5312C131.292 53.7396 131.078 54.0286 130.938 54.3984C130.797 54.763 130.727 55.3516 130.727 56.1641V60H128.578V55.8828C128.578 55.1224 128.521 54.5729 128.406 54.2344C128.297 53.8906 128.13 53.6354 127.906 53.4688C127.682 53.3021 127.411 53.2188 127.094 53.2188C126.74 53.2188 126.417 53.3255 126.125 53.5391C125.839 53.7474 125.622 54.0417 125.477 54.4219C125.336 54.8021 125.266 55.401 125.266 56.2188V60H123.125V51.5Z"
            fill="white" />
        <path
            d="M164.413 50.6603V60.705H161.933V50.6603H164.413ZM163.173 47C163.976 47 164.64 47.6594 164.64 48.4573C164.64 49.2551 163.976 49.9144 163.173 49.9144C162.37 49.9144 161.706 49.2551 161.706 48.4573C161.706 47.6594 162.37 47 163.173 47Z"
            fill="white" />
        <path
            d="M173.46 60.705V55.275H168.133V60.705H165.652V47.6939H168.133V53.0894H173.46V47.6939H175.941V60.705H173.46Z"
            fill="white" />
        <path
            d="M185.091 54.7026C184.846 53.4883 183.833 52.4476 182.313 52.4476C180.812 52.4476 179.728 53.4883 179.484 54.7026H185.091ZM187.606 56.7673H179.449C179.711 57.8776 180.864 58.8664 182.279 58.8664C183.327 58.8664 184.148 58.3109 184.549 57.6866H187.24C186.524 59.7163 184.532 61 182.279 61C179.257 61 176.794 58.7099 176.794 55.674C176.794 52.638 179.274 50.3653 182.313 50.3653C185.301 50.3653 187.746 52.7074 187.746 55.674C187.746 56.0559 187.694 56.3853 187.606 56.7673Z"
            fill="white" />
        <path
            d="M193.996 52.586C192.285 52.586 190.905 53.9912 190.905 55.674C190.905 57.3741 192.285 58.7794 193.996 58.7794C195.725 58.7794 197.088 57.3741 197.088 55.674C197.088 53.9912 195.725 52.586 193.996 52.586ZM197.088 59.0918H197.053C196.494 60.0287 195.376 61 193.682 61C190.73 61 188.319 58.7274 188.319 55.674C188.319 52.638 190.73 50.3653 193.682 50.3653C195.271 50.3653 196.355 51.1807 197.053 52.1176H197.088V50.6603H199.568V60.705H197.088V59.0918Z"
            fill="white" />
        <path
            d="M200.7 50.6603H203.181V52.0481H203.216C203.74 51.1638 204.491 50.3653 205.784 50.3653H206.028V52.8634H205.417C204.229 52.8634 203.269 53.7833 203.181 54.9456V60.705H200.7V50.6603Z"
            fill="white" />
        <path
            d="M206.882 52.638V50.6603H207.791V48.3877H210.271V50.6603H212V52.638H210.271V57.912C210.271 58.259 210.551 58.5195 210.865 58.5195H212V60.705H210.865C209.048 60.705 207.791 59.5603 207.791 57.7386V52.638H206.882Z"
            fill="white" />
        <path
            d="M157.731 51.8262C157.731 53.2408 156.961 54.6353 155.444 55.9716C155.377 56.0305 155.293 56.0593 155.21 56.0593C155.113 56.0593 155.016 56.0198 154.946 55.9416C154.817 55.7972 154.831 55.5761 154.977 55.4477C156.337 54.2505 157.027 53.0319 157.027 51.8262V51.8093C157.027 50.8305 156.409 49.6785 155.62 49.187C155.455 49.0843 155.405 48.8683 155.509 48.7049C155.612 48.5411 155.829 48.4918 155.994 48.5941C156.984 49.2114 157.731 50.5937 157.731 51.8093V51.8262ZM153.16 54.778C153.105 54.8082 153.047 54.8225 152.988 54.8225C152.865 54.8225 152.745 54.758 152.68 54.6437C152.585 54.4751 152.646 54.2617 152.816 54.1676C153.631 53.7141 154.18 52.8327 154.182 51.9724C154.18 51.1818 153.741 50.4623 153.035 50.0934C152.863 50.0034 152.797 49.792 152.887 49.621C152.978 49.4501 153.191 49.3843 153.363 49.4742C154.3 49.9633 154.882 50.9178 154.886 51.9674V51.978C154.882 53.0816 154.189 54.2056 153.16 54.778ZM150.332 53.7501C149.488 53.7496 148.804 53.0701 148.804 52.2319C148.804 51.3936 149.488 50.714 150.332 50.7136C151.176 50.714 151.86 51.3936 151.86 52.2319C151.86 53.0701 151.176 53.7496 150.332 53.7501ZM147.983 54.6437C147.919 54.758 147.799 54.8225 147.676 54.8225C147.617 54.8225 147.558 54.8082 147.504 54.778C146.475 54.2056 145.782 53.0816 145.777 51.978V51.9674C145.781 50.9178 146.364 49.9633 147.3 49.4742C147.473 49.3843 147.685 49.4501 147.776 49.621C147.867 49.792 147.801 50.0034 147.628 50.0934C146.923 50.4623 146.484 51.1818 146.482 51.9724C146.484 52.8327 147.032 53.7141 147.848 54.1676C148.018 54.2617 148.078 54.4751 147.983 54.6437ZM145.717 55.9416C145.647 56.0198 145.55 56.0593 145.453 56.0593C145.37 56.0593 145.287 56.0305 145.22 55.9716C143.702 54.6353 142.932 53.2408 142.932 51.8262V51.8093C142.932 50.5937 143.679 49.2114 144.669 48.5941C144.834 48.4918 145.052 48.5411 145.155 48.7049C145.258 48.8683 145.209 49.0843 145.044 49.187C144.255 49.6785 143.637 50.8305 143.637 51.8093V51.8262C143.637 53.0319 144.326 54.2505 145.687 55.4477C145.833 55.5761 145.846 55.7972 145.717 55.9416ZM154.58 47C152.818 47 151.243 47.9274 150.332 49.2815C149.42 47.9274 147.846 47 146.083 47C143.275 47 141 49.2597 141 52.0486C141 53.818 142.128 55.0936 143.307 56.2741L147.916 60.6015C148.157 60.8283 148.554 60.6582 148.554 60.3282V56.9565C148.554 55.9811 149.35 55.1902 150.332 55.1886C151.314 55.1902 152.109 55.9811 152.109 56.9565V60.3282C152.109 60.6582 152.506 60.8283 152.748 60.6015L157.356 56.2741C158.535 55.0936 159.663 53.818 159.663 52.0486C159.663 49.2597 157.388 47 154.58 47Z"
            fill="#C6002B" />
    </svg>

</div>

</span>
    
    <div
        x-on:click.away="open = false"
        x-show="open"
        x-transition
        x-anchor.bottom-start="$refs.trigger"
        class="z-10 my-2 origin-top-right rounded-2xl bg-white dark:bg-neutral-600 drop-shadow-lg ring-1 ring-neutral-200 dark:ring-neutral-600 focus:outline-none min-w-72" position="right">
        <div class="py-2">
                            <div class="mx-2 rounded-lg px-4 text-neutral-700 hover:bg-neutral-50 hover:text-neutral-950 dark:text-neutral-100 hover:dark:bg-neutral-950 hover:dark:text-neutral-50">
            <a href="https://www.spreaker.com/login?redirect=https%3A%2F%2Fwww.spreaker.com"
                                    rel="nofollow" class="flex w-full items-center gap-x-2 py-2.5">
                            <svg class="w-5 h-5 inline flex-shrink-0 flex-grow-0" data-icon-type="outline" width="24" height="24" viewBox="0 0 24 24" fill="currentColor"
    xmlns="http://www.w3.org/2000/svg" stroke="none">
    <path fill-rule="evenodd" clip-rule="evenodd"
        d="M4.98085 17.6343C3.56335 16.2168 3.56335 13.9185 4.98085 12.501C6.17581 11.3061 7.99894 11.1175 9.39104 11.9397L10.0585 12.3339L16.9643 5.4281H19.6422L19.6422 7.52024L17.6185 7.52024C16.9282 7.52024 16.3685 8.07989 16.3685 8.77024L16.3685 10.794L14.1984 10.794C13.8668 10.794 13.5489 10.9257 13.3145 11.1601L10.9051 13.5695L11.0539 14.1267C11.3781 15.3406 11.0632 16.6851 10.1141 17.6343C8.69656 19.0518 6.39834 19.0518 4.98085 17.6343ZM3.56663 11.0868C1.36809 13.2854 1.36809 16.8499 3.56663 19.0485C5.76518 21.247 9.32973 21.247 11.5283 19.0485C12.8514 17.7254 13.3772 15.908 13.1092 14.1938L14.509 12.794L17.1185 12.794C17.8089 12.794 18.3685 12.2343 18.3685 11.544L18.3685 9.52024L20.3922 9.52024C21.0826 9.52025 21.6422 8.96059 21.6422 8.27024V4.6781C21.6422 3.98775 21.0826 3.4281 20.3922 3.4281H16.6536C16.3221 3.4281 16.0042 3.5598 15.7698 3.79422L9.69969 9.86429C7.65993 9.0216 5.2254 9.42806 3.56663 11.0868ZM8.80765 16.3277C9.50357 15.6318 9.50357 14.5035 8.80765 13.8076C8.11174 13.1117 6.98344 13.1117 6.28753 13.8076C5.59161 14.5035 5.59161 15.6318 6.28753 16.3277C6.98344 17.0236 8.11174 17.0236 8.80765 16.3277Z" />
</svg>

<span class="flex-1 text-sm">Login</span>

</a>
    
</div>
        <div class="mx-2 rounded-lg px-4 text-neutral-700 hover:bg-neutral-50 hover:text-neutral-950 dark:text-neutral-100 hover:dark:bg-neutral-950 hover:dark:text-neutral-50">
            <a href="https://www.spreaker.com/signup?redirect=https%3A%2F%2Fwww.spreaker.com"
                                    rel="nofollow" class="flex w-full items-center gap-x-2 py-2.5">
                            <svg class="w-5 h-5 inline flex-shrink-0 flex-grow-0" data-icon-type="outline" width="24" height="24" viewBox="0 0 24 24" fill="currentColor"
    xmlns="http://www.w3.org/2000/svg" stroke="none">
    <path fill-rule="evenodd" clip-rule="evenodd"
        d="M12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20ZM12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22ZM12 7C12.5523 7 13 7.44772 13 8V11H16C16.5523 11 17 11.4477 17 12C17 12.5523 16.5523 13 16 13H13V16C13 16.5523 12.5523 17 12 17C11.4477 17 11 16.5523 11 16V13H8C7.44771 13 7 12.5523 7 12C7 11.4477 7.44771 11 8 11H11V8C11 7.44772 11.4477 7 12 7Z" />
</svg>

</a>
    
</div>
    
    
    <div class="md:hidden">
        <div class="mx-2 rounded-lg px-4 text-neutral-700 hover:bg-neutral-50 hover:text-neutral-950 dark:text-neutral-100 hover:dark:bg-neutral-950 hover:dark:text-neutral-50">
            <a href="https://www.spreaker.com/prime"
             wire:navigate                         class="flex w-full items-center gap-x-2 py-2.5">
                            <svg class="w-5 h-5 inline flex-shrink-0 flex-grow-0" data-icon-type="outline" width="24" height="24" viewBox="0 0 24 24" fill="currentColor"
    xmlns="http://www.w3.org/2000/svg" stroke="none">
    <path fill-rule="evenodd" clip-rule="evenodd"
        d="M12.0032 4C12.3866 4.00029 12.736 4.21967 12.9028 4.56479L16.167 11.3174L20.2352 6.48865C20.5058 6.16742 20.9484 6.04955 21.3429 6.19361C21.7375 6.33766 22 6.71292 22 7.13296V16.7012C22 16.7917 21.9877 16.8817 21.9635 16.9689C21.5425 18.4844 20.1712 19.5187 18.6116 19.5187H5.3783C3.81878 19.5187 2.44745 18.4844 2.02647 16.9689C2.00226 16.8817 1.98999 16.7917 1.98999 16.7012V7.13296C1.98999 6.71292 2.25248 6.33766 2.64703 6.19361C3.04159 6.04955 3.48412 6.16742 3.75475 6.48865L7.82459 11.3193L11.1028 4.56344C11.2702 4.21857 11.6199 3.99971 12.0032 4ZM12.0008 7.29418L8.95168 13.5778C8.80385 13.8825 8.51189 14.0916 8.17587 14.1336C7.83985 14.1755 7.50543 14.0446 7.28725 13.7856L3.98999 9.87194V16.5474C4.20315 17.1318 4.7544 17.5187 5.3783 17.5187H18.6116C19.2356 17.5187 19.7868 17.1318 20 16.5474V9.87194L16.7027 13.7856C16.4844 14.0448 16.1496 14.1757 15.8133 14.1335C15.4771 14.0913 15.1851 13.8816 15.0376 13.5765L12.0008 7.29418Z" />
</svg>

<span class="flex-1 text-sm">Prime Network</span>

</a>
    
</div>
        <div class="mx-2 rounded-lg px-4 text-neutral-700 hover:bg-neutral-50 hover:text-neutral-950 dark:text-neutral-100 hover:dark:bg-neutral-950 hover:dark:text-neutral-50">
            <a href="https://www.spreaker.com/our-platform"
             wire:navigate                         class="flex w-full items-center gap-x-2 py-2.5">
                            <svg class="w-5 h-5 inline flex-shrink-0 flex-grow-0" data-icon-type="outline" width="24" height="24" viewBox="0 0 24 24" fill="currentColor"
    xmlns="http://www.w3.org/2000/svg">
    <path fill-rule="evenodd" clip-rule="evenodd"
        d="M13.4726 1.3166C14.3032 0.27316 15.9804 0.751264 16.136 2.07578L16.8308 7.99153L22.3918 10.3188C23.6251 10.8349 23.618 12.5847 22.3806 13.0909L16.7291 15.4025L16.4614 21.6759C16.404 23.0226 14.7377 23.616 13.842 22.6089L9.55315 17.7868L4.98276 19.1783C3.48881 19.6332 2.38092 17.7869 3.48523 16.6826L8.41074 11.7575L3.48365 7.45748C2.33664 6.45645 3.23802 4.58093 4.73622 4.85116L9.91566 5.78539L13.4726 1.3166ZM14.2897 3.50154L11.2945 7.26461C10.9508 7.69642 10.3977 7.90461 9.85459 7.80664L6.1623 7.14066L10.129 10.6025C10.7833 11.1736 10.8175 12.1793 10.2033 12.7933L6.3141 16.6823L9.277 15.7802C9.83724 15.6096 10.4455 15.7807 10.8347 16.2183L14.5159 20.3572L14.7446 14.9971C14.7696 14.4117 15.1331 13.8945 15.6754 13.6727L20.505 11.6972L15.7892 9.7237C15.2898 9.51467 14.9417 9.0527 14.8785 8.51496L14.2897 3.50154Z" />
</svg>

<span class="flex-1 text-sm">Our Platform</span>

</a>
    
</div>
        <div class="mx-2 rounded-lg px-4 text-neutral-700 hover:bg-neutral-50 hover:text-neutral-950 dark:text-neutral-100 hover:dark:bg-neutral-950 hover:dark:text-neutral-50">
            <a href="https://www.spreaker.com/podcast-app"
             wire:navigate                         class="flex w-full items-center gap-x-2 py-2.5">
                            <svg class="w-5 h-5 inline flex-shrink-0 flex-grow-0" data-icon-type="outline" width="24" height="24" viewBox="0 0 24 24" fill="currentColor"
    xmlns="http://www.w3.org/2000/svg" stroke="none">
    <path fill-rule="evenodd" clip-rule="evenodd"
        d="M11.9872 2C11.9872 1.44772 11.5395 1 10.9872 1C10.4349 1 9.98721 1.44772 9.98721 2V2.15855C7.41508 2.58395 5.9058 3.76536 5.20738 4.46379C1.69797 7.9732 1.60033 13.6024 4.91448 17.2298L4.91448 20.6175C4.91448 21.1697 5.3622 21.6175 5.91448 21.6175C6.46677 21.6175 6.91448 21.1697 6.91448 20.6175L6.91448 16.4148L6.62159 16.122C3.7928 13.2932 3.7928 8.70679 6.62159 5.878C7.05344 5.44615 8.0982 4.57812 9.98721 4.19235V6.10002C7.70496 6.56329 5.98721 8.58104 5.98721 11C5.98721 13.7614 8.22578 16 10.9872 16C13.7486 16 15.9872 13.7614 15.9872 11C15.9872 8.58104 14.2694 6.56329 11.9872 6.10002V4C15.818 4 18.9872 7.23586 18.9872 11.3077V16.2308H15.9872C15.4349 16.2308 14.9872 16.6785 14.9872 17.2308V21C14.9872 21.5523 15.4349 22 15.9872 22C16.5395 22 16.9872 21.5523 16.9872 21V18.2308H19.9872C20.5395 18.2308 20.9872 17.7831 20.9872 17.2308V11.3077C20.9872 6.20474 16.9956 2.00269 11.992 1.99999L11.9872 2ZM10.9872 8C9.33035 8 7.98721 9.34315 7.98721 11C7.98721 12.6569 9.33035 14 10.9872 14C12.6441 14 13.9872 12.6569 13.9872 11C13.9872 9.34315 12.6441 8 10.9872 8Z" />
</svg>

<span class="flex-1 text-sm">Podcasts App</span>

<span class="flex-1 text-sm">Spreaker Create</span>

<span class="flex-1 text-sm">Product News</span>

<div>
    <div class="my-1 px-6 text-xs text-neutral-500 dark:text-neutral-400">
        Settings
    </div>
    <div x-on:click="dark=!dark; SP.MetaTheme.changed(dark);" x-cloak class="cursor-pointer">
            <div class="mx-2 rounded-lg px-4 text-neutral-700 hover:bg-neutral-50 hover:text-neutral-950 dark:text-neutral-100 hover:dark:bg-neutral-950 hover:dark:text-neutral-50">
            <div class="flex w-full items-center gap-x-2 py-2.5" x-show="!dark">
                            <svg class="w-5 h-5 inline" data-icon-type="outline" width="24" height="24" viewBox="0 0 24 24" fill="currentColor"
    xmlns="http://www.w3.org/2000/svg" stroke="none">
    <path fill-rule="evenodd" clip-rule="evenodd"
        d="M12 6C11.4477 6 11 5.55228 11 5V2C11 1.44772 11.4477 1 12 1C12.5523 1 13 1.44772 13 2V5C13 5.55228 12.5523 6 12 6ZM12 15C13.6569 15 15 13.6569 15 12C15 10.3431 13.6569 9 12 9C10.3431 9 9 10.3431 9 12C9 13.6569 10.3431 15 12 15ZM12 17C14.7614 17 17 14.7614 17 12C17 9.23858 14.7614 7 12 7C9.23858 7 7 9.23858 7 12C7 14.7614 9.23858 17 12 17ZM11 22C11 22.5523 11.4477 23 12 23C12.5523 23 13 22.5523 13 22V19C13 18.4477 12.5523 18 12 18C11.4477 18 11 18.4477 11 19V22ZM16.2426 7.7574C15.8521 7.36688 15.8521 6.73371 16.2426 6.34319L18.3639 4.22187C18.7544 3.83134 19.3876 3.83134 19.7781 4.22187C20.1687 4.61239 20.1687 5.24555 19.7781 5.63608L17.6568 7.7574C17.2663 8.14792 16.6331 8.14792 16.2426 7.7574ZM4.22185 18.3639C3.83132 18.7545 3.83132 19.3876 4.22185 19.7782C4.61237 20.1687 5.24554 20.1687 5.63606 19.7782L7.75738 17.6568C8.14791 17.2663 8.14791 16.6331 7.75738 16.2426C7.36686 15.8521 6.73369 15.8521 6.34317 16.2426L4.22185 18.3639ZM18 12C18 11.4477 18.4477 11 19 11H22C22.5523 11 23 11.4477 23 12C23 12.5523 22.5523 13 22 13H19C18.4477 13 18 12.5523 18 12ZM2 11C1.44772 11 1 11.4477 1 12C1 12.5523 1.44772 13 2 13H5C5.55228 13 6 12.5523 6 12C6 11.4477 5.55228 11 5 11H2ZM16.2426 16.2426C16.6331 15.8521 17.2663 15.8521 17.6568 16.2426L19.7781 18.3639C20.1687 18.7544 20.1687 19.3876 19.7781 19.7781C19.3876 20.1687 18.7544 20.1687 18.3639 19.7781L16.2426 17.6568C15.8521 17.2663 15.8521 16.6331 16.2426 16.2426ZM5.63606 4.22185C5.24554 3.83132 4.61237 3.83132 4.22185 4.22185C3.83132 4.61237 3.83132 5.24554 4.22185 5.63606L6.34317 7.75738C6.73369 8.14791 7.36686 8.14791 7.75738 7.75738C8.14791 7.36686 8.14791 6.73369 7.75738 6.34317L5.63606 4.22185Z" />
</svg>

<div class="flex-1 text-sm">Light Theme</div>

<div class="flex-1 text-sm">Dark Theme</div>

<h2
        class="text-2xl sm:text-2xl md:text-2xl lg:text-2xl xl:text-3xl 2xl:text-3xl font-bold text-neutral-950 dark:text-white break-anywhere">
        Trending on Spreaker
    </h2>

<div class="mt-1 line-clamp-2 w-40 text-sm font-semibold md:w-52">CreepsMcPasta Creepypasta Radio
            </div>
    </div>

</a>

<div class="mt-1 line-clamp-2 w-40 text-sm font-semibold md:w-52">Scary Interesting Podcast
            </div>
    </div>

</a>

<div class="mt-1 line-clamp-2 w-40 text-sm font-semibold md:w-52">El Shot de la Octava Sports
            </div>
    </div>

</a>

<div class="px-2 py-1 rounded-lg bg-yellow-200 text-yellow-950 dark:bg-yellow-600 dark:text-yellow-100 inline-block font-semibold text-xs absolute right-3 top-3">
            <svg class="inline-block" data-icon-type="outline" width="16" height="16" viewBox="0 0 16 16" fill="currentColor"
    xmlns="http://www.w3.org/2000/svg" stroke="none">
    <path fill-rule="evenodd" clip-rule="evenodd"
        d="M8.00056 2.25C8.28805 2.25022 8.55012 2.41475 8.67525 2.67359L10.7918 7.05207L13.4164 3.93677C13.6194 3.69585 13.9513 3.60745 14.2472 3.71549C14.5431 3.82353 14.74 4.10497 14.74 4.42V10.79C14.74 10.8578 14.7308 10.9254 14.7126 10.9907C14.4222 12.0362 13.476 12.75 12.4 12.75H3.59C2.51402 12.75 1.56778 12.0362 1.27736 10.9907C1.2592 10.9254 1.25 10.8578 1.25 10.79V4.42C1.25 4.10497 1.44686 3.82353 1.74278 3.71549C2.0387 3.60745 2.3706 3.69585 2.57357 3.93677L5.19944 7.05352L7.32524 2.67258C7.45075 2.41393 7.71307 2.24979 8.00056 2.25ZM7.99871 4.72063L6.04476 8.74742C5.93388 8.97591 5.71491 9.13277 5.46289 9.16423C5.21088 9.19568 4.96006 9.09746 4.79643 8.90323L2.75 6.47424V10.6723C2.88337 11.0207 3.21504 11.25 3.59 11.25H12.4C12.775 11.25 13.1066 11.0207 13.24 10.6723V6.47424L11.1936 8.90323C11.0298 9.09761 10.7787 9.19582 10.5266 9.16416C10.2744 9.13249 10.0554 8.97525 9.94475 8.74641L7.99871 4.72063Z" />
</svg>
    
    
</div>
            
            <div class="mt-1 line-clamp-2 w-40 text-sm font-semibold md:w-52">Reddit Stories
            </div>
    </div>

</a>

<div class="mt-1 line-clamp-2 w-40 text-sm font-semibold md:w-52">Sword and Scale
            </div>
    </div>

</a>

<div class="mt-1 line-clamp-2 w-40 text-sm font-semibold md:w-52">Hermanos de Leche
            </div>
    </div>

</a>

</a>

<div class="mt-1 line-clamp-2 w-40 text-sm font-semibold md:w-52">The Great Detectives of Old Time Radio| Daily Mystery Dramas
            </div>
    </div>

</a>

<div class="mt-1 line-clamp-2 w-40 text-sm font-semibold md:w-52">Secondhand Therapy
            </div>
    </div>

</a>

</a>

<div class="mt-1 line-clamp-2 w-40 text-sm font-semibold md:w-52">Paranormal Mysteries
            </div>
    </div>

</a>

</a>

<div class="mt-1 line-clamp-2 w-40 text-sm font-semibold md:w-52">Honeybee Bedtime Stories
            </div>
    </div>

</a>

<div class="mt-1 line-clamp-2 w-40 text-sm font-semibold md:w-52">Bigfoot Society
            </div>
    </div>

</a>

<div class="mt-1 line-clamp-2 w-40 text-sm font-semibold md:w-52">Inside the Birds: A Philadelphia Eagles Podcast
            </div>
    </div>

</a>

</a>

<div class="mt-1 line-clamp-2 w-40 text-sm font-semibold md:w-52">7 Good Minutes
            </div>
    </div>

</a>

</a>

<div class="mt-1 line-clamp-2 w-40 text-sm font-semibold md:w-52">Southern Fried True Crime
            </div>
    </div>

</a>

</a>

</div>
        </div>
        
            <button
    class="items-center justify-center gap-1 rounded-full font-semibold active:outline-none active:ring-2 active:ring-offset-2 active:ring-offset-neutral-100 dark:active:ring-offset-neutral-900 active:ring-yellow-600 disabled:opacity-50 dark:disabled:opacity-40 disabled:cursor-not-allowed hover:transition hover:duration-100 bg-neutral-600 text-white hover:bg-neutral-700 border dark:bg-neutral-50 dark:text-black dark:hover:bg-white dark:border size-14 absolute left-10 top-[calc(50%-theme(spacing.8))] hidden scale-0 border-neutral-100 transition-all group-hover/scroller:scale-100 dark:border-neutral-900 md:block"
    type="button" class="items-center justify-center gap-1 rounded-full font-semibold active:outline-none active:ring-2 active:ring-offset-2 active:ring-offset-neutral-100 dark:active:ring-offset-neutral-900 active:ring-yellow-600 disabled:opacity-50 dark:disabled:opacity-40 disabled:cursor-not-allowed hover:transition hover:duration-100 bg-neutral-600 text-white hover:bg-neutral-700 border dark:bg-neutral-50 dark:text-black dark:hover:bg-white dark:border size-14 absolute left-10 top-[calc(50%-theme(spacing.8))] hidden scale-0 border-neutral-100 transition-all group-hover/scroller:scale-100 dark:border-neutral-900 md:block" aria-label="Scroll left" x-bind:class="{
                'md:hidden': !shouldDisplayLeftArrow && !shouldDisplayRightArrow,
                'md:opacity-40': !shouldDisplayLeftArrow,
                'cursor-not-allowed': !shouldDisplayLeftArrow
            }" x-on:click="scrollLeft()">

</div>
</div>
        
            <div class="flex-end mb-2 flex items-center justify-between">

<h2
        class="text-2xl sm:text-2xl md:text-2xl lg:text-2xl xl:text-3xl 2xl:text-3xl font-bold text-neutral-950 dark:text-white break-anywhere">
        Trending episodes today
    </h2>

</div>
                    <div class="mb-8" x-ref="scroller" x-data="{
    shouldDisplayLeftArrow: false,
    shouldDisplayRightArrow: false,
    init() {
        $nextTick(() => {
            this.updateArrows();
        })
    },
    canScrollLeft() {
        return this.$refs.scroll_content_container.scrollLeft !== 0;
    },
    canScrollRight() {
        return this.$refs.scroll_content_container.scrollLeft + this.$refs.scroll_container.offsetWidth < this.$refs.scroll_content_container.scrollWidth;
    },
    updateArrows() {
        this.shouldDisplayLeftArrow = this.canScrollLeft();
        this.shouldDisplayRightArrow = this.canScrollRight();
    },
    scrollLeft() {
        $refs.scroll_content_container.scrollLeft -= $refs.scroller.offsetWidth * 0.8;
    },
    scrollRight() {
        $refs.scroll_content_container.scrollLeft += $refs.scroller.offsetWidth * 0.8;
    }
}">
    
    <div class="-mx-4 lg:-mx-8 group/scroller relative" x-ref="scroll_container"
        x-on:mouseenter="updateArrows()">
        
        <div class="no-scrollbar overflow-x-scroll scroll-smooth"
            x-ref="scroll_content_container"
            x-on:scroll.passive="updateArrows()">
            <div class="mt-2 flex w-min gap-3 px-4 lg:px-8">
                                            <div x-data="{
                            amplitude_context: {
                                ...amplitude_context,
                                section: 'top_episodes'                            }
                        }">
                            <div class="h-full" x-data="{ episode: JSON.parse('{\u0022image_url\u0022:\u0022https:\\\/\\\/d3wo5wojvuv7l.cloudfront.net\\\/t_square_limited_160\\\/images.spreaker.com\\\/original\\\/d39db23129ea20d0587d814b9667d9c0.jpg\u0022,\u0022image_original_url\u0022:\u0022https:\\\/\\\/d3wo5wojvuv7l.cloudfront.net\\\/images.spreaker.com\\\/original\\\/d39db23129ea20d0587d814b9667d9c0.jpg\u0022,\u0022episode_id\u0022:66812887,\u0022title\u0022:\u0022Broadway\\u0027s My Beat: The Harry Brett Murder Case (EP4745)\u0022,\u0022duration\u0022:2068040,\u0022playback_url\u0022:\u0022https:\\\/\\\/api.spreaker.com\\\/v2\\\/episodes\\\/66812887\\\/play.mp3\u0022,\u0022show\u0022:{\u0022show_id\u0022:4607052,\u0022title\u0022:\u0022The Great Detectives of Old Time Radio| Daily Mystery Dramas\u0022},\u0022progress\u0022:null,\u0022completed_at\u0022:null}') }" x-init="$store.audio.updateEpisode(episode)">
    
                <div class="rounded-2xl bg-white dark:bg-neutral-800 p-4 flex h-full flex-col justify-between dark:text-neutral-200">
        <div class="flex w-52 flex-row-reverse justify-end gap-3 md:w-80 md:flex-row md:justify-between">
                
                <div>
                    <div class="hidden md:block">
                        <a
                            wire:navigate
                            class="text-md mb-1 line-clamp-3 max-w-64 cursor-pointer font-semibold hover:underline"
                            href="https://www.spreaker.com/episode/broadway-s-my-beat-the-harry-brett-murder-case-ep4745--66812887">
                            Broadway&#039;s My Beat: The Harry Brett Murder Case (EP4745)
                        </a>
                    </div>
                    <a
                        wire:navigate
                        class="line-clamp-2 cursor-pointer text-xs font-semibold text-neutral-400 hover:underline"
                        href="https://www.spreaker.com/podcast/the-great-detectives-of-old-time-radio-daily-mystery-dramas--4607052">
                        The Great Detectives of Old Time Radio| Daily Mystery Dramas
                    </a>
                </div>
                
                <div class="group relative shrink-0">
                        <img src="https://d3wo5wojvuv7l.cloudfront.net/t_square_limited_160/images.spreaker.com/original/d39db23129ea20d0587d814b9667d9c0.jpg" alt="Broadway&#039;s My Beat: The Harry Brett Murder Case (EP4745)" class="w-12 h-12 rounded-lg aspect-square object-cover" loading="lazy" />

</div>
            </div>
            
            <div class="my-2 h-16 max-w-52 md:hidden">
                <a
                    wire:navigate
                    class="line-clamp-3 w-fit cursor-pointer text-sm font-semibold hover:underline"
                    href="https://www.spreaker.com/episode/broadway-s-my-beat-the-harry-brett-murder-case-ep4745--66812887">
                    Broadway&#039;s My Beat: The Harry Brett Murder Case (EP4745)
                </a>
            </div>

<div class="pr-0.5" role="status">
    <svg
        class="animate-spin fill-neutral-400 text-neutral-50  dark:text-neutral-900 size-3 "
        aria-hidden="true"
        viewBox="0 0 100 101"
        fill="none"
        xmlns="http://www.w3.org/2000/svg">
        <path
            d="M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z"
            fill="currentColor" />
        <path
            d="M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z"
            fill="currentFill" />
    </svg>
</div>
 Loading
    
</button>

</span>

<div class="flex items-center gap-2">
    <div class="flex items-center gap-1 text-xs text-neutral-500">
        <span class="flex items-center gap-1" x-show="$store.audio.getEpisodeCompleted(episode)">
            <svg class="dark:text-white text-neutral-500" data-icon-type="outline" width="16" height="16" viewBox="0 0 16 16" fill="currentColor"
    xmlns="http://www.w3.org/2000/svg" stroke="none">
    <path fill-rule="evenodd" clip-rule="evenodd"
        d="M14.5303 3.46967C14.8232 3.76256 14.8232 4.23744 14.5303 4.53033L7.23744 11.8232C6.55402 12.5066 5.44598 12.5066 4.76256 11.8232L1.46967 8.53033C1.17678 8.23744 1.17678 7.76256 1.46967 7.46967C1.76256 7.17678 2.23744 7.17678 2.53033 7.46967L5.82322 10.7626C5.92085 10.8602 6.07914 10.8602 6.17678 10.7626L13.4697 3.46967C13.7626 3.17678 14.2374 3.17678 14.5303 3.46967Z" />
</svg>
            Played
        </span>
        <span x-show="$store.audio.displayEpisodeDuration(episode)"
            :class="$store.audio.getEpisodeCompleted(episode) && true ? 'md:flex hidden' : ''">34m 28s</span>
    </div>
</div>
                </div>
                
                <div x-data="{ open: false }" class="relative inline-block text-left">
    <span x-ref="trigger"
        x-on:click="open = !open"
        class="cursor-pointer flex"><a type="button" class="cursor-pointer">
                            <svg class="text-yellow-700 dark:text-yellow-500" data-icon-type="solid" width="16" height="16" viewBox="0 0 16 16" fill="currentColor"
    xmlns="http://www.w3.org/2000/svg" stroke="none">
    <path fill-rule="evenodd" clip-rule="evenodd"
        d="M9.64673 3.5C9.64673 4.32843 8.97516 5 8.14673 5C7.3183 5 6.64673 4.32843 6.64673 3.5C6.64673 2.67157 7.3183 2 8.14673 2C8.97516 2 9.64673 2.67157 9.64673 3.5ZM9.64673 8.1698C9.64673 8.99823 8.97516 9.6698 8.14673 9.6698C7.3183 9.6698 6.64673 8.99823 6.64673 8.1698C6.64673 7.34137 7.3183 6.6698 8.14673 6.6698C8.97516 6.6698 9.64673 7.34137 9.64673 8.1698ZM8.14673 14C8.97516 14 9.64673 13.3284 9.64673 12.5C9.64673 11.6716 8.97516 11 8.14673 11C7.3183 11 6.64673 11.6716 6.64673 12.5C6.64673 13.3284 7.3183 14 8.14673 14Z" />
</svg>
                        </a></span>
            <template x-teleport="html">
    
    <div
        x-on:click.away="open = false"
        x-show="open"
        x-transition
        x-anchor.bottom-start="$refs.trigger"
        class="z-10 my-2 origin-top-right rounded-2xl bg-white dark:bg-neutral-600 drop-shadow-lg ring-1 ring-neutral-200 dark:ring-neutral-600 focus:outline-none min-w-44">
        <div class="py-2">
                            <div class="mx-2 rounded-lg px-4 text-neutral-700 hover:bg-neutral-50 hover:text-neutral-950 dark:text-neutral-100 hover:dark:bg-neutral-950 hover:dark:text-neutral-50">
            <div class="flex w-full items-center gap-x-2 py-2">

<div class="flex-1 text-sm"><div class="flex items-end" x-show="!$store.audio.isEpisodeActiveOrQueued(episode)">
                                    <a class="inline-flex items-center text-yellow-700 dark:text-yellow-500 font-semibold text-sm hover:transition hover:duration-300 hover:underline underline-offset-4  inline-flex" href="#" x-on:click.prevent="$store.audio.addToQueue(episode)">
                    <svg class="w-5 h-5 inline mr-1" data-icon-type="outline" width="24" height="24" viewBox="0 0 24 24" fill="currentColor"
    xmlns="http://www.w3.org/2000/svg" stroke="none">
    <path fill-rule="evenodd" clip-rule="evenodd"
        d="M12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20ZM12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22ZM12 7C12.5523 7 13 7.44772 13 8V11H16C16.5523 11 17 11.4477 17 12C17 12.5523 16.5523 13 16 13H13V16C13 16.5523 12.5523 17 12 17C11.4477 17 11 16.5523 11 16V13H8C7.44771 13 7 12.5523 7 12C7 11.4477 7.44771 11 8 11H11V8C11 7.44772 11.4477 7 12 7Z" />
</svg>
        
        Add to queue
    </a>

</div>
                            
                            <div class="flex items-end" x-show="$store.audio.isEpisodeActiveOrQueued(episode)">
                                    <a class="inline-flex items-center text-yellow-700 dark:text-yellow-500 font-semibold text-sm opacity-40 cursor-not-allowed  inline-flex">
                    <svg class="w-5 h-5 inline mr-1" data-icon-type="outline" width="24" height="24" viewBox="0 0 24 24" fill="currentColor"
    xmlns="http://www.w3.org/2000/svg" stroke="none">
    <path fill-rule="evenodd" clip-rule="evenodd"
        d="M21.7071 5.29289C22.0976 5.68342 22.0976 6.31658 21.7071 6.70711L10.7678 17.6464C9.79146 18.6228 8.20854 18.6228 7.23223 17.6464L2.29289 12.7071C1.90237 12.3166 1.90237 11.6834 2.29289 11.2929C2.68342 10.9024 3.31658 10.9024 3.70711 11.2929L8.64645 16.2322C8.84171 16.4275 9.15829 16.4275 9.35355 16.2322L20.2929 5.29289C20.6834 4.90237 21.3166 4.90237 21.7071 5.29289Z" />
</svg>
        
        In queue
    </a>

</div></div>

</div>
    
</div>
            
        </div>
    </div>
            </template>
    
</div>
            </div>
    </div>

</div>
                        </div>
                                            <div x-data="{
                            amplitude_context: {
                                ...amplitude_context,
                                section: 'top_episodes'                            }
                        }">
                            <div class="h-full" x-data="{ episode: JSON.parse('{\u0022image_url\u0022:\u0022https:\\\/\\\/d3wo5wojvuv7l.cloudfront.net\\\/t_square_limited_160\\\/images.spreaker.com\\\/original\\\/a328237090dae23f0e75ccc647e203f3.jpg\u0022,\u0022image_original_url\u0022:\u0022https:\\\/\\\/d3wo5wojvuv7l.cloudfront.net\\\/images.spreaker.com\\\/original\\\/a328237090dae23f0e75ccc647e203f3.jpg\u0022,\u0022episode_id\u0022:64862820,\u0022title\u0022:\u0022Sasquatch Valley! | PNW\u0022,\u0022duration\u0022:5106050,\u0022playback_url\u0022:\u0022https:\\\/\\\/api.spreaker.com\\\/v2\\\/episodes\\\/64862820\\\/play.mp3\u0022,\u0022show\u0022:{\u0022show_id\u0022:5828342,\u0022title\u0022:\u0022Bigfoot Society\u0022},\u0022progress\u0022:null,\u0022completed_at\u0022:null}') }" x-init="$store.audio.updateEpisode(episode)">
    
                <div class="rounded-2xl bg-white dark:bg-neutral-800 p-4 flex h-full flex-col justify-between dark:text-neutral-200">
        <div class="flex w-52 flex-row-reverse justify-end gap-3 md:w-80 md:flex-row md:justify-between">
                
                <div>
                    <div class="hidden md:block">
                        <a
                            wire:navigate
                            class="text-md mb-1 line-clamp-3 max-w-64 cursor-pointer font-semibold hover:underline"
                            href="https://www.spreaker.com/episode/sasquatch-valley-pnw--64862820">
                            Sasquatch Valley! | PNW
                        </a>
                    </div>
                    <a
                        wire:navigate
                        class="line-clamp-2 cursor-pointer text-xs font-semibold text-neutral-400 hover:underline"
                        href="https://www.spreaker.com/podcast/bigfoot-society--5828342">
                        Bigfoot Society
                    </a>
                </div>
                
                <div class="group relative shrink-0">
                        <img src="https://d3wo5wojvuv7l.cloudfront.net/t_square_limited_160/images.spreaker.com/original/a328237090dae23f0e75ccc647e203f3.jpg" alt="Sasquatch Valley! | PNW" class="w-12 h-12 rounded-lg aspect-square object-cover" loading="lazy" />

</div>
            </div>
            
            <div class="my-2 h-16 max-w-52 md:hidden">
                <a
                    wire:navigate
                    class="line-clamp-3 w-fit cursor-pointer text-sm font-semibold hover:underline"
                    href="https://www.spreaker.com/episode/sasquatch-valley-pnw--64862820">
                    Sasquatch Valley! | PNW
                </a>
            </div>

</span>

<div class="flex items-center gap-2">
    <div class="flex items-center gap-1 text-xs text-neutral-500">
        <span class="flex items-center gap-1" x-show="$store.audio.getEpisodeCompleted(episode)">
            <svg class="dark:text-white text-neutral-500" data-icon-type="outline" width="16" height="16" viewBox="0 0 16 16" fill="currentColor"
    xmlns="http://www.w3.org/2000/svg" stroke="none">
    <path fill-rule="evenodd" clip-rule="evenodd"
        d="M14.5303 3.46967C14.8232 3.76256 14.8232 4.23744 14.5303 4.53033L7.23744 11.8232C6.55402 12.5066 5.44598 12.5066 4.76256 11.8232L1.46967 8.53033C1.17678 8.23744 1.17678 7.76256 1.46967 7.46967C1.76256 7.17678 2.23744 7.17678 2.53033 7.46967L5.82322 10.7626C5.92085 10.8602 6.07914 10.8602 6.17678 10.7626L13.4697 3.46967C13.7626 3.17678 14.2374 3.17678 14.5303 3.46967Z" />
</svg>
            Played
        </span>
        <span x-show="$store.audio.displayEpisodeDuration(episode)"
            :class="$store.audio.getEpisodeCompleted(episode) && true ? 'md:flex hidden' : ''">1h 25m 6s</span>
    </div>
</div>
                </div>
                
                <div x-data="{ open: false }" class="relative inline-block text-left">
    <span x-ref="trigger"
        x-on:click="open = !open"
        class="cursor-pointer flex"><a type="button" class="cursor-pointer">
                            <svg class="text-yellow-700 dark:text-yellow-500" data-icon-type="solid" width="16" height="16" viewBox="0 0 16 16" fill="currentColor"
    xmlns="http://www.w3.org/2000/svg" stroke="none">
    <path fill-rule="evenodd" clip-rule="evenodd"
        d="M9.64673 3.5C9.64673 4.32843 8.97516 5 8.14673 5C7.3183 5 6.64673 4.32843 6.64673 3.5C6.64673 2.67157 7.3183 2 8.14673 2C8.97516 2 9.64673 2.67157 9.64673 3.5ZM9.64673 8.1698C9.64673 8.99823 8.97516 9.6698 8.14673 9.6698C7.3183 9.6698 6.64673 8.99823 6.64673 8.1698C6.64673 7.34137 7.3183 6.6698 8.14673 6.6698C8.97516 6.6698 9.64673 7.34137 9.64673 8.1698ZM8.14673 14C8.97516 14 9.64673 13.3284 9.64673 12.5C9.64673 11.6716 8.97516 11 8.14673 11C7.3183 11 6.64673 11.6716 6.64673 12.5C6.64673 13.3284 7.3183 14 8.14673 14Z" />
</svg>
                        </a></span>
            <template x-teleport="html">
    
    <div
        x-on:click.away="open = false"
        x-show="open"
        x-transition
        x-anchor.bottom-start="$refs.trigger"
        class="z-10 my-2 origin-top-right rounded-2xl bg-white dark:bg-neutral-600 drop-shadow-lg ring-1 ring-neutral-200 dark:ring-neutral-600 focus:outline-none min-w-44">
        <div class="py-2">
                            <div class="mx-2 rounded-lg px-4 text-neutral-700 hover:bg-neutral-50 hover:text-neutral-950 dark:text-neutral-100 hover:dark:bg-neutral-950 hover:dark:text-neutral-50">
            <div class="flex w-full items-center gap-x-2 py-2">

</div></div>

</div>
    
</div>
            
        </div>
    </div>
            </template>
    
</div>
            </div>
    </div>

</div>
                        </div>
                                            <div x-data="{
                            amplitude_context: {
                                ...amplitude_context,
                                section: 'top_episodes'                            }
                        }">
                            <div class="h-full" x-data="{ episode: JSON.parse('{\u0022image_url\u0022:\u0022https:\\\/\\\/d3wo5wojvuv7l.cloudfront.net\\\/t_square_limited_160\\\/images.spreaker.com\\\/original\\\/6491921f5d23282bc0d490450f0f548f.jpg\u0022,\u0022image_original_url\u0022:\u0022https:\\\/\\\/d3wo5wojvuv7l.cloudfront.net\\\/images.spreaker.com\\\/original\\\/6491921f5d23282bc0d490450f0f548f.jpg\u0022,\u0022episode_id\u0022:66705032,\u0022title\u0022:\u0022Left UNIVERSITY to ASSIST my HOUSEHOLD after father was laid off, now 8\u0022,\u0022duration\u0022:1721650,\u0022playback_url\u0022:\u0022https:\\\/\\\/api.spreaker.com\\\/v2\\\/episodes\\\/66705032\\\/play.mp3\u0022,\u0022show\u0022:{\u0022show_id\u0022:6237355,\u0022title\u0022:\u0022Reddit Stories\u0022},\u0022progress\u0022:null,\u0022completed_at\u0022:null}') }" x-init="$store.audio.updateEpisode(episode)">
    
                <div class="rounded-2xl bg-white dark:bg-neutral-800 p-4 flex h-full flex-col justify-between dark:text-neutral-200">
        <div class="flex w-52 flex-row-reverse justify-end gap-3 md:w-80 md:flex-row md:justify-between">
                
                <div>
                    <div class="hidden md:block">
                        <a
                            wire:navigate
                            class="text-md mb-1 line-clamp-3 max-w-64 cursor-pointer font-semibold hover:underline"
                            href="https://www.spreaker.com/episode/left-university-to-assist-my-household-after-father-was-laid-off-now-8--66705032">
                            Left UNIVERSITY to ASSIST my HOUSEHOLD after father was laid off, now 8
                        </a>
                    </div>
                    <a
                        wire:navigate
                        class="line-clamp-2 cursor-pointer text-xs font-semibold text-neutral-400 hover:underline"
                        href="https://www.spreaker.com/podcast/reddit-stories--6237355">
                        Reddit Stories
                    </a>
                </div>
                
                <div class="group relative shrink-0">
                        <img src="https://d3wo5wojvuv7l.cloudfront.net/t_square_limited_160/images.spreaker.com/original/6491921f5d23282bc0d490450f0f548f.jpg" alt="Left UNIVERSITY to ASSIST my HOUSEHOLD after father was laid off, now 8" class="w-12 h-12 rounded-lg aspect-square object-cover" loading="lazy" />

</div>
            </div>
            
            <div class="my-2 h-16 max-w-52 md:hidden">
                <a
                    wire:navigate
                    class="line-clamp-3 w-fit cursor-pointer text-sm font-semibold hover:underline"
                    href="https://www.spreaker.com/episode/left-university-to-assist-my-household-after-father-was-laid-off-now-8--66705032">
                    Left UNIVERSITY to ASSIST my HOUSEHOLD after father was laid off, now 8
                </a>
            </div>

</span>

<div class="flex items-center gap-2">
    <div class="flex items-center gap-1 text-xs text-neutral-500">
        <span class="flex items-center gap-1" x-show="$store.audio.getEpisodeCompleted(episode)">
            <svg class="dark:text-white text-neutral-500" data-icon-type="outline" width="16" height="16" viewBox="0 0 16 16" fill="currentColor"
    xmlns="http://www.w3.org/2000/svg" stroke="none">
    <path fill-rule="evenodd" clip-rule="evenodd"
        d="M14.5303 3.46967C14.8232 3.76256 14.8232 4.23744 14.5303 4.53033L7.23744 11.8232C6.55402 12.5066 5.44598 12.5066 4.76256 11.8232L1.46967 8.53033C1.17678 8.23744 1.17678 7.76256 1.46967 7.46967C1.76256 7.17678 2.23744 7.17678 2.53033 7.46967L5.82322 10.7626C5.92085 10.8602 6.07914 10.8602 6.17678 10.7626L13.4697 3.46967C13.7626 3.17678 14.2374 3.17678 14.5303 3.46967Z" />
</svg>
            Played
        </span>
        <span x-show="$store.audio.displayEpisodeDuration(episode)"
            :class="$store.audio.getEpisodeCompleted(episode) && true ? 'md:flex hidden' : ''">28m 41s</span>
    </div>
</div>
                </div>
                
                <div x-data="{ open: false }" class="relative inline-block text-left">
    <span x-ref="trigger"
        x-on:click="open = !open"
        class="cursor-pointer flex"><a type="button" class="cursor-pointer">
                            <svg class="text-yellow-700 dark:text-yellow-500" data-icon-type="solid" width="16" height="16" viewBox="0 0 16 16" fill="currentColor"
    xmlns="http://www.w3.org/2000/svg" stroke="none">
    <path fill-rule="evenodd" clip-rule="evenodd"
        d="M9.64673 3.5C9.64673 4.32843 8.97516 5 8.14673 5C7.3183 5 6.64673 4.32843 6.64673 3.5C6.64673 2.67157 7.3183 2 8.14673 2C8.97516 2 9.64673 2.67157 9.64673 3.5ZM9.64673 8.1698C9.64673 8.99823 8.97516 9.6698 8.14673 9.6698C7.3183 9.6698 6.64673 8.99823 6.64673 8.1698C6.64673 7.34137 7.3183 6.6698 8.14673 6.6698C8.97516 6.6698 9.64673 7.34137 9.64673 8.1698ZM8.14673 14C8.97516 14 9.64673 13.3284 9.64673 12.5C9.64673 11.6716 8.97516 11 8.14673 11C7.3183 11 6.64673 11.6716 6.64673 12.5C6.64673 13.3284 7.3183 14 8.14673 14Z" />
</svg>
                        </a></span>
            <template x-teleport="html">
    
    <div
        x-on:click.away="open = false"
        x-show="open"
        x-transition
        x-anchor.bottom-start="$refs.trigger"
        class="z-10 my-2 origin-top-right rounded-2xl bg-white dark:bg-neutral-600 drop-shadow-lg ring-1 ring-neutral-200 dark:ring-neutral-600 focus:outline-none min-w-44">
        <div class="py-2">
                            <div class="mx-2 rounded-lg px-4 text-neutral-700 hover:bg-neutral-50 hover:text-neutral-950 dark:text-neutral-100 hover:dark:bg-neutral-950 hover:dark:text-neutral-50">
            <div class="flex w-full items-center gap-x-2 py-2">

</div></div>

</div>
    
</div>
            
        </div>
    </div>
            </template>
    
</div>
            </div>
    </div>

</div>
                        </div>
                                            <div x-data="{
                            amplitude_context: {
                                ...amplitude_context,
                                section: 'top_episodes'                            }
                        }">
                            <div class="h-full" x-data="{ episode: JSON.parse('{\u0022image_url\u0022:\u0022https:\\\/\\\/d3wo5wojvuv7l.cloudfront.net\\\/t_square_limited_160\\\/images.spreaker.com\\\/original\\\/36fedd14c5aed4de57873f077240d55a.jpg\u0022,\u0022image_original_url\u0022:\u0022https:\\\/\\\/d3wo5wojvuv7l.cloudfront.net\\\/images.spreaker.com\\\/original\\\/36fedd14c5aed4de57873f077240d55a.jpg\u0022,\u0022episode_id\u0022:66695716,\u0022title\u0022:\u0022Rediscover Your Spark: How to Reignite Passion in Your Life\u0022,\u0022duration\u0022:448550,\u0022playback_url\u0022:\u0022https:\\\/\\\/api.spreaker.com\\\/v2\\\/episodes\\\/66695716\\\/play.mp3\u0022,\u0022show\u0022:{\u0022show_id\u0022:5701156,\u0022title\u0022:\u00227 Good Minutes\u0022},\u0022progress\u0022:null,\u0022completed_at\u0022:null}') }" x-init="$store.audio.updateEpisode(episode)">
    
                <div class="rounded-2xl bg-white dark:bg-neutral-800 p-4 flex h-full flex-col justify-between dark:text-neutral-200">
        <div class="flex w-52 flex-row-reverse justify-end gap-3 md:w-80 md:flex-row md:justify-between">
                
                <div>
                    <div class="hidden md:block">
                        <a
                            wire:navigate
                            class="text-md mb-1 line-clamp-3 max-w-64 cursor-pointer font-semibold hover:underline"
                            href="https://www.spreaker.com/episode/rediscover-your-spark-how-to-reignite-passion-in-your-life--66695716">
                            Rediscover Your Spark: How to Reignite Passion in Your Life
                        </a>
                    </div>
                    <a
                        wire:navigate
                        class="line-clamp-2 cursor-pointer text-xs font-semibold text-neutral-400 hover:underline"
                        href="https://www.spreaker.com/podcast/7-good-minutes--5701156">
                        7 Good Minutes
                    </a>
                </div>
                
                <div class="group relative shrink-0">
                        <img src="https://d3wo5wojvuv7l.cloudfront.net/t_square_limited_160/images.spreaker.com/original/36fedd14c5aed4de57873f077240d55a.jpg" alt="Rediscover Your Spark: How to Reignite Passion in Your Life" class="w-12 h-12 rounded-lg aspect-square object-cover" loading="lazy" />

</div>
            </div>
            
            <div class="my-2 h-16 max-w-52 md:hidden">
                <a
                    wire:navigate
                    class="line-clamp-3 w-fit cursor-pointer text-sm font-semibold hover:underline"
                    href="https://www.spreaker.com/episode/rediscover-your-spark-how-to-reignite-passion-in-your-life--66695716">
                    Rediscover Your Spark: How to Reignite Passion in Your Life
                </a>
            </div>

</span>

<div class="flex items-center gap-2">
    <div class="flex items-center gap-1 text-xs text-neutral-500">
        <span class="flex items-center gap-1" x-show="$store.audio.getEpisodeCompleted(episode)">
            <svg class="dark:text-white text-neutral-500" data-icon-type="outline" width="16" height="16" viewBox="0 0 16 16" fill="currentColor"
    xmlns="http://www.w3.org/2000/svg" stroke="none">
    <path fill-rule="evenodd" clip-rule="evenodd"
        d="M14.5303 3.46967C14.8232 3.76256 14.8232 4.23744 14.5303 4.53033L7.23744 11.8232C6.55402 12.5066 5.44598 12.5066 4.76256 11.8232L1.46967 8.53033C1.17678 8.23744 1.17678 7.76256 1.46967 7.46967C1.76256 7.17678 2.23744 7.17678 2.53033 7.46967L5.82322 10.7626C5.92085 10.8602 6.07914 10.8602 6.17678 10.7626L13.4697 3.46967C13.7626 3.17678 14.2374 3.17678 14.5303 3.46967Z" />
</svg>
            Played
        </span>
        <span x-show="$store.audio.displayEpisodeDuration(episode)"
            :class="$store.audio.getEpisodeCompleted(episode) && true ? 'md:flex hidden' : ''">7m 28s</span>
    </div>
</div>
                </div>
                
                <div x-data="{ open: false }" class="relative inline-block text-left">
    <span x-ref="trigger"
        x-on:click="open = !open"
        class="cursor-pointer flex"><a type="button" class="cursor-pointer">
                            <svg class="text-yellow-700 dark:text-yellow-500" data-icon-type="solid" width="16" height="16" viewBox="0 0 16 16" fill="currentColor"
    xmlns="http://www.w3.org/2000/svg" stroke="none">
    <path fill-rule="evenodd" clip-rule="evenodd"
        d="M9.64673 3.5C9.64673 4.32843 8.97516 5 8.14673 5C7.3183 5 6.64673 4.32843 6.64673 3.5C6.64673 2.67157 7.3183 2 8.14673 2C8.97516 2 9.64673 2.67157 9.64673 3.5ZM9.64673 8.1698C9.64673 8.99823 8.97516 9.6698 8.14673 9.6698C7.3183 9.6698 6.64673 8.99823 6.64673 8.1698C6.64673 7.34137 7.3183 6.6698 8.14673 6.6698C8.97516 6.6698 9.64673 7.34137 9.64673 8.1698ZM8.14673 14C8.97516 14 9.64673 13.3284 9.64673 12.5C9.64673 11.6716 8.97516 11 8.14673 11C7.3183 11 6.64673 11.6716 6.64673 12.5C6.64673 13.3284 7.3183 14 8.14673 14Z" />
</svg>
                        </a></span>
            <template x-teleport="html">
    
    <div
        x-on:click.away="open = false"
        x-show="open"
        x-transition
        x-anchor.bottom-start="$refs.trigger"
        class="z-10 my-2 origin-top-right rounded-2xl bg-white dark:bg-neutral-600 drop-shadow-lg ring-1 ring-neutral-200 dark:ring-neutral-600 focus:outline-none min-w-44">
        <div class="py-2">
                            <div class="mx-2 rounded-lg px-4 text-neutral-700 hover:bg-neutral-50 hover:text-neutral-950 dark:text-neutral-100 hover:dark:bg-neutral-950 hover:dark:text-neutral-50">
            <div class="flex w-full items-center gap-x-2 py-2">

</div></div>

</div>
    
</div>
            
        </div>
    </div>
            </template>
    
</div>
            </div>
    </div>

</div>
                        </div>
                                            <div x-data="{
                            amplitude_context: {
                                ...amplitude_context,
                                section: 'top_episodes'                            }
                        }">
                            <div class="h-full" x-data="{ episode: JSON.parse('{\u0022image_url\u0022:\u0022https:\\\/\\\/d3wo5wojvuv7l.cloudfront.net\\\/t_square_limited_160\\\/images.spreaker.com\\\/original\\\/939d55b9fadde1e3dafb82f580ae719c.jpg\u0022,\u0022image_original_url\u0022:\u0022https:\\\/\\\/d3wo5wojvuv7l.cloudfront.net\\\/images.spreaker.com\\\/original\\\/939d55b9fadde1e3dafb82f580ae719c.jpg\u0022,\u0022episode_id\u0022:66826786,\u0022title\u0022:\u0022Football at Four: NFL\\u0027s Guaranteed Contract Issue and Intel on Big Trade\u0022,\u0022duration\u0022:1061500,\u0022playback_url\u0022:\u0022https:\\\/\\\/api.spreaker.com\\\/v2\\\/episodes\\\/66826786\\\/play.mp3\u0022,\u0022show\u0022:{\u0022show_id\u0022:5747173,\u0022title\u0022:\u0022Inside the Birds: A Philadelphia Eagles Podcast\u0022},\u0022progress\u0022:null,\u0022completed_at\u0022:null}') }" x-init="$store.audio.updateEpisode(episode)">
    
                <div class="rounded-2xl bg-white dark:bg-neutral-800 p-4 flex h-full flex-col justify-between dark:text-neutral-200">
        <div class="flex w-52 flex-row-reverse justify-end gap-3 md:w-80 md:flex-row md:justify-between">
                
                <div>
                    <div class="hidden md:block">
                        <a
                            wire:navigate
                            class="text-md mb-1 line-clamp-3 max-w-64 cursor-pointer font-semibold hover:underline"
                            href="https://www.spreaker.com/episode/football-at-four-nfl-s-guaranteed-contract-issue-and-intel-on-big-trade--66826786">
                            Football at Four: NFL&#039;s Guaranteed Contract Issue and Intel on Big Trade
                        </a>
                    </div>
                    <a
                        wire:navigate
                        class="line-clamp-2 cursor-pointer text-xs font-semibold text-neutral-400 hover:underline"
                        href="https://www.spreaker.com/podcast/inside-the-birds-a-philadelphia-eagles-podcast--5747173">
                        Inside the Birds: A Philadelphia Eagles Podcast
                    </a>
                </div>
                
                <div class="group relative shrink-0">
                        <img src="https://d3wo5wojvuv7l.cloudfront.net/t_square_limited_160/images.spreaker.com/original/939d55b9fadde1e3dafb82f580ae719c.jpg" alt="Football at Four: NFL&#039;s Guaranteed Contract Issue and Intel on Big Trade" class="w-12 h-12 rounded-lg aspect-square object-cover" loading="lazy" />

</div>
            </div>
            
            <div class="my-2 h-16 max-w-52 md:hidden">
                <a
                    wire:navigate
                    class="line-clamp-3 w-fit cursor-pointer text-sm font-semibold hover:underline"
                    href="https://www.spreaker.com/episode/football-at-four-nfl-s-guaranteed-contract-issue-and-intel-on-big-trade--66826786">
                    Football at Four: NFL&#039;s Guaranteed Contract Issue and Intel on Big Trade
                </a>
            </div>

</span>

<div class="flex items-center gap-2">
    <div class="flex items-center gap-1 text-xs text-neutral-500">
        <span class="flex items-center gap-1" x-show="$store.audio.getEpisodeCompleted(episode)">
            <svg class="dark:text-white text-neutral-500" data-icon-type="outline" width="16" height="16" viewBox="0 0 16 16" fill="currentColor"
    xmlns="http://www.w3.org/2000/svg" stroke="none">
    <path fill-rule="evenodd" clip-rule="evenodd"
        d="M14.5303 3.46967C14.8232 3.76256 14.8232 4.23744 14.5303 4.53033L7.23744 11.8232C6.55402 12.5066 5.44598 12.5066 4.76256 11.8232L1.46967 8.53033C1.17678 8.23744 1.17678 7.76256 1.46967 7.46967C1.76256 7.17678 2.23744 7.17678 2.53033 7.46967L5.82322 10.7626C5.92085 10.8602 6.07914 10.8602 6.17678 10.7626L13.4697 3.46967C13.7626 3.17678 14.2374 3.17678 14.5303 3.46967Z" />
</svg>
            Played
        </span>
        <span x-show="$store.audio.displayEpisodeDuration(episode)"
            :class="$store.audio.getEpisodeCompleted(episode) && true ? 'md:flex hidden' : ''">17m 41s</span>
    </div>
</div>
                </div>
                
                <div x-data="{ open: false }" class="relative inline-block text-left">
    <span x-ref="trigger"
        x-on:click="open = !open"
        class="cursor-pointer flex"><a type="button" class="cursor-pointer">
                            <svg class="text-yellow-700 dark:text-yellow-500" data-icon-type="solid" width="16" height="16" viewBox="0 0 16 16" fill="currentColor"
    xmlns="http://www.w3.org/2000/svg" stroke="none">
    <path fill-rule="evenodd" clip-rule="evenodd"
        d="M9.64673 3.5C9.64673 4.32843 8.97516 5 8.14673 5C7.3183 5 6.64673 4.32843 6.64673 3.5C6.64673 2.67157 7.3183 2 8.14673 2C8.97516 2 9.64673 2.67157 9.64673 3.5ZM9.64673 8.1698C9.64673 8.99823 8.97516 9.6698 8.14673 9.6698C7.3183 9.6698 6.64673 8.99823 6.64673 8.1698C6.64673 7.34137 7.3183 6.6698 8.14673 6.6698C8.97516 6.6698 9.64673 7.34137 9.64673 8.1698ZM8.14673 14C8.97516 14 9.64673 13.3284 9.64673 12.5C9.64673 11.6716 8.97516 11 8.14673 11C7.3183 11 6.64673 11.6716 6.64673 12.5C6.64673 13.3284 7.3183 14 8.14673 14Z" />
</svg>
                        </a></span>
            <template x-teleport="html">
    
    <div
        x-on:click.away="open = false"
        x-show="open"
        x-transition
        x-anchor.bottom-start="$refs.trigger"
        class="z-10 my-2 origin-top-right rounded-2xl bg-white dark:bg-neutral-600 drop-shadow-lg ring-1 ring-neutral-200 dark:ring-neutral-600 focus:outline-none min-w-44">
        <div class="py-2">
                            <div class="mx-2 rounded-lg px-4 text-neutral-700 hover:bg-neutral-50 hover:text-neutral-950 dark:text-neutral-100 hover:dark:bg-neutral-950 hover:dark:text-neutral-50">
            <div class="flex w-full items-center gap-x-2 py-2">

</div></div>

</div>
    
</div>
            
        </div>
    </div>
            </template>
    
</div>
            </div>
    </div>

</div>
                        </div>
                                            <div x-data="{
                            amplitude_context: {
                                ...amplitude_context,
                                section: 'top_episodes'                            }
                        }">
                            <div class="h-full" x-data="{ episode: JSON.parse('{\u0022image_url\u0022:\u0022https:\\\/\\\/d3wo5wojvuv7l.cloudfront.net\\\/t_square_limited_160\\\/images.spreaker.com\\\/original\\\/0d15dbdf42202b32099e3968bbc0ef41.jpg\u0022,\u0022image_original_url\u0022:\u0022https:\\\/\\\/d3wo5wojvuv7l.cloudfront.net\\\/images.spreaker.com\\\/original\\\/0d15dbdf42202b32099e3968bbc0ef41.jpg\u0022,\u0022episode_id\u0022:66826373,\u0022title\u0022:\u0022Real Madrid a los cuartos de final del Mundial de Clubes\u0022,\u0022duration\u0022:211820,\u0022playback_url\u0022:\u0022https:\\\/\\\/api.spreaker.com\\\/v2\\\/episodes\\\/66826373\\\/play.mp3\u0022,\u0022show\u0022:{\u0022show_id\u0022:3633582,\u0022title\u0022:\u0022El Shot de la Octava Sports\u0022},\u0022progress\u0022:null,\u0022completed_at\u0022:null}') }" x-init="$store.audio.updateEpisode(episode)">
    
                <div class="rounded-2xl bg-white dark:bg-neutral-800 p-4 flex h-full flex-col justify-between dark:text-neutral-200">
        <div class="flex w-52 flex-row-reverse justify-end gap-3 md:w-80 md:flex-row md:justify-between">
                
                <div>
                    <div class="hidden md:block">
                        <a
                            wire:navigate
                            class="text-md mb-1 line-clamp-3 max-w-64 cursor-pointer font-semibold hover:underline"
                            href="https://www.spreaker.com/episode/real-madrid-a-los-cuartos-de-final-del-mundial-de-clubes--66826373">
                            Real Madrid a los cuartos de final del Mundial de Clubes
                        </a>
                    </div>
                    <a
                        wire:navigate
                        class="line-clamp-2 cursor-pointer text-xs font-semibold text-neutral-400 hover:underline"
                        href="https://www.spreaker.com/podcast/el-shot-de-la-octava-sports--3633582">
                        El Shot de la Octava Sports
                    </a>
                </div>
                
                <div class="group relative shrink-0">
                        <img src="https://d3wo5wojvuv7l.cloudfront.net/t_square_limited_160/images.spreaker.com/original/0d15dbdf42202b32099e3968bbc0ef41.jpg" alt="Real Madrid a los cuartos de final del Mundial de Clubes" class="w-12 h-12 rounded-lg aspect-square object-cover" loading="lazy" />

</div>
            </div>
            
            <div class="my-2 h-16 max-w-52 md:hidden">
                <a
                    wire:navigate
                    class="line-clamp-3 w-fit cursor-pointer text-sm font-semibold hover:underline"
                    href="https://www.spreaker.com/episode/real-madrid-a-los-cuartos-de-final-del-mundial-de-clubes--66826373">
                    Real Madrid a los cuartos de final del Mundial de Clubes
                </a>
            </div>

</span>

<div class="flex items-center gap-2">
    <div class="flex items-center gap-1 text-xs text-neutral-500">
        <span class="flex items-center gap-1" x-show="$store.audio.getEpisodeCompleted(episode)">
            <svg class="dark:text-white text-neutral-500" data-icon-type="outline" width="16" height="16" viewBox="0 0 16 16" fill="currentColor"
    xmlns="http://www.w3.org/2000/svg" stroke="none">
    <path fill-rule="evenodd" clip-rule="evenodd"
        d="M14.5303 3.46967C14.8232 3.76256 14.8232 4.23744 14.5303 4.53033L7.23744 11.8232C6.55402 12.5066 5.44598 12.5066 4.76256 11.8232L1.46967 8.53033C1.17678 8.23744 1.17678 7.76256 1.46967 7.46967C1.76256 7.17678 2.23744 7.17678 2.53033 7.46967L5.82322 10.7626C5.92085 10.8602 6.07914 10.8602 6.17678 10.7626L13.4697 3.46967C13.7626 3.17678 14.2374 3.17678 14.5303 3.46967Z" />
</svg>
            Played
        </span>
        <span x-show="$store.audio.displayEpisodeDuration(episode)"
            :class="$store.audio.getEpisodeCompleted(episode) && true ? 'md:flex hidden' : ''">3m 31s</span>
    </div>
</div>
                </div>
                
                <div x-data="{ open: false }" class="relative inline-block text-left">
    <span x-ref="trigger"
        x-on:click="open = !open"
        class="cursor-pointer flex"><a type="button" class="cursor-pointer">
                            <svg class="text-yellow-700 dark:text-yellow-500" data-icon-type="solid" width="16" height="16" viewBox="0 0 16 16" fill="currentColor"
    xmlns="http://www.w3.org/2000/svg" stroke="none">
    <path fill-rule="evenodd" clip-rule="evenodd"
        d="M9.64673 3.5C9.64673 4.32843 8.97516 5 8.14673 5C7.3183 5 6.64673 4.32843 6.64673 3.5C6.64673 2.67157 7.3183 2 8.14673 2C8.97516 2 9.64673 2.67157 9.64673 3.5ZM9.64673 8.1698C9.64673 8.99823 8.97516 9.6698 8.14673 9.6698C7.3183 9.6698 6.64673 8.99823 6.64673 8.1698C6.64673 7.34137 7.3183 6.6698 8.14673 6.6698C8.97516 6.6698 9.64673 7.34137 9.64673 8.1698ZM8.14673 14C8.97516 14 9.64673 13.3284 9.64673 12.5C9.64673 11.6716 8.97516 11 8.14673 11C7.3183 11 6.64673 11.6716 6.64673 12.5C6.64673 13.3284 7.3183 14 8.14673 14Z" />
</svg>
                        </a></span>
            <template x-teleport="html">
    
    <div
        x-on:click.away="open = false"
        x-show="open"
        x-transition
        x-anchor.bottom-start="$refs.trigger"
        class="z-10 my-2 origin-top-right rounded-2xl bg-white dark:bg-neutral-600 drop-shadow-lg ring-1 ring-neutral-200 dark:ring-neutral-600 focus:outline-none min-w-44">
        <div class="py-2">
                            <div class="mx-2 rounded-lg px-4 text-neutral-700 hover:bg-neutral-50 hover:text-neutral-950 dark:text-neutral-100 hover:dark:bg-neutral-950 hover:dark:text-neutral-50">
            <div class="flex w-full items-center gap-x-2 py-2">

</div></div>

</div>
    
</div>
            
        </div>
    </div>
            </template>
    
</div>
            </div>
    </div>

</div>
                        </div>
                                            <div x-data="{
                            amplitude_context: {
                                ...amplitude_context,
                                section: 'top_episodes'                            }
                        }">
                            <div class="h-full" x-data="{ episode: JSON.parse('{\u0022image_url\u0022:\u0022https:\\\/\\\/d3wo5wojvuv7l.cloudfront.net\\\/t_square_limited_160\\\/images.spreaker.com\\\/original\\\/172614c4c7325e3a924ba12525bd6823.jpg\u0022,\u0022image_original_url\u0022:\u0022https:\\\/\\\/d3wo5wojvuv7l.cloudfront.net\\\/images.spreaker.com\\\/original\\\/172614c4c7325e3a924ba12525bd6823.jpg\u0022,\u0022episode_id\u0022:66811048,\u0022title\u0022:\u0022Master Your Emotions\\u2014Unveiling the First Trigger Point\u0022,\u0022duration\u0022:2660990,\u0022playback_url\u0022:\u0022https:\\\/\\\/api.spreaker.com\\\/v2\\\/episodes\\\/66811048\\\/play.mp3\u0022,\u0022show\u0022:{\u0022show_id\u0022:5670856,\u0022title\u0022:\u0022Mindset \\u0026 Self-Improvement \\u2014 The Advisor with Stacey Chillemi\u0022},\u0022progress\u0022:null,\u0022completed_at\u0022:null}') }" x-init="$store.audio.updateEpisode(episode)">
    
                <div class="rounded-2xl bg-white dark:bg-neutral-800 p-4 flex h-full flex-col justify-between dark:text-neutral-200">
        <div class="flex w-52 flex-row-reverse justify-end gap-3 md:w-80 md:flex-row md:justify-between">
                
                <div>
                    <div class="hidden md:block">
                        <a
                            wire:navigate
                            class="text-md mb-1 line-clamp-3 max-w-64 cursor-pointer font-semibold hover:underline"
                            href="https://www.spreaker.com/episode/master-your-emotions-unveiling-the-first-trigger-point--66811048">
                            Master Your Emotions—Unveiling the First Trigger Point
                        </a>
                    </div>
                    <a
                        wire:navigate
                        class="line-clamp-2 cursor-pointer text-xs font-semibold text-neutral-400 hover:underline"
                        href="https://www.spreaker.com/podcast/mindset-self-improvement-the-advisor-with-stacey-chillemi--5670856">
                        Mindset &amp; Self-Improvement — The Advisor with Stacey Chillemi
                    </a>
                </div>
                
                <div class="group relative shrink-0">
                        <img src="https://d3wo5wojvuv7l.cloudfront.net/t_square_limited_160/images.spreaker.com/original/172614c4c7325e3a924ba12525bd6823.jpg" alt="Master Your Emotions—Unveiling the First Trigger Point" class="w-12 h-12 rounded-lg aspect-square object-cover" loading="lazy" />

</div>
            </div>
            
            <div class="my-2 h-16 max-w-52 md:hidden">
                <a
                    wire:navigate
                    class="line-clamp-3 w-fit cursor-pointer text-sm font-semibold hover:underline"
                    href="https://www.spreaker.com/episode/master-your-emotions-unveiling-the-first-trigger-point--66811048">
                    Master Your Emotions—Unveiling the First Trigger Point
                </a>
            </div>

</span>

<div class="flex items-center gap-2">
    <div class="flex items-center gap-1 text-xs text-neutral-500">
        <span class="flex items-center gap-1" x-show="$store.audio.getEpisodeCompleted(episode)">
            <svg class="dark:text-white text-neutral-500" data-icon-type="outline" width="16" height="16" viewBox="0 0 16 16" fill="currentColor"
    xmlns="http://www.w3.org/2000/svg" stroke="none">
    <path fill-rule="evenodd" clip-rule="evenodd"
        d="M14.5303 3.46967C14.8232 3.76256 14.8232 4.23744 14.5303 4.53033L7.23744 11.8232C6.55402 12.5066 5.44598 12.5066 4.76256 11.8232L1.46967 8.53033C1.17678 8.23744 1.17678 7.76256 1.46967 7.46967C1.76256 7.17678 2.23744 7.17678 2.53033 7.46967L5.82322 10.7626C5.92085 10.8602 6.07914 10.8602 6.17678 10.7626L13.4697 3.46967C13.7626 3.17678 14.2374 3.17678 14.5303 3.46967Z" />
</svg>
            Played
        </span>
        <span x-show="$store.audio.displayEpisodeDuration(episode)"
            :class="$store.audio.getEpisodeCompleted(episode) && true ? 'md:flex hidden' : ''">44m 20s</span>
    </div>
</div>
                </div>
                
                <div x-data="{ open: false }" class="relative inline-block text-left">
    <span x-ref="trigger"
        x-on:click="open = !open"
        class="cursor-pointer flex"><a type="button" class="cursor-pointer">
                            <svg class="text-yellow-700 dark:text-yellow-500" data-icon-type="solid" width="16" height="16" viewBox="0 0 16 16" fill="currentColor"
    xmlns="http://www.w3.org/2000/svg" stroke="none">
    <path fill-rule="evenodd" clip-rule="evenodd"
        d="M9.64673 3.5C9.64673 4.32843 8.97516 5 8.14673 5C7.3183 5 6.64673 4.32843 6.64673 3.5C6.64673 2.67157 7.3183 2 8.14673 2C8.97516 2 9.64673 2.67157 9.64673 3.5ZM9.64673 8.1698C9.64673 8.99823 8.97516 9.6698 8.14673 9.6698C7.3183 9.6698 6.64673 8.99823 6.64673 8.1698C6.64673 7.34137 7.3183 6.6698 8.14673 6.6698C8.97516 6.6698 9.64673 7.34137 9.64673 8.1698ZM8.14673 14C8.97516 14 9.64673 13.3284 9.64673 12.5C9.64673 11.6716 8.97516 11 8.14673 11C7.3183 11 6.64673 11.6716 6.64673 12.5C6.64673 13.3284 7.3183 14 8.14673 14Z" />
</svg>
                        </a></span>
            <template x-teleport="html">
    
    <div
        x-on:click.away="open = false"
        x-show="open"
        x-transition
        x-anchor.bottom-start="$refs.trigger"
        class="z-10 my-2 origin-top-right rounded-2xl bg-white dark:bg-neutral-600 drop-shadow-lg ring-1 ring-neutral-200 dark:ring-neutral-600 focus:outline-none min-w-44">
        <div class="py-2">
                            <div class="mx-2 rounded-lg px-4 text-neutral-700 hover:bg-neutral-50 hover:text-neutral-950 dark:text-neutral-100 hover:dark:bg-neutral-950 hover:dark:text-neutral-50">
            <div class="flex w-full items-center gap-x-2 py-2">

</div></div>

</div>
    
</div>
            
        </div>
    </div>
            </template>
    
</div>
            </div>
    </div>

</div>
                        </div>
                                            <div x-data="{
                            amplitude_context: {
                                ...amplitude_context,
                                section: 'top_episodes'                            }
                        }">
                            <div class="h-full" x-data="{ episode: JSON.parse('{\u0022image_url\u0022:\u0022https:\\\/\\\/d3wo5wojvuv7l.cloudfront.net\\\/t_square_limited_160\\\/images.spreaker.com\\\/original\\\/0061db1df0ef4410c0ae7f0cf1743e39.jpg\u0022,\u0022image_original_url\u0022:\u0022https:\\\/\\\/d3wo5wojvuv7l.cloudfront.net\\\/images.spreaker.com\\\/original\\\/0061db1df0ef4410c0ae7f0cf1743e39.jpg\u0022,\u0022episode_id\u0022:66821905,\u0022title\u0022:\u0022A Collection of Horrible Fates | Industrial Edition\u0022,\u0022duration\u0022:1250260,\u0022playback_url\u0022:\u0022https:\\\/\\\/api.spreaker.com\\\/v2\\\/episodes\\\/66821905\\\/play.mp3\u0022,\u0022show\u0022:{\u0022show_id\u0022:5945096,\u0022title\u0022:\u0022Scary Interesting Podcast\u0022},\u0022progress\u0022:null,\u0022completed_at\u0022:null}') }" x-init="$store.audio.updateEpisode(episode)">
    
                <div class="rounded-2xl bg-white dark:bg-neutral-800 p-4 flex h-full flex-col justify-between dark:text-neutral-200">
        <div class="flex w-52 flex-row-reverse justify-end gap-3 md:w-80 md:flex-row md:justify-between">
                
                <div>
                    <div class="hidden md:block">
                        <a
                            wire:navigate
                            class="text-md mb-1 line-clamp-3 max-w-64 cursor-pointer font-semibold hover:underline"
                            href="https://www.spreaker.com/episode/a-collection-of-horrible-fates-industrial-edition--66821905">
                            A Collection of Horrible Fates | Industrial Edition
                        </a>
                    </div>
                    <a
                        wire:navigate
                        class="line-clamp-2 cursor-pointer text-xs font-semibold text-neutral-400 hover:underline"
                        href="https://www.spreaker.com/podcast/scary-interesting-podcast--5945096">
                        Scary Interesting Podcast
                    </a>
                </div>
                
                <div class="group relative shrink-0">
                        <img src="https://d3wo5wojvuv7l.cloudfront.net/t_square_limited_160/images.spreaker.com/original/0061db1df0ef4410c0ae7f0cf1743e39.jpg" alt="A Collection of Horrible Fates | Industrial Edition" class="w-12 h-12 rounded-lg aspect-square object-cover" loading="lazy" />

</div>
            </div>
            
            <div class="my-2 h-16 max-w-52 md:hidden">
                <a
                    wire:navigate
                    class="line-clamp-3 w-fit cursor-pointer text-sm font-semibold hover:underline"
                    href="https://www.spreaker.com/episode/a-collection-of-horrible-fates-industrial-edition--66821905">
                    A Collection of Horrible Fates | Industrial Edition
                </a>
            </div>

</span>

<div class="flex items-center gap-2">
    <div class="flex items-center gap-1 text-xs text-neutral-500">
        <span class="flex items-center gap-1" x-show="$store.audio.getEpisodeCompleted(episode)">
            <svg class="dark:text-white text-neutral-500" data-icon-type="outline" width="16" height="16" viewBox="0 0 16 16" fill="currentColor"
    xmlns="http://www.w3.org/2000/svg" stroke="none">
    <path fill-rule="evenodd" clip-rule="evenodd"
        d="M14.5303 3.46967C14.8232 3.76256 14.8232 4.23744 14.5303 4.53033L7.23744 11.8232C6.55402 12.5066 5.44598 12.5066 4.76256 11.8232L1.46967 8.53033C1.17678 8.23744 1.17678 7.76256 1.46967 7.46967C1.76256 7.17678 2.23744 7.17678 2.53033 7.46967L5.82322 10.7626C5.92085 10.8602 6.07914 10.8602 6.17678 10.7626L13.4697 3.46967C13.7626 3.17678 14.2374 3.17678 14.5303 3.46967Z" />
</svg>
            Played
        </span>
        <span x-show="$store.audio.displayEpisodeDuration(episode)"
            :class="$store.audio.getEpisodeCompleted(episode) && true ? 'md:flex hidden' : ''">20m 50s</span>
    </div>
</div>
                </div>
                
                <div x-data="{ open: false }" class="relative inline-block text-left">
    <span x-ref="trigger"
        x-on:click="open = !open"
        class="cursor-pointer flex"><a type="button" class="cursor-pointer">
                            <svg class="text-yellow-700 dark:text-yellow-500" data-icon-type="solid" width="16" height="16" viewBox="0 0 16 16" fill="currentColor"
    xmlns="http://www.w3.org/2000/svg" stroke="none">
    <path fill-rule="evenodd" clip-rule="evenodd"
        d="M9.64673 3.5C9.64673 4.32843 8.97516 5 8.14673 5C7.3183 5 6.64673 4.32843 6.64673 3.5C6.64673 2.67157 7.3183 2 8.14673 2C8.97516 2 9.64673 2.67157 9.64673 3.5ZM9.64673 8.1698C9.64673 8.99823 8.97516 9.6698 8.14673 9.6698C7.3183 9.6698 6.64673 8.99823 6.64673 8.1698C6.64673 7.34137 7.3183 6.6698 8.14673 6.6698C8.97516 6.6698 9.64673 7.34137 9.64673 8.1698ZM8.14673 14C8.97516 14 9.64673 13.3284 9.64673 12.5C9.64673 11.6716 8.97516 11 8.14673 11C7.3183 11 6.64673 11.6716 6.64673 12.5C6.64673 13.3284 7.3183 14 8.14673 14Z" />
</svg>
                        </a></span>
            <template x-teleport="html">
    
    <div
        x-on:click.away="open = false"
        x-show="open"
        x-transition
        x-anchor.bottom-start="$refs.trigger"
        class="z-10 my-2 origin-top-right rounded-2xl bg-white dark:bg-neutral-600 drop-shadow-lg ring-1 ring-neutral-200 dark:ring-neutral-600 focus:outline-none min-w-44">
        <div class="py-2">
                            <div class="mx-2 rounded-lg px-4 text-neutral-700 hover:bg-neutral-50 hover:text-neutral-950 dark:text-neutral-100 hover:dark:bg-neutral-950 hover:dark:text-neutral-50">
            <div class="flex w-full items-center gap-x-2 py-2">

</div></div>

</div>
    
</div>
            
        </div>
    </div>
            </template>
    
</div>
            </div>
    </div>

</div>
                        </div>
                                            <div x-data="{
                            amplitude_context: {
                                ...amplitude_context,
                                section: 'top_episodes'                            }
                        }">
                            <div class="h-full" x-data="{ episode: JSON.parse('{\u0022image_url\u0022:\u0022https:\\\/\\\/d3wo5wojvuv7l.cloudfront.net\\\/t_square_limited_160\\\/images.spreaker.com\\\/original\\\/8f05038b88dbbfb8bf0df7746459ce5e.jpg\u0022,\u0022image_original_url\u0022:\u0022https:\\\/\\\/d3wo5wojvuv7l.cloudfront.net\\\/images.spreaker.com\\\/original\\\/8f05038b88dbbfb8bf0df7746459ce5e.jpg\u0022,\u0022episode_id\u0022:66345453,\u0022title\u0022:\u0022When Bedtime is Hard :(\u0022,\u0022duration\u0022:1357113,\u0022playback_url\u0022:\u0022https:\\\/\\\/api.spreaker.com\\\/v2\\\/episodes\\\/66345453\\\/play.mp3\u0022,\u0022show\u0022:{\u0022show_id\u0022:3545054,\u0022title\u0022:\u0022Honeybee Bedtime Stories\u0022},\u0022progress\u0022:null,\u0022completed_at\u0022:null}') }" x-init="$store.audio.updateEpisode(episode)">
    
                <div class="rounded-2xl bg-white dark:bg-neutral-800 p-4 flex h-full flex-col justify-between dark:text-neutral-200">
        <div class="flex w-52 flex-row-reverse justify-end gap-3 md:w-80 md:flex-row md:justify-between">
                
                <div>
                    <div class="hidden md:block">
                        <a
                            wire:navigate
                            class="text-md mb-1 line-clamp-3 max-w-64 cursor-pointer font-semibold hover:underline"
                            href="https://www.spreaker.com/episode/when-bedtime-is-hard--66345453">
                            When Bedtime is Hard :(
                        </a>
                    </div>
                    <a
                        wire:navigate
                        class="line-clamp-2 cursor-pointer text-xs font-semibold text-neutral-400 hover:underline"
                        href="https://www.spreaker.com/podcast/honeybee-bedtime-stories--3545054">
                        Honeybee Bedtime Stories
                    </a>
                </div>
                
                <div class="group relative shrink-0">
                        <img src="https://d3wo5wojvuv7l.cloudfront.net/t_square_limited_160/images.spreaker.com/original/8f05038b88dbbfb8bf0df7746459ce5e.jpg" alt="When Bedtime is Hard :(" class="w-12 h-12 rounded-lg aspect-square object-cover" loading="lazy" />

</div>
            </div>
            
            <div class="my-2 h-16 max-w-52 md:hidden">
                <a
                    wire:navigate
                    class="line-clamp-3 w-fit cursor-pointer text-sm font-semibold hover:underline"
                    href="https://www.spreaker.com/episode/when-bedtime-is-hard--66345453">
                    When Bedtime is Hard :(
                </a>
            </div>

</span>

<div class="flex items-center gap-2">
    <div class="flex items-center gap-1 text-xs text-neutral-500">
        <span class="flex items-center gap-1" x-show="$store.audio.getEpisodeCompleted(episode)">
            <svg class="dark:text-white text-neutral-500" data-icon-type="outline" width="16" height="16" viewBox="0 0 16 16" fill="currentColor"
    xmlns="http://www.w3.org/2000/svg" stroke="none">
    <path fill-rule="evenodd" clip-rule="evenodd"
        d="M14.5303 3.46967C14.8232 3.76256 14.8232 4.23744 14.5303 4.53033L7.23744 11.8232C6.55402 12.5066 5.44598 12.5066 4.76256 11.8232L1.46967 8.53033C1.17678 8.23744 1.17678 7.76256 1.46967 7.46967C1.76256 7.17678 2.23744 7.17678 2.53033 7.46967L5.82322 10.7626C5.92085 10.8602 6.07914 10.8602 6.17678 10.7626L13.4697 3.46967C13.7626 3.17678 14.2374 3.17678 14.5303 3.46967Z" />
</svg>
            Played
        </span>
        <span x-show="$store.audio.displayEpisodeDuration(episode)"
            :class="$store.audio.getEpisodeCompleted(episode) && true ? 'md:flex hidden' : ''">22m 37s</span>
    </div>
</div>
                </div>
                
                <div x-data="{ open: false }" class="relative inline-block text-left">
    <span x-ref="trigger"
        x-on:click="open = !open"
        class="cursor-pointer flex"><a type="button" class="cursor-pointer">
                            <svg class="text-yellow-700 dark:text-yellow-500" data-icon-type="solid" width="16" height="16" viewBox="0 0 16 16" fill="currentColor"
    xmlns="http://www.w3.org/2000/svg" stroke="none">
    <path fill-rule="evenodd" clip-rule="evenodd"
        d="M9.64673 3.5C9.64673 4.32843 8.97516 5 8.14673 5C7.3183 5 6.64673 4.32843 6.64673 3.5C6.64673 2.67157 7.3183 2 8.14673 2C8.97516 2 9.64673 2.67157 9.64673 3.5ZM9.64673 8.1698C9.64673 8.99823 8.97516 9.6698 8.14673 9.6698C7.3183 9.6698 6.64673 8.99823 6.64673 8.1698C6.64673 7.34137 7.3183 6.6698 8.14673 6.6698C8.97516 6.6698 9.64673 7.34137 9.64673 8.1698ZM8.14673 14C8.97516 14 9.64673 13.3284 9.64673 12.5C9.64673 11.6716 8.97516 11 8.14673 11C7.3183 11 6.64673 11.6716 6.64673 12.5C6.64673 13.3284 7.3183 14 8.14673 14Z" />
</svg>
                        </a></span>
            <template x-teleport="html">
    
    <div
        x-on:click.away="open = false"
        x-show="open"
        x-transition
        x-anchor.bottom-start="$refs.trigger"
        class="z-10 my-2 origin-top-right rounded-2xl bg-white dark:bg-neutral-600 drop-shadow-lg ring-1 ring-neutral-200 dark:ring-neutral-600 focus:outline-none min-w-44">
        <div class="py-2">
                            <div class="mx-2 rounded-lg px-4 text-neutral-700 hover:bg-neutral-50 hover:text-neutral-950 dark:text-neutral-100 hover:dark:bg-neutral-950 hover:dark:text-neutral-50">
            <div class="flex w-full items-center gap-x-2 py-2">

</div></div>

</div>
    
</div>
            
        </div>
    </div>
            </template>
    
</div>
            </div>
    </div>

</div>
                        </div>
                                            <div x-data="{
                            amplitude_context: {
                                ...amplitude_context,
                                section: 'top_episodes'                            }
                        }">
                            <div class="h-full" x-data="{ episode: JSON.parse('{\u0022image_url\u0022:\u0022https:\\\/\\\/d3wo5wojvuv7l.cloudfront.net\\\/t_square_limited_160\\\/images.spreaker.com\\\/original\\\/c2feb499c2c9d29edcc6879b3363452c.jpg\u0022,\u0022image_original_url\u0022:\u0022https:\\\/\\\/d3wo5wojvuv7l.cloudfront.net\\\/images.spreaker.com\\\/original\\\/c2feb499c2c9d29edcc6879b3363452c.jpg\u0022,\u0022episode_id\u0022:66763553,\u0022title\u0022:\u0022I Don\\u0027t Want Help! What Even is Growth? | #089\u0022,\u0022duration\u0022:3658790,\u0022playback_url\u0022:\u0022https:\\\/\\\/api.spreaker.com\\\/v2\\\/episodes\\\/66763553\\\/play.mp3\u0022,\u0022show\u0022:{\u0022show_id\u0022:6290085,\u0022title\u0022:\u0022Secondhand Therapy\u0022},\u0022progress\u0022:null,\u0022completed_at\u0022:null}') }" x-init="$store.audio.updateEpisode(episode)">
    
                <div class="rounded-2xl bg-white dark:bg-neutral-800 p-4 flex h-full flex-col justify-between dark:text-neutral-200">
        <div class="flex w-52 flex-row-reverse justify-end gap-3 md:w-80 md:flex-row md:justify-between">
                
                <div>
                    <div class="hidden md:block">
                        <a
                            wire:navigate
                            class="text-md mb-1 line-clamp-3 max-w-64 cursor-pointer font-semibold hover:underline"
                            href="https://www.spreaker.com/episode/i-don-t-want-help-what-even-is-growth-089--66763553">
                            I Don&#039;t Want Help! What Even is Growth? | #089
                        </a>
                    </div>
                    <a
                        wire:navigate
                        class="line-clamp-2 cursor-pointer text-xs font-semibold text-neutral-400 hover:underline"
                        href="https://www.spreaker.com/podcast/secondhand-therapy--6290085">
                        Secondhand Therapy
                    </a>
                </div>
                
                <div class="group relative shrink-0">
                        <img src="https://d3wo5wojvuv7l.cloudfront.net/t_square_limited_160/images.spreaker.com/original/c2feb499c2c9d29edcc6879b3363452c.jpg" alt="I Don&#039;t Want Help! What Even is Growth? | #089" class="w-12 h-12 rounded-lg aspect-square object-cover" loading="lazy" />

</div>
            </div>
            
            <div class="my-2 h-16 max-w-52 md:hidden">
                <a
                    wire:navigate
                    class="line-clamp-3 w-fit cursor-pointer text-sm font-semibold hover:underline"
                    href="https://www.spreaker.com/episode/i-don-t-want-help-what-even-is-growth-089--66763553">
                    I Don&#039;t Want Help! What Even is Growth? | #089
                </a>
            </div>

</span>

<div class="flex items-center gap-2">
    <div class="flex items-center gap-1 text-xs text-neutral-500">
        <span class="flex items-center gap-1" x-show="$store.audio.getEpisodeCompleted(episode)">
            <svg class="dark:text-white text-neutral-500" data-icon-type="outline" width="16" height="16" viewBox="0 0 16 16" fill="currentColor"
    xmlns="http://www.w3.org/2000/svg" stroke="none">
    <path fill-rule="evenodd" clip-rule="evenodd"
        d="M14.5303 3.46967C14.8232 3.76256 14.8232 4.23744 14.5303 4.53033L7.23744 11.8232C6.55402 12.5066 5.44598 12.5066 4.76256 11.8232L1.46967 8.53033C1.17678 8.23744 1.17678 7.76256 1.46967 7.46967C1.76256 7.17678 2.23744 7.17678 2.53033 7.46967L5.82322 10.7626C5.92085 10.8602 6.07914 10.8602 6.17678 10.7626L13.4697 3.46967C13.7626 3.17678 14.2374 3.17678 14.5303 3.46967Z" />
</svg>
            Played
        </span>
        <span x-show="$store.audio.displayEpisodeDuration(episode)"
            :class="$store.audio.getEpisodeCompleted(episode) && true ? 'md:flex hidden' : ''">1h 58s</span>
    </div>
</div>
                </div>
                
                <div x-data="{ open: false }" class="relative inline-block text-left">
    <span x-ref="trigger"
        x-on:click="open = !open"
        class="cursor-pointer flex"><a type="button" class="cursor-pointer">
                            <svg class="text-yellow-700 dark:text-yellow-500" data-icon-type="solid" width="16" height="16" viewBox="0 0 16 16" fill="currentColor"
    xmlns="http://www.w3.org/2000/svg" stroke="none">
    <path fill-rule="evenodd" clip-rule="evenodd"
        d="M9.64673 3.5C9.64673 4.32843 8.97516 5 8.14673 5C7.3183 5 6.64673 4.32843 6.64673 3.5C6.64673 2.67157 7.3183 2 8.14673 2C8.97516 2 9.64673 2.67157 9.64673 3.5ZM9.64673 8.1698C9.64673 8.99823 8.97516 9.6698 8.14673 9.6698C7.3183 9.6698 6.64673 8.99823 6.64673 8.1698C6.64673 7.34137 7.3183 6.6698 8.14673 6.6698C8.97516 6.6698 9.64673 7.34137 9.64673 8.1698ZM8.14673 14C8.97516 14 9.64673 13.3284 9.64673 12.5C9.64673 11.6716 8.97516 11 8.14673 11C7.3183 11 6.64673 11.6716 6.64673 12.5C6.64673 13.3284 7.3183 14 8.14673 14Z" />
</svg>
                        </a></span>
            <template x-teleport="html">
    
    <div
        x-on:click.away="open = false"
        x-show="open"
        x-transition
        x-anchor.bottom-start="$refs.trigger"
        class="z-10 my-2 origin-top-right rounded-2xl bg-white dark:bg-neutral-600 drop-shadow-lg ring-1 ring-neutral-200 dark:ring-neutral-600 focus:outline-none min-w-44">
        <div class="py-2">
                            <div class="mx-2 rounded-lg px-4 text-neutral-700 hover:bg-neutral-50 hover:text-neutral-950 dark:text-neutral-100 hover:dark:bg-neutral-950 hover:dark:text-neutral-50">
            <div class="flex w-full items-center gap-x-2 py-2">

</div></div>

</div>
    
</div>
            
        </div>
    </div>
            </template>
    
</div>
            </div>
    </div>

</div>
                        </div>
                                            <div x-data="{
                            amplitude_context: {
                                ...amplitude_context,
                                section: 'top_episodes'                            }
                        }">
                            <div class="h-full" x-data="{ episode: JSON.parse('{\u0022image_url\u0022:\u0022https:\\\/\\\/d3wo5wojvuv7l.cloudfront.net\\\/t_square_limited_160\\\/images.spreaker.com\\\/original\\\/995ff9f8f05d6acb47cfefa43a2d5cc4.jpg\u0022,\u0022image_original_url\u0022:\u0022https:\\\/\\\/d3wo5wojvuv7l.cloudfront.net\\\/images.spreaker.com\\\/original\\\/995ff9f8f05d6acb47cfefa43a2d5cc4.jpg\u0022,\u0022episode_id\u0022:66575698,\u0022title\u0022:\u0022315: The Fisher Children\u0022,\u0022duration\u0022:2435400,\u0022playback_url\u0022:\u0022https:\\\/\\\/api.spreaker.com\\\/v2\\\/episodes\\\/66575698\\\/play.mp3\u0022,\u0022show\u0022:{\u0022show_id\u0022:3527306,\u0022title\u0022:\u0022Morbidology\u0022},\u0022progress\u0022:null,\u0022completed_at\u0022:null}') }" x-init="$store.audio.updateEpisode(episode)">
    
                <div class="rounded-2xl bg-white dark:bg-neutral-800 p-4 flex h-full flex-col justify-between dark:text-neutral-200">
        <div class="flex w-52 flex-row-reverse justify-end gap-3 md:w-80 md:flex-row md:justify-between">
                
                <div>
                    <div class="hidden md:block">
                        <a
                            wire:navigate
                            class="text-md mb-1 line-clamp-3 max-w-64 cursor-pointer font-semibold hover:underline"
                            href="https://www.spreaker.com/episode/315-the-fisher-children--66575698">
                            315: The Fisher Children
                        </a>
                    </div>
                    <a
                        wire:navigate
                        class="line-clamp-2 cursor-pointer text-xs font-semibold text-neutral-400 hover:underline"
                        href="https://www.spreaker.com/podcast/morbidology--3527306">
                        Morbidology
                    </a>
                </div>
                
                <div class="group relative shrink-0">
                        <img src="https://d3wo5wojvuv7l.cloudfront.net/t_square_limited_160/images.spreaker.com/original/995ff9f8f05d6acb47cfefa43a2d5cc4.jpg" alt="315: The Fisher Children" class="w-12 h-12 rounded-lg aspect-square object-cover" loading="lazy" />

</div>
            </div>
            
            <div class="my-2 h-16 max-w-52 md:hidden">
                <a
                    wire:navigate
                    class="line-clamp-3 w-fit cursor-pointer text-sm font-semibold hover:underline"
                    href="https://www.spreaker.com/episode/315-the-fisher-children--66575698">
                    315: The Fisher Children
                </a>
            </div>

</span>

<div class="flex items-center gap-2">
    <div class="flex items-center gap-1 text-xs text-neutral-500">
        <span class="flex items-center gap-1" x-show="$store.audio.getEpisodeCompleted(episode)">
            <svg class="dark:text-white text-neutral-500" data-icon-type="outline" width="16" height="16" viewBox="0 0 16 16" fill="currentColor"
    xmlns="http://www.w3.org/2000/svg" stroke="none">
    <path fill-rule="evenodd" clip-rule="evenodd"
        d="M14.5303 3.46967C14.8232 3.76256 14.8232 4.23744 14.5303 4.53033L7.23744 11.8232C6.55402 12.5066 5.44598 12.5066 4.76256 11.8232L1.46967 8.53033C1.17678 8.23744 1.17678 7.76256 1.46967 7.46967C1.76256 7.17678 2.23744 7.17678 2.53033 7.46967L5.82322 10.7626C5.92085 10.8602 6.07914 10.8602 6.17678 10.7626L13.4697 3.46967C13.7626 3.17678 14.2374 3.17678 14.5303 3.46967Z" />
</svg>
            Played
        </span>
        <span x-show="$store.audio.displayEpisodeDuration(episode)"
            :class="$store.audio.getEpisodeCompleted(episode) && true ? 'md:flex hidden' : ''">40m 35s</span>
    </div>
</div>
                </div>
                
                <div x-data="{ open: false }" class="relative inline-block text-left">
    <span x-ref="trigger"
        x-on:click="open = !open"
        class="cursor-pointer flex"><a type="button" class="cursor-pointer">
                            <svg class="text-yellow-700 dark:text-yellow-500" data-icon-type="solid" width="16" height="16" viewBox="0 0 16 16" fill="currentColor"
    xmlns="http://www.w3.org/2000/svg" stroke="none">
    <path fill-rule="evenodd" clip-rule="evenodd"
        d="M9.64673 3.5C9.64673 4.32843 8.97516 5 8.14673 5C7.3183 5 6.64673 4.32843 6.64673 3.5C6.64673 2.67157 7.3183 2 8.14673 2C8.97516 2 9.64673 2.67157 9.64673 3.5ZM9.64673 8.1698C9.64673 8.99823 8.97516 9.6698 8.14673 9.6698C7.3183 9.6698 6.64673 8.99823 6.64673 8.1698C6.64673 7.34137 7.3183 6.6698 8.14673 6.6698C8.97516 6.6698 9.64673 7.34137 9.64673 8.1698ZM8.14673 14C8.97516 14 9.64673 13.3284 9.64673 12.5C9.64673 11.6716 8.97516 11 8.14673 11C7.3183 11 6.64673 11.6716 6.64673 12.5C6.64673 13.3284 7.3183 14 8.14673 14Z" />
</svg>
                        </a></span>
            <template x-teleport="html">
    
    <div
        x-on:click.away="open = false"
        x-show="open"
        x-transition
        x-anchor.bottom-start="$refs.trigger"
        class="z-10 my-2 origin-top-right rounded-2xl bg-white dark:bg-neutral-600 drop-shadow-lg ring-1 ring-neutral-200 dark:ring-neutral-600 focus:outline-none min-w-44">
        <div class="py-2">
                            <div class="mx-2 rounded-lg px-4 text-neutral-700 hover:bg-neutral-50 hover:text-neutral-950 dark:text-neutral-100 hover:dark:bg-neutral-950 hover:dark:text-neutral-50">
            <div class="flex w-full items-center gap-x-2 py-2">

</div></div>

</div>
    
</div>
            
        </div>
    </div>
            </template>
    
</div>
            </div>
    </div>

</div>
                        </div>
                                            <div x-data="{
                            amplitude_context: {
                                ...amplitude_context,
                                section: 'top_episodes'                            }
                        }">
                            <div class="h-full" x-data="{ episode: JSON.parse('{\u0022image_url\u0022:\u0022https:\\\/\\\/d3wo5wojvuv7l.cloudfront.net\\\/t_square_limited_160\\\/images.spreaker.com\\\/original\\\/e3bd3f3c5c2d969fa5ad209bcee28215.jpg\u0022,\u0022image_original_url\u0022:\u0022https:\\\/\\\/d3wo5wojvuv7l.cloudfront.net\\\/images.spreaker.com\\\/original\\\/e3bd3f3c5c2d969fa5ad209bcee28215.jpg\u0022,\u0022episode_id\u0022:66788640,\u0022title\u0022:\u0022\\u0022I\\u2019ve Been a Cop for 20 Years. Nothing Prepared Me For What Happened Last Night\\u0022 Creepypasta\u0022,\u0022duration\u0022:2200450,\u0022playback_url\u0022:\u0022https:\\\/\\\/api.spreaker.com\\\/v2\\\/episodes\\\/66788640\\\/play.mp3\u0022,\u0022show\u0022:{\u0022show_id\u0022:4253631,\u0022title\u0022:\u0022CreepsMcPasta Creepypasta Radio\u0022},\u0022progress\u0022:null,\u0022completed_at\u0022:null}') }" x-init="$store.audio.updateEpisode(episode)">
    
                <div class="rounded-2xl bg-white dark:bg-neutral-800 p-4 flex h-full flex-col justify-between dark:text-neutral-200">
        <div class="flex w-52 flex-row-reverse justify-end gap-3 md:w-80 md:flex-row md:justify-between">
                
                <div>
                    <div class="hidden md:block">
                        <a
                            wire:navigate
                            class="text-md mb-1 line-clamp-3 max-w-64 cursor-pointer font-semibold hover:underline"
                            href="https://www.spreaker.com/episode/i-ve-been-a-cop-for-20-years-nothing-prepared-me-for-what-happened-last-night-creepypasta--66788640">
                            &quot;I’ve Been a Cop for 20 Years. Nothing Prepared Me For What Happened Last Night&quot; Creepypasta
                        </a>
                    </div>
                    <a
                        wire:navigate
                        class="line-clamp-2 cursor-pointer text-xs font-semibold text-neutral-400 hover:underline"
                        href="https://www.spreaker.com/podcast/creepsmcpasta-creepypasta-radio--4253631">
                        CreepsMcPasta Creepypasta Radio
                    </a>
                </div>
                
                <div class="group relative shrink-0">
                        <img src="https://d3wo5wojvuv7l.cloudfront.net/t_square_limited_160/images.spreaker.com/original/e3bd3f3c5c2d969fa5ad209bcee28215.jpg" alt="&quot;I’ve Been a Cop for 20 Years. Nothing Prepared Me For What Happened Last Night&quot; Creepypasta" class="w-12 h-12 rounded-lg aspect-square object-cover" loading="lazy" />

</div>
            </div>
            
            <div class="my-2 h-16 max-w-52 md:hidden">
                <a
                    wire:navigate
                    class="line-clamp-3 w-fit cursor-pointer text-sm font-semibold hover:underline"
                    href="https://www.spreaker.com/episode/i-ve-been-a-cop-for-20-years-nothing-prepared-me-for-what-happened-last-night-creepypasta--66788640">
                    &quot;I’ve Been a Cop for 20 Years. Nothing Prepared Me For What Happened Last Night&quot; Creepypasta
                </a>
            </div>

</span>

<div class="flex items-center gap-2">
    <div class="flex items-center gap-1 text-xs text-neutral-500">
        <span class="flex items-center gap-1" x-show="$store.audio.getEpisodeCompleted(episode)">
            <svg class="dark:text-white text-neutral-500" data-icon-type="outline" width="16" height="16" viewBox="0 0 16 16" fill="currentColor"
    xmlns="http://www.w3.org/2000/svg" stroke="none">
    <path fill-rule="evenodd" clip-rule="evenodd"
        d="M14.5303 3.46967C14.8232 3.76256 14.8232 4.23744 14.5303 4.53033L7.23744 11.8232C6.55402 12.5066 5.44598 12.5066 4.76256 11.8232L1.46967 8.53033C1.17678 8.23744 1.17678 7.76256 1.46967 7.46967C1.76256 7.17678 2.23744 7.17678 2.53033 7.46967L5.82322 10.7626C5.92085 10.8602 6.07914 10.8602 6.17678 10.7626L13.4697 3.46967C13.7626 3.17678 14.2374 3.17678 14.5303 3.46967Z" />
</svg>
            Played
        </span>
        <span x-show="$store.audio.displayEpisodeDuration(episode)"
            :class="$store.audio.getEpisodeCompleted(episode) && true ? 'md:flex hidden' : ''">36m 40s</span>
    </div>
</div>
                </div>
                
                <div x-data="{ open: false }" class="relative inline-block text-left">
    <span x-ref="trigger"
        x-on:click="open = !open"
        class="cursor-pointer flex"><a type="button" class="cursor-pointer">
                            <svg class="text-yellow-700 dark:text-yellow-500" data-icon-type="solid" width="16" height="16" viewBox="0 0 16 16" fill="currentColor"
    xmlns="http://www.w3.org/2000/svg" stroke="none">
    <path fill-rule="evenodd" clip-rule="evenodd"
        d="M9.64673 3.5C9.64673 4.32843 8.97516 5 8.14673 5C7.3183 5 6.64673 4.32843 6.64673 3.5C6.64673 2.67157 7.3183 2 8.14673 2C8.97516 2 9.64673 2.67157 9.64673 3.5ZM9.64673 8.1698C9.64673 8.99823 8.97516 9.6698 8.14673 9.6698C7.3183 9.6698 6.64673 8.99823 6.64673 8.1698C6.64673 7.34137 7.3183 6.6698 8.14673 6.6698C8.97516 6.6698 9.64673 7.34137 9.64673 8.1698ZM8.14673 14C8.97516 14 9.64673 13.3284 9.64673 12.5C9.64673 11.6716 8.97516 11 8.14673 11C7.3183 11 6.64673 11.6716 6.64673 12.5C6.64673 13.3284 7.3183 14 8.14673 14Z" />
</svg>
                        </a></span>
            <template x-teleport="html">
    
    <div
        x-on:click.away="open = false"
        x-show="open"
        x-transition
        x-anchor.bottom-start="$refs.trigger"
        class="z-10 my-2 origin-top-right rounded-2xl bg-white dark:bg-neutral-600 drop-shadow-lg ring-1 ring-neutral-200 dark:ring-neutral-600 focus:outline-none min-w-44">
        <div class="py-2">
                            <div class="mx-2 rounded-lg px-4 text-neutral-700 hover:bg-neutral-50 hover:text-neutral-950 dark:text-neutral-100 hover:dark:bg-neutral-950 hover:dark:text-neutral-50">
            <div class="flex w-full items-center gap-x-2 py-2">

</div></div>

</div>
    
</div>
            
        </div>
    </div>
            </template>
    
</div>
            </div>
    </div>

</div>
                        </div>
                                            <div x-data="{
                            amplitude_context: {
                                ...amplitude_context,
                                section: 'top_episodes'                            }
                        }">
                            <div class="h-full" x-data="{ episode: JSON.parse('{\u0022image_url\u0022:\u0022https:\\\/\\\/d3wo5wojvuv7l.cloudfront.net\\\/t_square_limited_160\\\/images.spreaker.com\\\/original\\\/88d9888baa9b9f147a64a175d3fc032e.jpg\u0022,\u0022image_original_url\u0022:\u0022https:\\\/\\\/d3wo5wojvuv7l.cloudfront.net\\\/images.spreaker.com\\\/original\\\/88d9888baa9b9f147a64a175d3fc032e.jpg\u0022,\u0022episode_id\u0022:66782735,\u0022title\u0022:\u0022Andre Chaisson: Telepylos, from Myth to Reality\u0022,\u0022duration\u0022:4856010,\u0022playback_url\u0022:\u0022https:\\\/\\\/api.spreaker.com\\\/v2\\\/episodes\\\/66782735\\\/play.mp3\u0022,\u0022show\u0022:{\u0022show_id\u0022:2790919,\u0022title\u0022:\u0022Earth Ancients\u0022},\u0022progress\u0022:null,\u0022completed_at\u0022:null}') }" x-init="$store.audio.updateEpisode(episode)">
    
                <div class="rounded-2xl bg-white dark:bg-neutral-800 p-4 flex h-full flex-col justify-between dark:text-neutral-200">
        <div class="flex w-52 flex-row-reverse justify-end gap-3 md:w-80 md:flex-row md:justify-between">
                
                <div>
                    <div class="hidden md:block">
                        <a
                            wire:navigate
                            class="text-md mb-1 line-clamp-3 max-w-64 cursor-pointer font-semibold hover:underline"
                            href="https://www.spreaker.com/episode/andre-chaisson-telepylos-from-myth-to-reality--66782735">
                            Andre Chaisson: Telepylos, from Myth to Reality
                        </a>
                    </div>
                    <a
                        wire:navigate
                        class="line-clamp-2 cursor-pointer text-xs font-semibold text-neutral-400 hover:underline"
                        href="https://www.spreaker.com/podcast/earth-ancients--2790919">
                        Earth Ancients
                    </a>
                </div>
                
                <div class="group relative shrink-0">
                        <img src="https://d3wo5wojvuv7l.cloudfront.net/t_square_limited_160/images.spreaker.com/original/88d9888baa9b9f147a64a175d3fc032e.jpg" alt="Andre Chaisson: Telepylos, from Myth to Reality" class="w-12 h-12 rounded-lg aspect-square object-cover" loading="lazy" />

</div>
            </div>
            
            <div class="my-2 h-16 max-w-52 md:hidden">
                <a
                    wire:navigate
                    class="line-clamp-3 w-fit cursor-pointer text-sm font-semibold hover:underline"
                    href="https://www.spreaker.com/episode/andre-chaisson-telepylos-from-myth-to-reality--66782735">
                    Andre Chaisson: Telepylos, from Myth to Reality
                </a>
            </div>

</span>

<div class="flex items-center gap-2">
    <div class="flex items-center gap-1 text-xs text-neutral-500">
        <span class="flex items-center gap-1" x-show="$store.audio.getEpisodeCompleted(episode)">
            <svg class="dark:text-white text-neutral-500" data-icon-type="outline" width="16" height="16" viewBox="0 0 16 16" fill="currentColor"
    xmlns="http://www.w3.org/2000/svg" stroke="none">
    <path fill-rule="evenodd" clip-rule="evenodd"
        d="M14.5303 3.46967C14.8232 3.76256 14.8232 4.23744 14.5303 4.53033L7.23744 11.8232C6.55402 12.5066 5.44598 12.5066 4.76256 11.8232L1.46967 8.53033C1.17678 8.23744 1.17678 7.76256 1.46967 7.46967C1.76256 7.17678 2.23744 7.17678 2.53033 7.46967L5.82322 10.7626C5.92085 10.8602 6.07914 10.8602 6.17678 10.7626L13.4697 3.46967C13.7626 3.17678 14.2374 3.17678 14.5303 3.46967Z" />
</svg>
            Played
        </span>
        <span x-show="$store.audio.displayEpisodeDuration(episode)"
            :class="$store.audio.getEpisodeCompleted(episode) && true ? 'md:flex hidden' : ''">1h 20m 56s</span>
    </div>
</div>
                </div>
                
                <div x-data="{ open: false }" class="relative inline-block text-left">
    <span x-ref="trigger"
        x-on:click="open = !open"
        class="cursor-pointer flex"><a type="button" class="cursor-pointer">
                            <svg class="text-yellow-700 dark:text-yellow-500" data-icon-type="solid" width="16" height="16" viewBox="0 0 16 16" fill="currentColor"
    xmlns="http://www.w3.org/2000/svg" stroke="none">
    <path fill-rule="evenodd" clip-rule="evenodd"
        d="M9.64673 3.5C9.64673 4.32843 8.97516 5 8.14673 5C7.3183 5 6.64673 4.32843 6.64673 3.5C6.64673 2.67157 7.3183 2 8.14673 2C8.97516 2 9.64673 2.67157 9.64673 3.5ZM9.64673 8.1698C9.64673 8.99823 8.97516 9.6698 8.14673 9.6698C7.3183 9.6698 6.64673 8.99823 6.64673 8.1698C6.64673 7.34137 7.3183 6.6698 8.14673 6.6698C8.97516 6.6698 9.64673 7.34137 9.64673 8.1698ZM8.14673 14C8.97516 14 9.64673 13.3284 9.64673 12.5C9.64673 11.6716 8.97516 11 8.14673 11C7.3183 11 6.64673 11.6716 6.64673 12.5C6.64673 13.3284 7.3183 14 8.14673 14Z" />
</svg>
                        </a></span>
            <template x-teleport="html">
    
    <div
        x-on:click.away="open = false"
        x-show="open"
        x-transition
        x-anchor.bottom-start="$refs.trigger"
        class="z-10 my-2 origin-top-right rounded-2xl bg-white dark:bg-neutral-600 drop-shadow-lg ring-1 ring-neutral-200 dark:ring-neutral-600 focus:outline-none min-w-44">
        <div class="py-2">
                            <div class="mx-2 rounded-lg px-4 text-neutral-700 hover:bg-neutral-50 hover:text-neutral-950 dark:text-neutral-100 hover:dark:bg-neutral-950 hover:dark:text-neutral-50">
            <div class="flex w-full items-center gap-x-2 py-2">

</div></div>

</div>
    
</div>
            
        </div>
    </div>
            </template>
    
</div>
            </div>
    </div>

</div>
                        </div>
                                            <div x-data="{
                            amplitude_context: {
                                ...amplitude_context,
                                section: 'top_episodes'                            }
                        }">
                            <div class="h-full" x-data="{ episode: JSON.parse('{\u0022image_url\u0022:\u0022https:\\\/\\\/d3wo5wojvuv7l.cloudfront.net\\\/t_square_limited_160\\\/images.spreaker.com\\\/original\\\/a9af09c48088f99c65c743a7a632622b.jpg\u0022,\u0022image_original_url\u0022:\u0022https:\\\/\\\/d3wo5wojvuv7l.cloudfront.net\\\/images.spreaker.com\\\/original\\\/a9af09c48088f99c65c743a7a632622b.jpg\u0022,\u0022episode_id\u0022:66785421,\u0022title\u0022:\u0022COSAS DE TACOS\u0022,\u0022duration\u0022:4217290,\u0022playback_url\u0022:\u0022https:\\\/\\\/api.spreaker.com\\\/v2\\\/episodes\\\/66785421\\\/play.mp3\u0022,\u0022show\u0022:{\u0022show_id\u0022:5337194,\u0022title\u0022:\u0022Hermanos de Leche\u0022},\u0022progress\u0022:null,\u0022completed_at\u0022:null}') }" x-init="$store.audio.updateEpisode(episode)">
    
                <div class="rounded-2xl bg-white dark:bg-neutral-800 p-4 flex h-full flex-col justify-between dark:text-neutral-200">
        <div class="flex w-52 flex-row-reverse justify-end gap-3 md:w-80 md:flex-row md:justify-between">
                
                <div>
                    <div class="hidden md:block">
                        <a
                            wire:navigate
                            class="text-md mb-1 line-clamp-3 max-w-64 cursor-pointer font-semibold hover:underline"
                            href="https://www.spreaker.com/episode/cosas-de-tacos--66785421">
                            COSAS DE TACOS
                        </a>
                    </div>
                    <a
                        wire:navigate
                        class="line-clamp-2 cursor-pointer text-xs font-semibold text-neutral-400 hover:underline"
                        href="https://www.spreaker.com/podcast/hermanos-de-leche--5337194">
                        Hermanos de Leche
                    </a>
                </div>
                
                <div class="group relative shrink-0">
                        <img src="https://d3wo5wojvuv7l.cloudfront.net/t_square_limited_160/images.spreaker.com/original/a9af09c48088f99c65c743a7a632622b.jpg" alt="COSAS DE TACOS" class="w-12 h-12 rounded-lg aspect-square object-cover" loading="lazy" />

</div>
            </div>
            
            <div class="my-2 h-16 max-w-52 md:hidden">
                <a
                    wire:navigate
                    class="line-clamp-3 w-fit cursor-pointer text-sm font-semibold hover:underline"
                    href="https://www.spreaker.com/episode/cosas-de-tacos--66785421">
                    COSAS DE TACOS
                </a>
            </div>

</span>

<div class="flex items-center gap-2">
    <div class="flex items-center gap-1 text-xs text-neutral-500">
        <span class="flex items-center gap-1" x-show="$store.audio.getEpisodeCompleted(episode)">
            <svg class="dark:text-white text-neutral-500" data-icon-type="outline" width="16" height="16" viewBox="0 0 16 16" fill="currentColor"
    xmlns="http://www.w3.org/2000/svg" stroke="none">
    <path fill-rule="evenodd" clip-rule="evenodd"
        d="M14.5303 3.46967C14.8232 3.76256 14.8232 4.23744 14.5303 4.53033L7.23744 11.8232C6.55402 12.5066 5.44598 12.5066 4.76256 11.8232L1.46967 8.53033C1.17678 8.23744 1.17678 7.76256 1.46967 7.46967C1.76256 7.17678 2.23744 7.17678 2.53033 7.46967L5.82322 10.7626C5.92085 10.8602 6.07914 10.8602 6.17678 10.7626L13.4697 3.46967C13.7626 3.17678 14.2374 3.17678 14.5303 3.46967Z" />
</svg>
            Played
        </span>
        <span x-show="$store.audio.displayEpisodeDuration(episode)"
            :class="$store.audio.getEpisodeCompleted(episode) && true ? 'md:flex hidden' : ''">1h 10m 17s</span>
    </div>
</div>
                </div>
                
                <div x-data="{ open: false }" class="relative inline-block text-left">
    <span x-ref="trigger"
        x-on:click="open = !open"
        class="cursor-pointer flex"><a type="button" class="cursor-pointer">
                            <svg class="text-yellow-700 dark:text-yellow-500" data-icon-type="solid" width="16" height="16" viewBox="0 0 16 16" fill="currentColor"
    xmlns="http://www.w3.org/2000/svg" stroke="none">
    <path fill-rule="evenodd" clip-rule="evenodd"
        d="M9.64673 3.5C9.64673 4.32843 8.97516 5 8.14673 5C7.3183 5 6.64673 4.32843 6.64673 3.5C6.64673 2.67157 7.3183 2 8.14673 2C8.97516 2 9.64673 2.67157 9.64673 3.5ZM9.64673 8.1698C9.64673 8.99823 8.97516 9.6698 8.14673 9.6698C7.3183 9.6698 6.64673 8.99823 6.64673 8.1698C6.64673 7.34137 7.3183 6.6698 8.14673 6.6698C8.97516 6.6698 9.64673 7.34137 9.64673 8.1698ZM8.14673 14C8.97516 14 9.64673 13.3284 9.64673 12.5C9.64673 11.6716 8.97516 11 8.14673 11C7.3183 11 6.64673 11.6716 6.64673 12.5C6.64673 13.3284 7.3183 14 8.14673 14Z" />
</svg>
                        </a></span>
            <template x-teleport="html">
    
    <div
        x-on:click.away="open = false"
        x-show="open"
        x-transition
        x-anchor.bottom-start="$refs.trigger"
        class="z-10 my-2 origin-top-right rounded-2xl bg-white dark:bg-neutral-600 drop-shadow-lg ring-1 ring-neutral-200 dark:ring-neutral-600 focus:outline-none min-w-44">
        <div class="py-2">
                            <div class="mx-2 rounded-lg px-4 text-neutral-700 hover:bg-neutral-50 hover:text-neutral-950 dark:text-neutral-100 hover:dark:bg-neutral-950 hover:dark:text-neutral-50">
            <div class="flex w-full items-center gap-x-2 py-2">

</div></div>

</div>
    
</div>
            
        </div>
    </div>
            </template>
    
</div>
            </div>
    </div>

</div>
                        </div>
                                            <div x-data="{
                            amplitude_context: {
                                ...amplitude_context,
                                section: 'top_episodes'                            }
                        }">
                            <div class="h-full" x-data="{ episode: JSON.parse('{\u0022image_url\u0022:\u0022https:\\\/\\\/d3wo5wojvuv7l.cloudfront.net\\\/t_square_limited_160\\\/images.spreaker.com\\\/original\\\/c1b3f2513c2e04bbc4f96f025834f162.jpg\u0022,\u0022image_original_url\u0022:\u0022https:\\\/\\\/d3wo5wojvuv7l.cloudfront.net\\\/images.spreaker.com\\\/original\\\/c1b3f2513c2e04bbc4f96f025834f162.jpg\u0022,\u0022episode_id\u0022:66782493,\u0022title\u0022:\u0022I don\\u0027t shower with my door ajar anymore by JLGoodwin1990\u0022,\u0022duration\u0022:1799260,\u0022playback_url\u0022:\u0022https:\\\/\\\/api.spreaker.com\\\/v2\\\/episodes\\\/66782493\\\/play.mp3\u0022,\u0022show\u0022:{\u0022show_id\u0022:4244348,\u0022title\u0022:\u0022MrCreepyPasta\\u0027s Storytime\u0022},\u0022progress\u0022:null,\u0022completed_at\u0022:null}') }" x-init="$store.audio.updateEpisode(episode)">
    
                <div class="rounded-2xl bg-white dark:bg-neutral-800 p-4 flex h-full flex-col justify-between dark:text-neutral-200">
        <div class="flex w-52 flex-row-reverse justify-end gap-3 md:w-80 md:flex-row md:justify-between">
                
                <div>
                    <div class="hidden md:block">
                        <a
                            wire:navigate
                            class="text-md mb-1 line-clamp-3 max-w-64 cursor-pointer font-semibold hover:underline"
                            href="https://www.spreaker.com/episode/i-don-t-shower-with-my-door-ajar-anymore-by-jlgoodwin1990--66782493">
                            I don&#039;t shower with my door ajar anymore by JLGoodwin1990
                        </a>
                    </div>
                    <a
                        wire:navigate
                        class="line-clamp-2 cursor-pointer text-xs font-semibold text-neutral-400 hover:underline"
                        href="https://www.spreaker.com/podcast/mrcreepypasta-s-storytime--4244348">
                        MrCreepyPasta&#039;s Storytime
                    </a>
                </div>
                
                <div class="group relative shrink-0">
                        <img src="https://d3wo5wojvuv7l.cloudfront.net/t_square_limited_160/images.spreaker.com/original/c1b3f2513c2e04bbc4f96f025834f162.jpg" alt="I don&#039;t shower with my door ajar anymore by JLGoodwin1990" class="w-12 h-12 rounded-lg aspect-square object-cover" loading="lazy" />

</div>
            </div>
            
            <div class="my-2 h-16 max-w-52 md:hidden">
                <a
                    wire:navigate
                    class="line-clamp-3 w-fit cursor-pointer text-sm font-semibold hover:underline"
                    href="https://www.spreaker.com/episode/i-don-t-shower-with-my-door-ajar-anymore-by-jlgoodwin1990--66782493">
                    I don&#039;t shower with my door ajar anymore by JLGoodwin1990
                </a>
            </div>

</span>

<div class="flex items-center gap-2">
    <div class="flex items-center gap-1 text-xs text-neutral-500">
        <span class="flex items-center gap-1" x-show="$store.audio.getEpisodeCompleted(episode)">
            <svg class="dark:text-white text-neutral-500" data-icon-type="outline" width="16" height="16" viewBox="0 0 16 16" fill="currentColor"
    xmlns="http://www.w3.org/2000/svg" stroke="none">
    <path fill-rule="evenodd" clip-rule="evenodd"
        d="M14.5303 3.46967C14.8232 3.76256 14.8232 4.23744 14.5303 4.53033L7.23744 11.8232C6.55402 12.5066 5.44598 12.5066 4.76256 11.8232L1.46967 8.53033C1.17678 8.23744 1.17678 7.76256 1.46967 7.46967C1.76256 7.17678 2.23744 7.17678 2.53033 7.46967L5.82322 10.7626C5.92085 10.8602 6.07914 10.8602 6.17678 10.7626L13.4697 3.46967C13.7626 3.17678 14.2374 3.17678 14.5303 3.46967Z" />
</svg>
            Played
        </span>
        <span x-show="$store.audio.displayEpisodeDuration(episode)"
            :class="$store.audio.getEpisodeCompleted(episode) && true ? 'md:flex hidden' : ''">29m 59s</span>
    </div>
</div>
                </div>
                
                <div x-data="{ open: false }" class="relative inline-block text-left">
    <span x-ref="trigger"
        x-on:click="open = !open"
        class="cursor-pointer flex"><a type="button" class="cursor-pointer">
                            <svg class="text-yellow-700 dark:text-yellow-500" data-icon-type="solid" width="16" height="16" viewBox="0 0 16 16" fill="currentColor"
    xmlns="http://www.w3.org/2000/svg" stroke="none">
    <path fill-rule="evenodd" clip-rule="evenodd"
        d="M9.64673 3.5C9.64673 4.32843 8.97516 5 8.14673 5C7.3183 5 6.64673 4.32843 6.64673 3.5C6.64673 2.67157 7.3183 2 8.14673 2C8.97516 2 9.64673 2.67157 9.64673 3.5ZM9.64673 8.1698C9.64673 8.99823 8.97516 9.6698 8.14673 9.6698C7.3183 9.6698 6.64673 8.99823 6.64673 8.1698C6.64673 7.34137 7.3183 6.6698 8.14673 6.6698C8.97516 6.6698 9.64673 7.34137 9.64673 8.1698ZM8.14673 14C8.97516 14 9.64673 13.3284 9.64673 12.5C9.64673 11.6716 8.97516 11 8.14673 11C7.3183 11 6.64673 11.6716 6.64673 12.5C6.64673 13.3284 7.3183 14 8.14673 14Z" />
</svg>
                        </a></span>
            <template x-teleport="html">
    
    <div
        x-on:click.away="open = false"
        x-show="open"
        x-transition
        x-anchor.bottom-start="$refs.trigger"
        class="z-10 my-2 origin-top-right rounded-2xl bg-white dark:bg-neutral-600 drop-shadow-lg ring-1 ring-neutral-200 dark:ring-neutral-600 focus:outline-none min-w-44">
        <div class="py-2">
                            <div class="mx-2 rounded-lg px-4 text-neutral-700 hover:bg-neutral-50 hover:text-neutral-950 dark:text-neutral-100 hover:dark:bg-neutral-950 hover:dark:text-neutral-50">
            <div class="flex w-full items-center gap-x-2 py-2">

</div></div>

</div>
    
</div>
            
        </div>
    </div>
            </template>
    
</div>
            </div>
    </div>

</div>
                        </div>
                                            <div x-data="{
                            amplitude_context: {
                                ...amplitude_context,
                                section: 'top_episodes'                            }
                        }">
                            <div class="h-full" x-data="{ episode: JSON.parse('{\u0022image_url\u0022:\u0022https:\\\/\\\/d3wo5wojvuv7l.cloudfront.net\\\/t_square_limited_160\\\/images.spreaker.com\\\/original\\\/b8fedb8553a051e6614f9f77cf6649fd.jpg\u0022,\u0022image_original_url\u0022:\u0022https:\\\/\\\/d3wo5wojvuv7l.cloudfront.net\\\/images.spreaker.com\\\/original\\\/b8fedb8553a051e6614f9f77cf6649fd.jpg\u0022,\u0022episode_id\u0022:66766713,\u0022title\u0022:\u0022#GreedIsGood: The Crimes of Alan Hruby\u0022,\u0022duration\u0022:2236840,\u0022playback_url\u0022:\u0022https:\\\/\\\/api.spreaker.com\\\/v2\\\/episodes\\\/66766713\\\/play.mp3\u0022,\u0022show\u0022:{\u0022show_id\u0022:4251960,\u0022title\u0022:\u0022True Crime Campfire\u0022},\u0022progress\u0022:null,\u0022completed_at\u0022:null}') }" x-init="$store.audio.updateEpisode(episode)">
    
                <div class="rounded-2xl bg-white dark:bg-neutral-800 p-4 flex h-full flex-col justify-between dark:text-neutral-200">
        <div class="flex w-52 flex-row-reverse justify-end gap-3 md:w-80 md:flex-row md:justify-between">
                
                <div>
                    <div class="hidden md:block">
                        <a
                            wire:navigate
                            class="text-md mb-1 line-clamp-3 max-w-64 cursor-pointer font-semibold hover:underline"
                            href="https://www.spreaker.com/episode/greedisgood-the-crimes-of-alan-hruby--66766713">
                            #GreedIsGood: The Crimes of Alan Hruby
                        </a>
                    </div>
                    <a
                        wire:navigate
                        class="line-clamp-2 cursor-pointer text-xs font-semibold text-neutral-400 hover:underline"
                        href="https://www.spreaker.com/podcast/true-crime-campfire--4251960">
                        True Crime Campfire
                    </a>
                </div>
                
                <div class="group relative shrink-0">
                        <img src="https://d3wo5wojvuv7l.cloudfront.net/t_square_limited_160/images.spreaker.com/original/b8fedb8553a051e6614f9f77cf6649fd.jpg" alt="#GreedIsGood: The Crimes of Alan Hruby" class="w-12 h-12 rounded-lg aspect-square object-cover" loading="lazy" />

</div>
            </div>
            
            <div class="my-2 h-16 max-w-52 md:hidden">
                <a
                    wire:navigate
                    class="line-clamp-3 w-fit cursor-pointer text-sm font-semibold hover:underline"
                    href="https://www.spreaker.com/episode/greedisgood-the-crimes-of-alan-hruby--66766713">
                    #GreedIsGood: The Crimes of Alan Hruby
                </a>
            </div>

</span>

<div class="flex items-center gap-2">
    <div class="flex items-center gap-1 text-xs text-neutral-500">
        <span class="flex items-center gap-1" x-show="$store.audio.getEpisodeCompleted(episode)">
            <svg class="dark:text-white text-neutral-500" data-icon-type="outline" width="16" height="16" viewBox="0 0 16 16" fill="currentColor"
    xmlns="http://www.w3.org/2000/svg" stroke="none">
    <path fill-rule="evenodd" clip-rule="evenodd"
        d="M14.5303 3.46967C14.8232 3.76256 14.8232 4.23744 14.5303 4.53033L7.23744 11.8232C6.55402 12.5066 5.44598 12.5066 4.76256 11.8232L1.46967 8.53033C1.17678 8.23744 1.17678 7.76256 1.46967 7.46967C1.76256 7.17678 2.23744 7.17678 2.53033 7.46967L5.82322 10.7626C5.92085 10.8602 6.07914 10.8602 6.17678 10.7626L13.4697 3.46967C13.7626 3.17678 14.2374 3.17678 14.5303 3.46967Z" />
</svg>
            Played
        </span>
        <span x-show="$store.audio.displayEpisodeDuration(episode)"
            :class="$store.audio.getEpisodeCompleted(episode) && true ? 'md:flex hidden' : ''">37m 16s</span>
    </div>
</div>
                </div>
                
                <div x-data="{ open: false }" class="relative inline-block text-left">
    <span x-ref="trigger"
        x-on:click="open = !open"
        class="cursor-pointer flex"><a type="button" class="cursor-pointer">
                            <svg class="text-yellow-700 dark:text-yellow-500" data-icon-type="solid" width="16" height="16" viewBox="0 0 16 16" fill="currentColor"
    xmlns="http://www.w3.org/2000/svg" stroke="none">
    <path fill-rule="evenodd" clip-rule="evenodd"
        d="M9.64673 3.5C9.64673 4.32843 8.97516 5 8.14673 5C7.3183 5 6.64673 4.32843 6.64673 3.5C6.64673 2.67157 7.3183 2 8.14673 2C8.97516 2 9.64673 2.67157 9.64673 3.5ZM9.64673 8.1698C9.64673 8.99823 8.97516 9.6698 8.14673 9.6698C7.3183 9.6698 6.64673 8.99823 6.64673 8.1698C6.64673 7.34137 7.3183 6.6698 8.14673 6.6698C8.97516 6.6698 9.64673 7.34137 9.64673 8.1698ZM8.14673 14C8.97516 14 9.64673 13.3284 9.64673 12.5C9.64673 11.6716 8.97516 11 8.14673 11C7.3183 11 6.64673 11.6716 6.64673 12.5C6.64673 13.3284 7.3183 14 8.14673 14Z" />
</svg>
                        </a></span>
            <template x-teleport="html">
    
    <div
        x-on:click.away="open = false"
        x-show="open"
        x-transition
        x-anchor.bottom-start="$refs.trigger"
        class="z-10 my-2 origin-top-right rounded-2xl bg-white dark:bg-neutral-600 drop-shadow-lg ring-1 ring-neutral-200 dark:ring-neutral-600 focus:outline-none min-w-44">
        <div class="py-2">
                            <div class="mx-2 rounded-lg px-4 text-neutral-700 hover:bg-neutral-50 hover:text-neutral-950 dark:text-neutral-100 hover:dark:bg-neutral-950 hover:dark:text-neutral-50">
            <div class="flex w-full items-center gap-x-2 py-2">

</div></div>

</div>
    
</div>
            
        </div>
    </div>
            </template>
    
</div>
            </div>
    </div>

</div>
                        </div>
                                            <div x-data="{
                            amplitude_context: {
                                ...amplitude_context,
                                section: 'top_episodes'                            }
                        }">
                            <div class="h-full" x-data="{ episode: JSON.parse('{\u0022image_url\u0022:\u0022https:\\\/\\\/d3wo5wojvuv7l.cloudfront.net\\\/t_square_limited_160\\\/images.spreaker.com\\\/original\\\/a3ea1b32236c15d652d60a6b4cc3223d.jpg\u0022,\u0022image_original_url\u0022:\u0022https:\\\/\\\/d3wo5wojvuv7l.cloudfront.net\\\/images.spreaker.com\\\/original\\\/a3ea1b32236c15d652d60a6b4cc3223d.jpg\u0022,\u0022episode_id\u0022:66708563,\u0022title\u0022:\u0022Calling From the Basement, Ouija Board Impostor \\u0026 The Spirit Stealer | 439\u0022,\u0022duration\u0022:1461030,\u0022playback_url\u0022:\u0022https:\\\/\\\/api.spreaker.com\\\/v2\\\/episodes\\\/66708563\\\/play.mp3\u0022,\u0022show\u0022:{\u0022show_id\u0022:2321086,\u0022title\u0022:\u0022Paranormal Mysteries\u0022},\u0022progress\u0022:null,\u0022completed_at\u0022:null}') }" x-init="$store.audio.updateEpisode(episode)">
    
                <div class="rounded-2xl bg-white dark:bg-neutral-800 p-4 flex h-full flex-col justify-between dark:text-neutral-200">
        <div class="flex w-52 flex-row-reverse justify-end gap-3 md:w-80 md:flex-row md:justify-between">
                
                <div>
                    <div class="hidden md:block">
                        <a
                            wire:navigate
                            class="text-md mb-1 line-clamp-3 max-w-64 cursor-pointer font-semibold hover:underline"
                            href="https://www.spreaker.com/episode/calling-from-the-basement-ouija-board-impostor-the-spirit-stealer-439--66708563">
                            Calling From the Basement, Ouija Board Impostor &amp; The Spirit Stealer | 439
                        </a>
                    </div>
                    <a
                        wire:navigate
                        class="line-clamp-2 cursor-pointer text-xs font-semibold text-neutral-400 hover:underline"
                        href="https://www.spreaker.com/podcast/paranormal-mysteries--2321086">
                        Paranormal Mysteries
                    </a>
                </div>
                
                <div class="group relative shrink-0">
                        <img src="https://d3wo5wojvuv7l.cloudfront.net/t_square_limited_160/images.spreaker.com/original/a3ea1b32236c15d652d60a6b4cc3223d.jpg" alt="Calling From the Basement, Ouija Board Impostor &amp; The Spirit Stealer | 439" class="w-12 h-12 rounded-lg aspect-square object-cover" loading="lazy" />

</div>
            </div>
            
            <div class="my-2 h-16 max-w-52 md:hidden">
                <a
                    wire:navigate
                    class="line-clamp-3 w-fit cursor-pointer text-sm font-semibold hover:underline"
                    href="https://www.spreaker.com/episode/calling-from-the-basement-ouija-board-impostor-the-spirit-stealer-439--66708563">
                    Calling From the Basement, Ouija Board Impostor &amp; The Spirit Stealer | 439
                </a>
            </div>

</span>

<div class="flex items-center gap-2">
    <div class="flex items-center gap-1 text-xs text-neutral-500">
        <span class="flex items-center gap-1" x-show="$store.audio.getEpisodeCompleted(episode)">
            <svg class="dark:text-white text-neutral-500" data-icon-type="outline" width="16" height="16" viewBox="0 0 16 16" fill="currentColor"
    xmlns="http://www.w3.org/2000/svg" stroke="none">
    <path fill-rule="evenodd" clip-rule="evenodd"
        d="M14.5303 3.46967C14.8232 3.76256 14.8232 4.23744 14.5303 4.53033L7.23744 11.8232C6.55402 12.5066 5.44598 12.5066 4.76256 11.8232L1.46967 8.53033C1.17678 8.23744 1.17678 7.76256 1.46967 7.46967C1.76256 7.17678 2.23744 7.17678 2.53033 7.46967L5.82322 10.7626C5.92085 10.8602 6.07914 10.8602 6.17678 10.7626L13.4697 3.46967C13.7626 3.17678 14.2374 3.17678 14.5303 3.46967Z" />
</svg>
            Played
        </span>
        <span x-show="$store.audio.displayEpisodeDuration(episode)"
            :class="$store.audio.getEpisodeCompleted(episode) && true ? 'md:flex hidden' : ''">24m 21s</span>
    </div>
</div>
                </div>
                
                <div x-data="{ open: false }" class="relative inline-block text-left">
    <span x-ref="trigger"
        x-on:click="open = !open"
        class="cursor-pointer flex"><a type="button" class="cursor-pointer">
                            <svg class="text-yellow-700 dark:text-yellow-500" data-icon-type="solid" width="16" height="16" viewBox="0 0 16 16" fill="currentColor"
    xmlns="http://www.w3.org/2000/svg" stroke="none">
    <path fill-rule="evenodd" clip-rule="evenodd"
        d="M9.64673 3.5C9.64673 4.32843 8.97516 5 8.14673 5C7.3183 5 6.64673 4.32843 6.64673 3.5C6.64673 2.67157 7.3183 2 8.14673 2C8.97516 2 9.64673 2.67157 9.64673 3.5ZM9.64673 8.1698C9.64673 8.99823 8.97516 9.6698 8.14673 9.6698C7.3183 9.6698 6.64673 8.99823 6.64673 8.1698C6.64673 7.34137 7.3183 6.6698 8.14673 6.6698C8.97516 6.6698 9.64673 7.34137 9.64673 8.1698ZM8.14673 14C8.97516 14 9.64673 13.3284 9.64673 12.5C9.64673 11.6716 8.97516 11 8.14673 11C7.3183 11 6.64673 11.6716 6.64673 12.5C6.64673 13.3284 7.3183 14 8.14673 14Z" />
</svg>
                        </a></span>
            <template x-teleport="html">
    
    <div
        x-on:click.away="open = false"
        x-show="open"
        x-transition
        x-anchor.bottom-start="$refs.trigger"
        class="z-10 my-2 origin-top-right rounded-2xl bg-white dark:bg-neutral-600 drop-shadow-lg ring-1 ring-neutral-200 dark:ring-neutral-600 focus:outline-none min-w-44">
        <div class="py-2">
                            <div class="mx-2 rounded-lg px-4 text-neutral-700 hover:bg-neutral-50 hover:text-neutral-950 dark:text-neutral-100 hover:dark:bg-neutral-950 hover:dark:text-neutral-50">
            <div class="flex w-full items-center gap-x-2 py-2">

</div></div>

</div>
    
</div>
            
        </div>
    </div>
            </template>
    
</div>
            </div>
    </div>

</div>
                        </div>
                                            <div x-data="{
                            amplitude_context: {
                                ...amplitude_context,
                                section: 'top_episodes'                            }
                        }">
                            <div class="h-full" x-data="{ episode: JSON.parse('{\u0022image_url\u0022:\u0022https:\\\/\\\/d3wo5wojvuv7l.cloudfront.net\\\/t_square_limited_160\\\/images.spreaker.com\\\/original\\\/d8cb0e626d15983d1fe277c3a7c1c7eb.jpg\u0022,\u0022image_original_url\u0022:\u0022https:\\\/\\\/d3wo5wojvuv7l.cloudfront.net\\\/images.spreaker.com\\\/original\\\/d8cb0e626d15983d1fe277c3a7c1c7eb.jpg\u0022,\u0022episode_id\u0022:66585680,\u0022title\u0022:\u0022Episode 301\u0022,\u0022duration\u0022:3475748,\u0022playback_url\u0022:\u0022https:\\\/\\\/api.spreaker.com\\\/v2\\\/episodes\\\/66585680\\\/play.mp3\u0022,\u0022show\u0022:{\u0022show_id\u0022:5895676,\u0022title\u0022:\u0022Sword and Scale\u0022},\u0022progress\u0022:null,\u0022completed_at\u0022:null}') }" x-init="$store.audio.updateEpisode(episode)">
    
                <div class="rounded-2xl bg-white dark:bg-neutral-800 p-4 flex h-full flex-col justify-between dark:text-neutral-200">
        <div class="flex w-52 flex-row-reverse justify-end gap-3 md:w-80 md:flex-row md:justify-between">
                
                <div>
                    <div class="hidden md:block">
                        <a
                            wire:navigate
                            class="text-md mb-1 line-clamp-3 max-w-64 cursor-pointer font-semibold hover:underline"
                            href="https://www.spreaker.com/episode/episode-301--66585680">
                            Episode 301
                        </a>
                    </div>
                    <a
                        wire:navigate
                        class="line-clamp-2 cursor-pointer text-xs font-semibold text-neutral-400 hover:underline"
                        href="https://www.spreaker.com/podcast/sword-and-scale--5895676">
                        Sword and Scale
                    </a>
                </div>
                
                <div class="group relative shrink-0">
                        <img src="https://d3wo5wojvuv7l.cloudfront.net/t_square_limited_160/images.spreaker.com/original/d8cb0e626d15983d1fe277c3a7c1c7eb.jpg" alt="Episode 301" class="w-12 h-12 rounded-lg aspect-square object-cover" loading="lazy" />

</div>
            </div>
            
            <div class="my-2 h-16 max-w-52 md:hidden">
                <a
                    wire:navigate
                    class="line-clamp-3 w-fit cursor-pointer text-sm font-semibold hover:underline"
                    href="https://www.spreaker.com/episode/episode-301--66585680">
                    Episode 301
                </a>
            </div>

</span>

<div class="flex items-center gap-2">
    <div class="flex items-center gap-1 text-xs text-neutral-500">
        <span class="flex items-center gap-1" x-show="$store.audio.getEpisodeCompleted(episode)">
            <svg class="dark:text-white text-neutral-500" data-icon-type="outline" width="16" height="16" viewBox="0 0 16 16" fill="currentColor"
    xmlns="http://www.w3.org/2000/svg" stroke="none">
    <path fill-rule="evenodd" clip-rule="evenodd"
        d="M14.5303 3.46967C14.8232 3.76256 14.8232 4.23744 14.5303 4.53033L7.23744 11.8232C6.55402 12.5066 5.44598 12.5066 4.76256 11.8232L1.46967 8.53033C1.17678 8.23744 1.17678 7.76256 1.46967 7.46967C1.76256 7.17678 2.23744 7.17678 2.53033 7.46967L5.82322 10.7626C5.92085 10.8602 6.07914 10.8602 6.17678 10.7626L13.4697 3.46967C13.7626 3.17678 14.2374 3.17678 14.5303 3.46967Z" />
</svg>
            Played
        </span>
        <span x-show="$store.audio.displayEpisodeDuration(episode)"
            :class="$store.audio.getEpisodeCompleted(episode) && true ? 'md:flex hidden' : ''">57m 55s</span>
    </div>
</div>
                </div>
                
                <div x-data="{ open: false }" class="relative inline-block text-left">
    <span x-ref="trigger"
        x-on:click="open = !open"
        class="cursor-pointer flex"><a type="button" class="cursor-pointer">
                            <svg class="text-yellow-700 dark:text-yellow-500" data-icon-type="solid" width="16" height="16" viewBox="0 0 16 16" fill="currentColor"
    xmlns="http://www.w3.org/2000/svg" stroke="none">
    <path fill-rule="evenodd" clip-rule="evenodd"
        d="M9.64673 3.5C9.64673 4.32843 8.97516 5 8.14673 5C7.3183 5 6.64673 4.32843 6.64673 3.5C6.64673 2.67157 7.3183 2 8.14673 2C8.97516 2 9.64673 2.67157 9.64673 3.5ZM9.64673 8.1698C9.64673 8.99823 8.97516 9.6698 8.14673 9.6698C7.3183 9.6698 6.64673 8.99823 6.64673 8.1698C6.64673 7.34137 7.3183 6.6698 8.14673 6.6698C8.97516 6.6698 9.64673 7.34137 9.64673 8.1698ZM8.14673 14C8.97516 14 9.64673 13.3284 9.64673 12.5C9.64673 11.6716 8.97516 11 8.14673 11C7.3183 11 6.64673 11.6716 6.64673 12.5C6.64673 13.3284 7.3183 14 8.14673 14Z" />
</svg>
                        </a></span>
            <template x-teleport="html">
    
    <div
        x-on:click.away="open = false"
        x-show="open"
        x-transition
        x-anchor.bottom-start="$refs.trigger"
        class="z-10 my-2 origin-top-right rounded-2xl bg-white dark:bg-neutral-600 drop-shadow-lg ring-1 ring-neutral-200 dark:ring-neutral-600 focus:outline-none min-w-44">
        <div class="py-2">
                            <div class="mx-2 rounded-lg px-4 text-neutral-700 hover:bg-neutral-50 hover:text-neutral-950 dark:text-neutral-100 hover:dark:bg-neutral-950 hover:dark:text-neutral-50">
            <div class="flex w-full items-center gap-x-2 py-2">

</div></div>

</div>
    
</div>
            
        </div>
    </div>
            </template>
    
</div>
            </div>
    </div>

</div>
                        </div>
                                            <div x-data="{
                            amplitude_context: {
                                ...amplitude_context,
                                section: 'top_episodes'                            }
                        }">
                            <div class="h-full" x-data="{ episode: JSON.parse('{\u0022image_url\u0022:\u0022https:\\\/\\\/d3wo5wojvuv7l.cloudfront.net\\\/t_square_limited_160\\\/images.spreaker.com\\\/original\\\/5774b5cd056016038a1c8cecfb896adf.jpg\u0022,\u0022image_original_url\u0022:\u0022https:\\\/\\\/d3wo5wojvuv7l.cloudfront.net\\\/images.spreaker.com\\\/original\\\/5774b5cd056016038a1c8cecfb896adf.jpg\u0022,\u0022episode_id\u0022:63987892,\u0022title\u0022:\u0022Lady Into Fox by David Garnett\u0022,\u0022duration\u0022:10299010,\u0022playback_url\u0022:\u0022https:\\\/\\\/api.spreaker.com\\\/v2\\\/episodes\\\/63987892\\\/play.mp3\u0022,\u0022show\u0022:{\u0022show_id\u0022:4788468,\u0022title\u0022:\u0022Awesome Audiobooks\u0022},\u0022progress\u0022:null,\u0022completed_at\u0022:null}') }" x-init="$store.audio.updateEpisode(episode)">
    
                <div class="rounded-2xl bg-white dark:bg-neutral-800 p-4 flex h-full flex-col justify-between dark:text-neutral-200">
        <div class="flex w-52 flex-row-reverse justify-end gap-3 md:w-80 md:flex-row md:justify-between">
                
                <div>
                    <div class="hidden md:block">
                        <a
                            wire:navigate
                            class="text-md mb-1 line-clamp-3 max-w-64 cursor-pointer font-semibold hover:underline"
                            href="https://www.spreaker.com/episode/lady-into-fox-by-david-garnett--63987892">
                            Lady Into Fox by David Garnett
                        </a>
                    </div>
                    <a
                        wire:navigate
                        class="line-clamp-2 cursor-pointer text-xs font-semibold text-neutral-400 hover:underline"
                        href="https://www.spreaker.com/podcast/awesome-audiobooks--4788468">
                        Awesome Audiobooks
                    </a>
                </div>
                
                <div class="group relative shrink-0">
                        <img src="https://d3wo5wojvuv7l.cloudfront.net/t_square_limited_160/images.spreaker.com/original/5774b5cd056016038a1c8cecfb896adf.jpg" alt="Lady Into Fox by David Garnett" class="w-12 h-12 rounded-lg aspect-square object-cover" loading="lazy" />

</div>
            </div>
            
            <div class="my-2 h-16 max-w-52 md:hidden">
                <a
                    wire:navigate
                    class="line-clamp-3 w-fit cursor-pointer text-sm font-semibold hover:underline"
                    href="https://www.spreaker.com/episode/lady-into-fox-by-david-garnett--63987892">
                    Lady Into Fox by David Garnett
                </a>
            </div>

</span>

<div class="flex items-center gap-2">
    <div class="flex items-center gap-1 text-xs text-neutral-500">
        <span class="flex items-center gap-1" x-show="$store.audio.getEpisodeCompleted(episode)">
            <svg class="dark:text-white text-neutral-500" data-icon-type="outline" width="16" height="16" viewBox="0 0 16 16" fill="currentColor"
    xmlns="http://www.w3.org/2000/svg" stroke="none">
    <path fill-rule="evenodd" clip-rule="evenodd"
        d="M14.5303 3.46967C14.8232 3.76256 14.8232 4.23744 14.5303 4.53033L7.23744 11.8232C6.55402 12.5066 5.44598 12.5066 4.76256 11.8232L1.46967 8.53033C1.17678 8.23744 1.17678 7.76256 1.46967 7.46967C1.76256 7.17678 2.23744 7.17678 2.53033 7.46967L5.82322 10.7626C5.92085 10.8602 6.07914 10.8602 6.17678 10.7626L13.4697 3.46967C13.7626 3.17678 14.2374 3.17678 14.5303 3.46967Z" />
</svg>
            Played
        </span>
        <span x-show="$store.audio.displayEpisodeDuration(episode)"
            :class="$store.audio.getEpisodeCompleted(episode) && true ? 'md:flex hidden' : ''">2h 51m 39s</span>
    </div>
</div>
                </div>
                
                <div x-data="{ open: false }" class="relative inline-block text-left">
    <span x-ref="trigger"
        x-on:click="open = !open"
        class="cursor-pointer flex"><a type="button" class="cursor-pointer">
                            <svg class="text-yellow-700 dark:text-yellow-500" data-icon-type="solid" width="16" height="16" viewBox="0 0 16 16" fill="currentColor"
    xmlns="http://www.w3.org/2000/svg" stroke="none">
    <path fill-rule="evenodd" clip-rule="evenodd"
        d="M9.64673 3.5C9.64673 4.32843 8.97516 5 8.14673 5C7.3183 5 6.64673 4.32843 6.64673 3.5C6.64673 2.67157 7.3183 2 8.14673 2C8.97516 2 9.64673 2.67157 9.64673 3.5ZM9.64673 8.1698C9.64673 8.99823 8.97516 9.6698 8.14673 9.6698C7.3183 9.6698 6.64673 8.99823 6.64673 8.1698C6.64673 7.34137 7.3183 6.6698 8.14673 6.6698C8.97516 6.6698 9.64673 7.34137 9.64673 8.1698ZM8.14673 14C8.97516 14 9.64673 13.3284 9.64673 12.5C9.64673 11.6716 8.97516 11 8.14673 11C7.3183 11 6.64673 11.6716 6.64673 12.5C6.64673 13.3284 7.3183 14 8.14673 14Z" />
</svg>
                        </a></span>
            <template x-teleport="html">
    
    <div
        x-on:click.away="open = false"
        x-show="open"
        x-transition
        x-anchor.bottom-start="$refs.trigger"
        class="z-10 my-2 origin-top-right rounded-2xl bg-white dark:bg-neutral-600 drop-shadow-lg ring-1 ring-neutral-200 dark:ring-neutral-600 focus:outline-none min-w-44">
        <div class="py-2">
                            <div class="mx-2 rounded-lg px-4 text-neutral-700 hover:bg-neutral-50 hover:text-neutral-950 dark:text-neutral-100 hover:dark:bg-neutral-950 hover:dark:text-neutral-50">
            <div class="flex w-full items-center gap-x-2 py-2">

</div></div>

</div>
    
</div>
            
        </div>
    </div>
            </template>
    
</div>
            </div>
    </div>

</div>
                        </div>
                                            <div x-data="{
                            amplitude_context: {
                                ...amplitude_context,
                                section: 'top_episodes'                            }
                        }">
                            <div class="h-full" x-data="{ episode: JSON.parse('{\u0022image_url\u0022:\u0022https:\\\/\\\/d3wo5wojvuv7l.cloudfront.net\\\/t_square_limited_160\\\/images.spreaker.com\\\/original\\\/948fd4524baf383557aaa6967811f677.jpg\u0022,\u0022image_original_url\u0022:\u0022https:\\\/\\\/d3wo5wojvuv7l.cloudfront.net\\\/images.spreaker.com\\\/original\\\/948fd4524baf383557aaa6967811f677.jpg\u0022,\u0022episode_id\u0022:62485613,\u0022title\u0022:\u0022The Best of October Southern Fried: 2022, Ep167: The Murder of Fred Jablin\u0022,\u0022duration\u0022:4776720,\u0022playback_url\u0022:\u0022https:\\\/\\\/api.spreaker.com\\\/v2\\\/episodes\\\/62485613\\\/play.mp3\u0022,\u0022show\u0022:{\u0022show_id\u0022:2975465,\u0022title\u0022:\u0022Southern Fried True Crime\u0022},\u0022progress\u0022:null,\u0022completed_at\u0022:null}') }" x-init="$store.audio.updateEpisode(episode)">
    
                <div class="rounded-2xl bg-white dark:bg-neutral-800 p-4 flex h-full flex-col justify-between dark:text-neutral-200">
        <div class="flex w-52 flex-row-reverse justify-end gap-3 md:w-80 md:flex-row md:justify-between">
                
                <div>
                    <div class="hidden md:block">
                        <a
                            wire:navigate
                            class="text-md mb-1 line-clamp-3 max-w-64 cursor-pointer font-semibold hover:underline"
                            href="https://www.spreaker.com/episode/the-best-of-october-southern-fried-2022-ep167-the-murder-of-fred-jablin--62485613">
                            The Best of October Southern Fried: 2022, Ep167: The Murder of Fred Jablin
                        </a>
                    </div>
                    <a
                        wire:navigate
                        class="line-clamp-2 cursor-pointer text-xs font-semibold text-neutral-400 hover:underline"
                        href="https://www.spreaker.com/podcast/southern-fried-true-crime--2975465">
                        Southern Fried True Crime
                    </a>
                </div>
                
                <div class="group relative shrink-0">
                        <img src="https://d3wo5wojvuv7l.cloudfront.net/t_square_limited_160/images.spreaker.com/original/948fd4524baf383557aaa6967811f677.jpg" alt="The Best of October Southern Fried: 2022, Ep167: The Murder of Fred Jablin" class="w-12 h-12 rounded-lg aspect-square object-cover" loading="lazy" />

</div>
            </div>
            
            <div class="my-2 h-16 max-w-52 md:hidden">
                <a
                    wire:navigate
                    class="line-clamp-3 w-fit cursor-pointer text-sm font-semibold hover:underline"
                    href="https://www.spreaker.com/episode/the-best-of-october-southern-fried-2022-ep167-the-murder-of-fred-jablin--62485613">
                    The Best of October Southern Fried: 2022, Ep167: The Murder of Fred Jablin
                </a>
            </div>

</span>

<div class="flex items-center gap-2">
    <div class="flex items-center gap-1 text-xs text-neutral-500">
        <span class="flex items-center gap-1" x-show="$store.audio.getEpisodeCompleted(episode)">
            <svg class="dark:text-white text-neutral-500" data-icon-type="outline" width="16" height="16" viewBox="0 0 16 16" fill="currentColor"
    xmlns="http://www.w3.org/2000/svg" stroke="none">
    <path fill-rule="evenodd" clip-rule="evenodd"
        d="M14.5303 3.46967C14.8232 3.76256 14.8232 4.23744 14.5303 4.53033L7.23744 11.8232C6.55402 12.5066 5.44598 12.5066 4.76256 11.8232L1.46967 8.53033C1.17678 8.23744 1.17678 7.76256 1.46967 7.46967C1.76256 7.17678 2.23744 7.17678 2.53033 7.46967L5.82322 10.7626C5.92085 10.8602 6.07914 10.8602 6.17678 10.7626L13.4697 3.46967C13.7626 3.17678 14.2374 3.17678 14.5303 3.46967Z" />
</svg>
            Played
        </span>
        <span x-show="$store.audio.displayEpisodeDuration(episode)"
            :class="$store.audio.getEpisodeCompleted(episode) && true ? 'md:flex hidden' : ''">1h 19m 36s</span>
    </div>
</div>
                </div>
                
                <div x-data="{ open: false }" class="relative inline-block text-left">
    <span x-ref="trigger"
        x-on:click="open = !open"
        class="cursor-pointer flex"><a type="button" class="cursor-pointer">
                            <svg class="text-yellow-700 dark:text-yellow-500" data-icon-type="solid" width="16" height="16" viewBox="0 0 16 16" fill="currentColor"
    xmlns="http://www.w3.org/2000/svg" stroke="none">
    <path fill-rule="evenodd" clip-rule="evenodd"
        d="M9.64673 3.5C9.64673 4.32843 8.97516 5 8.14673 5C7.3183 5 6.64673 4.32843 6.64673 3.5C6.64673 2.67157 7.3183 2 8.14673 2C8.97516 2 9.64673 2.67157 9.64673 3.5ZM9.64673 8.1698C9.64673 8.99823 8.97516 9.6698 8.14673 9.6698C7.3183 9.6698 6.64673 8.99823 6.64673 8.1698C6.64673 7.34137 7.3183 6.6698 8.14673 6.6698C8.97516 6.6698 9.64673 7.34137 9.64673 8.1698ZM8.14673 14C8.97516 14 9.64673 13.3284 9.64673 12.5C9.64673 11.6716 8.97516 11 8.14673 11C7.3183 11 6.64673 11.6716 6.64673 12.5C6.64673 13.3284 7.3183 14 8.14673 14Z" />
</svg>
                        </a></span>
            <template x-teleport="html">
    
    <div
        x-on:click.away="open = false"
        x-show="open"
        x-transition
        x-anchor.bottom-start="$refs.trigger"
        class="z-10 my-2 origin-top-right rounded-2xl bg-white dark:bg-neutral-600 drop-shadow-lg ring-1 ring-neutral-200 dark:ring-neutral-600 focus:outline-none min-w-44">
        <div class="py-2">
                            <div class="mx-2 rounded-lg px-4 text-neutral-700 hover:bg-neutral-50 hover:text-neutral-950 dark:text-neutral-100 hover:dark:bg-neutral-950 hover:dark:text-neutral-50">
            <div class="flex w-full items-center gap-x-2 py-2">

</div></div>

</div>
    
</div>
            
        </div>
    </div>
            </template>
    
</div>
            </div>
    </div>

</div>
                        </div>
                    
                </div>
        </div>
        
            <button
    class="items-center justify-center gap-1 rounded-full font-semibold active:outline-none active:ring-2 active:ring-offset-2 active:ring-offset-neutral-100 dark:active:ring-offset-neutral-900 active:ring-yellow-600 disabled:opacity-50 dark:disabled:opacity-40 disabled:cursor-not-allowed hover:transition hover:duration-100 bg-neutral-600 text-white hover:bg-neutral-700 border dark:bg-neutral-50 dark:text-black dark:hover:bg-white dark:border size-14 absolute left-10 top-[calc(50%-theme(spacing.8))] hidden scale-0 border-neutral-100 transition-all group-hover/scroller:scale-100 dark:border-neutral-900 md:block"
    type="button" class="items-center justify-center gap-1 rounded-full font-semibold active:outline-none active:ring-2 active:ring-offset-2 active:ring-offset-neutral-100 dark:active:ring-offset-neutral-900 active:ring-yellow-600 disabled:opacity-50 dark:disabled:opacity-40 disabled:cursor-not-allowed hover:transition hover:duration-100 bg-neutral-600 text-white hover:bg-neutral-700 border dark:bg-neutral-50 dark:text-black dark:hover:bg-white dark:border size-14 absolute left-10 top-[calc(50%-theme(spacing.8))] hidden scale-0 border-neutral-100 transition-all group-hover/scroller:scale-100 dark:border-neutral-900 md:block" aria-label="Scroll left" x-bind:class="{
                'md:hidden': !shouldDisplayLeftArrow && !shouldDisplayRightArrow,
                'md:opacity-40': !shouldDisplayLeftArrow,
                'cursor-not-allowed': !shouldDisplayLeftArrow
            }" x-on:click="scrollLeft()">

</div>
</div>
        
            <div class="flex-end mb-2 flex items-center justify-between">

<h2
        class="text-2xl sm:text-2xl md:text-2xl lg:text-2xl xl:text-3xl 2xl:text-3xl font-bold text-neutral-950 dark:text-white break-anywhere">
        Spreaker Prime Network
    </h2>

<div class="mt-1 line-clamp-2 w-40 text-sm font-semibold md:w-52">Horror Story: True Paranormal Mysteries and Hauntings
            </div>
    </div>

</a>

</a>

</a>

<div class="mt-1 line-clamp-2 w-40 text-sm font-semibold md:w-52">Bigfoot and Beyond with Cliff and Bobo
            </div>
    </div>

</a>

<div class="mt-1 line-clamp-2 w-40 text-sm font-semibold md:w-52">True Scary Story
            </div>
    </div>

</a>

<div class="mt-1 line-clamp-2 w-40 text-sm font-semibold md:w-52">Rich Dad Radio Show: In-Your-Face Advice on Investing, Personal Finance, &amp; Starting a Business
            </div>
    </div>

</a>

<div class="mt-1 line-clamp-2 w-40 text-sm font-semibold md:w-52">Solomonster Sounds Off
            </div>
    </div>

</a>

<div class="mt-1 line-clamp-2 w-40 text-sm font-semibold md:w-52">This Is Monsters
            </div>
    </div>

</a>

</a>

<div class="mt-1 line-clamp-2 w-40 text-sm font-semibold md:w-52">Short Stories for Kids: Bedtime ~ Car Time ~ Downtime
            </div>
    </div>

</a>

<div class="mt-1 line-clamp-2 w-40 text-sm font-semibold md:w-52">Bedtime Stories - Superheroes!
            </div>
    </div>

</a>

</a>

<div class="mt-1 line-clamp-2 w-40 text-sm font-semibold md:w-52">More Than Reality with Adam and Danielle
            </div>
    </div>

</a>

</a>

<div class="mt-1 line-clamp-2 w-40 text-sm font-semibold md:w-52">Bigfoot Eyewitness Radio
            </div>
    </div>

</a>

<div class="mt-1 line-clamp-2 w-40 text-sm font-semibold md:w-52">Giant Bombcast
            </div>
    </div>

</a>

<div class="mt-1 line-clamp-2 w-40 text-sm font-semibold md:w-52">Gunsmoke | 1960 | OTRWesterns.com
            </div>
    </div>

</a>

<div class="mt-1 line-clamp-2 w-40 text-sm font-semibold md:w-52">Weird Darkness: Paranormal &amp; True Crime Stories
            </div>
    </div>

</a>

<div class="mt-1 line-clamp-2 w-40 text-sm font-semibold md:w-52">Sleepy Stories: To help you sleep
            </div>
    </div>

</a>

</a>

</div>
</div>
        
            <div class="flex-end mb-2 flex items-center justify-between">

<h2
        class="text-2xl sm:text-2xl md:text-2xl lg:text-2xl xl:text-3xl 2xl:text-3xl font-bold text-neutral-950 dark:text-white break-anywhere">
        Our Top Podcasts
    </h2>

<div class="mt-1 line-clamp-2 w-40 text-sm font-semibold md:w-52">Sword and Scale Nightmares
            </div>
    </div>

</a>

</a>

<div class="mt-1 line-clamp-2 w-40 text-sm font-semibold md:w-52">Investigate Earth Conspiracy Podcast
            </div>
    </div>

</a>

<div class="mt-1 line-clamp-2 w-40 text-sm font-semibold md:w-52">Fast. Feast. Repeat.  Intermittent Fasting For Life
            </div>
    </div>

</a>

<div class="mt-1 line-clamp-2 w-40 text-sm font-semibold md:w-52">Get Authentic with Marques Ogden
            </div>
    </div>

</a>

<div class="mt-1 line-clamp-2 w-40 text-sm font-semibold md:w-52">REDE (Relatos Desclasificados)
            </div>
    </div>

</a>

</a>

<div class="mt-1 line-clamp-2 w-40 text-sm font-semibold md:w-52">Texas Monthly True Crime: The Problem With Erik
            </div>
    </div>

</a>

</a>

<div class="mt-1 line-clamp-2 w-40 text-sm font-semibold md:w-52">Our Thing with Sammy The Bull
            </div>
    </div>

</a>

<div class="mt-1 line-clamp-2 w-40 text-sm font-semibold md:w-52">Hot Girl Energy Podcast
            </div>
    </div>

</a>

<div class="mt-1 line-clamp-2 w-40 text-sm font-semibold md:w-52">Small Doses with Amanda Seales
            </div>
    </div>

</a>

<div class="mt-1 line-clamp-2 w-40 text-sm font-semibold md:w-52">Rain Sounds - 10 Hour
            </div>
    </div>

</a>

<div class="mt-1 line-clamp-2 w-40 text-sm font-semibold md:w-52">Unspeakable: A True Crime Podcast By Kelly Jennings
            </div>
    </div>

</a>

<div class="mt-1 line-clamp-2 w-40 text-sm font-semibold md:w-52">Nature Sounds for Sleep, Meditation, &amp; Relaxation
            </div>
    </div>

</a>

<div class="mt-1 line-clamp-2 w-40 text-sm font-semibold md:w-52">Full Trial Audio: Karen Read (John O&#039;Keefe Murder)
            </div>
    </div>

</a>

<div class="mt-1 line-clamp-2 w-40 text-sm font-semibold md:w-52">Dogman Encounters Radio
            </div>
    </div>

</a>

<div class="mt-1 line-clamp-2 w-40 text-sm font-semibold md:w-52">Scary Story Podcast
            </div>
    </div>

</a>

<div class="mt-1 line-clamp-2 w-40 text-sm font-semibold md:w-52">Bedtime Stories - Princesses!
            </div>
    </div>

</a>

</a>

</div>
</div>
        
            <div class="flex-end mb-2 flex items-center justify-between">

<h2
        class="text-2xl sm:text-2xl md:text-2xl lg:text-2xl xl:text-3xl 2xl:text-3xl font-bold text-neutral-950 dark:text-white break-anywhere">
        Explore our Supporters Club Podcasts
    </h2>

</a>

</a>

</a>

</a>

</a>

</a>

</a>

</a>

</a>

</a>

</a>

</a>

</a>

</a>

</a>

</a>

</a>

</a>

</a>

</a>

</div>
</div>

<h2
        class="text-2xl sm:text-2xl md:text-2xl lg:text-2xl xl:text-3xl 2xl:text-3xl font-bold text-neutral-950 dark:text-white break-anywhere mb-4">
        Featured Categories
    </h2>

<a class="block rounded-2xl bg-white dark:bg-neutral-800 p-4 cursor-pointer shadow-xs transition-transform dark:text-neutral-200 md:hover:-translate-y-1 md:hover:shadow-md" wire:navigate="" href=https://www.spreaker.com/category/business target="_blank">
        <div
        class="text-basis sm:text-basis md:text-basis lg:text-basis break-anywhere space-x-2 font-semibold text-neutral-950 dark:text-white xl:text-lg 2xl:text-lg">
        <span>📈</span><span>Business</span>
    </div>
    </a>

<a class="block rounded-2xl bg-white dark:bg-neutral-800 p-4 cursor-pointer shadow-xs transition-transform dark:text-neutral-200 md:hover:-translate-y-1 md:hover:shadow-md" wire:navigate="" href=https://www.spreaker.com/category/comedy target="_blank">
        <div
        class="text-basis sm:text-basis md:text-basis lg:text-basis break-anywhere space-x-2 font-semibold text-neutral-950 dark:text-white xl:text-lg 2xl:text-lg">
        <span>🎭</span><span>Comedy</span>
    </div>
    </a>

<a class="block rounded-2xl bg-white dark:bg-neutral-800 p-4 cursor-pointer shadow-xs transition-transform dark:text-neutral-200 md:hover:-translate-y-1 md:hover:shadow-md" wire:navigate="" href=https://www.spreaker.com/category/education target="_blank">
        <div
        class="text-basis sm:text-basis md:text-basis lg:text-basis break-anywhere space-x-2 font-semibold text-neutral-950 dark:text-white xl:text-lg 2xl:text-lg">
        <span>🧑‍🏫</span><span>Education</span>
    </div>
    </a>

<a class="block rounded-2xl bg-white dark:bg-neutral-800 p-4 cursor-pointer shadow-xs transition-transform dark:text-neutral-200 md:hover:-translate-y-1 md:hover:shadow-md" wire:navigate="" href=https://www.spreaker.com/category/fiction target="_blank">
        <div
        class="text-basis sm:text-basis md:text-basis lg:text-basis break-anywhere space-x-2 font-semibold text-neutral-950 dark:text-white xl:text-lg 2xl:text-lg">
        <span>👽</span><span>Fiction</span>
    </div>
    </a>

<a class="block rounded-2xl bg-white dark:bg-neutral-800 p-4 cursor-pointer shadow-xs transition-transform dark:text-neutral-200 md:hover:-translate-y-1 md:hover:shadow-md" wire:navigate="" href=https://www.spreaker.com/category/government target="_blank">
        <div
        class="text-basis sm:text-basis md:text-basis lg:text-basis break-anywhere space-x-2 font-semibold text-neutral-950 dark:text-white xl:text-lg 2xl:text-lg">
        <span>🏛️</span><span>Government</span>
    </div>
    </a>

<a class="block rounded-2xl bg-white dark:bg-neutral-800 p-4 cursor-pointer shadow-xs transition-transform dark:text-neutral-200 md:hover:-translate-y-1 md:hover:shadow-md" wire:navigate="" href=https://www.spreaker.com/category/health-fitness target="_blank">
        <div
        class="text-basis sm:text-basis md:text-basis lg:text-basis break-anywhere space-x-2 font-semibold text-neutral-950 dark:text-white xl:text-lg 2xl:text-lg">
        <span>🍎</span><span>Health &amp; Fitness</span>
    </div>
    </a>

<a class="block rounded-2xl bg-white dark:bg-neutral-800 p-4 cursor-pointer shadow-xs transition-transform dark:text-neutral-200 md:hover:-translate-y-1 md:hover:shadow-md" wire:navigate="" href=https://www.spreaker.com/category/history target="_blank">
        <div
        class="text-basis sm:text-basis md:text-basis lg:text-basis break-anywhere space-x-2 font-semibold text-neutral-950 dark:text-white xl:text-lg 2xl:text-lg">
        <span>📜</span><span>History</span>
    </div>
    </a>

<a class="block rounded-2xl bg-white dark:bg-neutral-800 p-4 cursor-pointer shadow-xs transition-transform dark:text-neutral-200 md:hover:-translate-y-1 md:hover:shadow-md" wire:navigate="" href=https://www.spreaker.com/category/kids-family target="_blank">
        <div
        class="text-basis sm:text-basis md:text-basis lg:text-basis break-anywhere space-x-2 font-semibold text-neutral-950 dark:text-white xl:text-lg 2xl:text-lg">
        <span>🧸</span><span>Kids &amp; Family</span>
    </div>
    </a>

<a class="block rounded-2xl bg-white dark:bg-neutral-800 p-4 cursor-pointer shadow-xs transition-transform dark:text-neutral-200 md:hover:-translate-y-1 md:hover:shadow-md" wire:navigate="" href=https://www.spreaker.com/category/leisure target="_blank">
        <div
        class="text-basis sm:text-basis md:text-basis lg:text-basis break-anywhere space-x-2 font-semibold text-neutral-950 dark:text-white xl:text-lg 2xl:text-lg">
        <span>🎮</span><span>Leisure</span>
    </div>
    </a>

<a class="block rounded-2xl bg-white dark:bg-neutral-800 p-4 cursor-pointer shadow-xs transition-transform dark:text-neutral-200 md:hover:-translate-y-1 md:hover:shadow-md" wire:navigate="" href=https://www.spreaker.com/category/music target="_blank">
        <div
        class="text-basis sm:text-basis md:text-basis lg:text-basis break-anywhere space-x-2 font-semibold text-neutral-950 dark:text-white xl:text-lg 2xl:text-lg">
        <span>🎵</span><span>Music</span>
    </div>
    </a>

<a class="block rounded-2xl bg-white dark:bg-neutral-800 p-4 cursor-pointer shadow-xs transition-transform dark:text-neutral-200 md:hover:-translate-y-1 md:hover:shadow-md" wire:navigate="" href=https://www.spreaker.com/category/religion-spirituality target="_blank">
        <div
        class="text-basis sm:text-basis md:text-basis lg:text-basis break-anywhere space-x-2 font-semibold text-neutral-950 dark:text-white xl:text-lg 2xl:text-lg">
        <span>🙏</span><span>Religion &amp; Spirituality</span>
    </div>
    </a>

<a class="block rounded-2xl bg-white dark:bg-neutral-800 p-4 cursor-pointer shadow-xs transition-transform dark:text-neutral-200 md:hover:-translate-y-1 md:hover:shadow-md" wire:navigate="" href=https://www.spreaker.com/category/science target="_blank">
        <div
        class="text-basis sm:text-basis md:text-basis lg:text-basis break-anywhere space-x-2 font-semibold text-neutral-950 dark:text-white xl:text-lg 2xl:text-lg">
        <span>🧑‍🔬</span><span>Science</span>
    </div>
    </a>

<a class="block rounded-2xl bg-white dark:bg-neutral-800 p-4 cursor-pointer shadow-xs transition-transform dark:text-neutral-200 md:hover:-translate-y-1 md:hover:shadow-md" wire:navigate="" href=https://www.spreaker.com/category/society-culture target="_blank">
        <div
        class="text-basis sm:text-basis md:text-basis lg:text-basis break-anywhere space-x-2 font-semibold text-neutral-950 dark:text-white xl:text-lg 2xl:text-lg">
        <span>👥</span><span>Society &amp; Culture</span>
    </div>
    </a>

<a class="block rounded-2xl bg-white dark:bg-neutral-800 p-4 cursor-pointer shadow-xs transition-transform dark:text-neutral-200 md:hover:-translate-y-1 md:hover:shadow-md" wire:navigate="" href=https://www.spreaker.com/category/sports target="_blank">
        <div
        class="text-basis sm:text-basis md:text-basis lg:text-basis break-anywhere space-x-2 font-semibold text-neutral-950 dark:text-white xl:text-lg 2xl:text-lg">
        <span>🏀</span><span>Sports</span>
    </div>
    </a>

<a class="block rounded-2xl bg-white dark:bg-neutral-800 p-4 cursor-pointer shadow-xs transition-transform dark:text-neutral-200 md:hover:-translate-y-1 md:hover:shadow-md" wire:navigate="" href=https://www.spreaker.com/category/technology target="_blank">
        <div
        class="text-basis sm:text-basis md:text-basis lg:text-basis break-anywhere space-x-2 font-semibold text-neutral-950 dark:text-white xl:text-lg 2xl:text-lg">
        <span>📱</span><span>Technology</span>
    </div>
    </a>

<a class="block rounded-2xl bg-white dark:bg-neutral-800 p-4 cursor-pointer shadow-xs transition-transform dark:text-neutral-200 md:hover:-translate-y-1 md:hover:shadow-md" wire:navigate="" href=https://www.spreaker.com/category/true-crime target="_blank">
        <div
        class="text-basis sm:text-basis md:text-basis lg:text-basis break-anywhere space-x-2 font-semibold text-neutral-950 dark:text-white xl:text-lg 2xl:text-lg">
        <span>🔍</span><span>True Crime</span>
    </div>
    </a>

</div>

</div></div>
                    </div>
                                            <div
    class=" mt-12 border-t-[1px] border-neutral-300 px-3 py-4 font-thin text-neutral-500 dark:border-neutral-600 dark:text-neutral-400 xl:flex xl:justify-between">
    <div class="flex flex-row-reverse items-stretch md:flex-row md:gap-3">
        <div class="hidden md:block">
            <div x-data="{ open: false }" class="relative inline-block text-left">
    <span x-ref="trigger"
        x-on:click="open = !open"
        class="cursor-pointer">    <button
    class="flex items-center justify-center gap-1 rounded-full font-semibold active:outline-none active:ring-2 active:ring-offset-2 active:ring-offset-neutral-100 dark:active:ring-offset-neutral-900 active:ring-yellow-600 disabled:opacity-50 dark:disabled:opacity-40 disabled:cursor-not-allowed hover:transition hover:duration-100 bg-neutral-50 text-black hover:bg-neutral-100 border border-neutral-300 dark:bg-neutral-600 dark:text-white dark:hover:bg-neutral-500 dark:border dark:border-neutral-600 dark:hover:border-neutral-500 px-2 py-1 h-6 text-xs"
    type="button" class="flex items-center justify-center gap-1 rounded-full font-semibold active:outline-none active:ring-2 active:ring-offset-2 active:ring-offset-neutral-100 dark:active:ring-offset-neutral-900 active:ring-yellow-600 disabled:opacity-50 dark:disabled:opacity-40 disabled:cursor-not-allowed hover:transition hover:duration-100 bg-neutral-50 text-black hover:bg-neutral-100 border border-neutral-300 dark:bg-neutral-600 dark:text-white dark:hover:bg-neutral-500 dark:border dark:border-neutral-600 dark:hover:border-neutral-500 px-2 py-1 h-6 text-xs">

🇬🇧 English
            <svg class="size-4 inline" data-icon-type="outline" width="16" height="16" viewBox="0 0 16 16" fill="currentColor"
    xmlns="http://www.w3.org/2000/svg" stroke="none">
    <path fill-rule="evenodd" clip-rule="evenodd"
        d="M1.46967 4.46967C1.76256 4.17678 2.23744 4.17678 2.53033 4.46967L7.82322 9.76256C7.92085 9.86019 8.07915 9.86019 8.17678 9.76256L13.4697 4.46967C13.7626 4.17678 14.2374 4.17678 14.5303 4.46967C14.8232 4.76256 14.8232 5.23744 14.5303 5.53033L9.23744 10.8232C8.55402 11.5066 7.44598 11.5066 6.76256 10.8232L1.46967 5.53033C1.17678 5.23744 1.17678 4.76256 1.46967 4.46967Z" />
</svg>
    
</button>

</span>
    
    <div
        x-on:click.away="open = false"
        x-show="open"
        x-transition
        x-anchor.bottom-start="$refs.trigger"
        position="up" class="z-10 my-2 min-w-64 origin-top-right rounded-2xl bg-white dark:bg-neutral-600 drop-shadow-lg ring-1 ring-neutral-200 dark:ring-neutral-600 focus:outline-none">
        <div class="py-2">
                            <div class="mx-2 rounded-lg px-4 text-neutral-700 hover:bg-neutral-50 hover:text-neutral-950 dark:text-neutral-100 hover:dark:bg-neutral-950 hover:dark:text-neutral-50">
            <a href="https://www.spreaker.com/lang/en_US?redirect=https%3A%2F%2Fwww.spreaker.com"
                                    class="flex w-full items-center gap-x-2 py-2">

<span class="flex-1 text-sm">🇬🇧 English</span>

<span class="flex-1 text-sm">🇮🇹 Italiano</span>

<span class="flex-1 text-sm">🇪🇸 Espanõl</span>

</a>
    
</div>
            
        </div>
    </div>
    
</div>
        </div>
        <div class="block md:hidden">
            <div x-data="{ open: false }" class="relative inline-block text-left">
    <span x-ref="trigger"
        x-on:click="open = !open"
        class="cursor-pointer">    <button
    class="flex items-center justify-center gap-1 rounded-full font-semibold active:outline-none active:ring-2 active:ring-offset-2 active:ring-offset-neutral-100 dark:active:ring-offset-neutral-900 active:ring-yellow-600 disabled:opacity-50 dark:disabled:opacity-40 disabled:cursor-not-allowed hover:transition hover:duration-100 bg-neutral-50 text-black hover:bg-neutral-100 border border-neutral-300 dark:bg-neutral-600 dark:text-white dark:hover:bg-neutral-500 dark:border dark:border-neutral-600 dark:hover:border-neutral-500 px-2 py-1 h-6 text-xs"
    type="button" class="flex items-center justify-center gap-1 rounded-full font-semibold active:outline-none active:ring-2 active:ring-offset-2 active:ring-offset-neutral-100 dark:active:ring-offset-neutral-900 active:ring-yellow-600 disabled:opacity-50 dark:disabled:opacity-40 disabled:cursor-not-allowed hover:transition hover:duration-100 bg-neutral-50 text-black hover:bg-neutral-100 border border-neutral-300 dark:bg-neutral-600 dark:text-white dark:hover:bg-neutral-500 dark:border dark:border-neutral-600 dark:hover:border-neutral-500 px-2 py-1 h-6 text-xs">

</span>
    
    <div
        x-on:click.away="open = false"
        x-show="open"
        x-transition
        x-anchor.bottom-start="$refs.trigger"
        position="right" class="z-10 my-2 min-w-64 origin-top-right rounded-2xl bg-white dark:bg-neutral-600 drop-shadow-lg ring-1 ring-neutral-200 dark:ring-neutral-600 focus:outline-none">
        <div class="py-2">
                            <div class="mx-2 rounded-lg px-4 text-neutral-700 hover:bg-neutral-50 hover:text-neutral-950 dark:text-neutral-100 hover:dark:bg-neutral-950 hover:dark:text-neutral-50">
            <a href="https://www.spreaker.com/lang/en_US?redirect=https%3A%2F%2Fwww.spreaker.com"
                                    class="flex w-full items-center gap-x-2 py-2">

<span class="flex-1 text-sm">🇬🇧 English</span>

<span class="flex-1 text-sm">🇮🇹 Italiano</span>

<span class="flex-1 text-sm">🇪🇸 Espanõl</span>

</a>
    
</div>
            
        </div>
    </div>
    
</div>
        </div>
        <ul class="flex flex-1 list-inside list-none flex-col gap-2 md:flex-row md:gap-4">
            <li>
                <a
                    wire:navigate
                    class="hover:underline"
                    href="https://www.spreaker.com/terms">Terms</a>
            </li>
            <li>
                <a
                    wire:navigate
                    class="hover:underline"
                    href="https://www.spreaker.com/privacy">Privacy</a>
            </li>
            <li x-data="{ showOneTrustPreferenceCenter: function() { if (typeof window.OneTrust !== 'undefined') window.OneTrust.ToggleInfoDisplay(); } }">
                <a href="#"
                    x-on:click="(e) => {e.preventDefault(); showOneTrustPreferenceCenter();}"
                    class="hover:underline">Manage My Cookies</a>
            </li>
        </ul>
    </div>
    <p class="mt-4 xl:mt-0">Copyright 2025 - Spreaker Inc. an
        <a class="underline" target="_blank"
            href="https://www.iheartmedia.com">iHeartMedia</a> Company
    </p>
</div>
                                    </div>
            </div>
        </div>
    </div>

<div x-persist="miniplayer">
                <div x-data="{
    open: false,
}" class="fixed left-0 right-0 z-40 w-full tall:bottom-16 md:tall:bottom-0 short:bottom-0"
    x-on:keydown.escape.window="open = false" x-on:livewire:navigated.document="open = false"
    x-init="$watch('open', (opened) => {
        SP.Utils.setDocumentShouldScroll(!opened);
    })">
    <div x-show="open" x-data="{ tab: 'player' }" x-on:tab_changed="tab = $event.detail.tab_name"
    class="fixed top-0 z-40 h-full w-full overflow-y-auto bg-white p-6 dark:bg-neutral-900"
    x-transition:enter="translate-y-1/2 transition duration-300 opacity-0"
    x-transition:enter-start="translate-y-1/2 opacity-0" x-transition:enter-end="translate-y-0 opacity-1"
    x-transition:leave="translate-y-0 transition duration-300 opacity-1"
    x-transition:leave-start="translate-y-0 opacity-0" x-transition:leave-end="translate-y-1/2 opacity-0">
    <div class="mb-4 flex items-center justify-between">
            <button
    class="flex items-center justify-center gap-1 rounded-full font-semibold active:outline-none active:ring-2 active:ring-offset-2 active:ring-offset-neutral-100 dark:active:ring-offset-neutral-900 active:ring-yellow-600 disabled:opacity-50 dark:disabled:opacity-40 disabled:cursor-not-allowed hover:transition hover:duration-100 bg-neutral-50 text-black hover:bg-neutral-100 border border-neutral-300 dark:bg-neutral-600 dark:text-white dark:hover:bg-neutral-500 dark:border dark:border-neutral-600 dark:hover:border-neutral-500 size-10"
    type="button" class="flex items-center justify-center gap-1 rounded-full font-semibold active:outline-none active:ring-2 active:ring-offset-2 active:ring-offset-neutral-100 dark:active:ring-offset-neutral-900 active:ring-yellow-600 disabled:opacity-50 dark:disabled:opacity-40 disabled:cursor-not-allowed hover:transition hover:duration-100 bg-neutral-50 text-black hover:bg-neutral-100 border border-neutral-300 dark:bg-neutral-600 dark:text-white dark:hover:bg-neutral-500 dark:border dark:border-neutral-600 dark:hover:border-neutral-500 size-10" aria-label="Expand player" x-on:click="open = !open">

Playing Now

</a>
                <a
    
    :class="selected_tab === 'queue' ? `cursor-pointer flex items-center justify-center gap-1 rounded-2xl border px-4 py-2 text-sm hover:transition hover:duration-300 disabled:cursor-not-allowed disabled:opacity-50 dark:disabled:opacity-40 font-semibold border-neutral-600 bg-neutral-600 dark:bg-neutral-50 text-white dark:text-neutral-950 dark:focus:ring-offset-neutral-900 hover:bg-neutral-700` : `cursor-pointer flex items-center justify-center gap-1 rounded-2xl border px-4 py-2 text-sm hover:transition hover:duration-300 disabled:cursor-not-allowed disabled:opacity-50 dark:disabled:opacity-40 border border-transparent bg-transparent text-neutral-500 hover:text-neutral-600 dark:text-neutral-400 hover:dark:text-neutral-300 dark:focus:ring-offset-neutral-900`"
    x-on:click="selected_tab = 'queue'; $dispatch('tab_changed', { tab_name: 'queue' })"
    >

Queue

<h4
        class="text-lg sm:text-lg md:text-lg lg:text-lg xl:text-xl 2xl:text-xl font-bold text-neutral-950 dark:text-white break-anywhere mt-2 text-center lg:mt-4">
        Looks like you don&#039;t have any active episode
    </h4>

<div class="text-center mb-2 lg:mb-4">
        <p class="text-neutral-950 dark:text-white break-anywhere">
        Browse Spreaker Catalogue to discover great new content
    </p>

</div>
                    <div class="flex items-center flex-col gap-2 lg:gap-4">

Browse now
    
</a>

</div>
    </div>

</div>
        
    </div>
</div>
        
    
    
</div>
        <div x-show="tab == 'queue'" class="absolute w-full"
    x-transition:enter="translate-x-full transition duration-300 opacity-0"
    x-transition:enter-start="translate-x-full opacity-0" x-transition:enter-end="translate-y-0 opacity-1"
    x-transition:leave="translate-y-0 transition duration-300 opacity-1"
    x-transition:leave-start="translate-y-0 opacity-0" x-transition:leave-end="translate-x-full opacity-0">
    <div class="m-auto max-w-3xl">
        
        <div x-show="$store.audio.activeEpisode">

<h2
        class="text-2xl sm:text-2xl md:text-2xl lg:text-2xl xl:text-3xl 2xl:text-3xl font-bold text-neutral-950 dark:text-white break-anywhere mb-2">
        Current
    </h2>

<div>

</div>
            </div>
        </div>

<div class="text-center mb-2 lg:mb-4">
        <p class="text-neutral-950 dark:text-white break-anywhere">
        Browse Spreaker Catalogue to discover great new content
    </p>

</div>
                <div class="flex items-center flex-col gap-2 lg:gap-4">

Browse now
    
</a>

</div>
    </div>

</div>

<div x-data="{ editing: false }" x-show="$store.audio.countLoadedEpisodes() > 1" class="mt-6">
            
            <div class="mb-2 flex items-center justify-between">

Manage
    
</button>

</div>

<div
                                    class="absolute inset-0 h-12 rounded-lg bg-black opacity-25 group-hover:opacity-30">
                                </div>
                                <div
                                    class="absolute inset-0 flex h-12 items-center justify-center [&>svg]:text-white">
                                    <svg class="text-neutral-950 dark:text-white" data-icon-type="outline" width="24" height="24" viewBox="0 0 24 24" fill="currentColor"
    xmlns="http://www.w3.org/2000/svg" stroke="none">
    <path fill-rule="evenodd" clip-rule="evenodd"
        d="M20 12C20 16.4183 16.4183 20 12 20C7.58172 20 4 16.4183 4 12C4 7.58172 7.58172 4 12 4C16.4183 4 20 7.58172 20 12ZM22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12ZM10.623 8.14224C9.89983 7.73554 9 8.24946 9 9.0692L9 14.9308C9 15.7505 9.89983 16.2645 10.623 15.8578L15.4534 12.927C16.1822 12.5171 16.1822 11.4829 15.4534 11.073L10.623 8.14224Z" />
</svg>
                                </div>
                            </div>
                            
                            <div class="flex grow flex-col">

</div>
                        </div>
                        
                        <div class="flex justify-between pb-4" x-show="editing">
                            <div class="flex gap-2">
                                    <button
    class="flex items-center justify-center gap-1 rounded-full font-semibold active:outline-none active:ring-2 active:ring-offset-2 active:ring-offset-neutral-100 dark:active:ring-offset-neutral-900 active:ring-yellow-600 disabled:opacity-50 dark:disabled:opacity-40 disabled:cursor-not-allowed hover:transition hover:duration-100 bg-neutral-50 text-black hover:bg-neutral-100 border border-neutral-300 dark:bg-neutral-600 dark:text-white dark:hover:bg-neutral-500 dark:border dark:border-neutral-600 dark:hover:border-neutral-500 px-2 py-1 h-6 text-xs shrink-0"
    disabled="disabled" type="button" class="flex items-center justify-center gap-1 rounded-full font-semibold active:outline-none active:ring-2 active:ring-offset-2 active:ring-offset-neutral-100 dark:active:ring-offset-neutral-900 active:ring-yellow-600 disabled:opacity-50 dark:disabled:opacity-40 disabled:cursor-not-allowed hover:transition hover:duration-100 bg-neutral-50 text-black hover:bg-neutral-100 border border-neutral-300 dark:bg-neutral-600 dark:text-white dark:hover:bg-neutral-500 dark:border dark:border-neutral-600 dark:hover:border-neutral-500 px-2 py-1 h-6 text-xs shrink-0" x-show="index === 0">

</div>
                                <button
    class="flex items-center justify-center gap-1 rounded-full font-semibold active:outline-none active:ring-2 active:ring-offset-2 active:ring-offset-neutral-100 dark:active:ring-offset-neutral-900 active:ring-yellow-600 disabled:opacity-50 dark:disabled:opacity-40 disabled:cursor-not-allowed hover:transition hover:duration-100 bg-neutral-50 text-black hover:bg-neutral-100 border border-neutral-300 dark:bg-neutral-600 dark:text-white dark:hover:bg-neutral-500 dark:border dark:border-neutral-600 dark:hover:border-neutral-500 px-2 py-1 h-6 text-xs shrink-0"
    type="button" class="flex items-center justify-center gap-1 rounded-full font-semibold active:outline-none active:ring-2 active:ring-offset-2 active:ring-offset-neutral-100 dark:active:ring-offset-neutral-900 active:ring-yellow-600 disabled:opacity-50 dark:disabled:opacity-40 disabled:cursor-not-allowed hover:transition hover:duration-100 bg-neutral-50 text-black hover:bg-neutral-100 border border-neutral-300 dark:bg-neutral-600 dark:text-white dark:hover:bg-neutral-500 dark:border dark:border-neutral-600 dark:hover:border-neutral-500 px-2 py-1 h-6 text-xs shrink-0" x-on:click="$store.audio.removeFromQueue(episode)">

</div>
                    </div>
                </template>
            </div>
        </div>
    </div>
</div>
    </div>
</div>
    <div x-show="!open" class="w-full bg-white dark:bg-neutral-800"
    x-transition:enter="translate-y-1/2 transition duration-300 opacity-0"
    x-transition:enter-start="translate-y-1/2 opacity-0" x-transition:enter-end="translate-y-0 opacity-1"
    x-transition:leave="translate-y-0 transition duration-300 opacity-1"
    x-transition:leave-start="translate-y-0 opacity-0" x-transition:leave-end="translate-y-1/2 opacity-0">

<div
                class="absolute inset-0 h-12 rounded-lg bg-black opacity-25 group-hover:opacity-30">
            </div>
            <div
                class="absolute inset-0 flex h-12 cursor-pointer items-center justify-center [&>svg]:text-white">
                <svg class="text-neutral-950 dark:text-white" x-show="$store.audio.activeEpisode &amp;&amp; !$store.audio.playing &amp;&amp; !$store.audio.loading" x-on:click.stop="$store.audio.play()" data-icon-type="outline" width="24" height="24" viewBox="0 0 24 24" fill="currentColor"
    xmlns="http://www.w3.org/2000/svg" stroke="none">
    <path fill-rule="evenodd" clip-rule="evenodd"
        d="M20 12C20 16.4183 16.4183 20 12 20C7.58172 20 4 16.4183 4 12C4 7.58172 7.58172 4 12 4C16.4183 4 20 7.58172 20 12ZM22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12ZM10.623 8.14224C9.89983 7.73554 9 8.24946 9 9.0692L9 14.9308C9 15.7505 9.89983 16.2645 10.623 15.8578L15.4534 12.927C16.1822 12.5171 16.1822 11.4829 15.4534 11.073L10.623 8.14224Z" />
</svg>
                <div x-show="$store.audio.loading">
                    <div class="block dark:hidden" role="status">
    <svg
        class="animate-spin fill-neutral-400 text-neutral-50  dark:text-neutral-900 size-5 "
        aria-hidden="true"
        viewBox="0 0 100 101"
        fill="none"
        xmlns="http://www.w3.org/2000/svg">
        <path
            d="M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z"
            fill="currentColor" />
        <path
            d="M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z"
            fill="currentFill" />
    </svg>
</div>
                    <div class="hidden dark:block" role="status">
    <svg
        class="animate-spin fill-neutral-400 text-neutral-900 dark:text-neutral-50 size-5 "
        aria-hidden="true"
        viewBox="0 0 100 101"
        fill="none"
        xmlns="http://www.w3.org/2000/svg">
        <path
            d="M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z"
            fill="currentColor" />
        <path
            d="M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z"
            fill="currentFill" />
    </svg>
</div>
                </div>
                <svg class="text-neutral-950 dark:text-white" x-show="$store.audio.activeEpisode &amp;&amp; $store.audio.playing &amp;&amp; !$store.audio.loading" x-on:click.stop="$store.audio.pause()" data-icon-type="solid" width="24" height="24" viewBox="0 0 24 24" fill="currentColor"
    xmlns="http://www.w3.org/2000/svg" stroke="none">
    <path fill-rule="evenodd" clip-rule="evenodd"
        d="M6 4C4.34315 4 3 5.34315 3 7V17C3 18.6569 4.34315 20 6 20H8C9.65685 20 11 18.6569 11 17V7C11 5.34315 9.65685 4 8 4H6ZM16 4C14.3431 4 13 5.34315 13 7V17C13 18.6569 14.3431 20 16 20H18C19.6569 20 21 18.6569 21 17V7C21 5.34315 19.6569 4 18 4H16Z" />
</svg>
            </div>
        </div>
        <div class="flex min-w-0 flex-1 cursor-pointer items-center gap-2"
            x-on:click="open = true">
                <img class="w-12 h-12 rounded-lg aspect-square object-cover hidden md:flex" x-show="$store.audio.activeEpisode?.image_url" alt="Episode Cover" x-bind:src="$store.audio.activeEpisode?.image_url" loading="lazy" />

<div class="flex flex-col overflow-hidden">
                    <p class="dark:text-white break-anywhere line-clamp-2 text-xs font-semibold text-neutral-800 lg:line-clamp-1 lg:text-sm">
        <span class="leading-4" x-show="$store.audio.activeEpisode?.episode_id"
                        x-text="$store.audio.activeEpisode?.title"></span>
                    <span x-show="!$store.audio.activeEpisode">It&#039;s so quiet here...</span>
    </p>

<p class="text-neutral-950 break-anywhere truncate text-xs leading-none dark:text-neutral-300">
        <span
                        class="leading-4"
                        x-show="$store.audio.activeEpisode?.show?.title"
                        x-text="$store.audio.activeEpisode?.show?.title"></span>
                    <span
                        x-show="!$store.audio.activeEpisode">Time to discover new episodes!</span>
    </p>

</div>
        </div>

</div>

</div>
            <time
                x-show="$store.audio.activeEpisode"
                class="mr-2 hidden pt-1 text-sm font-light text-yellow-700 dark:text-yellow-500 md:block"
                x-text="`${SP.Utils.formatTime($store.audio.getCurrent())} / ${SP.Utils.formatTime($store.audio.getDuration())}`"></time>
            <div class="relative">
                    <button
    class="flex items-center justify-center gap-1 rounded-full font-semibold active:outline-none active:ring-2 active:ring-offset-2 active:ring-offset-neutral-100 dark:active:ring-offset-neutral-900 active:ring-yellow-600 disabled:opacity-50 dark:disabled:opacity-40 disabled:cursor-not-allowed hover:transition hover:duration-100 bg-neutral-50 text-black hover:bg-neutral-100 border border-neutral-300 dark:bg-neutral-600 dark:text-white dark:hover:bg-neutral-500 dark:border dark:border-neutral-600 dark:hover:border-neutral-500 size-10 rotate-180"
    type="button" class="flex items-center justify-center gap-1 rounded-full font-semibold active:outline-none active:ring-2 active:ring-offset-2 active:ring-offset-neutral-100 dark:active:ring-offset-neutral-900 active:ring-yellow-600 disabled:opacity-50 dark:disabled:opacity-40 disabled:cursor-not-allowed hover:transition hover:duration-100 bg-neutral-50 text-black hover:bg-neutral-100 border border-neutral-300 dark:bg-neutral-600 dark:text-white dark:hover:bg-neutral-500 dark:border dark:border-neutral-600 dark:hover:border-neutral-500 size-10 rotate-180" aria-label="Expand player" x-on:click.stop="open = true">

<template
    x-for="counter in [$store.audio.countLoadedEpisodes() -1, $store.audio.countLoadedEpisodes(), $store.audio.countLoadedEpisodes() + 1]"
    :key="counter">
    <div class="min absolute -right-2 -top-2 rounded-full bg-yellow-500 px-2 py-0.5 text-xs font-bold text-black"
        x-text="counter"
        x-show="counter && $store.audio.countLoadedEpisodes() == counter"
        x-transition:enter="transition duration-300 opacity-0 scale-0"
        x-transition:enter-start="opacity-0 scale-0"
        x-transition:enter-end="opacity-1 scale-100"
        x-transition:leave=" transition duration-300 opacity-1"
        x-transition:leave-start="opacity-0 scale-100"
        x-transition:leave-end="opacity-0 scale-0">
    </div>
</template>
            </div>
        </div>
    </div>
</div>
</div>
            </div>
                <div
    class="fixed bottom-0 left-0 right-0 z-30 flex h-16 w-full items-center justify-around border-t bg-white px-6 text-neutral-950 dark:border-t-neutral-700 dark:bg-neutral-950 dark:text-white md:hidden">
    <div class="group flex flex-col">
        <a class="space-y-1" wire:navigate href="https://www.spreaker.com">
            <svg class="text-neutral-950 dark:text-white m-auto" data-icon-type="solid" width="24" height="24" viewBox="0 0 24 24" fill="currentColor"
    xmlns="http://www.w3.org/2000/svg" stroke="none">
    <path fill-rule="evenodd" clip-rule="evenodd"
        d="M4.3359 6.60944C3.5013 7.16584 3 8.10253 3 9.10559V18.75C3 20.4069 4.34315 21.75 6 21.75H18C19.6569 21.75 21 20.4069 21 18.75V9.10559C21 8.10253 20.4987 7.16584 19.6641 6.60944L13.6641 2.60944C12.6564 1.93764 11.3436 1.93764 10.3359 2.60944L4.3359 6.60944ZM14.25 9.56253C13.7322 9.56253 13.3125 9.98226 13.3125 10.5V12.75C13.3125 13.2678 13.7322 13.6875 14.25 13.6875H16.5C17.0178 13.6875 17.4375 13.2678 17.4375 12.75V10.5C17.4375 9.98226 17.0178 9.56253 16.5 9.56253H14.25Z" />
</svg>
            <div
                class="font-semibold text-xs group-hover:underline">
                Discover</div>
        </a>
    </div>
    <div class="group flex flex-col">
        <a class="space-y-1" wire:navigate href="https://www.spreaker.com/your-library">
            <svg class="text-neutral-950 dark:text-white m-auto" data-icon-type="outline" width="24" height="24" viewBox="0 0 24 24" fill="currentColor"
    xmlns="http://www.w3.org/2000/svg" stroke="none">
    <path fill-rule="evenodd" clip-rule="evenodd"
        d="M6 2H8C9.65685 2 11 3.34315 11 5V19C11 20.6569 9.65685 22 8 22H6C4.34315 22 3 20.6569 3 19V5C3 3.34315 4.34315 2 6 2ZM6 4C5.44772 4 5 4.44772 5 5V19C5 19.5523 5.44772 20 6 20H8C8.55228 20 9 19.5523 9 19V5C9 4.44772 8.55228 4 8 4H6ZM15 4C15.5523 4 16 4.44772 16 5L16 21C16 21.5523 15.5523 22 15 22C14.4477 22 14 21.5523 14 21L14 5C14 4.44772 14.4477 4 15 4ZM21 9C21 8.44772 20.5523 8 20 8C19.4477 8 19 8.44772 19 9V21C19 21.5523 19.4477 22 20 22C20.5523 22 21 21.5523 21 21V9Z" />
</svg>
            <div
                class=" text-xs group-hover:underline">
                Your Library</div>
        </a>
    </div>
    <div class="group flex flex-col">
        <a class="space-y-1" wire:navigate href="https://www.spreaker.com/search"
            x-on:click="SP.Utils.openVirtualKeyboard();">
            <svg class="text-neutral-950 dark:text-white m-auto" data-icon-type="outline" width="24" height="24" viewBox="0 0 24 24" fill="currentColor"
    xmlns="http://www.w3.org/2000/svg" stroke="none">
    <path fill-rule="evenodd" clip-rule="evenodd"
        d="M16 10C16 13.3137 13.3137 16 10 16C6.68629 16 4 13.3137 4 10C4 6.68629 6.68629 4 10 4C13.3137 4 16 6.68629 16 10ZM14.9057 16.3198C13.551 17.3729 11.8487 18 10 18C5.58172 18 2 14.4183 2 10C2 5.58172 5.58172 2 10 2C14.4183 2 18 5.58172 18 10C18 11.8487 17.3729 13.5509 16.3199 14.9056L21.7072 20.2928C22.0977 20.6834 22.0977 21.3165 21.7072 21.7071C21.3167 22.0976 20.6835 22.0976 20.293 21.7071L14.9057 16.3198Z" />
</svg>
            <div class=" text-xs group-hover:underline">
                Search</div>
        </a>
    </div>
</div>
    
    
    <div x-persist="signup_cta">
        <div
            x-data="{
                silence_for: 1000 * 60 * 60 * 24,
                state: {
                    open: false
                },
                last_opened_at: $persist(null).as('sp_storage.modals.signup_cta_last_opened_at'),
                play_count: $persist(0).as('sp_storage.modals.signup_cta_play_count'),
                updateOpen() {
                    if (this.play_count <= 2) {
                        this.state.open = false;
                        return;
                    }
                    if (this.last_opened_at && Date.now() - this.last_opened_at < this.silence_for) {
                        this.state.open = false;
                        return;
                    }
                    this.state.open = true;
                },
                onEpisodePlay() {
                    this.play_count += 1;
                    this.updateOpen();
                },
                updateOpened() {
                    this.last_opened_at = Date.now();
                    this.play_count = 0;
                }
            }"
            x-on:episode-play.window="onEpisodePlay()">
            <div
    x-data="{ 'state.open': state.open }"
    x-init="$watch('state.open', (opened) => {
        SP.Utils.setDocumentShouldScroll(!opened);
    })">
    
    <template x-teleport="body">
        <div
            x-transition:enter="transition ease-out duration-200"
            x-transition:enter-start="opacity-0"
            x-transition:enter-end="opacity-100"
            x-transition:leave="transition ease-out duration-200"
            x-transition:leave-start="opacity-100"
            x-transition:leave-end="opacity-0"
            x-show="state.open"
            aria-labelledby="modal-title"
            role="dialog"
            aria-modal="true"
            class="relative z-40">
            <div
                class="fixed inset-0 bg-neutral-500 bg-opacity-85 transition-opacity dark:bg-neutral-700 dark:bg-opacity-85">
            </div>
            <div class="fixed inset-0 z-40 w-screen overflow-y-auto"
                x-show="state.open"
                x-transition:enter="transition ease-out duration-200"
                x-transition:enter-start="translate-y-32"
                x-transition:enter-end="translate-y-0"
                x-transition:leave="transition ease-out duration-200"
                x-transition:leave-start="translate-y-0"
                x-transition:leave-end="translate-y-32">
                <div class="flex items-end justify-center p-4 sm:items-center sm:p-0">
                                                <div x-on:click.away="state.open = false" class="rounded-2xl bg-white dark:bg-neutral-800 p-4 flex flex-col drop-shadow-lg my-6 w-11/12 max-w-2xl relative z-40">
        <div class="flex flex-row justify-between text-center sm:text-left">
    <div class="flex-1">

<h3
        class="text-xl sm:text-xl md:text-xl lg:text-xl xl:text-2xl 2xl:text-2xl font-bold text-neutral-950 dark:text-white break-anywhere">
        Unlock Spreaker&#039;s full potential
    </h3>

</div>
        <button
    class="flex items-center justify-center gap-1 rounded-full font-semibold active:outline-none active:ring-2 active:ring-offset-2 active:ring-offset-neutral-100 dark:active:ring-offset-neutral-900 active:ring-yellow-600 disabled:opacity-50 dark:disabled:opacity-40 disabled:cursor-not-allowed hover:transition hover:duration-100 bg-neutral-50 text-black hover:bg-neutral-100 border border-neutral-300 dark:bg-neutral-600 dark:text-white dark:hover:bg-neutral-500 dark:border dark:border-neutral-600 dark:hover:border-neutral-500 size-6"
    type="button" class="flex items-center justify-center gap-1 rounded-full font-semibold active:outline-none active:ring-2 active:ring-offset-2 active:ring-offset-neutral-100 dark:active:ring-offset-neutral-900 active:ring-yellow-600 disabled:opacity-50 dark:disabled:opacity-40 disabled:cursor-not-allowed hover:transition hover:duration-100 bg-neutral-50 text-black hover:bg-neutral-100 border border-neutral-300 dark:bg-neutral-600 dark:text-white dark:hover:bg-neutral-500 dark:border dark:border-neutral-600 dark:hover:border-neutral-500 size-6" x-on:click.prevent="state.open = false">

</div>
                <div class="py-4">    <p class="text-neutral-950 dark:text-white break-anywhere">
        Sign up to keep listening, access your Library to pick up episodes right where you left off, and connect with your favorite creators. Experience the ultimate podcast listening on Spreaker!
    </p>

</div>
    </div>

</div>
            </div>
        </div>
    </template>
</div>
        </div>
    </div>

</html>

Ответ сервера

HTTP/1.1 200 OK
Content-Type: text/html; charset=UTF-8
Content-Length: 995772
Connection: keep-alive
Date: Wed, 02 Jul 2025 07:31:47 GMT
x-amzn-Remapped-date: Wed, 02 Jul 2025 07:31:47 GMT
x-amzn-RequestId: a74c585b-2c16-450b-88fe-211d2d251843
x-frame-options: SAMEORIGIN
Set-Cookie: XSRF-TOKEN=eyJpdiI6Ii9VRmVsa3FrZ1NuWVJWQUJ2TG5reUE9PSIsInZhbHVlIjoiMko2eHd0dy91SFEvY3grK0piaitmc3hXUGwzeFB3b1YrREdQZ3JCYjE1YVhrZmZUeGZvaUZuK2ZmODFWUEVTWFkwQVlaUVRnaXFXOUVtSHh1eDVYTkZWeFJXSnlzM0VlVUt3eXFwSDUvdWY2Si9KekozbnB6OWhnSmdtVm56c2oiLCJtYWMiOiJhYTdlMDdkZGQxYmU0OWMwYTY0MDNjMTA5NGNlZDNhYTczMmQwMDE4NzMwZTc0MmZlOGQwNmY3ZmNmYjUzMzI0IiwidGFnIjoiIn0%3D; expires=Wed, 02 Jul 2025 09:31:47 GMT; Max-Age=7200; path=/; secure; samesite=lax
Set-Cookie: spreaker_session=eyJpdiI6InN3VEt4OGZIYnE4eThEb1c2WVBOUnc9PSIsInZhbHVlIjoiUGovc1JweDJmWlI3S0NsTzR6K1RXa3M3L1lQVmxpcWlKRlBzQXNvZzRBa3hqQW93ZW1zbm05a3Z3VzMxRXpodTNtSVFWOURUV1o2cTN0SjlJNitoY1U5STZFZXlzcDBBZHVrWGhmYWFQN2d3V1V6SHlTdHRSTmhMaG9XbHVmTDQiLCJtYWMiOiIyZmY2ODg4YjY1YzAxMWUxOTY4OGU3YWI3MDUxNjhjMTE0YzYyOTQxNDJkZDljNGY2OWU1NjlmYzc3ZGE2NWI2IiwidGFnIjoiIn0%3D; expires=Wed, 02 Jul 2025 09:31:47 GMT; Max-Age=7200; path=/; secure; httponly; samesite=lax
cache-control: max-age=0, must-revalidate, no-cache, no-store, private
expires: Fri, 01 Jan 1990 00:00:00 GMT
X-Amzn-Trace-Id: Root=1-6864e062-2052c860471c734d5cf22d5d;Parent=15800e2b60edfc74;Sampled=0;Lineage=1:6e7fb5d2:0
pragma: no-cache
X-Cache: Miss from cloudfront
Via: 1.1 7d4373a933c987fdc49bf414354a4946.cloudfront.net (CloudFront)
X-Amz-Cf-Pop: OTP50-P2
Alt-Svc: h3=":443"; ma=86400
X-Amz-Cf-Id: C2twK8hb5-1-Ac03d0qHvQ6ZIeG-ScFtPiPbq8bPr_FszxNvH6e_UQ==