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

/*! tw-utilities */

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

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

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

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

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

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

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

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

:where(.cmt) .tw-css-box-shadow-\[0_0_0_9999px_rgba\(16\,_24\,_40\,_\.55\)\] {
  box-shadow: 0 0 0 9999px rgba(16, 24, 40, .55)
}

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

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

:where(.cmt) .\[\&\.is-circle\:\:after\]\:tw-hidden.is-circle::after {
  display: none
}

:where(.cmt) .\[\&\.is-circle\:\:before\]\:tw-hidden.is-circle::before {
  display: none
}

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

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

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

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

:where(.cmt) .\[\&\:\:after\]\:tw-bottom-\[33\.33\%\]::after {
  bottom: 33.33%
}

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

:where(.cmt) .\[\&\:\:after\]\:tw-top-\[33\.33\%\]::after {
  top: 33.33%
}

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

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

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

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

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

:where(.cmt) .\[\&\:\:after\]\:tw-css-border-bottom-\[1px_solid_rgba\(255\2c _255\2c _255\2c _\.45\)\]::after {
  border-bottom: 1px solid rgba(255, 255, 255, .45)
}

:where(.cmt) .\[\&\:\:after\]\:tw-css-border-top-\[1px_solid_rgba\(255\2c _255\2c _255\2c _\.45\)\]::after {
  border-top: 1px solid rgba(255, 255, 255, .45)
}

:where(.cmt) .\[\&\:\:after\]\:tw-css-box-shadow-\[0_1px_4px_rgba\(16\2c _24\2c _40\2c _\.4\)\]::after {
  box-shadow: 0 1px 4px rgba(16, 24, 40, .4)
}

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

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

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

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

:where(.cmt) .\[\&\:\:before\]\:tw-left-\[33\.33\%\]::before {
  left: 33.33%
}

:where(.cmt) .\[\&\:\:before\]\:tw-right-\[33\.33\%\]::before {
  right: 33.33%
}

:where(.cmt) .\[\&\:\:before\]\:tw-css-border-left-\[1px_solid_rgba\(255\2c _255\2c _255\2c _\.45\)\]::before {
  border-left: 1px solid rgba(255, 255, 255, .45)
}

:where(.cmt) .\[\&\:\:before\]\:tw-css-border-right-\[1px_solid_rgba\(255\2c _255\2c _255\2c _\.45\)\]::before {
  border-right: 1px solid rgba(255, 255, 255, .45)
}

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

:where(.cmt) .\[\&\[data-h\=e\]\:\:after\]\:tw-left-\[auto\][data-h=e]::after {
  left: auto
}

:where(.cmt) .\[\&\[data-h\=e\]\:\:after\]\:tw-right-\[4px\][data-h=e]::after {
  right: 4px
}

:where(.cmt) .\[\&\[data-h\=e\]\:\:after\]\:tw-top-\[3px\][data-h=e]::after {
  top: 3px
}

:where(.cmt) .\[\&\[data-h\=e\]\:\:after\]\:tw-h-\[24px\][data-h=e]::after {
  height: 24px
}

:where(.cmt) .\[\&\[data-h\=e\]\:\:after\]\:tw-w-\[6px\][data-h=e]::after {
  width: 6px
}

:where(.cmt) .\[\&\[data-h\=e\]\:\:after\]\:tw-rounded-\[999px\][data-h=e]::after {
  border-radius: 999px
}

:where(.cmt) .\[\&\[data-h\=e\]\]\:tw-right-\[0\][data-h=e] {
  right: 0
}

:where(.cmt) .\[\&\[data-h\=e\]\]\:tw-top-\[50\%\][data-h=e] {
  top: 50%
}

:where(.cmt) .\[\&\[data-h\=e\]\]\:tw-mt-\[-15px\][data-h=e] {
  margin-top: -15px
}

:where(.cmt) .\[\&\[data-h\=e\]\]\:tw-css-cursor-\[ew-resize\][data-h=e] {
  cursor: ew-resize
}

:where(.cmt) .\[\&\[data-h\=n\]\:\:after\]\:tw-left-\[3px\][data-h=n]::after {
  left: 3px
}

:where(.cmt) .\[\&\[data-h\=n\]\:\:after\]\:tw-top-\[4px\][data-h=n]::after {
  top: 4px
}

:where(.cmt) .\[\&\[data-h\=n\]\:\:after\]\:tw-h-\[6px\][data-h=n]::after {
  height: 6px
}

:where(.cmt) .\[\&\[data-h\=n\]\:\:after\]\:tw-w-\[24px\][data-h=n]::after {
  width: 24px
}

:where(.cmt) .\[\&\[data-h\=n\]\:\:after\]\:tw-rounded-\[999px\][data-h=n]::after {
  border-radius: 999px
}

:where(.cmt) .\[\&\[data-h\=n\]\]\:tw-left-\[50\%\][data-h=n] {
  left: 50%
}

:where(.cmt) .\[\&\[data-h\=n\]\]\:tw-top-\[0\][data-h=n] {
  top: 0
}

:where(.cmt) .\[\&\[data-h\=n\]\]\:tw-ml-\[-15px\][data-h=n] {
  margin-left: -15px
}

:where(.cmt) .\[\&\[data-h\=n\]\]\:tw-css-cursor-\[ns-resize\][data-h=n] {
  cursor: ns-resize
}

:where(.cmt) .\[\&\[data-h\=ne\]\]\:tw-right-\[0\][data-h=ne] {
  right: 0
}

