@import './mixins/build-appearing';
@import './mixins/cat';
@import './mixins/buy';

.animated {
  .street_63 {
    @include catMixin;

    #buildings {
      #building_1 {
        @include buildApppearingMixin;
        transform-origin: 6340px 6470px;
        animation-delay: 3.5s;
      }

      #building_2 {
        @include buildApppearingMixin;
        transform-origin: 5650px 6470px;
        animation-delay: 3s;
      }

      #building_3_1_ {
        @include buildApppearingMixin;
        transform-origin: 4660px 6470px;
        animation-delay: 4.2s;
      }

      #building_4 {
        @include buildApppearingMixin;
        transform-origin: 3487px 6470px;
        animation-delay: 4s;
      }

      #building_5 {
        @include buildApppearingMixin;
        transform-origin: 2537px 6470px;
        animation-delay: 3.2s;
      }

      #building_6 {
        @include buildApppearingMixin;
        transform-origin: 1707px 6470px;
        animation-delay: 4.5s;
      }
    }
  }

  &.star-5 {
    use.d-none.use-cat {
      display: block;
    }
  }
}

@include buildApppearingAnimationMixin;

@include buyMixin;
