/* 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/gap/default/css/default.css */
@layer sf.utilities {
  .gap-0,
  .g-0 {
    gap: var(--sf-space-0);
  }
  .gap-1\/4,
  .g-1\/4 {
    gap: var(--sf-space-1\/4);
  }
  .gap-1\/3,
  .g-1\/3 {
    gap: var(--sf-space-1\/3);
  }
  .gap-1\/2,
  .g-1\/2 {
    gap: var(--sf-space-1\/2);
  }
  .gap-1,
  .g-1 {
    gap: var(--sf-space-1);
  }
  .gap-2,
  .g-2 {
    gap: var(--sf-space-2);
  }
  .gap-3,
  .g-3 {
    gap: var(--sf-space-3);
  }
  .gap-4,
  .g-4 {
    gap: var(--sf-space-4);
  }
  .gap-5,
  .g-5 {
    gap: var(--sf-space-5);
  }
  .gap-6,
  .g-6 {
    gap: var(--sf-space-6);
  }
  .gap-7,
  .g-7 {
    gap: var(--sf-space-7);
  }
  .gap-8,
  .g-8 {
    gap: var(--sf-space-8);
  }
  .col-gap-0,
  .gap-x-0,
  .g-x-0 {
    -webkit-column-gap: var(--sf-space-0);
       -moz-column-gap: var(--sf-space-0);
            column-gap: var(--sf-space-0);
  }
  .row-gap-0,
  .gap-y-0,
  .g-y-0 {
    row-gap: var(--sf-space-0);
  }
  .col-gap-1\/4,
  .gap-x-1\/4,
  .g-x-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);
  }
  .row-gap-1\/4,
  .gap-y-1\/4,
  .g-y-1\/4 {
    row-gap: var(--sf-space-1\/4);
  }
  .col-gap-1\/3,
  .gap-x-1\/3,
  .g-x-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);
  }
  .row-gap-1\/3,
  .gap-y-1\/3,
  .g-y-1\/3 {
    row-gap: var(--sf-space-1\/3);
  }
  .col-gap-1\/2,
  .gap-x-1\/2,
  .g-x-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);
  }
  .row-gap-1\/2,
  .gap-y-1\/2,
  .g-y-1\/2 {
    row-gap: var(--sf-space-1\/2);
  }
  .col-gap-1,
  .gap-x-1,
  .g-x-1 {
    -webkit-column-gap: var(--sf-space-1);
       -moz-column-gap: var(--sf-space-1);
            column-gap: var(--sf-space-1);
  }
  .row-gap-1,
  .gap-y-1,
  .g-y-1 {
    row-gap: var(--sf-space-1);
  }
  .col-gap-2,
  .gap-x-2,
  .g-x-2 {
    -webkit-column-gap: var(--sf-space-2);
       -moz-column-gap: var(--sf-space-2);
            column-gap: var(--sf-space-2);
  }
  .row-gap-2,
  .gap-y-2,
  .g-y-2 {
    row-gap: var(--sf-space-2);
  }
  .col-gap-3,
  .gap-x-3,
  .g-x-3 {
    -webkit-column-gap: var(--sf-space-3);
       -moz-column-gap: var(--sf-space-3);
            column-gap: var(--sf-space-3);
  }
  .row-gap-3,
  .gap-y-3,
  .g-y-3 {
    row-gap: var(--sf-space-3);
  }
  .col-gap-4,
  .gap-x-4,
  .g-x-4 {
    -webkit-column-gap: var(--sf-space-4);
       -moz-column-gap: var(--sf-space-4);
            column-gap: var(--sf-space-4);
  }
  .row-gap-4,
  .gap-y-4,
  .g-y-4 {
    row-gap: var(--sf-space-4);
  }
  .col-gap-5,
  .gap-x-5,
  .g-x-5 {
    -webkit-column-gap: var(--sf-space-5);
       -moz-column-gap: var(--sf-space-5);
            column-gap: var(--sf-space-5);
  }
  .row-gap-5,
  .gap-y-5,
  .g-y-5 {
    row-gap: var(--sf-space-5);
  }
  .col-gap-6,
  .gap-x-6,
  .g-x-6 {
    -webkit-column-gap: var(--sf-space-6);
       -moz-column-gap: var(--sf-space-6);
            column-gap: var(--sf-space-6);
  }
  .row-gap-6,
  .gap-y-6,
  .g-y-6 {
    row-gap: var(--sf-space-6);
  }
  .col-gap-7,
  .gap-x-7,
  .g-x-7 {
    -webkit-column-gap: var(--sf-space-7);
       -moz-column-gap: var(--sf-space-7);
            column-gap: var(--sf-space-7);
  }
  .row-gap-7,
  .gap-y-7,
  .g-y-7 {
    row-gap: var(--sf-space-7);
  }
  .col-gap-8,
  .gap-x-8,
  .g-x-8 {
    -webkit-column-gap: var(--sf-space-8);
       -moz-column-gap: var(--sf-space-8);
            column-gap: var(--sf-space-8);
  }
  .row-gap-8,
  .gap-y-8,
  .g-y-8 {
    row-gap: var(--sf-space-8);
  }
}

