[class*=tab-nav] {
  --marker-height: 4px;
  position: relative;
  padding-top: var(--tab-nav-padding-top, 0px);
  padding-bottom: var(--tab-nav-padding-bottom, 0px);
  display: flex;
  gap: var(--gutter1);
}
[class*=tab-nav] mark {
  position: absolute;
  width: calc(var(--width, 0) * 1px);
  height: var(--marker-height);
  left: 0;
  border-top-left-radius: 1ch;
  border-top-right-radius: 1ch;
  bottom: 0;
  background: var(--theme-background-bar);
  transform: translateX(calc(1px * var(--x, var(--default-x, 0px))));
}
[class*=tab-nav][style*="--x"] mark {
  transition: var(--transition), transform 0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}

@media (max-width: 960px) {
  [is=tab-contents].grid {
    row-gap: var(--gutter2);
  }
}
/*# sourceMappingURL=../sourcemaps/components/tab-content.css.map */