.wl-container{border-radius:50%;width:220px;height:220px;position:relative;overflow:hidden}.wl-wave{box-sizing:border-box;justify-content:space-between;align-items:flex-end;width:100%;height:100%;margin:0;padding:0;display:flex;position:absolute}.wl-wave:first-child .wl-bar{background-color:var(--menu-border);width:2px;height:220px}.wl-wave:not(:first-child) .wl-bar{animation:3.9s ease-in-out infinite alternate wlBarHeight,3.9s ease-in-out infinite alternate wlBarSkew}.wl-wave .wl-bar:first-child{animation-delay:calc(var(--f) * 0), calc(var(--f) * 0 - 1.95s)}.wl-wave .wl-bar:nth-child(2){animation-delay:calc(var(--f) * 1), calc(var(--f) * 1 - 1.95s)}.wl-wave .wl-bar:nth-child(3){animation-delay:calc(var(--f) * 2), calc(var(--f) * 2 - 1.95s)}.wl-wave .wl-bar:nth-child(4){animation-delay:calc(var(--f) * 3), calc(var(--f) * 3 - 1.95s)}.wl-wave .wl-bar:nth-child(5){animation-delay:calc(var(--f) * 4), calc(var(--f) * 4 - 1.95s)}.wl-wave .wl-bar:nth-child(6){animation-delay:calc(var(--f) * 5), calc(var(--f) * 5 - 1.95s)}.wl-wave .wl-bar:nth-child(7){animation-delay:calc(var(--f) * 6), calc(var(--f) * 6 - 1.95s)}.wl-wave .wl-bar:nth-child(8){animation-delay:calc(var(--f) * 7), calc(var(--f) * 7 - 1.95s)}.wl-wave .wl-bar:nth-child(9){animation-delay:calc(var(--f) * 8), calc(var(--f) * 8 - 1.95s)}.wl-wave .wl-bar:nth-child(10){animation-delay:calc(var(--f) * 9), calc(var(--f) * 9 - 1.95s)}.wl-wave .wl-bar:nth-child(11){animation-delay:calc(var(--f) * 10), calc(var(--f) * 10 - 1.95s)}.wl-wave .wl-bar:nth-child(12){animation-delay:calc(var(--f) * 11), calc(var(--f) * 11 - 1.95s)}.wl-wave .wl-bar:nth-child(13){animation-delay:calc(var(--f) * 12), calc(var(--f) * 12 - 1.95s)}.wl-wave .wl-bar:nth-child(14){animation-delay:calc(var(--f) * 13), calc(var(--f) * 13 - 1.95s)}.wl-wave .wl-bar:nth-child(15){animation-delay:calc(var(--f) * 14), calc(var(--f) * 14 - 1.95s)}.wl-wave .wl-bar:nth-child(16){animation-delay:calc(var(--f) * 15), calc(var(--f) * 15 - 1.95s)}.wl-wave .wl-bar:nth-child(17){animation-delay:calc(var(--f) * 16), calc(var(--f) * 16 - 1.95s)}.wl-wave .wl-bar:nth-child(18){animation-delay:calc(var(--f) * 17), calc(var(--f) * 17 - 1.95s)}.wl-wave .wl-bar:nth-child(19){animation-delay:calc(var(--f) * 18), calc(var(--f) * 18 - 1.95s)}.wl-wave .wl-bar:nth-child(20){animation-delay:calc(var(--f) * 19), calc(var(--f) * 19 - 1.95s)}.wl-wave .wl-bar:nth-child(21){animation-delay:calc(var(--f) * 20), calc(var(--f) * 20 - 1.95s)}.wl-wave .wl-bar:nth-child(22){animation-delay:calc(var(--f) * 21), calc(var(--f) * 21 - 1.95s)}.wl-wave .wl-bar:nth-child(23){animation-delay:calc(var(--f) * 22), calc(var(--f) * 22 - 1.95s)}.wl-wave .wl-bar:nth-child(24){animation-delay:calc(var(--f) * 23), calc(var(--f) * 23 - 1.95s)}.wl-wave[data-level="1"] .wl-bar{background-color:var(--wl-color-1,var(--app-fg));--f:-.2s;--h:30px;width:12px}.wl-wave[data-level="2"] .wl-bar{background-color:color-mix(in srgb, var(--wl-color-2,var(--app-fg)) 90%, transparent);--f:-.35s;--h:55px;width:10px}.wl-wave[data-level="3"] .wl-bar{background-color:color-mix(in srgb, var(--wl-color-3,var(--app-fg)) 80%, transparent);--f:-.4875s;--h:80px;width:8px}.wl-wave[data-level="4"] .wl-bar{background-color:color-mix(in srgb, var(--wl-color-4,var(--app-fg)) 70%, transparent);--f:-.3s;--h:100px;width:7px}.wl-wave[data-level="5"] .wl-bar{background-color:color-mix(in srgb, var(--wl-color-5,var(--app-fg)) 60%, transparent);--f:-.55s;--h:115px;width:5px}.wl-wave[data-level="6"] .wl-bar{background-color:color-mix(in srgb, var(--wl-color-6,var(--app-fg)) 50%, transparent);--f:-.425s;--h:125px;width:4px}@keyframes wlBarHeight{0%{height:var(--h)}to{height:calc(var(--h) + 50px)}}@keyframes wlBarSkew{0%{transform:skewY(30deg)}to{transform:skewY(-30deg)}}