/* Media above, spring-highlighted pills, and the active description below. */
.originals-media-tabs { width: 100%; min-width: 0; font-family: inherit; }
.originals-media-tabs-stage { position: relative; width: 100%; aspect-ratio: var(--originals-tabs-ratio,16 / 9); overflow: hidden; border-radius: 28px; background: var(--originals-tabs-media-background,#f6f6f7); }
.originals-media-tabs-media { position: absolute; inset: 0; display: grid; place-items: center; min-width: 0; }
.originals-media-tabs :is(.originals-media-tabs-media,.originals-media-tabs-copy)[hidden] { display: none !important; }
.originals-media-tabs-stage :is(img,video) { display: block; width: 100%; height: 100%; max-width: 100%; max-height: 100%; object-fit: var(--originals-tabs-fit,contain); border-radius: 0; margin: 0; }
.originals-media-tabs-placeholder { padding: 24px; text-align: center; font-size: 15px; color: #696969; }
.originals-media-tabs-nav { width: max-content; max-width: 100%; margin: var(--originals-tabs-media-gap,32px) auto 0; padding: 4px; overflow-x: auto; overscroll-behavior-x: contain; scrollbar-width: thin; }
.originals-media-tabs-list { position: relative; display: flex; align-items: stretch; gap: var(--originals-tabs-pill-gap,4px); width: max-content; min-width: 0; padding: 6px; border: 1px solid #e5e5e5; border-radius: 999px; background: var(--originals-tabs-pill-surface,#fff); box-shadow: 0 3px 4px rgb(0 0 0 / 7%); isolation: isolate; }
.originals-media-tabs button.originals-media-tabs-tab { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; gap: .55em; position: relative; z-index: 1; appearance: none; padding: 14px 20px; min-height: 44px; border: 0; border-radius: 999px; background: transparent; box-shadow: none; color: var(--originals-tabs-pill-text,#6b6b6b); font-family: var(--originals-tabs-pill-family,inherit); font-size: var(--originals-tabs-pill-size,18px); font-weight: var(--originals-tabs-pill-weight,500); line-height: 1.35; letter-spacing: -.02em; text-transform: none; text-decoration: none; white-space: nowrap; cursor: pointer; touch-action: manipulation; transition: color .15s ease; }
.originals-media-tabs button.originals-media-tabs-tab:hover { color: var(--originals-tabs-pill-active-text,#1955e8); background: transparent; }
.originals-media-tabs button.originals-media-tabs-tab[aria-selected="true"] { color: var(--originals-tabs-pill-active-text,#1955e8); background: var(--originals-tabs-pill-active,#e7efff); }
.originals-media-tabs[data-ready="true"] button.originals-media-tabs-tab[aria-selected="true"] { background: transparent; }
.originals-media-tabs-tab:focus-visible, .originals-media-tabs-media:focus-visible { outline: 2px solid var(--originals-tabs-pill-active-text,#1955e8); outline-offset: -3px; }
.originals-media-tabs-icon { display: inline-flex; align-items: center; justify-content: center; width: var(--originals-tabs-pill-icon,20px); height: var(--originals-tabs-pill-icon,20px); flex: 0 0 auto; font-size: var(--originals-tabs-pill-icon,20px); }
.originals-media-tabs-icon :is(svg,i) { display: block; width: 100%; height: 100%; fill: currentColor; line-height: 1; }
.originals-media-tabs-indicator { display: none; position: absolute; left: 0; top: 0; border: 1px solid var(--originals-tabs-pill-outline,#b7ceff); border-radius: 999px; background: var(--originals-tabs-pill-active,#e7efff); pointer-events: none; overflow: hidden; z-index: 0; transform-origin: center; }
.originals-media-tabs[data-ready="true"] .originals-media-tabs-indicator { display: block; }
.originals-media-tabs-progress { position: absolute; inset: 0; background: var(--originals-tabs-pill-progress,#d4e3ff); transform: scaleX(0); transform-origin: left; }
[dir="rtl"] .originals-media-tabs-progress { transform-origin: right; }
.originals-media-tabs-descriptions { max-width: min(100%,var(--originals-tabs-description-width,860px)); margin: var(--originals-tabs-description-gap,28px) auto 0; }
.originals-media-tabs-copy { min-width: 0; margin: 0; color: var(--originals-tabs-description-color,#6b6b6b); font: var(--originals-tabs-description-weight,400) var(--originals-tabs-description-size,18px)/1.6 var(--originals-tabs-description-family,inherit); text-align: center; overflow-wrap: anywhere; }
.originals-media-tabs-copy > :first-child { margin-top: 0; }
.originals-media-tabs-copy > :last-child { margin-bottom: 0; }
.originals-media-tabs-copy strong { font-weight: 700; color: inherit; }
@media(max-width:767px) {
	.originals-media-tabs-stage { border-radius: 18px; }
	.originals-media-tabs { --originals-tabs-pill-size: 14px; --originals-tabs-pill-icon: 18px; --originals-tabs-media-gap: 20px; --originals-tabs-description-gap: 20px; --originals-tabs-description-size: 16px; }
	.originals-media-tabs button.originals-media-tabs-tab { padding: 10px 14px; }
}
@media(prefers-reduced-motion:reduce) { .originals-media-tabs button.originals-media-tabs-tab { transition: none; } }
@media print { .originals-media-tabs-indicator { display: none; } }
