@charset "utf-8";

/* URI: /css/web_main.css?v=1786820484 */
/* ==========================================================================
   Osobní stránka Jana Baláka — základní styly
   Barevné schéma: teplá oranžovo-žlutá (světlý režim) / tmavý slate + amber (tmavý režim)
   ========================================================================== */

:root {
	--font-body: Inter, "Helvetica Neue", Arial, sans-serif;
	--font-mono: "JetBrains Mono", "Fira Code", monospace;

	--radius: 10px;
	--transition: all 0.2s ease-in-out;

	/* Light theme (default) — teplá, svěží paleta */
	--color-bg: #FFF9F2;
	--color-surface: #FFFFFF;
	--color-primary: #C2410C;
	--color-primary-strong: #9A3412;
	--color-button-bg: #C2410C;
	--color-button-text: #FFFFFF;
	--color-text: #1C1917;
	--color-text-muted: #78716C;
	--color-border: #78716C;
	--color-success: #047857;
	--color-success-contrast: #FFFFFF;
	--color-alert: #E11D48;
	--color-alert-contrast: #FFFFFF;
	--color-focus: #9A3412;
}

:root[data-theme="dark"] {
	--color-bg: #0F172A;
	--color-surface: #1E293B;
	--color-primary: #FB923C;
	--color-primary-strong: #FDBA74;
	--color-button-bg: #F59E0B;
	--color-button-text: #1C1917;
	--color-text: #F8FAFC;
	--color-text-muted: #94A3B8;
	--color-border: #94A3B8;
	--color-success: #10B981;
	--color-success-contrast: #052E22;
	--color-alert: #F43F5E;
	--color-alert-contrast: #2A0510;
	--color-focus: #FDBA74;
}

@media (prefers-color-scheme: dark) {
	:root:not([data-theme="light"]) {
		--color-bg: #0F172A;
		--color-surface: #1E293B;
		--color-primary: #FB923C;
		--color-primary-strong: #FDBA74;
		--color-button-bg: #F59E0B;
		--color-button-text: #1C1917;
		--color-text: #F8FAFC;
		--color-text-muted: #94A3B8;
		--color-border: #94A3B8;
		--color-success: #10B981;
		--color-success-contrast: #052E22;
		--color-alert: #F43F5E;
		--color-alert-contrast: #2A0510;
		--color-focus: #FDBA74;
	}
}

* {
	box-sizing: border-box;
}

html {
	scroll-behavior: smooth;
}

body {
	margin: 0;
	background: var(--color-bg);
	color: var(--color-text);
	font-family: var(--font-body);
	font-size: 15px;
	line-height: 1.6;
	transition: var(--transition);
}

h1, h2, h3, h4 {
	font-weight: 700;
	line-height: 1.25;
	color: var(--color-text);
}

h1 {
	font-size: clamp(28px, 4vw, 36px);
	font-weight: 700;
}

h2 {
	font-size: clamp(20px, 3vw, 24px);
	font-weight: 600;
}

h3 {
	font-size: clamp(16px, 2.5vw, 18px);
	font-weight: 600;
}

a {
	color: var(--color-primary);
	text-decoration: underline;
	text-underline-offset: 2px;
}

a:hover {
	color: var(--color-primary-strong);
}

code, pre, kbd {
	font-family: var(--font-mono);
	font-size: 13px;
}

pre {
	background: var(--color-surface);
	border: 1px solid var(--color-border);
	border-radius: var(--radius);
	padding: 12px 16px;
	overflow-x: auto;
}

img {
	max-width: 100%;
	height: auto;
}

/* ---------- Focus visibility (a11y) ---------- */

a:focus-visible,
button:focus-visible,
input:focus-visible,
textarea:focus-visible,
select:focus-visible,
summary:focus-visible,
[tabindex]:focus-visible {
	outline: 3px solid var(--color-focus);
	outline-offset: 2px;
	border-radius: 4px;
}

.sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

/* ---------- Skip links ---------- */

.skip-links {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1000;
	display: flex;
	gap: 8px;
	padding: 8px;
}

.skip-links a,
.skip-links button {
	position: absolute;
	left: -9999px;
	background: var(--color-surface);
	color: var(--color-text);
	border: 1px solid var(--color-border);
	border-radius: var(--radius);
	padding: 10px 16px;
	font-weight: 600;
	white-space: nowrap;
}

.skip-links a:focus,
.skip-links button:focus {
	position: static;
	left: auto;
}

/* ---------- Layout shell ---------- */

.site-header {
	background: var(--color-surface);
	border-bottom: 1px solid var(--color-border);
}

.site-header__bar {
	max-width: 1120px;
	margin: 0 auto;
	padding: 14px 20px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 8px 16px;
}

.site-title-group {
	display: flex;
	flex-direction: column;
	gap: 4px;
}

.site-logo {
	display: flex;
	align-items: center;
	gap: 10px;
	font-weight: 700;
	font-size: 18px;
	text-decoration: none;
	color: var(--color-text);
}

.site-logo__mark {
	display: inline-block;
	width: 44px;
	height: 44px;
	flex-shrink: 0;
}

.site-tagline {
	margin: 0 0 0 54px;
	color: var(--color-text-muted);
	font-size: 14px;
}

.header-controls {
	display: flex;
	align-items: center;
	gap: 10px;
}

.theme-toggle,
.locale-switch a {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	background: var(--color-bg);
	border: 1px solid var(--color-border);
	color: var(--color-text);
	border-radius: var(--radius);
	padding: 8px 12px;
	font-size: 14px;
	cursor: pointer;
	text-decoration: none;
	transition: var(--transition);
}

.theme-toggle:hover,
.locale-switch a:hover {
	border-color: var(--color-primary);
	color: var(--color-primary);
}

.main-nav {
	background: var(--color-surface);
	border-bottom: 1px solid var(--color-border);
}

.main-nav__list {
	max-width: 1120px;
	margin: 0 auto;
	padding: 0 20px;
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	gap: 4px;
}

.main-nav__list a {
	display: inline-block;
	padding: 12px 14px;
	color: var(--color-text);
	text-decoration: none;
	font-weight: 500;
	border-bottom: 3px solid transparent;
}

