.videoWrapper { position:relative; }
.videoWrapper iframe { width:100%; height:100%; }
.ytv-settings { position:absolute; left:0; top:0; width:100%; height:100%; z-index:-1; opacity:0; pointer-events:none; }
.ytv-settings.active { z-index:11; opacity:1; pointer-events:all; }
.ytv-settings .ytv-outer-wrap { position:absolute; background:rgba(50,50,50,0.8); top:50%; left:50%; width:100%; height:100%; transform:translate(-50%,-50%); overflow:scroll; }
.ytv-settings .ytv-inner-wrap { padding:40px; color:white; }
.ytv-settings p { font:400 0.875rem/1.25em Arial,sans-serif; color:white; margin:0 none; padding-bottom:5px; }
.ytv-settings .ytv-btn { display:inline-block; width:calc(50% - 82px); padding:0 20px; margin:20px 0 0; height:48px; font:400 0.875rem/50px Arial,sans-serif; border:1px solid white; background:transparent; color:white; cursor:pointer; text-align:center; }
.ytv-settings .ytv-btn.ytv-btn-all { background:white; color:rgb(50,50,50); }
.ytv-playbutton { transition:all .3s ease-in-out; position:absolute; margin:0 auto; width:15%; min-width:65px; max-width:95px; height:auto; top:50%; left:0; right:0; transform:translateY(-50%); display:none; cursor:pointer; }
.ytv-playbutton.active { display:block; }
.ytv-playbutton circle { opacity:0.7; transition:all .3s; }
.ytv-playbutton polygon { fill:rgb(255,255,255); transition:all .3s; }