:where(.c-audio-player){--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) + 11 * var(--theme-layout-gutter));padding-block:var(--theme-spacing-md);padding-inline:var(--theme-spacing-lg);gap:var(--theme-spacing-lg);border-radius:var(--theme-borderRadius-xl);display:flex}@media (width<=calc(80em - .1px)){:where(.c-audio-player){flex-direction:column-reverse}}@media (width>=80em){:where(.c-audio-player){width:calc(8 * var(--theme-layout-column-of-12) + 7 * var(--theme-layout-gutter))}}:where(.c-audio-player) input[type=range]{cursor:pointer;appearance:none;--bgCurrent:transparent;background-color:#0000;width:100%;height:24px;margin-bottom:0;position:relative}@media (width>=80em){:where(.c-audio-player) input[type=range]{margin-block:var(--theme-spacing-xs)}}:where(.c-audio-player) input[type=range]:focus{outline-offset:2px;outline:2px solid #0000}:where(.c-audio-player) input[type=range]::-webkit-slider-runnable-track{--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);height:6px}:where(.c-audio-player) input[type=range]::-webkit-slider-thumb{--un-translate-y:-9px;width:24px;height:24px;transform:translateX(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)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));appearance:none;--un-border-opacity:1;border-width:2px;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);border-radius:50%}.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:translateX(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)) rotateZ(var(--un-rotate-z)) skewX(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:translateX(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)) rotateZ(var(--un-rotate-z)) skewX(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) + 11 * var(--theme-layout-gutter))}@media (width>=80em){.c-block-list-audio{width:calc(8 * var(--theme-layout-column-of-12) + 7 * var(--theme-layout-gutter))}}