.video-player{position:relative;display:block;width:100%;aspect-ratio:16 / 9;overflow:hidden;background:rgb(var(--color-foreground));border-radius:var(--media-radius)}.video-player__media{position:absolute;top:0;right:0;bottom:0;left:0;cursor:pointer}.video-player__deferred{position:absolute;top:0;right:0;bottom:0;left:0;display:block}.video-player__video{width:100%;height:100%;display:block;object-fit:cover;background:rgb(var(--color-foreground))}.video-player__poster{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;padding:0;border:0;background:transparent;cursor:pointer}.video-player__poster img{width:100%;height:100%;object-fit:cover}.video-player__controls{position:absolute;left:1.6rem;right:1.6rem;bottom:1.6rem;display:flex;align-items:center;gap:1rem;z-index:2;pointer-events:none;opacity:0;transform:translateY(.6rem);transition:opacity .25s ease,transform .25s ease}.video-player[data-controls=visible] .video-player__controls{opacity:1;transform:translateY(0);pointer-events:auto}.video-player:not([data-ready]) .video-player__controls{display:none}.video-player__btn{-webkit-appearance:none;appearance:none;border:0;padding:0;margin:0;cursor:pointer;width:4rem;height:4rem;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:#0003;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:rgb(var(--color-white-100));transition:background-color .2s ease,transform .2s ease;flex-shrink:0}.video-player__btn:hover{background:#0006}.video-player__btn:active{transform:scale(.96)}.video-player__btn .icon{width:2rem;height:2rem}.video-player__btn--play .icon{width:1.6rem;height:1.6rem}.video-player__icon-pause,.video-player__icon-unmute,.video-player[data-state=playing] .video-player__icon-play{display:none}.video-player[data-state=playing] .video-player__icon-pause{display:inline-flex}.video-player[data-muted=false] .video-player__icon-mute{display:none}.video-player[data-muted=false] .video-player__icon-unmute{display:inline-flex}.video-player__scrubber{position:relative;flex:1 1 auto;height:2.4rem;display:flex;align-items:center;cursor:pointer;background:#0003;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:999px;padding:0 1.2rem}.video-player__progress{position:relative;flex:1;height:.3rem;background:#ffffff59;border-radius:999px;overflow:hidden}.video-player__progress-fill{height:100%;width:0%;background:rgb(var(--color-white-100));border-radius:999px}.video-player__seek{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;padding:0;background:transparent;appearance:none;-webkit-appearance:none;cursor:pointer;opacity:0}.video-player__seek::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:1.4rem;height:1.4rem;border-radius:999px;background:rgb(var(--color-white-100));border:0;cursor:pointer}.video-player__seek::-moz-range-thumb{width:1.4rem;height:1.4rem;border-radius:999px;background:rgb(var(--color-white-100));border:0;cursor:pointer}.video-player__time{font-variant-numeric:tabular-nums;font-size:1.2rem;flex-shrink:0;color:rgb(var(--color-white-100));padding:.4rem 1rem;background:#0003;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:999px}
/*# sourceMappingURL=/cdn/shop/t/24/assets/component-video-player.css.map */