{#snippet segment(index: number, position: string, vertical: boolean, dot: boolean = false)}
{/snippet}
{#if pattern}
{@render segment(0, `left: ${segWidth * (1 + 2 * padding)}rem; top: 0;`, false)}
{@render segment(1, `right: 0; top: ${segWidth * (1 + (2 * padding) / aspectRatio)}rem;`, true)}
{@render segment(
2,
`bottom: ${segWidth * (1 + (2 * padding) / aspectRatio)}rem; right: 0;`,
true
)}
{@render segment(3, `bottom: 0; left: ${segWidth * (1 + 2 * padding)}rem;`, false)}
{@render segment(
4,
`bottom: ${segWidth * (1 + (2 * padding) / aspectRatio)}rem; left: 0;`,
true
)}
{@render segment(5, `left: 0; top: ${segWidth * (1 + (2 * padding) / aspectRatio)}rem;`, true)}
{@render segment(
6,
`left: ${segWidth * (1 + 2 * padding)}rem; top: 50%; margin-top: -${segWidth / 2}rem;`,
false
)}
{#if decimal}
{@render segment(7, `bottom: 0; right: -${segWidth / aspectRatio}rem;`, false, true)}
{/if}
{/if}