.dads-image {
  margin: 0;
  width: fit-content;
}

.dads-image[data-full-width] {
  width: 100%;
}

.dads-image[data-full-width] .dads-image__img {
  width: 100%;
}

.dads-image__image-area {
  display: block;
}

.dads-image__image-area[data-bordered] {
  outline: 1px solid var(--color-neutral-solid-gray-420);
  outline-offset: -1px;
}

.dads-image__image-area:any-link {
  outline: none;
}

.dads-image__image-area:any-link:focus-visible {
  outline: 2px solid var(--color-focus, #0071e3);
  outline-offset: 3px;
}

.dads-image__img {
  display: block;
  max-width: 100%;
  height: auto;
  border-radius: var(--radius-lg, 16px);
}

.dads-image__caption {
  margin: calc(8 / 16 * 1rem) 0 0;
  contain: inline-size;
  padding: calc(8 / 16 * 1rem) calc(24 / 16 * 1rem);
  color: var(--color-neutral-solid-gray-900);
  font-family: var(--font-family-sans);
  font-weight: normal;
  font-size: calc(16 / 16 * 1rem);
  line-height: 1.7;
  letter-spacing: 0.02em;
}

.dads-image__caption[data-style="dashed"] {
  border: 1px dashed var(--color-neutral-solid-gray-700);
}

.dads-image__caption[data-style="solid"] {
  border: 1px solid var(--color-neutral-solid-gray-420);
}