/* Native topic art: the SVG is decorative; the surrounding control supplies its label. */
.bgn-topic-art{display:block;flex:none;inline-size:var(--bgn-topic-size,100%);max-inline-size:100%;block-size:auto;aspect-ratio:1;overflow:visible;pointer-events:none}
.bgn-topic-art .bgn-topic-motif,.bgn-topic-art .bgn-topic-spark{transform-box:view-box;transform-origin:60px 68px}
.category-artwork>.bgn-topic-art{position:relative;inline-size:100%;block-size:100%}
@media(prefers-reduced-motion:no-preference){
  :where(button,a):focus-visible .bgn-topic-art .bgn-topic-motif{animation:bgn-topic-hello .42s ease-out 1 both}
  :where(button,a):focus-visible .bgn-topic-art .bgn-topic-spark{animation:bgn-topic-glint .42s ease-out 1 both}
  @media(hover:hover){
    :where(button,a):hover .bgn-topic-art .bgn-topic-motif{animation:bgn-topic-hello .42s ease-out 1 both}
    :where(button,a):hover .bgn-topic-art .bgn-topic-spark{animation:bgn-topic-glint .42s ease-out 1 both}
  }
}
@keyframes bgn-topic-hello{0%{transform:translateY(0) rotate(0)}45%{transform:translateY(-3px) rotate(-2deg)}75%{transform:translateY(-1px) rotate(1deg)}100%{transform:translateY(0) rotate(0)}}
@keyframes bgn-topic-glint{0%,100%{opacity:.8;transform:scale(1)}45%{opacity:1;transform:scale(1.1)}}
@media(prefers-reduced-motion:reduce){.bgn-topic-art,.bgn-topic-art *{animation:none!important;transition:none!important}}