.sound-wave-container[data-v-f3ac1f22]{align-items:center;aspect-ratio:1/1;display:flex;justify-content:space-between;position:relative}.bar[data-v-f3ac1f22]{animation:wave-f3ac1f22 1s ease-in-out infinite;animation-fill-mode:both;background-color:currentColor;border-radius:50px;height:20%;width:20%}@keyframes wave-f3ac1f22{0%,to{height:20%}25%{height:calc(var(--bar-max-height)*1)}50%{height:calc(var(--bar-max-height)*.5)}75%{height:calc(var(--bar-max-height)*.8)}}.wave[data-v-e0a6458c]{animation:pulse-waves-e0a6458c 3s ease-out infinite;background-color:var(--canvas-color-button-text);border-radius:9999px;color:var(--canvas-color-button-background);height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:-10}@keyframes pulse-waves-e0a6458c{0%{opacity:0;transform:scale(.95)}30%{opacity:.3;transform:scale(1.4)}80%{opacity:0;transform:scale(1.8)}to{opacity:0;transform:scale(.95)}}button[data-v-4407e856]{background-color:var(--canvas-color-background);border-radius:9999px;display:flex}button[data-v-4407e856]:hover{background-color:var(--canvas-color-primary)}button[data-v-4407e856]{aspect-ratio:1}button:hover span[data-v-4407e856]{background-color:var(--canvas-color-background)}button span[data-v-4407e856]{background-color:var(--canvas-color-primary);border-radius:.25rem;display:block;position:relative;transform-origin:4px 0;transition:transform .5s cubic-bezier(.77,.2,.05,1),opacity .55s ease}button span[data-v-4407e856]:first-child{transform-origin:0 0}button span[data-v-4407e856]:nth-last-child(2){transform-origin:0 100%}button.opened span[data-v-4407e856]{background:currentColor;opacity:1;transform:rotate(45deg) translate(0)}button.opened span[data-v-4407e856]:nth-child(2){opacity:0;transform:rotate(0) scale(.2)}button.opened span[data-v-4407e856]:nth-child(3){transform:rotate(-45deg) translate(-4px)}