.video-background{position:absolute;top:0;right:0;bottom:0;left:0;display:block;pointer-events:none}.video-background__video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:var(--video-position, center);opacity:0;transition:opacity .5s ease}.video-background.is-playing .video-background__video{opacity:1}.video-background__video::-webkit-media-controls,.video-background__video::-webkit-media-controls-start-playback-button{display:none!important;-webkit-appearance:none}.video-toggle{position:absolute;z-index:3;display:inline-flex;align-items:center;justify-content:center;width:4.4rem;height:4.4rem;padding:0;border:0;border-radius:50%;background:#00000080;color:#fff;cursor:pointer;transition:background-color .2s ease}.video-toggle[hidden]{display:none}.video-toggle:hover{background:#000000bf}.video-toggle:focus-visible{outline:2px solid #fff;outline-offset:2px;box-shadow:0 0 0 5px #0009}.video-toggle--top-left,.video-toggle--top-right{top:1.2rem}.video-toggle--bottom-left,.video-toggle--bottom-right{bottom:1.2rem}.video-toggle--top-left,.video-toggle--bottom-left{left:1.2rem}.video-toggle--top-right,.video-toggle--bottom-right{right:1.2rem}.video-toggle__icon{width:1.6rem;height:1.6rem}.video-toggle--center{top:50%;left:50%;width:7.2rem;height:7.2rem;transform:translate(-50%,-50%);transition:background-color .2s ease,opacity .2s ease}.video-toggle--center .video-toggle__icon{width:2.4rem;height:2.4rem}.video-toggle--center[data-state=playing]:not(:hover,:focus-visible){opacity:0}.video-toggle[data-state=playing] .video-toggle__icon--play,.video-toggle[data-state=paused] .video-toggle__icon--pause{display:none}@media(prefers-reduced-motion:reduce){.video-background__video,.video-toggle{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/component-video-background.css.map */