/* docara-shell-source: runtime/utility/query-container/default/css/default.css */
@layer sf.utilities {
  .query-container {
    container-type: inline-size;
  }
  .query-container\/sidebar {
    container-type: inline-size;
    container-name: sidebar;
  }
}

/* docara-shell-source: runtime/utility/query-layout/default/css/default.css */
@layer sf.utilities {
  @container (min-width: 32rem) {
    .cq-sm\:block {
      display: block;
    }
    .cq-sm\:inline-block {
      display: inline-block;
    }
    .cq-sm\:flex {
      display: flex;
    }
    .cq-sm\:inline-flex {
      display: inline-flex;
    }
    .cq-sm\:grid {
      display: grid;
    }
    .cq-sm\:hidden {
      display: none;
    }
    .cq-sm\:flex-row {
      flex-direction: row;
    }
    .cq-sm\:flex-col {
      flex-direction: column;
    }
    .cq-sm\:flex-row-reverse {
      flex-direction: row-reverse;
    }
    .cq-sm\:flex-col-reverse {
      flex-direction: column-reverse;
    }
    .cq-sm\:flex-wrap {
      flex-wrap: wrap;
    }
    .cq-sm\:flex-wrap-reverse {
      flex-wrap: wrap-reverse;
    }
    .cq-sm\:flex-nowrap {
      flex-wrap: nowrap;
    }
    .cq-sm\:grid-col-1 {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
    .cq-sm\:grid-col-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .cq-sm\:grid-col-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .cq-sm\:grid-col-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
    .cq-sm\:grid-col-5 {
      grid-template-columns: repeat(5, minmax(0, 1fr));
    }
    .cq-sm\:grid-col-6 {
      grid-template-columns: repeat(6, minmax(0, 1fr));
    }
    .cq-sm\:grid-col-7 {
      grid-template-columns: repeat(7, minmax(0, 1fr));
    }
    .cq-sm\:grid-col-8 {
      grid-template-columns: repeat(8, minmax(0, 1fr));
    }
    .cq-sm\:grid-col-9 {
      grid-template-columns: repeat(9, minmax(0, 1fr));
    }
    .cq-sm\:grid-col-10 {
      grid-template-columns: repeat(10, minmax(0, 1fr));
    }
    .cq-sm\:grid-col-11 {
      grid-template-columns: repeat(11, minmax(0, 1fr));
    }
    .cq-sm\:grid-col-12 {
      grid-template-columns: repeat(12, minmax(0, 1fr));
    }
    .cq-sm\:grid-col-none {
      grid-template-columns: none;
    }
    .cq-sm\:grid-col-subgrid {
      grid-template-columns: subgrid;
    }
    .cq-sm\:content-main-start {
      justify-content: flex-start;
    }
    .cq-sm\:content-main-end {
      justify-content: flex-end;
    }
    .cq-sm\:content-main-center {
      justify-content: center;
    }
    .cq-sm\:content-main-between {
      justify-content: space-between;
    }
    .cq-sm\:content-main-around {
      justify-content: space-around;
    }
    .cq-sm\:content-main-evenly {
      justify-content: space-evenly;
    }
    .cq-sm\:items-cross-start {
      align-items: start;
    }
    .cq-sm\:items-cross-end {
      align-items: end;
    }
    .cq-sm\:items-cross-center {
      align-items: center;
    }
    .cq-sm\:items-cross-baseline {
      align-items: baseline;
    }
    .cq-sm\:items-cross-stretch {
      align-items: stretch;
    }
    .cq-sm\:gap-0 {
      gap: var(--sf-space-0);
    }
    .cq-sm\:gap-1\/4 {
      gap: var(--sf-space-1\/4);
    }
    .cq-sm\:gap-1\/3 {
      gap: var(--sf-space-1\/3);
    }
    .cq-sm\:gap-1\/2 {
      gap: var(--sf-space-1\/2);
    }
    .cq-sm\:gap-1 {
      gap: var(--sf-space-1);
    }
    .cq-sm\:gap-2 {
      gap: var(--sf-space-2);
    }
    .cq-sm\:gap-3 {
      gap: var(--sf-space-3);
    }
    .cq-sm\:gap-4 {
      gap: var(--sf-space-4);
    }
    .cq-sm\:gap-5 {
      gap: var(--sf-space-5);
    }
    .cq-sm\:gap-6 {
      gap: var(--sf-space-6);
    }
    .cq-sm\:gap-7 {
      gap: var(--sf-space-7);
    }
    .cq-sm\:gap-8 {
      gap: var(--sf-space-8);
    }
    .cq-sm\:row-gap-0 {
      row-gap: var(--sf-space-0);
    }
    .cq-sm\:col-gap-0 {
      -webkit-column-gap: var(--sf-space-0);
         -moz-column-gap: var(--sf-space-0);
              column-gap: var(--sf-space-0);
    }
    .cq-sm\:row-gap-1\/4 {
      row-gap: var(--sf-space-1\/4);
    }
    .cq-sm\:col-gap-1\/4 {
      -webkit-column-gap: var(--sf-space-1\/4);
         -moz-column-gap: var(--sf-space-1\/4);
              column-gap: var(--sf-space-1\/4);
    }
    .cq-sm\:row-gap-1\/3 {
      row-gap: var(--sf-space-1\/3);
    }
    .cq-sm\:col-gap-1\/3 {
      -webkit-column-gap: var(--sf-space-1\/3);
         -moz-column-gap: var(--sf-space-1\/3);
              column-gap: var(--sf-space-1\/3);
    }
    .cq-sm\:row-gap-1\/2 {
      row-gap: var(--sf-space-1\/2);
    }
    .cq-sm\:col-gap-1\/2 {
      -webkit-column-gap: var(--sf-space-1\/2);
         -moz-column-gap: var(--sf-space-1\/2);
              column-gap: var(--sf-space-1\/2);
    }
    .cq-sm\:row-gap-1 {
      row-gap: var(--sf-space-1);
    }
    .cq-sm\:col-gap-1 {
      -webkit-column-gap: var(--sf-space-1);
         -moz-column-gap: var(--sf-space-1);
              column-gap: var(--sf-space-1);
    }
    .cq-sm\:row-gap-2 {
      row-gap: var(--sf-space-2);
    }
    .cq-sm\:col-gap-2 {
      -webkit-column-gap: var(--sf-space-2);
         -moz-column-gap: var(--sf-space-2);
              column-gap: var(--sf-space-2);
    }
    .cq-sm\:row-gap-3 {
      row-gap: var(--sf-space-3);
    }
    .cq-sm\:col-gap-3 {
      -webkit-column-gap: var(--sf-space-3);
         -moz-column-gap: var(--sf-space-3);
              column-gap: var(--sf-space-3);
    }
    .cq-sm\:row-gap-4 {
      row-gap: var(--sf-space-4);
    }
    .cq-sm\:col-gap-4 {
      -webkit-column-gap: var(--sf-space-4);
         -moz-column-gap: var(--sf-space-4);
              column-gap: var(--sf-space-4);
    }
    .cq-sm\:row-gap-5 {
      row-gap: var(--sf-space-5);
    }
    .cq-sm\:col-gap-5 {
      -webkit-column-gap: var(--sf-space-5);
         -moz-column-gap: var(--sf-space-5);
              column-gap: var(--sf-space-5);
    }
    .cq-sm\:row-gap-6 {
      row-gap: var(--sf-space-6);
    }
    .cq-sm\:col-gap-6 {
      -webkit-column-gap: var(--sf-space-6);
         -moz-column-gap: var(--sf-space-6);
              column-gap: var(--sf-space-6);
    }
    .cq-sm\:row-gap-7 {
      row-gap: var(--sf-space-7);
    }
    .cq-sm\:col-gap-7 {
      -webkit-column-gap: var(--sf-space-7);
         -moz-column-gap: var(--sf-space-7);
              column-gap: var(--sf-space-7);
    }
    .cq-sm\:row-gap-8 {
      row-gap: var(--sf-space-8);
    }
    .cq-sm\:col-gap-8 {
      -webkit-column-gap: var(--sf-space-8);
         -moz-column-gap: var(--sf-space-8);
              column-gap: var(--sf-space-8);
    }
  }
  @container sidebar (min-width: 32rem) {
    .cq-sm\/sidebar\:block {
      display: block;
    }
    .cq-sm\/sidebar\:inline-block {
      display: inline-block;
    }
    .cq-sm\/sidebar\:flex {
      display: flex;
    }
    .cq-sm\/sidebar\:inline-flex {
      display: inline-flex;
    }
    .cq-sm\/sidebar\:grid {
      display: grid;
    }
    .cq-sm\/sidebar\:hidden {
      display: none;
    }
    .cq-sm\/sidebar\:flex-row {
      flex-direction: row;
    }
    .cq-sm\/sidebar\:flex-col {
      flex-direction: column;
    }
    .cq-sm\/sidebar\:flex-row-reverse {
      flex-direction: row-reverse;
    }
    .cq-sm\/sidebar\:flex-col-reverse {
      flex-direction: column-reverse;
    }
    .cq-sm\/sidebar\:flex-wrap {
      flex-wrap: wrap;
    }
    .cq-sm\/sidebar\:flex-wrap-reverse {
      flex-wrap: wrap-reverse;
    }
    .cq-sm\/sidebar\:flex-nowrap {
      flex-wrap: nowrap;
    }
    .cq-sm\/sidebar\:grid-col-1 {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
    .cq-sm\/sidebar\:grid-col-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .cq-sm\/sidebar\:grid-col-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .cq-sm\/sidebar\:grid-col-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
    .cq-sm\/sidebar\:grid-col-5 {
      grid-template-columns: repeat(5, minmax(0, 1fr));
    }
    .cq-sm\/sidebar\:grid-col-6 {
      grid-template-columns: repeat(6, minmax(0, 1fr));
    }
    .cq-sm\/sidebar\:grid-col-7 {
      grid-template-columns: repeat(7, minmax(0, 1fr));
    }
    .cq-sm\/sidebar\:grid-col-8 {
      grid-template-columns: repeat(8, minmax(0, 1fr));
    }
    .cq-sm\/sidebar\:grid-col-9 {
      grid-template-columns: repeat(9, minmax(0, 1fr));
    }
    .cq-sm\/sidebar\:grid-col-10 {
      grid-template-columns: repeat(10, minmax(0, 1fr));
    }
    .cq-sm\/sidebar\:grid-col-11 {
      grid-template-columns: repeat(11, minmax(0, 1fr));
    }
    .cq-sm\/sidebar\:grid-col-12 {
      grid-template-columns: repeat(12, minmax(0, 1fr));
    }
    .cq-sm\/sidebar\:grid-col-none {
      grid-template-columns: none;
    }
    .cq-sm\/sidebar\:grid-col-subgrid {
      grid-template-columns: subgrid;
    }
    .cq-sm\/sidebar\:content-main-start {
      justify-content: flex-start;
    }
    .cq-sm\/sidebar\:content-main-end {
      justify-content: flex-end;
    }
    .cq-sm\/sidebar\:content-main-center {
      justify-content: center;
    }
    .cq-sm\/sidebar\:content-main-between {
      justify-content: space-between;
    }
    .cq-sm\/sidebar\:content-main-around {
      justify-content: space-around;
    }
    .cq-sm\/sidebar\:content-main-evenly {
      justify-content: space-evenly;
    }
    .cq-sm\/sidebar\:items-cross-start {
      align-items: start;
    }
    .cq-sm\/sidebar\:items-cross-end {
      align-items: end;
    }
    .cq-sm\/sidebar\:items-cross-center {
      align-items: center;
    }
    .cq-sm\/sidebar\:items-cross-baseline {
      align-items: baseline;
    }
    .cq-sm\/sidebar\:items-cross-stretch {
      align-items: stretch;
    }
    .cq-sm\/sidebar\:gap-0 {
      gap: var(--sf-space-0);
    }
    .cq-sm\/sidebar\:gap-1\/4 {
      gap: var(--sf-space-1\/4);
    }
    .cq-sm\/sidebar\:gap-1\/3 {
      gap: var(--sf-space-1\/3);
    }
    .cq-sm\/sidebar\:gap-1\/2 {
      gap: var(--sf-space-1\/2);
    }
    .cq-sm\/sidebar\:gap-1 {
      gap: var(--sf-space-1);
    }
    .cq-sm\/sidebar\:gap-2 {
      gap: var(--sf-space-2);
    }
    .cq-sm\/sidebar\:gap-3 {
      gap: var(--sf-space-3);
    }
    .cq-sm\/sidebar\:gap-4 {
      gap: var(--sf-space-4);
    }
    .cq-sm\/sidebar\:gap-5 {
      gap: var(--sf-space-5);
    }
    .cq-sm\/sidebar\:gap-6 {
      gap: var(--sf-space-6);
    }
    .cq-sm\/sidebar\:gap-7 {
      gap: var(--sf-space-7);
    }
    .cq-sm\/sidebar\:gap-8 {
      gap: var(--sf-space-8);
    }
    .cq-sm\/sidebar\:row-gap-0 {
      row-gap: var(--sf-space-0);
    }
    .cq-sm\/sidebar\:col-gap-0 {
      -webkit-column-gap: var(--sf-space-0);
         -moz-column-gap: var(--sf-space-0);
              column-gap: var(--sf-space-0);
    }
    .cq-sm\/sidebar\:row-gap-1\/4 {
      row-gap: var(--sf-space-1\/4);
    }
    .cq-sm\/sidebar\:col-gap-1\/4 {
      -webkit-column-gap: var(--sf-space-1\/4);
         -moz-column-gap: var(--sf-space-1\/4);
              column-gap: var(--sf-space-1\/4);
    }
    .cq-sm\/sidebar\:row-gap-1\/3 {
      row-gap: var(--sf-space-1\/3);
    }
    .cq-sm\/sidebar\:col-gap-1\/3 {
      -webkit-column-gap: var(--sf-space-1\/3);
         -moz-column-gap: var(--sf-space-1\/3);
              column-gap: var(--sf-space-1\/3);
    }
    .cq-sm\/sidebar\:row-gap-1\/2 {
      row-gap: var(--sf-space-1\/2);
    }
    .cq-sm\/sidebar\:col-gap-1\/2 {
      -webkit-column-gap: var(--sf-space-1\/2);
         -moz-column-gap: var(--sf-space-1\/2);
              column-gap: var(--sf-space-1\/2);
    }
    .cq-sm\/sidebar\:row-gap-1 {
      row-gap: var(--sf-space-1);
    }
    .cq-sm\/sidebar\:col-gap-1 {
      -webkit-column-gap: var(--sf-space-1);
         -moz-column-gap: var(--sf-space-1);
              column-gap: var(--sf-space-1);
    }
    .cq-sm\/sidebar\:row-gap-2 {
      row-gap: var(--sf-space-2);
    }
    .cq-sm\/sidebar\:col-gap-2 {
      -webkit-column-gap: var(--sf-space-2);
         -moz-column-gap: var(--sf-space-2);
              column-gap: var(--sf-space-2);
    }
    .cq-sm\/sidebar\:row-gap-3 {
      row-gap: var(--sf-space-3);
    }
    .cq-sm\/sidebar\:col-gap-3 {
      -webkit-column-gap: var(--sf-space-3);
         -moz-column-gap: var(--sf-space-3);
              column-gap: var(--sf-space-3);
    }
    .cq-sm\/sidebar\:row-gap-4 {
      row-gap: var(--sf-space-4);
    }
    .cq-sm\/sidebar\:col-gap-4 {
      -webkit-column-gap: var(--sf-space-4);
         -moz-column-gap: var(--sf-space-4);
              column-gap: var(--sf-space-4);
    }
    .cq-sm\/sidebar\:row-gap-5 {
      row-gap: var(--sf-space-5);
    }
    .cq-sm\/sidebar\:col-gap-5 {
      -webkit-column-gap: var(--sf-space-5);
         -moz-column-gap: var(--sf-space-5);
              column-gap: var(--sf-space-5);
    }
    .cq-sm\/sidebar\:row-gap-6 {
      row-gap: var(--sf-space-6);
    }
    .cq-sm\/sidebar\:col-gap-6 {
      -webkit-column-gap: var(--sf-space-6);
         -moz-column-gap: var(--sf-space-6);
              column-gap: var(--sf-space-6);
    }
    .cq-sm\/sidebar\:row-gap-7 {
      row-gap: var(--sf-space-7);
    }
    .cq-sm\/sidebar\:col-gap-7 {
      -webkit-column-gap: var(--sf-space-7);
         -moz-column-gap: var(--sf-space-7);
              column-gap: var(--sf-space-7);
    }
    .cq-sm\/sidebar\:row-gap-8 {
      row-gap: var(--sf-space-8);
    }
    .cq-sm\/sidebar\:col-gap-8 {
      -webkit-column-gap: var(--sf-space-8);
         -moz-column-gap: var(--sf-space-8);
              column-gap: var(--sf-space-8);
    }
  }
  @container (min-width: 44rem) {
    .cq-md\:block {
      display: block;
    }
    .cq-md\:inline-block {
      display: inline-block;
    }
    .cq-md\:flex {
      display: flex;
    }
    .cq-md\:inline-flex {
      display: inline-flex;
    }
    .cq-md\:grid {
      display: grid;
    }
    .cq-md\:hidden {
      display: none;
    }
    .cq-md\:flex-row {
      flex-direction: row;
    }
    .cq-md\:flex-col {
      flex-direction: column;
    }
    .cq-md\:flex-row-reverse {
      flex-direction: row-reverse;
    }
    .cq-md\:flex-col-reverse {
      flex-direction: column-reverse;
    }
    .cq-md\:flex-wrap {
      flex-wrap: wrap;
    }
    .cq-md\:flex-wrap-reverse {
      flex-wrap: wrap-reverse;
    }
    .cq-md\:flex-nowrap {
      flex-wrap: nowrap;
    }
    .cq-md\:grid-col-1 {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
    .cq-md\:grid-col-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .cq-md\:grid-col-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .cq-md\:grid-col-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
    .cq-md\:grid-col-5 {
      grid-template-columns: repeat(5, minmax(0, 1fr));
    }
    .cq-md\:grid-col-6 {
      grid-template-columns: repeat(6, minmax(0, 1fr));
    }
    .cq-md\:grid-col-7 {
      grid-template-columns: repeat(7, minmax(0, 1fr));
    }
    .cq-md\:grid-col-8 {
      grid-template-columns: repeat(8, minmax(0, 1fr));
    }
    .cq-md\:grid-col-9 {
      grid-template-columns: repeat(9, minmax(0, 1fr));
    }
    .cq-md\:grid-col-10 {
      grid-template-columns: repeat(10, minmax(0, 1fr));
    }
    .cq-md\:grid-col-11 {
      grid-template-columns: repeat(11, minmax(0, 1fr));
    }
    .cq-md\:grid-col-12 {
      grid-template-columns: repeat(12, minmax(0, 1fr));
    }
    .cq-md\:grid-col-none {
      grid-template-columns: none;
    }
    .cq-md\:grid-col-subgrid {
      grid-template-columns: subgrid;
    }
    .cq-md\:content-main-start {
      justify-content: flex-start;
    }
    .cq-md\:content-main-end {
      justify-content: flex-end;
    }
    .cq-md\:content-main-center {
      justify-content: center;
    }
    .cq-md\:content-main-between {
      justify-content: space-between;
    }
    .cq-md\:content-main-around {
      justify-content: space-around;
    }
    .cq-md\:content-main-evenly {
      justify-content: space-evenly;
    }
    .cq-md\:items-cross-start {
      align-items: start;
    }
    .cq-md\:items-cross-end {
      align-items: end;
    }
    .cq-md\:items-cross-center {
      align-items: center;
    }
    .cq-md\:items-cross-baseline {
      align-items: baseline;
    }
    .cq-md\:items-cross-stretch {
      align-items: stretch;
    }
    .cq-md\:gap-0 {
      gap: var(--sf-space-0);
    }
    .cq-md\:gap-1\/4 {
      gap: var(--sf-space-1\/4);
    }
    .cq-md\:gap-1\/3 {
      gap: var(--sf-space-1\/3);
    }
    .cq-md\:gap-1\/2 {
      gap: var(--sf-space-1\/2);
    }
    .cq-md\:gap-1 {
      gap: var(--sf-space-1);
    }
    .cq-md\:gap-2 {
      gap: var(--sf-space-2);
    }
    .cq-md\:gap-3 {
      gap: var(--sf-space-3);
    }
    .cq-md\:gap-4 {
      gap: var(--sf-space-4);
    }
    .cq-md\:gap-5 {
      gap: var(--sf-space-5);
    }
    .cq-md\:gap-6 {
      gap: var(--sf-space-6);
    }
    .cq-md\:gap-7 {
      gap: var(--sf-space-7);
    }
    .cq-md\:gap-8 {
      gap: var(--sf-space-8);
    }
    .cq-md\:row-gap-0 {
      row-gap: var(--sf-space-0);
    }
    .cq-md\:col-gap-0 {
      -webkit-column-gap: var(--sf-space-0);
         -moz-column-gap: var(--sf-space-0);
              column-gap: var(--sf-space-0);
    }
    .cq-md\:row-gap-1\/4 {
      row-gap: var(--sf-space-1\/4);
    }
    .cq-md\:col-gap-1\/4 {
      -webkit-column-gap: var(--sf-space-1\/4);
         -moz-column-gap: var(--sf-space-1\/4);
              column-gap: var(--sf-space-1\/4);
    }
    .cq-md\:row-gap-1\/3 {
      row-gap: var(--sf-space-1\/3);
    }
    .cq-md\:col-gap-1\/3 {
      -webkit-column-gap: var(--sf-space-1\/3);
         -moz-column-gap: var(--sf-space-1\/3);
              column-gap: var(--sf-space-1\/3);
    }
    .cq-md\:row-gap-1\/2 {
      row-gap: var(--sf-space-1\/2);
    }
    .cq-md\:col-gap-1\/2 {
      -webkit-column-gap: var(--sf-space-1\/2);
         -moz-column-gap: var(--sf-space-1\/2);
              column-gap: var(--sf-space-1\/2);
    }
    .cq-md\:row-gap-1 {
      row-gap: var(--sf-space-1);
    }
    .cq-md\:col-gap-1 {
      -webkit-column-gap: var(--sf-space-1);
         -moz-column-gap: var(--sf-space-1);
              column-gap: var(--sf-space-1);
    }
    .cq-md\:row-gap-2 {
      row-gap: var(--sf-space-2);
    }
    .cq-md\:col-gap-2 {
      -webkit-column-gap: var(--sf-space-2);
         -moz-column-gap: var(--sf-space-2);
              column-gap: var(--sf-space-2);
    }
    .cq-md\:row-gap-3 {
      row-gap: var(--sf-space-3);
    }
    .cq-md\:col-gap-3 {
      -webkit-column-gap: var(--sf-space-3);
         -moz-column-gap: var(--sf-space-3);
              column-gap: var(--sf-space-3);
    }
    .cq-md\:row-gap-4 {
      row-gap: var(--sf-space-4);
    }
    .cq-md\:col-gap-4 {
      -webkit-column-gap: var(--sf-space-4);
         -moz-column-gap: var(--sf-space-4);
              column-gap: var(--sf-space-4);
    }
    .cq-md\:row-gap-5 {
      row-gap: var(--sf-space-5);
    }
    .cq-md\:col-gap-5 {
      -webkit-column-gap: var(--sf-space-5);
         -moz-column-gap: var(--sf-space-5);
              column-gap: var(--sf-space-5);
    }
    .cq-md\:row-gap-6 {
      row-gap: var(--sf-space-6);
    }
    .cq-md\:col-gap-6 {
      -webkit-column-gap: var(--sf-space-6);
         -moz-column-gap: var(--sf-space-6);
              column-gap: var(--sf-space-6);
    }
    .cq-md\:row-gap-7 {
      row-gap: var(--sf-space-7);
    }
    .cq-md\:col-gap-7 {
      -webkit-column-gap: var(--sf-space-7);
         -moz-column-gap: var(--sf-space-7);
              column-gap: var(--sf-space-7);
    }
    .cq-md\:row-gap-8 {
      row-gap: var(--sf-space-8);
    }
    .cq-md\:col-gap-8 {
      -webkit-column-gap: var(--sf-space-8);
         -moz-column-gap: var(--sf-space-8);
              column-gap: var(--sf-space-8);
    }
  }
  @container sidebar (min-width: 44rem) {
    .cq-md\/sidebar\:block {
      display: block;
    }
    .cq-md\/sidebar\:inline-block {
      display: inline-block;
    }
    .cq-md\/sidebar\:flex {
      display: flex;
    }
    .cq-md\/sidebar\:inline-flex {
      display: inline-flex;
    }
    .cq-md\/sidebar\:grid {
      display: grid;
    }
    .cq-md\/sidebar\:hidden {
      display: none;
    }
    .cq-md\/sidebar\:flex-row {
      flex-direction: row;
    }
    .cq-md\/sidebar\:flex-col {
      flex-direction: column;
    }
    .cq-md\/sidebar\:flex-row-reverse {
      flex-direction: row-reverse;
    }
    .cq-md\/sidebar\:flex-col-reverse {
      flex-direction: column-reverse;
    }
    .cq-md\/sidebar\:flex-wrap {
      flex-wrap: wrap;
    }
    .cq-md\/sidebar\:flex-wrap-reverse {
      flex-wrap: wrap-reverse;
    }
    .cq-md\/sidebar\:flex-nowrap {
      flex-wrap: nowrap;
    }
    .cq-md\/sidebar\:grid-col-1 {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
    .cq-md\/sidebar\:grid-col-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .cq-md\/sidebar\:grid-col-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .cq-md\/sidebar\:grid-col-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
    .cq-md\/sidebar\:grid-col-5 {
      grid-template-columns: repeat(5, minmax(0, 1fr));
    }
    .cq-md\/sidebar\:grid-col-6 {
      grid-template-columns: repeat(6, minmax(0, 1fr));
    }
    .cq-md\/sidebar\:grid-col-7 {
      grid-template-columns: repeat(7, minmax(0, 1fr));
    }
    .cq-md\/sidebar\:grid-col-8 {
      grid-template-columns: repeat(8, minmax(0, 1fr));
    }
    .cq-md\/sidebar\:grid-col-9 {
      grid-template-columns: repeat(9, minmax(0, 1fr));
    }
    .cq-md\/sidebar\:grid-col-10 {
      grid-template-columns: repeat(10, minmax(0, 1fr));
    }
    .cq-md\/sidebar\:grid-col-11 {
      grid-template-columns: repeat(11, minmax(0, 1fr));
    }
    .cq-md\/sidebar\:grid-col-12 {
      grid-template-columns: repeat(12, minmax(0, 1fr));
    }
    .cq-md\/sidebar\:grid-col-none {
      grid-template-columns: none;
    }
    .cq-md\/sidebar\:grid-col-subgrid {
      grid-template-columns: subgrid;
    }
    .cq-md\/sidebar\:content-main-start {
      justify-content: flex-start;
    }
    .cq-md\/sidebar\:content-main-end {
      justify-content: flex-end;
    }
    .cq-md\/sidebar\:content-main-center {
      justify-content: center;
    }
    .cq-md\/sidebar\:content-main-between {
      justify-content: space-between;
    }
    .cq-md\/sidebar\:content-main-around {
      justify-content: space-around;
    }
    .cq-md\/sidebar\:content-main-evenly {
      justify-content: space-evenly;
    }
    .cq-md\/sidebar\:items-cross-start {
      align-items: start;
    }
    .cq-md\/sidebar\:items-cross-end {
      align-items: end;
    }
    .cq-md\/sidebar\:items-cross-center {
      align-items: center;
    }
    .cq-md\/sidebar\:items-cross-baseline {
      align-items: baseline;
    }
    .cq-md\/sidebar\:items-cross-stretch {
      align-items: stretch;
    }
    .cq-md\/sidebar\:gap-0 {
      gap: var(--sf-space-0);
    }
    .cq-md\/sidebar\:gap-1\/4 {
      gap: var(--sf-space-1\/4);
    }
    .cq-md\/sidebar\:gap-1\/3 {
      gap: var(--sf-space-1\/3);
    }
    .cq-md\/sidebar\:gap-1\/2 {
      gap: var(--sf-space-1\/2);
    }
    .cq-md\/sidebar\:gap-1 {
      gap: var(--sf-space-1);
    }
    .cq-md\/sidebar\:gap-2 {
      gap: var(--sf-space-2);
    }
    .cq-md\/sidebar\:gap-3 {
      gap: var(--sf-space-3);
    }
    .cq-md\/sidebar\:gap-4 {
      gap: var(--sf-space-4);
    }
    .cq-md\/sidebar\:gap-5 {
      gap: var(--sf-space-5);
    }
    .cq-md\/sidebar\:gap-6 {
      gap: var(--sf-space-6);
    }
    .cq-md\/sidebar\:gap-7 {
      gap: var(--sf-space-7);
    }
    .cq-md\/sidebar\:gap-8 {
      gap: var(--sf-space-8);
    }
    .cq-md\/sidebar\:row-gap-0 {
      row-gap: var(--sf-space-0);
    }
    .cq-md\/sidebar\:col-gap-0 {
      -webkit-column-gap: var(--sf-space-0);
         -moz-column-gap: var(--sf-space-0);
              column-gap: var(--sf-space-0);
    }
    .cq-md\/sidebar\:row-gap-1\/4 {
      row-gap: var(--sf-space-1\/4);
    }
    .cq-md\/sidebar\:col-gap-1\/4 {
      -webkit-column-gap: var(--sf-space-1\/4);
         -moz-column-gap: var(--sf-space-1\/4);
              column-gap: var(--sf-space-1\/4);
    }
    .cq-md\/sidebar\:row-gap-1\/3 {
      row-gap: var(--sf-space-1\/3);
    }
    .cq-md\/sidebar\:col-gap-1\/3 {
      -webkit-column-gap: var(--sf-space-1\/3);
         -moz-column-gap: var(--sf-space-1\/3);
              column-gap: var(--sf-space-1\/3);
    }
    .cq-md\/sidebar\:row-gap-1\/2 {
      row-gap: var(--sf-space-1\/2);
    }
    .cq-md\/sidebar\:col-gap-1\/2 {
      -webkit-column-gap: var(--sf-space-1\/2);
         -moz-column-gap: var(--sf-space-1\/2);
              column-gap: var(--sf-space-1\/2);
    }
    .cq-md\/sidebar\:row-gap-1 {
      row-gap: var(--sf-space-1);
    }
    .cq-md\/sidebar\:col-gap-1 {
      -webkit-column-gap: var(--sf-space-1);
         -moz-column-gap: var(--sf-space-1);
              column-gap: var(--sf-space-1);
    }
    .cq-md\/sidebar\:row-gap-2 {
      row-gap: var(--sf-space-2);
    }
    .cq-md\/sidebar\:col-gap-2 {
      -webkit-column-gap: var(--sf-space-2);
         -moz-column-gap: var(--sf-space-2);
              column-gap: var(--sf-space-2);
    }
    .cq-md\/sidebar\:row-gap-3 {
      row-gap: var(--sf-space-3);
    }
    .cq-md\/sidebar\:col-gap-3 {
      -webkit-column-gap: var(--sf-space-3);
         -moz-column-gap: var(--sf-space-3);
              column-gap: var(--sf-space-3);
    }
    .cq-md\/sidebar\:row-gap-4 {
      row-gap: var(--sf-space-4);
    }
    .cq-md\/sidebar\:col-gap-4 {
      -webkit-column-gap: var(--sf-space-4);
         -moz-column-gap: var(--sf-space-4);
              column-gap: var(--sf-space-4);
    }
    .cq-md\/sidebar\:row-gap-5 {
      row-gap: var(--sf-space-5);
    }
    .cq-md\/sidebar\:col-gap-5 {
      -webkit-column-gap: var(--sf-space-5);
         -moz-column-gap: var(--sf-space-5);
              column-gap: var(--sf-space-5);
    }
    .cq-md\/sidebar\:row-gap-6 {
      row-gap: var(--sf-space-6);
    }
    .cq-md\/sidebar\:col-gap-6 {
      -webkit-column-gap: var(--sf-space-6);
         -moz-column-gap: var(--sf-space-6);
              column-gap: var(--sf-space-6);
    }
    .cq-md\/sidebar\:row-gap-7 {
      row-gap: var(--sf-space-7);
    }
    .cq-md\/sidebar\:col-gap-7 {
      -webkit-column-gap: var(--sf-space-7);
         -moz-column-gap: var(--sf-space-7);
              column-gap: var(--sf-space-7);
    }
    .cq-md\/sidebar\:row-gap-8 {
      row-gap: var(--sf-space-8);
    }
    .cq-md\/sidebar\:col-gap-8 {
      -webkit-column-gap: var(--sf-space-8);
         -moz-column-gap: var(--sf-space-8);
              column-gap: var(--sf-space-8);
    }
  }
  @container (min-width: 60rem) {
    .cq-lg\:block {
      display: block;
    }
    .cq-lg\:inline-block {
      display: inline-block;
    }
    .cq-lg\:flex {
      display: flex;
    }
    .cq-lg\:inline-flex {
      display: inline-flex;
    }
    .cq-lg\:grid {
      display: grid;
    }
    .cq-lg\:hidden {
      display: none;
    }
    .cq-lg\:flex-row {
      flex-direction: row;
    }
    .cq-lg\:flex-col {
      flex-direction: column;
    }
    .cq-lg\:flex-row-reverse {
      flex-direction: row-reverse;
    }
    .cq-lg\:flex-col-reverse {
      flex-direction: column-reverse;
    }
    .cq-lg\:flex-wrap {
      flex-wrap: wrap;
    }
    .cq-lg\:flex-wrap-reverse {
      flex-wrap: wrap-reverse;
    }
    .cq-lg\:flex-nowrap {
      flex-wrap: nowrap;
    }
    .cq-lg\:grid-col-1 {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
    .cq-lg\:grid-col-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .cq-lg\:grid-col-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .cq-lg\:grid-col-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
    .cq-lg\:grid-col-5 {
      grid-template-columns: repeat(5, minmax(0, 1fr));
    }
    .cq-lg\:grid-col-6 {
      grid-template-columns: repeat(6, minmax(0, 1fr));
    }
    .cq-lg\:grid-col-7 {
      grid-template-columns: repeat(7, minmax(0, 1fr));
    }
    .cq-lg\:grid-col-8 {
      grid-template-columns: repeat(8, minmax(0, 1fr));
    }
    .cq-lg\:grid-col-9 {
      grid-template-columns: repeat(9, minmax(0, 1fr));
    }
    .cq-lg\:grid-col-10 {
      grid-template-columns: repeat(10, minmax(0, 1fr));
    }
    .cq-lg\:grid-col-11 {
      grid-template-columns: repeat(11, minmax(0, 1fr));
    }
    .cq-lg\:grid-col-12 {
      grid-template-columns: repeat(12, minmax(0, 1fr));
    }
    .cq-lg\:grid-col-none {
      grid-template-columns: none;
    }
    .cq-lg\:grid-col-subgrid {
      grid-template-columns: subgrid;
    }
    .cq-lg\:content-main-start {
      justify-content: flex-start;
    }
    .cq-lg\:content-main-end {
      justify-content: flex-end;
    }
    .cq-lg\:content-main-center {
      justify-content: center;
    }
    .cq-lg\:content-main-between {
      justify-content: space-between;
    }
    .cq-lg\:content-main-around {
      justify-content: space-around;
    }
    .cq-lg\:content-main-evenly {
      justify-content: space-evenly;
    }
    .cq-lg\:items-cross-start {
      align-items: start;
    }
    .cq-lg\:items-cross-end {
      align-items: end;
    }
    .cq-lg\:items-cross-center {
      align-items: center;
    }
    .cq-lg\:items-cross-baseline {
      align-items: baseline;
    }
    .cq-lg\:items-cross-stretch {
      align-items: stretch;
    }
    .cq-lg\:gap-0 {
      gap: var(--sf-space-0);
    }
    .cq-lg\:gap-1\/4 {
      gap: var(--sf-space-1\/4);
    }
    .cq-lg\:gap-1\/3 {
      gap: var(--sf-space-1\/3);
    }
    .cq-lg\:gap-1\/2 {
      gap: var(--sf-space-1\/2);
    }
    .cq-lg\:gap-1 {
      gap: var(--sf-space-1);
    }
    .cq-lg\:gap-2 {
      gap: var(--sf-space-2);
    }
    .cq-lg\:gap-3 {
      gap: var(--sf-space-3);
    }
    .cq-lg\:gap-4 {
      gap: var(--sf-space-4);
    }
    .cq-lg\:gap-5 {
      gap: var(--sf-space-5);
    }
    .cq-lg\:gap-6 {
      gap: var(--sf-space-6);
    }
    .cq-lg\:gap-7 {
      gap: var(--sf-space-7);
    }
    .cq-lg\:gap-8 {
      gap: var(--sf-space-8);
    }
    .cq-lg\:row-gap-0 {
      row-gap: var(--sf-space-0);
    }
    .cq-lg\:col-gap-0 {
      -webkit-column-gap: var(--sf-space-0);
         -moz-column-gap: var(--sf-space-0);
              column-gap: var(--sf-space-0);
    }
    .cq-lg\:row-gap-1\/4 {
      row-gap: var(--sf-space-1\/4);
    }
    .cq-lg\:col-gap-1\/4 {
      -webkit-column-gap: var(--sf-space-1\/4);
         -moz-column-gap: var(--sf-space-1\/4);
              column-gap: var(--sf-space-1\/4);
    }
    .cq-lg\:row-gap-1\/3 {
      row-gap: var(--sf-space-1\/3);
    }
    .cq-lg\:col-gap-1\/3 {
      -webkit-column-gap: var(--sf-space-1\/3);
         -moz-column-gap: var(--sf-space-1\/3);
              column-gap: var(--sf-space-1\/3);
    }
    .cq-lg\:row-gap-1\/2 {
      row-gap: var(--sf-space-1\/2);
    }
    .cq-lg\:col-gap-1\/2 {
      -webkit-column-gap: var(--sf-space-1\/2);
         -moz-column-gap: var(--sf-space-1\/2);
              column-gap: var(--sf-space-1\/2);
    }
    .cq-lg\:row-gap-1 {
      row-gap: var(--sf-space-1);
    }
    .cq-lg\:col-gap-1 {
      -webkit-column-gap: var(--sf-space-1);
         -moz-column-gap: var(--sf-space-1);
              column-gap: var(--sf-space-1);
    }
    .cq-lg\:row-gap-2 {
      row-gap: var(--sf-space-2);
    }
    .cq-lg\:col-gap-2 {
      -webkit-column-gap: var(--sf-space-2);
         -moz-column-gap: var(--sf-space-2);
              column-gap: var(--sf-space-2);
    }
    .cq-lg\:row-gap-3 {
      row-gap: var(--sf-space-3);
    }
    .cq-lg\:col-gap-3 {
      -webkit-column-gap: var(--sf-space-3);
         -moz-column-gap: var(--sf-space-3);
              column-gap: var(--sf-space-3);
    }
    .cq-lg\:row-gap-4 {
      row-gap: var(--sf-space-4);
    }
    .cq-lg\:col-gap-4 {
      -webkit-column-gap: var(--sf-space-4);
         -moz-column-gap: var(--sf-space-4);
              column-gap: var(--sf-space-4);
    }
    .cq-lg\:row-gap-5 {
      row-gap: var(--sf-space-5);
    }
    .cq-lg\:col-gap-5 {
      -webkit-column-gap: var(--sf-space-5);
         -moz-column-gap: var(--sf-space-5);
              column-gap: var(--sf-space-5);
    }
    .cq-lg\:row-gap-6 {
      row-gap: var(--sf-space-6);
    }
    .cq-lg\:col-gap-6 {
      -webkit-column-gap: var(--sf-space-6);
         -moz-column-gap: var(--sf-space-6);
              column-gap: var(--sf-space-6);
    }
    .cq-lg\:row-gap-7 {
      row-gap: var(--sf-space-7);
    }
    .cq-lg\:col-gap-7 {
      -webkit-column-gap: var(--sf-space-7);
         -moz-column-gap: var(--sf-space-7);
              column-gap: var(--sf-space-7);
    }
    .cq-lg\:row-gap-8 {
      row-gap: var(--sf-space-8);
    }
    .cq-lg\:col-gap-8 {
      -webkit-column-gap: var(--sf-space-8);
         -moz-column-gap: var(--sf-space-8);
              column-gap: var(--sf-space-8);
    }
  }
  @container sidebar (min-width: 60rem) {
    .cq-lg\/sidebar\:block {
      display: block;
    }
    .cq-lg\/sidebar\:inline-block {
      display: inline-block;
    }
    .cq-lg\/sidebar\:flex {
      display: flex;
    }
    .cq-lg\/sidebar\:inline-flex {
      display: inline-flex;
    }
    .cq-lg\/sidebar\:grid {
      display: grid;
    }
    .cq-lg\/sidebar\:hidden {
      display: none;
    }
    .cq-lg\/sidebar\:flex-row {
      flex-direction: row;
    }
    .cq-lg\/sidebar\:flex-col {
      flex-direction: column;
    }
    .cq-lg\/sidebar\:flex-row-reverse {
      flex-direction: row-reverse;
    }
    .cq-lg\/sidebar\:flex-col-reverse {
      flex-direction: column-reverse;
    }
    .cq-lg\/sidebar\:flex-wrap {
      flex-wrap: wrap;
    }
    .cq-lg\/sidebar\:flex-wrap-reverse {
      flex-wrap: wrap-reverse;
    }
    .cq-lg\/sidebar\:flex-nowrap {
      flex-wrap: nowrap;
    }
    .cq-lg\/sidebar\:grid-col-1 {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
    .cq-lg\/sidebar\:grid-col-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .cq-lg\/sidebar\:grid-col-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .cq-lg\/sidebar\:grid-col-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
    .cq-lg\/sidebar\:grid-col-5 {
      grid-template-columns: repeat(5, minmax(0, 1fr));
    }
    .cq-lg\/sidebar\:grid-col-6 {
      grid-template-columns: repeat(6, minmax(0, 1fr));
    }
    .cq-lg\/sidebar\:grid-col-7 {
      grid-template-columns: repeat(7, minmax(0, 1fr));
    }
    .cq-lg\/sidebar\:grid-col-8 {
      grid-template-columns: repeat(8, minmax(0, 1fr));
    }
    .cq-lg\/sidebar\:grid-col-9 {
      grid-template-columns: repeat(9, minmax(0, 1fr));
    }
    .cq-lg\/sidebar\:grid-col-10 {
      grid-template-columns: repeat(10, minmax(0, 1fr));
    }
    .cq-lg\/sidebar\:grid-col-11 {
      grid-template-columns: repeat(11, minmax(0, 1fr));
    }
    .cq-lg\/sidebar\:grid-col-12 {
      grid-template-columns: repeat(12, minmax(0, 1fr));
    }
    .cq-lg\/sidebar\:grid-col-none {
      grid-template-columns: none;
    }
    .cq-lg\/sidebar\:grid-col-subgrid {
      grid-template-columns: subgrid;
    }
    .cq-lg\/sidebar\:content-main-start {
      justify-content: flex-start;
    }
    .cq-lg\/sidebar\:content-main-end {
      justify-content: flex-end;
    }
    .cq-lg\/sidebar\:content-main-center {
      justify-content: center;
    }
    .cq-lg\/sidebar\:content-main-between {
      justify-content: space-between;
    }
    .cq-lg\/sidebar\:content-main-around {
      justify-content: space-around;
    }
    .cq-lg\/sidebar\:content-main-evenly {
      justify-content: space-evenly;
    }
    .cq-lg\/sidebar\:items-cross-start {
      align-items: start;
    }
    .cq-lg\/sidebar\:items-cross-end {
      align-items: end;
    }
    .cq-lg\/sidebar\:items-cross-center {
      align-items: center;
    }
    .cq-lg\/sidebar\:items-cross-baseline {
      align-items: baseline;
    }
    .cq-lg\/sidebar\:items-cross-stretch {
      align-items: stretch;
    }
    .cq-lg\/sidebar\:gap-0 {
      gap: var(--sf-space-0);
    }
    .cq-lg\/sidebar\:gap-1\/4 {
      gap: var(--sf-space-1\/4);
    }
    .cq-lg\/sidebar\:gap-1\/3 {
      gap: var(--sf-space-1\/3);
    }
    .cq-lg\/sidebar\:gap-1\/2 {
      gap: var(--sf-space-1\/2);
    }
    .cq-lg\/sidebar\:gap-1 {
      gap: var(--sf-space-1);
    }
    .cq-lg\/sidebar\:gap-2 {
      gap: var(--sf-space-2);
    }
    .cq-lg\/sidebar\:gap-3 {
      gap: var(--sf-space-3);
    }
    .cq-lg\/sidebar\:gap-4 {
      gap: var(--sf-space-4);
    }
    .cq-lg\/sidebar\:gap-5 {
      gap: var(--sf-space-5);
    }
    .cq-lg\/sidebar\:gap-6 {
      gap: var(--sf-space-6);
    }
    .cq-lg\/sidebar\:gap-7 {
      gap: var(--sf-space-7);
    }
    .cq-lg\/sidebar\:gap-8 {
      gap: var(--sf-space-8);
    }
    .cq-lg\/sidebar\:row-gap-0 {
      row-gap: var(--sf-space-0);
    }
    .cq-lg\/sidebar\:col-gap-0 {
      -webkit-column-gap: var(--sf-space-0);
         -moz-column-gap: var(--sf-space-0);
              column-gap: var(--sf-space-0);
    }
    .cq-lg\/sidebar\:row-gap-1\/4 {
      row-gap: var(--sf-space-1\/4);
    }
    .cq-lg\/sidebar\:col-gap-1\/4 {
      -webkit-column-gap: var(--sf-space-1\/4);
         -moz-column-gap: var(--sf-space-1\/4);
              column-gap: var(--sf-space-1\/4);
    }
    .cq-lg\/sidebar\:row-gap-1\/3 {
      row-gap: var(--sf-space-1\/3);
    }
    .cq-lg\/sidebar\:col-gap-1\/3 {
      -webkit-column-gap: var(--sf-space-1\/3);
         -moz-column-gap: var(--sf-space-1\/3);
              column-gap: var(--sf-space-1\/3);
    }
    .cq-lg\/sidebar\:row-gap-1\/2 {
      row-gap: var(--sf-space-1\/2);
    }
    .cq-lg\/sidebar\:col-gap-1\/2 {
      -webkit-column-gap: var(--sf-space-1\/2);
         -moz-column-gap: var(--sf-space-1\/2);
              column-gap: var(--sf-space-1\/2);
    }
    .cq-lg\/sidebar\:row-gap-1 {
      row-gap: var(--sf-space-1);
    }
    .cq-lg\/sidebar\:col-gap-1 {
      -webkit-column-gap: var(--sf-space-1);
         -moz-column-gap: var(--sf-space-1);
              column-gap: var(--sf-space-1);
    }
    .cq-lg\/sidebar\:row-gap-2 {
      row-gap: var(--sf-space-2);
    }
    .cq-lg\/sidebar\:col-gap-2 {
      -webkit-column-gap: var(--sf-space-2);
         -moz-column-gap: var(--sf-space-2);
              column-gap: var(--sf-space-2);
    }
    .cq-lg\/sidebar\:row-gap-3 {
      row-gap: var(--sf-space-3);
    }
    .cq-lg\/sidebar\:col-gap-3 {
      -webkit-column-gap: var(--sf-space-3);
         -moz-column-gap: var(--sf-space-3);
              column-gap: var(--sf-space-3);
    }
    .cq-lg\/sidebar\:row-gap-4 {
      row-gap: var(--sf-space-4);
    }
    .cq-lg\/sidebar\:col-gap-4 {
      -webkit-column-gap: var(--sf-space-4);
         -moz-column-gap: var(--sf-space-4);
              column-gap: var(--sf-space-4);
    }
    .cq-lg\/sidebar\:row-gap-5 {
      row-gap: var(--sf-space-5);
    }
    .cq-lg\/sidebar\:col-gap-5 {
      -webkit-column-gap: var(--sf-space-5);
         -moz-column-gap: var(--sf-space-5);
              column-gap: var(--sf-space-5);
    }
    .cq-lg\/sidebar\:row-gap-6 {
      row-gap: var(--sf-space-6);
    }
    .cq-lg\/sidebar\:col-gap-6 {
      -webkit-column-gap: var(--sf-space-6);
         -moz-column-gap: var(--sf-space-6);
              column-gap: var(--sf-space-6);
    }
    .cq-lg\/sidebar\:row-gap-7 {
      row-gap: var(--sf-space-7);
    }
    .cq-lg\/sidebar\:col-gap-7 {
      -webkit-column-gap: var(--sf-space-7);
         -moz-column-gap: var(--sf-space-7);
              column-gap: var(--sf-space-7);
    }
    .cq-lg\/sidebar\:row-gap-8 {
      row-gap: var(--sf-space-8);
    }
    .cq-lg\/sidebar\:col-gap-8 {
      -webkit-column-gap: var(--sf-space-8);
         -moz-column-gap: var(--sf-space-8);
              column-gap: var(--sf-space-8);
    }
  }
  @container (min-width: 72rem) {
    .cq-xl\:block {
      display: block;
    }
    .cq-xl\:inline-block {
      display: inline-block;
    }
    .cq-xl\:flex {
      display: flex;
    }
    .cq-xl\:inline-flex {
      display: inline-flex;
    }
    .cq-xl\:grid {
      display: grid;
    }
    .cq-xl\:hidden {
      display: none;
    }
    .cq-xl\:flex-row {
      flex-direction: row;
    }
    .cq-xl\:flex-col {
      flex-direction: column;
    }
    .cq-xl\:flex-row-reverse {
      flex-direction: row-reverse;
    }
    .cq-xl\:flex-col-reverse {
      flex-direction: column-reverse;
    }
    .cq-xl\:flex-wrap {
      flex-wrap: wrap;
    }
    .cq-xl\:flex-wrap-reverse {
      flex-wrap: wrap-reverse;
    }
    .cq-xl\:flex-nowrap {
      flex-wrap: nowrap;
    }
    .cq-xl\:grid-col-1 {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
    .cq-xl\:grid-col-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .cq-xl\:grid-col-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .cq-xl\:grid-col-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
    .cq-xl\:grid-col-5 {
      grid-template-columns: repeat(5, minmax(0, 1fr));
    }
    .cq-xl\:grid-col-6 {
      grid-template-columns: repeat(6, minmax(0, 1fr));
    }
    .cq-xl\:grid-col-7 {
      grid-template-columns: repeat(7, minmax(0, 1fr));
    }
    .cq-xl\:grid-col-8 {
      grid-template-columns: repeat(8, minmax(0, 1fr));
    }
    .cq-xl\:grid-col-9 {
      grid-template-columns: repeat(9, minmax(0, 1fr));
    }
    .cq-xl\:grid-col-10 {
      grid-template-columns: repeat(10, minmax(0, 1fr));
    }
    .cq-xl\:grid-col-11 {
      grid-template-columns: repeat(11, minmax(0, 1fr));
    }
    .cq-xl\:grid-col-12 {
      grid-template-columns: repeat(12, minmax(0, 1fr));
    }
    .cq-xl\:grid-col-none {
      grid-template-columns: none;
    }
    .cq-xl\:grid-col-subgrid {
      grid-template-columns: subgrid;
    }
    .cq-xl\:content-main-start {
      justify-content: flex-start;
    }
    .cq-xl\:content-main-end {
      justify-content: flex-end;
    }
    .cq-xl\:content-main-center {
      justify-content: center;
    }
    .cq-xl\:content-main-between {
      justify-content: space-between;
    }
    .cq-xl\:content-main-around {
      justify-content: space-around;
    }
    .cq-xl\:content-main-evenly {
      justify-content: space-evenly;
    }
    .cq-xl\:items-cross-start {
      align-items: start;
    }
    .cq-xl\:items-cross-end {
      align-items: end;
    }
    .cq-xl\:items-cross-center {
      align-items: center;
    }
    .cq-xl\:items-cross-baseline {
      align-items: baseline;
    }
    .cq-xl\:items-cross-stretch {
      align-items: stretch;
    }
    .cq-xl\:gap-0 {
      gap: var(--sf-space-0);
    }
    .cq-xl\:gap-1\/4 {
      gap: var(--sf-space-1\/4);
    }
    .cq-xl\:gap-1\/3 {
      gap: var(--sf-space-1\/3);
    }
    .cq-xl\:gap-1\/2 {
      gap: var(--sf-space-1\/2);
    }
    .cq-xl\:gap-1 {
      gap: var(--sf-space-1);
    }
    .cq-xl\:gap-2 {
      gap: var(--sf-space-2);
    }
    .cq-xl\:gap-3 {
      gap: var(--sf-space-3);
    }
    .cq-xl\:gap-4 {
      gap: var(--sf-space-4);
    }
    .cq-xl\:gap-5 {
      gap: var(--sf-space-5);
    }
    .cq-xl\:gap-6 {
      gap: var(--sf-space-6);
    }
    .cq-xl\:gap-7 {
      gap: var(--sf-space-7);
    }
    .cq-xl\:gap-8 {
      gap: var(--sf-space-8);
    }
    .cq-xl\:row-gap-0 {
      row-gap: var(--sf-space-0);
    }
    .cq-xl\:col-gap-0 {
      -webkit-column-gap: var(--sf-space-0);
         -moz-column-gap: var(--sf-space-0);
              column-gap: var(--sf-space-0);
    }
    .cq-xl\:row-gap-1\/4 {
      row-gap: var(--sf-space-1\/4);
    }
    .cq-xl\:col-gap-1\/4 {
      -webkit-column-gap: var(--sf-space-1\/4);
         -moz-column-gap: var(--sf-space-1\/4);
              column-gap: var(--sf-space-1\/4);
    }
    .cq-xl\:row-gap-1\/3 {
      row-gap: var(--sf-space-1\/3);
    }
    .cq-xl\:col-gap-1\/3 {
      -webkit-column-gap: var(--sf-space-1\/3);
         -moz-column-gap: var(--sf-space-1\/3);
              column-gap: var(--sf-space-1\/3);
    }
    .cq-xl\:row-gap-1\/2 {
      row-gap: var(--sf-space-1\/2);
    }
    .cq-xl\:col-gap-1\/2 {
      -webkit-column-gap: var(--sf-space-1\/2);
         -moz-column-gap: var(--sf-space-1\/2);
              column-gap: var(--sf-space-1\/2);
    }
    .cq-xl\:row-gap-1 {
      row-gap: var(--sf-space-1);
    }
    .cq-xl\:col-gap-1 {
      -webkit-column-gap: var(--sf-space-1);
         -moz-column-gap: var(--sf-space-1);
              column-gap: var(--sf-space-1);
    }
    .cq-xl\:row-gap-2 {
      row-gap: var(--sf-space-2);
    }
    .cq-xl\:col-gap-2 {
      -webkit-column-gap: var(--sf-space-2);
         -moz-column-gap: var(--sf-space-2);
              column-gap: var(--sf-space-2);
    }
    .cq-xl\:row-gap-3 {
      row-gap: var(--sf-space-3);
    }
    .cq-xl\:col-gap-3 {
      -webkit-column-gap: var(--sf-space-3);
         -moz-column-gap: var(--sf-space-3);
              column-gap: var(--sf-space-3);
    }
    .cq-xl\:row-gap-4 {
      row-gap: var(--sf-space-4);
    }
    .cq-xl\:col-gap-4 {
      -webkit-column-gap: var(--sf-space-4);
         -moz-column-gap: var(--sf-space-4);
              column-gap: var(--sf-space-4);
    }
    .cq-xl\:row-gap-5 {
      row-gap: var(--sf-space-5);
    }
    .cq-xl\:col-gap-5 {
      -webkit-column-gap: var(--sf-space-5);
         -moz-column-gap: var(--sf-space-5);
              column-gap: var(--sf-space-5);
    }
    .cq-xl\:row-gap-6 {
      row-gap: var(--sf-space-6);
    }
    .cq-xl\:col-gap-6 {
      -webkit-column-gap: var(--sf-space-6);
         -moz-column-gap: var(--sf-space-6);
              column-gap: var(--sf-space-6);
    }
    .cq-xl\:row-gap-7 {
      row-gap: var(--sf-space-7);
    }
    .cq-xl\:col-gap-7 {
      -webkit-column-gap: var(--sf-space-7);
         -moz-column-gap: var(--sf-space-7);
              column-gap: var(--sf-space-7);
    }
    .cq-xl\:row-gap-8 {
      row-gap: var(--sf-space-8);
    }
    .cq-xl\:col-gap-8 {
      -webkit-column-gap: var(--sf-space-8);
         -moz-column-gap: var(--sf-space-8);
              column-gap: var(--sf-space-8);
    }
  }
  @container sidebar (min-width: 72rem) {
    .cq-xl\/sidebar\:block {
      display: block;
    }
    .cq-xl\/sidebar\:inline-block {
      display: inline-block;
    }
    .cq-xl\/sidebar\:flex {
      display: flex;
    }
    .cq-xl\/sidebar\:inline-flex {
      display: inline-flex;
    }
    .cq-xl\/sidebar\:grid {
      display: grid;
    }
    .cq-xl\/sidebar\:hidden {
      display: none;
    }
    .cq-xl\/sidebar\:flex-row {
      flex-direction: row;
    }
    .cq-xl\/sidebar\:flex-col {
      flex-direction: column;
    }
    .cq-xl\/sidebar\:flex-row-reverse {
      flex-direction: row-reverse;
    }
    .cq-xl\/sidebar\:flex-col-reverse {
      flex-direction: column-reverse;
    }
    .cq-xl\/sidebar\:flex-wrap {
      flex-wrap: wrap;
    }
    .cq-xl\/sidebar\:flex-wrap-reverse {
      flex-wrap: wrap-reverse;
    }
    .cq-xl\/sidebar\:flex-nowrap {
      flex-wrap: nowrap;
    }
    .cq-xl\/sidebar\:grid-col-1 {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
    .cq-xl\/sidebar\:grid-col-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .cq-xl\/sidebar\:grid-col-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .cq-xl\/sidebar\:grid-col-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
    .cq-xl\/sidebar\:grid-col-5 {
      grid-template-columns: repeat(5, minmax(0, 1fr));
    }
    .cq-xl\/sidebar\:grid-col-6 {
      grid-template-columns: repeat(6, minmax(0, 1fr));
    }
    .cq-xl\/sidebar\:grid-col-7 {
      grid-template-columns: repeat(7, minmax(0, 1fr));
    }
    .cq-xl\/sidebar\:grid-col-8 {
      grid-template-columns: repeat(8, minmax(0, 1fr));
    }
    .cq-xl\/sidebar\:grid-col-9 {
      grid-template-columns: repeat(9, minmax(0, 1fr));
    }
    .cq-xl\/sidebar\:grid-col-10 {
      grid-template-columns: repeat(10, minmax(0, 1fr));
    }
    .cq-xl\/sidebar\:grid-col-11 {
      grid-template-columns: repeat(11, minmax(0, 1fr));
    }
    .cq-xl\/sidebar\:grid-col-12 {
      grid-template-columns: repeat(12, minmax(0, 1fr));
    }
    .cq-xl\/sidebar\:grid-col-none {
      grid-template-columns: none;
    }
    .cq-xl\/sidebar\:grid-col-subgrid {
      grid-template-columns: subgrid;
    }
    .cq-xl\/sidebar\:content-main-start {
      justify-content: flex-start;
    }
    .cq-xl\/sidebar\:content-main-end {
      justify-content: flex-end;
    }
    .cq-xl\/sidebar\:content-main-center {
      justify-content: center;
    }
    .cq-xl\/sidebar\:content-main-between {
      justify-content: space-between;
    }
    .cq-xl\/sidebar\:content-main-around {
      justify-content: space-around;
    }
    .cq-xl\/sidebar\:content-main-evenly {
      justify-content: space-evenly;
    }
    .cq-xl\/sidebar\:items-cross-start {
      align-items: start;
    }
    .cq-xl\/sidebar\:items-cross-end {
      align-items: end;
    }
    .cq-xl\/sidebar\:items-cross-center {
      align-items: center;
    }
    .cq-xl\/sidebar\:items-cross-baseline {
      align-items: baseline;
    }
    .cq-xl\/sidebar\:items-cross-stretch {
      align-items: stretch;
    }
    .cq-xl\/sidebar\:gap-0 {
      gap: var(--sf-space-0);
    }
    .cq-xl\/sidebar\:gap-1\/4 {
      gap: var(--sf-space-1\/4);
    }
    .cq-xl\/sidebar\:gap-1\/3 {
      gap: var(--sf-space-1\/3);
    }
    .cq-xl\/sidebar\:gap-1\/2 {
      gap: var(--sf-space-1\/2);
    }
    .cq-xl\/sidebar\:gap-1 {
      gap: var(--sf-space-1);
    }
    .cq-xl\/sidebar\:gap-2 {
      gap: var(--sf-space-2);
    }
    .cq-xl\/sidebar\:gap-3 {
      gap: var(--sf-space-3);
    }
    .cq-xl\/sidebar\:gap-4 {
      gap: var(--sf-space-4);
    }
    .cq-xl\/sidebar\:gap-5 {
      gap: var(--sf-space-5);
    }
    .cq-xl\/sidebar\:gap-6 {
      gap: var(--sf-space-6);
    }
    .cq-xl\/sidebar\:gap-7 {
      gap: var(--sf-space-7);
    }
    .cq-xl\/sidebar\:gap-8 {
      gap: var(--sf-space-8);
    }
    .cq-xl\/sidebar\:row-gap-0 {
      row-gap: var(--sf-space-0);
    }
    .cq-xl\/sidebar\:col-gap-0 {
      -webkit-column-gap: var(--sf-space-0);
         -moz-column-gap: var(--sf-space-0);
              column-gap: var(--sf-space-0);
    }
    .cq-xl\/sidebar\:row-gap-1\/4 {
      row-gap: var(--sf-space-1\/4);
    }
    .cq-xl\/sidebar\:col-gap-1\/4 {
      -webkit-column-gap: var(--sf-space-1\/4);
         -moz-column-gap: var(--sf-space-1\/4);
              column-gap: var(--sf-space-1\/4);
    }
    .cq-xl\/sidebar\:row-gap-1\/3 {
      row-gap: var(--sf-space-1\/3);
    }
    .cq-xl\/sidebar\:col-gap-1\/3 {
      -webkit-column-gap: var(--sf-space-1\/3);
         -moz-column-gap: var(--sf-space-1\/3);
              column-gap: var(--sf-space-1\/3);
    }
    .cq-xl\/sidebar\:row-gap-1\/2 {
      row-gap: var(--sf-space-1\/2);
    }
    .cq-xl\/sidebar\:col-gap-1\/2 {
      -webkit-column-gap: var(--sf-space-1\/2);
         -moz-column-gap: var(--sf-space-1\/2);
              column-gap: var(--sf-space-1\/2);
    }
    .cq-xl\/sidebar\:row-gap-1 {
      row-gap: var(--sf-space-1);
    }
    .cq-xl\/sidebar\:col-gap-1 {
      -webkit-column-gap: var(--sf-space-1);
         -moz-column-gap: var(--sf-space-1);
              column-gap: var(--sf-space-1);
    }
    .cq-xl\/sidebar\:row-gap-2 {
      row-gap: var(--sf-space-2);
    }
    .cq-xl\/sidebar\:col-gap-2 {
      -webkit-column-gap: var(--sf-space-2);
         -moz-column-gap: var(--sf-space-2);
              column-gap: var(--sf-space-2);
    }
    .cq-xl\/sidebar\:row-gap-3 {
      row-gap: var(--sf-space-3);
    }
    .cq-xl\/sidebar\:col-gap-3 {
      -webkit-column-gap: var(--sf-space-3);
         -moz-column-gap: var(--sf-space-3);
              column-gap: var(--sf-space-3);
    }
    .cq-xl\/sidebar\:row-gap-4 {
      row-gap: var(--sf-space-4);
    }
    .cq-xl\/sidebar\:col-gap-4 {
      -webkit-column-gap: var(--sf-space-4);
         -moz-column-gap: var(--sf-space-4);
              column-gap: var(--sf-space-4);
    }
    .cq-xl\/sidebar\:row-gap-5 {
      row-gap: var(--sf-space-5);
    }
    .cq-xl\/sidebar\:col-gap-5 {
      -webkit-column-gap: var(--sf-space-5);
         -moz-column-gap: var(--sf-space-5);
              column-gap: var(--sf-space-5);
    }
    .cq-xl\/sidebar\:row-gap-6 {
      row-gap: var(--sf-space-6);
    }
    .cq-xl\/sidebar\:col-gap-6 {
      -webkit-column-gap: var(--sf-space-6);
         -moz-column-gap: var(--sf-space-6);
              column-gap: var(--sf-space-6);
    }
    .cq-xl\/sidebar\:row-gap-7 {
      row-gap: var(--sf-space-7);
    }
    .cq-xl\/sidebar\:col-gap-7 {
      -webkit-column-gap: var(--sf-space-7);
         -moz-column-gap: var(--sf-space-7);
              column-gap: var(--sf-space-7);
    }
    .cq-xl\/sidebar\:row-gap-8 {
      row-gap: var(--sf-space-8);
    }
    .cq-xl\/sidebar\:col-gap-8 {
      -webkit-column-gap: var(--sf-space-8);
         -moz-column-gap: var(--sf-space-8);
              column-gap: var(--sf-space-8);
    }
  }
}