.media-tabs{display:block;width:100%;background:var(--color-surface);color:var(--ink);padding-block:56px 0}.media-tabs__title{margin-block-end:var(--space-lg);padding-inline:var(--space-lg)}.media-tabs__subtitle{margin:10px var(--space-lg) var(--space-lg);color:var(--color-foreground);font-size:var(--text-sm);line-height:normal;text-align:center;text-wrap:balance}.media-tabs__display{position:relative}.media-tabs__tabs{display:flex;gap:var(--space-xs);overflow-x:auto;padding:var(--space-2xs) var(--space-lg) var(--space-sm);scroll-snap-type:x proximity;scrollbar-width:none}.media-tabs__tabs::-webkit-scrollbar{display:none}.media-tabs__tab{position:relative;flex:none;scroll-snap-align:start;text-decoration:none}.media-tabs__tab::after{content:"";position:absolute;inset-inline:0;inset-block:min(0px,calc((100% - var(--target-size-min))/ 2))}.media-tabs__panel{scroll-margin-block-start:calc(var(--layout-header-height) + var(--space-md))}.media-tabs__media{position:relative;overflow:hidden}.media-tabs__image,.media-tabs__placeholder{display:block;width:100%;height:100%}.media-tabs__outgoing{z-index:1;pointer-events:none}.media-tabs__body{max-width:520px;margin:var(--space-lg) auto 0;padding-inline:var(--space-lg);color:var(--color-foreground);font-size:15px;line-height:1.6;text-align:center;text-wrap:balance}.media-tabs--chapters .media-tabs__media{aspect-ratio:4/5;max-height:640px;background:var(--surface)}.media-tabs--chapters .media-tabs__image{position:absolute;inset:0;object-fit:cover}.media-tabs--chapters.is-enhanced .media-tabs__display{isolation:isolate}.media-tabs--chapters.is-enhanced .media-tabs__display::after{content:"";position:absolute;z-index:1;inset:0;background:linear-gradient(180deg,rgb(0 0 0 / 55%) 0,rgb(0 0 0 / 0%) 32%);pointer-events:none}.media-tabs--chapters.is-enhanced .media-tabs__tabs{position:absolute;z-index:2;top:var(--space-md);inset-inline:var(--space-md);padding:0;overflow:visible}.media-tabs--chapters .media-tabs__tab{display:flex;flex:1 1 0;min-width:0;flex-direction:column;align-items:flex-start;gap:10px;padding:0;border:0;background:0 0;color:inherit;font-size:12px;font-weight:var(--weight-semibold);line-height:1.3;text-align:start}.media-tabs--chapters.is-enhanced .media-tabs__tab{color:var(--color-surface);--color-focus:var(--color-surface)}.media-tabs--chapters .media-tabs__tab>span{opacity:.85}.media-tabs--chapters .media-tabs__tab.is-active>span{opacity:1}.media-tabs__tab i{position:relative;display:block;width:100%;height:var(--space-2xs);overflow:hidden;border-radius:var(--radius-pill);background:rgb(255 255 255 / 45%)}.media-tabs__tab i span{position:absolute;inset:0;border-radius:inherit;background:var(--color-surface);transform:scaleX(0);transform-origin:left}.media-tabs__tab.is-done i span{transform:scaleX(1)}.media-tabs__playback{position:absolute;z-index:2;inset-inline-end:var(--space-md);bottom:var(--space-md);padding:var(--space-xs) var(--space-sm);border:var(--border-width-sm) solid rgb(255 255 255 / 75%);border-radius:var(--radius-pill);background:rgb(0 0 0 / 65%);color:var(--color-surface);font-size:12px;line-height:1.3;--color-focus:var(--color-surface)}.media-tabs__chapter-copy{padding:var(--space-lg)}.media-tabs__error{display:flex;align-items:center;gap:var(--space-md);margin:var(--space-md) var(--space-lg) 0;padding:var(--space-sm);border:var(--border-width-sm) solid var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-surface);font-size:var(--text-sm)}.media-tabs__error button{flex:none;padding:var(--space-xs) var(--space-sm)}.media-tabs--chapters.is-enhanced .media-tabs__error{position:absolute;z-index:2;bottom:72px;inset-inline:var(--space-md);margin:0}.media-tabs--chapters.is-enhanced .media-tabs__chapter-copy{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.media-tabs--style-guide{padding-block-start:64px}.media-tabs--style-guide .media-tabs__title{margin-bottom:0}.media-tabs--style-guide .media-tabs__tab{padding:10px var(--space-md);border:var(--border-width-sm) solid var(--color-border);border-radius:var(--radius-pill);background:var(--color-surface);color:var(--ink);font-size:var(--text-sm);font-weight:var(--weight-semibold);line-height:normal;transition:background var(--duration-fast),border-color var(--duration-fast)}.media-tabs--style-guide .media-tabs__tab.is-active{border-color:var(--ink);background:var(--ink);color:var(--color-surface)}.media-tabs--style-guide .media-tabs__panel{margin:var(--space-xs) var(--space-md) 0;overflow:hidden;border-radius:var(--radius-lg);background:var(--surface)}.media-tabs--style-guide .media-tabs__media{aspect-ratio:1;background:var(--color-surface)}.media-tabs--style-guide .media-tabs__image{position:absolute;inset:0;padding:var(--space-lg);object-fit:contain}.media-tabs__copy{padding:var(--space-lg) var(--space-lg) 28px}.media-tabs__panel-title{font-family:var(--font-display-family);font-size:28px;font-weight:var(--weight-medium);letter-spacing:-.5px;line-height:1.1;text-wrap:wrap}.media-tabs__text{margin-block-start:10px;color:var(--color-foreground);font-size:15px;line-height:1.6}.media-tabs__text p{text-wrap:wrap}.media-tabs__bullets{display:flex;flex-direction:column;gap:var(--space-xs);margin:var(--space-md) 0 0;padding:0;list-style:none}.media-tabs__bullets li{position:relative;padding-inline-start:22px;color:var(--color-foreground);font-size:var(--text-sm);font-weight:var(--weight-medium);line-height:normal}.media-tabs__bullets li::before{content:"";position:absolute;top:5px;inset-inline-start:0;width:var(--space-sm);height:var(--space-sm);border-radius:50%;background:var(--brand)}.media-tabs__cta{max-width:400px;margin-block-start:22px}.media-tabs:not(.is-enhanced) .media-tabs__panel+.media-tabs__panel{margin-block-start:var(--space-lg)}@media (min-width:801px){.media-tabs{padding-block-start:90px}.media-tabs__title{margin-block-end:var(--space-xl)}.media-tabs--chapters .media-tabs__display{width:min(1280px,calc(100% - 96px));margin-inline:auto;overflow:hidden;border-radius:var(--space-lg)}.media-tabs--chapters .media-tabs__media{aspect-ratio:1280/640;max-height:none}.media-tabs--chapters.is-enhanced .media-tabs__tabs{top:28px;inset-inline:36px;gap:var(--space-md)}.media-tabs--chapters .media-tabs__tab{font-size:15px}.media-tabs__body{max-width:640px;margin-block-start:var(--space-xl);font-size:18px}.media-tabs--style-guide{padding-block-start:100px}.media-tabs--style-guide .media-tabs__title{margin-bottom:var(--space-xl)}.media-tabs__subtitle{margin-block-end:28px;font-size:var(--text-md)}.media-tabs--style-guide .media-tabs__tabs{justify-content:center;flex-wrap:wrap;padding:var(--space-2xs) var(--space-lg) 20px}.media-tabs--style-guide .media-tabs__tab{padding:11px 20px;font-size:15px}.media-tabs--style-guide .media-tabs__panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);width:min(1100px,calc(100% - 96px));margin-inline:auto;margin-top:0;border-radius:var(--space-lg)}.media-tabs--style-guide .media-tabs__media{aspect-ratio:auto;min-height:460px}.media-tabs--style-guide .media-tabs__image{padding:40px}.media-tabs__copy{display:flex;flex-direction:column;justify-content:center;padding:56px 56px 56px var(--space-2xl)}.media-tabs__panel-title{font-size:clamp(32px, 2.8vw, 40px)}.media-tabs__text{font-size:17px}.media-tabs__bullets li{font-size:15px}.media-tabs__cta{max-width:320px;margin-block-start:28px}}@media (prefers-contrast:more){.media-tabs--chapters.is-enhanced .media-tabs__tabs{background:rgb(0 0 0 / 75%)}}@media (forced-colors:active){.media-tabs__tab.is-active{outline:var(--border-width-md) solid Highlight}.media-tabs__bullets li::before,.media-tabs__tab i{background:CanvasText}}