@import url('../CloudTheme.css');

.root {
  display: flex;
  border-radius: 8px;
  box-shadow: $shadow-light;
  border: 1px solid $stroke-stroke1;
  width: fit-content;
  background-color: $black-black4;
  gap: 4px;
  padding: 4px;
  .btn {
    text-transform: inherit;
    background: transparent;
    border-radius: 6px;
    color: $black-black2;
    &.active {
      background-color: white;
      color: $blue-blue1;
      &:hover {
        color: $blue-blue1;
      }
    }
    &:hover {
      color: $black-black1;
    }
  }
}