.datav-container[data-v-e3e324de]{position:fixed;background-color:#201b4a;height:100vh;width:100vw;top:0;left:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.datav-control[data-v-e3e324de]{position:relative;height:var(--full-height-without-tabbar);max-width:420px;padding:20px;margin:auto;box-sizing:border-box}.datav-control .panel-name[data-v-e3e324de]{color:#fff;font-size:18px;font-weight:700;text-align:center}.datav-control .status[data-v-e3e324de]{display:flex;align-items:center;color:#fff;font-size:14px;gap:5px}.datav-control .status .dot[data-v-e3e324de]{width:10px;height:10px;border-radius:50%;-webkit-animation:breathe-data-v-e3e324de 2s infinite;animation:breathe-data-v-e3e324de 2s infinite}@-webkit-keyframes breathe-data-v-e3e324de{0%{opacity:.4;transform:scale(.9)}50%{opacity:1;transform:scale(1.1)}to{opacity:.4;transform:scale(.9)}}@keyframes breathe-data-v-e3e324de{0%{opacity:.4;transform:scale(.9)}50%{opacity:1;transform:scale(1.1)}to{opacity:.4;transform:scale(.9)}}.datav-control .play-content[data-v-e3e324de]{margin-top:50px;color:#fff;text-align:center;line-height:1.6}.datav-control .control-disc[data-v-e3e324de]{position:relative;margin:auto;margin-top:100px;width:80%;aspect-ratio:1;background-color:#5e5be9;border-radius:50%;box-shadow:0 0 10px rgba(0,0,0,.5)}.datav-control .control-disc .control-row[data-v-e3e324de]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);align-items:center;width:100%}.datav-control .control-disc .control-row .i-icon[data-v-e3e324de]{display:block;padding:20px;font-size:40px;color:#fff}.datav-control .control-disc .control-row>div[data-v-e3e324de]{transition:all .1s ease-in-out}.datav-control .control-disc .control-row>div[data-v-e3e324de]:active{transform:scale(.8)}.datav-control .control-disc .disc-small[data-v-e3e324de]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:37%;aspect-ratio:1;background-color:#201b4a;border-radius:50%}.datav-control .footer[data-v-e3e324de]{display:flex;justify-content:space-around;align-items:center;gap:20px;margin-top:50px}.datav-control .footer div[data-v-e3e324de]{background-color:#5e5be9;border-radius:50%;padding:15px;color:#fff;box-shadow:0 0 10px rgba(0,0,0,.5)}.datav-control .footer div .i-icon[data-v-e3e324de]{display:block;font-size:28px;transition:all .1s ease-in-out}.datav-control .footer div:active .i-icon[data-v-e3e324de]{transform:scale(.8)}