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

:where(.cmt) .as-cap {
  position: absolute;
  left: 0;
  top: 0;
  text-align: center;
  color: #fff;
  font: 700 16px/1.3 "Be Vietnam Pro", Inter, Arial, sans-serif;
  cursor: grab;
  white-space: pre;
  border-radius: .35em;
  padding: .25em .6em;
  background: rgba(16, 24, 40, .72);
  -webkit-user-select: none;
  touch-action: none;
  user-select: none
}

/*! tw-utilities */

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

:where(.cmt) .tw-overflow-hidden {
  overflow: hidden
}

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

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

:where(.cmt) #as-progress .\[\#as-progress_\&\]\:tw-shrink-0 {
  flex-shrink: 0
}

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

:where(.cmt) .\[\&\#as-exports\:has\(\#as-srt\:disabled\)\]\:tw-hidden#as-exports:has(#as-srt:disabled) {
  display: none
}

:where(.cmt) .\[\&\#as-tune-btn\.active\]\:tw-css-background-\[var\(--surface\2c _\#fff\)\]#as-tune-btn.active {
  background: var(--surface, #fff)
}

:where(.cmt) .\[\&\#as-tune-btn\.active\]\:tw-css-box-shadow-\[0_1px_2px_rgba\(17\2c _19\2c _21\2c _\.1\)\]#as-tune-btn.active {
  box-shadow: 0 1px 2px rgba(17, 19, 21, .1)
}

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

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

:where(.cmt) .\[\&\.is-audio_video\]\:tw-h-\[120px\].is-audio video {
  height: 120px
}

:where(.cmt) .\[\&\.no-box\]\:tw-css-background-\[none\].no-box {
  background: none
}

:where(.cmt) .\[\&\.no-box\]\:tw-css-text-shadow-\[0_1px_3px_rgba\(0\2c _0\2c _0\2c _\.9\)\2c _0_0_2px_rgba\(0\2c _0\2c _0\2c _\.9\)\].no-box {
  text-shadow: 0 1px 3px rgba(0, 0, 0, .9), 0 0 2px rgba(0, 0, 0, .9)
}

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

:where(.cmt) .\[\&_b\]\:tw-font-semibold b {
  font-weight: 600
}

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

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

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

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

:where(.cmt) .\[\&_video\]\:tw-css-background-\[\#101828\] video {
  background: #101828
}