@media (max-width: 1023px), (pointer: coarse) {
  nav > div[class*="fixed"][class*="inset-y-0"][class*="right-0"],
  nav div[class*="fixed"][class*="inset-y-0"][class*="right-0"][class*="max-w-sm"] {
    background: linear-gradient(180deg, #34363b 0%, #26282d 45%, #1f2024 100%) !important;
    background-color: #2b2d31 !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    border-left: 1px solid rgba(255,255,255,.16) !important;
    box-shadow: -28px 0 90px rgba(0,0,0,.72) !important;
    opacity: 1 !important;
    z-index: 999999 !important;
  }

  nav > div[class*="fixed"][class*="inset-y-0"][class*="right-0"]::before,
  nav div[class*="fixed"][class*="inset-y-0"][class*="right-0"][class*="max-w-sm"]::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
      radial-gradient(circle at 20% 0%, rgba(0,229,255,.10), transparent 35%),
      linear-gradient(180deg, rgba(255,255,255,.04), rgba(0,0,0,.10));
    pointer-events: none;
    z-index: -1;
  }

  nav > div[class*="fixed"][class*="inset-y-0"][class*="right-0"] button,
  nav > div[class*="fixed"][class*="inset-y-0"][class*="right-0"] a,
  nav div[class*="fixed"][class*="inset-y-0"][class*="right-0"][class*="max-w-sm"] button,
  nav div[class*="fixed"][class*="inset-y-0"][class*="right-0"][class*="max-w-sm"] a {
    text-shadow: none !important;
    line-height: 1.08 !important;
  }

  nav > div[class*="fixed"][class*="inset-y-0"][class*="right-0"] .glass,
  nav div[class*="fixed"][class*="inset-y-0"][class*="right-0"][class*="max-w-sm"] .glass {
    background: rgba(255,255,255,.055) !important;
    border-color: rgba(255,255,255,.14) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }
}