@layer seed-components {
  .seed-image-frame__root {
    border-radius: inherit;
    position: relative;
    overflow: hidden;
  }

  .seed-image-frame__content {
    object-fit: cover;
    border-radius: inherit;
    width: 100%;
    height: 100%;
    display: block;
  }

  .seed-image-frame__content:not([data-loading-state="loaded"]) {
    display: none;
  }

  .seed-image-frame__fallback {
    width: 100%;
    height: 100%;
  }

  .seed-image-frame__fallback[data-loading-state="loaded"] {
    display: none;
  }

  .seed-image-frame__root--stroke_true:after {
    content: "";
    pointer-events: none;
    border-radius: inherit;
    box-shadow: inset 0 0 0 1px var(--seed-color-stroke-neutral-subtle);
    position: absolute;
    inset: 0;
  }
}