.sound-controls{right:max(1rem, env(safe-area-inset-right));bottom:max(1rem, env(safe-area-inset-bottom));z-index:1000;pointer-events:none;align-items:flex-end;gap:.65rem;display:flex;position:fixed}.sound-controls button,.sound-controls-panel{pointer-events:auto}.sound-controls-toggle,.sound-controls-close,.sound-controls-mute{color:#fff;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);cursor:pointer;background:#180d37db;border:1px solid #ffffff38;justify-content:center;align-items:center;display:inline-flex;box-shadow:0 .45rem 1.4rem #00000047}.sound-controls-toggle{border-radius:999px;width:2.75rem;height:2.75rem}.sound-controls-toggle svg,.sound-controls-close svg{width:1.1rem;height:1.1rem}.sound-controls-panel{color:#fff;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#180d37eb;border:1px solid #fff3;border-radius:1rem;width:min(20rem,100vw - 5rem);padding:.75rem;box-shadow:0 .75rem 2rem #00000057}.sound-controls-heading,.sound-controls-row{align-items:center;gap:.7rem;display:flex}.sound-controls-heading{justify-content:space-between;margin-bottom:.65rem;font-weight:800}.sound-controls-heading>span{align-items:center;gap:.45rem;display:inline-flex}.sound-controls-heading svg{width:1rem;height:1rem}.sound-controls-close{border-radius:999px;width:1.8rem;height:1.8rem;padding:0}.sound-controls-mute{border-radius:.7rem;gap:.35rem;min-width:6.4rem;padding:.45rem .6rem;font-weight:700}.sound-controls-mute svg{width:1rem;height:1rem}.sound-controls-row input{accent-color:#ffca28;flex:1;min-width:4rem}.sound-controls-row output{text-align:right;font-variant-numeric:tabular-nums;min-width:2.7rem;font-size:.8rem}