.dnd-section:has(.patroon){position:relative}.patroon{max-height:256px;max-width:236px;pointer-events:none;position:absolute;z-index:2;&.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:0;top:0}&.rechtsboven{right:0;top:0}&.linksonder{bottom:0;left:0}&.rechtsonder{bottom:0;right:0}@media (width <= 1840px){max-height:120px}@media (width <= 1400px){max-height:48px}@media (width <= 576px){max-height:32px}}.patroon.outside.linksboven,.patroon.outside.rechtsboven{transform:translateY(-50%)}.patroon.outside.linksonder,.patroon.outside.rechtsonder{transform:translateY(50%)}