html.dailyone-menu-icons-v0602 {
  --menu-icon-ink: #737a78;
  --menu-icon-active: #547369;
  --menu-icon-active-surface: rgba(223, 237, 232, 0.78);
  --menu-icon-active-line: rgba(255, 255, 255, 0.92);
}

html.dailyone-menu-icons-v0602 .sidebar .nav-icon {
  display: inline-grid;
  flex: 0 0 25px;
  place-items: center;
  width: 25px;
  height: 25px;
  line-height: 1;
}

html.dailyone-menu-icons-v0602 .dailyone-menu-icon,
html.dailyone-menu-icons-v0602 .dailyone-settings-icon {
  display: block;
  width: 23px;
  height: 23px;
  object-fit: contain;
  opacity: 0.66;
  filter: brightness(0) saturate(100%);
  transition: opacity 180ms ease, filter 180ms ease, transform 220ms cubic-bezier(.2,.8,.2,1);
}

html.dailyone-menu-icons-v0602 .sidebar .nav {
  gap: 16px;
  min-height: 52px;
  color: #69706f;
}

html.dailyone-menu-icons-v0602 .sidebar .nav.active {
  color: var(--menu-icon-active);
  background: linear-gradient(135deg, rgba(247, 252, 250, 0.88), var(--menu-icon-active-surface));
  border-color: var(--menu-icon-active-line);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.92), 0 9px 24px rgba(79, 111, 100, .09);
}

html.dailyone-menu-icons-v0602 .sidebar .nav.active .dailyone-menu-icon {
  opacity: 0.88;
  filter: brightness(0) saturate(100%) invert(40%) sepia(13%) saturate(713%) hue-rotate(110deg) brightness(96%) contrast(88%);
}

html.dailyone-menu-icons-v0602 .sidebar .nav:active .dailyone-menu-icon {
  transform: scale(.9);
}

html.dailyone-menu-icons-v0602 .profile-settings .dailyone-settings-icon {
  flex: 0 0 23px;
}

html.dailyone-menu-icons-v0602 .menu-add .dailyone-menu-icon {
  width: 22px;
  height: 22px;
}

html.dailyone-menu-icons-v0602 .builtin-menu-icon .dailyone-menu-icon {
  width: 21px;
  height: 21px;
}

@media (hover:hover) {
  html.dailyone-menu-icons-v0602 .sidebar .nav:hover .dailyone-menu-icon {
    opacity: .84;
  }
}

@media (max-width:720px) {
  html.dailyone-menu-icons-v0602 .sidebar .nav {
    min-height: 54px;
  }
  html.dailyone-menu-icons-v0602 .dailyone-menu-icon {
    width: 24px;
    height: 24px;
  }
}

@media (prefers-reduced-motion:reduce) {
  html.dailyone-menu-icons-v0602 .dailyone-menu-icon,
  html.dailyone-menu-icons-v0602 .dailyone-settings-icon {
    transition: none;
  }
}