/* docara-shell-source: runtime/utility/max-width/default/css/default.css */
@layer sf.utilities {
  .max-w-full {
    max-width: 100%;
  }
  .max-w-screen {
    max-width: 100vw;
  }
  .max-w-min {
    max-width: -webkit-min-content;
    max-width: -moz-min-content;
    max-width: min-content;
  }
  .max-w-max {
    max-width: -webkit-max-content;
    max-width: -moz-max-content;
    max-width: max-content;
  }
  .max-w-fit {
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content;
  }
  .max-w-prose {
    max-width: 65ch;
  }
  .max-w-0 {
    max-width: 0;
  }
  .max-w-none {
    max-width: none;
  }
  .max-w-sm {
    max-width: 32rem;
  }
  .max-w-md {
    max-width: 44rem;
  }
  .max-w-lg {
    max-width: 60rem;
  }
  .max-w-xl {
    max-width: 72rem;
  }
  .max-w-xxl {
    max-width: 80rem;
  }
}

/* docara-shell-source: runtime/utility/width/md/css/md.css */
@layer sf.utilities {
  @media (min-width: 44rem) {
    .md\:w-auto {
      width: auto;
    }
    .md\:w-1\/1 {
      width: 100%;
    }
    .md\:w-1\/2 {
      width: 50%;
    }
    .md\:w-1\/3 {
      width: 33.333333%;
    }
    .md\:w-2\/3 {
      width: 66.666667%;
    }
    .md\:w-1\/4 {
      width: 25%;
    }
    .md\:w-2\/4 {
      width: 50%;
    }
    .md\:w-3\/4 {
      width: 75%;
    }
    .md\:w-1\/5 {
      width: 20%;
    }
    .md\:w-2\/5 {
      width: 40%;
    }
    .md\:w-3\/5 {
      width: 60%;
    }
    .md\:w-4\/5 {
      width: 80%;
    }
    .md\:w-1\/6 {
      width: 16.666667%;
    }
    .md\:w-2\/6 {
      width: 33.333333%;
    }
    .md\:w-3\/6 {
      width: 50%;
    }
    .md\:w-4\/6 {
      width: 66.666667%;
    }
    .md\:w-5\/6 {
      width: 83.333333%;
    }
    .md\:w-1\/12 {
      width: 8.333333%;
    }
    .md\:w-2\/12 {
      width: 16.666667%;
    }
    .md\:w-3\/12 {
      width: 25%;
    }
    .md\:w-4\/12 {
      width: 33.333333%;
    }
    .md\:w-5\/12 {
      width: 41.666667%;
    }
    .md\:w-6\/12 {
      width: 50%;
    }
    .md\:w-7\/12 {
      width: 58.333333%;
    }
    .md\:w-8\/12 {
      width: 66.666667%;
    }
    .md\:w-9\/12 {
      width: 75%;
    }
    .md\:w-10\/12 {
      width: 83.333333%;
    }
    .md\:w-11\/12 {
      width: 91.666667%;
    }
    .md\:w-full {
      width: 100%;
    }
    .md\:w-screen {
      width: 100vw;
    }
    .md\:w-screen-small {
      width: var(--sf-viewport-width-small);
    }
    .md\:w-screen-large {
      width: var(--sf-viewport-width-large);
    }
    .md\:w-screen-dynamic {
      width: var(--sf-viewport-width-dynamic);
    }
    .md\:w-min {
      width: -webkit-min-content;
      width: -moz-min-content;
      width: min-content;
    }
    .md\:w-max {
      width: -webkit-max-content;
      width: -moz-max-content;
      width: max-content;
    }
    .md\:w-fit {
      width: -webkit-fit-content;
      width: -moz-fit-content;
      width: fit-content;
    }
    .md\:w-px {
      width: 1px;
    }
    .md\:w-0 {
      width: 0;
    }
  }
}

/* docara-shell-source: runtime/utility/width/xl/css/xl.css */
@layer sf.utilities {
  @media (min-width: 72rem) {
    .xl\:w-auto {
      width: auto;
    }
    .xl\:w-1\/1 {
      width: 100%;
    }
    .xl\:w-1\/2 {
      width: 50%;
    }
    .xl\:w-1\/3 {
      width: 33.333333%;
    }
    .xl\:w-2\/3 {
      width: 66.666667%;
    }
    .xl\:w-1\/4 {
      width: 25%;
    }
    .xl\:w-2\/4 {
      width: 50%;
    }
    .xl\:w-3\/4 {
      width: 75%;
    }
    .xl\:w-1\/5 {
      width: 20%;
    }
    .xl\:w-2\/5 {
      width: 40%;
    }
    .xl\:w-3\/5 {
      width: 60%;
    }
    .xl\:w-4\/5 {
      width: 80%;
    }
    .xl\:w-1\/6 {
      width: 16.666667%;
    }
    .xl\:w-2\/6 {
      width: 33.333333%;
    }
    .xl\:w-3\/6 {
      width: 50%;
    }
    .xl\:w-4\/6 {
      width: 66.666667%;
    }
    .xl\:w-5\/6 {
      width: 83.333333%;
    }
    .xl\:w-1\/12 {
      width: 8.333333%;
    }
    .xl\:w-2\/12 {
      width: 16.666667%;
    }
    .xl\:w-3\/12 {
      width: 25%;
    }
    .xl\:w-4\/12 {
      width: 33.333333%;
    }
    .xl\:w-5\/12 {
      width: 41.666667%;
    }
    .xl\:w-6\/12 {
      width: 50%;
    }
    .xl\:w-7\/12 {
      width: 58.333333%;
    }
    .xl\:w-8\/12 {
      width: 66.666667%;
    }
    .xl\:w-9\/12 {
      width: 75%;
    }
    .xl\:w-10\/12 {
      width: 83.333333%;
    }
    .xl\:w-11\/12 {
      width: 91.666667%;
    }
    .xl\:w-full {
      width: 100%;
    }
    .xl\:w-screen {
      width: 100vw;
    }
    .xl\:w-screen-small {
      width: var(--sf-viewport-width-small);
    }
    .xl\:w-screen-large {
      width: var(--sf-viewport-width-large);
    }
    .xl\:w-screen-dynamic {
      width: var(--sf-viewport-width-dynamic);
    }
    .xl\:w-min {
      width: -webkit-min-content;
      width: -moz-min-content;
      width: min-content;
    }
    .xl\:w-max {
      width: -webkit-max-content;
      width: -moz-max-content;
      width: max-content;
    }
    .xl\:w-fit {
      width: -webkit-fit-content;
      width: -moz-fit-content;
      width: fit-content;
    }
    .xl\:w-px {
      width: 1px;
    }
    .xl\:w-0 {
      width: 0;
    }
  }
}