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

/*! tw-utilities */

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

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

:where(.cmt) .tw-m-\[-20px_0_0_-20px\] {
  margin: -20px 0 0 -20px
}

:where(.cmt) .tw-mt-\[4px\] {
  margin-top: 4px
}

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

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

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

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

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

:where(.cmt) .tw-cursor-grab {
  cursor: grab
}

:where(.cmt) .tw-flex-col {
  flex-direction: column
}

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

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

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

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

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

:where(.cmt) .tw-overflow-x-auto {
  overflow-x: auto
}

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

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

:where(.cmt) .tw-p-\[4px_2px_8px\] {
  padding: 4px 2px 8px
}

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

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

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

:where(.cmt) .tw-font-medium {
  font-weight: 500
}

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

:where(.cmt) .tw-css-background-\[var\(--inset\,_\#F5F5F7\)\] {
  background: var(--inset, #F5F5F7)
}

:where(.cmt) .tw-css-flex-\[0_0_auto\] {
  flex: 0 0 auto
}

:where(.cmt) .tw-css-color-\[var\(--ink-2\,_\#6E6E73\)\] {
  color: var(--ink-2, #6E6E73)
}

:where(.cmt) .tw-css-justify-content-\[safe_center\] {
  justify-content: safe center
}

:where(.cmt) .tw-css-touch-action-\[none\] {
  touch-action: none
}

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

:where(.cmt) .\[\&\#ds-tools_button\.is-on\:hover\]\:tw-css-background-\[var\(--ink\2c _\#1D1D1F\)\]#ds-tools button.is-on:hover {
  background: var(--ink, #1D1D1F)
}

:where(.cmt) .\[\&\#ds-tools_button\.is-on\:hover\]\:tw-css-color-\[var\(--surface\2c _\#fff\)\]#ds-tools button.is-on:hover {
  color: var(--surface, #fff)
}

:where(.cmt) .\[\&\#ds-tools_button\.is-on\]\:tw-css-background-\[var\(--ink\2c _\#1D1D1F\)\]#ds-tools button.is-on {
  background: var(--ink, #1D1D1F)
}

:where(.cmt) .\[\&\#ds-tools_button\.is-on\]\:tw-css-color-\[var\(--surface\2c _\#fff\)\]#ds-tools button.is-on {
  color: var(--surface, #fff)
}

:where(.cmt) .\[\&\.is-erase\]\:tw-cursor-crosshair.is-erase {
  cursor: crosshair
}

:where(.cmt) .\[\&\:\:after\]\:tw-absolute::after {
  position: absolute
}

:where(.cmt) .\[\&\:\:after\]\:tw-inset-\[11px\]::after {
  inset: 11px
}

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

:where(.cmt) .\[\&\:\:after\]\:tw-css-border-\[3px_solid_\#F15A24\]::after {
  border: 3px solid #F15A24
}

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

:where(.cmt) .\[\&\:\:after\]\:tw-css-box-shadow-\[0_1px_6px_rgba\(17\2c _19\2c _21\2c _\.45\)\]::after {
  box-shadow: 0 1px 6px rgba(17, 19, 21, .45)
}

:where(.cmt) .\[\&\:\:after\]\:tw-css-content-\[\'\'\]::after {
  content: ''
}

:where(.cmt) .\[\&\:active\]\:tw-cursor-grabbing:active {
  cursor: grabbing
}

:where(.cmt) .\[\&\:hover\]\:tw-css-background-\[var\(--hairline\2c _rgba\(0\2c _0\2c _0\2c _\.08\)\)\]:hover {
  background: var(--hairline, rgba(0, 0, 0, .08))
}

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

:where(.cmt) .\[\&_\:is\(i\2c \.icon\)\]\:tw-text-\[20px\] :is(i,.icon) {
  font-size: 20px
}

: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) .\[\&_button\:hover\]\:tw-css-background-\[var\(--hairline\2c _rgba\(0\2c _0\2c _0\2c _\.08\)\)\] button:hover {
  background: var(--hairline, rgba(0, 0, 0, .08))
}

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

:where(.cmt) .\[\&_button\]\:tw-flex button {
  display: flex
}

:where(.cmt) .\[\&_button\]\:tw-h-\[24px\] button {
  height: 24px
}

:where(.cmt) .\[\&_button\]\:tw-w-\[24px\] button {
  width: 24px
}

:where(.cmt) .\[\&_button\]\:tw-items-center button {
  align-items: center
}

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

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

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

:where(.cmt) .\[\&_button\]\:tw-css-border-\[0\] button {
  border: 0
}

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

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

:where(.cmt) .\[\&_canvas\]\:tw-absolute canvas {
  position: absolute
}

:where(.cmt) .\[\&_canvas\]\:tw-inset-\[0\] canvas {
  inset: 0
}

:where(.cmt) .\[\&_canvas\]\:tw-h-full canvas {
  height: 100%
}

:where(.cmt) .\[\&_canvas\]\:tw-max-h-\[100\%\] canvas {
  max-height: 100%
}

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

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

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

:where(.cmt) .\[\&_canvas\]\:tw-css-box-shadow-\[0_1px_3px_rgba\(17\2c _19\2c _21\2c _\.14\)\] canvas {
  box-shadow: 0 1px 3px rgba(17, 19, 21, .14)
}

:where(.cmt) .\[\&_polygon\]\:tw-css-fill-\[rgba\(241\2c _90\2c _36\2c _\.12\)\] polygon {
  fill: rgba(241, 90, 36, .12)
}

:where(.cmt) .\[\&_polygon\]\:tw-css-stroke-\[\#F15A24\] polygon {
  stroke: #F15A24
}

:where(.cmt) .\[\&_polygon\]\:tw-css-stroke-width-\[2\] polygon {
  stroke-width: 2
}

:where(.cmt) .\[\&_polygon\]\:tw-css-vector-effect-\[non-scaling-stroke\] polygon {
  vector-effect: non-scaling-stroke
}

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

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

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

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

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

:where(.cmt) .ds-page.is-active .\[\.ds-page\.is-active_\&\]\:tw-font-semibold {
  font-weight: 600
}

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

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