/* MediaDIV App Header and App Menu · shared native-builder / frontend design. */
.mdav-header,
.mdav-header *,
.mdav-menu,
.mdav-menu * {
  box-sizing: border-box;
}

.mdav-header-portal,
.mdav-menu-portal {
  display: contents !important;
}

.mdav-header-portal[hidden],
.mdav-menu-portal[hidden] {
  display: none !important;
}

.mdav-header {
  position: relative;
  inline-size: 100%;
  color: var(--mdav-header-text, #111827);
  background: var(--mdav-header-bg, #fff);
  border: var(--mdav-header-border-width, 0px) solid var(--mdav-header-border-color, #e2e6ec);
  border-radius: var(--mdav-header-radius, 0px);
  box-shadow: var(--mdav-header-shadow, none);
  font-family: var(--mdav-header-font-family, inherit);
  font-size: var(--mdav-header-font-size, 18px);
  font-weight: var(--mdav-header-font-weight, 650);
  line-height: 1.25;
  z-index: var(--mdav-header-z-index, 1000);
}

.mdav-header .mdav-header-inner {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--mdav-header-gap, 12px);
  min-block-size: var(--mdav-header-min-height, 64px);
  max-inline-size: var(--mdav-header-max-width, 1200px);
  margin-inline: auto;
  padding: var(--mdav-header-pad-y, 10px) var(--mdav-header-pad-x, 16px);
}

.mdav-header .mdav-header-brand {
  display: flex;
  flex: 1 1 auto;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--mdav-header-gap, 12px);
  min-inline-size: 0;
  color: inherit;
  text-decoration: none;
}

.mdav-header .mdav-header-brand-copy {
  flex: 1 1 8ch;
  min-inline-size: min(100%, 8ch);
}

.mdav-header .mdav-header-logo {
  display: block;
  flex: 0 1 auto;
  inline-size: auto;
  block-size: var(--mdav-header-logo-height, 36px);
  max-inline-size: min(100%, var(--mdav-header-logo-max-width, 180px));
  object-fit: contain;
  object-position: left center;
}

.mdav-header .mdav-header-name {
  display: block;
  overflow-wrap: anywhere;
  font: inherit;
  line-height: 1.2;
}

.mdav-header .mdav-header-subtitle {
  display: block;
  margin-block-start: 3px;
  color: var(--mdav-header-muted, #64748b);
  font-size: var(--mdav-header-subtitle-size, 11px);
  font-weight: 400;
  line-height: 1.4;
  overflow-wrap: anywhere;
}

.mdav-header .mdav-menu-trigger,
.mdav-menu [data-mdav-menu-close] {
  appearance: none;
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  min-inline-size: 44px;
  min-block-size: 44px;
  inline-size: max(44px, var(--mdav-trigger-size, 48px));
  block-size: max(44px, var(--mdav-trigger-size, 48px));
  padding: 10px;
  border: 1px solid transparent;
  border-radius: var(--mdav-trigger-radius, 14px);
  background: var(--mdav-trigger-bg, #eef1f6);
  color: var(--mdav-trigger-color, #111827);
  box-shadow: var(--mdav-trigger-shadow, none);
  font: inherit;
  line-height: 1;
  cursor: pointer;
  touch-action: manipulation;
  -webkit-tap-highlight-color: transparent;
}

.mdav-header .mdav-menu-trigger {
  margin-inline-start: auto;
}

.mdav-header .mdav-menu-trigger svg,
.mdav-menu [data-mdav-menu-close] svg {
  inline-size: 24px;
  block-size: 24px;
}

.mdav-header .mdav-header-cta {
  display: inline-flex;
  flex: 0 1 auto;
  align-items: center;
  justify-content: center;
  min-block-size: 44px;
  min-inline-size: 44px;
  max-inline-size: 40%;
  padding: 10px 14px;
  border-radius: var(--mdav-cta-radius, 12px);
  background: var(--mdav-cta-bg, #2457c5);
  color: var(--mdav-cta-color, #fff);
  font-size: 13px;
  font-weight: 650;
  line-height: 1.3;
  text-align: center;
  text-decoration: none;
  overflow-wrap: anywhere;
}

.mdav-header[data-trigger-side="left"] .mdav-menu-trigger {
  order: -1;
  margin-inline-start: 0;
  margin-inline-end: auto;
}

.mdav-header[data-mdav-header-fixed="on"],
.mdav-header[data-position="fixed"] {
  position: fixed;
  inset: var(--mdav-admin-offset, 0px) 0 auto;
  margin: 0;
}

.mdav-header[data-variant="bar"] .mdav-header-inner {
  padding-block-start: calc(var(--mdav-header-pad-y, 10px) + env(safe-area-inset-top, 0px));
  padding-inline: max(var(--mdav-header-pad-x, 16px), env(safe-area-inset-left, 0px)) max(var(--mdav-header-pad-x, 16px), env(safe-area-inset-right, 0px));
}

.mdav-header[data-variant="floating-right"],
.mdav-header[data-variant="floating-left"] {
  inline-size: max-content;
  max-inline-size: 100%;
  margin-block-start: calc(var(--mdav-header-float-top, 12px) + env(safe-area-inset-top, 0px));
  border: 0;
  background: transparent;
  box-shadow: none;
}

.mdav-header[data-variant="floating-right"] {
  margin-inline: auto max(var(--mdav-header-float-side, 16px), env(safe-area-inset-right, 0px));
}

.mdav-header[data-variant="floating-left"] {
  margin-inline: max(var(--mdav-header-float-side, 16px), env(safe-area-inset-left, 0px)) auto;
}

.mdav-header[data-variant="floating-right"] .mdav-header-inner,
.mdav-header[data-variant="floating-left"] .mdav-header-inner {
  min-block-size: 0;
  padding: 0;
}

.mdav-header[data-variant="floating-right"] .mdav-header-brand,
.mdav-header[data-variant="floating-left"] .mdav-header-brand,
.mdav-header[data-variant="floating-right"] .mdav-header-cta,
.mdav-header[data-variant="floating-left"] .mdav-header-cta {
  display: none;
}

.mdav-header[data-mdav-header-fixed="on"][data-variant="floating-right"],
.mdav-header[data-position="fixed"][data-variant="floating-right"] {
  inset: calc(var(--mdav-admin-offset, 0px) + var(--mdav-header-float-top, 12px) + env(safe-area-inset-top, 0px)) calc(var(--mdav-header-float-side, 16px) + env(safe-area-inset-right, 0px)) auto auto;
  margin: 0;
}

.mdav-header[data-mdav-header-fixed="on"][data-variant="floating-left"],
.mdav-header[data-position="fixed"][data-variant="floating-left"] {
  inset: calc(var(--mdav-admin-offset, 0px) + var(--mdav-header-float-top, 12px) + env(safe-area-inset-top, 0px)) auto auto calc(var(--mdav-header-float-side, 16px) + env(safe-area-inset-left, 0px));
  margin: 0;
}

.mdav-header-sentinel,
.mdav-header-placeholder {
  display: block;
  margin: 0;
  padding: 0;
  border: 0;
  pointer-events: none;
}

.mdav-header-sentinel {
  block-size: 0;
  min-block-size: 0;
  inline-size: 0;
}

.mdav-header-placeholder {
  inline-size: 100%;
}

.mdav-menu {
  display: none;
  position: fixed;
  inset: 0;
  inline-size: 100%;
  max-inline-size: none;
  block-size: 100%;
  block-size: 100dvh;
  max-block-size: none;
  margin: 0;
  padding: 0;
  border: 0;
  overflow: hidden;
  background: transparent;
  color: var(--mdav-menu-text, #111827);
  font-family: var(--mdav-menu-font-family, inherit);
  font-size: var(--mdav-menu-font-size, 16px);
  line-height: 1.5;
  z-index: var(--mdav-menu-z-index, 2000);
}

dialog.mdav-menu[open] {
  display: block;
}

.mdav-menu::backdrop {
  background: var(--mdav-menu-backdrop, rgba(15, 23, 42, .55));
}

.mdav-menu .mdav-menu-shell {
  display: flex;
  flex-direction: column;
  inline-size: 100%;
  block-size: 100%;
  max-block-size: 100%;
  overflow: hidden;
  border: var(--mdav-menu-border-width, 0px) solid var(--mdav-menu-border-color, #e2e6ec);
  border-radius: var(--mdav-menu-radius, 0px);
  background: var(--mdav-menu-bg, #fff);
  box-shadow: var(--mdav-menu-shadow, 0 20px 70px rgba(15, 23, 42, .16));
  animation: mdav-menu-reveal var(--mdav-menu-duration, 220ms) cubic-bezier(.2, .7, .2, 1) both;
}

.mdav-menu .mdav-menu-topbar {
  display: flex;
  flex: 0 0 auto;
  align-items: flex-start;
  justify-content: space-between;
  gap: 20px;
  inline-size: 100%;
  max-inline-size: var(--mdav-menu-max-width, 1160px);
  margin-inline: auto;
  padding-block: calc(var(--mdav-menu-padding, 20px) + env(safe-area-inset-top, 0px)) var(--mdav-menu-padding, 20px);
  padding-inline: max(var(--mdav-menu-padding, 20px), env(safe-area-inset-left, 0px)) max(var(--mdav-menu-padding, 20px), env(safe-area-inset-right, 0px));
  border-block-end: 1px solid var(--mdav-menu-border-color, #e2e6ec);
}

.mdav-menu .mdav-menu-brand {
  display: flex;
  flex: 1 1 auto;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  min-inline-size: 0;
  max-block-size: 65dvh;
  overflow: auto;
}

.mdav-menu .mdav-menu-brand-copy {
  flex: 1 1 12ch;
  min-inline-size: min(100%, 12ch);
}

.mdav-menu .mdav-menu-eyebrow {
  margin: 0 0 6px;
  color: var(--mdav-menu-muted, #64748b);
  font-size: 11px;
  font-weight: 650;
  line-height: 1.4;
  letter-spacing: .09em;
  text-transform: uppercase;
}

.mdav-menu [data-mdav-menu-title] {
  margin: 0;
  color: inherit;
  font: inherit;
  font-size: clamp(22px, 4vw, 32px);
  font-weight: 700;
  line-height: 1.15;
  letter-spacing: -.025em;
  overflow-wrap: anywhere;
}

.mdav-menu .mdav-menu-subtitle {
  margin-block-start: 6px;
  color: var(--mdav-menu-muted, #64748b);
  font-size: 13px;
  line-height: 1.5;
  overflow-wrap: anywhere;
}

.mdav-menu .mdav-menu-logo {
  display: block;
  flex: 0 1 auto;
  inline-size: auto;
  block-size: var(--mdav-menu-logo-height, 40px);
  max-inline-size: min(100%, var(--mdav-menu-logo-max-width, 180px));
  object-fit: contain;
  object-position: left center;
}

.mdav-menu [data-mdav-menu-close] {
  background: var(--mdav-tile-bg, #f4f6fa);
  color: var(--mdav-menu-text, #111827);
}

.mdav-menu [data-mdav-menu-close] > span {
  font-size: 28px;
  font-weight: 400;
  line-height: 1;
}

.mdav-menu .mdav-menu-body {
  flex: 1 1 auto;
  min-block-size: 0;
  inline-size: 100%;
  max-inline-size: var(--mdav-menu-max-width, 1160px);
  margin-inline: auto;
  padding-block: var(--mdav-menu-padding, 20px) calc(var(--mdav-menu-padding, 20px) + env(safe-area-inset-bottom, 0px));
  padding-inline: max(var(--mdav-menu-padding, 20px), env(safe-area-inset-left, 0px)) max(var(--mdav-menu-padding, 20px), env(safe-area-inset-right, 0px));
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-gutter: stable;
  -webkit-overflow-scrolling: touch;
}

.mdav-menu .mdav-menu-grid {
  display: grid;
  grid-template-columns: repeat(var(--mdav-menu-columns-phone, 2), minmax(0, 1fr));
  gap: var(--mdav-menu-gap, 12px);
  align-items: stretch;
}

.mdav-menu .mdav-menu-secondary {
  display: grid;
  grid-template-columns: repeat(var(--mdav-menu-columns-phone, 2), minmax(0, 1fr));
  gap: max(8px, calc(var(--mdav-menu-gap, 12px) / 2));
  margin-block-start: 24px;
  padding-block-start: 20px;
  border-block-start: 1px solid var(--mdav-menu-border-color, #e2e6ec);
}

.mdav-menu .mdav-menu-secondary:empty {
  display: none;
}

.mdav-menu .mdav-tile.et_pb_module {
  margin: 0;
}

.mdav-menu .mdav-tile {
  display: flex;
  min-inline-size: 0;
}

.mdav-menu .mdav-tile[data-span="wide"] {
  grid-column: 1 / -1;
}

.mdav-menu .mdav-tile[data-region="secondary"] {
  order: 2;
}

.mdav-menu .mdav-tile-link {
  position: relative;
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
  min-block-size: max(44px, var(--mdav-tile-min-height, 128px));
  min-inline-size: 0;
  padding: var(--mdav-tile-padding, 18px);
  border: var(--mdav-tile-border-width, 1px) solid var(--mdav-tile-border-color, #e2e6ec);
  border-radius: var(--mdav-tile-radius, 18px);
  background: var(--mdav-tile-bg, #f7f8fb);
  color: var(--mdav-tile-text, #111827);
  text-decoration: none;
  font: inherit;
  line-height: 1.5;
  transition: background-color 180ms ease, border-color 180ms ease, color 180ms ease, transform 180ms ease;
  overflow-wrap: anywhere;
  -webkit-tap-highlight-color: transparent;
}

.mdav-menu a.mdav-tile-link {
  cursor: pointer;
}

.mdav-menu .mdav-tile-icon {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  inline-size: max(36px, calc(var(--mdav-tile-icon-size, 24px) + 16px));
  block-size: max(36px, calc(var(--mdav-tile-icon-size, 24px) + 16px));
  padding: 8px;
  border-radius: 12px;
  background: var(--mdav-tile-icon-bg, rgba(15, 23, 42, .04));
  color: var(--mdav-tile-icon-color, currentColor);
  font-size: var(--mdav-tile-icon-size, 24px);
  line-height: 1;
}

.mdav-menu .mdav-tile-icon svg,
.mdav-menu .mdav-tile-icon img {
  display: block;
  inline-size: 100%;
  block-size: 100%;
  object-fit: contain;
}

.mdav-menu .mdav-tile-icon .et-pb-icon {
  font-size: inherit;
  line-height: 1;
}

.mdav-menu .mdav-tile-icon > span:not(.et-pb-icon) {
  display: contents;
}

.mdav-menu .mdav-tile-title {
  display: block;
  margin: 0;
  color: inherit;
  font: inherit;
  font-size: var(--mdav-tile-title-size, 18px);
  font-weight: var(--mdav-tile-title-weight, 650);
  line-height: 1.2;
  letter-spacing: -.015em;
}

.mdav-menu .mdav-tile-copy {
  display: block;
  min-inline-size: 0;
  inline-size: 100%;
}

.mdav-menu .mdav-tile-description {
  display: block;
  margin: 6px 0 0;
  color: var(--mdav-tile-muted, #64748b);
  font-size: var(--mdav-tile-description-size, 13px);
  line-height: 1.5;
}

.mdav-menu .mdav-menu-empty {
  grid-column: 1 / -1;
  margin: 0;
  padding: 20px;
  color: var(--mdav-menu-muted, #64748b);
}

.mdav-menu .mdav-tile-icon:empty,
.mdav-menu .mdav-tile-description:empty {
  display: none;
}

.mdav-menu .mdav-tile-badge,
.mdav-menu .mdav-tile .mdav-badge {
  position: absolute;
  inset-block-start: 12px;
  inset-inline-end: 12px;
  max-inline-size: 55%;
  padding: 3px 7px;
  border-radius: 999px;
  background: var(--mdav-badge-bg, #2457c5);
  color: var(--mdav-badge-text, #fff);
  font-size: 10px;
  font-weight: 700;
  line-height: 1.4;
  overflow-wrap: anywhere;
}

.mdav-menu .mdav-tile[data-badge-position="left"] .mdav-badge {
  inset-inline-start: 12px;
  inset-inline-end: auto;
}

.mdav-menu .mdav-tile[data-badge-position="left"] .mdav-tile-link:has(.mdav-badge) {
  padding-block-start: calc(var(--mdav-tile-padding, 18px) + 24px);
}

.mdav-menu .mdav-tile[data-region="secondary"] .mdav-tile-link {
  flex-direction: row;
  align-items: center;
  min-block-size: 52px;
  padding: 12px;
  border-color: transparent;
  background: transparent;
}

.mdav-menu .mdav-tile[data-region="secondary"] .mdav-tile-title {
  font-size: max(13px, calc(var(--mdav-tile-title-size, 18px) - 4px));
  font-weight: 500;
}

.mdav-menu .mdav-tile[data-region="secondary"] .mdav-tile-description,
.mdav-menu .mdav-tile[data-region="secondary"] .mdav-tile-icon {
  display: none;
}

.mdav-menu .mdav-tile.is-active .mdav-tile-link {
  border-color: var(--mdav-menu-accent, #2457c5);
  background: var(--mdav-tile-active-bg, #eef3ff);
  color: var(--mdav-tile-active-text, #2457c5);
}

.mdav-menu .mdav-tile[data-appearance="highlight"] .mdav-tile-link {
  border-color: transparent;
  background: var(--mdav-tile-highlight-bg, #2457c5);
  color: var(--mdav-tile-highlight-text, #fff);
}

.mdav-menu .mdav-tile[data-appearance="highlight"] .mdav-tile-description,
.mdav-menu .mdav-tile[data-appearance="highlight"] .mdav-tile-icon {
  color: var(--mdav-tile-highlight-text, #fff);
}

.mdav-menu .mdav-tile[data-appearance="highlight"] .mdav-tile-icon {
  background: transparent;
  background: color-mix(in srgb, currentColor 10%, transparent);
}

@media (hover: hover) and (pointer: fine) {
  .mdav-menu a.mdav-tile-link:hover {
    border-color: var(--mdav-menu-accent, #2457c5);
    background: var(--mdav-tile-hover-bg, #eef1f7);
    color: var(--mdav-tile-hover-text, #111827);
  }

  .mdav-menu .mdav-tile[data-appearance="highlight"] a.mdav-tile-link:hover {
    background: var(--mdav-tile-highlight-bg, #2457c5);
    color: var(--mdav-tile-highlight-text, #fff);
    filter: brightness(1.06);
  }

  .mdav-nav button.mdav-link.mdav-menu-trigger:hover {
    background: var(--mdav-hover-bg, rgba(15, 23, 42, .05));
    color: var(--mdav-hover-text, #111827);
  }
}

.mdav-header a:focus-visible,
.mdav-header .mdav-menu-trigger:focus-visible,
.mdav-menu [data-mdav-menu-close]:focus-visible,
.mdav-menu a.mdav-tile-link:focus-visible,
.mdav-nav button.mdav-link.mdav-menu-trigger:focus-visible {
  outline: 3px solid var(--mdav-tile-focus, var(--mdav-focus, #2457c5));
  outline-offset: 3px;
}

.mdav-nav button.mdav-link.mdav-menu-trigger:focus-visible {
  outline-offset: -3px;
}

.mdav-menu[data-mode="drawer"] {
  inset: 0 0 0 auto;
  inline-size: min(92vw, var(--mdav-menu-drawer-width, 440px));
}

.mdav-menu[data-mode="drawer"][data-side="left"] {
  inset-inline: 0 auto;
}

.mdav-menu[data-mode="drawer"] .mdav-menu-shell {
  animation-name: mdav-drawer-right;
}

.mdav-menu[data-mode="drawer"][data-side="left"] .mdav-menu-shell {
  animation-name: mdav-drawer-left;
}

.mdav-menu[data-mode="panel"],
.mdav-menu[data-mode="sheet"] {
  block-size: auto;
  max-block-size: var(--mdav-menu-panel-max-height, 85dvh);
}

.mdav-menu[data-mode="panel"] {
  inset: 0 0 auto;
}

.mdav-menu[data-mode="sheet"] {
  inset: auto 0 0;
  max-block-size: min(90dvh, var(--mdav-menu-panel-max-height, 90dvh));
}

.mdav-menu[data-mode="panel"] .mdav-menu-shell,
.mdav-menu[data-mode="sheet"] .mdav-menu-shell {
  block-size: auto;
  max-block-size: inherit;
}

.mdav-menu[data-mode="panel"] .mdav-menu-shell {
  border-radius: 0 0 var(--mdav-menu-radius, 24px) var(--mdav-menu-radius, 24px);
  animation-name: mdav-panel-top;
}

.mdav-menu[data-mode="sheet"] .mdav-menu-shell {
  border-radius: var(--mdav-menu-radius, 24px) var(--mdav-menu-radius, 24px) 0 0;
  animation-name: mdav-sheet-bottom;
}

@supports ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  .mdav-header[data-glass="on"]:not([data-variant="floating-left"]):not([data-variant="floating-right"]),
  .mdav-menu[data-glass="on"] .mdav-menu-shell {
    -webkit-backdrop-filter: blur(var(--mdav-menu-glass-blur, 18px)) saturate(var(--mdav-menu-glass-saturation, 140%));
    backdrop-filter: blur(var(--mdav-menu-glass-blur, 18px)) saturate(var(--mdav-menu-glass-saturation, 140%));
  }
}

/* Only owned lock classes alter layout; existing inline styles remain untouched. */
html.mdav-scroll-locked {
  overflow: hidden !important;
  scroll-behavior: auto !important;
}

body.mdav-scroll-locked {
  position: fixed !important;
  top: var(--mdav-lock-top, 0px) !important;
  left: var(--mdav-lock-left, 0px) !important;
  right: auto !important;
  bottom: auto !important;
  width: var(--mdav-lock-width, 100%) !important;
  box-sizing: border-box !important;
  padding-right: var(--mdav-lock-padding-right, 0px) !important;
  overflow: hidden !important;
}

@media (max-width: 359px) {
  .mdav-menu .mdav-menu-grid,
  .mdav-menu .mdav-menu-secondary {
    grid-template-columns: repeat(var(--mdav-menu-columns-small, 1), minmax(0, 1fr));
  }
}

@media (min-width: 768px) {
  .mdav-menu .mdav-menu-grid,
  .mdav-menu .mdav-menu-secondary {
    grid-template-columns: repeat(var(--mdav-menu-columns-tablet, 3), minmax(0, 1fr));
  }
}

@media (min-width: 981px) {
  .mdav-menu .mdav-menu-grid,
  .mdav-menu .mdav-menu-secondary {
    grid-template-columns: repeat(var(--mdav-menu-columns-desktop, 4), minmax(0, 1fr));
  }
}

@media (max-width: 767px) {
  .mdav-header[data-phone="off"] { display: none; }
}

@media (min-width: 768px) and (max-width: 980px) {
  .mdav-header[data-tablet="off"] { display: none; }
}

@media (min-width: 981px) {
  .mdav-header:not([data-desktop="on"]) { display: none; }
}

/* Divi preview uses an ordinary div. It never enters the native modal top layer. */
.mdav-builder-menu-slot[data-mdav-builder] {
  display: block;
  inline-size: 100%;
  min-inline-size: 0;
  text-align: start;
}

.mdav-builder-menu-slot[data-mdav-builder]:empty {
  display: none;
}

.mdav-menu[data-mdav-menu-preview="on"] {
  display: block;
  position: relative;
  inset: auto;
  inline-size: 100%;
  block-size: auto;
  max-block-size: none;
  margin-block-start: 16px;
  z-index: auto;
  text-align: start;
}

.mdav-menu[data-mdav-menu-preview="on"] .mdav-menu-shell {
  block-size: auto;
  max-block-size: none;
  animation: none;
}

.mdav-menu[data-mdav-menu-preview="on"] .mdav-menu-body {
  overflow: visible;
}

.mdav-menu[data-mdav-menu-preview="off"] { display: none; }

[data-mdav-builder] .mdav-header,
.mdav-header[data-mdav-builder],
.et-fb .mdav-header,
.et-fb-root-ancestor .mdav-header {
  position: relative !important;
  inset: auto !important;
  display: block;
}

@keyframes mdav-menu-reveal {
  from { opacity: 0; transform: translateY(10px); }
  to { opacity: 1; transform: translateY(0); }
}

@keyframes mdav-drawer-right {
  from { opacity: .5; transform: translateX(24px); }
  to { opacity: 1; transform: translateX(0); }
}

@keyframes mdav-drawer-left {
  from { opacity: .5; transform: translateX(-24px); }
  to { opacity: 1; transform: translateX(0); }
}

@keyframes mdav-panel-top {
  from { opacity: .5; transform: translateY(-20px); }
  to { opacity: 1; transform: translateY(0); }
}

@keyframes mdav-sheet-bottom {
  from { opacity: .5; transform: translateY(24px); }
  to { opacity: 1; transform: translateY(0); }
}

@media (prefers-reduced-motion: reduce) {
  .mdav-menu .mdav-menu-shell { animation: none !important; }
  .mdav-menu .mdav-tile-link { transition: none; }
}