.DxPlayPause{height:43px;position:relative;width:43px}.DxPlayPause--hidden{opacity:0;visibility:hidden}.DxPlayPause button{background-color:rgba(0,0,0,0);border:1px solid rgba(0,0,0,0);border-radius:50%;display:grid;height:inherit;left:0;padding:0;place-items:center;position:absolute;top:0;-webkit-transition:all .3s;transition:all .3s;width:inherit}.DxPlayPause button:before{backdrop-filter:blur(40px);border:2.5px solid rgba(0,0,0,0);border-radius:50%;content:"";height:100%;left:0;position:absolute;top:0;width:100%}.DxPlayPause button:focus-visible{-webkit-box-shadow:0 0 5px 3px #4a90e2;box-shadow:0 0 5px 3px #4a90e2}.DxPlayPause__border{fill:none;opacity:1;stroke:rgba(0,0,0,0);stroke-width:2px}.DxPlayPause__border--countdown{stroke-dasharray:124;stroke-dashoffset:0}.DxPlayPause__wrapper{height:42px;-webkit-transform:rotateY(-180deg) rotate(-90deg);transform:rotateY(-180deg) rotate(-90deg);width:42px}.DxPlayPause__pauseButton,.DxPlayPause__playButton{font-size:1.6rem;font-weight:600;line-height:1em;opacity:0;position:absolute}.DxPlayPause__playButton:before{margin-top:-1px}.DxPlayPause--dark button:before{background-color:hsla(0,0%,100%,.5);border-color:rgba(12,18,28,.12)}.DxPlayPause--dark button:focus-visible,.DxPlayPause--dark button:hover{background-color:#e9ecec;border-color:#0c121c}.DxPlayPause--dark .DxPlayPause__border{stroke:#0c121c}.DxPlayPause--dark .DxPlayPause__pauseButton:before,.DxPlayPause--dark .DxPlayPause__playButton:before{color:#0c121c}.DxPlayPause--light button:before{background-color:rgba(12,18,28,.2);border-color:hsla(0,0%,100%,.2)}.DxPlayPause--light button:focus-visible,.DxPlayPause--light button:hover{background-color:#4a4f54;border-color:#fff}.DxPlayPause--light .DxPlayPause__border{stroke:#fff}.DxPlayPause--light .DxPlayPause__pauseButton:before,.DxPlayPause--light .DxPlayPause__playButton:before{color:#fff}