:root {
  --a11y-menu-color: #fff;
  --a11y-menu-background-color: #3a4047;
  --a11y-menu-header-background-color: #2a3138;
  --a11y-menu-content-background-color: #3a4047;
  --a11y-menu-border-color: #fff;
  --a11y-menu-button-border-color: #111;
  --a11y-menu-button-background-color: #fff;
  --a11y-menu-button-color: #111; }

.a11y-menu__takeover {
  position: fixed;
  inset: 0;
  z-index: 10000;
  color: var(--a11y-menu-color, #fff);
  overflow-y: auto;
  background-color: var(--a11y-menu-background-color, #3a4047); }

.a11y-menu__header {
  align-items: center;
  display: flex;
  justify-content: space-between;
  background-color: var(--a11y-menu-header-background-color, #2a3138);
  padding: 1rem; }

.a11y-menu__title {
  font-size: 1.25rem;
  font-family: sans-serif;
  margin: 0;
  color: var(--a11y-menu-color, #fff); }

.a11y-menu__open {
  position: fixed;
  top: 0.75rem;
  right: 0.75rem;
  z-index: 10001;
  opacity: 0;
  pointer-events: none;
  transform: translateY(-140%);
  transition: transform 0.2s ease, opacity 0.2s ease; }

.a11y-menu__content {
  max-width: 420px;
  width: 100%;
  min-height: 100vh;
  height: auto;
  border-right: 1px solid var(--a11y-menu-border-color, #fff);
  background-color: var(--a11y-menu-content-background-color, #3a4047);
  padding: 1rem; }

.a11y-menu__separator {
  height: 1px;
  background-color: var(--a11y-menu-border-color, #fff);
  margin-top: 1rem;
  margin-bottom: 1rem; }

.a11y-menu__main-nav, .a11y-menu__sub-nav, .a11y-menu__account-links, .a11y-menu__other-links {
  list-style: none;
  padding-left: 0;
  margin-bottom: 0; }
  .a11y-menu__main-nav li, .a11y-menu__sub-nav li, .a11y-menu__account-links li, .a11y-menu__other-links li {
    margin: 10px auto;
    padding: 10px;
    background-color: var(--a11y-menu-item-background-color, #2a3138); }

.a11y-menu__actions {
  display: flex;
  justify-content: space-between;
  align-items: stretch; }

.a11y-menu__link {
  color: var(--a11y-menu-link-color, #fff);
  font-family: sans-serif; }
  .a11y-menu__link:hover, .a11y-menu__link:focus {
    color: var(--a11y-menu-link-hover-color, #fff);
    text-decoration: underline; }

.a11y-menu__trigger {
  background-color: transparent;
  border: none;
  display: flex;
  align-items: center; }
  .a11y-menu__trigger::after {
    content: "";
    border-bottom: 1px solid var(--a11y-menu-border-color, #fff);
    border-right: 1px solid var(--a11y-menu-border-color, #fff);
    height: 0.5em;
    width: 0.5em;
    transform: rotate(-45deg); }
  .a11y-menu__trigger--expanded::after {
    transform: rotate(45deg); }

body.a11y-menu--disabled .a11y-menu {
  display: none !important; }

.a11y-menu--show-trigger .a11y-menu__open {
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0); }

.a11y-menu--dialog-open .a11y-menu__open {
  opacity: 0 !important;
  pointer-events: none !important;
  transform: translateY(-140%) !important; }

.a11y-menu__open,
.a11y-menu__close {
  border: 1px solid var(--a11y-menu-button-border-color, #111);
  background: var(--a11y-menu-button-background-color, #fff);
  color: var(--a11y-menu-button-color, #111);
  cursor: pointer;
  font-size: 1rem;
  font-family: sans-serif;
  line-height: 1.2;
  padding: 0.625rem 0.875rem; }

.a11y-menu--lock-scroll {
  overflow: hidden; }

#a11yMockSearch {
  background-color: transparent;
  border: none;
  color: var(--a11y-menu-link-color, #fff); }