@import "variables";
@import "functions";
@import "mixins";

.knk-track-knok {
  @include knk-track-knok;
}

.knk-track-knok-item {
  @include knk-track-knok-item;
}

.knk-track-knok-purchase {
  @include knk-track-knok-purchase;

  &__record {
    small {
      font-size: 50%;
    }

    small > small {
      font-size: 80%;
    }

    small span {
      color: #979797;
    }
  }
}

ng-svg-icon.knk-track-knok-purchase__coins svg {
  max-width: 17px;
  max-height: 17px;
  width: auto;
  height: auto;
  @include theming {
    fill: theme-get('color-font');
  }
  fill-rule: evenodd;
  clip-rule: evenodd;
  fill-opacity: 0.5;
}

.knk-track-knok-user {
  @include knk-track-knok-user;
}

.knk-track-knok-expansion {
  @include knk-track-knok-expansion;
}

.knk-track-knok-tag-list {
  @include knk-track-knok-tag-list;
}

.knk-track-knok-article {
  @include knk-track-knok-article;
}

.knk-track-knok-history {
  @include knk-track-knok-history;
}

.knk-track-knok-image-card {
  @include knk-track-knok-image-card;
}

.knk-track-knok-cover {
  position: relative;

  &__close {
    position: absolute;
    top: 0;
    right: 0;
    transform: translate(-100%, 100%);
  }
}