.mekko-column-directional>span:first-child{outline:2px dashed var(--foreground);outline-offset:-2px}.mekko-directional{position:relative}.mekko-directional:after{content:"";pointer-events:none;background:repeating-linear-gradient(135deg,#ffffff47 0 4px,#0000 4px 9px);position:absolute;inset:0}.mekko-swatch-directional{border:2px dashed var(--foreground);background:repeating-linear-gradient(135deg, var(--gray-03) 0 3px, transparent 3px 6px)}.mekko-cell:hover{filter:brightness(1.12)}