/* Transparent mascot assets retain the existing size, position and layout. */
@layer oko-interaction-contrast {
  body.oko-preview .oko-mascot-art {
    mix-blend-mode: normal !important;
    background: transparent !important;
  }

  body.oko-preview #wa .oko-wa-launch[aria-expanded="false"],
  body.oko-preview #wa .oko-wa-launch[aria-expanded="false"]:hover,
  body.oko-preview #wa .oko-wa-launch[aria-expanded="false"]:focus-visible {
    background-color: transparent !important;
    box-shadow: none !important;
  }

  body.oko-preview #wa .oko-wa-launch[aria-expanded="false"]::before,
  body.oko-preview #wa .oko-wa-launch[aria-expanded="false"]:hover::before,
  body.oko-preview #wa .oko-wa-launch[aria-expanded="false"]:focus-visible::before {
    background-color: transparent !important;
    background-image: url('/assets/20261010-transparent-mascots/oko-mascot-avatar.png') !important;
    border-radius: 0 !important;
  }

  body.oko-preview #wa .oko-wa-avatar {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    border-radius: 0 !important;
  }
}