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

/*! tw-utilities */

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

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

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

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

: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-rounded-\[8px\] {
  border-radius: 8px
}

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

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

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

:where(.cmt) .tw-css-box-shadow-\[inset_0_0_0_1px_rgba\(16\,_24\,_40\,_\.18\)\] {
  box-shadow: inset 0 0 0 1px rgba(16, 24, 40, .18)
}

:where(.cmt) .tw-css-color-\[var\(--ink2\,_\#6E6E73\)\] {
  color: var(--ink2, #6E6E73)
}

@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) .mq1-max-575-98\:tw-rounded-\[10px\] {
    border-radius: 10px
  }
}

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

:where(.cmt) .\[\&\#pxd-canvas\]\:tw-cursor-crosshair#pxd-canvas {
  cursor: crosshair
}

:where(.cmt) .\[\&\#pxd-canvas\]\:tw-rounded-\[6px\]#pxd-canvas {
  border-radius: 6px
}

:where(.cmt) .\[\&\#pxd-canvas\]\:tw-css-box-shadow-\[0_0_0_1px_var\(--hairline\2c _\#E5E5EA\)\]#pxd-canvas {
  box-shadow: 0 0 0 1px var(--hairline, #E5E5EA)
}

:where(.cmt) .\[\&\#pxd-canvas\]\:tw-css-image-rendering-\[pixelated\]#pxd-canvas {
  image-rendering: pixelated
}

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

:where(.cmt) .\[\&\#pxd-redo\:disabled\]\:tw-opacity-\[\.35\]#pxd-redo:disabled {
  opacity: .35
}

:where(.cmt) .\[\&\#pxd-undo\:disabled\]\:tw-opacity-\[\.35\]#pxd-undo:disabled {
  opacity: .35
}

: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) .\[\&_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)
}

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

  :where(.cmt) .mq1-max-575-98\:\[\&_button\]\:tw-min-w-\[46px\] button {
    min-width: 46px
  }
}

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

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

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

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

:where(.cmt) .\[\&_input\]\:tw-cursor-pointer input {
  cursor: pointer
}

:where(.cmt) .\[\&_input\]\:tw-opacity-\[0\] input {
  opacity: 0
}