/* audio-cutter.blade.php: Tailwind step 2. Utilities live in the markup; built by work/tw/build-tools.sh (content: audio-cutter.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-bottom-\[-4px\] {
  bottom: -4px
}

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

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

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

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

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

: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-\[128px\] {
  height: 128px
}

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

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

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

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

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

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

:where(.cmt) .tw-css-background-\[color-mix\(in_srgb\,_var\(--inset\,_\#F5F5F7\)_72\%\,_transparent\)\] {
  background: color-mix(in srgb, var(--inset, #F5F5F7) 72%, transparent)
}

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

:where(.cmt) .tw-css-border-bottom-\[2px_solid_var\(--ink\,_\#1D1D1F\)\] {
  border-bottom: 2px solid var(--ink, #1D1D1F)
}

:where(.cmt) .tw-css-border-top-\[2px_solid_var\(--ink\,_\#1D1D1F\)\] {
  border-top: 2px solid var(--ink, #1D1D1F)
}

:where(.cmt) .tw-css-cursor-\[ew-resize\] {
  cursor: ew-resize
}

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

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

:where(.cmt) #ac-progress .\[\#ac-progress_\&\]\:tw-h-\[6px\] {
  height: 6px
}

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

:where(.cmt) #ac-progress .\[\#ac-progress_\&_span\]\:tw-css-background-\[var\(--ink\2c _\#1D1D1F\)\] span {
  background: var(--ink, #1D1D1F)
}

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

:where(.cmt) .\[\&\#ac-info_b\]\:tw-font-semibold#ac-info b {
  font-weight: 600
}

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

:where(.cmt) .\[\&\#ac-norm\]\:tw-m-\[0\]#ac-norm {
  margin: 0
}

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

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

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

:where(.cmt) .\[\&\#ac-out\]\:tw-w-full#ac-out {
  width: 100%
}

:where(.cmt) .\[\&\#ac-sel_b\]\:tw-font-semibold#ac-sel b {
  font-weight: 600
}

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

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

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

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

:where(.cmt) .\[\&\:\:after\]\:tw-css-background-\[color-mix\(in_srgb\2c _var\(--surface\2c _\#fff\)_70\%\2c _transparent\)\]::after {
  background: color-mix(in srgb, var(--surface, #fff) 70%, transparent)
}

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

:where(.cmt) .\[\&\[data-h\=end\]\]\:tw-rounded-\[0_8px_8px_0\][data-h=end] {
  border-radius: 0 8px 8px 0
}

:where(.cmt) .\[\&\[data-h\=start\]\]\:tw-rounded-\[8px_0_0_8px\][data-h=start] {
  border-radius: 8px 0 0 8px
}

:where(.cmt) .\[\&\[data-h\=start\]\]\:tw-css-transform-\[translateX\(-100\%\)\][data-h=start] {
  transform: translateX(-100%)
}

: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-block canvas {
  display: block
}

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

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

:root[data-theme=dark] :where(.cmt) .\[\:root\[data-theme\=dark\]_\&\#ac-canvas\]\:tw-css-filter-\[invert\(1\)\]#ac-canvas {
  filter: invert(1)
}