.ui-playback-button[data-v-015fd467]{--ui-playback-button-size:48px;--ui-playback-button-icon-size:24px;background:var(--color-primary);border:0;border-radius:var(--ui-action-radius);box-sizing:border-box;color:var(--color-primary-dark);cursor:pointer;display:inline-grid;flex:0 0 auto;height:var(--ui-playback-button-size);min-height:var(--ui-playback-button-size);min-width:var(--ui-playback-button-size);padding:0;place-items:center;transition:background-color .16s ease,transform .16s ease;width:var(--ui-playback-button-size)}.ui-playback-button--sm[data-v-015fd467]{--ui-playback-button-size:40px;--ui-playback-button-icon-size:20px}.ui-playback-button--lg[data-v-015fd467]{--ui-playback-button-size:56px;--ui-playback-button-icon-size:28px}.ui-playback-button[data-v-015fd467]:hover:not(:disabled){background:var(--color-primary-hover);transform:scale(1.04)}.ui-playback-button[data-v-015fd467]:active:not(:disabled){transform:scale(.98)}.ui-playback-button[data-v-015fd467]:focus-visible{outline:3px solid color-mix(in srgb,var(--color-primary) 45%,transparent);outline-offset:3px}.ui-playback-button[data-v-015fd467]:disabled{cursor:not-allowed;opacity:.48}.ui-playback-button[data-v-015fd467] .ui-playback-button__icon{color:var(--color-primary-dark)!important;height:var(--ui-playback-button-icon-size);width:var(--ui-playback-button-icon-size)}.ui-playback-button[data-v-015fd467]:not(.ui-playback-button--playing) .ui-playback-button__icon{fill:currentColor;stroke-width:1.5;transform:translate(1.5px)}.ui-playback-button--playing[data-v-015fd467] .ui-playback-button__icon{fill:currentColor;stroke-width:0}