@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .5s ease-out forwards}@keyframes grow-down{0%{transform:scaleY(0)}to{transform:scaleY(1)}}.animate-grow-down{transform-origin:top;animation:grow-down .5s ease-out forwards}.volume-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:6px;background:transparent;border-radius:9999px;outline:none;cursor:pointer}.volume-slider::-webkit-slider-runnable-track{width:100%;height:6px;background:linear-gradient(to right,#FA1B23 var(--volume-progress, 100%),#cbd5e1 var(--volume-progress, 100%));border-radius:9999px}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;background:#fff;border:3px solid #FA1B23;border-radius:50%;margin-top:-7px;transition:transform .1s ease-in-out}.volume-slider:hover::-webkit-slider-thumb{transform:scale(1.1)}.volume-slider::-moz-range-track{width:100%;height:6px;background:#cbd5e1;border-radius:9999px}.volume-slider::-moz-range-progress{height:6px;background-color:#fa1b23;border-radius:9999px}.volume-slider::-moz-range-thumb{width:20px;height:20px;background:#fff;border:3px solid #FA1B23;border-radius:50%;border-width:3px;transition:transform .1s ease-in-out}.volume-slider:hover::-moz-range-thumb{transform:scale(1.1)}.podcast-progress-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:8px;background:transparent;border-radius:9999px;outline:none;cursor:pointer}.podcast-progress-slider::-webkit-slider-runnable-track{width:100%;height:8px;background:linear-gradient(to right,#FA1B23 var(--podcast-progress, 0%),#475569 var(--podcast-progress, 0%));border-radius:9999px}.podcast-progress-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;background:#fff;border-radius:50%;margin-top:-6px;transition:transform .1s ease-in-out}.podcast-progress-slider:hover::-webkit-slider-thumb{transform:scale(1.1)}.podcast-progress-slider::-moz-range-track{width:100%;height:8px;background:#475569;border-radius:9999px}.podcast-progress-slider::-moz-range-progress{height:8px;background-color:#fa1b23;border-radius:9999px}.podcast-progress-slider::-moz-range-thumb{width:20px;height:20px;background:#fff;border:none;border-radius:50%;transition:transform .1s ease-in-out}.podcast-progress-slider:hover::-moz-range-thumb{transform:scale(1.1)}.desktop-podcast-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:40px;background:transparent;cursor:pointer;margin:0;vertical-align:middle}.desktop-podcast-slider::-webkit-slider-runnable-track{width:100%;height:6px;background:linear-gradient(to right,#dc2626 var(--range-progress, 0%),#334155 var(--range-progress, 0%));border-radius:9999px;border:none}.desktop-podcast-slider::-moz-range-track{width:100%;height:6px;background:#334155;border-radius:9999px;border:none}.desktop-podcast-slider::-moz-range-progress{height:6px;background:#dc2626;border-radius:9999px}.desktop-podcast-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:14px;width:14px;border-radius:50%;background:#fff;margin-top:-4px;opacity:0;transition:opacity .2s ease,transform .1s;box-shadow:0 1px 3px #0000004d}.desktop-podcast-slider:hover::-webkit-slider-thumb{opacity:1;transform:scale(1.2)}.desktop-podcast-slider::-moz-range-thumb{height:14px;width:14px;border:none;border-radius:50%;background:#fff;opacity:0;transition:opacity .2s ease,transform .1s;box-shadow:0 1px 3px #0000004d}.desktop-podcast-slider:hover::-moz-range-thumb{opacity:1;transform:scale(1.2)}@keyframes marquee{0%{transform:translate(0)}15%{transform:translate(0)}85%{transform:translate(var(--marquee-end-x, -100px))}to{transform:translate(var(--marquee-end-x, -100px))}}.marquee{animation:marquee var(--marquee-duration, 10s) linear 1.5s infinite;will-change:transform}.can-marquee{text-overflow:ellipsis}.group:hover .can-marquee,.group:active .can-marquee{animation:marquee var(--marquee-duration, 10s) linear .5s infinite;will-change:transform;text-overflow:clip;min-width:max-content;width:max-content;display:block}
