.controller.svelte-1skv5ke{--duration: .3s;--ease: cubic-bezier(.4, 0, .6, 1);--scrim-opacity: .2;--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-1skv5ke:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-color:rgba(0,0,0,var(--scrim-opacity));pointer-events:none;transition:var(--duration) background-color var(--ease)}.controller.svelte-1skv5ke[userinactive]:after{background:#0000}.controller.svelte-1skv5ke[userinactive] media-control-bar:where(.svelte-1skv5ke),.controller.svelte-1skv5ke:not([mediahasplayed]) media-control-bar:where(.svelte-1skv5ke){opacity:0;transform:translateY(8px)}media-control-bar.svelte-1skv5ke{transition:opacity var(--duration) var(--ease),transform var(--duration) var(--ease)}media-control-bar.svelte-1skv5ke:hover{--media-range-thumb-transform: scale(2.5);--media-range-thumb-opacity: 1}media-time-display.svelte-1skv5ke,media-duration-display.svelte-1skv5ke{pointer-events:none;-webkit-user-select:none;user-select:none}