devel_wizard-2.x-dev/templates/spell/theme_claro/library/module_filter.tabs/theme.css.twig

.modules-tabs__menu {
  --general-background-color: #fcfcfa;
  --border-width: 1px;
  --border-style: solid;
  --border-color: #a6a5a1;
  --border-radius: 1em;
  --focus-color: #26a769;
  --focus-width: 0.25em;

  background-color: var(--general-background-color);

  *:focus {
    box-shadow: inset 0 0 0 var(--focus-width) var(--focus-color);
  }

  > .modules-tabs__menu-item {
    border-right: var(--border-width) var(--border-style) var(--border-color);
  }

  > .modules-tabs__menu-item.is-previous {
    border-bottom: var(--border-width) var(--border-style) var(--border-color);
    border-bottom-right-radius: var(--border-radius);

    a {
      border-bottom-right-radius: var(--border-radius);
    }
  }

  > .modules-tabs__menu-item.is-selected {
    border-top: 0;
    border-bottom: 0;
    background-color: var(--general-background-color);

    &:focus {
      box-shadow:
        inset var(--focus-width) var(--focus-width)            0 0 var(--focus-color),
        inset 0                  calc(var(--focus-width) * -1) 0 0 var(--focus-color);
    }

    a {
      border-top: 0;
      border-bottom: 0;
      background-color: var(--general-background-color);

      &:focus {
        box-shadow:
          inset var(--focus-width) var(--focus-width)            0 0 var(--focus-color),
          inset 0                  calc(var(--focus-width) * -1) 0 0 var(--focus-color);
      }
    }
  }

  > .modules-tabs__menu-item.is-next  {
    border-top-right-radius: var(--border-radius);

    a {
      border-top-right-radius: var(--border-radius);
    }
  }

}

.modules-tabs__pane {
  border-left: 0;
}