@layer components {
  .priority-list {
    max-inline-size: var(--measure);
    margin-block-start: var(--space-7);
    margin-inline: auto;
    padding-inline: var(--gutter-fluid);
  }

  .priority-list .item-row--leaving {
    overflow: clip;
    interpolate-size: allow-keywords;
    animation: priority-list-leave var(--dur-celebrate) var(--ease-exit) var(--dur-slow) both;
  }

  @keyframes priority-list-leave {
    to {
      opacity: var(--opacity-none);
      block-size: var(--space-0);
      padding-block: var(--space-0);
      margin-block: var(--space-0);
    }
  }
}
