.play-button.svelte-1synf13{min-width:var(--play-button-size);min-height:var(--play-button-size);width:var(--play-button-size);height:var(--play-button-size);background-color:var(--play-state-bg,var(--button-background-color));color:var(--play-state-print,var(--button-print));--icon-fill:var(--play-state-print,var(--button-print));--icon-width:var(--play-icon-dimension);--icon-height:var(--play-icon-dimension);box-shadow:var(--play-state-ring,none);transition:background-color var(--transition-fast,50ms cubic-bezier(0, .25, .75, 1)), color var(--transition-fast,50ms cubic-bezier(0, .25, .75, 1)), box-shadow var(--transition-fast,50ms cubic-bezier(0, .25, .75, 1));justify-content:center;align-items:center;display:flex}.play-button.svelte-1synf13.primary{--button-background-color:var(--play-primary-bg,#cbedff);--button-background-color-hover:var(--play-primary-bg-hover,#eaf9ff);--button-background-color-active:var(--play-primary-bg-active,#f7feff);--button-print:var(--play-primary-print,#15151a);--button-print-hover:var(--play-primary-print-hover,#15151a);--button-print-active:var(--play-primary-print-active,#15151a)}.play-button.svelte-1synf13.secondary{--button-background-color:var(--play-secondary-bg,#313847);--button-background-color-hover:var(--play-secondary-bg-hover,#282c39);--button-background-color-active:var(--play-secondary-bg-active,#313847);--button-print:var(--play-secondary-print,#cbedff);--button-print-hover:var(--play-secondary-print-hover,#eaf9ff);--button-print-active:var(--play-secondary-print-active,#969ca0)}.play-button.svelte-1synf13.size-sm{--play-button-size:var(--play-button-override-size,var(--play-size-sm,36px));--play-icon-dimension:var(--play-button-override-icon,var(--play-icon-size-sm,16px));border-radius:var(--play-button-override-radius,var(--play-radius-sm,36px))}.play-button.svelte-1synf13.size-md{--play-button-size:var(--play-button-override-size,var(--play-size-md,42px));--play-icon-dimension:var(--play-button-override-icon,var(--play-icon-size-md,16px));border-radius:var(--play-button-override-radius,var(--play-radius-md,42px))}.play-button.svelte-1synf13.size-lg{--play-button-size:var(--play-button-override-size,var(--play-size-lg,48px));--play-icon-dimension:var(--play-button-override-icon,var(--play-icon-size-lg,20px));border-radius:var(--play-button-override-radius,var(--play-radius-lg,48px))}.play-button.svelte-1synf13.size-xl{--play-button-size:var(--play-button-override-size,var(--play-size-xl,60px));--play-icon-dimension:var(--play-button-override-icon,var(--play-icon-size-xl,24px));border-radius:var(--play-button-override-radius,var(--play-radius-xl,60px))}.play-button.svelte-1synf13:not(.is-playing):not(.is-current):active{--icon-fill:var(--button-print-active);color:var(--button-print-active);background-color:var(--button-background-color-active)}.play-button.svelte-1synf13.primary.is-current{--play-state-bg:var(--play-primary-bg-current,#cbedff);--play-state-print:var(--play-primary-print-current,#926c00);--play-state-ring:0 0 0 3px var(--play-primary-ring-current,#7f5b00)}.play-button.svelte-1synf13.primary.is-playing{--play-state-bg:var(--play-primary-bg-playing,#e1b03c);--play-state-print:var(--play-primary-print-playing,#121116);--play-state-ring:0 0 0 3px var(--play-primary-ring-playing,#e1b03c73)}.play-button.svelte-1synf13.secondary.is-current{--play-state-bg:var(--play-secondary-bg-current,#313847);--play-state-print:var(--play-secondary-print-current,#edc46b);--play-state-ring:0 0 0 3px var(--play-secondary-ring-current,#e1b03c)}.play-button.svelte-1synf13.secondary.is-playing{--play-state-bg:var(--play-secondary-bg-playing,#e1b03c);--play-state-print:var(--play-secondary-print-playing,#121116)}.play-button.svelte-1synf13.is-disabled{opacity:.45}@media (hover:hover){.play-button.svelte-1synf13:not(.is-playing):not(.is-current):not(.is-disabled):hover{--icon-fill:var(--button-print-hover);color:var(--button-print-hover);background-color:var(--button-background-color-hover)}.play-button.svelte-1synf13.primary.is-current:hover{--play-state-bg:var(--play-primary-bg-current-hover,#eaf9ff);--play-state-print:var(--play-primary-print-current-hover,#7f5b00);--play-state-ring:0 0 0 3px var(--play-primary-ring-current-hover,#6c4c00)}.play-button.svelte-1synf13.primary.is-playing:hover{--play-state-bg:var(--play-primary-bg-playing-hover,#f9d893)}.play-button.svelte-1synf13.secondary.is-current:hover{--play-state-bg:var(--play-secondary-bg-current-hover,#282c39);--play-state-print:var(--play-secondary-print-current-hover,#f9d893);--play-state-ring:0 0 0 3px var(--play-secondary-ring-current-hover,#edc46b)}.play-button.svelte-1synf13.secondary.is-playing:hover{--play-state-bg:var(--play-secondary-bg-playing-hover,#f9d893)}}