.ft-vol{--ft-coral:#e84a5f;--ft-gold:#ffd66b;box-sizing:border-box;color:#fff;pointer-events:auto;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:#0a0e16b3;border:1px solid #ffffff40;border-radius:999px;align-items:center;height:44px;padding:0 12px 0 0;font:600 14px Segoe UI,system-ui,-apple-system,sans-serif;display:inline-flex}.ft-vol.bump{animation:.28s ease-out ft-vol-bump}@keyframes ft-vol-bump{40%{transform:scale(1.07)}}.ft-vol-btn{color:#fff;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:50%;flex:none;place-items:center;width:44px;height:44px;margin:-1px 0 -1px -1px;padding:0;display:grid;position:relative}.ft-vol-btn svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:26px;height:26px}.ft-vol-btn .body{fill:currentColor}.ft-vol-btn .x,[data-level=off] .ft-vol-btn .w1,[data-level=off] .ft-vol-btn .w2,[data-level=low] .ft-vol-btn .w2{display:none}[data-level=off] .ft-vol-btn .x{display:inline}.muted .ft-vol-btn{background:var(--ft-coral,#e84a5f)}.ft-vol-btn:hover{background:#ffffff1f}.muted .ft-vol-btn:hover{background:#f0606f}.ft-vol-btn:focus-visible,.ft-vol-range:focus-visible{outline:2px solid var(--ft-gold,#ffd66b);outline-offset:1px}.ft-vol.locked .ft-vol-btn:after{content:"";border:2px solid var(--ft-gold,#ffd66b);pointer-events:none;border-radius:50%;animation:1.6s ease-out infinite ft-vol-pulse;position:absolute;inset:4px}@keyframes ft-vol-pulse{0%{opacity:.9;transform:scale(.8)}to{opacity:0;transform:scale(1.25)}}.ft-vol-pct{text-align:right;font-variant-numeric:tabular-nums;min-width:2.6em}.muted .ft-vol-pct{color:var(--ft-coral,#e84a5f)}.ft-vol-range{--fill:80%;appearance:none;cursor:pointer;touch-action:none;background:0 0;flex:none;width:104px;height:44px;margin:0 6px;padding:0}.ft-vol-range::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--ft-coral,#e84a5f) var(--fill), #ffffff47 var(--fill));border-radius:3px;height:6px}.ft-vol-range::-webkit-slider-thumb{appearance:none;background:#fff;border:0;border-radius:50%;width:20px;height:20px;margin-top:-7px;box-shadow:0 1px 4px #00000080}.ft-vol-range::-moz-range-track{background:#ffffff47;border-radius:3px;height:6px}.ft-vol-range::-moz-range-progress{background:var(--ft-coral,#e84a5f);border-radius:3px;height:6px}.ft-vol-range::-moz-range-thumb{background:#fff;border:0;border-radius:50%;width:20px;height:20px;box-shadow:0 1px 4px #00000080}.muted .ft-vol-range::-webkit-slider-runnable-track{background:linear-gradient(to right, #ffffff80 var(--fill), #ffffff2e var(--fill))}.muted .ft-vol-range::-moz-range-progress{background:#ffffff80}.ft-vol-pop{display:contents}.ft-vol-opener{display:none}html.compact .ft-vol{width:44px;padding:0;position:relative}html.compact .ft-vol-opener{display:grid}html.compact .ft-vol-pop{z-index:5;box-sizing:border-box;background:#0a0e16e6;border:1px solid #ffffff40;border-radius:999px;align-items:center;height:44px;padding:0 12px 0 0;display:none;position:absolute;top:calc(100% + 6px);right:-1px}html.compact .ft-vol.open .ft-vol-pop{display:inline-flex}html.compact .ft-vol.open:not(.muted) .ft-vol-opener{background:#ffffff29}.ft-audio{--ft-coral:#e84a5f;--ft-gold:#ffd66b;box-sizing:border-box;color:#fff;touch-action:none;-webkit-user-select:none;user-select:none;background:#1f2531;border:1px solid #ffffff1f;border-radius:16px;gap:2px;width:min(380px,100%);padding:10px 14px 12px;font:14px Segoe UI,system-ui,-apple-system,sans-serif;display:grid}.ft-audio-head{grid-template-columns:44px 1fr;align-items:center;column-gap:10px;margin-bottom:2px;display:grid}.ft-audio-head .ft-vol-btn{background:#ffffff14;grid-row:span 2;margin:0}.ft-audio.muted .ft-audio-head .ft-vol-btn{background:var(--ft-coral,#e84a5f)}.ft-audio h2{margin:0;font-size:17px}.ft-audio-note{opacity:.7;margin:0;font-size:12px}.ft-audio-row{grid-template-columns:5.6em 1fr 3em;align-items:center;column-gap:8px;display:grid}.ft-audio-row label{opacity:.95;font-size:13px}.ft-audio-row .ft-vol-range{width:100%;margin:0}.ft-audio-row output{text-align:right;font-variant-numeric:tabular-nums}.ft-audio.muted .ft-audio-row output{opacity:.55}
