Spreaker

<!DOCTYPE html> <html lang="en-US" x-data="{ dark: $persist(true).as('sp_storage.theme.dark') }" :class="dark ? 'dark' : ''" x-cloak> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0, maximum-scale=2.0" /> <title>Spreaker</title> <link rel="canonical" href="https://www.spreaker.com/prime" /> <link rel="image_src" href="https://d2nsw11i8ho592.cloudfront.net/build/assets/og-image-20b2699d.jpg" />  <meta name="description" content="Discover a world of captivating podcasts and immersive audio experiences on Spreaker. Dive in and elevate your listening journey today!"> <meta name="theme-color" /> <meta name="referrer" content="origin-when-cross-origin" /> <meta property="fb:app_id" content="215002133707" /> <meta property="og:site_name" content="Spreaker" /> <meta property="og:type" content="website" /> <meta property="og:title" content="Spreaker" /> <meta property="og:description" content="Discover a world of captivating podcasts and immersive audio experiences on Spreaker. Dive in and elevate your listening journey today!" /> <meta property="og:url" content="https://www.spreaker.com/prime" /> <meta property="og:image" content="https://d2nsw11i8ho592.cloudfront.net/build/assets/og-image-20b2699d.jpg" /> <meta property="og:image:alt" content="Spreaker art" /> <meta property="og:image:width" content="1200" /> <meta property="og:image:height" content="630" /> <meta name="twitter:site" content="@spreaker" /> <meta name="twitter:title" content="Spreaker" /> <meta name="twitter:description" content="Discover a world of captivating podcasts and immersive audio experiences on Spreaker. Dive in and elevate your listening journey today!" /> <meta name="twitter:image" content="https://d2nsw11i8ho592.cloudfront.net/build/assets/og-image-20b2699d.jpg" />  <meta name="twitter:card" content="summary_large_image" />    <meta property="al:android:url" content="https://www.spreaker.com/prime" /> <meta property="al:android:package" content="com.spreaker.android" /> <meta property="al:android:class" content="com.spreaker.android.radio.deeplinking.DeeplinkActivity" /> <meta property="al:android:app_name" content="Spreaker Podcast Player" /> <meta property="al:ios:url" content="spreaker://www.spreaker.com/prime" /> <meta property="al:ios:app_store_id" content="388449677" /> <meta property="al:ios:app_name" content="Spreaker" /> <meta name="twitter:app:url:iphone" content="spreaker://www.spreaker.com/prime" /> <meta name="twitter:app:url:googleplay" content="https://www.spreaker.com/prime" /> <meta name="twitter:app:id:iphone" content="388449677" /> <meta name="twitter:app:name:iphone" content="Spreaker Podcast Player" /> <meta name="twitter:app:id:ipad" content="388449677" /> <meta name="twitter:app:name:ipad" content="Spreaker Podcast Player" /> <meta name="twitter:app:name:googleplay" content="Spreaker Podcast Player" /> <meta name="twitter:app:id:googleplay" content="com.spreaker.android" /> <meta name="apple-itunes-app" content="app-id=388449677, app-argument=https://www.spreaker.com/prime"> <script type="application/ld+json"> { "@context": "http://schema.org", "@type": "WebSite", "url": "https://www.spreaker.com/", "potentialAction": { "@type": "SearchAction", "target": "https://www.spreaker.com/search?query={search_term_string}", "query-input": "required name=search_term_string" } } </script> <link type="application/opensearchdescription+xml" rel="search" href="https://www.spreaker.com/open_search.xml" /> <link rel="icon" href="https://d2nsw11i8ho592.cloudfront.net/build/assets/favicon-e8f379c4.ico" sizes="32x32"> <link rel="icon" href="https://d2nsw11i8ho592.cloudfront.net/build/assets/icon-bec8cd26.svg" type="image/svg+xml"> <link rel="apple-touch-icon" href="https://d2nsw11i8ho592.cloudfront.net/build/assets/apple-touch-icon-2ee5b08f.png"> <link rel="manifest" href="https://www.spreaker.com/manifest.webmanifest"> <style >[wire\:loading][wire\:loading], [wire\:loading\.delay][wire\:loading\.delay], [wire\:loading\.inline-block][wire\:loading\.inline-block], [wire\:loading\.inline][wire\:loading\.inline], [wire\:loading\.block][wire\:loading\.block], [wire\:loading\.flex][wire\:loading\.flex], [wire\:loading\.table][wire\:loading\.table], [wire\:loading\.grid][wire\:loading\.grid], [wire\:loading\.inline-flex][wire\:loading\.inline-flex] {display: none;}[wire\:loading\.delay\.none][wire\:loading\.delay\.none], [wire\:loading\.delay\.shortest][wire\:loading\.delay\.shortest], [wire\:loading\.delay\.shorter][wire\:loading\.delay\.shorter], [wire\:loading\.delay\.short][wire\:loading\.delay\.short], [wire\:loading\.delay\.default][wire\:loading\.delay\.default], [wire\:loading\.delay\.long][wire\:loading\.delay\.long], [wire\:loading\.delay\.longer][wire\:loading\.delay\.longer], [wire\:loading\.delay\.longest][wire\:loading\.delay\.longest] {display: none;}[wire\:offline][wire\:offline] {display: none;}[wire\:dirty]:not(textarea):not(input):not(select) {display: none;}:root {--livewire-progress-bar-color: #2299dd;}[x-cloak] {display: none !important;}</style> <link rel="preload" as="style" href="https://d2nsw11i8ho592.cloudfront.net/build/assets/app-0f76d66c.css" /><link rel="stylesheet" href="https://d2nsw11i8ho592.cloudfront.net/build/assets/app-0f76d66c.css" data-navigate-track="reload" /> <script> window.SP = window.SP || {}; window.SP.Viewer = { country: "SG", language: "en", culture: "en_US", }; </script> <script> window.amplitudeSettings = { 'api_key': '10aa248c285498f5ee621903488bb9dc', 'user_id': null, 'experiments': [], }; window.Sp = window.Sp || {}; window.Sp.util = window.Sp.util || {}; window.Sp.util.Amplitude = Sp.util.Amplitude || { _whenLoaded: [], init: function() { if (!window.amplitudeSettings || typeof amplitude === "undefined") { return; } amplitude.getInstance().init( window.amplitudeSettings.api_key, window.amplitudeSettings.user_id, { includeUtm: true, includeReferrer: true, saveParamsReferrerOncePerSession: false, unsetParamsReferrerOnNewSession: true, domain: document.domain, secureCookie: true, }, () => { // Consume pending event queues and swap with a syncronous executor Sp.util.Amplitude._whenLoaded.forEach((fn) => { fn.apply(); }); Sp.util.Amplitude._whenLoaded.push = (fn) => { fn.apply(); } } ); }, /** * Sends an event to Amplitude * * @param {String} eventName * @param {String} eventProperties JSON enconded object */ sendEvent: function(eventName, eventProperties) { Sp.util.Amplitude._whenLoaded.push(() => { if (typeof eventProperties === "string") { eventProperties = JSON.parse(eventProperties); } eventProperties = Object.assign(eventProperties, { 'application': 'Spreaker NEXT', 'experiments': window.amplitudeSettings.experiments, }); amplitude.getInstance().logEvent(eventName, eventProperties); }); } }; (function(w, d, s, l, i) { w[l] = w[l] || []; w[l].push({ 'gtm.start': new Date().getTime(), event: 'gtm.js' }); var f = d.getElementsByTagName(s)[0], j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''; j.async = true; j.src = 'https://www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore(j, f); })(window, document, 'script', 'dataLayer', 'GTM-PMD8LDV'); </script> </head> <body class="bg-neutral-100 dark:bg-neutral-950"> <div wire:snapshot="{"data":[],"memo":{"id":"psR8DvS3UYzzHnpCWxQ7","name":"analytics.tracking","path":"prime","method":"GET","children":[],"scripts":[],"assets":["1320249421-0"],"errors":[],"locale":"en_US"},"checksum":"07586cb0a219aaaf15b1a8d9a511ee9f1e4786fe3b711cb2ad0dbfb27f4da4e9"}" wire:effects="[]" wire:id="psR8DvS3UYzzHnpCWxQ7"></div> <div x-persist="audio"> <div wire:snapshot="{"data":[],"memo":{"id":"v8uhEwsGFhOoVul0nZer","name":"audio","path":"prime","method":"GET","children":[],"scripts":["1421938729-0"],"assets":[],"errors":[],"locale":"en_US"},"checksum":"1798d5fa5afa76bfc2c82ec6ff582155679d6bd95901b11f972c9ef68b73df77"}" wire:effects="{"scripts":{"1421938729-0":" <script>\n Alpine.data('audio', () => ({\n \/**\n * This method is used to get the on-demand playback url for a given url.\n * This handles the presence of the playback token.\n * Calling the ondemand endpoint guarantees that the consumption type of the listen is set to ondemand.\n * When a valid playback token is present, the ondemand endpoint will have a way to identify the listener.\n *\/\n getOndemandOrDownloadUrl(url) {\n return SP.Utils.getOndemandOrDownloadUrl(url);\n },\n \/**\n * This method is used to persist alpine store data in the local storage scoped to the user.\n *\/\n persist(val, key) {\n const userId = null || 'guest';\n return Alpine.$persist(val).as(SP.Utils.getLocalStorageKey(userId, key));\n },\n \/**\n * This method is used to fetch and store the variant of a given playback url.\n * To detrmine the variant, we need to make a HEAD request to the playback url because we need to follow\n * the redirect to the actual audio file. At this point if the url contains the variant, we can extract it\n *\/\n fetchVariant(src) {\n return fetch(src, {\n method: 'HEAD'\n }).then((response) => {\n Alpine.store('audio').variant = SP.Utils.extractVariant(response.url);\n }).catch(() => {\n Alpine.store('audio').variant = null;\n });\n },\n init() {\n const $audioRef = this.$refs.audio;\n const getOndemandOrDownloadUrl = this.getOndemandOrDownloadUrl;\n\n Alpine.store('audio', {\n \/\/ Persisted on local storage\n episodeQueue: this.persist([], 'audio.episode_queue'),\n activeEpisode: this.persist(null, 'audio.active_episode'),\n playback_token: this.persist(null, 'audio.playback_token'),\n episodesProgress: this.persist({}, 'audio.episodes_progress'),\n episodesDuration: this.persist({}, 'audio.episodes_duration'),\n episodesCurrent: this.persist({}, 'audio.episodes_current'),\n episodesCompleted: this.persist({}, 'audio.episodes_completed'),\n \/\/ Not persisted on local storage\n playbackRate: 1,\n playing: false,\n loading: false,\n variant: null,\n\n \/**\n * PUBLIC METHODS\n *\/\n\n play() {\n if (this.playing) {\n return;\n }\n if (this.activeEpisode) {\n this._updateAudioSrc(this.activeEpisode);\n this._updateMediaSession(this.activeEpisode);\n this._trackAmplitudeEvent('played', this.activeEpisode);\n this._trackBackendPlaybackEvent('play', this.activeEpisode, this\n .getCurrent());\n this.changePlaybackRate(this.playbackRate);\n $audioRef.currentTime = this.getCurrent();\n $audioRef.play();\n return;\n } else if (this.episodeQueue.length === 0) {\n return;\n } else {\n this.activeEpisode = this.episodeQueue[0];\n this._dequeue(this.activeEpisode);\n this._updateAudioSrc(this.activeEpisode);\n this._updateMediaSession(this.activeEpisode);\n this._trackAmplitudeEvent('played', this.activeEpisode);\n this._trackBackendPlaybackEvent('play', this.activeEpisode, this\n .getCurrent());\n this.changePlaybackRate(this.playbackRate);\n\n \/\/ If the episode was completed we start from the beginning\n \/\/ and mark it as not completed, so that we can track the progress\n \/\/ locally and the user can resume from where they left off\n if (this.getCompleted()) {\n this.resetProgress();\n }\n\n $audioRef.currentTime = this.getCurrent();\n $audioRef.play();\n }\n },\n pause() {\n this._trackAmplitudeEvent('paused', this.activeEpisode);\n this._trackBackendPlaybackEvent('pause', this.activeEpisode, this.getCurrent());\n $audioRef.pause();\n },\n plus30() {\n if (!this.activeEpisode) {\n return;\n }\n this.setCurrentTime(this.getCurrent() + 30);\n this._trackAmplitudeEvent('seek_forward', this.activeEpisode);\n this._trackBackendPlaybackEvent('seek', this.activeEpisode, this.getCurrent());\n },\n minus10() {\n if (!this.activeEpisode) {\n return;\n }\n this.setCurrentTime(this.getCurrent() - 10);\n this._trackAmplitudeEvent('seek_backward', this.activeEpisode);\n this._trackBackendPlaybackEvent('seek', this.activeEpisode, this.getCurrent());\n },\n seek(progress) {\n if (!this.activeEpisode) {\n return;\n }\n const duration = $audioRef.duration || this.activeEpisode.duration \/ 1000;\n const current = duration * progress;\n this.setCurrentTime(current);\n this._trackAmplitudeEvent('seek_at', this.activeEpisode);\n this._trackBackendPlaybackEvent('seek', this.activeEpisode, this.getCurrent());\n this.play();\n },\n changePlaybackRate(rate) {\n this.playbackRate = rate;\n $audioRef.playbackRate = rate;\n },\n next(automatic = false) {\n this._trackAmplitudeEvent('next', this.activeEpisode, {\n automatic\n });\n if (automatic) {\n this.setProgress(0);\n this.setDuration(null);\n this.setCurrent(0);\n }\n this._stop();\n this.play();\n },\n playNow(episode) {\n if (this._equals(this.activeEpisode, episode)) {\n this.play();\n return;\n }\n this._stop();\n this._enqueueHead(episode);\n this.play();\n this._emitEpisodePlayEvent();\n },\n playPause(episode) {\n if (this._equals(this.activeEpisode, episode) && !this.loading) {\n if (this.playing) {\n this.pause();\n } else {\n this.play();\n }\n } else {\n this.playNow(episode);\n }\n },\n isEpisodePlaying(episode) {\n return this._equals(this.activeEpisode, episode) && this.playing;\n },\n shouldDisplayLoading(episode) {\n return this._equals(this.activeEpisode, episode) && this.loading;\n },\n shouldDisplayPlay(episode) {\n return (\n (!this._equals(this.activeEpisode, episode)) ||\n (this._equals(this.activeEpisode, episode) && !this.playing && !this\n .loading)\n );\n },\n shouldDisplayPause(episode) {\n return this._equals(this.activeEpisode, episode) && this.playing && !this\n .loading;\n },\n isEpisodeActiveOrQueued(episode) {\n return this._isEpisodeActive(episode) || this.episodeQueue.some((\n queuedEpisode) => {\n return this._equals(queuedEpisode, episode);\n });\n },\n countLoadedEpisodes() {\n return this.episodeQueue.length + (this.activeEpisode ? 1 : 0);\n },\n addToQueue(episode) {\n if (this._equals(this.activeEpisode, episode)) {\n return;\n }\n this._dequeue(episode);\n this.episodeQueue = [...this.episodeQueue, episode];\n if (this.episodeQueue.length === 1 && !this.activeEpisode) {\n this.activeEpisode = this.episodeQueue[0];\n this._dequeue(this.activeEpisode);\n }\n this._trackAmplitudeEvent('queue_added', episode, {\n queue_length: this.countLoadedEpisodes()\n });\n },\n removeFromQueue(episode) {\n this._dequeue(episode);\n this._trackAmplitudeEvent('queue_removed', episode, {\n queue_length: this.countLoadedEpisodes()\n });\n },\n moveUpInQueue(episode) {\n const index = this.episodeQueue.findIndex((queuedEpisode) => {\n return this._equals(queuedEpisode, episode);\n });\n if (index === 0) {\n return;\n }\n const prev = this.episodeQueue[index - 1];\n this.episodeQueue[index - 1] = episode;\n this.episodeQueue[index] = prev;\n },\n moveDownInQueue(episode) {\n const index = this.episodeQueue.findIndex((queuedEpisode) => {\n return this._equals(queuedEpisode, episode);\n });\n if (index === this.episodeQueue.length - 1) {\n return;\n }\n const next = this.episodeQueue[index + 1];\n this.episodeQueue[index + 1] = episode;\n this.episodeQueue[index] = next;\n },\n setCurrentTime(time) {\n if (isNaN(time)) {\n return;\n }\n\n \/\/ Ensure the time is within the bounds of the audio\n time = Math.min(Math.max(0, time), $audioRef.duration || this.activeEpisode\n .duration \/ 1000);\n\n this.setCurrent(time);\n $audioRef.currentTime = time;\n },\n getProgress() {\n if (!this.activeEpisode) {\n return 0;\n }\n return this.episodesProgress[this.activeEpisode.episode_id];\n },\n getEpisodeProgress(episode) {\n return this.episodesProgress[episode.episode_id] || 0;\n },\n getEpisodeCurrent(episode) {\n return this.episodesCurrent[episode.episode_id] || 0;\n },\n getEpisodeDuration(episode) {\n return this.episodesDuration[episode.episode_id] || episode.duration \/ 1000;\n },\n getEpisodeCompleted(episode) {\n return this.episodesCompleted[episode.episode_id] || false;\n },\n getEpisodeMinLeft(episode) {\n const current = this.getEpisodeCurrent(episode);\n const duration = this.getEpisodeDuration(episode);\n return SP.Utils.formatTimeLeft(duration - current, SP.Viewer.language);\n },\n setProgress(progress) {\n if (!this.activeEpisode) {\n return;\n }\n this.episodesProgress[this.activeEpisode.episode_id] = progress;\n },\n getDuration() {\n if (!this.activeEpisode) {\n return null;\n }\n return this.episodesDuration[this.activeEpisode.episode_id] || this\n .activeEpisode.duration \/ 1000;\n },\n setDuration(duration) {\n if (!this.activeEpisode) {\n return;\n }\n this.episodesDuration[this.activeEpisode.episode_id] = duration;\n },\n getCurrent() {\n if (!this.activeEpisode) {\n return 0;\n }\n return this.episodesCurrent[this.activeEpisode.episode_id] || 0;\n },\n\n setCurrent(current) {\n if (!this.activeEpisode) {\n return;\n }\n this.episodesCurrent[this.activeEpisode.episode_id] = current;\n },\n getCompleted() {\n if (!this.activeEpisode) {\n return false;\n }\n return this.episodesCompleted[this.activeEpisode.episode_id] || false;\n },\n setCompleted(completed) {\n if (!this.activeEpisode) {\n return;\n }\n this.episodesCompleted[this.activeEpisode.episode_id] = completed;\n },\n updateEpisode(episode) {\n \/\/ We update the active episode\n if (this._isEpisodeActive(episode)) {\n this.activeEpisode = episode;\n }\n \/\/ We update episode in the queue\n this.episodeQueue = this.episodeQueue.map((queuedEpisode) => {\n if (this._equals(queuedEpisode, episode)) {\n return episode;\n }\n return queuedEpisode;\n });\n \/\/ We update the progress, duration and current time for the non active episodes\n if (!this._isEpisodeActive(episode) && episode.progress) {\n const newProgress = (episode.progress \/ episode.duration) * 100\n const newDuration = episode.duration \/ 1000;\n const newCurrent = episode.progress \/ 1000;\n const newCompleted = !!episode.completed_at;\n\n this.episodesProgress[episode.episode_id] = newProgress;\n this.episodesDuration[episode.episode_id] = newDuration;\n this.episodesCurrent[episode.episode_id] = newCurrent;\n this.episodesCompleted[episode.episode_id] = newCompleted;\n }\n },\n getEpisodePlayButtonState(episode) {\n if (this.shouldDisplayLoading(episode)) {\n return 'LOADING';\n }\n\n if (this.shouldDisplayPause(episode)) {\n return 'PAUSE';\n }\n\n if (\n this.shouldDisplayPlay(episode) &&\n this.getEpisodeCompleted(episode) ||\n !this.getEpisodeCurrent(episode)\n ) {\n return 'PLAY';\n }\n\n return 'RESUME';\n },\n displayEpisodeProgress(episode) {\n if (this.isEpisodePlaying(episode)) {\n return true;\n }\n if (!this.getEpisodeCompleted(episode) && this.getEpisodeCurrent(episode)) {\n return true;\n }\n return false;\n },\n displayEpisodeDuration(episode) {\n if (this.isEpisodePlaying(episode)) {\n return false;\n }\n\n if (!this.getEpisodeCompleted(episode) && this.getEpisodeCurrent(episode)) {\n return false;\n }\n\n return true;\n },\n resetProgress() {\n this.setProgress(0);\n this.setCompleted(false);\n },\n\n \/**\n * PRIVATE METHODS\n *\/\n\n \/**\n * The media session API is used to display the current episode information on the lock screen\n * of the device. The current implementations are pretty limited and buggy so conside this as\n * a best effort.\n *\/\n _updateMediaSession(episode) {\n if ('mediaSession' in navigator) {\n const metadata = {\n title: episode.title,\n artist: episode.show.title,\n artwork: [{\n src: SP.Utils.getNuvolariImageUrl(\n episode.image_original_url,\n 'square_limited_160',\n ),\n sizes: '160x160',\n type: 'image\/jpeg',\n },\n {\n src: SP.Utils.getNuvolariImageUrl(\n episode.image_original_url,\n 'square_limited_480',\n ),\n sizes: '480x480',\n type: 'image\/jpeg',\n },\n {\n src: SP.Utils.getNuvolariImageUrl(\n episode.image_original_url,\n 'square_limited_720',\n ),\n sizes: '720x720',\n type: 'image\/jpeg',\n },\n ],\n };\n navigator.mediaSession.metadata = new MediaMetadata(\n metadata,\n );\n\n navigator.mediaSession.setActionHandler(\n 'seekbackward', () => {\n this.minus10();\n });\n navigator.mediaSession.setActionHandler(\n 'seekforward', () => {\n this.plus30();\n });\n\n navigator.mediaSession.setActionHandler(\n 'nexttrack', () => {\n this.next();\n });\n\n navigator.mediaSession.setActionHandler(\n 'play', () => {\n this.play();\n });\n\n navigator.mediaSession.setActionHandler(\n 'pause', () => {\n this.pause();\n });\n }\n },\n _emitEpisodePlayEvent() {\n window.dispatchEvent(new CustomEvent('episode-play'));\n },\n _updateAudioSrc: (episode) => {\n const newSrc = getOndemandOrDownloadUrl(episode?.playback_url);\n if ($audioRef.src !== newSrc) {\n $audioRef.src = newSrc;\n }\n },\n _trackAmplitudeEvent(action, episode, data = {}) {\n if (episode) {\n SP.Amplitude.sendEvent(`player_${action}`, {\n podcast_title: episode.show?.title,\n podcast_id: episode.show?.show_id,\n episode_id: episode.episode_id,\n episode_title: episode.title,\n ...data,\n });\n }\n },\n _trackBackendPlaybackEvent(action, episode, current) {\n \/\/ If the user is not authenticated we do nothing\n },\n _equals(episode, other) {\n if (episode === null || other === null) {\n return false;\n }\n return episode.episode_id === other.episode_id;\n },\n _isEpisodeActive(episode) {\n return this._equals(this.activeEpisode, episode);\n },\n _enqueueHead(episode) {\n this._dequeue(episode);\n this.episodeQueue = [episode, ...this.episodeQueue];\n },\n _dequeue(episode) {\n this.episodeQueue = this.episodeQueue.filter((queuedEpisode) => {\n return !this._equals(queuedEpisode, episode);\n });\n },\n _update() {\n this.playing = !$audioRef.paused;\n this.loading = $audioRef.readyState < 4;\n if ($audioRef.duration) {\n this.setProgress($audioRef.currentTime \/ $audioRef.duration * 100);\n this.setDuration($audioRef.duration);\n this.setCurrent($audioRef.currentTime);\n }\n },\n _reset() {\n this.playing = false;\n this.loading = false;\n this.variant = null;\n },\n _ended() {\n this.loading = false;\n this.setCompleted(true);\n this.next(true);\n },\n _stop() {\n if (!this.activeEpisode) {\n return;\n }\n this._dequeue(this.activeEpisode);\n this.activeEpisode = null;\n $audioRef.currentTime = 0;\n $audioRef.src = '';\n this._reset();\n }\n });\n\n const update = () => {\n Alpine.store('audio')._update();\n };\n\n const loadedmetadata = () => {\n this.fetchVariant($audioRef.src);\n };\n\n const ended = () => {\n Alpine.store('audio')._ended();\n };\n\n $audioRef.addEventListener('play', update);\n $audioRef.addEventListener('pause', update);\n $audioRef.addEventListener('loadedmetadata', loadedmetadata);\n $audioRef.addEventListener('timeupdate', update);\n $audioRef.addEventListener('ended', ended);\n $audioRef.addEventListener('error', ended);\n }\n }));\n\n Alpine.data('audio_token', () => ({\n playbackTokenInterval: null,\n playbackProgressInterval: null,\n \/**\n * This method is used to fetch a playback token from the backend and store it in the alpine store.\n * The playback token is stored in the alpine store so that it can be used to generate the on-demand\n * playback url.\n *\n * We need to call it withCredentials since the cookie is the only way for the app to identify the user.\n *\/\n fetchAndStorePlaybackToken() {\n return fetch('\/playback\/token', {\n method: \"POST\",\n withCredentials: true,\n headers: {\n 'Content-Type': 'application\/json',\n 'Accept': 'application\/json',\n 'X-Csrf-Token': window.livewireScriptConfig.csrf\n },\n }).then((r) => {\n if (r.status !== 200) {\n return null;\n }\n return r.json();\n }).then((r) => {\n Alpine.store('audio').playback_token = r || null;\n }).catch((e) => {\n Alpine.store('audio').playback_token = null;\n })\n },\n \/**\n * This method runs once when the page is loaded, so here we're calling\n * ensurePlaybackToken to fetch a playback token if there isn't any.\n * The playback token TTL is 6 hours, so we set an interval to check the\n * expiration of the playback token every 30 minutes. The token will be\n * refreshed if the token is to be expired in 1 hour or less, so this way\n * the user can't be without a token.\n *\/\n ensurePlaybackToken() {\n const ONE_HOUR = 60 * 60 * 1000;\n const currentToken = Alpine.store('audio').playback_token;\n\n if (currentToken) {\n const expirationDate = new Date(`${currentToken.expires_at} UTC`);\n const now = new Date();\n const diff = (expirationDate - now);\n if (diff > ONE_HOUR) {\n return;\n }\n }\n\n return this.fetchAndStorePlaybackToken();\n },\n init() {\n const FIFTEEN_MINUTES = 15 * 60 * 1000;\n const THIRTY_SECONDS = 30 * 1000;\n\n this.ensurePlaybackToken();\n this.playbackTokenInterval = setInterval(() => {\n this.ensurePlaybackToken();\n }, FIFTEEN_MINUTES);\n\n this.playbackProgressInterval = setInterval(() => {\n this._trackBackendPlaybackProgress();\n }, THIRTY_SECONDS);\n\n Alpine.store('audio')._trackBackendPlaybackEvent = this._trackBackendPlaybackEvent;\n },\n destroy() {\n clearInterval(this.playbackTokenInterval);\n clearInterval(this.playbackProgressInterval);\n },\n\n \/**\n * PRIVATE METHODS\n *\/\n\n _trackBackendPlaybackEvent(action, episode, current) {\n if (!episode || isNaN(current)) {\n return;\n }\n\n if (current < 0) {\n return;\n }\n\n fetch(`\/playback\/${episode.episode_id}\/events`, {\n method: \"POST\",\n withCredentials: true,\n headers: {\n 'Content-Type': 'application\/json',\n 'Accept': 'application\/json',\n 'X-Csrf-Token': window.livewireScriptConfig.csrf\n },\n body: JSON.stringify({\n event_type: action,\n progress: Math.floor(current * 1000),\n })\n }).catch(() => {})\n },\n\n _trackBackendPlaybackProgress() {\n let audioStore = Alpine.store('audio');\n if (!audioStore.playing) {\n return;\n }\n\n this._trackBackendPlaybackEvent('progress', audioStore.activeEpisode, audioStore\n .getCurrent());\n }\n }));\n <\/script>\n "}}" wire:id="v8uhEwsGFhOoVul0nZer" x-data="audio"> <audio x-ref="audio" preload="none"></audio>  </div> </div> <div class="flex min-h-screen"> <div id="app-left-nav" class="fixed z-30 hidden h-[calc(100%-theme(spacing.16))] shrink-0 grow-0 overflow-y-auto border-r bg-white text-neutral-950 dark:border-r-neutral-700 dark:bg-neutral-800 dark:text-white md:block md:w-[250px]"> <div class=""> <div class="mb-6 flex h-16 items-center p-4 align-middle"> <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 168 48" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M9.86582 29.9859C8.08232 29.9988 6.31081 29.6928 4.63471 29.0826C2.9217 28.4352 1.3485 27.4662 0 26.2275L2.4663 23.2461C3.51361 24.1638 4.68451 24.9303 5.94481 25.5228C7.20331 26.0718 8.56532 26.343 9.93812 26.3178C11.0163 26.3754 12.0849 26.091 12.9918 25.5048C13.3473 25.2696 13.6371 24.9483 13.8348 24.5706C14.0322 24.1929 14.1309 23.7714 14.1213 23.3454V23.2461C14.1288 22.8585 14.055 22.4739 13.9044 22.1166C13.713 21.7524 13.4334 21.4419 13.0911 21.2133C12.588 20.8704 12.0411 20.5971 11.4651 20.4C10.5882 20.0952 9.69542 19.839 8.79062 19.6323C7.64642 19.377 6.52051 19.0449 5.42071 18.6384C4.52971 18.3192 3.69421 17.8617 2.94511 17.283C2.28661 16.7685 1.7628 16.1022 1.4184 15.3408C1.0512 14.4663 0.872402 13.524 0.894302 12.576V12.5037C0.884702 11.5626 1.083 10.6308 1.4751 9.77492C1.86691 8.91902 2.4429 8.16032 3.16201 7.55281C3.91141 6.92851 4.77301 6.45301 5.70091 6.15241C6.74401 5.80771 7.83661 5.63671 8.93522 5.64631C10.5276 5.62231 12.1119 5.87941 13.6152 6.40531C15.0282 6.92521 16.3467 7.67281 17.5182 8.61871L15.3138 11.772C14.322 11.0367 13.2411 10.4298 12.0975 9.96512C11.0772 9.55622 9.98912 9.34472 8.88992 9.34172C7.88941 9.28322 6.89851 9.56672 6.08011 10.1457C5.76601 10.3752 5.51071 10.6755 5.33461 11.0226C5.15881 11.3697 5.06761 11.7534 5.06821 12.1425V12.2055C5.05711 12.6186 5.13721 13.029 5.30311 13.4073C5.51251 13.7883 5.82571 14.1015 6.20671 14.3106C6.73231 14.6457 7.29661 14.9157 7.88732 15.1149C8.61902 15.3588 9.54962 15.6207 10.6788 15.8919C11.8029 16.1688 12.9075 16.5189 13.9857 16.9398C14.8542 17.268 15.6609 17.7417 16.3707 18.3402C16.9965 18.8763 17.4936 19.5465 17.8254 20.3007C18.1683 21.1056 18.3375 21.9738 18.3222 22.8486V22.9209C18.339 23.9457 18.126 24.9615 17.6991 25.8933C17.2959 26.7555 16.7064 27.5178 15.9732 28.1247C15.1836 28.7553 14.2782 29.2248 13.308 29.5071C12.1911 29.838 11.0307 29.9994 9.86582 29.9859Z" fill="white" /> <path d="M21.6924 11.8088H25.8213V14.7812C26.4669 13.8398 27.2895 13.0328 28.2426 12.4049C29.3235 11.7287 30.5823 11.3921 31.8564 11.4383C32.9217 11.4392 33.9759 11.6522 34.9578 12.0647C35.9397 12.4775 36.8295 13.0814 37.5756 13.8416C38.3838 14.6756 39.0195 15.6614 39.4458 16.7417C39.9345 18.0029 40.1739 19.3466 40.1505 20.699V20.7713C40.176 22.1192 39.9429 23.4593 39.4638 24.7193C39.0552 25.7966 38.4414 26.7848 37.6569 27.6287C36.8877 28.4114 35.9649 29.0264 34.9464 29.4356C33.9657 29.8367 32.916 30.0422 31.8564 30.041C30.5901 30.0926 29.3355 29.7791 28.2426 29.1374C27.3057 28.5293 26.4858 27.7583 25.8213 26.8607V34.9919H21.6924V11.8088ZM30.9168 26.4722C31.5975 26.4761 32.2716 26.3375 32.8956 26.0657C33.5082 25.7987 34.0614 25.4117 34.5219 24.9272C35.0061 24.4061 35.3781 23.7911 35.6151 23.1203C35.8956 22.3601 36.0333 21.5543 36.0216 20.744V20.6717C36.0309 19.8704 35.8932 19.0742 35.6151 18.3227C35.3694 17.6561 34.9983 17.0426 34.5219 16.5158C34.0593 16.0214 33.4995 15.6281 32.8773 15.3608C32.2554 15.0932 31.5849 14.9576 30.9078 14.9618C30.2304 14.9648 29.5605 15.1055 28.9389 15.3758C28.3176 15.6461 27.7581 16.04 27.294 16.5338C26.8098 17.0618 26.427 17.6744 26.1645 18.341C25.8744 19.0832 25.7301 19.8746 25.74 20.6717V20.744C25.7322 21.5438 25.8765 22.3379 26.1645 23.084C26.4213 23.7533 26.8047 24.3668 27.294 24.8912C27.7671 25.379 28.3323 25.769 28.9563 26.0384C29.5734 26.3153 30.2406 26.4629 30.9168 26.4722Z" fill="white" /> <path d="M43.3223 11.8082H47.4419V15.8288C47.9426 14.5544 48.7718 13.4351 49.8452 12.5852C50.9735 11.759 52.3649 11.3735 53.7572 11.501V15.8288H53.5223C52.6802 15.8177 51.8438 15.9647 51.056 16.2623C50.3234 16.5518 49.6658 17.0027 49.1315 17.5814C48.5609 18.2204 48.1355 18.9758 47.8847 19.7948C47.5724 20.7944 47.423 21.8378 47.4419 22.8848V29.6789H43.3223V11.8082Z" fill="white" /> <path d="M64.4345 30.0491C63.1973 30.0617 61.9694 29.8313 60.8207 29.3717C59.7341 28.9439 58.7447 28.3016 57.9116 27.4832C57.0764 26.6462 56.4161 25.6511 55.9691 24.5561C55.4882 23.3591 55.2485 22.0787 55.2644 20.7884V20.7254C55.2521 19.4912 55.4696 18.2657 55.9058 17.1113C56.3111 16.016 56.9246 15.0098 57.7127 14.1482C58.4732 13.31 59.3951 12.6338 60.4232 12.1604C61.5269 11.6618 62.7266 11.4122 63.9377 11.4287C65.2241 11.4029 66.4997 11.6684 67.6691 12.2057C68.7176 12.6932 69.6437 13.4096 70.3796 14.3018C71.1239 15.2057 71.6855 16.2461 72.0329 17.3645C72.3986 18.5495 72.5813 19.7834 72.575 21.0236C72.575 21.2042 72.575 21.3938 72.575 21.5837C72.575 21.7733 72.575 21.9722 72.5207 22.1798H59.3843C59.522 23.4797 60.1445 24.6797 61.1279 25.541C62.0825 26.3267 63.2891 26.7404 64.5251 26.7062C65.4314 26.7287 66.3305 26.5433 67.154 26.1644C67.9574 25.7537 68.6894 25.2167 69.3224 24.5741L71.7257 26.7062C70.8785 27.7103 69.8405 28.5362 68.672 29.1368C67.352 29.7728 65.8994 30.0854 64.4345 30.0491ZM68.4911 19.4696C68.4239 18.8504 68.2751 18.2426 68.0486 17.6627C67.8455 17.1125 67.5386 16.6064 67.145 16.172C66.7607 15.7532 66.2969 15.4154 65.7809 15.1781C64.9628 14.8172 64.055 14.7104 63.1754 14.8712C62.2958 15.0326 61.4849 15.4541 60.8477 16.0814C59.9921 17.0183 59.4629 18.2069 59.339 19.4696H68.4911Z" fill="white" /> <path d="M86.5712 29.6432V27.4475C85.916 28.193 85.1249 28.8062 84.2402 29.2547C83.1668 29.7782 81.9821 30.0323 80.789 29.9954C79.9664 30.0059 79.1474 29.8934 78.3583 29.6612C77.6263 29.4425 76.9429 29.087 76.3435 28.613C75.7636 28.1336 75.2926 27.536 74.9614 26.8604C74.599 26.1218 74.4193 25.3067 74.4373 24.4841V24.4117C74.4166 23.5204 74.6023 22.636 74.9794 21.8278C75.3313 21.1168 75.845 20.4979 76.4792 20.0209C77.1719 19.5175 77.9537 19.1497 78.7832 18.9367C79.7246 18.6952 80.6933 18.577 81.665 18.5845C82.5878 18.5731 83.51 18.6427 84.4205 18.7921C85.1573 18.9241 85.8842 19.102 86.5982 19.3252V19C86.6339 18.4729 86.5511 17.9443 86.3558 17.4532C86.1608 16.9624 85.8575 16.5214 85.4687 16.1632C84.536 15.4513 83.3774 15.1015 82.2074 15.1783C81.2951 15.1684 80.3843 15.2716 79.4969 15.4855C78.6815 15.7024 77.8813 15.9739 77.1025 16.2988L75.9824 13.0189C76.9643 12.571 77.9827 12.2083 79.0271 11.935C80.2574 11.6368 81.5195 11.491 82.7855 11.5012C85.442 11.5012 87.4112 12.1579 88.6943 13.4707C89.3669 14.2252 89.8832 15.1054 90.2141 16.0606C90.5444 17.0161 90.6818 18.0274 90.6182 19.0363V29.6069L86.5712 29.6432ZM86.6705 22.1803C86.0867 21.952 85.481 21.7825 84.8639 21.6742C84.1223 21.5338 83.3684 21.4642 82.6139 21.4666C81.5624 21.4087 80.5178 21.6667 79.6142 22.2073C79.2737 22.4239 78.9947 22.7248 78.8048 23.0812C78.6146 23.4373 78.52 23.8366 78.5302 24.2402V24.3034C78.5125 24.6883 78.5948 25.0711 78.7688 25.4146C78.9431 25.7582 79.2032 26.051 79.5239 26.264C80.2523 26.7335 81.1064 26.9699 81.9722 26.9417C82.6091 26.9474 83.2424 26.8562 83.8514 26.6705C84.3758 26.5163 84.8711 26.2751 85.3151 25.9568C85.7339 25.6424 86.0771 25.2379 86.3183 24.7732C86.5559 24.2968 86.6771 23.77 86.6705 23.2372V22.1803Z" fill="white" /> <path d="M94.4756 4.97754H98.5958V19.7133L105.995 11.8079H110.964L103.863 19.0356L111.199 29.6064H106.465L101.098 21.8997L98.5958 24.5016V29.6064H94.4756V4.97754Z" fill="white" /> <path d="M121.3 30.0496C120.062 30.0622 118.834 29.8318 117.685 29.3719C116.59 28.9441 115.594 28.2958 114.76 27.4675C113.925 26.6392 113.27 25.6483 112.834 24.5566C112.353 23.3593 112.114 22.0789 112.129 20.7888V20.7258C112.117 19.4916 112.334 18.2661 112.771 17.1117C113.176 16.0164 113.789 15.0102 114.577 14.1483C115.338 13.3101 116.26 12.6342 117.288 12.1608C118.388 11.6634 119.585 11.4135 120.794 11.4288C122.083 11.4021 123.361 11.6676 124.534 12.2058C125.566 12.6993 126.476 13.4151 127.199 14.3019C127.927 15.2097 128.474 16.2498 128.807 17.3649C129.173 18.5499 129.356 19.7838 129.349 21.024C129.349 21.2046 129.349 21.3942 129.349 21.5838C129.349 21.7737 129.349 21.9724 129.295 22.1803H116.23C116.369 23.4802 116.992 24.6802 117.975 25.5412C118.929 26.3269 120.136 26.7409 121.372 26.7067C122.278 26.7292 123.177 26.5438 124.001 26.1646C124.829 25.7608 125.586 25.2235 126.242 24.5746L128.644 26.7067C127.795 27.7126 126.755 28.5391 125.581 29.137C124.249 29.7826 122.779 30.0958 121.3 30.0496ZM125.338 19.4697C125.271 18.8508 125.122 18.243 124.895 17.6628C124.692 17.1129 124.385 16.6068 123.992 16.1721C123.614 15.7308 123.149 15.3711 122.627 15.1152C122.061 14.8584 121.443 14.7318 120.82 14.7447C120.237 14.7276 119.656 14.835 119.118 15.0591C118.579 15.2835 118.093 15.6198 117.694 16.0455C116.839 16.9824 116.309 18.171 116.186 19.4337L125.338 19.4697Z" fill="white" /> <path d="M132.564 11.8084H136.685V15.829C137.185 14.5567 138.011 13.4383 139.078 12.5854C140.199 11.7709 141.575 11.386 142.955 11.5012V15.829H142.72C141.878 15.8179 141.041 15.9649 140.253 16.2625C139.521 16.552 138.863 17.0029 138.329 17.5816C137.763 18.2101 137.337 18.9526 137.082 19.759C136.77 20.7586 136.62 21.8017 136.639 22.849V29.6431H132.564V11.8084Z" fill="white" /> <path d="M151.242 13.0734L142.577 21.7377L151.242 19.0995L158 26.6976L158.424 16.7505L167.414 13.0734L158.605 9.38701L157.503 0L151.793 7.17361L142.577 5.51131L151.242 13.0734Z" fill="#FFC107" /> <path d="M114.225 35.0813C113.437 35.0888 112.663 35.2886 111.97 35.6633C111.278 36.038 110.687 36.5765 110.25 37.2317C109.815 36.5762 109.226 36.0371 108.535 35.6624C107.843 35.2874 107.07 35.0879 106.284 35.0813C105.023 35.0813 103.815 35.582 102.923 36.4733C102.032 37.3646 101.531 38.5733 101.531 39.8336C101.531 41.5052 102.58 42.7067 103.681 43.8179L107.991 47.8928C108.041 47.9411 108.105 47.9732 108.174 47.9855C108.242 47.9975 108.313 47.9891 108.377 47.9612C108.441 47.933 108.495 47.8868 108.533 47.828C108.57 47.7689 108.589 47.7005 108.587 47.6306V44.4596C108.587 44.0186 108.763 43.5956 109.074 43.2839C109.386 42.9722 109.809 42.797 110.25 42.797C110.691 42.797 111.114 42.9722 111.426 43.2839C111.737 43.5956 111.912 44.0186 111.912 44.4596V47.6396C111.91 47.7095 111.93 47.7779 111.967 47.837C112.005 47.8958 112.059 47.942 112.122 47.9702C112.187 47.9981 112.257 48.0068 112.326 47.9945C112.395 47.9822 112.458 47.9501 112.509 47.9018L116.818 43.8269C117.92 42.7157 118.977 41.5142 118.977 39.8426C118.979 39.218 118.857 38.5991 118.619 38.0213C118.38 37.4438 118.03 36.9188 117.588 36.4766C117.148 36.0344 116.623 35.6834 116.046 35.444C115.469 35.2046 114.85 35.0813 114.225 35.0813ZM105.94 43.5017C105.909 43.5362 105.872 43.5635 105.83 43.5821C105.788 43.6007 105.743 43.6103 105.696 43.6103C105.613 43.6112 105.534 43.5824 105.47 43.529C104.855 43.0703 104.346 42.4841 103.978 41.8103C103.61 41.1368 103.392 40.3916 103.338 39.626C103.354 39.0305 103.508 38.4467 103.789 37.9214C104.07 37.3958 104.469 36.9434 104.956 36.5993C104.991 36.5762 105.032 36.5603 105.074 36.5528C105.116 36.5453 105.16 36.5462 105.202 36.5555C105.243 36.5645 105.283 36.5819 105.319 36.6065C105.354 36.6311 105.384 36.6623 105.407 36.6986C105.43 36.7349 105.446 36.7751 105.453 36.8174C105.461 36.8597 105.461 36.9032 105.451 36.9452C105.442 36.9869 105.425 37.0268 105.399 37.0619C105.375 37.0973 105.344 37.1273 105.308 37.1504C104.914 37.4351 104.591 37.8062 104.361 38.2352C104.133 38.6642 104.005 39.14 103.989 39.626C104.047 40.2995 104.25 40.9526 104.582 41.5415C104.913 42.1304 105.368 42.6419 105.913 43.0409C105.945 43.0694 105.971 43.1039 105.99 43.1426C106.009 43.181 106.02 43.223 106.023 43.2656C106.025 43.3085 106.019 43.3514 106.005 43.3919C105.991 43.4324 105.969 43.4699 105.94 43.5017ZM108.054 42.2822C108.026 42.3332 107.984 42.3755 107.932 42.4043C107.882 42.4331 107.823 42.4472 107.765 42.4448C107.714 42.458 107.662 42.458 107.611 42.4448C107.137 42.1817 106.74 41.8007 106.456 41.3384C106.173 40.8761 106.013 40.3484 105.995 39.8066C105.995 39.3221 106.129 38.8472 106.381 38.4332C106.632 38.0189 106.992 37.6817 107.422 37.4576C107.5 37.4195 107.59 37.4132 107.672 37.4399C107.755 37.4669 107.824 37.5251 107.865 37.6022C107.901 37.6796 107.908 37.7678 107.883 37.8497C107.858 37.9316 107.803 38.0012 107.729 38.0447C107.399 38.2154 107.124 38.4749 106.933 38.7944C106.743 39.1139 106.646 39.4802 106.654 39.8516C106.672 40.2755 106.799 40.6874 107.022 41.0483C107.244 41.4089 107.557 41.7062 107.928 41.9117C107.986 41.9513 108.03 42.0089 108.053 42.0758C108.075 42.1427 108.076 42.215 108.054 42.2822ZM110.25 41.4419C109.965 41.4437 109.686 41.3606 109.448 41.2037C109.211 41.0465 109.025 40.8221 108.915 40.5593C108.806 40.2965 108.777 40.0067 108.832 39.7274C108.886 39.4478 109.024 39.191 109.225 38.9897C109.426 38.7881 109.683 38.6513 109.963 38.5961C110.243 38.5409 110.532 38.57 110.795 38.6798C111.057 38.7899 111.282 38.9753 111.439 39.2129C111.597 39.4505 111.679 39.7295 111.677 40.0145C111.677 40.2017 111.64 40.3874 111.569 40.5605C111.497 40.7339 111.392 40.8911 111.259 41.0237C111.126 41.1563 110.97 41.2616 110.796 41.3333C110.623 41.405 110.437 41.4419 110.25 41.4419ZM112.897 42.4085C112.844 42.4211 112.788 42.4211 112.734 42.4085C112.676 42.41 112.619 42.3956 112.567 42.3668C112.517 42.3383 112.475 42.2966 112.445 42.2459C112.405 42.1688 112.396 42.0791 112.419 41.9951C112.443 41.9111 112.497 41.8394 112.571 41.7941C112.945 41.5913 113.26 41.2946 113.485 40.9337C113.71 40.5725 113.837 40.1594 113.854 39.7343C113.863 39.3626 113.766 38.9963 113.576 38.6771C113.385 38.3576 113.11 38.0978 112.779 37.9274C112.741 37.9073 112.707 37.88 112.68 37.847C112.653 37.8137 112.632 37.7756 112.619 37.7345C112.606 37.6931 112.602 37.6499 112.606 37.607C112.611 37.5641 112.623 37.5224 112.644 37.4846C112.663 37.4456 112.69 37.4111 112.722 37.3826C112.755 37.3541 112.793 37.3325 112.835 37.319C112.876 37.3055 112.919 37.3004 112.963 37.304C113.006 37.3076 113.049 37.3199 113.087 37.34C113.512 37.5689 113.869 37.9073 114.12 38.3201C114.372 38.7332 114.507 39.206 114.514 39.689C114.504 40.244 114.351 40.7867 114.067 41.2637C113.783 41.7404 113.379 42.1352 112.897 42.4085ZM117.206 39.626C117.152 40.3922 116.931 41.1377 116.562 41.8112C116.192 42.4847 115.682 43.0706 115.065 43.529C115.035 43.5593 114.999 43.5833 114.96 43.5998C114.921 43.616 114.877 43.6247 114.835 43.6247C114.792 43.6247 114.75 43.616 114.71 43.5998C114.671 43.5833 114.635 43.5593 114.604 43.529C114.574 43.4987 114.551 43.4627 114.534 43.4231C114.517 43.3838 114.509 43.3412 114.509 43.2986C114.509 43.2557 114.517 43.2134 114.534 43.1738C114.551 43.1342 114.574 43.0982 114.604 43.0682C115.149 42.6683 115.602 42.1568 115.932 41.5679C116.262 40.9787 116.463 40.3259 116.52 39.653C116.503 39.1682 116.376 38.6933 116.149 38.2646C115.922 37.8359 115.601 37.4642 115.21 37.1774C115.172 37.1561 115.138 37.1273 115.112 37.0925C115.086 37.0577 115.067 37.0178 115.057 36.9752C115.047 36.9329 115.046 36.8888 115.053 36.8459C115.06 36.803 115.077 36.7619 115.102 36.7259C115.125 36.6893 115.155 36.6578 115.19 36.6332C115.224 36.6083 115.264 36.5909 115.307 36.5819C115.349 36.5726 115.392 36.5717 115.434 36.5792C115.477 36.587 115.517 36.6029 115.553 36.6263C116.043 36.9683 116.444 37.4204 116.727 37.946C117.009 38.4719 117.164 39.0563 117.179 39.653L117.206 39.626Z" fill="#C6002B" /> <path d="M124.807 38.0635H127.228V41.3158H130.327V38.0635H132.749V46.7908H130.327V43.4752H127.228V46.7908H124.807V38.0635Z" fill="white" /> <path d="M133.468 43.4481C133.449 42.9897 133.523 42.5319 133.685 42.1029C133.848 41.6739 134.096 41.2821 134.415 40.9518C134.734 40.6215 135.116 40.3593 135.538 40.1811C135.961 40.0029 136.416 39.9126 136.874 39.9156C139.197 39.9156 140.272 41.6232 140.272 43.6107C140.272 43.7553 140.272 43.9269 140.272 44.0895H135.755C135.821 44.421 136.008 44.7168 136.277 44.9211C136.546 45.1257 136.881 45.2253 137.218 45.201C137.5 45.1974 137.779 45.1344 138.037 45.0162C138.293 44.898 138.523 44.727 138.709 44.5143L140.019 45.5985C139.672 46.0416 139.226 46.3959 138.715 46.6317C138.204 46.8675 137.644 46.9779 137.083 46.9536C136.609 46.9842 136.135 46.9152 135.69 46.7514C135.245 46.5876 134.839 46.3323 134.499 46.002C134.158 45.6717 133.89 45.2739 133.713 44.8341C133.536 44.3943 133.453 43.9221 133.468 43.4481ZM138.049 42.8337C138.057 42.6774 138.032 42.5214 137.976 42.375C137.921 42.2286 137.836 42.0954 137.727 41.9835C137.617 41.8716 137.486 41.7834 137.34 41.7246C137.196 41.6655 137.04 41.6373 136.883 41.6412C136.571 41.6481 136.274 41.7768 136.055 41.9994C135.835 42.222 135.712 42.5214 135.709 42.8337H138.049Z" fill="white" /> <path d="M148.205 40.0509H150.572V41.406C150.708 40.9554 150.993 40.5642 151.38 40.2966C151.767 40.0293 152.234 39.9012 152.704 39.9336V42.4269H152.506C151.276 42.4269 150.572 43.1409 150.572 44.6949V46.7907H148.205V40.0509Z" fill="white" /> <path d="M154.184 44.6953V41.9848H153.389V40.0513H154.184V38.344H156.551V40.0513H158.124V41.9578H156.551V44.2345C156.551 44.7133 156.769 44.9122 157.202 44.9122C157.517 44.905 157.825 44.8276 158.105 44.6863V46.4932C157.601 46.7632 157.034 46.897 156.461 46.8817C156.16 46.93 155.851 46.9075 155.559 46.816C155.267 46.7245 155 46.5667 154.779 46.3549C154.559 46.1431 154.39 45.883 154.287 45.595C154.184 45.307 154.149 44.9989 154.184 44.6953Z" fill="white" /> <path d="M122.483 37.4395C122.235 37.4395 121.992 37.5133 121.786 37.6513C121.579 37.7893 121.418 37.9852 121.323 38.2147C121.229 38.4442 121.204 38.6968 121.252 38.9404C121.3 39.184 121.42 39.4078 121.595 39.5833C121.771 39.7591 121.995 39.8785 122.239 39.9271C122.483 39.9754 122.735 39.9505 122.964 39.8557C123.194 39.7606 123.39 39.5995 123.528 39.3931C123.666 39.1864 123.74 38.9437 123.74 38.6953C123.74 38.3623 123.607 38.0428 123.371 37.8073C123.136 37.5718 122.817 37.4395 122.483 37.4395Z" fill="white" /> <path d="M147.293 43.4025C147.309 42.9285 147.226 42.4566 147.049 42.0165C146.872 41.5767 146.604 41.1789 146.263 40.8486C145.923 40.5186 145.517 40.2633 145.072 40.0992C144.627 39.9354 144.153 39.8664 143.679 39.897C143.113 39.8817 142.552 40.0026 142.042 40.2495C141.533 40.4961 141.09 40.8618 140.752 41.3154L142.062 42.3996C142.25 42.1884 142.479 42.0183 142.735 41.9001C142.992 41.7819 143.27 41.7183 143.552 41.7132C143.885 41.6898 144.214 41.7867 144.481 41.9856C144.748 42.1845 144.935 42.4725 145.007 42.7974V42.8514H143.453C141.511 42.8514 140.499 43.6014 140.499 44.9655C140.499 46.3299 141.403 46.9893 143.047 46.9893C143.419 46.9989 143.789 46.9314 144.135 46.7916C144.479 46.6518 144.792 46.4424 145.053 46.1763V46.8267H147.293V43.4025ZM143.761 45.4443C143.146 45.4443 142.776 45.1191 142.776 44.6946C142.776 44.2698 143.101 44.0712 143.679 44.0712H145.035V44.1435C145.038 44.313 145.008 44.4816 144.945 44.6394C144.883 44.7969 144.79 44.9406 144.671 45.0618C144.553 45.183 144.411 45.2793 144.254 45.345C144.098 45.4107 143.931 45.4446 143.761 45.4443Z" fill="white" /> <path d="M122.529 40.5476H122.439C122.277 40.5476 122.118 40.5794 121.969 40.6412C121.819 40.703 121.684 40.7936 121.57 40.9076C121.456 41.0216 121.365 41.1572 121.303 41.3063C121.242 41.4554 121.21 41.615 121.21 41.7764V46.7906H123.767V41.7764C123.767 41.6144 123.735 41.4539 123.672 41.3042C123.61 41.1545 123.519 41.0186 123.404 40.9043C123.289 40.7903 123.152 40.7 123.002 40.6388C122.852 40.5776 122.691 40.5467 122.529 40.5476Z" fill="white" /> <path d="M74.4549 37.9273C74.4537 37.8487 74.4684 37.7707 74.4978 37.6978C74.5275 37.6249 74.5713 37.5586 74.6268 37.5031C74.6826 37.4473 74.7486 37.4035 74.8218 37.3738C74.8944 37.3444 74.9727 37.3297 75.0513 37.3309H78.9903C79.0668 37.321 79.1445 37.3276 79.2183 37.3501C79.2921 37.3726 79.3602 37.4104 79.4181 37.4614C79.476 37.5124 79.5222 37.5748 79.554 37.645C79.5858 37.7152 79.6023 37.7914 79.6023 37.8685C79.6023 37.9456 79.5858 38.0218 79.554 38.092C79.5222 38.1625 79.476 38.2249 79.4181 38.2759C79.3602 38.3269 79.2921 38.3647 79.2183 38.3872C79.1445 38.4097 79.0668 38.416 78.9903 38.4061H75.6474V40.213H78.5658C78.7095 40.213 78.8475 40.2703 78.9492 40.372C79.0506 40.4737 79.1079 40.6114 79.1079 40.7551C79.1079 40.8988 79.0506 41.0368 78.9492 41.1385C78.8475 41.2402 78.7095 41.2972 78.5658 41.2972H75.6474V43.5019C75.6489 43.5793 75.6345 43.6561 75.6054 43.7281C75.5763 43.7998 75.5331 43.8649 75.4782 43.9198C75.4236 43.9744 75.3582 44.0176 75.2865 44.0467C75.2148 44.0758 75.1377 44.0902 75.0603 44.089C74.9823 44.0902 74.9052 44.0758 74.8329 44.047C74.7606 44.0179 74.6946 43.975 74.6391 43.9204C74.5836 43.8655 74.5398 43.8004 74.5095 43.7287C74.4795 43.6567 74.4639 43.5796 74.4639 43.5019L74.4549 37.9273Z" fill="white" /> <path d="M80.6524 39.5086C80.6512 39.4318 80.665 39.3556 80.6938 39.2845C80.722 39.2131 80.7646 39.1483 80.8183 39.0937C80.8723 39.0391 80.9362 38.9956 81.007 38.9662C81.0775 38.9365 81.154 38.9212 81.2305 38.9212C81.3076 38.9212 81.3841 38.9365 81.4549 38.9659C81.5266 38.9953 81.5914 39.0388 81.646 39.0931C81.7006 39.1477 81.7435 39.2125 81.7729 39.2836C81.8029 39.355 81.8176 39.4312 81.8176 39.5086V40.0324C81.9055 39.7444 82.072 39.4867 82.2988 39.2884C82.5259 39.0904 82.8031 38.9602 83.1007 38.9122C83.1778 38.9068 83.2552 38.9182 83.3284 38.9452C83.4007 38.9725 83.4667 39.0148 83.521 39.0697C83.5765 39.1246 83.6185 39.1903 83.6455 39.2629C83.6731 39.3355 83.6845 39.4132 83.6788 39.4903C83.683 39.6238 83.638 39.754 83.5537 39.8569C83.4691 39.9598 83.3494 40.0288 83.2177 40.0504C82.3867 40.195 81.8176 40.8274 81.8176 42.0382V43.5379C81.8152 43.6921 81.7525 43.8391 81.6427 43.9474C81.5329 44.0557 81.385 44.1163 81.2305 44.1163C81.0769 44.1163 80.9299 44.0554 80.8216 43.9468C80.7133 43.8385 80.6524 43.6912 80.6524 43.5379V39.5086Z" fill="white" /> <path d="M84.1851 41.5594C84.1851 40.8406 84.4713 40.1512 84.9795 39.6427C85.4877 39.1345 86.1771 38.8489 86.8959 38.8489C87.6147 38.8489 88.3044 39.1345 88.8126 39.6427C89.3208 40.1512 89.6061 40.8406 89.6061 41.5594C89.5923 42.2689 89.3004 42.9445 88.7931 43.441C88.2864 43.9375 87.6051 44.2159 86.8959 44.2156C86.5416 44.2252 86.1894 44.1637 85.86 44.0344C85.53 43.9048 85.23 43.7104 84.9771 43.4626C84.7242 43.2148 84.5232 42.9184 84.3876 42.5917C84.2517 42.2644 84.1827 41.9134 84.1851 41.5594ZM88.4499 41.5594C88.458 41.3485 88.4238 41.1379 88.35 40.9405C88.275 40.7431 88.1613 40.5625 88.0158 40.4101C87.8694 40.2574 87.6945 40.1356 87.5001 40.0522C87.3066 39.9688 87.0978 39.9253 86.8872 39.9241C86.6772 39.9226 86.4708 39.964 86.2782 40.0456C86.0853 40.1275 85.9122 40.2478 85.7682 40.3996C85.6236 40.5511 85.5129 40.7305 85.4406 40.927C85.3689 41.1235 85.338 41.3326 85.3512 41.5414C85.3422 41.7514 85.3764 41.9614 85.4502 42.1582C85.5243 42.355 85.6374 42.535 85.782 42.6877C85.9269 42.8401 86.1009 42.9619 86.2935 43.0459C86.487 43.1299 86.6943 43.1743 86.9049 43.1767C87.114 43.1782 87.3222 43.1368 87.5148 43.0552C87.7074 42.9736 87.8817 42.8533 88.0263 42.7018C88.1709 42.5503 88.2831 42.3706 88.3563 42.1744C88.4289 41.9779 88.4604 41.7685 88.4499 41.5594Z" fill="white" /> <path d="M90.8067 39.508C90.8043 39.4312 90.8172 39.3544 90.8457 39.2827C90.8733 39.211 90.9156 39.1456 90.9702 39.0907C91.0239 39.0358 91.0887 38.9923 91.1595 38.9632C91.2312 38.9341 91.3074 38.9197 91.3848 38.9209C91.4619 38.9209 91.5384 38.9362 91.6092 38.9656C91.6809 38.995 91.7457 39.0385 91.8003 39.0928C91.8549 39.1474 91.8978 39.2122 91.9272 39.2833C91.9563 39.3547 91.9719 39.4309 91.9719 39.508V39.7519C92.1297 39.4789 92.3556 39.2518 92.6289 39.0934C92.9013 38.935 93.2103 38.8504 93.5259 38.8486C93.8397 38.8348 94.1502 38.9128 94.4202 39.0733C94.6893 39.2338 94.9065 39.4699 95.0439 39.7519C95.2332 39.472 95.4894 39.2431 95.7888 39.0856C96.0888 38.9281 96.4221 38.8465 96.7605 38.8486C97.014 38.8327 97.2687 38.8735 97.5051 38.9683C97.7418 39.0628 97.9542 39.2089 98.1273 39.3955C98.2995 39.5824 98.4288 39.8053 98.5053 40.0483C98.5818 40.2913 98.6028 40.5481 98.5671 40.8001V43.5106C98.5494 43.6525 98.481 43.7833 98.3736 43.8781C98.2662 43.9729 98.1282 44.0251 97.9848 44.0251C97.8417 44.0251 97.7028 43.9729 97.5963 43.8781C97.4889 43.7833 97.4199 43.6525 97.4019 43.5106V41.1886C97.4019 40.3756 97.0221 39.9418 96.3627 39.9418C95.7033 39.9418 95.2788 40.3846 95.2788 41.2066V43.5466C95.2611 43.6888 95.1918 43.8193 95.0844 43.9141C94.9773 44.0089 94.839 44.0611 94.6959 44.0611C94.5528 44.0611 94.4145 44.0089 94.3071 43.9141C94.1997 43.8193 94.1307 43.6888 94.1127 43.5466V41.1796C94.1127 40.3846 93.7251 39.9418 93.0744 39.9418C92.424 39.9418 91.9899 40.4206 91.9899 41.2066V43.5466C91.9899 43.6234 91.9752 43.6993 91.9449 43.7701C91.9158 43.8409 91.872 43.9048 91.8174 43.9588C91.7628 44.0125 91.6977 44.0551 91.6272 44.0836C91.5555 44.1121 91.479 44.1262 91.4028 44.125C91.3263 44.1262 91.2507 44.1121 91.1799 44.0833C91.1091 44.0548 91.0449 44.0122 90.9912 43.9582C90.9375 43.9045 90.8946 43.84 90.8661 43.7695C90.8376 43.6987 90.8229 43.6228 90.8244 43.5466L90.8067 39.508Z" fill="white" /> </svg> <svg class="dark:hidden h-10" width="168" height="48" viewBox="0 0 168 48" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M9.86582 29.9859C8.08232 29.9988 6.31081 29.6928 4.63471 29.0826C2.9217 28.4352 1.3485 27.4662 0 26.2275L2.4663 23.2461C3.51361 24.1638 4.68451 24.9303 5.94481 25.5228C7.20331 26.0718 8.56532 26.343 9.93812 26.3178C11.0163 26.3754 12.0849 26.091 12.9918 25.5048C13.3473 25.2696 13.6371 24.9483 13.8348 24.5706C14.0322 24.1929 14.1309 23.7714 14.1213 23.3454V23.2461C14.1288 22.8585 14.055 22.4739 13.9044 22.1166C13.713 21.7524 13.4334 21.4419 13.0911 21.2133C12.588 20.8704 12.0411 20.5971 11.4651 20.4C10.5882 20.0952 9.69542 19.839 8.79062 19.6323C7.64642 19.377 6.52051 19.0449 5.42071 18.6384C4.52971 18.3192 3.69421 17.8617 2.94511 17.283C2.28661 16.7685 1.7628 16.1022 1.4184 15.3408C1.0512 14.4663 0.872402 13.524 0.894302 12.576V12.5037C0.884702 11.5626 1.083 10.6308 1.4751 9.77492C1.86691 8.91902 2.4429 8.16032 3.16201 7.55281C3.91141 6.92851 4.77301 6.45301 5.70091 6.15241C6.74401 5.80771 7.83661 5.63671 8.93522 5.64631C10.5276 5.62231 12.1119 5.87941 13.6152 6.40531C15.0282 6.92521 16.3467 7.67281 17.5182 8.61871L15.3138 11.772C14.322 11.0367 13.2411 10.4298 12.0975 9.96512C11.0772 9.55622 9.98912 9.34472 8.88992 9.34172C7.88941 9.28322 6.89851 9.56672 6.08011 10.1457C5.76601 10.3752 5.51071 10.6755 5.33461 11.0226C5.15881 11.3697 5.06761 11.7534 5.06821 12.1425V12.2055C5.05711 12.6186 5.13721 13.029 5.30311 13.4073C5.51251 13.7883 5.82571 14.1015 6.20671 14.3106C6.73231 14.6457 7.29661 14.9157 7.88732 15.1149C8.61902 15.3588 9.54962 15.6207 10.6788 15.8919C11.8029 16.1688 12.9075 16.5189 13.9857 16.9398C14.8542 17.268 15.6609 17.7417 16.3707 18.3402C16.9965 18.8763 17.4936 19.5465 17.8254 20.3007C18.1683 21.1056 18.3375 21.9738 18.3222 22.8486V22.9209C18.339 23.9457 18.126 24.9615 17.6991 25.8933C17.2959 26.7555 16.7064 27.5178 15.9732 28.1247C15.1836 28.7553 14.2782 29.2248 13.308 29.5071C12.1911 29.838 11.0307 29.9994 9.86582 29.9859Z" fill="#0A0A0A" /> <path d="M21.6934 11.8088H25.8223V14.7812C26.4679 13.8398 27.2905 13.0328 28.2436 12.4049C29.3245 11.7287 30.5833 11.3921 31.8574 11.4383C32.9227 11.4392 33.9769 11.6522 34.9588 12.0647C35.9407 12.4775 36.8305 13.0814 37.5766 13.8416C38.3848 14.6756 39.0205 15.6614 39.4468 16.7417C39.9355 18.0029 40.1749 19.3466 40.1515 20.699V20.7713C40.177 22.1192 39.9439 23.4593 39.4648 24.7193C39.0562 25.7966 38.4424 26.7848 37.6579 27.6287C36.8887 28.4114 35.9659 29.0264 34.9474 29.4356C33.9667 29.8367 32.917 30.0422 31.8574 30.041C30.5911 30.0926 29.3365 29.7791 28.2436 29.1374C27.3067 28.5293 26.4868 27.7583 25.8223 26.8607V34.9919H21.6934V11.8088ZM30.9178 26.4722C31.5985 26.4761 32.2726 26.3375 32.8966 26.0657C33.5092 25.7987 34.0624 25.4117 34.5229 24.9272C35.0071 24.4061 35.3791 23.7911 35.6161 23.1203C35.8966 22.3601 36.0343 21.5543 36.0226 20.744V20.6717C36.0319 19.8704 35.8942 19.0742 35.6161 18.3227C35.3704 17.6561 34.9993 17.0426 34.5229 16.5158C34.0603 16.0214 33.5005 15.6281 32.8783 15.3608C32.2564 15.0932 31.5859 14.9576 30.9088 14.9618C30.2314 14.9648 29.5615 15.1055 28.9399 15.3758C28.3186 15.6461 27.7591 16.04 27.295 16.5338C26.8108 17.0618 26.428 17.6744 26.1655 18.341C25.8754 19.0832 25.7311 19.8746 25.741 20.6717V20.744C25.7332 21.5438 25.8775 22.3379 26.1655 23.084C26.4223 23.7533 26.8057 24.3668 27.295 24.8912C27.7681 25.379 28.3333 25.769 28.9573 26.0384C29.5744 26.3153 30.2416 26.4629 30.9178 26.4722Z" fill="#0A0A0A" /> <path d="M43.3223 11.8082H47.4419V15.8288C47.9426 14.5544 48.7718 13.4351 49.8452 12.5852C50.9735 11.759 52.3649 11.3735 53.7572 11.501V15.8288H53.5223C52.6802 15.8177 51.8438 15.9647 51.056 16.2623C50.3234 16.5518 49.6658 17.0027 49.1315 17.5814C48.5609 18.2204 48.1355 18.9758 47.8847 19.7948C47.5724 20.7944 47.423 21.8378 47.4419 22.8848V29.6789H43.3223V11.8082Z" fill="#0A0A0A" /> <path d="M64.4345 30.0491C63.1973 30.0617 61.9694 29.8313 60.8207 29.3717C59.7341 28.9439 58.7447 28.3016 57.9116 27.4832C57.0764 26.6462 56.4161 25.6511 55.9691 24.5561C55.4882 23.3591 55.2485 22.0787 55.2644 20.7884V20.7254C55.2521 19.4912 55.4696 18.2657 55.9058 17.1113C56.3111 16.016 56.9246 15.0098 57.7127 14.1482C58.4732 13.31 59.3951 12.6338 60.4232 12.1604C61.5269 11.6618 62.7266 11.4122 63.9377 11.4287C65.2241 11.4029 66.4997 11.6684 67.6691 12.2057C68.7176 12.6932 69.6437 13.4096 70.3796 14.3018C71.1239 15.2057 71.6855 16.2461 72.0329 17.3645C72.3986 18.5495 72.5813 19.7834 72.575 21.0236C72.575 21.2042 72.575 21.3938 72.575 21.5837C72.575 21.7733 72.575 21.9722 72.5207 22.1798H59.3843C59.522 23.4797 60.1445 24.6797 61.1279 25.541C62.0825 26.3267 63.2891 26.7404 64.5251 26.7062C65.4314 26.7287 66.3305 26.5433 67.154 26.1644C67.9574 25.7537 68.6894 25.2167 69.3224 24.5741L71.7257 26.7062C70.8785 27.7103 69.8405 28.5362 68.672 29.1368C67.352 29.7728 65.8994 30.0854 64.4345 30.0491ZM68.4911 19.4696C68.4239 18.8504 68.2751 18.2426 68.0486 17.6627C67.8455 17.1125 67.5386 16.6064 67.145 16.172C66.7607 15.7532 66.2969 15.4154 65.7809 15.1781C64.9628 14.8172 64.055 14.7104 63.1754 14.8712C62.2958 15.0326 61.4849 15.4541 60.8477 16.0814C59.9921 17.0183 59.4629 18.2069 59.339 19.4696H68.4911Z" fill="#0A0A0A" /> <path d="M86.5709 29.6432V27.4475C85.9157 28.193 85.1246 28.8062 84.2399 29.2547C83.1665 29.7782 81.9818 30.0323 80.7887 29.9954C79.9661 30.0059 79.1471 29.8934 78.3581 29.6612C77.6261 29.4425 76.9427 29.087 76.3433 28.613C75.7634 28.1336 75.2924 27.536 74.9612 26.8604C74.5988 26.1218 74.4191 25.3067 74.4371 24.4841V24.4117C74.4164 23.5204 74.6021 22.636 74.9792 21.8278C75.3311 21.1168 75.8447 20.4979 76.4789 20.0209C77.1716 19.5175 77.9534 19.1497 78.7829 18.9367C79.7243 18.6952 80.693 18.577 81.6647 18.5845C82.5875 18.5731 83.5097 18.6427 84.4202 18.7921C85.157 18.9241 85.8839 19.102 86.5979 19.3252V19C86.6336 18.4729 86.5508 17.9443 86.3555 17.4532C86.1605 16.9624 85.8572 16.5214 85.4684 16.1632C84.5357 15.4513 83.3771 15.1015 82.2071 15.1783C81.2948 15.1684 80.384 15.2716 79.4966 15.4855C78.6812 15.7024 77.8811 15.9739 77.1023 16.2988L75.9821 13.0189C76.964 12.571 77.9825 12.2083 79.0268 11.935C80.2571 11.6368 81.5192 11.491 82.7852 11.5012C85.4417 11.5012 87.4109 12.1579 88.694 13.4707C89.3666 14.2252 89.8829 15.1054 90.2138 16.0606C90.5441 17.0161 90.6815 18.0274 90.6179 19.0363V29.6069L86.5709 29.6432ZM86.6702 22.1803C86.0864 21.952 85.4807 21.7825 84.8636 21.6742C84.122 21.5338 83.3681 21.4642 82.6136 21.4666C81.5621 21.4087 80.5175 21.6667 79.6139 22.2073C79.2734 22.4239 78.9944 22.7248 78.8045 23.0812C78.6143 23.4373 78.5198 23.8366 78.53 24.2402V24.3034C78.5123 24.6883 78.5945 25.0711 78.7685 25.4146C78.9428 25.7582 79.2029 26.051 79.5236 26.264C80.252 26.7335 81.1061 26.9699 81.9719 26.9417C82.6088 26.9474 83.2421 26.8562 83.8511 26.6705C84.3755 26.5163 84.8708 26.2751 85.3148 25.9568C85.7336 25.6424 86.0768 25.2379 86.318 24.7732C86.5556 24.2968 86.6768 23.77 86.6702 23.2372V22.1803Z" fill="#0A0A0A" /> <path d="M94.4746 4.97754H98.5948V19.7133L105.994 11.8079H110.963L103.862 19.0356L111.198 29.6064H106.464L101.097 21.8997L98.5948 24.5016V29.6064H94.4746V4.97754Z" fill="#0A0A0A" /> <path d="M121.3 30.0496C120.062 30.0622 118.835 29.8318 117.686 29.3719C116.59 28.9441 115.595 28.2958 114.761 27.4675C113.926 26.6392 113.27 25.6483 112.835 24.5566C112.353 23.3593 112.114 22.0789 112.13 20.7888V20.7258C112.117 19.4916 112.335 18.2661 112.771 17.1117C113.176 16.0164 113.79 15.0102 114.578 14.1483C115.338 13.3101 116.26 12.6342 117.288 12.1608C118.389 11.6634 119.586 11.4135 120.794 11.4288C122.083 11.4021 123.362 11.6676 124.535 12.2058C125.566 12.6993 126.476 13.4151 127.199 14.3019C127.928 15.2097 128.474 16.2498 128.808 17.3649C129.174 18.5499 129.357 19.7838 129.35 21.024C129.35 21.2046 129.35 21.3942 129.35 21.5838C129.35 21.7737 129.35 21.9724 129.295 22.1803H116.231C116.369 23.4802 116.992 24.6802 117.975 25.5412C118.93 26.3269 120.136 26.7409 121.372 26.7067C122.278 26.7292 123.177 26.5438 124.001 26.1646C124.83 25.7608 125.587 25.2235 126.242 24.5746L128.645 26.7067C127.796 27.7126 126.755 28.5391 125.582 29.137C124.249 29.7826 122.78 30.0958 121.3 30.0496ZM125.338 19.4697C125.271 18.8508 125.122 18.243 124.896 17.6628C124.692 17.1129 124.386 16.6068 123.992 16.1721C123.614 15.7308 123.15 15.3711 122.628 15.1152C122.061 14.8584 121.443 14.7318 120.821 14.7447C120.237 14.7276 119.657 14.835 119.118 15.0591C118.579 15.2835 118.094 15.6198 117.695 16.0455C116.839 16.9824 116.31 18.171 116.186 19.4337L125.338 19.4697Z" fill="#0A0A0A" /> <path d="M132.564 11.8084H136.685V15.829C137.185 14.5567 138.011 13.4383 139.078 12.5854C140.199 11.7709 141.575 11.386 142.955 11.5012V15.829H142.72C141.878 15.8179 141.041 15.9649 140.253 16.2625C139.521 16.552 138.863 17.0029 138.329 17.5816C137.763 18.2101 137.337 18.9526 137.082 19.759C136.77 20.7586 136.62 21.8017 136.639 22.849V29.6431H132.564V11.8084Z" fill="#0A0A0A" /> <path d="M151.241 13.0734L142.576 21.7377L151.241 19.0995L157.999 26.6976L158.423 16.7505L167.413 13.0734L158.605 9.38701L157.502 0L151.792 7.17361L142.576 5.51131L151.241 13.0734Z" fill="#FFC107" /> <path d="M114.225 35.0813C113.437 35.0888 112.663 35.2886 111.97 35.6633C111.277 36.038 110.687 36.5765 110.25 37.2317C109.815 36.5762 109.226 36.0371 108.535 35.6624C107.843 35.2874 107.07 35.0879 106.283 35.0813C105.023 35.0813 103.815 35.582 102.922 36.4733C102.031 37.3646 101.531 38.5733 101.531 39.8336C101.531 41.5052 102.579 42.7067 103.681 43.8179L107.991 47.8928C108.041 47.9411 108.105 47.9732 108.174 47.9855C108.242 47.9975 108.313 47.9891 108.377 47.9612C108.44 47.933 108.495 47.8868 108.532 47.828C108.57 47.7689 108.588 47.7005 108.587 47.6306V44.4596C108.587 44.0186 108.762 43.5956 109.074 43.2839C109.386 42.9722 109.809 42.797 110.25 42.797C110.69 42.797 111.113 42.9722 111.425 43.2839C111.737 43.5956 111.912 44.0186 111.912 44.4596V47.6396C111.91 47.7095 111.93 47.7779 111.967 47.837C112.004 47.8958 112.059 47.942 112.122 47.9702C112.186 47.9981 112.257 48.0068 112.326 47.9945C112.395 47.9822 112.458 47.9501 112.509 47.9018L116.818 43.8269C117.92 42.7157 118.977 41.5142 118.977 39.8426C118.978 39.218 118.857 38.5991 118.618 38.0213C118.38 37.4438 118.029 36.9188 117.588 36.4766C117.147 36.0344 116.623 35.6834 116.046 35.444C115.468 35.2046 114.849 35.0813 114.225 35.0813ZM105.94 43.5017C105.909 43.5362 105.872 43.5635 105.829 43.5821C105.788 43.6007 105.742 43.6103 105.696 43.6103C105.613 43.6112 105.534 43.5824 105.47 43.529C104.854 43.0703 104.346 42.4841 103.978 41.8103C103.61 41.1368 103.392 40.3916 103.338 39.626C103.353 39.0305 103.508 38.4467 103.788 37.9214C104.07 37.3958 104.469 36.9434 104.955 36.5993C104.991 36.5762 105.032 36.5603 105.074 36.5528C105.116 36.5453 105.159 36.5462 105.202 36.5555C105.243 36.5645 105.283 36.5819 105.319 36.6065C105.354 36.6311 105.384 36.6623 105.407 36.6986C105.43 36.7349 105.446 36.7751 105.453 36.8174C105.461 36.8597 105.46 36.9032 105.45 36.9452C105.441 36.9869 105.424 37.0268 105.399 37.0619C105.375 37.0973 105.344 37.1273 105.307 37.1504C104.914 37.4351 104.59 37.8062 104.361 38.2352C104.133 38.6642 104.005 39.14 103.989 39.626C104.047 40.2995 104.25 40.9526 104.581 41.5415C104.913 42.1304 105.368 42.6419 105.913 43.0409C105.945 43.0694 105.971 43.1039 105.99 43.1426C106.009 43.181 106.02 43.223 106.022 43.2656C106.025 43.3085 106.019 43.3514 106.005 43.3919C105.99 43.4324 105.969 43.4699 105.94 43.5017ZM108.054 42.2822C108.026 42.3332 107.983 42.3755 107.932 42.4043C107.882 42.4331 107.823 42.4472 107.765 42.4448C107.714 42.458 107.661 42.458 107.611 42.4448C107.137 42.1817 106.739 41.8007 106.455 41.3384C106.173 40.8761 106.013 40.3484 105.994 39.8066C105.995 39.3221 106.129 38.8472 106.381 38.4332C106.632 38.0189 106.992 37.6817 107.421 37.4576C107.499 37.4195 107.59 37.4132 107.672 37.4399C107.755 37.4669 107.824 37.5251 107.865 37.6022C107.901 37.6796 107.908 37.7678 107.883 37.8497C107.857 37.9316 107.803 38.0012 107.729 38.0447C107.399 38.2154 107.123 38.4749 106.933 38.7944C106.743 39.1139 106.646 39.4802 106.654 39.8516C106.672 40.2755 106.799 40.6874 107.022 41.0483C107.244 41.4089 107.556 41.7062 107.927 41.9117C107.986 41.9513 108.03 42.0089 108.053 42.0758C108.075 42.1427 108.076 42.215 108.054 42.2822ZM110.25 41.4419C109.965 41.4437 109.685 41.3606 109.448 41.2037C109.21 41.0465 109.025 40.8221 108.915 40.5593C108.805 40.2965 108.776 40.0067 108.831 39.7274C108.886 39.4478 109.023 39.191 109.225 38.9897C109.426 38.7881 109.683 38.6513 109.962 38.5961C110.242 38.5409 110.532 38.57 110.794 38.6798C111.057 38.7899 111.282 38.9753 111.438 39.2129C111.596 39.4505 111.679 39.7295 111.677 40.0145C111.677 40.2017 111.64 40.3874 111.568 40.5605C111.497 40.7339 111.391 40.8911 111.259 41.0237C111.126 41.1563 110.969 41.2616 110.796 41.3333C110.623 41.405 110.437 41.4419 110.25 41.4419ZM112.896 42.4085C112.843 42.4211 112.787 42.4211 112.734 42.4085C112.676 42.41 112.618 42.3956 112.567 42.3668C112.517 42.3383 112.474 42.2966 112.445 42.2459C112.405 42.1688 112.395 42.0791 112.419 41.9951C112.443 41.9111 112.497 41.8394 112.571 41.7941C112.945 41.5913 113.26 41.2946 113.485 40.9337C113.709 40.5725 113.837 40.1594 113.854 39.7343C113.862 39.3626 113.766 38.9963 113.575 38.6771C113.385 38.3576 113.109 38.0978 112.779 37.9274C112.741 37.9073 112.707 37.88 112.68 37.847C112.652 37.8137 112.631 37.7756 112.619 37.7345C112.606 37.6931 112.602 37.6499 112.606 37.607C112.611 37.5641 112.623 37.5224 112.644 37.4846C112.663 37.4456 112.69 37.4111 112.722 37.3826C112.755 37.3541 112.793 37.3325 112.835 37.319C112.876 37.3055 112.919 37.3004 112.963 37.304C113.006 37.3076 113.048 37.3199 113.087 37.34C113.512 37.5689 113.869 37.9073 114.12 38.3201C114.371 38.7332 114.507 39.206 114.514 39.689C114.504 40.244 114.35 40.7867 114.066 41.2637C113.783 41.7404 113.379 42.1352 112.896 42.4085ZM117.206 39.626C117.151 40.3922 116.931 41.1377 116.562 41.8112C116.192 42.4847 115.682 43.0706 115.065 43.529C115.035 43.5593 114.999 43.5833 114.959 43.5998C114.92 43.616 114.877 43.6247 114.835 43.6247C114.792 43.6247 114.75 43.616 114.71 43.5998C114.671 43.5833 114.635 43.5593 114.604 43.529C114.574 43.4987 114.55 43.4627 114.533 43.4231C114.517 43.3838 114.509 43.3412 114.509 43.2986C114.509 43.2557 114.517 43.2134 114.533 43.1738C114.55 43.1342 114.574 43.0982 114.604 43.0682C115.149 42.6683 115.602 42.1568 115.932 41.5679C116.262 40.9787 116.463 40.3259 116.52 39.653C116.502 39.1682 116.376 38.6933 116.149 38.2646C115.922 37.8359 115.601 37.4642 115.21 37.1774C115.171 37.1561 115.138 37.1273 115.112 37.0925C115.085 37.0577 115.067 37.0178 115.057 36.9752C115.046 36.9329 115.045 36.8888 115.053 36.8459C115.06 36.803 115.077 36.7619 115.101 36.7259C115.124 36.6893 115.154 36.6578 115.189 36.6332C115.224 36.6083 115.264 36.5909 115.306 36.5819C115.349 36.5726 115.392 36.5717 115.434 36.5792C115.476 36.587 115.517 36.6029 115.553 36.6263C116.042 36.9683 116.444 37.4204 116.726 37.946C117.009 38.4719 117.164 39.0563 117.179 39.653L117.206 39.626Z" fill="#C6002B" /> <path d="M124.807 38.0635H127.228V41.3158H130.327V38.0635H132.749V46.7908H130.327V43.4752H127.228V46.7908H124.807V38.0635Z" fill="#0A0A0A" /> <path d="M133.468 43.4481C133.448 42.9897 133.522 42.5319 133.685 42.1029C133.848 41.6739 134.096 41.2821 134.414 40.9518C134.733 40.6215 135.115 40.3593 135.538 40.1811C135.961 40.0029 136.416 39.9126 136.874 39.9156C139.196 39.9156 140.272 41.6232 140.272 43.6107C140.272 43.7553 140.272 43.9269 140.272 44.0895H135.754C135.821 44.421 136.007 44.7168 136.277 44.9211C136.546 45.1257 136.881 45.2253 137.218 45.201C137.5 45.1974 137.779 45.1344 138.036 45.0162C138.293 44.898 138.522 44.727 138.709 44.5143L140.019 45.5985C139.672 46.0416 139.226 46.3959 138.714 46.6317C138.204 46.8675 137.644 46.9779 137.082 46.9536C136.609 46.9842 136.134 46.9152 135.689 46.7514C135.245 46.5876 134.839 46.3323 134.498 46.002C134.158 45.6717 133.89 45.2739 133.713 44.8341C133.535 44.3943 133.453 43.9221 133.468 43.4481ZM138.049 42.8337C138.056 42.6774 138.032 42.5214 137.976 42.375C137.921 42.2286 137.835 42.0954 137.726 41.9835C137.617 41.8716 137.486 41.7834 137.34 41.7246C137.195 41.6655 137.04 41.6373 136.883 41.6412C136.571 41.6481 136.274 41.7768 136.054 41.9994C135.835 42.222 135.711 42.5214 135.709 42.8337H138.049Z" fill="#0A0A0A" /> <path d="M148.205 40.0509H150.572V41.406C150.708 40.9554 150.993 40.5642 151.38 40.2966C151.767 40.0293 152.234 39.9012 152.704 39.9336V42.4269H152.506C151.276 42.4269 150.572 43.1409 150.572 44.6949V46.7907H148.205V40.0509Z" fill="#0A0A0A" /> <path d="M154.184 44.6953V41.9848H153.389V40.0513H154.184V38.344H156.551V40.0513H158.124V41.9578H156.551V44.2345C156.551 44.7133 156.768 44.9122 157.201 44.9122C157.516 44.905 157.824 44.8276 158.105 44.6863V46.4932C157.6 46.7632 157.033 46.897 156.461 46.8817C156.159 46.93 155.85 46.9075 155.558 46.816C155.266 46.7245 155 46.5667 154.778 46.3549C154.558 46.1431 154.39 45.883 154.287 45.595C154.183 45.307 154.148 44.9989 154.184 44.6953Z" fill="#0A0A0A" /> <path d="M122.484 37.4395C122.236 37.4395 121.993 37.5133 121.786 37.6513C121.58 37.7893 121.419 37.9852 121.323 38.2147C121.229 38.4442 121.204 38.6968 121.253 38.9404C121.301 39.184 121.42 39.4078 121.596 39.5833C121.772 39.7591 121.995 39.8785 122.239 39.9271C122.483 39.9754 122.735 39.9505 122.964 39.8557C123.195 39.7606 123.39 39.5995 123.529 39.3931C123.666 39.1864 123.74 38.9437 123.74 38.6953C123.74 38.3623 123.608 38.0428 123.372 37.8073C123.137 37.5718 122.817 37.4395 122.484 37.4395Z" fill="#0A0A0A" /> <path d="M147.293 43.4025C147.31 42.9285 147.227 42.4566 147.05 42.0165C146.872 41.5767 146.605 41.1789 146.264 40.8486C145.923 40.5186 145.518 40.2633 145.073 40.0992C144.628 39.9354 144.153 39.8664 143.68 39.897C143.114 39.8817 142.553 40.0026 142.043 40.2495C141.534 40.4961 141.091 40.8618 140.753 41.3154L142.063 42.3996C142.25 42.1884 142.48 42.0183 142.736 41.9001C142.993 41.7819 143.271 41.7183 143.553 41.7132C143.886 41.6898 144.215 41.7867 144.482 41.9856C144.749 42.1845 144.935 42.4725 145.008 42.7974V42.8514H143.454C141.511 42.8514 140.5 43.6014 140.5 44.9655C140.5 46.3299 141.403 46.9893 143.047 46.9893C143.42 46.9989 143.79 46.9314 144.135 46.7916C144.48 46.6518 144.792 46.4424 145.053 46.1763V46.8267H147.293V43.4025ZM143.761 45.4443C143.147 45.4443 142.777 45.1191 142.777 44.6946C142.777 44.2698 143.102 44.0712 143.68 44.0712H145.035V44.1435C145.039 44.313 145.009 44.4816 144.946 44.6394C144.884 44.7969 144.791 44.9406 144.672 45.0618C144.553 45.183 144.412 45.2793 144.255 45.345C144.099 45.4107 143.931 45.4446 143.761 45.4443Z" fill="#0A0A0A" /> <path d="M122.53 40.5476H122.439C122.278 40.5476 122.118 40.5794 121.97 40.6412C121.82 40.703 121.685 40.7936 121.57 40.9076C121.456 41.0216 121.366 41.1572 121.304 41.3063C121.242 41.4554 121.211 41.615 121.211 41.7764V46.7906H123.767V41.7764C123.767 41.6144 123.736 41.4539 123.673 41.3042C123.61 41.1545 123.519 41.0186 123.405 40.9043C123.289 40.7903 123.153 40.7 123.003 40.6388C122.853 40.5776 122.691 40.5467 122.53 40.5476Z" fill="#0A0A0A" /> <path d="M74.4551 37.9273C74.4539 37.8487 74.4686 37.7707 74.498 37.6978C74.5277 37.6249 74.5715 37.5586 74.627 37.5031C74.6828 37.4473 74.7488 37.4035 74.822 37.3738C74.8946 37.3444 74.9729 37.3297 75.0515 37.3309H78.9906C79.0671 37.321 79.1448 37.3276 79.2186 37.3501C79.2924 37.3726 79.3605 37.4104 79.4184 37.4614C79.4763 37.5124 79.5225 37.5748 79.5543 37.645C79.5861 37.7152 79.6026 37.7914 79.6026 37.8685C79.6026 37.9456 79.5861 38.0218 79.5543 38.092C79.5225 38.1625 79.4763 38.2249 79.4184 38.2759C79.3605 38.3269 79.2924 38.3647 79.2186 38.3872C79.1448 38.4097 79.0671 38.416 78.9906 38.4061H75.6476V40.213H78.5661C78.7098 40.213 78.8477 40.2703 78.9495 40.372C79.0508 40.4737 79.1082 40.6114 79.1082 40.7551C79.1082 40.8988 79.0508 41.0368 78.9495 41.1385C78.8477 41.2402 78.7098 41.2972 78.5661 41.2972H75.6476V43.5019C75.6491 43.5793 75.6347 43.6561 75.6056 43.7281C75.5765 43.7998 75.5334 43.8649 75.4785 43.9198C75.4239 43.9744 75.3584 44.0176 75.2867 44.0467C75.215 44.0758 75.1379 44.0902 75.0605 44.089C74.9825 44.0902 74.9054 44.0758 74.8331 44.047C74.7608 44.0179 74.6948 43.975 74.6393 43.9204C74.5838 43.8655 74.54 43.8004 74.5097 43.7287C74.4797 43.6567 74.4641 43.5796 74.4641 43.5019L74.4551 37.9273Z" fill="#0A0A0A" /> <path d="M80.6524 39.5086C80.6512 39.4318 80.665 39.3556 80.6938 39.2845C80.722 39.2131 80.7646 39.1483 80.8183 39.0937C80.8723 39.0391 80.9362 38.9956 81.007 38.9662C81.0775 38.9365 81.154 38.9212 81.2305 38.9212C81.3076 38.9212 81.3841 38.9365 81.4549 38.9659C81.5266 38.9953 81.5914 39.0388 81.646 39.0931C81.7006 39.1477 81.7435 39.2125 81.7729 39.2836C81.8029 39.355 81.8176 39.4312 81.8176 39.5086V40.0324C81.9055 39.7444 82.072 39.4867 82.2988 39.2884C82.5259 39.0904 82.8031 38.9602 83.1007 38.9122C83.1778 38.9068 83.2552 38.9182 83.3284 38.9452C83.4007 38.9725 83.4667 39.0148 83.521 39.0697C83.5765 39.1246 83.6185 39.1903 83.6455 39.2629C83.6731 39.3355 83.6845 39.4132 83.6788 39.4903C83.683 39.6238 83.638 39.754 83.5537 39.8569C83.4691 39.9598 83.3494 40.0288 83.2177 40.0504C82.3867 40.195 81.8176 40.8274 81.8176 42.0382V43.5379C81.8152 43.6921 81.7525 43.8391 81.6427 43.9474C81.5329 44.0557 81.385 44.1163 81.2305 44.1163C81.0769 44.1163 80.9299 44.0554 80.8216 43.9468C80.7133 43.8385 80.6524 43.6912 80.6524 43.5379V39.5086Z" fill="#0A0A0A" /> <path d="M84.1856 41.5594C84.1856 40.8406 84.4718 40.1512 84.98 39.6427C85.4882 39.1345 86.1776 38.8489 86.8964 38.8489C87.6152 38.8489 88.3049 39.1345 88.8131 39.6427C89.3213 40.1512 89.6066 40.8406 89.6066 41.5594C89.5928 42.2689 89.3009 42.9445 88.7936 43.441C88.2869 43.9375 87.6056 44.2159 86.8964 44.2156C86.5421 44.2252 86.1899 44.1637 85.8605 44.0344C85.5305 43.9048 85.2305 43.7104 84.9776 43.4626C84.7247 43.2148 84.5237 42.9184 84.3881 42.5917C84.2522 42.2644 84.1832 41.9134 84.1856 41.5594ZM88.4504 41.5594C88.4585 41.3485 88.4243 41.1379 88.3505 40.9405C88.2755 40.7431 88.1618 40.5625 88.0163 40.4101C87.8699 40.2574 87.695 40.1356 87.5006 40.0522C87.3071 39.9688 87.0983 39.9253 86.8877 39.9241C86.6777 39.9226 86.4713 39.964 86.2787 40.0456C86.0858 40.1275 85.9127 40.2478 85.7687 40.3996C85.6241 40.5511 85.5134 40.7305 85.4411 40.927C85.3694 41.1235 85.3385 41.3326 85.3517 41.5414C85.3427 41.7514 85.3769 41.9614 85.4507 42.1582C85.5248 42.355 85.6379 42.535 85.7825 42.6877C85.9274 42.8401 86.1014 42.9619 86.294 43.0459C86.4875 43.1299 86.6948 43.1743 86.9054 43.1767C87.1145 43.1782 87.3227 43.1368 87.5153 43.0552C87.7079 42.9736 87.8822 42.8533 88.0268 42.7018C88.1714 42.5503 88.2836 42.3706 88.3568 42.1744C88.4294 41.9779 88.4609 41.7685 88.4504 41.5594Z" fill="#0A0A0A" /> <path d="M90.8069 39.508C90.8045 39.4312 90.8174 39.3544 90.8459 39.2827C90.8735 39.211 90.9158 39.1456 90.9704 39.0907C91.0241 39.0358 91.0889 38.9923 91.1597 38.9632C91.2314 38.9341 91.3076 38.9197 91.385 38.9209C91.4621 38.9209 91.5386 38.9362 91.6094 38.9656C91.6811 38.995 91.7459 39.0385 91.8005 39.0928C91.8551 39.1474 91.898 39.2122 91.9274 39.2833C91.9565 39.3547 91.9721 39.4309 91.9721 39.508V39.7519C92.1299 39.4789 92.3558 39.2518 92.6291 39.0934C92.9015 38.935 93.2105 38.8504 93.5261 38.8486C93.8399 38.8348 94.1504 38.9128 94.4204 39.0733C94.6895 39.2338 94.9067 39.4699 95.0441 39.7519C95.2334 39.472 95.4896 39.2431 95.789 39.0856C96.089 38.9281 96.4223 38.8465 96.7607 38.8486C97.0142 38.8327 97.2689 38.8735 97.5053 38.9683C97.742 39.0628 97.9544 39.2089 98.1275 39.3955C98.2997 39.5824 98.429 39.8053 98.5055 40.0483C98.582 40.2913 98.603 40.5481 98.5673 40.8001V43.5106C98.5496 43.6525 98.4812 43.7833 98.3738 43.8781C98.2664 43.9729 98.1284 44.0251 97.985 44.0251C97.8419 44.0251 97.703 43.9729 97.5965 43.8781C97.4891 43.7833 97.4201 43.6525 97.4021 43.5106V41.1886C97.4021 40.3756 97.0223 39.9418 96.3629 39.9418C95.7035 39.9418 95.279 40.3846 95.279 41.2066V43.5466C95.2613 43.6888 95.192 43.8193 95.0846 43.9141C94.9775 44.0089 94.8392 44.0611 94.6961 44.0611C94.553 44.0611 94.4147 44.0089 94.3073 43.9141C94.1999 43.8193 94.1309 43.6888 94.1129 43.5466V41.1796C94.1129 40.3846 93.7253 39.9418 93.0746 39.9418C92.4242 39.9418 91.9901 40.4206 91.9901 41.2066V43.5466C91.9901 43.6234 91.9754 43.6993 91.9451 43.7701C91.916 43.8409 91.8722 43.9048 91.8176 43.9588C91.763 44.0125 91.6979 44.0551 91.6274 44.0836C91.5557 44.1121 91.4792 44.1262 91.403 44.125C91.3265 44.1262 91.2509 44.1121 91.1801 44.0833C91.1093 44.0548 91.0451 44.0122 90.9914 43.9582C90.9377 43.9045 90.8948 43.84 90.8663 43.7695C90.8378 43.6987 90.8231 43.6228 90.8246 43.5466L90.8069 39.508Z" fill="#0A0A0A" /> </svg> </div> </a> </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" 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="M25.5 12.1407V25C25.5 25.8284 24.8284 26.5 24 26.5H8C7.17157 26.5 6.5 25.8284 6.5 25V12.1407C6.5 11.6392 6.75065 11.1708 7.16795 10.8926L15.1679 5.5593C15.6718 5.2234 16.3282 5.2234 16.8321 5.5593L24.8321 10.8926C25.2493 11.1708 25.5 11.6392 25.5 12.1407ZM4 12.1407C4 10.8033 4.6684 9.55437 5.7812 8.81251L13.7812 3.47917C15.1248 2.58344 16.8752 2.58344 18.2188 3.47917L26.2188 8.81251C27.3316 9.55437 28 10.8033 28 12.1407V25C28 27.2091 26.2091 29 24 29H8C5.79086 29 4 27.2091 4 25V12.1407ZM17 11.75C16.3096 11.75 15.75 12.3096 15.75 13V18.3333C15.75 19.0237 16.3096 19.5833 17 19.5833H22.3333C23.0237 19.5833 23.5833 19.0237 23.5833 18.3333V13C23.5833 12.3096 23.0237 11.75 22.3333 11.75H17ZM18.25 17.0833V14.25H21.0833V17.0833H18.25Z" /> </svg> <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> </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/search" 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="M21.5 14C21.5 18.1421 18.1421 21.5 14 21.5C9.85786 21.5 6.5 18.1421 6.5 14C6.5 9.85786 9.85786 6.5 14 6.5C18.1421 6.5 21.5 9.85786 21.5 14ZM19.5513 22.3189C17.9631 23.3808 16.0539 24 14 24C8.47715 24 4 19.5228 4 14C4 8.47715 8.47715 4 14 4C19.5228 4 24 8.47715 24 14C24 16.5661 23.0335 18.9064 21.4446 20.6768L27.884 27.1161C28.3721 27.6042 28.3721 28.3957 27.884 28.8839C27.3958 29.372 26.6044 29.372 26.1162 28.8839L19.5513 22.3189Z" /> </svg> <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> <div class="px-2 py-1 rounded-lg bg-sky-100 text-sky-900 dark:bg-sky-900 dark:text-sky-100 inline-block font-semibold text-xs"> New </div> </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%2Fprime" 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> <div class="px-2 py-1 rounded-lg bg-sky-100 text-sky-900 dark:bg-sky-900 dark:text-sky-100 inline-block font-semibold text-xs"> Free </div> </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 bg-neutral-300 hover:bg-neutral-400 dark:bg-neutral-900 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="solid" width="32" height="32" viewBox="0 0 32 32" fill="currentColor" xmlns="http://www.w3.org/2000/svg" stroke="none"> <path d="M16.9168 7.60098C16.5683 6.80028 15.433 6.79949 15.0835 7.5997L11.4176 15.9916C11.1119 16.6916 10.1661 16.8042 9.70449 16.1956L5.78333 11.0256C5.20424 10.2621 3.98657 10.6716 3.98657 11.6299V22.7032C3.98657 22.7849 3.99605 22.8667 4.01828 22.9454C4.45225 24.4817 5.72573 25.5179 7.17055 25.5179H24.8126C26.2574 25.5179 27.5309 24.4817 27.9649 22.9454C27.9871 22.8667 27.9966 22.7849 27.9966 22.7032V11.6299C27.9966 10.6716 26.7789 10.2621 26.1998 11.0256L22.2803 16.1935C21.8184 16.8025 20.8716 16.6891 20.5666 15.9882L16.9168 7.60098Z" /> </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> <svg class="w-6 h-6 inline" 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="M15.0932 5.51465C15.0932 4.82429 15.6529 4.26465 16.3432 4.26465H24.4853C26.2803 4.26465 27.7353 5.71973 27.7353 7.51465L27.7353 15.6568C27.7353 16.3471 27.1757 16.9068 26.4853 16.9068C25.795 16.9068 25.2353 16.3471 25.2353 15.6568L25.2353 8.53249L14.3693 19.3985C13.8812 19.8867 13.0897 19.8867 12.6016 19.3985C12.1134 18.9104 12.1134 18.1189 12.6016 17.6307L23.4677 6.76465L16.3432 6.76465C15.6529 6.76465 15.0932 6.20501 15.0932 5.51465ZM7.25 14C7.25 12.4812 8.48122 11.25 10 11.25H12C12.6904 11.25 13.25 10.6904 13.25 10C13.25 9.30965 12.6904 8.75 12 8.75H10C7.10051 8.75 4.75 11.1005 4.75 14V22C4.75 24.8995 7.10051 27.25 10 27.25H18C20.8995 27.25 23.25 24.8995 23.25 22V20C23.25 19.3096 22.6904 18.75 22 18.75C21.3096 18.75 20.75 19.3096 20.75 20V22C20.75 23.5188 19.5188 24.75 18 24.75H10C8.48122 24.75 7.25 23.5188 7.25 22V14Z" /> </svg> </a> </div> </div> <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 168 48" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M9.86582 29.9859C8.08232 29.9988 6.31081 29.6928 4.63471 29.0826C2.9217 28.4352 1.3485 27.4662 0 26.2275L2.4663 23.2461C3.51361 24.1638 4.68451 24.9303 5.94481 25.5228C7.20331 26.0718 8.56532 26.343 9.93812 26.3178C11.0163 26.3754 12.0849 26.091 12.9918 25.5048C13.3473 25.2696 13.6371 24.9483 13.8348 24.5706C14.0322 24.1929 14.1309 23.7714 14.1213 23.3454V23.2461C14.1288 22.8585 14.055 22.4739 13.9044 22.1166C13.713 21.7524 13.4334 21.4419 13.0911 21.2133C12.588 20.8704 12.0411 20.5971 11.4651 20.4C10.5882 20.0952 9.69542 19.839 8.79062 19.6323C7.64642 19.377 6.52051 19.0449 5.42071 18.6384C4.52971 18.3192 3.69421 17.8617 2.94511 17.283C2.28661 16.7685 1.7628 16.1022 1.4184 15.3408C1.0512 14.4663 0.872402 13.524 0.894302 12.576V12.5037C0.884702 11.5626 1.083 10.6308 1.4751 9.77492C1.86691 8.91902 2.4429 8.16032 3.16201 7.55281C3.91141 6.92851 4.77301 6.45301 5.70091 6.15241C6.74401 5.80771 7.83661 5.63671 8.93522 5.64631C10.5276 5.62231 12.1119 5.87941 13.6152 6.40531C15.0282 6.92521 16.3467 7.67281 17.5182 8.61871L15.3138 11.772C14.322 11.0367 13.2411 10.4298 12.0975 9.96512C11.0772 9.55622 9.98912 9.34472 8.88992 9.34172C7.88941 9.28322 6.89851 9.56672 6.08011 10.1457C5.76601 10.3752 5.51071 10.6755 5.33461 11.0226C5.15881 11.3697 5.06761 11.7534 5.06821 12.1425V12.2055C5.05711 12.6186 5.13721 13.029 5.30311 13.4073C5.51251 13.7883 5.82571 14.1015 6.20671 14.3106C6.73231 14.6457 7.29661 14.9157 7.88732 15.1149C8.61902 15.3588 9.54962 15.6207 10.6788 15.8919C11.8029 16.1688 12.9075 16.5189 13.9857 16.9398C14.8542 17.268 15.6609 17.7417 16.3707 18.3402C16.9965 18.8763 17.4936 19.5465 17.8254 20.3007C18.1683 21.1056 18.3375 21.9738 18.3222 22.8486V22.9209C18.339 23.9457 18.126 24.9615 17.6991 25.8933C17.2959 26.7555 16.7064 27.5178 15.9732 28.1247C15.1836 28.7553 14.2782 29.2248 13.308 29.5071C12.1911 29.838 11.0307 29.9994 9.86582 29.9859Z" fill="white" /> <path d="M21.6924 11.8088H25.8213V14.7812C26.4669 13.8398 27.2895 13.0328 28.2426 12.4049C29.3235 11.7287 30.5823 11.3921 31.8564 11.4383C32.9217 11.4392 33.9759 11.6522 34.9578 12.0647C35.9397 12.4775 36.8295 13.0814 37.5756 13.8416C38.3838 14.6756 39.0195 15.6614 39.4458 16.7417C39.9345 18.0029 40.1739 19.3466 40.1505 20.699V20.7713C40.176 22.1192 39.9429 23.4593 39.4638 24.7193C39.0552 25.7966 38.4414 26.7848 37.6569 27.6287C36.8877 28.4114 35.9649 29.0264 34.9464 29.4356C33.9657 29.8367 32.916 30.0422 31.8564 30.041C30.5901 30.0926 29.3355 29.7791 28.2426 29.1374C27.3057 28.5293 26.4858 27.7583 25.8213 26.8607V34.9919H21.6924V11.8088ZM30.9168 26.4722C31.5975 26.4761 32.2716 26.3375 32.8956 26.0657C33.5082 25.7987 34.0614 25.4117 34.5219 24.9272C35.0061 24.4061 35.3781 23.7911 35.6151 23.1203C35.8956 22.3601 36.0333 21.5543 36.0216 20.744V20.6717C36.0309 19.8704 35.8932 19.0742 35.6151 18.3227C35.3694 17.6561 34.9983 17.0426 34.5219 16.5158C34.0593 16.0214 33.4995 15.6281 32.8773 15.3608C32.2554 15.0932 31.5849 14.9576 30.9078 14.9618C30.2304 14.9648 29.5605 15.1055 28.9389 15.3758C28.3176 15.6461 27.7581 16.04 27.294 16.5338C26.8098 17.0618 26.427 17.6744 26.1645 18.341C25.8744 19.0832 25.7301 19.8746 25.74 20.6717V20.744C25.7322 21.5438 25.8765 22.3379 26.1645 23.084C26.4213 23.7533 26.8047 24.3668 27.294 24.8912C27.7671 25.379 28.3323 25.769 28.9563 26.0384C29.5734 26.3153 30.2406 26.4629 30.9168 26.4722Z" fill="white" /> <path d="M43.3223 11.8082H47.4419V15.8288C47.9426 14.5544 48.7718 13.4351 49.8452 12.5852C50.9735 11.759 52.3649 11.3735 53.7572 11.501V15.8288H53.5223C52.6802 15.8177 51.8438 15.9647 51.056 16.2623C50.3234 16.5518 49.6658 17.0027 49.1315 17.5814C48.5609 18.2204 48.1355 18.9758 47.8847 19.7948C47.5724 20.7944 47.423 21.8378 47.4419 22.8848V29.6789H43.3223V11.8082Z" fill="white" /> <path d="M64.4345 30.0491C63.1973 30.0617 61.9694 29.8313 60.8207 29.3717C59.7341 28.9439 58.7447 28.3016 57.9116 27.4832C57.0764 26.6462 56.4161 25.6511 55.9691 24.5561C55.4882 23.3591 55.2485 22.0787 55.2644 20.7884V20.7254C55.2521 19.4912 55.4696 18.2657 55.9058 17.1113C56.3111 16.016 56.9246 15.0098 57.7127 14.1482C58.4732 13.31 59.3951 12.6338 60.4232 12.1604C61.5269 11.6618 62.7266 11.4122 63.9377 11.4287C65.2241 11.4029 66.4997 11.6684 67.6691 12.2057C68.7176 12.6932 69.6437 13.4096 70.3796 14.3018C71.1239 15.2057 71.6855 16.2461 72.0329 17.3645C72.3986 18.5495 72.5813 19.7834 72.575 21.0236C72.575 21.2042 72.575 21.3938 72.575 21.5837C72.575 21.7733 72.575 21.9722 72.5207 22.1798H59.3843C59.522 23.4797 60.1445 24.6797 61.1279 25.541C62.0825 26.3267 63.2891 26.7404 64.5251 26.7062C65.4314 26.7287 66.3305 26.5433 67.154 26.1644C67.9574 25.7537 68.6894 25.2167 69.3224 24.5741L71.7257 26.7062C70.8785 27.7103 69.8405 28.5362 68.672 29.1368C67.352 29.7728 65.8994 30.0854 64.4345 30.0491ZM68.4911 19.4696C68.4239 18.8504 68.2751 18.2426 68.0486 17.6627C67.8455 17.1125 67.5386 16.6064 67.145 16.172C66.7607 15.7532 66.2969 15.4154 65.7809 15.1781C64.9628 14.8172 64.055 14.7104 63.1754 14.8712C62.2958 15.0326 61.4849 15.4541 60.8477 16.0814C59.9921 17.0183 59.4629 18.2069 59.339 19.4696H68.4911Z" fill="white" /> <path d="M86.5712 29.6432V27.4475C85.916 28.193 85.1249 28.8062 84.2402 29.2547C83.1668 29.7782 81.9821 30.0323 80.789 29.9954C79.9664 30.0059 79.1474 29.8934 78.3583 29.6612C77.6263 29.4425 76.9429 29.087 76.3435 28.613C75.7636 28.1336 75.2926 27.536 74.9614 26.8604C74.599 26.1218 74.4193 25.3067 74.4373 24.4841V24.4117C74.4166 23.5204 74.6023 22.636 74.9794 21.8278C75.3313 21.1168 75.845 20.4979 76.4792 20.0209C77.1719 19.5175 77.9537 19.1497 78.7832 18.9367C79.7246 18.6952 80.6933 18.577 81.665 18.5845C82.5878 18.5731 83.51 18.6427 84.4205 18.7921C85.1573 18.9241 85.8842 19.102 86.5982 19.3252V19C86.6339 18.4729 86.5511 17.9443 86.3558 17.4532C86.1608 16.9624 85.8575 16.5214 85.4687 16.1632C84.536 15.4513 83.3774 15.1015 82.2074 15.1783C81.2951 15.1684 80.3843 15.2716 79.4969 15.4855C78.6815 15.7024 77.8813 15.9739 77.1025 16.2988L75.9824 13.0189C76.9643 12.571 77.9827 12.2083 79.0271 11.935C80.2574 11.6368 81.5195 11.491 82.7855 11.5012C85.442 11.5012 87.4112 12.1579 88.6943 13.4707C89.3669 14.2252 89.8832 15.1054 90.2141 16.0606C90.5444 17.0161 90.6818 18.0274 90.6182 19.0363V29.6069L86.5712 29.6432ZM86.6705 22.1803C86.0867 21.952 85.481 21.7825 84.8639 21.6742C84.1223 21.5338 83.3684 21.4642 82.6139 21.4666C81.5624 21.4087 80.5178 21.6667 79.6142 22.2073C79.2737 22.4239 78.9947 22.7248 78.8048 23.0812C78.6146 23.4373 78.52 23.8366 78.5302 24.2402V24.3034C78.5125 24.6883 78.5948 25.0711 78.7688 25.4146C78.9431 25.7582 79.2032 26.051 79.5239 26.264C80.2523 26.7335 81.1064 26.9699 81.9722 26.9417C82.6091 26.9474 83.2424 26.8562 83.8514 26.6705C84.3758 26.5163 84.8711 26.2751 85.3151 25.9568C85.7339 25.6424 86.0771 25.2379 86.3183 24.7732C86.5559 24.2968 86.6771 23.77 86.6705 23.2372V22.1803Z" fill="white" /> <path d="M94.4756 4.97754H98.5958V19.7133L105.995 11.8079H110.964L103.863 19.0356L111.199 29.6064H106.465L101.098 21.8997L98.5958 24.5016V29.6064H94.4756V4.97754Z" fill="white" /> <path d="M121.3 30.0496C120.062 30.0622 118.834 29.8318 117.685 29.3719C116.59 28.9441 115.594 28.2958 114.76 27.4675C113.925 26.6392 113.27 25.6483 112.834 24.5566C112.353 23.3593 112.114 22.0789 112.129 20.7888V20.7258C112.117 19.4916 112.334 18.2661 112.771 17.1117C113.176 16.0164 113.789 15.0102 114.577 14.1483C115.338 13.3101 116.26 12.6342 117.288 12.1608C118.388 11.6634 119.585 11.4135 120.794 11.4288C122.083 11.4021 123.361 11.6676 124.534 12.2058C125.566 12.6993 126.476 13.4151 127.199 14.3019C127.927 15.2097 128.474 16.2498 128.807 17.3649C129.173 18.5499 129.356 19.7838 129.349 21.024C129.349 21.2046 129.349 21.3942 129.349 21.5838C129.349 21.7737 129.349 21.9724 129.295 22.1803H116.23C116.369 23.4802 116.992 24.6802 117.975 25.5412C118.929 26.3269 120.136 26.7409 121.372 26.7067C122.278 26.7292 123.177 26.5438 124.001 26.1646C124.829 25.7608 125.586 25.2235 126.242 24.5746L128.644 26.7067C127.795 27.7126 126.755 28.5391 125.581 29.137C124.249 29.7826 122.779 30.0958 121.3 30.0496ZM125.338 19.4697C125.271 18.8508 125.122 18.243 124.895 17.6628C124.692 17.1129 124.385 16.6068 123.992 16.1721C123.614 15.7308 123.149 15.3711 122.627 15.1152C122.061 14.8584 121.443 14.7318 120.82 14.7447C120.237 14.7276 119.656 14.835 119.118 15.0591C118.579 15.2835 118.093 15.6198 117.694 16.0455C116.839 16.9824 116.309 18.171 116.186 19.4337L125.338 19.4697Z" fill="white" /> <path d="M132.564 11.8084H136.685V15.829C137.185 14.5567 138.011 13.4383 139.078 12.5854C140.199 11.7709 141.575 11.386 142.955 11.5012V15.829H142.72C141.878 15.8179 141.041 15.9649 140.253 16.2625C139.521 16.552 138.863 17.0029 138.329 17.5816C137.763 18.2101 137.337 18.9526 137.082 19.759C136.77 20.7586 136.62 21.8017 136.639 22.849V29.6431H132.564V11.8084Z" fill="white" /> <path d="M151.242 13.0734L142.577 21.7377L151.242 19.0995L158 26.6976L158.424 16.7505L167.414 13.0734L158.605 9.38701L157.503 0L151.793 7.17361L142.577 5.51131L151.242 13.0734Z" fill="#FFC107" /> <path d="M114.225 35.0813C113.437 35.0888 112.663 35.2886 111.97 35.6633C111.278 36.038 110.687 36.5765 110.25 37.2317C109.815 36.5762 109.226 36.0371 108.535 35.6624C107.843 35.2874 107.07 35.0879 106.284 35.0813C105.023 35.0813 103.815 35.582 102.923 36.4733C102.032 37.3646 101.531 38.5733 101.531 39.8336C101.531 41.5052 102.58 42.7067 103.681 43.8179L107.991 47.8928C108.041 47.9411 108.105 47.9732 108.174 47.9855C108.242 47.9975 108.313 47.9891 108.377 47.9612C108.441 47.933 108.495 47.8868 108.533 47.828C108.57 47.7689 108.589 47.7005 108.587 47.6306V44.4596C108.587 44.0186 108.763 43.5956 109.074 43.2839C109.386 42.9722 109.809 42.797 110.25 42.797C110.691 42.797 111.114 42.9722 111.426 43.2839C111.737 43.5956 111.912 44.0186 111.912 44.4596V47.6396C111.91 47.7095 111.93 47.7779 111.967 47.837C112.005 47.8958 112.059 47.942 112.122 47.9702C112.187 47.9981 112.257 48.0068 112.326 47.9945C112.395 47.9822 112.458 47.9501 112.509 47.9018L116.818 43.8269C117.92 42.7157 118.977 41.5142 118.977 39.8426C118.979 39.218 118.857 38.5991 118.619 38.0213C118.38 37.4438 118.03 36.9188 117.588 36.4766C117.148 36.0344 116.623 35.6834 116.046 35.444C115.469 35.2046 114.85 35.0813 114.225 35.0813ZM105.94 43.5017C105.909 43.5362 105.872 43.5635 105.83 43.5821C105.788 43.6007 105.743 43.6103 105.696 43.6103C105.613 43.6112 105.534 43.5824 105.47 43.529C104.855 43.0703 104.346 42.4841 103.978 41.8103C103.61 41.1368 103.392 40.3916 103.338 39.626C103.354 39.0305 103.508 38.4467 103.789 37.9214C104.07 37.3958 104.469 36.9434 104.956 36.5993C104.991 36.5762 105.032 36.5603 105.074 36.5528C105.116 36.5453 105.16 36.5462 105.202 36.5555C105.243 36.5645 105.283 36.5819 105.319 36.6065C105.354 36.6311 105.384 36.6623 105.407 36.6986C105.43 36.7349 105.446 36.7751 105.453 36.8174C105.461 36.8597 105.461 36.9032 105.451 36.9452C105.442 36.9869 105.425 37.0268 105.399 37.0619C105.375 37.0973 105.344 37.1273 105.308 37.1504C104.914 37.4351 104.591 37.8062 104.361 38.2352C104.133 38.6642 104.005 39.14 103.989 39.626C104.047 40.2995 104.25 40.9526 104.582 41.5415C104.913 42.1304 105.368 42.6419 105.913 43.0409C105.945 43.0694 105.971 43.1039 105.99 43.1426C106.009 43.181 106.02 43.223 106.023 43.2656C106.025 43.3085 106.019 43.3514 106.005 43.3919C105.991 43.4324 105.969 43.4699 105.94 43.5017ZM108.054 42.2822C108.026 42.3332 107.984 42.3755 107.932 42.4043C107.882 42.4331 107.823 42.4472 107.765 42.4448C107.714 42.458 107.662 42.458 107.611 42.4448C107.137 42.1817 106.74 41.8007 106.456 41.3384C106.173 40.8761 106.013 40.3484 105.995 39.8066C105.995 39.3221 106.129 38.8472 106.381 38.4332C106.632 38.0189 106.992 37.6817 107.422 37.4576C107.5 37.4195 107.59 37.4132 107.672 37.4399C107.755 37.4669 107.824 37.5251 107.865 37.6022C107.901 37.6796 107.908 37.7678 107.883 37.8497C107.858 37.9316 107.803 38.0012 107.729 38.0447C107.399 38.2154 107.124 38.4749 106.933 38.7944C106.743 39.1139 106.646 39.4802 106.654 39.8516C106.672 40.2755 106.799 40.6874 107.022 41.0483C107.244 41.4089 107.557 41.7062 107.928 41.9117C107.986 41.9513 108.03 42.0089 108.053 42.0758C108.075 42.1427 108.076 42.215 108.054 42.2822ZM110.25 41.4419C109.965 41.4437 109.686 41.3606 109.448 41.2037C109.211 41.0465 109.025 40.8221 108.915 40.5593C108.806 40.2965 108.777 40.0067 108.832 39.7274C108.886 39.4478 109.024 39.191 109.225 38.9897C109.426 38.7881 109.683 38.6513 109.963 38.5961C110.243 38.5409 110.532 38.57 110.795 38.6798C111.057 38.7899 111.282 38.9753 111.439 39.2129C111.597 39.4505 111.679 39.7295 111.677 40.0145C111.677 40.2017 111.64 40.3874 111.569 40.5605C111.497 40.7339 111.392 40.8911 111.259 41.0237C111.126 41.1563 110.97 41.2616 110.796 41.3333C110.623 41.405 110.437 41.4419 110.25 41.4419ZM112.897 42.4085C112.844 42.4211 112.788 42.4211 112.734 42.4085C112.676 42.41 112.619 42.3956 112.567 42.3668C112.517 42.3383 112.475 42.2966 112.445 42.2459C112.405 42.1688 112.396 42.0791 112.419 41.9951C112.443 41.9111 112.497 41.8394 112.571 41.7941C112.945 41.5913 113.26 41.2946 113.485 40.9337C113.71 40.5725 113.837 40.1594 113.854 39.7343C113.863 39.3626 113.766 38.9963 113.576 38.6771C113.385 38.3576 113.11 38.0978 112.779 37.9274C112.741 37.9073 112.707 37.88 112.68 37.847C112.653 37.8137 112.632 37.7756 112.619 37.7345C112.606 37.6931 112.602 37.6499 112.606 37.607C112.611 37.5641 112.623 37.5224 112.644 37.4846C112.663 37.4456 112.69 37.4111 112.722 37.3826C112.755 37.3541 112.793 37.3325 112.835 37.319C112.876 37.3055 112.919 37.3004 112.963 37.304C113.006 37.3076 113.049 37.3199 113.087 37.34C113.512 37.5689 113.869 37.9073 114.12 38.3201C114.372 38.7332 114.507 39.206 114.514 39.689C114.504 40.244 114.351 40.7867 114.067 41.2637C113.783 41.7404 113.379 42.1352 112.897 42.4085ZM117.206 39.626C117.152 40.3922 116.931 41.1377 116.562 41.8112C116.192 42.4847 115.682 43.0706 115.065 43.529C115.035 43.5593 114.999 43.5833 114.96 43.5998C114.921 43.616 114.877 43.6247 114.835 43.6247C114.792 43.6247 114.75 43.616 114.71 43.5998C114.671 43.5833 114.635 43.5593 114.604 43.529C114.574 43.4987 114.551 43.4627 114.534 43.4231C114.517 43.3838 114.509 43.3412 114.509 43.2986C114.509 43.2557 114.517 43.2134 114.534 43.1738C114.551 43.1342 114.574 43.0982 114.604 43.0682C115.149 42.6683 115.602 42.1568 115.932 41.5679C116.262 40.9787 116.463 40.3259 116.52 39.653C116.503 39.1682 116.376 38.6933 116.149 38.2646C115.922 37.8359 115.601 37.4642 115.21 37.1774C115.172 37.1561 115.138 37.1273 115.112 37.0925C115.086 37.0577 115.067 37.0178 115.057 36.9752C115.047 36.9329 115.046 36.8888 115.053 36.8459C115.06 36.803 115.077 36.7619 115.102 36.7259C115.125 36.6893 115.155 36.6578 115.19 36.6332C115.224 36.6083 115.264 36.5909 115.307 36.5819C115.349 36.5726 115.392 36.5717 115.434 36.5792C115.477 36.587 115.517 36.6029 115.553 36.6263C116.043 36.9683 116.444 37.4204 116.727 37.946C117.009 38.4719 117.164 39.0563 117.179 39.653L117.206 39.626Z" fill="#C6002B" /> <path d="M124.807 38.0635H127.228V41.3158H130.327V38.0635H132.749V46.7908H130.327V43.4752H127.228V46.7908H124.807V38.0635Z" fill="white" /> <path d="M133.468 43.4481C133.449 42.9897 133.523 42.5319 133.685 42.1029C133.848 41.6739 134.096 41.2821 134.415 40.9518C134.734 40.6215 135.116 40.3593 135.538 40.1811C135.961 40.0029 136.416 39.9126 136.874 39.9156C139.197 39.9156 140.272 41.6232 140.272 43.6107C140.272 43.7553 140.272 43.9269 140.272 44.0895H135.755C135.821 44.421 136.008 44.7168 136.277 44.9211C136.546 45.1257 136.881 45.2253 137.218 45.201C137.5 45.1974 137.779 45.1344 138.037 45.0162C138.293 44.898 138.523 44.727 138.709 44.5143L140.019 45.5985C139.672 46.0416 139.226 46.3959 138.715 46.6317C138.204 46.8675 137.644 46.9779 137.083 46.9536C136.609 46.9842 136.135 46.9152 135.69 46.7514C135.245 46.5876 134.839 46.3323 134.499 46.002C134.158 45.6717 133.89 45.2739 133.713 44.8341C133.536 44.3943 133.453 43.9221 133.468 43.4481ZM138.049 42.8337C138.057 42.6774 138.032 42.5214 137.976 42.375C137.921 42.2286 137.836 42.0954 137.727 41.9835C137.617 41.8716 137.486 41.7834 137.34 41.7246C137.196 41.6655 137.04 41.6373 136.883 41.6412C136.571 41.6481 136.274 41.7768 136.055 41.9994C135.835 42.222 135.712 42.5214 135.709 42.8337H138.049Z" fill="white" /> <path d="M148.205 40.0509H150.572V41.406C150.708 40.9554 150.993 40.5642 151.38 40.2966C151.767 40.0293 152.234 39.9012 152.704 39.9336V42.4269H152.506C151.276 42.4269 150.572 43.1409 150.572 44.6949V46.7907H148.205V40.0509Z" fill="white" /> <path d="M154.184 44.6953V41.9848H153.389V40.0513H154.184V38.344H156.551V40.0513H158.124V41.9578H156.551V44.2345C156.551 44.7133 156.769 44.9122 157.202 44.9122C157.517 44.905 157.825 44.8276 158.105 44.6863V46.4932C157.601 46.7632 157.034 46.897 156.461 46.8817C156.16 46.93 155.851 46.9075 155.559 46.816C155.267 46.7245 155 46.5667 154.779 46.3549C154.559 46.1431 154.39 45.883 154.287 45.595C154.184 45.307 154.149 44.9989 154.184 44.6953Z" fill="white" /> <path d="M122.483 37.4395C122.235 37.4395 121.992 37.5133 121.786 37.6513C121.579 37.7893 121.418 37.9852 121.323 38.2147C121.229 38.4442 121.204 38.6968 121.252 38.9404C121.3 39.184 121.42 39.4078 121.595 39.5833C121.771 39.7591 121.995 39.8785 122.239 39.9271C122.483 39.9754 122.735 39.9505 122.964 39.8557C123.194 39.7606 123.39 39.5995 123.528 39.3931C123.666 39.1864 123.74 38.9437 123.74 38.6953C123.74 38.3623 123.607 38.0428 123.371 37.8073C123.136 37.5718 122.817 37.4395 122.483 37.4395Z" fill="white" /> <path d="M147.293 43.4025C147.309 42.9285 147.226 42.4566 147.049 42.0165C146.872 41.5767 146.604 41.1789 146.263 40.8486C145.923 40.5186 145.517 40.2633 145.072 40.0992C144.627 39.9354 144.153 39.8664 143.679 39.897C143.113 39.8817 142.552 40.0026 142.042 40.2495C141.533 40.4961 141.09 40.8618 140.752 41.3154L142.062 42.3996C142.25 42.1884 142.479 42.0183 142.735 41.9001C142.992 41.7819 143.27 41.7183 143.552 41.7132C143.885 41.6898 144.214 41.7867 144.481 41.9856C144.748 42.1845 144.935 42.4725 145.007 42.7974V42.8514H143.453C141.511 42.8514 140.499 43.6014 140.499 44.9655C140.499 46.3299 141.403 46.9893 143.047 46.9893C143.419 46.9989 143.789 46.9314 144.135 46.7916C144.479 46.6518 144.792 46.4424 145.053 46.1763V46.8267H147.293V43.4025ZM143.761 45.4443C143.146 45.4443 142.776 45.1191 142.776 44.6946C142.776 44.2698 143.101 44.0712 143.679 44.0712H145.035V44.1435C145.038 44.313 145.008 44.4816 144.945 44.6394C144.883 44.7969 144.79 44.9406 144.671 45.0618C144.553 45.183 144.411 45.2793 144.254 45.345C144.098 45.4107 143.931 45.4446 143.761 45.4443Z" fill="white" /> <path d="M122.529 40.5476H122.439C122.277 40.5476 122.118 40.5794 121.969 40.6412C121.819 40.703 121.684 40.7936 121.57 40.9076C121.456 41.0216 121.365 41.1572 121.303 41.3063C121.242 41.4554 121.21 41.615 121.21 41.7764V46.7906H123.767V41.7764C123.767 41.6144 123.735 41.4539 123.672 41.3042C123.61 41.1545 123.519 41.0186 123.404 40.9043C123.289 40.7903 123.152 40.7 123.002 40.6388C122.852 40.5776 122.691 40.5467 122.529 40.5476Z" fill="white" /> <path d="M74.4549 37.9273C74.4537 37.8487 74.4684 37.7707 74.4978 37.6978C74.5275 37.6249 74.5713 37.5586 74.6268 37.5031C74.6826 37.4473 74.7486 37.4035 74.8218 37.3738C74.8944 37.3444 74.9727 37.3297 75.0513 37.3309H78.9903C79.0668 37.321 79.1445 37.3276 79.2183 37.3501C79.2921 37.3726 79.3602 37.4104 79.4181 37.4614C79.476 37.5124 79.5222 37.5748 79.554 37.645C79.5858 37.7152 79.6023 37.7914 79.6023 37.8685C79.6023 37.9456 79.5858 38.0218 79.554 38.092C79.5222 38.1625 79.476 38.2249 79.4181 38.2759C79.3602 38.3269 79.2921 38.3647 79.2183 38.3872C79.1445 38.4097 79.0668 38.416 78.9903 38.4061H75.6474V40.213H78.5658C78.7095 40.213 78.8475 40.2703 78.9492 40.372C79.0506 40.4737 79.1079 40.6114 79.1079 40.7551C79.1079 40.8988 79.0506 41.0368 78.9492 41.1385C78.8475 41.2402 78.7095 41.2972 78.5658 41.2972H75.6474V43.5019C75.6489 43.5793 75.6345 43.6561 75.6054 43.7281C75.5763 43.7998 75.5331 43.8649 75.4782 43.9198C75.4236 43.9744 75.3582 44.0176 75.2865 44.0467C75.2148 44.0758 75.1377 44.0902 75.0603 44.089C74.9823 44.0902 74.9052 44.0758 74.8329 44.047C74.7606 44.0179 74.6946 43.975 74.6391 43.9204C74.5836 43.8655 74.5398 43.8004 74.5095 43.7287C74.4795 43.6567 74.4639 43.5796 74.4639 43.5019L74.4549 37.9273Z" fill="white" /> <path d="M80.6524 39.5086C80.6512 39.4318 80.665 39.3556 80.6938 39.2845C80.722 39.2131 80.7646 39.1483 80.8183 39.0937C80.8723 39.0391 80.9362 38.9956 81.007 38.9662C81.0775 38.9365 81.154 38.9212 81.2305 38.9212C81.3076 38.9212 81.3841 38.9365 81.4549 38.9659C81.5266 38.9953 81.5914 39.0388 81.646 39.0931C81.7006 39.1477 81.7435 39.2125 81.7729 39.2836C81.8029 39.355 81.8176 39.4312 81.8176 39.5086V40.0324C81.9055 39.7444 82.072 39.4867 82.2988 39.2884C82.5259 39.0904 82.8031 38.9602 83.1007 38.9122C83.1778 38.9068 83.2552 38.9182 83.3284 38.9452C83.4007 38.9725 83.4667 39.0148 83.521 39.0697C83.5765 39.1246 83.6185 39.1903 83.6455 39.2629C83.6731 39.3355 83.6845 39.4132 83.6788 39.4903C83.683 39.6238 83.638 39.754 83.5537 39.8569C83.4691 39.9598 83.3494 40.0288 83.2177 40.0504C82.3867 40.195 81.8176 40.8274 81.8176 42.0382V43.5379C81.8152 43.6921 81.7525 43.8391 81.6427 43.9474C81.5329 44.0557 81.385 44.1163 81.2305 44.1163C81.0769 44.1163 80.9299 44.0554 80.8216 43.9468C80.7133 43.8385 80.6524 43.6912 80.6524 43.5379V39.5086Z" fill="white" /> <path d="M84.1851 41.5594C84.1851 40.8406 84.4713 40.1512 84.9795 39.6427C85.4877 39.1345 86.1771 38.8489 86.8959 38.8489C87.6147 38.8489 88.3044 39.1345 88.8126 39.6427C89.3208 40.1512 89.6061 40.8406 89.6061 41.5594C89.5923 42.2689 89.3004 42.9445 88.7931 43.441C88.2864 43.9375 87.6051 44.2159 86.8959 44.2156C86.5416 44.2252 86.1894 44.1637 85.86 44.0344C85.53 43.9048 85.23 43.7104 84.9771 43.4626C84.7242 43.2148 84.5232 42.9184 84.3876 42.5917C84.2517 42.2644 84.1827 41.9134 84.1851 41.5594ZM88.4499 41.5594C88.458 41.3485 88.4238 41.1379 88.35 40.9405C88.275 40.7431 88.1613 40.5625 88.0158 40.4101C87.8694 40.2574 87.6945 40.1356 87.5001 40.0522C87.3066 39.9688 87.0978 39.9253 86.8872 39.9241C86.6772 39.9226 86.4708 39.964 86.2782 40.0456C86.0853 40.1275 85.9122 40.2478 85.7682 40.3996C85.6236 40.5511 85.5129 40.7305 85.4406 40.927C85.3689 41.1235 85.338 41.3326 85.3512 41.5414C85.3422 41.7514 85.3764 41.9614 85.4502 42.1582C85.5243 42.355 85.6374 42.535 85.782 42.6877C85.9269 42.8401 86.1009 42.9619 86.2935 43.0459C86.487 43.1299 86.6943 43.1743 86.9049 43.1767C87.114 43.1782 87.3222 43.1368 87.5148 43.0552C87.7074 42.9736 87.8817 42.8533 88.0263 42.7018C88.1709 42.5503 88.2831 42.3706 88.3563 42.1744C88.4289 41.9779 88.4604 41.7685 88.4499 41.5594Z" fill="white" /> <path d="M90.8067 39.508C90.8043 39.4312 90.8172 39.3544 90.8457 39.2827C90.8733 39.211 90.9156 39.1456 90.9702 39.0907C91.0239 39.0358 91.0887 38.9923 91.1595 38.9632C91.2312 38.9341 91.3074 38.9197 91.3848 38.9209C91.4619 38.9209 91.5384 38.9362 91.6092 38.9656C91.6809 38.995 91.7457 39.0385 91.8003 39.0928C91.8549 39.1474 91.8978 39.2122 91.9272 39.2833C91.9563 39.3547 91.9719 39.4309 91.9719 39.508V39.7519C92.1297 39.4789 92.3556 39.2518 92.6289 39.0934C92.9013 38.935 93.2103 38.8504 93.5259 38.8486C93.8397 38.8348 94.1502 38.9128 94.4202 39.0733C94.6893 39.2338 94.9065 39.4699 95.0439 39.7519C95.2332 39.472 95.4894 39.2431 95.7888 39.0856C96.0888 38.9281 96.4221 38.8465 96.7605 38.8486C97.014 38.8327 97.2687 38.8735 97.5051 38.9683C97.7418 39.0628 97.9542 39.2089 98.1273 39.3955C98.2995 39.5824 98.4288 39.8053 98.5053 40.0483C98.5818 40.2913 98.6028 40.5481 98.5671 40.8001V43.5106C98.5494 43.6525 98.481 43.7833 98.3736 43.8781C98.2662 43.9729 98.1282 44.0251 97.9848 44.0251C97.8417 44.0251 97.7028 43.9729 97.5963 43.8781C97.4889 43.7833 97.4199 43.6525 97.4019 43.5106V41.1886C97.4019 40.3756 97.0221 39.9418 96.3627 39.9418C95.7033 39.9418 95.2788 40.3846 95.2788 41.2066V43.5466C95.2611 43.6888 95.1918 43.8193 95.0844 43.9141C94.9773 44.0089 94.839 44.0611 94.6959 44.0611C94.5528 44.0611 94.4145 44.0089 94.3071 43.9141C94.1997 43.8193 94.1307 43.6888 94.1127 43.5466V41.1796C94.1127 40.3846 93.7251 39.9418 93.0744 39.9418C92.424 39.9418 91.9899 40.4206 91.9899 41.2066V43.5466C91.9899 43.6234 91.9752 43.6993 91.9449 43.7701C91.9158 43.8409 91.872 43.9048 91.8174 43.9588C91.7628 44.0125 91.6977 44.0551 91.6272 44.0836C91.5555 44.1121 91.479 44.1262 91.4028 44.125C91.3263 44.1262 91.2507 44.1121 91.1799 44.0833C91.1091 44.0548 91.0449 44.0122 90.9912 43.9582C90.9375 43.9045 90.8946 43.84 90.8661 43.7695C90.8376 43.6987 90.8229 43.6228 90.8244 43.5466L90.8067 39.508Z" fill="white" /> </svg> <svg class="dark:hidden h-10" width="168" height="48" viewBox="0 0 168 48" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M9.86582 29.9859C8.08232 29.9988 6.31081 29.6928 4.63471 29.0826C2.9217 28.4352 1.3485 27.4662 0 26.2275L2.4663 23.2461C3.51361 24.1638 4.68451 24.9303 5.94481 25.5228C7.20331 26.0718 8.56532 26.343 9.93812 26.3178C11.0163 26.3754 12.0849 26.091 12.9918 25.5048C13.3473 25.2696 13.6371 24.9483 13.8348 24.5706C14.0322 24.1929 14.1309 23.7714 14.1213 23.3454V23.2461C14.1288 22.8585 14.055 22.4739 13.9044 22.1166C13.713 21.7524 13.4334 21.4419 13.0911 21.2133C12.588 20.8704 12.0411 20.5971 11.4651 20.4C10.5882 20.0952 9.69542 19.839 8.79062 19.6323C7.64642 19.377 6.52051 19.0449 5.42071 18.6384C4.52971 18.3192 3.69421 17.8617 2.94511 17.283C2.28661 16.7685 1.7628 16.1022 1.4184 15.3408C1.0512 14.4663 0.872402 13.524 0.894302 12.576V12.5037C0.884702 11.5626 1.083 10.6308 1.4751 9.77492C1.86691 8.91902 2.4429 8.16032 3.16201 7.55281C3.91141 6.92851 4.77301 6.45301 5.70091 6.15241C6.74401 5.80771 7.83661 5.63671 8.93522 5.64631C10.5276 5.62231 12.1119 5.87941 13.6152 6.40531C15.0282 6.92521 16.3467 7.67281 17.5182 8.61871L15.3138 11.772C14.322 11.0367 13.2411 10.4298 12.0975 9.96512C11.0772 9.55622 9.98912 9.34472 8.88992 9.34172C7.88941 9.28322 6.89851 9.56672 6.08011 10.1457C5.76601 10.3752 5.51071 10.6755 5.33461 11.0226C5.15881 11.3697 5.06761 11.7534 5.06821 12.1425V12.2055C5.05711 12.6186 5.13721 13.029 5.30311 13.4073C5.51251 13.7883 5.82571 14.1015 6.20671 14.3106C6.73231 14.6457 7.29661 14.9157 7.88732 15.1149C8.61902 15.3588 9.54962 15.6207 10.6788 15.8919C11.8029 16.1688 12.9075 16.5189 13.9857 16.9398C14.8542 17.268 15.6609 17.7417 16.3707 18.3402C16.9965 18.8763 17.4936 19.5465 17.8254 20.3007C18.1683 21.1056 18.3375 21.9738 18.3222 22.8486V22.9209C18.339 23.9457 18.126 24.9615 17.6991 25.8933C17.2959 26.7555 16.7064 27.5178 15.9732 28.1247C15.1836 28.7553 14.2782 29.2248 13.308 29.5071C12.1911 29.838 11.0307 29.9994 9.86582 29.9859Z" fill="#0A0A0A" /> <path d="M21.6934 11.8088H25.8223V14.7812C26.4679 13.8398 27.2905 13.0328 28.2436 12.4049C29.3245 11.7287 30.5833 11.3921 31.8574 11.4383C32.9227 11.4392 33.9769 11.6522 34.9588 12.0647C35.9407 12.4775 36.8305 13.0814 37.5766 13.8416C38.3848 14.6756 39.0205 15.6614 39.4468 16.7417C39.9355 18.0029 40.1749 19.3466 40.1515 20.699V20.7713C40.177 22.1192 39.9439 23.4593 39.4648 24.7193C39.0562 25.7966 38.4424 26.7848 37.6579 27.6287C36.8887 28.4114 35.9659 29.0264 34.9474 29.4356C33.9667 29.8367 32.917 30.0422 31.8574 30.041C30.5911 30.0926 29.3365 29.7791 28.2436 29.1374C27.3067 28.5293 26.4868 27.7583 25.8223 26.8607V34.9919H21.6934V11.8088ZM30.9178 26.4722C31.5985 26.4761 32.2726 26.3375 32.8966 26.0657C33.5092 25.7987 34.0624 25.4117 34.5229 24.9272C35.0071 24.4061 35.3791 23.7911 35.6161 23.1203C35.8966 22.3601 36.0343 21.5543 36.0226 20.744V20.6717C36.0319 19.8704 35.8942 19.0742 35.6161 18.3227C35.3704 17.6561 34.9993 17.0426 34.5229 16.5158C34.0603 16.0214 33.5005 15.6281 32.8783 15.3608C32.2564 15.0932 31.5859 14.9576 30.9088 14.9618C30.2314 14.9648 29.5615 15.1055 28.9399 15.3758C28.3186 15.6461 27.7591 16.04 27.295 16.5338C26.8108 17.0618 26.428 17.6744 26.1655 18.341C25.8754 19.0832 25.7311 19.8746 25.741 20.6717V20.744C25.7332 21.5438 25.8775 22.3379 26.1655 23.084C26.4223 23.7533 26.8057 24.3668 27.295 24.8912C27.7681 25.379 28.3333 25.769 28.9573 26.0384C29.5744 26.3153 30.2416 26.4629 30.9178 26.4722Z" fill="#0A0A0A" /> <path d="M43.3223 11.8082H47.4419V15.8288C47.9426 14.5544 48.7718 13.4351 49.8452 12.5852C50.9735 11.759 52.3649 11.3735 53.7572 11.501V15.8288H53.5223C52.6802 15.8177 51.8438 15.9647 51.056 16.2623C50.3234 16.5518 49.6658 17.0027 49.1315 17.5814C48.5609 18.2204 48.1355 18.9758 47.8847 19.7948C47.5724 20.7944 47.423 21.8378 47.4419 22.8848V29.6789H43.3223V11.8082Z" fill="#0A0A0A" /> <path d="M64.4345 30.0491C63.1973 30.0617 61.9694 29.8313 60.8207 29.3717C59.7341 28.9439 58.7447 28.3016 57.9116 27.4832C57.0764 26.6462 56.4161 25.6511 55.9691 24.5561C55.4882 23.3591 55.2485 22.0787 55.2644 20.7884V20.7254C55.2521 19.4912 55.4696 18.2657 55.9058 17.1113C56.3111 16.016 56.9246 15.0098 57.7127 14.1482C58.4732 13.31 59.3951 12.6338 60.4232 12.1604C61.5269 11.6618 62.7266 11.4122 63.9377 11.4287C65.2241 11.4029 66.4997 11.6684 67.6691 12.2057C68.7176 12.6932 69.6437 13.4096 70.3796 14.3018C71.1239 15.2057 71.6855 16.2461 72.0329 17.3645C72.3986 18.5495 72.5813 19.7834 72.575 21.0236C72.575 21.2042 72.575 21.3938 72.575 21.5837C72.575 21.7733 72.575 21.9722 72.5207 22.1798H59.3843C59.522 23.4797 60.1445 24.6797 61.1279 25.541C62.0825 26.3267 63.2891 26.7404 64.5251 26.7062C65.4314 26.7287 66.3305 26.5433 67.154 26.1644C67.9574 25.7537 68.6894 25.2167 69.3224 24.5741L71.7257 26.7062C70.8785 27.7103 69.8405 28.5362 68.672 29.1368C67.352 29.7728 65.8994 30.0854 64.4345 30.0491ZM68.4911 19.4696C68.4239 18.8504 68.2751 18.2426 68.0486 17.6627C67.8455 17.1125 67.5386 16.6064 67.145 16.172C66.7607 15.7532 66.2969 15.4154 65.7809 15.1781C64.9628 14.8172 64.055 14.7104 63.1754 14.8712C62.2958 15.0326 61.4849 15.4541 60.8477 16.0814C59.9921 17.0183 59.4629 18.2069 59.339 19.4696H68.4911Z" fill="#0A0A0A" /> <path d="M86.5709 29.6432V27.4475C85.9157 28.193 85.1246 28.8062 84.2399 29.2547C83.1665 29.7782 81.9818 30.0323 80.7887 29.9954C79.9661 30.0059 79.1471 29.8934 78.3581 29.6612C77.6261 29.4425 76.9427 29.087 76.3433 28.613C75.7634 28.1336 75.2924 27.536 74.9612 26.8604C74.5988 26.1218 74.4191 25.3067 74.4371 24.4841V24.4117C74.4164 23.5204 74.6021 22.636 74.9792 21.8278C75.3311 21.1168 75.8447 20.4979 76.4789 20.0209C77.1716 19.5175 77.9534 19.1497 78.7829 18.9367C79.7243 18.6952 80.693 18.577 81.6647 18.5845C82.5875 18.5731 83.5097 18.6427 84.4202 18.7921C85.157 18.9241 85.8839 19.102 86.5979 19.3252V19C86.6336 18.4729 86.5508 17.9443 86.3555 17.4532C86.1605 16.9624 85.8572 16.5214 85.4684 16.1632C84.5357 15.4513 83.3771 15.1015 82.2071 15.1783C81.2948 15.1684 80.384 15.2716 79.4966 15.4855C78.6812 15.7024 77.8811 15.9739 77.1023 16.2988L75.9821 13.0189C76.964 12.571 77.9825 12.2083 79.0268 11.935C80.2571 11.6368 81.5192 11.491 82.7852 11.5012C85.4417 11.5012 87.4109 12.1579 88.694 13.4707C89.3666 14.2252 89.8829 15.1054 90.2138 16.0606C90.5441 17.0161 90.6815 18.0274 90.6179 19.0363V29.6069L86.5709 29.6432ZM86.6702 22.1803C86.0864 21.952 85.4807 21.7825 84.8636 21.6742C84.122 21.5338 83.3681 21.4642 82.6136 21.4666C81.5621 21.4087 80.5175 21.6667 79.6139 22.2073C79.2734 22.4239 78.9944 22.7248 78.8045 23.0812C78.6143 23.4373 78.5198 23.8366 78.53 24.2402V24.3034C78.5123 24.6883 78.5945 25.0711 78.7685 25.4146C78.9428 25.7582 79.2029 26.051 79.5236 26.264C80.252 26.7335 81.1061 26.9699 81.9719 26.9417C82.6088 26.9474 83.2421 26.8562 83.8511 26.6705C84.3755 26.5163 84.8708 26.2751 85.3148 25.9568C85.7336 25.6424 86.0768 25.2379 86.318 24.7732C86.5556 24.2968 86.6768 23.77 86.6702 23.2372V22.1803Z" fill="#0A0A0A" /> <path d="M94.4746 4.97754H98.5948V19.7133L105.994 11.8079H110.963L103.862 19.0356L111.198 29.6064H106.464L101.097 21.8997L98.5948 24.5016V29.6064H94.4746V4.97754Z" fill="#0A0A0A" /> <path d="M121.3 30.0496C120.062 30.0622 118.835 29.8318 117.686 29.3719C116.59 28.9441 115.595 28.2958 114.761 27.4675C113.926 26.6392 113.27 25.6483 112.835 24.5566C112.353 23.3593 112.114 22.0789 112.13 20.7888V20.7258C112.117 19.4916 112.335 18.2661 112.771 17.1117C113.176 16.0164 113.79 15.0102 114.578 14.1483C115.338 13.3101 116.26 12.6342 117.288 12.1608C118.389 11.6634 119.586 11.4135 120.794 11.4288C122.083 11.4021 123.362 11.6676 124.535 12.2058C125.566 12.6993 126.476 13.4151 127.199 14.3019C127.928 15.2097 128.474 16.2498 128.808 17.3649C129.174 18.5499 129.357 19.7838 129.35 21.024C129.35 21.2046 129.35 21.3942 129.35 21.5838C129.35 21.7737 129.35 21.9724 129.295 22.1803H116.231C116.369 23.4802 116.992 24.6802 117.975 25.5412C118.93 26.3269 120.136 26.7409 121.372 26.7067C122.278 26.7292 123.177 26.5438 124.001 26.1646C124.83 25.7608 125.587 25.2235 126.242 24.5746L128.645 26.7067C127.796 27.7126 126.755 28.5391 125.582 29.137C124.249 29.7826 122.78 30.0958 121.3 30.0496ZM125.338 19.4697C125.271 18.8508 125.122 18.243 124.896 17.6628C124.692 17.1129 124.386 16.6068 123.992 16.1721C123.614 15.7308 123.15 15.3711 122.628 15.1152C122.061 14.8584 121.443 14.7318 120.821 14.7447C120.237 14.7276 119.657 14.835 119.118 15.0591C118.579 15.2835 118.094 15.6198 117.695 16.0455C116.839 16.9824 116.31 18.171 116.186 19.4337L125.338 19.4697Z" fill="#0A0A0A" /> <path d="M132.564 11.8084H136.685V15.829C137.185 14.5567 138.011 13.4383 139.078 12.5854C140.199 11.7709 141.575 11.386 142.955 11.5012V15.829H142.72C141.878 15.8179 141.041 15.9649 140.253 16.2625C139.521 16.552 138.863 17.0029 138.329 17.5816C137.763 18.2101 137.337 18.9526 137.082 19.759C136.77 20.7586 136.62 21.8017 136.639 22.849V29.6431H132.564V11.8084Z" fill="#0A0A0A" /> <path d="M151.241 13.0734L142.576 21.7377L151.241 19.0995L157.999 26.6976L158.423 16.7505L167.413 13.0734L158.605 9.38701L157.502 0L151.792 7.17361L142.576 5.51131L151.241 13.0734Z" fill="#FFC107" /> <path d="M114.225 35.0813C113.437 35.0888 112.663 35.2886 111.97 35.6633C111.277 36.038 110.687 36.5765 110.25 37.2317C109.815 36.5762 109.226 36.0371 108.535 35.6624C107.843 35.2874 107.07 35.0879 106.283 35.0813C105.023 35.0813 103.815 35.582 102.922 36.4733C102.031 37.3646 101.531 38.5733 101.531 39.8336C101.531 41.5052 102.579 42.7067 103.681 43.8179L107.991 47.8928C108.041 47.9411 108.105 47.9732 108.174 47.9855C108.242 47.9975 108.313 47.9891 108.377 47.9612C108.44 47.933 108.495 47.8868 108.532 47.828C108.57 47.7689 108.588 47.7005 108.587 47.6306V44.4596C108.587 44.0186 108.762 43.5956 109.074 43.2839C109.386 42.9722 109.809 42.797 110.25 42.797C110.69 42.797 111.113 42.9722 111.425 43.2839C111.737 43.5956 111.912 44.0186 111.912 44.4596V47.6396C111.91 47.7095 111.93 47.7779 111.967 47.837C112.004 47.8958 112.059 47.942 112.122 47.9702C112.186 47.9981 112.257 48.0068 112.326 47.9945C112.395 47.9822 112.458 47.9501 112.509 47.9018L116.818 43.8269C117.92 42.7157 118.977 41.5142 118.977 39.8426C118.978 39.218 118.857 38.5991 118.618 38.0213C118.38 37.4438 118.029 36.9188 117.588 36.4766C117.147 36.0344 116.623 35.6834 116.046 35.444C115.468 35.2046 114.849 35.0813 114.225 35.0813ZM105.94 43.5017C105.909 43.5362 105.872 43.5635 105.829 43.5821C105.788 43.6007 105.742 43.6103 105.696 43.6103C105.613 43.6112 105.534 43.5824 105.47 43.529C104.854 43.0703 104.346 42.4841 103.978 41.8103C103.61 41.1368 103.392 40.3916 103.338 39.626C103.353 39.0305 103.508 38.4467 103.788 37.9214C104.07 37.3958 104.469 36.9434 104.955 36.5993C104.991 36.5762 105.032 36.5603 105.074 36.5528C105.116 36.5453 105.159 36.5462 105.202 36.5555C105.243 36.5645 105.283 36.5819 105.319 36.6065C105.354 36.6311 105.384 36.6623 105.407 36.6986C105.43 36.7349 105.446 36.7751 105.453 36.8174C105.461 36.8597 105.46 36.9032 105.45 36.9452C105.441 36.9869 105.424 37.0268 105.399 37.0619C105.375 37.0973 105.344 37.1273 105.307 37.1504C104.914 37.4351 104.59 37.8062 104.361 38.2352C104.133 38.6642 104.005 39.14 103.989 39.626C104.047 40.2995 104.25 40.9526 104.581 41.5415C104.913 42.1304 105.368 42.6419 105.913 43.0409C105.945 43.0694 105.971 43.1039 105.99 43.1426C106.009 43.181 106.02 43.223 106.022 43.2656C106.025 43.3085 106.019 43.3514 106.005 43.3919C105.99 43.4324 105.969 43.4699 105.94 43.5017ZM108.054 42.2822C108.026 42.3332 107.983 42.3755 107.932 42.4043C107.882 42.4331 107.823 42.4472 107.765 42.4448C107.714 42.458 107.661 42.458 107.611 42.4448C107.137 42.1817 106.739 41.8007 106.455 41.3384C106.173 40.8761 106.013 40.3484 105.994 39.8066C105.995 39.3221 106.129 38.8472 106.381 38.4332C106.632 38.0189 106.992 37.6817 107.421 37.4576C107.499 37.4195 107.59 37.4132 107.672 37.4399C107.755 37.4669 107.824 37.5251 107.865 37.6022C107.901 37.6796 107.908 37.7678 107.883 37.8497C107.857 37.9316 107.803 38.0012 107.729 38.0447C107.399 38.2154 107.123 38.4749 106.933 38.7944C106.743 39.1139 106.646 39.4802 106.654 39.8516C106.672 40.2755 106.799 40.6874 107.022 41.0483C107.244 41.4089 107.556 41.7062 107.927 41.9117C107.986 41.9513 108.03 42.0089 108.053 42.0758C108.075 42.1427 108.076 42.215 108.054 42.2822ZM110.25 41.4419C109.965 41.4437 109.685 41.3606 109.448 41.2037C109.21 41.0465 109.025 40.8221 108.915 40.5593C108.805 40.2965 108.776 40.0067 108.831 39.7274C108.886 39.4478 109.023 39.191 109.225 38.9897C109.426 38.7881 109.683 38.6513 109.962 38.5961C110.242 38.5409 110.532 38.57 110.794 38.6798C111.057 38.7899 111.282 38.9753 111.438 39.2129C111.596 39.4505 111.679 39.7295 111.677 40.0145C111.677 40.2017 111.64 40.3874 111.568 40.5605C111.497 40.7339 111.391 40.8911 111.259 41.0237C111.126 41.1563 110.969 41.2616 110.796 41.3333C110.623 41.405 110.437 41.4419 110.25 41.4419ZM112.896 42.4085C112.843 42.4211 112.787 42.4211 112.734 42.4085C112.676 42.41 112.618 42.3956 112.567 42.3668C112.517 42.3383 112.474 42.2966 112.445 42.2459C112.405 42.1688 112.395 42.0791 112.419 41.9951C112.443 41.9111 112.497 41.8394 112.571 41.7941C112.945 41.5913 113.26 41.2946 113.485 40.9337C113.709 40.5725 113.837 40.1594 113.854 39.7343C113.862 39.3626 113.766 38.9963 113.575 38.6771C113.385 38.3576 113.109 38.0978 112.779 37.9274C112.741 37.9073 112.707 37.88 112.68 37.847C112.652 37.8137 112.631 37.7756 112.619 37.7345C112.606 37.6931 112.602 37.6499 112.606 37.607C112.611 37.5641 112.623 37.5224 112.644 37.4846C112.663 37.4456 112.69 37.4111 112.722 37.3826C112.755 37.3541 112.793 37.3325 112.835 37.319C112.876 37.3055 112.919 37.3004 112.963 37.304C113.006 37.3076 113.048 37.3199 113.087 37.34C113.512 37.5689 113.869 37.9073 114.12 38.3201C114.371 38.7332 114.507 39.206 114.514 39.689C114.504 40.244 114.35 40.7867 114.066 41.2637C113.783 41.7404 113.379 42.1352 112.896 42.4085ZM117.206 39.626C117.151 40.3922 116.931 41.1377 116.562 41.8112C116.192 42.4847 115.682 43.0706 115.065 43.529C115.035 43.5593 114.999 43.5833 114.959 43.5998C114.92 43.616 114.877 43.6247 114.835 43.6247C114.792 43.6247 114.75 43.616 114.71 43.5998C114.671 43.5833 114.635 43.5593 114.604 43.529C114.574 43.4987 114.55 43.4627 114.533 43.4231C114.517 43.3838 114.509 43.3412 114.509 43.2986C114.509 43.2557 114.517 43.2134 114.533 43.1738C114.55 43.1342 114.574 43.0982 114.604 43.0682C115.149 42.6683 115.602 42.1568 115.932 41.5679C116.262 40.9787 116.463 40.3259 116.52 39.653C116.502 39.1682 116.376 38.6933 116.149 38.2646C115.922 37.8359 115.601 37.4642 115.21 37.1774C115.171 37.1561 115.138 37.1273 115.112 37.0925C115.085 37.0577 115.067 37.0178 115.057 36.9752C115.046 36.9329 115.045 36.8888 115.053 36.8459C115.06 36.803 115.077 36.7619 115.101 36.7259C115.124 36.6893 115.154 36.6578 115.189 36.6332C115.224 36.6083 115.264 36.5909 115.306 36.5819C115.349 36.5726 115.392 36.5717 115.434 36.5792C115.476 36.587 115.517 36.6029 115.553 36.6263C116.042 36.9683 116.444 37.4204 116.726 37.946C117.009 38.4719 117.164 39.0563 117.179 39.653L117.206 39.626Z" fill="#C6002B" /> <path d="M124.807 38.0635H127.228V41.3158H130.327V38.0635H132.749V46.7908H130.327V43.4752H127.228V46.7908H124.807V38.0635Z" fill="#0A0A0A" /> <path d="M133.468 43.4481C133.448 42.9897 133.522 42.5319 133.685 42.1029C133.848 41.6739 134.096 41.2821 134.414 40.9518C134.733 40.6215 135.115 40.3593 135.538 40.1811C135.961 40.0029 136.416 39.9126 136.874 39.9156C139.196 39.9156 140.272 41.6232 140.272 43.6107C140.272 43.7553 140.272 43.9269 140.272 44.0895H135.754C135.821 44.421 136.007 44.7168 136.277 44.9211C136.546 45.1257 136.881 45.2253 137.218 45.201C137.5 45.1974 137.779 45.1344 138.036 45.0162C138.293 44.898 138.522 44.727 138.709 44.5143L140.019 45.5985C139.672 46.0416 139.226 46.3959 138.714 46.6317C138.204 46.8675 137.644 46.9779 137.082 46.9536C136.609 46.9842 136.134 46.9152 135.689 46.7514C135.245 46.5876 134.839 46.3323 134.498 46.002C134.158 45.6717 133.89 45.2739 133.713 44.8341C133.535 44.3943 133.453 43.9221 133.468 43.4481ZM138.049 42.8337C138.056 42.6774 138.032 42.5214 137.976 42.375C137.921 42.2286 137.835 42.0954 137.726 41.9835C137.617 41.8716 137.486 41.7834 137.34 41.7246C137.195 41.6655 137.04 41.6373 136.883 41.6412C136.571 41.6481 136.274 41.7768 136.054 41.9994C135.835 42.222 135.711 42.5214 135.709 42.8337H138.049Z" fill="#0A0A0A" /> <path d="M148.205 40.0509H150.572V41.406C150.708 40.9554 150.993 40.5642 151.38 40.2966C151.767 40.0293 152.234 39.9012 152.704 39.9336V42.4269H152.506C151.276 42.4269 150.572 43.1409 150.572 44.6949V46.7907H148.205V40.0509Z" fill="#0A0A0A" /> <path d="M154.184 44.6953V41.9848H153.389V40.0513H154.184V38.344H156.551V40.0513H158.124V41.9578H156.551V44.2345C156.551 44.7133 156.768 44.9122 157.201 44.9122C157.516 44.905 157.824 44.8276 158.105 44.6863V46.4932C157.6 46.7632 157.033 46.897 156.461 46.8817C156.159 46.93 155.85 46.9075 155.558 46.816C155.266 46.7245 155 46.5667 154.778 46.3549C154.558 46.1431 154.39 45.883 154.287 45.595C154.183 45.307 154.148 44.9989 154.184 44.6953Z" fill="#0A0A0A" /> <path d="M122.484 37.4395C122.236 37.4395 121.993 37.5133 121.786 37.6513C121.58 37.7893 121.419 37.9852 121.323 38.2147C121.229 38.4442 121.204 38.6968 121.253 38.9404C121.301 39.184 121.42 39.4078 121.596 39.5833C121.772 39.7591 121.995 39.8785 122.239 39.9271C122.483 39.9754 122.735 39.9505 122.964 39.8557C123.195 39.7606 123.39 39.5995 123.529 39.3931C123.666 39.1864 123.74 38.9437 123.74 38.6953C123.74 38.3623 123.608 38.0428 123.372 37.8073C123.137 37.5718 122.817 37.4395 122.484 37.4395Z" fill="#0A0A0A" /> <path d="M147.293 43.4025C147.31 42.9285 147.227 42.4566 147.05 42.0165C146.872 41.5767 146.605 41.1789 146.264 40.8486C145.923 40.5186 145.518 40.2633 145.073 40.0992C144.628 39.9354 144.153 39.8664 143.68 39.897C143.114 39.8817 142.553 40.0026 142.043 40.2495C141.534 40.4961 141.091 40.8618 140.753 41.3154L142.063 42.3996C142.25 42.1884 142.48 42.0183 142.736 41.9001C142.993 41.7819 143.271 41.7183 143.553 41.7132C143.886 41.6898 144.215 41.7867 144.482 41.9856C144.749 42.1845 144.935 42.4725 145.008 42.7974V42.8514H143.454C141.511 42.8514 140.5 43.6014 140.5 44.9655C140.5 46.3299 141.403 46.9893 143.047 46.9893C143.42 46.9989 143.79 46.9314 144.135 46.7916C144.48 46.6518 144.792 46.4424 145.053 46.1763V46.8267H147.293V43.4025ZM143.761 45.4443C143.147 45.4443 142.777 45.1191 142.777 44.6946C142.777 44.2698 143.102 44.0712 143.68 44.0712H145.035V44.1435C145.039 44.313 145.009 44.4816 144.946 44.6394C144.884 44.7969 144.791 44.9406 144.672 45.0618C144.553 45.183 144.412 45.2793 144.255 45.345C144.099 45.4107 143.931 45.4446 143.761 45.4443Z" fill="#0A0A0A" /> <path d="M122.53 40.5476H122.439C122.278 40.5476 122.118 40.5794 121.97 40.6412C121.82 40.703 121.685 40.7936 121.57 40.9076C121.456 41.0216 121.366 41.1572 121.304 41.3063C121.242 41.4554 121.211 41.615 121.211 41.7764V46.7906H123.767V41.7764C123.767 41.6144 123.736 41.4539 123.673 41.3042C123.61 41.1545 123.519 41.0186 123.405 40.9043C123.289 40.7903 123.153 40.7 123.003 40.6388C122.853 40.5776 122.691 40.5467 122.53 40.5476Z" fill="#0A0A0A" /> <path d="M74.4551 37.9273C74.4539 37.8487 74.4686 37.7707 74.498 37.6978C74.5277 37.6249 74.5715 37.5586 74.627 37.5031C74.6828 37.4473 74.7488 37.4035 74.822 37.3738C74.8946 37.3444 74.9729 37.3297 75.0515 37.3309H78.9906C79.0671 37.321 79.1448 37.3276 79.2186 37.3501C79.2924 37.3726 79.3605 37.4104 79.4184 37.4614C79.4763 37.5124 79.5225 37.5748 79.5543 37.645C79.5861 37.7152 79.6026 37.7914 79.6026 37.8685C79.6026 37.9456 79.5861 38.0218 79.5543 38.092C79.5225 38.1625 79.4763 38.2249 79.4184 38.2759C79.3605 38.3269 79.2924 38.3647 79.2186 38.3872C79.1448 38.4097 79.0671 38.416 78.9906 38.4061H75.6476V40.213H78.5661C78.7098 40.213 78.8477 40.2703 78.9495 40.372C79.0508 40.4737 79.1082 40.6114 79.1082 40.7551C79.1082 40.8988 79.0508 41.0368 78.9495 41.1385C78.8477 41.2402 78.7098 41.2972 78.5661 41.2972H75.6476V43.5019C75.6491 43.5793 75.6347 43.6561 75.6056 43.7281C75.5765 43.7998 75.5334 43.8649 75.4785 43.9198C75.4239 43.9744 75.3584 44.0176 75.2867 44.0467C75.215 44.0758 75.1379 44.0902 75.0605 44.089C74.9825 44.0902 74.9054 44.0758 74.8331 44.047C74.7608 44.0179 74.6948 43.975 74.6393 43.9204C74.5838 43.8655 74.54 43.8004 74.5097 43.7287C74.4797 43.6567 74.4641 43.5796 74.4641 43.5019L74.4551 37.9273Z" fill="#0A0A0A" /> <path d="M80.6524 39.5086C80.6512 39.4318 80.665 39.3556 80.6938 39.2845C80.722 39.2131 80.7646 39.1483 80.8183 39.0937C80.8723 39.0391 80.9362 38.9956 81.007 38.9662C81.0775 38.9365 81.154 38.9212 81.2305 38.9212C81.3076 38.9212 81.3841 38.9365 81.4549 38.9659C81.5266 38.9953 81.5914 39.0388 81.646 39.0931C81.7006 39.1477 81.7435 39.2125 81.7729 39.2836C81.8029 39.355 81.8176 39.4312 81.8176 39.5086V40.0324C81.9055 39.7444 82.072 39.4867 82.2988 39.2884C82.5259 39.0904 82.8031 38.9602 83.1007 38.9122C83.1778 38.9068 83.2552 38.9182 83.3284 38.9452C83.4007 38.9725 83.4667 39.0148 83.521 39.0697C83.5765 39.1246 83.6185 39.1903 83.6455 39.2629C83.6731 39.3355 83.6845 39.4132 83.6788 39.4903C83.683 39.6238 83.638 39.754 83.5537 39.8569C83.4691 39.9598 83.3494 40.0288 83.2177 40.0504C82.3867 40.195 81.8176 40.8274 81.8176 42.0382V43.5379C81.8152 43.6921 81.7525 43.8391 81.6427 43.9474C81.5329 44.0557 81.385 44.1163 81.2305 44.1163C81.0769 44.1163 80.9299 44.0554 80.8216 43.9468C80.7133 43.8385 80.6524 43.6912 80.6524 43.5379V39.5086Z" fill="#0A0A0A" /> <path d="M84.1856 41.5594C84.1856 40.8406 84.4718 40.1512 84.98 39.6427C85.4882 39.1345 86.1776 38.8489 86.8964 38.8489C87.6152 38.8489 88.3049 39.1345 88.8131 39.6427C89.3213 40.1512 89.6066 40.8406 89.6066 41.5594C89.5928 42.2689 89.3009 42.9445 88.7936 43.441C88.2869 43.9375 87.6056 44.2159 86.8964 44.2156C86.5421 44.2252 86.1899 44.1637 85.8605 44.0344C85.5305 43.9048 85.2305 43.7104 84.9776 43.4626C84.7247 43.2148 84.5237 42.9184 84.3881 42.5917C84.2522 42.2644 84.1832 41.9134 84.1856 41.5594ZM88.4504 41.5594C88.4585 41.3485 88.4243 41.1379 88.3505 40.9405C88.2755 40.7431 88.1618 40.5625 88.0163 40.4101C87.8699 40.2574 87.695 40.1356 87.5006 40.0522C87.3071 39.9688 87.0983 39.9253 86.8877 39.9241C86.6777 39.9226 86.4713 39.964 86.2787 40.0456C86.0858 40.1275 85.9127 40.2478 85.7687 40.3996C85.6241 40.5511 85.5134 40.7305 85.4411 40.927C85.3694 41.1235 85.3385 41.3326 85.3517 41.5414C85.3427 41.7514 85.3769 41.9614 85.4507 42.1582C85.5248 42.355 85.6379 42.535 85.7825 42.6877C85.9274 42.8401 86.1014 42.9619 86.294 43.0459C86.4875 43.1299 86.6948 43.1743 86.9054 43.1767C87.1145 43.1782 87.3227 43.1368 87.5153 43.0552C87.7079 42.9736 87.8822 42.8533 88.0268 42.7018C88.1714 42.5503 88.2836 42.3706 88.3568 42.1744C88.4294 41.9779 88.4609 41.7685 88.4504 41.5594Z" fill="#0A0A0A" /> <path d="M90.8069 39.508C90.8045 39.4312 90.8174 39.3544 90.8459 39.2827C90.8735 39.211 90.9158 39.1456 90.9704 39.0907C91.0241 39.0358 91.0889 38.9923 91.1597 38.9632C91.2314 38.9341 91.3076 38.9197 91.385 38.9209C91.4621 38.9209 91.5386 38.9362 91.6094 38.9656C91.6811 38.995 91.7459 39.0385 91.8005 39.0928C91.8551 39.1474 91.898 39.2122 91.9274 39.2833C91.9565 39.3547 91.9721 39.4309 91.9721 39.508V39.7519C92.1299 39.4789 92.3558 39.2518 92.6291 39.0934C92.9015 38.935 93.2105 38.8504 93.5261 38.8486C93.8399 38.8348 94.1504 38.9128 94.4204 39.0733C94.6895 39.2338 94.9067 39.4699 95.0441 39.7519C95.2334 39.472 95.4896 39.2431 95.789 39.0856C96.089 38.9281 96.4223 38.8465 96.7607 38.8486C97.0142 38.8327 97.2689 38.8735 97.5053 38.9683C97.742 39.0628 97.9544 39.2089 98.1275 39.3955C98.2997 39.5824 98.429 39.8053 98.5055 40.0483C98.582 40.2913 98.603 40.5481 98.5673 40.8001V43.5106C98.5496 43.6525 98.4812 43.7833 98.3738 43.8781C98.2664 43.9729 98.1284 44.0251 97.985 44.0251C97.8419 44.0251 97.703 43.9729 97.5965 43.8781C97.4891 43.7833 97.4201 43.6525 97.4021 43.5106V41.1886C97.4021 40.3756 97.0223 39.9418 96.3629 39.9418C95.7035 39.9418 95.279 40.3846 95.279 41.2066V43.5466C95.2613 43.6888 95.192 43.8193 95.0846 43.9141C94.9775 44.0089 94.8392 44.0611 94.6961 44.0611C94.553 44.0611 94.4147 44.0089 94.3073 43.9141C94.1999 43.8193 94.1309 43.6888 94.1129 43.5466V41.1796C94.1129 40.3846 93.7253 39.9418 93.0746 39.9418C92.4242 39.9418 91.9901 40.4206 91.9901 41.2066V43.5466C91.9901 43.6234 91.9754 43.6993 91.9451 43.7701C91.916 43.8409 91.8722 43.9048 91.8176 43.9588C91.763 44.0125 91.6979 44.0551 91.6274 44.0836C91.5557 44.1121 91.4792 44.1262 91.403 44.125C91.3265 44.1262 91.2509 44.1121 91.1801 44.0833C91.1093 44.0548 91.0451 44.0122 90.9914 43.9582C90.9377 43.9045 90.8948 43.84 90.8663 43.7695C90.8378 43.6987 90.8231 43.6228 90.8246 43.5466L90.8069 39.508Z" fill="#0A0A0A" /> </svg> </div> </a> </div> <div class="flex flex-1 items-center justify-between gap-2 md:hidden"> <div class="flex flex-1 items-center gap-x-2"> <svg x-on:click="history.back()" x-show="isSearch" 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="M9.79291 3.79289C10.1834 3.40237 10.8166 3.40237 11.2071 3.79289C11.5976 4.18342 11.5976 4.81658 11.2071 5.20711L5.41423 11H21C21.5523 11 22 11.4477 22 12C22 12.5523 21.5523 13 21 13H5.41423L11.2071 18.7929C11.5977 19.1834 11.5977 19.8166 11.2071 20.2071C10.8166 20.5976 10.1834 20.5976 9.79291 20.2071L3.35357 13.7678C2.37726 12.7915 2.37726 11.2085 3.35357 10.2322L9.79291 3.79289Z" /> </svg> <svg x-on:click="hidden = true" x-show="!isSearch && !hidden" 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="M9.79291 3.79289C10.1834 3.40237 10.8166 3.40237 11.2071 3.79289C11.5976 4.18342 11.5976 4.81658 11.2071 5.20711L5.41423 11H21C21.5523 11 22 11.4477 22 12C22 12.5523 21.5523 13 21 13H5.41423L11.2071 18.7929C11.5977 19.1834 11.5977 19.8166 11.2071 20.2071C10.8166 20.5976 10.1834 20.5976 9.79291 20.2071L3.35357 13.7678C2.37726 12.7915 2.37726 11.2085 3.35357 10.2322L9.79291 3.79289Z" /> </svg> <div class="flex-1 items-center gap-2" :class="hidden ? 'hidden' : 'flex'"> <div class="relative peer w-full"> <div class="flex absolute top-1/2 -translate-y-1/2 ml-2 text-neutral-500 peer disabled:text-neutral-600"> <svg 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="M10.5 6.5C10.5 8.70914 8.70914 10.5 6.5 10.5C4.29086 10.5 2.5 8.70914 2.5 6.5C2.5 4.29086 4.29086 2.5 6.5 2.5C8.70914 2.5 10.5 4.29086 10.5 6.5ZM9.82264 10.8833C8.89957 11.5841 7.74835 12 6.5 12C3.46243 12 1 9.53757 1 6.5C1 3.46243 3.46243 1 6.5 1C9.53757 1 12 3.46243 12 6.5C12 7.74835 11.5841 8.89957 10.8833 9.82264L14.5304 13.4697C14.8233 13.7626 14.8233 14.2375 14.5304 14.5304C14.2375 14.8233 13.7626 14.8233 13.4697 14.5304L9.82264 10.8833Z" /> </svg> </div> <input x-ref="inputMobile" x-model="query" x-on:change="query = $event.target.value;" x-on:keyup.enter="search(); $refs.inputMobile.blur()" class="inline-flex w-full rounded-lg text-neutral-950 text-ellipsis border outline-none focus:ring-1 invalid:bg-red-50 invalid:border-red-600 invalid:focus:ring-red-600 invalid:focus:border-red-600 invalid:dark:bg-red-950 bg-white border-neutral-300 hover:border-neutral-400 focus:ring-yellow-400 focus:border-yellow-400 dark:text-neutral-100 dark:bg-neutral-700 dark:border-neutral-600 dark:hover:border-neutral-500 dark:focus:border-yellow-400 peer-hover:border-neutral-400 peer-hover:dark:border-neutral-300 peer-hover:focus:border-yellow-400 peer-hover:dark:focus:border-yellow-400 disabled:bg-neutral-300 disabled:text-neutral-400 disabled:border-neutral-300 disabled:cursor-not-allowed disabled:dark:bg-neutral-800 disabled:dark:text-neutral-600 disabled:dark:border-neutral-600 py-2 text-sm pl-8 pr-8" type="text" placeholder="Search over 10M podcast episodes" x-ref="inputMobile" x-model="query" x-on:change="query = $event.target.value;" x-on:keyup.enter="search(); $refs.inputMobile.blur()" /> <div class="flex absolute top-1/2 -translate-y-1/2 right-0 hover:text-neutral-950 dark:hover:text-neutral-300 cursor-pointer mr-2 text-neutral-500 peer disabled:text-neutral-600"> <svg x-on:click="query = ''" x-show="!!query" 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="M4.08666 2.79649C3.79744 2.49997 3.32852 2.49997 3.0393 2.79649C2.75008 3.09301 2.75008 3.57376 3.0393 3.87028L6.95263 7.88235L2.80969 12.1298C2.52047 12.4263 2.52047 12.9071 2.80969 13.2036C3.09891 13.5001 3.56783 13.5001 3.85705 13.2036L7.99999 8.95614L12.1429 13.2036C12.4322 13.5001 12.9011 13.5001 13.1903 13.2036C13.4795 12.9071 13.4795 12.4263 13.1903 12.1298L9.04736 7.88235L12.9607 3.87028C13.2499 3.57376 13.2499 3.09301 12.9607 2.79649C12.6715 2.49997 12.2025 2.49997 11.9133 2.79649L7.99999 6.80856L4.08666 2.79649Z" /> </svg> </div> </div> </div> </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-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="Search" x-on:click="hidden = false" x-show="hidden"> <svg class="size-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="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> </button>    </div> <div class="mx-4 hidden flex-1 justify-center gap-2 md:flex"> <div class="w-full md:w-full lg:w-1/2"> <div class="relative peer"> <div class="flex absolute top-1/2 -translate-y-1/2 ml-2 text-neutral-500 peer disabled:text-neutral-600"> <svg 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="M10.5 6.5C10.5 8.70914 8.70914 10.5 6.5 10.5C4.29086 10.5 2.5 8.70914 2.5 6.5C2.5 4.29086 4.29086 2.5 6.5 2.5C8.70914 2.5 10.5 4.29086 10.5 6.5ZM9.82264 10.8833C8.89957 11.5841 7.74835 12 6.5 12C3.46243 12 1 9.53757 1 6.5C1 3.46243 3.46243 1 6.5 1C9.53757 1 12 3.46243 12 6.5C12 7.74835 11.5841 8.89957 10.8833 9.82264L14.5304 13.4697C14.8233 13.7626 14.8233 14.2375 14.5304 14.5304C14.2375 14.8233 13.7626 14.8233 13.4697 14.5304L9.82264 10.8833Z" /> </svg> </div> <input x-ref="inputDesktop" x-model="query" x-on:change="query = $event.target.value;" x-on:keyup.enter="search(); $refs.inputDesktop.blur()" class="inline-flex w-full rounded-lg text-neutral-950 text-ellipsis border outline-none focus:ring-1 invalid:bg-red-50 invalid:border-red-600 invalid:focus:ring-red-600 invalid:focus:border-red-600 invalid:dark:bg-red-950 bg-white border-neutral-300 hover:border-neutral-400 focus:ring-yellow-400 focus:border-yellow-400 dark:text-neutral-100 dark:bg-neutral-700 dark:border-neutral-600 dark:hover:border-neutral-500 dark:focus:border-yellow-400 peer-hover:border-neutral-400 peer-hover:dark:border-neutral-300 peer-hover:focus:border-yellow-400 peer-hover:dark:focus:border-yellow-400 disabled:bg-neutral-300 disabled:text-neutral-400 disabled:border-neutral-300 disabled:cursor-not-allowed disabled:dark:bg-neutral-800 disabled:dark:text-neutral-600 disabled:dark:border-neutral-600 py-2 text-sm pl-8 pr-8" type="text" placeholder="Search over 10M podcast episodes" x-ref="inputDesktop" x-model="query" x-on:change="query = $event.target.value;" x-on:keyup.enter="search(); $refs.inputDesktop.blur()" /> <div class="flex absolute top-1/2 -translate-y-1/2 right-0 hover:text-neutral-950 dark:hover:text-neutral-300 cursor-pointer mr-2 text-neutral-500 peer disabled:text-neutral-600"> <svg x-on:click="query = ''" x-show="!!query" 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="M4.08666 2.79649C3.79744 2.49997 3.32852 2.49997 3.0393 2.79649C2.75008 3.09301 2.75008 3.57376 3.0393 3.87028L6.95263 7.88235L2.80969 12.1298C2.52047 12.4263 2.52047 12.9071 2.80969 13.2036C3.09891 13.5001 3.56783 13.5001 3.85705 13.2036L7.99999 8.95614L12.1429 13.2036C12.4322 13.5001 12.9011 13.5001 13.1903 13.2036C13.4795 12.9071 13.4795 12.4263 13.1903 12.1298L9.04736 7.88235L12.9607 3.87028C13.2499 3.57376 13.2499 3.09301 12.9607 2.79649C12.6715 2.49997 12.2025 2.49997 11.9133 2.79649L7.99999 6.80856L4.08666 2.79649Z" /> </svg> </div> </div> </div> </div> <div class="flex items-center gap-2">   <a 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-yellow-500 text-black hover:bg-yellow-600 dark:hover:bg-yellow-400 border border-yellow-500 px-4 py-2 h-10 text-sm hidden md:block" href="https://www.spreaker.com/signup?redirect=https%3A%2F%2Fwww.spreaker.com%2Fprime" role="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-yellow-500 text-black hover:bg-yellow-600 dark:hover:bg-yellow-400 border border-yellow-500 px-4 py-2 h-10 text-sm hidden md:block">  Sign up  </a>   <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 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="More Actions"> <svg class="size-5 inline" 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="M13.9932 5C13.9932 6.10457 13.0977 7 11.9932 7C10.8886 7 9.99316 6.10457 9.99316 5C9.99316 3.89543 10.8886 3 11.9932 3C13.0977 3 13.9932 3.89543 13.9932 5ZM13.9932 12.0209C13.9932 13.1254 13.0977 14.0209 11.9932 14.0209C10.8886 14.0209 9.99316 13.1254 9.99316 12.0209C9.99316 10.9163 10.8886 10.0209 11.9932 10.0209C13.0977 10.0209 13.9932 10.9163 13.9932 12.0209ZM11.9932 21.0416C13.0977 21.0416 13.9932 20.1462 13.9932 19.0416C13.9932 17.9371 13.0977 17.0416 11.9932 17.0416C10.8886 17.0416 9.99316 17.9371 9.99316 19.0416C9.99316 20.1462 10.8886 21.0416 11.9932 21.0416Z" /> </svg> </button>   </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%2Fprime" 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%2Fprime" 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> <span class="flex-1 text-sm">Sign up</span> </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> </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/spreaker-create" wire:navigate class="flex w-full items-center gap-x-2 py-2"> <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 1C10.3431 1 9 2.34315 9 4V12C9 13.6569 10.3431 15 12 15C13.6569 15 15 13.6569 15 12V4C15 2.34315 13.6569 1 12 1ZM11 4C11 3.44772 11.4477 3 12 3C12.5523 3 13 3.44772 13 4V12C13 12.5523 12.5523 13 12 13C11.4477 13 11 12.5523 11 12V4ZM7 10C7 9.44771 6.55228 9 6 9C5.44772 9 5 9.44771 5 10V12C5 15.5265 7.60771 18.4439 11 18.9291V21H7C6.44772 21 6 21.4477 6 22C6 22.5523 6.44772 23 7 23H17C17.5523 23 18 22.5523 18 22C18 21.4477 17.5523 21 17 21H13V18.9291C16.3923 18.4439 19 15.5265 19 12V10C19 9.44771 18.5523 9 18 9C17.4477 9 17 9.44771 17 10V12C17 14.7614 14.7614 17 12 17C9.23858 17 7 14.7614 7 12V10Z" /> </svg> <span class="flex-1 text-sm">Spreaker Create</span> <div class="px-2 py-1 rounded-lg bg-sky-100 text-sky-900 dark:bg-sky-900 dark:text-sky-100 inline-block font-semibold text-xs"> New </div> </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.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="M8.67003 4C7.01318 4 5.67003 5.34315 5.67003 7V16.33C5.67003 16.7 5.37005 17 5 17C4.44772 17 4 16.5523 4 16V6C4 5.44771 3.55229 5 3 5C2.44771 5 2 5.44771 2 6V16C2 17.6569 3.34315 19 5 19H14.3333H18C20.2091 19 22 17.2091 22 15V7C22 5.34314 20.6569 4 19 4H8.67003ZM7.58526 17H14.3333H18C19.1046 17 20 16.1046 20 15V7C20 6.44772 19.5523 6 19 6H8.67003C8.11775 6 7.67003 6.44772 7.67003 7V16.33C7.67003 16.5614 7.6406 16.7859 7.58526 17ZM11 8C10.4477 8 10 8.44772 10 9V11C10 11.5523 10.4477 12 11 12H17C17.5523 12 18 11.5523 18 11V9C18 8.44772 17.5523 8 17 8H11ZM10 14C10 13.4477 10.4477 13 11 13L17 13C17.5523 13 18 13.4477 18 14C18 14.5523 17.5523 15 17 15L11 15C10.4477 15 10 14.5523 10 14Z" /> </svg> <span class="flex-1 text-sm">Product News</span> <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="M11.2575 4.13599C11.2575 3.5837 11.7052 3.13599 12.2575 3.13599H18.3641C19.7448 3.13599 20.8641 4.25527 20.8641 5.63599L20.8641 11.7426C20.8641 12.2949 20.4164 12.7426 19.8641 12.7426C19.3118 12.7426 18.8641 12.2949 18.8641 11.7426L18.8641 6.55017L10.5712 14.843C10.1807 15.2336 9.54751 15.2336 9.15698 14.843C8.76646 14.4525 8.76646 13.8194 9.15698 13.4288L17.4498 5.13599L12.2575 5.13599C11.7052 5.13599 11.2575 4.68827 11.2575 4.13599ZM5.5 10.5C5.5 9.39543 6.39543 8.5 7.5 8.5H9C9.55228 8.5 10 8.05229 10 7.5C10 6.94772 9.55228 6.5 9 6.5H7.5C5.29086 6.5 3.5 8.29086 3.5 10.5V16.5C3.5 18.7091 5.29086 20.5 7.5 20.5H13.5C15.7091 20.5 17.5 18.7091 17.5 16.5V15C17.5 14.4477 17.0523 14 16.5 14C15.9477 14 15.5 14.4477 15.5 15V16.5C15.5 17.6046 14.6046 18.5 13.5 18.5H7.5C6.39543 18.5 5.5 17.6046 5.5 16.5V10.5Z" /> </svg> </a> </div> </div> <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> <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"> <path fill-rule="evenodd" clip-rule="evenodd" d="M17.2071 4.29289C16.8166 3.90237 16.1834 3.90237 15.7929 4.29289C15.4024 4.68342 15.4024 5.31658 15.7929 5.70711L18.5858 8.5H12C11.4477 8.5 11 8.94772 11 9.5C11 10.0523 11.4477 10.5 12 10.5H18.5858L15.7929 13.2929C15.4024 13.6834 15.4024 14.3166 15.7929 14.7071C16.1834 15.0976 16.8166 15.0976 17.2071 14.7071L20.6465 11.2678C21.6228 10.2915 21.6228 8.70854 20.6465 7.73223L17.2071 4.29289ZM8.18711 19.7071C7.79658 20.0976 7.16342 20.0976 6.77289 19.7071L3.33355 16.2678C2.35724 15.2915 2.35724 13.7085 3.33355 12.7322L6.7729 9.2929C7.16342 8.90237 7.79658 8.90237 8.18711 9.2929C8.57763 9.68342 8.57763 10.3166 8.18711 10.7071L5.39421 13.5L11.98 13.5C12.5323 13.5 12.98 13.9477 12.98 14.5C12.98 15.0523 12.5323 15.5 11.98 15.5L5.39421 15.5L8.1871 18.2929C8.57763 18.6834 8.57763 19.3166 8.18711 19.7071Z" /> </svg> </div> </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"> <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="M11.0629 6.07275C10.46 7.05354 10.1111 8.20929 10.1111 9.44444C10.1111 13.0036 12.9964 15.8889 16.5556 15.8889C16.5603 15.8889 16.565 15.8889 16.5697 15.8889C15.468 17.182 13.8283 18 12 18C8.68629 18 6 15.3137 6 12C6 9.00507 8.19431 6.52265 11.0629 6.07275ZM13.3623 6.35311C14.0276 5.66606 14.1176 4.22397 13.1713 4.08514C12.789 4.02905 12.3979 4 12 4C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20C15.3112 20 18.1526 17.9883 19.3686 15.1204C19.7416 14.2407 18.4683 13.5705 17.5361 13.7804C17.2207 13.8514 16.8925 13.8889 16.5556 13.8889C14.101 13.8889 12.1111 11.899 12.1111 9.44444C12.1111 8.24306 12.5878 7.15302 13.3623 6.35311Z" /> </svg> <div class="flex-1 text-sm">Dark Theme</div> <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"> <path fill-rule="evenodd" clip-rule="evenodd" d="M17.2071 4.29289C16.8166 3.90237 16.1834 3.90237 15.7929 4.29289C15.4024 4.68342 15.4024 5.31658 15.7929 5.70711L18.5858 8.5H12C11.4477 8.5 11 8.94772 11 9.5C11 10.0523 11.4477 10.5 12 10.5H18.5858L15.7929 13.2929C15.4024 13.6834 15.4024 14.3166 15.7929 14.7071C16.1834 15.0976 16.8166 15.0976 17.2071 14.7071L20.6465 11.2678C21.6228 10.2915 21.6228 8.70854 20.6465 7.73223L17.2071 4.29289ZM8.18711 19.7071C7.79658 20.0976 7.16342 20.0976 6.77289 19.7071L3.33355 16.2678C2.35724 15.2915 2.35724 13.7085 3.33355 12.7322L6.7729 9.2929C7.16342 8.90237 7.79658 8.90237 8.18711 9.2929C8.57763 9.68342 8.57763 10.3166 8.18711 10.7071L5.39421 13.5L11.98 13.5C12.5323 13.5 12.98 13.9477 12.98 14.5C12.98 15.0523 12.5323 15.5 11.98 15.5L5.39421 15.5L8.1871 18.2929C8.57763 18.6834 8.57763 19.3166 8.18711 19.7071Z" /> </svg> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div id="main-content" class="md:pl-[250px] md:fixed md:bottom-16 md:top-16 pt-16 h-full md:h-auto pb-32 w-full overflow-y-auto bg-neutral-100 dark:bg-neutral-950 md:pb-0 md:pt-0"> <div x-data="{ toast: null, toastTimeout: null, showToast(toast) { this.removeToast(); this.toast = toast; this.autoRemoveToast(); }, removeToast() { if (this.toastTimeout) { clearTimeout(this.toastTimeout); } this.toast = null; }, autoRemoveToast() { if (!this.toast) { return; } let timings = { default: 5000, // 5 seconds info: 5000, // 5 seconds success: 5000, // 5 seconds error: 10000, // 10 seconds warning: 10000 // 10 seconds } this.toastTimeout = setTimeout(() => { if (this.toast) { this.toast = null; } }, timings[this.toast.type]); }, getClassType() { return { 'bg-neutral-700 dark:bg-neutral-100 text-white dark:text-neutral-950': this .toast?.type === 'default', 'bg-sky-700 text-white': this.toast?.type === 'info', 'bg-emerald-700 text-white': this.toast?.type === 'success', 'bg-red-800 text-white': this.toast?.type === 'error', 'bg-orange-400 text-neutral-950': this.toast?.type === 'warning' } } }" x-on:toast.window="showToast($event.detail)" x-show="toast" class="fixed left-0 right-0 z-10 md:left-[250px]" x-transition> <div x-bind:class="getClassType" class="m-2 flex items-center justify-between gap-3 rounded-md px-4 py-2 text-sm font-semibold"> <svg class="shrink-0" x-show="toast?.type === 'default'" 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 11C12.5523 11 13 11.4477 13 12V16C13 16.5523 12.5523 17 12 17C11.4477 17 11 16.5523 11 16V12C11 11.4477 11.4477 11 12 11ZM12 9.5C12.6904 9.5 13.25 8.94036 13.25 8.25C13.25 7.55964 12.6904 7 12 7C11.3096 7 10.75 7.55964 10.75 8.25C10.75 8.94036 11.3096 9.5 12 9.5Z" /> </svg> <svg class="shrink-0" x-show="toast?.type === 'info'" 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 11C12.5523 11 13 11.4477 13 12V16C13 16.5523 12.5523 17 12 17C11.4477 17 11 16.5523 11 16V12C11 11.4477 11.4477 11 12 11ZM12 9.5C12.6904 9.5 13.25 8.94036 13.25 8.25C13.25 7.55964 12.6904 7 12 7C11.3096 7 10.75 7.55964 10.75 8.25C10.75 8.94036 11.3096 9.5 12 9.5Z" /> </svg> <svg class="shrink-0" x-show="toast?.type === 'success'" 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="M22 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 12ZM17.2072 10.207C17.5978 9.81652 17.5978 9.18336 17.2072 8.79283C16.8167 8.40231 16.1835 8.40231 15.793 8.79283L10.8537 13.7322C10.6584 13.9274 10.3418 13.9274 10.1466 13.7322L8.20723 11.7928C7.8167 11.4023 7.18354 11.4023 6.79302 11.7928C6.40249 12.1834 6.40249 12.8165 6.79302 13.207L8.73235 15.1464C9.70866 16.1227 11.2916 16.1227 12.2679 15.1464L17.2072 10.207Z" /> </svg> <svg class="shrink-0" x-show="toast?.type === 'error'" 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="M17.0555 3.54505L20.205 6.69453C20.9551 7.44468 21.3765 8.46209 21.3765 9.52296L21.3765 13.977C21.3765 15.0379 20.9551 16.0553 20.205 16.8054L17.0555 19.9549C16.3053 20.7051 15.2879 21.1265 14.2271 21.1265L9.77302 21.1265C8.71215 21.1265 7.69474 20.7051 6.94459 19.9549L3.79511 16.8054C3.04496 16.0553 2.62354 15.0379 2.62354 13.977V9.52296C2.62354 8.46209 3.04496 7.44467 3.79511 6.69453L6.94459 3.54505C7.69474 2.7949 8.71215 2.37347 9.77302 2.37347H14.2271C15.2879 2.37347 16.3053 2.7949 17.0555 3.54505ZM15.6413 4.95926C15.2662 4.58419 14.7575 4.37347 14.2271 4.37347L9.77302 4.37347C9.24258 4.37347 8.73388 4.58419 8.35881 4.95926L5.20932 8.10874C4.83425 8.48382 4.62354 8.99252 4.62354 9.52296L4.62354 13.977C4.62354 14.5074 4.83425 15.0161 5.20932 15.3912L8.3588 18.5407C8.73388 18.9158 9.24258 19.1265 9.77302 19.1265L14.2271 19.1265C14.7575 19.1265 15.2662 18.9158 15.6413 18.5407L18.7908 15.3912C19.1658 15.0161 19.3765 14.5074 19.3765 13.977L19.3765 9.52296C19.3765 8.99252 19.1658 8.48382 18.7908 8.10874L15.6413 4.95926ZM12 7.24997C12.5523 7.24997 13 7.69769 13 8.24997V12.25C13 12.8023 12.5523 13.25 12 13.25C11.4477 13.25 11 12.8023 11 12.25V8.24997C11 7.69769 11.4477 7.24997 12 7.24997ZM12 16.75C12.6904 16.75 13.25 16.1903 13.25 15.5C13.25 14.8096 12.6904 14.25 12 14.25C11.3097 14.25 10.75 14.8096 10.75 15.5C10.75 16.1903 11.3097 16.75 12 16.75Z" /> </svg> <svg class="shrink-0" x-show="toast?.type === 'warning'" 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="M17.0555 3.54505L20.205 6.69453C20.9551 7.44468 21.3765 8.46209 21.3765 9.52296L21.3765 13.977C21.3765 15.0379 20.9551 16.0553 20.205 16.8054L17.0555 19.9549C16.3053 20.7051 15.2879 21.1265 14.2271 21.1265L9.77302 21.1265C8.71215 21.1265 7.69474 20.7051 6.94459 19.9549L3.79511 16.8054C3.04496 16.0553 2.62354 15.0379 2.62354 13.977V9.52296C2.62354 8.46209 3.04496 7.44467 3.79511 6.69453L6.94459 3.54505C7.69474 2.7949 8.71215 2.37347 9.77302 2.37347H14.2271C15.2879 2.37347 16.3053 2.7949 17.0555 3.54505ZM15.6413 4.95926C15.2662 4.58419 14.7575 4.37347 14.2271 4.37347L9.77302 4.37347C9.24258 4.37347 8.73388 4.58419 8.35881 4.95926L5.20932 8.10874C4.83425 8.48382 4.62354 8.99252 4.62354 9.52296L4.62354 13.977C4.62354 14.5074 4.83425 15.0161 5.20932 15.3912L8.3588 18.5407C8.73388 18.9158 9.24258 19.1265 9.77302 19.1265L14.2271 19.1265C14.7575 19.1265 15.2662 18.9158 15.6413 18.5407L18.7908 15.3912C19.1658 15.0161 19.3765 14.5074 19.3765 13.977L19.3765 9.52296C19.3765 8.99252 19.1658 8.48382 18.7908 8.10874L15.6413 4.95926ZM12 7.24997C12.5523 7.24997 13 7.69769 13 8.24997V12.25C13 12.8023 12.5523 13.25 12 13.25C11.4477 13.25 11 12.8023 11 12.25V8.24997C11 7.69769 11.4477 7.24997 12 7.24997ZM12 16.75C12.6904 16.75 13.25 16.1903 13.25 15.5C13.25 14.8096 12.6904 14.25 12 14.25C11.3097 14.25 10.75 14.8096 10.75 15.5C10.75 16.1903 11.3097 16.75 12 16.75Z" /> </svg> <span class="text-md grow" x-html="toast?.message"></span> <svg class="hover:opacity-70 transition duration-300 cursor-pointer shrink-0" x-on:click="removeToast()" 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="M4.08666 2.79649C3.79744 2.49997 3.32852 2.49997 3.0393 2.79649C2.75008 3.09301 2.75008 3.57376 3.0393 3.87028L6.95263 7.88235L2.80969 12.1298C2.52047 12.4263 2.52047 12.9071 2.80969 13.2036C3.09891 13.5001 3.56783 13.5001 3.85705 13.2036L7.99999 8.95614L12.1429 13.2036C12.4322 13.5001 12.9011 13.5001 13.1903 13.2036C13.4795 12.9071 13.4795 12.4263 13.1903 12.1298L9.04736 7.88235L12.9607 3.87028C13.2499 3.57376 13.2499 3.09301 12.9607 2.79649C12.6715 2.49997 12.2025 2.49997 11.9133 2.79649L7.99999 6.80856L4.08666 2.79649Z" /> </svg> </div> </div> <div class="flex h-full flex-col justify-between p-4 lg:p-8"> <div> <div><div wire:snapshot="{"data":{"primePodcastsOne":[[[{"show_id":5701156,"title":"7 Good Minutes","slug":"7-good-minutes","author_fullname":"","image_original_url":"https:\/\/d3wo5wojvuv7l.cloudfront.net\/images.spreaker.com\/original\/36fedd14c5aed4de57873f077240d55a.jpg"},{"s":"arr"}],[{"show_id":4624607,"title":"Bedtime Stories - Superheroes!","slug":"bedtime-stories-superheroes","author_fullname":"","image_original_url":"https:\/\/d3wo5wojvuv7l.cloudfront.net\/images.spreaker.com\/original\/10ed98fb29ff43d19a288276fcfb5c96.jpg"},{"s":"arr"}],[{"show_id":5173221,"title":"Bedtime Stories - Princesses!","slug":"bedtime-stories-princesses","author_fullname":"","image_original_url":"https:\/\/d3wo5wojvuv7l.cloudfront.net\/images.spreaker.com\/original\/f5f9a21f23eef2bb1dd33fb2445c9f5b.jpg"},{"s":"arr"}],[{"show_id":5818206,"title":"Sleepy Stories: To help you sleep","slug":"sleepy-stories-to-help-you-sleep","author_fullname":"","image_original_url":"https:\/\/d3wo5wojvuv7l.cloudfront.net\/images.spreaker.com\/original\/e5fc64487cd9bfdaf2d04d2a98883cd8.jpg"},{"s":"arr"}],[{"show_id":4253631,"title":"CreepsMcPasta Creepypasta Radio","slug":"creepsmcpasta-creepypasta-radio","author_fullname":"","image_original_url":"https:\/\/d3wo5wojvuv7l.cloudfront.net\/images.spreaker.com\/original\/569465ff8098910616208bc94532c8ee.jpg"},{"s":"arr"}],[{"show_id":3545054,"title":"Honeybee Bedtime Stories","slug":"honeybee-bedtime-stories","author_fullname":"","image_original_url":"https:\/\/d3wo5wojvuv7l.cloudfront.net\/images.spreaker.com\/original\/74a39da72f02d69c9d9e6a7812fda452.jpg"},{"s":"arr"}],[{"show_id":3527306,"title":"Morbidology","slug":"morbidology","author_fullname":"","image_original_url":"https:\/\/d3wo5wojvuv7l.cloudfront.net\/images.spreaker.com\/original\/53e5f346fc0334239f982e3658cacdcc.jpg"},{"s":"arr"}],[{"show_id":6375345,"title":"Lorehammer - A Warhammer 40k Podcast","slug":"lorehammer-a-warhammer-40k-podcast","author_fullname":"","image_original_url":"https:\/\/d3wo5wojvuv7l.cloudfront.net\/images.spreaker.com\/original\/5ba8f6a4865e3df94937a838ac9a36e1.jpg"},{"s":"arr"}],[{"show_id":4110266,"title":"Calming Anxiety","slug":"calming-anxiety","author_fullname":"","image_original_url":"https:\/\/d3wo5wojvuv7l.cloudfront.net\/images.spreaker.com\/original\/26c54d77c52c0033ef94341920c0d731.jpg"},{"s":"arr"}],[{"show_id":5711404,"title":"Radical Candor: Communication at Work","slug":"radical-candor-communication-at-work","author_fullname":"","image_original_url":"https:\/\/d3wo5wojvuv7l.cloudfront.net\/images.spreaker.com\/original\/7c7a3cc5c267c717db12141c3c53bab4.jpg"},{"s":"arr"}],[{"show_id":3588169,"title":"True Crime Bullsh**","slug":"true-crime-bullsh","author_fullname":"","image_original_url":"https:\/\/d3wo5wojvuv7l.cloudfront.net\/images.spreaker.com\/original\/f43251c91becd9de52c2f37bb1cd1791.jpg"},{"s":"arr"}],[{"show_id":5895676,"title":"Sword and Scale","slug":"sword-and-scale","author_fullname":"","image_original_url":"https:\/\/d3wo5wojvuv7l.cloudfront.net\/images.spreaker.com\/original\/de191197a67303b464da7f2d53aa62f1.jpg"},{"s":"arr"}],[{"show_id":5863198,"title":"Sword and Scale Nightmares","slug":"sword-and-scale-nightmares","author_fullname":"","image_original_url":"https:\/\/d3wo5wojvuv7l.cloudfront.net\/images.spreaker.com\/original\/562fbcb70cf581a5935c0ef1ab246136.jpg"},{"s":"arr"}],[{"show_id":4607052,"title":"The Great Detectives of Old Time Radio","slug":"the-great-detectives-of-old-time-radio","author_fullname":"","image_original_url":"https:\/\/d3wo5wojvuv7l.cloudfront.net\/images.spreaker.com\/original\/c1339a35edce52d964de57ddad4ebdc0.jpg"},{"s":"arr"}],[{"show_id":5190470,"title":"True Scary Story","slug":"true-scary-story","author_fullname":"","image_original_url":"https:\/\/d3wo5wojvuv7l.cloudfront.net\/images.spreaker.com\/original\/0c58602ba01eea91e8c5d059c91088fc.jpg"},{"s":"arr"}],[{"show_id":4244348,"title":"MrCreepyPasta's Storytime","slug":"mrcreepypasta-s-storytime","author_fullname":"","image_original_url":"https:\/\/d3wo5wojvuv7l.cloudfront.net\/images.spreaker.com\/original\/ed2330a994903b4c668ac6c8dbdc6cb4.jpg"},{"s":"arr"}],[{"show_id":2975465,"title":"Southern Fried True Crime","slug":"southern-fried-true-crime","author_fullname":"","image_original_url":"https:\/\/d3wo5wojvuv7l.cloudfront.net\/images.spreaker.com\/original\/948fd4524baf383557aaa6967811f677.jpg"},{"s":"arr"}],[{"show_id":6231475,"title":"Mysterious Radio: Paranormal, UFO & Lore Interviews","slug":"mysterious-radio-paranormal-ufo-lore-interviews","author_fullname":"","image_original_url":"https:\/\/d3wo5wojvuv7l.cloudfront.net\/images.spreaker.com\/original\/386399840e7c2cb1954e9b39e9d0889e.jpg"},{"s":"arr"}],[{"show_id":5747173,"title":"Inside the Birds: A Philadelphia Eagles Podcast","slug":"inside-the-birds-a-philadelphia-eagles-podcast","author_fullname":"","image_original_url":"https:\/\/d3wo5wojvuv7l.cloudfront.net\/images.spreaker.com\/original\/bfdf02451cb30e3ad88f65c97d7b6f22.jpg"},{"s":"arr"}],[{"show_id":5928672,"title":"Crash Dummies Podcast with Pat and Mike","slug":"crash-dummies-podcast-with-pat-and-mike","author_fullname":"","image_original_url":"https:\/\/d3wo5wojvuv7l.cloudfront.net\/images.spreaker.com\/original\/1fd9719fd55fa3d634400af4051a8ceb.jpg"},{"s":"arr"}]],{"s":"arr"}],"primePodcastsTwo":[[[{"show_id":5712278,"title":"Rich Dad Radio Show: In-Your-Face Advice on Investing, Personal Finance, & Starting a Business","slug":"rich-dad-radio-show-in-your-face-advice-on-investing-personal-finance-starting-a-business","author_fullname":"","image_original_url":"https:\/\/d3wo5wojvuv7l.cloudfront.net\/images.spreaker.com\/original\/1e2b297a6e61a838f9262e44381f4c86.jpg"},{"s":"arr"}],[{"show_id":5700337,"title":"Cult of Conspiracy","slug":"cult-of-conspiracy","author_fullname":"","image_original_url":"https:\/\/d3wo5wojvuv7l.cloudfront.net\/images.spreaker.com\/original\/dd8f68ba290d681b53d0b880e6ae70da.jpg"},{"s":"arr"}],[{"show_id":5250739,"title":"Scary Story Podcast","slug":"scary-story-podcast","author_fullname":"","image_original_url":"https:\/\/d3wo5wojvuv7l.cloudfront.net\/images.spreaker.com\/original\/ed98ee66f0a5293d7559976d7a59b770.jpg"},{"s":"arr"}],[{"show_id":5742792,"title":"This Is Monsters","slug":"this-is-monsters","author_fullname":"","image_original_url":"https:\/\/d3wo5wojvuv7l.cloudfront.net\/images.spreaker.com\/original\/aa17c208db82ec67842df99777de8291.jpg"},{"s":"arr"}],[{"show_id":5828421,"title":"2 Be Better","slug":"2-be-better","author_fullname":"","image_original_url":"https:\/\/d3wo5wojvuv7l.cloudfront.net\/images.spreaker.com\/original\/54b9fb8bed99f0359456b174ef80d8f4.jpg"},{"s":"arr"}],[{"show_id":4251960,"title":"True Crime Campfire","slug":"true-crime-campfire","author_fullname":"","image_original_url":"https:\/\/d3wo5wojvuv7l.cloudfront.net\/images.spreaker.com\/original\/b8fedb8553a051e6614f9f77cf6649fd.jpg"},{"s":"arr"}],[{"show_id":5828342,"title":"Bigfoot Society","slug":"bigfoot-society","author_fullname":"","image_original_url":"https:\/\/d3wo5wojvuv7l.cloudfront.net\/images.spreaker.com\/original\/f1692de7286b6e51e76f45e306ec756c.jpg"},{"s":"arr"}],[{"show_id":5964396,"title":"Short Stories for Kids: Bedtime ~ Car Time ~ Downtime","slug":"short-stories-for-kids-bedtime-car-time-downtime","author_fullname":"","image_original_url":"https:\/\/d3wo5wojvuv7l.cloudfront.net\/images.spreaker.com\/original\/a1b76251512ca9cedfa0254ce383b70a.jpg"},{"s":"arr"}],[{"show_id":5445587,"title":"What if it's True Podcast","slug":"what-if-it-s-true-podcast","author_fullname":"","image_original_url":"https:\/\/d3wo5wojvuv7l.cloudfront.net\/images.spreaker.com\/original\/0572bf413e8f577e783a09b380f543fb.jpg"},{"s":"arr"}],[{"show_id":3200989,"title":"Occult Symbolism and Pop Culture with Isaac Weishaupt","slug":"occult-symbolism-and-pop-culture-with-isaac-weishaupt","author_fullname":"","image_original_url":"https:\/\/d3wo5wojvuv7l.cloudfront.net\/images.spreaker.com\/original\/6cecbd27b628a95d530ebdf31f8ba8b9.jpg"},{"s":"arr"}],[{"show_id":5182590,"title":"Horror Story: Ghosts, Mysteries, and Hauntings","slug":"horror-story-ghosts-mysteries-and-hauntings","author_fullname":"","image_original_url":"https:\/\/d3wo5wojvuv7l.cloudfront.net\/images.spreaker.com\/original\/4fa70510f3d7da1e8cc6c9d815a72dff.jpg"},{"s":"arr"}],[{"show_id":5828320,"title":"Bigfoot and Beyond with Cliff and Bobo","slug":"bigfoot-and-beyond-with-cliff-and-bobo","author_fullname":"","image_original_url":"https:\/\/d3wo5wojvuv7l.cloudfront.net\/images.spreaker.com\/original\/4e66585d640ebca618b23e0631f854e6.jpg"},{"s":"arr"}],[{"show_id":4839697,"title":"Sasquatch Odyssey","slug":"sasquatch-odyssey","author_fullname":"","image_original_url":"https:\/\/d3wo5wojvuv7l.cloudfront.net\/images.spreaker.com\/original\/c7eb8dc2d9c1fd96308f4652f11c6cbd.jpg"},{"s":"arr"}],[{"show_id":5019077,"title":"Sol Good Sounds","slug":"sol-good-sounds","author_fullname":"","image_original_url":"https:\/\/d3wo5wojvuv7l.cloudfront.net\/images.spreaker.com\/original\/68a900989bf68c281852a7366e475e20.jpg"},{"s":"arr"}],[{"show_id":5810608,"title":"DEADLOCK: A Pro Wrestling Podcast","slug":"deadlock-a-pro-wrestling-podcast","author_fullname":"","image_original_url":"https:\/\/d3wo5wojvuv7l.cloudfront.net\/images.spreaker.com\/original\/bcee91e96add3b811dbeb5de950de76b.jpg"},{"s":"arr"}],[{"show_id":5582990,"title":"Solomonster Sounds Off","slug":"solomonster-sounds-off","author_fullname":"","image_original_url":"https:\/\/d3wo5wojvuv7l.cloudfront.net\/images.spreaker.com\/original\/fc452a0f9dbe6dc688a42df2a692badc.jpg"},{"s":"arr"}],[{"show_id":3270347,"title":"TheThinkingAtheist","slug":"thethinkingatheist","author_fullname":"","image_original_url":"https:\/\/d3wo5wojvuv7l.cloudfront.net\/images.spreaker.com\/original\/1891bcd660fa80f4abded2d82fc7dd1a.jpg"},{"s":"arr"}],[{"show_id":5973995,"title":"Nature Sounds for Sleep, Meditation, & Relaxation","slug":"nature-sounds-for-sleep-meditation-relaxation","author_fullname":"","image_original_url":"https:\/\/d3wo5wojvuv7l.cloudfront.net\/images.spreaker.com\/original\/c3d13aeb23b88f442cf5bb20681eeb94.jpg"},{"s":"arr"}],[{"show_id":3294569,"title":"Investigate Earth Conspiracy Podcast","slug":"investigate-earth-conspiracy-podcast","author_fullname":"","image_original_url":"https:\/\/d3wo5wojvuv7l.cloudfront.net\/images.spreaker.com\/original\/564e0c4542e4c963918505e14b8ca2fd.jpg"},{"s":"arr"}],[{"show_id":2790919,"title":"Earth Ancients","slug":"earth-ancients","author_fullname":"","image_original_url":"https:\/\/d3wo5wojvuv7l.cloudfront.net\/images.spreaker.com\/original\/88d9888baa9b9f147a64a175d3fc032e.jpg"},{"s":"arr"}]],{"s":"arr"}]},"memo":{"id":"3GpWKq5qZsNphF1eeZwH","name":"static-pages.prime","path":"prime","method":"GET","children":[],"scripts":[],"assets":[],"errors":[],"locale":"en_US"},"checksum":"a7718ab5459854855feb000946dec8d3933d301796aba9b2f88167181cb6d7f3"}" wire:effects="[]" wire:id="3GpWKq5qZsNphF1eeZwH">  <div class="block rounded-2xl relative h-[500px] overflow-hidden bg-neutral-100 p-0 text-left dark:bg-neutral-950 md:h-[352px]"> <picture class="absolute bottom-0 w-full md:ml-[150px] md:flex md:flex-row-reverse lg:ml-[80px] xl:ml-0" x-show="dark"> <source media="(max-width: 480px)" srcSet="https://d2nsw11i8ho592.cloudfront.net/build/assets/hero_background_mobile_dark-8d624517.jpg" type="image/jpeg"> <source media="(max-width: 767px)" srcSet="https://d2nsw11i8ho592.cloudfront.net/build/assets/hero_background_tablet_dark-0b255ce6.jpg" type="image/jpeg"> <source srcSet="https://d2nsw11i8ho592.cloudfront.net/build/assets/hero_background_desktop_dark-c74402f0.jpg" type="image/jpeg"> <img class="object-cover md:h-[352px]" src="https://d2nsw11i8ho592.cloudfront.net/build/assets/hero_background_desktop_dark-c74402f0.jpg" type="image/jpeg"> </picture> <picture class="absolute bottom-0 w-full md:ml-[150px] md:flex md:flex-row-reverse lg:ml-[80px] xl:ml-0" x-show="!dark"> <source media="(max-width: 480px)" srcSet="https://d2nsw11i8ho592.cloudfront.net/build/assets/hero_background_mobile_light-1e472f2c.jpg" type="image/jpeg"> <source media="(max-width: 767px)" srcSet="https://d2nsw11i8ho592.cloudfront.net/build/assets/hero_background_tablet_light-b8a6663b.jpg" type="image/jpeg"> <source srcSet="https://d2nsw11i8ho592.cloudfront.net/build/assets/hero_background_desktop_light-f5dc9b05.jpg" type="image/jpeg"> <img class="object-cover md:h-[352px]" src="https://d2nsw11i8ho592.cloudfront.net/build/assets/hero_background_desktop_light-f5dc9b05.jpg" type="image/jpeg"> </picture> <div class="absolute top-1/2 ml-4 h-96 -translate-y-1/2 space-y-4 text-center md:h-auto md:w-72 md:text-left lg:w-80 xl:w-96">  <h1 class="text-3xl sm:text-3xl md:text-3xl lg:text-4xl xl:text-4xl 2xl:text-4xl font-bold text-neutral-950 dark:text-white break-anywhere md:max-w-[253px] lg:max-w-[304px]"> Our Best Content is Prime. </h1>        <p class="text-neutral-950 dark:text-white break-anywhere md:max-w-[320px]"> The Spreaker Prime Network is a curated collection of the top independent podcasts and networks in podcasting. </p>     <a 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-yellow-500 text-black hover:bg-yellow-600 dark:hover:bg-yellow-400 border border-yellow-500 px-4 py-2 h-10 text-sm mx-auto w-max md:mx-0" href="https://spreaker.typeform.com/to/xZUn7cLI" role="button" target="_blank" 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-yellow-500 text-black hover:bg-yellow-600 dark:hover:bg-yellow-400 border border-yellow-500 px-4 py-2 h-10 text-sm mx-auto w-max md:mx-0">  Apply today  <svg class="size-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="M14.2071 3.79289C13.8166 3.40237 13.1834 3.40237 12.7929 3.79289C12.4024 4.18342 12.4024 4.81658 12.7929 5.20711L18.5858 11H3C2.44772 11 2 11.4477 2 12C2 12.5523 2.44772 13 3 13H18.5858L12.7929 18.7929C12.4024 19.1834 12.4024 19.8166 12.7929 20.2071C13.1834 20.5976 13.8166 20.5976 14.2071 20.2071L20.6464 13.7678C21.6228 12.7915 21.6228 11.2085 20.6464 10.2322L14.2071 3.79289Z" /> </svg>  </a>   </div> </div>    <div class="rounded-2xl p-4 flex-col items-center justify-center block bg-neutral-100 px-0 pt-16 dark:bg-neutral-950"> <div class="text-center"> <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"> Proudly presenting </div>  <h1 class="text-3xl sm:text-3xl md:text-3xl lg:text-4xl xl:text-4xl 2xl:text-4xl font-bold text-neutral-950 dark:text-white break-anywhere mb-8 mt-2"> Our Prime Podcasts </h1>       </div> <div 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="flex w-min gap-2 px-4 lg:px-8">   <a wire:navigate class="relative py-2 transition-transform md:hover:-translate-y-1" href="https://www.spreaker.com/podcast/7-good-minutes--5701156">  <div class="rounded-2xl bg-white dark:bg-neutral-800 p-2 shadow-xs relative flex h-full shrink-0 flex-col dark:text-neutral-200 md:cursor-pointer md:hover:shadow-md">  <img src="https://d3wo5wojvuv7l.cloudfront.net/t_square_limited_480/images.spreaker.com/original/36fedd14c5aed4de57873f077240d55a.jpg" alt="Podcast Cover" class="w-52 h-52 rounded-lg aspect-square object-cover hidden md:block" loading="lazy" />     <img src="https://d3wo5wojvuv7l.cloudfront.net/t_square_limited_480/images.spreaker.com/original/36fedd14c5aed4de57873f077240d55a.jpg" alt="Podcast Cover" class="w-40 h-40 rounded-lg aspect-square object-cover md:hidden" loading="lazy" />     <div class="mt-1 line-clamp-2 w-40 text-sm font-semibold md:w-52">7 Good Minutes </div> </div>  </a>     <a wire:navigate class="relative py-2 transition-transform md:hover:-translate-y-1" href="https://www.spreaker.com/podcast/bedtime-stories-superheroes--4624607">  <div class="rounded-2xl bg-white dark:bg-neutral-800 p-2 shadow-xs relative flex h-full shrink-0 flex-col dark:text-neutral-200 md:cursor-pointer md:hover:shadow-md">  <img src="https://d3wo5wojvuv7l.cloudfront.net/t_square_limited_480/images.spreaker.com/original/10ed98fb29ff43d19a288276fcfb5c96.jpg" alt="Podcast Cover" class="w-52 h-52 rounded-lg aspect-square object-cover hidden md:block" loading="lazy" />     <img src="https://d3wo5wojvuv7l.cloudfront.net/t_square_limited_480/images.spreaker.com/original/10ed98fb29ff43d19a288276fcfb5c96.jpg" alt="Podcast Cover" class="w-40 h-40 rounded-lg aspect-square object-cover md:hidden" loading="lazy" />     <div class="mt-1 line-clamp-2 w-40 text-sm font-semibold md:w-52">Bedtime Stories - Superheroes! </div> </div>  </a>     <a wire:navigate class="relative py-2 transition-transform md:hover:-translate-y-1" href="https://www.spreaker.com/podcast/bedtime-stories-princesses--5173221">  <div class="rounded-2xl bg-white dark:bg-neutral-800 p-2 shadow-xs relative flex h-full shrink-0 flex-col dark:text-neutral-200 md:cursor-pointer md:hover:shadow-md">  <img src="https://d3wo5wojvuv7l.cloudfront.net/t_square_limited_480/images.spreaker.com/original/f5f9a21f23eef2bb1dd33fb2445c9f5b.jpg" alt="Podcast Cover" class="w-52 h-52 rounded-lg aspect-square object-cover hidden md:block" loading="lazy" />     <img src="https://d3wo5wojvuv7l.cloudfront.net/t_square_limited_480/images.spreaker.com/original/f5f9a21f23eef2bb1dd33fb2445c9f5b.jpg" alt="Podcast Cover" class="w-40 h-40 rounded-lg aspect-square object-cover md:hidden" loading="lazy" />     <div class="mt-1 line-clamp-2 w-40 text-sm font-semibold md:w-52">Bedtime Stories - Princesses! </div> </div>  </a>     <a wire:navigate class="relative py-2 transition-transform md:hover:-translate-y-1" href="https://www.spreaker.com/podcast/sleepy-stories-to-help-you-sleep--5818206">  <div class="rounded-2xl bg-white dark:bg-neutral-800 p-2 shadow-xs relative flex h-full shrink-0 flex-col dark:text-neutral-200 md:cursor-pointer md:hover:shadow-md">  <img src="https://d3wo5wojvuv7l.cloudfront.net/t_square_limited_480/images.spreaker.com/original/e5fc64487cd9bfdaf2d04d2a98883cd8.jpg" alt="Podcast Cover" class="w-52 h-52 rounded-lg aspect-square object-cover hidden md:block" loading="lazy" />     <img src="https://d3wo5wojvuv7l.cloudfront.net/t_square_limited_480/images.spreaker.com/original/e5fc64487cd9bfdaf2d04d2a98883cd8.jpg" alt="Podcast Cover" class="w-40 h-40 rounded-lg aspect-square object-cover md:hidden" loading="lazy" />     <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 wire:navigate class="relative py-2 transition-transform md:hover:-translate-y-1" href="https://www.spreaker.com/podcast/creepsmcpasta-creepypasta-radio--4253631">  <div class="rounded-2xl bg-white dark:bg-neutral-800 p-2 shadow-xs relative flex h-full shrink-0 flex-col dark:text-neutral-200 md:cursor-pointer md:hover:shadow-md">  <img src="https://d3wo5wojvuv7l.cloudfront.net/t_square_limited_480/images.spreaker.com/original/569465ff8098910616208bc94532c8ee.jpg" alt="Podcast Cover" class="w-52 h-52 rounded-lg aspect-square object-cover hidden md:block" loading="lazy" />     <img src="https://d3wo5wojvuv7l.cloudfront.net/t_square_limited_480/images.spreaker.com/original/569465ff8098910616208bc94532c8ee.jpg" alt="Podcast Cover" class="w-40 h-40 rounded-lg aspect-square object-cover md:hidden" loading="lazy" />     <div class="mt-1 line-clamp-2 w-40 text-sm font-semibold md:w-52">CreepsMcPasta Creepypasta Radio </div> </div>  </a>     <a wire:navigate class="relative py-2 transition-transform md:hover:-translate-y-1" href="https://www.spreaker.com/podcast/honeybee-bedtime-stories--3545054">  <div class="rounded-2xl bg-white dark:bg-neutral-800 p-2 shadow-xs relative flex h-full shrink-0 flex-col dark:text-neutral-200 md:cursor-pointer md:hover:shadow-md">  <img src="https://d3wo5wojvuv7l.cloudfront.net/t_square_limited_480/images.spreaker.com/original/74a39da72f02d69c9d9e6a7812fda452.jpg" alt="Podcast Cover" class="w-52 h-52 rounded-lg aspect-square object-cover hidden md:block" loading="lazy" />     <img src="https://d3wo5wojvuv7l.cloudfront.net/t_square_limited_480/images.spreaker.com/original/74a39da72f02d69c9d9e6a7812fda452.jpg" alt="Podcast Cover" class="w-40 h-40 rounded-lg aspect-square object-cover md:hidden" loading="lazy" />     <div class="mt-1 line-clamp-2 w-40 text-sm font-semibold md:w-52">Honeybee Bedtime Stories </div> </div>  </a>     <a wire:navigate class="relative py-2 transition-transform md:hover:-translate-y-1" href="https://www.spreaker.com/podcast/morbidology--3527306">  <div class="rounded-2xl bg-white dark:bg-neutral-800 p-2 shadow-xs relative flex h-full shrink-0 flex-col dark:text-neutral-200 md:cursor-pointer md:hover:shadow-md">  <img src="https://d3wo5wojvuv7l.cloudfront.net/t_square_limited_480/images.spreaker.com/original/53e5f346fc0334239f982e3658cacdcc.jpg" alt="Podcast Cover" class="w-52 h-52 rounded-lg aspect-square object-cover hidden md:block" loading="lazy" />     <img src="https://d3wo5wojvuv7l.cloudfront.net/t_square_limited_480/images.spreaker.com/original/53e5f346fc0334239f982e3658cacdcc.jpg" alt="Podcast Cover" class="w-40 h-40 rounded-lg aspect-square object-cover md:hidden" loading="lazy" />     <div class="mt-1 line-clamp-2 w-40 text-sm font-semibold md:w-52">Morbidology </div> </div>  </a>     <a wire:navigate class="relative py-2 transition-transform md:hover:-translate-y-1" href="https://www.spreaker.com/podcast/lorehammer-a-warhammer-40k-podcast--6375345">  <div class="rounded-2xl bg-white dark:bg-neutral-800 p-2 shadow-xs relative flex h-full shrink-0 flex-col dark:text-neutral-200 md:cursor-pointer md:hover:shadow-md">  <img src="https://d3wo5wojvuv7l.cloudfront.net/t_square_limited_480/images.spreaker.com/original/5ba8f6a4865e3df94937a838ac9a36e1.jpg" alt="Podcast Cover" class="w-52 h-52 rounded-lg aspect-square object-cover hidden md:block" loading="lazy" />     <img src="https://d3wo5wojvuv7l.cloudfront.net/t_square_limited_480/images.spreaker.com/original/5ba8f6a4865e3df94937a838ac9a36e1.jpg" alt="Podcast Cover" class="w-40 h-40 rounded-lg aspect-square object-cover md:hidden" loading="lazy" />     <div class="mt-1 line-clamp-2 w-40 text-sm font-semibold md:w-52">Lorehammer - A Warhammer 40k Podcast </div> </div>  </a>     <a wire:navigate class="relative py-2 transition-transform md:hover:-translate-y-1" href="https://www.spreaker.com/podcast/calming-anxiety--4110266">  <div class="rounded-2xl bg-white dark:bg-neutral-800 p-2 shadow-xs relative flex h-full shrink-0 flex-col dark:text-neutral-200 md:cursor-pointer md:hover:shadow-md">  <img src="https://d3wo5wojvuv7l.cloudfront.net/t_square_limited_480/images.spreaker.com/original/26c54d77c52c0033ef94341920c0d731.jpg" alt="Podcast Cover" class="w-52 h-52 rounded-lg aspect-square object-cover hidden md:block" loading="lazy" />     <img src="https://d3wo5wojvuv7l.cloudfront.net/t_square_limited_480/images.spreaker.com/original/26c54d77c52c0033ef94341920c0d731.jpg" alt="Podcast Cover" class="w-40 h-40 rounded-lg aspect-square object-cover md:hidden" loading="lazy" />     <div class="mt-1 line-clamp-2 w-40 text-sm font-semibold md:w-52">Calming Anxiety </div> </div>  </a>     <a wire:navigate class="relative py-2 transition-transform md:hover:-translate-y-1" href="https://www.spreaker.com/podcast/radical-candor-communication-at-work--5711404">  <div class="rounded-2xl bg-white dark:bg-neutral-800 p-2 shadow-xs relative flex h-full shrink-0 flex-col dark:text-neutral-200 md:cursor-pointer md:hover:shadow-md">  <img src="https://d3wo5wojvuv7l.cloudfront.net/t_square_limited_480/images.spreaker.com/original/7c7a3cc5c267c717db12141c3c53bab4.jpg" alt="Podcast Cover" class="w-52 h-52 rounded-lg aspect-square object-cover hidden md:block" loading="lazy" />     <img src="https://d3wo5wojvuv7l.cloudfront.net/t_square_limited_480/images.spreaker.com/original/7c7a3cc5c267c717db12141c3c53bab4.jpg" alt="Podcast Cover" class="w-40 h-40 rounded-lg aspect-square object-cover md:hidden" loading="lazy" />     <div class="mt-1 line-clamp-2 w-40 text-sm font-semibold md:w-52">Radical Candor: Communication at Work </div> </div>  </a>     <a wire:navigate class="relative py-2 transition-transform md:hover:-translate-y-1" href="https://www.spreaker.com/podcast/true-crime-bullsh--3588169">  <div class="rounded-2xl bg-white dark:bg-neutral-800 p-2 shadow-xs relative flex h-full shrink-0 flex-col dark:text-neutral-200 md:cursor-pointer md:hover:shadow-md">  <img src="https://d3wo5wojvuv7l.cloudfront.net/t_square_limited_480/images.spreaker.com/original/f43251c91becd9de52c2f37bb1cd1791.jpg" alt="Podcast Cover" class="w-52 h-52 rounded-lg aspect-square object-cover hidden md:block" loading="lazy" />     <img src="https://d3wo5wojvuv7l.cloudfront.net/t_square_limited_480/images.spreaker.com/original/f43251c91becd9de52c2f37bb1cd1791.jpg" alt="Podcast Cover" class="w-40 h-40 rounded-lg aspect-square object-cover md:hidden" loading="lazy" />     <div class="mt-1 line-clamp-2 w-40 text-sm font-semibold md:w-52">True Crime Bullsh** </div> </div>  </a>     <a wire:navigate class="relative py-2 transition-transform md:hover:-translate-y-1" href="https://www.spreaker.com/podcast/sword-and-scale--5895676">  <div class="rounded-2xl bg-white dark:bg-neutral-800 p-2 shadow-xs relative flex h-full shrink-0 flex-col dark:text-neutral-200 md:cursor-pointer md:hover:shadow-md">  <img src="https://d3wo5wojvuv7l.cloudfront.net/t_square_limited_480/images.spreaker.com/original/de191197a67303b464da7f2d53aa62f1.jpg" alt="Podcast Cover" class="w-52 h-52 rounded-lg aspect-square object-cover hidden md:block" loading="lazy" />     <img src="https://d3wo5wojvuv7l.cloudfront.net/t_square_limited_480/images.spreaker.com/original/de191197a67303b464da7f2d53aa62f1.jpg" alt="Podcast Cover" class="w-40 h-40 rounded-lg aspect-square object-cover md:hidden" loading="lazy" />     <div class="mt-1 line-clamp-2 w-40 text-sm font-semibold md:w-52">Sword and Scale </div> </div>  </a>     <a wire:navigate class="relative py-2 transition-transform md:hover:-translate-y-1" href="https://www.spreaker.com/podcast/sword-and-scale-nightmares--5863198">  <div class="rounded-2xl bg-white dark:bg-neutral-800 p-2 shadow-xs relative flex h-full shrink-0 flex-col dark:text-neutral-200 md:cursor-pointer md:hover:shadow-md">  <img src="https://d3wo5wojvuv7l.cloudfront.net/t_square_limited_480/images.spreaker.com/original/562fbcb70cf581a5935c0ef1ab246136.jpg" alt="Podcast Cover" class="w-52 h-52 rounded-lg aspect-square object-cover hidden md:block" loading="lazy" />     <img src="https://d3wo5wojvuv7l.cloudfront.net/t_square_limited_480/images.spreaker.com/original/562fbcb70cf581a5935c0ef1ab246136.jpg" alt="Podcast Cover" class="w-40 h-40 rounded-lg aspect-square object-cover md:hidden" loading="lazy" />     <div class="mt-1 line-clamp-2 w-40 text-sm font-semibold md:w-52">Sword and Scale Nightmares </div> </div>  </a>     <a wire:navigate class="relative py-2 transition-transform md:hover:-translate-y-1" href="https://www.spreaker.com/podcast/the-great-detectives-of-old-time-radio--4607052">  <div class="rounded-2xl bg-white dark:bg-neutral-800 p-2 shadow-xs relative flex h-full shrink-0 flex-col dark:text-neutral-200 md:cursor-pointer md:hover:shadow-md">  <img src="https://d3wo5wojvuv7l.cloudfront.net/t_square_limited_480/images.spreaker.com/original/c1339a35edce52d964de57ddad4ebdc0.jpg" alt="Podcast Cover" class="w-52 h-52 rounded-lg aspect-square object-cover hidden md:block" loading="lazy" />     <img src="https://d3wo5wojvuv7l.cloudfront.net/t_square_limited_480/images.spreaker.com/original/c1339a35edce52d964de57ddad4ebdc0.jpg" alt="Podcast Cover" class="w-40 h-40 rounded-lg aspect-square object-cover md:hidden" loading="lazy" />     <div class="mt-1 line-clamp-2 w-40 text-sm font-semibold md:w-52">The Great Detectives of Old Time Radio </div> </div>  </a>     <a wire:navigate class="relative py-2 transition-transform md:hover:-translate-y-1" href="https://www.spreaker.com/podcast/true-scary-story--5190470">  <div class="rounded-2xl bg-white dark:bg-neutral-800 p-2 shadow-xs relative flex h-full shrink-0 flex-col dark:text-neutral-200 md:cursor-pointer md:hover:shadow-md">  <img src="https://d3wo5wojvuv7l.cloudfront.net/t_square_limited_480/images.spreaker.com/original/0c58602ba01eea91e8c5d059c91088fc.jpg" alt="Podcast Cover" class="w-52 h-52 rounded-lg aspect-square object-cover hidden md:block" loading="lazy" />     <img src="https://d3wo5wojvuv7l.cloudfront.net/t_square_limited_480/images.spreaker.com/original/0c58602ba01eea91e8c5d059c91088fc.jpg" alt="Podcast Cover" class="w-40 h-40 rounded-lg aspect-square object-cover md:hidden" loading="lazy" />     <div class="mt-1 line-clamp-2 w-40 text-sm font-semibold md:w-52">True Scary Story </div> </div>  </a>     <a wire:navigate class="relative py-2 transition-transform md:hover:-translate-y-1" href="https://www.spreaker.com/podcast/mrcreepypasta-s-storytime--4244348">  <div class="rounded-2xl bg-white dark:bg-neutral-800 p-2 shadow-xs relative flex h-full shrink-0 flex-col dark:text-neutral-200 md:cursor-pointer md:hover:shadow-md">  <img src="https://d3wo5wojvuv7l.cloudfront.net/t_square_limited_480/images.spreaker.com/original/ed2330a994903b4c668ac6c8dbdc6cb4.jpg" alt="Podcast Cover" class="w-52 h-52 rounded-lg aspect-square object-cover hidden md:block" loading="lazy" />     <img src="https://d3wo5wojvuv7l.cloudfront.net/t_square_limited_480/images.spreaker.com/original/ed2330a994903b4c668ac6c8dbdc6cb4.jpg" alt="Podcast Cover" class="w-40 h-40 rounded-lg aspect-square object-cover md:hidden" loading="lazy" />     <div class="mt-1 line-clamp-2 w-40 text-sm font-semibold md:w-52">MrCreepyPasta's Storytime </div> </div>  </a>     <a wire:navigate class="relative py-2 transition-transform md:hover:-translate-y-1" href="https://www.spreaker.com/podcast/southern-fried-true-crime--2975465">  <div class="rounded-2xl bg-white dark:bg-neutral-800 p-2 shadow-xs relative flex h-full shrink-0 flex-col dark:text-neutral-200 md:cursor-pointer md:hover:shadow-md">  <img src="https://d3wo5wojvuv7l.cloudfront.net/t_square_limited_480/images.spreaker.com/original/948fd4524baf383557aaa6967811f677.jpg" alt="Podcast Cover" class="w-52 h-52 rounded-lg aspect-square object-cover hidden md:block" loading="lazy" />     <img src="https://d3wo5wojvuv7l.cloudfront.net/t_square_limited_480/images.spreaker.com/original/948fd4524baf383557aaa6967811f677.jpg" alt="Podcast Cover" class="w-40 h-40 rounded-lg aspect-square object-cover md:hidden" loading="lazy" />     <div class="mt-1 line-clamp-2 w-40 text-sm font-semibold md:w-52">Southern Fried True Crime </div> </div>  </a>     <a wire:navigate class="relative py-2 transition-transform md:hover:-translate-y-1" href="https://www.spreaker.com/podcast/mysterious-radio-paranormal-ufo-lore-interviews--6231475">  <div class="rounded-2xl bg-white dark:bg-neutral-800 p-2 shadow-xs relative flex h-full shrink-0 flex-col dark:text-neutral-200 md:cursor-pointer md:hover:shadow-md">  <img src="https://d3wo5wojvuv7l.cloudfront.net/t_square_limited_480/images.spreaker.com/original/386399840e7c2cb1954e9b39e9d0889e.jpg" alt="Podcast Cover" class="w-52 h-52 rounded-lg aspect-square object-cover hidden md:block" loading="lazy" />     <img src="https://d3wo5wojvuv7l.cloudfront.net/t_square_limited_480/images.spreaker.com/original/386399840e7c2cb1954e9b39e9d0889e.jpg" alt="Podcast Cover" class="w-40 h-40 rounded-lg aspect-square object-cover md:hidden" loading="lazy" />     <div class="mt-1 line-clamp-2 w-40 text-sm font-semibold md:w-52">Mysterious Radio: Paranormal, UFO & Lore Interviews </div> </div>  </a>     <a wire:navigate class="relative py-2 transition-transform md:hover:-translate-y-1" href="https://www.spreaker.com/podcast/inside-the-birds-a-philadelphia-eagles-podcast--5747173">  <div class="rounded-2xl bg-white dark:bg-neutral-800 p-2 shadow-xs relative flex h-full shrink-0 flex-col dark:text-neutral-200 md:cursor-pointer md:hover:shadow-md">  <img src="https://d3wo5wojvuv7l.cloudfront.net/t_square_limited_480/images.spreaker.com/original/bfdf02451cb30e3ad88f65c97d7b6f22.jpg" alt="Podcast Cover" class="w-52 h-52 rounded-lg aspect-square object-cover hidden md:block" loading="lazy" />     <img src="https://d3wo5wojvuv7l.cloudfront.net/t_square_limited_480/images.spreaker.com/original/bfdf02451cb30e3ad88f65c97d7b6f22.jpg" alt="Podcast Cover" class="w-40 h-40 rounded-lg aspect-square object-cover md:hidden" loading="lazy" />     <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 wire:navigate class="relative py-2 transition-transform md:hover:-translate-y-1" href="https://www.spreaker.com/podcast/crash-dummies-podcast-with-pat-and-mike--5928672">  <div class="rounded-2xl bg-white dark:bg-neutral-800 p-2 shadow-xs relative flex h-full shrink-0 flex-col dark:text-neutral-200 md:cursor-pointer md:hover:shadow-md">  <img src="https://d3wo5wojvuv7l.cloudfront.net/t_square_limited_480/images.spreaker.com/original/1fd9719fd55fa3d634400af4051a8ceb.jpg" alt="Podcast Cover" class="w-52 h-52 rounded-lg aspect-square object-cover hidden md:block" loading="lazy" />     <img src="https://d3wo5wojvuv7l.cloudfront.net/t_square_limited_480/images.spreaker.com/original/1fd9719fd55fa3d634400af4051a8ceb.jpg" alt="Podcast Cover" class="w-40 h-40 rounded-lg aspect-square object-cover md:hidden" loading="lazy" />     <div class="mt-1 line-clamp-2 w-40 text-sm font-semibold md:w-52">Crash Dummies Podcast with Pat and Mike </div> </div>  </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()"> <svg class="size-6 inline" 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="M13.1161 5.11612C13.6042 4.62796 14.3957 4.62796 14.8838 5.11612C15.372 5.60427 15.372 6.39573 14.8838 6.88388L7.01771 14.75H27.9999C28.6903 14.75 29.2499 15.3096 29.2499 16C29.2499 16.6904 28.6903 17.25 27.9999 17.25H7.01771L14.8838 25.1161C15.372 25.6043 15.372 26.3957 14.8838 26.8839C14.3957 27.372 13.6042 27.372 13.1161 26.8839L4.53027 18.2981C3.26107 17.0289 3.26107 14.9711 4.53027 13.7019L13.1161 5.11612Z" /> </svg> </button>     <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 right-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 right-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 right" x-bind:class="{ 'md:hidden': !shouldDisplayLeftArrow && !shouldDisplayRightArrow, 'md:opacity-40': !shouldDisplayRightArrow, 'cursor-not-allowed': !shouldDisplayRightArrow }" x-on:click="scrollRight()"> <svg class="size-6 inline" 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="M18.8839 5.11612C18.3957 4.62796 17.6043 4.62796 17.1161 5.11612C16.628 5.60427 16.628 6.39573 17.1161 6.88388L24.9822 14.75H4C3.30964 14.75 2.75 15.3096 2.75 16C2.75 16.6904 3.30964 17.25 4 17.25H24.9822L17.1161 25.1161C16.628 25.6043 16.628 26.3957 17.1161 26.8839C17.6043 27.372 18.3957 27.372 18.8839 26.8839L27.4697 18.2981C28.7389 17.0289 28.7389 14.9711 27.4697 13.7019L18.8839 5.11612Z" /> </svg> </button>    </div> </div>  <div 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="flex w-min gap-2 px-4 lg:px-8">   <a wire:navigate class="relative py-2 transition-transform md:hover:-translate-y-1" href="https://www.spreaker.com/podcast/rich-dad-radio-show-in-your-face-advice-on-investing-personal-finance-starting-a-business--5712278">  <div class="rounded-2xl bg-white dark:bg-neutral-800 p-2 shadow-xs relative flex h-full shrink-0 flex-col dark:text-neutral-200 md:cursor-pointer md:hover:shadow-md">  <img src="https://d3wo5wojvuv7l.cloudfront.net/t_square_limited_480/images.spreaker.com/original/1e2b297a6e61a838f9262e44381f4c86.jpg" alt="Podcast Cover" class="w-52 h-52 rounded-lg aspect-square object-cover hidden md:block" loading="lazy" />     <img src="https://d3wo5wojvuv7l.cloudfront.net/t_square_limited_480/images.spreaker.com/original/1e2b297a6e61a838f9262e44381f4c86.jpg" alt="Podcast Cover" class="w-40 h-40 rounded-lg aspect-square object-cover md:hidden" loading="lazy" />     <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, & Starting a Business </div> </div>  </a>     <a wire:navigate class="relative py-2 transition-transform md:hover:-translate-y-1" href="https://www.spreaker.com/podcast/cult-of-conspiracy--5700337">  <div class="rounded-2xl bg-white dark:bg-neutral-800 p-2 shadow-xs relative flex h-full shrink-0 flex-col dark:text-neutral-200 md:cursor-pointer md:hover:shadow-md">  <img src="https://d3wo5wojvuv7l.cloudfront.net/t_square_limited_480/images.spreaker.com/original/dd8f68ba290d681b53d0b880e6ae70da.jpg" alt="Podcast Cover" class="w-52 h-52 rounded-lg aspect-square object-cover hidden md:block" loading="lazy" />     <img src="https://d3wo5wojvuv7l.cloudfront.net/t_square_limited_480/images.spreaker.com/original/dd8f68ba290d681b53d0b880e6ae70da.jpg" alt="Podcast Cover" class="w-40 h-40 rounded-lg aspect-square object-cover md:hidden" loading="lazy" />     <div class="mt-1 line-clamp-2 w-40 text-sm font-semibold md:w-52">Cult of Conspiracy </div> </div>  </a>     <a wire:navigate class="relative py-2 transition-transform md:hover:-translate-y-1" href="https://www.spreaker.com/podcast/scary-story-podcast--5250739">  <div class="rounded-2xl bg-white dark:bg-neutral-800 p-2 shadow-xs relative flex h-full shrink-0 flex-col dark:text-neutral-200 md:cursor-pointer md:hover:shadow-md">  <img src="https://d3wo5wojvuv7l.cloudfront.net/t_square_limited_480/images.spreaker.com/original/ed98ee66f0a5293d7559976d7a59b770.jpg" alt="Podcast Cover" class="w-52 h-52 rounded-lg aspect-square object-cover hidden md:block" loading="lazy" />     <img src="https://d3wo5wojvuv7l.cloudfront.net/t_square_limited_480/images.spreaker.com/original/ed98ee66f0a5293d7559976d7a59b770.jpg" alt="Podcast Cover" class="w-40 h-40 rounded-lg aspect-square object-cover md:hidden" loading="lazy" />     <div class="mt-1 line-clamp-2 w-40 text-sm font-semibold md:w-52">Scary Story Podcast </div> </div>  </a>     <a wire:navigate class="relative py-2 transition-transform md:hover:-translate-y-1" href="https://www.spreaker.com/podcast/this-is-monsters--5742792">  <div class="rounded-2xl bg-white dark:bg-neutral-800 p-2 shadow-xs relative flex h-full shrink-0 flex-col dark:text-neutral-200 md:cursor-pointer md:hover:shadow-md">  <img src="https://d3wo5wojvuv7l.cloudfront.net/t_square_limited_480/images.spreaker.com/original/aa17c208db82ec67842df99777de8291.jpg" alt="Podcast Cover" class="w-52 h-52 rounded-lg aspect-square object-cover hidden md:block" loading="lazy" />     <img src="https://d3wo5wojvuv7l.cloudfront.net/t_square_limited_480/images.spreaker.com/original/aa17c208db82ec67842df99777de8291.jpg" alt="Podcast Cover" class="w-40 h-40 rounded-lg aspect-square object-cover md:hidden" loading="lazy" />     <div class="mt-1 line-clamp-2 w-40 text-sm font-semibold md:w-52">This Is Monsters </div> </div>  </a>     <a wire:navigate class="relative py-2 transition-transform md:hover:-translate-y-1" href="https://www.spreaker.com/podcast/2-be-better--5828421">  <div class="rounded-2xl bg-white dark:bg-neutral-800 p-2 shadow-xs relative flex h-full shrink-0 flex-col dark:text-neutral-200 md:cursor-pointer md:hover:shadow-md">  <img src="https://d3wo5wojvuv7l.cloudfront.net/t_square_limited_480/images.spreaker.com/original/54b9fb8bed99f0359456b174ef80d8f4.jpg" alt="Podcast Cover" class="w-52 h-52 rounded-lg aspect-square object-cover hidden md:block" loading="lazy" />     <img src="https://d3wo5wojvuv7l.cloudfront.net/t_square_limited_480/images.spreaker.com/original/54b9fb8bed99f0359456b174ef80d8f4.jpg" alt="Podcast Cover" class="w-40 h-40 rounded-lg aspect-square object-cover md:hidden" loading="lazy" />     <div class="mt-1 line-clamp-2 w-40 text-sm font-semibold md:w-52">2 Be Better </div> </div>  </a>     <a wire:navigate class="relative py-2 transition-transform md:hover:-translate-y-1" href="https://www.spreaker.com/podcast/true-crime-campfire--4251960">  <div class="rounded-2xl bg-white dark:bg-neutral-800 p-2 shadow-xs relative flex h-full shrink-0 flex-col dark:text-neutral-200 md:cursor-pointer md:hover:shadow-md">  <img src="https://d3wo5wojvuv7l.cloudfront.net/t_square_limited_480/images.spreaker.com/original/b8fedb8553a051e6614f9f77cf6649fd.jpg" alt="Podcast Cover" class="w-52 h-52 rounded-lg aspect-square object-cover hidden md:block" loading="lazy" />     <img src="https://d3wo5wojvuv7l.cloudfront.net/t_square_limited_480/images.spreaker.com/original/b8fedb8553a051e6614f9f77cf6649fd.jpg" alt="Podcast Cover" class="w-40 h-40 rounded-lg aspect-square object-cover md:hidden" loading="lazy" />     <div class="mt-1 line-clamp-2 w-40 text-sm font-semibold md:w-52">True Crime Campfire </div> </div>  </a>     <a wire:navigate class="relative py-2 transition-transform md:hover:-translate-y-1" href="https://www.spreaker.com/podcast/bigfoot-society--5828342">  <div class="rounded-2xl bg-white dark:bg-neutral-800 p-2 shadow-xs relative flex h-full shrink-0 flex-col dark:text-neutral-200 md:cursor-pointer md:hover:shadow-md">  <img src="https://d3wo5wojvuv7l.cloudfront.net/t_square_limited_480/images.spreaker.com/original/f1692de7286b6e51e76f45e306ec756c.jpg" alt="Podcast Cover" class="w-52 h-52 rounded-lg aspect-square object-cover hidden md:block" loading="lazy" />     <img src="https://d3wo5wojvuv7l.cloudfront.net/t_square_limited_480/images.spreaker.com/original/f1692de7286b6e51e76f45e306ec756c.jpg" alt="Podcast Cover" class="w-40 h-40 rounded-lg aspect-square object-cover md:hidden" loading="lazy" />     <div class="mt-1 line-clamp-2 w-40 text-sm font-semibold md:w-52">Bigfoot Society </div> </div>  </a>     <a wire:navigate class="relative py-2 transition-transform md:hover:-translate-y-1" href="https://www.spreaker.com/podcast/short-stories-for-kids-bedtime-car-time-downtime--5964396">  <div class="rounded-2xl bg-white dark:bg-neutral-800 p-2 shadow-xs relative flex h-full shrink-0 flex-col dark:text-neutral-200 md:cursor-pointer md:hover:shadow-md">  <img src="https://d3wo5wojvuv7l.cloudfront.net/t_square_limited_480/images.spreaker.com/original/a1b76251512ca9cedfa0254ce383b70a.jpg" alt="Podcast Cover" class="w-52 h-52 rounded-lg aspect-square object-cover hidden md:block" loading="lazy" />     <img src="https://d3wo5wojvuv7l.cloudfront.net/t_square_limited_480/images.spreaker.com/original/a1b76251512ca9cedfa0254ce383b70a.jpg" alt="Podcast Cover" class="w-40 h-40 rounded-lg aspect-square object-cover md:hidden" loading="lazy" />     <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>     <a wire:navigate class="relative py-2 transition-transform md:hover:-translate-y-1" href="https://www.spreaker.com/podcast/what-if-it-s-true-podcast--5445587">  <div class="rounded-2xl bg-white dark:bg-neutral-800 p-2 shadow-xs relative flex h-full shrink-0 flex-col dark:text-neutral-200 md:cursor-pointer md:hover:shadow-md">  <img src="https://d3wo5wojvuv7l.cloudfront.net/t_square_limited_480/images.spreaker.com/original/0572bf413e8f577e783a09b380f543fb.jpg" alt="Podcast Cover" class="w-52 h-52 rounded-lg aspect-square object-cover hidden md:block" loading="lazy" />     <img src="https://d3wo5wojvuv7l.cloudfront.net/t_square_limited_480/images.spreaker.com/original/0572bf413e8f577e783a09b380f543fb.jpg" alt="Podcast Cover" class="w-40 h-40 rounded-lg aspect-square object-cover md:hidden" loading="lazy" />     <div class="mt-1 line-clamp-2 w-40 text-sm font-semibold md:w-52">What if it's True Podcast </div> </div>  </a>     <a wire:navigate class="relative py-2 transition-transform md:hover:-translate-y-1" href="https://www.spreaker.com/podcast/occult-symbolism-and-pop-culture-with-isaac-weishaupt--3200989">  <div class="rounded-2xl bg-white dark:bg-neutral-800 p-2 shadow-xs relative flex h-full shrink-0 flex-col dark:text-neutral-200 md:cursor-pointer md:hover:shadow-md">  <img src="https://d3wo5wojvuv7l.cloudfront.net/t_square_limited_480/images.spreaker.com/original/6cecbd27b628a95d530ebdf31f8ba8b9.jpg" alt="Podcast Cover" class="w-52 h-52 rounded-lg aspect-square object-cover hidden md:block" loading="lazy" />     <img src="https://d3wo5wojvuv7l.cloudfront.net/t_square_limited_480/images.spreaker.com/original/6cecbd27b628a95d530ebdf31f8ba8b9.jpg" alt="Podcast Cover" class="w-40 h-40 rounded-lg aspect-square object-cover md:hidden" loading="lazy" />     <div class="mt-1 line-clamp-2 w-40 text-sm font-semibold md:w-52">Occult Symbolism and Pop Culture with Isaac Weishaupt </div> </div>  </a>     <a wire:navigate class="relative py-2 transition-transform md:hover:-translate-y-1" href="https://www.spreaker.com/podcast/horror-story-ghosts-mysteries-and-hauntings--5182590">  <div class="rounded-2xl bg-white dark:bg-neutral-800 p-2 shadow-xs relative flex h-full shrink-0 flex-col dark:text-neutral-200 md:cursor-pointer md:hover:shadow-md">  <img src="https://d3wo5wojvuv7l.cloudfront.net/t_square_limited_480/images.spreaker.com/original/4fa70510f3d7da1e8cc6c9d815a72dff.jpg" alt="Podcast Cover" class="w-52 h-52 rounded-lg aspect-square object-cover hidden md:block" loading="lazy" />     <img src="https://d3wo5wojvuv7l.cloudfront.net/t_square_limited_480/images.spreaker.com/original/4fa70510f3d7da1e8cc6c9d815a72dff.jpg" alt="Podcast Cover" class="w-40 h-40 rounded-lg aspect-square object-cover md:hidden" loading="lazy" />     <div class="mt-1 line-clamp-2 w-40 text-sm font-semibold md:w-52">Horror Story: Ghosts, Mysteries, and Hauntings </div> </div>  </a>     <a wire:navigate class="relative py-2 transition-transform md:hover:-translate-y-1" href="https://www.spreaker.com/podcast/bigfoot-and-beyond-with-cliff-and-bobo--5828320">  <div class="rounded-2xl bg-white dark:bg-neutral-800 p-2 shadow-xs relative flex h-full shrink-0 flex-col dark:text-neutral-200 md:cursor-pointer md:hover:shadow-md">  <img src="https://d3wo5wojvuv7l.cloudfront.net/t_square_limited_480/images.spreaker.com/original/4e66585d640ebca618b23e0631f854e6.jpg" alt="Podcast Cover" class="w-52 h-52 rounded-lg aspect-square object-cover hidden md:block" loading="lazy" />     <img src="https://d3wo5wojvuv7l.cloudfront.net/t_square_limited_480/images.spreaker.com/original/4e66585d640ebca618b23e0631f854e6.jpg" alt="Podcast Cover" class="w-40 h-40 rounded-lg aspect-square object-cover md:hidden" loading="lazy" />     <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>     <a wire:navigate class="relative py-2 transition-transform md:hover:-translate-y-1" href="https://www.spreaker.com/podcast/sasquatch-odyssey--4839697">  <div class="rounded-2xl bg-white dark:bg-neutral-800 p-2 shadow-xs relative flex h-full shrink-0 flex-col dark:text-neutral-200 md:cursor-pointer md:hover:shadow-md">  <img src="https://d3wo5wojvuv7l.cloudfront.net/t_square_limited_480/images.spreaker.com/original/c7eb8dc2d9c1fd96308f4652f11c6cbd.jpg" alt="Podcast Cover" class="w-52 h-52 rounded-lg aspect-square object-cover hidden md:block" loading="lazy" />     <img src="https://d3wo5wojvuv7l.cloudfront.net/t_square_limited_480/images.spreaker.com/original/c7eb8dc2d9c1fd96308f4652f11c6cbd.jpg" alt="Podcast Cover" class="w-40 h-40 rounded-lg aspect-square object-cover md:hidden" loading="lazy" />     <div class="mt-1 line-clamp-2 w-40 text-sm font-semibold md:w-52">Sasquatch Odyssey </div> </div>  </a>     <a wire:navigate class="relative py-2 transition-transform md:hover:-translate-y-1" href="https://www.spreaker.com/podcast/sol-good-sounds--5019077">  <div class="rounded-2xl bg-white dark:bg-neutral-800 p-2 shadow-xs relative flex h-full shrink-0 flex-col dark:text-neutral-200 md:cursor-pointer md:hover:shadow-md">  <img src="https://d3wo5wojvuv7l.cloudfront.net/t_square_limited_480/images.spreaker.com/original/68a900989bf68c281852a7366e475e20.jpg" alt="Podcast Cover" class="w-52 h-52 rounded-lg aspect-square object-cover hidden md:block" loading="lazy" />     <img src="https://d3wo5wojvuv7l.cloudfront.net/t_square_limited_480/images.spreaker.com/original/68a900989bf68c281852a7366e475e20.jpg" alt="Podcast Cover" class="w-40 h-40 rounded-lg aspect-square object-cover md:hidden" loading="lazy" />     <div class="mt-1 line-clamp-2 w-40 text-sm font-semibold md:w-52">Sol Good Sounds </div> </div>  </a>     <a wire:navigate class="relative py-2 transition-transform md:hover:-translate-y-1" href="https://www.spreaker.com/podcast/deadlock-a-pro-wrestling-podcast--5810608">  <div class="rounded-2xl bg-white dark:bg-neutral-800 p-2 shadow-xs relative flex h-full shrink-0 flex-col dark:text-neutral-200 md:cursor-pointer md:hover:shadow-md">  <img src="https://d3wo5wojvuv7l.cloudfront.net/t_square_limited_480/images.spreaker.com/original/bcee91e96add3b811dbeb5de950de76b.jpg" alt="Podcast Cover" class="w-52 h-52 rounded-lg aspect-square object-cover hidden md:block" loading="lazy" />     <img src="https://d3wo5wojvuv7l.cloudfront.net/t_square_limited_480/images.spreaker.com/original/bcee91e96add3b811dbeb5de950de76b.jpg" alt="Podcast Cover" class="w-40 h-40 rounded-lg aspect-square object-cover md:hidden" loading="lazy" />     <div class="mt-1 line-clamp-2 w-40 text-sm font-semibold md:w-52">DEADLOCK: A Pro Wrestling Podcast </div> </div>  </a>     <a wire:navigate class="relative py-2 transition-transform md:hover:-translate-y-1" href="https://www.spreaker.com/podcast/solomonster-sounds-off--5582990">  <div class="rounded-2xl bg-white dark:bg-neutral-800 p-2 shadow-xs relative flex h-full shrink-0 flex-col dark:text-neutral-200 md:cursor-pointer md:hover:shadow-md">  <img src="https://d3wo5wojvuv7l.cloudfront.net/t_square_limited_480/images.spreaker.com/original/fc452a0f9dbe6dc688a42df2a692badc.jpg" alt="Podcast Cover" class="w-52 h-52 rounded-lg aspect-square object-cover hidden md:block" loading="lazy" />     <img src="https://d3wo5wojvuv7l.cloudfront.net/t_square_limited_480/images.spreaker.com/original/fc452a0f9dbe6dc688a42df2a692badc.jpg" alt="Podcast Cover" class="w-40 h-40 rounded-lg aspect-square object-cover md:hidden" loading="lazy" />     <div class="mt-1 line-clamp-2 w-40 text-sm font-semibold md:w-52">Solomonster Sounds Off </div> </div>  </a>     <a wire:navigate class="relative py-2 transition-transform md:hover:-translate-y-1" href="https://www.spreaker.com/podcast/thethinkingatheist--3270347">  <div class="rounded-2xl bg-white dark:bg-neutral-800 p-2 shadow-xs relative flex h-full shrink-0 flex-col dark:text-neutral-200 md:cursor-pointer md:hover:shadow-md">  <img src="https://d3wo5wojvuv7l.cloudfront.net/t_square_limited_480/images.spreaker.com/original/1891bcd660fa80f4abded2d82fc7dd1a.jpg" alt="Podcast Cover" class="w-52 h-52 rounded-lg aspect-square object-cover hidden md:block" loading="lazy" />     <img src="https://d3wo5wojvuv7l.cloudfront.net/t_square_limited_480/images.spreaker.com/original/1891bcd660fa80f4abded2d82fc7dd1a.jpg" alt="Podcast Cover" class="w-40 h-40 rounded-lg aspect-square object-cover md:hidden" loading="lazy" />     <div class="mt-1 line-clamp-2 w-40 text-sm font-semibold md:w-52">TheThinkingAtheist </div> </div>  </a>     <a wire:navigate class="relative py-2 transition-transform md:hover:-translate-y-1" href="https://www.spreaker.com/podcast/nature-sounds-for-sleep-meditation-relaxation--5973995">  <div class="rounded-2xl bg-white dark:bg-neutral-800 p-2 shadow-xs relative flex h-full shrink-0 flex-col dark:text-neutral-200 md:cursor-pointer md:hover:shadow-md">  <img src="https://d3wo5wojvuv7l.cloudfront.net/t_square_limited_480/images.spreaker.com/original/c3d13aeb23b88f442cf5bb20681eeb94.jpg" alt="Podcast Cover" class="w-52 h-52 rounded-lg aspect-square object-cover hidden md:block" loading="lazy" />     <img src="https://d3wo5wojvuv7l.cloudfront.net/t_square_limited_480/images.spreaker.com/original/c3d13aeb23b88f442cf5bb20681eeb94.jpg" alt="Podcast Cover" class="w-40 h-40 rounded-lg aspect-square object-cover md:hidden" loading="lazy" />     <div class="mt-1 line-clamp-2 w-40 text-sm font-semibold md:w-52">Nature Sounds for Sleep, Meditation, & Relaxation </div> </div>  </a>     <a wire:navigate class="relative py-2 transition-transform md:hover:-translate-y-1" href="https://www.spreaker.com/podcast/investigate-earth-conspiracy-podcast--3294569">  <div class="rounded-2xl bg-white dark:bg-neutral-800 p-2 shadow-xs relative flex h-full shrink-0 flex-col dark:text-neutral-200 md:cursor-pointer md:hover:shadow-md">  <img src="https://d3wo5wojvuv7l.cloudfront.net/t_square_limited_480/images.spreaker.com/original/564e0c4542e4c963918505e14b8ca2fd.jpg" alt="Podcast Cover" class="w-52 h-52 rounded-lg aspect-square object-cover hidden md:block" loading="lazy" />     <img src="https://d3wo5wojvuv7l.cloudfront.net/t_square_limited_480/images.spreaker.com/original/564e0c4542e4c963918505e14b8ca2fd.jpg" alt="Podcast Cover" class="w-40 h-40 rounded-lg aspect-square object-cover md:hidden" loading="lazy" />     <div class="mt-1 line-clamp-2 w-40 text-sm font-semibold md:w-52">Investigate Earth Conspiracy Podcast </div> </div>  </a>     <a wire:navigate class="relative py-2 transition-transform md:hover:-translate-y-1" href="https://www.spreaker.com/podcast/earth-ancients--2790919">  <div class="rounded-2xl bg-white dark:bg-neutral-800 p-2 shadow-xs relative flex h-full shrink-0 flex-col dark:text-neutral-200 md:cursor-pointer md:hover:shadow-md">  <img src="https://d3wo5wojvuv7l.cloudfront.net/t_square_limited_480/images.spreaker.com/original/88d9888baa9b9f147a64a175d3fc032e.jpg" alt="Podcast Cover" class="w-52 h-52 rounded-lg aspect-square object-cover hidden md:block" loading="lazy" />     <img src="https://d3wo5wojvuv7l.cloudfront.net/t_square_limited_480/images.spreaker.com/original/88d9888baa9b9f147a64a175d3fc032e.jpg" alt="Podcast Cover" class="w-40 h-40 rounded-lg aspect-square object-cover md:hidden" loading="lazy" />     <div class="mt-1 line-clamp-2 w-40 text-sm font-semibold md:w-52">Earth Ancients </div> </div>  </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()"> <svg class="size-6 inline" 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="M13.1161 5.11612C13.6042 4.62796 14.3957 4.62796 14.8838 5.11612C15.372 5.60427 15.372 6.39573 14.8838 6.88388L7.01771 14.75H27.9999C28.6903 14.75 29.2499 15.3096 29.2499 16C29.2499 16.6904 28.6903 17.25 27.9999 17.25H7.01771L14.8838 25.1161C15.372 25.6043 15.372 26.3957 14.8838 26.8839C14.3957 27.372 13.6042 27.372 13.1161 26.8839L4.53027 18.2981C3.26107 17.0289 3.26107 14.9711 4.53027 13.7019L13.1161 5.11612Z" /> </svg> </button>     <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 right-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 right-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 right" x-bind:class="{ 'md:hidden': !shouldDisplayLeftArrow && !shouldDisplayRightArrow, 'md:opacity-40': !shouldDisplayRightArrow, 'cursor-not-allowed': !shouldDisplayRightArrow }" x-on:click="scrollRight()"> <svg class="size-6 inline" 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="M18.8839 5.11612C18.3957 4.62796 17.6043 4.62796 17.1161 5.11612C16.628 5.60427 16.628 6.39573 17.1161 6.88388L24.9822 14.75H4C3.30964 14.75 2.75 15.3096 2.75 16C2.75 16.6904 3.30964 17.25 4 17.25H24.9822L17.1161 25.1161C16.628 25.6043 16.628 26.3957 17.1161 26.8839C17.6043 27.372 18.3957 27.372 18.8839 26.8839L27.4697 18.2981C28.7389 17.0289 28.7389 14.9711 27.4697 13.7019L18.8839 5.11612Z" /> </svg> </button>    </div> </div>  </div>    <div class="rounded-2xl p-4 flex flex-col items-center justify-center mx-auto mb-8 mt-0 bg-neutral-100 px-2 pt-16 text-center dark:bg-neutral-950 md:px-4">  <h1 class="text-3xl sm:text-3xl md:text-3xl lg:text-4xl xl:text-4xl 2xl:text-4xl font-bold text-neutral-950 dark:text-white break-anywhere"> Big Advertising Partners </h1>        <p class="text-neutral-950 dark:text-white break-anywhere mb-8 mt-4"> As a Spreaker Prime member, one of these premier advertising partners could be heard on your podcast. </p>   <div class="inline-block max-w-[800px]">  <img srcSet="https://d2nsw11i8ho592.cloudfront.net/build/assets/logo--hilton-78043b61.png 1x, https://d2nsw11i8ho592.cloudfront.net/build/assets/logo--hilton@2x-7248aadb.png 2x" alt="Prime Advertising Partner Hilton logo image" class="inline h-20" /> <img srcSet="https://d2nsw11i8ho592.cloudfront.net/build/assets/logo--uber-b61fe599.png 1x, https://d2nsw11i8ho592.cloudfront.net/build/assets/logo--uber@2x-bd0aa0bc.png 2x" alt="Prime Advertising Partner Uber logo image" class="inline h-20" /> <img srcSet="https://d2nsw11i8ho592.cloudfront.net/build/assets/logo--toyota-378323f1.png 1x, https://d2nsw11i8ho592.cloudfront.net/build/assets/logo--toyota@2x-3295bdef.png 2x" alt="Prime Advertising Partner Toyota logo image" class="inline h-20" /> <img srcSet="https://d2nsw11i8ho592.cloudfront.net/build/assets/logo--tesco-e762e69d.png 1x, https://d2nsw11i8ho592.cloudfront.net/build/assets/logo--tesco@2x-f021e9b6.png 2x" alt="Prime Advertising Partner Tesco logo image" class="inline h-20" /> <img srcSet="https://d2nsw11i8ho592.cloudfront.net/build/assets/logo--british-airways-657c04e2.png 1x, https://d2nsw11i8ho592.cloudfront.net/build/assets/logo--british-airways@2x-20554701.png 2x" alt="Prime Advertising Partner British Airways logo image" class="inline h-20" /> <img srcSet="https://d2nsw11i8ho592.cloudfront.net/build/assets/logo--leroy-merlin-e219068e.png 1x, https://d2nsw11i8ho592.cloudfront.net/build/assets/logo--leroy-merlin@2x-f864b4a4.png 2x" alt="Prime Advertising Partner Leroy Merlin logo image" class="inline h-20" /> <img srcSet="https://d2nsw11i8ho592.cloudfront.net/build/assets/logo--decathlon-55633608.png 1x, https://d2nsw11i8ho592.cloudfront.net/build/assets/logo--decathlon@2x-cb2de16e.png 2x" alt="Prime Advertising Partner Decathlon logo image" class="inline h-20" />  </div> </div>   <div class="rounded-2xl bg-white dark:bg-neutral-800 flex flex-col items-center justify-center relative my-0 h-[480px] overflow-hidden p-0 text-center sm:h-[320px]"> <picture> <source media="(max-width: 480px)" srcSet="https://d2nsw11i8ho592.cloudfront.net/build/assets/cta_background_mobile-135c2a3d.svg" type="image/jpeg"> <source media="(max-width: 767px)" srcSet="https://d2nsw11i8ho592.cloudfront.net/build/assets/cta_background_tablet-a8f9353e.svg" type="image/jpeg"> <source srcSet="https://d2nsw11i8ho592.cloudfront.net/build/assets/cta_background_desktop-9e7c6032.svg" type="image/jpeg"> <img class="absolute inset-0 h-full w-full object-cover" src="https://d2nsw11i8ho592.cloudfront.net/build/assets/cta_background_desktop-9e7c6032.svg" type="image/jpeg"> </picture> <div class="absolute top-1/2 -translate-y-1/2 px-4 py-0"> <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"> Become part of Spreaker Prime </div> <h1 class="break-anywhere mt-2 text-3xl font-bold text-neutral-950 sm:text-3xl md:text-3xl lg:text-4xl xl:text-4xl 2xl:text-4xl"> Would you like to see your podcast here? </h1> <p class="break-anywhere mx-auto my-4 max-w-[450px] text-neutral-950">Prime is a game-changing solution for podcasters to grow and monetize their content. </p>   <a 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-yellow-500 text-black hover:bg-yellow-600 dark:hover:bg-yellow-400 border border-yellow-500 px-4 py-2 h-10 text-sm mx-auto mt-4 w-max sm:mt-0" href="https://spreaker.typeform.com/to/xZUn7cLI" role="button" target="_blank" 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-yellow-500 text-black hover:bg-yellow-600 dark:hover:bg-yellow-400 border border-yellow-500 px-4 py-2 h-10 text-sm mx-auto mt-4 w-max sm:mt-0">  Apply today  <svg class="size-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="M14.2071 3.79289C13.8166 3.40237 13.1834 3.40237 12.7929 3.79289C12.4024 4.18342 12.4024 4.81658 12.7929 5.20711L18.5858 11H3C2.44772 11 2 11.4477 2 12C2 12.5523 2.44772 13 3 13H18.5858L12.7929 18.7929C12.4024 19.1834 12.4024 19.8166 12.7929 20.2071C13.1834 20.5976 13.8166 20.5976 14.2071 20.2071L20.6464 13.7678C21.6228 12.7915 21.6228 11.2085 20.6464 10.2322L14.2071 3.79289Z" /> </svg>  </a>   </div> </div>    <div x-init="SP.Amplitude.sendEvent('page_view', JSON.parse('{\u0022route\u0022:\u0022static.prime\u0022,\u0022application\u0022:\u0022Spreaker NEXT\u0022,\u0022experiments\u0022:[]}'));"> </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%2Fprime" class="flex w-full items-center gap-x-2 py-2"> <span class="flex-1 text-sm">馃嚞馃嚙 English</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/lang/it_IT?redirect=https%3A%2F%2Fwww.spreaker.com%2Fprime" class="flex w-full items-center gap-x-2 py-2"> <span class="flex-1 text-sm">馃嚠馃嚬 Italiano</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/lang/es_ES?redirect=https%3A%2F%2Fwww.spreaker.com%2Fprime" class="flex w-full items-center gap-x-2 py-2"> <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"> 馃嚞馃嚙 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="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%2Fprime" class="flex w-full items-center gap-x-2 py-2"> <span class="flex-1 text-sm">馃嚞馃嚙 English</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/lang/it_IT?redirect=https%3A%2F%2Fwww.spreaker.com%2Fprime" class="flex w-full items-center gap-x-2 py-2"> <span class="flex-1 text-sm">馃嚠馃嚬 Italiano</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/lang/es_ES?redirect=https%3A%2F%2Fwww.spreaker.com%2Fprime" class="flex w-full items-center gap-x-2 py-2"> <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 class="hover:underline" target="_blank" href="https://www.spreaker.com/terms">Terms</a> </li> <li> <a class="hover:underline" target="_blank" href="https://www.spreaker.com/privacy">Privacy</a> </li> <li> <a class="ot-sdk-show-settings hover:underline" onclick="return false;" href="#">Manage My Cookies</a> </li> </ul> </div> <p class="mt-4 xl:mt-0">Copyright 2024 - 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"> <svg class="size-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="M2.29289 6.79289C2.68342 6.40237 3.31658 6.40237 3.70711 6.79289L11.6464 14.7322C11.8417 14.9275 12.1583 14.9275 12.3536 14.7322L20.2929 6.79289C20.6834 6.40237 21.3166 6.40237 21.7071 6.79289C22.0976 7.18342 22.0976 7.81658 21.7071 8.20711L13.7678 16.1464C12.7915 17.1228 11.2085 17.1228 10.2322 16.1464L2.29289 8.20711C1.90237 7.81658 1.90237 7.18342 2.29289 6.79289Z" /> </svg> </button>    <div class="relative"> <div> <div x-data="{ selected_tab: 'player' }" class="inline-flex flex-row justify-between rounded-2xl border-[1px] border-neutral-300 dark:border-neutral-600"> <a :class="selected_tab === 'player' ? `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 = 'player'; $dispatch('tab_changed', { tab_name: 'player' })" > 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 <svg 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 4.5346V7.4654C4 7.87527 4.38564 8.13223 4.69558 7.92888L6.76575 6.46348C7.07808 6.25855 7.07808 5.74145 6.76575 5.53652L4.69558 4.07112C4.38564 3.86777 4 4.12473 4 4.5346ZM10 5C9.44772 5 9 5.44772 9 6C9 6.55228 9.44772 7 10 7H20C20.5523 7 21 6.55228 21 6C21 5.44772 20.5523 5 20 5H10ZM4 13.4654V10.5346C4 10.1247 4.38564 9.86777 4.69558 10.0711L6.76575 11.5365C7.07808 11.7414 7.07808 12.2586 6.76575 12.4635L4.69558 13.9289C4.38564 14.1322 4 13.8753 4 13.4654ZM10 11C9.44772 11 9 11.4477 9 12C9 12.5523 9.44772 13 10 13H20C20.5523 13 21 12.5523 21 12C21 11.4477 20.5523 11 20 11H10ZM4 19.4654V16.5346C4 16.1247 4.38564 15.8678 4.69558 16.0711L6.76575 17.5365C7.07808 17.7414 7.07808 18.2586 6.76575 18.4635L4.69558 19.9289C4.38564 20.1322 4 19.8753 4 19.4654ZM10 17C9.44772 17 9 17.4477 9 18C9 18.5523 9.44772 19 10 19H20C20.5523 19 21 18.5523 21 18C21 17.4477 20.5523 17 20 17H10Z" /> </svg> </a> </div> </div> <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 class="relative"> <div x-show="tab == 'player'" 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-x-0 opacity-1" x-transition:leave="translate-x-0 transition duration-300 opacity-1" x-transition:leave-start="translate-x-0 opacity-0" x-transition:leave-end="-translate-x-full opacity-0"> <div wire:snapshot="{"data":[],"memo":{"id":"4wGLL3Dag5Brn87kY8xF","name":"miniplayer.miniplayer-opened-player-active-episode","path":"prime","method":"GET","children":[],"scripts":["2406971732-0"],"assets":[],"errors":[],"locale":"en_US"},"checksum":"cc6156991e7a70e1180a62464c7a7eefbb80a87e2ef3108fe21cb58407176298"}" wire:effects="{"scripts":{"2406971732-0":" <script>\n Alpine.data('miniplayer_opened_player_active_episode', () => ({\n init() {\n $wire.loadEpisode($store.audio.activeEpisode?.episode_id || null);\n $watch('$store.audio.activeEpisode', function(episode) {\n if (!episode) {\n $wire.loadEpisode(null);\n } else {\n $wire.loadEpisode($store.audio.activeEpisode.episode_id);\n }\n });\n }\n }));\n <\/script>\n "}}" wire:id="4wGLL3Dag5Brn87kY8xF" x-data="miniplayer_opened_player_active_episode"> <div wire:loading.class="opacity-40 pointer-events-none">  <div class="pt-12">  <div class="flex flex-col items-center justify-start p-4 lg:p-8"> <div class="size-16 flex items-center justify-center rounded-3xl bg-orange-100 text-orange-900 dark:bg-orange-700 dark:text-orange-100"> <svg 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> </div>     <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'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">   <a 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-yellow-500 text-black hover:bg-yellow-600 dark:hover:bg-yellow-400 border border-yellow-500 px-4 py-2 h-10 text-sm min-w-24" href="https://www.spreaker.com" role="button" wire:navigate="wire:navigate" 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-yellow-500 text-black hover:bg-yellow-600 dark:hover:bg-yellow-400 border border-yellow-500 px-4 py-2 h-10 text-sm min-w-24">  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 class="flex items-center gap-4">  <img alt="Podcast Cover" x-bind:src="$store.audio.activeEpisode?.image_url" class="w-20 h-20 rounded-lg aspect-square object-cover" loading="lazy" />    <div>     <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 line-clamp-2" x-text="$store.audio.activeEpisode?.title"> </h4>          <h6 class="text-sm sm:text-sm md:text-sm lg:text-sm xl:text-basis 2xl:text-basis font-semibold text-neutral-950 dark:text-white break-anywhere line-clamp-1" x-text="$store.audio.activeEpisode?.show.title"> </h6>  </div> </div> </div> <div x-show="$store.audio.countLoadedEpisodes() === 0" class="pt-12">  <div class="flex flex-col items-center justify-start p-4 lg:p-8"> <div class="size-16 flex items-center justify-center rounded-3xl bg-orange-100 text-orange-900 dark:bg-orange-700 dark:text-orange-100"> <svg 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> </div>     <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't have any episodes in your queue </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">   <a 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-yellow-500 text-black hover:bg-yellow-600 dark:hover:bg-yellow-400 border border-yellow-500 px-4 py-2 h-10 text-sm min-w-24" href="https://www.spreaker.com" role="button" wire:navigate="wire:navigate" 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-yellow-500 text-black hover:bg-yellow-600 dark:hover:bg-yellow-400 border border-yellow-500 px-4 py-2 h-10 text-sm min-w-24">  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">     <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"> Next Up </h4>     <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-4 py-2 h-10 text-sm" 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-4 py-2 h-10 text-sm" x-show="!editing" x-on:click="editing = true"> Manage </button>     <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-4 py-2 h-10 text-sm" 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-4 py-2 h-10 text-sm" x-show="editing" x-on:click="editing = false"> <svg class="size-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="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> Done </button>    </div> <div class="text-neutral-950 dark:text-white"> <template x-for="(episode, index) in $store.audio.episodeQueue" :key="episode.episode_id"> <div> <div class="flex items-center gap-4 py-2 text-xs"> <div class="group relative shrink-0 cursor-pointer" x-on:click.prevent="$store.audio.playNow(episode);">  <img alt="Episode Cover" x-bind:src="episode.image_url" class="w-12 h-12 rounded-lg aspect-square object-cover" loading="lazy" />    <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">       <h6 class="text-sm sm:text-sm md:text-sm lg:text-sm xl:text-basis 2xl:text-basis font-semibold text-neutral-950 dark:text-white break-anywhere line-clamp-3" x-text="episode.title"> </h6>   <p class="text-neutral-950 dark:text-white break-anywhere line-clamp-3" x-text="episode.show.title"> </p>   </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"> <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="M13.5303 6.46964C13.8232 6.76254 13.8232 7.23741 13.5303 7.5303C13.2374 7.8232 12.7626 7.8232 12.4697 7.5303L8.75 3.81063L8.75 14C8.75 14.4142 8.41421 14.75 8 14.75C7.58578 14.75 7.25 14.4142 7.25 14L7.25 3.81063L3.53033 7.5303C3.23744 7.8232 2.76256 7.8232 2.46967 7.5303C2.17678 7.23741 2.17678 6.76254 2.46967 6.46964L6.76256 2.17675C7.44598 1.49333 8.55402 1.49333 9.23744 2.17675L13.5303 6.46964Z" /> </svg> Up </button>     <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-show="index !== 0" x-on:click="$store.audio.moveUpInQueue(episode)"> <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="M13.5303 6.46964C13.8232 6.76254 13.8232 7.23741 13.5303 7.5303C13.2374 7.8232 12.7626 7.8232 12.4697 7.5303L8.75 3.81063L8.75 14C8.75 14.4142 8.41421 14.75 8 14.75C7.58578 14.75 7.25 14.4142 7.25 14L7.25 3.81063L3.53033 7.5303C3.23744 7.8232 2.76256 7.8232 2.46967 7.5303C2.17678 7.23741 2.17678 6.76254 2.46967 6.46964L6.76256 2.17675C7.44598 1.49333 8.55402 1.49333 9.23744 2.17675L13.5303 6.46964Z" /> </svg> Up </button>     <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 === $store.audio.countLoadedEpisodes()-2"> <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="M8.75 12.1893L8.75 2C8.75 1.58579 8.41421 1.25 8 1.25C7.58579 1.25 7.25 1.58579 7.25 2L7.25 12.1893L3.53033 8.46967C3.23744 8.17677 2.76256 8.17677 2.46967 8.46967C2.17678 8.76256 2.17678 9.23743 2.46967 9.53033L6.76256 13.8232C7.44598 14.5066 8.55402 14.5066 9.23743 13.8232L13.5303 9.53033C13.8232 9.23744 13.8232 8.76256 13.5303 8.46967C13.2374 8.17678 12.7626 8.17678 12.4697 8.46967L8.75 12.1893Z" /> </svg> Down </button>     <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-show="index !== $store.audio.countLoadedEpisodes()-2" x-on:click="$store.audio.moveDownInQueue(episode)"> <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="M8.75 12.1893L8.75 2C8.75 1.58579 8.41421 1.25 8 1.25C7.58579 1.25 7.25 1.58579 7.25 2L7.25 12.1893L3.53033 8.46967C3.23744 8.17677 2.76256 8.17677 2.46967 8.46967C2.17678 8.76256 2.17678 9.23743 2.46967 9.53033L6.76256 13.8232C7.44598 14.5066 8.55402 14.5066 9.23743 13.8232L13.5303 9.53033C13.8232 9.23744 13.8232 8.76256 13.5303 8.46967C13.2374 8.17678 12.7626 8.17678 12.4697 8.46967L8.75 12.1893Z" /> </svg> Down </button>    </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)"> <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="M4.08666 2.79649C3.79744 2.49997 3.32852 2.49997 3.0393 2.79649C2.75008 3.09301 2.75008 3.57376 3.0393 3.87028L6.95263 7.88235L2.80969 12.1298C2.52047 12.4263 2.52047 12.9071 2.80969 13.2036C3.09891 13.5001 3.56783 13.5001 3.85705 13.2036L7.99999 8.95614L12.1429 13.2036C12.4322 13.5001 12.9011 13.5001 13.1903 13.2036C13.4795 12.9071 13.4795 12.4263 13.1903 12.1298L9.04736 7.88235L12.9607 3.87028C13.2499 3.57376 13.2499 3.09301 12.9607 2.79649C12.6715 2.49997 12.2025 2.49997 11.9133 2.79649L7.99999 6.80856L4.08666 2.79649Z" /> </svg> Remove </button>    </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="w-full flex-grow bg-neutral-300 dark:bg-neutral-600"> <div :style="`width: ${$store.audio.getProgress() || 0}%`" class="h-1 bg-yellow-500 transition-all"> </div> </div> <div class="flex h-16 w-full items-center gap-2 px-4"> <div class="group relative shrink-0 md:hidden" x-on:click.prevent="$store.audio.playPause(episode);">  <img x-show="$store.audio.activeEpisode?.image_url" x-bind:src="$store.audio.activeEpisode?.image_url" alt="Episode Cover" class="w-12 h-12 rounded-lg aspect-square object-cover" loading="lazy" />     <img x-show="!$store.audio.activeEpisode" alt="Episode Cover" src="https://d2nsw11i8ho592.cloudfront.net/build/assets/empty-cover-f17f2167.jpg" class="w-12 h-12 rounded-lg aspect-square object-cover" loading="lazy" />    <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 && !$store.audio.playing && !$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 && $store.audio.playing && !$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" />     <img class="w-12 h-12 rounded-lg aspect-square object-cover hidden md:flex" x-show="!$store.audio.activeEpisode" alt="Episode Cover" src="https://d2nsw11i8ho592.cloudfront.net/build/assets/empty-cover-f17f2167.jpg" 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'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 class="hidden items-center gap-2 md:flex md:justify-center">  <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" 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 size-10" aria-label="Rewind 10 seconds" x-show="!$store.audio.activeEpisode || !$store.audio.playing"> <svg class="size-5 inline" 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="M9.29289 2.29289C9.68342 1.90237 10.3166 1.90237 10.7071 2.29289C11.0976 2.68342 11.0976 3.31658 10.7071 3.70711L9.41421 5H15C18.866 5 22 8.13401 22 12V15C22 15.5523 21.5523 16 21 16C20.4477 16 20 15.5523 20 15V12C20 9.23858 17.7614 7 15 7H9.41421L10.7071 8.29289C11.0976 8.68342 11.0976 9.31658 10.7071 9.70711C10.3166 10.0976 9.68342 10.0976 9.29289 9.70711L7 7.41421C6.21895 6.63316 6.21895 5.36683 7 4.58579L9.29289 2.29289ZM14.1629 20.733C13.2925 20.7297 12.5436 20.5154 11.9161 20.0904C11.292 19.6653 10.8113 19.0496 10.4739 18.2433C10.1399 17.4371 9.97462 16.4672 9.978 15.3336C9.978 14.2035 10.145 13.2403 10.479 12.4442C10.8163 11.648 11.2971 11.0424 11.9212 10.6275C12.5487 10.2092 13.2959 10 14.1629 10C15.0299 10 15.7755 10.2092 16.3996 10.6275C17.0271 11.0458 17.5095 11.6531 17.8469 12.4492C18.1842 13.242 18.3512 14.2035 18.3478 15.3336C18.3478 16.4705 18.1792 17.4421 17.8418 18.2484C17.5078 19.0547 17.0288 19.6704 16.4047 20.0954C15.7806 20.5205 15.0333 20.733 14.1629 20.733ZM14.1629 18.9164C14.7567 18.9164 15.2307 18.6178 15.5849 18.0207C15.9391 17.4236 16.1145 16.5279 16.1112 15.3336C16.1112 14.5476 16.0302 13.8931 15.8683 13.3702C15.7097 12.8473 15.4837 12.4543 15.1902 12.1911C14.9 11.928 14.5576 11.7964 14.1629 11.7964C13.5725 11.7964 13.1002 12.0916 12.746 12.682C12.3918 13.2724 12.213 14.1562 12.2096 15.3336C12.2096 16.1298 12.2889 16.7944 12.4475 17.3274C12.6094 17.8571 12.8371 18.2551 13.1306 18.5217C13.4241 18.7848 13.7682 18.9164 14.1629 18.9164ZM8.34881 11.1417C8.34881 10.5894 7.90109 10.1417 7.34881 10.1417H6.57919C6.38979 10.1417 6.20428 10.1955 6.04426 10.2968L4.10696 11.5234C3.86829 11.6745 3.72363 11.9373 3.72363 12.2198C3.72363 12.8677 4.43671 13.2622 4.98565 12.9181L6.08546 12.2287C6.09296 12.224 6.10165 12.2215 6.11051 12.2215C6.13655 12.2215 6.15767 12.2426 6.15767 12.2687V19.5053C6.15767 20.0576 6.60539 20.5053 7.15767 20.5053H7.34881C7.90109 20.5053 8.34881 20.0576 8.34881 19.5053V11.1417Z" /> </svg> </button>     <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="Rewind 10 seconds" x-show="$store.audio.activeEpisode && $store.audio.playing" x-on:click.stop="$store.audio.minus10()"> <svg class="size-5 inline" 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="M9.29289 2.29289C9.68342 1.90237 10.3166 1.90237 10.7071 2.29289C11.0976 2.68342 11.0976 3.31658 10.7071 3.70711L9.41421 5H15C18.866 5 22 8.13401 22 12V15C22 15.5523 21.5523 16 21 16C20.4477 16 20 15.5523 20 15V12C20 9.23858 17.7614 7 15 7H9.41421L10.7071 8.29289C11.0976 8.68342 11.0976 9.31658 10.7071 9.70711C10.3166 10.0976 9.68342 10.0976 9.29289 9.70711L7 7.41421C6.21895 6.63316 6.21895 5.36683 7 4.58579L9.29289 2.29289ZM14.1629 20.733C13.2925 20.7297 12.5436 20.5154 11.9161 20.0904C11.292 19.6653 10.8113 19.0496 10.4739 18.2433C10.1399 17.4371 9.97462 16.4672 9.978 15.3336C9.978 14.2035 10.145 13.2403 10.479 12.4442C10.8163 11.648 11.2971 11.0424 11.9212 10.6275C12.5487 10.2092 13.2959 10 14.1629 10C15.0299 10 15.7755 10.2092 16.3996 10.6275C17.0271 11.0458 17.5095 11.6531 17.8469 12.4492C18.1842 13.242 18.3512 14.2035 18.3478 15.3336C18.3478 16.4705 18.1792 17.4421 17.8418 18.2484C17.5078 19.0547 17.0288 19.6704 16.4047 20.0954C15.7806 20.5205 15.0333 20.733 14.1629 20.733ZM14.1629 18.9164C14.7567 18.9164 15.2307 18.6178 15.5849 18.0207C15.9391 17.4236 16.1145 16.5279 16.1112 15.3336C16.1112 14.5476 16.0302 13.8931 15.8683 13.3702C15.7097 12.8473 15.4837 12.4543 15.1902 12.1911C14.9 11.928 14.5576 11.7964 14.1629 11.7964C13.5725 11.7964 13.1002 12.0916 12.746 12.682C12.3918 13.2724 12.213 14.1562 12.2096 15.3336C12.2096 16.1298 12.2889 16.7944 12.4475 17.3274C12.6094 17.8571 12.8371 18.2551 13.1306 18.5217C13.4241 18.7848 13.7682 18.9164 14.1629 18.9164ZM8.34881 11.1417C8.34881 10.5894 7.90109 10.1417 7.34881 10.1417H6.57919C6.38979 10.1417 6.20428 10.1955 6.04426 10.2968L4.10696 11.5234C3.86829 11.6745 3.72363 11.9373 3.72363 12.2198C3.72363 12.8677 4.43671 13.2622 4.98565 12.9181L6.08546 12.2287C6.09296 12.224 6.10165 12.2215 6.11051 12.2215C6.13655 12.2215 6.15767 12.2426 6.15767 12.2687V19.5053C6.15767 20.0576 6.60539 20.5053 7.15767 20.5053H7.34881C7.90109 20.5053 8.34881 20.0576 8.34881 19.5053V11.1417Z" /> </svg> </button>     <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" 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 size-10" aria-label="Play" x-show="!$store.audio.activeEpisode"> <svg class="size-5 inline" 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 d="M4.85392 18.7182L4.85392 5.28164C4.85392 3.40252 6.88394 2.22445 8.51547 3.15676L19.4129 9.87506C21.057 10.8146 21.057 13.1853 19.4129 14.1248L8.51547 20.8431C6.88394 21.7754 4.85392 20.5974 4.85392 18.7182Z" /> </svg> </button>     <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-600 text-white hover:bg-neutral-700 border border-neutral-600 dark:bg-neutral-50 dark:text-black dark:hover:bg-white dark:border dark:border-neutral-200 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-600 text-white hover:bg-neutral-700 border border-neutral-600 dark:bg-neutral-50 dark:text-black dark:hover:bg-white dark:border dark:border-neutral-200 size-10" aria-label="Pause" x-show="$store.audio.activeEpisode && $store.audio.playing && !$store.audio.loading" x-on:click.stop="$store.audio.pause()"> <svg class="size-5 inline" 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> </button>     <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-600 text-white hover:bg-neutral-700 border border-neutral-600 dark:bg-neutral-50 dark:text-black dark:hover:bg-white dark:border dark:border-neutral-200 px-4 py-2 text-sm h-10 w-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-600 text-white hover:bg-neutral-700 border border-neutral-600 dark:bg-neutral-50 dark:text-black dark:hover:bg-white dark:border dark:border-neutral-200 px-4 py-2 text-sm h-10 w-10" aria-label="Loading" x-show="$store.audio.loading"> <div class="" 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> </button>     <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-yellow-500 text-black hover:bg-yellow-600 dark:hover:bg-yellow-400 border border-yellow-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-yellow-500 text-black hover:bg-yellow-600 dark:hover:bg-yellow-400 border border-yellow-500 size-10" aria-label="Play" x-show="$store.audio.activeEpisode && !$store.audio.playing && !$store.audio.loading" x-on:click.stop="$store.audio.play()"> <svg class="size-5 inline" 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 d="M4.85392 18.7182L4.85392 5.28164C4.85392 3.40252 6.88394 2.22445 8.51547 3.15676L19.4129 9.87506C21.057 10.8146 21.057 13.1853 19.4129 14.1248L8.51547 20.8431C6.88394 21.7754 4.85392 20.5974 4.85392 18.7182Z" /> </svg> </button>     <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" 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 size-10" aria-label="Forward 30 seconds" x-show="!$store.audio.activeEpisode || !$store.audio.playing"> <svg class="size-5 inline" 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="M14.7071 2.29289C14.3166 1.90237 13.6834 1.90237 13.2929 2.29289C12.9024 2.68342 12.9024 3.31658 13.2929 3.70711L14.5858 5H9C5.13401 5 2 8.13401 2 12V15C2 15.5523 2.44772 16 3 16C3.55228 16 4 15.5523 4 15V12C4 9.23858 6.23858 7 9 7H14.5858L13.2929 8.29289C12.9024 8.68342 12.9024 9.31658 13.2929 9.70711C13.6834 10.0976 14.3166 10.0976 14.7071 9.70711L17 7.41421C17.781 6.63316 17.781 5.36683 17 4.58579L14.7071 2.29289ZM17.62 20.5447C16.7649 20.5414 16.0291 20.331 15.4126 19.9133C14.7994 19.4957 14.3271 18.8908 13.9957 18.0987C13.6676 17.3066 13.5052 16.3537 13.5085 15.24C13.5085 14.1297 13.6725 13.1835 14.0007 12.4013C14.3321 11.6191 14.8044 11.0241 15.4176 10.6165C16.034 10.2055 16.7682 9.99998 17.62 9.99998C18.4718 9.99998 19.2043 10.2055 19.8174 10.6165C20.4339 11.0274 20.9079 11.624 21.2393 12.4062C21.5707 13.1851 21.7348 14.1297 21.7315 15.24C21.7315 16.357 21.5658 17.3115 21.2343 18.1037C20.9062 18.8958 20.4356 19.5007 19.8224 19.9183C19.2092 20.3359 18.4751 20.5447 17.62 20.5447ZM17.62 18.7599C18.2033 18.7599 18.669 18.4666 19.017 17.88C19.365 17.2933 19.5374 16.4133 19.534 15.24C19.534 14.4678 19.4545 13.8248 19.2954 13.3111C19.1396 12.7973 18.9176 12.4112 18.6292 12.1527C18.3442 11.8942 18.0078 11.7649 17.62 11.7649C17.04 11.7649 16.5759 12.0549 16.2279 12.6349C15.8799 13.2149 15.7043 14.0833 15.7009 15.24C15.7009 16.0222 15.7788 16.6752 15.9346 17.1988C16.0937 17.7192 16.3174 18.1103 16.6058 18.3721C16.8941 18.6307 17.2322 18.7599 17.62 18.7599ZM6.87926 20.0774C7.45928 20.3326 8.1205 20.4602 8.86293 20.4602C9.62524 20.4602 10.3014 20.331 10.8913 20.0724C11.4813 19.8139 11.9437 19.4593 12.2784 19.0085C12.6165 18.5578 12.7839 18.0424 12.7805 17.4624C12.7839 16.8293 12.5883 16.3023 12.1939 15.8814C11.8099 15.4648 11.2533 15.2065 10.5242 15.1062C10.5011 15.1031 10.4837 15.0834 10.4837 15.0601C10.4837 15.0376 10.4998 15.0184 10.5218 15.0142C11.0744 14.9077 11.524 14.6681 11.8707 14.2955C12.2287 13.9143 12.406 13.4387 12.4027 12.8686C12.406 12.3317 12.2602 11.8478 11.9652 11.4169C11.6735 10.9827 11.2642 10.638 10.7372 10.3828C10.2102 10.1276 9.59541 10 8.89276 10C8.19673 10 7.57197 10.1276 7.01847 10.3828C6.46828 10.6347 6.03078 10.9844 5.70597 11.4318C5.57865 11.6072 5.47552 11.7933 5.39658 11.9901C5.18848 12.5088 5.66201 12.983 6.22093 12.983H6.54003C6.94599 12.983 7.25535 12.6302 7.50071 12.3068C7.64654 12.1146 7.84044 11.9671 8.08239 11.8643C8.32434 11.7583 8.59115 11.7053 8.88281 11.7053C9.17116 11.7053 9.42306 11.7599 9.63849 11.8693C9.85724 11.9787 10.0263 12.1312 10.1456 12.3267C10.2682 12.5189 10.3295 12.7427 10.3295 12.9979C10.3295 13.2663 10.2599 13.5017 10.1207 13.7038C9.98153 13.9027 9.78598 14.0585 9.53409 14.1712C9.28551 14.2839 8.99882 14.3402 8.67401 14.3402H8.51492C8.07834 14.3402 7.72443 14.6941 7.72443 15.1307C7.72443 15.5673 8.07834 15.9212 8.51492 15.9212H8.67401C9.05848 15.9212 9.38991 15.9808 9.66832 16.1001C9.95005 16.2195 10.1655 16.3852 10.3146 16.5973C10.4671 16.8061 10.5433 17.0464 10.5433 17.3182C10.5433 17.5866 10.4721 17.8236 10.3295 18.0291C10.187 18.2346 9.98982 18.3954 9.73793 18.5114C9.48603 18.6274 9.19602 18.6854 8.8679 18.6854C8.55303 18.6854 8.26965 18.634 8.01776 18.5312C7.76586 18.4285 7.56368 18.2843 7.41122 18.0987C7.16399 17.7856 6.85501 17.4425 6.45603 17.4425H6.0169C5.45806 17.4425 4.98494 17.9162 5.19161 18.4355C5.27273 18.6393 5.37956 18.8319 5.51207 19.0135C5.84683 19.4643 6.30256 19.8189 6.87926 20.0774Z" /> </svg> </button>     <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="Forward 30 seconds" x-show="$store.audio.activeEpisode && $store.audio.playing" x-on:click.stop="$store.audio.plus30()"> <svg class="size-5 inline" 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="M14.7071 2.29289C14.3166 1.90237 13.6834 1.90237 13.2929 2.29289C12.9024 2.68342 12.9024 3.31658 13.2929 3.70711L14.5858 5H9C5.13401 5 2 8.13401 2 12V15C2 15.5523 2.44772 16 3 16C3.55228 16 4 15.5523 4 15V12C4 9.23858 6.23858 7 9 7H14.5858L13.2929 8.29289C12.9024 8.68342 12.9024 9.31658 13.2929 9.70711C13.6834 10.0976 14.3166 10.0976 14.7071 9.70711L17 7.41421C17.781 6.63316 17.781 5.36683 17 4.58579L14.7071 2.29289ZM17.62 20.5447C16.7649 20.5414 16.0291 20.331 15.4126 19.9133C14.7994 19.4957 14.3271 18.8908 13.9957 18.0987C13.6676 17.3066 13.5052 16.3537 13.5085 15.24C13.5085 14.1297 13.6725 13.1835 14.0007 12.4013C14.3321 11.6191 14.8044 11.0241 15.4176 10.6165C16.034 10.2055 16.7682 9.99998 17.62 9.99998C18.4718 9.99998 19.2043 10.2055 19.8174 10.6165C20.4339 11.0274 20.9079 11.624 21.2393 12.4062C21.5707 13.1851 21.7348 14.1297 21.7315 15.24C21.7315 16.357 21.5658 17.3115 21.2343 18.1037C20.9062 18.8958 20.4356 19.5007 19.8224 19.9183C19.2092 20.3359 18.4751 20.5447 17.62 20.5447ZM17.62 18.7599C18.2033 18.7599 18.669 18.4666 19.017 17.88C19.365 17.2933 19.5374 16.4133 19.534 15.24C19.534 14.4678 19.4545 13.8248 19.2954 13.3111C19.1396 12.7973 18.9176 12.4112 18.6292 12.1527C18.3442 11.8942 18.0078 11.7649 17.62 11.7649C17.04 11.7649 16.5759 12.0549 16.2279 12.6349C15.8799 13.2149 15.7043 14.0833 15.7009 15.24C15.7009 16.0222 15.7788 16.6752 15.9346 17.1988C16.0937 17.7192 16.3174 18.1103 16.6058 18.3721C16.8941 18.6307 17.2322 18.7599 17.62 18.7599ZM6.87926 20.0774C7.45928 20.3326 8.1205 20.4602 8.86293 20.4602C9.62524 20.4602 10.3014 20.331 10.8913 20.0724C11.4813 19.8139 11.9437 19.4593 12.2784 19.0085C12.6165 18.5578 12.7839 18.0424 12.7805 17.4624C12.7839 16.8293 12.5883 16.3023 12.1939 15.8814C11.8099 15.4648 11.2533 15.2065 10.5242 15.1062C10.5011 15.1031 10.4837 15.0834 10.4837 15.0601C10.4837 15.0376 10.4998 15.0184 10.5218 15.0142C11.0744 14.9077 11.524 14.6681 11.8707 14.2955C12.2287 13.9143 12.406 13.4387 12.4027 12.8686C12.406 12.3317 12.2602 11.8478 11.9652 11.4169C11.6735 10.9827 11.2642 10.638 10.7372 10.3828C10.2102 10.1276 9.59541 10 8.89276 10C8.19673 10 7.57197 10.1276 7.01847 10.3828C6.46828 10.6347 6.03078 10.9844 5.70597 11.4318C5.57865 11.6072 5.47552 11.7933 5.39658 11.9901C5.18848 12.5088 5.66201 12.983 6.22093 12.983H6.54003C6.94599 12.983 7.25535 12.6302 7.50071 12.3068C7.64654 12.1146 7.84044 11.9671 8.08239 11.8643C8.32434 11.7583 8.59115 11.7053 8.88281 11.7053C9.17116 11.7053 9.42306 11.7599 9.63849 11.8693C9.85724 11.9787 10.0263 12.1312 10.1456 12.3267C10.2682 12.5189 10.3295 12.7427 10.3295 12.9979C10.3295 13.2663 10.2599 13.5017 10.1207 13.7038C9.98153 13.9027 9.78598 14.0585 9.53409 14.1712C9.28551 14.2839 8.99882 14.3402 8.67401 14.3402H8.51492C8.07834 14.3402 7.72443 14.6941 7.72443 15.1307C7.72443 15.5673 8.07834 15.9212 8.51492 15.9212H8.67401C9.05848 15.9212 9.38991 15.9808 9.66832 16.1001C9.95005 16.2195 10.1655 16.3852 10.3146 16.5973C10.4671 16.8061 10.5433 17.0464 10.5433 17.3182C10.5433 17.5866 10.4721 17.8236 10.3295 18.0291C10.187 18.2346 9.98982 18.3954 9.73793 18.5114C9.48603 18.6274 9.19602 18.6854 8.8679 18.6854C8.55303 18.6854 8.26965 18.634 8.01776 18.5312C7.76586 18.4285 7.56368 18.2843 7.41122 18.0987C7.16399 17.7856 6.85501 17.4425 6.45603 17.4425H6.0169C5.45806 17.4425 4.98494 17.9162 5.19161 18.4355C5.27273 18.6393 5.37956 18.8319 5.51207 19.0135C5.84683 19.4643 6.30256 19.8189 6.87926 20.0774Z" /> </svg> </button>    </div> <div class="flex items-center justify-end gap-2 md:flex-1"> <div class="md:hidden">  <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" 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 size-10" aria-label="Forward 30 seconds" x-show="!$store.audio.activeEpisode || !$store.audio.playing"> <svg class="size-5 inline" 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="M14.7071 2.29289C14.3166 1.90237 13.6834 1.90237 13.2929 2.29289C12.9024 2.68342 12.9024 3.31658 13.2929 3.70711L14.5858 5H9C5.13401 5 2 8.13401 2 12V15C2 15.5523 2.44772 16 3 16C3.55228 16 4 15.5523 4 15V12C4 9.23858 6.23858 7 9 7H14.5858L13.2929 8.29289C12.9024 8.68342 12.9024 9.31658 13.2929 9.70711C13.6834 10.0976 14.3166 10.0976 14.7071 9.70711L17 7.41421C17.781 6.63316 17.781 5.36683 17 4.58579L14.7071 2.29289ZM17.62 20.5447C16.7649 20.5414 16.0291 20.331 15.4126 19.9133C14.7994 19.4957 14.3271 18.8908 13.9957 18.0987C13.6676 17.3066 13.5052 16.3537 13.5085 15.24C13.5085 14.1297 13.6725 13.1835 14.0007 12.4013C14.3321 11.6191 14.8044 11.0241 15.4176 10.6165C16.034 10.2055 16.7682 9.99998 17.62 9.99998C18.4718 9.99998 19.2043 10.2055 19.8174 10.6165C20.4339 11.0274 20.9079 11.624 21.2393 12.4062C21.5707 13.1851 21.7348 14.1297 21.7315 15.24C21.7315 16.357 21.5658 17.3115 21.2343 18.1037C20.9062 18.8958 20.4356 19.5007 19.8224 19.9183C19.2092 20.3359 18.4751 20.5447 17.62 20.5447ZM17.62 18.7599C18.2033 18.7599 18.669 18.4666 19.017 17.88C19.365 17.2933 19.5374 16.4133 19.534 15.24C19.534 14.4678 19.4545 13.8248 19.2954 13.3111C19.1396 12.7973 18.9176 12.4112 18.6292 12.1527C18.3442 11.8942 18.0078 11.7649 17.62 11.7649C17.04 11.7649 16.5759 12.0549 16.2279 12.6349C15.8799 13.2149 15.7043 14.0833 15.7009 15.24C15.7009 16.0222 15.7788 16.6752 15.9346 17.1988C16.0937 17.7192 16.3174 18.1103 16.6058 18.3721C16.8941 18.6307 17.2322 18.7599 17.62 18.7599ZM6.87926 20.0774C7.45928 20.3326 8.1205 20.4602 8.86293 20.4602C9.62524 20.4602 10.3014 20.331 10.8913 20.0724C11.4813 19.8139 11.9437 19.4593 12.2784 19.0085C12.6165 18.5578 12.7839 18.0424 12.7805 17.4624C12.7839 16.8293 12.5883 16.3023 12.1939 15.8814C11.8099 15.4648 11.2533 15.2065 10.5242 15.1062C10.5011 15.1031 10.4837 15.0834 10.4837 15.0601C10.4837 15.0376 10.4998 15.0184 10.5218 15.0142C11.0744 14.9077 11.524 14.6681 11.8707 14.2955C12.2287 13.9143 12.406 13.4387 12.4027 12.8686C12.406 12.3317 12.2602 11.8478 11.9652 11.4169C11.6735 10.9827 11.2642 10.638 10.7372 10.3828C10.2102 10.1276 9.59541 10 8.89276 10C8.19673 10 7.57197 10.1276 7.01847 10.3828C6.46828 10.6347 6.03078 10.9844 5.70597 11.4318C5.57865 11.6072 5.47552 11.7933 5.39658 11.9901C5.18848 12.5088 5.66201 12.983 6.22093 12.983H6.54003C6.94599 12.983 7.25535 12.6302 7.50071 12.3068C7.64654 12.1146 7.84044 11.9671 8.08239 11.8643C8.32434 11.7583 8.59115 11.7053 8.88281 11.7053C9.17116 11.7053 9.42306 11.7599 9.63849 11.8693C9.85724 11.9787 10.0263 12.1312 10.1456 12.3267C10.2682 12.5189 10.3295 12.7427 10.3295 12.9979C10.3295 13.2663 10.2599 13.5017 10.1207 13.7038C9.98153 13.9027 9.78598 14.0585 9.53409 14.1712C9.28551 14.2839 8.99882 14.3402 8.67401 14.3402H8.51492C8.07834 14.3402 7.72443 14.6941 7.72443 15.1307C7.72443 15.5673 8.07834 15.9212 8.51492 15.9212H8.67401C9.05848 15.9212 9.38991 15.9808 9.66832 16.1001C9.95005 16.2195 10.1655 16.3852 10.3146 16.5973C10.4671 16.8061 10.5433 17.0464 10.5433 17.3182C10.5433 17.5866 10.4721 17.8236 10.3295 18.0291C10.187 18.2346 9.98982 18.3954 9.73793 18.5114C9.48603 18.6274 9.19602 18.6854 8.8679 18.6854C8.55303 18.6854 8.26965 18.634 8.01776 18.5312C7.76586 18.4285 7.56368 18.2843 7.41122 18.0987C7.16399 17.7856 6.85501 17.4425 6.45603 17.4425H6.0169C5.45806 17.4425 4.98494 17.9162 5.19161 18.4355C5.27273 18.6393 5.37956 18.8319 5.51207 19.0135C5.84683 19.4643 6.30256 19.8189 6.87926 20.0774Z" /> </svg> </button>     <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="Forward 30 seconds" x-show="$store.audio.activeEpisode && $store.audio.playing" x-on:click.stop="$store.audio.plus30()"> <svg class="size-5 inline" 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="M14.7071 2.29289C14.3166 1.90237 13.6834 1.90237 13.2929 2.29289C12.9024 2.68342 12.9024 3.31658 13.2929 3.70711L14.5858 5H9C5.13401 5 2 8.13401 2 12V15C2 15.5523 2.44772 16 3 16C3.55228 16 4 15.5523 4 15V12C4 9.23858 6.23858 7 9 7H14.5858L13.2929 8.29289C12.9024 8.68342 12.9024 9.31658 13.2929 9.70711C13.6834 10.0976 14.3166 10.0976 14.7071 9.70711L17 7.41421C17.781 6.63316 17.781 5.36683 17 4.58579L14.7071 2.29289ZM17.62 20.5447C16.7649 20.5414 16.0291 20.331 15.4126 19.9133C14.7994 19.4957 14.3271 18.8908 13.9957 18.0987C13.6676 17.3066 13.5052 16.3537 13.5085 15.24C13.5085 14.1297 13.6725 13.1835 14.0007 12.4013C14.3321 11.6191 14.8044 11.0241 15.4176 10.6165C16.034 10.2055 16.7682 9.99998 17.62 9.99998C18.4718 9.99998 19.2043 10.2055 19.8174 10.6165C20.4339 11.0274 20.9079 11.624 21.2393 12.4062C21.5707 13.1851 21.7348 14.1297 21.7315 15.24C21.7315 16.357 21.5658 17.3115 21.2343 18.1037C20.9062 18.8958 20.4356 19.5007 19.8224 19.9183C19.2092 20.3359 18.4751 20.5447 17.62 20.5447ZM17.62 18.7599C18.2033 18.7599 18.669 18.4666 19.017 17.88C19.365 17.2933 19.5374 16.4133 19.534 15.24C19.534 14.4678 19.4545 13.8248 19.2954 13.3111C19.1396 12.7973 18.9176 12.4112 18.6292 12.1527C18.3442 11.8942 18.0078 11.7649 17.62 11.7649C17.04 11.7649 16.5759 12.0549 16.2279 12.6349C15.8799 13.2149 15.7043 14.0833 15.7009 15.24C15.7009 16.0222 15.7788 16.6752 15.9346 17.1988C16.0937 17.7192 16.3174 18.1103 16.6058 18.3721C16.8941 18.6307 17.2322 18.7599 17.62 18.7599ZM6.87926 20.0774C7.45928 20.3326 8.1205 20.4602 8.86293 20.4602C9.62524 20.4602 10.3014 20.331 10.8913 20.0724C11.4813 19.8139 11.9437 19.4593 12.2784 19.0085C12.6165 18.5578 12.7839 18.0424 12.7805 17.4624C12.7839 16.8293 12.5883 16.3023 12.1939 15.8814C11.8099 15.4648 11.2533 15.2065 10.5242 15.1062C10.5011 15.1031 10.4837 15.0834 10.4837 15.0601C10.4837 15.0376 10.4998 15.0184 10.5218 15.0142C11.0744 14.9077 11.524 14.6681 11.8707 14.2955C12.2287 13.9143 12.406 13.4387 12.4027 12.8686C12.406 12.3317 12.2602 11.8478 11.9652 11.4169C11.6735 10.9827 11.2642 10.638 10.7372 10.3828C10.2102 10.1276 9.59541 10 8.89276 10C8.19673 10 7.57197 10.1276 7.01847 10.3828C6.46828 10.6347 6.03078 10.9844 5.70597 11.4318C5.57865 11.6072 5.47552 11.7933 5.39658 11.9901C5.18848 12.5088 5.66201 12.983 6.22093 12.983H6.54003C6.94599 12.983 7.25535 12.6302 7.50071 12.3068C7.64654 12.1146 7.84044 11.9671 8.08239 11.8643C8.32434 11.7583 8.59115 11.7053 8.88281 11.7053C9.17116 11.7053 9.42306 11.7599 9.63849 11.8693C9.85724 11.9787 10.0263 12.1312 10.1456 12.3267C10.2682 12.5189 10.3295 12.7427 10.3295 12.9979C10.3295 13.2663 10.2599 13.5017 10.1207 13.7038C9.98153 13.9027 9.78598 14.0585 9.53409 14.1712C9.28551 14.2839 8.99882 14.3402 8.67401 14.3402H8.51492C8.07834 14.3402 7.72443 14.6941 7.72443 15.1307C7.72443 15.5673 8.07834 15.9212 8.51492 15.9212H8.67401C9.05848 15.9212 9.38991 15.9808 9.66832 16.1001C9.95005 16.2195 10.1655 16.3852 10.3146 16.5973C10.4671 16.8061 10.5433 17.0464 10.5433 17.3182C10.5433 17.5866 10.4721 17.8236 10.3295 18.0291C10.187 18.2346 9.98982 18.3954 9.73793 18.5114C9.48603 18.6274 9.19602 18.6854 8.8679 18.6854C8.55303 18.6854 8.26965 18.634 8.01776 18.5312C7.76586 18.4285 7.56368 18.2843 7.41122 18.0987C7.16399 17.7856 6.85501 17.4425 6.45603 17.4425H6.0169C5.45806 17.4425 4.98494 17.9162 5.19161 18.4355C5.27273 18.6393 5.37956 18.8319 5.51207 19.0135C5.84683 19.4643 6.30256 19.8189 6.87926 20.0774Z" /> </svg> </button>    </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"> <svg class="size-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="M2.29289 6.79289C2.68342 6.40237 3.31658 6.40237 3.70711 6.79289L11.6464 14.7322C11.8417 14.9275 12.1583 14.9275 12.3536 14.7322L20.2929 6.79289C20.6834 6.40237 21.3166 6.40237 21.7071 6.79289C22.0976 7.18342 22.0976 7.81658 21.7071 8.20711L13.7678 16.1464C12.7915 17.1228 11.2085 17.1228 10.2322 16.1464L2.29289 8.20711C1.90237 7.81658 1.90237 7.18342 2.29289 6.79289Z" /> </svg> </button>    <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="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="M19 9.10553V18.75C19 19.3023 18.5523 19.75 18 19.75H6C5.44772 19.75 5 19.3023 5 18.75V9.10553C5 8.77118 5.1671 8.45895 5.4453 8.27348L11.4453 4.27348C11.7812 4.04955 12.2188 4.04955 12.5547 4.27348L18.5547 8.27348C18.8329 8.45895 19 8.77118 19 9.10553ZM3 9.10553C3 8.10247 3.5013 7.16578 4.3359 6.60938L10.3359 2.60938C11.3436 1.93758 12.6564 1.93758 13.6641 2.60938L19.6641 6.60938C20.4987 7.16578 21 8.10247 21 9.10553V18.75C21 20.4068 19.6569 21.75 18 21.75H6C4.34315 21.75 3 20.4068 3 18.75V9.10553ZM12.75 8.75C12.1977 8.75 11.75 9.19772 11.75 9.75V13.75C11.75 14.3023 12.1977 14.75 12.75 14.75H16.75C17.3023 14.75 17.75 14.3023 17.75 13.75V9.75C17.75 9.19772 17.3023 8.75 16.75 8.75H12.75ZM13.75 12.75V10.75H15.75V12.75H13.75Z" /> </svg> <div class=" 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's full potential </h3>      <p class="text-neutral-950 dark:text-white break-anywhere"> </p>   </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"> <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="M4.08666 2.79649C3.79744 2.49997 3.32852 2.49997 3.0393 2.79649C2.75008 3.09301 2.75008 3.57376 3.0393 3.87028L6.95263 7.88235L2.80969 12.1298C2.52047 12.4263 2.52047 12.9071 2.80969 13.2036C3.09891 13.5001 3.56783 13.5001 3.85705 13.2036L7.99999 8.95614L12.1429 13.2036C12.4322 13.5001 12.9011 13.5001 13.1903 13.2036C13.4795 12.9071 13.4795 12.4263 13.1903 12.1298L9.04736 7.88235L12.9607 3.87028C13.2499 3.57376 13.2499 3.09301 12.9607 2.79649C12.6715 2.49997 12.2025 2.49997 11.9133 2.79649L7.99999 6.80856L4.08666 2.79649Z" /> </svg> </button>    </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 x-intersect="SP.Amplitude.sendEvent('modal_view', JSON.parse('{\u0022modal_name\u0022:\u0022signup_cta\u0022,\u0022application\u0022:\u0022Spreaker NEXT\u0022,\u0022experiments\u0022:[]}'));"> </div>  </div> <div class="-mx-4 -mb-4 flex overflow-hidden rounded-b-2xl p-4 sm:flex-row-reverse gap-3">   <a 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-yellow-500 text-black hover:bg-yellow-600 dark:hover:bg-yellow-400 border border-yellow-500 px-4 py-2 h-10 text-sm" href="https://www.spreaker.com/signup?redirect=https%3A%2F%2Fwww.spreaker.com%2Fprime" role="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-yellow-500 text-black hover:bg-yellow-600 dark:hover:bg-yellow-400 border border-yellow-500 px-4 py-2 h-10 text-sm" x-intersect="updateOpened()">  Sign up for free  </a>   </div> </div>  </div> </div> </div> </template> </div> </div> </div> <link rel="modulepreload" href="https://d2nsw11i8ho592.cloudfront.net/build/assets/app-f8c8aa6f.js" /><script type="module" src="https://d2nsw11i8ho592.cloudfront.net/build/assets/app-f8c8aa6f.js" data-navigate-track="reload"></script> <script data-navigate-once="true">window.livewireScriptConfig = {"csrf":"Dtgz5T3NBr7rlKa4bw70A1CBoBBn1UVvpCT2q69L","uri":"\/livewire\/update","progressBar":"","nonce":""};</script> <script> window.SP = window.SP || {}; window.SP.MetaTheme = { changed(dark) { const meta = document.querySelector('meta[name="theme-color"]'); if (dark) { meta.setAttribute('content', '#262626'); } else { meta.setAttribute('content', '#ffffff'); } } }; window.SP.MetaTheme.changed(localStorage.getItem('sp_storage.theme.dark') === 'true'); </script> <script> document.ondblclick = function(e) { e.preventDefault(); } </script> </body> </html>

CINXE.COM

Spreaker