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

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

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

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

:where(.cmt) .tw-left-\[50\%\] {
  left: 50%
}

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

: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-z-\[4\] {
  z-index: 4
}

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

:where(.cmt) .tw-flex {
  display: flex
}

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

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

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

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

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

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

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

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

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

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

:where(.cmt) .tw-whitespace-nowrap {
  white-space: nowrap
}

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

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

:where(.cmt) .tw-p-\[2px_10px\] {
  padding: 2px 10px
}

:where(.cmt) .tw-text-\[13px\] {
  font-size: 13px
}

:where(.cmt) .tw-font-medium {
  font-weight: 500
}

:where(.cmt) .tw-css-border-\[0_solid_\#fff\] {
  border: 0 solid #fff
}

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

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

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

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

:where(.cmt) .tw-css-background-\[rgba\(11\,_15\,_23\,_\.68\)\] {
  background: rgba(11, 15, 23, .68)
}

:where(.cmt) .tw-css-background-\[rgba\(17\,_19\,_21\,_\.72\)\] {
  background: rgba(17, 19, 21, .72)
}

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

:where(.cmt) .tw-css-border-left-width-\[0\] {
  border-left-width: 0
}

:where(.cmt) .tw-css-border-right-width-\[0\] {
  border-right-width: 0
}

:where(.cmt) .tw-css-box-shadow-\[0_0_0_1px_rgba\(0\,_0\,_0\,_\.25\)\] {
  box-shadow: 0 0 0 1px rgba(0, 0, 0, .25)
}

:where(.cmt) .tw-css-box-shadow-\[0_0_0_9999px_rgba\(11\,_15\,_23\,_\.62\)\] {
  box-shadow: 0 0 0 9999px rgba(11, 15, 23, .62)
}

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

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

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

:where(.cmt) .tw-css-transform-\[translateX\(-50\%\)\] {
  transform: translateX(-50%)
}

@media (max-width: 575.98px) {
  :where(.cmt) .mq1-max-575-98\:tw-h-\[52px\] {
    height: 52px
  }
}

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

:where(.cmt) .\[\&\#tv-fill\]\:tw-h-full#tv-fill {
  height: 100%
}

:where(.cmt) .\[\&\#tv-fill\]\:tw-w-\[0\]#tv-fill {
  width: 0
}

:where(.cmt) .\[\&\#tv-fill\]\:tw-rounded-\[999px\]#tv-fill {
  border-radius: 999px
}

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

:where(.cmt) .\[\&\#tv-fill\]\:tw-css-transition-\[width_\.2s\]#tv-fill {
  transition: width .2s
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

:where(.cmt) .\[\&\:\:after\]\:tw-css-border-bottom-width-\[1px\]::after {
  border-bottom-width: 1px
}

:where(.cmt) .\[\&\:\:after\]\:tw-css-border-top-width-\[1px\]::after {
  border-top-width: 1px
}

: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-bottom-\[0\]::before {
  bottom: 0
}

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

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

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

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

:where(.cmt) .\[\&\:\:before\]\:tw-css-border-left-width-\[1px\]::before {
  border-left-width: 1px
}

:where(.cmt) .\[\&\:\:before\]\:tw-css-border-right-width-\[1px\]::before {
  border-right-width: 1px
}

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

:where(.cmt) .\[\&\[data-c\=ne\]\]\:tw-right-\[-4px\][data-c=ne] {
  right: -4px
}

:where(.cmt) .\[\&\[data-c\=ne\]\]\:tw-top-\[-4px\][data-c=ne] {
  top: -4px
}

:where(.cmt) .\[\&\[data-c\=ne\]\]\:tw-css-border-right-width-\[4px\][data-c=ne] {
  border-right-width: 4px
}

:where(.cmt) .\[\&\[data-c\=ne\]\]\:tw-css-border-top-width-\[4px\][data-c=ne] {
  border-top-width: 4px
}

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

:where(.cmt) .\[\&\[data-c\=nw\]\]\:tw-left-\[-4px\][data-c=nw] {
  left: -4px
}

:where(.cmt) .\[\&\[data-c\=nw\]\]\:tw-top-\[-4px\][data-c=nw] {
  top: -4px
}

:where(.cmt) .\[\&\[data-c\=nw\]\]\:tw-css-border-left-width-\[4px\][data-c=nw] {
  border-left-width: 4px
}

:where(.cmt) .\[\&\[data-c\=nw\]\]\:tw-css-border-top-width-\[4px\][data-c=nw] {
  border-top-width: 4px
}

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

:where(.cmt) .\[\&\[data-c\=se\]\]\:tw-bottom-\[-4px\][data-c=se] {
  bottom: -4px
}

:where(.cmt) .\[\&\[data-c\=se\]\]\:tw-right-\[-4px\][data-c=se] {
  right: -4px
}

:where(.cmt) .\[\&\[data-c\=se\]\]\:tw-css-border-bottom-width-\[4px\][data-c=se] {
  border-bottom-width: 4px
}

:where(.cmt) .\[\&\[data-c\=se\]\]\:tw-css-border-right-width-\[4px\][data-c=se] {
  border-right-width: 4px
}

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

:where(.cmt) .\[\&\[data-c\=sw\]\]\:tw-bottom-\[-4px\][data-c=sw] {
  bottom: -4px
}

:where(.cmt) .\[\&\[data-c\=sw\]\]\:tw-left-\[-4px\][data-c=sw] {
  left: -4px
}

:where(.cmt) .\[\&\[data-c\=sw\]\]\:tw-css-border-bottom-width-\[4px\][data-c=sw] {
  border-bottom-width: 4px
}

:where(.cmt) .\[\&\[data-c\=sw\]\]\:tw-css-border-left-width-\[4px\][data-c=sw] {
  border-left-width: 4px
}

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

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

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

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

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

:where(.cmt) .\[\&_img\]\:tw-min-w-\[0\] img {
  min-width: 0
}

:where(.cmt) .\[\&_img\]\:tw-object-cover img {
  object-fit: cover
}

:where(.cmt) .\[\&_img\]\:tw-css-flex-\[1\] img {
  flex: 1
}

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

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

:where(.cmt) .\[\&_video\]\:tw-block video {
  display: block
}

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

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