/* docara-shell-source: runtime/utility/headers/default/css/default.css */
@layer sf.base {
  .bg-surface-overlay {
    background-color: var(--sf-surface-overlay);
    -webkit-backdrop-filter: blur(var(--sf-surface-overlay--blur));
            backdrop-filter: blur(var(--sf-surface-overlay--blur));
  }
}
@layer sf.utilities {
  h1 {
    font-size: var(--sf-heading-1--size);
    line-height: var(--sf-heading-1--height);
  }
  h2 {
    font-size: var(--sf-heading-2--size);
    line-height: var(--sf-heading-2--height);
  }
  h3 {
    font-size: var(--sf-heading-3--size);
    line-height: var(--sf-heading-3--height);
  }
  h4 {
    font-size: var(--sf-heading-4--size);
    line-height: var(--sf-heading-4--height);
  }
  h5 {
    font-size: var(--sf-heading-5--size);
    line-height: var(--sf-heading-5--height);
  }
  h6 {
    font-size: var(--sf-heading-6--size);
    line-height: var(--sf-heading-6--height);
  }
}

/* docara-shell-source: runtime/utility/height-ext/default/css/default.css */
@layer sf.utilities {
  .h-a0 {
    height: var(--sf-a0);
  }
  .h-a1 {
    height: var(--sf-a1);
  }
  .h-a2 {
    height: var(--sf-a2);
  }
  .h-a3 {
    height: var(--sf-a3);
  }
  .h-a4 {
    height: var(--sf-a4);
  }
  .h-a5 {
    height: var(--sf-a5);
  }
  .h-a6 {
    height: var(--sf-a6);
  }
  .h-a7 {
    height: var(--sf-a7);
  }
  .h-a8 {
    height: var(--sf-a8);
  }
  .h-a9 {
    height: var(--sf-a9);
  }
  .h-b0 {
    height: var(--sf-b0);
  }
  .h-b1 {
    height: var(--sf-b1);
  }
  .h-b2 {
    height: var(--sf-b2);
  }
  .h-b3 {
    height: var(--sf-b3);
  }
  .h-b4 {
    height: var(--sf-b4);
  }
  .h-b5 {
    height: var(--sf-b5);
  }
  .h-b6 {
    height: var(--sf-b6);
  }
  .h-b7 {
    height: var(--sf-b7);
  }
  .h-b8 {
    height: var(--sf-b8);
  }
  .h-b9 {
    height: var(--sf-b9);
  }
  .h-c0 {
    height: var(--sf-c0);
  }
  .h-c1 {
    height: var(--sf-c1);
  }
  .h-c2 {
    height: var(--sf-c2);
  }
  .h-c3 {
    height: var(--sf-c3);
  }
  .h-c4 {
    height: var(--sf-c4);
  }
  .h-c5 {
    height: var(--sf-c5);
  }
  .h-c6 {
    height: var(--sf-c6);
  }
  .h-c7 {
    height: var(--sf-c7);
  }
  .h-c8 {
    height: var(--sf-c8);
  }
  .h-c9 {
    height: var(--sf-c9);
  }
  .h-d0 {
    height: var(--sf-d0);
  }
  .h-d1 {
    height: var(--sf-d1);
  }
  .h-d2 {
    height: var(--sf-d2);
  }
  .h-d3 {
    height: var(--sf-d3);
  }
  .h-d4 {
    height: var(--sf-d4);
  }
  .h-d5 {
    height: var(--sf-d5);
  }
  .h-d6 {
    height: var(--sf-d6);
  }
  .h-d7 {
    height: var(--sf-d7);
  }
  .h-d8 {
    height: var(--sf-d8);
  }
  .h-d9 {
    height: var(--sf-d9);
  }
  .h-e0 {
    height: var(--sf-e0);
  }
  .h-e1 {
    height: var(--sf-e1);
  }
  .h-e2 {
    height: var(--sf-e2);
  }
  .h-e3 {
    height: var(--sf-e3);
  }
  .h-e4 {
    height: var(--sf-e4);
  }
  .h-e5 {
    height: var(--sf-e5);
  }
  .h-e6 {
    height: var(--sf-e6);
  }
  .h-e7 {
    height: var(--sf-e7);
  }
  .h-e8 {
    height: var(--sf-e8);
  }
  .h-e9 {
    height: var(--sf-e9);
  }
  .h-f0 {
    height: var(--sf-f0);
  }
  .h-f1 {
    height: var(--sf-f1);
  }
  .h-f2 {
    height: var(--sf-f2);
  }
  .h-f3 {
    height: var(--sf-f3);
  }
  .h-f4 {
    height: var(--sf-f4);
  }
  .h-f5 {
    height: var(--sf-f5);
  }
  .h-f6 {
    height: var(--sf-f6);
  }
  .h-f7 {
    height: var(--sf-f7);
  }
  .h-f8 {
    height: var(--sf-f8);
  }
  .h-f9 {
    height: var(--sf-f9);
  }
  .h-g0 {
    height: var(--sf-g0);
  }
  .h-g1 {
    height: var(--sf-g1);
  }
  .h-g2 {
    height: var(--sf-g2);
  }
  .h-g3 {
    height: var(--sf-g3);
  }
  .h-g4 {
    height: var(--sf-g4);
  }
  .h-g5 {
    height: var(--sf-g5);
  }
  .h-g6 {
    height: var(--sf-g6);
  }
  .h-g7 {
    height: var(--sf-g7);
  }
  .h-g8 {
    height: var(--sf-g8);
  }
  .h-g9 {
    height: var(--sf-g9);
  }
  .h-h0 {
    height: var(--sf-h0);
  }
  .h-h1 {
    height: var(--sf-h1);
  }
  .h-h2 {
    height: var(--sf-h2);
  }
  .h-h3 {
    height: var(--sf-h3);
  }
  .h-h4 {
    height: var(--sf-h4);
  }
  .h-h5 {
    height: var(--sf-h5);
  }
  .h-h6 {
    height: var(--sf-h6);
  }
  .h-h7 {
    height: var(--sf-h7);
  }
  .h-h8 {
    height: var(--sf-h8);
  }
  .h-h9 {
    height: var(--sf-h9);
  }
  .h-i0 {
    height: var(--sf-i0);
  }
  .h-i1 {
    height: var(--sf-i1);
  }
  .h-i2 {
    height: var(--sf-i2);
  }
  .h-i3 {
    height: var(--sf-i3);
  }
  .h-i4 {
    height: var(--sf-i4);
  }
  .h-i5 {
    height: var(--sf-i5);
  }
  .h-i6 {
    height: var(--sf-i6);
  }
  .h-i7 {
    height: var(--sf-i7);
  }
  .h-i8 {
    height: var(--sf-i8);
  }
  .h-i9 {
    height: var(--sf-i9);
  }
}