body .edge-nav{
  position:fixed!important;
  z-index:60;
  left:14px;
  top:50%;
  width:56px;
  height:350px;
  transform:translateY(-50%);
  display:flex;
  align-items:center;
  justify-content:flex-start;
}
body .edge-list{
  width:48px;
  height:auto;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
  gap:7px;
  padding:16px 0;
}
body .edge-item{
  width:48px;
  height:18px;
  padding:0;
  border:0;
  background:transparent;
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:flex-start;
}
body .edge-line{
  display:block;
  width:44px;
  height:2px;
  border-radius:999px;
  background:#aab2af;
  transform:scaleX(var(--edge-scale,.22));
  transform-origin:left center;
  opacity:var(--edge-opacity,.46);
  will-change:transform,opacity,background-color;
  transition:background-color .16s ease;
}
body .edge-item.edge-focus .edge-line{
  background:#151918;
  opacity:1;
}
body .edge-tooltip{
  position:fixed;
  z-index:61;
  left:72px;
  top:50%;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:42px;
  padding:0 16px;
  transform:translateY(-50%) translateX(-4px);
  border-radius:10px;
  background:#3b3f3d;
  color:#fff;
  font-size:12.5px;
  line-height:1;
  font-weight:600;
  width:max-content;
  max-width:calc(100vw - 96px);
  white-space:nowrap;
  opacity:0;
  pointer-events:none;
  transition:opacity .18s ease,transform .18s ease;
}
body .edge-tooltip.is-visible{
  opacity:1;
  transform:translateY(-50%) translateX(0);
}
@media(max-width:720px){
  body .edge-nav{left:8px;}
  body .edge-tooltip{left:60px;}
}