@layer shell-r6;
/* JUCAT r6: paint only. Product styles own the box model and active states. */
:root {
  --r6-avatar-radius: 8px;
  --r6-signout: #ff8888;
}
:root[data-theme="light"], [data-theme="light"] {
  --r6-signout: #b12329;
}
:is(#accountMenuName, [data-action="visual-account"], .a19-staff-account,
    .a19-operator-account) img,
:is(#accountMenuAvatar, #accountMenuAvatarPlaceholder, .a19-staff-avatar,
    .a19-operator-identity img, .r6-avatar) {
  aspect-ratio: 1;
  object-fit: cover;
  border-radius: var(--r6-avatar-radius) !important;
}
:is(#signOutBtn, .a19-operator-logout, .a19-staff-logout),
:is(#signOutBtn, .a19-operator-logout, .a19-staff-logout) :is(span, small, svg) {
  color: var(--r6-signout) !important;
}
:is(.j-drawer-language, .a19-operator-language, .a19-staff-language-host,
    .a19-minimal-language) button[aria-pressed] {
  background: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
  color: inherit;
  font-weight: 400 !important;
}
:is(.j-drawer-language, .a19-operator-language, .a19-staff-language-host,
    .a19-minimal-language) button[aria-pressed="true"] {
  font-weight: 700 !important;
}
@media (hover: hover) {
  :is(.r6-shell-action, #jAccountDrawer nav a, .a19-staff-item,
      .a19-operator-account-link):not(:disabled):hover {
    text-decoration: none;
    text-shadow: .32px 0 currentColor, -.32px 0 currentColor;
  }
  :is(.r6-shell-action, #jAccountDrawer nav a, .a19-staff-item,
      .a19-operator-account-link):hover svg[stroke]:not([stroke="none"]) {
    stroke-width: 2.2;
  }
}