@charset "utf-8";
@import (optional, reference) "var.less";
/*Bulletin*/
._bulletin {
  --_blt-h: var(--_sz-em-input);
  --_blt-lh: var(--_sz-em-brief);
  --_blt-pd: var(--_sz-em-font);
  --_blt-sz-legend: var(--_sz-em-list);
  --_blt-align-v: center;
  color: var(--_c-text);
  height: var(--_blt-h);
  line-height: var(--_blt-lh);
  display: flex;
  align-items: var(--_blt-align-v);
  box-sizing: border-box;
  .v3-trans-all(var(--_dur-1));
  position: relative;
  &:where(:not([paddingless])) {
    padding: 0 var(--_blt-pd);
  }
  ._bulletin-body {
    flex: auto;
    width: 0;
    display: flex;
    align-items: var(--_blt-align-v);
  }
  [rep=label] {
    color: inherit;
    max-width: 100%;
    .v3-trans-all(var(--_dur-1));
    flex: auto;
  }
  &:where(:not([multiline])) [rep=label] {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
  }
  &:where(:not([disabled], [active], [selected], [checked])) [rep=label]:hover,
  &:where(:not(:has([checked]))) [rep=label]:hover {
    color: var(--_c-prim);
  }
  [rep=rank] {
    font-size: var(--_sz-ignore);
    color: var(--_c-text-aj);
    background-color: var(--_c-stage);
    width: var(--_sz-brief);
    aspect-ratio: 1/1;
    line-height: var(--_sz-brief);
    margin-right: var(--_sz-space);
    border-radius: var(--_r);
    border: 1px solid var(--_c-text-bd);
    box-sizing: border-box;
    .v3-flex-center(inline-flex);
    &:before {
      content: attr(data-value);
    }
    &[data-value="1"] {
      color: var(--_c-stage);
      background-color: var(--_c-error);
      border-color: var(--_c-error-dp);
    }
    &[data-value="2"] {
      color: var(--_c-stage);
      background-color: var(--_c-issue);
      border-color: var(--_c-issue-dp);
    }
    &[data-value="3"] {
      color: var(--_c-stage);
      background-color: var(--_c-prim);
      border-color: var(--_c-prim-dp);
    }
  }
  [rep=arrow],
  [rep=tips] {
    font-size: var(--_sz-font);
    color: var(--_c-ignore);
    margin-left: var(--_sz-space);
  }
  AX-BADGE {
    margin-left: var(--_sz-space);
  }
  [rep=arrow][class*='_icon-'] {
    font-size: var(--_sz-ignore);
    color: var(--_c-ignore);
  }
  [rep=icon] {
    width: var(--_sz-brief);
    margin-right: var(--_sz-space);
    text-align: center;
  }
  [rep=check] {
    font-size: var(--_sz-ignore);
    font-family: var(--_ff-icon);
    margin-left: var(--_sz-space);
    &:before {
      content: 'check';
    }
  }
  [rep=disk],
  [rep=cube] {
    width: var(--_blt-sz-legend);
    aspect-ratio: 1/1;
    margin-right: var(--_sz-space);
    .v3-flex-center(inline-flex);
    color: var(--_c-ignore);
    .poster;
    img {
      .posterImg;
      &[src=""] {
        display: none;
      }
    }
    &:has(img[src=""]):before {
      content: "issue";
      font-family: var(--_ff-icon);
    }
  }
  [rep=disk] {
    border-radius: 100%;
  }
  [rep=cube] {
    border-radius: var(--_r);
  }
  &:has(input:checked) {
    color: var(--_c-prim);
  }
  ._bulletin-body AX-CHECKBOX,
  ._bulletin-body AX-RADIO {
    width: 100%;
    [rep=wrap] {
      width: 100%;
    }
    i {
      margin-right: 0;
      flex: auto;
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden;
    }
  }
  &[selected]:where(:not([disabled])) {
    color: var(--_c-prim);
    [check] {
      color: var(--_c-prim);
    }
    a {
      color: var(--_c-prim);
    }
  }
  &[active]:where(:not([disabled])) {
    color: var(--_c-prim);
    background-color: var(--_c-prim-bg);
    [check] {
      color: var(--_c-prim);
    }
    a {
      color: var(--_c-prim);
    }
  }
  &:has([checked]):where(:not([disabled])),
  &[checked]:where(:not([disabled])) {
    color: var(--_c-prim);
    &:after {
      color: var(--_c-prim);
    }
  }
  &:has([checked]),
  &[checked]:after {
    content: 'check';
    font-family: var(--_ff-icon);
    font-size: var(--_sz-ignore);
    margin-left: var(--_sz-space);
  }
  &[disabled] {
    color: var(--_c-ignore);
    a {
      color: var(--_c-ignore);
    }
  }
  &[hoverable]:where(:not([active], [disabled])):hover {
    background-color: var(--_c-ignore-bg);
  }
  &[hoverable]:where([selected], [checked]):hover,
  &[hoverable]:has([checked]):hover {
    background-color: var(--_c-prim-bg);
  }
  &[multiline] {
    --_blt-h: auto;
    --_blt-sz-legend: calc(var(--_blt-lh)*2);
    --_blt-align-v: flex-start;
    margin-top: var(--_blt-pd);
    margin-bottom: var(--_blt-pd);
    ._bulletin-body {
      AX-CHECKBOX,
      AX-RADIO {
        --_input-h: var(--_blt-h);
        --_input-lh: var(--_blt-lh);
      }
      AX-CHECKBOX i,
      AX-RADIO i {
        text-overflow: initial;
        white-space: initial;
      }
      AX-CHECKBOX[type=chera],
      AX-RADIO[type=chera] {
        i {
          height: auto;
          line-height: var(--_input-lh);
          padding-top:var(--_sz-em-space);
          padding-bottom:var(--_sz-em-space);
        }
      }
    }
  }
}
