@charset "utf-8";

.ods-o-inline-tts-player-wrapper { margin-bottom: var(--space-padding-L); }

.ods-o-inline-tts-player-wrapper .ods-o-inline-tts-player { display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-padding-S); position: relative; width: 100%; background-color: var(--color-background); }

.ods-o-inline-tts-player-wrapper .ods-o-inline-tts-player__title { color: var(--color-text-paragraph); font-family: var(--font-family2); font-size: var(--font-paragraph-text4mobile-size); font-style: normal; font-weight: var(--font-weight-bold); line-height: var(--font-paragraph-text4mobile-lineHeight); align-self: flex-start; padding: var(--space-padding-M) var(--space-padding-L) 0; margin: 0px; }

.ods-o-inline-tts-player-wrapper .ods-o-inline-tts-player__player { width: 100%; }

.ods-o-inline-tts-player-wrapper .ods-o-inline-tts-player__content { display: flex; flex-direction: column; width: 100%; }

.ods-o-inline-tts-player-wrapper .ods-o-inline-tts-player__info .ods-a-ai-info { padding: var(--space-padding-S) 0 0; justify-content: flex-end; }

.ods-o-inline-tts-player-wrapper .ods-o-inline-tts-player .ods-m-tts-player__close { display: none; }

.ods-o-inline-tts-player-wrapper .ods-o-inline-tts-player--sticky { position: fixed; top: 50px; left: 0px; right: 0px; z-index: 1000; width: 100%; max-width: 100%; box-shadow: rgba(0, 0, 0, 0.2) 0px 4px 10px; transition: top 0.3s; display: flex; justify-content: flex-start; height: 70px; background: var(--color-neutral-white); }

.ods-o-inline-tts-player-wrapper .ods-o-inline-tts-player--sticky .ods-o-inline-tts-player__content { max-width: 1260px; width: 100%; margin: 0px auto; position: relative; left: 0px; right: 0px; }

.ods-o-inline-tts-player-wrapper .ods-o-inline-tts-player--sticky .ods-m-tts-player__player-bar { border-radius: 0px; background: var(--color-neutral-white); padding: var(--space-padding-L); }

.ods-o-inline-tts-player-wrapper .ods-o-inline-tts-player--sticky .ods-o-inline-tts-player__info { position: relative; width: 940px; bottom: 15px; right: 20px; }

.ods-o-inline-tts-player-wrapper .ods-m-tts-player__player-bar { border-radius: 12px; background: var(--color-neutral-20); }

body.sponsoring-sticky .ods-o-inline-tts-player-wrapper .ods-o-inline-tts-player--sticky { top: calc(var(--sponsoring-height-desktop--sticky) + 50px); }

body.sponsoring-hidden .ods-o-inline-tts-player-wrapper .ods-o-inline-tts-player--sticky { top: 50px; }

.ods-body-mobile .ods-o-inline-tts-player-wrapper { padding: 0 var(--space-layout-mobile-sideMargin) var(--space-padding-L); margin: 0px; }

.ods-body-mobile .ods-o-inline-tts-player-wrapper .ods-o-inline-tts-player--sticky { top: var(--space-touchTargets-L); margin-left: 0px; margin-right: 0px; transform: none; }

.ods-body-mobile .ods-o-inline-tts-player-wrapper .ods-o-inline-tts-player--sticky .ods-m-tts-player__player-bar { border-radius: 0px; background: var(--color-neutral-white); }

.ods-body-mobile .ods-o-inline-tts-player-wrapper .ods-o-inline-tts-player--sticky .ods-o-inline-tts-player__info { margin-right: 0px; width: 100%; }

.ods-body-mobile .ods-o-inline-tts-player-wrapper .ods-o-inline-tts-player--sticky .ods-m-tts .ods-m-tts-player__player-bar { padding: var(--space-padding-S) var(--space-padding-L) 0; }

.ods-body-mobile .ods-o-inline-tts-player-wrapper .ods-o-inline-tts-player--sticky .ods-o-inline-tts-player__content { max-width: 430px; }

.ods-body-mobile .ods-o-inline-tts-player-wrapper .ods-o-inline-tts-player .ods-o-inline-tts-player__player { padding-bottom: var(--space-padding-S); }

.ods-body-mobile.sponsoring-sticky .ods-o-inline-tts-player-wrapper .ods-o-inline-tts-player--sticky { top: calc(var(--sponsoring-height-mobile) + var(--space-touchTargets-L)); }

.ods-body-mobile.sponsoring-hidden .ods-o-inline-tts-player-wrapper .ods-o-inline-tts-player--sticky { top: var(--space-touchTargets-L); }