.ds-button-play{--button-bg:getButtonVariable("primary","default","bg-color");--button-bg-opacity:.9;--button-border-radius:999px;--button-text:getButtonVariable("primary","default","text-color");--button-diameter:56px;--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-text);cursor:pointer;display:inline-flex;font-family:var(--ds-text-ff-body);font-weight:var(--ds-text-fw-medium);inline-size:var(--button-diameter);justify-content:center;overflow:hidden;position:relative;-webkit-text-decoration:var(--button-text-decoration);text-decoration:var(--button-text-decoration)}.ds-button-play__bg{background-color:var(--button-bg);top:0;right:0;bottom:0;left:0;opacity:var(--button-bg-opacity);position:absolute;z-index:0}.ds-button-play .ds-icon{position:relative;z-index:1}.ds-button-play[disabled]{cursor:not-allowed;opacity:.3}.ds-button-play:focus{outline:none}.ds-button-play:focus-visible{outline:4px solid var(--ds-color-focus-default)}.ds-button-play--primary{--button-bg:getButtonVariable("primary","default","bg-color");--button-border:getButtonVariable("primary","default","border-color");--button-text:getButtonVariable("primary","default","text-color")}.ds-button-play--primary:hover:not(:disabled):not([aria-disabled=true]):not(.ds-button--loading){--button-bg:getButtonVariable("primary","hover","bg-color");--button-border:getButtonVariable("primary","hover","border-color");--button-text:getButtonVariable("primary","hover","text-color");--button-bg-opacity:1}.ds-button-play--primary:focus-visible:not(:disabled):not([aria-disabled=true]):not(.ds-button--loading){--button-bg:getButtonVariable("primary","focus","bg-color");--button-border:getButtonVariable("primary","focus","border-color");--button-text:getButtonVariable("primary","focus","text-color");--button-bg-opacity:1}.ds-button-play--primary:active:not(:disabled):not([aria-disabled=true]):not(.ds-button--loading){--button-bg:getButtonVariable("primary","press","bg-color");--button-border:getButtonVariable("primary","press","border-color");--button-text:getButtonVariable("primary","press","text-color");--button-bg-opacity:1}.ds-button-play--inverted{--button-bg:getButtonVariable("secondary","default","bg-color");--button-border:getButtonVariable("secondary","default","border-color");--button-text:getButtonVariable("secondary","default","text-color")}.ds-button-play--inverted:hover:not(:disabled):not([aria-disabled=true]):not(.ds-button--loading){--button-bg:getButtonVariable("secondary","hover","bg-color");--button-border:getButtonVariable("secondary","hover","border-color");--button-text:getButtonVariable("secondary","hover","text-color");--button-bg-opacity:1}.ds-button-play--inverted:focus-visible:not(:disabled):not([aria-disabled=true]):not(.ds-button--loading){--button-bg:getButtonVariable("secondary","focus","bg-color");--button-border:getButtonVariable("secondary","focus","border-color");--button-text:getButtonVariable("secondary","focus","text-color");--button-bg-opacity:1}.ds-button-play--inverted:active:not(:disabled):not([aria-disabled=true]):not(.ds-button--loading){--button-bg:getButtonVariable("secondary","press","bg-color");--button-border:getButtonVariable("secondary","press","border-color");--button-text:getButtonVariable("secondary","press","text-color");--button-bg-opacity:1}.ds-button-play--sm{--button-diameter:46px}.ds-button-play--lg{--button-diameter:72px}.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)}