@use '~@cb-general/core/styles/mixins' as *;
@use '../styles/variables' as *;

$root: FlatTab;

:global {
  .#{$root} {
    min-height: 3.7rem;
    opacity: 0.7;
    align-items: baseline;
    border-bottom: 0.1rem solid transparent;
    font-weight: 600;
    font-family: 'IBM Plex Sans', Arial;

    &:nth-child(n + 2) {
      margin-left: toRem(30);
    }
  }
}

.selected {
  border-bottom: 0.1rem solid $colorGreen;
  color: $colorGreen;
  opacity: 1;
}

:export {
  root: $root;
}