/*
 * 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.
 */

.vertical.rotated {
  & .tabOuter {
    display: table;
  }
  & .tabInner {
    padding: 50% 0;
    height: 0;

    & .tab {
      transform-origin: top left;
      display: block;
      box-sizing: border-box;
      transform: rotate(-90deg) translate(-100%);
      margin-top: -50%;
      height: 32px;
      border: none;
      border-radius: var(--theme-group-element-radius);

      &::before {
        border-radius: var(--theme-group-element-radius);
      }
    }
  }
}
