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

@keyframes prIn {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
}

/*! tw-utilities */

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

:where(.cmt) .tw-mr-\[3px\] {
  margin-right: 3px;
}

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

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

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

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

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

:where(.cmt) .tw-flex-col {
  flex-direction: column;
}

:where(.cmt) .tw-justify-end {
  justify-content: flex-end;
}

:where(.cmt) .tw-overflow-hidden {
  overflow: hidden;
}

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

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

:where(.cmt) .tw-p-\[16px\] {
  padding: 16px;
}

:where(.cmt) .tw-css-animation-\[prIn_\.5s_cubic-bezier\(\.2\,_\.8\,_\.2\,_1\)_both\] {
  animation: prIn .5s cubic-bezier(.2, .8, .2, 1) both;
}

:where(.cmt) .tw-css-transition-\[transform_\.15s\] {
  transition: transform .15s;
}

:where(.cmt) .tw-css-animation-delay-\[var\(--d\,_0ms\)\] {
  animation-delay: var(--d, 0ms);
}

:where(.cmt) .tw-css-box-shadow-\[inset_0_0_0_1px_rgba\(0\,_0\,_0\,_\.12\)\] {
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .12);
}

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

:where(.cmt) .tw-css-vertical-align-\[-2px\] {
  vertical-align: -2px;
}

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

  :where(.cmt) .mq1-max-575-98\:tw-p-\[12px\] {
    padding: 12px;
  }
}

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

  :where(.cmt) .mq2-motion-reduce\:tw-css-transition-\[none\] {
    transition: none;
  }
}

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

:where(.cmt) .\[\&\#pa-form\]\:tw-css-scroll-margin-top-\[88px\]#pa-form {
  scroll-margin-top: 88px;
}

:where(.cmt) .\[\&\#pa-result\]\:tw-css-scroll-margin-top-\[88px\]#pa-result {
  scroll-margin-top: 88px;
}

:where(.cmt) .\[\&\#pa-thumb_img\]\:tw-h-full#pa-thumb img {
  height: 100%;
}

:where(.cmt) .\[\&\#pa-thumb_img\]\:tw-w-full#pa-thumb img {
  width: 100%;
}

:where(.cmt) .\[\&\#pa-thumb_img\]\:tw-object-cover#pa-thumb img {
  object-fit: cover;
}

