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

@keyframes mjIn {
  from {
    opacity: 0;
    transform: translateY(6px);
  }
}

@keyframes mjFlow {
  from {
    transform: translate(0, 0) rotate(0);
  }

  to {
    transform: translate(8%, 6%) rotate(25deg);
  }
}

@keyframes mjGrain {
  to {
    transform: translate(-6px, 4px);
  }
}

:where(.cmt) .mj-head {
  display: flex;
  justify-content: space-between;
  margin-bottom: 14px;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 12px;
}

:where(.cmt) .mj-head h1 {
  font-size: var(--cm-fs-h2);
  margin: 0;
  letter-spacing: -0.01em;
  color: var(--cm-text);
  font-weight: var(--cm-fw-semibold);
}

:where(.cmt) .mj-head p {
  margin: 2px 0 0;
  color: var(--cm-muted);
  font-size: var(--cm-fs-body-sm);
}

:where(.cmt) .mj-settings {
  display: grid;
  grid-template-columns: 200px 1fr auto;
  padding: 14px 16px 16px;
  border-top: 1px solid var(--cm-line);
  gap: 22px;
}

@media (max-width: 991.98px) {
  :where(.cmt) .mj-settings {
    grid-template-columns: 1fr;
  }
}

:where(.cmt) .mj-noise::after {
  position: absolute;
  inset: 0;
  opacity: .35;
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  animation: mjGrain .4s steps(2) infinite;
}

:where(.cmt) .mj-settings {
  border-top: 1px solid var(--cm-line);
}

/*! tw-utilities */

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

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

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

:where(.cmt) .tw-inset-\[0\] {
  inset: 0;
}

:where(.cmt) .tw-bottom-\[0\] {
  bottom: 0;
}

:where(.cmt) .tw-left-\[0\] {
  left: 0;
}

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

:where(.cmt) .tw-right-\[0\] {
  right: 0;
}

:where(.cmt) .tw-top-\[0\] {
  top: 0;
}

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

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

:where(.cmt) .tw-top-\[auto\] {
  top: auto;
}

:where(.cmt) .tw-z-\[2\] {
  z-index: 2;
}

:where(.cmt) .tw-z-\[3000\] {
  z-index: 3000;
}

:where(.cmt) .tw-z-\[30\] {
  z-index: 30;
}

:where(.cmt) .tw-m-\[0_0_10px\] {
  margin: 0 0 10px;
}

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

:where(.cmt) .tw-m-\[10px_2px_0\] {
  margin: 10px 2px 0;
}

:where(.cmt) .tw-m-\[12px_0_0\] {
  margin: 12px 0 0;
}

:where(.cmt) .tw-m-\[48px_0_12px\] {
  margin: 48px 0 12px;
}

:where(.cmt) .tw-mb-\[26px\] {
  margin-bottom: 26px;
}

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

:where(.cmt) .tw-mt-\[10px\] {
  margin-top: 10px;
}

:where(.cmt) .tw-mt-\[12px\] {
  margin-top: 12px;
}

:where(.cmt) .tw-mt-\[2px\] {
  margin-top: 2px;
}

