button{transition:opacity .15s,transform .15s,box-shadow .15s,border-color .15s!important}button:hover{opacity:1!important}button:active{transform:scale(.96)}.sidebar-btn:hover{transform:scale(1.1)}.sidebar-btn:active{transform:scale(.95)}.sketch-card{transition:box-shadow .2s,transform .2s,border-color .2s}.sketch-card:hover{border-color:#0a0a0a!important;box-shadow:0 6px 24px #0000001a!important}.satie-panel{transition:box-shadow .25s ease-out}.satie-panel:hover{box-shadow:0 4px 28px #00000014}.auth-btn{transition:background .2s,color .2s,transform .15s!important}.auth-btn:hover{background:#0a0a0a!important;color:#faf9f6!important}.new-btn{transition:background .2s,transform .15s,box-shadow .2s!important}.new-btn:hover{box-shadow:0 2px 12px #0003!important;transform:translateY(-1px)}.new-btn:active{transform:translateY(0) scale(.97)}.welcome-btn{transition:background .2s,transform .15s,box-shadow .2s!important}.welcome-btn:hover{box-shadow:0 4px 16px #0003!important;transform:translateY(-2px)}.link-btn:hover{opacity:.8!important}.delete-btn{transition:opacity .15s,color .15s!important}.delete-btn:hover{opacity:1!important;color:#c00!important}.panel-titlebar{transition:background .15s}.panel-titlebar:hover{background:#00000005}.run-btn{transition:background .15s,color .15s,transform .1s!important}.run-btn:hover{background:#1a3a2a!important;color:#faf9f6!important}input:focus{border-color:#0a0a0a!important}.page-enter{animation:fadeSlideIn .3s ease-out}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.avatar-btn{transition:transform .15s,box-shadow .15s!important}.avatar-btn:hover{transform:scale(1.1);box-shadow:0 0 0 3px #0a0a0a26}input[type=range]:hover{opacity:.6!important}