.play-button.svelte-1synf13{display:flex;align-items:center;justify-content:center;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))}.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):hover{--icon-fill: var(--button-print-hover);color:var(--button-print-hover);background-color:var(--button-background-color-hover)}.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-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{--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, rgb(225 176 60 / 45%))}.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{--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-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{--play-state-bg: var(--play-secondary-bg-playing, #e1b03c);--play-state-print: var(--play-secondary-print-playing, #121116)}.play-button.svelte-1synf13.secondary.is-playing:hover{--play-state-bg: var(--play-secondary-bg-playing-hover, #f9d893)}