.sidebar-close,.sidebar-scrim{display:none}
@media(max-width:760px){
  .sidebar{padding-top:62px;visibility:hidden}
  .sidebar.open{visibility:visible}
  .sidebar-close{display:grid;place-items:center;position:absolute;top:14px;right:18px;width:40px;height:40px;border:0;border-radius:11px;background:#f0ecff;color:#6140dc;font-size:30px;line-height:1;cursor:pointer}
  .sidebar-close:hover{background:#e6ddff}
  .sidebar-scrim:not([hidden]){display:block;position:fixed;inset:0;z-index:9;width:100%;height:100%;border:0;background:#1d284b99;cursor:pointer}
}