.volume-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;border-radius:10px;overflow:hidden}.volume-node{width:10px;height:20px;margin-right:2px;background-color:var(--v-lightgray-base)}.volume-node:nth-of-type(10){margin-right:0!important}.volume-node.active{background-color:var(--v-green-base)}.circle{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:100px;height:100px;position:relative}.volume-circle{position:absolute;border-radius:50%;width:100%;height:100%;top:0;left:0;border:5px solid var(--v-primary-base);-webkit-transition:.1s ease-in-out;transition:.1s ease-in-out}