.dnd-section:has(.patroon){position:relative}.patroon{max-height:756px;max-width:756px;pointer-events:none;position:absolute;&.outside{height:calc(var(--so-group-spacing)*2);max-height:calc(var(--so-group-spacing)*2);@media (width <= 1828px){max-height:var(--so-group-spacing)}@media (width <= 1312px){max-height:var(--so-group-spacing)}@media (width <= 576px){max-height:var(--so-group-spacing)}}&.linksboven{left:16px;top:16px}&.rechtsboven{right:16px;top:16px}&.linksonder{bottom:128px;left:-128px}&.rechtsonder{bottom:16px;right:16px}&.linkscentraal{left:16px;top:50%;transform:translateY(-50%)}&.centraal{left:50%;top:50%;transform:translate(-50%,-50%)}&.rechtscentraal{right:16px;top:50%;transform:translateY(-50%)}@media (width <= 1840px){max-height:380px}@media (width <= 1400px){max-height:240px}@media (width <= 576px){max-height:160px}}.patroon.outside.linksboven,.patroon.outside.rechtsboven{transform:translateY(-50%)}.patroon.outside.linksonder,.patroon.outside.rechtsonder{transform:translateY(50%)}