.anonymous-user nav.tabs ul.tabs li a::after,
.path-user:not(.logged-in-administrator) nav.tabs ul.tabs li a::after {
  font-family: 'icomoon';
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-transform: none;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.anonymous-user nav.tabs ul.tabs li a::after,
.path-user:not(.logged-in-administrator) nav.tabs ul.tabs li a::after {
  content: "\e900"; }

.toolbar-fixed nav.tabs {
  top: 39px; }

.toolbar-fixed.toolbar-tray-open.toolbar-horizontal nav.tabs {
  top: 79px; }

.toolbar-fixed nav.tabs {
  font-family: "Source Sans Pro", "Lucida Grande", Verdana, sans-serif;
  font-size: small;
  position: fixed;
  width: 100%;
  left: 0;
  z-index: 10;
  box-shadow: -2px 1px 3px 1px rgba(0, 0, 0, 0.1333);
  background-color: #fff; }
  .toolbar-fixed nav.tabs ul.tabs {
    position: relative;
    margin: 0;
    list-style: none;
    padding-left: 53px; }
    .toolbar-fixed nav.tabs ul.tabs::before {
      position: absolute;
      left: 0;
      top: 0;
      width: 53px;
      height: 39px;
      content: '';
      background-image: url("../../images/system/tabs-icon.svg");
      background-repeat: no-repeat;
      background-size: 30px 30px;
      background-position: 11px center;
      background-color: #f5f5f2;
      border-right: 1px solid #ddd; }
    .toolbar-fixed nav.tabs ul.tabs li.tabs__tab {
      float: left;
      background-color: #f5f5f2;
      border-left: 1px solid #ddd; }
      .toolbar-fixed nav.tabs ul.tabs li.tabs__tab:last-child {
        border-right: 1px solid #ddd; }
  .toolbar-fixed nav.tabs a {
    display: block;
    box-sizing: border-box;
    padding: 1em 1.3333em;
    color: #565656;
    line-height: 1; }
    .toolbar-fixed nav.tabs a.is-active, .toolbar-fixed nav.tabs a:hover {
      background-color: #fff;
      text-decoration: underline; }

.toolbar-fixed .top-spacer--primary-tabs {
  height: 40px; }

.anonymous-user nav.tabs,
.path-user:not(.logged-in-administrator) nav.tabs {
  margin-bottom: calc(20px + 20 * ((100vw - 600px) / 800)); }
  @media screen and (max-width: 600px) {
    .anonymous-user nav.tabs,
    .path-user:not(.logged-in-administrator) nav.tabs {
      margin-bottom: 20px; } }
  @media screen and (min-width: 1400px) {
    .anonymous-user nav.tabs,
    .path-user:not(.logged-in-administrator) nav.tabs {
      margin-bottom: 40px; } }
  .anonymous-user nav.tabs ul.tabs,
  .path-user:not(.logged-in-administrator) nav.tabs ul.tabs {
    width: 100%; }
    .anonymous-user nav.tabs ul.tabs li,
    .path-user:not(.logged-in-administrator) nav.tabs ul.tabs li {
      display: inline-block;
      margin-right: 20px; }
      .anonymous-user nav.tabs ul.tabs li a,
      .path-user:not(.logged-in-administrator) nav.tabs ul.tabs li a {
        position: relative;
        display: flex;
        align-items: center;
        color: #171716; }
        .anonymous-user nav.tabs ul.tabs li a::before,
        .path-user:not(.logged-in-administrator) nav.tabs ul.tabs li a::before {
          transition: background-color 0.45s cubic-bezier(0.23, 1, 0.32, 1);
          flex-shrink: 0;
          display: block;
          box-sizing: border-box;
          border: 2px solid var(--color-link);
          border-radius: 50%;
          content: ''; }
        .anonymous-user nav.tabs ul.tabs li a::after,
        .path-user:not(.logged-in-administrator) nav.tabs ul.tabs li a::after {
          transition: color 0.45s cubic-bezier(0.23, 1, 0.32, 1);
          position: absolute;
          top: 50%;
          color: #171716;
          font-size: calc(16px + 8 * ((100vw - 600px) / 800));
          transform: translateY(-50%); }
          @media screen and (max-width: 600px) {
            .anonymous-user nav.tabs ul.tabs li a::after,
            .path-user:not(.logged-in-administrator) nav.tabs ul.tabs li a::after {
              font-size: 16px; } }
          @media screen and (min-width: 1400px) {
            .anonymous-user nav.tabs ul.tabs li a::after,
            .path-user:not(.logged-in-administrator) nav.tabs ul.tabs li a::after {
              font-size: 24px; } }
        .anonymous-user nav.tabs ul.tabs li a::before,
        .path-user:not(.logged-in-administrator) nav.tabs ul.tabs li a::before {
          width: calc(26px + 10 * ((100vw - 600px) / 800));
          height: calc(26px + 10 * ((100vw - 600px) / 800));
          margin-right: calc(8px + 2 * ((100vw - 600px) / 800)); }
          @media screen and (max-width: 600px) {
            .anonymous-user nav.tabs ul.tabs li a::before,
            .path-user:not(.logged-in-administrator) nav.tabs ul.tabs li a::before {
              width: 26px; } }
          @media screen and (min-width: 1400px) {
            .anonymous-user nav.tabs ul.tabs li a::before,
            .path-user:not(.logged-in-administrator) nav.tabs ul.tabs li a::before {
              width: 36px; } }
          @media screen and (max-width: 600px) {
            .anonymous-user nav.tabs ul.tabs li a::before,
            .path-user:not(.logged-in-administrator) nav.tabs ul.tabs li a::before {
              height: 26px; } }
          @media screen and (min-width: 1400px) {
            .anonymous-user nav.tabs ul.tabs li a::before,
            .path-user:not(.logged-in-administrator) nav.tabs ul.tabs li a::before {
              height: 36px; } }
          @media screen and (max-width: 600px) {
            .anonymous-user nav.tabs ul.tabs li a::before,
            .path-user:not(.logged-in-administrator) nav.tabs ul.tabs li a::before {
              margin-right: 8px; } }
          @media screen and (min-width: 1400px) {
            .anonymous-user nav.tabs ul.tabs li a::before,
            .path-user:not(.logged-in-administrator) nav.tabs ul.tabs li a::before {
              margin-right: 10px; } }
        .anonymous-user nav.tabs ul.tabs li a::after,
        .path-user:not(.logged-in-administrator) nav.tabs ul.tabs li a::after {
          left: calc(6px + 1 * ((100vw - 600px) / 800)); }
          @media screen and (max-width: 600px) {
            .anonymous-user nav.tabs ul.tabs li a::after,
            .path-user:not(.logged-in-administrator) nav.tabs ul.tabs li a::after {
              left: 6px; } }
          @media screen and (min-width: 1400px) {
            .anonymous-user nav.tabs ul.tabs li a::after,
            .path-user:not(.logged-in-administrator) nav.tabs ul.tabs li a::after {
              left: 7px; } }
        .has-mouse .anonymous-user nav.tabs ul.tabs li a:hover::before, .has-mouse
        .path-user:not(.logged-in-administrator) nav.tabs ul.tabs li a:hover::before {
          transition: background-color 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
          background-color: var(--color-link); }
        .has-mouse .anonymous-user nav.tabs ul.tabs li a:hover::after, .has-mouse
        .path-user:not(.logged-in-administrator) nav.tabs ul.tabs li a:hover::after {
          transition: color 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
          color: #fff; }
        .anonymous-user nav.tabs ul.tabs li a.is-active::before,
        .path-user:not(.logged-in-administrator) nav.tabs ul.tabs li a.is-active::before {
          background-color: var(--color-primary); }
        .anonymous-user nav.tabs ul.tabs li a.is-active::after,
        .path-user:not(.logged-in-administrator) nav.tabs ul.tabs li a.is-active::after {
          color: #fff; }
        .anonymous-user nav.tabs ul.tabs li a:not(.is-active):hover::before,
        .path-user:not(.logged-in-administrator) nav.tabs ul.tabs li a:not(.is-active):hover::before {
          background-color: var(--color-primary); }
        .anonymous-user nav.tabs ul.tabs li a:not(.is-active):hover::after,
        .path-user:not(.logged-in-administrator) nav.tabs ul.tabs li a:not(.is-active):hover::after {
          color: #fff; }

/*# sourceMappingURL=../_maps/components/tabs.css.map */
