@charset "utf-8";

.feed .story { margin-bottom: 0px; }

.phoenix-player .phx-audio-ui { width: 100%; height: 100%; background-color: rgb(255, 255, 255); }

.phoenix-player .phx-audio-ui .audio-ui-inner .primary-controls-and-metadata { display: flex; flex-wrap: wrap; }

.phoenix-player .phx-audio-ui .audio-ui-inner .primary-controls-and-metadata .primary-controls { flex: 0 0 auto; margin: 20px; }

.phoenix-player .phx-audio-ui .audio-ui-inner .primary-controls-and-metadata .primary-controls .phx-skip-back-btn, .phoenix-player .phx-audio-ui .audio-ui-inner .primary-controls-and-metadata .primary-controls .phx-skip-forward-btn, .phoenix-player .phx-audio-ui .audio-ui-inner .primary-controls-and-metadata .primary-controls .phx-play-btn, .phoenix-player .phx-audio-ui .audio-ui-inner .primary-controls-and-metadata .primary-controls .phx-stop-btn, .phoenix-player .phx-audio-ui .audio-ui-inner .primary-controls-and-metadata .primary-controls .phx-pause-btn { cursor: pointer; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; vertical-align: middle; padding: 0px; background: transparent; }

.phoenix-player .phx-audio-ui .audio-ui-inner .primary-controls-and-metadata .primary-controls .phx-skip-back-btn:focus, .phoenix-player .phx-audio-ui .audio-ui-inner .primary-controls-and-metadata .primary-controls .phx-skip-forward-btn:focus, .phoenix-player .phx-audio-ui .audio-ui-inner .primary-controls-and-metadata .primary-controls .phx-play-btn:focus, .phoenix-player .phx-audio-ui .audio-ui-inner .primary-controls-and-metadata .primary-controls .phx-stop-btn:focus, .phoenix-player .phx-audio-ui .audio-ui-inner .primary-controls-and-metadata .primary-controls .phx-pause-btn:focus { outline: rgb(0, 0, 0) dotted 1px; }

.phoenix-player .phx-audio-ui .audio-ui-inner .primary-controls-and-metadata .primary-controls.advertising .phx-skip-forward-btn, .phoenix-player .phx-audio-ui .audio-ui-inner .primary-controls-and-metadata .primary-controls.advertising .phx-skip-back-btn { pointer-events: none; }

.phoenix-player .phx-audio-ui .audio-ui-inner .primary-controls-and-metadata .primary-controls.advertising .phx-skip-forward-btn > svg, .phoenix-player .phx-audio-ui .audio-ui-inner .primary-controls-and-metadata .primary-controls.advertising .phx-skip-back-btn > svg { opacity: 0.5; }

.phoenix-player .phx-audio-ui .audio-ui-inner .primary-controls-and-metadata .primary-controls .phx-skip-back-btn { margin-right: 25px; }

.phoenix-player .phx-audio-ui .audio-ui-inner .primary-controls-and-metadata .primary-controls .phx-skip-forward-btn { margin-left: 25px; }

.phoenix-player .phx-audio-ui .audio-ui-inner .primary-controls-and-metadata .primary-controls .phx-pause-btn > svg, .phoenix-player .phx-audio-ui .audio-ui-inner .primary-controls-and-metadata .primary-controls .phx-stop-btn > svg, .phoenix-player .phx-audio-ui .audio-ui-inner .primary-controls-and-metadata .primary-controls .phx-play-btn > svg { width: 60px; }

.phoenix-player .phx-audio-ui .audio-ui-inner .primary-controls-and-metadata .primary-controls .phx-pause-btn:hover polygon, .phoenix-player .phx-audio-ui .audio-ui-inner .primary-controls-and-metadata .primary-controls .phx-stop-btn:hover polygon, .phoenix-player .phx-audio-ui .audio-ui-inner .primary-controls-and-metadata .primary-controls .phx-play-btn:hover polygon { fill: rgb(230, 5, 5); }

.phoenix-player .phx-audio-ui .audio-ui-inner .primary-controls-and-metadata .primary-controls .phx-stop-btn.media-loading { pointer-events: none; }

.phoenix-player .phx-audio-ui .audio-ui-inner .primary-controls-and-metadata .primary-controls .phx-stop-btn.media-loading > svg { opacity: 0.5; }

.phoenix-player .phx-audio-ui .audio-ui-inner .primary-controls-and-metadata .thumbnail-metadata { display: flex; flex-basis: 0px; flex-grow: 999; align-items: center; }

.phoenix-player .phx-audio-ui .audio-ui-inner .primary-controls-and-metadata .thumbnail-metadata .audio-ui-thumbnail-wrapper { box-shadow: rgb(203, 203, 203) 0px 0px 5px 1px; height: 84.375px; flex: 0 0 auto; margin-left: 20px; }

.phoenix-player .phx-audio-ui .audio-ui-inner .primary-controls-and-metadata .thumbnail-metadata .audio-ui-thumbnail-wrapper img { width: auto; height: 84.375px; object-fit: contain; object-position: center center; }

.phoenix-player .phx-audio-ui .audio-ui-inner .primary-controls-and-metadata .thumbnail-metadata .audio-ui-metadata #media-metadata-audio { box-sizing: border-box; padding: 0px 20px; }

.phoenix-player .phx-audio-ui .audio-ui-inner .primary-controls-and-metadata .thumbnail-metadata .audio-ui-metadata #media-metadata-audio .phoenix-showname, .phoenix-player .phx-audio-ui .audio-ui-inner .primary-controls-and-metadata .thumbnail-metadata .audio-ui-metadata #media-metadata-audio .phoenix-title { padding: 0px; margin: 0px; }

