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

/*! tw-utilities */

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

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

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

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

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

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

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

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

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

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

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

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

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

:where(.cmt) .\[\&\.is-picking\]\:\!tw-cursor-crosshair.is-picking {
  cursor: crosshair !important
}

:where(.cmt) .\[\&\.is-picking_\*\]\:\!tw-cursor-crosshair.is-picking * {
  cursor: crosshair !important
}

:where(.cmt) .\[\&_\>_video\]\:tw-pointer-events-none > video {
  pointer-events: none
}

: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%
}

:where(.cmt) .\[\&_\>_video\]\:tw-object-fill > video {
  object-fit: fill
}

: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\(--surface\2c _\#fff\)\2c _0_0_0_4px_var\(--ink\2c _\#1D1D1F\)\] button.active {
  box-shadow: 0 0 0 2px var(--surface, #fff), 0 0 0 4px 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\]\:tw-relative button {
  position: relative
}

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

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

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

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

:where(.cmt) .\[\&_button\]\:tw-overflow-hidden button {
  overflow: hidden
}

: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-\[0\] button {
  border: 0
}

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

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

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

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

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

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

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

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

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

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

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

: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-opacity-\[0\] input[type=color] {
  opacity: 0
}

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

:where(.cmt) .\[\&_label\]\:tw-relative label {
  position: relative
}

:where(.cmt) .\[\&_label\]\:tw-m-\[0\] label {
  margin: 0
}

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

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

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

:where(.cmt) .\[\&_label\]\:tw-overflow-hidden label {
  overflow: hidden
}

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

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

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

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

:where(.cmt) .gs-stage > .\[\.gs-stage_\>_\&\]\:tw-absolute {
  position: absolute
}

:where(.cmt) .gs-stage > .\[\.gs-stage_\>_\&\]\:tw-bottom-\[18px\] {
  bottom: 18px
}

:where(.cmt) .gs-stage > .\[\.gs-stage_\>_\&\]\:tw-left-\[50\%\] {
  left: 50%
}

:where(.cmt) .gs-stage > .\[\.gs-stage_\>_\&\]\:tw-z-\[6\] {
  z-index: 6
}

:where(.cmt) .gs-stage > .\[\.gs-stage_\>_\&\]\:tw-css-transform-\[translateX\(-50\%\)\] {
  transform: translateX(-50%)
}

:where(.cmt) .gs-swatches .\[\.gs-swatches_\&\]\:tw-css-background-\[conic-gradient\(\#F04438\2c _\#FDB022\2c _\#12B76A\2c _\#2E90FA\2c _\#7A5AF8\2c _\#F04438\)\] {
  background: conic-gradient(#F04438, #FDB022, #12B76A, #2E90FA, #7A5AF8, #F04438)
}