#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50}body{margin:initial}.btn[data-v-f090183a]{margin:0 15px;border:none;border-radius:8px;width:48px;height:48px}.btn>.svg-inline--fa[data-v-f090183a]{font-size:1.3em}.not-rec[data-v-f090183a]{background:hsla(0,0%,100%,.6)}.not-rec>.fa-circle[data-v-f090183a]{color:red}.rec[data-v-f090183a]{background:#ff3459}.rec>.fa-square[data-v-f090183a]{color:#fff}.not-pip[data-v-f090183a]{background:hsla(0,0%,100%,.6)}.not-pip>.fa-share-square[data-v-f090183a]{color:rgba(0,0,0,.6)}.pip[data-v-f090183a]{background:#0fda24}.pip>.fa-share-square[data-v-f090183a]{color:#fff}.container[data-v-dfd18846]{display:flex;flex-direction:column;margin:0 auto;position:relative}.container>section.canvas>canvas[data-v-dfd18846]{background-color:#222}.video-section[data-v-dfd18846]{position:relative}.video-box[data-v-dfd18846]{overflow:hidden;width:100%;height:100vh}video[data-v-dfd18846]{top:50%;min-width:100%;min-height:100%}.btn-area[data-v-dfd18846],video[data-v-dfd18846]{position:absolute;left:50%;transform:translate(-50%,-50%)}.btn-area[data-v-dfd18846]{top:90%}.video-box[data-v-dfd18846]{background:url(../img/diddy-logo.054a9ddc.png) no-repeat 5% 5%/20%,linear-gradient(90deg,#f39b23,#fff);position:relative}.video-box p[data-v-dfd18846]{text-align:center;font-size:50px;font-weight:700;position:absolute;margin:0 auto;top:50%;left:50%;transform:translate(-50%,-50%)}.hide-dispalay[data-v-dfd18846]{position:absolute;opacity:0;top:0;left:0;z-index:-1000}