/* docara-shell-source: runtime/utility/flex-wrap/default/css/default.css */
@layer sf.utilities {
  .flex-wrap {
    flex-wrap: wrap;
  }
  .flex-wrap-reverse {
    flex-wrap: wrap-reverse;
  }
  .flex-nowrap {
    flex-wrap: nowrap;
  }
}

/* docara-shell-source: runtime/utility/flex/default/css/default.css */
@layer sf.utilities {
  .flex-1 {
    flex: 1 1 0%;
  }
  .flex-auto {
    flex: 1 1 auto;
  }
  .flex-content {
    flex: 1 0 auto;
  }
  .flex-initial {
    flex: 0 1 auto;
  }
  .flex-none {
    flex: none;
  }
}

/* docara-shell-source: runtime/utility/font-weight/default/css/default.css */
@layer sf.utilities {
  .regular {
    font-weight: normal;
  }
  .bold {
    font-weight: bold;
  }
  .lighter {
    font-weight: lighter;
  }
  .bolder {
    font-weight: bolder;
  }
  .weight-1 {
    font-weight: 100;
  }
  .weight-2 {
    font-weight: 200;
  }
  .weight-3 {
    font-weight: 300;
  }
  .weight-4 {
    font-weight: 400;
  }
  .weight-5 {
    font-weight: 500;
  }
  .weight-6 {
    font-weight: 600;
  }
  .weight-7 {
    font-weight: 700;
  }
  .weight-8 {
    font-weight: 800;
  }
  .weight-9 {
    font-weight: 900;
  }
}

/* docara-shell-source: runtime/utility/break-before/default/css/default.css */
@layer sf.utilities {
  .break-before-auto {
    page-break-before: auto;
    -webkit-column-break-before: auto;
       -moz-column-break-before: auto;
            break-before: auto;
  }
  .break-before-avoid {
    page-break-before: avoid;
    -webkit-column-break-before: avoid;
       -moz-column-break-before: avoid;
            break-before: avoid;
  }
  .break-before-all {
    page-break-before: all;
    -webkit-column-break-before: all;
       -moz-column-break-before: all;
            break-before: all;
  }
  .break-before-avoid-page {
    page-break-before: avoid;
    -webkit-column-break-before: avoid;
       -moz-column-break-before: avoid;
            break-before: avoid-page;
  }
  .break-before-page {
    page-break-before: always;
    -webkit-column-break-before: page;
       -moz-column-break-before: page;
            break-before: page;
  }
  .break-before-left {
    page-break-before: left;
    -webkit-column-break-before: left;
       -moz-column-break-before: left;
            break-before: left;
  }
  .break-before-right {
    page-break-before: right;
    -webkit-column-break-before: right;
       -moz-column-break-before: right;
            break-before: right;
  }
  .break-before-column {
    -webkit-column-break-before: column;
       -moz-column-break-before: column;
            break-before: column;
  }
}

/* docara-shell-source: runtime/utility/column-gap/default/css/default.css */
@layer sf.utilities {
  .col-gap-0 {
    -webkit-column-gap: var(--sf-space-0);
       -moz-column-gap: var(--sf-space-0);
            column-gap: var(--sf-space-0);
  }
  .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);
  }
  .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);
  }
  .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);
  }
  .col-gap-1 {
    -webkit-column-gap: var(--sf-space-1);
       -moz-column-gap: var(--sf-space-1);
            column-gap: var(--sf-space-1);
  }
  .col-gap-2 {
    -webkit-column-gap: var(--sf-space-2);
       -moz-column-gap: var(--sf-space-2);
            column-gap: var(--sf-space-2);
  }
  .col-gap-3 {
    -webkit-column-gap: var(--sf-space-3);
       -moz-column-gap: var(--sf-space-3);
            column-gap: var(--sf-space-3);
  }
  .col-gap-4 {
    -webkit-column-gap: var(--sf-space-4);
       -moz-column-gap: var(--sf-space-4);
            column-gap: var(--sf-space-4);
  }
  .col-gap-5 {
    -webkit-column-gap: var(--sf-space-5);
       -moz-column-gap: var(--sf-space-5);
            column-gap: var(--sf-space-5);
  }
  .col-gap-6 {
    -webkit-column-gap: var(--sf-space-6);
       -moz-column-gap: var(--sf-space-6);
            column-gap: var(--sf-space-6);
  }
  .col-gap-7 {
    -webkit-column-gap: var(--sf-space-7);
       -moz-column-gap: var(--sf-space-7);
            column-gap: var(--sf-space-7);
  }
  .col-gap-8 {
    -webkit-column-gap: var(--sf-space-8);
       -moz-column-gap: var(--sf-space-8);
            column-gap: var(--sf-space-8);
  }
}

/* docara-shell-source: runtime/utility/column/default/css/default.css */
@layer sf.utilities {
  .layout-col-1 {
    -webkit-column-count: 1;
       -moz-column-count: 1;
            column-count: 1;
  }
  .layout-col-2 {
    -webkit-column-count: 2;
       -moz-column-count: 2;
            column-count: 2;
  }
  .layout-col-3 {
    -webkit-column-count: 3;
       -moz-column-count: 3;
            column-count: 3;
  }
  .layout-col-4 {
    -webkit-column-count: 4;
       -moz-column-count: 4;
            column-count: 4;
  }
  .layout-col-5 {
    -webkit-column-count: 5;
       -moz-column-count: 5;
            column-count: 5;
  }
  .layout-col-6 {
    -webkit-column-count: 6;
       -moz-column-count: 6;
            column-count: 6;
  }
  .layout-col-7 {
    -webkit-column-count: 7;
       -moz-column-count: 7;
            column-count: 7;
  }
  .layout-col-8 {
    -webkit-column-count: 8;
       -moz-column-count: 8;
            column-count: 8;
  }
  .layout-col-9 {
    -webkit-column-count: 9;
       -moz-column-count: 9;
            column-count: 9;
  }
  .layout-col-10 {
    -webkit-column-count: 10;
       -moz-column-count: 10;
            column-count: 10;
  }
  .layout-col-11 {
    -webkit-column-count: 11;
       -moz-column-count: 11;
            column-count: 11;
  }
  .layout-col-12 {
    -webkit-column-count: 12;
       -moz-column-count: 12;
            column-count: 12;
  }
  .layout-col-auto {
    -webkit-column-count: auto;
       -moz-column-count: auto;
            column-count: auto;
  }
}