.crel-image-guide__container {
  display: flex; }
  .crel-image-guide__container.crel-layout-img-right {
    flex-direction: row-reverse; }
  .crel-image-guide__container.crel-layout-img-top {
    flex-direction: column; }
  .crel-image-guide__container.crel-layout-img-below {
    flex-direction: column-reverse; }
  .crel-image-guide__container .crel-image-guide__image {
    box-sizing: border-box; }
    .crel-image-guide__container .crel-image-guide__image .crel-image-guide__image-spots {
      position: relative;
      display: inline-block; }
      .crel-image-guide__container .crel-image-guide__image .crel-image-guide__image-spots .crel-image-guide__spot {
        position: absolute;
        transition: 0.2s;
        text-align: center;
        cursor: pointer; }
  .crel-image-guide__container .crel-image-guide__text {
    box-sizing: border-box; }
    .crel-image-guide__container .crel-image-guide__text.crel-description-top {
      display: flex;
      flex-direction: column-reverse; }
    .crel-image-guide__container .crel-image-guide__text .crel-spots__list-wrap {
      margin-left: 0;
      list-style: none; }
      .crel-image-guide__container .crel-image-guide__text .crel-spots__list-wrap li {
        margin-left: 0;
        display: flex; }
        .crel-image-guide__container .crel-image-guide__text .crel-spots__list-wrap li .crel-image-guide__list-icon {
          text-align: center; }
  .crel-image-guide__container.crel-image-guide--lower-alpha .crel-image-guide-number-icon:before {
    content: "" counters(hotspotListItem,".",lower-alpha); }
  .crel-image-guide__container.crel-image-guide--upper-alpha .crel-image-guide-number-icon:before {
    content: "" counters(hotspotListItem,".",upper-alpha); }
  .crel-image-guide__container.crel-image-guide--decimal .crel-image-guide-number-icon:before {
    content: "" counters(hotspotListItem,".",decimal); }
  .crel-image-guide__container.crel-image-guide--decimal-leading-zero .crel-image-guide-number-icon:before {
    content: "" counters(hotspotListItem,".",decimal-leading-zero); }
  .crel-image-guide__container.crel-image-guide--lower-roman .crel-image-guide-number-icon:before {
    content: "" counters(hotspotListItem,".",lower-roman); }
  .crel-image-guide__container.crel-image-guide--lower-greek .crel-image-guide-number-icon:before {
    content: "" counters(hotspotListItem,".",lower-greek); }
  .crel-image-guide__container.crel-image-guide--armenian .crel-image-guide-number-icon:before {
    content: "" counters(hotspotListItem,".",armenian); }
  .crel-image-guide__container.crel-image-guide--georgian .crel-image-guide-number-icon:before {
    content: "" counters(hotspotListItem,".",georgian); }
  .crel-image-guide__container.crel-image-guide--lower-alpha .crel-spots__list-wrap, .crel-image-guide__container.crel-image-guide--lower-alpha .crel-image-guide__image-spots, .crel-image-guide__container.crel-image-guide--upper-alpha .crel-spots__list-wrap, .crel-image-guide__container.crel-image-guide--upper-alpha .crel-image-guide__image-spots, .crel-image-guide__container.crel-image-guide--decimal .crel-spots__list-wrap, .crel-image-guide__container.crel-image-guide--decimal .crel-image-guide__image-spots, .crel-image-guide__container.crel-image-guide--decimal-leading-zero .crel-spots__list-wrap, .crel-image-guide__container.crel-image-guide--decimal-leading-zero .crel-image-guide__image-spots, .crel-image-guide__container.crel-image-guide--lower-roman .crel-spots__list-wrap, .crel-image-guide__container.crel-image-guide--lower-roman .crel-image-guide__image-spots, .crel-image-guide__container.crel-image-guide--lower-greek .crel-spots__list-wrap, .crel-image-guide__container.crel-image-guide--lower-greek .crel-image-guide__image-spots, .crel-image-guide__container.crel-image-guide--armenian .crel-spots__list-wrap, .crel-image-guide__container.crel-image-guide--armenian .crel-image-guide__image-spots, .crel-image-guide__container.crel-image-guide--georgian .crel-spots__list-wrap, .crel-image-guide__container.crel-image-guide--georgian .crel-image-guide__image-spots {
    counter-reset: hotspotListItem; }
    .crel-image-guide__container.crel-image-guide--lower-alpha .crel-spots__list-wrap .crel-image-guide-number-icon, .crel-image-guide__container.crel-image-guide--lower-alpha .crel-image-guide__image-spots .crel-image-guide-number-icon, .crel-image-guide__container.crel-image-guide--upper-alpha .crel-spots__list-wrap .crel-image-guide-number-icon, .crel-image-guide__container.crel-image-guide--upper-alpha .crel-image-guide__image-spots .crel-image-guide-number-icon, .crel-image-guide__container.crel-image-guide--decimal .crel-spots__list-wrap .crel-image-guide-number-icon, .crel-image-guide__container.crel-image-guide--decimal .crel-image-guide__image-spots .crel-image-guide-number-icon, .crel-image-guide__container.crel-image-guide--decimal-leading-zero .crel-spots__list-wrap .crel-image-guide-number-icon, .crel-image-guide__container.crel-image-guide--decimal-leading-zero .crel-image-guide__image-spots .crel-image-guide-number-icon, .crel-image-guide__container.crel-image-guide--lower-roman .crel-spots__list-wrap .crel-image-guide-number-icon, .crel-image-guide__container.crel-image-guide--lower-roman .crel-image-guide__image-spots .crel-image-guide-number-icon, .crel-image-guide__container.crel-image-guide--lower-greek .crel-spots__list-wrap .crel-image-guide-number-icon, .crel-image-guide__container.crel-image-guide--lower-greek .crel-image-guide__image-spots .crel-image-guide-number-icon, .crel-image-guide__container.crel-image-guide--armenian .crel-spots__list-wrap .crel-image-guide-number-icon, .crel-image-guide__container.crel-image-guide--armenian .crel-image-guide__image-spots .crel-image-guide-number-icon, .crel-image-guide__container.crel-image-guide--georgian .crel-spots__list-wrap .crel-image-guide-number-icon, .crel-image-guide__container.crel-image-guide--georgian .crel-image-guide__image-spots .crel-image-guide-number-icon {
      font-style: normal; }
      .crel-image-guide__container.crel-image-guide--lower-alpha .crel-spots__list-wrap .crel-image-guide-number-icon:before, .crel-image-guide__container.crel-image-guide--lower-alpha .crel-image-guide__image-spots .crel-image-guide-number-icon:before, .crel-image-guide__container.crel-image-guide--upper-alpha .crel-spots__list-wrap .crel-image-guide-number-icon:before, .crel-image-guide__container.crel-image-guide--upper-alpha .crel-image-guide__image-spots .crel-image-guide-number-icon:before, .crel-image-guide__container.crel-image-guide--decimal .crel-spots__list-wrap .crel-image-guide-number-icon:before, .crel-image-guide__container.crel-image-guide--decimal .crel-image-guide__image-spots .crel-image-guide-number-icon:before, .crel-image-guide__container.crel-image-guide--decimal-leading-zero .crel-spots__list-wrap .crel-image-guide-number-icon:before, .crel-image-guide__container.crel-image-guide--decimal-leading-zero .crel-image-guide__image-spots .crel-image-guide-number-icon:before, .crel-image-guide__container.crel-image-guide--lower-roman .crel-spots__list-wrap .crel-image-guide-number-icon:before, .crel-image-guide__container.crel-image-guide--lower-roman .crel-image-guide__image-spots .crel-image-guide-number-icon:before, .crel-image-guide__container.crel-image-guide--lower-greek .crel-spots__list-wrap .crel-image-guide-number-icon:before, .crel-image-guide__container.crel-image-guide--lower-greek .crel-image-guide__image-spots .crel-image-guide-number-icon:before, .crel-image-guide__container.crel-image-guide--armenian .crel-spots__list-wrap .crel-image-guide-number-icon:before, .crel-image-guide__container.crel-image-guide--armenian .crel-image-guide__image-spots .crel-image-guide-number-icon:before, .crel-image-guide__container.crel-image-guide--georgian .crel-spots__list-wrap .crel-image-guide-number-icon:before, .crel-image-guide__container.crel-image-guide--georgian .crel-image-guide__image-spots .crel-image-guide-number-icon:before {
        counter-increment: hotspotListItem; }

/** TODO add RTL */