/* DEKHVAL-THEME v2 — marker line, used by the idempotent append in the compose command */
/*
 * Dekhval theme for Chatwoot v4 — token-level patch, no component restyling.
 * Appended to the built dashboard CSS bundle at container start (see README.md).
 *
 * What it does:
 *   1. Replaces the `iris` (indigo) accent scale with a Dekhval emerald scale
 *      (Radix jade steps for surfaces, exact brand hexes at the solid steps),
 *      in both light and dark — buttons, active nav, links, focus rings follow.
 *   2. Swaps the display face (headings) to Outfit and gives buttons the same
 *      brand voice, with Noto Sans Bengali kept in every stack for বাংলা.
 *
 * Per-client theming = copy this file, change the scale + fonts. Nothing else.
 * Rebasing on a Chatwoot upgrade = re-verify the two hooks below still exist:
 *   `--iris-*` variables on :root/.dark, and the `.font-interDisplay` utility.
 */

/* ── 1. Accent: iris → Dekhval emerald (RGB triplets, Radix-style steps) ── */
:root {
  --iris-1: 251 254 253;
  --iris-2: 244 251 247;
  --iris-3: 230 247 237;
  --iris-4: 214 241 227;
  --iris-5: 195 233 215;
  --iris-6: 172 222 200;
  --iris-7: 139 206 182;
  --iris-8: 86 186 159;
  --iris-9: 16 185 129;   /* brand emerald #10b981 */
  --iris-10: 5 150 105;   /* hover #059669 */
  --iris-11: 4 120 87;    /* text on light #047857 */
  --iris-12: 6 78 59;     /* deep #064e3b */
  --blue-9: 16 185 129;   /* action blue -> brand emerald */
  --blue-10: 5 150 105;
  --blue-11: 4 120 87;
}

.dark {
  --iris-1: 13 21 18;
  --iris-2: 18 28 24;
  --iris-3: 15 46 34;
  --iris-4: 11 59 44;
  --iris-5: 17 72 55;
  --iris-6: 27 87 69;
  --iris-7: 36 104 84;
  --iris-8: 42 126 104;
  --iris-9: 16 185 129;
  --iris-10: 52 211 153;  /* brighter on dark #34d399 */
  --iris-11: 110 231 183; /* text on dark #6ee7b7 */
  --iris-12: 209 250 229; /* #d1fae5 */
  --blue-9: 16 185 129;
  --blue-10: 52 211 153;
  --blue-11: 110 231 183;
}

/* ── 2. Typography — the same split as the console: Outfit is the voice (page
       titles, headings, buttons), Figtree carries everything you read. Chatwoot
       pins a family on these utilities (html,body, .text-body-*, .text-label*,
       .text-button, .text-heading-*, .font-inter*), so each is redirected here
       or the body rule never reaches it. Body at 500 so it sits solid at
       13–14px. !important because Chatwoot's `html, body` rule is. ── */
body,
.font-inter,
.text-body-main,
.text-body-para,
.text-label,
.text-label-small {
  font-family: Figtree, "Noto Sans Bengali", Inter, -apple-system, system-ui,
    "Segoe UI", Roboto, sans-serif !important;
}

body {
  font-weight: 500;
}

h1, h2, h3,
.text-heading-1,
.text-heading-2,
.text-heading-3,
.font-interDisplay {
  font-family: Outfit, "Noto Sans Bengali", InterDisplay, -apple-system, system-ui,
    "Segoe UI", Roboto, sans-serif !important;
}

/* Real buttons only (Chatwoot's Button component: inline-flex + min-w-0, plus
   .button and the tab strip). Bare `button` is too broad here — nav rows, the
   user menu and every icon control are buttons too, and those read as body. */
button {
  font-family: inherit; /* beats the `button { serif }` rule an older theme copy
                            left in a browser-cached bundle; later sheet wins ties */
}

