#btn-start-close,.video-wrap.hidden{transition:opacity .5s ease-out}a{color:#000;text-decoration:none}button{outline:0}.video-wrap.show{display:block;opacity:1;animation:.5s ease-out fadeIn}.video-wrap.hidden{opacity:0}@keyframes fadeIn{0%{display:none;opacity:0}1%{display:inline-flex;opacity:0}100%{display:inline-flex;opacity:1}}@keyframes fadeOut{0%{display:inline-flex;opacity:1}99%{display:inline-flex!important;opacity:0}100%{display:none!important;opacity:0}}.video-wrap #controls{transition:opacity .2s ease-in-out}.video-wrap.playing #controls.active{opacity:1!important}.video-wrap.playing #controls{opacity:0}.video-wrap.active:hover #controls{opacity:1}.btn-control{display:flex;align-items:center;margin-right:8px;padding:0;border:none;background:0 0;cursor:pointer;transition:.2s}.timeline,.volume{background-repeat:no-repeat;-webkit-appearance:none}.btn-control:last-child{margin-right:0}.timeline{cursor:pointer;top:4px;left:35px;width:100%;height:3px;background-color:rgba(200,200,200);border-radius:8px;background-size:3px 100%}.timeline::-webkit-slider-thumb{-webkit-appearance:none;width:3px;height:2px;border-radius:8px;cursor:pointer;opacity:0;transition:.1s}.timeline::-moz-range-thumb{-webkit-appearance:none;width:3px;height:12px;border-radius:8px;cursor:pointer;opacity:0;transition:.1s}.timeline::-ms-thumb{-webkit-appearance:none;width:3px;height:12px;border-radius:8px;cursor:pointer;opacity:0;transition:.1s}.timeline:hover::-webkit-slider-thumb{opacity:1}.timeline::-moz-range-thumb:hover{background-color:#fff}.timeline:hover::-moz-range-thumb{opacity:1}.timeline::-ms-thumb:hover{background-color:#fff}.timeline:hover::-ms-thumb{opacity:1}.timeline::-webkit-slider-runnable-track{-webkit-appearance:none;box-shadow:none;border:none;background:0 0}.timeline::-moz-range-track{-webkit-appearance:none;box-shadow:none;border:none;background:0 0}.timeline::-ms-track{-webkit-appearance:none;box-shadow:none;border:none;background:0 0}.volume{width:30px;height:1px;background-color:rgba(255,0,0,.3);border-radius:0;background-size:0 100%;background-image:linear-gradient(#fff,#fff)}.volume::-webkit-slider-thumb{-webkit-appearance:none;width:4px;height:10px;border-radius:8px;cursor:pointer;transition:.1s;background-color:rgba(255,255,255,.8)}.volume::-moz-range-thumb{-webkit-appearance:none;width:3px;height:12px;border-radius:8px;cursor:pointer;transition:.1s;background-color:rgba(255,255,255,.8)}.volume::-ms-thumb{-webkit-appearance:none;width:3px;height:12px;border-radius:8px;cursor:pointer;transition:.1s;background-color:rgba(255,255,255,.8)}.volume::-webkit-slider-thumb:hover{background-color:#fff}.volume:hover::-webkit-slider-thumb{opacity:1}.volume::-moz-range-thumb:hover{background-color:#fff}.volume:hover::-moz-range-thumb{opacity:1}.volume::-ms-thumb:hover{background-color:#fff}.volume:hover::-ms-thumb{opacity:1}.volume::-webkit-slider-runnable-track{-webkit-appearance:none;box-shadow:none;border:none;background:0 0}.volume::-moz-range-track{-webkit-appearance:none;box-shadow:none;border:none;background:0 0}.volume::-ms-track{-webkit-appearance:none;box-shadow:none;border:none;background:0 0}