.button-wrap.svelte-1xx57i8{position:relative;display:flex;align-items:center;justify-content:center;width:36px;height:36px}.button-wrap.with-cover.svelte-1xx57i8{width:48px;height:48px}.button-wrap.with-cover.svelte-1xx57i8 .play:where(.svelte-1xx57i8){border-radius:8px;background-color:#000000b3}.button-wrap.with-cover.svelte-1xx57i8 .cover:where(.svelte-1xx57i8){flex-shrink:0;-o-object-fit:contain;object-fit:contain;border-radius:8px;background-color:var(--gainsboro);aspect-ratio:1}.button-wrap.with-cover.svelte-1xx57i8 .reveal:where(.svelte-1xx57i8){opacity:0;transition:opacity .2s}.button-wrap.with-cover.svelte-1xx57i8 .reveal:where(.svelte-1xx57i8):hover{opacity:1;width:48px;height:48px}.button-wrap.svelte-1xx57i8 .play:where(.svelte-1xx57i8){position:absolute;display:flex;align-items:center;justify-content:center;width:100%;height:100%}.button-wrap.svelte-1xx57i8 .play:where(.svelte-1xx57i8) img:where(.svelte-1xx57i8){width:20px;height:20px}.button-wrap.svelte-1xx57i8 .spinner:where(.svelte-1xx57i8){position:absolute;display:flex}.button-wrap.svelte-1xx57i8 .play-sfx:where(.svelte-1xx57i8) img:where(.svelte-1xx57i8){width:27px;height:27px}