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

:where(.cmt) .pe-obj {
  position: absolute;
  box-sizing: border-box;
  cursor: move;
}

:where(.cmt) .pe-obj.is-sel {
  outline: 1.5px solid #1D4ED8;
  outline-offset: 2px;
}

:where(.cmt) .pe-hl {
  background: rgba(255, 221, 51, .45);
  mix-blend-mode: multiply;
}

:where(.cmt) .pe-redact {
  background: #000;
}

:where(.cmt) .pe-text {
  white-space: pre;
  font-family: "Be Vietnam Pro", system-ui, sans-serif;
  min-width: 6px;
  padding: 0;
  line-height: 1.25;
  font-size: calc(var(--k) * var(--s) * 1px);
}

:where(.cmt) .pe-text [contenteditable]:empty::before {
  content: 'Nhập chữ';
  opacity: .45;
}

:where(.cmt) .pe-handle {
  position: absolute;
  right: -7px;
  bottom: -7px;
  height: 14px;
  width: 14px;
  border-radius: 50%;
  background: #1D4ED8;
  display: none;
  border: 2px solid #fff;
  cursor: nwse-resize;
}

:where(.cmt) .pe-obj.is-sel .pe-handle {
  display: block;
}

/*! tw-utilities */

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

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

:where(.cmt) .tw-sticky {
  position: sticky;
}

:where(.cmt) .tw-inset-\[0\] {
  inset: 0;
}

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

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

:where(.cmt) .tw-m-\[-8px_0_16px\] {
  margin: -8px 0 16px;
}

:where(.cmt) .tw-m-\[0_auto_18px\] {
  margin: 0 auto 18px;
}

:where(.cmt) .tw-block {
  display: block;
}

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

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

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

:where(.cmt) .tw-w-\[min\(480px\,_80vw\)\] {
  width: min(480px, 80vw);
}

:where(.cmt) .tw-cursor-crosshair {
  cursor: crosshair;
}

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

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

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

:where(.cmt) .tw-p-\[0\] {
  padding: 0;
}

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

: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-\[\#fff\] {
  background: #fff;
}

:where(.cmt) .tw-css-background-\[var\(--ground\,_\#FFFFFF\)\] {
  background: var(--ground, #FFFFFF);
}

:where(.cmt) .tw-css--webkit-user-select-\[none\] {
  -webkit-user-select: none;
}

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

:where(.cmt) .tw-css-box-shadow-\[inset_0_0_0_1px_rgba\(17\,_19\,_21\,_\.18\)\] {
  box-shadow: inset 0 0 0 1px rgba(17, 19, 21, .18);
}

:where(.cmt) .tw-css-box-shadow-\[inset_0_0_0_1px_var\(--hairline\,_rgba\(0\,_0\,_0\,_\.08\)\)\] {
  box-shadow: inset 0 0 0 1px var(--hairline, rgba(0, 0, 0, .08));
}

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

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

:where(.cmt) .tw-css-user-select-\[none\] {
  user-select: none;
}

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

:where(.cmt) .\[\&\#pe-status\.is-error\]\:tw-css-color-\[\#B42318\]#pe-status.is-error {
  color: #B42318;
}

:where(.cmt) .\[\&\.active\]\:tw-css-box-shadow-\[0_0_0_2px_var\(--surface\2c _\#fff\)\2c _0_0_0_4px_var\(--ink\2c _\#1D1D1F\)\].active {
  box-shadow: 0 0 0 2px var(--surface, #fff), 0 0 0 4px var(--ink, #1D1D1F);
}

:where(.cmt) .\[\&\.is-edit\]\:tw-cursor-text.is-edit {
  cursor: text;
}

:where(.cmt) .\[\&_\[contenteditable\]\]\:tw-block [contenteditable] {
  display: block;
}

:where(.cmt) .\[\&_\[contenteditable\]\]\:tw-min-w-\[1ch\] [contenteditable] {
  min-width: 1ch;
}

:where(.cmt) .\[\&_\[contenteditable\]\]\:tw-css-outline-\[none\] [contenteditable] {
  outline: none;
}

:where(.cmt) .\[\&_\[contenteditable\]\]\:tw-css--webkit-user-select-\[text\] [contenteditable] {
  -webkit-user-select: text;
}

:where(.cmt) .\[\&_\[contenteditable\]\]\:tw-css-cursor-\[inherit\] [contenteditable] {
  cursor: inherit;
}

:where(.cmt) .\[\&_\[contenteditable\]\]\:tw-css-user-select-\[text\] [contenteditable] {
  user-select: text;
}

: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) .\[\&_canvas\]\:tw-block canvas {
  display: block;
}

:where(.cmt) .\[\&_canvas\]\:tw-h-auto canvas {
  height: auto;
}

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

:where(.cmt) .\[\&_img\]\:tw-pointer-events-none img {
  pointer-events: none;
}

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

:where(.cmt) .\[\&_img\]\:tw-h-full img {
  height: 100%;
}

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

:where(.cmt) .pe-pages[data-tool=hl] .\[\.pe-pages\[data-tool\=hl\]_\&\]\:tw-cursor-crosshair {
  cursor: crosshair;
}

:where(.cmt) .pe-pages[data-tool=redact] .\[\.pe-pages\[data-tool\=redact\]_\&\]\:tw-cursor-crosshair {
  cursor: crosshair;
}

:where(.cmt) .pe-pages[data-tool=sign] .\[\.pe-pages\[data-tool\=sign\]_\&\]\:tw-css-cursor-\[copy\] {
  cursor: copy;
}

:where(.cmt) .pe-pages[data-tool=text] .\[\.pe-pages\[data-tool\=text\]_\&\]\:tw-cursor-text {
  cursor: text;
}