@layer cavalree {
  :where(.c-content-sidebar) {
    --c-content-sidebar--gap: 0px;
    --c-content-sidebar--gap--column: var(--c-content-sidebar--gap);
    --c-content-sidebar--gap--row: var(--c-content-sidebar--gap);
    --c-content-sidebar--place: normal;
    --c-content-sidebar--place--block: var(--c-content-sidebar--place);
    --c-content-sidebar--size--content: 50%;
    --c-content-sidebar--size--sidebar: auto;

    --_c-content-sidebar--floor--content: 0px;
    --_c-content-sidebar--floor--sidebar: 0px;
    --_c-content-sidebar--grow--content: 1000;
    --_c-content-sidebar--grow--sidebar: 1;

    --_c-content-sidebar--flex-basis--1: var(--_c-content-sidebar--floor--content);
    --_c-content-sidebar--flex-basis--2: var(--c-content-sidebar--size--sidebar);
    --_c-content-sidebar--flex-grow--1: var(--_c-content-sidebar--grow--content);
    --_c-content-sidebar--flex-grow--2: var(--_c-content-sidebar--grow--sidebar);
    --_c-content-sidebar--min-inline-size--1: var(--c-content-sidebar--size--content);
    --_c-content-sidebar--min-inline-size--2: var(--_c-content-sidebar--floor--sidebar);
  }

  :where(.c-content-sidebar):where([data-first="sidebar"i]) {
    --_c-content-sidebar--flex-basis--1: var(--c-content-sidebar--size--sidebar);
    --_c-content-sidebar--flex-basis--2: var(--_c-content-sidebar--floor--content);
    --_c-content-sidebar--flex-grow--1: var(--_c-content-sidebar--grow--sidebar);
    --_c-content-sidebar--flex-grow--2: var(--_c-content-sidebar--grow--content);
    --_c-content-sidebar--min-inline-size--1: var(--_c-content-sidebar--floor--sidebar);
    --_c-content-sidebar--min-inline-size--2: var(--c-content-sidebar--size--content);
  }

  .c-content-sidebar {
    align-items: var(--c-content-sidebar--place--block);
    column-gap: var(--c-content-sidebar--gap--column);
    display: flex; /* TODO: and_chr >= 115, chrome >= 115, edge >= 115 */
    display: block flex;
    flex-wrap: wrap;
    row-gap: var(--c-content-sidebar--gap--row);
  }

  .c-content-sidebar_item:nth-child(1) {
    flex-basis: var(--_c-content-sidebar--flex-basis--1);
    flex-grow: var(--_c-content-sidebar--flex-grow--1);
    min-inline-size: var(--_c-content-sidebar--min-inline-size--1);
  }

  .c-content-sidebar_item:nth-child(2) {
    flex-basis: var(--_c-content-sidebar--flex-basis--2);
    flex-grow: var(--_c-content-sidebar--flex-grow--2);
    min-inline-size: var(--_c-content-sidebar--min-inline-size--2);
  }
}