immersive-section .immersive-video{height:100%}.immersive-video{position:relative;width:100%;overflow:hidden;background:#000;display:block}.immersive-video__media{position:absolute;top:0;left:0;width:100%;height:100%}.immersive-video__video{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.immersive-video__mute-btn{background:transparent;border:none;cursor:pointer;color:#fff;font-size:2rem;padding:0;margin-top:1.6rem;align-self:flex-start;pointer-events:auto}.immersive-video__mute-btn:focus-visible{outline:.2rem solid #fff;outline-offset:.4rem}.immersive-video__controls{position:absolute;bottom:2rem;left:0;width:100%;display:flex;align-items:center;gap:1.6rem;padding:0 2rem;z-index:3;opacity:0;transition:opacity .25s ease}.immersive-video:hover .immersive-video__controls{opacity:1}.immersive-video__controls .immersive-video__btn{flex-shrink:0;background:transparent;border:none;cursor:pointer;color:#fff;font-size:2.4rem;line-height:1;padding:0;margin:0}.immersive-video__controls .immersive-video__btn:focus-visible{outline:.2rem solid #fff;outline-offset:.4rem}.immersive-video__progress-bar-wrapper{flex:1}.immersive-video__progress-bar{-webkit-appearance:none;appearance:none;width:100%;height:.2rem;background:linear-gradient(to right,#fff var(--iv-progress, 0%),rgba(255,255,255,.4) var(--iv-progress, 0%));border-radius:.2rem;cursor:pointer;outline:none;border:none;padding:0;margin:0;display:block}.immersive-video__progress-bar::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:0;height:0}.immersive-video__progress-bar::-moz-range-thumb{width:0;height:0;border:none;background:transparent}.immersive-video__progress-bar::-moz-range-track{background:transparent;height:.2rem;border-radius:.2rem}.immersive-video__click-feedback{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;pointer-events:auto;cursor:pointer;z-index:1;color:#fff;background:#0003}.immersive-video__click-feedback__circle{width:7.2rem;height:7.2rem;border-radius:50%;background:#00000080;display:flex;align-items:center;justify-content:center;font-size:2.8rem;opacity:0;pointer-events:none}.immersive-video__click-feedback.is-animating .immersive-video__click-feedback__circle{animation:iv-click-feedback .6s ease-out forwards}@keyframes iv-click-feedback{0%{opacity:1;transform:scale(.7)}50%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.1)}}@media screen and (min-width:1024px){.immersive-video__controls{padding:0 4rem;bottom:3rem}}
/*# sourceMappingURL=/cdn/shop/t/95/assets/section-immersive-video.css.map */