/* The right-click menu (menu.js): the Mac's MenuPanel in the browser. */
.menu{position:fixed;z-index:60;min-width:196px;padding:6px;border-radius:12px;background:var(--chrome);
  -webkit-backdrop-filter:blur(22px) saturate(1.4);backdrop-filter:blur(22px) saturate(1.4);
  box-shadow:0 0 0 .5px var(--chrome-edge),0 12px 26px rgba(0,0,0,.16);font-family:var(--sans);user-select:none;-webkit-user-select:none;transform-origin:0 0}
.menu[hidden]{display:none}
.menu.in{animation:menu-in .16s cubic-bezier(.2,.9,.3,1.2)}
@keyframes menu-in{from{opacity:0;transform:scale(.94)}}
.menu .it{display:flex;align-items:center;justify-content:space-between;gap:28px;width:100%;height:31px;padding:0 10px;border:0;border-radius:7px;
  background:none;color:var(--ink);font:500 13.5px/1 var(--sans);text-align:left;white-space:nowrap;cursor:default}
.menu .it:hover,.menu .it:focus-visible{background:var(--hover);outline:0}
.menu .it.danger{color:#E5484D}
.menu kbd{font:500 12px/1 var(--sans);color:var(--pencil)}
.menu hr{height:.5px;margin:4px 6px;border:0;background:var(--chrome-edge)}
.menu .tints{display:flex;gap:6px;padding:6px 9px}
.menu .tints button{width:20px;height:20px;padding:0;border:0;border-radius:50%;background:none;cursor:default}
.menu .tints i{display:block;width:20px;height:20px;border-radius:50%;box-shadow:inset 0 0 0 1px var(--chrome-edge)}
.menu .tints button.on i{box-shadow:inset 0 0 0 2px var(--cobalt)}
.menu .tints button:hover i{box-shadow:inset 0 0 0 2px var(--pencil)}
@media (prefers-reduced-motion:reduce){.menu.in{animation:none}}