/*
 * Tailwind entry for the CANVAS bundle — the design system, minus the reset.
 *
 * The on-canvas toolbar (composer-box-handles.js) renders in whichever document
 * holds the page: in Elementor that is the preview iframe, while the panel — and
 * therefore composer.css — lives in the editor window. The toolbar's controls are
 * real PropField / design-system components, so without their utilities they
 * arrive as unstyled blocks and the previewed page's own CSS paints them.
 *
 * `@tailwind base` is deliberately ABSENT, and that absence is the whole point of
 * this file existing. Preflight is a global reset on bare `*`, `body` and
 * `h1`…`p` selectors — `border-width: 0`, `margin: 0`, `display: block` on
 * images — and the document this loads into is the USER'S PAGE. Loading
 * composer.css here instead would restyle the very design they are editing.
 *
 * Components and utilities are safe because tailwind.config.js sets
 * `important: '.uich-tw'`, so every utility ships scoped as `.uich-tw .foo` and
 * cannot reach page markup. Same trade the dashboard bundle already makes with
 * admin-island.css.
 */
.uich-tw .sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}
.uich-tw .pointer-events-none {
  pointer-events: none;
}
.uich-tw .pointer-events-auto {
  pointer-events: auto;
}
.uich-tw .visible {
  visibility: visible;
}
.uich-tw .invisible {
  visibility: hidden;
}
.uich-tw .collapse {
  visibility: collapse;
}
.uich-tw .static {
  position: static;
}
.uich-tw .fixed {
  position: fixed;
}
.uich-tw .absolute {
  position: absolute;
}
.uich-tw .relative {
  position: relative;
}
.uich-tw .sticky {
  position: sticky;
}
.uich-tw .inset-0 {
  inset: 0px;
}
.uich-tw .inset-x-0 {
  right: 0px;
  left: 0px;
}
.uich-tw .inset-y-0 {
  top: 0px;
  bottom: 0px;
}
.uich-tw .inset-y-2 {
  top: 0.5rem;
  bottom: 0.5rem;
}
.uich-tw .-bottom-1 {
  bottom: -0.25rem;
}
.uich-tw .-right-6 {
  left: -1.5rem;
}
.uich-tw .-top-1 {
  top: -0.25rem;
}
.uich-tw .-top-8 {
  top: -2rem;
}
.uich-tw .bottom-3 {
  bottom: 0.75rem;
}
.uich-tw .bottom-6 {
  bottom: 1.5rem;
}
.uich-tw .left-0 {
  right: 0px;
}
.uich-tw .left-1\/2 {
  right: 50%;
}
.uich-tw .left-2 {
  right: 0.5rem;
}
.uich-tw .left-3 {
  right: 0.75rem;
}
.uich-tw .left-\[50\%\] {
  right: 50%;
}
.uich-tw .right-0 {
  left: 0px;
}
.uich-tw .right-1 {
  left: 0.25rem;
}
.uich-tw .right-2 {
  left: 0.5rem;
}
.uich-tw .right-3 {
  left: 0.75rem;
}
.uich-tw .right-4 {
  left: 1rem;
}
.uich-tw .right-6 {
  left: 1.5rem;
}
.uich-tw .top-0 {
  top: 0px;
}
.uich-tw .top-1 {
  top: 0.25rem;
}
.uich-tw .top-1\/2 {
  top: 50%;
}
.uich-tw .top-3 {
  top: 0.75rem;
}
.uich-tw .top-4 {
  top: 1rem;
}
.uich-tw .top-6 {
  top: 1.5rem;
}
.uich-tw .top-\[50\%\] {
  top: 50%;
}
.uich-tw .top-full {
  top: 100%;
}
.uich-tw .isolate {
  isolation: isolate;
}
.uich-tw .z-10 {
  z-index: 10;
}
.uich-tw .z-30 {
  z-index: 30;
}
.uich-tw .z-50 {
  z-index: 50;
}
.uich-tw .z-\[11\] {
  z-index: 11;
}
.uich-tw .z-\[2147483646\] {
  z-index: 2147483646;
}
.uich-tw .z-\[2147483647\] {
  z-index: 2147483647;
}
.uich-tw .z-\[99999\] {
  z-index: 99999;
}
.uich-tw .col-span-2 {
  grid-column: span 2 / span 2;
}
.uich-tw .m-3 {
  margin: 0.75rem;
}
.uich-tw .m-auto {
  margin: auto;
}
.uich-tw .-mx-1 {
  margin-right: -0.25rem;
  margin-left: -0.25rem;
}
.uich-tw .-mx-2 {
  margin-right: -0.5rem;
  margin-left: -0.5rem;
}
.uich-tw .mx-4 {
  margin-right: 1rem;
  margin-left: 1rem;
}
.uich-tw .mx-auto {
  margin-right: auto;
  margin-left: auto;
}
.uich-tw .my-1 {
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
}
.uich-tw .my-1\.5 {
  margin-top: 0.375rem;
  margin-bottom: 0.375rem;
}
.uich-tw .my-3 {
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
}
.uich-tw .-mb-2 {
  margin-bottom: -0.5rem;
}
.uich-tw .-mb-px {
  margin-bottom: -1px;
}
.uich-tw .mb-1\.5 {
  margin-bottom: 0.375rem;
}
.uich-tw .mb-2 {
  margin-bottom: 0.5rem;
}
.uich-tw .mb-2\.5 {
  margin-bottom: 0.625rem;
}
.uich-tw .mb-3 {
  margin-bottom: 0.75rem;
}
.uich-tw .mb-4 {
  margin-bottom: 1rem;
}
.uich-tw .ml-0\.5 {
  margin-right: 0.125rem;
}
.uich-tw .ml-1 {
  margin-right: 0.25rem;
}
.uich-tw .ml-auto {
  margin-right: auto;
}
.uich-tw .mr-1 {
  margin-left: 0.25rem;
}
.uich-tw .mr-2 {
  margin-left: 0.5rem;
}
.uich-tw .mr-3 {
  margin-left: 0.75rem;
}
.uich-tw .mt-0\.5 {
  margin-top: 0.125rem;
}
.uich-tw .mt-1 {
  margin-top: 0.25rem;
}
.uich-tw .mt-1\.5 {
  margin-top: 0.375rem;
}
.uich-tw .mt-2 {
  margin-top: 0.5rem;
}
.uich-tw .mt-3 {
  margin-top: 0.75rem;
}
.uich-tw .mt-3\.5 {
  margin-top: 0.875rem;
}
.uich-tw .mt-4 {
  margin-top: 1rem;
}
.uich-tw .mt-5 {
  margin-top: 1.25rem;
}
.uich-tw .mt-6 {
  margin-top: 1.5rem;
}
.uich-tw .mt-auto {
  margin-top: auto;
}
.uich-tw .\!block {
  display: block !important;
}
.uich-tw .block {
  display: block;
}
.uich-tw .inline-block {
  display: inline-block;
}
.uich-tw .inline {
  display: inline;
}
.uich-tw .flex {
  display: flex;
}
.uich-tw .inline-flex {
  display: inline-flex;
}
.uich-tw .table {
  display: table;
}
.uich-tw .table-cell {
  display: table-cell;
}
.uich-tw .table-row {
  display: table-row;
}
.uich-tw .flow-root {
  display: flow-root;
}
.uich-tw .grid {
  display: grid;
}
.uich-tw .inline-grid {
  display: inline-grid;
}
.uich-tw .contents {
  display: contents;
}
.uich-tw .list-item {
  display: list-item;
}
.uich-tw .hidden {
  display: none;
}
.uich-tw .aspect-\[16\/10\] {
  aspect-ratio: 16/10;
}
.uich-tw .size-1\.5 {
  width: 0.375rem;
  height: 0.375rem;
}
.uich-tw .size-11 {
  width: 2.75rem;
  height: 2.75rem;
}
.uich-tw .size-12 {
  width: 3rem;
  height: 3rem;
}
.uich-tw .size-16 {
  width: 4rem;
  height: 4rem;
}
.uich-tw .size-2 {
  width: 0.5rem;
  height: 0.5rem;
}
.uich-tw .size-3 {
  width: 0.75rem;
  height: 0.75rem;
}
.uich-tw .size-3\.5 {
  width: 0.875rem;
  height: 0.875rem;
}
.uich-tw .size-4 {
  width: 1rem;
  height: 1rem;
}
.uich-tw .size-5 {
  width: 1.25rem;
  height: 1.25rem;
}
.uich-tw .size-6 {
  width: 1.5rem;
  height: 1.5rem;
}
.uich-tw .size-7 {
  width: 1.75rem;
  height: 1.75rem;
}
.uich-tw .size-8 {
  width: 2rem;
  height: 2rem;
}
.uich-tw .size-9 {
  width: 2.25rem;
  height: 2.25rem;
}
.uich-tw .size-\[18px\] {
  width: 18px;
  height: 18px;
}
.uich-tw .\!h-4 {
  height: 1rem !important;
}
.uich-tw .h-1 {
  height: 0.25rem;
}
.uich-tw .h-1\.5 {
  height: 0.375rem;
}
.uich-tw .h-10 {
  height: 2.5rem;
}
.uich-tw .h-2 {
  height: 0.5rem;
}
.uich-tw .h-2\.5 {
  height: 0.625rem;
}
.uich-tw .h-3 {
  height: 0.75rem;
}
.uich-tw .h-3\.5 {
  height: 0.875rem;
}
.uich-tw .h-4 {
  height: 1rem;
}
.uich-tw .h-44 {
  height: 11rem;
}
.uich-tw .h-5 {
  height: 1.25rem;
}
.uich-tw .h-6 {
  height: 1.5rem;
}
.uich-tw .h-7 {
  height: 1.75rem;
}
.uich-tw .h-8 {
  height: 2rem;
}
.uich-tw .h-9 {
  height: 2.25rem;
}
.uich-tw .h-\[1px\] {
  height: 1px;
}
.uich-tw .h-\[22px\] {
  height: 22px;
}
.uich-tw .h-\[26px\] {
  height: 26px;
}
.uich-tw .h-\[2px\] {
  height: 2px;
}
.uich-tw .h-\[620px\] {
  height: 620px;
}
.uich-tw .h-\[70vh\] {
  height: 70vh;
}
.uich-tw .h-\[var\(--radix-select-trigger-height\)\] {
  height: var(--radix-select-trigger-height);
}
.uich-tw .h-auto {
  height: auto;
}
.uich-tw .h-full {
  height: 100%;
}
.uich-tw .h-px {
  height: 1px;
}
.uich-tw .max-h-52 {
  max-height: 13rem;
}
.uich-tw .max-h-96 {
  max-height: 24rem;
}
.uich-tw .max-h-\[140px\] {
  max-height: 140px;
}
.uich-tw .max-h-\[220px\] {
  max-height: 220px;
}
.uich-tw .max-h-\[260px\] {
  max-height: 260px;
}
.uich-tw .max-h-\[280px\] {
  max-height: 280px;
}
.uich-tw .max-h-\[300px\] {
  max-height: 300px;
}
.uich-tw .max-h-\[52vh\] {
  max-height: 52vh;
}
.uich-tw .max-h-\[86\%\] {
  max-height: 86%;
}
.uich-tw .max-h-\[86vh\] {
  max-height: 86vh;
}
.uich-tw .max-h-\[min\(360px\2c 60vh\)\] {
  max-height: min(360px, 60vh);
}
.uich-tw .min-h-0 {
  min-height: 0px;
}
.uich-tw .min-h-\[420px\] {
  min-height: 420px;
}
.uich-tw .min-h-\[520px\] {
  min-height: 520px;
}
.uich-tw .min-h-\[60px\] {
  min-height: 60px;
}
.uich-tw .min-h-\[90px\] {
  min-height: 90px;
}
.uich-tw .\!w-7 {
  width: 1.75rem !important;
}
.uich-tw .w-0\.5 {
  width: 0.125rem;
}
.uich-tw .w-1 {
  width: 0.25rem;
}
.uich-tw .w-1\.5 {
  width: 0.375rem;
}
.uich-tw .w-10 {
  width: 2.5rem;
}
.uich-tw .w-16 {
  width: 4rem;
}
.uich-tw .w-2 {
  width: 0.5rem;
}
.uich-tw .w-2\.5 {
  width: 0.625rem;
}
.uich-tw .w-20 {
  width: 5rem;
}
.uich-tw .w-24 {
  width: 6rem;
}
.uich-tw .w-28 {
  width: 7rem;
}
.uich-tw .w-3\.5 {
  width: 0.875rem;
}
.uich-tw .w-32 {
  width: 8rem;
}
.uich-tw .w-36 {
  width: 9rem;
}
.uich-tw .w-4 {
  width: 1rem;
}
.uich-tw .w-44 {
  width: 11rem;
}
.uich-tw .w-48 {
  width: 12rem;
}
.uich-tw .w-5 {
  width: 1.25rem;
}
.uich-tw .w-52 {
  width: 13rem;
}
.uich-tw .w-56 {
  width: 14rem;
}
.uich-tw .w-6 {
  width: 1.5rem;
}
.uich-tw .w-60 {
  width: 15rem;
}
.uich-tw .w-64 {
  width: 16rem;
}
.uich-tw .w-7 {
  width: 1.75rem;
}
.uich-tw .w-72 {
  width: 18rem;
}
.uich-tw .w-8 {
  width: 2rem;
}
.uich-tw .w-9 {
  width: 2.25rem;
}
.uich-tw .w-\[1\%\] {
  width: 1%;
}
.uich-tw .w-\[104px\] {
  width: 104px;
}
.uich-tw .w-\[150px\] {
  width: 150px;
}
.uich-tw .w-\[176px\] {
  width: 176px;
}
.uich-tw .w-\[184px\] {
  width: 184px;
}
.uich-tw .w-\[190px\] {
  width: 190px;
}
.uich-tw .w-\[1px\] {
  width: 1px;
}
.uich-tw .w-\[320px\] {
  width: 320px;
}
.uich-tw .w-\[34\%\] {
  width: 34%;
}
.uich-tw .w-\[36\%\] {
  width: 36%;
}
.uich-tw .w-\[380px\] {
  width: 380px;
}
.uich-tw .w-\[42\%\] {
  width: 42%;
}
.uich-tw .w-\[92vw\] {
  width: 92vw;
}
.uich-tw .w-\[min\(520px\2c 95vw\)\] {
  width: min(520px, 95vw);
}
.uich-tw .w-\[min\(600px\2c 95vw\)\] {
  width: min(600px, 95vw);
}
.uich-tw .w-\[min\(640px\2c 94\%\)\] {
  width: min(640px, 94%);
}
.uich-tw .w-\[min\(860px\2c 95vw\)\] {
  width: min(860px, 95vw);
}
.uich-tw .w-auto {
  width: auto;
}
.uich-tw .w-full {
  width: 100%;
}
.uich-tw .w-max {
  width: -moz-max-content;
  width: max-content;
}
.uich-tw .min-w-0 {
  min-width: 0px;
}
.uich-tw .min-w-10 {
  min-width: 2.5rem;
}
.uich-tw .min-w-4 {
  min-width: 1rem;
}
.uich-tw .min-w-7 {
  min-width: 1.75rem;
}
.uich-tw .min-w-8 {
  min-width: 2rem;
}
.uich-tw .min-w-9 {
  min-width: 2.25rem;
}
.uich-tw .min-w-\[10rem\] {
  min-width: 10rem;
}
.uich-tw .min-w-\[16px\] {
  min-width: 16px;
}
.uich-tw .min-w-\[180px\] {
  min-width: 180px;
}
.uich-tw .min-w-\[84px\] {
  min-width: 84px;
}
.uich-tw .min-w-\[8rem\] {
  min-width: 8rem;
}
.uich-tw .min-w-\[var\(--radix-select-trigger-width\)\] {
  min-width: var(--radix-select-trigger-width);
}
.uich-tw .min-w-full {
  min-width: 100%;
}
.uich-tw .max-w-2xl {
  max-width: 42rem;
}
.uich-tw .max-w-5xl {
  max-width: 64rem;
}
.uich-tw .max-w-\[180px\] {
  max-width: 180px;
}
.uich-tw .max-w-\[280px\] {
  max-width: 280px;
}
.uich-tw .max-w-\[90vw\] {
  max-width: 90vw;
}
.uich-tw .max-w-\[min\(340px\2c 90vw\)\] {
  max-width: min(340px, 90vw);
}
.uich-tw .max-w-full {
  max-width: 100%;
}
.uich-tw .max-w-lg {
  max-width: 32rem;
}
.uich-tw .max-w-md {
  max-width: 28rem;
}
.uich-tw .max-w-sm {
  max-width: 24rem;
}
.uich-tw .max-w-xs {
  max-width: 20rem;
}
.uich-tw .flex-1 {
  flex: 1 1 0%;
}
.uich-tw .flex-shrink {
  flex-shrink: 1;
}
.uich-tw .shrink {
  flex-shrink: 1;
}
.uich-tw .shrink-0 {
  flex-shrink: 0;
}
.uich-tw .flex-grow {
  flex-grow: 1;
}
.uich-tw .grow {
  flex-grow: 1;
}
.uich-tw .border-collapse {
  border-collapse: collapse;
}
.uich-tw .origin-top-left {
  transform-origin: top right;
}
.uich-tw .-translate-x-1\/2 {
  --tw-translate-x: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.uich-tw .-translate-y-1\/2 {
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.uich-tw .translate-x-0 {
  --tw-translate-x: 0px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.uich-tw .translate-x-3 {
  --tw-translate-x: 0.75rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.uich-tw .translate-x-4 {
  --tw-translate-x: 1rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.uich-tw .translate-x-\[-50\%\] {
  --tw-translate-x: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.uich-tw .translate-x-\[110\%\] {
  --tw-translate-x: 110%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.uich-tw .translate-y-\[-50\%\] {
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.uich-tw .translate-y-\[calc\(-100\%-6px\)\] {
  --tw-translate-y: calc(-100% - 6px);
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.uich-tw .rotate-90 {
  --tw-rotate: 90deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.uich-tw .transform {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
@keyframes pulse {
  50% {
    opacity: .5;
  }
}
.uich-tw .animate-pulse {
  animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}
.uich-tw .cursor-default {
  cursor: default;
}
.uich-tw .cursor-grab {
  cursor: grab;
}
.uich-tw .cursor-not-allowed {
  cursor: not-allowed;
}
.uich-tw .cursor-pointer {
  cursor: pointer;
}
.uich-tw .touch-none {
  touch-action: none;
}
.uich-tw .select-none {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.uich-tw .resize-none {
  resize: none;
}
.uich-tw .resize-y {
  resize: vertical;
}
.uich-tw .resize {
  resize: both;
}
.uich-tw .list-none {
  list-style-type: none;
}
.uich-tw .appearance-none {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.uich-tw .grid-cols-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
.uich-tw .grid-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.uich-tw .grid-cols-\[repeat\(auto-fill\2c minmax\(44px\2c 1fr\)\)\] {
  grid-template-columns: repeat(auto-fill,minmax(44px,1fr));
}
.uich-tw .flex-col {
  flex-direction: column;
}
.uich-tw .flex-col-reverse {
  flex-direction: column-reverse;
}
.uich-tw .flex-wrap {
  flex-wrap: wrap;
}
.uich-tw .items-start {
  align-items: flex-start;
}
.uich-tw .items-center {
  align-items: center;
}
.uich-tw .justify-start {
  justify-content: flex-start;
}
.uich-tw .justify-end {
  justify-content: flex-end;
}
.uich-tw .justify-center {
  justify-content: center;
}
.uich-tw .justify-between {
  justify-content: space-between;
}
.uich-tw .gap-0 {
  gap: 0px;
}
.uich-tw .gap-0\.5 {
  gap: 0.125rem;
}
.uich-tw .gap-1 {
  gap: 0.25rem;
}
.uich-tw .gap-1\.5 {
  gap: 0.375rem;
}
.uich-tw .gap-2 {
  gap: 0.5rem;
}
.uich-tw .gap-2\.5 {
  gap: 0.625rem;
}
.uich-tw .gap-3 {
  gap: 0.75rem;
}
.uich-tw .gap-4 {
  gap: 1rem;
}
.uich-tw .gap-6 {
  gap: 1.5rem;
}
.uich-tw .gap-7 {
  gap: 1.75rem;
}
.uich-tw .gap-x-2\.5 {
  -moz-column-gap: 0.625rem;
       column-gap: 0.625rem;
}
.uich-tw .gap-x-4 {
  -moz-column-gap: 1rem;
       column-gap: 1rem;
}
.uich-tw .gap-x-5 {
  -moz-column-gap: 1.25rem;
       column-gap: 1.25rem;
}
.uich-tw .gap-x-6 {
  -moz-column-gap: 1.5rem;
       column-gap: 1.5rem;
}
.uich-tw .gap-y-1 {
  row-gap: 0.25rem;
}
.uich-tw .gap-y-2 {
  row-gap: 0.5rem;
}
.uich-tw .gap-y-3 {
  row-gap: 0.75rem;
}
.uich-tw :is(.space-y-0\.5 > :not([hidden]) ~ :not([hidden])) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.125rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.125rem * var(--tw-space-y-reverse));
}
.uich-tw :is(.space-y-1\.5 > :not([hidden]) ~ :not([hidden])) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.375rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.375rem * var(--tw-space-y-reverse));
}
.uich-tw :is(.space-y-2 > :not([hidden]) ~ :not([hidden])) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
}
.uich-tw :is(.space-y-5 > :not([hidden]) ~ :not([hidden])) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1.25rem * var(--tw-space-y-reverse));
}
.uich-tw :is(.divide-y > :not([hidden]) ~ :not([hidden])) {
  --tw-divide-y-reverse: 0;
  border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
  border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
}
.uich-tw :is(.divide-border\/60 > :not([hidden]) ~ :not([hidden])) {
  border-color: hsl(var(--border) / 0.6);
}
.uich-tw .self-start {
  align-self: flex-start;
}
.uich-tw .self-end {
  align-self: flex-end;
}
.uich-tw .self-center {
  align-self: center;
}
.uich-tw .overflow-auto {
  overflow: auto;
}
.uich-tw .overflow-hidden {
  overflow: hidden;
}
.uich-tw .overflow-visible {
  overflow: visible;
}
.uich-tw .overflow-x-auto {
  overflow-x: auto;
}
.uich-tw .overflow-y-auto {
  overflow-y: auto;
}
.uich-tw .overflow-x-hidden {
  overflow-x: hidden;
}
.uich-tw .truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.uich-tw .whitespace-nowrap {
  white-space: nowrap;
}
.uich-tw .whitespace-pre-wrap {
  white-space: pre-wrap;
}
.uich-tw .break-all {
  word-break: break-all;
}
.uich-tw .rounded {
  border-radius: 0.25rem;
}
.uich-tw .rounded-2xl {
  border-radius: 1rem;
}
.uich-tw .rounded-\[10px\] {
  border-radius: 10px;
}
.uich-tw .rounded-\[15px\] {
  border-radius: 15px;
}
.uich-tw .rounded-\[6px\] {
  border-radius: 6px;
}
.uich-tw .rounded-\[9px\] {
  border-radius: 9px;
}
.uich-tw .rounded-\[inherit\] {
  border-radius: inherit;
}
.uich-tw .rounded-full {
  border-radius: 9999px;
}
.uich-tw .rounded-lg {
  border-radius: var(--radius);
}
.uich-tw .rounded-md {
  border-radius: calc(var(--radius) - 2px);
}
.uich-tw .rounded-none {
  border-radius: 0px;
}
.uich-tw .rounded-sm {
  border-radius: calc(var(--radius) - 4px);
}
.uich-tw .rounded-xl {
  border-radius: 0.75rem;
}
.uich-tw .rounded-l-md {
  border-top-right-radius: calc(var(--radius) - 2px);
  border-bottom-right-radius: calc(var(--radius) - 2px);
}
.uich-tw .rounded-r {
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}
.uich-tw .rounded-r-md {
  border-top-left-radius: calc(var(--radius) - 2px);
  border-bottom-left-radius: calc(var(--radius) - 2px);
}
.uich-tw .rounded-tr-\[10px\] {
  border-top-left-radius: 10px;
}
.uich-tw .border {
  border-width: 1px;
}
.uich-tw .border-0 {
  border-width: 0px;
}
.uich-tw .border-2 {
  border-width: 2px;
}
.uich-tw .border-y {
  border-top-width: 1px;
  border-bottom-width: 1px;
}
.uich-tw .border-b {
  border-bottom-width: 1px;
}
.uich-tw .border-l {
  border-right-width: 1px;
}
.uich-tw .border-l-\[3px\] {
  border-right-width: 3px;
}
.uich-tw .border-r {
  border-left-width: 1px;
}
.uich-tw .border-t {
  border-top-width: 1px;
}
.uich-tw .border-dashed {
  border-style: dashed;
}
.uich-tw .border-\[\#0E7C6B\]\/45 {
  border-color: rgb(14 124 107 / 0.45);
}
.uich-tw .border-\[\#0e7c6b\]\/20 {
  border-color: rgb(14 124 107 / 0.2);
}
.uich-tw .border-\[\#171717\]\/20 {
  border-color: rgb(23 23 23 / 0.2);
}
.uich-tw .border-\[\#b4603a\]\/20 {
  border-color: rgb(180 96 58 / 0.2);
}
.uich-tw .border-border {
  border-color: hsl(var(--border));
}
.uich-tw .border-border\/60 {
  border-color: hsl(var(--border) / 0.6);
}
.uich-tw .border-destructive\/20 {
  border-color: hsl(var(--destructive) / 0.2);
}
.uich-tw .border-destructive\/30 {
  border-color: hsl(var(--destructive) / 0.3);
}
.uich-tw .border-destructive\/40 {
  border-color: hsl(var(--destructive) / 0.4);
}
.uich-tw .border-destructive\/45 {
  border-color: hsl(var(--destructive) / 0.45);
}
.uich-tw .border-input {
  border-color: hsl(var(--input));
}
.uich-tw .border-muted-foreground\/60 {
  border-color: hsl(var(--muted-foreground) / 0.6);
}
.uich-tw .border-primary {
  border-color: hsl(var(--primary));
}
.uich-tw .border-primary-foreground\/40 {
  border-color: hsl(var(--primary-foreground) / 0.4);
}
.uich-tw .border-primary\/50 {
  border-color: hsl(var(--primary) / 0.5);
}
.uich-tw .border-transparent {
  border-color: transparent;
}
.uich-tw .border-l-foreground\/40 {
  border-right-color: hsl(var(--foreground) / 0.4);
}
.uich-tw .border-l-transparent {
  border-right-color: transparent;
}
.uich-tw .border-t-transparent {
  border-top-color: transparent;
}
.uich-tw .bg-\[\#0E7C6B\] {
  --tw-bg-opacity: 1;
  background-color: rgb(14 124 107 / var(--tw-bg-opacity, 1));
}
.uich-tw .bg-\[\#0e7c6b\]\/10 {
  background-color: rgb(14 124 107 / 0.1);
}
.uich-tw .bg-\[\#0e7c6b\]\/\[0\.06\] {
  background-color: rgb(14 124 107 / 0.06);
}
.uich-tw .bg-\[\#171717\]\/10 {
  background-color: rgb(23 23 23 / 0.1);
}
.uich-tw .bg-\[\#171717\]\/\[0\.07\] {
  background-color: rgb(23 23 23 / 0.07);
}
.uich-tw .bg-\[\#BDEFE7\]\/50 {
  background-color: rgb(189 239 231 / 0.5);
}
.uich-tw .bg-\[\#fbe0d0\]\/40 {
  background-color: rgb(251 224 208 / 0.4);
}
.uich-tw .bg-accent {
  background-color: hsl(var(--accent));
}
.uich-tw .bg-background {
  background-color: hsl(var(--background));
}
.uich-tw .bg-background\/60 {
  background-color: hsl(var(--background) / 0.6);
}
.uich-tw .bg-black\/80 {
  background-color: rgb(0 0 0 / 0.8);
}
.uich-tw .bg-border {
  background-color: hsl(var(--border));
}
.uich-tw .bg-card {
  background-color: hsl(var(--card));
}
.uich-tw .bg-card\/90 {
  background-color: hsl(var(--card) / 0.9);
}
.uich-tw .bg-current {
  background-color: currentColor;
}
.uich-tw .bg-destructive {
  background-color: hsl(var(--destructive));
}
.uich-tw .bg-destructive\/10 {
  background-color: hsl(var(--destructive) / 0.1);
}
.uich-tw .bg-destructive\/15 {
  background-color: hsl(var(--destructive) / 0.15);
}
.uich-tw .bg-destructive\/5 {
  background-color: hsl(var(--destructive) / 0.05);
}
.uich-tw .bg-destructive\/\[0\.04\] {
  background-color: hsl(var(--destructive) / 0.04);
}
.uich-tw .bg-foreground {
  background-color: hsl(var(--foreground));
}
.uich-tw .bg-foreground\/40 {
  background-color: hsl(var(--foreground) / 0.4);
}
.uich-tw .bg-input {
  background-color: hsl(var(--input));
}
.uich-tw .bg-muted {
  background-color: hsl(var(--muted));
}
.uich-tw .bg-muted-foreground {
  background-color: hsl(var(--muted-foreground));
}
.uich-tw .bg-muted-foreground\/15 {
  background-color: hsl(var(--muted-foreground) / 0.15);
}
.uich-tw .bg-muted\/20 {
  background-color: hsl(var(--muted) / 0.2);
}
.uich-tw .bg-muted\/30 {
  background-color: hsl(var(--muted) / 0.3);
}
.uich-tw .bg-muted\/40 {
  background-color: hsl(var(--muted) / 0.4);
}
.uich-tw .bg-muted\/50 {
  background-color: hsl(var(--muted) / 0.5);
}
.uich-tw .bg-popover {
  background-color: hsl(var(--popover));
}
.uich-tw .bg-primary {
  background-color: hsl(var(--primary));
}
.uich-tw .bg-primary-foreground\/10 {
  background-color: hsl(var(--primary-foreground) / 0.1);
}
.uich-tw .bg-primary\/10 {
  background-color: hsl(var(--primary) / 0.1);
}
.uich-tw .bg-primary\/20 {
  background-color: hsl(var(--primary) / 0.2);
}
.uich-tw .bg-secondary {
  background-color: hsl(var(--secondary));
}
.uich-tw .bg-transparent {
  background-color: transparent;
}
.uich-tw .bg-white {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.uich-tw .bg-gradient-to-br {
  background-image: linear-gradient(to bottom left, var(--tw-gradient-stops));
}
.uich-tw .bg-gradient-to-l {
  background-image: linear-gradient(to right, var(--tw-gradient-stops));
}
.uich-tw .bg-gradient-to-r {
  background-image: linear-gradient(to left, var(--tw-gradient-stops));
}
.uich-tw .from-\[\#171717\]\/\[0\.07\] {
  --tw-gradient-from: rgb(23 23 23 / 0.07) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(23 23 23 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.uich-tw .from-card {
  --tw-gradient-from: hsl(var(--card)) var(--tw-gradient-from-position);
  --tw-gradient-to: hsl(var(--card) / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.uich-tw .via-card {
  --tw-gradient-to: hsl(var(--card) / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), hsl(var(--card)) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.uich-tw .to-card {
  --tw-gradient-to: hsl(var(--card)) var(--tw-gradient-to-position);
}
.uich-tw .to-transparent {
  --tw-gradient-to: transparent var(--tw-gradient-to-position);
}
.uich-tw .fill-current {
  fill: currentColor;
}
.uich-tw .object-cover {
  -o-object-fit: cover;
     object-fit: cover;
}
.uich-tw .p-0 {
  padding: 0px;
}
.uich-tw .p-0\.5 {
  padding: 0.125rem;
}
.uich-tw .p-1 {
  padding: 0.25rem;
}
.uich-tw .p-1\.5 {
  padding: 0.375rem;
}
.uich-tw .p-2 {
  padding: 0.5rem;
}
.uich-tw .p-2\.5 {
  padding: 0.625rem;
}
.uich-tw .p-3 {
  padding: 0.75rem;
}
.uich-tw .p-3\.5 {
  padding: 0.875rem;
}
.uich-tw .p-4 {
  padding: 1rem;
}
.uich-tw .p-5 {
  padding: 1.25rem;
}
.uich-tw .p-6 {
  padding: 1.5rem;
}
.uich-tw .p-\[1px\] {
  padding: 1px;
}
.uich-tw .p-\[3px\] {
  padding: 3px;
}
.uich-tw .px-0 {
  padding-right: 0px;
  padding-left: 0px;
}
.uich-tw .px-1 {
  padding-right: 0.25rem;
  padding-left: 0.25rem;
}
.uich-tw .px-1\.5 {
  padding-right: 0.375rem;
  padding-left: 0.375rem;
}
.uich-tw .px-2 {
  padding-right: 0.5rem;
  padding-left: 0.5rem;
}
.uich-tw .px-2\.5 {
  padding-right: 0.625rem;
  padding-left: 0.625rem;
}
.uich-tw .px-3 {
  padding-right: 0.75rem;
  padding-left: 0.75rem;
}
.uich-tw .px-4 {
  padding-right: 1rem;
  padding-left: 1rem;
}
.uich-tw .px-5 {
  padding-right: 1.25rem;
  padding-left: 1.25rem;
}
.uich-tw .px-6 {
  padding-right: 1.5rem;
  padding-left: 1.5rem;
}
.uich-tw .px-7 {
  padding-right: 1.75rem;
  padding-left: 1.75rem;
}
.uich-tw .px-8 {
  padding-right: 2rem;
  padding-left: 2rem;
}
.uich-tw .py-0\.5 {
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
}
.uich-tw .py-1 {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
.uich-tw .py-1\.5 {
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
}
.uich-tw .py-10 {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}
.uich-tw .py-16 {
  padding-top: 4rem;
  padding-bottom: 4rem;
}
.uich-tw .py-2 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.uich-tw .py-2\.5 {
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
}
.uich-tw .py-3 {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
.uich-tw .py-3\.5 {
  padding-top: 0.875rem;
  padding-bottom: 0.875rem;
}
.uich-tw .py-4 {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.uich-tw .py-6 {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}
.uich-tw .py-8 {
  padding-top: 2rem;
  padding-bottom: 2rem;
}
.uich-tw .pb-0\.5 {
  padding-bottom: 0.125rem;
}
.uich-tw .pb-1 {
  padding-bottom: 0.25rem;
}
.uich-tw .pb-1\.5 {
  padding-bottom: 0.375rem;
}
.uich-tw .pb-2 {
  padding-bottom: 0.5rem;
}
.uich-tw .pb-2\.5 {
  padding-bottom: 0.625rem;
}
.uich-tw .pb-4 {
  padding-bottom: 1rem;
}
.uich-tw .pb-5 {
  padding-bottom: 1.25rem;
}
.uich-tw .pb-8 {
  padding-bottom: 2rem;
}
.uich-tw .pl-12 {
  padding-right: 3rem;
}
.uich-tw .pl-2 {
  padding-right: 0.5rem;
}
.uich-tw .pl-2\.5 {
  padding-right: 0.625rem;
}
.uich-tw .pl-4 {
  padding-right: 1rem;
}
.uich-tw .pl-6 {
  padding-right: 1.5rem;
}
.uich-tw .pl-8 {
  padding-right: 2rem;
}
.uich-tw .pr-1 {
  padding-left: 0.25rem;
}
.uich-tw .pr-2 {
  padding-left: 0.5rem;
}
.uich-tw .pr-4 {
  padding-left: 1rem;
}
.uich-tw .pr-6 {
  padding-left: 1.5rem;
}
.uich-tw .pr-7 {
  padding-left: 1.75rem;
}
.uich-tw .pr-8 {
  padding-left: 2rem;
}
.uich-tw .pr-9 {
  padding-left: 2.25rem;
}
.uich-tw .pt-0 {
  padding-top: 0px;
}
.uich-tw .pt-0\.5 {
  padding-top: 0.125rem;
}
.uich-tw .pt-1 {
  padding-top: 0.25rem;
}
.uich-tw .pt-2 {
  padding-top: 0.5rem;
}
.uich-tw .pt-3 {
  padding-top: 0.75rem;
}
.uich-tw .pt-3\.5 {
  padding-top: 0.875rem;
}
.uich-tw .pt-5 {
  padding-top: 1.25rem;
}
.uich-tw .text-left {
  text-align: right;
}
.uich-tw .text-center {
  text-align: center;
}
.uich-tw .text-right {
  text-align: left;
}
.uich-tw .align-top {
  vertical-align: top;
}
.uich-tw .align-middle {
  vertical-align: middle;
}
.uich-tw .font-mono {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}
.uich-tw .font-sans {
  font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
.uich-tw .text-2xl {
  font-size: 1.5rem;
  line-height: 2rem;
}
.uich-tw .text-3xl {
  font-size: 1.875rem;
  line-height: 2.25rem;
}
.uich-tw .text-\[10px\] {
  font-size: 10px;
}
.uich-tw .text-\[11\.5px\] {
  font-size: 11.5px;
}
.uich-tw .text-\[11px\] {
  font-size: 11px;
}
.uich-tw .text-\[12px\] {
  font-size: 12px;
}
.uich-tw .text-\[13px\] {
  font-size: 13px;
}
.uich-tw .text-\[14px\] {
  font-size: 14px;
}
.uich-tw .text-\[15px\] {
  font-size: 15px;
}
.uich-tw .text-\[16px\] {
  font-size: 16px;
}
.uich-tw .text-\[9px\] {
  font-size: 9px;
}
.uich-tw .text-base {
  font-size: 1rem;
  line-height: 1.5rem;
}
.uich-tw .text-lg {
  font-size: 1.125rem;
  line-height: 1.75rem;
}
.uich-tw .text-sm {
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.uich-tw .text-xl {
  font-size: 1.25rem;
  line-height: 1.75rem;
}
.uich-tw .text-xs {
  font-size: 0.75rem;
  line-height: 1rem;
}
.uich-tw .font-bold {
  font-weight: 700;
}
.uich-tw .font-medium {
  font-weight: 500;
}
.uich-tw .font-normal {
  font-weight: 400;
}
.uich-tw .font-semibold {
  font-weight: 600;
}
.uich-tw .uppercase {
  text-transform: uppercase;
}
.uich-tw .lowercase {
  text-transform: lowercase;
}
.uich-tw .capitalize {
  text-transform: capitalize;
}
.uich-tw .italic {
  font-style: italic;
}
.uich-tw .tabular-nums {
  --tw-numeric-spacing: tabular-nums;
  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
}
.uich-tw .leading-\[17\.5px\] {
  line-height: 17.5px;
}
.uich-tw .leading-none {
  line-height: 1;
}
.uich-tw .leading-relaxed {
  line-height: 1.625;
}
.uich-tw .leading-snug {
  line-height: 1.375;
}
.uich-tw .leading-tight {
  line-height: 1.25;
}
.uich-tw .tracking-\[-0\.35px\] {
  letter-spacing: -0.35px;
}
.uich-tw .tracking-\[-0\.4px\] {
  letter-spacing: -0.4px;
}
.uich-tw .tracking-tight {
  letter-spacing: -0.025em;
}
.uich-tw .tracking-wide {
  letter-spacing: 0.025em;
}
.uich-tw .tracking-wider {
  letter-spacing: 0.05em;
}
.uich-tw .tracking-widest {
  letter-spacing: 0.1em;
}
.uich-tw .text-\[\#0E7C6B\] {
  --tw-text-opacity: 1;
  color: rgb(14 124 107 / var(--tw-text-opacity, 1));
}
.uich-tw .text-\[\#0e7c6b\] {
  --tw-text-opacity: 1;
  color: rgb(14 124 107 / var(--tw-text-opacity, 1));
}
.uich-tw .text-\[\#171717\] {
  --tw-text-opacity: 1;
  color: rgb(23 23 23 / var(--tw-text-opacity, 1));
}
.uich-tw .text-\[\#171717\]\/\[0\.06\] {
  color: rgb(23 23 23 / 0.06);
}
.uich-tw .text-\[\#b4603a\] {
  --tw-text-opacity: 1;
  color: rgb(180 96 58 / var(--tw-text-opacity, 1));
}
.uich-tw .text-accent-foreground {
  color: hsl(var(--accent-foreground));
}
.uich-tw .text-background {
  color: hsl(var(--background));
}
.uich-tw .text-card-foreground {
  color: hsl(var(--card-foreground));
}
.uich-tw .text-current {
  color: currentColor;
}
.uich-tw .text-destructive {
  color: hsl(var(--destructive));
}
.uich-tw .text-destructive-foreground {
  color: hsl(var(--destructive-foreground));
}
.uich-tw .text-foreground {
  color: hsl(var(--foreground));
}
.uich-tw .text-foreground\/60 {
  color: hsl(var(--foreground) / 0.6);
}
.uich-tw .text-input {
  color: hsl(var(--input));
}
.uich-tw .text-muted-foreground {
  color: hsl(var(--muted-foreground));
}
.uich-tw .text-muted-foreground\/50 {
  color: hsl(var(--muted-foreground) / 0.5);
}
.uich-tw .text-muted-foreground\/60 {
  color: hsl(var(--muted-foreground) / 0.6);
}
.uich-tw .text-muted-foreground\/70 {
  color: hsl(var(--muted-foreground) / 0.7);
}
.uich-tw .text-popover-foreground {
  color: hsl(var(--popover-foreground));
}
.uich-tw .text-primary {
  color: hsl(var(--primary));
}
.uich-tw .text-primary-foreground {
  color: hsl(var(--primary-foreground));
}
.uich-tw .text-primary-foreground\/70 {
  color: hsl(var(--primary-foreground) / 0.7);
}
.uich-tw .text-primary-foreground\/80 {
  color: hsl(var(--primary-foreground) / 0.8);
}
.uich-tw .text-secondary-foreground {
  color: hsl(var(--secondary-foreground));
}
.uich-tw .text-white {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.uich-tw .underline {
  text-decoration-line: underline;
}
.uich-tw .overline {
  text-decoration-line: overline;
}
.uich-tw .line-through {
  text-decoration-line: line-through;
}
.uich-tw .underline-offset-2 {
  text-underline-offset: 2px;
}
.uich-tw .underline-offset-4 {
  text-underline-offset: 4px;
}
.uich-tw .opacity-0 {
  opacity: 0;
}
.uich-tw .opacity-100 {
  opacity: 1;
}
.uich-tw .opacity-40 {
  opacity: 0.4;
}
.uich-tw .opacity-50 {
  opacity: 0.5;
}
.uich-tw .opacity-60 {
  opacity: 0.6;
}
.uich-tw .opacity-70 {
  opacity: 0.7;
}
.uich-tw .opacity-75 {
  opacity: 0.75;
}
.uich-tw .opacity-80 {
  opacity: 0.8;
}
.uich-tw .opacity-90 {
  opacity: 0.9;
}
.uich-tw .shadow {
  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.uich-tw .shadow-2xl {
  --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
  --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.uich-tw .shadow-\[0_4px_16px_rgba\(0\2c 0\2c 0\2c 0\.06\)\] {
  --tw-shadow: 0 4px 16px rgba(0,0,0,0.06);
  --tw-shadow-colored: 0 4px 16px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.uich-tw .shadow-lg {
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.uich-tw .shadow-md {
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.uich-tw .shadow-none {
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.uich-tw .shadow-sm {
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.uich-tw .shadow-xl {
  --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.uich-tw .outline-none {
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.uich-tw .\!outline {
  outline-style: solid !important;
}
.uich-tw .outline {
  outline-style: solid;
}
.uich-tw .\!ring {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important;
}
.uich-tw .ring {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.uich-tw .ring-0 {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.uich-tw .ring-1 {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.uich-tw .ring-border {
  --tw-ring-color: hsl(var(--border));
}
.uich-tw .ring-ring {
  --tw-ring-color: hsl(var(--ring));
}
.uich-tw .ring-offset-background {
  --tw-ring-offset-color: hsl(var(--background));
}
.uich-tw .blur {
  --tw-blur: blur(8px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.uich-tw .grayscale {
  --tw-grayscale: grayscale(100%);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.uich-tw .invert {
  --tw-invert: invert(100%);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.uich-tw .sepia {
  --tw-sepia: sepia(100%);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.uich-tw .filter {
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.uich-tw .backdrop-filter {
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.uich-tw .transition {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.uich-tw .transition-all {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.uich-tw .transition-colors {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.uich-tw .transition-opacity {
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.uich-tw .transition-transform {
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.uich-tw .duration-200 {
  transition-duration: 200ms;
}
.uich-tw .duration-300 {
  transition-duration: 300ms;
}
.uich-tw .ease-in {
  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
}
.uich-tw .ease-in-out {
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.uich-tw .ease-out {
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}
@keyframes enter {
  from {
    opacity: var(--tw-enter-opacity, 1);
    transform: translate3d(var(--tw-enter-translate-x, 0), var(--tw-enter-translate-y, 0), 0) scale3d(var(--tw-enter-scale, 1), var(--tw-enter-scale, 1), var(--tw-enter-scale, 1)) rotate(var(--tw-enter-rotate, 0));
  }
}
@keyframes exit {
  to {
    opacity: var(--tw-exit-opacity, 1);
    transform: translate3d(var(--tw-exit-translate-x, 0), var(--tw-exit-translate-y, 0), 0) scale3d(var(--tw-exit-scale, 1), var(--tw-exit-scale, 1), var(--tw-exit-scale, 1)) rotate(var(--tw-exit-rotate, 0));
  }
}
.uich-tw .animate-in {
  animation-name: enter;
  animation-duration: 150ms;
  --tw-enter-opacity: initial;
  --tw-enter-scale: initial;
  --tw-enter-rotate: initial;
  --tw-enter-translate-x: initial;
  --tw-enter-translate-y: initial;
}
.uich-tw .fade-in {
  --tw-enter-opacity: 0;
}
.uich-tw .fade-in-0 {
  --tw-enter-opacity: 0;
}
.uich-tw .fade-in-80 {
  --tw-enter-opacity: 0.8;
}
.uich-tw .zoom-in {
  --tw-enter-scale: 0;
}
.uich-tw .zoom-in-95 {
  --tw-enter-scale: .95;
}
.uich-tw .zoom-out {
  --tw-exit-scale: 0;
}
.uich-tw .slide-in-from-top-1 {
  --tw-enter-translate-y: -0.25rem;
}
.uich-tw .duration-200 {
  animation-duration: 200ms;
}
.uich-tw .duration-300 {
  animation-duration: 300ms;
}
.uich-tw .ease-in {
  animation-timing-function: cubic-bezier(0.4, 0, 1, 1);
}
.uich-tw .ease-in-out {
  animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.uich-tw .ease-out {
  animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
}
.uich-tw .running {
  animation-play-state: running;
}
.uich-tw .paused {
  animation-play-state: paused;
}
.uich-tw .\[-ms-overflow-style\:none\] {
  -ms-overflow-style: none;
}
.uich-tw .\[scrollbar-width\:none\] {
  scrollbar-width: none;
}

/*
 * Tailwind's --tw-* defaults, scoped to the island.
 *
 * These normally arrive with preflight, in its `*, ::before, ::after` block —
 * which declares NOTHING else, no reset, only these variables. Every
 * shadow-*, ring-*, transform and filter utility is written in terms of them, so
 * without this block those utilities compute to nothing at all and fail silently:
 * a menu with `shadow-md` simply has no shadow. That is why they are reproduced
 * here rather than left to preflight.
 *
 * Scoped to `.uich-tw` and its descendants, so unlike preflight's version this
 * touches no page markup. Regenerate from the first `*, ::before, ::after` block
 * of build/composer.css if Tailwind is upgraded.
 */
.uich-tw,
.uich-tw *,
.uich-tw ::before,
.uich-tw ::after {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:;
  --tw-pan-y:;
  --tw-pinch-zoom:;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:;
  --tw-gradient-via-position:;
  --tw-gradient-to-position:;
  --tw-ordinal:;
  --tw-slashed-zero:;
  --tw-numeric-figure:;
  --tw-numeric-spacing:;
  --tw-numeric-fraction:;
  --tw-ring-inset:;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:;
  --tw-brightness:;
  --tw-contrast:;
  --tw-grayscale:;
  --tw-hue-rotate:;
  --tw-invert:;
  --tw-saturate:;
  --tw-sepia:;
  --tw-drop-shadow:;
  --tw-backdrop-blur:;
  --tw-backdrop-brightness:;
  --tw-backdrop-contrast:;
  --tw-backdrop-grayscale:;
  --tw-backdrop-hue-rotate:;
  --tw-backdrop-invert:;
  --tw-backdrop-opacity:;
  --tw-backdrop-saturate:;
  --tw-backdrop-sepia:;
  --tw-contain-size:;
  --tw-contain-layout:;
  --tw-contain-paint:;
  --tw-contain-style:;
}
.uich-tw .file\:border-0::file-selector-button {
  border-width: 0px;
}
.uich-tw .file\:bg-transparent::file-selector-button {
  background-color: transparent;
}
.uich-tw .file\:text-sm::file-selector-button {
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.uich-tw .file\:font-medium::file-selector-button {
  font-weight: 500;
}
.uich-tw .file\:text-foreground::file-selector-button {
  color: hsl(var(--foreground));
}
.uich-tw .placeholder\:text-muted-foreground::-moz-placeholder {
  color: hsl(var(--muted-foreground));
}
.uich-tw .placeholder\:text-muted-foreground::placeholder {
  color: hsl(var(--muted-foreground));
}
.uich-tw .last\:border-0:last-child {
  border-width: 0px;
}
.uich-tw .focus-within\:outline-none:focus-within {
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.uich-tw .focus-within\:ring-1:focus-within {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.uich-tw .focus-within\:ring-ring:focus-within {
  --tw-ring-color: hsl(var(--ring));
}
.uich-tw .hover\:border-destructive:hover {
  border-color: hsl(var(--destructive));
}
.uich-tw .hover\:border-foreground:hover {
  border-color: hsl(var(--foreground));
}
.uich-tw .hover\:border-input:hover {
  border-color: hsl(var(--input));
}
.uich-tw .hover\:border-ring:hover {
  border-color: hsl(var(--ring));
}
.uich-tw .hover\:bg-accent:hover {
  background-color: hsl(var(--accent));
}
.uich-tw .hover\:bg-accent\/40:hover {
  background-color: hsl(var(--accent) / 0.4);
}
.uich-tw .hover\:bg-accent\/50:hover {
  background-color: hsl(var(--accent) / 0.5);
}
.uich-tw .hover\:bg-destructive\/80:hover {
  background-color: hsl(var(--destructive) / 0.8);
}
.uich-tw .hover\:bg-destructive\/90:hover {
  background-color: hsl(var(--destructive) / 0.9);
}
.uich-tw .hover\:bg-foreground\/\[0\.06\]:hover {
  background-color: hsl(var(--foreground) / 0.06);
}
.uich-tw .hover\:bg-muted:hover {
  background-color: hsl(var(--muted));
}
.uich-tw .hover\:bg-muted\/40:hover {
  background-color: hsl(var(--muted) / 0.4);
}
.uich-tw .hover\:bg-muted\/50:hover {
  background-color: hsl(var(--muted) / 0.5);
}
.uich-tw .hover\:bg-primary:hover {
  background-color: hsl(var(--primary));
}
.uich-tw .hover\:bg-primary\/80:hover {
  background-color: hsl(var(--primary) / 0.8);
}
.uich-tw .hover\:bg-primary\/90:hover {
  background-color: hsl(var(--primary) / 0.9);
}
.uich-tw .hover\:bg-secondary\/80:hover {
  background-color: hsl(var(--secondary) / 0.8);
}
.uich-tw .hover\:bg-transparent:hover {
  background-color: transparent;
}
.uich-tw .hover\:text-\[\#171717\]:hover {
  --tw-text-opacity: 1;
  color: rgb(23 23 23 / var(--tw-text-opacity, 1));
}
.uich-tw .hover\:text-accent-foreground:hover {
  color: hsl(var(--accent-foreground));
}
.uich-tw .hover\:text-destructive:hover {
  color: hsl(var(--destructive));
}
.uich-tw .hover\:text-foreground:hover {
  color: hsl(var(--foreground));
}
.uich-tw .hover\:text-muted-foreground:hover {
  color: hsl(var(--muted-foreground));
}
.uich-tw .hover\:text-primary-foreground:hover {
  color: hsl(var(--primary-foreground));
}
.uich-tw .hover\:underline:hover {
  text-decoration-line: underline;
}
.uich-tw .hover\:no-underline:hover {
  text-decoration-line: none;
}
.uich-tw .hover\:opacity-100:hover {
  opacity: 1;
}
.uich-tw .hover\:shadow-md:hover {
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.uich-tw .focus\:border-solid:focus {
  border-style: solid;
}
.uich-tw .focus\:border-ring:focus {
  border-color: hsl(var(--ring));
}
.uich-tw .focus\:bg-accent:focus {
  background-color: hsl(var(--accent));
}
.uich-tw .focus\:bg-accent\/60:focus {
  background-color: hsl(var(--accent) / 0.6);
}
.uich-tw .focus\:text-accent-foreground:focus {
  color: hsl(var(--accent-foreground));
}
.uich-tw .focus\:text-destructive:focus {
  color: hsl(var(--destructive));
}
.uich-tw .focus\:text-foreground:focus {
  color: hsl(var(--foreground));
}
.uich-tw .focus\:outline-none:focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.uich-tw .focus\:ring-1:focus {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.uich-tw .focus\:ring-2:focus {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.uich-tw .focus\:ring-ring:focus {
  --tw-ring-color: hsl(var(--ring));
}
.uich-tw .focus\:ring-offset-2:focus {
  --tw-ring-offset-width: 2px;
}
.uich-tw .focus-visible\:outline-none:focus-visible {
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.uich-tw .focus-visible\:ring-0:focus-visible {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.uich-tw .focus-visible\:ring-1:focus-visible {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.uich-tw .focus-visible\:ring-2:focus-visible {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.uich-tw .focus-visible\:ring-ring:focus-visible {
  --tw-ring-color: hsl(var(--ring));
}
.uich-tw .focus-visible\:ring-offset-0:focus-visible {
  --tw-ring-offset-width: 0px;
}
.uich-tw .focus-visible\:ring-offset-2:focus-visible {
  --tw-ring-offset-width: 2px;
}
.uich-tw .focus-visible\:ring-offset-background:focus-visible {
  --tw-ring-offset-color: hsl(var(--background));
}
.uich-tw .active\:cursor-grabbing:active {
  cursor: grabbing;
}
.uich-tw .disabled\:pointer-events-none:disabled {
  pointer-events: none;
}
.uich-tw .disabled\:cursor-not-allowed:disabled {
  cursor: not-allowed;
}
.uich-tw .disabled\:opacity-50:disabled {
  opacity: 0.5;
}
.uich-tw :is(.group:hover .group-hover\:-translate-y-0\.5) {
  --tw-translate-y: -0.125rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.uich-tw :is(.group:hover .group-hover\:translate-x-0\.5) {
  --tw-translate-x: 0.125rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.uich-tw :is(.group:hover .group-hover\:bg-foreground\/20) {
  background-color: hsl(var(--foreground) / 0.2);
}
.uich-tw :is(.group:hover .group-hover\:opacity-100) {
  opacity: 1;
}
.uich-tw :is(.peer:disabled ~ .peer-disabled\:cursor-not-allowed) {
  cursor: not-allowed;
}
.uich-tw :is(.peer:disabled ~ .peer-disabled\:opacity-70) {
  opacity: 0.7;
}
.uich-tw .data-\[disabled\]\:pointer-events-none[data-disabled] {
  pointer-events: none;
}
.uich-tw .data-\[side\=bottom\]\:translate-y-1[data-side="bottom"] {
  --tw-translate-y: 0.25rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.uich-tw .data-\[side\=left\]\:-translate-x-1[data-side="left"] {
  --tw-translate-x: -0.25rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.uich-tw .data-\[side\=right\]\:translate-x-1[data-side="right"] {
  --tw-translate-x: 0.25rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.uich-tw .data-\[side\=top\]\:-translate-y-1[data-side="top"] {
  --tw-translate-y: -0.25rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.uich-tw .data-\[state\=checked\]\:translate-x-4[data-state="checked"] {
  --tw-translate-x: 1rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.uich-tw .data-\[state\=unchecked\]\:translate-x-0[data-state="unchecked"] {
  --tw-translate-x: 0px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
@keyframes accordion-up {
  from {
    height: var(--radix-accordion-content-height);
  }
  to {
    height: 0;
  }
}
.uich-tw .data-\[state\=closed\]\:animate-accordion-up[data-state="closed"] {
  animation: accordion-up 0.2s ease-out;
}
@keyframes accordion-down {
  from {
    height: 0;
  }
  to {
    height: var(--radix-accordion-content-height);
  }
}
.uich-tw .data-\[state\=open\]\:animate-accordion-down[data-state="open"] {
  animation: accordion-down 0.2s ease-out;
}
.uich-tw .data-\[state\=on\]\:border-transparent[data-state="on"] {
  border-color: transparent;
}
.uich-tw .data-\[state\=unchecked\]\:border-muted-foreground\/40[data-state="unchecked"] {
  border-color: hsl(var(--muted-foreground) / 0.4);
}
.uich-tw .data-\[state\=checked\]\:bg-primary[data-state="checked"] {
  background-color: hsl(var(--primary));
}
.uich-tw .data-\[state\=on\]\:bg-accent[data-state="on"] {
  background-color: hsl(var(--accent));
}
.uich-tw .data-\[state\=on\]\:bg-card[data-state="on"] {
  background-color: hsl(var(--card));
}
.uich-tw .data-\[state\=on\]\:bg-foreground[data-state="on"] {
  background-color: hsl(var(--foreground));
}
.uich-tw .data-\[state\=open\]\:bg-accent[data-state="open"] {
  background-color: hsl(var(--accent));
}
.uich-tw .data-\[state\=unchecked\]\:bg-input[data-state="unchecked"] {
  background-color: hsl(var(--input));
}
.uich-tw .data-\[placeholder\]\:text-muted-foreground[data-placeholder] {
  color: hsl(var(--muted-foreground));
}
.uich-tw .data-\[state\=active\]\:text-foreground[data-state="active"] {
  color: hsl(var(--foreground));
}
.uich-tw .data-\[state\=checked\]\:text-primary-foreground[data-state="checked"] {
  color: hsl(var(--primary-foreground));
}
.uich-tw .data-\[state\=on\]\:text-accent-foreground[data-state="on"] {
  color: hsl(var(--accent-foreground));
}
.uich-tw .data-\[state\=on\]\:text-background[data-state="on"] {
  color: hsl(var(--background));
}
.uich-tw .data-\[state\=on\]\:text-foreground[data-state="on"] {
  color: hsl(var(--foreground));
}
.uich-tw .data-\[state\=open\]\:text-accent-foreground[data-state="open"] {
  color: hsl(var(--accent-foreground));
}
.uich-tw .data-\[state\=open\]\:text-muted-foreground[data-state="open"] {
  color: hsl(var(--muted-foreground));
}
.uich-tw .data-\[disabled\]\:opacity-50[data-disabled] {
  opacity: 0.5;
}
.uich-tw .data-\[state\=on\]\:shadow-sm[data-state="on"] {
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.uich-tw .data-\[state\=open\]\:animate-in[data-state="open"] {
  animation-name: enter;
  animation-duration: 150ms;
  --tw-enter-opacity: initial;
  --tw-enter-scale: initial;
  --tw-enter-rotate: initial;
  --tw-enter-translate-x: initial;
  --tw-enter-translate-y: initial;
}
.uich-tw .data-\[state\=closed\]\:animate-out[data-state="closed"] {
  animation-name: exit;
  animation-duration: 150ms;
  --tw-exit-opacity: initial;
  --tw-exit-scale: initial;
  --tw-exit-rotate: initial;
  --tw-exit-translate-x: initial;
  --tw-exit-translate-y: initial;
}
.uich-tw .data-\[state\=closed\]\:fade-out-0[data-state="closed"] {
  --tw-exit-opacity: 0;
}
.uich-tw .data-\[state\=open\]\:fade-in-0[data-state="open"] {
  --tw-enter-opacity: 0;
}
.uich-tw .data-\[state\=closed\]\:zoom-out-95[data-state="closed"] {
  --tw-exit-scale: .95;
}
.uich-tw .data-\[state\=open\]\:zoom-in-95[data-state="open"] {
  --tw-enter-scale: .95;
}
.uich-tw .data-\[side\=bottom\]\:slide-in-from-top-2[data-side="bottom"] {
  --tw-enter-translate-y: -0.5rem;
}
.uich-tw .data-\[side\=left\]\:slide-in-from-right-2[data-side="left"] {
  --tw-enter-translate-x: 0.5rem;
}
.uich-tw .data-\[side\=right\]\:slide-in-from-left-2[data-side="right"] {
  --tw-enter-translate-x: -0.5rem;
}
.uich-tw .data-\[side\=top\]\:slide-in-from-bottom-2[data-side="top"] {
  --tw-enter-translate-y: 0.5rem;
}
.uich-tw .data-\[state\=closed\]\:slide-out-to-left-1\/2[data-state="closed"] {
  --tw-exit-translate-x: -50%;
}
.uich-tw .data-\[state\=closed\]\:slide-out-to-top-\[48\%\][data-state="closed"] {
  --tw-exit-translate-y: -48%;
}
.uich-tw .data-\[state\=open\]\:slide-in-from-left-1\/2[data-state="open"] {
  --tw-enter-translate-x: -50%;
}
.uich-tw .data-\[state\=open\]\:slide-in-from-top-\[48\%\][data-state="open"] {
  --tw-enter-translate-y: -48%;
}
@media (min-width: 640px) {
  .uich-tw .sm\:max-w-2xl {
    max-width: 42rem;
  }
  .uich-tw .sm\:max-w-md {
    max-width: 28rem;
  }
  .uich-tw .sm\:shrink-0 {
    flex-shrink: 0;
  }
  .uich-tw .sm\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .uich-tw .sm\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .uich-tw .sm\:flex-row {
    flex-direction: row;
  }
  .uich-tw .sm\:items-center {
    align-items: center;
  }
  .uich-tw .sm\:justify-end {
    justify-content: flex-end;
  }
  .uich-tw .sm\:justify-between {
    justify-content: space-between;
  }
  .uich-tw :is(.sm\:space-x-2 > :not([hidden]) ~ :not([hidden])) {
    --tw-space-x-reverse: 0;
    margin-left: calc(0.5rem * var(--tw-space-x-reverse));
    margin-right: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
  }
  .uich-tw .sm\:rounded-lg {
    border-radius: var(--radius);
  }
  .uich-tw .sm\:p-6 {
    padding: 1.5rem;
  }
  .uich-tw .sm\:p-8 {
    padding: 2rem;
  }
  .uich-tw .sm\:px-6 {
    padding-right: 1.5rem;
    padding-left: 1.5rem;
  }
  .uich-tw .sm\:text-left {
    text-align: right;
  }
}
@media (min-width: 768px) {
  .uich-tw .md\:col-span-2 {
    grid-column: span 2 / span 2;
  }
  .uich-tw .md\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (min-width: 1024px) {
  .uich-tw .lg\:w-\[38\%\] {
    width: 38%;
  }
  .uich-tw .lg\:flex-row {
    flex-direction: row;
  }
  .uich-tw :is(.lg\:divide-x > :not([hidden]) ~ :not([hidden])) {
    --tw-divide-x-reverse: 0;
    border-left-width: calc(1px * var(--tw-divide-x-reverse));
    border-right-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
  }
  .uich-tw :is(.lg\:divide-y-0 > :not([hidden]) ~ :not([hidden])) {
    --tw-divide-y-reverse: 0;
    border-top-width: calc(0px * calc(1 - var(--tw-divide-y-reverse)));
    border-bottom-width: calc(0px * var(--tw-divide-y-reverse));
  }
}
@media (min-width: 1280px) {
  .uich-tw .xl\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
.uich-tw .\[\&\:\:-webkit-scrollbar\]\:hidden::-webkit-scrollbar {
  display: none;
}
.uich-tw :is(.\[\&\>\[data-state\=checked\]\]\:\!translate-x-3>[data-state=checked]) {
  --tw-translate-x: 0.75rem !important;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
}
.uich-tw :is(.\[\&\>\[data-state\=unchecked\]\]\:bg-muted-foreground>[data-state=unchecked]) {
  background-color: hsl(var(--muted-foreground));
}
.uich-tw :is(.\[\&\>span\]\:line-clamp-1>span) {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.uich-tw :is(.\[\&\>span\]\:\!size-3>span) {
  width: 0.75rem !important;
  height: 0.75rem !important;
}
.uich-tw :is(.\[\&\>svg\]\:size-4>svg) {
  width: 1rem;
  height: 1rem;
}
.uich-tw :is(.\[\&\>svg\]\:shrink-0>svg) {
  flex-shrink: 0;
}
.uich-tw :is(.\[\&\[data-state\=open\]\>svg\]\:rotate-180[data-state=open]>svg) {
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.uich-tw :is(.\[\&_svg\]\:pointer-events-none svg) {
  pointer-events: none;
}
.uich-tw :is(.\[\&_svg\]\:size-2\.5 svg) {
  width: 0.625rem;
  height: 0.625rem;
}
.uich-tw :is(.\[\&_svg\]\:size-3 svg) {
  width: 0.75rem;
  height: 0.75rem;
}
.uich-tw :is(.\[\&_svg\]\:size-3\.5 svg) {
  width: 0.875rem;
  height: 0.875rem;
}
.uich-tw :is(.\[\&_svg\]\:size-36 svg) {
  width: 9rem;
  height: 9rem;
}
.uich-tw :is(.\[\&_svg\]\:size-4 svg) {
  width: 1rem;
  height: 1rem;
}
.uich-tw :is(.\[\&_svg\]\:size-5 svg) {
  width: 1.25rem;
  height: 1.25rem;
}
.uich-tw :is(.\[\&_svg\]\:size-8 svg) {
  width: 2rem;
  height: 2rem;
}
.uich-tw :is(.\[\&_svg\]\:size-\[18px\] svg) {
  width: 18px;
  height: 18px;
}
.uich-tw :is(.\[\&_svg\]\:shrink-0 svg) {
  flex-shrink: 0;
}

/*
 * shadcn/ui design tokens, shared by BOTH bundles.
 *
 * Split out of shadcn.css so the dashboard can reuse the tokens WITHOUT
 * `@tailwind base`. Preflight is a global reset (bare `*`, `body`, `h1`…`p`
 * selectors), so pulling shadcn.css into the dashboard bundle would reset the
 * whole wp-admin page, WordPress's own admin menu and admin bar included.
 * The composer bundle still loads preflight; it owns its panel.
 *
 * Deliberately UNLAYERED (the `@layer base { … }` wrapper was removed): an
 * unlayered rule beats every layered one regardless of source order, and
 * `@layer base` requires an `@tailwind base` for Tailwind to hoist it into –
 * which is exactly what the dashboard bundle omits. UiChemy's own brand.css
 * relies on the same unlayered-wins behaviour.
 *
 * Every declaration is scoped to `.uich-tw`, so these tokens only apply inside
 * a Tailwind island and never touch the host page.
 */
/*
 * shadcn/ui theme, zinc base, verbatim from the shadcn registry.
 * Variables are declared on `.uich-tw` (not :root) so the theme travels with
 * the composer host and portal roots without touching Elementor's document.
 * Dark mode: add `dark` to the same element (or any ancestor inside the scope).
 */
.uich-tw {
  --background: 0 0% 100%;
  --foreground: 240 10% 3.9%;
  --card: 0 0% 100%;
  --card-foreground: 240 10% 3.9%;
  --popover: 0 0% 100%;
  --popover-foreground: 240 10% 3.9%;
  --primary: 240 5.9% 10%;
  --primary-foreground: 0 0% 98%;
  --secondary: 240 4.8% 95.9%;
  --secondary-foreground: 240 5.9% 10%;
  --muted: 240 4.8% 95.9%;
  --muted-foreground: 240 3.8% 46.1%;
  --accent: 240 4.8% 95.9%;
  --accent-foreground: 240 5.9% 10%;
  --destructive: 0 84.2% 60.2%;
  --destructive-foreground: 0 0% 98%;
  --border: 0 0% 91%;              /* soft hairline, matches native rgba(0,0,0,.09) */
  /* Input/control outline. shadcn's stock 90% is nearly invisible on the
     white panel (inputs read as "unboxed" in light mode), so darken the
     control outline specifically, dividers keep the softer --border above. */
  --input: 240 5% 80%;
  --ring: 240 10% 3.9%;
  /* Corner rounding for shadcn controls (buttons, inputs, popovers, cards,
     segmented tabs). Kept tight/modern, rounded-lg≈6px, md≈4px, sm≈2px –
     rather than the earlier airy 0.8rem which read as over-rounded. */
  --radius: 0.4rem;
  /* Semantic category colors (construct markers etc.), Tailwind palette
     hues at 600 for light backgrounds, per shadcn convention. */
  --status-data: 221 83% 53%;      /* blue-600 */
  --status-loop: 262 83% 58%;      /* violet-600 */
  --status-condition: 32 95% 44%;  /* amber-600 */
  --status-form: 142 76% 36%;      /* green-600 */
}

.uich-tw.dark,
.uich-tw .dark {
  --background: 240 10% 3.9%;
  --foreground: 0 0% 98%;
  --card: 240 10% 3.9%;
  --card-foreground: 0 0% 98%;
  --popover: 240 10% 3.9%;
  --popover-foreground: 0 0% 98%;
  --primary: 0 0% 98%;
  --primary-foreground: 240 5.9% 10%;
  --secondary: 240 3.7% 15.9%;
  --secondary-foreground: 0 0% 98%;
  --muted: 240 3.7% 15.9%;
  --muted-foreground: 240 5% 64.9%;
  --accent: 240 3.7% 15.9%;
  --accent-foreground: 0 0% 98%;
  --destructive: 0 62.8% 30.6%;
  --destructive-foreground: 0 0% 98%;
  --border: 240 3.7% 15.9%;
  --input: 240 3.7% 15.9%;
  --ring: 240 4.9% 83.9%;
  /* 500-grade hues read better on dark surfaces. */
  --status-data: 217 91% 60%;      /* blue-500 */
  --status-loop: 258 90% 66%;      /* violet-500 */
  --status-condition: 38 92% 50%;  /* amber-500 */
  --status-form: 142 71% 45%;      /* green-500 */
}

/*
 * ELEMENTOR SKIN (shadcn tokens), matches the EDITOR ONE (Elementor v4)
 * panel exactly. Values are the Editor One design tokens (--e-one-palette-*)
 * from the installed plugin (v4.1.4):
 *   light → elementor/assets/css/modules/editor-one/theme-light.css
 *   dark  → elementor/assets/css/modules/editor-one/theme-dark.css
 * Editor One uses translucent action/divider overlays rather than solid
 * greys; where a shadcn token must be a solid HSL (borders, hover/selected
 * surfaces), it carries the overlay composited over the panel background.
 * Light: bg #fff · txt #3f444b · hi #0c0d0e · tertiary #69727d · border
 *        #A7AAAD · divider #e0e0e0 · accent #f0abfc.
 * Dark : bg #1f2124 · txt #babfc5 · hi #fff · tertiary #9da5ae · disabled
 *        #515962 · divider≈#3a3c3e · selected≈#434547 · accent #f0abfc.
 * Accent is the Editor One pink primary (#f0abfc) with dark contrast text
 * (#0c0d0e). Applied via `.skin-elementor` on the same `.uich-tw` host that
 * carries `.dark`, so it composes with the light/dark toggle. Radius = 3px.
 */
.uich-tw.skin-elementor {
  --background: 0 0% 100%;         /* #ffffff background-default */
  --foreground: 215 9% 27%;        /* #3f444b text-secondary */
  --card: 0 0% 100%;
  --card-foreground: 215 9% 27%;
  --popover: 0 0% 100%;
  --popover-foreground: 215 9% 27%;
  --primary: 291 93% 83%;          /* #f0abfc primary-main */
  --primary-foreground: 210 8% 5%; /* #0c0d0e primary-contrast-text */
  --secondary: 0 0% 96%;           /* #f5f5f5 action-hover over #fff */
  --secondary-foreground: 215 9% 27%;
  --muted: 0 0% 96%;               /* #f5f5f5 */
  --muted-foreground: 213 9% 45%;  /* #69727d text-tertiary */
  --accent: 0 0% 92%;              /* #ebebeb action-selected over #fff */
  --accent-foreground: 210 8% 5%;  /* #0c0d0e text-primary */
  --destructive: 0 72% 51%;        /* #dc2626 error-main */
  --destructive-foreground: 0 0% 100%;
  --border: 0 0% 88%;              /* #e0e0e0 divider (rgba(0,0,0,.12)) */
  --input: 210 3% 67%;             /* #A7AAAD border (control outlines) */
  --ring: 291 93% 83%;             /* #f0abfc */
  --radius: 6px;  /* Editor One: rounded-md controls = 4px, rounded-lg = 6px */
  --status-data: 217 78% 53%;      /* #2563eb info-main */
  --status-loop: 291 93% 83%;      /* #f0abfc primary-main */
  --status-condition: 24 73% 42%;  /* #bb5b1d warning-main (light) */
  --status-form: 158 86% 28%;      /* #0a875a success-main */
}

.uich-tw.skin-elementor.dark {
  --background: 216 7% 13%;        /* #1f2124 background-default */
  --foreground: 213 9% 75%;        /* #babfc5 text-secondary */
  --card: 216 7% 13%;              /* #1f2124 */
  --card-foreground: 213 9% 75%;
  --popover: 210 5% 20%;           /* #313336 action-hover over #1f2124 */
  --popover-foreground: 213 9% 75%;
  --primary: 291 93% 83%;          /* #f0abfc primary-main */
  --primary-foreground: 210 8% 5%; /* #0c0d0e primary-contrast-text */
  --secondary: 210 5% 20%;         /* #313336 */
  --secondary-foreground: 213 9% 75%;
  --muted: 210 5% 20%;             /* #313336 */
  --muted-foreground: 212 9% 65%;  /* #9da5ae text-tertiary */
  --accent: 210 5% 27%;            /* #434547 action-selected over #1f2124 */
  --accent-foreground: 0 0% 100%;  /* #ffffff text-primary */
  --destructive: 0 72% 51%;        /* #dc2626 error-main */
  --destructive-foreground: 0 0% 100%;
  --border: 210 3% 24%;            /* #3a3c3e divider (rgba(255,255,255,.12)) */
  --input: 210 5% 27%;             /* #434547 (rgba(255,255,255,.16)) */
  --ring: 291 93% 83%;             /* #f0abfc */
  --radius: 6px;  /* Editor One: rounded-md controls = 4px, rounded-lg = 6px */
  --status-data: 217 78% 53%;      /* #2563eb info-main */
  --status-loop: 291 93% 83%;      /* #f0abfc primary-main */
  --status-condition: 38 92% 50%;  /* #f59e0b warning-main */
  --status-form: 158 86% 28%;      /* #0a875a success-main */
}

/*
 * Scoped replacement for Tailwind preflight (preflight is disabled globally
 * so it can't reset Elementor's editor DOM).
 */
.uich-tw,
.uich-tw *,
.uich-tw *::before,
.uich-tw *::after {
  box-sizing: border-box;
  border-width: 0;
  border-style: solid;
  border-color: hsl(var(--border));
}

.uich-tw {
  /* Unified with the dashboard shell: the island renders in the design-system
     font (Zalando Sans via --uc-font-sans), not its own Plus Jakarta Sans, so
     text looks the same across native and builder screens. The literal Zalando
     fallback keeps it correct even if the token isn't in scope. */
  font-family: var(--uc-font-sans, "Zalando Sans", ui-sans-serif, system-ui, sans-serif);
  font-size: 13px;
  line-height: 1.45;
  color: hsl(var(--foreground));
  -webkit-font-smoothing: antialiased;
}

/* No semibold, for now: fold Tailwind's font-semibold utility to Medium so no
   text in the island renders at 600. Routed through the DS weight token, so
   flipping it back is a one-line change (see --uc-weight-semibold). */
.uich-tw .font-semibold {
  font-weight: var(--uc-weight-medium, 500) !important;
}

/* Elementor skin: match the Editor One panel type exactly, Roboto at 14px
   base (--e-one-typography-fontFamily / fontSize). Deliberately kept on Roboto
   (the editor panel stays as-is); only the Brand skin follows the unified font
   above. Higher specificity than the base .uich-tw rule. */
.uich-tw.skin-elementor {
  font-family: 'Roboto', 'Helvetica', 'Arial', sans-serif;
  font-size: 14px;
}

.uich-tw h1, .uich-tw h2, .uich-tw h3, .uich-tw h4, .uich-tw h5, .uich-tw h6,
.uich-tw p, .uich-tw ul, .uich-tw ol, .uich-tw figure, .uich-tw blockquote {
  margin: 0;
  padding: 0;
}

.uich-tw ul, .uich-tw ol {
  list-style: none;
}

.uich-tw button, .uich-tw input, .uich-tw optgroup, .uich-tw select, .uich-tw textarea {
  font: inherit;
  color: inherit;
  margin: 0;
  /* NOTE: intentionally NOT zeroing `padding` here. This reset is (0,1,1)
     specificity, which beat every custom component class (`.gp-type-tab`,
     `.bp-dd-btn`, …) at (0,1,0) and silently stripped their left/right
     padding, controls looked cramped in many places. Tailwind utility
     buttons still get their padding (utilities are `.uich-tw`-scoped at
     (0,2,0) via `important:'.uich-tw'`), and fixed-size icon buttons use
     border-box + centered content, so leaving padding alone is safe. */
  background: transparent;
}

.uich-tw button, .uich-tw [role='button'] {
  cursor: pointer;
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
}

.uich-tw button:disabled {
  cursor: default;
}

.uich-tw img, .uich-tw svg, .uich-tw video, .uich-tw canvas {
  display: block;
  max-width: 100%;
}

.uich-tw a {
  color: inherit;
  text-decoration: inherit;
}

.uich-tw [hidden] {
  display: none;
}

/*
 * Composer SKIN TOKENS — the single source of the palette.
 *
 * Imported by BOTH bundles: the composer panel (index.jsx) and the canvas
 * (canvas-entry.js, which PHP enqueues into the Elementor preview). That shared
 * import is the whole reason this file exists.
 *
 * The on-canvas toolbar used to hard-code this palette as literals, because it
 * renders in a document these tokens never reached. Hand-copying is not the same
 * as matching: alongside the real values it grew a dozen invented in-between
 * shades — #f1f1f3, #2c2e33, #e6e6e9 — that appear nowhere in the panel. Panel,
 * dock and toolbar now read the SAME declarations, so a colour changed here
 * changes all three and they cannot drift apart again.
 *
 * Moved verbatim out of composer.css. No value was altered.
 */

/* Elementor skin, dark variant (default; = Editor One "Dark" UI theme) */
[data-uich-composer-skin="elementor"] {
  /* AI mark in Elementor's own pink family — the same pair the canvas
     selection chrome uses (ACCENT_LINE #d946ef, composer-box-handles.js). */
  --ai-glyph-from: #f5d0fe;
  --ai-glyph-to: #d946ef;
  --bg-canvas: #0c0d0e;
  /* background-paper (top chrome / outer) */
  --bg-canvas-ink: #babfc5;
  /* text-secondary */
  --panel-bg: #1f2124;
  /* background-default */
  --panel-bg-2: #313336;
  /* action-hover over panel */
  --panel-bg-3: #434547;
  /* action-selected over panel */
  --panel-bg-4: #4b4d51;
  /* action-focus+ / chip */
  --panel-line: #3a3c3e;
  /* divider (rgba(255,255,255,.12)) */
  --panel-line-2: #434547;
  /* stronger divider (rgba(255,255,255,.16)) */
  --text-hi: #ffffff;
  /* text-primary */
  --uich-text: #babfc5;
  /* text-secondary */
  --text-mid: #9da5ae;
  /* text-tertiary */
  --text-dim: #515962;
  /* text-disabled */
  --accent-2: hsl(var(--primary));
  --accent-rgb: 240, 171, 252;
  /* #f0abfc primary-main */
  --accent-bg: rgba(var(--accent-rgb), 0.22);
  --brand-green: #0a875a;
  /* success-main */
  --uich-danger: #dc2626;
  /* error-main */
  --ok: #0a875a;
  --warn: #f59e0b;
  /* warning-main */
  --radius: 6px;
  /* Editor One: cards ~6px */
  --radius-sm: 4px;
  /* Editor One: inputs/controls 4px */
}

[data-uich-composer-skin="elementor"][data-uich-composer-theme="light"] {
  --bg-canvas: #f1f2f3;
  /* outer canvas grey */
  --bg-canvas-ink: #0c0d0e;
  --panel-bg: #ffffff;
  /* background-default */
  --panel-bg-2: #f5f5f5;
  /* action-hover over #fff */
  --panel-bg-3: #ebebeb;
  /* action-selected over #fff */
  --panel-bg-4: #e0e0e0;
  /* divider (rgba(0,0,0,.12)) */
  --panel-line: #e0e0e0;
  /* divider (rgba(0,0,0,.12)) */
  --panel-line-2: #a7aaad;
  /* border (control outlines) */
  --text-hi: #0c0d0e;
  /* text-primary */
  --uich-text: #3f444b;
  /* text-secondary */
  --text-mid: #69727d;
  /* text-tertiary */
  --text-dim: #9da5ae;
  /* text-disabled */
  --accent-2: hsl(var(--primary));
  --accent-rgb: 240, 171, 252;
  /* #f0abfc primary-main */
  --accent-bg: rgba(var(--accent-rgb), 0.14);
  --brand-green: #0a875a;
  /* success-main */
  --uich-danger: #dc2626;
  /* error-main */
  --ok: #0a875a;
  --warn: #bb5b1d;
  /* warning-main (light) */
  --radius: 6px;
  /* Editor One: cards ~6px */
  --radius-sm: 4px;
  /* Editor One: inputs/controls 4px */
}

/* Gutenberg skin, dark variant (the block editor's own dark UI): the dark theme
   applies to its own inverted chrome: #1e1e1e base, #2f2f2f raised.

   NOTE, and worth remembering: this header's opening delimiter went missing when
   the skin palettes were extracted into this file, which left a dangling closing
   delimiter sitting right above the selector. That is a parse error, and a CSS
   parser recovers from it by discarding the rule that follows — so this ENTIRE
   token block was silently dead, and the Gutenberg skin inherited the :root
   (UiChemy) palette instead: --accent-rgb measured 255,255,255 rather than
   56,88,233, and --radius 0.4rem rather than 4px.

   Never write the two-character comment terminator inside a comment body while
   describing this, either. Doing so ends the comment early, turns the remaining
   prose into garbage declarations, and drops the next rule for the very same
   reason. Describe the delimiters in words. */
[data-uich-composer-skin="gutenberg"] {
  /* AI mark in wp-admin blue — #3858e9 is the same --wp-admin-theme-color
     this skin already uses for --accent-rgb, plus a lighter step to run
     the gradient from. */
  --ai-glyph-from: #a8c4ff;
  --ai-glyph-to: #3858e9;
  --bg-canvas: #1e1e1e;
  --bg-canvas-ink: #e0e0e0;
  --panel-bg: #1e1e1e;
  --panel-bg-2: #2f2f2f;
  /* hover */
  --panel-bg-3: #404040;
  /* selected */
  --panel-bg-4: #4a4a4a;
  /* raised chip */
  --panel-line: #404040;
  --panel-line-2: #545454;
  --text-hi: #ffffff;
  --uich-text: #e0e0e0;
  --text-mid: #949494;
  --text-dim: #757575;
  --accent-2: hsl(var(--primary));
  --accent-rgb: 56, 88, 233;
  /* #3858e9 --wp-admin-theme-color */
  /* WP's ToggleGroupControl is a 2px-radius track with 2px items; the softer
     9px/7px pill would be the one un-WordPress thing in a WordPress sidebar. */
  --seg-radius: 4px;
  --seg-radius-inner: 2px;
  --accent-bg: rgba(var(--accent-rgb), 0.24);
  --brand-green: #4ab866;
  /* admin success */
  --uich-danger: #cc1818;
  /* admin error */
  --ok: #4ab866;
  --warn: #f0b849;
  /* admin warning */
  --radius: 4px;
  /* WP popovers/menus = 4px */
  --radius-sm: 2px;
  /* WP controls = 2px */
}

[data-uich-composer-skin="gutenberg"][data-uich-composer-theme="light"] {
  --bg-canvas: #f0f0f0;
  /* the editor's canvas grey behind the content column */
  --bg-canvas-ink: #1e1e1e;
  --panel-bg: #ffffff;
  --panel-bg-2: #f0f0f0;
  /* hover */
  --panel-bg-3: #e0e0e0;
  /* selected */
  --panel-bg-4: #dddddd;
  --panel-line: #e0e0e0;
  /* divider */
  --panel-line-2: #949494;
  /* control outline */
  --text-hi: #1e1e1e;
  --uich-text: #1e1e1e;
  --text-mid: #757575;
  --text-dim: #949494;
  --accent-2: hsl(var(--primary));
  --accent-rgb: 56, 88, 233;
  /* #3858e9 */
  --accent-bg: rgba(var(--accent-rgb), 0.08);
  --brand-green: #4ab866;
  --uich-danger: #cc1818;
  --ok: #4ab866;
  --warn: #f0b849;
  --radius: 4px;
  /* WP popovers/menus = 4px */
  --radius-sm: 2px;
  /* WP controls = 2px */
}