video-player{--vp-icon: 3rem;--vp-margin: var(--space-1);--vp-padding: var(--space-2);display:block}video-player>*{position:relative;grid-row:1;grid-column:1}video-player video{width:100%;object-fit:cover}video-player v-controls{--gap: 0;z-index:1!important}video-player v-controls[x-icons=true] .text{display:none}video-player v-controls[x-icons=false] .text{display:block}video-player v-controls[x-icons=false] i{display:none}video-player button.controller{--buttonPadding: var(--vp-padding);--buttonWeight: 400;--buttonBg: rgb(var(--buttonBgRGB) / .5);--buttonBorderWidth: 0;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);width:fit-content;display:grid;grid-template-rows:1fr;grid-template-columns:1fr;place-self:end;margin:var(--vp-margin);z-index:2}video-player button.controller>*{position:relative;grid-row:1;grid-column:1}video-player button.controller>svg{height:var(--vp-icon);width:var(--vp-icon)}video-player button.controller{transition:all .2s ease-in-out;transition-delay:var(--tDelay, 0s)}video-player button.controller[hidden]{display:none!important}video-player.playing button.controller{opacity:0;transform:scale(0)}video-player.playing:hover button.controller{opacity:1;transform:none}video-player button.controller .pause-icon,video-player.playing button.controller .play-icon{opacity:0}video-player.playing button.controller .pause-icon,video-player button.controller .play-icon{opacity:1}video-player button.controller .unmuted-icon,video-player.muted button.controller .muted-icon{opacity:0}video-player.muted button.controller .unmuted-icon,video-player button.controller .muted-icon{opacity:1}video-player .video-progress{--vp-progress: 0%;position:absolute;inset:var(--vp-progress-inset, .2rem .5rem);z-index:1;width:var(--vp-progress-width, 100vw);height:var(--vp-progress-height, 8px);border-radius:var(--vp-progress-radius, 100vw);background:var(--vp-progress-bg)}video-player .video-progress:after{content:"";display:block;background-color:var(--vp-progress-fg, rgb(0 0 0 / .4));border-radius:inherit;height:100%;width:var(--vp-progress);transition:width .5s ease}@media (max-width: 777px){video-player{--vp-icon: 2.3rem;--vp-margin: var(--space-1);--vp-padding: var(--space-2) }}
/*# sourceMappingURL=/cdn/shop/t/43/assets/c-video.css.map */