.controller.svelte-875gul{--duration:.3s;--ease:cubic-bezier(.4, 0, .6, 1);--media-control-background:transparent;--media-control-hover-background:transparent;--media-primary-color:#fff;--media-button-padding:0px;--media-control-padding:0px;--media-tooltip-display:none;--media-range-thumb-width:4px;--media-range-thumb-height:4px;--media-range-thumb-transition:transform .5s ease, opacity .5s ease;--media-range-thumb-opacity:0;--media-preview-time-margin:0 0 -16px;--media-range-track-border-radius:999999px}.controller.svelte-875gul:after{content:"";background-color:rgba(0, 0, 0, var(--scrim-opacity));pointer-events:none;transition:var(--duration) background-color var(--ease);position:absolute;inset:0}.controller.svelte-875gul[userinactive]:after{background:0 0}.controller.svelte-875gul[userinactive] media-control-bar:where(.svelte-875gul),.controller.svelte-875gul:not([mediahasplayed]) media-control-bar:where(.svelte-875gul){opacity:0;transform:translateY(8px)}media-control-bar.svelte-875gul{transition:opacity var(--duration) var(--ease), transform var(--duration) var(--ease)}media-control-bar.svelte-875gul:hover{--media-range-thumb-transform:scale(2.5);--media-range-thumb-opacity:1}media-time-display.svelte-875gul,media-duration-display.svelte-875gul{pointer-events:none;-webkit-user-select:none;user-select:none}