.svg-octagon{--octagon-size:14px;--octagon-padding:1rem;position:relative;display:inline-flex}.svg-octagon .shape{display:block}.svg-octagon.is-sized{width:var(--octagon-size);height:var(--octagon-size)}.svg-octagon.is-sized .shape{width:100%;height:100%}.svg-octagon.is-wrapper{align-items:center;justify-content:center;aspect-ratio:1}.svg-octagon.is-wrapper .shape{position:absolute;inset:0;width:100%;height:100%}.svg-octagon.is-wrapper .content{display:flex;align-items:center;justify-content:center;position:relative;z-index:1;padding:var(--octagon-padding)}.elem-meta-headline{display:flex;align-items:center}.elem-meta-headline.is-light .text-wrapper *{color:#e0dafd}.elem-meta-headline.is-white .octagon{color:#fff}.elem-meta-headline.is-white .text-wrapper *{color:#e0dafd}.elem-meta-headline.is-highlight .text-wrapper *{color:#783fff}.elem-meta-headline .text-wrapper{margin-left:.75rem}.elem-meta-headline .text-wrapper *{font-family:JetBrainsMono,monospace;font-size:12px;line-height:1;font-weight:500;text-transform:uppercase;color:#4c4a55}.elem-meta-headline .octagon{width:.875rem;flex:0 0 auto;color:#783fff}