/*!*******************************************
*****     language-switcher-langcode     *****
*********************************************/

@layer component {
  @scope ([data-component-id$=":language-switcher-langcode"]) {
    :scope {
      margin: 0;
    }
      li.is-active {
        display: none;
      }

    a {
      display: block;
      margin: var(--sp-1);
      font-size: calc(var(--fs) * 1.25);
      text-transform: uppercase;
      -webkit-text-decoration: none;
      text-decoration: none;
      color: var(--clr-fg-500);
      transition: color var(--speed-300);
    }

      a:hover {
        color: var(--clr-primary-500);
        transition: color var(--speed-300);
      }
  }
}