.mobsize{margin:0 auto;display:block}
.player{display:flex;align-items:center;background:#333;color:#f8f8f8;max-width:500px;padding:6px;margin:1.6em auto .5em auto;border-radius:8px;border:2px solid #666}
.player button{margin:0;width:45px;height:45px;border-radius:50%;padding:0;display:flex;align-items:center;justify-content:center}
.player button img{width:45px;height:45px;display:block;border-radius:50%}
.player button.rewind{background:#111;margin-right:25px;transition:.35s}
.rewind:hover{transform:scale(1.05);cursor:pointer}
.toggle.paused{background:#090;margin-right:25px;transition:.35s}
.toggle.playing{margin-right:25px;transition:.35s}
.toggle:hover{transform:scale(1.05);cursor:pointer}
.time{font:80% monospace;color:#fff;min-width:130px;text-align:center;margin-right:15px;transition:.35s}
.time:hover,.time:focus{transform:scale(1.2);cursor:pointer}
.time:focus{outline:2.5px #f33 solid;outline-offset:3px}
.timeScroll{margin:20px 0 -45px 0;font-size:80%}
.togg-pl,.rew-pl{width:45px;height:45px;display:block;margin:0 auto}
.vol{display:inline-block;color:#f8f8f8}
input[type=range]{width:100%;padding:8px 0;margin:0}

.vidwrap-1 .play{position:absolute;top:46.25%;left:50%;transform:translate(-50%,-50%);z-index:10;cursor:pointer;pointer-events:auto;width:75px;height:75px;border-radius:50%;display:block;transition:.35s;opacity:.9}
.vidwrap-2 .play,.vidwrap-3 .play{position:absolute;top:calc(50% - 10px);left:50%;transform:translate(-50%,-50%);z-index:10;cursor:pointer;pointer-events:auto;width:75px;height:75px;border-radius:50%;display:block;transition:.35s;opacity:.9}
.play:hover{filter:grayscale(100%);opacity:1}
.vidwrap-1,.vidwrap-2,.vidwrap-3{object-fit:cover;margin-left:auto;margin-right:auto;display:block;position:relative}
.vidwrap-1{max-width:850px;max-height:480px;aspect-ratio:16/9}
.vidwrap-2{width:395px;height:700px;aspect-ratio:9/16}
.vidwrap-3{width:500px;height:500px;aspect-ratio:1/1}
.vid-size{width:100%;height:100%;padding:0;background-color:#000}
video::cue {font:22px arial,helvetica,sans-serif;color:#fff;background:rgba(0,0,0,0.6)}
.r-tube{display:block;margin-right:5px;text-align:right;font:11px arial,helvetica,sans-serif}
.rb-date{margin-top:2em}
video:focus{outline:0}

@media screen and (max-width:800px){
.mobsize{width:90%;height:90%}
.player{border:3px solid #666;padding:3px;gap:80px;max-width:760px;box-sizing:border-box;padding:10px 60px 10px 20px}
.player button{width:96px;height:96px;border-radius:50%}
.time{min-width:200px}
.time:hover{transform:scale(1.5)}
.time:focus{transform:scale(1.5);outline:4px #f33 solid;outline-offset:4px}
.player button img{width:96px;height:96px;border-radius:50%}
.togg-pl,.rew-pl{width:96px;height:96px}
input[type=range].volume,.vol{display:none}

.vidwrap-1,.vidwrap-2,.vidwrap-3{transform:scale(2);transform-origin:center}
.vidwrap-1{width:50vw;max-width:360px;max-height:203px;margin:100px auto}
.vidwrap-2{width:251px;height:447px;margin:210px auto}
.vidwrap-3{max-width:320px;max-height:320px;margin:140px auto}
.vidwrap-1 .play{top:45%}
video::cue {font-size:18px}
.r-tube{display:none}
}