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

/*! tw-utilities */

:where(.cmt) .tw-pointer-events-none {
  pointer-events: none
}

:where(.cmt) .tw-absolute {
  position: absolute
}

:where(.cmt) .tw-relative {
  position: relative
}

:where(.cmt) .tw-z-\[2\] {
  z-index: 2
}

:where(.cmt) .tw-z-\[3\] {
  z-index: 3
}

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

:where(.cmt) .tw-h-\[26px\] {
  height: 26px
}

:where(.cmt) .tw-w-\[26px\] {
  width: 26px
}

:where(.cmt) .tw-max-w-\[100\%\] {
  max-width: 100%
}

:where(.cmt) .tw-items-center {
  align-items: center
}

:where(.cmt) .tw-justify-center {
  justify-content: center
}

:where(.cmt) .tw-rounded-\[50\%\] {
  border-radius: 50%
}

:where(.cmt) .tw-rounded-\[8px\] {
  border-radius: 8px
}

:where(.cmt) .tw-text-\[12px\] {
  font-size: 12px
}

:where(.cmt) .tw-font-semibold {
  font-weight: 600
}

:where(.cmt) .tw-leading-\[0\] {
  line-height: 0
}

:where(.cmt) .tw-leading-\[1\] {
  line-height: 1
}

:where(.cmt) .tw-css-border-\[2px_solid_\#fff\] {
  border: 2px solid #fff
}

:where(.cmt) .tw-css-border-\[2px_solid_rgba\(16\,_24\,_40\,_\.55\)\] {
  border: 2px solid rgba(16, 24, 40, .55)
}

:where(.cmt) .tw-css-background-\[var\(--ink\,_\#1D1D1F\)\] {
  background: var(--ink, #1D1D1F)
}

:where(.cmt) .tw-css-box-shadow-\[0_2px_8px_rgba\(16\,_24\,_40\,_\.35\)\] {
  box-shadow: 0 2px 8px rgba(16, 24, 40, .35)
}

:where(.cmt) .tw-css-color-\[var\(--surface\,_\#fff\)\] {
  color: var(--surface, #fff)
}

:where(.cmt) .tw-css-transform-\[translate\(-50\%\,_-50\%\)\] {
  transform: translate(-50%, -50%)
}

:where(.cmt) .\[\&\.cd-bar\]\:tw-css-direction-\[rtl\].cd-bar {
  direction: rtl
}

:where(.cmt) .\[\&\.has-image\]\:tw-cursor-default.has-image {
  cursor: default
}

:where(.cmt) .\[\&\.is-dragover\]\:tw-css-box-shadow-\[inset_0_0_0_1\.5px_var\(--ink\2c _\#1D1D1F\)\].is-dragover {
  box-shadow: inset 0 0 0 1.5px var(--ink, #1D1D1F)
}

:where(.cmt) .\[\&\.is-good\]\:tw-css-background-\[\#079455\].is-good {
  background: #079455
}

:where(.cmt) .\[\&\.is-good\]\:tw-css-border-color-\[rgba\(7\2c _148\2c _85\2c _\.7\)\].is-good {
  border-color: rgba(7, 148, 85, .7)
}

:where(.cmt) .\[\&\.is-good\]\:tw-css-color-\[\#fff\].is-good {
  color: #fff
}

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

:where(.cmt) .\[\&_img\]\:tw-max-h-\[520px\] img {
  max-height: 520px
}

:where(.cmt) .\[\&_img\]\:tw-max-w-\[100\%\] img {
  max-width: 100%
}

:where(.cmt) .cd-note .\[\.cd-note_\&\]\:tw-static {
  position: static
}

:where(.cmt) .cd-note .\[\.cd-note_\&\]\:tw-h-\[22px\] {
  height: 22px
}

:where(.cmt) .cd-note .\[\.cd-note_\&\]\:tw-w-\[22px\] {
  width: 22px
}

:where(.cmt) .cd-note .\[\.cd-note_\&\]\:tw-shrink-0 {
  flex-shrink: 0
}

:where(.cmt) .cd-note .\[\.cd-note_\&\]\:tw-text-\[12px\] {
  font-size: 12px
}

:where(.cmt) .cd-note .\[\.cd-note_\&\]\:tw-css-border-\[0\] {
  border: 0
}

:where(.cmt) .cd-note .\[\.cd-note_\&\]\:tw-css-box-shadow-\[none\] {
  box-shadow: none
}

:where(.cmt) .cd-note .\[\.cd-note_\&\]\:tw-css-transform-\[none\] {
  transform: none
}