.main-nav__list a:hover,
.main-nav__list a[aria-current="page"] {
	color: var(--color-primary);
	border-bottom-color: var(--color-primary);
}

.main-nav__list li {
	position: relative;
}

.main-nav__sublist {
	list-style: none;
	margin: 0;
	padding: 6px 0 6px 16px;
	display: flex;
	flex-direction: column;
}

.main-nav__sublist a {
	padding: 6px 10px;
	font-size: 14px;
	font-weight: 400;
	border-bottom: none;
}

.main-nav__sublist a:hover,
.main-nav__sublist a[aria-current="page"] {
	color: var(--color-primary);
	text-decoration: underline;
}

/* ---------- Nav dropdown (native <details>/<summary> - no JS needed) ---------- */

.main-nav__dropdown summary {
	display: inline-block;
	padding: 12px 14px;
	color: var(--color-text);
	font-weight: 500;
	cursor: pointer;
	list-style: none;
	border-bottom: 3px solid transparent;
}

.main-nav__dropdown summary::-webkit-details-marker {
	display: none;
}

.main-nav__dropdown summary::after {
	content: "";
	display: inline-block;
	margin-left: 6px;
	border: 5px solid transparent;
	border-top-color: currentColor;
	vertical-align: middle;
}

.main-nav__dropdown:hover summary,
.main-nav__dropdown[open] summary {
	color: var(--color-primary);
	border-bottom-color: var(--color-primary);
}

.main-nav__dropdown .main-nav__sublist {
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 10;
	min-width: 180px;
	background: var(--color-surface);
	border: 1px solid var(--color-border);
	border-radius: var(--radius);
	padding: 6px 0;
	box-shadow: 0 8px 24px -12px rgba(0, 0, 0, 0.25);
}

.main-nav__dropdown .main-nav__sublist a {
	padding: 8px 14px;
}

main {
	max-width: 1120px;
	margin: 0 auto;
	padding: 28px 20px 60px;
	min-height: 50vh;
}

/* ---------- Breadcrumbs ---------- */

.breadcrumb {
	max-width: 1120px;
	margin: 0 auto;
	padding: 12px 20px 0;
	font-size: 13px;
	color: var(--color-text-muted);
}

.breadcrumb ol {
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	margin: 0;
	padding: 0;
}

.breadcrumb li:not(:last-child)::after {
	content: "/";
	margin-left: 6px;
	color: var(--color-text-muted);
}

.breadcrumb a {
	color: var(--color-text-muted);
	text-decoration: none;
}

.breadcrumb a:hover {
	color: var(--color-primary);
	text-decoration: underline;
}

/* ---------- Homepage sections ---------- */

.home-intro {
	margin-top: 20px;
	padding: 16px 20px;
	background: var(--color-surface);
	border: 1px solid var(--color-border);
	border-radius: var(--radius);
}

.home-intro p {
	margin: 0;
}

.home-section {
	margin-top: 40px;
}

.home-section__head {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 12px;
	flex-wrap: wrap;
}

.home-section__head h2 {
	margin: 0;
}

/* ---------- Cards ---------- */

.card-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
	gap: 20px;
	margin-top: 20px;
}

.card {
	background: var(--color-surface);
	border: 1px solid var(--color-border);
	border-radius: var(--radius);
	overflow: hidden;
	transition: var(--transition);
	display: flex;
	flex-direction: column;
}

.card:hover {
	border-color: var(--color-primary);
	box-shadow: 0 8px 24px -12px rgba(0, 0, 0, 0.25);
}

.card__image-link {
	display: block;
	background: var(--color-bg);
}

.card__image {
	display: block;
	width: 100%;
	aspect-ratio: 400 / 260;
	object-fit: cover;
}

.card__body {
	padding: 16px;
	display: flex;
	flex-direction: column;
	gap: 6px;
}

.card__meta {
	margin: 0;
	font-size: 13px;
	color: var(--color-text-muted);
	/* V kódu je datum až za nadpisem (kvůli čtečkám obrazovky), vizuálně ho ale
	   vracíme nad nadpis pomocí flex pořadí — .card__body je display:flex. */
	order: -1;
}

.card__title {
	margin: 0;
	font-size: 18px;
}

.card__title a {
	color: var(--color-text);
	text-decoration: none;
}

.card__title a:hover {
	color: var(--color-primary);
}

.card__excerpt {
	margin: 0;
	color: var(--color-text-muted);
	font-size: 14px;
}

.card__comments {
	margin: 0;
	color: var(--color-text-muted);
	font-size: 13px;
}

.muted {
	color: var(--color-text-muted);
}

/* ---------- Article / detail ---------- */

.article__meta {
	color: var(--color-text-muted);
	font-size: 14px;
}

.article__image {
	border-radius: var(--radius);
	border: 1px solid var(--color-border);
	margin: 16px 0;
	width: 100%;
	object-fit: cover;
	max-height: 420px;
}

.prose {
	max-width: 72ch;
}

.prose h2 {
	margin-top: 1.6em;
}

.prose table {
	border-collapse: collapse;
	width: 100%;
	margin: 1em 0;
}

.prose th,
.prose td {
	border: 1px solid var(--color-border);
	padding: 8px 10px;
	text-align: left;
}

.prose blockquote {
	margin: 1em 0;
	padding: 4px 16px;
	border-left: 4px solid var(--color-primary);
	color: var(--color-text-muted);
}

.attachments {
	margin-top: 32px;
	padding-top: 16px;
	border-top: 1px solid var(--color-border);
}

.attachment-list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 6px;
}

.attachment-list a {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	color: var(--color-text);
	text-decoration: none;
}

.attachment-list a:hover {
	color: var(--color-primary);
	text-decoration: underline;
}

.attachment-list .file-icon {
	flex-shrink: 0;
	color: var(--color-text-muted);
}

/* ---------- Tags ---------- */

.tag-list-label {
	margin: 12px 0 0;
	font-size: 13px;
	font-weight: 600;
	color: var(--color-text-muted);
}

.tag-list {
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	margin: 8px 0 0;
	padding: 0;
}

