:host .logo-container {
  width: 100%;
  display: flex;
  gap: 20px;
  align-items: center;
}:host .desktop-logo {
  display: none;
}:host .mobile-nav-icon {
  display: block;
  font-size: 32px;
}:host .mobile-overlay {
  position: fixed;
  top: 0;
  width: 100vw;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3);
  visibility: hidden;
  opacity: 0;
  transition: 0.3s all ease-in;
}:host .open + .mobile-overlay {
  visibility: visible;
  opacity: 1;
}:host .mya-btn {
  justify-content: center;
  align-items: center;
  position: relative;
  padding: 30px 0;
  margin: 0 20px;
  border-bottom: 3px solid transparent;
  transition: border-bottom 0.3s ease-in-out;
  display: none;
  white-space: nowrap;
  cursor: pointer;
  
  font-family: var(--font-button-tertiary-font-face);
  line-height: var(--font-button-tertiary-line-height);
  font-size: var(--font-button-tertiary-font-size);
  text-transform: var(--font-button-tertiary-text-case);
  letter-spacing: var(--font-button-tertiary-letter-spacing);
  font-weight: var(--font-button-tertiary-font-weight);
  -webkit-text-decoration: var(--font-button-tertiary-text-decoration);
          text-decoration: var(--font-button-tertiary-text-decoration);
  
}:host .mya-btn span,
:host .mya-btn i {
  transition: 0.2s all ease-in-out;
}:host .mya-btn span {
  visibility: hidden;
  opacity: 0;
  font-family: var(--navigation-link-font-family);
}:host .mya-btn i {
  position: absolute;
  opacity: 1;
  text-align: center;
  width: 100%;
  font-size: 32px;
}:host .mya-btn:hover {
  border-bottom: 3px solid var(--navigation-link-color);
}:host .mya-btn:hover span {
  visibility: visible;
  opacity: 1;
}:host .mya-btn:hover i {
  visibility: hidden;
  opacity: 0;
}:host ::slotted(momentum-link-button) {
  display: flex;
  white-space: nowrap;
  align-items: center;
}@media screen and (min-width: 1024px) {
  :host .logo-container {
    position: relative;
    width: auto;
  }
  :host .desktop-logo {
    display: block;
    width: var(--nav-dsk-sizing-logo-width);
    height: var(--nav-dsk-sizing-logo-height);
  }
  :host .mobile-logo {
    display: none;
  }
  :host .mobile-nav-icon {
    display: none;
  }
  :host .mya-btn {
    display: grid;
  }
}
.mobile-overlay { left: 0; }

.logo-container > a { display: flex; align-items: center; gap: 8px; text-decoration: none; }
.move-name { font-family: SourceSansProBold, sans-serif; font-size: 28px; line-height: 1; color: #ed4383; }
.move-by { flex-shrink: 0; font-family: SourceSansProRegular, sans-serif; font-size: 11px; line-height: 1; color: var(--nav-primary-link-onlight-dsk-default-color-text); }
.mobile-logo { width: 25px; height: 25px; }
@media screen and (min-width: 1024px) {
 .logo-container > a { width: var(--nav-dsk-sizing-logo-width); height: var(--nav-dsk-sizing-logo-height); }
 .move-name { font-size: 50px; letter-spacing: -2px; }
 .move-by { font-size: 14px; }
 .desktop-logo { width: 140px !important; height: 40px !important; object-fit: contain; object-position: left center; }
}