*{margin:0;padding:0;box-sizing:border-box;font-family:Arial}#app{background:#303030;min-height:100dvh;padding-bottom:1rem}.row{padding:2rem 2rem 0rem;display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.row2{padding:2rem 2rem 0rem;display:flex;justify-content:center;flex-wrap:wrap}.song-info{background:#000;color:#32cd32;height:3rem;display:flex;justify-content:center;align-items:center;overflow-x:hidden}.song-name{text-align:center;font-size:1.5rem;width:50%;-webkit-user-select:none;user-select:none}.button{text-align:center;padding:.5rem;background:#000;color:#fff;border-radius:5px;border:none;transition:all 1s ease;font-size:1.15rem;font-weight:600;margin-bottom:5px;-webkit-user-select:none;user-select:none}.button:hover{cursor:pointer;background:#fff;color:#303030}.button2{background:#303030e6;color:#fff;padding:.75rem 2.5rem;border:none;border-radius:10px;font-size:1.15rem;font-weight:600;transition:all 1s ease;-webkit-user-select:none;user-select:none}.button2:hover{cursor:pointer;background:#fff;color:#303030}form{padding:3.25rem 2rem;display:flex;flex-direction:column;align-items:center;gap:1.5rem;width:500px;background:#000;color:#fff;border-radius:10px;margin:auto 0;-webkit-user-select:none;user-select:none;font-size:1.25rem}input[name=music_file]{padding:2rem 1rem}input[name=music_file]:hover{cursor:pointer}form button[type=submit]{background:#303030e6;color:#fff;padding:.75rem 2.5rem;border:none;border-radius:10px;font-size:1.15rem;font-weight:600;transition:all 1s ease}form button[type=submit]:hover{cursor:pointer;background:#fff;color:#303030}.music-player{position:relative;background:#000000e6;color:#fff;padding:.5rem 1rem;display:flex;justify-content:space-evenly}.volume{position:relative}.volume input{position:absolute;bottom:25%;cursor:pointer;writing-mode:vertical-lr;direction:rtl}.song-time{width:100%;color:#000}#song-list{background:#000;color:#fff;max-height:300px;max-width:500px;overflow-x:hidden;overflow-y:auto;position:relative;-webkit-user-select:none;user-select:none}#song-list h2{text-align:center;padding:1rem;position:sticky;top:0;background:#000}#song-list .song{padding:1rem 2rem;transition:all .6s ease}#song-list .song:hover{background:#32cd32;cursor:pointer;color:#303030}.visualizer{display:flex;background:#00000080}.visual-element-form{padding:1rem 2rem;display:flex;align-items:start;flex-direction:column;-webkit-user-select:none;user-select:none}.visualizer .button2{width:100%;text-align:center;margin-top:1rem;padding:.5rem}.visual-element-form .elements{overflow-y:auto;max-height:250px;min-width:250px}.visual-element-form .element{padding:1rem;background:#000;display:flex;gap:.15rem;margin-bottom:.2rem;transition:all ease .6s}.visual-element-form .element:hover{background:#30303099;cursor:pointer}.visual-element-form .element input{padding:.25rem;width:5.5rem}.visual-element-form .element input[type=color]{width:2.5rem}.delete{color:red}.visual-element-form .element .delete{margin-left:5px;padding:.3rem;transition:all ease 1s}.visual-element-form .element .delete:hover{background:#fff;color:#303030}.visual-profiles{padding:.5rem 1.5rem;color:#fff;border:1px solid black;min-width:250px}.visual-profiles h2{text-align:center;padding:.5rem;position:sticky;top:0;font-size:1.15rem}.visual-profiles{overflow-y:auto}.visual-profiles .profile{color:#fff;padding:.25rem;text-align:center;transition:all ease .6s;margin-bottom:.1rem;display:flex;justify-content:space-between}.visual-profiles .profile:hover{color:#202020;background:#f5f5f5;cursor:pointer}.hidden{display:none}.no-gap{gap:0}.right{animation:slide-out-left 12s infinite linear;position:absolute}.left{animation:slide-in-left 12s infinite linear}@keyframes slide-out-left{0%{transform:translate(0)}to{transform:translate(-200%)}}@keyframes slide-in-left{0%{transform:translate(200%)}to{transform:translate(0)}}