.volume-slider-container{z-index:9999;animation:.2s cubic-bezier(.34,1.56,.64,1) volumeSlideIn}@keyframes volumeSlideIn{0%{opacity:0;transform:translate(-50%,-90%)scale(.9)}to{opacity:1;transform:translate(-50%,-100%)scale(1)}}.volume-slider-container:after{content:"";z-index:-1;background-color:#fff;border-bottom:1px solid #e5e5e5;border-right:1px solid #e5e5e5;border-bottom-right-radius:2px;width:16px;height:16px;position:absolute;bottom:-8px;left:50%;transform:translate(-50%)rotate(45deg)}.dark .volume-slider-container:after{background-color:#000;border-bottom:1px solid #262626;border-right:1px solid #262626}.progress{background:var(--muted);cursor:pointer;border-radius:100px;justify-content:flex-start;align-items:center;width:100%;height:10px;padding:0 5px;display:flex;position:relative}.progress-value{box-shadow:0 0 10px 1.5px rgba(var(--foreground-rgb),.2),0 0 5px 1px rgba(var(--foreground-rgb),.15);background:var(--foreground);border-radius:100px;width:0;height:6px;transition:width .1s;position:relative}.progress-value:after{content:"";background:var(--foreground);width:12px;height:12px;box-shadow:0 0 10px 1.5px rgba(var(--foreground-rgb),.35),0 0 5px 1px rgba(var(--foreground-rgb),.25);border-radius:50%;position:absolute;top:50%;right:-6px;transform:translateY(-50%)}.volume-progress{background:var(--muted);cursor:pointer;writing-mode:vertical-lr;border-radius:100px;justify-content:flex-start;align-items:center;width:10px;height:100px;transition:background .2s;display:flex;position:relative;transform:rotate(180deg)}.volume-progress:hover{background:var(--muted);opacity:.8}.volume-progress-value{background:linear-gradient(to top,var(--foreground),var(--foreground));width:6px;height:0;box-shadow:0 0 8px 1px rgba(var(--foreground-rgb),.1),0 0 15px 2px rgba(var(--foreground-rgb),.05);border-radius:100px;transition:height .15s cubic-bezier(.4,0,.2,1),box-shadow .2s,background .2s;position:relative}.volume-progress:hover .volume-progress-value{background:linear-gradient(#fff,#ffffffe6);box-shadow:0 0 10px 2px #ffffff26,0 0 20px 4px #ffffff14}