/* The scrolling-fallback layout (containing-block promotion, clipping, and
   no padding) is provided by the shared `.scroll-fallback` class in demo.css. */

#my-anchor-try-tactics-combined {
  anchor-name: --my-anchor-try-tactics-combined;
  top: 5em;
  position: relative;
}

#my-target-try-tactics-combined {
  position: absolute;
  position-anchor: --my-anchor-try-tactics-combined;
  bottom: anchor(top);
  left: anchor(right);
  position-try:
    flip-block flip-inline,
    flip-inline --bottom-left-combined;
}

@position-try --bottom-left-combined {
  top: anchor(bottom);
  left: anchor(left);
  bottom: revert;
}