.rea-module-nav {
  position: relative;
  width: calc(100% - 30px);
  height: 75px;
  margin: 0 15px;
  background: #fff;
  color: #364656;
  font-family: Lexend, sans-serif;
  font-size: 14px;
  font-weight: 300;
  line-height: 1.5;
  z-index: 5;
}
.rea-module-nav * { box-sizing: border-box; }
.rea-menu-tabs { position: absolute; left: 108px; bottom: 0; display: flex; align-items: end; min-width: 0; max-width: calc(100% - 108px); }
.rea-menu-trigger { flex: none; border: 0; padding: 0 5px; margin: 0; background: transparent; color: #364656; font: 500 16px/24px Lexend, sans-serif; white-space: nowrap; }
.rea-menu-chevron { display: inline-block; width: 6px; height: 6px; margin: 0 4px 3px 7px; border-right: 1px solid currentColor; border-bottom: 1px solid currentColor; transform: rotate(45deg); }
.rea-menu-trigger:hover, .rea-menu-trigger[aria-expanded="true"] { color: #364656; }
.rea-menu-trigger:focus-visible, .rea-menu-entry:focus-visible { outline: 2px solid #fab31a; outline-offset: 2px; }
.rea-menu-panel {
  position: absolute;
  top: calc(100% + 1.78125px);
  left: 5%;
  width: 90%;
  max-height: calc(100vh - 90px);
  overflow: auto;
  padding: 22px 0 20px;
  border-radius: 12px;
  background: #3f4e5d;
  color: #fff;
  opacity: .9;
  box-shadow: none;
  z-index: 30;
}
.rea-menu-panel[hidden] { display: none; }
.rea-menu-panel h2 { margin: 0 33px 5px; padding: 0 0 15px; border-bottom: 1px solid transparent; color: #fab31a; font: 500 24px/28.8px Lexend, sans-serif; }
.rea-menu-columns { display: flex; flex-wrap: wrap; align-content: start; padding: 0 1px; }
.rea-menu-column { flex: 0 0 33.333333%; min-width: 0; margin: 0; padding: 0; list-style: none; }
.rea-menu-column li { margin: 0; padding: 0; }
.rea-menu-entry { display: block; width: calc(100% - 106px); min-height: 42.421875px; margin: 0 0 0 27px; padding: 10px 5px; border: 0; border-bottom: 1px solid transparent; background: transparent; color: #fff; text-align: left; font: 400 15px/21.4286px Lexend, sans-serif; cursor: pointer; }
.rea-menu-entry span { display: block; }
.rea-menu-entry:hover, .rea-menu-entry:focus-visible { color: #fff; text-decoration: underline; }
.rea-menu-entry.pending, .rea-menu-entry.unavailable { color: #fff; }
.rea-menu-feedback { margin: 8px 33px 0; padding: 9px 12px; border-radius: 4px; background: #fff; color: #364656; font-size: 13px; }
.rea-menu-feedback[hidden] { display: none; }
.rea-menu-loading, .rea-menu-error { position: absolute; left: 108px; bottom: 0; margin: 0; padding: 0 5px; color: #364656; font-size: 14px; }
.rea-menu-retry { position: absolute; left: 330px; bottom: 0; border: 0; background: transparent; color: #364656; text-decoration: underline; }
@media (max-width: 991px) {
  .rea-menu-tabs { left: 0; max-width: 100%; width: 100%; overflow-x: auto; }
  .rea-menu-panel { left: 0; width: 100%; }
  .rea-menu-column { flex-basis: 50%; }
  .rea-menu-entry { width: calc(100% - 40px); }
  .rea-menu-loading, .rea-menu-error { left: 0; }
}
@media (max-width: 640px) {
  .rea-module-nav { width: 100%; height: 38px; margin: 0; }
  .rea-menu-panel { max-height: calc(100vh - 85px); padding-top: 17px; }
  .rea-menu-panel h2 { margin: 0 15px 5px; font-size: 20px; }
  .rea-menu-column { flex-basis: 100%; }
  .rea-menu-entry { width: calc(100% - 34px); margin-left: 17px; }
}
