@scope(div.sjse-spacing-component){:scope{position:relative;--sjse-spacing-size: var(--sjse-spacing-default, 1rem);margin-block-end:var(--sjse-spacing-size);&[data-debug]:before{display:flex;position:absolute;flex-flow:column;justify-content:center;padding-inline-start:calc(50% + .75rem);inset:0 0 calc(var(--sjse-spacing-size) * -1) 0;content:attr(data-debug);text-box:trim-both cap alphabetic;text-align:left;color:var(--sjse-color-text-primary);font:var(--sjse-typography-caption-2);background-color:rgb(from var(--sjse-color-fill-varning) r g b / .2)}&[data-debug=default]:before{content:"Default";background-color:rgb(from var(--sjse-color-fill-himmel-1) r g b / .2)}&[data-debug=extra]:before{content:"Extra";background-color:rgb(from var(--sjse-color-fill-raps) r g b / .2)}&[data-debug]:after{display:block;position:absolute;justify-content:center;inset-inline-start:calc(50% - .5rem);inset-block:0 calc(var(--sjse-spacing-size) * -1);width:15px;content:"";background:linear-gradient(to right,transparent 7px,var(--sjse-color-text-primary) 7px,var(--sjse-color-text-primary) 8px,transparent 8px,transparent),linear-gradient(to bottom,var(--sjse-color-text-primary) 1px,transparent 1px,transparent calc(var(--sjse-spacing-size) - 1px),var(--sjse-color-text-primary))}}}