/**
 * This injects Tailwind's base styles and any base styles registered by
 * plugins.
 */

/* Wenbo: We cannot enable this because we also have bootstrap as global/base */

/*@tailwind base;*/

/**
 * This injects Tailwind's component classes and any component classes
 * registered by plugins.
 */

/*tailwind start components
 */

.om-container {
  width: 100%;
}

@media (min-width: 640px) {
  .om-container {
    max-width: 640px;
  }
}

@media (min-width: 768px) {
  .om-container {
    max-width: 768px;
  }
}

@media (min-width: 1024px) {
  .om-container {
    max-width: 1024px;
  }
}

@media (min-width: 1280px) {
  .om-container {
    max-width: 1280px;
  }
}

/*tailwind end components
 */

/**
 * This injects Tailwind's utility classes and any utility classes registered
 * by plugins.
 */

.om-space-y-4 > :not(template) ~ :not(template) {
  --space-y-reverse: 0;
  margin-top: calc(1rem * calc(1 - var(--space-y-reverse)));
  margin-bottom: calc(1rem * var(--space-y-reverse));
}

.om-space-x-4 > :not(template) ~ :not(template) {
  --space-x-reverse: 0;
  margin-right: calc(1rem * var(--space-x-reverse));
  margin-left: calc(1rem * calc(1 - var(--space-x-reverse)));
}

.om-flex {
  display: flex;
}

.om-grid {
  display: grid;
}

.om-flex-row {
  flex-direction: row;
}

.om-flex-col {
  flex-direction: column;
}

.om-items-start {
  align-items: flex-start;
}

.om-items-end {
  align-items: flex-end;
}

.om-items-center {
  align-items: center;
}

.om-items-baseline {
  align-items: baseline;
}

.om-justify-end {
  justify-content: flex-end;
}

.om-justify-center {
  justify-content: center;
}

.om-justify-between {
  justify-content: space-between;
}

.om-font-semibold {
  font-weight: 600;
}

.om-font-bold {
  font-weight: 700;
}

.om-mt-4 {
  margin-top: 1rem;
}

.om-mr-4 {
  margin-right: 1rem;
}

.om-mb-4 {
  margin-bottom: 1rem;
}

.om-ml-4 {
  margin-left: 1rem;
}

.om-mt-8 {
  margin-top: 2rem;
}

.om-ml-8 {
  margin-left: 2rem;
}

.om-max-w-xs {
  max-width: 20rem;
}

.om-p-4 {
  padding: 1rem;
}

.om-p-8 {
  padding: 2rem;
}

.om-px-4 {
  padding-left: 1rem;
  padding-right: 1rem;
}

.om-pl-1 {
  padding-left: 0.25rem;
}

.om-pt-4 {
  padding-top: 1rem;
}

.om-pb-4 {
  padding-bottom: 1rem;
}

.om-pl-4 {
  padding-left: 1rem;
}

.om-pt-8 {
  padding-top: 2rem;
}

.om-pl-20 {
  padding-left: 5rem;
}

.om-absolute {
  position: absolute;
}

.om-relative {
  position: relative;
}

.om-w-1\/2 {
  width: 50%;
}

.om-w-1\/3 {
  width: 33.333333%;
}

.om-w-2\/3 {
  width: 66.666667%;
}

.om-w-1\/5 {
  width: 20%;
}

.om-w-3\/5 {
  width: 60%;
}

.om-w-4\/5 {
  width: 80%;
}

.om-w-1\/6 {
  width: 16.666667%;
}

.om-w-5\/6 {
  width: 83.333333%;
}

.om-w-full {
  width: 100%;
}

.om-gap-4 {
  grid-gap: 1rem;
  gap: 1rem;
}

.om-grid-cols-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}

.om-grid-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

/**
 * Use this directive to control where Tailwind injects the responsive
 * variations of each utility.
 *
 * If omitted, Tailwind will append these classes to the very end of
 * your stylesheet by default.
 */

/*@tailwind screens;*/

.criteria-options-label {
  font-size: 1.125rem;
  font-weight: 700;
  padding-top: 1rem;
}

@media (min-width: 768px) {
  .md\:om-space-x-4 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(1rem * var(--space-x-reverse));
    margin-left: calc(1rem * calc(1 - var(--space-x-reverse)));
  }

  .md\:om-flex-row {
    flex-direction: row;
  }

  .md\:om-w-8 {
    width: 2rem;
  }

  .md\:om-w-full {
    width: 100%;
  }

  .md\:om-grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}


/*# sourceMappingURL=main.266e1b8e75871d795c7617121ec2cf9a.bundle.map*/