.player.svelte-cgx7eq{color:var(--primary);display:grid;grid-template-columns:0fr 10fr;width:100%}button.svelte-cgx7eq{position:absolute;aspect-ratio:1;background-repeat:no-repeat;background-position:50% 50%;border:1.5px solid var(--primary);width:53px;height:53px;cursor:pointer;border-bottom-left-radius:4px;border-top-left-radius:4px}.button-container.svelte-cgx7eq{--play-button-fg: var(--primary);position:relative;width:53px;height:53px;background-color:var(--secondary);border-bottom-left-radius:4px;border-top-left-radius:4px;transition-property:background-color;transition-duration:var(--transition-time);transition-timing-function:var(--transition-style)}.button-container.svelte-cgx7eq:hover{--play-button-fg: var(--secondary);background-color:var(--primary)}.button-icon.svelte-cgx7eq{position:absolute;width:21px;height:21px;top:50%;left:50%;transform:translate(-50%,-50%)}.play-button.svelte-cgx7eq{fill:var(--play-button-fg);transition-property:fill;transition-duration:var(--transition-time);transition-timing-function:var(--transition-style)}.progress-box.svelte-cgx7eq{border:1.5px solid var(--primary);height:53px;border-bottom-right-radius:4px;border-top-right-radius:4px;border-left:none}.progress-box.svelte-cgx7eq:hover{cursor:col-resize}.progress-indicator.svelte-cgx7eq{width:1.5px;height:100%;margin-left:calc(100 * var(--progress));background:var(--primary)}.track-info.svelte-cgx7eq{margin-left:14px;margin-top:-40px;z-index:0}@media screen and (max-width: 799px){.track-info.svelte-cgx7eq{margin-top:-33px}.button-icon.svelte-cgx7eq{width:17px;height:17px}.progress-box.svelte-cgx7eq{height:43px}.button-container.svelte-cgx7eq,button.svelte-cgx7eq{width:43px;height:43px}}