.svg-octagon{--octagon-size:14px;--octagon-padding:1rem;position:relative;display:inline-flex}.svg-octagon .octagon-shape{display:block}.svg-octagon.is-sized{width:var(--octagon-size);height:var(--octagon-size)}.svg-octagon.is-sized .octagon-shape{width:100%;height:100%}.svg-octagon.is-wrapper{align-items:center;justify-content:center;aspect-ratio:1}.svg-octagon.is-wrapper .octagon-shape{position:absolute;inset:0;width:100%;height:100%}.svg-octagon.is-wrapper .octagon-content{display:flex;align-items:center;justify-content:center;position:relative;z-index:1;padding:var(--octagon-padding)}