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

/*! tw-utilities */

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

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

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

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

: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_0_0_2px_var\(--ink\2c _\#1D1D1F\)\] button.active {
  box-shadow: 0 0 0 2px var(--ink, #1D1D1F)
}

: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) .\[\&_button\.active_svg_rect\]\:tw-css-fill-\[var\(--ink\2c _\#1D1D1F\)\] button.active svg rect {
  fill: var(--ink, #1D1D1F)
}

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

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

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

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

:where(.cmt) .\[\&_button\]\:tw-css-border-\[2px_solid_var\(--surface\2c _\#fff\)\] button {
  border: 2px solid var(--surface, #fff)
}

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

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

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

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

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

:where(.cmt) .\[\&_input\[type\=color\]\]\:tw-h-\[30px\] input[type=color] {
  height: 30px
}

:where(.cmt) .\[\&_input\[type\=color\]\]\:tw-w-\[30px\] input[type=color] {
  width: 30px
}

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

:where(.cmt) .\[\&_input\[type\=color\]\]\:tw-p-\[0\] input[type=color] {
  padding: 0
}

:where(.cmt) .\[\&_input\[type\=color\]\]\:tw-css-border-\[0\] input[type=color] {
  border: 0
}

:where(.cmt) .\[\&_input\[type\=color\]\]\:tw-css-background-\[none\] input[type=color] {
  background: none
}

:where(.cmt) .\[\&_svg\]\:tw-m-\[0_auto\] svg {
  margin: 0 auto
}

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

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

:where(.cmt) .\[\&_svg\]\:tw-w-\[20px\] svg {
  width: 20px
}

:where(.cmt) .\[\&_svg_rect\]\:tw-css-fill-\[var\(--ink-3\2c _\#A1A1A6\)\] svg rect {
  fill: var(--ink-3, #A1A1A6)
}