@import "colors/index";

.swui-drawer {
  position: fixed;
  overflow-y: auto;
  overflow-x: hidden;
  text-align: left;
  transition: transform 300ms ease-out;
  z-index: 998;
  background: $color-bg-darker;

  &.left-drawer {
    top: 0;
    left: 100%;
    height: 100%;
    transform: translate(100%, 0);
  }

  &.bottom-drawer {
    left: 0;
    top: 100%;
    width: 100%;
    transform: translate(0, 100%);
  }
}