.fx-volume{--fx-accent:#a98bff;--fx-on-accent:#0a0810;--fx-fg:#f5f5fa;--fx-bg:#0b0b10;--fx-size:40px;--fx-offset:16px;--fx-len:96px;--fx-gap:calc(var(--fx-size) * .4);--fx-fill:var(--fx-accent);--fx-rail:color-mix(in srgb, var(--fx-fg) 24%, transparent);--fx-thumb:var(--fx-fg);z-index:2147483000;pointer-events:auto;box-sizing:border-box;border-radius:calc(var(--fx-size) / 2 + 1px);color:var(--fx-fg);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;border:1px solid #0000;align-items:center;transition:opacity .2s,border-color .2s,background .2s;display:flex;position:fixed}.fx-volume *,.fx-volume :before,.fx-volume :after{box-sizing:border-box}.fx-volume.fx-volume-empty{opacity:.55}.fx-volume.fx-volume-empty[data-open=true]{opacity:.85}.fx-volume[data-pos=top-left]{top:calc(var(--fx-offset) + env(safe-area-inset-top,0px));left:calc(var(--fx-offset) + env(safe-area-inset-left,0px))}.fx-volume[data-pos=top-right]{top:calc(var(--fx-offset) + env(safe-area-inset-top,0px));right:calc(var(--fx-offset) + env(safe-area-inset-right,0px))}.fx-volume[data-pos=bottom-left]{bottom:calc(var(--fx-offset) + env(safe-area-inset-bottom,0px));left:calc(var(--fx-offset) + env(safe-area-inset-left,0px))}.fx-volume[data-pos=bottom-right]{bottom:calc(var(--fx-offset) + env(safe-area-inset-bottom,0px));right:calc(var(--fx-offset) + env(safe-area-inset-right,0px))}.fx-volume[data-dir=horizontal]{flex-direction:row}.fx-volume[data-dir=horizontal][data-pos$=right]{flex-direction:row-reverse}.fx-volume[data-dir=vertical]{flex-direction:column}.fx-volume[data-dir=vertical][data-pos^=bottom]{flex-direction:column-reverse}.fx-volume-slot{z-index:1;pointer-events:none;justify-content:flex-start;align-items:center;display:flex;position:absolute;inset:0}.fx-volume-slot[data-pos$=right]{justify-content:flex-end}.fx-volume[data-place=inline]{z-index:auto;position:relative;inset:auto}.fx-volume[data-place=inline][data-dir=vertical]{align-self:flex-start}.fx-volume[data-place=inline][data-dir=vertical][data-pos^=bottom]{align-self:flex-end}.fx-volume[data-style=glass]{border-color:color-mix(in srgb, var(--fx-fg) 18%, transparent);background:color-mix(in srgb, var(--fx-bg) 55%, transparent);-webkit-backdrop-filter:blur(10px)saturate(1.2);backdrop-filter:blur(10px)saturate(1.2)}.fx-volume[data-style=glass].fx-volume-noblur{background:color-mix(in srgb, var(--fx-bg) 82%, transparent);-webkit-backdrop-filter:none;backdrop-filter:none}.fx-volume[data-style=glass]:hover,.fx-volume[data-style=glass][data-open=true]{border-color:color-mix(in srgb, var(--fx-accent) 70%, transparent)}.fx-volume[data-style=solid]{--fx-fill:var(--fx-on-accent);--fx-rail:color-mix(in srgb, var(--fx-on-accent) 30%, transparent);--fx-thumb:var(--fx-on-accent);background:var(--fx-accent);color:var(--fx-on-accent);box-shadow:0 6px 18px -8px color-mix(in srgb, var(--fx-accent) 80%, #000)}.fx-volume[data-style=plain]{filter:drop-shadow(0 1px 2px #0000008c)}.fx-volume-btn{appearance:none;width:var(--fx-size);height:var(--fx-size);color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:50%;flex:none;place-items:center;margin:0;padding:0;transition:transform .15s,background .15s;display:grid}.fx-volume-btn:hover{background:color-mix(in srgb, currentColor 12%, transparent)}.fx-volume-btn:active{transform:scale(.92)}.fx-volume-btn:focus-visible,.fx-volume-range:focus-visible{outline:2px solid var(--fx-fill);outline-offset:2px}.fx-volume[data-style=solid] .fx-volume-btn:focus-visible{outline-offset:-4px}.fx-volume-btn svg{pointer-events:none;width:56%;height:56%;overflow:visible}.fx-volume-i-body{fill:currentColor}.fx-volume-i-w1,.fx-volume-i-w2,.fx-volume-i-x{fill:none;stroke:currentColor;stroke-width:1.9px;stroke-linecap:round;stroke-linejoin:round;transition:opacity .15s}.fx-volume-i-x,.fx-volume[data-level=low] .fx-volume-i-w2,.fx-volume[data-level=muted] .fx-volume-i-w1,.fx-volume[data-level=muted] .fx-volume-i-w2{opacity:0}.fx-volume[data-level=muted] .fx-volume-i-x{opacity:1}.fx-volume[data-level=muted] .fx-volume-i-body{opacity:.75}.fx-volume[data-level=muted] .fx-volume-range{opacity:.55}.fx-volume-panel{opacity:0;visibility:hidden;flex:none;justify-content:flex-start;align-items:center;display:flex;overflow:hidden}.fx-volume[data-open=true] .fx-volume-panel{opacity:1;visibility:visible}.fx-volume-track{flex:none;position:relative}.fx-volume[data-dir=horizontal] .fx-volume-panel{width:0;height:var(--fx-size);transition:width .26s cubic-bezier(.22,.8,.26,1),opacity .2s,visibility 0s linear .26s}.fx-volume[data-dir=horizontal][data-open=true] .fx-volume-panel{width:calc(var(--fx-len) + var(--fx-gap));transition-delay:0s}.fx-volume[data-dir=horizontal][data-pos$=right] .fx-volume-panel{justify-content:flex-end}.fx-volume[data-dir=horizontal] .fx-volume-track{width:var(--fx-len);height:20px}.fx-volume[data-dir=vertical] .fx-volume-panel{width:var(--fx-size);flex-direction:column;height:0;transition:height .26s cubic-bezier(.22,.8,.26,1),opacity .2s,visibility 0s linear .26s}.fx-volume[data-dir=vertical][data-open=true] .fx-volume-panel{height:calc(var(--fx-len) + var(--fx-gap));transition-delay:0s}.fx-volume[data-dir=vertical][data-pos^=bottom] .fx-volume-panel{justify-content:flex-end}.fx-volume[data-dir=vertical] .fx-volume-track{width:var(--fx-size);height:var(--fx-len)}.fx-volume[data-dir=vertical] .fx-volume-range{width:var(--fx-len);margin:-10px 0 0 calc(var(--fx-len) / -2);position:absolute;top:50%;left:50%;transform:rotate(-90deg)}.fx-volume-range{appearance:none;cursor:pointer;touch-action:none;--p:70%;background:0 0;border-radius:999px;width:100%;height:20px;margin:0;padding:0;display:block}.fx-volume-range:focus{outline:none}.fx-volume-range::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--fx-fill) var(--p), var(--fx-rail) var(--p));border-radius:999px;height:4px}.fx-volume-range::-moz-range-track{background:var(--fx-rail);border-radius:999px;height:4px}.fx-volume-range::-moz-range-progress{background:var(--fx-fill);border-radius:999px;height:4px}.fx-volume-range::-webkit-slider-thumb{-webkit-appearance:none;background:var(--fx-thumb);width:13px;height:13px;box-shadow:0 0 0 2px var(--fx-fill), 0 1px 4px #0006;border:0;border-radius:50%;margin-top:-4.5px}.fx-volume-range::-moz-range-thumb{background:var(--fx-thumb);width:13px;height:13px;box-shadow:0 0 0 2px var(--fx-fill), 0 1px 4px #0006;border:0;border-radius:50%}.fx-volume-static,.fx-volume-static .fx-volume-btn,.fx-volume-static .fx-volume-panel,.fx-volume-static .fx-volume-i-w1,.fx-volume-static .fx-volume-i-w2,.fx-volume-static .fx-volume-i-x{transition:none!important}.pg-card:has(>.fx-volume-slot){min-height:56px}