.ds-button-play-progress{--button-bg:transparent;--button-border-radius:999px;--button-diameter:32px;--button-track-opacity:.2;--button-text-decoration:none;align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;block-size:var(--button-diameter);border:none;border-radius:var(--button-border-radius);color:var(--button-fg);cursor:pointer;font-family:var(--ds-text-ff-body);font-weight:var(--ds-text-fw-medium);inline-size:var(--button-diameter);justify-content:center;overflow:hidden;padding:0;position:relative;-webkit-text-decoration:var(--button-text-decoration);text-decoration:var(--button-text-decoration)}.ds-button-play-progress--on-dark{--button-fg:var(--ds-color-fg-light)}.ds-button-play-progress--on-light{--button-fg:var(--ds-color-fg-dark)}.ds-button-play-progress--md{--button-diameter:44px}.ds-button-play-progress:hover{--button-track-opacity:.3}.ds-button-play-progress__progress{block-size:100%;inline-size:100%;top:0;right:0;bottom:0;left:0;position:absolute;transform:rotate(-90deg)}.ds-button-play-progress__progress-bg{fill:none;opacity:var(--button-track-opacity);stroke:var(--button-fg);stroke-width:2}@media screen and (prefers-reduced-motion:reduce){.ds-button-play-progress__progress-indicator{transition:none}}.ds-button-play-progress__progress-indicator{fill:none;stroke:var(--button-fg);stroke-linecap:round;stroke-width:2;transition:stroke-dashoffset .25s linear}.ds-button-play-progress .ds-icon{position:relative;z-index:1}.ds-button-play-progress .ds-icon[data-icon-name=button-play]{translate:1px 0}.ds-button-play-progress[disabled]{cursor:not-allowed;opacity:.5}.ds-button-play-progress{--focus-outline-color:var(--ds-color-focus-default)}.ds-button-play-progress:focus{outline:none}.ds-button-play-progress:focus-visible{outline:4px solid var(--focus-outline-color);outline-offset:2px}.swap-enter-active,.swap-leave-active{transition:opacity .15s ease-in-out,transform .15s ease-in-out}@media screen and (prefers-reduced-motion:reduce){.swap-enter-active,.swap-leave-active{transition:none}}.swap-enter-from,.swap-leave-to{opacity:0;transform:scale(.75)}