@layer components {
  .rs-action-bar {
    position: sticky;
    z-index: var(--rs-z-index-relative);
    inset-block-end: var(--rs-unit-x4);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--rs-unit-x3);
    inline-size: min(100%, 720px);
    margin-inline: auto;
    border: 1px solid var(--rs-color-border-neutral-faded);
    border-radius: var(--rs-radius-medium);
    padding: var(--rs-unit-x2);
    background: color-mix(
      in oklch,
      var(--rs-color-background-elevation-raised),
      transparent 4%
    );
    box-shadow: var(--rs-shadow-raised);
  }
}