@charset "utf-8";

.ods-a-tts-speed-control { position: relative; display: flex; justify-content: center; padding: 0 var(--space-padding-M); }

.ods-a-tts-speed-control__button { border: 0px; padding: 0px; background: transparent; cursor: pointer; color: var(--color-neutral-80); text-align: center; 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); }

.ods-a-tts-speed-control__picker { display: none; position: absolute; left: 50%; transform: translate(-50%); top: -8px; padding: var(--space-padding-M); flex-direction: column; align-items: flex-start; gap: 20px; border-radius: var(--space-radius-cards); border: 1px solid var(--color-button-secondaryOutline); background: var(--color-neutral-white); z-index: 1000; }

.ods-a-tts-speed-control__picker[data-active="true"] { display: flex; }

.ods-a-tts-speed-control__option { display: flex; align-items: center; gap: 3px; align-self: stretch; color: var(--color-neutral-90); text-align: center; font-family: var(--font-family2); font-size: var(--font-paragraph-text5mobile-size); font-style: normal; font-weight: var(--font-weight-bold); line-height: var(--font-paragraph-text5mobile-lineHeight); cursor: pointer; border: 0px; padding: 0px; background: transparent; }

.ods-a-tts-speed-control__option[data-selected="true"] { color: var(--color-neutral-60); }

.ods-body-mobile .ods-a-tts-speed-control__button { color: var(--color-neutral-80); text-align: center; 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); }