.registration-menu { position: relative; display: flex; align-items: stretch; }
.nav-main_link,
.nav-main_link-text {
  white-space: nowrap;
}

@media screen and (min-width: 992px) {
  .nav-main_link,
  .registration-menu {
    flex-shrink: 0;
  }
}

.registration-menu_button {
  display: flex;
  align-items: center;
  border: 0;
  background: transparent;
  font-family: inherit;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: inherit;
  cursor: pointer;
  appearance: none;
}
.registration-menu_chevron { width: .5rem; height: .5rem; margin-left: .55rem; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; transform: rotate(45deg) translateY(-.15rem); transition: transform 180ms ease; }
.registration-menu.is-open .registration-menu_chevron { transform: rotate(225deg) translate(-.1rem, -.1rem); }
.registration-menu_panel { position: absolute; z-index: 1000; top: calc(100% + .5rem); left: 50%; display: none; min-width: 14rem; padding: .5rem; border: 1px solid rgba(26,32,44,.1); border-radius: .75rem; background: #fff; box-shadow: 0 .75rem 2rem rgba(20,28,48,.16); transform: translateX(-50%); }
.registration-menu.is-open .registration-menu_panel { display: grid; }
.registration-menu_option { padding: .75rem .9rem; border-radius: .5rem; color: #1b1f2a; white-space: nowrap; transition: background-color 150ms ease, color 150ms ease; }
.registration-menu_option:hover, .registration-menu_option:focus-visible { background: #4264d1; color: #fff; outline: none; }
@media screen and (max-width: 991px) {
  .registration-menu { display: block; width: 100%; }
  .registration-menu_button {
    width: auto;
    margin-left: auto;
    margin-right: auto;
    flex-direction: row;
    justify-content: center;
    gap: .35rem;
    font-size: 1.75rem;
    font-weight: 500;
    text-align: center;
  }
  .registration-menu_chevron {
    margin-left: 0;
    transform: rotate(45deg);
  }
  .registration-menu.is-open .registration-menu_chevron {
    transform: rotate(225deg);
  }
  .registration-menu_panel { position: static; min-width: 0; margin: 0 1rem .5rem; border: 0; border-left: 2px solid #4264d1; border-radius: 0; box-shadow: none; transform: none; }
}