.iconContainer{position:absolute;display:flex;justify-content:center;flex-direction:column;align-items:center;top:0;left:0;width:50px;height:100%}.iconContainer .innerIconContainer{overflow:hidden;position:absolute;text-align:center;font-weight:700;font-size:1em;color:#fff;width:40px}.iconContainer .innerIconContainer>svg{width:30px;padding-top:5px}.iconContainer .innerIconContainer.show{opacity:1}.iconContainer .innerIconContainer.hide{opacity:0}.wrapper{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;width:100vw;gap:20px;background-color:#f5f5f5}.soundToolWrapper{display:flex;justify-content:center;height:500px;width:500px;transition:all .2s ease-out}.soundToolWrapper.disabled{filter:saturate(50%) blur(2px)}.verticalBar{position:relative;color:#fff;font-weight:700;display:flex;justify-content:space-between;flex-direction:column;background:linear-gradient(0deg,rgb(126,192,68) 0%,rgb(0,159,214) 50%,rgb(99,56,135) 100%);height:100%;width:50px}.decibelMark{text-align:center}.soundMark{display:flex;flex-direction:row;align-items:center;position:absolute;left:110%;color:#000;cursor:pointer}.soundMark.left{direction:rtl;left:unset;right:110%;justify-content:flex-start}.soundMarkLine{width:50px;margin-left:-5px;height:1px;flex-grow:1;background-color:gray}.soundMarkLine.left{margin-left:0;margin-right:-5px}.soundMarkCircle{width:6px;height:6px;border-radius:50%;margin-right:10px;background-color:gray}.soundMarkCircle.left{margin-right:0;margin-left:10px}.soundMarkText{white-space:nowrap}.motionBar{position:absolute;color:#fff;font-weight:700;display:flex;justify-content:space-between;flex-direction:column;height:50%;bottom:0;left:25%;width:50%}.soundImageWrapper{color:#888;position:absolute;margin-top:30px;display:flex;flex-direction:column;gap:5px}.soundImageWrapper.show{cursor:pointer}.soundImageWrapper.right{left:100%;margin-left:40px;padding-left:10px;border-left:1px solid #888888}.soundImageWrapper.left{align-items:flex-end;right:100%;margin-right:40px;padding-right:10px;border-right:1px solid #888888}.soundImageWrapper>img{width:100px;max-height:100px}.soundIconWrapper{display:flex;width:50px;height:50px;cursor:pointer}.soundIconWrapper svg{width:50px;height:100%}body{margin:0;font-family:Source Sans Pro,sans-serif}