/* Small additions on top of Tailwind (CDN build). */
[x-cloak] { display: none !important; }

/* Range inputs used for scrubbers and volume */
input[type=range].scrub { -webkit-appearance: none; appearance: none; background: transparent; height: 16px; }
input[type=range].scrub::-webkit-slider-thumb { -webkit-appearance: none; height: 12px; width: 12px; border-radius: 9999px; background: #fff; margin-top: -4px; box-shadow: 0 0 0 2px #625df5; }
input[type=range].scrub::-moz-range-thumb { height: 12px; width: 12px; border-radius: 9999px; background: #fff; border: 2px solid #625df5; }
input[type=range].scrub::-webkit-slider-runnable-track { height: 4px; border-radius: 9999px; background: transparent; }
input[type=range].scrub::-moz-range-track { height: 4px; background: transparent; }

/* Transcript line currently being spoken */
.seg-active { background: rgba(98, 93, 245, .14); }
.dark .seg-active { background: rgba(139, 134, 248, .18); }

.htmx-request.htmx-indicator, .htmx-request .htmx-indicator { opacity: 1; }
.htmx-indicator { opacity: 0; transition: opacity .2s; }

/* Hide native fullscreen controls flicker on custom player */
video::-webkit-media-controls { display: none !important; }