@import '../../lib/commonStyles/variable.scss';

.root {
  display: flex;
  flex-direction: column;
  position: absolute;
  transition: all 195ms cubic-bezier(0, 0, 0.2, 1);
  transform: translateX(100%);
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: white;
  z-index: 3;

  &.active {
    transform: translateX(0);
  }

  [sf-classic] & {
    @include main_border(right);
  }
}