.bon-badge-visual.svelte-1ij0fyr{width:var(--badge-size,40px);height:var(--badge-size,40px);vertical-align:middle;isolation:isolate;flex-shrink:0;display:inline-flex;position:relative}.bon-badge-visual__base.svelte-1ij0fyr,.bon-badge-visual__mask.svelte-1ij0fyr,.bon-badge-visual__effect.svelte-1ij0fyr{pointer-events:none;display:block;position:absolute;inset:0}.bon-badge-visual__base.svelte-1ij0fyr{filter:hue-rotate(var(--badge-hue,0deg));z-index:1}.bon-badge-visual--has-base-tint.svelte-1ij0fyr .bon-badge-visual__base:where(.svelte-1ij0fyr){filter:none}.bon-badge-visual__tint-fill.svelte-1ij0fyr{position:absolute;inset:0;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.bon-badge-visual__mask.svelte-1ij0fyr{z-index:2}.bon-badge-visual--legacy-mask.svelte-1ij0fyr .bon-badge-visual__mask:where(.svelte-1ij0fyr){transform:scale(var(--badge-mask-scale,1));transform-origin:50%}.bon-badge-visual.svelte-1ij0fyr:not(.bon-badge-visual--legacy-mask) .bon-badge-visual__emblem-layer:where(.svelte-1ij0fyr){transform-origin:0 0}.bon-badge-visual__emblem-layer--active.svelte-1ij0fyr{outline:1px dashed color-mix(in srgb, var(--accent,#2ec4b6) 65%, transparent);outline-offset:-1px}.bon-badge-visual--has-emblem-tint.svelte-1ij0fyr .bon-badge-visual__mask:where(.svelte-1ij0fyr){opacity:1}.bon-badge-visual--has-mask.svelte-1ij0fyr:not(.bon-badge-visual--has-emblem-tint) .bon-badge-visual__mask:where(.svelte-1ij0fyr){opacity:.95}.bon-badge-visual__effect.svelte-1ij0fyr{z-index:12;pointer-events:none;overflow:hidden}.bon-badge-visual__img.svelte-1ij0fyr{object-fit:contain;width:100%;height:100%;display:block}.bon-badge-visual--shimmer.svelte-1ij0fyr .bon-badge-visual__effect:where(.svelte-1ij0fyr):after{content:"";background:linear-gradient(115deg,#0000 35%,#ffffff8c 50%,#0000 65%);animation:2.4s ease-in-out infinite svelte-1ij0fyr-bon-badge-shimmer;position:absolute;inset:-40%}.bon-badge-visual--pulse.svelte-1ij0fyr{animation:1.8s ease-in-out infinite svelte-1ij0fyr-bon-badge-pulse}.bon-badge-visual--glow.svelte-1ij0fyr .bon-badge-visual__effect:where(.svelte-1ij0fyr):after{content:"";background:radial-gradient(circle, color-mix(in srgb, var(--accent,#2ec4b6) 55%, transparent) 0%, transparent 68%);animation:2.4s ease-in-out infinite svelte-1ij0fyr-bon-badge-glow;position:absolute;inset:-18%}.bon-badge-visual--sparkle.svelte-1ij0fyr .bon-badge-visual__effect:where(.svelte-1ij0fyr):after{content:"";background:radial-gradient(circle at 22% 24%,#fff 0%,#0000 3%),radial-gradient(circle at 72% 30%,#fff 0%,#0000 2.5%),radial-gradient(circle at 58% 68%,#fff 0%,#0000 3%),radial-gradient(circle at 28% 72%,#fff 0%,#0000 2%);animation:2.6s ease-in-out infinite svelte-1ij0fyr-bon-badge-sparkle;position:absolute;inset:0}.bon-badge-visual--breathe.svelte-1ij0fyr .bon-badge-visual__effect:where(.svelte-1ij0fyr):after{content:"";background:radial-gradient(circle at 32% 28%,#ffffff6b,#0000 58%);animation:3.4s ease-in-out infinite svelte-1ij0fyr-bon-badge-breathe;position:absolute;inset:0}.bon-badge-visual--ripple.svelte-1ij0fyr .bon-badge-visual__effect:where(.svelte-1ij0fyr):before,.bon-badge-visual--ripple.svelte-1ij0fyr .bon-badge-visual__effect:where(.svelte-1ij0fyr):after{content:"";opacity:0;border:2px solid #ffffff8c;animation:2.8s ease-out infinite svelte-1ij0fyr-bon-badge-ripple;position:absolute;inset:8%}.bon-badge-visual--ripple.svelte-1ij0fyr .bon-badge-visual__effect:where(.svelte-1ij0fyr):after{animation-delay:1.1s}@keyframes svelte-1ij0fyr-bon-badge-shimmer{0%{transform:translate(-30%)translateY(-10%)}to{transform:translate(30%)translateY(10%)}}@keyframes svelte-1ij0fyr-bon-badge-pulse{0%,to{filter:brightness();transform:scale(1)}50%{filter:brightness(1.08);transform:scale(1.04)}}@keyframes svelte-1ij0fyr-bon-badge-glow{0%,to{opacity:.45;transform:scale(.94)}50%{opacity:.95;transform:scale(1.06)}}@keyframes svelte-1ij0fyr-bon-badge-sparkle{0%,to{opacity:.15}40%{opacity:.95}70%{opacity:.35}}@keyframes svelte-1ij0fyr-bon-badge-breathe{0%,to{opacity:.25;transform:scale(.98)}50%{opacity:.75;transform:scale(1.02)}}@keyframes svelte-1ij0fyr-bon-badge-ripple{0%{opacity:.65;transform:scale(.55)}to{opacity:0;transform:scale(1.2)}}@media (prefers-reduced-motion:reduce){.bon-badge-visual--shimmer.svelte-1ij0fyr .bon-badge-visual__effect:where(.svelte-1ij0fyr):after{opacity:0;animation:none}.bon-badge-visual--pulse.svelte-1ij0fyr{filter:none;animation:none;transform:none}.bon-badge-visual--glow.svelte-1ij0fyr .bon-badge-visual__effect:where(.svelte-1ij0fyr):after,.bon-badge-visual--sparkle.svelte-1ij0fyr .bon-badge-visual__effect:where(.svelte-1ij0fyr):after,.bon-badge-visual--breathe.svelte-1ij0fyr .bon-badge-visual__effect:where(.svelte-1ij0fyr):after,.bon-badge-visual--ripple.svelte-1ij0fyr .bon-badge-visual__effect:where(.svelte-1ij0fyr):before,.bon-badge-visual--ripple.svelte-1ij0fyr .bon-badge-visual__effect:where(.svelte-1ij0fyr):after{opacity:0;animation:none}}