:where(.cmt) .\[\&\.bad\]\:tw-css-background-\[var\(--cm-danger-bg\2c _\#FEF3F2\)\].bad {
  background: var(--cm-danger-bg, #FEF3F2);
}

:where(.cmt) .\[\&\.bad\]\:tw-css-color-\[var\(--cm-danger\2c _\#B42318\)\].bad {
  color: var(--cm-danger, #B42318);
}

:where(.cmt) .\[\&\.ok\]\:tw-css-background-\[var\(--cm-success-bg\2c _\#ECFDF3\)\].ok {
  background: var(--cm-success-bg, #ECFDF3);
}

:where(.cmt) .\[\&\.ok\]\:tw-css-color-\[var\(--cm-success\2c _\#067647\)\].ok {
  color: var(--cm-success, #067647);
}

:where(.cmt) .\[\&\:hover\]\:tw-css-transform-\[translateY\(-2px\)\]:hover {
  transform: translateY(-2px);
}

:where(.cmt) .\[\&\[aria-pressed\=true\]\]\:tw-css-background-\[var\(--surface\2c _\#fff\)\][aria-pressed=true] {
  background: var(--surface, #fff);
}

:where(.cmt) .\[\&\[aria-pressed\=true\]\]\:tw-css-box-shadow-\[0_1px_2px_rgba\(17\2c _19\2c _21\2c _\.1\)\][aria-pressed=true] {
  box-shadow: 0 1px 2px rgba(17, 19, 21, .1);
}

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

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

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

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

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

:where(.cmt) .\[\&_canvas\]\:tw-object-cover canvas {
  object-fit: cover;
}

:where(.cmt) .\[\&_canvas\]\:tw-css-background-\[var\(--inset\2c _\#F5F5F7\)\] canvas {
  background: var(--inset, #F5F5F7);
}

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

:where(.cmt) .\[\&_i\.bg\]\:tw-css-flex-\[3\] i.bg {
  flex: 3;
}

:where(.cmt) .\[\&_i\.main\]\:tw-css-flex-\[2\] i.main {
  flex: 2;
}

:where(.cmt) .pp-poster .\[\.pp-poster_\&\]\:tw-absolute {
  position: absolute;
}

:where(.cmt) .pp-poster .\[\.pp-poster_\&\]\:tw-relative {
  position: relative;
}

:where(.cmt) .pp-poster .\[\.pp-poster_\&\]\:tw-right-\[-24px\] {
  right: -24px;
}

:where(.cmt) .pp-poster .\[\.pp-poster_\&\]\:tw-top-\[-34px\] {
  top: -34px;
}

:where(.cmt) .pp-poster .\[\.pp-poster_\&\]\:tw-m-\[4px_0_6px\] {
  margin: 4px 0 6px;
}

:where(.cmt) .pp-poster .\[\.pp-poster_\&\]\:tw-mb-\[10px\] {
  margin-bottom: 10px;
}

:where(.cmt) .pp-poster .\[\.pp-poster_\&\]\:tw-mb-\[8px\] {
  margin-bottom: 8px;
}

:where(.cmt) .pp-poster .\[\.pp-poster_\&\]\:tw-h-\[4px\] {
  height: 4px;
}

:where(.cmt) .pp-poster .\[\.pp-poster_\&\]\:tw-h-\[84px\] {
  height: 84px;
}

:where(.cmt) .pp-poster .\[\.pp-poster_\&\]\:tw-w-\[26px\] {
  width: 26px;
}

:where(.cmt) .pp-poster .\[\.pp-poster_\&\]\:tw-w-\[84px\] {
  width: 84px;
}

:where(.cmt) .pp-poster .\[\.pp-poster_\&\]\:tw-max-w-\[85\%\] {
  max-width: 85%;
}

:where(.cmt) .pp-poster .\[\.pp-poster_\&\]\:tw-self-start {
  align-self: flex-start;
}

:where(.cmt) .pp-poster .\[\.pp-poster_\&\]\:tw-rounded-\[4px\] {
  border-radius: 4px;
}

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

:where(.cmt) .pp-poster .\[\.pp-poster_\&\]\:tw-rounded-\[999px\] {
  border-radius: 999px;
}

:where(.cmt) .pp-poster .\[\.pp-poster_\&\]\:tw-p-\[6px_14px\] {
  padding: 6px 14px;
}

:where(.cmt) .pp-poster .\[\.pp-poster_\&\]\:tw-text-\[10px\] {
  font-size: 10px;
}

:where(.cmt) .pp-poster .\[\.pp-poster_\&\]\:tw-text-\[11px\] {
  font-size: 11px;
}

:where(.cmt) .pp-poster .\[\.pp-poster_\&\]\:tw-text-\[21px\] {
  font-size: 21px;
}

:where(.cmt) .pp-poster .\[\.pp-poster_\&\]\:tw-font-bold {
  font-weight: 700;
}

:where(.cmt) .pp-poster .\[\.pp-poster_\&\]\:tw-font-semibold {
  font-weight: 600;
}

:where(.cmt) .pp-poster .\[\.pp-poster_\&\]\:tw-uppercase {
  text-transform: uppercase;
}

:where(.cmt) .pp-poster .\[\.pp-poster_\&\]\:tw-leading-\[1\.15\] {
  line-height: 1.15;
}

:where(.cmt) .pp-poster .\[\.pp-poster_\&\]\:tw-tracking-\[-\.01em\] {
  letter-spacing: -.01em;
}

:where(.cmt) .pp-poster .\[\.pp-poster_\&\]\:tw-tracking-\[\.08em\] {
  letter-spacing: .08em;
}

:where(.cmt) .pp-poster .\[\.pp-poster_\&\]\:tw-opacity-\[\.75\] {
  opacity: .75;
}

:where(.cmt) .pp-poster .\[\.pp-poster_\&\]\:tw-opacity-\[\.8\] {
  opacity: .8;
}

@media (max-width: 575.98px) {
  :where(.cmt) .pp-poster .mq1-max-575-98\:\[\.pp-poster_\&\]\:tw-right-\[-20px\] {
    right: -20px;
  }

  :where(.cmt) .pp-poster .mq1-max-575-98\:\[\.pp-poster_\&\]\:tw-top-\[-30px\] {
    top: -30px;
  }

  :where(.cmt) .pp-poster .mq1-max-575-98\:\[\.pp-poster_\&\]\:tw-hidden {
    display: none;
  }

  :where(.cmt) .pp-poster .mq1-max-575-98\:\[\.pp-poster_\&\]\:tw-h-\[64px\] {
    height: 64px;
  }

  :where(.cmt) .pp-poster .mq1-max-575-98\:\[\.pp-poster_\&\]\:tw-w-\[64px\] {
    width: 64px;
  }

  :where(.cmt) .pp-poster .mq1-max-575-98\:\[\.pp-poster_\&\]\:tw-max-w-\[100\%\] {
    max-width: 100%;
  }

  :where(.cmt) .pp-poster .mq1-max-575-98\:\[\.pp-poster_\&\]\:tw-text-\[16px\] {
    font-size: 16px;
  }
}