.mv{--mv-w:34px;--mv-h:22px;vertical-align:middle;align-items:center;gap:6px;display:inline-flex}.mv-sw{width:var(--mv-w);height:var(--mv-h);cursor:pointer;background:rgb(var(--b-deep-rgb)) center / cover no-repeat;opacity:.55;box-shadow:0 0 0 1px rgba(var(--b-hi-rgb), .25);border:0;border-radius:3px;flex:none;padding:0;transition:opacity .12s,box-shadow .12s}.mv-sw:is(:hover,:focus-visible){opacity:.9;box-shadow:0 0 0 1px rgba(var(--b-hi-rgb), .7);outline:0}.mv-sw.is-on{opacity:1;box-shadow:0 0 0 2px rgba(var(--b-hi-rgb), .95), 0 0 14px rgba(var(--b-hi-rgb), .45)}.mv.is-toggle .mv-sw:not(.is-on){opacity:.3}.mv.is-ro .mv-sw{cursor:default}.mv-ar{cursor:pointer;width:24px;height:26px;color:var(--b-ink);opacity:.75;background:0 0;border:0;flex:none;place-items:center;padding:0;transition:opacity .12s;display:inline-grid}.mv-ar svg{fill:currentColor;width:10px;height:12px}.mv-ar:hover{opacity:1}.mv.is-hover .mv-ar{opacity:0;pointer-events:none}[data-mv-host]:is(:hover,:focus-within) .mv.is-hover .mv-ar{opacity:.85;pointer-events:auto}