/* Owner-drawn circle arrangement, resting on the existing photographic field. */
.hero-emblem-button{position:absolute;z-index:3;margin:0;padding:0;border:0;background:transparent;display:block;cursor:pointer;border-radius:50%;touch-action:manipulation}
.hero-emblem-button[hidden]{display:none}
.hero-emblem-button>svg{display:block;width:100%;height:100%;overflow:visible;pointer-events:none}
.hero-emblem-button:focus-visible{outline:1px solid var(--hero-rule);outline-offset:-12px}
/* Inherit through SVG <use>; ancestor selectors cannot reach its cloned artwork. */
.hero-stage.is-emblem-enhanced{--hero-fallback-visibility:hidden}
.hero-emblem-fallback{visibility:var(--hero-fallback-visibility,visible)}
/* Keep normalized drawing dashes in SVG space; non-scaling-stroke leaves a gap at larger sizes. */
.hero-emblem-ring{fill:none;stroke-width:calc(1.05px / var(--hero-emblem-scale,1));stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:0;opacity:.86;transform-box:view-box;transform-origin:183.5px 182px}
.hero-emblem-mark{transform-box:view-box;transform-origin:183.5px 182px}
.hero-emblem-button.is-arriving .hero-emblem-ring{transform-origin:var(--circle-center-x) var(--circle-center-y);animation:hero-circle-expand var(--circle-duration,1.4s) cubic-bezier(.22,.68,.22,1) var(--circle-delay) both,hero-circle-draw var(--circle-duration,1.4s) linear var(--circle-draw-delay,0s) both}
.hero-emblem-button.is-arriving .hero-emblem-mark{animation:hero-mark-arrive .95s ease-out both}
.hero-emblem-button.is-energized .hero-emblem-ring{animation:hero-circle-energy 1.05s ease-in-out var(--circle-energy-delay) both}
/* Draw at a steady pace, so expansion easing cannot rush the opposing strokes. */
@keyframes hero-circle-expand{0%{opacity:.28;transform:translate(var(--circle-start-x),var(--circle-start-y)) scale(.22)}24%{opacity:.75}100%{opacity:.86;transform:translate(0,0) scale(1)}}
@keyframes hero-circle-draw{from{stroke-dashoffset:var(--circle-draw-from,1)}to{stroke-dashoffset:0}}
@keyframes hero-mark-arrive{0%{opacity:.65;transform:scale(.96)}100%{opacity:1;transform:none}}
@keyframes hero-circle-energy{0%,100%{opacity:.86;transform:none}50%{opacity:1;transform:scale(1.035)}}
@media(prefers-reduced-motion:reduce){.hero-emblem-ring,.hero-emblem-mark{animation:none!important;transform:none!important;stroke-dashoffset:0!important}}
@media(forced-colors:active){.hero-emblem-ring{stroke:CanvasText}.hero-emblem-button:focus-visible{outline-color:Highlight}}