:where(.c-play-pause-button){position:relative;width:fit-content;height:fit-content;cursor:pointer;--un-text-opacity:1;color:rgb(var(--theme-colors-text-onSecondaryInteractive) / var(--un-text-opacity));--un-bg-opacity:1;background-color:rgb(var(--theme-colors-background-secondary) / var(--un-bg-opacity));--bgCurrent:rgb(var(--theme-colors-background-secondary) / var(--un-bg-opacity)) ;--theme-colors-strong-on-X:var(--theme-colors-onSecondaryStrong);--theme-colors-interactive-on-X:var(--theme-colors-onSecondaryInteractive);--theme-colors-interactiveHover-on-X:var(--theme-colors-onSecondaryInteractiveHover);--theme-colors-interactiveActive-on-X:var(--theme-colors-onSecondaryInteractiveActive);--theme-colors-medium-on-X:var(--theme-colors-onSecondaryMedium);--theme-colors-subtle-on-X:var(--theme-colors-onSecondarySubtle);--theme-colors-disabled-on-X:var(--theme-colors-onSecondaryDisabled);--theme-colors-danger-on-X:var(--theme-colors-onSecondaryDanger);--theme-colors-onIndent-on-X:var(--theme-colors-onSecondaryOnIndent);--theme-colors-onIndentHover-on-X:var(--theme-colors-onSecondaryOnIndentHover);--theme-colors-onIndentActive-on-X:var(--theme-colors-onSecondaryOnIndentActive);--theme-colors-indent-on-X:var(--theme-colors-onSecondaryIndent);--theme-colors-indentActive-on-X:var(--theme-colors-onSecondaryIndentActive);--theme-colors-text-strong-on-X:var(--theme-colors-text-onSecondaryStrong);--theme-colors-text-interactive-on-X:var(--theme-colors-text-onSecondaryInteractive);--theme-colors-text-interactiveHover-on-X:var(--theme-colors-text-onSecondaryInteractiveHover);--theme-colors-text-interactiveActive-on-X:var(--theme-colors-text-onSecondaryInteractiveActive);--theme-colors-text-medium-on-X:var(--theme-colors-text-onSecondaryMedium);--theme-colors-text-subtle-on-X:var(--theme-colors-text-onSecondarySubtle);--theme-colors-text-disabled-on-X:var(--theme-colors-text-onSecondaryDisabled);--theme-colors-text-danger-on-X:var(--theme-colors-text-onSecondaryDanger);--theme-colors-text-onIndent-on-X:var(--theme-colors-text-onSecondaryOnIndent);--theme-colors-text-onIndentHover-on-X:var(--theme-colors-text-onSecondaryOnIndentHover);--theme-colors-text-onIndentActive-on-X:var(--theme-colors-text-onSecondaryOnIndentActive);--theme-colors-border-subtle-on-X:var(--theme-colors-border-onSecondarySubtle);--theme-colors-border-medium-on-X:var(--theme-colors-border-onSecondaryMedium);--theme-colors-border-strong-on-X:var(--theme-colors-border-onSecondaryStrong);--theme-colors-border-extraStrong-on-X:var(--theme-colors-border-onSecondaryExtraStrong);--theme-colors-border-interactive-on-X:var(--theme-colors-border-onSecondaryInteractive);--theme-colors-border-danger-on-X:var(--theme-colors-border-onSecondaryDanger);padding:var(--theme-spacing-2xs, var(--theme-spacing-2xs--sm));border-radius:var(--theme-borderRadius-button, var(--theme-borderRadius-button--sm))}:where(.c-play-pause-button):hover{--un-text-opacity:1;color:rgb(var(--theme-colors-text-onSecondaryInteractiveHover) / var(--un-text-opacity));--un-bg-opacity:1;background-color:rgb(var(--theme-colors-background-secondaryHover) / var(--un-bg-opacity));--bgCurrent:rgb(var(--theme-colors-background-secondaryHover) / var(--un-bg-opacity)) }:where(.c-play-pause-button):active{--un-bg-opacity:1;background-color:rgb(var(--theme-colors-background-secondaryActive) / var(--un-bg-opacity));--bgCurrent:rgb(var(--theme-colors-background-secondaryActive) / var(--un-bg-opacity)) }