@import '../variable';

@media screen and (max-width: 640px) {
  .hx-toggle-sidebar {
    display: block;
    position: absolute;
    top: $pm-sm + 3px;
    left: $pm-sm;
    padding: 0;
    height: $height-regular;
    width: $height-regular;
    z-index: 1200;
    border-radius: $border-radius-md;
    color: $color-main;
    background-color: transparent;
    &.show {
      color: white;
    }
  }
}

@media screen and (min-width: 640px) {
  .hx-toggle-sidebar {
    display: none;
  }
}