.tag-chip {
	display: inline-block;
	background: var(--color-bg);
	border: 1px solid var(--color-border);
	border-radius: 999px;
	padding: 3px 12px;
	font-size: 12px;
	color: var(--color-text-muted);
	text-decoration: none;
}

a.tag-chip:hover {
	border-color: var(--color-primary);
	color: var(--color-primary);
}

.tag-chip--active {
	background: var(--color-button-bg);
	border-color: var(--color-button-bg);
	color: var(--color-button-text);
}

/* ---------- Share links ---------- */

.share-links {
	margin: 20px 0;
}

.share-links__heading {
	font-size: 14px;
	font-weight: 600;
	color: var(--color-text-muted);
	margin: 0 0 8px;
}

.share-links__list {
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin: 0;
	padding: 0;
}

.share-links__link {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 6px 12px;
	background: var(--color-surface);
	border: 1px solid var(--color-border);
	border-radius: 999px;
	color: var(--color-text);
	text-decoration: none;
	font-size: 13px;
}

.share-links__link:hover {
	border-color: var(--color-primary);
	color: var(--color-primary);
}

.kb-groups {
	margin: 16px 0;
}

.kb-list {
	list-style: none;
	margin: 20px 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 4px;
}

.kb-list__item {
	background: var(--color-surface);
	border: 1px solid var(--color-border);
	border-radius: var(--radius);
	padding: 14px 18px;
}

.kb-list__item h2 {
	margin: 0 0 4px;
	font-size: 17px;
}

.kb-list__item h2 a {
	color: var(--color-text);
	text-decoration: none;
}

.kb-list__item h2 a:hover {
	color: var(--color-primary);
}

/* ---------- Series list (Seriály) ---------- */

.series-list__item summary {
	cursor: pointer;
	font-size: 17px;
	font-weight: 600;
	color: var(--color-text);
}

.series-list__item summary:hover {
	color: var(--color-primary);
}

.series-list__item summary .card__meta {
	display: inline;
	margin-left: 8px;
	font-weight: 400;
}

.series-list__episodes {
	margin: 12px 0 0;
	padding-left: 20px;
}

.series-list__episodes li {
	margin-bottom: 6px;
}

.series-list__episodes a {
	color: var(--color-primary);
	text-decoration: none;
}

.series-list__episodes a:hover {
	text-decoration: underline;
}

.series-list__episodes time {
	margin-left: 8px;
}

/* ---------- Directory (Rozcestník) ---------- */

.directory-group {
	margin: 24px 0;
}

