@nitro-ui/component-tab/dist/css/tab.min.css

Tab component for Nitro UI.

.c-tab,
.c-tab__item {
  display: -ms-flexbox;
  display: flex; }

.c-tab__item {
  align-items: center;
  justify-content: center; }
  .c-tab__item.is--disabled {
    opacity: 0.4;
    pointer-events: none;
    cursor: default; }

.c-tab {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  list-style: none;
  margin: 0 0 16px; }
  .c-tab:not(.c-tab--buttons) {
    border-bottom: 1px solid #CFD6DF; }
    .c-tab:not(.c-tab--buttons) .c-tab__item {
      border-bottom: 2px solid transparent;
      margin-bottom: -1px;
      padding-bottom: 8px; }
      .c-tab:not(.c-tab--buttons) .c-tab__item:hover {
        border-color: #B8C2CE; }
      .c-tab:not(.c-tab--buttons) .c-tab__item:not(.c-btn) {
        color: #576A7F;
        line-height: 20px;
        text-decoration: none !important;
        outline: none !important;
        padding: 8px 12px 12px; }
        .c-tab:not(.c-tab--buttons) .c-tab__item:not(.c-btn) .icon-svg {
          fill: #576A7F; }
      .c-tab:not(.c-tab--buttons) .c-tab__item.is--active {
        border-color: #0162DD; }
        .c-tab:not(.c-tab--buttons) .c-tab__item.is--active:not(.c-btn) {
          color: #0162DD; }
          .c-tab:not(.c-tab--buttons) .c-tab__item.is--active:not(.c-btn) .icon-svg {
            fill: #0162DD; }

.c-tab__pane {
  display: none;
  outline: none !important; }
  .c-tab__pane.is--active {
    display: block; }
  .c-tab__pane > *:last-child {
    margin-bottom: 0; }

.c-tab--justified > .c-tab__item {
  flex: 1; }

.c-tab--center {
  justify-content: center; }

.c-tab--buttons > .c-tab__item {
  border-radius: 0; }
  .c-tab--buttons > .c-tab__item:first-child {
    border-top-left-radius: 4px !important;
    border-bottom-left-radius: 4px !important; }
  .c-tab--buttons > .c-tab__item:last-child {
    border-top-right-radius: 4px !important;
    border-bottom-right-radius: 4px !important; }

.c-tab--justified > .c-tab__item:not(:first-child),
.c-tab--buttons > .c-tab__item:not(:first-child) {
  margin-left: -1px !important; }

.c-card__tabs > .c-tab {
  padding: 12px 0 0;
  margin: 0 16px; }

.c-card__tabs > .c-tab-content {
  padding: 12px 16px; }

/*# sourceMappingURL=tab.min.css.map */