.videos--container{background:#0e1422}.video--tabs ul,.videos--wrapper{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex}.video--tabs ul{flex-direction:column;height:100%;justify-content:space-between;list-style:none}.video--tabs li{border-radius:6px;cursor:pointer;margin:0 32px 16px 0;padding:16px;position:relative;text-align:center;transition:all .2s ease-in-out;width:200px}.video--tabs li.active{background:linear-gradient(45deg,#110527,#2a1354)!important}.video--tabs li:last-child{margin-bottom:0}.video--tabs li img{width:40px}.video-tab.active path{fill:#32a0db}.audio-tab.active path{fill:#884adf}.effects-tab.active path{fill:#ae2c9f}.colour-tab.active path{fill:#e83961}.share-tab.active ellipse,.share-tab.active path{fill:#fd7b4b}.active path{fill:#575f6c}li.video:before{border-radius:6px 0 0 6px;content:"";display:inline-block;height:100px;left:0;opacity:.5;position:absolute;top:0;width:4px}li.video p{opacity:.4}.video-tab.active p{color:#32a0db;opacity:1}.audio-tab.active p{color:#884adf;opacity:1}.effects-tab.active p{color:#ae2c9f;opacity:1}.colour-tab.active p{color:#e83961;opacity:1}.share-tab.active p{color:#fd7b4b;opacity:1}.video--tabs li:hover:not(.active){background:linear-gradient(45deg,#110527,#1c0b3d)!important;transform:translateX(-16px)}li.video.video-tab:before{background:#32a0db}li.video.audio-tab:before{background:#884adf}li.video.effects-tab:before{background:#ae2c9f}li.video.colour-tab:before{background:#e83961}li.video.share-tab:before{background:#fd7b4b}li.video.audio-tab.active:before,li.video.colour-tab.active:before,li.video.effects-tab.active:before,li.video.share-tab.active:before,li.video.video-tab.active:before{opacity:1}.video--tabs li.active span{display:inline-block;height:16px;margin-left:16px;width:16px}.video--tabs li.active span.free-stop{background:#f2f2f2}.video--tabs li.active span.create-stop{background:#008ce2}.video--tabs li.active span.pro-stop{background:#d82929}.video--tabs h2{padding:16px 0}.video-group--wrapper{position:relative}.video-group--wrapper:after,.video-group--wrapper:before{background:#ae31da;background:linear-gradient(45deg,rgba(181,49,218,.5),rgba(194,34,82,.5),rgba(242,160,4,.5));border-radius:12px;content:"";inset:0;position:absolute}.video-group--wrapper:after{filter:blur(3rem)}.video-group--wrapper video{display:block;width:100.5%}.video-group{flex:1 1 0}.sound-toggle{background-color:rgba(0,0,0,.5);border-radius:16px;color:#fff;cursor:pointer;font-size:12px;padding:16px;position:absolute;right:16px;top:16px}.video-content{border-radius:12px;display:none;overflow:hidden;position:relative;z-index:1}.video-content.active{display:inherit}.video-content--label{bottom:64px;left:64px;position:absolute;right:64px;text-align:center}#video-5 .video-content--label{left:150px;position:absolute;right:132px;text-align:center;top:64px}.video-content--label h2{font-size:2.6rem;font-weight:400;text-shadow:2px 2px #000}.video-content img{flex-shrink:0;min-height:100%;min-width:100%}@media only screen and (max-width:1040px){.videos--wrapper{flex-direction:column}.video--tabs{margin-bottom:16px}.video--tabs li{align-items:center;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;flex-direction:column;justify-content:flex-end;margin:0!important;opacity:1!important;padding:16px 0!important}.videos{flex-direction:row!important}#video-5 .video-content--label,.video-content--label,li.video:before{display:none}}@media only screen and (max-width:480px){.video-content img{width:50px}.video--tabs svg{width:30px!important}}