@define-mixin layout-wrapper {
  @mixin mx auto;
  @mixin px var(--layout-page-margin);

  width: 100%;
  max-width: var(--layout-max-width);

  @media screen and (--bp-desktop) {
    @mixin px var(--scape-0);
  }
}

@define-mixin position $position: absolute, $inset-values {
  position: $position;
  inset: $inset-values;
}
