.tab-group
  border-top: 2px solid #dcdcdc
  padding-top: 30px

.tab-group-openers
  display: flex
  justify-content: stretch
  line-height: 40px
  font-size: 14px
  margin-bottom: 40px

.tab-opener
  display: inline-block
  flex: 1
  text-align: center
  padding: 0 13px
  margin: 0 2px
  background-color: var(--color-dark)
  color: white
  font-size: 16px
  text-transform: uppercase
  font-weight: 600
  transition: all .1s ease
  border-bottom: 5px solid rgba(100, 100, 100, 0.2)

.tab-opener:not(.tab-visible):hover
  cursor: pointer
  background-color: transparent
  color: rgb(52, 48, 58)
  border-bottom-color: grey

.tab-opener.tab-visible
  background-color: transparent
  color: rgb(52, 48, 58)
  border-bottom-color: var(--color-primary)