:where(.c-audio-player){display:flex;--un-bg-opacity:1;background-color:rgb(var(--theme-colors-background-surface) / var(--un-bg-opacity));--bgCurrent:rgb(var(--theme-colors-background-surface) / var(--un-bg-opacity)) ;--theme-colors-strong-on-X:var(--theme-colors-onSurfaceStrong);--theme-colors-medium-on-X:var(--theme-colors-onSurfaceMedium);--theme-colors-subtle-on-X:var(--theme-colors-onSurfaceSubtle);--theme-colors-disabled-on-X:var(--theme-colors-onSurfaceDisabled);--theme-colors-danger-on-X:var(--theme-colors-onSurfaceDanger);--theme-colors-interactive-on-X:var(--theme-colors-onSurfaceInteractive);--theme-colors-interactiveHover-on-X:var(--theme-colors-onSurfaceInteractiveHover);--theme-colors-interactiveActive-on-X:var(--theme-colors-onSurfaceInteractiveActive);--theme-colors-onIndent-on-X:var(--theme-colors-onSurfaceOnIndent);--theme-colors-onIndentHover-on-X:var(--theme-colors-onSurfaceOnIndentHover);--theme-colors-onIndentActive-on-X:var(--theme-colors-onSurfaceOnIndentActive);--theme-colors-indent-on-X:var(--theme-colors-onSurfaceIndent);--theme-colors-indentActive-on-X:var(--theme-colors-onSurfaceIndentActive);--theme-colors-text-strong-on-X:var(--theme-colors-text-onSurfaceStrong);--theme-colors-text-medium-on-X:var(--theme-colors-text-onSurfaceMedium);--theme-colors-text-subtle-on-X:var(--theme-colors-text-onSurfaceSubtle);--theme-colors-text-disabled-on-X:var(--theme-colors-text-onSurfaceDisabled);--theme-colors-text-danger-on-X:var(--theme-colors-text-onSurfaceDanger);--theme-colors-text-interactive-on-X:var(--theme-colors-text-onSurfaceInteractive);--theme-colors-text-interactiveHover-on-X:var(--theme-colors-text-onSurfaceInteractiveHover);--theme-colors-text-interactiveActive-on-X:var(--theme-colors-text-onSurfaceInteractiveActive);--theme-colors-text-onIndent-on-X:var(--theme-colors-text-onSurfaceOnIndent);--theme-colors-text-onIndentHover-on-X:var(--theme-colors-text-onSurfaceOnIndentHover);--theme-colors-text-onIndentActive-on-X:var(--theme-colors-text-onSurfaceOnIndentActive);--theme-colors-border-extraStrong-on-X:var(--theme-colors-border-onSurfaceExtraStrong);--theme-colors-border-strong-on-X:var(--theme-colors-border-onSurfaceStrong);--theme-colors-border-medium-on-X:var(--theme-colors-border-onSurfaceMedium);--theme-colors-border-subtle-on-X:var(--theme-colors-border-onSurfaceSubtle);--theme-colors-border-danger-on-X:var(--theme-colors-border-onSurfaceDanger);--theme-colors-border-interactive-on-X:var(--theme-colors-border-onSurfaceInteractive);width:calc(12 * var(--theme-layout-column-of-12, var(--theme-layout-column-of-12--sm)) + 11 * var(--theme-layout-gutter, var(--theme-layout-gutter--sm)));padding-block:var(--theme-spacing-md, var(--theme-spacing-md--sm));padding-inline:var(--theme-spacing-lg, var(--theme-spacing-lg--sm));gap:var(--theme-spacing-lg, var(--theme-spacing-lg--sm));border-radius:var(--theme-borderRadius-xl, var(--theme-borderRadius-xl--sm))}@media (max-width: calc(80em - .1px)){:where(.c-audio-player){flex-direction:column-reverse}}@media (min-width: 80em){:where(.c-audio-player){width:calc(8 * var(--theme-layout-column-of-12, var(--theme-layout-column-of-12--sm)) + 7 * var(--theme-layout-gutter, var(--theme-layout-gutter--sm)))}}:where(.c-audio-player) input[type=range]{position:relative;margin-bottom:0;height:24px;width:100%;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;--bgCurrent:transparent }@media (min-width: 80em){:where(.c-audio-player) input[type=range]{margin-bottom:var(--theme-spacing-xs, var(--theme-spacing-xs--sm))}}:where(.c-audio-player) input[type=range]:focus{outline:2px solid transparent;outline-offset:2px}:where(.c-audio-player) input[type=range]::-webkit-slider-runnable-track{height:6px;--un-bg-opacity:1;background-color:rgb(var(--theme-colors-onSurfaceIndent) / var(--un-bg-opacity));--bgCurrent:rgb(var(--theme-colors-onSurfaceIndent) / var(--un-bg-opacity)) ;border-radius:var(--theme-borderRadius-full, var(--theme-borderRadius-full--sm))}:where(.c-audio-player) input[type=range]::-webkit-slider-thumb{height:24px;width:24px;--un-translate-y:-9px;transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));-webkit-appearance:none;-moz-appearance:none;appearance:none;border-width:2px;border-radius:50%;--un-border-opacity:1;border-color:rgb(var(--theme-colors-border-surface) / var(--un-border-opacity));--un-bg-opacity:1;background-color:rgb(var(--theme-colors-background-primary) / var(--un-bg-opacity));--bgCurrent:rgb(var(--theme-colors-background-primary) / var(--un-bg-opacity)) ;--theme-colors-strong-on-X:var(--theme-colors-onPrimaryStrong);--theme-colors-medium-on-X:var(--theme-colors-onPrimaryMedium);--theme-colors-subtle-on-X:var(--theme-colors-onPrimarySubtle);--theme-colors-disabled-on-X:var(--theme-colors-onPrimaryDisabled);--theme-colors-interactive-on-X:var(--theme-colors-onPrimaryInteractive);--theme-colors-interactiveHover-on-X:var(--theme-colors-onPrimaryInteractiveHover);--theme-colors-interactiveActive-on-X:var(--theme-colors-onPrimaryInteractiveActive);--theme-colors-danger-on-X:var(--theme-colors-onPrimaryDanger);--theme-colors-onIndent-on-X:var(--theme-colors-onPrimaryOnIndent);--theme-colors-onIndentActive-on-X:var(--theme-colors-onPrimaryOnIndentActive);--theme-colors-onIndentHover-on-X:var(--theme-colors-onPrimaryOnIndentHover);--theme-colors-indent-on-X:var(--theme-colors-onPrimaryIndent);--theme-colors-indentActive-on-X:var(--theme-colors-onPrimaryIndentActive);--theme-colors-text-strong-on-X:var(--theme-colors-text-onPrimaryStrong);--theme-colors-text-medium-on-X:var(--theme-colors-text-onPrimaryMedium);--theme-colors-text-subtle-on-X:var(--theme-colors-text-onPrimarySubtle);--theme-colors-text-disabled-on-X:var(--theme-colors-text-onPrimaryDisabled);--theme-colors-text-interactive-on-X:var(--theme-colors-text-onPrimaryInteractive);--theme-colors-text-interactiveHover-on-X:var(--theme-colors-text-onPrimaryInteractiveHover);--theme-colors-text-interactiveActive-on-X:var(--theme-colors-text-onPrimaryInteractiveActive);--theme-colors-text-danger-on-X:var(--theme-colors-text-onPrimaryDanger);--theme-colors-text-onIndent-on-X:var(--theme-colors-text-onPrimaryOnIndent);--theme-colors-text-onIndentActive-on-X:var(--theme-colors-text-onPrimaryOnIndentActive);--theme-colors-text-onIndentHover-on-X:var(--theme-colors-text-onPrimaryOnIndentHover);--theme-colors-border-extraStrong-on-X:var(--theme-colors-border-onPrimaryExtraStrong);--theme-colors-border-strong-on-X:var(--theme-colors-border-onPrimaryStrong);--theme-colors-border-medium-on-X:var(--theme-colors-border-onPrimaryMedium);--theme-colors-border-subtle-on-X:var(--theme-colors-border-onPrimarySubtle);--theme-colors-border-danger-on-X:var(--theme-colors-border-onPrimaryDanger);--theme-colors-border-interactive-on-X:var(--theme-colors-border-onPrimaryInteractive)}.t-audio-timestamps-enter-active,.t-audio-timestamps-leave-active{transition:all .35s var(--easing-ease-slow)}.t-audio-timestamps-enter-from{--un-translate-y:5px;transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));opacity:0}.t-audio-timestamps-leave-to{--un-translate-y:-5px;transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));opacity:0}.c-block-list-audio{width:calc(12 * var(--theme-layout-column-of-12, var(--theme-layout-column-of-12--sm)) + 11 * var(--theme-layout-gutter, var(--theme-layout-gutter--sm)))}@media (min-width: 80em){.c-block-list-audio{width:calc(8 * var(--theme-layout-column-of-12, var(--theme-layout-column-of-12--sm)) + 7 * var(--theme-layout-gutter, var(--theme-layout-gutter--sm)))}}