/* tao-ma-vach.blade.php: Tailwind step 2. Utilities live in the markup; built by work/tw/build-tools.sh (content: tao-ma-vach.classes). */

/*! tw-utilities */

:where(.cmt) .tw-grid {
  display: grid
}

:where(.cmt) .tw-grid-cols-\[repeat\(auto-fit\,_minmax\(240px\,_1fr\)\)\] {
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr))
}

:where(.cmt) .tw-gap-\[12px\] {
  gap: 12px
}

:where(.cmt) .tw-rounded-\[var\(--r-lg\,_20px\)\] {
  border-radius: var(--r-lg, 20px)
}

:where(.cmt) .tw-p-\[18px\] {
  padding: 18px
}

:where(.cmt) .tw-css-background-\[\#fff\] {
  background: #fff
}

:where(.cmt) .\[\&\#bc-hint\.is-error\]\:tw-css-color-\[\#D92D20\]#bc-hint.is-error {
  color: #D92D20
}

:where(.cmt) .\[\&\.is-one\]\:tw-grid-cols-\[minmax\(0\2c _460px\)\].is-one {
  grid-template-columns: minmax(0, 460px)
}

:where(.cmt) .\[\&\.is-one\]\:tw-justify-center.is-one {
  justify-content: center
}

:where(.cmt) .\[\&_button\.active\]\:tw-css-background-\[var\(--surface\2c _\#fff\)\] button.active {
  background: var(--surface, #fff)
}

:where(.cmt) .\[\&_button\.active\]\:tw-css-box-shadow-\[0_1px_2px_rgba\(17\2c _19\2c _21\2c _\.1\)\] button.active {
  box-shadow: 0 1px 2px rgba(17, 19, 21, .1)
}

:where(.cmt) .\[\&_button\.active\]\:tw-css-color-\[var\(--ink\2c _\#1D1D1F\)\] button.active {
  color: var(--ink, #1D1D1F)
}

:where(.cmt) .\[\&_svg\]\:tw-block svg {
  display: block
}

:where(.cmt) .\[\&_svg\]\:tw-h-auto svg {
  height: auto
}

:where(.cmt) .\[\&_svg\]\:tw-w-full svg {
  width: 100%
}