@charset "utf-8";
@import (optional, reference) "var.less";
/*Graphic*/
._graphic {
  --_break:var(--_sz-space);
  box-sizing: border-box;
  .v3-trans-all(var(--_dur-1));
  position: relative;
  display: flex;
  ._graphic-body {
    flex: auto;
    width: 0;
    position: relative;
  }
  &:has([rep=posters]) {
    flex-direction: column;
    ._graphic-body {
      width: auto;
    }
  }
  .v3-listText();
  [rep=poster] {
    height: 9.6rem;
    aspect-ratio: 4/3;
    overflow: hidden;
    border-radius: @radius;
    .poster;
    ax-badge,ax-buoy {
      position: absolute;
      left: var(--_sz-space);
      top: var(--_sz-space);
    }
    img {
      .posterImg;
      &[src=""] {
        display: none;
      }
    }
    &:has(img[src=""]):before {
      content: "issue";
      font-family: var(--_ff-icon);
    }
  }
  [rep=type] {
    color: var(--_c-ignore);
    font-size: var(--_sz-ignore);
    height: var(--_sz-font);
    line-height: var(--_sz-font);
    position: absolute;
    left: 0;
    bottom: calc(-1*var(--_sz-font));
  }
  [rep=poster]:nth-child(1) {
    margin-right: var(--_m);
  }
  ._graphic-body~[rep=poster] {
    margin-left: var(--_m);
  }
  [rep=posters]:nth-child(1) {
    margin-bottom: var(--_break);
  }
  ._graphic-body~[rep=posters] {
    margin-top: var(--_break);
  }
  [rep=posters] ._grid>* {
    border-radius: @radius;
  }
}
