section.svelte-j1l7g3{margin:var(--margin) auto;display:flex;flex-direction:column;align-items:center}section.svelte-j1l7g3.nested{background:none;-webkit-backdrop-filter:none;backdrop-filter:none}.controls.svelte-j1l7g3{display:flex;align-items:center;width:350px}button.svelte-j1l7g3{color:rgb(var(--foreground));flex-grow:0;flex-shrink:0;width:2.4em;height:2.4em;background-color:rgba(var(--foreground),0);border:none;cursor:pointer;margin:0;padding:.5em;transition:background-color .3s}button.svelte-j1l7g3>svg:where(.svelte-j1l7g3){height:100%;width:100%;aspect-ratio:1 / 1;vertical-align:middle}button.svelte-j1l7g3:hover{background-color:rgba(var(--foreground),.2)}input[type=range].svelte-j1l7g3{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:100%;height:8px;border-radius:5px;background:#d3d3d3;outline:none;margin:auto var(--half-margin)}input[type=range].svelte-j1l7g3::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:rgb(var(--accent));cursor:pointer;transition:background .2s;box-shadow:none}input[type=range].svelte-j1l7g3::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:rgb(var(--accent));cursor:pointer;transition:background .2s}input[type=range].svelte-j1l7g3::-webkit-slider-thumb:hover{background:#7979ec}input[type=range].svelte-j1l7g3::-moz-range-thumb:hover{background:#7979ec}#timestamp.svelte-j1l7g3{text-align:center;display:flex;flex-grow:0;flex-shrink:0}#timestamp.svelte-j1l7g3>span:where(.svelte-j1l7g3){width:2.4em;flex-shrink:0;flex-grow:0;text-align:center}#volume.svelte-j1l7g3{flex-grow:1;width:100px;max-width:0px;margin:auto 0;transition:max-width .4s,margin .4s}#volume-container.svelte-j1l7g3{display:flex;flex-shrink:0}#volume-container.svelte-j1l7g3:hover{background-color:rgba(var(--foreground),.1)}#volume-container.svelte-j1l7g3:hover #volume:where(.svelte-j1l7g3){max-width:100px;margin:auto var(--half-margin);transition:max-width .4s,margin .4s}#volume-container.svelte-j1l7g3:not(:hover) #volume:where(.svelte-j1l7g3)::-webkit-slider-thumb{background:rgb(var(--accent),0);transition:background .2s}#volume-container.svelte-j1l7g3:not(:hover) #volume:where(.svelte-j1l7g3)::-moz-range-thumb{background:rgb(var(--accent),0);transition:background .2s}#time-slider.svelte-j1l7g3{flex-grow:0}@media(max-width:480px){#volume-container.svelte-j1l7g3:hover #volume:where(.svelte-j1l7g3){width:calc(var(--margins) * 4)}.controls.svelte-j1l7g3{max-width:100%}}