@use './variables' as vars;
@use './mixins' as mix;

.template-footer__logo {
  @include mix.setBgImage(url(#{vars.$trm-tmpl-assets-base-url}/svg/pci-dss.svg), 113px, 42px);
}

.c-status {
  &--progress {
    .c-status__img {
      background-image: url(#{vars.$trm-tmpl-assets-base-url}/svg/status-wait.svg);
    }
  }

  &--failed {
    .c-status__img {
      background-image: url(#{vars.$trm-tmpl-assets-base-url}/svg/status-error.svg);
    }
  }

  &__img {

    @include mix.setBgImage(url(#{vars.$trm-tmpl-assets-base-url}/svg/status-success.svg), 56px, 56px);

  }
}

.date {
  &__toggle {
    &Icon {
      mask-image: url(#{vars.$trm-tmpl-assets-base-url}/svg/datepicker.svg);
    }
  }
}


.trm-select {
  &-value {
    &__arrow {
      mask-image: url(#{vars.$trm-tmpl-assets-base-url}/svg/arrow_down.svg);
    }
  }
}