.interactiveVideoComponent{position:relative;width:100%;height:calc(100vh - 40px);background-color:#0d0d0d}.interactiveVideoComponent-video{display:block}.interactiveVideoComponent-chapternav{position:absolute;bottom:30px;width:100%;z-index:5;text-align:center}.interactiveVideoComponent-chapternav>.chapternav__btn{margin-top:10px;margin-right:18px;border:0;border-radius:100%;width:12px;height:12px;border:2px solid #fff;background:none;cursor:pointer;padding:0;display:inline-block;outline:none}.interactiveVideoComponent-chapternav>.chapternav__btn.active{background:#fff}.interactiveVideoComponent-chapternav>.chapternav__btn:first-child{margin-top:0}.interactiveVideoComponent-slide{-webkit-transition:opacity 2s;transition:opacity 2s;color:#fff;position:absolute;opacity:0;z-index:2}.interactiveVideoComponent-slide.active{z-index:3;opacity:1}.interactiveVideoComponent-slide-container{background-color:rgba(13,13,13,.8);padding:15px 15px 25px;height:100%}.interactiveVideoComponent-slide.topleft{opacity:0}.interactiveVideoComponent-slide.topleft.active{opacity:1}.interactiveVideoComponent-slide.topright{opacity:0}.interactiveVideoComponent-slide.topright.active{opacity:1}.interactiveVideoComponent-slide.bottomleft{opacity:0}.interactiveVideoComponent-slide.bottomleft.active{opacity:1}.interactiveVideoComponent-slide.bottomright{opacity:0}.interactiveVideoComponent-slide.bottomright.active{opacity:1}.interactiveVideoComponent-slide.middlecenter{opacity:0}.interactiveVideoComponent-slide.middlecenter.active{opacity:1}.interactiveVideoComponent-slide .btn-play{background:none;border:0;cursor:pointer;width:100%;text-align:left;padding-left:0;padding-right:0;outline:none}.interactiveVideoComponent-slide .btn-play .play__icon{width:30px;height:30px;fill:#fff}.interactiveVideoComponent-slide .btn-play:focus,.interactiveVideoComponent-slide .btn-play:active{outline:none}.interactiveVideoComponent-title{font-size:30px;letter-spacing:.01em;line-height:.9;text-transform:uppercase;margin-top:10px}.interactiveVideoComponent-slide-text{font-size:18px;line-height:1.5;margin-bottom:0}@media(min-width: 768px){.interactiveVideoComponent{height:calc(100vh - 75px)}.interactiveVideoComponent-slide .btn-play{padding-bottom:0;line-height:1}.interactiveVideoComponent-title{font-size:50px}.interactiveVideoComponent-slide-text{font-size:24px;margin-bottom:25px}}@media(min-width: 992px){.interactiveVideoComponent{height:auto;background-color:transparent}.interactiveVideoComponent-video{width:100%;height:auto}.interactiveVideoComponent-chapternav{width:auto;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);left:15px;margin:0 auto;padding:0;bottom:unset}.interactiveVideoComponent-chapternav>.chapternav__btn{width:14px;height:14px;margin-top:14px;display:block;margin-right:0}.interactiveVideoComponent-chapternav>.chapternav__btn:hover{background:#fff}.interactiveVideoComponent-slide{max-width:500px}.interactiveVideoComponent-slide-container{background-color:transparent;padding:0;height:auto}.interactiveVideoComponent-slide.topleft{top:20%;left:10%}.interactiveVideoComponent-slide.topright{top:20%;right:10%}.interactiveVideoComponent-slide.bottomleft{bottom:20%;left:10%}.interactiveVideoComponent-slide.bottomright{bottom:20%;right:10%}.interactiveVideoComponent-slide.middlecenter{left:50%;top:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.interactiveVideoComponent-title{font-size:64px;margin-bottom:25px;margin-top:20px}}@media(max-width: 992px){.interactiveVideoComponent-video{width:100%}.interactiveVideoComponent-slide{width:100%}}@media(min-width: 1200px){.interactiveVideoComponent-title{font-size:76px}}
/*# sourceMappingURL=../../../maps/dometic-outdoor/scss/components/interactiveVideoComponent-dc848c0e25.css.map */