:root{--switch-w:300px}.switch{position:relative;display:inline-block;width:200px;height:30px}.label-text{position:absolute;top:50%;transform:translateY(-50%);font-size:12px;font-weight:700;color:#000;z-index:2;width:50%;text-align:center}.label-text:first-child{left:50%}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;-webkit-transition:.4s;transition:.4s;border-radius:30px}.slider:before{position:absolute;content:"";width:50%;height:100%;background-color:#fff;-webkit-transition:.4s;transition:.4s;border-radius:30px}input:checked+.slider:before{background-color:#00ffea}input:checked+.slider:before{--webkit-transform:translateX(100%);-ms-transform:translateX(100%);transform:translateX(100%)}.videos-holder>img,.videos-holder>video{position:absolute;top:0;right:0;height:100%;transition:opacity .2s}#switch-holder{width:100%;display:flex;justify-content:center;transition:opacity .2s;opacity:0;margin-bottom:10vh}.playbtn-div{position:absolute;left:calc(50% - 30px);top:calc(50% - 30px);width:60px;height:60px;background-color:rgba(255,255,255,.35);backdrop-filter:blur(17px);-webkit-backdrop-filter:blur(17px);border-radius:50%}.playbtn{background:0 0;border:none;cursor:pointer;display:none;align-items:center;justify-content:center;position:absolute;left:0;top:0;right:0;bottom:0;padding:10px}.playbtn img{transition:opacity .1s;background:0 0;width:50%;transform:translateX(12%)}.playbtn:hover img{opacity:.8}.playbtn-spinner{position:absolute;left:0;top:0;right:0;bottom:0;padding:10px;display:inline-block;transform:translateX(-2%)translateY(-2%)}.playbtn-spinner div{width:6%;height:16%;background:#fff;position:absolute;left:49%;top:43%;opacity:0;-webkit-border-radius:50px;-webkit-box-shadow:0 0 3px rgba(0,0,0,.2);-webkit-animation:fade 1s linear infinite}@-webkit-keyframes fade{from{opacity:1}to{opacity:.25}}.playbtn-spinner div.bar1{-webkit-transform:rotate(0)translate(0,-130%);-webkit-animation-delay:0s}.playbtn-spinner div.bar2{-webkit-transform:rotate(30deg)translate(0,-130%);-webkit-animation-delay:-.9167s}.playbtn-spinner div.bar3{-webkit-transform:rotate(60deg)translate(0,-130%);-webkit-animation-delay:-.833s}.playbtn-spinner div.bar4{-webkit-transform:rotate(90deg)translate(0,-130%);-webkit-animation-delay:-.7497s}.playbtn-spinner div.bar5{-webkit-transform:rotate(120deg)translate(0,-130%);-webkit-animation-delay:-.667s}.playbtn-spinner div.bar6{-webkit-transform:rotate(150deg)translate(0,-130%);-webkit-animation-delay:-.5837s}.playbtn-spinner div.bar7{-webkit-transform:rotate(180deg)translate(0,-130%);-webkit-animation-delay:-.5s}.playbtn-spinner div.bar8{-webkit-transform:rotate(210deg)translate(0,-130%);-webkit-animation-delay:-.4167s}.playbtn-spinner div.bar9{-webkit-transform:rotate(240deg)translate(0,-130%);-webkit-animation-delay:-.333s}.playbtn-spinner div.bar10{-webkit-transform:rotate(270deg)translate(0,-130%);-webkit-animation-delay:-.2497s}.playbtn-spinner div.bar11{-webkit-transform:rotate(300deg)translate(0,-130%);-webkit-animation-delay:-.167s}.playbtn-spinner div.bar12{-webkit-transform:rotate(330deg)translate(0,-130%);-webkit-animation-delay:-.0833s}