.BrandedVideoWrapper{position:relative;width:100%;max-width:100%;aspect-ratio:9 / 16;overflow:hidden;background:#000}.BrandedVideoWrapper video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.BrandedVideo--controls{position:absolute;bottom:10px;width:70%;left:50%;transform:translate(-50%);display:flex}@media(max-width:768px){.BrandedVideo--controls{width:85%}}@media(max-width:640px){.BrandedVideo--controls{bottom:15px}}.BrandedVideo--controls button{display:flex;align-items:center;justify-content:center;padding:10px;background:transparent;border:0;cursor:pointer}.BrandedVideo--controls button:not(:last-child){margin-right:10px}@media(max-width:640px){.BrandedVideo--controls button{padding:5px}}.BrandedVideo--controls svg{fill:#fff;width:14px;height:14px}.BrandedVideo--controls--play_pause{display:flex}branded-video[data-state=pause] .BrandedVideo--controls--pause{display:none}branded-video[data-state=play] .BrandedVideo--controls--play{display:none}.BrandedVideo--progress_bar--wrapper{display:flex;align-items:center;flex:1;position:relative;margin-right:20px}@media(max-width:640px){.BrandedVideo--progress_bar--wrapper{margin-right:15px}}.BrandedVideo--progress_bar--wrapper progress{background:#fff;height:2px;flex:1;-webkit-appearance:none;appearance:none;position:absolute;width:100%;border:none}.BrandedVideo--progress_bar--wrapper progress::-webkit-progress-bar{background-color:#a4a4a4}.BrandedVideo--progress_bar--wrapper progress::-webkit-progress-value{background:#fff}.BrandedVideo--progress-input{position:absolute;-webkit-appearance:none;appearance:none;width:100%;cursor:pointer;background:transparent;padding-block:3px;-webkit-tap-highlight-color:rgba(0,0,0,0)}.BrandedVideo--progress-input::-webkit-slider-thumb{height:2px;width:2px;background:#fff;-webkit-appearance:none;appearance:none}.BrandedVideo--controls--mute .bv-bar1{animation:bv-bar1 1.2s infinite linear}.BrandedVideo--controls--mute .bv-bar2{animation:bv-bar2 .8s infinite linear}.BrandedVideo--controls--mute .bv-bar3{animation:bv-bar3 1s infinite linear}.BrandedVideo--controls--mute .bv-bar4{animation:bv-bar4 .7s infinite linear}branded-video[data-muted=true] .BrandedVideo--controls--mute .bv-bar1,branded-video[data-muted=true] .BrandedVideo--controls--mute .bv-bar2,branded-video[data-muted=true] .BrandedVideo--controls--mute .bv-bar3,branded-video[data-muted=true] .BrandedVideo--controls--mute .bv-bar4{animation-play-state:paused}@keyframes bv-bar1{0%{height:2px}50%{height:7px}to{height:2px}}@keyframes bv-bar2{0%{height:5px}40%{height:1px}80%{height:7px}to{height:5px}}@keyframes bv-bar3{0%{height:7px}50%{height:0}to{height:7px}}@keyframes bv-bar4{0%{height:2px}50%{height:7px}to{height:2px}}
/*# sourceMappingURL=/cdn/shop/t/117/assets/branded-video.css.map */