:where(.cmt) .\[\&\[data-h\=ne\]\]\:tw-top-\[0\][data-h=ne] {
  top: 0
}

:where(.cmt) .\[\&\[data-h\=ne\]\]\:tw-css-cursor-\[nesw-resize\][data-h=ne] {
  cursor: nesw-resize
}

:where(.cmt) .\[\&\[data-h\=nw\]\]\:tw-left-\[0\][data-h=nw] {
  left: 0
}

:where(.cmt) .\[\&\[data-h\=nw\]\]\:tw-top-\[0\][data-h=nw] {
  top: 0
}

:where(.cmt) .\[\&\[data-h\=nw\]\]\:tw-css-cursor-\[nwse-resize\][data-h=nw] {
  cursor: nwse-resize
}

:where(.cmt) .\[\&\[data-h\=s\]\:\:after\]\:tw-bottom-\[4px\][data-h=s]::after {
  bottom: 4px
}

:where(.cmt) .\[\&\[data-h\=s\]\:\:after\]\:tw-left-\[3px\][data-h=s]::after {
  left: 3px
}

:where(.cmt) .\[\&\[data-h\=s\]\:\:after\]\:tw-top-\[auto\][data-h=s]::after {
  top: auto
}

:where(.cmt) .\[\&\[data-h\=s\]\:\:after\]\:tw-h-\[6px\][data-h=s]::after {
  height: 6px
}

:where(.cmt) .\[\&\[data-h\=s\]\:\:after\]\:tw-w-\[24px\][data-h=s]::after {
  width: 24px
}

:where(.cmt) .\[\&\[data-h\=s\]\:\:after\]\:tw-rounded-\[999px\][data-h=s]::after {
  border-radius: 999px
}

:where(.cmt) .\[\&\[data-h\=s\]\]\:tw-bottom-\[0\][data-h=s] {
  bottom: 0
}

:where(.cmt) .\[\&\[data-h\=s\]\]\:tw-left-\[50\%\][data-h=s] {
  left: 50%
}

:where(.cmt) .\[\&\[data-h\=s\]\]\:tw-ml-\[-15px\][data-h=s] {
  margin-left: -15px
}

:where(.cmt) .\[\&\[data-h\=s\]\]\:tw-css-cursor-\[ns-resize\][data-h=s] {
  cursor: ns-resize
}

:where(.cmt) .\[\&\[data-h\=se\]\]\:tw-bottom-\[0\][data-h=se] {
  bottom: 0
}

:where(.cmt) .\[\&\[data-h\=se\]\]\:tw-right-\[0\][data-h=se] {
  right: 0
}

:where(.cmt) .\[\&\[data-h\=se\]\]\:tw-css-cursor-\[nwse-resize\][data-h=se] {
  cursor: nwse-resize
}

:where(.cmt) .\[\&\[data-h\=sw\]\]\:tw-bottom-\[0\][data-h=sw] {
  bottom: 0
}

:where(.cmt) .\[\&\[data-h\=sw\]\]\:tw-left-\[0\][data-h=sw] {
  left: 0
}

:where(.cmt) .\[\&\[data-h\=sw\]\]\:tw-css-cursor-\[nesw-resize\][data-h=sw] {
  cursor: nesw-resize
}

:where(.cmt) .\[\&\[data-h\=w\]\:\:after\]\:tw-left-\[4px\][data-h=w]::after {
  left: 4px
}

:where(.cmt) .\[\&\[data-h\=w\]\:\:after\]\:tw-top-\[3px\][data-h=w]::after {
  top: 3px
}

:where(.cmt) .\[\&\[data-h\=w\]\:\:after\]\:tw-h-\[24px\][data-h=w]::after {
  height: 24px
}

:where(.cmt) .\[\&\[data-h\=w\]\:\:after\]\:tw-w-\[6px\][data-h=w]::after {
  width: 6px
}

:where(.cmt) .\[\&\[data-h\=w\]\:\:after\]\:tw-rounded-\[999px\][data-h=w]::after {
  border-radius: 999px
}

:where(.cmt) .\[\&\[data-h\=w\]\]\:tw-left-\[0\][data-h=w] {
  left: 0
}

:where(.cmt) .\[\&\[data-h\=w\]\]\:tw-top-\[50\%\][data-h=w] {
  top: 50%
}

:where(.cmt) .\[\&\[data-h\=w\]\]\:tw-mt-\[-15px\][data-h=w] {
  margin-top: -15px
}

:where(.cmt) .\[\&\[data-h\=w\]\]\:tw-css-cursor-\[ew-resize\][data-h=w] {
  cursor: ew-resize
}

: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-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-w-full canvas {
  width: 100%
}

:where(.cmt) .cr-box.is-locked .\[\.cr-box\.is-locked_\&\[data-h\=e\]\]\:tw-hidden[data-h=e] {
  display: none
}

:where(.cmt) .cr-box.is-locked .\[\.cr-box\.is-locked_\&\[data-h\=n\]\]\:tw-hidden[data-h=n] {
  display: none
}

:where(.cmt) .cr-box.is-locked .\[\.cr-box\.is-locked_\&\[data-h\=s\]\]\:tw-hidden[data-h=s] {
  display: none
}

:where(.cmt) .cr-box.is-locked .\[\.cr-box\.is-locked_\&\[data-h\=w\]\]\:tw-hidden[data-h=w] {
  display: none
}