@use '../variables' as variables;

.drawer {
  --drawer-width: #{variables.$drawer-width};

  height: 100%;
  -webkit-overflow-scrolling: touch;
  overflow-x: hidden;
  overflow-y: auto;
  width: var(--drawer-width);

  &:not(.open) {
    display: none;
  }
}