button.inline-flex.min-w-0,
.button,
.text-button {
  font-family: Outfit, "Noto Sans Bengali", Inter, -apple-system, system-ui,
    "Segoe UI", Roboto, sans-serif;
}

::selection {
  background-color: rgb(16 185 129);
  color: rgb(255 255 255);
}

/* ── 3. Generated remap: every rule that hardcoded Chatwoot's brand blue,
       re-emitted with Dekhval emerald. Regenerate on Chatwoot upgrades with
       deploy/chatwoot/README.md § Regenerating. ── */
.border-n-blue-border{border-color:#10b98180;border-color:rgba(var(--border-blue))}
.border-n-brand{--tw-border-opacity: 1;border-color:#10b981}
.border-n-brand\/50{border-color:#10b98180}
.border-t-n-brand{--tw-border-opacity: 1;border-top-color:#10b981}
.bg-\[\#10b981\]{--tw-bg-opacity: 1;background-color:#10b981}
.bg-n-blue-10{--tw-bg-opacity: 1;background-color:#059669;background-color:rgb(var(--blue-10) / var(--tw-bg-opacity, 1))}
.bg-n-blue-9{--tw-bg-opacity: 1;background-color:#10b981;background-color:rgb(var(--blue-9) / var(--tw-bg-opacity, 1))}
.bg-n-brand{--tw-bg-opacity: 1;background-color:#10b981}
.bg-n-brand\/10{background-color:#10b9811a}
.bg-n-brand\/20{background-color:#10b98133}
.bg-n-brand\/5{background-color:#10b9810d}
.from-n-brand\/15{--tw-gradient-from: rgb(16 185 129 / .15) var(--tw-gradient-from-position);--tw-gradient-to: rgb(16 185 129 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}
.fill-n-blue-9{fill:#10b981;fill:rgb(var(--blue-9) / 1)}
.stroke-n-blue-11{stroke:#047857;stroke:rgb(var(--blue-11) / 1)}
.\!text-n-blue-11{--tw-text-opacity: 1 !important;color:#047857!important;color:rgb(var(--blue-11) / var(--tw-text-opacity, 1))!important}
.text-n-blue-10{--tw-text-opacity: 1;color:#059669;color:rgb(var(--blue-10) / var(--tw-text-opacity, 1))}
.text-n-blue-11{--tw-text-opacity: 1;color:#047857;color:rgb(var(--blue-11) / var(--tw-text-opacity, 1))}
.text-n-blue-9{--tw-text-opacity: 1;color:#10b981;color:rgb(var(--blue-9) / var(--tw-text-opacity, 1))}
.text-n-brand{--tw-text-opacity: 1;color:#10b981}
.accent-n-blue-9{accent-color:rgb(16 185 129 / 1);accent-color:rgb(var(--blue-9) / 1)}
.\!shadow-\[var\(--widget-color\,\#10b981\)\]{--tw-shadow-color: var(--widget-color,#10b981) !important;--tw-shadow: var(--tw-shadow-colored) !important}
.\!outline-n-brand{outline-color:#10b981!important}
.outline-n-blue-9{outline-color:#10b981;outline-color:rgb(var(--blue-9) / 1)}
.outline-n-brand{outline-color:#10b981}
.ring-n-brand{--tw-ring-opacity: 1;--tw-ring-color: rgb(16 185 129 / var(--tw-ring-opacity, 1))}
.text-link{font-weight:500;--tw-text-opacity: 1;color:#10b981}
.text-link:hover{--tw-text-opacity: 1;color:#059669;color:rgb(var(--blue-10) / var(--tw-text-opacity, 1))}
.before\:\!border-t-n-brand:before{content:var(--tw-content);--tw-border-opacity: 1 !important;border-top-color:#10b981!important}
.before\:bg-n-brand:before{content:var(--tw-content);--tw-bg-opacity: 1;background-color:#10b981}
.after\:bg-n-brand:after{content:var(--tw-content);--tw-bg-opacity: 1;background-color:#10b981}
.checked\:border-n-blue-10:checked{--tw-border-opacity: 1;border-color:#059669;border-color:rgb(var(--blue-10) / var(--tw-border-opacity, 1))}
.checked\:border-n-brand:checked{--tw-border-opacity: 1;border-color:#10b981}
.checked\:bg-n-brand:checked{--tw-bg-opacity: 1;background-color:#10b981}
.indeterminate\:border-n-brand:indeterminate{--tw-border-opacity: 1;border-color:#10b981}
.indeterminate\:bg-n-brand:indeterminate{--tw-bg-opacity: 1;background-color:#10b981}
.focus-within\:outline-n-brand:focus-within{outline-color:#10b981}
.focus-within\:ring-n-brand:focus-within{--tw-ring-opacity: 1;--tw-ring-color: rgb(16 185 129 / var(--tw-ring-opacity, 1))}
.hover\:border-n-brand:hover{--tw-border-opacity: 1;border-color:#10b981}
.hover\:bg-n-blue-10:hover{--tw-bg-opacity: 1;background-color:#059669;background-color:rgb(var(--blue-10) / var(--tw-bg-opacity, 1))}
.hover\:bg-n-brand\/10:hover{background-color:#10b9811a}
.hover\:bg-n-brand\/80:hover{background-color:#10b981cc}
.hover\:text-n-blue-11:hover{--tw-text-opacity: 1;color:#047857;color:rgb(var(--blue-11) / var(--tw-text-opacity, 1))}
.hover\:text-n-brand:hover{--tw-text-opacity: 1;color:#10b981}
.focus\:border-n-blue-11:focus{--tw-border-opacity: 1;border-color:#047857;border-color:rgb(var(--blue-11) / var(--tw-border-opacity, 1))}
.focus\:border-n-brand:focus{--tw-border-opacity: 1;border-color:#10b981}
.focus\:outline-n-blue-9:focus{outline-color:#10b981;outline-color:rgb(var(--blue-9) / 1)}
.focus\:outline-n-brand:focus{outline-color:#10b981}
.focus\:ring-n-brand:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(16 185 129 / var(--tw-ring-opacity, 1))}
.focus-visible\:bg-n-brand\/20:focus-visible{background-color:#10b98133}
.focus-visible\:outline-n-brand:focus-visible{outline-color:#10b981}
.focus-visible\:ring-n-brand:focus-visible{--tw-ring-opacity: 1;--tw-ring-color: rgb(16 185 129 / var(--tw-ring-opacity, 1))}
.hover\:enabled\:border-n-blue-9:enabled:hover{--tw-border-opacity: 1;border-color:#10b981;border-color:rgb(var(--blue-9) / var(--tw-border-opacity, 1))}
.hover\:enabled\:bg-n-blue-border:enabled:hover{background-color:#10b98180;background-color:rgba(var(--border-blue))}
.hover\:enabled\:bg-n-brand\/20:enabled:hover{background-color:#10b98133}
.group:focus-within .group-focus-within\:text-n-brand{--tw-text-opacity: 1;color:#10b981}
.group:hover .group-hover\:bg-n-brand{--tw-bg-opacity: 1;background-color:#10b981}
.group:hover .group-hover\:text-n-blue-11{--tw-text-opacity: 1;color:#047857;color:rgb(var(--blue-11) / var(--tw-text-opacity, 1))}
.has-\[\:focus\]\:outline-n-brand:has(:focus){outline-color:#10b981}
.prose-a\:text-n-blue-11 :is(:where(a):not(:where([class~=not-prose],[class~=not-prose] *))){--tw-text-opacity: 1;color:#047857;color:rgb(var(--blue-11) / var(--tw-text-opacity, 1))}
.prose-a\:text-n-brand :is(:where(a):not(:where([class~=not-prose],[class~=not-prose] *))){--tw-text-opacity: 1;color:#10b981}
.prose-strong\:text-n-brand :is(:where(strong):not(:where([class~=not-prose],[class~=not-prose] *))){--tw-text-opacity: 1;color:#10b981}
.dark\:border-n-blue-11:is(.dark *){--tw-border-opacity: 1;border-color:#047857;border-color:rgb(var(--blue-11) / var(--tw-border-opacity, 1))}
.dark\:border-n-brand:is(.dark *){--tw-border-opacity: 1;border-color:#10b981}
.dark\:bg-n-brand\/10:is(.dark *){background-color:#10b9811a}
.dark\:text-n-blue-11:is(.dark *){--tw-text-opacity: 1;color:#047857;color:rgb(var(--blue-11) / var(--tw-text-opacity, 1))}
.dark\:\!outline-n-brand:is(.dark *){outline-color:#10b981!important}
.dark\:ring-n-brand:is(.dark *){--tw-ring-opacity: 1;--tw-ring-color: rgb(16 185 129 / var(--tw-ring-opacity, 1))}
.dark\:checked\:border-n-brand:checked:is(.dark *){--tw-border-opacity: 1;border-color:#10b981}
.dark\:checked\:bg-n-brand:checked:is(.dark *){--tw-bg-opacity: 1;background-color:#10b981}
.dark\:focus-within\:outline-n-brand:focus-within:is(.dark *){outline-color:#10b981}
.dark\:hover\:text-n-brand:hover:is(.dark *){--tw-text-opacity: 1;color:#10b981}
.dark\:focus\:outline-n-brand:focus:is(.dark *){outline-color:#10b981}
.group:hover .dark\:group-hover\:text-n-blue-10:is(.dark *){--tw-text-opacity: 1;color:#059669;color:rgb(var(--blue-10) / var(--tw-text-opacity, 1))}
.dark\:has-\[\:focus\]\:outline-n-brand:has(:focus):is(.dark *){outline-color:#10b981}
.\[\&\>a\]\:text-n-blue-10>a{--tw-text-opacity: 1;color:#059669;color:rgb(var(--blue-10) / var(--tw-text-opacity, 1))}
.\[\&\>a\]\:hover\:text-n-blue-11:hover>a{--tw-text-opacity: 1;color:#047857;color:rgb(var(--blue-11) / var(--tw-text-opacity, 1))}
.\[\&\>button\]\:\!text-n-blue-11>button{--tw-text-opacity: 1 !important;color:#047857!important;color:rgb(var(--blue-11) / var(--tw-text-opacity, 1))!important}
.\[\&\>p\>\.link\]\:text-n-blue-11>p>.link{--tw-text-opacity: 1;color:#047857;color:rgb(var(--blue-11) / var(--tw-text-opacity, 1))}
.\[\&\>span\]\:\!text-n-blue-11>span{--tw-text-opacity: 1 !important;color:#047857!important;color:rgb(var(--blue-11) / var(--tw-text-opacity, 1))!important}
.\[\&_\.link\]\:text-n-blue-11 .link{--tw-text-opacity: 1;color:#047857;color:rgb(var(--blue-11) / var(--tw-text-opacity, 1))}
/* ── 4. Nav bridge (see nav.js) + menu pruning ── */
.dekhval-nav-icon svg {
  width: 1rem;
  height: 1rem;
}

/* Menus this instance doesn't use — pruning is config, not code */
aside nav li:has([title="Campaigns"]),
aside nav li:has([title="Help Center"]) {
  display: none;
}

/* ── 5. Embedded mode (inside the console pane): the console shell already
       carries the brand, so Chatwoot's sidebar starts at the search bar ── */
.dekhval-embedded aside > section:first-child > div:has(#sidebar-account-switcher) {
  display: none;
}

/* ── The ground has a grain — same layer as the console (services/console/
       src/index.css: the SVG is the console's, byte for byte; tune there and
       copy). Chatwoot paints its ground with two utilities: .bg-n-background
       (app shell, sidebar) and .bg-n-surface-1 (main pane, conversation list,
       message panel, composer). Both get the grain; bubbles,
       cards, menus and inputs keep their own fills and sit clean on top. ── */
:root {
  --dekhval-grain: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='g' x='0' y='0' width='100%25' height='100%25' color-interpolation-filters='sRGB'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.92' numOctaves='2' seed='11' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0 0 0 3 -1.25'/%3E%3CfeComponentTransfer%3E%3CfeFuncA type='discrete' tableValues='0 0 0 0 0.055 0.11 0.15'/%3E%3C/feComponentTransfer%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)'/%3E%3C/svg%3E");
  --dekhval-weave: none;
}
.dark {
  --dekhval-grain: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='g' x='0' y='0' width='100%25' height='100%25' color-interpolation-filters='sRGB'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.92' numOctaves='2' seed='11' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 3 -1.25'/%3E%3CfeComponentTransfer%3E%3CfeFuncA type='discrete' tableValues='0 0 0 0 0.035 0.07 0.1'/%3E%3C/feComponentTransfer%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)'/%3E%3C/svg%3E");
  --dekhval-weave: none;
}
.bg-n-background,
.bg-n-surface-1 {
  background-image: var(--dekhval-grain), var(--dekhval-weave);
  background-size: 220px 220px, 6px 6px;
}

/* TYPE-SCALE:BEGIN — generated by deploy/chatwoot/theme/type-scale.mjs, scale 16/14 (1.1429), 154 rules from dekhval.css. Do not edit by hand; regenerate after a Chatwoot image bump. */
.ProseMirror-prompt-close:after{font-size:13.7143px}
.editor-root.editor--article .ProseMirror h1{font-size:41.1429px}
.pm-table-menu{font-size:14.8571px}
.pm-table-menu-item{font-size:14.8571px}
[data-v-7b1a862e] .ProseMirror .empty-node:before{font-size:1.1429rem;line-height:1.7143rem}
.image .time[data-v-f077030b]{font-size:.8571rem;line-height:1.1429rem}
.file .icon-wrap[data-v-7ea48b19]{font-size:2.8571rem}
.file .download[data-v-7ea48b19]{font-size:.8571rem;line-height:1.1429rem}
.form .button[data-v-663a5cdb]{font-size:1rem;line-height:1.4286rem}
.email-input-group .button[data-v-c0f153df]{font-size:1.4286rem;line-height:2rem}
.customer-satisfaction .ratings .emoji-button[data-v-b42a988a]{font-size:1.7143rem;line-height:2.2857rem}
.customer-satisfaction .feedback-form .button[data-v-b42a988a]{font-size:1.4286rem;line-height:2rem}
[data-invalid] .formkit-message{font-size:.8571rem;line-height:1.1429rem}
.row--agent-block[data-v-5f8529fd]{font-size:.8571rem;line-height:1.1429rem}
.unread-wrap .clear-button[data-v-4f260fa6]{font-size:1.1429rem;line-height:1.7143rem}
.unread-wrap .close-unread-button[data-v-4f260fa6]{font-size:.7143rem}
.cw-viz-bar__axis-label[data-v-827f3695],.cw-viz-bar__empty[data-v-827f3695]{font-size:var(--cw-viz-bar-axis-font-size, 13.7143px)}
.cw-viz-bar__value[data-v-827f3695]{font-size:var(--cw-viz-bar-value-font-size, 13.7143px)}
.cw-viz-bar__tooltip[data-v-827f3695]{font-size:var(--cw-viz-bar-tooltip-font-size, 13.7143px)}
.cw-viz-bar__tooltip-description[data-v-827f3695]{font-size:var(--cw-viz-bar-tooltip-description-font-size, 12.5714px)}
.cw-viz-donut__tooltip[data-v-ea9b2194]{font-size:var(--cw-viz-donut-tooltip-font-size, 13.7143px)}
.cw-viz-donut__tooltip-description[data-v-ea9b2194]{font-size:var(--cw-viz-donut-tooltip-description-font-size, 12.5714px)}
.cw-viz-donut__legend[data-v-ea9b2194]{font-size:var(--cw-viz-donut-legend-font-size, 13.7143px)}
.cw-viz-donut__empty[data-v-ea9b2194]{font-size:13.7143px}
.cw-viz-heatmap__row-label strong[data-v-9db61c65]{font-size:var(--cw-viz-heatmap-row-title-font-size, 13.7143px)}
.cw-viz-heatmap__row-label span[data-v-9db61c65]{font-size:var(--cw-viz-heatmap-row-description-font-size, 12.5714px)}
.cw-viz-heatmap__column-label[data-v-9db61c65]{font-size:var(--cw-viz-heatmap-column-label-font-size, 11.4286px)}
.cw-viz-heatmap__empty[data-v-9db61c65]{font-size:13.7143px}
.cw-viz-heatmap__tooltip[data-v-9db61c65]{font-size:var(--cw-viz-heatmap-tooltip-font-size, 13.7143px)}
.cw-viz-line__tooltip[data-v-3acfb47d]{font-size:var(--cw-viz-line-tooltip-font-size, 13.7143px)}
.cw-viz-line__tooltip-description[data-v-3acfb47d]{font-size:var(--cw-viz-line-tooltip-description-font-size, 12.5714px)}
.cw-viz-line__axis-label[data-v-3acfb47d],.cw-viz-line__empty[data-v-3acfb47d]{font-size:var(--cw-viz-line-axis-font-size, 13.7143px)}
.cw-viz-line__value[data-v-3acfb47d]{font-size:var(--cw-viz-line-value-font-size, 13.7143px)}
.cw-viz-percentage__tooltip[data-v-16f45f3a]{font-size:var(--cw-viz-percentage-tooltip-font-size, 13.7143px)}
.cw-viz-percentage__tooltip-description[data-v-16f45f3a]{font-size:var(--cw-viz-percentage-tooltip-description-font-size, 12.5714px)}
.cw-viz-percentage__legend[data-v-16f45f3a]{font-size:var(--cw-viz-percentage-legend-font-size, 13.7143px)}
.cw-viz-percentage__empty[data-v-16f45f3a]{font-size:13.7143px}
.cw-viz-sankey__label-text[data-v-b808b7b9],.cw-viz-sankey__label-value[data-v-b808b7b9],.cw-viz-sankey__empty[data-v-b808b7b9]{font-size:var(--cw-viz-sankey-label-font-size, 14.8571px)}
.label[data-v-4071204f]{font-size:.8571rem;line-height:1.1429rem}
.label.small[data-v-4071204f]{font-size:.8571rem}
.label.small .label--icon[data-v-4071204f],.label.small .close--icon[data-v-4071204f]{font-size:.5714rem}
.label a[data-v-4071204f]{font-size:.8571rem;line-height:1.1429rem}
.banner a[data-v-dd067508]{font-size:.8571rem;line-height:1.1429rem}
.prose{font-size:1.1429rem}
.prose-sm{font-size:1rem}
.prose-lg{font-size:1.2857rem}
.prose-bubble{font-size:16px}
.prose-bubble :where(h1):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:1.4286rem}
.prose-bubble :where(h2):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:1.1429rem}
.prose-bubble :where(h3):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:1.1429rem}
.\!text-\[32px\]{font-size:36.5714px!important}
.\!text-base{font-size:1.1429rem!important;line-height:1.7143rem!important}
.\!text-sm{font-size:1rem!important;line-height:1.4286rem!important}
.\!text-xs{font-size:.8571rem!important;line-height:1.1429rem!important}
.text-2xl{font-size:1.7143rem;line-height:2.2857rem}
.text-3xl{font-size:2.1429rem;line-height:2.5714rem}
.text-4xl{font-size:2.5714rem;line-height:2.8571rem}
.text-5xl{font-size:3.4286rem}
.text-6xl{font-size:4.2857rem}
.text-8xl{font-size:6.8571rem}
.text-\[0\.5rem\]{font-size:.5714rem}
.text-\[10px\]{font-size:11.4286px}
.text-\[11px\]{font-size:12.5714px}
.text-\[2\.5rem\]{font-size:2.8571rem}
.text-base{font-size:1.1429rem;line-height:1.7143rem}
.text-lg{font-size:1.2857rem;line-height:2rem}
.text-sm{font-size:1rem;line-height:1.4286rem}
.text-xl{font-size:1.4286rem;line-height:2rem}
.text-xs{font-size:.8571rem;line-height:1.1429rem}
.text-xxs{font-size:.7143rem}
.text-xxxs{font-size:.5714rem}
.text-body-main{font-size:1rem;line-height:24px;letter-spacing:-.32px}
.text-body-para{font-size:1rem;line-height:24px;letter-spacing:-.24px}
.text-heading-1{font-size:1.2857rem;line-height:27.4286px;letter-spacing:-.3086px}
.text-heading-2{font-size:1.1429rem;line-height:27.4286px;letter-spacing:-.3086px}
.text-heading-3{font-size:1rem;line-height:24px;letter-spacing:-.3086px}
.text-label{font-size:1rem;line-height:24px}
.text-label-small{font-size:.8571rem;line-height:18.2857px;letter-spacing:-.2743px}
.text-button{font-size:1rem;line-height:24px;letter-spacing:-.32px}
p{font-size:1rem}
a{font-size:1rem;line-height:1.4286rem}
button{font-size:1rem;line-height:1.4286rem}
label{font-size:1rem;line-height:2rem}
.input-wrap,.help-text{font-size:1rem;line-height:1.4286rem}
input[type]:not([type=file]):not([type=checkbox]):not([type=radio]):not([type=range]):not([type=button]):not([type=submit]):not([type=reset]):not([type=color]):not([type=image]):not([type=hidden]):not(.reset-base):not(.no-margin){font-size:1rem;line-height:1.4286rem}
input[type=file]{font-size:1rem}
select{font-size:1rem;line-height:1.4286rem}
textarea{font-size:1rem;line-height:1.4286rem}
.formkit-outer[data-invalid=true] .formkit-message{font-size:1rem;line-height:1.4286rem}
.error .message{font-size:1rem;line-height:1.4286rem}
.input-group.small input{font-size:1rem;line-height:1.4286rem}
code{font-size:.8571rem;line-height:1.1429rem}
table{font-size:1rem;line-height:1.4286rem}
.mx-btn{font-size:16px}
.mx-input{font-size:16px}
.mx-icon-calendar,.mx-icon-clear{font-size:18.2857px}
.mx-calendar-header-label{font-size:16px}
.mx-table-date td,.mx-table-date th{font-size:13.7143px}
.mx-time-column .mx-time-item{font-size:13.7143px;line-height:36.5714px}
.mx-time-option{font-size:16px;line-height:22.8571px}
.date-picker.small .mx-input{font-size:1rem;line-height:1.4286rem}
.tooltip{font-size:.8571rem;line-height:1.1429rem}
.v-popper--theme-tooltip .v-popper__inner{font-size:.8571rem}
.file\:text-sm::file-selector-button{font-size:1rem;line-height:1.4286rem}
.after\:text-xs:after{font-size:.8571rem;line-height:1.1429rem}
.prose-p\:text-lg :is(:where(p):not(:where([class~=not-prose],[class~=not-prose] *))){font-size:1.2857rem;line-height:2rem}
.prose-p\:text-sm :is(:where(p):not(:where([class~=not-prose],[class~=not-prose] *))){font-size:1rem;line-height:1.4286rem}
@media(min-width:640px){.sm\:text-5xl{font-size:3.4286rem}}
@media(min-width:640px){.sm\:text-sm{font-size:1rem;line-height:1.4286rem}}
@media(min-width:768px){.md\:text-3xl{font-size:2.1429rem;line-height:2.5714rem}}
@media(min-width:768px){.md\:text-4xl{font-size:2.5714rem;line-height:2.8571rem}}
@media(min-width:768px){.md\:text-5xl{font-size:3.4286rem}}
@media(min-width:768px){.md\:text-7xl{font-size:5.1429rem}}
@media(min-width:768px){.md\:text-8xl{font-size:6.8571rem}}
@media(min-width:768px){.md\:text-9xl{font-size:9.1429rem}}
@media(min-width:1024px){.lg\:text-3xl{font-size:2.1429rem;line-height:2.5714rem}}
@media(min-width:1024px){.lg\:text-4xl{font-size:2.5714rem;line-height:2.8571rem}}
@media(min-width:1024px){.lg\:text-5xl{font-size:3.4286rem}}
@media(min-width:1024px){.lg\:text-6xl{font-size:4.2857rem}}
@media(min-width:1024px){.lg\:text-8xl{font-size:6.8571rem}}
@media(min-width:1024px){.lg\:text-\[140px\]{font-size:160px}}
@media(min-width:1024px){.lg\:text-\[180px\]{font-size:205.7143px}}
@media(min-width:1024px){.lg\:text-\[220px\]{font-size:251.4286px}}
@media(min-width:1280px){.xl\:text-4xl{font-size:2.5714rem;line-height:2.8571rem}}
.\[\&\>button\>span\]\:text-4xl>button>span{font-size:2.5714rem;line-height:2.8571rem}
.\[\&\>input\]\:\!text-sm>input{font-size:1rem!important;line-height:1.4286rem!important}
.\[\&\>span\]\:text-xs>span{font-size:.8571rem;line-height:1.1429rem}
.input-wrapper[data-v-96410b98]{font-size:.8571rem;line-height:1.1429rem}
.editor-warning__message{font-size:1rem;line-height:1.4286rem}
.formkit-form .formkit-help{font-size:1rem;line-height:1.4286rem}
.prose[data-v-d329b1d6]{font-size:1.1429rem}
.prose-sm[data-v-d329b1d6]{font-size:1rem}
.prose-lg[data-v-d329b1d6]{font-size:1.2857rem}
.prose-bubble[data-v-d329b1d6]{font-size:16px}
.prose-bubble[data-v-d329b1d6] :where(h1):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:1.4286rem}
.prose-bubble[data-v-d329b1d6] :where(h2):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:1.1429rem}
.prose-bubble[data-v-d329b1d6] :where(h3):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:1.1429rem}
.menu .menu-label[data-v-60cefcf4]{font-size:.8571rem;line-height:1.1429rem}
.input-group-wrap .message[data-v-aa13b592]{font-size:1rem;line-height:1.4286rem}
.input-group .input-group-label[data-v-aa13b592]{font-size:.8571rem;line-height:1.1429rem}
.context-menu--delete-modal[data-v-8860cb94] .modal-container h2{font-size:1.1429rem;line-height:1.7143rem}
.label-suggestion .label-suggestion--title[data-v-16ab2459]{font-size:.7143rem}
.search-input[data-v-69e77a2c]{font-size:1rem;line-height:1.4286rem}
.key[data-v-5272c311]{font-size:.8571rem;line-height:1.1429rem}
.conversation-wrap .agent-name{font-size:.8571rem;line-height:1.1429rem}
.chat-bubble{font-size:1rem}
input:not(.reset-base),textarea:not(.reset-base){font-size:1.1429rem}
select:not(.reset-base){font-size:1.1429rem;line-height:1.7143rem}
p code{font-size:1rem;line-height:1.4286rem}
pre code{font-size:1rem;line-height:1.4286rem}
.button{font-size:1rem}
.button.small{font-size:.8571rem;line-height:1.1429rem}
.button.large{font-size:1.1429rem;line-height:1.7143rem}
.banner[data-v-604e405a]{font-size:1rem;line-height:1.4286rem}
/* TYPE-SCALE:END */