.profile-volume{position:fixed;z-index:18;top:max(18px,env(safe-area-inset-top));left:max(18px,env(safe-area-inset-left));color:#fff}
.volume-trigger,.volume-mute{display:grid;place-items:center;flex-shrink:0;padding:0;color:inherit;cursor:pointer}
.volume-trigger{width:54px;height:54px;border:1px solid #ffffff1c;border-radius:11px;background:#202124b8;backdrop-filter:blur(14px);box-shadow:0 4px 18px #0002;transition:background .18s,border-color .18s}
.volume-trigger:hover,.volume-trigger[aria-expanded="true"]{background:#303136e6;border-color:#ffffff38}
.speaker-icon{display:block;width:25px;height:25px;background:currentColor;mask:url('/assets/speaker.svg') center/contain no-repeat;-webkit-mask:url('/assets/speaker.svg') center/contain no-repeat}
.profile-volume[data-silent="true"] .speaker-icon{mask-image:url('/assets/speaker-muted.svg');-webkit-mask-image:url('/assets/speaker-muted.svg')}
.volume-popover{position:absolute;top:0;left:64px;display:flex;align-items:center;gap:11px;width:290px;min-height:54px;padding:8px 13px;border:1px solid #ffffff24;border-radius:11px;background:#202124ed;backdrop-filter:blur(16px);box-shadow:0 8px 28px #0004}
.volume-popover[hidden]{display:none}
.volume-mute{width:32px;height:36px;border:0;border-radius:7px;background:transparent}
.volume-mute:hover{background:#ffffff14}.volume-mute .speaker-icon{width:20px;height:20px}
.volume-range{min-width:0;width:128px;height:30px;margin:0;accent-color:#fff;cursor:pointer;touch-action:pan-y}
.volume-value{min-width:36px;text-align:right;font:11px ui-sans-serif,system-ui,sans-serif;font-variant-numeric:tabular-nums;color:#e4e4e7}
.profile-volume :focus-visible{outline:2px solid #fff;outline-offset:4px}
.volume-play{display:grid;place-items:center;width:30px;min-width:30px;height:36px;padding:0;border:0;border-radius:7px;color:#fff;background:transparent;cursor:pointer}.volume-play:hover{background:#ffffff14}
.playback-icon{display:block;width:13px;height:15px;background:currentColor;clip-path:polygon(0 0,100% 50%,0 100%)}.volume-play[data-playing="true"] .playback-icon{width:12px;height:14px;background:transparent;clip-path:none;border-inline:4px solid currentColor}
.profile-player.background-soundtrack{display:none}
@media(max-width:440px){.profile-volume{top:max(12px,env(safe-area-inset-top));left:max(12px,env(safe-area-inset-left))}.volume-popover{top:64px;left:0;width:min(290px,calc(100vw - 24px))}}