.t3ddy-tabContainer-tabList {
  padding: 0;
  text-align: center;
}

.t3ddy-tabContainer-tabList li {
  list-style-type: none;
  display: inline-block;
  *display: inline;
  zoom: 1;
  padding: 0;
  margin: 0 0 0.5rem 0;
}

.t3ddy-tab-title {
  font-size: var(--f-size-l-2);
  color: rgb(var(--c-neutral-dark));
  text-transform: uppercase;
  -moz-box-shadow: inset 0 -2px 0 0 rgb(var(--c-neutral-lighter));
  -webkit-box-shadow: inset 0 -2px 0 0 rgb(var(--c-neutral-lighter));
  box-shadow: inset 0 -2px 0 0 rgb(var(--c-neutral-lighter));
  display: block;
  padding: 0 0.6rem 0.3rem 0.6rem;
  border: none;
  position: relative;
  outline: none;
}

.t3ddy-tab-title:hover {
  color: rgb(var(--c-primary));
}

.frame-layout-bg-grey .t3ddy-tab-title {
  -moz-box-shadow: inset 0 -2px 0 0 rgb(var(--c-neutral-light));
  -webkit-box-shadow: inset 0 -2px 0 0 rgb(var(--c-neutral-light));
  box-shadow: inset 0 -2px 0 0 rgb(var(--c-neutral-light));
}

.content .ui-state-active .t3ddy-tab-title {
  color: rgb(var(--c-primary));
  -moz-box-shadow: inset 0 -2px 0 0 rgb(var(--c-primary));
  -webkit-box-shadow: inset 0 -2px 0 0 rgb(var(--c-primary));
  box-shadow: inset 0 -2px 0 0 rgb(var(--c-primary));
}

.t3ddy-tab-title:after {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  opacity: 0;
  left: 50%;
  bottom: 0;
  border-bottom: 2px solid rgb(var(--c-primary));
  -webkit-transition: opacity 0.05s 0.1s, width 0.2s 0.4s, height 0.2s 0.2s;
  -moz-transition: opacity 0.05s 0.1s, width 0.2s 0.4s, height 0.2s 0.2s;
  -o-transition: opacity 0.05s 0.1s, width 0.2s 0.4s, height 0.2s 0.2s;
  transition: opacity 0.05s 0.1s, width 0.2s 0.4s, height 0.2s 0.2s;
  transform: translateX(-50%) translateY(0);
  -ms-transform: translateX(-50%) translateY(0);
  -moz-transform: translateX(-50%) translateY(0);
  -webkit-transform: translateX(-50%) translateY(0);
}

.t3ddy-tab-title:hover:after {
  opacity: 1;
  width: 100%;
  height: 100%;
  -webkit-transition: opacity 0.05s, width 0.2s, height 0.2s 0.2s;
  -moz-transition: opacity 0.05s, width 0.2s, height 0.2s 0.2s;
  -o-transition: opacity 0.05s, width 0.2s, height 0.2s 0.2s;
  transition: opacity 0.05s, width 0.2s, height 0.2s 0.2s;
}

.t3ddy-tab-item {
  padding: 3rem 0 0 0;
}
