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

@keyframes srPulse {
  50% {
    opacity: .35;
  }
}

/*! tw-utilities */

:where(.cmt) .tw-inline-block {
  display: inline-block;
}

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

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

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

:where(.cmt) .tw-css-animation-\[srPulse_1\.2s_ease-in-out_infinite\] {
  animation: srPulse 1.2s ease-in-out infinite;
}

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

@media (prefers-reduced-motion: reduce) {
  :where(.cmt) .mq1-motion-reduce\:tw-css-animation-\[none\] {
    animation: none;
  }
}

:where(.cmt) .\[\&\#sr-countdown\]\:tw-m-\[2px_0_0\]#sr-countdown {
  margin: 2px 0 0;
}

:where(.cmt) .\[\&\#sr-countdown\]\:tw-h-\[16px\]#sr-countdown {
  height: 16px;
}

:where(.cmt) .\[\&\#sr-countdown\]\:tw-w-\[16px\]#sr-countdown {
  width: 16px;
}

:where(.cmt) .\[\&\#sr-countdown\]\:tw-shrink-0#sr-countdown {
  flex-shrink: 0;
}

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

:where(.cmt) .\[\&\#sr-info_b\]\:tw-font-medium#sr-info b {
  font-weight: 500;
}

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

:where(.cmt) .\[\&\#sr-mic\]\:tw-m-\[2px_0_0\]#sr-mic {
  margin: 2px 0 0;
}

:where(.cmt) .\[\&\#sr-mic\]\:tw-h-\[16px\]#sr-mic {
  height: 16px;
}

:where(.cmt) .\[\&\#sr-mic\]\:tw-w-\[16px\]#sr-mic {
  width: 16px;
}

:where(.cmt) .\[\&\#sr-mic\]\:tw-shrink-0#sr-mic {
  flex-shrink: 0;
}

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

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

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

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

:where(.cmt) .\[\&\#sr-sys\]\:tw-m-\[2px_0_0\]#sr-sys {
  margin: 2px 0 0;
}

:where(.cmt) .\[\&\#sr-sys\]\:tw-h-\[16px\]#sr-sys {
  height: 16px;
}

:where(.cmt) .\[\&\#sr-sys\]\:tw-w-\[16px\]#sr-sys {
  width: 16px;
}

:where(.cmt) .\[\&\#sr-sys\]\:tw-shrink-0#sr-sys {
  flex-shrink: 0;
}

:where(.cmt) .\[\&\#sr-sys\]\:tw-css-accent-color-\[var\(--ink\2c _\#1D1D1F\)\]#sr-sys {
  accent-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);
}