/*
 * CloudBeaver - Cloud Database Manager
 * Copyright (C) 2020-2024 DBeaver Corp and others
 *
 * Licensed under the Apache License, Version 2.0.
 * you may not use this file except in compliance with the License.
 */
.slideElement {
  width: 100%;
  height: 100%;
  display: inline-block;
  vertical-align: top;
  white-space: normal;
  transition: transform ease-in-out 0.3s;
  transform: translateX(-100%);
  will-change: transform;

  &:first-child {
    transition: width ease-in-out 0.3s;
    width: 100%;
    will-change: width;
  }
}

.open .slideElement {
  transform: translateX(0%);

  &:first-child {
    width: calc(100% - 120px);
  }
}
