.layout-fit-demo {
  display: flex;
  flex-direction: column;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;

  &-header {
    flex-grow: 0;
  }

  &-content {
    background-color: var(--sky-background-color-info-light);
    flex-grow: 1;
    position: relative;
  }
}

.anchored-item {
  position: absolute;
  padding: var(--sky-padding-even-md);

  &-left {
    left: 0;
    top: 50%;
  }

  &-top {
    top: 0;
    left: 50%;
  }

  &-right {
    top: 50%;
    right: 0;
  }

  &-bottom {
    bottom: 0;
    left: 50%;
  }

  &-center {
    top: 50%;
    left: 50%;
  }
}
