a: {
  k.t -> f.i
  f.g -> _.s.n
}
k
k.s <-> u.o
h.m.s -> a.f.g

a.f.j -> u.s.j
u: {
  c -> _.s.z.c
}

s: {
  n: {
    style.stroke: red
    f
  }
}

s.n -> y.r: {style.stroke-width: 8; style.stroke: red}
y.r -> a.g.i: 1\n2\n3\n4

s.n.class: icon
a.f.i: {
  label: i\nii
  class: OutsideTopCenter
}
u.s.j.class: OutsideBottomCenter
u.s: {
  label: s\ns\ns\ns
  class: OutsideBottomCenter
}
a.f.j.class: [icon; IconOutsideLeftTop]
u.c: {
  label: cccccccccccccccccccc
  class: OutsideRightMiddle
}

classes: {
  icon: {
    icon: https://icons.terrastruct.com/essentials/time.svg
  }

  OutsideTopLeft.label.near: outside-top-left
  OutsideTopCenter.label.near: outside-top-center
  OutsideTopRight.label.near: outside-top-right

  OutsideLeftTop.label.near: outside-left-top
  OutsideLeftMiddle.label.near: outside-left-center
  OutsideLeftBottom.label.near: outside-left-bottom

  OutsideRightTop.label.near: outside-right-top
  OutsideRightMiddle.label.near: outside-right-center
  OutsideRightBottom.label.near: outside-right-bottom

  OutsideBottomLeft.label.near: outside-bottom-left
  OutsideBottomCenter.label.near: outside-bottom-center
  OutsideBottomRight.label.near: outside-bottom-right

  InsideTopLeft.label.near: top-left
  InsideTopCenter.label.near: top-center
  InsideTopRight.label.near: top-right

  InsideMiddleLeft.label.near: center-left
  InsideMiddleCenter.label.near: center-center
  InsideMiddleRight.label.near: center-right

  InsideBottomLeft.label.near: bottom-left
  InsideBottomCenter.label.near: bottom-center
  InsideBottomRight.label.near: bottom-right

  # Icon positions
  IconOutsideTopLeft.icon.near: outside-top-left
  IconOutsideTopCenter.icon.near: outside-top-center
  IconOutsideTopRight.icon.near: outside-top-right

  IconOutsideLeftTop.icon.near: outside-left-top
  IconOutsideLeftMiddle.icon.near: outside-left-center
  IconOutsideLeftBottom.icon.near: outside-left-bottom

  IconOutsideRightTop.icon.near: outside-right-top
  IconOutsideRightMiddle.icon.near: outside-right-center
  IconOutsideRightBottom.icon.near: outside-right-bottom

  IconOutsideBottomLeft.icon.near: outside-bottom-left
  IconOutsideBottomCenter.icon.near: outside-bottom-center
  IconOutsideBottomRight.icon.near: outside-bottom-right

  IconInsideTopLeft.icon.near: top-left
  IconInsideTopCenter.icon.near: top-center
  IconInsideTopRight.icon.near: top-right

  IconInsideMiddleLeft.icon.near: center-left
  IconInsideMiddleCenter.icon.near: center-center
  IconInsideMiddleRight.icon.near: center-right

  IconInsideBottomLeft.icon.near: bottom-left
  IconInsideBottomCenter.icon.near: bottom-center
  IconInsideBottomRight.icon.near: bottom-right
}
