@scope(div.sjse-spacing-component){:scope{--sjse-spacing-size:var(--sjse-spacing-default,1rem);margin-block-end:var(--sjse-spacing-size);position:relative}:scope[data-debug]:before{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);flex-flow:column;justify-content:center;padding-inline-start:calc(50% + .75rem);display:flex;position:absolute}:scope[data-debug=default]:before{content:"Default";background-color:rgb(from var(--sjse-color-fill-himmel-1) r g b / .2)}:scope[data-debug=extra]:before{content:"Extra";background-color:rgb(from var(--sjse-color-fill-raps) r g b / .2)}:scope[data-debug]:after{inset-inline-start:calc(50% - .5rem);inset-block:0 calc(var(--sjse-spacing-size) * -1);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));justify-content:center;width:15px;display:block;position:absolute}}