.scrim {
  display: none;
}

@media (max-width: 760px) {
  .drawer .side {
    transform: none;
  }
  .scrim {
    display: block;
    position: fixed;
    inset: 56px 0 0;
    z-index: 25;
    background: rgba(11, 12, 16, 0.45);
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.2s;
  }
  .drawer .scrim {
    opacity: 1;
    pointer-events: auto;
  }
}
@media (min-width: 761px) {
  .only-m {
    display: none;
  }
}