.phoenix-player .phx-audio-ui .audio-ui-inner .primary-controls-and-metadata .thumbnail-metadata .audio-ui-metadata #media-metadata-audio .phoenix-showname { font-size: 0.8rem; font-weight: bold; }

.phoenix-player .phx-audio-ui .audio-ui-inner .primary-controls-and-metadata .thumbnail-metadata .audio-ui-metadata #media-metadata-audio .phoenix-title { font-size: 0.85rem; line-height: 1.188rem; max-height: calc(2.376rem); overflow: hidden; }

.phoenix-player .phx-audio-ui .audio-ui-inner .primary-controls-and-metadata .thumbnail-metadata .audio-ui-metadata #media-metadata-audio.advertising .phoenix-showname { text-transform: uppercase; }

.phoenix-player .phx-audio-ui .audio-ui-inner button label { display: block; position: absolute; bottom: calc(-6px - 0.6875rem); padding: 6px; border-radius: 4px; background: rgb(38, 50, 56); font-size: 0.6875rem; font-weight: bold; white-space: nowrap; transform: translateY(0px); opacity: 0; pointer-events: none; line-height: 1rem; }

.phoenix-player .phx-audio-ui .audio-ui-inner button:hover label, .phoenix-player .phx-audio-ui .audio-ui-inner button:focus label { animation: 4s ease 0s 1 normal none running tooltipAnimation; z-index: 1; color: white; }

@keyframes tooltipAnimation { 
  0% { opacity: 0; transform: translateY(-40px); }
  5% { opacity: 1; transform: translateY(-70px); }
  95% { opacity: 1; transform: translateY(-70px); }
  100% { opacity: 0; transform: translateY(-40px); }
}

.phoenix-player .phx-audio-ui .audio-ui-inner .secondary-controls { display: flex; margin: 0px 20px; position: relative; width: calc(100% - 40px); }

.phoenix-player .phx-audio-ui .audio-ui-inner .secondary-controls .audio-seekbar-wrapper { flex: 1 0 100px; padding: 5px 0px; }

.phoenix-player .phx-audio-ui .audio-ui-inner .secondary-controls .time-metadata { padding: 8px 20px; line-height: normal; }

.phoenix-player .phx-audio-ui .audio-ui-inner .secondary-controls .time-metadata span { color: rgb(0, 0, 0); text-shadow: none; opacity: 1; font-size: 0.8rem; }

.phoenix-player .phx-audio-ui .audio-ui-inner .secondary-controls .time-metadata .phx-duration-metadata::before { content: "/"; margin: 0px 4px; }

.phoenix-player .phx-audio-ui .audio-ui-inner .secondary-controls .volume-controls-container .phx-volume-controls { display: flex; }

.phoenix-player .phx-audio-ui .audio-ui-inner .secondary-controls .volume-controls-container .phx-muted-btn { cursor: pointer; background: transparent; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; width: 24px; height: 24px; box-sizing: content-box; position: relative; padding: 5px 0px; }

.phoenix-player .phx-audio-ui .audio-ui-inner .secondary-controls .volume-controls-container .phx-muted-btn.audio label { bottom: calc(-29px - 0.6875rem); right: 0px; }

.phoenix-player .phx-audio-ui .audio-ui-inner .secondary-controls .volume-controls-container .phx-volume-slider.audio { width: 100%; line-height: 26px; }

.phoenix-player .phx-audio-ui .audio-ui-inner .phx-volume-slider.audio label { bottom: calc(-19px - 0.6875rem); }

.phoenix-player.phx-small .phx-audio-ui .audio-ui-inner .primary-controls-and-metadata .thumbnail-metadata .audio-ui-metadata #media-metadata-audio, .phoenix-player.phx-extra-small .phx-audio-ui .audio-ui-inner .primary-controls-and-metadata .thumbnail-metadata .audio-ui-metadata #media-metadata-audio { padding: 5px 20px 0px; }

.phoenix-player.phx-small .phx-audio-ui .audio-ui-inner .primary-controls-and-metadata .thumbnail-metadata .audio-ui-thumbnail-wrapper, .phoenix-player.phx-extra-small .phx-audio-ui .audio-ui-inner .primary-controls-and-metadata .thumbnail-metadata .audio-ui-thumbnail-wrapper { display: none; }

.phoenix-player .phx-video-ui { display: block; width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; }

.phoenix-player { position: relative; display: block; font-family: sans-serif; width: 100%; height: 100%; }

.phoenix-player.phoenix-video { background-color: rgb(40, 40, 40); }

.phoenix-player.phoenix-audio .phoenix-core-container { display: none; }

.phoenix-player.phoenix-audio.advertising .phoenix-core-container, .phoenix-player.phoenix-audio.advertising .phoenix-ad-ui { overflow: hidden; position: fixed !important; inset: auto 20px 20px auto !important; width: 640px !important; height: 360px !important; }

.phoenix-player.phoenix-audio.advertising .phoenix-core-container { display: block; box-sizing: border-box; border: 1px solid black; }

.phoenix-player.phoenix-audio.advertising .phoenix-ad-ui { pointer-events: none; }

@media (pointer: coarse), (hover: none) {
  .phoenix-player label.phx-tooltip { position: absolute; width: 1px; height: 1px; margin: -1px; border: 0px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); white-space: nowrap; padding: 0px !important; opacity: 0 !important; }
}