/*START:___article___*/
@use "../../vendors/bootstrap" as *;
@use "../../abstracts/mixins" as *;
@use "../../components/buttons" as *;

.article {

  .label-wrapper {
    top: var(--article-item-padding, 16px);
    left: var(--article-item-padding, 16px);
    display: flex;
    place-items: center;
    gap: var(--ev-space-xs, 1rem);


    &>* {
      background: rgba(var(--ev-light-rgb), 85%);
      padding: var(--ev-space-3xs-2xs, 4px 8px);
      border-radius: var(--ev-btn-border-radius, var(--ev-border-radius));
      font-size: var(--ev-step--2);
      font-weight: calc(var(--ev-text-font-weight, 400) + 100);
      line-height: 1;
    }

    .label-danger {
      background-color: var(--ev-article-etiquette-bg, var(--ev-danger));
      color: var(--ev-article-etiquette-color, var(--ev-light));
    }
  }

  #svgArticleNotFound path:nth-child(2) {
    fill: var(--ev-primary, var(--ev-dark));
  }
}

#app_article_type .article__placeholder-filter {
  border-radius: 100vmax;
  height: 35px;
  flex-grow: 0;
  width: 110px;
}

@include media-breakpoint-up(lg) {
  .intro__body .article__criteria {
    display: none;
  }
}

@include media-breakpoint-down(lg) {
  .article__container>.article__criteria {
    display: none;
  }
}