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

/*! tw-utilities */

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

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

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

:where(.cmt) .\[\&\#vb-canvas\]\:tw-block#vb-canvas {
  display: block
}

:where(.cmt) .\[\&\#vb-canvas\]\:tw-max-h-\[62vh\]#vb-canvas {
  max-height: 62vh
}

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

:where(.cmt) .\[\&\#vb-canvas\]\:tw-object-contain#vb-canvas {
  object-fit: contain
}

:where(.cmt) .\[\&\#vb-color\:\:-webkit-color-swatch-wrapper\]\:tw-p-\[0\]#vb-color::-webkit-color-swatch-wrapper {
  padding: 0
}

:where(.cmt) .\[\&\#vb-color\:\:-webkit-color-swatch\]\:tw-rounded-\[50\%\]#vb-color::-webkit-color-swatch {
  border-radius: 50%
}

:where(.cmt) .\[\&\#vb-color\:\:-webkit-color-swatch\]\:tw-css-border-\[0\]#vb-color::-webkit-color-swatch {
  border: 0
}

:where(.cmt) .\[\&\#vb-color\:\:-webkit-color-swatch\]\:tw-css-box-shadow-\[inset_0_0_0_1px_rgba\(0\2c _0\2c _0\2c _\.14\)\]#vb-color::-webkit-color-swatch {
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .14)
}

:where(.cmt) .\[\&\#vb-color\]\:tw-h-\[28px\]#vb-color {
  height: 28px
}

:where(.cmt) .\[\&\#vb-color\]\:tw-w-\[28px\]#vb-color {
  width: 28px
}

:where(.cmt) .\[\&\#vb-color\]\:tw-cursor-pointer#vb-color {
  cursor: pointer
}

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

:where(.cmt) .\[\&\#vb-color\]\:tw-p-\[0\]#vb-color {
  padding: 0
}

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

:where(.cmt) .\[\&\#vb-color\]\:tw-css-background-\[none\]#vb-color {
  background: none
}

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

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

:where(.cmt) .\[\&\#vb-note\.is-warn\]\:tw-font-medium#vb-note.is-warn {
  font-weight: 500
}

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

:where(.cmt) .\[\&\#vb-result_video\]\:tw-block#vb-result video {
  display: block
}

:where(.cmt) .\[\&\#vb-result_video\]\:tw-max-h-\[62vh\]#vb-result video {
  max-height: 62vh
}

:where(.cmt) .\[\&\#vb-result_video\]\:tw-w-full#vb-result video {
  width: 100%
}

:where(.cmt) .\[\&\#vb-result_video\]\:tw-rounded-\[20px\]#vb-result video {
  border-radius: 20px
}

:where(.cmt) .\[\&\#vb-result_video\]\:tw-css-background-\[\#0B0F17\]#vb-result video {
  background: #0B0F17
}

: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)
}