.volume-slider-container:after{content:"";z-index:-1;background-color:#262626;border-bottom:1px solid #404040;border-right:1px solid #404040;border-bottom-right-radius:2px;width:16px;height:16px;position:absolute;bottom:-8px;left:50%;transform:translate(-50%)rotate(45deg)}.progress{cursor:pointer;background:#ffffff1a;border-radius:100px;justify-content:flex-start;align-items:center;width:100%;height:10px;padding:0 5px;display:flex;position:relative}.progress-value{background:#fff;border-radius:100px;width:0;height:6px;transition:width .1s;position:relative;box-shadow:0 0 10px 1.5px #fff3,0 0 5px 1px #ffffff26}.progress-value:after{content:"";background:#fff;border-radius:50%;width:12px;height:12px;position:absolute;top:50%;right:-6px;transform:translateY(-50%);box-shadow:0 0 10px 1.5px #ffffff59,0 0 5px 1px #ffffff40}.volume-progress{cursor:pointer;writing-mode:vertical-lr;background:#ffffff1a;border-radius:100px;justify-content:flex-start;align-items:center;width:10px;height:100px;display:flex;position:relative;transform:rotate(180deg)}.volume-progress-value{background:#fff;border-radius:100px;width:6px;height:0;transition:height .1s;box-shadow:0 10px 40px -10px #fff}