/* Additions on top of the Webflow stylesheet. */

/* Language picker: a globe button beside "Sign up" that opens a two-language menu. */
.lang-picker { position: relative; }
.lang-picker > summary {
  display: flex; align-items: center; justify-content: center;
  width: 40px; height: 40px; box-sizing: border-box;
  border: 1px solid #e0dfdf; border-radius: 500px; background: #fff;
  color: var(--_color---black-1); box-shadow: 0 4px 4px #0000000f;
  list-style: none; cursor: pointer;
}
.lang-picker > summary::-webkit-details-marker { display: none; }
.lang-picker > summary svg { width: 20px; height: 20px; }
.lang-picker-menu {
  position: absolute; z-index: 1000; top: calc(100% + 8px); right: 0;
  display: flex; flex-direction: column; min-width: 150px; padding: 6px;
  border-radius: 16px; background: #fff; box-shadow: 0 8px 40px rgba(16, 16, 26, .16);
}
.lang-picker-menu a {
  padding: 8px 12px; border-radius: 10px;
  color: var(--_color---black-1); font-size: 16px; line-height: 1.5; text-decoration: none;
}
.lang-picker-menu a:hover { background: #f4f4f6; }
.lang-picker-menu a[aria-current] { font-weight: 600; }
/* .navbar-btn-wrap spaces its items 20px apart; sit as close to "Sign up" as the two buttons are. */
@media screen and (min-width: 480px) { .lang-picker { margin-left: -12px; } }