main-menu { flex: 0 0 320px; min-width: 320px; padding: 7px 0px; overflow: auto; background: rgb(234, 241, 249); direction: ltr; position: sticky; top: 56px; max-height: calc(-56px + 100vh); }
main-menu a { display: block; padding: 4px 10px; margin: 1px 0px; border-radius: 4px; font-size: 16px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: rgb(13, 24, 40); cursor: pointer; }
main-menu a:hover { background: rgb(220, 232, 245); color: rgb(0, 42, 90); }
main-menu a.this { background: rgb(251, 226, 196); color: rgb(90, 46, 0); font-weight: 600; cursor: default; }
main-menu a.none { background-color: rgb(255, 255, 255); }
main-menu a.d1 { padding-left: 22px; font-size: 12.5px; color: rgb(13, 24, 40); }
main-menu a.d2 { padding-left: 36px; font-size: 12px; color: rgb(13, 24, 40); }
main-menu a.d3 { padding-left: 48px; font-size: 12px; color: rgb(13, 24, 40); }
main-menu a[data-support="1"]::after, main-menu a[data-support="3"]::after { content: ""; float: right; width: 16px; height: 16px; background-size: contain; background-repeat: no-repeat; background-position: center center; margin-left: 6px; margin-top: 1px; }
main-menu a[data-support="1"]::after { background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='%23b8281f' d='M9 3v1H4v2h16V4h-5V3H9zM6 7v13c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6zm2.5 2h1v10h-1V9zm3 0h1v10h-1V9zm3 0h1v10h-1V9z'/></svg>"); }
main-menu a[data-support="3"]::after { background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='%23d97306' d='M20 18c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2H4c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2H0v2h24v-2h-4zM4 6h16v10H4V6z'/></svg>"); }
main-menu a[data-support="0"]::after { content: ""; float: right; width: 10px; height: 10px; background-color: rgb(255, 0, 0); margin-left: 6px; margin-top: 1px; }
main-menu a[data-support="1"] { color: rgb(122, 90, 90); }
main-menu a[data-parents="0"] { }
main-menu a[data-parents="1"] { margin-left: 18px; }
main-menu a[data-parents="2"] { margin-left: 36px; }
main-menu a[data-parents="3"] { margin-left: 54px; }
@media (max-width: 600px) {
  main-menu { flex: 0 0 auto; position: fixed; top: 0px; left: 0px; width: 240px; height: 100vh; transform: translateX(-100%); transition: transform 0.25s; z-index: 50; box-shadow: rgba(0, 0, 0, 0.12) 2px 0px 8px; }
  main-menu.open { transform: translateX(0px); }
  html[lang="he"] main-menu { left: auto; right: 0px; transform: translateX(100%); box-shadow: rgba(0, 0, 0, 0.12) -2px 0px 8px; }
  html[lang="he"] main-menu.open { transform: translateX(0px); }
}