.figure {
  inline-size: fit-content;
  margin: 16px auto;

  &__caption {
    block-size: auto;
    margin: auto;
    text-align: center;

    &--no-height {
      height: 0;
    }

    & .figcaption {
      &__caption {
        font-size: 0.9em;
        font-style: italic;
      }

      &__title {
        font-size: 0.95em;
        font-weight: bold;
      }

      &__attr {
        background-color: $dark;
        font-size: 0.7em;
        color: $light;
        inline-size: fit-content;
        inset-block-start: -2em;
        position: relative;
        padding: 0.2em 0.5em;
        opacity: 0.8;
        margin: 0 auto;
      }

      &__attr + .figcaption__caption {
        margin-block-start: -0.5em;
      }

      &__full-size-link {
        font-size: 0.6em;
        padding-inline-start: 1em;

        &::before {
          content: "[";
        }

        &::after {
          content: "]";
        }
      }
    }
  }
}