body[data-main-invitation] .hero-name-divider {
  display:flex;
  align-items:center;
  height:24px;
  position:absolute;
  left:50%;
  z-index:4;
  max-width:calc(100% - 48px);
  transform:translate(-50%,-50%);
  pointer-events:none;
}
body.invitation-closed .hero-name-divider{visibility:hidden}
.hero-name-divider[hidden]{display:none}

.hero-divider-wing {
  flex:1;
  min-width:0;
  height:var(--divider-stroke,1px);
  background:currentColor;
  clip-path:polygon(0 50%,100% 0,100% 100%);
}
.hero-divider-wing:last-child {transform:scaleX(-1)}
.hero-divider-jewel {
  display:block;
  flex:0 1 36px;
  width:36px;
  min-width:0;
  height:24px;
  overflow:visible;
  stroke:currentColor;
  stroke-width:var(--divider-stroke,1px);
  stroke-linejoin:round;
}
.hero-divider-jewel circle,.hero-divider-inner {fill:currentColor;stroke:none}