@layer modules {
  .collapse {
      visibility: collapse
  }
  .fixed {
      position: fixed
  }
  .inline {
      display: inline
  }
  .flex {
      display: flex
  }
  .inline-flex {
      display: inline-flex
  }
  .table {
      display: table
  }
  .grid {
      display: grid
  }
  .border {
      border-width: 1px
  }
  .uppercase {
      text-transform: uppercase
  }
  .capitalize {
      text-transform: capitalize
  }
  .outline {
      outline-style: solid
  }
  .ring {
      --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
      --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
      box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
  }
  .filter {
      filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
  }
}