[data-page] {
  width: 59rem;
  max-width: 100%;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: .5rem;
  padding: .5rem 0;
  opacity: 0;
  transition: opacity 120ms, translate 120ms;
  pointer-events: none;
  translate: 0 -.5rem; }
  [data-page].fade-in {
    opacity: 1;
    pointer-events: unset;
    translate: 0 0; }
  [data-page] > .title {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: center;
    box-sizing: border-box;
    padding: 1rem 0 0;
    gap: 1rem;
    position: relative; }
    [data-page] > .title > *:nth-child(2) {
      display: flex;
      gap: .5rem;
      position: absolute;
      right: 0;
      top: 1rem; }
    [data-page] > .title > *:nth-child(3) {
      display: flex; }
      [data-page] > .title > *:nth-child(3) > * {
        flex: 1; }
  [data-page] > .content:has(.list) {
    background-color: var(--item__background-color); }

[data-page="build"] {
  padding-bottom: 3rem; }
  [data-page="build"] > .linux-info {
    padding-block: .5rem 0;
    text-align: center; }
  [data-page="build"] > .buttons {
    display: flex;
    gap: .5rem;
    justify-content: center; }