@import '../../partials/variables';

.menu {
  user-select: none;
  touch-action: manipulation;
  display: none;

  @media (max-width: $mobile-breakpoint) {
    display: initial;
  }

  &__icon {
    color: var(--font-color);

    padding: 0;
  }
}

#menu-input {
  display: none;

  &:checked ~ * .menu__icon::before {
    @include font-awesome;
    content: "\f410";
  }
}
