/* a11y helper */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* flat flag row */
.lang-strip{display:flex;align-items:center;gap:10px}
.lang-strip a{
  display:inline-flex;align-items:center;
  width:24px;height:16px;border-radius:2px;
  background-size:cover;background-position:center;
  border:1px solid transparent
}
.lang-strip a:hover{border-color:#e5e7eb}
.lang-strip a[aria-current="true"]{border-color:#f59e0b}

/* map languages to svg files (create them in step 4) */
.lang-strip a[data-lang="de"]{background-image:url("/assets/flags/ch.svg")}
.lang-strip a[data-lang="fr"]{background-image:url("/assets/flags/fr.svg")}
.lang-strip a[data-lang="it"]{background-image:url("/assets/flags/it.svg")}
.lang-strip a[data-lang="en"]{background-image:url("/assets/flags/gb.svg")}


