/* mx-gift-button v1 */
html:not(#mxgr1):not(#mxgr2):not(#mxgr3):not(#mxgr4) body .wm-gift {
  --mxgr-gold: #ffd426;
  --mxgr-surface: #ffffff;
  --mxgr-ink: #172036;
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 46px !important;
  width: 46px !important;
  min-width: 46px !important;
  height: 46px !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: visible !important;
  border: 1px solid color-mix(in srgb, var(--mxgr-gold) 60%, transparent) !important;
  border-radius: 14px !important;
  background: color-mix(in srgb, var(--mxgr-gold) 12%, var(--mxgr-surface)) !important;
  color: var(--mxgr-ink) !important;
  box-shadow: 0 3px 0 color-mix(in srgb, var(--mxgr-gold) 35%, transparent) !important;
  animation: none !important;
  transform: none !important;
  cursor: pointer !important;
  -webkit-tap-highlight-color: transparent;
  transition: background .18s ease, box-shadow .18s ease !important;
}
html:not(#mxgr1):not(#mxgr2):not(#mxgr3):not(#mxgr4) body:not(.light-theme) .wm-gift { --mxgr-surface: #1c2233; }
html:not(#mxgr1):not(#mxgr2):not(#mxgr3):not(#mxgr4) body .wm-gift::before, html:not(#mxgr1):not(#mxgr2):not(#mxgr3):not(#mxgr4) body .wm-gift::after { display: none !important; content: none !important; }
html:not(#mxgr1):not(#mxgr2):not(#mxgr3):not(#mxgr4) body .wm-gift .mx-gift__image {
  display: block !important;
  width: 43px !important;
  height: 43px !important;
  max-width: none !important;
  object-fit: contain !important;
  pointer-events: none;
  transition: transform .18s ease;
}
html:not(#mxgr1):not(#mxgr2):not(#mxgr3):not(#mxgr4) body .wm-gift .wm-gift__badge {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  position: absolute !important;
  top: -5px !important;
  right: -5px !important;
  bottom: auto !important;
  left: auto !important;
  width: 19px !important;
  min-width: 19px !important;
  height: 19px !important;
  padding: 0 !important;
  border: 2px solid var(--mxgr-surface) !important;
  border-radius: 50% !important;
  background: var(--mxgr-gold) !important;
  color: var(--mxgr-ink) !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  box-shadow: none !important;
  animation: none !important;
}
html:not(#mxgr1):not(#mxgr2):not(#mxgr3):not(#mxgr4) body .wm-gift .wm-gift__badge i {
  position: static !important;
  display: block !important;
  width: auto !important;
  height: auto !important;
  font-size: 14px !important;
  line-height: 1 !important;
  color: var(--mxgr-ink) !important;
  animation: none !important;
  transform: none !important;
}
html:not(#mxgr1):not(#mxgr2):not(#mxgr3):not(#mxgr4) body .wm-gift--on {
  background: color-mix(in srgb, var(--mxgr-gold) 30%, var(--mxgr-surface)) !important;
  box-shadow: 0 0 0 2px var(--mxgr-gold) !important;
}
html:not(#mxgr1):not(#mxgr2):not(#mxgr3):not(#mxgr4) body .wm-gift:focus-visible { outline: 3px solid var(--mxgr-gold) !important; outline-offset: 4px !important; }
html:not(#mxgr1):not(#mxgr2):not(#mxgr3):not(#mxgr4) body .wm-gift:active .mx-gift__image { transform: scale(.94); }
@media (hover: hover) and (pointer: fine) {
  html:not(#mxgr1):not(#mxgr2):not(#mxgr3):not(#mxgr4) body .wm-gift:hover .mx-gift__image { transform: translateY(-2px) rotate(-5deg); }
}
@media (prefers-reduced-motion: reduce) {
  html:not(#mxgr1):not(#mxgr2):not(#mxgr3):not(#mxgr4) body .wm-gift, html:not(#mxgr1):not(#mxgr2):not(#mxgr3):not(#mxgr4) body .wm-gift .mx-gift__image { transition: none !important; }
  html:not(#mxgr1):not(#mxgr2):not(#mxgr3):not(#mxgr4) body .wm-gift:hover .mx-gift__image, html:not(#mxgr1):not(#mxgr2):not(#mxgr3):not(#mxgr4) body .wm-gift:active .mx-gift__image { transform: none !important; }
}