| 1 |
- .move-btn{background:var(--common-background);list-style:none;margin:0;padding:0;width:120px;height:120px;border-radius:60px;transition:all .3s ease;box-shadow:inset 0 2px 2px #ffffff80,-1px -1px 8px #0000001a,4px 4px 8px #0000001a;display:flex;flex-direction:column;align-items:center;justify-content:center}.move-btn:hover{box-shadow:inset 2px 2px 8px #0000001a,4px 4px 5px #0000001a}.move-btn>li>button{background:none!important}.dark .move-btn{box-shadow:inset 0 2px 2px #ffffff26,-1px -1px 8px #ffffff26,4px 4px 8px #ffffff26}.dark .move-btn:hover{box-shadow:inset 2px 2px 8px #ffffff26,4px 4px 5px #ffffff26}.compose-btn{border-radius:15px;background:var(--common-background);transition:all .3s ease;box-shadow:inset 0 2px 2px #ffffff80,-1px -1px 8px #0000001a,4px 4px 8px #0000001a;display:flex;justify-content:space-between;align-items:center}.compose-btn:hover{box-shadow:inset 2px 2px 8px #0000001a,4px 4px 5px #0000001a}.compose-btn>button{background:none!important}.compose-btn>button:active{top:2px}.compose-btn.horizontal{width:140px;height:30px;padding:4px 10px}.compose-btn.horizontal .iconify{vertical-align:-.3em}.compose-btn.horizontal .svg-icon{vertical-align:-.4em}.compose-btn.vertical{height:120px;width:32px;padding:6px 4px;flex-direction:column}.dark .compose-btn{box-shadow:inset 0 2px 2px #ffffff26,-1px -1px 8px #ffffff26,4px 4px 8px #ffffff26}.dark .compose-btn:hover{box-shadow:inset 2px 2px 8px #ffffff26,4px 4px 5px #ffffff26}.single-btn{box-shadow:inset 2px 2px 8px #0000001a}.single-btn .iconify{vertical-align:-.2em}.single-btn .svg-icon{vertical-align:-.3em}.single-btn:active{top:2px}.dark .single-btn{box-shadow:inset 2px 2px 8px #ffffff26}.light-box-shadow{transition:all .3s ease;box-shadow:inset 0 2px 2px #ffffff80,-1px -1px 8px #0000001a,4px 4px 8px #0000001a}.light-box-shadow:hover{box-shadow:inset 2px 2px 8px #0000001a,4px 4px 5px #0000001a}.dark-box-shadow{box-shadow:inset 0 2px 2px #ffffff26,-1px -1px 8px #ffffff26,4px 4px 8px #ffffff26}.dark-box-shadow:hover{box-shadow:inset 2px 2px 8px #ffffff26,4px 4px 5px #ffffff26}.speed-btn{width:140px;height:28px;margin:10px;padding:4px 10px;border-radius:15px;background:var(--common-background);position:relative;z-index:10;transition:all .3s ease;box-shadow:inset 0 2px 2px #ffffff80,-1px -1px 8px #0000001a,4px 4px 8px #0000001a;display:flex;justify-content:space-between;align-items:center}.speed-btn:hover{box-shadow:inset 2px 2px 8px #0000001a,4px 4px 5px #0000001a}.speed-btn>button{background:none!important}.speed-btn>button .iconify{vertical-align:-.25em}.speed-btn>button:not([disabled]):active{top:2px}.speed-btn .speedNumBg,.speed-btn .speedNum{width:40px;height:40px;border-radius:20px}.speed-btn .speedNumBg{background:var(--common-background);transition:all .3s ease;box-shadow:inset 0 2px 2px #ffffff80,-1px -1px 8px #0000001a,4px 4px 8px #0000001a;position:absolute;left:50px;z-index:-1}.speed-btn .speedNumBg:hover{box-shadow:inset 2px 2px 8px #0000001a,4px 4px 5px #0000001a}.speed-btn .speedNum{box-shadow:inset 2px 2px 8px #0000001a,4px 4px 5px #0000001a;text-align:center;line-height:40px;font-size:19px;color:var(--text-color)}.dark .speed-btn{box-shadow:inset 0 2px 2px #ffffff26,-1px -1px 8px #ffffff26,4px 4px 8px #ffffff26}.dark .speed-btn:hover,.dark .speedNum{box-shadow:inset 2px 2px 8px #ffffff26,4px 4px 5px #ffffff26}.point{box-shadow:inset 2px 2px 8px #0000001a}.dark .point{box-shadow:inset 2px 2px 8px #ffffff26}.operate-panel[data-v-d4a6345c]{margin:0 auto;padding:20px;width:230px;border-radius:15px;background:transparent;box-shadow:inset 2px 2px 8px #0000001a,4px 4px 5px #0000001a;position:relative}.operate-panel.notAllowed[data-v-d4a6345c]:before{content:"";display:block;position:absolute;cursor:not-allowed;border-radius:15px;width:100%;height:100%;top:0;left:0;background:rgba(0,0,0,.05);z-index:99}.dark .operate-panel[data-v-d4a6345c]{box-shadow:inset 2px 2px 8px #ffffff26,4px 4px 5px #ffffff26}[data-v-d4a6345c] .light-tabs-tab.light-tabs-tab-active .light-tabs-tab-btn,[data-v-d4a6345c] .dark-tabs-tab.dark-tabs-tab-active .dark-tabs-tab-btn,[data-v-d4a6345c] .light-tabs-tab:hover{color:var(--text-color)}[data-v-d4a6345c] .light-tabs-ink-bar,[data-v-d4a6345c] .dark-tabs-ink-bar{background:var(--text-color)}[data-v-d4a6345c] .dark-tabs-tab:hover{background:none;color:var(--text-color)}
|
