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

/*! tw-utilities */

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

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

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

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

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

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

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

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

:where(.cmt) .tw-css-background-\[repeating-linear-gradient\(45deg\,_rgba\(17\,_19\,_21\,_\.55\)_0_3px\,_rgba\(17\,_19\,_21\,_\.25\)_3px_6px\)\] {
  background: repeating-linear-gradient(45deg, rgba(17, 19, 21, .55) 0 3px, rgba(17, 19, 21, .25) 3px 6px)
}

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

:where(.cmt) .tw-css-box-shadow-\[inset_0_0_0_1px_rgba\(17\,_19\,_21\,_\.18\)\] {
  box-shadow: inset 0 0 0 1px rgba(17, 19, 21, .18)
}

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

  :where(.cmt) .mq1-max-575-98\:tw-w-\[36px\] {
    width: 36px
  }
}

:where(.cmt) .\[\&\#fbc-guide\[aria-pressed\=true\]\]\:tw-css-box-shadow-\[inset_0_0_0_1\.5px_var\(--ink\2c _\#1D1D1F\)\]#fbc-guide[aria-pressed=true] {
  box-shadow: inset 0 0 0 1.5px var(--ink, #1D1D1F)
}

:where(.cmt) .\[\&\#fbc-warn\.is-bad\]\:tw-css-color-\[\#B42318\]#fbc-warn.is-bad {
  color: #B42318
}

:where(.cmt) .\[\&\#fbc-warn_button\]\:tw-ml-\[6px\]#fbc-warn button {
  margin-left: 6px
}

:where(.cmt) .\[\&\#fbc-warn_button\]\:tw-p-\[0\]#fbc-warn button {
  padding: 0
}

:where(.cmt) .\[\&\#fbc-warn_button\]\:tw-font-semibold#fbc-warn button {
  font-weight: 600
}

:where(.cmt) .\[\&\#fbc-warn_button\]\:tw-css-border-\[0\]#fbc-warn button {
  border: 0
}

:where(.cmt) .\[\&\#fbc-warn_button\]\:tw-css-background-\[none\]#fbc-warn button {
  background: none
}

:where(.cmt) .\[\&\#fbc-warn_button\]\:tw-css-text-decoration-\[underline\]#fbc-warn button {
  text-decoration: underline
}

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

:where(.cmt) .\[\&\#fbc-warn_button\]\:tw-css-text-underline-offset-\[3px\]#fbc-warn button {
  text-underline-offset: 3px
}

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

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

:where(.cmt) .\[\&\.fbc-key\]\:tw-css-background-\[rgba\(17\2c _19\2c _21\2c _\.18\)\].fbc-key {
  background: rgba(17, 19, 21, .18)
}

:where(.cmt) .\[\&\.fbc-key\]\:tw-css-box-shadow-\[inset_0_0_0_2px_rgba\(17\2c _19\2c _21\2c _\.55\)\].fbc-key {
  box-shadow: inset 0 0 0 2px rgba(17, 19, 21, .55)
}

:where(.cmt) .\[\&\.has-photo_canvas\]\:tw-css-touch-action-\[none\].has-photo canvas {
  touch-action: none
}

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

:where(.cmt) .\[\&\.on-text_canvas\]\:tw-cursor-move.on-text canvas {
  cursor: move
}

:where(.cmt) .\[\&\.on-text_canvas\]\:tw-css-touch-action-\[none\].on-text canvas {
  touch-action: none
}

: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-m-\[0_auto_6px\] canvas {
  margin: 0 auto 6px
}

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

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

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

:where(.cmt) .\[\&_canvas\]\:tw-cursor-grab canvas {
  cursor: grab
}

:where(.cmt) .\[\&_canvas\]\:tw-rounded-\[10px\] canvas {
  border-radius: 10px
}

:where(.cmt) .\[\&_canvas\]\:tw-css-box-shadow-\[0_0_0_1px_var\(--hairline\2c _rgba\(0\2c _0\2c _0\2c _\.08\)\)\] canvas {
  box-shadow: 0 0 0 1px var(--hairline, rgba(0, 0, 0, .08))
}

:where(.cmt) .\[\&_canvas\]\:tw-css-touch-action-\[pan-y\] canvas {
  touch-action: pan-y
}

:where(.cmt) .\[\&_canvas\]\:\[\&\&\]\:tw-h-\[91px\].\[\&_canvas\]\:\[\&\&\]\:tw-h-\[91px\] canvas {
  height: 91px
}

:where(.cmt) .\[\&_canvas\]\:\[\&\&\]\:tw-w-\[168px\].\[\&_canvas\]\:\[\&\&\]\:tw-w-\[168px\] canvas {
  width: 168px
}

:where(.cmt) .\[\&_canvas\]\:\[\&\&\]\:tw-rounded-\[8px\].\[\&_canvas\]\:\[\&\&\]\:tw-rounded-\[8px\] canvas {
  border-radius: 8px
}
