.dd-player{display:flex;align-items:center;gap:10px;width:100%;height:40px}.dd-player__btn{flex:0 0 auto;width:36px;height:36px;border-radius:50%;background:var(--mud-palette-primary);color:var(--mud-palette-primary-text);border:none;padding:0;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:transform .08s ease,filter .15s ease}.dd-player__btn:hover{filter:brightness(1.08)}.dd-player__btn:active{transform:scale(.94)}.dd-player__btn:focus-visible{outline:2px solid var(--mud-palette-primary);outline-offset:2px}.dd-player__icon{width:20px;height:20px;display:none}.dd-player__icon--play{display:block}.dd-player.is-playing .dd-player__icon--play{display:none}.dd-player.is-playing .dd-player__icon--pause{display:block}.dd-player.is-loading .dd-player__icon--play,.dd-player.is-loading .dd-player__icon--pause{display:none}.dd-player.is-loading .dd-player__icon--load{display:block;animation:dd-player-spin .8s linear infinite}.dd-player__viz{flex:1 1 auto;min-width:0;height:36px;display:block;cursor:pointer;touch-action:none}.dd-player__time{flex:0 0 auto;min-width:76px;text-align:right;font-size:11px;color:var(--mud-palette-text-secondary);white-space:nowrap}.dd-player__audio{display:none}.dd-player--compact{height:36px}.dd-player--compact .dd-player__time{display:none}@keyframes dd-player-spin{to{transform:rotate(360deg)}}