:where(.cmt) .tw-mt-\[32px\] {
  margin-top: 32px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

:where(.cmt) .tw-cursor-default {
  cursor: default;
}

:where(.cmt) .tw-cursor-zoom-in {
  cursor: zoom-in;
}

:where(.cmt) .tw-resize-none {
  resize: none;
}

:where(.cmt) .tw-grid-cols-\[1fr_1fr\] {
  grid-template-columns: 1fr 1fr;
}

:where(.cmt) .tw-grid-cols-\[1fr_360px\] {
  grid-template-columns: 1fr 360px;
}

:where(.cmt) .tw-grid-cols-\[repeat\(4\,_minmax\(0\,_1fr\)\)\] {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

:where(.cmt) .tw-grid-cols-\[repeat\(6\,_minmax\(0\,_1fr\)\)\] {
  grid-template-columns: repeat(6, minmax(0, 1fr));
}

:where(.cmt) .tw-grid-cols-\[repeat\(7\,_minmax\(0\,_1fr\)\)\] {
  grid-template-columns: repeat(7, minmax(0, 1fr));
}

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

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

:where(.cmt) .tw-items-start {
  align-items: flex-start;
}

:where(.cmt) .tw-items-center {
  align-items: center;
}

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

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

:where(.cmt) .tw-justify-between {
  justify-content: space-between;
}

:where(.cmt) .tw-gap-\[10px\] {
  gap: 10px;
}

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

:where(.cmt) .tw-gap-\[18px\] {
  gap: 18px;
}

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

:where(.cmt) .tw-gap-\[4px\] {
  gap: 4px;
}

:where(.cmt) .tw-gap-\[6px\] {
  gap: 6px;
}

:where(.cmt) .tw-gap-\[8px\] {
  gap: 8px;
}

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

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

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

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

:where(.cmt) .tw-whitespace-nowrap {
  white-space: nowrap;
}

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

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

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

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

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

:where(.cmt) .tw-rounded-\[var\(--r-lg\,_20px\)\] {
  border-radius: var(--r-lg, 20px);
}

:where(.cmt) .tw-rounded-\[var\(--r-md\,_14px\)\] {
  border-radius: var(--r-md, 14px);
}

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

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

:where(.cmt) .tw-p-\[0_12px_8px\] {
  padding: 0 12px 8px;
}

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

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

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

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

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

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

:where(.cmt) .tw-p-\[5px_7px_14px\] {
  padding: 5px 7px 14px;
}

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

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

:where(.cmt) .tw-text-left {
  text-align: left;
}

:where(.cmt) .tw-text-center {
  text-align: center;
}

:where(.cmt) .tw-text-\[13px\] {
  font-size: 13px;
}

:where(.cmt) .tw-text-\[14px\] {
  font-size: 14px;
}

:where(.cmt) .tw-text-\[17px\] {
  font-size: 17px;
}

:where(.cmt) .tw-font-medium {
  font-weight: 500;
}

:where(.cmt) .tw-normal-case {
  text-transform: none;
}

:where(.cmt) .tw-leading-\[1\.5\] {
  line-height: 1.5;
}

:where(.cmt) .tw-tracking-\[0\] {
  letter-spacing: 0;
}

:where(.cmt) .tw-opacity-\[0\] {
  opacity: 0;
}

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

:where(.cmt) .tw-css-border-\[1px_dashed_var\(--cm-line-2\)\] {
  border: 1px dashed var(--cm-line-2);
}

:where(.cmt) .tw-css-border-\[2px_solid_transparent\] {
  border: 2px solid transparent;
}

:where(.cmt) .tw-css-animation-\[mjIn_\.35s_ease-out\] {
  animation: mjIn .35s ease-out;
}

:where(.cmt) .tw-css-background-\[\#0B0F17\] {
  background: #0B0F17;
}

:where(.cmt) .tw-css-background-\[\#101828\] {
  background: #101828;
}

:where(.cmt) .tw-css-background-\[linear-gradient\(rgba\(0\,_0\,_0\,_\.55\)\,_transparent\)\] {
  background: linear-gradient(rgba(0, 0, 0, .55), transparent);
}

:where(.cmt) .tw-css-background-\[linear-gradient\(transparent\,_rgba\(0\,_0\,_0\,_\.5\)\)\] {
  background: linear-gradient(transparent, rgba(0, 0, 0, .5));
}

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

:where(.cmt) .tw-css-background-\[rgba\(255\,_255\,_255\,_\.12\)\] {
  background: rgba(255, 255, 255, .12);
}

:where(.cmt) .tw-css-background-\[transparent\] {
  background: transparent;
}

:where(.cmt) .tw-css-background-\[var\(--cm-danger-bg\)\] {
  background: var(--cm-danger-bg);
}

:where(.cmt) .tw-css-background-\[var\(--cm-inverse\)\] {
  background: var(--cm-inverse);
}

:where(.cmt) .tw-css-background-\[var\(--cm-surface\)\] {
  background: var(--cm-surface);
}

:where(.cmt) .tw-css-background-\[var\(--cm-surface-2\)\] {
  background: var(--cm-surface-2);
}

:where(.cmt) .tw-css-background-\[var\(--cm-surface-3\)\] {
  background: var(--cm-surface-3);
}

:where(.cmt) .tw-css-transition-\[box-shadow_\.15s\,_background-color_\.15s\] {
  transition: box-shadow .15s, background-color .15s;
}

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

:where(.cmt) .tw-css-border-top-\[1px_solid_var\(--cm-line\)\] {
  border-top: 1px solid var(--cm-line);
}

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

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

:where(.cmt) .tw-css--webkit-box-orient-\[vertical\] {
  -webkit-box-orient: vertical;
}

:where(.cmt) .tw-css--webkit-line-clamp-\[2\] {
  -webkit-line-clamp: 2;
}

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

:where(.cmt) .tw-css-box-shadow-\[none\] {
  box-shadow: none;
}

:where(.cmt) .tw-css-color-\[\#fff\] {
  color: #fff;
}

:where(.cmt) .tw-css-color-\[var\(--cm-danger\)\] {
  color: var(--cm-danger);
}

:where(.cmt) .tw-css-color-\[var\(--cm-danger\,_\#D92D20\)\] {
  color: var(--cm-danger, #D92D20);
}

:where(.cmt) .tw-css-color-\[var\(--cm-faint\)\] {
  color: var(--cm-faint);
}

:where(.cmt) .tw-css-color-\[var\(--cm-muted\)\] {
  color: var(--cm-muted);
}

:where(.cmt) .tw-css-color-\[var\(--cm-on-inverse\)\] {
  color: var(--cm-on-inverse);
}

:where(.cmt) .tw-css-color-\[var\(--cm-text\)\] {
  color: var(--cm-text);
}

:where(.cmt) .tw-css-color-\[var\(--cm-text-2\)\] {
  color: var(--cm-text-2);
}

:where(.cmt) .tw-css-display-\[-webkit-box\] {
  display: -webkit-box;
}

:where(.cmt) .tw-css-font-size-\[var\(--cm-fs-body-sm\)\] {
  font-size: var(--cm-fs-body-sm);
}

:where(.cmt) .tw-css-font-size-\[var\(--cm-fs-caption\)\] {
  font-size: var(--cm-fs-caption);
}

:where(.cmt) .tw-css-font-weight-\[var\(--cm-fw-semibold\)\] {
  font-weight: var(--cm-fw-semibold);
}

:where(.cmt) .tw-css-text-shadow-\[0_1px_6px_rgba\(0\,_0\,_0\,_\.5\)\] {
  text-shadow: 0 1px 6px rgba(0, 0, 0, .5);
}

:where(.cmt) .tw-css-transform-\[translateY\(-50\%\)\] {
  transform: translateY(-50%);
}

@media (max-width: 991.98px) {
  :where(.cmt) .mq1-max-991-98\:tw-grid-cols-\[1fr\] {
    grid-template-columns: 1fr;
  }

  :where(.cmt) .mq1-max-991-98\:tw-grid-cols-\[repeat\(3\2c _minmax\(0\2c _1fr\)\)\] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  :where(.cmt) .mq1-max-991-98\:tw-grid-rows-\[1fr_auto\] {
    grid-template-rows: 1fr auto;
  }

  :where(.cmt) .mq1-max-991-98\:tw-overflow-y-auto {
    overflow-y: auto;
  }
}

@media (max-width: 767.98px) {
  :where(.cmt) .mq2-max-767-98\:tw-grid-cols-\[repeat\(2\2c _minmax\(0\2c _1fr\)\)\] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  :where(.cmt) .mq2-max-767-98\:tw-grid-cols-\[repeat\(4\2c _minmax\(0\2c _1fr\)\)\] {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

@media (hover: none) {
  :where(.cmt) .mq3-hover-none\:tw-hidden {
    display: none;
  }
}

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

:where(.cmt) .\[\&\.active\]\:tw-css-background-\[var\(--cm-text\)\].active {
  background: var(--cm-text);
}

:where(.cmt) .\[\&\.active\]\:tw-css-border-color-\[var\(--cm-text\)\].active {
  border-color: var(--cm-text);
}

:where(.cmt) .\[\&\.active\]\:tw-css-color-\[var\(--cm-surface\)\].active {
  color: var(--cm-surface);
}

:where(.cmt) .\[\&\.is-drop\]\:tw-css-box-shadow-\[0_0_0_3px_var\(--cm-text\)\].is-drop {
  box-shadow: 0 0 0 3px var(--cm-text);
}

:where(.cmt) .\[\&\.is-on\]\:tw-css-background-\[var\(--cm-surface-3\)\].is-on {
  background: var(--cm-surface-3);
}

:where(.cmt) .\[\&\.is-on\]\:tw-css-color-\[var\(--cm-text\)\].is-on {
  color: var(--cm-text);
}

:where(.cmt) .\[\&\.mj-nav\]\:tw-left-\[12px\].mj-nav {
  left: 12px;
}

:where(.cmt) .\[\&\.mj-nav\]\:tw-right-\[12px\].mj-nav {
  right: 12px;
}

:where(.cmt) .\[\&\.n1\]\:tw-max-w-\[420px\].n1 {
  max-width: 420px;
}

:where(.cmt) .\[\&\.n1\]\:tw-grid-cols-\[minmax\(0\2c _1fr\)\].n1 {
  grid-template-columns: minmax(0, 1fr);
}

:where(.cmt) .\[\&\.n2\]\:tw-max-w-\[840px\].n2 {
  max-width: 840px;
}

:where(.cmt) .\[\&\.n2\]\:tw-grid-cols-\[repeat\(2\2c _minmax\(0\2c _1fr\)\)\].n2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

:where(.cmt) .\[\&\.n3\]\:tw-grid-cols-\[repeat\(3\2c _minmax\(0\2c _1fr\)\)\].n3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

@media (max-width: 767.98px) {
  :where(.cmt) .mq2-max-767-98\:\[\&\.n3\]\:tw-grid-cols-\[repeat\(2\2c _minmax\(0\2c _1fr\)\)\].n3 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (prefers-reduced-motion: reduce) {
  :where(.cmt) .mq4-motion-reduce\:\[\&\:\:after\]\:\!tw-css-animation-\[none\]::after {
    animation: none !important;
  }
}

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

:where(.cmt) .\[\&\:\:before\]\:tw-inset-\[-30\%\]::before {
  inset: -30%;
}

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

:where(.cmt) .\[\&\:\:before\]\:tw-css-animation-\[mjFlow_6s_ease-in-out_infinite_alternate\]::before {
  animation: mjFlow 6s ease-in-out infinite alternate;
}

:where(.cmt) .\[\&\:\:before\]\:tw-css-background-\[radial-gradient\(circle_at_30\%_30\%\2c _\#6172F3\2c _transparent_45\%\)\2c _radial-gradient\(circle_at_70\%_65\%\2c _\#F670C7\2c _transparent_45\%\)\2c _radial-gradient\(circle_at_45\%_80\%\2c _\#FDB022\2c _transparent_40\%\)\]::before {
  background: radial-gradient(circle at 30% 30%, #6172F3, transparent 45%), radial-gradient(circle at 70% 65%, #F670C7, transparent 45%), radial-gradient(circle at 45% 80%, #FDB022, transparent 40%);
}

:where(.cmt) .\[\&\:\:before\]\:tw-css-content-\[\'\'\]::before {
  content: '';
}

:where(.cmt) .\[\&\:\:before\]\:tw-css-filter-\[blur\(30px\)\]::before {
  filter: blur(30px);
}

@media (prefers-reduced-motion: reduce) {
  :where(.cmt) .mq4-motion-reduce\:\[\&\:\:before\]\:\!tw-css-animation-\[none\]::before {
    animation: none !important;
  }
}

:where(.cmt) .\[\&\:\:placeholder\]\:tw-css-color-\[var\(--cm-faint\)\]::placeholder {
  color: var(--cm-faint);
}

:where(.cmt) .\[\&\:disabled\]\:tw-opacity-\[\.25\]:disabled {
  opacity: .25;
}

:where(.cmt) .\[\&\:focus-within\]\:tw-css-background-\[var\(--cm-surface\)\]:focus-within {
  background: var(--cm-surface);
}

:where(.cmt) .\[\&\:focus-within\]\:tw-css-box-shadow-\[0_0_0_1\.5px_var\(--cm-text\)\]:focus-within {
  box-shadow: 0 0 0 1.5px var(--cm-text);
}

:where(.cmt) .\[\&\:hover\]\:tw-css-background-\[rgba\(255\2c _255\2c _255\2c _\.24\)\]:hover {
  background: rgba(255, 255, 255, .24);
}

:where(.cmt) .\[\&\:hover\]\:tw-css-background-\[var\(--cm-surface\)\]:hover {
  background: var(--cm-surface);
}

:where(.cmt) .\[\&\:hover\]\:tw-css-background-\[var\(--cm-surface-3\)\]:hover {
  background: var(--cm-surface-3);
}

:where(.cmt) .\[\&\:hover\]\:tw-css-border-style-\[solid\]:hover {
  border-style: solid;
}

:where(.cmt) .\[\&\:hover\]\:tw-css-color-\[var\(--cm-text\)\]:hover {
  color: var(--cm-text);
}

:where(.cmt) .\[\&_b\]\:tw-font-medium b {
  font-weight: 500;
}

:where(.cmt) .\[\&_b\]\:tw-css-color-\[var\(--cm-text-2\)\] b {
  color: var(--cm-text-2);
}

:where(.cmt) .\[\&_button\.is-go\]\:tw-css-background-\[var\(--cm-inverse\)\] button.is-go {
  background: var(--cm-inverse);
}

:where(.cmt) .\[\&_button\.is-go\]\:tw-css-color-\[var\(--cm-on-inverse\)\] button.is-go {
  color: var(--cm-on-inverse);
}

:where(.cmt) .\[\&_button\:disabled\]\:tw-opacity-\[\.85\] button:disabled {
  opacity: .85;
}

:where(.cmt) .\[\&_button\:hover\]\:tw-css-background-\[var\(--cm-bg-subtle\)\] button:hover {
  background: var(--cm-bg-subtle);
}

:where(.cmt) .\[\&_button\:hover\]\:tw-css-border-color-\[var\(--cm-line-2\)\] button:hover {
  border-color: var(--cm-line-2);
}

:where(.cmt) .\[\&_button\:hover_img\]\:tw-opacity-\[\.9\] button:hover img {
  opacity: .9;
}

:where(.cmt) .\[\&_button\:hover_img\]\:tw-css-transform-\[none\] button:hover img {
  transform: none;
}

:where(.cmt) .\[\&_button\]\:tw-absolute button {
  position: absolute;
}

:where(.cmt) .\[\&_button\]\:tw-relative button {
  position: relative;
}

:where(.cmt) .\[\&_button\]\:tw-bottom-\[6px\] button {
  bottom: 6px;
}

:where(.cmt) .\[\&_button\]\:tw-left-\[6px\] button {
  left: 6px;
}

:where(.cmt) .\[\&_button\]\:tw-right-\[2px\] button {
  right: 2px;
}

:where(.cmt) .\[\&_button\]\:tw-right-\[6px\] button {
  right: 6px;
}

:where(.cmt) .\[\&_button\]\:tw-top-\[2px\] button {
  top: 2px;
}

:where(.cmt) .\[\&_button\]\:tw-flex button {
  display: flex;
}

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

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

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

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

:where(.cmt) .\[\&_button\]\:tw-items-center button {
  align-items: center;
}

:where(.cmt) .\[\&_button\]\:tw-gap-\[8px\] button {
  gap: 8px;
}

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

:where(.cmt) .\[\&_button\]\:tw-rounded-\[12px\] button {
  border-radius: 12px;
}

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

:where(.cmt) .\[\&_button\]\:tw-rounded-\[8px\] button {
  border-radius: 8px;
}

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

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

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

:where(.cmt) .\[\&_button\]\:tw-p-\[4px_6px\] button {
  padding: 4px 6px;
}

:where(.cmt) .\[\&_button\]\:tw-text-left button {
  text-align: left;
}

:where(.cmt) .\[\&_button\]\:tw-leading-\[1\] button {
  line-height: 1;
}

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

:where(.cmt) .\[\&_button\]\:tw-css-border-\[1px_solid_var\(--cm-line\)\] button {
  border: 1px solid var(--cm-line);
}

:where(.cmt) .\[\&_button\]\:tw-css-background-\[none\] button {
  background: none;
}

:where(.cmt) .\[\&_button\]\:tw-css-background-\[rgba\(16\2c _24\2c _40\2c _\.8\)\] button {
  background: rgba(16, 24, 40, .8);
}

:where(.cmt) .\[\&_button\]\:tw-css-background-\[rgba\(255\2c _255\2c _255\2c _\.95\)\] button {
  background: rgba(255, 255, 255, .95);
}

:where(.cmt) .\[\&_button\]\:tw-css-background-\[var\(--cm-surface\)\] button {
  background: var(--cm-surface);
}

:where(.cmt) .\[\&_button\]\:tw-css-color-\[\#101828\] button {
  color: #101828;
}

:where(.cmt) .\[\&_button\]\:tw-css-color-\[\#fff\] button {
  color: #fff;
}

:where(.cmt) .\[\&_button\]\:tw-css-color-\[var\(--cm-text\)\] button {
  color: var(--cm-text);
}

:where(.cmt) .\[\&_button\]\:tw-css-font-size-\[var\(--cm-fs-caption\)\] button {
  font-size: var(--cm-fs-caption);
}

:where(.cmt) .\[\&_button\]\:tw-css-font-weight-\[var\(--cm-fw-semibold\)\] button {
  font-weight: var(--cm-fw-semibold);
}

:where(.cmt) .\[\&_div\]\:tw-rounded-\[6px\] div {
  border-radius: 6px;
}

:where(.cmt) .\[\&_div\]\:tw-css-border-\[2px_solid_var\(--cm-text\)\] div {
  border: 2px solid var(--cm-text);
}

:where(.cmt) .\[\&_div\]\:tw-css-transition-\[width_\.2s\2c _height_\.2s\] div {
  transition: width .2s, height .2s;
}

:where(.cmt) .\[\&_img\.is-developing\]\:tw-opacity-\[\.6\] img.is-developing {
  opacity: .6;
}

:where(.cmt) .\[\&_img\.is-developing\]\:tw-css-filter-\[blur\(24px\)_saturate\(1\.3\)\] img.is-developing {
  filter: blur(24px) saturate(1.3);
}

:where(.cmt) .\[\&_img\.is-developing\]\:tw-css-transform-\[scale\(1\.06\)\] img.is-developing {
  transform: scale(1.06);
}

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

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

:where(.cmt) .\[\&_img\]\:tw-aspect-\[1\] img {
  aspect-ratio: 1;
}

:where(.cmt) .\[\&_img\]\:tw-h-\[16px\] img {
  height: 16px;
}

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

:where(.cmt) .\[\&_img\]\:tw-max-h-\[calc\(100vh_-_48px\)\] img {
  max-height: calc(100vh - 48px);
}

:where(.cmt) .\[\&_img\]\:tw-w-\[16px\] img {
  width: 16px;
}

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

:where(.cmt) .\[\&_img\]\:tw-max-w-\[100\%\] img {
  max-width: 100%;
}

:where(.cmt) .\[\&_img\]\:tw-rounded-\[10px\] img {
  border-radius: 10px;
}

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

:where(.cmt) .\[\&_img\]\:tw-rounded-\[var\(--r-md\2c _14px\)\] img {
  border-radius: var(--r-md, 14px);
}

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

:where(.cmt) .\[\&_img\]\:tw-css-transition-\[filter_1s_ease\2c _transform_1s_ease\2c _opacity_\.6s\] img {
  transition: filter 1s ease, transform 1s ease, opacity .6s;
}

:where(.cmt) .\[\&_img\]\:tw-css-transition-\[transform_\.4s\] img {
  transition: transform .4s;
}

:where(.cmt) .\[\&_img\]\:tw-css-box-shadow-\[0_30px_80px_rgba\(0\2c _0\2c _0\2c _\.6\)\] img {
  box-shadow: 0 30px 80px rgba(0, 0, 0, .6);
}

:where(.cmt) .\[\&_img\]\:tw-css-vertical-align-\[-3px\] img {
  vertical-align: -3px;
}

@media (prefers-reduced-motion: reduce) {
  :where(.cmt) .mq4-motion-reduce\:\[\&_img\]\:tw-css-transition-\[none\] img {
    transition: none;
  }
}

:where(.cmt) .\[\&_span\]\:tw-static span {
  position: static;
}

:where(.cmt) .\[\&_span\]\:tw-absolute span {
  position: absolute;
}

:where(.cmt) .\[\&_span\]\:tw-bottom-\[0\] span {
  bottom: 0;
}

:where(.cmt) .\[\&_span\]\:tw-bottom-\[10px\] span {
  bottom: 10px;
}

:where(.cmt) .\[\&_span\]\:tw-bottom-\[4px\] span {
  bottom: 4px;
}

:where(.cmt) .\[\&_span\]\:tw-left-\[0\] span {
  left: 0;
}

:where(.cmt) .\[\&_span\]\:tw-left-\[10px\] span {
  left: 10px;
}

:where(.cmt) .\[\&_span\]\:tw-left-\[4px\] span {
  left: 4px;
}

:where(.cmt) .\[\&_span\]\:tw-right-\[0\] span {
  right: 0;
}

:where(.cmt) .\[\&_span\]\:tw-right-\[10px\] span {
  right: 10px;
}

:where(.cmt) .\[\&_span\]\:tw-mt-\[8px\] span {
  margin-top: 8px;
}

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

:where(.cmt) .\[\&_span\]\:tw-rounded-\[6px\] span {
  border-radius: 6px;
}

:where(.cmt) .\[\&_span\]\:tw-p-\[1px_7px\] span {
  padding: 1px 7px;
}

:where(.cmt) .\[\&_span\]\:tw-text-left span {
  text-align: left;
}

:where(.cmt) .\[\&_span\]\:tw-text-center span {
  text-align: center;
}

:where(.cmt) .\[\&_span\]\:tw-text-\[13px\] span {
  font-size: 13px;
}

:where(.cmt) .\[\&_span\]\:tw-font-medium span {
  font-weight: 500;
}

:where(.cmt) .\[\&_span\]\:tw-css-background-\[rgba\(16\2c _24\2c _40\2c _\.75\)\] span {
  background: rgba(16, 24, 40, .75);
}

:where(.cmt) .\[\&_span\]\:tw-css-background-\[rgba\(255\2c _255\2c _255\2c _\.92\)\] span {
  background: rgba(255, 255, 255, .92);
}

:where(.cmt) .\[\&_span\]\:tw-css-color-\[\#1D1D1F\] span {
  color: #1D1D1F;
}

:where(.cmt) .\[\&_span\]\:tw-css-color-\[\#fff\] span {
  color: #fff;
}

:where(.cmt) .\[\&_span\]\:tw-css-color-\[var\(--cm-text-2\)\] span {
  color: var(--cm-text-2);
}

:where(.cmt) .\[\&_span\]\:tw-css-font-size-\[var\(--cm-fs-caption\)\] span {
  font-size: var(--cm-fs-caption);
}

:where(.cmt) .\[\&_span\]\:tw-css-font-weight-\[var\(--cm-fw-semibold\)\] span {
  font-weight: var(--cm-fw-semibold);
}

:where(.cmt) .\[\&_span\]\:tw-css-text-shadow-\[none\] span {
  text-shadow: none;
}

:where(.cmt) .mj-side-group .\[\.mj-side-group_\&\:is\(button\)\]\:tw-css-background-\[var\(--cm-inverse\)\]:is(button) {
  background: var(--cm-inverse);
}

:where(.cmt) .mj-side-group .\[\.mj-side-group_\&\:is\(button\)\]\:tw-css-border-color-\[var\(--cm-text\)\]:is(button) {
  border-color: var(--cm-text);
}

:where(.cmt) .mj-side-group .\[\.mj-side-group_\&\:is\(button\)\]\:tw-css-color-\[var\(--cm-on-inverse\)\]:is(button) {
  color: var(--cm-on-inverse);
}

:where(.cmt) .mj-tile:hover .\[\.mj-tile\:hover_\&\]\:tw-opacity-\[1\] {
  opacity: 1;
}