.portrait-mute{position:absolute;top:16px;right:16px;z-index:5;display:flex;align-items:center;gap:7px;min-height:34px;padding:0 11px;border:1px solid rgba(255,255,255,.45);border-radius:999px;color:#fff;background:rgba(15,15,15,.28);box-shadow:0 8px 24px rgba(0,0,0,.12);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);font:500 9px "DM Mono",monospace;letter-spacing:.04em;cursor:pointer;opacity:0;transform:translateY(-5px);pointer-events:none;transition:opacity .3s cubic-bezier(.2,.8,.2,1),transform .3s cubic-bezier(.2,.8,.2,1),background .3s cubic-bezier(.2,.8,.2,1)}
.portrait-mute{width:38px;height:34px;padding:0;justify-content:center;gap:0}
.portrait-mute-label{display:none}
.portrait-mute>span:first-child{font-size:0;line-height:1}
.portrait-mute>span:first-child:before{content:"\1F50A";font-size:17px}
.portrait-mute.is-muted>span:first-child:before{content:"\1F507"}
.portrait-media:hover .portrait-mute,.portrait-mute:focus-visible{opacity:1;transform:none;pointer-events:auto}
.portrait-mute:hover{background:rgba(15,15,15,.5)}
.portrait-mute:focus-visible{outline:2px solid #fff;outline-offset:3px}
@media(hover:none){.portrait-mute{opacity:.82;transform:none;pointer-events:auto}}