non container: {
  Default.class: icon

  OutsideTopLeft.class: [icon; OutsideTopLeft]
  OutsideTopCenter.class: [icon; OutsideTopCenter]
  OutsideTopRight.class: [icon; OutsideTopRight]

  OutsideLeftTop.class: [icon; OutsideLeftTop]
  OutsideLeftMiddle.class: [icon; OutsideLeftMiddle]
  OutsideLeftBottom.class: [icon; OutsideLeftBottom]

  OutsideRightTop.class: [icon; OutsideRightTop]
  OutsideRightMiddle.class: [icon; OutsideRightMiddle]
  OutsideRightBottom.class: [icon; OutsideRightBottom]

  OutsideBottomLeft.class: [icon; OutsideBottomLeft]
  OutsideBottomCenter.class: [icon; OutsideBottomCenter]
  OutsideBottomRight.class: [icon; OutsideBottomRight]

  InsideTopLeft.class: [icon; InsideTopLeft]
  InsideTopCenter.class: [icon; InsideTopCenter]
  InsideTopRight.class: [icon; InsideTopRight]

  InsideMiddleLeft.class: [icon; InsideMiddleLeft]
  InsideMiddleCenter.class: [icon; InsideMiddleCenter]
  InsideMiddleRight.class: [icon; InsideMiddleRight]

  InsideBottomLeft.class: [icon; InsideBottomLeft]
  InsideBottomCenter.class: [icon; InsideBottomCenter]
  InsideBottomRight.class: [icon; InsideBottomRight]
}

container: {
  Default.class: icon
  Default.Default

  OutsideTopLeft.class: [icon; OutsideTopLeft]
  OutsideTopCenter.class: [icon; OutsideTopCenter]
  OutsideTopRight.class: [icon; OutsideTopRight]

  OutsideLeftTop.class: [icon; OutsideLeftTop]
  OutsideLeftMiddle.class: [icon; OutsideLeftMiddle]
  OutsideLeftBottom.class: [icon; OutsideLeftBottom]

  OutsideRightTop.class: [icon; OutsideRightTop]
  OutsideRightMiddle.class: [icon; OutsideRightMiddle]
  OutsideRightBottom.class: [icon; OutsideRightBottom]

  OutsideBottomLeft.class: [icon; OutsideBottomLeft]
  OutsideBottomCenter.class: [icon; OutsideBottomCenter]
  OutsideBottomRight.class: [icon; OutsideBottomRight]

  InsideTopLeft.class: [icon; InsideTopLeft]
  InsideTopCenter.class: [icon; InsideTopCenter]
  InsideTopRight.class: [icon; InsideTopRight]

  InsideMiddleLeft.class: [icon; InsideMiddleLeft]
  InsideMiddleCenter.class: [icon; InsideMiddleCenter]
  InsideMiddleRight.class: [icon; InsideMiddleRight]

  InsideBottomLeft.class: [icon; InsideBottomLeft]
  InsideBottomCenter.class: [icon; InsideBottomCenter]
  InsideBottomRight.class: [icon; InsideBottomRight]

  OutsideTopLeft.OutsideTopLeft
  OutsideTopCenter.OutsideTopCenter
  OutsideTopRight.OutsideTopRight

  OutsideLeftTop.OutsideLeftTop
  OutsideLeftMiddle.OutsideLeftMiddle
  OutsideLeftBottom.OutsideLeftBottom

  OutsideRightTop.OutsideRightTop
  OutsideRightMiddle.OutsideRightMiddle
  OutsideRightBottom.OutsideRightBottom

  OutsideBottomLeft.OutsideBottomLeft
  OutsideBottomCenter.OutsideBottomCenter
  OutsideBottomRight.OutsideBottomRight

  InsideTopLeft.InsideTopLeft
  InsideTopCenter.InsideTopCenter
  InsideTopRight.InsideTopRight

  InsideMiddleLeft.InsideMiddleLeft
  InsideMiddleCenter.InsideMiddleCenter
  InsideMiddleRight.InsideMiddleRight

  InsideBottomLeft.InsideBottomLeft
  InsideBottomCenter.InsideBottomCenter
  InsideBottomRight.InsideBottomRight
}

image: {
  Default.class: [icon; image]

  OutsideTopLeft.class: [icon; image; OutsideTopLeft]
  OutsideTopCenter.class: [icon; image; OutsideTopCenter]
  OutsideTopRight.class: [icon; image; OutsideTopRight]

  OutsideLeftTop.class: [icon; image; OutsideLeftTop]
  OutsideLeftMiddle.class: [icon; image; OutsideLeftMiddle]
  OutsideLeftBottom.class: [icon; image; OutsideLeftBottom]

  OutsideRightTop.class: [icon; image; OutsideRightTop]
  OutsideRightMiddle.class: [icon; image; OutsideRightMiddle]
  OutsideRightBottom.class: [icon; image; OutsideRightBottom]

  OutsideBottomLeft.class: [icon; image; OutsideBottomLeft]
  OutsideBottomCenter.class: [icon; image; OutsideBottomCenter]
  OutsideBottomRight.class: [icon; image; OutsideBottomRight]

  InsideTopLeft.class: [icon; image; InsideTopLeft]
  InsideTopCenter.class: [icon; image; InsideTopCenter]
  InsideTopRight.class: [icon; image; InsideTopRight]

  InsideMiddleLeft.class: [icon; image; InsideMiddleLeft]
  InsideMiddleCenter.class: [icon; image; InsideMiddleCenter]
  InsideMiddleRight.class: [icon; image; InsideMiddleRight]

  InsideBottomLeft.class: [icon; image; InsideBottomLeft]
  InsideBottomCenter.class: [icon; image; InsideBottomCenter]
  InsideBottomRight.class: [icon; image; InsideBottomRight]
}

non container -> container -> image

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

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

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

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

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

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

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

  InsideBottomLeft.icon.near: bottom-left
  InsideBottomCenter.icon.near: bottom-center
  InsideBottomRight.icon.near: bottom-right
}