.directory-links {
	list-style: none;
	margin: 10px 0 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.directory-links li {
	padding-left: 4px;
	border-left: 3px solid var(--color-border);
}

.directory-links a {
	font-weight: 600;
	padding-left: 10px;
}

.directory-links__description {
	margin: 2px 0 0 10px;
	color: var(--color-text-muted);
	font-size: 14px;
}

/* ---------- Series ---------- */

.article__series-badge {
	display: inline-block;
	background: var(--color-bg);
	border: 1px solid var(--color-primary);
	color: var(--color-primary);
	border-radius: 999px;
	padding: 4px 14px;
	font-size: 13px;
	font-weight: 600;
	margin: 0 0 10px;
}

.series-nav {
	background: var(--color-surface);
	border: 1px solid var(--color-border);
	border-radius: var(--radius);
	padding: 16px 20px;
	margin: 20px 0;
}

.series-nav h2 {
	margin-top: 0;
	font-size: 16px;
}

.series-nav ol {
	margin: 0;
	padding-left: 20px;
}

.series-nav li {
	margin-bottom: 4px;
}

.series-nav [aria-current="page"] {
	color: var(--color-primary);
}

/* ---------- Pagination ---------- */

.pagination {
	margin-top: 28px;
}

.pagination ul {
	list-style: none;
	display: flex;
	gap: 6px;
	padding: 0;
}

.pagination a,
.pagination span {
	display: inline-flex;
	min-width: 36px;
	height: 36px;
	align-items: center;
	justify-content: center;
	border-radius: var(--radius);
	border: 1px solid var(--color-border);
	text-decoration: none;
	color: var(--color-text);
}

.pagination a:hover {
	border-color: var(--color-primary);
	color: var(--color-primary);
}

.pagination span[aria-current="page"] {
	background: var(--color-button-bg);
	color: var(--color-button-text);
	border-color: var(--color-button-bg);
	font-weight: 700;
}

/* ---------- Footer ---------- */

.site-footer {
	background: var(--color-surface);
	border-top: 1px solid var(--color-border);
	color: var(--color-text-muted);
	font-size: 13px;
}

.site-footer__inner {
	max-width: 1120px;
	margin: 0 auto;
	padding: 24px 20px;
}

.site-footer a {
	color: var(--color-text-muted);
}

.site-footer a:hover {
	color: var(--color-primary);
}

/* Boxes sit side by side on wider screens, each a heading + list (the pattern every footer
   section follows once there's more than one of them) - and stack on narrow ones. */
.site-footer__boxes {
	display: flex;
	flex-wrap: wrap;
	gap: 24px 48px;
}

.site-footer__box {
	flex: 1 1 180px;
	min-width: 180px;
}

.site-footer__box h6 {
	margin: 0 0 10px;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: .04em;
	text-transform: uppercase;
	color: var(--color-text);
}

.site-footer__box ul {
	display: flex;
	flex-direction: column;
	gap: 6px;
	list-style: none;
	margin: 0;
	padding: 0;
}

.site-footer__box ul.site-footer__social {
	flex-direction: row;
	flex-wrap: wrap;
	gap: 14px;
}

.site-footer__social a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

.site-footer__social a:hover,
.site-footer__social a:focus-visible {
	color: var(--color-primary);
}

/* Lower-emphasis closing line: copyright + legal/credits, visually separated from the boxes
   above once there's more than one of them to separate from. */
.site-footer__bottom {
	margin-top: 24px;
	padding-top: 16px;
	border-top: 1px solid var(--color-border);
	display: flex;
	flex-wrap: wrap;
	gap: 10px 24px;
	justify-content: space-between;
	align-items: center;
}

.site-footer__links {
	display: flex;
	flex-wrap: wrap;
	gap: 4px 18px;
	list-style: none;
	margin: 0;
	padding: 0;
}

.site-footer__hosting img {
	height: 16px;
	width: auto;
	vertical-align: middle;
	margin-right: 4px;
}

/* ---------- Forms (contact form etc.) ---------- */

.form-field {
	margin-bottom: 16px;
}

.form-field label {
	display: block;
	font-weight: 600;
	margin-bottom: 6px;
}

.form-field input[type="text"],
.form-field input[type="email"],
.form-field input[type="tel"],
.form-field input[type="datetime-local"],
.form-field textarea,
.form-field select {
	width: 100%;
	max-width: 480px;
	padding: 10px 12px;
	border: 1px solid var(--color-border);
	border-radius: var(--radius);
	background: var(--color-surface);
	color: var(--color-text);
	font-family: inherit;
	font-size: 15px;
}

.contact-success {
	background: var(--color-surface);
	border: 1px solid var(--color-success);
	color: var(--color-success);
	border-radius: var(--radius);
	padding: 12px 16px;
	font-weight: 600;
}

.contact-error {
	background: var(--color-surface);
	border: 1px solid var(--color-alert);
	color: var(--color-alert);
	border-radius: var(--radius);
	padding: 12px 16px;
	font-weight: 600;
}

.btn {
	display: inline-block;
	background: var(--color-button-bg);
	color: var(--color-button-text);
	border: none;
	border-radius: var(--radius);
	padding: 10px 20px;
	font-weight: 600;
	font-size: 15px;
	cursor: pointer;
	text-decoration: none;
	transition: var(--transition);
}

.btn:hover {
	filter: brightness(0.92);
	color: var(--color-button-text);
}

/* ---------- Embedded audio/video (AblePlayer) ---------- */

.able-media-figure {
	margin: 24px 0;
	padding: 0;
	max-width: 100%;
}

.able-media-figure video,
.able-media-figure audio {
	max-width: 100%;
}

.able-media-figure figcaption {
	margin-top: 8px;
	font-size: 14px;
	color: var(--color-text-muted);
}

.able-transcript-button {
	margin-top: 10px;
	padding: 8px 16px;
	font-size: 14px;
}

.able-youtube-load {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	min-height: 120px;
	text-align: center;
	border: 2px dashed var(--color-border);
	background: var(--color-surface);
	color: var(--color-text);
	font-weight: 600;
}

.able-youtube-load:hover {
	border-color: var(--color-primary);
	color: var(--color-primary);
	filter: none;
}

.able-transcript-dialog {
	max-width: 640px;
	width: 90vw;
	max-height: 80vh;
	overflow-y: auto;
	border: 1px solid var(--color-border);
	border-radius: var(--radius);
	background: var(--color-surface);
	color: var(--color-text);
	padding: 24px;
}

.able-transcript-dialog::backdrop {
	background: rgba(0, 0, 0, 0.5);
}

.able-transcript-dialog__text {
	line-height: 1.6;
	margin-bottom: 16px;
}

/* ---------- Comments / discussion ---------- */

.comments {
	margin-top: 40px;
	padding-top: 32px;
	border-top: 1px solid var(--color-border);
}

.comments__count {
	color: var(--color-text-muted);
	font-weight: 400;
}

.comments__form-heading {
	margin-top: 32px;
}

.comments__empty {
	color: var(--color-text-muted);
}

.comments__notice {
	background: var(--color-surface);
	border: 1px solid var(--color-success);
	color: var(--color-success);
	border-radius: var(--radius);
	padding: 12px 16px;
	font-weight: 600;
	margin-bottom: 16px;
}

.comments__notice--success {
	border-color: var(--color-success);
	color: var(--color-success);
}

.comments__notice--error {
	border-color: var(--color-alert);
	color: var(--color-alert);
}

.comment-list {
	list-style: none;
	margin: 0 0 24px;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.comment {
	background: var(--color-surface);
	border: 1px solid var(--color-border);
	border-radius: var(--radius);
	padding: 16px;
}

.comment__meta {
	margin: 0 0 8px;
	color: var(--color-text-muted);
	font-size: 14px;
}

.comment__author {
	color: var(--color-text);
	font-weight: 600;
}

.comment__body {
	margin: 0 0 8px;
	white-space: pre-line;
}

.comment__report-btn {
	background: none;
	border: none;
	color: var(--color-text-muted);
	font-size: 13px;
	text-decoration: underline;
	cursor: pointer;
	padding: 4px 0;
}

.comment__report-btn:hover,
.comment__report-btn:focus-visible {
	color: var(--color-primary);
}

.comment-form__honeypot {
	position: absolute;
	left: -9999px;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

/* ---------- Responsive ---------- */

@media (max-width: 640px) {
	.site-header__bar {
		flex-wrap: wrap;
	}
}

/* ------------------------ */ 
/* URI: /css/ableplayer/ableplayer.min.css */
:root{--able-white:#fff;--able-black:#000;--able-transparent-gray:#00000077;--able-medium-light-gray:#a8a8a8;--able-light-gray:#dadada;--able-very-light-gray:#eee;--able-off-white:#fdfdfd;--able-dark-gray:#262626;--able-medium-dark-gray:#333;--able-medium-dark-gray2:#464646;--able-medium-gray:#666;--able-bright-yellow:#ff6;--able-light-yellow:#ffc;--able-bright-orange:#f90;--able-light-orange:#ffbb37;--able-bright-green:#8ab839;--able-light-pink:#fee}.able-chapters-div,.able-modal-dialog,.able-modal-overlay,.able-playlist,.able-search-results,.able-transcript-area,.able-wrapper{--able-base-control-size:24px;--able-color:var(--able-white);--able-control-background:var(--able-black);--able-control-color:var(--able-white);--able-big-play-background:var(--able-transparent-gray);--able-alert-button-color:var(--able-black);--able-seekbar-border:var(--able-medium-light-gray);--able-seekbar-background:var(--able-black);--able-seekbar-loaded:var(--able-medium-gray);--able-seekbar-played:var(--able-light-gray);--able-seekbar-head:var(--able-off-white);--able-control-label-color:var(--able-white);--able-controller-background:var(--able-medium-dark-gray2);--able-separator-color:var(--able-medium-light-gray);--able-volume-background:var(--able-black);--able-volume-outline:var(--able-medium-gray);--able-statusbar-color:var(--able-light-gray);--able-statusbar-background:var(--able-black);--able-default-caption-color:var(--able-white);--able-default-caption-background:var(--able-black);--able-default-description-color:var(--able-bright-yellow);--able-default-description-background:var(--able-dark-gray);--able-description-border:var(--able-medium-gray);--able-now-playing-color:var(--able-white);--able-now-playing-background:var(--able-black);--able-modal-color:var(--able-black);--able-modal-background:var(--able-off-white);--able-modal-overlay:var(--able-transparent-gray);--able-modal-border:3px solid var(--able-light-gray);--able-drag-outline:var(--able-bright-orange);--able-sign-background:var(--able-white);--able-sign-border:var(--able-black);--able-resizable-color:var(--able-medium-gray);--able-chapter-background:transparent;--able-chapter-color:var(--able-black);--able-current-chapter-background:var(--able-black);--able-current-chapter-color:var(--able-white);--able-focus-outline:var(--able-light-orange);--able-hover-outline:var(--able-bright-green);--able-tooltip-border:var(--able-dark-gray);--able-tooltip-color:var(--able-medium-dark-gray);--able-tooltip-background:var(--able-very-light-gray);--able-alert-background:var(--able-light-yellow);--able-menu-border:var(--able-dark-gray);--able-menu-background:var(--able-black);--able-menu-outline:var(--able-medium-gray);--able-menu-color:var(--able-white);--able-menu-focus-background:var(--able-very-light-gray);--able-menu-focus-color:var(--able-black);--able-transcript-background:var(--able-white);--able-cue-audio-description-background:var(--able-light-pink);--able-cue-audio-description-color:var(--able-dark-gray);--able-cue-highlighted-background:var(--able-black);--able-cue-highlighted-color:var(--able-white);--able-cue-interacting-background:var(--able-light-yellow);--able-cue-interacting-color:var(--able-black);--able-playlist-item-background:var(--able-off-white);--able-playlist-item-color:var(--able-black);--able-playlist-item-button-color:var(--able-black);--able-search-results-button-background:var(--able-white);--able-search-results-button-color:var(--able-black);--able-playlist-current-background:var(--able-white);--able-playlist-current-border:var(--able-dark-gray);--able-playlist-current-outline:var(--able-medium-dark-gray);--able-playlist-current-active-color:var(--able-black);--able-playlist-current-active-background:var(--able-white);--able-search-term-background:var(--able-light-yellow);--able-search-term-color:var(--able-black)}.able-black-controls{--able-control-background:#fff!important;--able-control-color:#000!important}.able-chapters-div,.able-modal-dialog,.able-playlist,.able-search-results,.able-transcript-area,.able-wrapper{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif}.able-chapters-div,.able-chapters-div *,.able-playlist,.able-playlist *,.able-wrapper,.able-wrapper *{box-sizing:border-box}.able-wrapper{position:relative;margin:0 auto;padding:0;max-width:100%;height:auto;text-align:start}.able{position:relative;margin:0;padding:0;width:100%;z-index:5000;display:grid}.able-player-transcript .able-window-toolbar input,.able-wrapper .able input{margin:0;padding:2px 4px}.able-control-row{display:flex;justify-content:space-between;flex-wrap:wrap;align-items:center;padding:8px 9px 8px;gap:4px}.able-pipe{position:relative;top:-2px;color:var(--able-separator-color);margin:0 6px}.able .able-vidcap-container{left:0;margin:0;position:relative;top:0}.able .able-audcap-container{position:relative;margin:0;padding:.5rem;min-height:3.2rem}.able-offscreen,.able-screenreader-alert,.able-transcript .able-hidden{border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal!important}.able-media-container audio{display:none!important}.able-controller{position:relative;background-color:var(--able-controller-background);padding:0 4px}.able-audio .able-controller{padding-top:8px}.able-skin-legacy .able-controller{padding:0}.ableplayer-clear{clear:both}.able-poster{position:absolute;top:0;left:0;width:100%!important;height:auto!important}.able .able-vidcap-container{overflow:visible}.able .able-vidcap-container video,video[data-able-player]{max-width:100%;width:100%;display:block}.able-media-container iframe,.able-sign-window iframe{max-width:100%!important;display:block!important}.able-wrapper .able button.able-big-play-button{position:absolute;color:var(--able-control-color);background-color:var(--able-big-play-background);background:var(--able-big-play-background);border:none;outline:0;left:0;top:0;padding:0;z-index:6500;opacity:.75;display:flex;align-items:center;justify-content:center;width:100%;height:100%}.able-audio-wrapper{display:flex;gap:4px;align-items:center;padding:4px;background:var(--able-control-background)}.able-audio-wrapper img{max-width:120px}.able-audio-wrapper .able-audio{flex:1}.able-wrapper .able button.able-big-play-button:focus,.able-wrapper .able button.able-big-play-button:hover{opacity:100}.able-big-play-button svg{background-color:var(--able-control-background);padding:1rem;width:8rem;height:8rem;max-width:140px;max-height:140px;border-radius:8px}.able-big-play-button:focus svg,.able-big-play-button:hover svg{outline:3px solid}.able-left-controls,.able-right-controls{overflow:visible;display:flex;gap:3px;align-items:center;flex-wrap:wrap}.able-skin-legacy .able-left-controls,.able-skin-legacy .able-right-controls{width:fit-content}.able-controller,.able-controller button,.able-controller div[role=button]{color:var(--able-control-color)}.able-controller .able-alert button{color:var(--able-alert-button-color)!important}.able-controller .able-seekbar{border:1px solid var(--able-seekbar-border)}.able-controller div[role=button]{background:0 0;position:relative;padding:2px;min-width:var(--able-base-control-size);min-height:var(--able-base-control-size);width:1rem;height:1rem;border:none;overflow:visible!important;display:flex;justify-content:center;align-items:center;z-index:6600;border-radius:3px}.able-controller div.able-button-handler-play[role=button]{padding:4px}.able-controller .buttonOff{opacity:.5}.able-seekbar-wrapper{display:block;width:100%;padding:6px 12px}.able-skin-legacy .able-seekbar-wrapper{padding:0}.able-seekbar{display:flex;align-items:center;position:relative;height:.5rem;border:1px solid;background-color:var(--able-seekbar-background);z-index:6500}.able-seekbar-loaded{display:inline-block;position:absolute;left:0;top:0;height:100%;background-color:var(--able-seekbar-loaded);z-index:5100}.able-seekbar-played{display:inline-block;position:absolute;left:0;top:0;height:100%;background-color:var(--able-seekbar-played);z-index:5200}.able-seekbar-head{display:inline-block;position:relative;left:0;background-color:var(--able-seekbar-head);min-width:var(--able-base-control-size);min-height:var(--able-base-control-size);width:.875rem;height:.875rem;border-radius:100%;z-index:5500}.able-volume-slider{height:120px;background-color:var(--able-volume-background);outline:1px solid var(--able-volume-outline);margin:0;padding:8px;position:absolute;right:0;display:block;z-index:9100}.able-volume-help{display:none}.able-volume-slider input[type=range]{appearance:slider-vertical;writing-mode:bt-rl;width:28px;height:100%;background:0 0}.able-volume-slider input[type=range]::-moz-range-track{border:1px solid #fff;width:7px;cursor:pointer;background:#000}input[type=range]::-moz-range-thumb{background-color:var(--able-control-color);outline:1px solid var(--able-volume-outline);outline-offset:-2px;height:var(--able-base-control-size);width:var(--able-base-control-size);border-radius:100%}.able-status-bar{color:var(--able-statusbar-color);font-size:.875rem;padding:8px 12px;gap:12px;display:flex;align-items:center;justify-content:space-between;background:var(--able-statusbar-background)}.able-status-bar span.able-timer{text-align:start}.able-status-bar span.able-speed{text-align:center}.able-status{font-style:italic;text-align:end}div.able-captions-wrapper{width:100%;margin:0;padding:0;text-align:center;display:block;z-index:6000}div.able-captions-wrapper:not(.able-captions-overlay){padding:0}div.able-captions{display:none;padding:4px 6px;line-height:1.4;background-color:var(--able-default-caption-background);font-size:1rem;color:var(--able-default-caption-color);opacity:.75}div.able-vidcap-container div.able-captions-overlay{position:absolute;margin:0;bottom:12px}div.able-vidcap-container div.able-captions-below{position:relative;min-height:4rem;display:flex;justify-content:center;align-items:center}div.able-audcap-container.captions-off{display:none}div.able-descriptions{position:relative;color:var(--able-default-description-color);background-color:var(--able-default-description-background);min-height:4rem;border-top:1px solid var(--able-description-border);margin:0;padding:12px;text-align:center}div.able-now-playing{text-align:center;font-weight:700;font-size:1rem;padding:.5rem .5rem 1rem;color:var(--able-now-playing-color);background:var(--able-now-playing-background)}div.able-now-playing span{font-size:.875rem}div.able-video div.able-now-playing{display:none}div.able-modal-dialog{position:fixed;display:none;z-index:10000;max-height:90%;overflow:auto;transform:translate(-50%,-50%)!important;top:50%;left:50%;outline:0 none;color:var(--able-modal-color);background-color:var(--able-modal-background);border:var(--able-modal-border);width:fit-content;max-width:95%;padding:1rem;box-sizing:border-box}@media screen and (width < 800px){div.able-modal-dialog{min-width:95%}}body.able-modal-active{overflow:hidden}div.able-modal-overlay{position:fixed;width:100%;height:100%;background-color:var(--able-modal-overlay);margin:0;padding:0;top:0;left:0;display:none;z-index:9500}.able-alert button,.able-modal-dialog button{all:unset;padding:4px 12px;font-size:1.125rem;border:2px solid}.able-prefs-buttons{display:flex;gap:8px;margin-top:1rem}.able-modkey-item.hidden{display:none}.able-modal-header{display:flex;justify-content:space-between;gap:8px}.able-modal-dialog .modalCloseButton{margin:0;align-self:flex-start}div.able-modal-dialog h1{font-size:1.5rem;line-height:1.6;margin:0 0 .5rem;order:-1}.able-prefs-form div[role=group]{padding:1rem 0;border:none}.able-prefs-form h2{font-weight:700;font-size:1.1rem}.able-desc-pref-prompt{font-weight:700;font-style:italic;margin-left:1rem!important}.able-prefDescFormat>div{margin-left:1.5rem}.able-prefs-captions>div,.able-prefs-descriptions>div{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.25rem}.able-prefs-captions>div:empty,.able-prefs-descriptions>div:empty{margin-bottom:0}.able-prefs-captions label,.able-prefs-descriptions label{text-align:end;width:10rem}.able-prefs-checkbox label{width:auto}.able-prefs-captions select,.able-prefs-descriptions select{width:10rem}.able-prefs-captions .able-prefCaptionsSpeak:not(:empty){border-top:1px solid var(--able-medium-light-gray);margin-top:.5rem;padding-top:.5rem}div.able-prefDescPause{margin-top:1rem}.able-prefs-form div.able-captions-sample{padding:.5rem;text-align:center}.able-prefs-form div.able-desc-sample{padding:.5rem;text-align:center;color:#fff;background-color:#000}.able-prefs-form h2{margin-top:0;margin-bottom:.5rem;font-size:1.1rem}.able-prefs-form ul{margin-top:0}able-prefs-form-keyboard ul{list-style-type:none}span.able-modkey-alt,span.able-modkey-ctrl,span.able-modkey-shift{color:#666;font-style:italic}span.able-modkey{font-weight:700;color:#000;font-size:1.1rem}.able-resize-form h1{font-size:1.15rem}.able-resize-form div div{margin:1rem 0}.able-resize-form label{display:block}.able-resize-form input{font-size:1.25rem;padding:4px}.able-resize-form input[readonly]{color:var(--able-separator-color)}.able-window-toolbar{background-color:var(--able-controller-background);color:var(--able-control-color);padding:8px;border:none;display:flex;align-items:center;justify-content:space-between;gap:12px}.able-window-toolbar button{order:1}.able-window-toolbar .autoscroll-transcript{order:3;width:fit-content;text-wrap:nowrap}.able-window-toolbar .transcript-language-select-wrapper{order:4}.able-window-toolbar .able-drag-handle{order:2;width:100%;height:100%}.able-window-toolbar .able-drag-handle svg{height:12px;width:auto;margin:0 auto}.able-window-toolbar .able-drag-handle path{fill:var(--able-medium-light-gray)}.able-draggable:hover .able-drag-handle path{fill:var(--able-very-light-gray)}.able-window-toolbar>div{display:flex}.able-window-toolbar button{color:var(--able-control-color)}.able-window-toolbar .able-button-handler-preferences svg{min-width:var(--able-base-control-size);min-height:var(--able-base-control-size);height:1rem;width:1rem}.able-draggable .able-drag-handle:hover{cursor:move}.able-window-toolbar .able-button-handler-preferences{background-color:transparent;border:none;outline:0;padding:0;z-index:9300}.able-window-toolbar .able-button-handler-preferences img{display:block}.able-window-toolbar .able-popup{position:absolute;cursor:default;left:0;top:0;display:block;border-radius:0 0 5px 5px;background:var(--able-controller-background)}.able-drag{outline:3px dashed var(--able-drag-outline);outline-offset:2px;cursor:move}.able-resizable{position:absolute;width:24px;height:24px;bottom:0;right:0;padding:1px;cursor:nwse-resize}.able-resizable svg line{stroke:var(--able-resizable-color);stroke-width:2px}.able-sign-window{position:relative;z-index:8000;background:var(--able-sign-background);border:1px solid var(--able-sign-border)}.fade-out{visibility:hidden;opacity:0;transition:visibility 0s 2s,opacity 2s linear}.fade-in{visibility:visible;opacity:1;transition:opacity 1s linear}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.able-sign-window video{width:100%;display:block}.able-sign-window .able-resizable{background:#00000033;background:linear-gradient(to bottom right,transparent 0,transparent 51%,#fff3 51%,#fff3 100%);border-top-left-radius:20px}.able-sign-window:hover .able-resizable{background:var(--able-very-light-gray);background:linear-gradient(to bottom right,transparent 0,transparent 51%,#fffe 51%,#fffe 100%)}.able-sign-window.able-fixed video{margin:0;display:block}.able-sign-window:focus{outline:0}div.able-chapters-div{padding:0;max-width:100%}div.able-chapters-div .able-chapters-heading{margin:8px;font-size:1.125rem;font-weight:700}div.able-chapters-div ul,div.able-chapters-div ul li{list-style-type:none;padding:0;margin:0}div.able-chapters-div button{all:unset;width:100%;height:100%;border:none;background-color:var(--able-chapter-background);color:var(--able-chapter-color);font-size:1rem;text-align:start;padding:8px;box-sizing:border-box}div.able-chapters-div li.able-current-chapter button{background-color:var(--able-current-chapter-background);color:var(--able-current-chapter-color)}div.able-chapters-div button:focus{border:0;outline:2px solid var(--able-focus-outline);outline-offset:2px}div.able-chapters-div button:hover{outline:2px solid var(--able-hover-outline);outline-offset:2px}div.able-wrapper.fullscreen{margin:0!important;position:fixed!important;top:0!important;background:0 0!important}.able-tooltip{position:absolute;padding:4px 8px;border:1px solid var(--able-tooltip-border);color:var(--able-tooltip-color)!important;background-color:var(--able-tooltip-background);border-radius:3px;display:block;font-size:.875rem}.able .able-alert{border:none}.able-alert{background-color:var(--able-alert-background);z-index:9400;padding:4px 8px;position:absolute;height:fit-content;width:100%;border:1px solid;border-radius:0;border-left-width:0;border-right-width:0;justify-content:space-between;align-items:center;gap:12px;bottom:0;left:0}.able-popup{z-index:9200}.able-tooltip{z-index:9500}.able ul.able-popup,ul.able-popup{position:absolute;margin:0;padding:0;padding-inline-start:0;list-style-type:none;border-width:1px;border-color:var(--able-menu-border);background-color:var(--able-menu-background);outline:1px solid var(--able-menu-outline);color:var(--able-menu-color);opacity:.95;border-radius:4px;display:grid;cursor:default;width:auto}.able ul.able-popup li,ul.able-popup li{padding:4px 16px;margin:0;width:auto}.able ul.able-popup li:first-of-type,ul.able-popup li:first-of-type{border-radius:4px 4px 0 0}.able ul.able-popup li:last-of-type,ul.able-popup li:last-of-type{border-radius:0 0 4px 4px}.able ul.able-popup li.able-focus,ul.able-popup li.able-focus{background-color:var(--able-menu-focus-background);color:var(--able-menu-focus-color)}.able-popup-captions li[aria-checked=true]::before{content:"\2713"/'';margin-right:4px}.able-transcript-area{border-width:1px;border-style:solid;z-index:7000;padding-bottom:25px;background-color:var(--able-transcript-background)}.able-transcript{position:relative;overflow-y:scroll;padding-left:1rem;padding-right:1rem;background-color:#fff;height:350px}.able-transcript div{margin:1rem 0}.able-transcript-heading{font-size:1.375rem;font-weight:700;margin:.5rem 0;padding:0}.able-transcript-chapter-heading{font-size:1.125rem;font-weight:700;margin:0;padding:0}.able-transcript div.able-transcript-desc{background-color:var(--able-cue-audio-description-background);color:var(--able-cue-audio-description-color);border:1px solid;font-style:italic;padding:.5rem}.able-transcript .able-unspoken{font-weight:700}.able-highlight,.able-highlight span:active,.able-highlight span:focus,.able-highlight span:hover{background-color:var(--able-cue-highlighted-background)!important;color:var(--able-cue-highlighted-color)!important;padding:.25rem .1rem;border:none;outline:0}.able-transcript span:active,.able-transcript span:focus,.able-transcript span:hover{background:var(--able-cue-interacting-background);color:var(--able-cue-interacting-color);border:none;outline:0;border-bottom:1px solid;cursor:pointer}.able-window-toolbar label{display:inline;font-size:.875rem;margin-right:.333rem;color:var(--able-control-label-color)}.able-window-toolbar .autoscroll-transcript label{margin-right:0}.able-alert button,.able-controller div[role=button],.able-controller input,.able-modal-dialog button,.able-playlist li button,.able-popup li,.able-search-results li button,.able-seekbar-head,.able-window-toolbar .able-button-handler-preferences,.able-window-toolbar input,.able-window-toolbar select,div.able-modal-dialog button,div.able-modal-dialog input{outline-style:solid;outline-width:3px;outline-color:transparent}.able-alert button:focus,.able-controller div[role=button]:focus,.able-controller input:focus,.able-modal-dialog button:focus,.able-playlist button:focus,.able-search-results li button:focus,.able-seekbar-head:focus,.able-window-toolbar .able-button-handler-preferences:focus,.able-window-toolbar input:focus,.able-window-toolbar select:focus,.able-wrapper .able button.able-big-play-button:focus .icon-play,.able-wrapper .able button.able-big-play-button:focus svg,div.able-modal-dialog button:focus,div.able-modal-dialog input:focus{outline-color:var(--able-focus-outline)}.able-alert button:hover,.able-controller div[role=button]:hover,.able-controller input:hover,.able-modal-dialog button:hover,.able-playlist li button:hover,.able-popup li:hover,.able-search-results li button:hover,.able-seekbar-head:hover,.able-window-toolbar .able-button-handler-preferences:hover,.able-window-toolbar input:hover,.able-window-toolbar select:hover,.able-wrapper .able button.able-big-play-button:hover .icon-play,.able-wrapper .able button.able-big-play-button:hover svg,div.able-modal-dialog button:hover,div.able-modal-dialog input:hover{outline-color:var(--able-hover-outline)}.able-playlist,.able-search-results ul{list-style-type:none;margin:0;padding:0;display:grid}.able-playlist li,.able-search-results li{background-color:var(--able-playlist-item-background);color:var(--able-playlist-item-color);padding:0;margin:0;border:1px solid;width:auto;border-bottom:none;max-width:100%}.able-search-results li{display:flex}.able-playlist li:first-of-type:not(.able-player.able-playlistli),.able-search-results li:first-of-type{border-radius:5px 5px 0 0}.able-playlist li:last-of-type:not(.able-player.able-playlistli),.able-search-results li:last-of-type{border-bottom:2px solid;border-radius:0 0 5px 5px}.able-playlist li button,.able-search-results li button{border:none;color:var(--able-playlist-item-button-color);background-color:transparent;font-size:.875rem;width:100%;padding:8px;text-align:start;display:flex;align-items:center;gap:12px;outline-offset:-6px}.able-search-results li button{outline-offset:-3px;border-radius:4px}.able-search-results li>span{font-size:.875rem;padding:8px}.able-search-results li button{width:fit-content;background:var(--able-search-results-button-background);color:var(--able-search-results-buttonc-color);border-radius:3px;margin:2px}.able-playlist li button img{max-width:100px;max-height:100px;display:block}.able-playlist li.able-current{background-color:var(--able-playlist-current-background);border-color:var(--able-playlist-current-border);outline:2px solid var(--able-playlist-current-outline);outline-offset:-2px}.able-playlist li.able-current button:active,.able-playlist li.able-current button:focus,.able-playlist li.able-current button:hover{color:var(--able-playlist-current-active-color);background:var(--able-playlist-current-active-background)}#able-search-term-echo{font-style:italic}button.able-search-results-time{font-weight:700;cursor:pointer}#able-search-term-echo,.able-search-term{background-color:var(--able-search-term-background);color:var(--able-search-term-color);font-weight:700}.able-modal-dialog button svg,.able-modal-dialog div[role=button] svg,.able-wrapper button svg,.able-wrapper div[role=button] svg{display:block;fill:currentColor}#able-vts-instructions{padding:1rem;border:1px solid #999;width:100%;margin:0 auto 1.5rem;box-sizing:border-box}#able-vts fieldset{margin:0 auto 1.5rem;border:none}#able-vts fieldset legend{color:#000;font-weight:700}#able-vts fieldset div{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}#able-vts thead tr{background:#f0f0f0}#able-vts table{border-collapse:collapse}#able-vts table,#able-vts table td,#able-vts table th{border:1px solid #323232;padding:8px;color:#323232}#able-vts table td[contenteditable=true]{white-space:pre-wrap}#able-vts table td[contenteditable=true]:hover{background:#fff;color:#333}#able-vts table td[contenteditable=true]:focus-within{background:#fff;color:#000}#able-vts table td button{width:auto;padding:2px;margin:1px;display:flex;align-items:center;float:left;color:#323232;background:#f6f6f6;border-radius:2px}#able-vts table td button svg{width:22px;height:22px}#able-vts table button:hover svg{fill:#c00}tr.kind-subtitles{background-color:#fff}tr.kind-descriptions{background-color:#fee}tr.kind-chapters{background-color:#e6ffe6}.able-vts-dragging{background-color:#ffc}div#able-vts-icon-credit{font-size:.875rem}div#able-vts-alert{display:none;position:fixed;top:16px;left:16px;border:2px solid #666;background-color:var(--able-alert-background);color:var(--able-black);padding:1rem;z-index:9400}button#able-vts-save{font-size:1rem;padding:6px 12px;border-radius:4px;margin-bottom:1rem;font-weight:700}button#able-vts-save:focus,button#able-vts-save:hover{color:#fff;background-color:#060}.able-vts-output-instructions{width:720px;max-width:90%}#able-vts textarea{height:200px;width:720px;max-width:90%}@media (width < 480px){.able-control-row{gap:8px}.able-control-row div[role=button]{min-width:32px;height:32px}.able-sign-window,.able-transcript-area{position:static!important;width:100%!important}div.able-captions-wrapper:not(.able-captions-overlay){min-height:5rem}}
/* ------------------------ */