.side-toggle{
      position:sticky;top:0;z-index:6;
      height:var(--top);
      margin-bottom:2px;
      direction:ltr;
      display:flex;align-items:center;justify-content:flex-start;
      background:transparent;border:0;
    }
    .side-toggle .toggle{margin-left:2px}
    :root[data-sidebar="collapsed"] .side-toggle{justify-content:center}

    .toggle{
      width:44px;height:34px;
      border-radius:14px;border:0;
      background:#eef4ff;
      background-image:linear-gradient(180deg,#f8fbff,#e2ecff);
      -webkit-appearance:none;appearance:none;
      box-shadow:0 10px 22px rgba(2,6,23,.16);
      cursor:pointer;
      display:grid;place-items:center;
      -webkit-tap-highlight-color:transparent;
      transition:transform .12s ease, filter .12s ease;
      isolation:isolate;
    }
    .toggle:hover{filter:brightness(1.03)}
    .toggle:active{transform:scale(.98)}
    .toggle:focus,.toggle:focus-visible{outline:none}
    .toggle svg{
      width:18px;height:18px;
      stroke:rgba(11,18,32,.82);
      stroke-width:2.2;
      fill:none;
      stroke-linecap:round;
      transform-origin:50% 50%;
      transition:transform .18s ease;
    }
    :root[data-sidebar="collapsed"] .toggle svg{transform:scaleX(-1)}