@import "https://fonts.googleapis.com/css2?family=Figtree:wght@400;500;600;700;800;900&family=Fraunces:ital,opsz,wght@0,9..144,400;0,9..144,500;0,9..144,600;0,9..144,700;1,9..144,400;1,9..144,500&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500&display=swap";@import "https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,400;12..96,600;12..96,700;12..96,800&family=Caveat:wght@600;700&display=swap";


@layer components;
/*! tailwindcss v4.2.4 | MIT License | https://tailwindcss.com */
@layer properties {
  @supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
    *, :before, :after, ::backdrop {
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-scroll-snap-strictness: proximity;
      --tw-space-y-reverse: 0;
      --tw-space-x-reverse: 0;
      --tw-divide-x-reverse: 0;
      --tw-border-style: solid;
      --tw-divide-y-reverse: 0;
      --tw-gradient-position: initial;
      --tw-gradient-from: #0000;
      --tw-gradient-via: #0000;
      --tw-gradient-to: #0000;
      --tw-gradient-stops: initial;
      --tw-gradient-via-stops: initial;
      --tw-gradient-from-position: 0%;
      --tw-gradient-via-position: 50%;
      --tw-gradient-to-position: 100%;
      --tw-leading: initial;
      --tw-font-weight: initial;
      --tw-tracking: initial;
      --tw-ordinal: initial;
      --tw-slashed-zero: initial;
      --tw-numeric-figure: initial;
      --tw-numeric-spacing: initial;
      --tw-numeric-fraction: initial;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-outline-style: solid;
      --tw-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
      --tw-backdrop-blur: initial;
      --tw-backdrop-brightness: initial;
      --tw-backdrop-contrast: initial;
      --tw-backdrop-grayscale: initial;
      --tw-backdrop-hue-rotate: initial;
      --tw-backdrop-invert: initial;
      --tw-backdrop-opacity: initial;
      --tw-backdrop-saturate: initial;
      --tw-backdrop-sepia: initial;
      --tw-duration: initial;
      --tw-ease: initial;
      --tw-scale-x: 1;
      --tw-scale-y: 1;
      --tw-scale-z: 1;
      --tw-content: "";
    }
  }
}
@layer theme {
  :root, :host {
    --font-sans: "Plus Jakarta Sans", system-ui, sans-serif;
    --font-serif: "Fraunces", serif;
    --font-mono: "\"JetBrains Mono\"", monospace;
    --color-red-50: oklch(97.1% .013 17.38);
    --color-red-100: oklch(93.6% .032 17.717);
    --color-red-200: oklch(88.5% .062 18.334);
    --color-red-300: oklch(80.8% .114 19.571);
    --color-red-400: oklch(70.4% .191 22.216);
    --color-red-500: oklch(63.7% .237 25.331);
    --color-red-600: oklch(57.7% .245 27.325);
    --color-red-700: oklch(50.5% .213 27.518);
    --color-red-800: oklch(44.4% .177 26.899);
    --color-red-900: oklch(39.6% .141 25.723);
    --color-red-950: oklch(25.8% .092 26.042);
    --color-orange-50: oklch(98% .016 73.684);
    --color-orange-100: oklch(95.4% .038 75.164);
    --color-orange-200: oklch(90.1% .076 70.697);
    --color-orange-300: oklch(83.7% .128 66.29);
    --color-orange-400: oklch(75% .183 55.934);
    --color-orange-500: oklch(70.5% .213 47.604);
    --color-orange-600: oklch(64.6% .222 41.116);
    --color-orange-700: oklch(55.3% .195 38.402);
    --color-orange-800: oklch(47% .157 37.304);
    --color-orange-900: oklch(40.8% .123 38.172);
    --color-orange-950: oklch(26.6% .079 36.259);
    --color-amber-50: oklch(98.7% .022 95.277);
    --color-amber-100: oklch(96.2% .059 95.617);
    --color-amber-200: oklch(92.4% .12 95.746);
    --color-amber-300: oklch(87.9% .169 91.605);
    --color-amber-400: oklch(82.8% .189 84.429);
    --color-amber-500: oklch(76.9% .188 70.08);
    --color-amber-600: oklch(66.6% .179 58.318);
    --color-amber-700: oklch(55.5% .163 48.998);
    --color-amber-800: oklch(47.3% .137 46.201);
    --color-amber-900: oklch(41.4% .112 45.904);
    --color-amber-950: oklch(27.9% .077 45.635);
    --color-yellow-50: oklch(98.7% .026 102.212);
    --color-yellow-100: oklch(97.3% .071 103.193);
    --color-yellow-200: oklch(94.5% .129 101.54);
    --color-yellow-300: oklch(90.5% .182 98.111);
    --color-yellow-400: oklch(85.2% .199 91.936);
    --color-yellow-500: oklch(79.5% .184 86.047);
    --color-yellow-600: oklch(68.1% .162 75.834);
    --color-yellow-700: oklch(55.4% .135 66.442);
    --color-yellow-800: oklch(47.6% .114 61.907);
    --color-yellow-900: oklch(42.1% .095 57.708);
    --color-yellow-950: oklch(28.6% .066 53.813);
    --color-lime-50: oklch(98.6% .031 120.757);
    --color-lime-100: oklch(96.7% .067 122.328);
    --color-lime-200: oklch(93.8% .127 124.321);
    --color-lime-300: oklch(89.7% .196 126.665);
    --color-lime-400: oklch(84.1% .238 128.85);
    --color-lime-500: oklch(76.8% .233 130.85);
    --color-lime-600: oklch(64.8% .2 131.684);
    --color-lime-700: oklch(53.2% .157 131.589);
    --color-lime-800: oklch(45.3% .124 130.933);
    --color-lime-900: oklch(40.5% .101 131.063);
    --color-lime-950: oklch(27.4% .072 132.109);
    --color-green-50: oklch(98.2% .018 155.826);
    --color-green-100: oklch(96.2% .044 156.743);
    --color-green-200: oklch(92.5% .084 155.995);
    --color-green-300: oklch(87.1% .15 154.449);
    --color-green-400: oklch(79.2% .209 151.711);
    --color-green-500: oklch(72.3% .219 149.579);
    --color-green-600: oklch(62.7% .194 149.214);
    --color-green-700: oklch(52.7% .154 150.069);
    --color-green-800: oklch(44.8% .119 151.328);
    --color-green-900: oklch(39.3% .095 152.535);
    --color-green-950: oklch(26.6% .065 152.934);
    --color-emerald-50: oklch(97.9% .021 166.113);
    --color-emerald-100: oklch(95% .052 163.051);
    --color-emerald-200: oklch(90.5% .093 164.15);
    --color-emerald-300: oklch(84.5% .143 164.978);
    --color-emerald-400: oklch(76.5% .177 163.223);
    --color-emerald-500: oklch(69.6% .17 162.48);
    --color-emerald-600: oklch(59.6% .145 163.225);
    --color-emerald-700: oklch(50.8% .118 165.612);
    --color-emerald-800: oklch(43.2% .095 166.913);
    --color-emerald-900: oklch(37.8% .077 168.94);
    --color-emerald-950: oklch(26.2% .051 172.552);
    --color-teal-50: oklch(98.4% .014 180.72);
    --color-teal-100: oklch(95.3% .051 180.801);
    --color-teal-200: oklch(91% .096 180.426);
    --color-teal-300: oklch(85.5% .138 181.071);
    --color-teal-400: oklch(77.7% .152 181.912);
    --color-teal-500: oklch(70.4% .14 182.503);
    --color-teal-600: oklch(60% .118 184.704);
    --color-teal-700: oklch(51.1% .096 186.391);
    --color-teal-800: oklch(43.7% .078 188.216);
    --color-teal-900: oklch(38.6% .063 188.416);
    --color-teal-950: oklch(27.7% .046 192.524);
    --color-cyan-50: oklch(98.4% .019 200.873);
    --color-cyan-100: oklch(95.6% .045 203.388);
    --color-cyan-200: oklch(91.7% .08 205.041);
    --color-cyan-300: oklch(86.5% .127 207.078);
    --color-cyan-400: oklch(78.9% .154 211.53);
    --color-cyan-500: oklch(71.5% .143 215.221);
    --color-cyan-600: oklch(60.9% .126 221.723);
    --color-cyan-700: oklch(52% .105 223.128);
    --color-cyan-800: oklch(45% .085 224.283);
    --color-cyan-900: oklch(39.8% .07 227.392);
    --color-cyan-950: oklch(30.2% .056 229.695);
    --color-sky-50: oklch(97.7% .013 236.62);
    --color-sky-100: oklch(95.1% .026 236.824);
    --color-sky-200: oklch(90.1% .058 230.902);
    --color-sky-300: oklch(82.8% .111 230.318);
    --color-sky-400: oklch(74.6% .16 232.661);
    --color-sky-500: oklch(68.5% .169 237.323);
    --color-sky-600: oklch(58.8% .158 241.966);
    --color-sky-700: oklch(50% .134 242.749);
    --color-sky-800: oklch(44.3% .11 240.79);
    --color-sky-900: oklch(39.1% .09 240.876);
    --color-sky-950: oklch(29.3% .066 243.157);
    --color-blue-50: oklch(97% .014 254.604);
    --color-blue-100: oklch(93.2% .032 255.585);
    --color-blue-200: oklch(88.2% .059 254.128);
    --color-blue-300: oklch(80.9% .105 251.813);
    --color-blue-400: oklch(70.7% .165 254.624);
    --color-blue-500: oklch(62.3% .214 259.815);
    --color-blue-600: oklch(54.6% .245 262.881);
    --color-blue-700: oklch(48.8% .243 264.376);
    --color-blue-800: oklch(42.4% .199 265.638);
    --color-blue-900: oklch(37.9% .146 265.522);
    --color-blue-950: oklch(28.2% .091 267.935);
    --color-indigo-50: oklch(96.2% .018 272.314);
    --color-indigo-100: oklch(93% .034 272.788);
    --color-indigo-200: oklch(87% .065 274.039);
    --color-indigo-300: oklch(78.5% .115 274.713);
    --color-indigo-400: oklch(67.3% .182 276.935);
    --color-indigo-500: oklch(58.5% .233 277.117);
    --color-indigo-600: oklch(51.1% .262 276.966);
    --color-indigo-700: oklch(45.7% .24 277.023);
    --color-indigo-800: oklch(39.8% .195 277.366);
    --color-indigo-900: oklch(35.9% .144 278.697);
    --color-indigo-950: oklch(25.7% .09 281.288);
    --color-violet-50: oklch(96.9% .016 293.756);
    --color-violet-100: oklch(94.3% .029 294.588);
    --color-violet-200: oklch(89.4% .057 293.283);
    --color-violet-300: oklch(81.1% .111 293.571);
    --color-violet-400: oklch(70.2% .183 293.541);
    --color-violet-500: oklch(60.6% .25 292.717);
    --color-violet-600: oklch(54.1% .281 293.009);
    --color-violet-700: oklch(49.1% .27 292.581);
    --color-violet-800: oklch(43.2% .232 292.759);
    --color-violet-900: oklch(38% .189 293.745);
    --color-violet-950: oklch(28.3% .141 291.089);
    --color-purple-50: oklch(97.7% .014 308.299);
    --color-purple-100: oklch(94.6% .033 307.174);
    --color-purple-200: oklch(90.2% .063 306.703);
    --color-purple-300: oklch(82.7% .119 306.383);
    --color-purple-400: oklch(71.4% .203 305.504);
    --color-purple-500: oklch(62.7% .265 303.9);
    --color-purple-600: oklch(55.8% .288 302.321);
    --color-purple-700: oklch(49.6% .265 301.924);
    --color-purple-800: oklch(43.8% .218 303.724);
    --color-purple-900: oklch(38.1% .176 304.987);
    --color-purple-950: oklch(29.1% .149 302.717);
    --color-fuchsia-50: oklch(97.7% .017 320.058);
    --color-fuchsia-100: oklch(95.2% .037 318.852);
    --color-fuchsia-200: oklch(90.3% .076 319.62);
    --color-fuchsia-300: oklch(83.3% .145 321.434);
    --color-fuchsia-400: oklch(74% .238 322.16);
    --color-fuchsia-500: oklch(66.7% .295 322.15);
    --color-fuchsia-600: oklch(59.1% .293 322.896);
    --color-fuchsia-700: oklch(51.8% .253 323.949);
    --color-fuchsia-800: oklch(45.2% .211 324.591);
    --color-fuchsia-900: oklch(40.1% .17 325.612);
    --color-fuchsia-950: oklch(29.3% .136 325.661);
    --color-pink-50: oklch(97.1% .014 343.198);
    --color-pink-100: oklch(94.8% .028 342.258);
    --color-pink-200: oklch(89.9% .061 343.231);
    --color-pink-300: oklch(82.3% .12 346.018);
    --color-pink-400: oklch(71.8% .202 349.761);
    --color-pink-500: oklch(65.6% .241 354.308);
    --color-pink-600: oklch(59.2% .249 .584);
    --color-pink-700: oklch(52.5% .223 3.958);
    --color-pink-800: oklch(45.9% .187 3.815);
    --color-pink-900: oklch(40.8% .153 2.432);
    --color-pink-950: oklch(28.4% .109 3.907);
    --color-rose-50: oklch(96.9% .015 12.422);
    --color-rose-100: oklch(94.1% .03 12.58);
    --color-rose-200: oklch(89.2% .058 10.001);
    --color-rose-300: oklch(81% .117 11.638);
    --color-rose-400: oklch(71.2% .194 13.428);
    --color-rose-500: oklch(64.5% .246 16.439);
    --color-rose-600: oklch(58.6% .253 17.585);
    --color-rose-700: oklch(51.4% .222 16.935);
    --color-rose-800: oklch(45.5% .188 13.697);
    --color-rose-900: oklch(41% .159 10.272);
    --color-rose-950: oklch(27.1% .105 12.094);
    --color-slate-50: oklch(98.4% .003 247.858);
    --color-slate-100: oklch(96.8% .007 247.896);
    --color-slate-200: oklch(92.9% .013 255.508);
    --color-slate-300: oklch(86.9% .022 252.894);
    --color-slate-400: oklch(70.4% .04 256.788);
    --color-slate-500: oklch(55.4% .046 257.417);
    --color-slate-600: oklch(44.6% .043 257.281);
    --color-slate-700: oklch(37.2% .044 257.287);
    --color-slate-800: oklch(27.9% .041 260.031);
    --color-slate-900: oklch(20.8% .042 265.755);
    --color-slate-950: oklch(12.9% .042 264.695);
    --color-gray-50: oklch(98.5% .002 247.839);
    --color-gray-100: oklch(96.7% .003 264.542);
    --color-gray-200: oklch(92.8% .006 264.531);
    --color-gray-300: oklch(87.2% .01 258.338);
    --color-gray-400: oklch(70.7% .022 261.325);
    --color-gray-500: oklch(55.1% .027 264.364);
    --color-gray-600: oklch(44.6% .03 256.802);
    --color-gray-700: oklch(37.3% .034 259.733);
    --color-gray-800: oklch(27.8% .033 256.848);
    --color-gray-900: oklch(21% .034 264.665);
    --color-gray-950: oklch(13% .028 261.692);
    --color-zinc-50: oklch(98.5% 0 0);
    --color-zinc-100: oklch(96.7% .001 286.375);
    --color-zinc-200: oklch(92% .004 286.32);
    --color-zinc-300: oklch(87.1% .006 286.286);
    --color-zinc-400: oklch(70.5% .015 286.067);
    --color-zinc-500: oklch(55.2% .016 285.938);
    --color-zinc-600: oklch(44.2% .017 285.786);
    --color-zinc-700: oklch(37% .013 285.805);
    --color-zinc-800: oklch(27.4% .006 286.033);
    --color-zinc-900: oklch(21% .006 285.885);
    --color-zinc-950: oklch(14.1% .005 285.823);
    --color-neutral-50: oklch(98.5% 0 0);
    --color-neutral-100: oklch(97% 0 0);
    --color-neutral-200: oklch(92.2% 0 0);
    --color-neutral-300: oklch(87% 0 0);
    --color-neutral-400: oklch(70.8% 0 0);
    --color-neutral-500: oklch(55.6% 0 0);
    --color-neutral-600: oklch(43.9% 0 0);
    --color-neutral-700: oklch(37.1% 0 0);
    --color-neutral-800: oklch(26.9% 0 0);
    --color-neutral-900: oklch(20.5% 0 0);
    --color-neutral-950: oklch(14.5% 0 0);
    --color-stone-50: oklch(98.5% .001 106.423);
    --color-stone-100: oklch(97% .001 106.424);
    --color-stone-200: oklch(92.3% .003 48.717);
    --color-stone-300: oklch(86.9% .005 56.366);
    --color-stone-400: oklch(70.9% .01 56.259);
    --color-stone-500: oklch(55.3% .013 58.071);
    --color-stone-600: oklch(44.4% .011 73.639);
    --color-stone-700: oklch(37.4% .01 67.558);
    --color-stone-800: oklch(26.8% .007 34.298);
    --color-stone-900: oklch(21.6% .006 56.043);
    --color-stone-950: oklch(14.7% .004 49.25);
    --color-black: #000;
    --color-white: #fff;
    --spacing: .25rem;
    --breakpoint-sm: 40rem;
    --breakpoint-md: 48rem;
    --breakpoint-lg: 64rem;
    --breakpoint-xl: 80rem;
    --breakpoint-2xl: 96rem;
    --container-3xs: 16rem;
    --container-2xs: 18rem;
    --container-xs: 20rem;
    --container-sm: 24rem;
    --container-md: 28rem;
    --container-lg: 32rem;
    --container-xl: 36rem;
    --container-2xl: 42rem;
    --container-3xl: 48rem;
    --container-4xl: 56rem;
    --container-5xl: 64rem;
    --container-6xl: 72rem;
    --container-7xl: 80rem;
    --text-xs: .75rem;
    --text-xs--line-height: calc(1 / .75);
    --text-sm: .875rem;
    --text-sm--line-height: calc(1.25 / .875);
    --text-base: 1rem;
    --text-base--line-height: calc(1.5 / 1);
    --text-lg: 1.125rem;
    --text-lg--line-height: calc(1.75 / 1.125);
    --text-xl: 1.25rem;
    --text-xl--line-height: calc(1.75 / 1.25);
    --text-2xl: 1.5rem;
    --text-2xl--line-height: calc(2 / 1.5);
    --text-3xl: 1.875rem;
    --text-3xl--line-height: calc(2.25 / 1.875);
    --text-4xl: 2.25rem;
    --text-4xl--line-height: calc(2.5 / 2.25);
    --text-5xl: 3rem;
    --text-5xl--line-height: 1;
    --text-6xl: 3.75rem;
    --text-6xl--line-height: 1;
    --text-7xl: 4.5rem;
    --text-7xl--line-height: 1;
    --text-8xl: 6rem;
    --text-8xl--line-height: 1;
    --text-9xl: 8rem;
    --text-9xl--line-height: 1;
    --font-weight-thin: 100;
    --font-weight-extralight: 200;
    --font-weight-light: 300;
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --font-weight-extrabold: 800;
    --font-weight-black: 900;
    --tracking-tighter: -.05em;
    --tracking-tight: -.025em;
    --tracking-normal: 0em;
    --tracking-wide: .025em;
    --tracking-wider: .05em;
    --tracking-widest: .1em;
    --leading-tight: 1.25;
    --leading-snug: 1.375;
    --leading-normal: 1.5;
    --leading-relaxed: 1.625;
    --leading-loose: 2;
    --radius-xs: .125rem;
    --radius-sm: .25rem;
    --radius-md: .375rem;
    --radius-lg: .5rem;
    --radius-xl: .75rem;
    --radius-2xl: 1rem;
    --radius-3xl: 1.5rem;
    --radius-4xl: 2rem;
    --shadow-2xs: 0 1px #0000000d;
    --shadow-xs: 0 1px 2px 0 #0000000d;
    --shadow-sm: 0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;
    --shadow-md: 0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;
    --shadow-lg: 0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;
    --shadow-xl: 0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;
    --shadow-2xl: 0 25px 50px -12px #00000040;
    --inset-shadow-2xs: inset 0 1px #0000000d;
    --inset-shadow-xs: inset 0 1px 1px #0000000d;
    --inset-shadow-sm: inset 0 2px 4px #0000000d;
    --drop-shadow-xs: 0 1px 1px #0000000d;
    --drop-shadow-sm: 0 1px 2px #00000026;
    --drop-shadow-md: 0 3px 3px #0000001f;
    --drop-shadow-lg: 0 4px 4px #00000026;
    --drop-shadow-xl: 0 9px 7px #0000001a;
    --drop-shadow-2xl: 0 25px 25px #00000026;
    --ease-in: cubic-bezier(.4, 0, 1, 1);
    --ease-out: cubic-bezier(0, 0, .2, 1);
    --ease-in-out: cubic-bezier(.4, 0, .2, 1);
    --animate-spin: spin 1s linear infinite;
    --animate-ping: ping 1s cubic-bezier(0, 0, .2, 1) infinite;
    --animate-pulse: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;
    --animate-bounce: bounce 1s infinite;
    --blur-xs: 4px;
    --blur-sm: 8px;
    --blur-md: 12px;
    --blur-lg: 16px;
    --blur-xl: 24px;
    --blur-2xl: 40px;
    --blur-3xl: 64px;
    --perspective-dramatic: 100px;
    --perspective-near: 300px;
    --perspective-normal: 500px;
    --perspective-midrange: 800px;
    --perspective-distant: 1200px;
    --aspect-video: 16 / 9;
    --default-transition-duration: .15s;
    --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    --default-font-family: var(--font-sans);
    --default-mono-font-family: var(--font-mono);
    --color-paper-0: #fbfaf6;
    --color-paper-50: #f5f3ec;
    --color-paper-100: #efebe0;
    --color-paper-200: #e5dfd0;
    --color-paper-300: #d4ccb6;
    --color-ink-300: #c3ccc9;
    --color-ink-400: #9aa8a4;
    --color-ink-500: #6b807c;
    --color-ink-600: #3a5a55;
    --color-ink-700: #1f4540;
    --color-ink-800: #13312d;
    --color-ink-900: #0b1f1c;
    --color-ink-950: #070d0c;
    --color-wa-deep: #075e54;
    --color-wa-teal: #128c7e;
    --color-wa-green: #25d366;
    --color-wa-mint: #dcf8c6;
    --color-wa-chat: #ece5dd;
    --color-wa-bubble: #e7ffdb;
    --color-accent-coral: #e87a5d;
    --color-accent-amber: #e5a04e;
    --color-accent-sand: #d9c9a3;
    --color-accent-plum: #5b3d8a;
    --color-accent-sky: #3e7aa1;
    --color-ig-purple: #833ab4;
    --color-ig-pink: #e1306c;
    --color-ig-magenta: #c13584;
    --color-ig-orange: #f77737;
    --color-ig-amber: #fcaf45;
    --color-ig-red: #fd1d1d;
    --color-ig-blue: #405de6;
    --shadow-card: 0 1px 0 #0b1f1c0a, 0 1px 2px #0b1f1c0a;
    --shadow-soft: 0 8px 24px -12px #075e542e;
  }
}
@layer base {
  *, :after, :before, ::backdrop {
    box-sizing: border-box;
    border: 0 solid;
    margin: 0;
    padding: 0;
  }

  ::file-selector-button {
    box-sizing: border-box;
    border: 0 solid;
    margin: 0;
    padding: 0;
  }

  html, :host {
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    line-height: 1.5;
    font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
    font-feature-settings: var(--default-font-feature-settings, normal);
    font-variation-settings: var(--default-font-variation-settings, normal);
    -webkit-tap-highlight-color: transparent;
  }

  hr {
    height: 0;
    color: inherit;
    border-top-width: 1px;
  }

  abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
  }

  h1, h2, h3, h4, h5, h6 {
    font-size: inherit;
    font-weight: inherit;
  }

  a {
    color: inherit;
    -webkit-text-decoration: inherit;
    -webkit-text-decoration: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
  }

  b, strong {
    font-weight: bolder;
  }

  code, kbd, samp, pre {
    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
    font-feature-settings: var(--default-mono-font-feature-settings, normal);
    font-variation-settings: var(--default-mono-font-variation-settings, normal);
    font-size: 1em;
  }

  small {
    font-size: 80%;
  }

  sub, sup {
    vertical-align: baseline;
    font-size: 75%;
    line-height: 0;
    position: relative;
  }

  sub {
    bottom: -.25em;
  }

  sup {
    top: -.5em;
  }

  table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse;
  }

  :-moz-focusring {
    outline: auto;
  }

  progress {
    vertical-align: baseline;
  }

  summary {
    display: list-item;
  }

  ol, ul, menu {
    list-style: none;
  }

  img, svg, video, canvas, audio, iframe, embed, object {
    vertical-align: middle;
    display: block;
  }

  img, video {
    max-width: 100%;
    height: auto;
  }

  button, input, select, optgroup, textarea {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    opacity: 1;
    background-color: #0000;
    border-radius: 0;
  }

  ::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    opacity: 1;
    background-color: #0000;
    border-radius: 0;
  }

  :where(select:is([multiple], [size])) optgroup {
    font-weight: bolder;
  }

  :where(select:is([multiple], [size])) optgroup option {
    padding-inline-start: 20px;
  }

  ::file-selector-button {
    margin-inline-end: 4px;
  }

  ::placeholder {
    opacity: 1;
  }

  @supports (not ((-webkit-appearance: -apple-pay-button))) or (contain-intrinsic-size: 1px) {
    ::placeholder {
      color: currentColor;
    }

    @supports (color: color-mix(in lab, red, red)) {
      ::placeholder {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
    }
  }

  textarea {
    resize: vertical;
  }

  ::-webkit-search-decoration {
    -webkit-appearance: none;
  }

  ::-webkit-date-and-time-value {
    min-height: 1lh;
    text-align: inherit;
  }

  ::-webkit-datetime-edit {
    display: inline-flex;
  }

  ::-webkit-datetime-edit-fields-wrapper {
    padding: 0;
  }

  ::-webkit-datetime-edit {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-year-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-month-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-day-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-hour-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-minute-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-second-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-millisecond-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-meridiem-field {
    padding-block: 0;
  }

  ::-webkit-calendar-picker-indicator {
    line-height: 1;
  }

  :-moz-ui-invalid {
    box-shadow: none;
  }

  button, input:where([type="button"], [type="reset"], [type="submit"]) {
    appearance: button;
  }

  ::file-selector-button {
    appearance: button;
  }

  ::-webkit-inner-spin-button {
    height: auto;
  }

  ::-webkit-outer-spin-button {
    height: auto;
  }

  [hidden]:where(:not([hidden="until-found"])) {
    display: none !important;
  }
}
@layer utilities {
  .pointer-events-auto {
    pointer-events: auto;
  }

  .pointer-events-none {
    pointer-events: none;
  }

  .collapse {
    visibility: collapse;
  }

  .invisible {
    visibility: hidden;
  }

  .visible {
    visibility: visible;
  }

  .sr-only {
    clip-path: inset(50%);
    white-space: nowrap;
    border-width: 0;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    position: absolute;
    overflow: hidden;
  }

  .absolute {
    position: absolute;
  }

  .fixed {
    position: fixed;
  }

  .relative {
    position: relative;
  }

  .static {
    position: static;
  }

  .sticky {
    position: sticky;
  }

  .inset-0 {
    inset: calc(var(--spacing) * 0);
  }

  .inset-x-0 {
    inset-inline: calc(var(--spacing) * 0);
  }

  .inset-y-0 {
    inset-block: calc(var(--spacing) * 0);
  }

  .start {
    inset-inline-start: var(--spacing);
  }

  .end {
    inset-inline-end: var(--spacing);
  }

  .-top-0\.5 {
    top: calc(var(--spacing) * -.5);
  }

  .-top-1 {
    top: calc(var(--spacing) * -1);
  }

  .-top-1\.5 {
    top: calc(var(--spacing) * -1.5);
  }

  .-top-2 {
    top: calc(var(--spacing) * -2);
  }

  .-top-2\.5 {
    top: calc(var(--spacing) * -2.5);
  }

  .-top-3 {
    top: calc(var(--spacing) * -3);
  }

  .-top-4 {
    top: calc(var(--spacing) * -4);
  }

  .-top-8 {
    top: calc(var(--spacing) * -8);
  }

  .-top-10 {
    top: calc(var(--spacing) * -10);
  }

  .-top-12 {
    top: calc(var(--spacing) * -12);
  }

  .-top-16 {
    top: calc(var(--spacing) * -16);
  }

  .-top-20 {
    top: calc(var(--spacing) * -20);
  }

  .-top-24 {
    top: calc(var(--spacing) * -24);
  }

  .-top-28 {
    top: calc(var(--spacing) * -28);
  }

  .-top-32 {
    top: calc(var(--spacing) * -32);
  }

  .-top-40 {
    top: calc(var(--spacing) * -40);
  }

  .-top-48 {
    top: calc(var(--spacing) * -48);
  }

  .top-0 {
    top: calc(var(--spacing) * 0);
  }

  .top-0\.5 {
    top: calc(var(--spacing) * .5);
  }

  .top-1 {
    top: calc(var(--spacing) * 1);
  }

  .top-1\.5 {
    top: calc(var(--spacing) * 1.5);
  }

  .top-1\/2 {
    top: 50%;
  }

  .top-2 {
    top: calc(var(--spacing) * 2);
  }

  .top-2\.5 {
    top: calc(var(--spacing) * 2.5);
  }

  .top-3 {
    top: calc(var(--spacing) * 3);
  }

  .top-3\.5 {
    top: calc(var(--spacing) * 3.5);
  }

  .top-4 {
    top: calc(var(--spacing) * 4);
  }

  .top-5 {
    top: calc(var(--spacing) * 5);
  }

  .top-6 {
    top: calc(var(--spacing) * 6);
  }

  .top-12 {
    top: calc(var(--spacing) * 12);
  }

  .top-16 {
    top: calc(var(--spacing) * 16);
  }

  .top-20 {
    top: calc(var(--spacing) * 20);
  }

  .top-28 {
    top: calc(var(--spacing) * 28);
  }

  .top-30 {
    top: calc(var(--spacing) * 30);
  }

  .top-\[3px\] {
    top: 3px;
  }

  .top-\[4\%\] {
    top: 4%;
  }

  .top-\[5vh\] {
    top: 5vh;
  }

  .top-\[18\%\] {
    top: 18%;
  }

  .top-\[20\%\] {
    top: 20%;
  }

  .top-\[30px\] {
    top: 30px;
  }

  .top-\[50px\] {
    top: 50px;
  }

  .top-\[58px\] {
    top: 58px;
  }

  .top-\[60px\] {
    top: 60px;
  }

  .top-\[68px\] {
    top: 68px;
  }

  .top-\[72\%\] {
    top: 72%;
  }

  .top-\[72px\] {
    top: 72px;
  }

  .top-\[76px\] {
    top: 76px;
  }

  .top-\[78px\] {
    top: 78px;
  }

  .top-\[80px\] {
    top: 80px;
  }

  .top-\[84px\] {
    top: 84px;
  }

  .top-\[92px\] {
    top: 92px;
  }

  .top-\[93\%\] {
    top: 93%;
  }

  .top-\[100px\] {
    top: 100px;
  }

  .top-\[125px\] {
    top: 125px;
  }

  .top-\[130px\] {
    top: 130px;
  }

  .top-\[140px\] {
    top: 140px;
  }

  .top-\[180px\] {
    top: 180px;
  }

  .top-\[200px\] {
    top: 200px;
  }

  .top-\[calc\(100\%\+10px\)\] {
    top: calc(100% + 10px);
  }

  .top-\[var\(--shell-chrome-h\)\] {
    top: var(--shell-chrome-h);
  }

  .top-full {
    top: 100%;
  }

  .-right-0\.5 {
    right: calc(var(--spacing) * -.5);
  }

  .-right-1 {
    right: calc(var(--spacing) * -1);
  }

  .-right-1\.5 {
    right: calc(var(--spacing) * -1.5);
  }

  .-right-2 {
    right: calc(var(--spacing) * -2);
  }

  .-right-3 {
    right: calc(var(--spacing) * -3);
  }

  .-right-4 {
    right: calc(var(--spacing) * -4);
  }

  .-right-8 {
    right: calc(var(--spacing) * -8);
  }

  .-right-10 {
    right: calc(var(--spacing) * -10);
  }

  .-right-12 {
    right: calc(var(--spacing) * -12);
  }

  .-right-16 {
    right: calc(var(--spacing) * -16);
  }

  .-right-20 {
    right: calc(var(--spacing) * -20);
  }

  .-right-24 {
    right: calc(var(--spacing) * -24);
  }

  .-right-32 {
    right: calc(var(--spacing) * -32);
  }

  .-right-40 {
    right: calc(var(--spacing) * -40);
  }

  .right-0 {
    right: calc(var(--spacing) * 0);
  }

  .right-0\.5 {
    right: calc(var(--spacing) * .5);
  }

  .right-1 {
    right: calc(var(--spacing) * 1);
  }

  .right-1\.5 {
    right: calc(var(--spacing) * 1.5);
  }

  .right-2 {
    right: calc(var(--spacing) * 2);
  }

  .right-2\.5 {
    right: calc(var(--spacing) * 2.5);
  }

  .right-3 {
    right: calc(var(--spacing) * 3);
  }

  .right-3\.5 {
    right: calc(var(--spacing) * 3.5);
  }

  .right-4 {
    right: calc(var(--spacing) * 4);
  }

  .right-5 {
    right: calc(var(--spacing) * 5);
  }

  .right-6 {
    right: calc(var(--spacing) * 6);
  }

  .right-7 {
    right: calc(var(--spacing) * 7);
  }

  .right-12 {
    right: calc(var(--spacing) * 12);
  }

  .right-16 {
    right: calc(var(--spacing) * 16);
  }

  .right-\[2\%\] {
    right: 2%;
  }

  .right-\[4\%\] {
    right: 4%;
  }

  .-bottom-2 {
    bottom: calc(var(--spacing) * -2);
  }

  .-bottom-6 {
    bottom: calc(var(--spacing) * -6);
  }

  .-bottom-32 {
    bottom: calc(var(--spacing) * -32);
  }

  .-bottom-40 {
    bottom: calc(var(--spacing) * -40);
  }

  .-bottom-\[22px\] {
    bottom: -22px;
  }

  .bottom-0 {
    bottom: calc(var(--spacing) * 0);
  }

  .bottom-0\.5 {
    bottom: calc(var(--spacing) * .5);
  }

  .bottom-1 {
    bottom: calc(var(--spacing) * 1);
  }

  .bottom-2 {
    bottom: calc(var(--spacing) * 2);
  }

  .bottom-3 {
    bottom: calc(var(--spacing) * 3);
  }

  .bottom-4 {
    bottom: calc(var(--spacing) * 4);
  }

  .bottom-5 {
    bottom: calc(var(--spacing) * 5);
  }

  .bottom-6 {
    bottom: calc(var(--spacing) * 6);
  }

  .bottom-12 {
    bottom: calc(var(--spacing) * 12);
  }

  .bottom-16 {
    bottom: calc(var(--spacing) * 16);
  }

  .bottom-\[-28px\] {
    bottom: -28px;
  }

  .bottom-\[5vh\] {
    bottom: 5vh;
  }

  .bottom-\[calc\(100\%\+10px\)\] {
    bottom: calc(100% + 10px);
  }

  .bottom-full {
    bottom: 100%;
  }

  .-left-1\.5 {
    left: calc(var(--spacing) * -1.5);
  }

  .-left-6 {
    left: calc(var(--spacing) * -6);
  }

  .-left-10 {
    left: calc(var(--spacing) * -10);
  }

  .-left-12 {
    left: calc(var(--spacing) * -12);
  }

  .-left-24 {
    left: calc(var(--spacing) * -24);
  }

  .-left-32 {
    left: calc(var(--spacing) * -32);
  }

  .-left-48 {
    left: calc(var(--spacing) * -48);
  }

  .-left-\[15px\] {
    left: -15px;
  }

  .left-0 {
    left: calc(var(--spacing) * 0);
  }

  .left-0\.5 {
    left: calc(var(--spacing) * .5);
  }

  .left-1 {
    left: calc(var(--spacing) * 1);
  }

  .left-1\/2 {
    left: 50%;
  }

  .left-2 {
    left: calc(var(--spacing) * 2);
  }

  .left-2\.5 {
    left: calc(var(--spacing) * 2.5);
  }

  .left-3 {
    left: calc(var(--spacing) * 3);
  }

  .left-3\.5 {
    left: calc(var(--spacing) * 3.5);
  }

  .left-4 {
    left: calc(var(--spacing) * 4);
  }

  .left-5 {
    left: calc(var(--spacing) * 5);
  }

  .left-6 {
    left: calc(var(--spacing) * 6);
  }

  .left-11 {
    left: calc(var(--spacing) * 11);
  }

  .left-\[2\%\] {
    left: 2%;
  }

  .left-\[3\%\] {
    left: 3%;
  }

  .left-\[3px\] {
    left: 3px;
  }

  .left-\[5\%\] {
    left: 5%;
  }

  .left-\[9px\] {
    left: 9px;
  }

  .left-\[13px\] {
    left: 13px;
  }

  .left-\[22px\] {
    left: 22px;
  }

  .left-\[110px\] {
    left: 110px;
  }

  .left-\[155px\] {
    left: 155px;
  }

  .left-\[170px\] {
    left: 170px;
  }

  .left-\[240px\] {
    left: 240px;
  }

  .left-\[260px\] {
    left: 260px;
  }

  .left-\[400px\] {
    left: 400px;
  }

  .left-\[490px\] {
    left: 490px;
  }

  .left-\[700px\] {
    left: 700px;
  }

  .isolate {
    isolation: isolate;
  }

  .-z-10 {
    z-index: calc(10 * -1);
  }

  .z-0 {
    z-index: 0;
  }

  .z-10 {
    z-index: 10;
  }

  .z-20 {
    z-index: 20;
  }

  .z-30 {
    z-index: 30;
  }

  .z-40 {
    z-index: 40;
  }

  .z-50 {
    z-index: 50;
  }

  .z-\[55\] {
    z-index: 55;
  }

  .z-\[59\] {
    z-index: 59;
  }

  .z-\[60\] {
    z-index: 60;
  }

  .z-\[70\] {
    z-index: 70;
  }

  .z-\[71\] {
    z-index: 71;
  }

  .z-\[75\] {
    z-index: 75;
  }

  .z-\[80\] {
    z-index: 80;
  }

  .z-\[90\] {
    z-index: 90;
  }

  .z-\[100\] {
    z-index: 100;
  }

  .z-\[115\] {
    z-index: 115;
  }

  .z-\[116\] {
    z-index: 116;
  }

  .z-\[117\] {
    z-index: 117;
  }

  .z-\[120\] {
    z-index: 120;
  }

  .z-\[130\] {
    z-index: 130;
  }

  .z-\[2147483646\] {
    z-index: 2147483646;
  }

  .col-span-1 {
    grid-column: span 1 / span 1;
  }

  .col-span-2 {
    grid-column: span 2 / span 2;
  }

  .col-span-3 {
    grid-column: span 3 / span 3;
  }

  .col-span-4 {
    grid-column: span 4 / span 4;
  }

  .col-span-5 {
    grid-column: span 5 / span 5;
  }

  .col-span-6 {
    grid-column: span 6 / span 6;
  }

  .col-span-7 {
    grid-column: span 7 / span 7;
  }

  .col-span-8 {
    grid-column: span 8 / span 8;
  }

  .col-span-9 {
    grid-column: span 9 / span 9;
  }

  .col-span-12 {
    grid-column: span 12 / span 12;
  }

  .col-span-full {
    grid-column: 1 / -1;
  }

  .container {
    width: 100%;
  }

  @media (min-width: 40rem) {
    .container {
      max-width: 40rem;
    }
  }

  @media (min-width: 48rem) {
    .container {
      max-width: 48rem;
    }
  }

  @media (min-width: 64rem) {
    .container {
      max-width: 64rem;
    }
  }

  @media (min-width: 80rem) {
    .container {
      max-width: 80rem;
    }
  }

  @media (min-width: 96rem) {
    .container {
      max-width: 96rem;
    }
  }

  .-m-1 {
    margin: calc(var(--spacing) * -1);
  }

  .m-0 {
    margin: calc(var(--spacing) * 0);
  }

  .m-3 {
    margin: calc(var(--spacing) * 3);
  }

  .m-4 {
    margin: calc(var(--spacing) * 4);
  }

  .-mx-1 {
    margin-inline: calc(var(--spacing) * -1);
  }

  .-mx-2 {
    margin-inline: calc(var(--spacing) * -2);
  }

  .-mx-2\.5 {
    margin-inline: calc(var(--spacing) * -2.5);
  }

  .-mx-5 {
    margin-inline: calc(var(--spacing) * -5);
  }

  .-mx-6 {
    margin-inline: calc(var(--spacing) * -6);
  }

  .mx-1 {
    margin-inline: calc(var(--spacing) * 1);
  }

  .mx-1\.5 {
    margin-inline: calc(var(--spacing) * 1.5);
  }

  .mx-2 {
    margin-inline: calc(var(--spacing) * 2);
  }

  .mx-3 {
    margin-inline: calc(var(--spacing) * 3);
  }

  .mx-4 {
    margin-inline: calc(var(--spacing) * 4);
  }

  .mx-5 {
    margin-inline: calc(var(--spacing) * 5);
  }

  .mx-6 {
    margin-inline: calc(var(--spacing) * 6);
  }

  .mx-\[-4px\] {
    margin-inline: -4px;
  }

  .mx-\[3px\] {
    margin-inline: 3px;
  }

  .mx-\[18px\] {
    margin-inline: 18px;
  }

  .mx-auto {
    margin-inline: auto;
  }

  .my-0\.5 {
    margin-block: calc(var(--spacing) * .5);
  }

  .my-1 {
    margin-block: calc(var(--spacing) * 1);
  }

  .my-1\.5 {
    margin-block: calc(var(--spacing) * 1.5);
  }

  .my-2 {
    margin-block: calc(var(--spacing) * 2);
  }

  .my-3 {
    margin-block: calc(var(--spacing) * 3);
  }

  .my-4 {
    margin-block: calc(var(--spacing) * 4);
  }

  .my-5 {
    margin-block: calc(var(--spacing) * 5);
  }

  .-mt-1 {
    margin-top: calc(var(--spacing) * -1);
  }

  .-mt-1\.5 {
    margin-top: calc(var(--spacing) * -1.5);
  }

  .-mt-2 {
    margin-top: calc(var(--spacing) * -2);
  }

  .-mt-3 {
    margin-top: calc(var(--spacing) * -3);
  }

  .-mt-\[4\.9rem\] {
    margin-top: -4.9rem;
  }

  .-mt-px {
    margin-top: -1px;
  }

  .mt-0\.5 {
    margin-top: calc(var(--spacing) * .5);
  }

  .mt-1 {
    margin-top: calc(var(--spacing) * 1);
  }

  .mt-1\.5 {
    margin-top: calc(var(--spacing) * 1.5);
  }

  .mt-2 {
    margin-top: calc(var(--spacing) * 2);
  }

  .mt-2\.5 {
    margin-top: calc(var(--spacing) * 2.5);
  }

  .mt-3 {
    margin-top: calc(var(--spacing) * 3);
  }

  .mt-4 {
    margin-top: calc(var(--spacing) * 4);
  }

  .mt-5 {
    margin-top: calc(var(--spacing) * 5);
  }

  .mt-6 {
    margin-top: calc(var(--spacing) * 6);
  }

  .mt-7 {
    margin-top: calc(var(--spacing) * 7);
  }

  .mt-8 {
    margin-top: calc(var(--spacing) * 8);
  }

  .mt-9 {
    margin-top: calc(var(--spacing) * 9);
  }

  .mt-10 {
    margin-top: calc(var(--spacing) * 10);
  }

  .mt-12 {
    margin-top: calc(var(--spacing) * 12);
  }

  .mt-14 {
    margin-top: calc(var(--spacing) * 14);
  }

  .mt-20 {
    margin-top: calc(var(--spacing) * 20);
  }

  .mt-\[1px\] {
    margin-top: 1px;
  }

  .mt-\[3px\] {
    margin-top: 3px;
  }

  .mt-\[5px\] {
    margin-top: 5px;
  }

  .mt-auto {
    margin-top: auto;
  }

  .mt-px {
    margin-top: 1px;
  }

  .-mr-1 {
    margin-right: calc(var(--spacing) * -1);
  }

  .mr-1 {
    margin-right: calc(var(--spacing) * 1);
  }

  .mr-1\.5 {
    margin-right: calc(var(--spacing) * 1.5);
  }

  .mr-2 {
    margin-right: calc(var(--spacing) * 2);
  }

  .mr-3 {
    margin-right: calc(var(--spacing) * 3);
  }

  .mr-8 {
    margin-right: calc(var(--spacing) * 8);
  }

  .mr-auto {
    margin-right: auto;
  }

  .-mb-2\.5 {
    margin-bottom: calc(var(--spacing) * -2.5);
  }

  .-mb-5 {
    margin-bottom: calc(var(--spacing) * -5);
  }

  .-mb-px {
    margin-bottom: -1px;
  }

  .mb-0\.5 {
    margin-bottom: calc(var(--spacing) * .5);
  }

  .mb-1 {
    margin-bottom: calc(var(--spacing) * 1);
  }

  .mb-1\.5 {
    margin-bottom: calc(var(--spacing) * 1.5);
  }

  .mb-2 {
    margin-bottom: calc(var(--spacing) * 2);
  }

  .mb-2\.5 {
    margin-bottom: calc(var(--spacing) * 2.5);
  }

  .mb-3 {
    margin-bottom: calc(var(--spacing) * 3);
  }

  .mb-3\.5 {
    margin-bottom: calc(var(--spacing) * 3.5);
  }

  .mb-4 {
    margin-bottom: calc(var(--spacing) * 4);
  }

  .mb-5 {
    margin-bottom: calc(var(--spacing) * 5);
  }

  .mb-6 {
    margin-bottom: calc(var(--spacing) * 6);
  }

  .mb-7 {
    margin-bottom: calc(var(--spacing) * 7);
  }

  .mb-8 {
    margin-bottom: calc(var(--spacing) * 8);
  }

  .mb-10 {
    margin-bottom: calc(var(--spacing) * 10);
  }

  .mb-12 {
    margin-bottom: calc(var(--spacing) * 12);
  }

  .mb-14 {
    margin-bottom: calc(var(--spacing) * 14);
  }

  .mb-16 {
    margin-bottom: calc(var(--spacing) * 16);
  }

  .mb-\[3px\] {
    margin-bottom: 3px;
  }

  .mb-\[5px\] {
    margin-bottom: 5px;
  }

  .-ml-1 {
    margin-left: calc(var(--spacing) * -1);
  }

  .-ml-2 {
    margin-left: calc(var(--spacing) * -2);
  }

  .-ml-8 {
    margin-left: calc(var(--spacing) * -8);
  }

  .-ml-px {
    margin-left: -1px;
  }

  .ml-0\.5 {
    margin-left: calc(var(--spacing) * .5);
  }

  .ml-1 {
    margin-left: calc(var(--spacing) * 1);
  }

  .ml-1\.5 {
    margin-left: calc(var(--spacing) * 1.5);
  }

  .ml-2 {
    margin-left: calc(var(--spacing) * 2);
  }

  .ml-3 {
    margin-left: calc(var(--spacing) * 3);
  }

  .ml-4 {
    margin-left: calc(var(--spacing) * 4);
  }

  .ml-5 {
    margin-left: calc(var(--spacing) * 5);
  }

  .ml-6 {
    margin-left: calc(var(--spacing) * 6);
  }

  .ml-8 {
    margin-left: calc(var(--spacing) * 8);
  }

  .ml-9 {
    margin-left: calc(var(--spacing) * 9);
  }

  .ml-auto {
    margin-left: auto;
  }

  .line-clamp-1 {
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
  }

  .line-clamp-2 {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
  }

  .line-clamp-3 {
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
  }

  .line-clamp-4 {
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
  }

  .\!grid {
    display: grid !important;
  }

  .\!hidden {
    display: none !important;
  }

  .block {
    display: block;
  }

  .contents {
    display: contents;
  }

  .flex {
    display: flex;
  }

  .grid {
    display: grid;
  }

  .hidden {
    display: none;
  }

  .inline {
    display: inline;
  }

  .inline-block {
    display: inline-block;
  }

  .inline-flex {
    display: inline-flex;
  }

  .list-item {
    display: list-item;
  }

  .table {
    display: table;
  }

  .aspect-\[4\/3\] {
    aspect-ratio: 4 / 3;
  }

  .aspect-\[9\/16\] {
    aspect-ratio: 9 / 16;
  }

  .aspect-\[16\/10\] {
    aspect-ratio: 16 / 10;
  }

  .aspect-\[335\/376\] {
    aspect-ratio: 335 / 376;
  }

  .aspect-\[1200\/630\] {
    aspect-ratio: 1200 / 630;
  }

  .aspect-square {
    aspect-ratio: 1;
  }

  .aspect-video {
    aspect-ratio: var(--aspect-video);
  }

  .h-0 {
    height: calc(var(--spacing) * 0);
  }

  .h-1 {
    height: calc(var(--spacing) * 1);
  }

  .h-1\.5 {
    height: calc(var(--spacing) * 1.5);
  }

  .h-1\/2 {
    height: 50%;
  }

  .h-2 {
    height: calc(var(--spacing) * 2);
  }

  .h-2\.5 {
    height: calc(var(--spacing) * 2.5);
  }

  .h-2\/3 {
    height: 66.6667%;
  }

  .h-3 {
    height: calc(var(--spacing) * 3);
  }

  .h-3\.5 {
    height: calc(var(--spacing) * 3.5);
  }

  .h-4 {
    height: calc(var(--spacing) * 4);
  }

  .h-4\.5 {
    height: calc(var(--spacing) * 4.5);
  }

  .h-5 {
    height: calc(var(--spacing) * 5);
  }

  .h-5\.5 {
    height: calc(var(--spacing) * 5.5);
  }

  .h-6 {
    height: calc(var(--spacing) * 6);
  }

  .h-7 {
    height: calc(var(--spacing) * 7);
  }

  .h-8 {
    height: calc(var(--spacing) * 8);
  }

  .h-9 {
    height: calc(var(--spacing) * 9);
  }

  .h-10 {
    height: calc(var(--spacing) * 10);
  }

  .h-11 {
    height: calc(var(--spacing) * 11);
  }

  .h-12 {
    height: calc(var(--spacing) * 12);
  }

  .h-14 {
    height: calc(var(--spacing) * 14);
  }

  .h-14\.5 {
    height: calc(var(--spacing) * 14.5);
  }

  .h-16 {
    height: calc(var(--spacing) * 16);
  }

  .h-20 {
    height: calc(var(--spacing) * 20);
  }

  .h-24 {
    height: calc(var(--spacing) * 24);
  }

  .h-28 {
    height: calc(var(--spacing) * 28);
  }

  .h-32 {
    height: calc(var(--spacing) * 32);
  }

  .h-40 {
    height: calc(var(--spacing) * 40);
  }

  .h-44 {
    height: calc(var(--spacing) * 44);
  }

  .h-48 {
    height: calc(var(--spacing) * 48);
  }

  .h-52 {
    height: calc(var(--spacing) * 52);
  }

  .h-56 {
    height: calc(var(--spacing) * 56);
  }

  .h-72 {
    height: calc(var(--spacing) * 72);
  }

  .h-\[2px\] {
    height: 2px;
  }

  .h-\[6px\] {
    height: 6px;
  }

  .h-\[7px\] {
    height: 7px;
  }

  .h-\[14px\] {
    height: 14px;
  }

  .h-\[15px\] {
    height: 15px;
  }

  .h-\[16px\] {
    height: 16px;
  }

  .h-\[18px\] {
    height: 18px;
  }

  .h-\[22px\] {
    height: 22px;
  }

  .h-\[23px\] {
    height: 23px;
  }

  .h-\[24px\] {
    height: 24px;
  }

  .h-\[28rem\] {
    height: 28rem;
  }

  .h-\[30px\] {
    height: 30px;
  }

  .h-\[34px\] {
    height: 34px;
  }

  .h-\[35px\] {
    height: 35px;
  }

  .h-\[38px\] {
    height: 38px;
  }

  .h-\[42px\] {
    height: 42px;
  }

  .h-\[60px\] {
    height: 60px;
  }

  .h-\[64px\] {
    height: 64px;
  }

  .h-\[68px\] {
    height: 68px;
  }

  .h-\[86px\] {
    height: 86px;
  }

  .h-\[86vh\] {
    height: 86vh;
  }

  .h-\[90vh\] {
    height: 90vh;
  }

  .h-\[100px\] {
    height: 100px;
  }

  .h-\[110px\] {
    height: 110px;
  }

  .h-\[120px\] {
    height: 120px;
  }

  .h-\[140px\] {
    height: 140px;
  }

  .h-\[150px\] {
    height: 150px;
  }

  .h-\[168px\] {
    height: 168px;
  }

  .h-\[170px\] {
    height: 170px;
  }

  .h-\[180px\] {
    height: 180px;
  }

  .h-\[200px\] {
    height: 200px;
  }

  .h-\[210px\] {
    height: 210px;
  }

  .h-\[220px\] {
    height: 220px;
  }

  .h-\[225px\] {
    height: 225px;
  }

  .h-\[230px\] {
    height: 230px;
  }

  .h-\[240px\] {
    height: 240px;
  }

  .h-\[260px\] {
    height: 260px;
  }

  .h-\[280px\] {
    height: 280px;
  }

  .h-\[285px\] {
    height: 285px;
  }

  .h-\[300px\] {
    height: 300px;
  }

  .h-\[315px\] {
    height: 315px;
  }

  .h-\[320px\] {
    height: 320px;
  }

  .h-\[340px\] {
    height: 340px;
  }

  .h-\[360px\] {
    height: 360px;
  }

  .h-\[400px\] {
    height: 400px;
  }

  .h-\[420px\] {
    height: 420px;
  }

  .h-\[440px\] {
    height: 440px;
  }

  .h-\[460px\] {
    height: 460px;
  }

  .h-\[480px\] {
    height: 480px;
  }

  .h-\[520px\] {
    height: 520px;
  }

  .h-\[560px\] {
    height: 560px;
  }

  .h-\[calc\(100\%-130px\)\] {
    height: calc(100% - 130px);
  }

  .h-\[calc\(100dvh-var\(--shell-chrome-h\,64px\)\)\] {
    height: calc(100dvh - var(--shell-chrome-h, 64px));
  }

  .h-\[calc\(100vh-4rem\)\] {
    height: calc(100vh - 4rem);
  }

  .h-\[calc\(100vh-64px\)\] {
    height: calc(100vh - 64px);
  }

  .h-full {
    height: 100%;
  }

  .h-max {
    height: max-content;
  }

  .h-px {
    height: 1px;
  }

  .h-screen {
    height: 100vh;
  }

  .max-h-0 {
    max-height: calc(var(--spacing) * 0);
  }

  .max-h-14 {
    max-height: calc(var(--spacing) * 14);
  }

  .max-h-16 {
    max-height: calc(var(--spacing) * 16);
  }

  .max-h-20 {
    max-height: calc(var(--spacing) * 20);
  }

  .max-h-32 {
    max-height: calc(var(--spacing) * 32);
  }

  .max-h-40 {
    max-height: calc(var(--spacing) * 40);
  }

  .max-h-44 {
    max-height: calc(var(--spacing) * 44);
  }

  .max-h-48 {
    max-height: calc(var(--spacing) * 48);
  }

  .max-h-52 {
    max-height: calc(var(--spacing) * 52);
  }

  .max-h-56 {
    max-height: calc(var(--spacing) * 56);
  }

  .max-h-60 {
    max-height: calc(var(--spacing) * 60);
  }

  .max-h-64 {
    max-height: calc(var(--spacing) * 64);
  }

  .max-h-72 {
    max-height: calc(var(--spacing) * 72);
  }

  .max-h-\[40vh\] {
    max-height: 40vh;
  }

  .max-h-\[55vh\] {
    max-height: 55vh;
  }

  .max-h-\[60vh\] {
    max-height: 60vh;
  }

  .max-h-\[80vh\] {
    max-height: 80vh;
  }

  .max-h-\[82vh\] {
    max-height: 82vh;
  }

  .max-h-\[85vh\] {
    max-height: 85vh;
  }

  .max-h-\[86vh\] {
    max-height: 86vh;
  }

  .max-h-\[88vh\] {
    max-height: 88vh;
  }

  .max-h-\[90vh\] {
    max-height: 90vh;
  }

  .max-h-\[92px\] {
    max-height: 92px;
  }

  .max-h-\[92vh\] {
    max-height: 92vh;
  }

  .max-h-\[94vh\] {
    max-height: 94vh;
  }

  .max-h-\[100vh\] {
    max-height: 100vh;
  }

  .max-h-\[140px\] {
    max-height: 140px;
  }

  .max-h-\[150px\] {
    max-height: 150px;
  }

  .max-h-\[160px\] {
    max-height: 160px;
  }

  .max-h-\[180px\] {
    max-height: 180px;
  }

  .max-h-\[184px\] {
    max-height: 184px;
  }

  .max-h-\[200px\] {
    max-height: 200px;
  }

  .max-h-\[220px\] {
    max-height: 220px;
  }

  .max-h-\[240px\] {
    max-height: 240px;
  }

  .max-h-\[260px\] {
    max-height: 260px;
  }

  .max-h-\[280px\] {
    max-height: 280px;
  }

  .max-h-\[300px\] {
    max-height: 300px;
  }

  .max-h-\[320px\] {
    max-height: 320px;
  }

  .max-h-\[340px\] {
    max-height: 340px;
  }

  .max-h-\[360px\] {
    max-height: 360px;
  }

  .max-h-\[400px\] {
    max-height: 400px;
  }

  .max-h-\[420px\] {
    max-height: 420px;
  }

  .max-h-\[440px\] {
    max-height: 440px;
  }

  .max-h-\[460px\] {
    max-height: 460px;
  }

  .max-h-\[calc\(100dvh-2rem\)\] {
    max-height: calc(100dvh - 2rem);
  }

  .max-h-full {
    max-height: 100%;
  }

  .min-h-0 {
    min-height: calc(var(--spacing) * 0);
  }

  .min-h-9 {
    min-height: calc(var(--spacing) * 9);
  }

  .min-h-\[34px\] {
    min-height: 34px;
  }

  .min-h-\[36px\] {
    min-height: 36px;
  }

  .min-h-\[38px\] {
    min-height: 38px;
  }

  .min-h-\[40px\] {
    min-height: 40px;
  }

  .min-h-\[40vh\] {
    min-height: 40vh;
  }

  .min-h-\[44px\] {
    min-height: 44px;
  }

  .min-h-\[60vh\] {
    min-height: 60vh;
  }

  .min-h-\[62vh\] {
    min-height: 62vh;
  }

  .min-h-\[64px\] {
    min-height: 64px;
  }

  .min-h-\[80px\] {
    min-height: 80px;
  }

  .min-h-\[100px\] {
    min-height: 100px;
  }

  .min-h-\[104px\] {
    min-height: 104px;
  }

  .min-h-\[110px\] {
    min-height: 110px;
  }

  .min-h-\[116px\] {
    min-height: 116px;
  }

  .min-h-\[120px\] {
    min-height: 120px;
  }

  .min-h-\[140px\] {
    min-height: 140px;
  }

  .min-h-\[180px\] {
    min-height: 180px;
  }

  .min-h-\[200px\] {
    min-height: 200px;
  }

  .min-h-\[260px\] {
    min-height: 260px;
  }

  .min-h-\[270px\] {
    min-height: 270px;
  }

  .min-h-\[280px\] {
    min-height: 280px;
  }

  .min-h-\[320px\] {
    min-height: 320px;
  }

  .min-h-\[360px\] {
    min-height: 360px;
  }

  .min-h-\[400px\] {
    min-height: 400px;
  }

  .min-h-\[420px\] {
    min-height: 420px;
  }

  .min-h-\[460px\] {
    min-height: 460px;
  }

  .min-h-\[520px\] {
    min-height: 520px;
  }

  .min-h-full {
    min-height: 100%;
  }

  .min-h-screen {
    min-height: 100vh;
  }

  .w-0 {
    width: calc(var(--spacing) * 0);
  }

  .w-1 {
    width: calc(var(--spacing) * 1);
  }

  .w-1\.5 {
    width: calc(var(--spacing) * 1.5);
  }

  .w-1\/2 {
    width: 50%;
  }

  .w-1\/3 {
    width: 33.3333%;
  }

  .w-1\/4 {
    width: 25%;
  }

  .w-2 {
    width: calc(var(--spacing) * 2);
  }

  .w-2\.5 {
    width: calc(var(--spacing) * 2.5);
  }

  .w-2\/3 {
    width: 66.6667%;
  }

  .w-2\/5 {
    width: 40%;
  }

  .w-3 {
    width: calc(var(--spacing) * 3);
  }

  .w-3\.5 {
    width: calc(var(--spacing) * 3.5);
  }

  .w-3\/4 {
    width: 75%;
  }

  .w-3\/5 {
    width: 60%;
  }

  .w-4 {
    width: calc(var(--spacing) * 4);
  }

  .w-4\.5 {
    width: calc(var(--spacing) * 4.5);
  }

  .w-4\/5 {
    width: 80%;
  }

  .w-5 {
    width: calc(var(--spacing) * 5);
  }

  .w-5\.5 {
    width: calc(var(--spacing) * 5.5);
  }

  .w-5\/6 {
    width: 83.3333%;
  }

  .w-6 {
    width: calc(var(--spacing) * 6);
  }

  .w-7 {
    width: calc(var(--spacing) * 7);
  }

  .w-8 {
    width: calc(var(--spacing) * 8);
  }

  .w-9 {
    width: calc(var(--spacing) * 9);
  }

  .w-10 {
    width: calc(var(--spacing) * 10);
  }

  .w-11 {
    width: calc(var(--spacing) * 11);
  }

  .w-12 {
    width: calc(var(--spacing) * 12);
  }

  .w-14 {
    width: calc(var(--spacing) * 14);
  }

  .w-16 {
    width: calc(var(--spacing) * 16);
  }

  .w-20 {
    width: calc(var(--spacing) * 20);
  }

  .w-24 {
    width: calc(var(--spacing) * 24);
  }

  .w-28 {
    width: calc(var(--spacing) * 28);
  }

  .w-32 {
    width: calc(var(--spacing) * 32);
  }

  .w-36 {
    width: calc(var(--spacing) * 36);
  }

  .w-40 {
    width: calc(var(--spacing) * 40);
  }

  .w-44 {
    width: calc(var(--spacing) * 44);
  }

  .w-48 {
    width: calc(var(--spacing) * 48);
  }

  .w-52 {
    width: calc(var(--spacing) * 52);
  }

  .w-56 {
    width: calc(var(--spacing) * 56);
  }

  .w-60 {
    width: calc(var(--spacing) * 60);
  }

  .w-64 {
    width: calc(var(--spacing) * 64);
  }

  .w-72 {
    width: calc(var(--spacing) * 72);
  }

  .w-80 {
    width: calc(var(--spacing) * 80);
  }

  .w-\[3px\] {
    width: 3px;
  }

  .w-\[6px\] {
    width: 6px;
  }

  .w-\[7px\] {
    width: 7px;
  }

  .w-\[11rem\] {
    width: 11rem;
  }

  .w-\[15px\] {
    width: 15px;
  }

  .w-\[18px\] {
    width: 18px;
  }

  .w-\[23px\] {
    width: 23px;
  }

  .w-\[28rem\] {
    width: 28rem;
  }

  .w-\[30px\] {
    width: 30px;
  }

  .w-\[34px\] {
    width: 34px;
  }

  .w-\[38px\] {
    width: 38px;
  }

  .w-\[40px\] {
    width: 40px;
  }

  .w-\[42px\] {
    width: 42px;
  }

  .w-\[44px\] {
    width: 44px;
  }

  .w-\[48px\] {
    width: 48px;
  }

  .w-\[52px\] {
    width: 52px;
  }

  .w-\[55px\] {
    width: 55px;
  }

  .w-\[58px\] {
    width: 58px;
  }

  .w-\[60px\] {
    width: 60px;
  }

  .w-\[64px\] {
    width: 64px;
  }

  .w-\[70px\] {
    width: 70px;
  }

  .w-\[72px\] {
    width: 72px;
  }

  .w-\[74px\] {
    width: 74px;
  }

  .w-\[76px\] {
    width: 76px;
  }

  .w-\[78px\] {
    width: 78px;
  }

  .w-\[80px\] {
    width: 80px;
  }

  .w-\[84px\] {
    width: 84px;
  }

  .w-\[88px\] {
    width: 88px;
  }

  .w-\[90px\] {
    width: 90px;
  }

  .w-\[95px\] {
    width: 95px;
  }

  .w-\[96px\] {
    width: 96px;
  }

  .w-\[100px\] {
    width: 100px;
  }

  .w-\[108px\] {
    width: 108px;
  }

  .w-\[110px\] {
    width: 110px;
  }

  .w-\[112px\] {
    width: 112px;
  }

  .w-\[115px\] {
    width: 115px;
  }

  .w-\[120px\] {
    width: 120px;
  }

  .w-\[125px\] {
    width: 125px;
  }

  .w-\[130px\] {
    width: 130px;
  }

  .w-\[135px\] {
    width: 135px;
  }

  .w-\[140px\] {
    width: 140px;
  }

  .w-\[150px\] {
    width: 150px;
  }

  .w-\[160px\] {
    width: 160px;
  }

  .w-\[170px\] {
    width: 170px;
  }

  .w-\[180px\] {
    width: 180px;
  }

  .w-\[200px\] {
    width: 200px;
  }

  .w-\[210px\] {
    width: 210px;
  }

  .w-\[220px\] {
    width: 220px;
  }

  .w-\[230px\] {
    width: 230px;
  }

  .w-\[240px\] {
    width: 240px;
  }

  .w-\[256px\] {
    width: 256px;
  }

  .w-\[260px\] {
    width: 260px;
  }

  .w-\[280px\] {
    width: 280px;
  }

  .w-\[300px\] {
    width: 300px;
  }

  .w-\[320px\] {
    width: 320px;
  }

  .w-\[340px\] {
    width: 340px;
  }

  .w-\[360px\] {
    width: 360px;
  }

  .w-\[380px\] {
    width: 380px;
  }

  .w-\[400px\] {
    width: 400px;
  }

  .w-\[420px\] {
    width: 420px;
  }

  .w-\[440px\] {
    width: 440px;
  }

  .w-\[448px\] {
    width: 448px;
  }

  .w-\[460px\] {
    width: 460px;
  }

  .w-\[480px\] {
    width: 480px;
  }

  .w-\[520px\] {
    width: 520px;
  }

  .w-\[560px\] {
    width: 560px;
  }

  .w-\[680px\] {
    width: 680px;
  }

  .w-\[720px\] {
    width: 720px;
  }

  .w-\[min\(960px\,calc\(100\%-1\.5rem\)\)\] {
    width: min(960px, 100% - 1.5rem);
  }

  .w-auto {
    width: auto;
  }

  .w-fit {
    width: fit-content;
  }

  .w-full {
    width: 100%;
  }

  .w-max {
    width: max-content;
  }

  .w-px {
    width: 1px;
  }

  .w-screen {
    width: 100vw;
  }

  .max-w-2xl {
    max-width: var(--container-2xl);
  }

  .max-w-3xl {
    max-width: var(--container-3xl);
  }

  .max-w-4xl {
    max-width: var(--container-4xl);
  }

  .max-w-5xl {
    max-width: var(--container-5xl);
  }

  .max-w-6xl {
    max-width: var(--container-6xl);
  }

  .max-w-7xl {
    max-width: var(--container-7xl);
  }

  .max-w-16 {
    max-width: calc(var(--spacing) * 16);
  }

  .max-w-20 {
    max-width: calc(var(--spacing) * 20);
  }

  .max-w-30 {
    max-width: calc(var(--spacing) * 30);
  }

  .max-w-72 {
    max-width: calc(var(--spacing) * 72);
  }

  .max-w-\[7rem\] {
    max-width: 7rem;
  }

  .max-w-\[45\%\] {
    max-width: 45%;
  }

  .max-w-\[52ch\] {
    max-width: 52ch;
  }

  .max-w-\[60\%\] {
    max-width: 60%;
  }

  .max-w-\[62\%\] {
    max-width: 62%;
  }

  .max-w-\[64\%\] {
    max-width: 64%;
  }

  .max-w-\[70\%\] {
    max-width: 70%;
  }

  .max-w-\[72\%\] {
    max-width: 72%;
  }

  .max-w-\[78\%\] {
    max-width: 78%;
  }

  .max-w-\[80\%\] {
    max-width: 80%;
  }

  .max-w-\[80px\] {
    max-width: 80px;
  }

  .max-w-\[80vw\] {
    max-width: 80vw;
  }

  .max-w-\[82\%\] {
    max-width: 82%;
  }

  .max-w-\[88\%\] {
    max-width: 88%;
  }

  .max-w-\[90vw\] {
    max-width: 90vw;
  }

  .max-w-\[92vw\] {
    max-width: 92vw;
  }

  .max-w-\[94\%\] {
    max-width: 94%;
  }

  .max-w-\[95\%\] {
    max-width: 95%;
  }

  .max-w-\[130px\] {
    max-width: 130px;
  }

  .max-w-\[140px\] {
    max-width: 140px;
  }

  .max-w-\[150px\] {
    max-width: 150px;
  }

  .max-w-\[160px\] {
    max-width: 160px;
  }

  .max-w-\[180px\] {
    max-width: 180px;
  }

  .max-w-\[200px\] {
    max-width: 200px;
  }

  .max-w-\[210px\] {
    max-width: 210px;
  }

  .max-w-\[220px\] {
    max-width: 220px;
  }

  .max-w-\[230px\] {
    max-width: 230px;
  }

  .max-w-\[240px\] {
    max-width: 240px;
  }

  .max-w-\[255px\] {
    max-width: 255px;
  }

  .max-w-\[260px\] {
    max-width: 260px;
  }

  .max-w-\[280px\] {
    max-width: 280px;
  }

  .max-w-\[300px\] {
    max-width: 300px;
  }

  .max-w-\[320px\] {
    max-width: 320px;
  }

  .max-w-\[335px\] {
    max-width: 335px;
  }

  .max-w-\[340px\] {
    max-width: 340px;
  }

  .max-w-\[360px\] {
    max-width: 360px;
  }

  .max-w-\[400px\] {
    max-width: 400px;
  }

  .max-w-\[420px\] {
    max-width: 420px;
  }

  .max-w-\[430px\] {
    max-width: 430px;
  }

  .max-w-\[440px\] {
    max-width: 440px;
  }

  .max-w-\[460px\] {
    max-width: 460px;
  }

  .max-w-\[480px\] {
    max-width: 480px;
  }

  .max-w-\[520px\] {
    max-width: 520px;
  }

  .max-w-\[560px\] {
    max-width: 560px;
  }

  .max-w-\[640px\] {
    max-width: 640px;
  }

  .max-w-\[680px\] {
    max-width: 680px;
  }

  .max-w-\[720px\] {
    max-width: 720px;
  }

  .max-w-\[760px\] {
    max-width: 760px;
  }

  .max-w-\[820px\] {
    max-width: 820px;
  }

  .max-w-\[860px\] {
    max-width: 860px;
  }

  .max-w-\[920px\] {
    max-width: 920px;
  }

  .max-w-\[960px\] {
    max-width: 960px;
  }

  .max-w-\[980px\] {
    max-width: 980px;
  }

  .max-w-\[1040px\] {
    max-width: 1040px;
  }

  .max-w-\[1080px\] {
    max-width: 1080px;
  }

  .max-w-\[1100px\] {
    max-width: 1100px;
  }

  .max-w-\[1200px\] {
    max-width: 1200px;
  }

  .max-w-\[1240px\] {
    max-width: 1240px;
  }

  .max-w-\[1280px\] {
    max-width: 1280px;
  }

  .max-w-\[1320px\] {
    max-width: 1320px;
  }

  .max-w-\[1360px\] {
    max-width: 1360px;
  }

  .max-w-\[1440px\] {
    max-width: 1440px;
  }

  .max-w-\[1500px\] {
    max-width: 1500px;
  }

  .max-w-\[1600px\] {
    max-width: 1600px;
  }

  .max-w-\[calc\(100vw-1\.5rem\)\] {
    max-width: calc(100vw - 1.5rem);
  }

  .max-w-full {
    max-width: 100%;
  }

  .max-w-lg {
    max-width: var(--container-lg);
  }

  .max-w-md {
    max-width: var(--container-md);
  }

  .max-w-none {
    max-width: none;
  }

  .max-w-screen-2xl {
    max-width: var(--breakpoint-2xl);
  }

  .max-w-sm {
    max-width: var(--container-sm);
  }

  .max-w-xl {
    max-width: var(--container-xl);
  }

  .max-w-xs {
    max-width: var(--container-xs);
  }

  .min-w-0 {
    min-width: calc(var(--spacing) * 0);
  }

  .min-w-8 {
    min-width: calc(var(--spacing) * 8);
  }

  .min-w-\[16px\] {
    min-width: 16px;
  }

  .min-w-\[18px\] {
    min-width: 18px;
  }

  .min-w-\[34px\] {
    min-width: 34px;
  }

  .min-w-\[44px\] {
    min-width: 44px;
  }

  .min-w-\[80px\] {
    min-width: 80px;
  }

  .min-w-\[100px\] {
    min-width: 100px;
  }

  .min-w-\[120px\] {
    min-width: 120px;
  }

  .min-w-\[130px\] {
    min-width: 130px;
  }

  .min-w-\[140px\] {
    min-width: 140px;
  }

  .min-w-\[150px\] {
    min-width: 150px;
  }

  .min-w-\[160px\] {
    min-width: 160px;
  }

  .min-w-\[180px\] {
    min-width: 180px;
  }

  .min-w-\[190px\] {
    min-width: 190px;
  }

  .min-w-\[200px\] {
    min-width: 200px;
  }

  .min-w-\[210px\] {
    min-width: 210px;
  }

  .min-w-\[220px\] {
    min-width: 220px;
  }

  .min-w-\[240px\] {
    min-width: 240px;
  }

  .min-w-\[260px\] {
    min-width: 260px;
  }

  .min-w-\[280px\] {
    min-width: 280px;
  }

  .min-w-\[360px\] {
    min-width: 360px;
  }

  .min-w-\[420px\] {
    min-width: 420px;
  }

  .min-w-\[440px\] {
    min-width: 440px;
  }

  .min-w-\[480px\] {
    min-width: 480px;
  }

  .min-w-\[520px\] {
    min-width: 520px;
  }

  .min-w-\[560px\] {
    min-width: 560px;
  }

  .min-w-\[620px\] {
    min-width: 620px;
  }

  .min-w-\[640px\] {
    min-width: 640px;
  }

  .min-w-\[680px\] {
    min-width: 680px;
  }

  .min-w-\[720px\] {
    min-width: 720px;
  }

  .min-w-\[760px\] {
    min-width: 760px;
  }

  .min-w-\[780px\] {
    min-width: 780px;
  }

  .min-w-\[820px\] {
    min-width: 820px;
  }

  .min-w-\[840px\] {
    min-width: 840px;
  }

  .min-w-\[860px\] {
    min-width: 860px;
  }

  .min-w-\[880px\] {
    min-width: 880px;
  }

  .min-w-\[900px\] {
    min-width: 900px;
  }

  .min-w-\[940px\] {
    min-width: 940px;
  }

  .min-w-\[1000px\] {
    min-width: 1000px;
  }

  .min-w-\[1040px\] {
    min-width: 1040px;
  }

  .min-w-\[1080px\] {
    min-width: 1080px;
  }

  .min-w-\[1100px\] {
    min-width: 1100px;
  }

  .min-w-\[1160px\] {
    min-width: 1160px;
  }

  .flex-1 {
    flex: 1;
  }

  .flex-\[2\] {
    flex: 2;
  }

  .flex-shrink {
    flex-shrink: 1;
  }

  .flex-shrink-0 {
    flex-shrink: 0;
  }

  .shrink {
    flex-shrink: 1;
  }

  .shrink-0 {
    flex-shrink: 0;
  }

  .flex-grow, .grow {
    flex-grow: 1;
  }

  .basis-\[45\%\] {
    flex-basis: 45%;
  }

  .table-fixed {
    table-layout: fixed;
  }

  .border-collapse {
    border-collapse: collapse;
  }

  .origin-top {
    transform-origin: top;
  }

  .origin-top-left {
    transform-origin: 0 0;
  }

  .-translate-x-1 {
    --tw-translate-x: calc(var(--spacing) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .-translate-x-1\/2 {
    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .-translate-x-\[1px\] {
    --tw-translate-x: calc(1px * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .-translate-x-full {
    --tw-translate-x: -100%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-x-4 {
    --tw-translate-x: calc(var(--spacing) * 4);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-x-5 {
    --tw-translate-x: calc(var(--spacing) * 5);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-x-\[12px\] {
    --tw-translate-x: 12px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-x-full {
    --tw-translate-x: 100%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .-translate-y-1\/2 {
    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-y-0 {
    --tw-translate-y: calc(var(--spacing) * 0);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-y-2 {
    --tw-translate-y: calc(var(--spacing) * 2);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-y-\[1px\] {
    --tw-translate-y: 1px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .-rotate-90 {
    rotate: -90deg;
  }

  .rotate-0 {
    rotate: 0deg;
  }

  .rotate-180 {
    rotate: 180deg;
  }

  .rotate-\[-6deg\] {
    rotate: -6deg;
  }

  .rotate-\[-8deg\] {
    rotate: -8deg;
  }

  .rotate-\[5deg\] {
    rotate: 5deg;
  }

  .rotate-\[7deg\] {
    rotate: 7deg;
  }

  .transform {
    transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );
  }

  .animate-bounce {
    animation: var(--animate-bounce);
  }

  .animate-ping {
    animation: var(--animate-ping);
  }

  .animate-pulse {
    animation: var(--animate-pulse);
  }

  .animate-spin {
    animation: var(--animate-spin);
  }

  .cursor-default {
    cursor: default;
  }

  .cursor-grab {
    cursor: grab;
  }

  .cursor-grabbing {
    cursor: grabbing;
  }

  .cursor-not-allowed {
    cursor: not-allowed;
  }

  .cursor-pointer {
    cursor: pointer;
  }

  .cursor-zoom-in {
    cursor: zoom-in;
  }

  .touch-none {
    touch-action: none;
  }

  .resize {
    resize: both;
  }

  .resize-none {
    resize: none;
  }

  .resize-y {
    resize: vertical;
  }

  .snap-x {
    scroll-snap-type: x var(--tw-scroll-snap-strictness);
  }

  .snap-mandatory {
    --tw-scroll-snap-strictness: mandatory;
  }

  .snap-start {
    scroll-snap-align: start;
  }

  .scroll-mt-20 {
    scroll-margin-top: calc(var(--spacing) * 20);
  }

  .scroll-mt-24 {
    scroll-margin-top: calc(var(--spacing) * 24);
  }

  .scroll-mt-\[140px\] {
    scroll-margin-top: 140px;
  }

  .list-inside {
    list-style-position: inside;
  }

  .list-decimal {
    list-style-type: decimal;
  }

  .list-disc {
    list-style-type: disc;
  }

  .list-none {
    list-style-type: none;
  }

  .appearance-none {
    appearance: none;
  }

  .grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }

  .grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }

  .grid-cols-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }

  .grid-cols-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }

  .grid-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }

  .grid-cols-30 {
    grid-template-columns: repeat(30, minmax(0, 1fr));
  }

  .grid-cols-\[1\.4fr_140px_120px_100px_220px\] {
    grid-template-columns: 1.4fr 140px 120px 100px 220px;
  }

  .grid-cols-\[1\.6fr_82px_54px_72px_170px\] {
    grid-template-columns: 1.6fr 82px 54px 72px 170px;
  }

  .grid-cols-\[1\.6fr_120px_120px_90px_90px_120px\] {
    grid-template-columns: 1.6fr 120px 120px 90px 90px 120px;
  }

  .grid-cols-\[1\.6fr_120px_120px_120px_140px_180px\] {
    grid-template-columns: 1.6fr 120px 120px 120px 140px 180px;
  }

  .grid-cols-\[1\.6fr_120px_140px_120px_140px_220px\] {
    grid-template-columns: 1.6fr 120px 140px 120px 140px 220px;
  }

  .grid-cols-\[1\.6fr_150px_100px_120px_140px_220px\] {
    grid-template-columns: 1.6fr 150px 100px 120px 140px 220px;
  }

  .grid-cols-\[1fr_28px\] {
    grid-template-columns: 1fr 28px;
  }

  .grid-cols-\[28px_1fr\] {
    grid-template-columns: 28px 1fr;
  }

  .grid-cols-\[40px_1\.6fr_1\.2fr_1\.4fr_140px_180px\] {
    grid-template-columns: 40px 1.6fr 1.2fr 1.4fr 140px 180px;
  }

  .grid-cols-\[40px_minmax\(200px\,1\.4fr\)_150px_140px_120px_90px_140px_220px\] {
    grid-template-columns: 40px minmax(200px, 1.4fr) 150px 140px 120px 90px 140px 220px;
  }

  .grid-cols-\[64px_1fr_auto_1fr\] {
    grid-template-columns: 64px 1fr auto 1fr;
  }

  .grid-cols-\[80px_1fr_120px_70px\] {
    grid-template-columns: 80px 1fr 120px 70px;
  }

  .grid-cols-\[100px_1fr\] {
    grid-template-columns: 100px 1fr;
  }

  .grid-cols-\[120px_1fr\] {
    grid-template-columns: 120px 1fr;
  }

  .grid-cols-\[120px_1fr_1fr\] {
    grid-template-columns: 120px 1fr 1fr;
  }

  .grid-cols-\[130px_1fr_1fr_28px\] {
    grid-template-columns: 130px 1fr 1fr 28px;
  }

  .grid-cols-\[140px_1fr\] {
    grid-template-columns: 140px 1fr;
  }

  .grid-cols-\[140px_1fr_1fr_28px\] {
    grid-template-columns: 140px 1fr 1fr 28px;
  }

  .grid-cols-\[140px_minmax\(0\,1fr\)\] {
    grid-template-columns: 140px minmax(0, 1fr);
  }

  .grid-cols-\[auto_auto\] {
    grid-template-columns: auto auto;
  }

  .grid-cols-\[minmax\(0\,1fr\)_112px\] {
    grid-template-columns: minmax(0, 1fr) 112px;
  }

  .grid-cols-\[minmax\(0\,1fr\)_360px\] {
    grid-template-columns: minmax(0, 1fr) 360px;
  }

  .grid-rows-2 {
    grid-template-rows: repeat(2, minmax(0, 1fr));
  }

  .grid-rows-3 {
    grid-template-rows: repeat(3, minmax(0, 1fr));
  }

  .flex-col {
    flex-direction: column;
  }

  .flex-col-reverse {
    flex-direction: column-reverse;
  }

  .flex-row-reverse {
    flex-direction: row-reverse;
  }

  .flex-wrap {
    flex-wrap: wrap;
  }

  .place-items-center {
    place-items: center;
  }

  .items-baseline {
    align-items: baseline;
  }

  .items-center {
    align-items: center;
  }

  .items-end {
    align-items: flex-end;
  }

  .items-start {
    align-items: flex-start;
  }

  .items-stretch {
    align-items: stretch;
  }

  .justify-around {
    justify-content: space-around;
  }

  .justify-between {
    justify-content: space-between;
  }

  .justify-center {
    justify-content: center;
  }

  .justify-end {
    justify-content: flex-end;
  }

  .justify-start {
    justify-content: flex-start;
  }

  .justify-items-center {
    justify-items: center;
  }

  .gap-0 {
    gap: calc(var(--spacing) * 0);
  }

  .gap-0\.5 {
    gap: calc(var(--spacing) * .5);
  }

  .gap-1 {
    gap: calc(var(--spacing) * 1);
  }

  .gap-1\.5 {
    gap: calc(var(--spacing) * 1.5);
  }

  .gap-2 {
    gap: calc(var(--spacing) * 2);
  }

  .gap-2\.5 {
    gap: calc(var(--spacing) * 2.5);
  }

  .gap-3 {
    gap: calc(var(--spacing) * 3);
  }

  .gap-3\.5 {
    gap: calc(var(--spacing) * 3.5);
  }

  .gap-4 {
    gap: calc(var(--spacing) * 4);
  }

  .gap-5 {
    gap: calc(var(--spacing) * 5);
  }

  .gap-6 {
    gap: calc(var(--spacing) * 6);
  }

  .gap-7 {
    gap: calc(var(--spacing) * 7);
  }

  .gap-8 {
    gap: calc(var(--spacing) * 8);
  }

  .gap-10 {
    gap: calc(var(--spacing) * 10);
  }

  .gap-12 {
    gap: calc(var(--spacing) * 12);
  }

  .gap-\[3px\] {
    gap: 3px;
  }

  .gap-\[4px\] {
    gap: 4px;
  }

  .gap-\[5px\] {
    gap: 5px;
  }

  .gap-\[6px\] {
    gap: 6px;
  }

  .gap-\[7px\] {
    gap: 7px;
  }

  .gap-\[18px\] {
    gap: 18px;
  }

  .gap-px {
    gap: 1px;
  }

  :where(.space-y-0 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 0) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 0) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-0\.5 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * .5) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * .5) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-1 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-1\.5 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-2 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-2\.5 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 2.5) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 2.5) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-3 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-3\.5 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 3.5) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 3.5) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-4 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-5 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-6 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-7 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 7) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 7) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-8 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse)));
  }

  .gap-x-2 {
    column-gap: calc(var(--spacing) * 2);
  }

  .gap-x-3 {
    column-gap: calc(var(--spacing) * 3);
  }

  .gap-x-4 {
    column-gap: calc(var(--spacing) * 4);
  }

  .gap-x-5 {
    column-gap: calc(var(--spacing) * 5);
  }

  .gap-x-6 {
    column-gap: calc(var(--spacing) * 6);
  }

  .gap-x-8 {
    column-gap: calc(var(--spacing) * 8);
  }

  .gap-x-\[18px\] {
    column-gap: 18px;
  }

  :where(.-space-x-1 > :not(:last-child)) {
    --tw-space-x-reverse: 0;
    margin-inline-start: calc(calc(var(--spacing) * -1) * var(--tw-space-x-reverse));
    margin-inline-end: calc(calc(var(--spacing) * -1) * calc(1 - var(--tw-space-x-reverse)));
  }

  :where(.-space-x-1\.5 > :not(:last-child)) {
    --tw-space-x-reverse: 0;
    margin-inline-start: calc(calc(var(--spacing) * -1.5) * var(--tw-space-x-reverse));
    margin-inline-end: calc(calc(var(--spacing) * -1.5) * calc(1 - var(--tw-space-x-reverse)));
  }

  :where(.-space-x-2 > :not(:last-child)) {
    --tw-space-x-reverse: 0;
    margin-inline-start: calc(calc(var(--spacing) * -2) * var(--tw-space-x-reverse));
    margin-inline-end: calc(calc(var(--spacing) * -2) * calc(1 - var(--tw-space-x-reverse)));
  }

  :where(.space-x-1 > :not(:last-child)) {
    --tw-space-x-reverse: 0;
    margin-inline-start: calc(calc(var(--spacing) * 1) * var(--tw-space-x-reverse));
    margin-inline-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-x-reverse)));
  }

  .gap-y-0\.5 {
    row-gap: calc(var(--spacing) * .5);
  }

  .gap-y-1 {
    row-gap: calc(var(--spacing) * 1);
  }

  .gap-y-1\.5 {
    row-gap: calc(var(--spacing) * 1.5);
  }

  .gap-y-2 {
    row-gap: calc(var(--spacing) * 2);
  }

  .gap-y-2\.5 {
    row-gap: calc(var(--spacing) * 2.5);
  }

  .gap-y-3 {
    row-gap: calc(var(--spacing) * 3);
  }

  .gap-y-4 {
    row-gap: calc(var(--spacing) * 4);
  }

  .gap-y-5 {
    row-gap: calc(var(--spacing) * 5);
  }

  :where(.divide-x > :not(:last-child)) {
    --tw-divide-x-reverse: 0;
    border-inline-style: var(--tw-border-style);
    border-inline-start-width: calc(1px * var(--tw-divide-x-reverse));
    border-inline-end-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
  }

  :where(.divide-y > :not(:last-child)) {
    --tw-divide-y-reverse: 0;
    border-bottom-style: var(--tw-border-style);
    border-top-style: var(--tw-border-style);
    border-top-width: calc(1px * var(--tw-divide-y-reverse));
    border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
  }

  :where(.divide-paper-100 > :not(:last-child)) {
    border-color: var(--color-paper-100);
  }

  :where(.divide-paper-200 > :not(:last-child)) {
    border-color: var(--color-paper-200);
  }

  :where(.divide-white\/10 > :not(:last-child)) {
    border-color: #ffffff1a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    :where(.divide-white\/10 > :not(:last-child)) {
      border-color: color-mix(in oklab, var(--color-white) 10%, transparent);
    }
  }

  .self-center {
    align-self: center;
  }

  .self-end {
    align-self: flex-end;
  }

  .self-start {
    align-self: flex-start;
  }

  .truncate {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }

  .overflow-auto {
    overflow: auto;
  }

  .overflow-hidden {
    overflow: hidden;
  }

  .overflow-visible {
    overflow: visible;
  }

  .overflow-x-auto {
    overflow-x: auto;
  }

  .overflow-x-clip {
    overflow-x: clip;
  }

  .overflow-y-auto {
    overflow-y: auto;
  }

  .rounded {
    border-radius: .25rem;
  }

  .rounded-2xl {
    border-radius: var(--radius-2xl);
  }

  .rounded-3xl {
    border-radius: var(--radius-3xl);
  }

  .rounded-\[5px\] {
    border-radius: 5px;
  }

  .rounded-\[7px\] {
    border-radius: 7px;
  }

  .rounded-\[10px\] {
    border-radius: 10px;
  }

  .rounded-\[12px\] {
    border-radius: 12px;
  }

  .rounded-\[14px\] {
    border-radius: 14px;
  }

  .rounded-\[16px\] {
    border-radius: 16px;
  }

  .rounded-\[18px\] {
    border-radius: 18px;
  }

  .rounded-\[19px\] {
    border-radius: 19px;
  }

  .rounded-\[20px\] {
    border-radius: 20px;
  }

  .rounded-\[24px\] {
    border-radius: 24px;
  }

  .rounded-\[26px\] {
    border-radius: 26px;
  }

  .rounded-\[28px\] {
    border-radius: 28px;
  }

  .rounded-\[34px\] {
    border-radius: 34px;
  }

  .rounded-\[36px\] {
    border-radius: 36px;
  }

  .rounded-full {
    border-radius: 3.40282e38px;
  }

  .rounded-lg {
    border-radius: var(--radius-lg);
  }

  .rounded-md {
    border-radius: var(--radius-md);
  }

  .rounded-sm {
    border-radius: var(--radius-sm);
  }

  .rounded-xl {
    border-radius: var(--radius-xl);
  }

  .rounded-t {
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem;
  }

  .rounded-t-2xl {
    border-top-left-radius: var(--radius-2xl);
    border-top-right-radius: var(--radius-2xl);
  }

  .rounded-t-3xl {
    border-top-left-radius: var(--radius-3xl);
    border-top-right-radius: var(--radius-3xl);
  }

  .rounded-t-lg {
    border-top-left-radius: var(--radius-lg);
    border-top-right-radius: var(--radius-lg);
  }

  .rounded-t-md {
    border-top-left-radius: var(--radius-md);
    border-top-right-radius: var(--radius-md);
  }

  .rounded-t-xl {
    border-top-left-radius: var(--radius-xl);
    border-top-right-radius: var(--radius-xl);
  }

  .rounded-l-2xl {
    border-top-left-radius: var(--radius-2xl);
    border-bottom-left-radius: var(--radius-2xl);
  }

  .rounded-l-lg {
    border-top-left-radius: var(--radius-lg);
    border-bottom-left-radius: var(--radius-lg);
  }

  .rounded-l-md {
    border-top-left-radius: var(--radius-md);
    border-bottom-left-radius: var(--radius-md);
  }

  .rounded-tl-\[2px\] {
    border-top-left-radius: 2px;
  }

  .rounded-tl-\[4px\] {
    border-top-left-radius: 4px;
  }

  .rounded-tl-lg {
    border-top-left-radius: var(--radius-lg);
  }

  .rounded-tl-sm {
    border-top-left-radius: var(--radius-sm);
  }

  .rounded-r-lg {
    border-top-right-radius: var(--radius-lg);
    border-bottom-right-radius: var(--radius-lg);
  }

  .rounded-r-md {
    border-top-right-radius: var(--radius-md);
    border-bottom-right-radius: var(--radius-md);
  }

  .rounded-tr-\[2px\] {
    border-top-right-radius: 2px;
  }

  .rounded-tr-lg {
    border-top-right-radius: var(--radius-lg);
  }

  .rounded-tr-md {
    border-top-right-radius: var(--radius-md);
  }

  .rounded-tr-sm {
    border-top-right-radius: var(--radius-sm);
  }

  .rounded-b-2xl {
    border-bottom-right-radius: var(--radius-2xl);
    border-bottom-left-radius: var(--radius-2xl);
  }

  .rounded-b-xl {
    border-bottom-right-radius: var(--radius-xl);
    border-bottom-left-radius: var(--radius-xl);
  }

  .rounded-br-\[4px\] {
    border-bottom-right-radius: 4px;
  }

  .rounded-br-lg {
    border-bottom-right-radius: var(--radius-lg);
  }

  .rounded-br-md {
    border-bottom-right-radius: var(--radius-md);
  }

  .rounded-br-sm {
    border-bottom-right-radius: var(--radius-sm);
  }

  .rounded-bl-\[4px\] {
    border-bottom-left-radius: 4px;
  }

  .rounded-bl-lg {
    border-bottom-left-radius: var(--radius-lg);
  }

  .rounded-bl-md {
    border-bottom-left-radius: var(--radius-md);
  }

  .border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }

  .border-0 {
    border-style: var(--tw-border-style);
    border-width: 0;
  }

  .border-2 {
    border-style: var(--tw-border-style);
    border-width: 2px;
  }

  .border-4 {
    border-style: var(--tw-border-style);
    border-width: 4px;
  }

  .border-\[1\.5px\] {
    border-style: var(--tw-border-style);
    border-width: 1.5px;
  }

  .border-\[6px\] {
    border-style: var(--tw-border-style);
    border-width: 6px;
  }

  .border-x {
    border-inline-style: var(--tw-border-style);
    border-inline-width: 1px;
  }

  .border-y {
    border-block-style: var(--tw-border-style);
    border-block-width: 1px;
  }

  .border-t {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
  }

  .border-t-2 {
    border-top-style: var(--tw-border-style);
    border-top-width: 2px;
  }

  .border-r {
    border-right-style: var(--tw-border-style);
    border-right-width: 1px;
  }

  .border-r-0 {
    border-right-style: var(--tw-border-style);
    border-right-width: 0;
  }

  .border-b {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }

  .border-b-0 {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 0;
  }

  .border-b-2 {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 2px;
  }

  .border-l {
    border-left-style: var(--tw-border-style);
    border-left-width: 1px;
  }

  .border-l-0 {
    border-left-style: var(--tw-border-style);
    border-left-width: 0;
  }

  .border-l-2 {
    border-left-style: var(--tw-border-style);
    border-left-width: 2px;
  }

  .border-l-4 {
    border-left-style: var(--tw-border-style);
    border-left-width: 4px;
  }

  .border-dashed {
    --tw-border-style: dashed;
    border-style: dashed;
  }

  .border-solid {
    --tw-border-style: solid;
    border-style: solid;
  }

  .border-\[\#5B3D8A\] {
    border-color: #5b3d8a;
  }

  .border-\[\#7B61FF\]\/30 {
    border-color: oklab(60.5679% .0582184 -.216332 / .3);
  }

  .border-\[\#53BDEB\] {
    border-color: #53bdeb;
  }

  .border-\[\#53BDEB\]\/30 {
    border-color: oklab(75.486% -.0756252 -.0892804 / .3);
  }

  .border-\[\#53BDEB\]\/40 {
    border-color: oklab(75.486% -.0756252 -.0892804 / .4);
  }

  .border-\[\#0084FF\]\/40 {
    border-color: oklab(62.3562% -.0529378 -.199366 / .4);
  }

  .border-\[\#229ED9\] {
    border-color: #229ed9;
  }

  .border-\[\#229ED9\]\/40 {
    border-color: oklab(66.2312% -.0747803 -.110516 / .4);
  }

  .border-\[\#1877F2\] {
    border-color: #1877f2;
  }

  .border-\[\#1877F2\]\/40 {
    border-color: oklab(58.9125% -.0426609 -.198334 / .4);
  }

  .border-\[\#13478A\]\/30 {
    border-color: oklab(40.4502% -.0280976 -.120765 / .3);
  }

  .border-\[\#19140035\] {
    border-color: #19140035;
  }

  .border-\[\#A7E8C0\] {
    border-color: #a7e8c0;
  }

  .border-\[\#B59FE0\] {
    border-color: #b59fe0;
  }

  .border-\[\#B45309\]\/30 {
    border-color: oklab(55.5283% .0954647 .10981 / .3);
  }

  .border-\[\#BEE3F5\] {
    border-color: #bee3f5;
  }

  .border-\[\#C6DAFC\] {
    border-color: #c6dafc;
  }

  .border-\[\#C9D7CE\] {
    border-color: #c9d7ce;
  }

  .border-\[\#CFE3FF\] {
    border-color: #cfe3ff;
  }

  .border-\[\#D9B864\] {
    border-color: #d9b864;
  }

  .border-\[\#D9C7E8\] {
    border-color: #d9c7e8;
  }

  .border-\[\#D9CFFF\] {
    border-color: #d9cfff;
  }

  .border-\[\#E0B445\]\/40 {
    border-color: oklab(78.9689% .00753158 .13523 / .4);
  }

  .border-\[\#E8C77A\] {
    border-color: #e8c77a;
  }

  .border-\[\#E1306C\] {
    border-color: #e1306c;
  }

  .border-\[\#E4405F\]\/25 {
    border-color: oklab(61.9483% .193084 .0503196 / .25);
  }

  .border-\[\#F3D9A8\] {
    border-color: #f3d9a8;
  }

  .border-\[\#F5C6E0\] {
    border-color: #f5c6e0;
  }

  .border-\[\#F6BBD9\] {
    border-color: #f6bbd9;
  }

  .border-\[\#F22F46\]\/25 {
    border-color: oklab(62.5744% .210694 .082768 / .25);
  }

  .border-\[\#e3e3e0\] {
    border-color: #e3e3e0;
  }

  .border-accent-amber {
    border-color: var(--color-accent-amber);
  }

  .border-accent-amber\/30 {
    border-color: #e5a04e4d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-accent-amber\/30 {
      border-color: color-mix(in oklab, var(--color-accent-amber) 30%, transparent);
    }
  }

  .border-accent-amber\/40 {
    border-color: #e5a04e66;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-accent-amber\/40 {
      border-color: color-mix(in oklab, var(--color-accent-amber) 40%, transparent);
    }
  }

  .border-accent-amber\/50 {
    border-color: #e5a04e80;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-accent-amber\/50 {
      border-color: color-mix(in oklab, var(--color-accent-amber) 50%, transparent);
    }
  }

  .border-accent-amber\/60 {
    border-color: #e5a04e99;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-accent-amber\/60 {
      border-color: color-mix(in oklab, var(--color-accent-amber) 60%, transparent);
    }
  }

  .border-accent-coral {
    border-color: var(--color-accent-coral);
  }

  .border-accent-coral\/20 {
    border-color: #e87a5d33;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-accent-coral\/20 {
      border-color: color-mix(in oklab, var(--color-accent-coral) 20%, transparent);
    }
  }

  .border-accent-coral\/25 {
    border-color: #e87a5d40;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-accent-coral\/25 {
      border-color: color-mix(in oklab, var(--color-accent-coral) 25%, transparent);
    }
  }

  .border-accent-coral\/30 {
    border-color: #e87a5d4d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-accent-coral\/30 {
      border-color: color-mix(in oklab, var(--color-accent-coral) 30%, transparent);
    }
  }

  .border-accent-coral\/40 {
    border-color: #e87a5d66;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-accent-coral\/40 {
      border-color: color-mix(in oklab, var(--color-accent-coral) 40%, transparent);
    }
  }

  .border-accent-coral\/50 {
    border-color: #e87a5d80;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-accent-coral\/50 {
      border-color: color-mix(in oklab, var(--color-accent-coral) 50%, transparent);
    }
  }

  .border-accent-coral\/60 {
    border-color: #e87a5d99;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-accent-coral\/60 {
      border-color: color-mix(in oklab, var(--color-accent-coral) 60%, transparent);
    }
  }

  .border-amber-200 {
    border-color: var(--color-amber-200);
  }

  .border-amber-300 {
    border-color: var(--color-amber-300);
  }

  .border-black {
    border-color: var(--color-black);
  }

  .border-current {
    border-color: currentColor;
  }

  .border-gray-300 {
    border-color: var(--color-gray-300);
  }

  .border-green-200 {
    border-color: var(--color-green-200);
  }

  .border-ig-pink\/20 {
    border-color: #e1306c33;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-ig-pink\/20 {
      border-color: color-mix(in oklab, var(--color-ig-pink) 20%, transparent);
    }
  }

  .border-ig-pink\/40 {
    border-color: #e1306c66;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-ig-pink\/40 {
      border-color: color-mix(in oklab, var(--color-ig-pink) 40%, transparent);
    }
  }

  .border-ink-900 {
    border-color: var(--color-ink-900);
  }

  .border-ink-900\/10 {
    border-color: #0b1f1c1a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-ink-900\/10 {
      border-color: color-mix(in oklab, var(--color-ink-900) 10%, transparent);
    }
  }

  .border-ink-900\/15 {
    border-color: #0b1f1c26;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-ink-900\/15 {
      border-color: color-mix(in oklab, var(--color-ink-900) 15%, transparent);
    }
  }

  .border-ink-900\/90 {
    border-color: #0b1f1ce6;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-ink-900\/90 {
      border-color: color-mix(in oklab, var(--color-ink-900) 90%, transparent);
    }
  }

  .border-paper-0 {
    border-color: var(--color-paper-0);
  }

  .border-paper-0\/15 {
    border-color: #fbfaf626;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-paper-0\/15 {
      border-color: color-mix(in oklab, var(--color-paper-0) 15%, transparent);
    }
  }

  .border-paper-0\/20 {
    border-color: #fbfaf633;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-paper-0\/20 {
      border-color: color-mix(in oklab, var(--color-paper-0) 20%, transparent);
    }
  }

  .border-paper-0\/25 {
    border-color: #fbfaf640;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-paper-0\/25 {
      border-color: color-mix(in oklab, var(--color-paper-0) 25%, transparent);
    }
  }

  .border-paper-0\/30 {
    border-color: #fbfaf64d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-paper-0\/30 {
      border-color: color-mix(in oklab, var(--color-paper-0) 30%, transparent);
    }
  }

  .border-paper-0\/40 {
    border-color: #fbfaf666;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-paper-0\/40 {
      border-color: color-mix(in oklab, var(--color-paper-0) 40%, transparent);
    }
  }

  .border-paper-0\/60 {
    border-color: #fbfaf699;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-paper-0\/60 {
      border-color: color-mix(in oklab, var(--color-paper-0) 60%, transparent);
    }
  }

  .border-paper-100 {
    border-color: var(--color-paper-100);
  }

  .border-paper-200 {
    border-color: var(--color-paper-200);
  }

  .border-paper-200\/60 {
    border-color: #e5dfd099;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-paper-200\/60 {
      border-color: color-mix(in oklab, var(--color-paper-200) 60%, transparent);
    }
  }

  .border-paper-200\/70 {
    border-color: #e5dfd0b3;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-paper-200\/70 {
      border-color: color-mix(in oklab, var(--color-paper-200) 70%, transparent);
    }
  }

  .border-paper-300 {
    border-color: var(--color-paper-300);
  }

  .border-red-200 {
    border-color: var(--color-red-200);
  }

  .border-rose-200 {
    border-color: var(--color-rose-200);
  }

  .border-sky-200 {
    border-color: var(--color-sky-200);
  }

  .border-sky-300 {
    border-color: var(--color-sky-300);
  }

  .border-transparent {
    border-color: #0000;
  }

  .border-wa-deep {
    border-color: var(--color-wa-deep);
  }

  .border-wa-deep\/10 {
    border-color: #075e541a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-wa-deep\/10 {
      border-color: color-mix(in oklab, var(--color-wa-deep) 10%, transparent);
    }
  }

  .border-wa-deep\/15 {
    border-color: #075e5426;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-wa-deep\/15 {
      border-color: color-mix(in oklab, var(--color-wa-deep) 15%, transparent);
    }
  }

  .border-wa-deep\/20 {
    border-color: #075e5433;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-wa-deep\/20 {
      border-color: color-mix(in oklab, var(--color-wa-deep) 20%, transparent);
    }
  }

  .border-wa-deep\/30 {
    border-color: #075e544d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-wa-deep\/30 {
      border-color: color-mix(in oklab, var(--color-wa-deep) 30%, transparent);
    }
  }

  .border-wa-deep\/40 {
    border-color: #075e5466;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-wa-deep\/40 {
      border-color: color-mix(in oklab, var(--color-wa-deep) 40%, transparent);
    }
  }

  .border-wa-deep\/50 {
    border-color: #075e5480;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-wa-deep\/50 {
      border-color: color-mix(in oklab, var(--color-wa-deep) 50%, transparent);
    }
  }

  .border-wa-green {
    border-color: var(--color-wa-green);
  }

  .border-wa-green\/20 {
    border-color: #25d36633;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-wa-green\/20 {
      border-color: color-mix(in oklab, var(--color-wa-green) 20%, transparent);
    }
  }

  .border-wa-green\/25 {
    border-color: #25d36640;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-wa-green\/25 {
      border-color: color-mix(in oklab, var(--color-wa-green) 25%, transparent);
    }
  }

  .border-wa-green\/30 {
    border-color: #25d3664d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-wa-green\/30 {
      border-color: color-mix(in oklab, var(--color-wa-green) 30%, transparent);
    }
  }

  .border-wa-green\/40 {
    border-color: #25d36666;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-wa-green\/40 {
      border-color: color-mix(in oklab, var(--color-wa-green) 40%, transparent);
    }
  }

  .border-white\/10 {
    border-color: #ffffff1a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-white\/10 {
      border-color: color-mix(in oklab, var(--color-white) 10%, transparent);
    }
  }

  .border-white\/20 {
    border-color: #fff3;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-white\/20 {
      border-color: color-mix(in oklab, var(--color-white) 20%, transparent);
    }
  }

  .border-t-wa-deep {
    border-top-color: var(--color-wa-deep);
  }

  .bg-\[\#0B1F1C\] {
    background-color: #0b1f1c;
  }

  .bg-\[\#0F9D58\] {
    background-color: #0f9d58;
  }

  .bg-\[\#0F1720\] {
    background-color: #0f1720;
  }

  .bg-\[\#0ea5e9\] {
    background-color: #0ea5e9;
  }

  .bg-\[\#1E2A33\] {
    background-color: #1e2a33;
  }

  .bg-\[\#1b1b18\] {
    background-color: #1b1b18;
  }

  .bg-\[\#3D6FB5\] {
    background-color: #3d6fb5;
  }

  .bg-\[\#3D7CD3\] {
    background-color: #3d7cd3;
  }

  .bg-\[\#005c4b\] {
    background-color: #005c4b;
  }

  .bg-\[\#5B3D8A\] {
    background-color: #5b3d8a;
  }

  .bg-\[\#5B3D8A\]\/15 {
    background-color: oklab(43.2535% .0604397 -.108473 / .15);
  }

  .bg-\[\#5B8CFF\] {
    background-color: #5b8cff;
  }

  .bg-\[\#5B8CFF\]\/20 {
    background-color: oklab(66.2276% -.0166686 -.177811 / .2);
  }

  .bg-\[\#7A52B2\] {
    background-color: #7a52b2;
  }

  .bg-\[\#7B61FF\] {
    background-color: #7b61ff;
  }

  .bg-\[\#7B61FF\]\/15 {
    background-color: oklab(60.5679% .0582184 -.216332 / .15);
  }

  .bg-\[\#7C3AED\] {
    background-color: #7c3aed;
  }

  .bg-\[\#7F54B3\] {
    background-color: #7f54b3;
  }

  .bg-\[\#9C7DB8\] {
    background-color: #9c7db8;
  }

  .bg-\[\#10A37F\] {
    background-color: #10a37f;
  }

  .bg-\[\#22C55E\] {
    background-color: #22c55e;
  }

  .bg-\[\#25D366\] {
    background-color: #25d366;
  }

  .bg-\[\#0078D4\]\/10 {
    background-color: oklab(56.7687% -.0533597 -.157766 / .1);
  }

  .bg-\[\#0084FF\] {
    background-color: #0084ff;
  }

  .bg-\[\#0084FF\]\/5 {
    background-color: oklab(62.3562% -.0529378 -.199366 / .05);
  }

  .bg-\[\#96BF48\] {
    background-color: #96bf48;
  }

  .bg-\[\#673AB7\] {
    background-color: #673ab7;
  }

  .bg-\[\#1877F2\] {
    background-color: #1877f2;
  }

  .bg-\[\#1877F2\]\/10 {
    background-color: oklab(58.9125% -.0426609 -.198334 / .1);
  }

  .bg-\[\#4285F4\] {
    background-color: #4285f4;
  }

  .bg-\[\#6366f1\] {
    background-color: #6366f1;
  }

  .bg-\[\#13478A\] {
    background-color: #13478a;
  }

  .bg-\[\#13478A\]\/5 {
    background-color: oklab(40.4502% -.0280976 -.120765 / .05);
  }

  .bg-\[\#13478A\]\/10 {
    background-color: oklab(40.4502% -.0280976 -.120765 / .1);
  }

  .bg-\[\#D9E5F2\] {
    background-color: #d9e5f2;
  }

  .bg-\[\#D97706\] {
    background-color: #d97706;
  }

  .bg-\[\#D97757\] {
    background-color: #d97757;
  }

  .bg-\[\#DCFCE7\] {
    background-color: #dcfce7;
  }

  .bg-\[\#DFF1ED\] {
    background-color: #dff1ed;
  }

  .bg-\[\#E0EBF7\] {
    background-color: #e0ebf7;
  }

  .bg-\[\#E0F2F1\] {
    background-color: #e0f2f1;
  }

  .bg-\[\#E0F2FE\] {
    background-color: #e0f2fe;
  }

  .bg-\[\#E4DAF1\] {
    background-color: #e4daf1;
  }

  .bg-\[\#E5A04E\] {
    background-color: #e5a04e;
  }

  .bg-\[\#E5DDD5\] {
    background-color: #e5ddd5;
  }

  .bg-\[\#E5F5FE\] {
    background-color: #e5f5fe;
  }

  .bg-\[\#E7F0FF\] {
    background-color: #e7f0ff;
  }

  .bg-\[\#E7F4FB\] {
    background-color: #e7f4fb;
  }

  .bg-\[\#E8F0FE\] {
    background-color: #e8f0fe;
  }

  .bg-\[\#E8F5E9\] {
    background-color: #e8f5e9;
  }

  .bg-\[\#E87A5D\] {
    background-color: #e87a5d;
  }

  .bg-\[\#E1306C\]\/10 {
    background-color: oklab(60.4577% .211392 .025144 / .1);
  }

  .bg-\[\#E4405F\]\/10 {
    background-color: oklab(61.9483% .193084 .0503196 / .1);
  }

  .bg-\[\#EA4335\]\/10 {
    background-color: oklab(62.5731% .179898 .100036 / .1);
  }

  .bg-\[\#EAF2FE\] {
    background-color: #eaf2fe;
  }

  .bg-\[\#EAF3FF\] {
    background-color: #eaf3ff;
  }

  .bg-\[\#EAF6FC\] {
    background-color: #eaf6fc;
  }

  .bg-\[\#ECE5DD\] {
    background-color: #ece5dd;
  }

  .bg-\[\#EDE9FE\] {
    background-color: #ede9fe;
  }

  .bg-\[\#EEF2FF\] {
    background-color: #eef2ff;
  }

  .bg-\[\#EFE5F5\] {
    background-color: #efe5f5;
  }

  .bg-\[\#EFEFEF\] {
    background-color: #efefef;
  }

  .bg-\[\#EFF5FF\] {
    background-color: #eff5ff;
  }

  .bg-\[\#F0F8F6\] {
    background-color: #f0f8f6;
  }

  .bg-\[\#F3E9FF\] {
    background-color: #f3e9ff;
  }

  .bg-\[\#F3E9FF\]\/30 {
    background-color: oklab(94.8342% .0183791 -.0251105 / .3);
  }

  .bg-\[\#F3ECFA\] {
    background-color: #f3ecfa;
  }

  .bg-\[\#F4E9C9\] {
    background-color: #f4e9c9;
  }

  .bg-\[\#F22F46\] {
    background-color: #f22f46;
  }

  .bg-\[\#F22F46\]\/10 {
    background-color: oklab(62.5744% .210694 .082768 / .1);
  }

  .bg-\[\#FA520F\] {
    background-color: #fa520f;
  }

  .bg-\[\#FBE9E7\] {
    background-color: #fbe9e7;
  }

  .bg-\[\#FCE0D5\] {
    background-color: #fce0d5;
  }

  .bg-\[\#FCE7DD\] {
    background-color: #fce7dd;
  }

  .bg-\[\#FCE7F3\] {
    background-color: #fce7f3;
  }

  .bg-\[\#FCEAF4\] {
    background-color: #fceaf4;
  }

  .bg-\[\#FDE8E4\] {
    background-color: #fde8e4;
  }

  .bg-\[\#FDF2F8\] {
    background-color: #fdf2f8;
  }

  .bg-\[\#FDF4E7\] {
    background-color: #fdf4e7;
  }

  .bg-\[\#FDFDFC\] {
    background-color: #fdfdfc;
  }

  .bg-\[\#FEF3C7\] {
    background-color: #fef3c7;
  }

  .bg-\[\#FEF3E2\] {
    background-color: #fef3e2;
  }

  .bg-\[\#FF7A59\] {
    background-color: #ff7a59;
  }

  .bg-\[\#FFE4D6\] {
    background-color: #ffe4d6;
  }

  .bg-\[\#FFEEE7\] {
    background-color: #ffeee7;
  }

  .bg-\[\#FFF4E0\] {
    background-color: #fff4e0;
  }

  .bg-\[\#FFF6E0\] {
    background-color: #fff6e0;
  }

  .bg-\[\#FFF7E2\] {
    background-color: #fff7e2;
  }

  .bg-\[\#FFFBEB\] {
    background-color: #fffbeb;
  }

  .bg-\[\#cfe0db\] {
    background-color: #cfe0db;
  }

  .bg-\[\#dbdbd7\] {
    background-color: #dbdbd7;
  }

  .bg-\[\#f5f6f7\] {
    background-color: #f5f6f7;
  }

  .bg-\[\#fff2f2\] {
    background-color: #fff2f2;
  }

  .bg-\[rgba\(11\,31\,28\,0\.4\)\] {
    background-color: #0b1f1c66;
  }

  .bg-\[rgba\(11\,31\,28\,0\.5\)\] {
    background-color: #0b1f1c80;
  }

  .bg-\[rgba\(11\,31\,28\,0\.45\)\] {
    background-color: #0b1f1c73;
  }

  .bg-\[rgba\(11\,31\,28\,0\.46\)\] {
    background-color: #0b1f1c75;
  }

  .bg-\[rgba\(11\,31\,28\,0\.55\)\] {
    background-color: #0b1f1c8c;
  }

  .bg-accent-amber {
    background-color: var(--color-accent-amber);
  }

  .bg-accent-amber\/5 {
    background-color: #e5a04e0d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-accent-amber\/5 {
      background-color: color-mix(in oklab, var(--color-accent-amber) 5%, transparent);
    }
  }

  .bg-accent-amber\/10 {
    background-color: #e5a04e1a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-accent-amber\/10 {
      background-color: color-mix(in oklab, var(--color-accent-amber) 10%, transparent);
    }
  }

  .bg-accent-amber\/15 {
    background-color: #e5a04e26;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-accent-amber\/15 {
      background-color: color-mix(in oklab, var(--color-accent-amber) 15%, transparent);
    }
  }

  .bg-accent-amber\/20 {
    background-color: #e5a04e33;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-accent-amber\/20 {
      background-color: color-mix(in oklab, var(--color-accent-amber) 20%, transparent);
    }
  }

  .bg-accent-amber\/25 {
    background-color: #e5a04e40;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-accent-amber\/25 {
      background-color: color-mix(in oklab, var(--color-accent-amber) 25%, transparent);
    }
  }

  .bg-accent-amber\/30 {
    background-color: #e5a04e4d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-accent-amber\/30 {
      background-color: color-mix(in oklab, var(--color-accent-amber) 30%, transparent);
    }
  }

  .bg-accent-amber\/80 {
    background-color: #e5a04ecc;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-accent-amber\/80 {
      background-color: color-mix(in oklab, var(--color-accent-amber) 80%, transparent);
    }
  }

  .bg-accent-coral {
    background-color: var(--color-accent-coral);
  }

  .bg-accent-coral\/5 {
    background-color: #e87a5d0d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-accent-coral\/5 {
      background-color: color-mix(in oklab, var(--color-accent-coral) 5%, transparent);
    }
  }

  .bg-accent-coral\/10 {
    background-color: #e87a5d1a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-accent-coral\/10 {
      background-color: color-mix(in oklab, var(--color-accent-coral) 10%, transparent);
    }
  }

  .bg-accent-coral\/12 {
    background-color: #e87a5d1f;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-accent-coral\/12 {
      background-color: color-mix(in oklab, var(--color-accent-coral) 12%, transparent);
    }
  }

  .bg-accent-coral\/15 {
    background-color: #e87a5d26;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-accent-coral\/15 {
      background-color: color-mix(in oklab, var(--color-accent-coral) 15%, transparent);
    }
  }

  .bg-accent-coral\/18 {
    background-color: #e87a5d2e;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-accent-coral\/18 {
      background-color: color-mix(in oklab, var(--color-accent-coral) 18%, transparent);
    }
  }

  .bg-accent-coral\/20 {
    background-color: #e87a5d33;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-accent-coral\/20 {
      background-color: color-mix(in oklab, var(--color-accent-coral) 20%, transparent);
    }
  }

  .bg-accent-coral\/30 {
    background-color: #e87a5d4d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-accent-coral\/30 {
      background-color: color-mix(in oklab, var(--color-accent-coral) 30%, transparent);
    }
  }

  .bg-accent-coral\/70 {
    background-color: #e87a5db3;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-accent-coral\/70 {
      background-color: color-mix(in oklab, var(--color-accent-coral) 70%, transparent);
    }
  }

  .bg-accent-plum {
    background-color: var(--color-accent-plum);
  }

  .bg-accent-plum\/10 {
    background-color: #5b3d8a1a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-accent-plum\/10 {
      background-color: color-mix(in oklab, var(--color-accent-plum) 10%, transparent);
    }
  }

  .bg-accent-plum\/15 {
    background-color: #5b3d8a26;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-accent-plum\/15 {
      background-color: color-mix(in oklab, var(--color-accent-plum) 15%, transparent);
    }
  }

  .bg-accent-sky {
    background-color: var(--color-accent-sky);
  }

  .bg-accent-sky\/15 {
    background-color: #3e7aa126;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-accent-sky\/15 {
      background-color: color-mix(in oklab, var(--color-accent-sky) 15%, transparent);
    }
  }

  .bg-accent-sky\/20 {
    background-color: #3e7aa133;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-accent-sky\/20 {
      background-color: color-mix(in oklab, var(--color-accent-sky) 20%, transparent);
    }
  }

  .bg-amber-50 {
    background-color: var(--color-amber-50);
  }

  .bg-amber-100 {
    background-color: var(--color-amber-100);
  }

  .bg-amber-200 {
    background-color: var(--color-amber-200);
  }

  .bg-amber-500 {
    background-color: var(--color-amber-500);
  }

  .bg-amber-600 {
    background-color: var(--color-amber-600);
  }

  .bg-black {
    background-color: var(--color-black);
  }

  .bg-black\/0 {
    background-color: #0000;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-black\/0 {
      background-color: color-mix(in oklab, var(--color-black) 0%, transparent);
    }
  }

  .bg-black\/30 {
    background-color: #0000004d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-black\/30 {
      background-color: color-mix(in oklab, var(--color-black) 30%, transparent);
    }
  }

  .bg-black\/40 {
    background-color: #0006;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-black\/40 {
      background-color: color-mix(in oklab, var(--color-black) 40%, transparent);
    }
  }

  .bg-black\/50 {
    background-color: #00000080;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-black\/50 {
      background-color: color-mix(in oklab, var(--color-black) 50%, transparent);
    }
  }

  .bg-black\/60 {
    background-color: #0009;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-black\/60 {
      background-color: color-mix(in oklab, var(--color-black) 60%, transparent);
    }
  }

  .bg-black\/80 {
    background-color: #000c;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-black\/80 {
      background-color: color-mix(in oklab, var(--color-black) 80%, transparent);
    }
  }

  .bg-black\/90 {
    background-color: #000000e6;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-black\/90 {
      background-color: color-mix(in oklab, var(--color-black) 90%, transparent);
    }
  }

  .bg-emerald-100 {
    background-color: var(--color-emerald-100);
  }

  .bg-emerald-500 {
    background-color: var(--color-emerald-500);
  }

  .bg-gray-200 {
    background-color: var(--color-gray-200);
  }

  .bg-green-50 {
    background-color: var(--color-green-50);
  }

  .bg-green-100 {
    background-color: var(--color-green-100);
  }

  .bg-green-500 {
    background-color: var(--color-green-500);
  }

  .bg-ig-amber {
    background-color: var(--color-ig-amber);
  }

  .bg-ig-blue {
    background-color: var(--color-ig-blue);
  }

  .bg-ig-blue\/10 {
    background-color: #405de61a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-ig-blue\/10 {
      background-color: color-mix(in oklab, var(--color-ig-blue) 10%, transparent);
    }
  }

  .bg-ig-magenta\/10 {
    background-color: #c135841a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-ig-magenta\/10 {
      background-color: color-mix(in oklab, var(--color-ig-magenta) 10%, transparent);
    }
  }

  .bg-ig-orange {
    background-color: var(--color-ig-orange);
  }

  .bg-ig-orange\/10 {
    background-color: #f777371a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-ig-orange\/10 {
      background-color: color-mix(in oklab, var(--color-ig-orange) 10%, transparent);
    }
  }

  .bg-ig-orange\/70 {
    background-color: #f77737b3;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-ig-orange\/70 {
      background-color: color-mix(in oklab, var(--color-ig-orange) 70%, transparent);
    }
  }

  .bg-ig-pink {
    background-color: var(--color-ig-pink);
  }

  .bg-ig-pink\/5 {
    background-color: #e1306c0d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-ig-pink\/5 {
      background-color: color-mix(in oklab, var(--color-ig-pink) 5%, transparent);
    }
  }

  .bg-ig-pink\/10 {
    background-color: #e1306c1a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-ig-pink\/10 {
      background-color: color-mix(in oklab, var(--color-ig-pink) 10%, transparent);
    }
  }

  .bg-ig-pink\/15 {
    background-color: #e1306c26;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-ig-pink\/15 {
      background-color: color-mix(in oklab, var(--color-ig-pink) 15%, transparent);
    }
  }

  .bg-ig-pink\/70 {
    background-color: #e1306cb3;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-ig-pink\/70 {
      background-color: color-mix(in oklab, var(--color-ig-pink) 70%, transparent);
    }
  }

  .bg-ig-purple {
    background-color: var(--color-ig-purple);
  }

  .bg-ig-purple\/10 {
    background-color: #833ab41a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-ig-purple\/10 {
      background-color: color-mix(in oklab, var(--color-ig-purple) 10%, transparent);
    }
  }

  .bg-ig-purple\/80 {
    background-color: #833ab4cc;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-ig-purple\/80 {
      background-color: color-mix(in oklab, var(--color-ig-purple) 80%, transparent);
    }
  }

  .bg-ink-300 {
    background-color: var(--color-ink-300);
  }

  .bg-ink-400 {
    background-color: var(--color-ink-400);
  }

  .bg-ink-500 {
    background-color: var(--color-ink-500);
  }

  .bg-ink-500\/40 {
    background-color: #6b807c66;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-ink-500\/40 {
      background-color: color-mix(in oklab, var(--color-ink-500) 40%, transparent);
    }
  }

  .bg-ink-500\/50 {
    background-color: #6b807c80;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-ink-500\/50 {
      background-color: color-mix(in oklab, var(--color-ink-500) 50%, transparent);
    }
  }

  .bg-ink-700 {
    background-color: var(--color-ink-700);
  }

  .bg-ink-700\/40 {
    background-color: #1f454066;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-ink-700\/40 {
      background-color: color-mix(in oklab, var(--color-ink-700) 40%, transparent);
    }
  }

  .bg-ink-900 {
    background-color: var(--color-ink-900);
  }

  .bg-ink-900\/5 {
    background-color: #0b1f1c0d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-ink-900\/5 {
      background-color: color-mix(in oklab, var(--color-ink-900) 5%, transparent);
    }
  }

  .bg-ink-900\/10 {
    background-color: #0b1f1c1a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-ink-900\/10 {
      background-color: color-mix(in oklab, var(--color-ink-900) 10%, transparent);
    }
  }

  .bg-ink-900\/15 {
    background-color: #0b1f1c26;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-ink-900\/15 {
      background-color: color-mix(in oklab, var(--color-ink-900) 15%, transparent);
    }
  }

  .bg-ink-900\/40 {
    background-color: #0b1f1c66;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-ink-900\/40 {
      background-color: color-mix(in oklab, var(--color-ink-900) 40%, transparent);
    }
  }

  .bg-ink-900\/45 {
    background-color: #0b1f1c73;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-ink-900\/45 {
      background-color: color-mix(in oklab, var(--color-ink-900) 45%, transparent);
    }
  }

  .bg-ink-900\/50 {
    background-color: #0b1f1c80;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-ink-900\/50 {
      background-color: color-mix(in oklab, var(--color-ink-900) 50%, transparent);
    }
  }

  .bg-ink-900\/70 {
    background-color: #0b1f1cb3;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-ink-900\/70 {
      background-color: color-mix(in oklab, var(--color-ink-900) 70%, transparent);
    }
  }

  .bg-ink-950 {
    background-color: var(--color-ink-950);
  }

  .bg-ink-950\/0 {
    background-color: #0000;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-ink-950\/0 {
      background-color: color-mix(in oklab, var(--color-ink-950) 0%, transparent);
    }
  }

  .bg-ink-950\/45 {
    background-color: #070d0c73;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-ink-950\/45 {
      background-color: color-mix(in oklab, var(--color-ink-950) 45%, transparent);
    }
  }

  .bg-ink-950\/50 {
    background-color: #070d0c80;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-ink-950\/50 {
      background-color: color-mix(in oklab, var(--color-ink-950) 50%, transparent);
    }
  }

  .bg-ink-950\/55 {
    background-color: #070d0c8c;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-ink-950\/55 {
      background-color: color-mix(in oklab, var(--color-ink-950) 55%, transparent);
    }
  }

  .bg-paper-0 {
    background-color: var(--color-paper-0);
  }

  .bg-paper-0\/5 {
    background-color: #fbfaf60d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-paper-0\/5 {
      background-color: color-mix(in oklab, var(--color-paper-0) 5%, transparent);
    }
  }

  .bg-paper-0\/8 {
    background-color: #fbfaf614;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-paper-0\/8 {
      background-color: color-mix(in oklab, var(--color-paper-0) 8%, transparent);
    }
  }

  .bg-paper-0\/10 {
    background-color: #fbfaf61a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-paper-0\/10 {
      background-color: color-mix(in oklab, var(--color-paper-0) 10%, transparent);
    }
  }

  .bg-paper-0\/12 {
    background-color: #fbfaf61f;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-paper-0\/12 {
      background-color: color-mix(in oklab, var(--color-paper-0) 12%, transparent);
    }
  }

  .bg-paper-0\/15 {
    background-color: #fbfaf626;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-paper-0\/15 {
      background-color: color-mix(in oklab, var(--color-paper-0) 15%, transparent);
    }
  }

  .bg-paper-0\/20 {
    background-color: #fbfaf633;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-paper-0\/20 {
      background-color: color-mix(in oklab, var(--color-paper-0) 20%, transparent);
    }
  }

  .bg-paper-0\/25 {
    background-color: #fbfaf640;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-paper-0\/25 {
      background-color: color-mix(in oklab, var(--color-paper-0) 25%, transparent);
    }
  }

  .bg-paper-0\/30 {
    background-color: #fbfaf64d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-paper-0\/30 {
      background-color: color-mix(in oklab, var(--color-paper-0) 30%, transparent);
    }
  }

  .bg-paper-0\/40 {
    background-color: #fbfaf666;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-paper-0\/40 {
      background-color: color-mix(in oklab, var(--color-paper-0) 40%, transparent);
    }
  }

  .bg-paper-0\/50 {
    background-color: #fbfaf680;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-paper-0\/50 {
      background-color: color-mix(in oklab, var(--color-paper-0) 50%, transparent);
    }
  }

  .bg-paper-0\/60 {
    background-color: #fbfaf699;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-paper-0\/60 {
      background-color: color-mix(in oklab, var(--color-paper-0) 60%, transparent);
    }
  }

  .bg-paper-0\/70 {
    background-color: #fbfaf6b3;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-paper-0\/70 {
      background-color: color-mix(in oklab, var(--color-paper-0) 70%, transparent);
    }
  }

  .bg-paper-0\/80 {
    background-color: #fbfaf6cc;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-paper-0\/80 {
      background-color: color-mix(in oklab, var(--color-paper-0) 80%, transparent);
    }
  }

  .bg-paper-0\/90 {
    background-color: #fbfaf6e6;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-paper-0\/90 {
      background-color: color-mix(in oklab, var(--color-paper-0) 90%, transparent);
    }
  }

  .bg-paper-0\/95 {
    background-color: #fbfaf6f2;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-paper-0\/95 {
      background-color: color-mix(in oklab, var(--color-paper-0) 95%, transparent);
    }
  }

  .bg-paper-50 {
    background-color: var(--color-paper-50);
  }

  .bg-paper-50\/30 {
    background-color: #f5f3ec4d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-paper-50\/30 {
      background-color: color-mix(in oklab, var(--color-paper-50) 30%, transparent);
    }
  }

  .bg-paper-50\/40 {
    background-color: #f5f3ec66;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-paper-50\/40 {
      background-color: color-mix(in oklab, var(--color-paper-50) 40%, transparent);
    }
  }

  .bg-paper-50\/50 {
    background-color: #f5f3ec80;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-paper-50\/50 {
      background-color: color-mix(in oklab, var(--color-paper-50) 50%, transparent);
    }
  }

  .bg-paper-50\/60 {
    background-color: #f5f3ec99;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-paper-50\/60 {
      background-color: color-mix(in oklab, var(--color-paper-50) 60%, transparent);
    }
  }

  .bg-paper-50\/70 {
    background-color: #f5f3ecb3;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-paper-50\/70 {
      background-color: color-mix(in oklab, var(--color-paper-50) 70%, transparent);
    }
  }

  .bg-paper-50\/80 {
    background-color: #f5f3eccc;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-paper-50\/80 {
      background-color: color-mix(in oklab, var(--color-paper-50) 80%, transparent);
    }
  }

  .bg-paper-50\/90 {
    background-color: #f5f3ece6;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-paper-50\/90 {
      background-color: color-mix(in oklab, var(--color-paper-50) 90%, transparent);
    }
  }

  .bg-paper-100 {
    background-color: var(--color-paper-100);
  }

  .bg-paper-100\/90 {
    background-color: #efebe0e6;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-paper-100\/90 {
      background-color: color-mix(in oklab, var(--color-paper-100) 90%, transparent);
    }
  }

  .bg-paper-200 {
    background-color: var(--color-paper-200);
  }

  .bg-paper-300 {
    background-color: var(--color-paper-300);
  }

  .bg-red-50 {
    background-color: var(--color-red-50);
  }

  .bg-red-100 {
    background-color: var(--color-red-100);
  }

  .bg-red-500 {
    background-color: var(--color-red-500);
  }

  .bg-red-500\/25 {
    background-color: #fb2c3640;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-red-500\/25 {
      background-color: color-mix(in oklab, var(--color-red-500) 25%, transparent);
    }
  }

  .bg-red-600 {
    background-color: var(--color-red-600);
  }

  .bg-rose-50 {
    background-color: var(--color-rose-50);
  }

  .bg-rose-600 {
    background-color: var(--color-rose-600);
  }

  .bg-sky-50 {
    background-color: var(--color-sky-50);
  }

  .bg-transparent {
    background-color: #0000;
  }

  .bg-wa-bubble {
    background-color: var(--color-wa-bubble);
  }

  .bg-wa-bubble\/20 {
    background-color: #e7ffdb33;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-wa-bubble\/20 {
      background-color: color-mix(in oklab, var(--color-wa-bubble) 20%, transparent);
    }
  }

  .bg-wa-bubble\/30 {
    background-color: #e7ffdb4d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-wa-bubble\/30 {
      background-color: color-mix(in oklab, var(--color-wa-bubble) 30%, transparent);
    }
  }

  .bg-wa-bubble\/40 {
    background-color: #e7ffdb66;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-wa-bubble\/40 {
      background-color: color-mix(in oklab, var(--color-wa-bubble) 40%, transparent);
    }
  }

  .bg-wa-bubble\/50 {
    background-color: #e7ffdb80;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-wa-bubble\/50 {
      background-color: color-mix(in oklab, var(--color-wa-bubble) 50%, transparent);
    }
  }

  .bg-wa-bubble\/60 {
    background-color: #e7ffdb99;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-wa-bubble\/60 {
      background-color: color-mix(in oklab, var(--color-wa-bubble) 60%, transparent);
    }
  }

  .bg-wa-bubble\/70 {
    background-color: #e7ffdbb3;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-wa-bubble\/70 {
      background-color: color-mix(in oklab, var(--color-wa-bubble) 70%, transparent);
    }
  }

  .bg-wa-chat {
    background-color: var(--color-wa-chat);
  }

  .bg-wa-deep {
    background-color: var(--color-wa-deep);
  }

  .bg-wa-deep\/0 {
    background-color: #0000;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-wa-deep\/0 {
      background-color: color-mix(in oklab, var(--color-wa-deep) 0%, transparent);
    }
  }

  .bg-wa-deep\/5 {
    background-color: #075e540d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-wa-deep\/5 {
      background-color: color-mix(in oklab, var(--color-wa-deep) 5%, transparent);
    }
  }

  .bg-wa-deep\/8 {
    background-color: #075e5414;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-wa-deep\/8 {
      background-color: color-mix(in oklab, var(--color-wa-deep) 8%, transparent);
    }
  }

  .bg-wa-deep\/10 {
    background-color: #075e541a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-wa-deep\/10 {
      background-color: color-mix(in oklab, var(--color-wa-deep) 10%, transparent);
    }
  }

  .bg-wa-deep\/15 {
    background-color: #075e5426;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-wa-deep\/15 {
      background-color: color-mix(in oklab, var(--color-wa-deep) 15%, transparent);
    }
  }

  .bg-wa-deep\/30 {
    background-color: #075e544d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-wa-deep\/30 {
      background-color: color-mix(in oklab, var(--color-wa-deep) 30%, transparent);
    }
  }

  .bg-wa-deep\/40 {
    background-color: #075e5466;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-wa-deep\/40 {
      background-color: color-mix(in oklab, var(--color-wa-deep) 40%, transparent);
    }
  }

  .bg-wa-deep\/50 {
    background-color: #075e5480;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-wa-deep\/50 {
      background-color: color-mix(in oklab, var(--color-wa-deep) 50%, transparent);
    }
  }

  .bg-wa-deep\/60 {
    background-color: #075e5499;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-wa-deep\/60 {
      background-color: color-mix(in oklab, var(--color-wa-deep) 60%, transparent);
    }
  }

  .bg-wa-deep\/70 {
    background-color: #075e54b3;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-wa-deep\/70 {
      background-color: color-mix(in oklab, var(--color-wa-deep) 70%, transparent);
    }
  }

  .bg-wa-deep\/80 {
    background-color: #075e54cc;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-wa-deep\/80 {
      background-color: color-mix(in oklab, var(--color-wa-deep) 80%, transparent);
    }
  }

  .bg-wa-deep\/85 {
    background-color: #075e54d9;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-wa-deep\/85 {
      background-color: color-mix(in oklab, var(--color-wa-deep) 85%, transparent);
    }
  }

  .bg-wa-green {
    background-color: var(--color-wa-green);
  }

  .bg-wa-green\/10 {
    background-color: #25d3661a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-wa-green\/10 {
      background-color: color-mix(in oklab, var(--color-wa-green) 10%, transparent);
    }
  }

  .bg-wa-green\/15 {
    background-color: #25d36626;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-wa-green\/15 {
      background-color: color-mix(in oklab, var(--color-wa-green) 15%, transparent);
    }
  }

  .bg-wa-green\/20 {
    background-color: #25d36633;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-wa-green\/20 {
      background-color: color-mix(in oklab, var(--color-wa-green) 20%, transparent);
    }
  }

  .bg-wa-green\/25 {
    background-color: #25d36640;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-wa-green\/25 {
      background-color: color-mix(in oklab, var(--color-wa-green) 25%, transparent);
    }
  }

  .bg-wa-green\/30 {
    background-color: #25d3664d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-wa-green\/30 {
      background-color: color-mix(in oklab, var(--color-wa-green) 30%, transparent);
    }
  }

  .bg-wa-green\/40 {
    background-color: #25d36666;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-wa-green\/40 {
      background-color: color-mix(in oklab, var(--color-wa-green) 40%, transparent);
    }
  }

  .bg-wa-green\/50 {
    background-color: #25d36680;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-wa-green\/50 {
      background-color: color-mix(in oklab, var(--color-wa-green) 50%, transparent);
    }
  }

  .bg-wa-green\/60 {
    background-color: #25d36699;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-wa-green\/60 {
      background-color: color-mix(in oklab, var(--color-wa-green) 60%, transparent);
    }
  }

  .bg-wa-green\/70 {
    background-color: #25d366b3;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-wa-green\/70 {
      background-color: color-mix(in oklab, var(--color-wa-green) 70%, transparent);
    }
  }

  .bg-wa-green\/80 {
    background-color: #25d366cc;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-wa-green\/80 {
      background-color: color-mix(in oklab, var(--color-wa-green) 80%, transparent);
    }
  }

  .bg-wa-green\/90 {
    background-color: #25d366e6;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-wa-green\/90 {
      background-color: color-mix(in oklab, var(--color-wa-green) 90%, transparent);
    }
  }

  .bg-wa-mint {
    background-color: var(--color-wa-mint);
  }

  .bg-wa-mint\/10 {
    background-color: #dcf8c61a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-wa-mint\/10 {
      background-color: color-mix(in oklab, var(--color-wa-mint) 10%, transparent);
    }
  }

  .bg-wa-mint\/15 {
    background-color: #dcf8c626;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-wa-mint\/15 {
      background-color: color-mix(in oklab, var(--color-wa-mint) 15%, transparent);
    }
  }

  .bg-wa-mint\/20 {
    background-color: #dcf8c633;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-wa-mint\/20 {
      background-color: color-mix(in oklab, var(--color-wa-mint) 20%, transparent);
    }
  }

  .bg-wa-mint\/30 {
    background-color: #dcf8c64d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-wa-mint\/30 {
      background-color: color-mix(in oklab, var(--color-wa-mint) 30%, transparent);
    }
  }

  .bg-wa-mint\/35 {
    background-color: #dcf8c659;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-wa-mint\/35 {
      background-color: color-mix(in oklab, var(--color-wa-mint) 35%, transparent);
    }
  }

  .bg-wa-mint\/40 {
    background-color: #dcf8c666;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-wa-mint\/40 {
      background-color: color-mix(in oklab, var(--color-wa-mint) 40%, transparent);
    }
  }

  .bg-wa-mint\/45 {
    background-color: #dcf8c673;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-wa-mint\/45 {
      background-color: color-mix(in oklab, var(--color-wa-mint) 45%, transparent);
    }
  }

  .bg-wa-mint\/50 {
    background-color: #dcf8c680;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-wa-mint\/50 {
      background-color: color-mix(in oklab, var(--color-wa-mint) 50%, transparent);
    }
  }

  .bg-wa-mint\/55 {
    background-color: #dcf8c68c;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-wa-mint\/55 {
      background-color: color-mix(in oklab, var(--color-wa-mint) 55%, transparent);
    }
  }

  .bg-wa-mint\/60 {
    background-color: #dcf8c699;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-wa-mint\/60 {
      background-color: color-mix(in oklab, var(--color-wa-mint) 60%, transparent);
    }
  }

  .bg-wa-mint\/70 {
    background-color: #dcf8c6b3;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-wa-mint\/70 {
      background-color: color-mix(in oklab, var(--color-wa-mint) 70%, transparent);
    }
  }

  .bg-wa-teal {
    background-color: var(--color-wa-teal);
  }

  .bg-wa-teal\/15 {
    background-color: #128c7e26;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-wa-teal\/15 {
      background-color: color-mix(in oklab, var(--color-wa-teal) 15%, transparent);
    }
  }

  .bg-white {
    background-color: var(--color-white);
  }

  .bg-white\/5 {
    background-color: #ffffff0d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/5 {
      background-color: color-mix(in oklab, var(--color-white) 5%, transparent);
    }
  }

  .bg-white\/10 {
    background-color: #ffffff1a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/10 {
      background-color: color-mix(in oklab, var(--color-white) 10%, transparent);
    }
  }

  .bg-white\/15 {
    background-color: #ffffff26;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/15 {
      background-color: color-mix(in oklab, var(--color-white) 15%, transparent);
    }
  }

  .bg-white\/20 {
    background-color: #fff3;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/20 {
      background-color: color-mix(in oklab, var(--color-white) 20%, transparent);
    }
  }

  .bg-white\/25 {
    background-color: #ffffff40;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/25 {
      background-color: color-mix(in oklab, var(--color-white) 25%, transparent);
    }
  }

  .bg-white\/60 {
    background-color: #fff9;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/60 {
      background-color: color-mix(in oklab, var(--color-white) 60%, transparent);
    }
  }

  .bg-white\/70 {
    background-color: #ffffffb3;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/70 {
      background-color: color-mix(in oklab, var(--color-white) 70%, transparent);
    }
  }

  .bg-white\/80 {
    background-color: #fffc;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/80 {
      background-color: color-mix(in oklab, var(--color-white) 80%, transparent);
    }
  }

  .bg-white\/85 {
    background-color: #ffffffd9;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/85 {
      background-color: color-mix(in oklab, var(--color-white) 85%, transparent);
    }
  }

  .bg-white\/92 {
    background-color: #ffffffeb;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/92 {
      background-color: color-mix(in oklab, var(--color-white) 92%, transparent);
    }
  }

  .bg-white\/\[0\.03\] {
    background-color: #ffffff08;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/\[0\.03\] {
      background-color: color-mix(in oklab, var(--color-white) 3%, transparent);
    }
  }

  .bg-white\/\[0\.04\] {
    background-color: #ffffff0a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/\[0\.04\] {
      background-color: color-mix(in oklab, var(--color-white) 4%, transparent);
    }
  }

  .bg-zinc-100 {
    background-color: var(--color-zinc-100);
  }

  .bg-gradient-to-b {
    --tw-gradient-position: to bottom in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
  }

  .bg-gradient-to-br {
    --tw-gradient-position: to bottom right in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
  }

  .bg-gradient-to-r {
    --tw-gradient-position: to right in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
  }

  .bg-gradient-to-t {
    --tw-gradient-position: to top in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
  }

  .\[background-image\:radial-gradient\(circle_at_1px_1px\,rgba\(255\,255\,255\,0\.10\)_1px\,transparent_0\)\] {
    background-image: radial-gradient(circle at 1px 1px, #ffffff1a 1px, #0000 0);
  }

  .\[background-image\:radial-gradient\(rgba\(7\,94\,84\,0\.06\)_1px\,transparent_1px\)\] {
    background-image: radial-gradient(#075e540f 1px, #0000 1px);
  }

  .\[background-image\:radial-gradient\(rgba\(7\,94\,84\,0\.08\)_1px\,transparent_1px\)\] {
    background-image: radial-gradient(#075e5414 1px, #0000 1px);
  }

  .\[background-image\:radial-gradient\(rgba\(7\,94\,84\,0\.12\)_1px\,transparent_1px\)\] {
    background-image: radial-gradient(#075e541f 1px, #0000 1px);
  }

  .bg-\[linear-gradient\(135deg\,var\(--color-wa-mint\)_0\%\,var\(--color-paper-0\)_50\%\,\#DFF1ED_100\%\)\] {
    background-image: linear-gradient(135deg,var(--color-wa-mint) 0%,var(--color-paper-0) 50%,#dff1ed 100%);
  }

  .bg-\[radial-gradient\(circle\,rgba\(37\,211\,102\,0\.4\)_0\%\,transparent_60\%\)\] {
    background-image: radial-gradient(circle, #25d36666 0%, #0000 60%);
  }

  .bg-\[radial-gradient\(circle_at_1px_1px\,rgba\(7\,94\,84\,0\.09\)_1px\,transparent_0\)\] {
    background-image: radial-gradient(circle at 1px 1px, #075e5417 1px, #0000 0);
  }

  .bg-\[radial-gradient\(circle_at_18\%_22\%\,rgba\(21\,40\,31\,0\.06\)_0_1px\,transparent_1px\)\,radial-gradient\(circle_at_72\%_64\%\,rgba\(21\,40\,31\,0\.06\)_0_1px\,transparent_1px\)\] {
    background-image: radial-gradient(circle at 18% 22%, #15281f0f 0 1px, #0000 1px), radial-gradient(circle at 72% 64%, #15281f0f 0 1px, #0000 1px);
  }

  .bg-\[repeating-linear-gradient\(135deg\,rgba\(7\,94\,84\,0\.05\)_0_6px\,transparent_6px_12px\)\] {
    background-image: repeating-linear-gradient(135deg, #075e540d 0 6px, #0000 6px 12px);
  }

  .from-\[\#5B3D8A\] {
    --tw-gradient-from: #5b3d8a;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-\[\#7B5A14\] {
    --tw-gradient-from: #7b5a14;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-\[\#7B61FF\] {
    --tw-gradient-from: #7b61ff;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-\[\#833AB4\] {
    --tw-gradient-from: #833ab4;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-\[\#0866FF\] {
    --tw-gradient-from: #0866ff;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-\[\#4285F4\] {
    --tw-gradient-from: #4285f4;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-\[\#13478A\] {
    --tw-gradient-from: #13478a;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-\[\#EAF6FC\] {
    --tw-gradient-from: #eaf6fc;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-accent-amber {
    --tw-gradient-from: var(--color-accent-amber);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-accent-coral {
    --tw-gradient-from: var(--color-accent-coral);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-accent-coral\/80 {
    --tw-gradient-from: #e87a5dcc;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .from-accent-coral\/80 {
      --tw-gradient-from: color-mix(in oklab, var(--color-accent-coral) 80%, transparent);
    }
  }

  .from-accent-coral\/80 {
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-accent-plum {
    --tw-gradient-from: var(--color-accent-plum);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-black\/70 {
    --tw-gradient-from: #000000b3;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .from-black\/70 {
      --tw-gradient-from: color-mix(in oklab, var(--color-black) 70%, transparent);
    }
  }

  .from-black\/70 {
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-black\/80 {
    --tw-gradient-from: #000c;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .from-black\/80 {
      --tw-gradient-from: color-mix(in oklab, var(--color-black) 80%, transparent);
    }
  }

  .from-black\/80 {
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-ig-amber {
    --tw-gradient-from: var(--color-ig-amber);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-ig-blue {
    --tw-gradient-from: var(--color-ig-blue);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-ig-magenta {
    --tw-gradient-from: var(--color-ig-magenta);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-ig-orange {
    --tw-gradient-from: var(--color-ig-orange);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-ig-pink {
    --tw-gradient-from: var(--color-ig-pink);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-ig-purple {
    --tw-gradient-from: var(--color-ig-purple);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-ig-red {
    --tw-gradient-from: var(--color-ig-red);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-transparent {
    --tw-gradient-from: transparent;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-wa-deep {
    --tw-gradient-from: var(--color-wa-deep);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-wa-green {
    --tw-gradient-from: var(--color-wa-green);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-wa-green\/0 {
    --tw-gradient-from: #0000;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .from-wa-green\/0 {
      --tw-gradient-from: color-mix(in oklab, var(--color-wa-green) 0%, transparent);
    }
  }

  .from-wa-green\/0 {
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-wa-mint {
    --tw-gradient-from: var(--color-wa-mint);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-wa-teal {
    --tw-gradient-from: var(--color-wa-teal);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-white {
    --tw-gradient-from: var(--color-white);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .via-\[\#E1306C\] {
    --tw-gradient-via: #e1306c;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }

  .via-accent-amber {
    --tw-gradient-via: var(--color-accent-amber);
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }

  .via-accent-amber\/80 {
    --tw-gradient-via: #e5a04ecc;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .via-accent-amber\/80 {
      --tw-gradient-via: color-mix(in oklab, var(--color-accent-amber) 80%, transparent);
    }
  }

  .via-accent-amber\/80 {
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }

  .via-accent-sand {
    --tw-gradient-via: var(--color-accent-sand);
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }

  .via-ig-magenta {
    --tw-gradient-via: var(--color-ig-magenta);
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }

  .via-wa-green {
    --tw-gradient-via: var(--color-wa-green);
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }

  .via-wa-green\/30 {
    --tw-gradient-via: #25d3664d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .via-wa-green\/30 {
      --tw-gradient-via: color-mix(in oklab, var(--color-wa-green) 30%, transparent);
    }
  }

  .via-wa-green\/30 {
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }

  .via-wa-green\/60 {
    --tw-gradient-via: #25d36699;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .via-wa-green\/60 {
      --tw-gradient-via: color-mix(in oklab, var(--color-wa-green) 60%, transparent);
    }
  }

  .via-wa-green\/60 {
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }

  .via-wa-teal {
    --tw-gradient-via: var(--color-wa-teal);
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }

  .via-white\/70 {
    --tw-gradient-via: #ffffffb3;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .via-white\/70 {
      --tw-gradient-via: color-mix(in oklab, var(--color-white) 70%, transparent);
    }
  }

  .via-white\/70 {
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }

  .to-\[\#0B1F1C\] {
    --tw-gradient-to: #0b1f1c;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .to-\[\#5B3D8A\] {
    --tw-gradient-to: #5b3d8a;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .to-\[\#7B5A14\] {
    --tw-gradient-to: #7b5a14;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .to-\[\#9B72CB\] {
    --tw-gradient-to: #9b72cb;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .to-\[\#0064E0\] {
    --tw-gradient-to: #0064e0;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .to-\[\#13478A\] {
    --tw-gradient-to: #13478a;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .to-\[\#A1431F\] {
    --tw-gradient-to: #a1431f;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .to-\[\#F77737\] {
    --tw-gradient-to: #f77737;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .to-accent-amber {
    --tw-gradient-to: var(--color-accent-amber);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .to-accent-coral {
    --tw-gradient-to: var(--color-accent-coral);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .to-ig-amber {
    --tw-gradient-to: var(--color-ig-amber);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .to-ig-magenta {
    --tw-gradient-to: var(--color-ig-magenta);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .to-ig-orange {
    --tw-gradient-to: var(--color-ig-orange);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .to-ig-pink {
    --tw-gradient-to: var(--color-ig-pink);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .to-ig-purple {
    --tw-gradient-to: var(--color-ig-purple);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .to-ig-red {
    --tw-gradient-to: var(--color-ig-red);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .to-ink-900 {
    --tw-gradient-to: var(--color-ink-900);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .to-ink-950 {
    --tw-gradient-to: var(--color-ink-950);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .to-paper-0 {
    --tw-gradient-to: var(--color-paper-0);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .to-paper-200 {
    --tw-gradient-to: var(--color-paper-200);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .to-transparent {
    --tw-gradient-to: transparent;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .to-wa-bubble {
    --tw-gradient-to: var(--color-wa-bubble);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .to-wa-deep {
    --tw-gradient-to: var(--color-wa-deep);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .to-wa-deep\/0 {
    --tw-gradient-to: #0000;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .to-wa-deep\/0 {
      --tw-gradient-to: color-mix(in oklab, var(--color-wa-deep) 0%, transparent);
    }
  }

  .to-wa-deep\/0 {
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .to-wa-green {
    --tw-gradient-to: var(--color-wa-green);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .to-wa-green\/80 {
    --tw-gradient-to: #25d366cc;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .to-wa-green\/80 {
      --tw-gradient-to: color-mix(in oklab, var(--color-wa-green) 80%, transparent);
    }
  }

  .to-wa-green\/80 {
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .to-wa-teal {
    --tw-gradient-to: var(--color-wa-teal);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .\[background-size\:12px_12px\] {
    background-size: 12px 12px;
  }

  .bg-\[length\:14px_14px\] {
    background-size: 14px 14px;
  }

  .bg-\[length\:16px_16px\] {
    background-size: 16px 16px;
  }

  .bg-\[length\:18px_18px\] {
    background-size: 18px 18px;
  }

  .bg-\[length\:28px_28px\] {
    background-size: 28px 28px;
  }

  .bg-cover {
    background-size: cover;
  }

  .bg-center {
    background-position: center;
  }

  .object-contain {
    object-fit: contain;
  }

  .object-cover {
    object-fit: cover;
  }

  .p-0 {
    padding: calc(var(--spacing) * 0);
  }

  .p-0\.5 {
    padding: calc(var(--spacing) * .5);
  }

  .p-1 {
    padding: calc(var(--spacing) * 1);
  }

  .p-1\.5 {
    padding: calc(var(--spacing) * 1.5);
  }

  .p-2 {
    padding: calc(var(--spacing) * 2);
  }

  .p-2\.5 {
    padding: calc(var(--spacing) * 2.5);
  }

  .p-3 {
    padding: calc(var(--spacing) * 3);
  }

  .p-3\.5 {
    padding: calc(var(--spacing) * 3.5);
  }

  .p-4 {
    padding: calc(var(--spacing) * 4);
  }

  .p-5 {
    padding: calc(var(--spacing) * 5);
  }

  .p-6 {
    padding: calc(var(--spacing) * 6);
  }

  .p-7 {
    padding: calc(var(--spacing) * 7);
  }

  .p-8 {
    padding: calc(var(--spacing) * 8);
  }

  .p-9 {
    padding: calc(var(--spacing) * 9);
  }

  .p-10 {
    padding: calc(var(--spacing) * 10);
  }

  .p-12 {
    padding: calc(var(--spacing) * 12);
  }

  .p-14 {
    padding: calc(var(--spacing) * 14);
  }

  .p-\[3px\] {
    padding: 3px;
  }

  .p-\[7px\] {
    padding: 7px;
  }

  .p-\[18px\] {
    padding: 18px;
  }

  .\!px-1\.5 {
    padding-inline: calc(var(--spacing) * 1.5) !important;
  }

  .\!px-2 {
    padding-inline: calc(var(--spacing) * 2) !important;
  }

  .px-0 {
    padding-inline: calc(var(--spacing) * 0);
  }

  .px-0\.5 {
    padding-inline: calc(var(--spacing) * .5);
  }

  .px-1 {
    padding-inline: calc(var(--spacing) * 1);
  }

  .px-1\.5 {
    padding-inline: calc(var(--spacing) * 1.5);
  }

  .px-2 {
    padding-inline: calc(var(--spacing) * 2);
  }

  .px-2\.5 {
    padding-inline: calc(var(--spacing) * 2.5);
  }

  .px-3 {
    padding-inline: calc(var(--spacing) * 3);
  }

  .px-3\.5 {
    padding-inline: calc(var(--spacing) * 3.5);
  }

  .px-4 {
    padding-inline: calc(var(--spacing) * 4);
  }

  .px-5 {
    padding-inline: calc(var(--spacing) * 5);
  }

  .px-6 {
    padding-inline: calc(var(--spacing) * 6);
  }

  .px-7 {
    padding-inline: calc(var(--spacing) * 7);
  }

  .px-8 {
    padding-inline: calc(var(--spacing) * 8);
  }

  .px-12 {
    padding-inline: calc(var(--spacing) * 12);
  }

  .px-\[7px\] {
    padding-inline: 7px;
  }

  .px-\[9px\] {
    padding-inline: 9px;
  }

  .px-\[11px\] {
    padding-inline: 11px;
  }

  .px-\[18px\] {
    padding-inline: 18px;
  }

  .\!py-0 {
    padding-block: calc(var(--spacing) * 0) !important;
  }

  .\!py-0\.5 {
    padding-block: calc(var(--spacing) * .5) !important;
  }

  .\!py-2 {
    padding-block: calc(var(--spacing) * 2) !important;
  }

  .py-0 {
    padding-block: calc(var(--spacing) * 0);
  }

  .py-0\.5 {
    padding-block: calc(var(--spacing) * .5);
  }

  .py-1 {
    padding-block: calc(var(--spacing) * 1);
  }

  .py-1\.5 {
    padding-block: calc(var(--spacing) * 1.5);
  }

  .py-2 {
    padding-block: calc(var(--spacing) * 2);
  }

  .py-2\.5 {
    padding-block: calc(var(--spacing) * 2.5);
  }

  .py-3 {
    padding-block: calc(var(--spacing) * 3);
  }

  .py-3\.5 {
    padding-block: calc(var(--spacing) * 3.5);
  }

  .py-4 {
    padding-block: calc(var(--spacing) * 4);
  }

  .py-5 {
    padding-block: calc(var(--spacing) * 5);
  }

  .py-6 {
    padding-block: calc(var(--spacing) * 6);
  }

  .py-7 {
    padding-block: calc(var(--spacing) * 7);
  }

  .py-8 {
    padding-block: calc(var(--spacing) * 8);
  }

  .py-10 {
    padding-block: calc(var(--spacing) * 10);
  }

  .py-12 {
    padding-block: calc(var(--spacing) * 12);
  }

  .py-14 {
    padding-block: calc(var(--spacing) * 14);
  }

  .py-16 {
    padding-block: calc(var(--spacing) * 16);
  }

  .py-20 {
    padding-block: calc(var(--spacing) * 20);
  }

  .py-24 {
    padding-block: calc(var(--spacing) * 24);
  }

  .py-28 {
    padding-block: calc(var(--spacing) * 28);
  }

  .py-\[1px\] {
    padding-block: 1px;
  }

  .py-\[2px\] {
    padding-block: 2px;
  }

  .py-\[3px\] {
    padding-block: 3px;
  }

  .py-\[5px\] {
    padding-block: 5px;
  }

  .py-\[6px\] {
    padding-block: 6px;
  }

  .py-\[7px\] {
    padding-block: 7px;
  }

  .py-\[8px\] {
    padding-block: 8px;
  }

  .py-\[9px\] {
    padding-block: 9px;
  }

  .py-\[18px\] {
    padding-block: 18px;
  }

  .py-px {
    padding-block: 1px;
  }

  .ps-5 {
    padding-inline-start: calc(var(--spacing) * 5);
  }

  .pt-0\.5 {
    padding-top: calc(var(--spacing) * .5);
  }

  .pt-1 {
    padding-top: calc(var(--spacing) * 1);
  }

  .pt-1\.5 {
    padding-top: calc(var(--spacing) * 1.5);
  }

  .pt-2 {
    padding-top: calc(var(--spacing) * 2);
  }

  .pt-2\.5 {
    padding-top: calc(var(--spacing) * 2.5);
  }

  .pt-3 {
    padding-top: calc(var(--spacing) * 3);
  }

  .pt-4 {
    padding-top: calc(var(--spacing) * 4);
  }

  .pt-5 {
    padding-top: calc(var(--spacing) * 5);
  }

  .pt-6 {
    padding-top: calc(var(--spacing) * 6);
  }

  .pt-7 {
    padding-top: calc(var(--spacing) * 7);
  }

  .pt-8 {
    padding-top: calc(var(--spacing) * 8);
  }

  .pt-10 {
    padding-top: calc(var(--spacing) * 10);
  }

  .pt-12 {
    padding-top: calc(var(--spacing) * 12);
  }

  .pt-16 {
    padding-top: calc(var(--spacing) * 16);
  }

  .pt-20 {
    padding-top: calc(var(--spacing) * 20);
  }

  .pt-24 {
    padding-top: calc(var(--spacing) * 24);
  }

  .pt-\[12vh\] {
    padding-top: 12vh;
  }

  .pr-0\.5 {
    padding-right: calc(var(--spacing) * .5);
  }

  .pr-1 {
    padding-right: calc(var(--spacing) * 1);
  }

  .pr-1\.5 {
    padding-right: calc(var(--spacing) * 1.5);
  }

  .pr-2 {
    padding-right: calc(var(--spacing) * 2);
  }

  .pr-2\.5 {
    padding-right: calc(var(--spacing) * 2.5);
  }

  .pr-3 {
    padding-right: calc(var(--spacing) * 3);
  }

  .pr-4 {
    padding-right: calc(var(--spacing) * 4);
  }

  .pr-5 {
    padding-right: calc(var(--spacing) * 5);
  }

  .pr-8 {
    padding-right: calc(var(--spacing) * 8);
  }

  .pr-9 {
    padding-right: calc(var(--spacing) * 9);
  }

  .pr-10 {
    padding-right: calc(var(--spacing) * 10);
  }

  .pr-12 {
    padding-right: calc(var(--spacing) * 12);
  }

  .pr-28 {
    padding-right: calc(var(--spacing) * 28);
  }

  .pb-1 {
    padding-bottom: calc(var(--spacing) * 1);
  }

  .pb-1\.5 {
    padding-bottom: calc(var(--spacing) * 1.5);
  }

  .pb-2 {
    padding-bottom: calc(var(--spacing) * 2);
  }

  .pb-2\.5 {
    padding-bottom: calc(var(--spacing) * 2.5);
  }

  .pb-3 {
    padding-bottom: calc(var(--spacing) * 3);
  }

  .pb-4 {
    padding-bottom: calc(var(--spacing) * 4);
  }

  .pb-5 {
    padding-bottom: calc(var(--spacing) * 5);
  }

  .pb-6 {
    padding-bottom: calc(var(--spacing) * 6);
  }

  .pb-7 {
    padding-bottom: calc(var(--spacing) * 7);
  }

  .pb-8 {
    padding-bottom: calc(var(--spacing) * 8);
  }

  .pb-10 {
    padding-bottom: calc(var(--spacing) * 10);
  }

  .pb-12 {
    padding-bottom: calc(var(--spacing) * 12);
  }

  .pb-14 {
    padding-bottom: calc(var(--spacing) * 14);
  }

  .pb-16 {
    padding-bottom: calc(var(--spacing) * 16);
  }

  .pb-20 {
    padding-bottom: calc(var(--spacing) * 20);
  }

  .pb-24 {
    padding-bottom: calc(var(--spacing) * 24);
  }

  .pl-1 {
    padding-left: calc(var(--spacing) * 1);
  }

  .pl-1\.5 {
    padding-left: calc(var(--spacing) * 1.5);
  }

  .pl-2 {
    padding-left: calc(var(--spacing) * 2);
  }

  .pl-2\.5 {
    padding-left: calc(var(--spacing) * 2.5);
  }

  .pl-3 {
    padding-left: calc(var(--spacing) * 3);
  }

  .pl-3\.5 {
    padding-left: calc(var(--spacing) * 3.5);
  }

  .pl-4 {
    padding-left: calc(var(--spacing) * 4);
  }

  .pl-5 {
    padding-left: calc(var(--spacing) * 5);
  }

  .pl-6 {
    padding-left: calc(var(--spacing) * 6);
  }

  .pl-7 {
    padding-left: calc(var(--spacing) * 7);
  }

  .pl-8 {
    padding-left: calc(var(--spacing) * 8);
  }

  .pl-9 {
    padding-left: calc(var(--spacing) * 9);
  }

  .pl-10 {
    padding-left: calc(var(--spacing) * 10);
  }

  .pl-11 {
    padding-left: calc(var(--spacing) * 11);
  }

  .pl-\[26px\] {
    padding-left: 26px;
  }

  .pl-\[33px\] {
    padding-left: 33px;
  }

  .text-center {
    text-align: center;
  }

  .text-left {
    text-align: left;
  }

  .text-right {
    text-align: right;
  }

  .text-start {
    text-align: start;
  }

  .align-middle {
    vertical-align: middle;
  }

  .align-text-bottom {
    vertical-align: text-bottom;
  }

  .align-top {
    vertical-align: top;
  }

  .font-mono {
    font-family: var(--font-mono);
  }

  .font-sans {
    font-family: var(--font-sans);
  }

  .font-serif {
    font-family: var(--font-serif);
  }

  .text-2xl {
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
  }

  .text-3xl {
    font-size: var(--text-3xl);
    line-height: var(--tw-leading, var(--text-3xl--line-height));
  }

  .text-lg {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
  }

  .text-sm {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }

  .text-xl {
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
  }

  .text-xs {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }

  .text-\[7px\] {
    font-size: 7px;
  }

  .text-\[8\.5px\] {
    font-size: 8.5px;
  }

  .text-\[8px\] {
    font-size: 8px;
  }

  .text-\[9\.5px\] {
    font-size: 9.5px;
  }

  .text-\[9px\] {
    font-size: 9px;
  }

  .text-\[10\.5px\] {
    font-size: 10.5px;
  }

  .text-\[10px\] {
    font-size: 10px;
  }

  .text-\[11\.5px\] {
    font-size: 11.5px;
  }

  .text-\[11px\] {
    font-size: 11px;
  }

  .text-\[12\.5px\] {
    font-size: 12.5px;
  }

  .text-\[12px\] {
    font-size: 12px;
  }

  .text-\[13\.5px\] {
    font-size: 13.5px;
  }

  .text-\[13px\] {
    font-size: 13px;
  }

  .text-\[14\.5px\] {
    font-size: 14.5px;
  }

  .text-\[14px\] {
    font-size: 14px;
  }

  .text-\[15\.5px\] {
    font-size: 15.5px;
  }

  .text-\[15px\] {
    font-size: 15px;
  }

  .text-\[16px\] {
    font-size: 16px;
  }

  .text-\[17px\] {
    font-size: 17px;
  }

  .text-\[18px\] {
    font-size: 18px;
  }

  .text-\[19px\] {
    font-size: 19px;
  }

  .text-\[20px\] {
    font-size: 20px;
  }

  .text-\[21px\] {
    font-size: 21px;
  }

  .text-\[22px\] {
    font-size: 22px;
  }

  .text-\[23px\] {
    font-size: 23px;
  }

  .text-\[24px\] {
    font-size: 24px;
  }

  .text-\[25px\] {
    font-size: 25px;
  }

  .text-\[26px\] {
    font-size: 26px;
  }

  .text-\[28px\] {
    font-size: 28px;
  }

  .text-\[30px\] {
    font-size: 30px;
  }

  .text-\[31px\] {
    font-size: 31px;
  }

  .text-\[32px\] {
    font-size: 32px;
  }

  .text-\[34px\] {
    font-size: 34px;
  }

  .text-\[36px\] {
    font-size: 36px;
  }

  .text-\[38px\] {
    font-size: 38px;
  }

  .text-\[40px\] {
    font-size: 40px;
  }

  .text-\[42px\] {
    font-size: 42px;
  }

  .text-\[44px\] {
    font-size: 44px;
  }

  .text-\[46px\] {
    font-size: 46px;
  }

  .text-\[48px\] {
    font-size: 48px;
  }

  .text-\[50px\] {
    font-size: 50px;
  }

  .text-\[52px\] {
    font-size: 52px;
  }

  .text-\[54px\] {
    font-size: 54px;
  }

  .text-\[56px\] {
    font-size: 56px;
  }

  .text-\[64px\] {
    font-size: 64px;
  }

  .text-\[68px\] {
    font-size: 68px;
  }

  .text-\[72px\] {
    font-size: 72px;
  }

  .text-\[76px\] {
    font-size: 76px;
  }

  .text-\[80px\] {
    font-size: 80px;
  }

  .text-\[88px\] {
    font-size: 88px;
  }

  .leading-5 {
    --tw-leading: calc(var(--spacing) * 5);
    line-height: calc(var(--spacing) * 5);
  }

  .leading-\[0\.9\] {
    --tw-leading: .9;
    line-height: .9;
  }

  .leading-\[0\.85\] {
    --tw-leading: .85;
    line-height: .85;
  }

  .leading-\[0\.92\] {
    --tw-leading: .92;
    line-height: .92;
  }

  .leading-\[0\.94\] {
    --tw-leading: .94;
    line-height: .94;
  }

  .leading-\[0\.95\] {
    --tw-leading: .95;
    line-height: .95;
  }

  .leading-\[0\.98\] {
    --tw-leading: .98;
    line-height: .98;
  }

  .leading-\[1\.0\] {
    --tw-leading: 1;
    line-height: 1;
  }

  .leading-\[1\.02\] {
    --tw-leading: 1.02;
    line-height: 1.02;
  }

  .leading-\[1\.2\] {
    --tw-leading: 1.2;
    line-height: 1.2;
  }

  .leading-\[1\.3\] {
    --tw-leading: 1.3;
    line-height: 1.3;
  }

  .leading-\[1\.04\] {
    --tw-leading: 1.04;
    line-height: 1.04;
  }

  .leading-\[1\.4\] {
    --tw-leading: 1.4;
    line-height: 1.4;
  }

  .leading-\[1\.05\] {
    --tw-leading: 1.05;
    line-height: 1.05;
  }

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

  .leading-\[1\.6\] {
    --tw-leading: 1.6;
    line-height: 1.6;
  }

  .leading-\[1\.7\] {
    --tw-leading: 1.7;
    line-height: 1.7;
  }

  .leading-\[1\.12\] {
    --tw-leading: 1.12;
    line-height: 1.12;
  }

  .leading-\[1\.18\] {
    --tw-leading: 1.18;
    line-height: 1.18;
  }

  .leading-\[1\.35\] {
    --tw-leading: 1.35;
    line-height: 1.35;
  }

  .leading-\[1\.65\] {
    --tw-leading: 1.65;
    line-height: 1.65;
  }

  .leading-\[16px\] {
    --tw-leading: 16px;
    line-height: 16px;
  }

  .leading-\[20px\] {
    --tw-leading: 20px;
    line-height: 20px;
  }

  .leading-none {
    --tw-leading: 1;
    line-height: 1;
  }

  .leading-normal {
    --tw-leading: var(--leading-normal);
    line-height: var(--leading-normal);
  }

  .leading-relaxed {
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
  }

  .leading-snug {
    --tw-leading: var(--leading-snug);
    line-height: var(--leading-snug);
  }

  .leading-tight {
    --tw-leading: var(--leading-tight);
    line-height: var(--leading-tight);
  }

  .font-bold {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }

  .font-extrabold {
    --tw-font-weight: var(--font-weight-extrabold);
    font-weight: var(--font-weight-extrabold);
  }

  .font-medium {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }

  .font-normal {
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
  }

  .font-semibold {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }

  .tracking-\[-0\.01em\] {
    --tw-tracking: -.01em;
    letter-spacing: -.01em;
  }

  .tracking-\[-0\.02em\] {
    --tw-tracking: -.02em;
    letter-spacing: -.02em;
  }

  .tracking-\[-0\.04em\] {
    --tw-tracking: -.04em;
    letter-spacing: -.04em;
  }

  .tracking-\[-0\.025em\] {
    --tw-tracking: -.025em;
    letter-spacing: -.025em;
  }

  .tracking-\[0\.1em\] {
    --tw-tracking: .1em;
    letter-spacing: .1em;
  }

  .tracking-\[0\.2em\] {
    --tw-tracking: .2em;
    letter-spacing: .2em;
  }

  .tracking-\[0\.3em\] {
    --tw-tracking: .3em;
    letter-spacing: .3em;
  }

  .tracking-\[0\.04em\] {
    --tw-tracking: .04em;
    letter-spacing: .04em;
  }

  .tracking-\[0\.4em\] {
    --tw-tracking: .4em;
    letter-spacing: .4em;
  }

  .tracking-\[0\.08em\] {
    --tw-tracking: .08em;
    letter-spacing: .08em;
  }

  .tracking-\[0\.12em\] {
    --tw-tracking: .12em;
    letter-spacing: .12em;
  }

  .tracking-\[0\.14em\] {
    --tw-tracking: .14em;
    letter-spacing: .14em;
  }

  .tracking-\[0\.16em\] {
    --tw-tracking: .16em;
    letter-spacing: .16em;
  }

  .tracking-\[0\.18em\] {
    --tw-tracking: .18em;
    letter-spacing: .18em;
  }

  .tracking-\[0\.22em\] {
    --tw-tracking: .22em;
    letter-spacing: .22em;
  }

  .tracking-normal {
    --tw-tracking: var(--tracking-normal);
    letter-spacing: var(--tracking-normal);
  }

  .tracking-tight {
    --tw-tracking: var(--tracking-tight);
    letter-spacing: var(--tracking-tight);
  }

  .tracking-wide {
    --tw-tracking: var(--tracking-wide);
    letter-spacing: var(--tracking-wide);
  }

  .tracking-wider {
    --tw-tracking: var(--tracking-wider);
    letter-spacing: var(--tracking-wider);
  }

  .tracking-widest {
    --tw-tracking: var(--tracking-widest);
    letter-spacing: var(--tracking-widest);
  }

  .break-words {
    overflow-wrap: break-word;
  }

  .break-all {
    word-break: break-all;
  }

  .text-ellipsis {
    text-overflow: ellipsis;
  }

  .whitespace-nowrap {
    white-space: nowrap;
  }

  .whitespace-pre {
    white-space: pre;
  }

  .whitespace-pre-line {
    white-space: pre-line;
  }

  .whitespace-pre-wrap {
    white-space: pre-wrap;
  }

  .text-\[\#0A5A9C\] {
    color: #0a5a9c;
  }

  .text-\[\#1A4B8F\] {
    color: #1a4b8f;
  }

  .text-\[\#1A73E8\] {
    color: #1a73e8;
  }

  .text-\[\#1B4B91\] {
    color: #1b4b91;
  }

  .text-\[\#1B4C63\] {
    color: #1b4c63;
  }

  .text-\[\#1B7CB0\] {
    color: #1b7cb0;
  }

  .text-\[\#1DA1F2\] {
    color: #1da1f2;
  }

  .text-\[\#1b1b18\] {
    color: #1b1b18;
  }

  .text-\[\#4A154B\] {
    color: #4a154b;
  }

  .text-\[\#4F46E5\] {
    color: #4f46e5;
  }

  .text-\[\#5B2E91\] {
    color: #5b2e91;
  }

  .text-\[\#5B3D8A\] {
    color: #5b3d8a;
  }

  .text-\[\#6D28D9\] {
    color: #6d28d9;
  }

  .text-\[\#7A5B00\] {
    color: #7a5b00;
  }

  .text-\[\#7B2CBF\] {
    color: #7b2cbf;
  }

  .text-\[\#7B5A14\] {
    color: #7b5a14;
  }

  .text-\[\#7B5A14\]\/80 {
    color: oklab(48.9853% .0143093 .0917214 / .8);
  }

  .text-\[\#7B5A14\]\/90 {
    color: oklab(48.9853% .0143093 .0917214 / .9);
  }

  .text-\[\#7CF3C4\] {
    color: #7cf3c4;
  }

  .text-\[\#8A2A0E\] {
    color: #8a2a0e;
  }

  .text-\[\#8A5F0E\] {
    color: #8a5f0e;
  }

  .text-\[\#8B5A14\] {
    color: #8b5a14;
  }

  .text-\[\#9C2A1A\] {
    color: #9c2a1a;
  }

  .text-\[\#9D174D\] {
    color: #9d174d;
  }

  .text-\[\#9EB5FF\] {
    color: #9eb5ff;
  }

  .text-\[\#0079BF\] {
    color: #0079bf;
  }

  .text-\[\#0084FF\] {
    color: #0084ff;
  }

  .text-\[\#229ED9\] {
    color: #229ed9;
  }

  .text-\[\#0369A1\] {
    color: #0369a1;
  }

  .text-\[\#706f6c\] {
    color: #706f6c;
  }

  .text-\[\#1568D6\] {
    color: #1568d6;
  }

  .text-\[\#1877F2\] {
    color: #1877f2;
  }

  .text-\[\#6366f1\] {
    color: #6366f1;
  }

  .text-\[\#13478A\] {
    color: #13478a;
  }

  .text-\[\#14532D\] {
    color: #14532d;
  }

  .text-\[\#15803D\] {
    color: #15803d;
  }

  .text-\[\#92400E\] {
    color: #92400e;
  }

  .text-\[\#137333\] {
    color: #137333;
  }

  .text-\[\#A1431F\] {
    color: #a1431f;
  }

  .text-\[\#A12534\] {
    color: #a12534;
  }

  .text-\[\#B91C1C\] {
    color: #b91c1c;
  }

  .text-\[\#B3402E\] {
    color: #b3402e;
  }

  .text-\[\#B23025\] {
    color: #b23025;
  }

  .text-\[\#B45309\] {
    color: #b45309;
  }

  .text-\[\#C7D2CC\] {
    color: #c7d2cc;
  }

  .text-\[\#C13584\] {
    color: #c13584;
  }

  .text-\[\#D7E3DC\] {
    color: #d7e3dc;
  }

  .text-\[\#D97757\] {
    color: #d97757;
  }

  .text-\[\#E0B445\] {
    color: #e0b445;
  }

  .text-\[\#E8632A\] {
    color: #e8632a;
  }

  .text-\[\#F53003\], .text-\[\#f53003\] {
    color: #f53003;
  }

  .text-accent-amber {
    color: var(--color-accent-amber);
  }

  .text-accent-coral {
    color: var(--color-accent-coral);
  }

  .text-accent-coral\/80 {
    color: #e87a5dcc;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-accent-coral\/80 {
      color: color-mix(in oklab, var(--color-accent-coral) 80%, transparent);
    }
  }

  .text-accent-plum {
    color: var(--color-accent-plum);
  }

  .text-accent-sky {
    color: var(--color-accent-sky);
  }

  .text-amber-600 {
    color: var(--color-amber-600);
  }

  .text-amber-700 {
    color: var(--color-amber-700);
  }

  .text-amber-800 {
    color: var(--color-amber-800);
  }

  .text-amber-900 {
    color: var(--color-amber-900);
  }

  .text-blue-600 {
    color: var(--color-blue-600);
  }

  .text-emerald-700 {
    color: var(--color-emerald-700);
  }

  .text-emerald-800 {
    color: var(--color-emerald-800);
  }

  .text-gray-500 {
    color: var(--color-gray-500);
  }

  .text-gray-600 {
    color: var(--color-gray-600);
  }

  .text-gray-700 {
    color: var(--color-gray-700);
  }

  .text-gray-800 {
    color: var(--color-gray-800);
  }

  .text-green-600 {
    color: var(--color-green-600);
  }

  .text-green-700 {
    color: var(--color-green-700);
  }

  .text-ig-blue {
    color: var(--color-ig-blue);
  }

  .text-ig-magenta {
    color: var(--color-ig-magenta);
  }

  .text-ig-orange {
    color: var(--color-ig-orange);
  }

  .text-ig-pink {
    color: var(--color-ig-pink);
  }

  .text-ig-purple {
    color: var(--color-ig-purple);
  }

  .text-ink-300 {
    color: var(--color-ink-300);
  }

  .text-ink-400 {
    color: var(--color-ink-400);
  }

  .text-ink-500 {
    color: var(--color-ink-500);
  }

  .text-ink-500\/40 {
    color: #6b807c66;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-ink-500\/40 {
      color: color-mix(in oklab, var(--color-ink-500) 40%, transparent);
    }
  }

  .text-ink-500\/60 {
    color: #6b807c99;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-ink-500\/60 {
      color: color-mix(in oklab, var(--color-ink-500) 60%, transparent);
    }
  }

  .text-ink-500\/70 {
    color: #6b807cb3;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-ink-500\/70 {
      color: color-mix(in oklab, var(--color-ink-500) 70%, transparent);
    }
  }

  .text-ink-500\/80 {
    color: #6b807ccc;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-ink-500\/80 {
      color: color-mix(in oklab, var(--color-ink-500) 80%, transparent);
    }
  }

  .text-ink-600 {
    color: var(--color-ink-600);
  }

  .text-ink-700 {
    color: var(--color-ink-700);
  }

  .text-ink-800 {
    color: var(--color-ink-800);
  }

  .text-ink-900 {
    color: var(--color-ink-900);
  }

  .text-ink-950 {
    color: var(--color-ink-950);
  }

  .text-paper-0 {
    color: var(--color-paper-0);
  }

  .text-paper-0\/25 {
    color: #fbfaf640;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-paper-0\/25 {
      color: color-mix(in oklab, var(--color-paper-0) 25%, transparent);
    }
  }

  .text-paper-0\/40 {
    color: #fbfaf666;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-paper-0\/40 {
      color: color-mix(in oklab, var(--color-paper-0) 40%, transparent);
    }
  }

  .text-paper-0\/45 {
    color: #fbfaf673;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-paper-0\/45 {
      color: color-mix(in oklab, var(--color-paper-0) 45%, transparent);
    }
  }

  .text-paper-0\/50 {
    color: #fbfaf680;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-paper-0\/50 {
      color: color-mix(in oklab, var(--color-paper-0) 50%, transparent);
    }
  }

  .text-paper-0\/55 {
    color: #fbfaf68c;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-paper-0\/55 {
      color: color-mix(in oklab, var(--color-paper-0) 55%, transparent);
    }
  }

  .text-paper-0\/60 {
    color: #fbfaf699;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-paper-0\/60 {
      color: color-mix(in oklab, var(--color-paper-0) 60%, transparent);
    }
  }

  .text-paper-0\/65 {
    color: #fbfaf6a6;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-paper-0\/65 {
      color: color-mix(in oklab, var(--color-paper-0) 65%, transparent);
    }
  }

  .text-paper-0\/70 {
    color: #fbfaf6b3;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-paper-0\/70 {
      color: color-mix(in oklab, var(--color-paper-0) 70%, transparent);
    }
  }

  .text-paper-0\/75 {
    color: #fbfaf6bf;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-paper-0\/75 {
      color: color-mix(in oklab, var(--color-paper-0) 75%, transparent);
    }
  }

  .text-paper-0\/80 {
    color: #fbfaf6cc;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-paper-0\/80 {
      color: color-mix(in oklab, var(--color-paper-0) 80%, transparent);
    }
  }

  .text-paper-0\/85 {
    color: #fbfaf6d9;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-paper-0\/85 {
      color: color-mix(in oklab, var(--color-paper-0) 85%, transparent);
    }
  }

  .text-paper-0\/90 {
    color: #fbfaf6e6;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-paper-0\/90 {
      color: color-mix(in oklab, var(--color-paper-0) 90%, transparent);
    }
  }

  .text-paper-100 {
    color: var(--color-paper-100);
  }

  .text-paper-200 {
    color: var(--color-paper-200);
  }

  .text-paper-300 {
    color: var(--color-paper-300);
  }

  .text-red-600 {
    color: var(--color-red-600);
  }

  .text-red-700 {
    color: var(--color-red-700);
  }

  .text-red-800 {
    color: var(--color-red-800);
  }

  .text-rose-600 {
    color: var(--color-rose-600);
  }

  .text-rose-700 {
    color: var(--color-rose-700);
  }

  .text-rose-800 {
    color: var(--color-rose-800);
  }

  .text-rose-900 {
    color: var(--color-rose-900);
  }

  .text-sky-600 {
    color: var(--color-sky-600);
  }

  .text-sky-700 {
    color: var(--color-sky-700);
  }

  .text-sky-800 {
    color: var(--color-sky-800);
  }

  .text-sky-900 {
    color: var(--color-sky-900);
  }

  .text-transparent {
    color: #0000;
  }

  .text-wa-deep {
    color: var(--color-wa-deep);
  }

  .text-wa-deep\/40 {
    color: #075e5466;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-wa-deep\/40 {
      color: color-mix(in oklab, var(--color-wa-deep) 40%, transparent);
    }
  }

  .text-wa-deep\/60 {
    color: #075e5499;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-wa-deep\/60 {
      color: color-mix(in oklab, var(--color-wa-deep) 60%, transparent);
    }
  }

  .text-wa-deep\/70 {
    color: #075e54b3;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-wa-deep\/70 {
      color: color-mix(in oklab, var(--color-wa-deep) 70%, transparent);
    }
  }

  .text-wa-deep\/80 {
    color: #075e54cc;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-wa-deep\/80 {
      color: color-mix(in oklab, var(--color-wa-deep) 80%, transparent);
    }
  }

  .text-wa-green {
    color: var(--color-wa-green);
  }

  .text-wa-mint\/70 {
    color: #dcf8c6b3;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-wa-mint\/70 {
      color: color-mix(in oklab, var(--color-wa-mint) 70%, transparent);
    }
  }

  .text-wa-teal {
    color: var(--color-wa-teal);
  }

  .text-white {
    color: var(--color-white);
  }

  .text-white\/30 {
    color: #ffffff4d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-white\/30 {
      color: color-mix(in oklab, var(--color-white) 30%, transparent);
    }
  }

  .text-white\/35 {
    color: #ffffff59;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-white\/35 {
      color: color-mix(in oklab, var(--color-white) 35%, transparent);
    }
  }

  .text-white\/40 {
    color: #fff6;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-white\/40 {
      color: color-mix(in oklab, var(--color-white) 40%, transparent);
    }
  }

  .text-white\/45 {
    color: #ffffff73;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-white\/45 {
      color: color-mix(in oklab, var(--color-white) 45%, transparent);
    }
  }

  .text-white\/60 {
    color: #fff9;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-white\/60 {
      color: color-mix(in oklab, var(--color-white) 60%, transparent);
    }
  }

  .text-white\/65 {
    color: #ffffffa6;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-white\/65 {
      color: color-mix(in oklab, var(--color-white) 65%, transparent);
    }
  }

  .text-white\/70 {
    color: #ffffffb3;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-white\/70 {
      color: color-mix(in oklab, var(--color-white) 70%, transparent);
    }
  }

  .text-white\/75 {
    color: #ffffffbf;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-white\/75 {
      color: color-mix(in oklab, var(--color-white) 75%, transparent);
    }
  }

  .text-white\/80 {
    color: #fffc;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-white\/80 {
      color: color-mix(in oklab, var(--color-white) 80%, transparent);
    }
  }

  .text-white\/90 {
    color: #ffffffe6;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-white\/90 {
      color: color-mix(in oklab, var(--color-white) 90%, transparent);
    }
  }

  .text-white\/95 {
    color: #fffffff2;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-white\/95 {
      color: color-mix(in oklab, var(--color-white) 95%, transparent);
    }
  }

  .text-zinc-700 {
    color: var(--color-zinc-700);
  }

  .capitalize {
    text-transform: capitalize;
  }

  .lowercase {
    text-transform: lowercase;
  }

  .normal-case {
    text-transform: none;
  }

  .uppercase {
    text-transform: uppercase;
  }

  .italic {
    font-style: italic;
  }

  .ordinal {
    --tw-ordinal: ordinal;
    font-variant-numeric: var(--tw-ordinal, ) var(--tw-slashed-zero, ) var(--tw-numeric-figure, ) var(--tw-numeric-spacing, ) var(--tw-numeric-fraction, );
  }

  .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, );
  }

  .line-through {
    text-decoration-line: line-through;
  }

  .no-underline {
    text-decoration-line: none;
  }

  .underline {
    text-decoration-line: underline;
  }

  .decoration-wa-deep\/40 {
    text-decoration-color: #075e5466;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .decoration-wa-deep\/40 {
      -webkit-text-decoration-color: color-mix(in oklab, var(--color-wa-deep) 40%, transparent);
      -webkit-text-decoration-color: color-mix(in oklab, var(--color-wa-deep) 40%, transparent);
      text-decoration-color: color-mix(in oklab, var(--color-wa-deep) 40%, transparent);
    }
  }

  .decoration-dotted {
    text-decoration-style: dotted;
  }

  .underline-offset-2 {
    text-underline-offset: 2px;
  }

  .underline-offset-4 {
    text-underline-offset: 4px;
  }

  .antialiased {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }

  .accent-accent-coral {
    accent-color: var(--color-accent-coral);
  }

  .accent-wa-deep {
    accent-color: var(--color-wa-deep);
  }

  .opacity-0 {
    opacity: 0;
  }

  .opacity-10 {
    opacity: .1;
  }

  .opacity-15 {
    opacity: .15;
  }

  .opacity-20 {
    opacity: .2;
  }

  .opacity-25 {
    opacity: .25;
  }

  .opacity-30 {
    opacity: .3;
  }

  .opacity-40 {
    opacity: .4;
  }

  .opacity-45 {
    opacity: .45;
  }

  .opacity-50 {
    opacity: .5;
  }

  .opacity-60 {
    opacity: .6;
  }

  .opacity-65 {
    opacity: .65;
  }

  .opacity-70 {
    opacity: .7;
  }

  .opacity-75 {
    opacity: .75;
  }

  .opacity-80 {
    opacity: .8;
  }

  .opacity-85 {
    opacity: .85;
  }

  .opacity-90 {
    opacity: .9;
  }

  .opacity-100 {
    opacity: 1;
  }

  .opacity-\[0\.06\] {
    opacity: .06;
  }

  .shadow {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-2xl {
    --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, #00000040);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_-24px_70px_-30px_rgba\(11\,31\,28\,0\.6\)\] {
    --tw-shadow: 0 -24px 70px -30px var(--tw-shadow-color, #0b1f1c99);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_1px_1px_rgba\(0\,0\,0\,0\.06\)\] {
    --tw-shadow: 0 1px 1px var(--tw-shadow-color, #0000000f);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_1px_2px_rgba\(11\,31\,28\,0\.12\)\] {
    --tw-shadow: 0 1px 2px var(--tw-shadow-color, #0b1f1c1f);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_8px_24px_-8px_rgba\(7\,94\,84\,0\.3\)\] {
    --tw-shadow: 0 8px 24px -8px var(--tw-shadow-color, #075e544d);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_12px_36px_-16px_rgba\(11\,31\,28\,0\.4\)\] {
    --tw-shadow: 0 12px 36px -16px var(--tw-shadow-color, #0b1f1c66);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_14px_32px_-10px_rgba\(7\,94\,84\,0\.45\)\] {
    --tw-shadow: 0 14px 32px -10px var(--tw-shadow-color, #075e5473);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_18px_40px_-15px_rgba\(11\,31\,28\,0\.45\)\] {
    --tw-shadow: 0 18px 40px -15px var(--tw-shadow-color, #0b1f1c73);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_18px_40px_-25px_rgba\(7\,94\,84\,0\.25\)\] {
    --tw-shadow: 0 18px 40px -25px var(--tw-shadow-color, #075e5440);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_18px_50px_-25px_rgba\(7\,94\,84\,0\.45\)\] {
    --tw-shadow: 0 18px 50px -25px var(--tw-shadow-color, #075e5473);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_18px_60px_-30px_rgba\(11\,31\,28\,0\.5\)\] {
    --tw-shadow: 0 18px 60px -30px var(--tw-shadow-color, #0b1f1c80);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_20px_60px_-25px_rgba\(11\,31\,28\,0\.55\)\] {
    --tw-shadow: 0 20px 60px -25px var(--tw-shadow-color, #0b1f1c8c);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_24px_60px_-18px_rgba\(11\,31\,28\,0\.35\)\] {
    --tw-shadow: 0 24px 60px -18px var(--tw-shadow-color, #0b1f1c59);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_24px_60px_-30px_rgba\(7\,94\,84\,0\.25\)\] {
    --tw-shadow: 0 24px 60px -30px var(--tw-shadow-color, #075e5440);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_28px_80px_-30px_rgba\(0\,0\,0\,0\.6\)\] {
    --tw-shadow: 0 28px 80px -30px var(--tw-shadow-color, #0009);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_28px_80px_-35px_rgba\(11\,31\,28\,0\.6\)\] {
    --tw-shadow: 0 28px 80px -35px var(--tw-shadow-color, #0b1f1c99);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_28px_80px_-35px_rgba\(11\,31\,28\,0\.55\)\] {
    --tw-shadow: 0 28px 80px -35px var(--tw-shadow-color, #0b1f1c8c);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_40px_80px_-40px_rgba\(7\,94\,84\,0\.6\)\] {
    --tw-shadow: 0 40px 80px -40px var(--tw-shadow-color, #075e5499);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0px_0px_1px_0px_rgba\(0\,0\,0\,0\.03\)\,0px_1px_2px_0px_rgba\(0\,0\,0\,0\.06\)\] {
    --tw-shadow: 0px 0px 1px 0px var(--tw-shadow-color, #00000008), 0px 1px 2px 0px var(--tw-shadow-color, #0000000f);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[inset_0px_0px_0px_1px_rgba\(26\,26\,0\,0\.16\)\] {
    --tw-shadow: inset 0px 0px 0px 1px var(--tw-shadow-color, #1a1a0029);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-card {
    --tw-shadow: 0 1px 0 var(--tw-shadow-color, #0b1f1c0a), 0 1px 2px var(--tw-shadow-color, #0b1f1c0a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-lg {
    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-md {
    --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, #0000001a), 0 2px 4px -2px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-sm {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-soft {
    --tw-shadow: 0 8px 24px -12px var(--tw-shadow-color, #075e542e);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-xl {
    --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, #0000001a), 0 8px 10px -6px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .ring, .ring-1 {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .ring-2 {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .ring-4 {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .ring-\[\#6366f1\] {
    --tw-ring-color: #6366f1;
  }

  .ring-accent-coral {
    --tw-ring-color: var(--color-accent-coral);
  }

  .ring-accent-coral\/60 {
    --tw-ring-color: #e87a5d99;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ring-accent-coral\/60 {
      --tw-ring-color: color-mix(in oklab, var(--color-accent-coral) 60%, transparent);
    }
  }

  .ring-amber-200 {
    --tw-ring-color: var(--color-amber-200);
  }

  .ring-amber-500\/15 {
    --tw-ring-color: #f99c0026;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ring-amber-500\/15 {
      --tw-ring-color: color-mix(in oklab, var(--color-amber-500) 15%, transparent);
    }
  }

  .ring-black\/5 {
    --tw-ring-color: #0000000d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ring-black\/5 {
      --tw-ring-color: color-mix(in oklab, var(--color-black) 5%, transparent);
    }
  }

  .ring-black\/10 {
    --tw-ring-color: #0000001a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ring-black\/10 {
      --tw-ring-color: color-mix(in oklab, var(--color-black) 10%, transparent);
    }
  }

  .ring-gray-300 {
    --tw-ring-color: var(--color-gray-300);
  }

  .ring-ig-pink {
    --tw-ring-color: var(--color-ig-pink);
  }

  .ring-ig-pink\/30 {
    --tw-ring-color: #e1306c4d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ring-ig-pink\/30 {
      --tw-ring-color: color-mix(in oklab, var(--color-ig-pink) 30%, transparent);
    }
  }

  .ring-ink-500\/10 {
    --tw-ring-color: #6b807c1a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ring-ink-500\/10 {
      --tw-ring-color: color-mix(in oklab, var(--color-ink-500) 10%, transparent);
    }
  }

  .ring-paper-0 {
    --tw-ring-color: var(--color-paper-0);
  }

  .ring-paper-200 {
    --tw-ring-color: var(--color-paper-200);
  }

  .ring-paper-200\/50 {
    --tw-ring-color: #e5dfd080;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ring-paper-200\/50 {
      --tw-ring-color: color-mix(in oklab, var(--color-paper-200) 50%, transparent);
    }
  }

  .ring-red-500\/15 {
    --tw-ring-color: #fb2c3626;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ring-red-500\/15 {
      --tw-ring-color: color-mix(in oklab, var(--color-red-500) 15%, transparent);
    }
  }

  .ring-rose-200 {
    --tw-ring-color: var(--color-rose-200);
  }

  .ring-sky-200 {
    --tw-ring-color: var(--color-sky-200);
  }

  .ring-wa-deep {
    --tw-ring-color: var(--color-wa-deep);
  }

  .ring-wa-deep\/10 {
    --tw-ring-color: #075e541a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ring-wa-deep\/10 {
      --tw-ring-color: color-mix(in oklab, var(--color-wa-deep) 10%, transparent);
    }
  }

  .ring-wa-deep\/15 {
    --tw-ring-color: #075e5426;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ring-wa-deep\/15 {
      --tw-ring-color: color-mix(in oklab, var(--color-wa-deep) 15%, transparent);
    }
  }

  .ring-wa-deep\/20 {
    --tw-ring-color: #075e5433;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ring-wa-deep\/20 {
      --tw-ring-color: color-mix(in oklab, var(--color-wa-deep) 20%, transparent);
    }
  }

  .ring-wa-deep\/30 {
    --tw-ring-color: #075e544d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ring-wa-deep\/30 {
      --tw-ring-color: color-mix(in oklab, var(--color-wa-deep) 30%, transparent);
    }
  }

  .ring-wa-green\/15 {
    --tw-ring-color: #25d36626;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ring-wa-green\/15 {
      --tw-ring-color: color-mix(in oklab, var(--color-wa-green) 15%, transparent);
    }
  }

  .ring-wa-green\/30 {
    --tw-ring-color: #25d3664d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ring-wa-green\/30 {
      --tw-ring-color: color-mix(in oklab, var(--color-wa-green) 30%, transparent);
    }
  }

  .ring-white {
    --tw-ring-color: var(--color-white);
  }

  .ring-zinc-300 {
    --tw-ring-color: var(--color-zinc-300);
  }

  .ring-offset-1 {
    --tw-ring-offset-width: 1px;
    --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  }

  .ring-offset-2 {
    --tw-ring-offset-width: 2px;
    --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  }

  .outline {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
  }

  .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, );
  }

  .blur-3xl {
    --tw-blur: blur(var(--blur-3xl));
    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, );
  }

  .blur-\[120px\] {
    --tw-blur: blur(120px);
    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, );
  }

  .drop-shadow {
    --tw-drop-shadow-size: drop-shadow(0 1px 2px var(--tw-drop-shadow-color, #0000001a)) drop-shadow(0 1px 1px var(--tw-drop-shadow-color, #0000000f));
    --tw-drop-shadow: drop-shadow(0 1px 2px #0000001a) drop-shadow(0 1px 1px #0000000f);
    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, );
  }

  .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, );
  }

  .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, );
  }

  .backdrop-blur {
    --tw-backdrop-blur: blur(8px);
    -webkit-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, );
    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, );
  }

  .backdrop-blur-sm {
    --tw-backdrop-blur: blur(var(--blur-sm));
    -webkit-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, );
    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, );
  }

  .backdrop-blur-xl {
    --tw-backdrop-blur: blur(var(--blur-xl));
    -webkit-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, );
    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, );
  }

  .backdrop-filter {
    -webkit-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, );
    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, );
  }

  .transition {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[max-height\] {
    transition-property: max-height;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[max-width\] {
    transition-property: max-width;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[opacity\,transform\] {
    transition-property: opacity, transform;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[opacity\] {
    transition-property: opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[width\] {
    transition-property: width;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-all {
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-colors {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-opacity {
    transition-property: opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-transform {
    transition-property: transform, translate, scale, rotate;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .delay-300 {
    transition-delay: .3s;
  }

  .duration-150 {
    --tw-duration: .15s;
    transition-duration: .15s;
  }

  .duration-200 {
    --tw-duration: .2s;
    transition-duration: .2s;
  }

  .duration-300 {
    --tw-duration: .3s;
    transition-duration: .3s;
  }

  .duration-500 {
    --tw-duration: .5s;
    transition-duration: .5s;
  }

  .duration-700 {
    --tw-duration: .7s;
    transition-duration: .7s;
  }

  .duration-750 {
    --tw-duration: .75s;
    transition-duration: .75s;
  }

  .ease-in-out {
    --tw-ease: var(--ease-in-out);
    transition-timing-function: var(--ease-in-out);
  }

  .ease-out {
    --tw-ease: var(--ease-out);
    transition-timing-function: var(--ease-out);
  }

  .will-change-transform {
    will-change: transform;
  }

  .outline-none {
    --tw-outline-style: none;
    outline-style: none;
  }

  .select-all {
    -webkit-user-select: all;
    user-select: all;
  }

  .select-none {
    -webkit-user-select: none;
    user-select: none;
  }

  .\[support\:sla-scan\] {
    support: sla-scan;
  }

  .not-has-\[nav\]\:hidden:not(:has(:is(nav))), .group-open\:hidden:is(:where(.group):is([open], :popover-open, :open) *) {
    display: none;
  }

  .group-open\:rotate-90:is(:where(.group):is([open], :popover-open, :open) *) {
    rotate: 90deg;
  }

  .group-open\:rotate-180:is(:where(.group):is([open], :popover-open, :open) *) {
    rotate: 180deg;
  }

  .group-open\:bg-wa-deep:is(:where(.group):is([open], :popover-open, :open) *) {
    background-color: var(--color-wa-deep);
  }

  .group-open\:text-paper-0:is(:where(.group):is([open], :popover-open, :open) *) {
    color: var(--color-paper-0);
  }

  @media (hover: hover) {
    .group-hover\:block:is(:where(.group):hover *) {
      display: block;
    }

    .group-hover\:translate-x-0\.5:is(:where(.group):hover *) {
      --tw-translate-x: calc(var(--spacing) * .5);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }

    .group-hover\:translate-y-0:is(:where(.group):hover *) {
      --tw-translate-y: calc(var(--spacing) * 0);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }

    .group-hover\:scale-105:is(:where(.group):hover *) {
      --tw-scale-x: 105%;
      --tw-scale-y: 105%;
      --tw-scale-z: 105%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }

    .group-hover\:scale-\[1\.03\]:is(:where(.group):hover *) {
      scale: 1.03;
    }

    .group-hover\:scale-\[1\.04\]:is(:where(.group):hover *) {
      scale: 1.04;
    }

    .group-hover\:gap-2:is(:where(.group):hover *) {
      gap: calc(var(--spacing) * 2);
    }

    .group-hover\:bg-black\/45:is(:where(.group):hover *) {
      background-color: #00000073;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .group-hover\:bg-black\/45:is(:where(.group):hover *) {
        background-color: color-mix(in oklab, var(--color-black) 45%, transparent);
      }
    }

    .group-hover\:bg-ink-950\/35:is(:where(.group):hover *) {
      background-color: #070d0c59;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .group-hover\:bg-ink-950\/35:is(:where(.group):hover *) {
        background-color: color-mix(in oklab, var(--color-ink-950) 35%, transparent);
      }
    }

    .group-hover\:bg-wa-deep:is(:where(.group):hover *) {
      background-color: var(--color-wa-deep);
    }

    .group-hover\:bg-wa-deep\/5:is(:where(.group):hover *) {
      background-color: #075e540d;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .group-hover\:bg-wa-deep\/5:is(:where(.group):hover *) {
        background-color: color-mix(in oklab, var(--color-wa-deep) 5%, transparent);
      }
    }

    .group-hover\:text-ink-700:is(:where(.group):hover *) {
      color: var(--color-ink-700);
    }

    .group-hover\:text-wa-deep:is(:where(.group):hover *) {
      color: var(--color-wa-deep);
    }

    .group-hover\:underline:is(:where(.group):hover *) {
      text-decoration-line: underline;
    }

    .group-hover\:opacity-100:is(:where(.group):hover *) {
      opacity: 1;
    }

    .group-hover\/bell\:pointer-events-auto:is(:where(.group\/bell):hover *) {
      pointer-events: auto;
    }

    .group-hover\/bell\:opacity-100:is(:where(.group\/bell):hover *) {
      opacity: 1;
    }

    .group-hover\/handle\:bg-wa-deep:is(:where(.group\/handle):hover *) {
      background-color: var(--color-wa-deep);
    }

    .group-hover\/msg\:opacity-100:is(:where(.group\/msg):hover *) {
      opacity: 1;
    }
  }

  .peer-checked\:block:is(:where(.peer):checked ~ *) {
    display: block;
  }

  .peer-checked\:flex:is(:where(.peer):checked ~ *) {
    display: flex;
  }

  .peer-checked\:grid:is(:where(.peer):checked ~ *) {
    display: grid;
  }

  .peer-checked\:hidden:is(:where(.peer):checked ~ *) {
    display: none;
  }

  .peer-checked\:inline-flex:is(:where(.peer):checked ~ *) {
    display: inline-flex;
  }

  .peer-checked\:max-h-none:is(:where(.peer):checked ~ *) {
    max-height: none;
  }

  .peer-checked\:translate-x-5:is(:where(.peer):checked ~ *) {
    --tw-translate-x: calc(var(--spacing) * 5);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .peer-checked\:translate-x-\[16px\]:is(:where(.peer):checked ~ *) {
    --tw-translate-x: 16px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .peer-checked\:translate-x-\[18px\]:is(:where(.peer):checked ~ *) {
    --tw-translate-x: 18px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .peer-checked\:border-wa-deep:is(:where(.peer):checked ~ *) {
    border-color: var(--color-wa-deep);
  }

  .peer-checked\:bg-wa-deep:is(:where(.peer):checked ~ *) {
    background-color: var(--color-wa-deep);
  }

  .peer-checked\:bg-wa-mint\/30:is(:where(.peer):checked ~ *) {
    background-color: #dcf8c64d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .peer-checked\:bg-wa-mint\/30:is(:where(.peer):checked ~ *) {
      background-color: color-mix(in oklab, var(--color-wa-mint) 30%, transparent);
    }
  }

  .peer-checked\:bg-wa-mint\/40:is(:where(.peer):checked ~ *) {
    background-color: #dcf8c666;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .peer-checked\:bg-wa-mint\/40:is(:where(.peer):checked ~ *) {
      background-color: color-mix(in oklab, var(--color-wa-mint) 40%, transparent);
    }
  }

  .peer-checked\:opacity-100:is(:where(.peer):checked ~ *) {
    opacity: 1;
  }

  .peer-checked\:ring-1:is(:where(.peer):checked ~ *) {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .peer-checked\:ring-2:is(:where(.peer):checked ~ *) {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .peer-checked\:ring-ink-900:is(:where(.peer):checked ~ *) {
    --tw-ring-color: var(--color-ink-900);
  }

  .peer-checked\:ring-wa-deep:is(:where(.peer):checked ~ *) {
    --tw-ring-color: var(--color-wa-deep);
  }

  .peer-checked\:ring-wa-deep\/20:is(:where(.peer):checked ~ *) {
    --tw-ring-color: #075e5433;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .peer-checked\:ring-wa-deep\/20:is(:where(.peer):checked ~ *) {
      --tw-ring-color: color-mix(in oklab, var(--color-wa-deep) 20%, transparent);
    }
  }

  .peer-checked\:ring-wa-deep\/40:is(:where(.peer):checked ~ *) {
    --tw-ring-color: #075e5466;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .peer-checked\:ring-wa-deep\/40:is(:where(.peer):checked ~ *) {
      --tw-ring-color: color-mix(in oklab, var(--color-wa-deep) 40%, transparent);
    }
  }

  .peer-checked\:ring-offset-2:is(:where(.peer):checked ~ *) {
    --tw-ring-offset-width: 2px;
    --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  }

  .file\:mr-2::file-selector-button {
    margin-right: calc(var(--spacing) * 2);
  }

  .file\:mr-3::file-selector-button {
    margin-right: calc(var(--spacing) * 3);
  }

  .file\:cursor-pointer::file-selector-button {
    cursor: pointer;
  }

  .file\:rounded-full::file-selector-button {
    border-radius: 3.40282e38px;
  }

  .file\:rounded-lg::file-selector-button {
    border-radius: var(--radius-lg);
  }

  .file\:border-0::file-selector-button {
    border-style: var(--tw-border-style);
    border-width: 0;
  }

  .file\:bg-paper-100::file-selector-button {
    background-color: var(--color-paper-100);
  }

  .file\:bg-paper-200::file-selector-button {
    background-color: var(--color-paper-200);
  }

  .file\:bg-wa-deep::file-selector-button {
    background-color: var(--color-wa-deep);
  }

  .file\:bg-wa-mint::file-selector-button {
    background-color: var(--color-wa-mint);
  }

  .file\:px-2\.5::file-selector-button {
    padding-inline: calc(var(--spacing) * 2.5);
  }

  .file\:px-3::file-selector-button {
    padding-inline: calc(var(--spacing) * 3);
  }

  .file\:px-4::file-selector-button {
    padding-inline: calc(var(--spacing) * 4);
  }

  .file\:py-1::file-selector-button {
    padding-block: calc(var(--spacing) * 1);
  }

  .file\:py-1\.5::file-selector-button {
    padding-block: calc(var(--spacing) * 1.5);
  }

  .file\:py-2::file-selector-button {
    padding-block: calc(var(--spacing) * 2);
  }

  .file\:text-\[10\.5px\]::file-selector-button {
    font-size: 10.5px;
  }

  .file\:text-\[11\.5px\]::file-selector-button {
    font-size: 11.5px;
  }

  .file\:text-\[11px\]::file-selector-button {
    font-size: 11px;
  }

  .file\:text-\[12px\]::file-selector-button {
    font-size: 12px;
  }

  .file\:font-medium::file-selector-button {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }

  .file\:font-semibold::file-selector-button {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }

  .file\:text-ink-700::file-selector-button {
    color: var(--color-ink-700);
  }

  .file\:text-ink-800::file-selector-button {
    color: var(--color-ink-800);
  }

  .file\:text-paper-0::file-selector-button {
    color: var(--color-paper-0);
  }

  .file\:text-wa-deep::file-selector-button {
    color: var(--color-wa-deep);
  }

  .placeholder\:text-\[\#8A9A95\]::placeholder {
    color: #8a9a95;
  }

  .placeholder\:text-\[\#9CA8A4\]::placeholder {
    color: #9ca8a4;
  }

  .placeholder\:text-ink-400::placeholder {
    color: var(--color-ink-400);
  }

  .placeholder\:text-ink-500::placeholder {
    color: var(--color-ink-500);
  }

  .before\:absolute:before {
    content: var(--tw-content);
    position: absolute;
  }

  .before\:top-0:before {
    content: var(--tw-content);
    top: calc(var(--spacing) * 0);
  }

  .before\:top-1\/2:before {
    content: var(--tw-content);
    top: 50%;
  }

  .before\:bottom-0:before {
    content: var(--tw-content);
    bottom: calc(var(--spacing) * 0);
  }

  .before\:bottom-0\.5:before {
    content: var(--tw-content);
    bottom: calc(var(--spacing) * .5);
  }

  .before\:bottom-1\/2:before {
    content: var(--tw-content);
    bottom: 50%;
  }

  .before\:left-0:before {
    content: var(--tw-content);
    left: calc(var(--spacing) * 0);
  }

  .before\:left-0\.5:before {
    content: var(--tw-content);
    left: calc(var(--spacing) * .5);
  }

  .before\:left-\[0\.4rem\]:before {
    content: var(--tw-content);
    left: .4rem;
  }

  .before\:h-3\.5:before {
    content: var(--tw-content);
    height: calc(var(--spacing) * 3.5);
  }

  .before\:h-4:before {
    content: var(--tw-content);
    height: calc(var(--spacing) * 4);
  }

  .before\:w-3\.5:before {
    content: var(--tw-content);
    width: calc(var(--spacing) * 3.5);
  }

  .before\:w-4:before {
    content: var(--tw-content);
    width: calc(var(--spacing) * 4);
  }

  .before\:w-\[3px\]:before {
    content: var(--tw-content);
    width: 3px;
  }

  .before\:rounded-full:before {
    content: var(--tw-content);
    border-radius: 3.40282e38px;
  }

  .before\:border-l:before {
    content: var(--tw-content);
    border-left-style: var(--tw-border-style);
    border-left-width: 1px;
  }

  .before\:border-\[\#e3e3e0\]:before {
    content: var(--tw-content);
    border-color: #e3e3e0;
  }

  .before\:bg-\[\#7B61FF\]:before {
    content: var(--tw-content);
    background-color: #7b61ff;
  }

  .before\:bg-\[\#13478A\]:before {
    content: var(--tw-content);
    background-color: #13478a;
  }

  .before\:bg-accent-amber:before {
    content: var(--tw-content);
    background-color: var(--color-accent-amber);
  }

  .before\:bg-accent-coral:before {
    content: var(--tw-content);
    background-color: var(--color-accent-coral);
  }

  .before\:bg-paper-0:before {
    content: var(--tw-content);
    background-color: var(--color-paper-0);
  }

  .before\:bg-wa-green:before {
    content: var(--tw-content);
    background-color: var(--color-wa-green);
  }

  .before\:bg-wa-teal:before {
    content: var(--tw-content);
    background-color: var(--color-wa-teal);
  }

  .before\:transition:before {
    content: var(--tw-content);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .before\:content-\[\'\'\]:before {
    --tw-content: "";
    content: var(--tw-content);
  }

  .peer-checked\:before\:translate-x-\[12px\]:is(:where(.peer):checked ~ *):before {
    content: var(--tw-content);
    --tw-translate-x: 12px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .peer-checked\:before\:translate-x-\[14px\]:is(:where(.peer):checked ~ *):before {
    content: var(--tw-content);
    --tw-translate-x: 14px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .peer-checked\:before\:translate-x-\[16px\]:is(:where(.peer):checked ~ *):before {
    content: var(--tw-content);
    --tw-translate-x: 16px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .after\:absolute:after {
    content: var(--tw-content);
    position: absolute;
  }

  .after\:top-0\.5:after {
    content: var(--tw-content);
    top: calc(var(--spacing) * .5);
  }

  .after\:top-\[2px\]:after {
    content: var(--tw-content);
    top: 2px;
  }

  .after\:left-0\.5:after {
    content: var(--tw-content);
    left: calc(var(--spacing) * .5);
  }

  .after\:left-\[2px\]:after {
    content: var(--tw-content);
    left: 2px;
  }

  .after\:h-4:after {
    content: var(--tw-content);
    height: calc(var(--spacing) * 4);
  }

  .after\:h-5:after {
    content: var(--tw-content);
    height: calc(var(--spacing) * 5);
  }

  .after\:w-4:after {
    content: var(--tw-content);
    width: calc(var(--spacing) * 4);
  }

  .after\:w-5:after {
    content: var(--tw-content);
    width: calc(var(--spacing) * 5);
  }

  .after\:rounded-full:after {
    content: var(--tw-content);
    border-radius: 3.40282e38px;
  }

  .after\:bg-paper-0:after {
    content: var(--tw-content);
    background-color: var(--color-paper-0);
  }

  .after\:bg-white:after {
    content: var(--tw-content);
    background-color: var(--color-white);
  }

  .after\:transition:after {
    content: var(--tw-content);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .after\:transition-transform:after {
    content: var(--tw-content);
    transition-property: transform, translate, scale, rotate;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .after\:content-\[\'\'\]:after {
    --tw-content: "";
    content: var(--tw-content);
  }

  .peer-checked\:after\:translate-x-4:is(:where(.peer):checked ~ *):after {
    content: var(--tw-content);
    --tw-translate-x: calc(var(--spacing) * 4);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .peer-checked\:after\:translate-x-5:is(:where(.peer):checked ~ *):after {
    content: var(--tw-content);
    --tw-translate-x: calc(var(--spacing) * 5);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .last\:mb-0:last-child {
    margin-bottom: calc(var(--spacing) * 0);
  }

  .last\:border-0:last-child {
    border-style: var(--tw-border-style);
    border-width: 0;
  }

  .last\:border-r-0:last-child {
    border-right-style: var(--tw-border-style);
    border-right-width: 0;
  }

  .last\:border-b-0:last-child {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 0;
  }

  .empty\:hidden:empty {
    display: none;
  }

  .focus-within\:border-wa-deep:focus-within {
    border-color: var(--color-wa-deep);
  }

  .focus-within\:border-wa-green:focus-within {
    border-color: var(--color-wa-green);
  }

  .focus-within\:ring-4:focus-within {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .focus-within\:ring-wa-deep\/10:focus-within {
    --tw-ring-color: #075e541a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .focus-within\:ring-wa-deep\/10:focus-within {
      --tw-ring-color: color-mix(in oklab, var(--color-wa-deep) 10%, transparent);
    }
  }

  @media (hover: hover) {
    .hover\:-translate-y-px:hover {
      --tw-translate-y: -1px;
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }

    .hover\:scale-105:hover {
      --tw-scale-x: 105%;
      --tw-scale-y: 105%;
      --tw-scale-z: 105%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }

    .hover\:gap-2\.5:hover {
      gap: calc(var(--spacing) * 2.5);
    }

    .hover\:border-solid:hover {
      --tw-border-style: solid;
      border-style: solid;
    }

    .hover\:border-\[\#229ED9\]:hover {
      border-color: #229ed9;
    }

    .hover\:border-\[\#1877F2\]:hover {
      border-color: #1877f2;
    }

    .hover\:border-\[\#1915014a\]:hover {
      border-color: #1915014a;
    }

    .hover\:border-\[\#19140035\]:hover {
      border-color: #19140035;
    }

    .hover\:border-\[\#E1306C\]:hover {
      border-color: #e1306c;
    }

    .hover\:border-accent-coral:hover {
      border-color: var(--color-accent-coral);
    }

    .hover\:border-accent-coral\/40:hover {
      border-color: #e87a5d66;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:border-accent-coral\/40:hover {
        border-color: color-mix(in oklab, var(--color-accent-coral) 40%, transparent);
      }
    }

    .hover\:border-black:hover {
      border-color: var(--color-black);
    }

    .hover\:border-ig-pink:hover {
      border-color: var(--color-ig-pink);
    }

    .hover\:border-ink-300:hover {
      border-color: var(--color-ink-300);
    }

    .hover\:border-ink-900:hover {
      border-color: var(--color-ink-900);
    }

    .hover\:border-paper-200:hover {
      border-color: var(--color-paper-200);
    }

    .hover\:border-paper-300:hover {
      border-color: var(--color-paper-300);
    }

    .hover\:border-red-300:hover {
      border-color: var(--color-red-300);
    }

    .hover\:border-wa-deep:hover {
      border-color: var(--color-wa-deep);
    }

    .hover\:border-wa-deep\/25:hover {
      border-color: #075e5440;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:border-wa-deep\/25:hover {
        border-color: color-mix(in oklab, var(--color-wa-deep) 25%, transparent);
      }
    }

    .hover\:border-wa-deep\/30:hover {
      border-color: #075e544d;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:border-wa-deep\/30:hover {
        border-color: color-mix(in oklab, var(--color-wa-deep) 30%, transparent);
      }
    }

    .hover\:border-wa-deep\/40:hover {
      border-color: #075e5466;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:border-wa-deep\/40:hover {
        border-color: color-mix(in oklab, var(--color-wa-deep) 40%, transparent);
      }
    }

    .hover\:border-wa-deep\/50:hover {
      border-color: #075e5480;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:border-wa-deep\/50:hover {
        border-color: color-mix(in oklab, var(--color-wa-deep) 50%, transparent);
      }
    }

    .hover\:border-wa-green:hover {
      border-color: var(--color-wa-green);
    }

    .hover\:border-wa-green\/50:hover {
      border-color: #25d36680;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:border-wa-green\/50:hover {
        border-color: color-mix(in oklab, var(--color-wa-green) 50%, transparent);
      }
    }

    .hover\:bg-\[\#0E60D4\]:hover {
      background-color: #0e60d4;
    }

    .hover\:bg-\[\#1ec05a\]:hover {
      background-color: #1ec05a;
    }

    .hover\:bg-\[\#5B3D8A\]\/10:hover {
      background-color: oklab(43.2535% .0604397 -.108473 / .1);
    }

    .hover\:bg-\[\#1864d6\]:hover {
      background-color: #1864d6;
    }

    .hover\:bg-\[\#1877F2\]\/5:hover {
      background-color: oklab(58.9125% -.0426609 -.198334 / .05);
    }

    .hover\:bg-\[\#A1431F\]:hover {
      background-color: #a1431f;
    }

    .hover\:bg-\[\#C56B4F\]:hover {
      background-color: #c56b4f;
    }

    .hover\:bg-\[\#EAF6FC\]:hover {
      background-color: #eaf6fc;
    }

    .hover\:bg-\[\#EFF5FF\]:hover {
      background-color: #eff5ff;
    }

    .hover\:bg-\[\#FCEEF3\]:hover {
      background-color: #fceef3;
    }

    .hover\:bg-\[\#FDF2F8\]:hover {
      background-color: #fdf2f8;
    }

    .hover\:bg-\[\#FFEDE8\]:hover {
      background-color: #ffede8;
    }

    .hover\:bg-accent-amber\/10:hover {
      background-color: #e5a04e1a;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-accent-amber\/10:hover {
        background-color: color-mix(in oklab, var(--color-accent-amber) 10%, transparent);
      }
    }

    .hover\:bg-accent-amber\/15:hover {
      background-color: #e5a04e26;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-accent-amber\/15:hover {
        background-color: color-mix(in oklab, var(--color-accent-amber) 15%, transparent);
      }
    }

    .hover\:bg-accent-coral:hover {
      background-color: var(--color-accent-coral);
    }

    .hover\:bg-accent-coral\/5:hover {
      background-color: #e87a5d0d;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-accent-coral\/5:hover {
        background-color: color-mix(in oklab, var(--color-accent-coral) 5%, transparent);
      }
    }

    .hover\:bg-accent-coral\/10:hover {
      background-color: #e87a5d1a;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-accent-coral\/10:hover {
        background-color: color-mix(in oklab, var(--color-accent-coral) 10%, transparent);
      }
    }

    .hover\:bg-accent-coral\/15:hover {
      background-color: #e87a5d26;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-accent-coral\/15:hover {
        background-color: color-mix(in oklab, var(--color-accent-coral) 15%, transparent);
      }
    }

    .hover\:bg-accent-coral\/20:hover {
      background-color: #e87a5d33;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-accent-coral\/20:hover {
        background-color: color-mix(in oklab, var(--color-accent-coral) 20%, transparent);
      }
    }

    .hover\:bg-accent-coral\/80:hover {
      background-color: #e87a5dcc;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-accent-coral\/80:hover {
        background-color: color-mix(in oklab, var(--color-accent-coral) 80%, transparent);
      }
    }

    .hover\:bg-accent-coral\/90:hover {
      background-color: #e87a5de6;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-accent-coral\/90:hover {
        background-color: color-mix(in oklab, var(--color-accent-coral) 90%, transparent);
      }
    }

    .hover\:bg-amber-700:hover {
      background-color: var(--color-amber-700);
    }

    .hover\:bg-black:hover {
      background-color: var(--color-black);
    }

    .hover\:bg-gray-100:hover {
      background-color: var(--color-gray-100);
    }

    .hover\:bg-ink-700:hover {
      background-color: var(--color-ink-700);
    }

    .hover\:bg-ink-800:hover {
      background-color: var(--color-ink-800);
    }

    .hover\:bg-ink-900\/5:hover {
      background-color: #0b1f1c0d;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-ink-900\/5:hover {
        background-color: color-mix(in oklab, var(--color-ink-900) 5%, transparent);
      }
    }

    .hover\:bg-paper-0:hover {
      background-color: var(--color-paper-0);
    }

    .hover\:bg-paper-0\/10:hover {
      background-color: #fbfaf61a;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-paper-0\/10:hover {
        background-color: color-mix(in oklab, var(--color-paper-0) 10%, transparent);
      }
    }

    .hover\:bg-paper-0\/15:hover {
      background-color: #fbfaf626;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-paper-0\/15:hover {
        background-color: color-mix(in oklab, var(--color-paper-0) 15%, transparent);
      }
    }

    .hover\:bg-paper-0\/20:hover {
      background-color: #fbfaf633;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-paper-0\/20:hover {
        background-color: color-mix(in oklab, var(--color-paper-0) 20%, transparent);
      }
    }

    .hover\:bg-paper-0\/25:hover {
      background-color: #fbfaf640;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-paper-0\/25:hover {
        background-color: color-mix(in oklab, var(--color-paper-0) 25%, transparent);
      }
    }

    .hover\:bg-paper-50:hover {
      background-color: var(--color-paper-50);
    }

    .hover\:bg-paper-50\/40:hover {
      background-color: #f5f3ec66;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-paper-50\/40:hover {
        background-color: color-mix(in oklab, var(--color-paper-50) 40%, transparent);
      }
    }

    .hover\:bg-paper-50\/50:hover {
      background-color: #f5f3ec80;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-paper-50\/50:hover {
        background-color: color-mix(in oklab, var(--color-paper-50) 50%, transparent);
      }
    }

    .hover\:bg-paper-50\/60:hover {
      background-color: #f5f3ec99;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-paper-50\/60:hover {
        background-color: color-mix(in oklab, var(--color-paper-50) 60%, transparent);
      }
    }

    .hover\:bg-paper-50\/80:hover {
      background-color: #f5f3eccc;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-paper-50\/80:hover {
        background-color: color-mix(in oklab, var(--color-paper-50) 80%, transparent);
      }
    }

    .hover\:bg-paper-100:hover {
      background-color: var(--color-paper-100);
    }

    .hover\:bg-paper-200:hover {
      background-color: var(--color-paper-200);
    }

    .hover\:bg-paper-300:hover {
      background-color: var(--color-paper-300);
    }

    .hover\:bg-red-50:hover {
      background-color: var(--color-red-50);
    }

    .hover\:bg-red-500\/40:hover {
      background-color: #fb2c3666;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-red-500\/40:hover {
        background-color: color-mix(in oklab, var(--color-red-500) 40%, transparent);
      }
    }

    .hover\:bg-rose-700:hover {
      background-color: var(--color-rose-700);
    }

    .hover\:bg-sky-100:hover {
      background-color: var(--color-sky-100);
    }

    .hover\:bg-wa-bubble:hover {
      background-color: var(--color-wa-bubble);
    }

    .hover\:bg-wa-bubble\/30:hover {
      background-color: #e7ffdb4d;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-wa-bubble\/30:hover {
        background-color: color-mix(in oklab, var(--color-wa-bubble) 30%, transparent);
      }
    }

    .hover\:bg-wa-bubble\/40:hover {
      background-color: #e7ffdb66;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-wa-bubble\/40:hover {
        background-color: color-mix(in oklab, var(--color-wa-bubble) 40%, transparent);
      }
    }

    .hover\:bg-wa-bubble\/50:hover {
      background-color: #e7ffdb80;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-wa-bubble\/50:hover {
        background-color: color-mix(in oklab, var(--color-wa-bubble) 50%, transparent);
      }
    }

    .hover\:bg-wa-deep:hover {
      background-color: var(--color-wa-deep);
    }

    .hover\:bg-wa-deep\/5:hover {
      background-color: #075e540d;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-wa-deep\/5:hover {
        background-color: color-mix(in oklab, var(--color-wa-deep) 5%, transparent);
      }
    }

    .hover\:bg-wa-deep\/10:hover {
      background-color: #075e541a;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-wa-deep\/10:hover {
        background-color: color-mix(in oklab, var(--color-wa-deep) 10%, transparent);
      }
    }

    .hover\:bg-wa-deep\/20:hover {
      background-color: #075e5433;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-wa-deep\/20:hover {
        background-color: color-mix(in oklab, var(--color-wa-deep) 20%, transparent);
      }
    }

    .hover\:bg-wa-deep\/90:hover {
      background-color: #075e54e6;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-wa-deep\/90:hover {
        background-color: color-mix(in oklab, var(--color-wa-deep) 90%, transparent);
      }
    }

    .hover\:bg-wa-green\/20:hover {
      background-color: #25d36633;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-wa-green\/20:hover {
        background-color: color-mix(in oklab, var(--color-wa-green) 20%, transparent);
      }
    }

    .hover\:bg-wa-mint:hover {
      background-color: var(--color-wa-mint);
    }

    .hover\:bg-wa-mint\/10:hover {
      background-color: #dcf8c61a;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-wa-mint\/10:hover {
        background-color: color-mix(in oklab, var(--color-wa-mint) 10%, transparent);
      }
    }

    .hover\:bg-wa-mint\/30:hover {
      background-color: #dcf8c64d;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-wa-mint\/30:hover {
        background-color: color-mix(in oklab, var(--color-wa-mint) 30%, transparent);
      }
    }

    .hover\:bg-wa-mint\/40:hover {
      background-color: #dcf8c666;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-wa-mint\/40:hover {
        background-color: color-mix(in oklab, var(--color-wa-mint) 40%, transparent);
      }
    }

    .hover\:bg-wa-mint\/50:hover {
      background-color: #dcf8c680;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-wa-mint\/50:hover {
        background-color: color-mix(in oklab, var(--color-wa-mint) 50%, transparent);
      }
    }

    .hover\:bg-wa-mint\/60:hover {
      background-color: #dcf8c699;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-wa-mint\/60:hover {
        background-color: color-mix(in oklab, var(--color-wa-mint) 60%, transparent);
      }
    }

    .hover\:bg-wa-teal:hover {
      background-color: var(--color-wa-teal);
    }

    .hover\:bg-white:hover {
      background-color: var(--color-white);
    }

    .hover\:bg-white\/10:hover {
      background-color: #ffffff1a;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-white\/10:hover {
        background-color: color-mix(in oklab, var(--color-white) 10%, transparent);
      }
    }

    .hover\:bg-white\/20:hover {
      background-color: #fff3;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-white\/20:hover {
        background-color: color-mix(in oklab, var(--color-white) 20%, transparent);
      }
    }

    .hover\:from-wa-mint:hover {
      --tw-gradient-from: var(--color-wa-mint);
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }

    .hover\:to-wa-mint:hover {
      --tw-gradient-to: var(--color-wa-mint);
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }

    .hover\:text-\[\#1877F2\]:hover {
      color: #1877f2;
    }

    .hover\:text-accent-coral:hover {
      color: var(--color-accent-coral);
    }

    .hover\:text-gray-400:hover {
      color: var(--color-gray-400);
    }

    .hover\:text-gray-700:hover {
      color: var(--color-gray-700);
    }

    .hover\:text-ig-pink:hover {
      color: var(--color-ig-pink);
    }

    .hover\:text-ink-700:hover {
      color: var(--color-ink-700);
    }

    .hover\:text-ink-800:hover {
      color: var(--color-ink-800);
    }

    .hover\:text-ink-900:hover {
      color: var(--color-ink-900);
    }

    .hover\:text-paper-0:hover {
      color: var(--color-paper-0);
    }

    .hover\:text-red-600:hover {
      color: var(--color-red-600);
    }

    .hover\:text-wa-deep:hover {
      color: var(--color-wa-deep);
    }

    .hover\:text-wa-green:hover {
      color: var(--color-wa-green);
    }

    .hover\:text-wa-teal:hover {
      color: var(--color-wa-teal);
    }

    .hover\:text-white:hover {
      color: var(--color-white);
    }

    .hover\:underline:hover {
      text-decoration-line: underline;
    }

    .hover\:opacity-60:hover {
      opacity: .6;
    }

    .hover\:opacity-70:hover {
      opacity: .7;
    }

    .hover\:opacity-80:hover {
      opacity: .8;
    }

    .hover\:opacity-90:hover {
      opacity: .9;
    }

    .hover\:opacity-95:hover {
      opacity: .95;
    }

    .hover\:opacity-100:hover {
      opacity: 1;
    }

    .hover\:shadow-card:hover {
      --tw-shadow: 0 1px 0 var(--tw-shadow-color, #0b1f1c0a), 0 1px 2px var(--tw-shadow-color, #0b1f1c0a);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }

    .hover\:shadow-soft:hover {
      --tw-shadow: 0 8px 24px -12px var(--tw-shadow-color, #075e542e);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }

    .hover\:ring-2:hover {
      --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }

    .hover\:ring-wa-deep\/30:hover {
      --tw-ring-color: #075e544d;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:ring-wa-deep\/30:hover {
        --tw-ring-color: color-mix(in oklab, var(--color-wa-deep) 30%, transparent);
      }
    }

    .hover\:brightness-95:hover {
      --tw-brightness: brightness(95%);
      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, );
    }

    .hover\:brightness-110:hover {
      --tw-brightness: brightness(110%);
      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, );
    }

    .hover\:file\:bg-paper-200:hover::file-selector-button {
      background-color: var(--color-paper-200);
    }

    .hover\:file\:bg-wa-teal:hover::file-selector-button {
      background-color: var(--color-wa-teal);
    }
  }

  .focus\:border-accent-coral:focus {
    border-color: var(--color-accent-coral);
  }

  .focus\:border-blue-300:focus {
    border-color: var(--color-blue-300);
  }

  .focus\:border-ig-pink:focus {
    border-color: var(--color-ig-pink);
  }

  .focus\:border-ink-900:focus {
    border-color: var(--color-ink-900);
  }

  .focus\:border-wa-deep:focus {
    border-color: var(--color-wa-deep);
  }

  .focus\:border-wa-green:focus {
    border-color: var(--color-wa-green);
  }

  .focus\:bg-paper-0:focus {
    background-color: var(--color-paper-0);
  }

  .focus\:ring:focus {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .focus\:ring-0:focus {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .focus\:ring-2:focus {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .focus\:ring-4:focus {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .focus\:ring-accent-coral\/10:focus {
    --tw-ring-color: #e87a5d1a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .focus\:ring-accent-coral\/10:focus {
      --tw-ring-color: color-mix(in oklab, var(--color-accent-coral) 10%, transparent);
    }
  }

  .focus\:ring-amber-500\/30:focus {
    --tw-ring-color: #f99c004d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .focus\:ring-amber-500\/30:focus {
      --tw-ring-color: color-mix(in oklab, var(--color-amber-500) 30%, transparent);
    }
  }

  .focus\:ring-wa-deep:focus {
    --tw-ring-color: var(--color-wa-deep);
  }

  .focus\:ring-wa-deep\/10:focus {
    --tw-ring-color: #075e541a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .focus\:ring-wa-deep\/10:focus {
      --tw-ring-color: color-mix(in oklab, var(--color-wa-deep) 10%, transparent);
    }
  }

  .focus\:ring-wa-deep\/20:focus {
    --tw-ring-color: #075e5433;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .focus\:ring-wa-deep\/20:focus {
      --tw-ring-color: color-mix(in oklab, var(--color-wa-deep) 20%, transparent);
    }
  }

  .focus\:ring-wa-deep\/30:focus {
    --tw-ring-color: #075e544d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .focus\:ring-wa-deep\/30:focus {
      --tw-ring-color: color-mix(in oklab, var(--color-wa-deep) 30%, transparent);
    }
  }

  .focus\:ring-wa-deep\/40:focus {
    --tw-ring-color: #075e5466;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .focus\:ring-wa-deep\/40:focus {
      --tw-ring-color: color-mix(in oklab, var(--color-wa-deep) 40%, transparent);
    }
  }

  .focus\:ring-wa-green\/15:focus {
    --tw-ring-color: #25d36626;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .focus\:ring-wa-green\/15:focus {
      --tw-ring-color: color-mix(in oklab, var(--color-wa-green) 15%, transparent);
    }
  }

  .focus\:outline-none:focus {
    --tw-outline-style: none;
    outline-style: none;
  }

  .focus-visible\:ring-2:focus-visible {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .focus-visible\:ring-\[\#1877F2\]\/60:focus-visible {
    --tw-ring-color: oklab(58.9125% -.0426609 -.198334 / .6);
  }

  .focus-visible\:ring-cyan-300\/60:focus-visible {
    --tw-ring-color: #53eafd99;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .focus-visible\:ring-cyan-300\/60:focus-visible {
      --tw-ring-color: color-mix(in oklab, var(--color-cyan-300) 60%, transparent);
    }
  }

  .focus-visible\:ring-emerald-400\/60:focus-visible {
    --tw-ring-color: #00d29499;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .focus-visible\:ring-emerald-400\/60:focus-visible {
      --tw-ring-color: color-mix(in oklab, var(--color-emerald-400) 60%, transparent);
    }
  }

  .focus-visible\:ring-sky-300\/60:focus-visible {
    --tw-ring-color: #77d4ff99;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .focus-visible\:ring-sky-300\/60:focus-visible {
      --tw-ring-color: color-mix(in oklab, var(--color-sky-300) 60%, transparent);
    }
  }

  .focus-visible\:ring-wa-deep\/50:focus-visible {
    --tw-ring-color: #075e5480;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .focus-visible\:ring-wa-deep\/50:focus-visible {
      --tw-ring-color: color-mix(in oklab, var(--color-wa-deep) 50%, transparent);
    }
  }

  .focus-visible\:ring-wa-green\/60:focus-visible {
    --tw-ring-color: #25d36699;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .focus-visible\:ring-wa-green\/60:focus-visible {
      --tw-ring-color: color-mix(in oklab, var(--color-wa-green) 60%, transparent);
    }
  }

  .focus-visible\:outline-none:focus-visible {
    --tw-outline-style: none;
    outline-style: none;
  }

  .active\:scale-95:active {
    --tw-scale-x: 95%;
    --tw-scale-y: 95%;
    --tw-scale-z: 95%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }

  .active\:cursor-grabbing:active {
    cursor: grabbing;
  }

  .active\:bg-gray-100:active {
    background-color: var(--color-gray-100);
  }

  .active\:text-gray-500:active {
    color: var(--color-gray-500);
  }

  .active\:text-gray-700:active {
    color: var(--color-gray-700);
  }

  .active\:text-gray-800:active {
    color: var(--color-gray-800);
  }

  .disabled\:pointer-events-none:disabled {
    pointer-events: none;
  }

  .disabled\:cursor-not-allowed:disabled {
    cursor: not-allowed;
  }

  .disabled\:bg-paper-50:disabled {
    background-color: var(--color-paper-50);
  }

  .disabled\:bg-paper-200:disabled {
    background-color: var(--color-paper-200);
  }

  .disabled\:text-ink-500:disabled {
    color: var(--color-ink-500);
  }

  .disabled\:opacity-30:disabled {
    opacity: .3;
  }

  .disabled\:opacity-35:disabled {
    opacity: .35;
  }

  .disabled\:opacity-40:disabled {
    opacity: .4;
  }

  .disabled\:opacity-50:disabled {
    opacity: .5;
  }

  .disabled\:opacity-55:disabled {
    opacity: .55;
  }

  .disabled\:opacity-60:disabled {
    opacity: .6;
  }

  @media (hover: hover) {
    .disabled\:hover\:border-paper-200:disabled:hover {
      border-color: var(--color-paper-200);
    }

    .disabled\:hover\:bg-paper-0:disabled:hover {
      background-color: var(--color-paper-0);
    }
  }

  .has-\[\:checked\]\:border-wa-deep:has(:checked) {
    border-color: var(--color-wa-deep);
  }

  .has-\[\:checked\]\:bg-\[\#F0F8F6\]:has(:checked) {
    background-color: #f0f8f6;
  }

  .has-\[\:checked\]\:bg-wa-bubble:has(:checked) {
    background-color: var(--color-wa-bubble);
  }

  .has-\[\:checked\]\:bg-wa-bubble\/30:has(:checked) {
    background-color: #e7ffdb4d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .has-\[\:checked\]\:bg-wa-bubble\/30:has(:checked) {
      background-color: color-mix(in oklab, var(--color-wa-bubble) 30%, transparent);
    }
  }

  .has-\[\:checked\]\:bg-wa-deep:has(:checked) {
    background-color: var(--color-wa-deep);
  }

  .has-\[\:checked\]\:bg-wa-mint\/20:has(:checked) {
    background-color: #dcf8c633;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .has-\[\:checked\]\:bg-wa-mint\/20:has(:checked) {
      background-color: color-mix(in oklab, var(--color-wa-mint) 20%, transparent);
    }
  }

  .has-\[\:checked\]\:bg-wa-mint\/40:has(:checked) {
    background-color: #dcf8c666;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .has-\[\:checked\]\:bg-wa-mint\/40:has(:checked) {
      background-color: color-mix(in oklab, var(--color-wa-mint) 40%, transparent);
    }
  }

  .has-\[\:checked\]\:text-paper-0:has(:checked) {
    color: var(--color-paper-0);
  }

  .has-\[\:checked\]\:ring-2:has(:checked) {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .has-\[\:checked\]\:ring-wa-deep\/20:has(:checked) {
    --tw-ring-color: #075e5433;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .has-\[\:checked\]\:ring-wa-deep\/20:has(:checked) {
      --tw-ring-color: color-mix(in oklab, var(--color-wa-deep) 20%, transparent);
    }
  }

  .data-\[active\=false\]\:opacity-40[data-active="false"] {
    opacity: .4;
  }

  .data-\[active\=true\]\:border-wa-deep[data-active="true"] {
    border-color: var(--color-wa-deep);
  }

  .data-\[active\=true\]\:bg-\[\#F0F8F6\][data-active="true"] {
    background-color: #f0f8f6;
  }

  .data-\[active\=true\]\:bg-wa-deep[data-active="true"] {
    background-color: var(--color-wa-deep);
  }

  .data-\[active\=true\]\:text-paper-0[data-active="true"] {
    color: var(--color-paper-0);
  }

  .data-\[active\=true\]\:ring-2[data-active="true"] {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .data-\[active\=true\]\:ring-wa-deep\/15[data-active="true"] {
    --tw-ring-color: #075e5426;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .data-\[active\=true\]\:ring-wa-deep\/15[data-active="true"] {
      --tw-ring-color: color-mix(in oklab, var(--color-wa-deep) 15%, transparent);
    }
  }

  .data-\[selected\=false\]\:border-paper-200[data-selected="false"] {
    border-color: var(--color-paper-200);
  }

  .data-\[selected\=false\]\:bg-paper-0[data-selected="false"] {
    background-color: var(--color-paper-0);
  }

  .data-\[selected\=false\]\:text-ink-700[data-selected="false"] {
    color: var(--color-ink-700);
  }

  @media (hover: hover) {
    .data-\[selected\=false\]\:hover\:border-wa-deep[data-selected="false"]:hover {
      border-color: var(--color-wa-deep);
    }
  }

  .data-\[selected\=true\]\:border-wa-deep[data-selected="true"] {
    border-color: var(--color-wa-deep);
  }

  .data-\[selected\=true\]\:bg-wa-deep[data-selected="true"] {
    background-color: var(--color-wa-deep);
  }

  .data-\[selected\=true\]\:text-paper-0[data-selected="true"] {
    color: var(--color-paper-0);
  }

  @media not all and (min-width: 64rem) {
    .max-lg\:hidden {
      display: none;
    }
  }

  @media (min-width: 40rem) {
    .sm\:inset-0 {
      inset: calc(var(--spacing) * 0);
    }

    .sm\:col-span-1 {
      grid-column: span 1 / span 1;
    }

    .sm\:col-span-2 {
      grid-column: span 2 / span 2;
    }

    .sm\:col-span-3 {
      grid-column: span 3 / span 3;
    }

    .sm\:m-auto {
      margin: auto;
    }

    .sm\:mx-7 {
      margin-inline: calc(var(--spacing) * 7);
    }

    .sm\:ml-auto {
      margin-left: auto;
    }

    .sm\:block {
      display: block;
    }

    .sm\:flex {
      display: flex;
    }

    .sm\:grid {
      display: grid;
    }

    .sm\:hidden {
      display: none;
    }

    .sm\:inline {
      display: inline;
    }

    .sm\:inline-flex {
      display: inline-flex;
    }

    .sm\:table-cell {
      display: table-cell;
    }

    .sm\:h-16 {
      height: calc(var(--spacing) * 16);
    }

    .sm\:h-\[660px\] {
      height: 660px;
    }

    .sm\:max-h-\[calc\(100dvh-3rem\)\] {
      max-height: calc(100dvh - 3rem);
    }

    .sm\:w-1\/2 {
      width: 50%;
    }

    .sm\:w-64 {
      width: calc(var(--spacing) * 64);
    }

    .sm\:w-72 {
      width: calc(var(--spacing) * 72);
    }

    .sm\:w-\[15rem\] {
      width: 15rem;
    }

    .sm\:w-\[240px\] {
      width: 240px;
    }

    .sm\:w-\[280px\] {
      width: 280px;
    }

    .sm\:w-auto {
      width: auto;
    }

    .sm\:max-w-2xl {
      max-width: var(--container-2xl);
    }

    .sm\:max-w-\[210px\] {
      max-width: 210px;
    }

    .sm\:max-w-\[280px\] {
      max-width: 280px;
    }

    .sm\:max-w-sm {
      max-width: var(--container-sm);
    }

    .sm\:flex-1 {
      flex: 1;
    }

    .sm\:flex-none {
      flex: none;
    }

    .sm\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .sm\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .sm\:grid-cols-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .sm\:grid-cols-5 {
      grid-template-columns: repeat(5, minmax(0, 1fr));
    }

    .sm\:grid-cols-6 {
      grid-template-columns: repeat(6, minmax(0, 1fr));
    }

    .sm\:grid-cols-\[1\.6fr_1fr\] {
      grid-template-columns: 1.6fr 1fr;
    }

    .sm\:grid-cols-\[1fr_100px_120px\] {
      grid-template-columns: 1fr 100px 120px;
    }

    .sm\:grid-cols-\[1fr_240px\] {
      grid-template-columns: 1fr 240px;
    }

    .sm\:grid-cols-\[1fr_auto\] {
      grid-template-columns: 1fr auto;
    }

    .sm\:grid-cols-\[100px_1fr_120px_120px\] {
      grid-template-columns: 100px 1fr 120px 120px;
    }

    .sm\:grid-cols-\[130px_1fr_1fr_28px\] {
      grid-template-columns: 130px 1fr 1fr 28px;
    }

    .sm\:grid-cols-\[140px_1fr\] {
      grid-template-columns: 140px 1fr;
    }

    .sm\:grid-cols-\[200px_1fr\] {
      grid-template-columns: 200px 1fr;
    }

    .sm\:flex-row {
      flex-direction: row;
    }

    .sm\:flex-nowrap {
      flex-wrap: nowrap;
    }

    .sm\:items-center {
      align-items: center;
    }

    .sm\:items-end {
      align-items: flex-end;
    }

    .sm\:items-start {
      align-items: flex-start;
    }

    .sm\:justify-between {
      justify-content: space-between;
    }

    .sm\:gap-1\.5 {
      gap: calc(var(--spacing) * 1.5);
    }

    .sm\:gap-2 {
      gap: calc(var(--spacing) * 2);
    }

    .sm\:gap-3 {
      gap: calc(var(--spacing) * 3);
    }

    .sm\:gap-4 {
      gap: calc(var(--spacing) * 4);
    }

    .sm\:gap-10 {
      gap: calc(var(--spacing) * 10);
    }

    .sm\:rounded-2xl {
      border-radius: var(--radius-2xl);
    }

    .sm\:p-5 {
      padding: calc(var(--spacing) * 5);
    }

    .sm\:p-6 {
      padding: calc(var(--spacing) * 6);
    }

    .sm\:p-7 {
      padding: calc(var(--spacing) * 7);
    }

    .sm\:p-8 {
      padding: calc(var(--spacing) * 8);
    }

    .sm\:p-9 {
      padding: calc(var(--spacing) * 9);
    }

    .sm\:px-0 {
      padding-inline: calc(var(--spacing) * 0);
    }

    .sm\:px-3 {
      padding-inline: calc(var(--spacing) * 3);
    }

    .sm\:px-4 {
      padding-inline: calc(var(--spacing) * 4);
    }

    .sm\:px-5 {
      padding-inline: calc(var(--spacing) * 5);
    }

    .sm\:px-6 {
      padding-inline: calc(var(--spacing) * 6);
    }

    .sm\:px-7 {
      padding-inline: calc(var(--spacing) * 7);
    }

    .sm\:px-8 {
      padding-inline: calc(var(--spacing) * 8);
    }

    .sm\:px-10 {
      padding-inline: calc(var(--spacing) * 10);
    }

    .sm\:py-0 {
      padding-block: calc(var(--spacing) * 0);
    }

    .sm\:py-3 {
      padding-block: calc(var(--spacing) * 3);
    }

    .sm\:py-7 {
      padding-block: calc(var(--spacing) * 7);
    }

    .sm\:py-16 {
      padding-block: calc(var(--spacing) * 16);
    }

    .sm\:py-28 {
      padding-block: calc(var(--spacing) * 28);
    }

    .sm\:pr-2\.5 {
      padding-right: calc(var(--spacing) * 2.5);
    }

    .sm\:pr-6 {
      padding-right: calc(var(--spacing) * 6);
    }

    .sm\:pl-6 {
      padding-left: calc(var(--spacing) * 6);
    }

    .sm\:text-\[28px\] {
      font-size: 28px;
    }

    .sm\:text-\[30px\] {
      font-size: 30px;
    }

    .sm\:text-\[32px\] {
      font-size: 32px;
    }

    .sm\:text-\[34px\] {
      font-size: 34px;
    }

    .sm\:text-\[36px\] {
      font-size: 36px;
    }

    .sm\:text-\[38px\] {
      font-size: 38px;
    }

    .sm\:text-\[40px\] {
      font-size: 40px;
    }

    .sm\:text-\[44px\] {
      font-size: 44px;
    }

    .sm\:text-\[46px\] {
      font-size: 46px;
    }

    .sm\:text-\[48px\] {
      font-size: 48px;
    }

    .sm\:text-\[52px\] {
      font-size: 52px;
    }

    .sm\:text-\[54px\] {
      font-size: 54px;
    }

    .sm\:text-\[56px\] {
      font-size: 56px;
    }

    .sm\:text-\[64px\] {
      font-size: 64px;
    }

    .sm\:text-\[68px\] {
      font-size: 68px;
    }

    .sm\:text-\[72px\] {
      font-size: 72px;
    }

    .sm\:text-\[96px\] {
      font-size: 96px;
    }

    .sm\:text-\[110px\] {
      font-size: 110px;
    }

    .sm\:text-\[120px\] {
      font-size: 120px;
    }

    .sm\:text-\[140px\] {
      font-size: 140px;
    }
  }

  @media (min-width: 48rem) {
    .md\:absolute {
      position: absolute;
    }

    .md\:relative {
      position: relative;
    }

    .md\:static {
      position: static;
    }

    .md\:inset-auto {
      inset: auto;
    }

    .md\:top-auto {
      top: auto;
    }

    .md\:right-0 {
      right: calc(var(--spacing) * 0);
    }

    .md\:left-auto {
      left: auto;
    }

    .md\:col-span-1 {
      grid-column: span 1 / span 1;
    }

    .md\:col-span-2 {
      grid-column: span 2 / span 2;
    }

    .md\:col-span-3 {
      grid-column: span 3 / span 3;
    }

    .md\:col-span-4 {
      grid-column: span 4 / span 4;
    }

    .md\:col-span-6 {
      grid-column: span 6 / span 6;
    }

    .md\:mt-0 {
      margin-top: calc(var(--spacing) * 0);
    }

    .md\:mt-2 {
      margin-top: calc(var(--spacing) * 2);
    }

    .md\:ml-4 {
      margin-left: calc(var(--spacing) * 4);
    }

    .md\:block {
      display: block;
    }

    .md\:flex {
      display: flex;
    }

    .md\:grid {
      display: grid;
    }

    .md\:hidden {
      display: none;
    }

    .md\:inline {
      display: inline;
    }

    .md\:inline-flex {
      display: inline-flex;
    }

    .md\:table-cell {
      display: table-cell;
    }

    .md\:w-72 {
      width: calc(var(--spacing) * 72);
    }

    .md\:w-\[360px\] {
      width: 360px;
    }

    .md\:w-\[380px\] {
      width: 380px;
    }

    .md\:w-auto {
      width: auto;
    }

    .md\:basis-auto {
      flex-basis: auto;
    }

    .md\:translate-x-0 {
      --tw-translate-x: calc(var(--spacing) * 0);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }

    .md\:grid-cols-1 {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }

    .md\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .md\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .md\:grid-cols-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .md\:grid-cols-5 {
      grid-template-columns: repeat(5, minmax(0, 1fr));
    }

    .md\:grid-cols-\[1fr_1fr_auto_auto\] {
      grid-template-columns: 1fr 1fr auto auto;
    }

    .md\:grid-cols-\[1fr_140px\] {
      grid-template-columns: 1fr 140px;
    }

    .md\:grid-cols-\[1fr_150px_120px\] {
      grid-template-columns: 1fr 150px 120px;
    }

    .md\:grid-cols-\[1fr_180px\] {
      grid-template-columns: 1fr 180px;
    }

    .md\:grid-cols-\[160px_1fr\] {
      grid-template-columns: 160px 1fr;
    }

    .md\:grid-cols-\[200px_1fr\] {
      grid-template-columns: 200px 1fr;
    }

    .md\:grid-cols-\[260px_1fr\] {
      grid-template-columns: 260px 1fr;
    }

    .md\:grid-cols-\[260px_minmax\(0\,1fr\)\] {
      grid-template-columns: 260px minmax(0, 1fr);
    }

    .md\:grid-cols-\[280px_1fr\] {
      grid-template-columns: 280px 1fr;
    }

    .md\:flex-row {
      flex-direction: row;
    }

    .md\:flex-nowrap {
      flex-wrap: nowrap;
    }

    .md\:items-center {
      align-items: center;
    }

    .md\:items-end {
      align-items: flex-end;
    }

    .md\:items-start {
      align-items: flex-start;
    }

    .md\:justify-between {
      justify-content: space-between;
    }

    .md\:gap-1\.5 {
      gap: calc(var(--spacing) * 1.5);
    }

    .md\:gap-2 {
      gap: calc(var(--spacing) * 2);
    }

    .md\:bg-transparent {
      background-color: #0000;
    }

    .md\:p-7 {
      padding: calc(var(--spacing) * 7);
    }

    .md\:p-10 {
      padding: calc(var(--spacing) * 10);
    }

    .md\:px-6 {
      padding-inline: calc(var(--spacing) * 6);
    }

    .md\:px-9 {
      padding-inline: calc(var(--spacing) * 9);
    }

    .md\:pt-7 {
      padding-top: calc(var(--spacing) * 7);
    }

    .md\:pr-3 {
      padding-right: calc(var(--spacing) * 3);
    }

    .md\:pb-0 {
      padding-bottom: calc(var(--spacing) * 0);
    }

    .md\:text-\[24px\] {
      font-size: 24px;
    }

    .md\:text-\[38px\] {
      font-size: 38px;
    }

    .md\:text-\[42px\] {
      font-size: 42px;
    }

    .md\:text-\[44px\] {
      font-size: 44px;
    }

    .md\:text-\[52px\] {
      font-size: 52px;
    }

    .md\:transition-none {
      transition-property: none;
    }
  }

  @media (min-width: 64rem) {
    .lg\:sticky {
      position: sticky;
    }

    .lg\:top-4 {
      top: calc(var(--spacing) * 4);
    }

    .lg\:top-6 {
      top: calc(var(--spacing) * 6);
    }

    .lg\:top-20 {
      top: calc(var(--spacing) * 20);
    }

    .lg\:top-24 {
      top: calc(var(--spacing) * 24);
    }

    .lg\:top-\[84px\] {
      top: 84px;
    }

    .lg\:top-\[88px\] {
      top: 88px;
    }

    .lg\:col-span-2 {
      grid-column: span 2 / span 2;
    }

    .lg\:col-span-3 {
      grid-column: span 3 / span 3;
    }

    .lg\:col-span-4 {
      grid-column: span 4 / span 4;
    }

    .lg\:col-span-5 {
      grid-column: span 5 / span 5;
    }

    .lg\:col-span-6 {
      grid-column: span 6 / span 6;
    }

    .lg\:col-span-7 {
      grid-column: span 7 / span 7;
    }

    .lg\:col-span-8 {
      grid-column: span 8 / span 8;
    }

    .lg\:col-span-9 {
      grid-column: span 9 / span 9;
    }

    .lg\:col-span-10 {
      grid-column: span 10 / span 10;
    }

    .lg\:-mt-3 {
      margin-top: calc(var(--spacing) * -3);
    }

    .lg\:-mt-4 {
      margin-top: calc(var(--spacing) * -4);
    }

    .lg\:-mt-\[6\.6rem\] {
      margin-top: -6.6rem;
    }

    .lg\:mb-0 {
      margin-bottom: calc(var(--spacing) * 0);
    }

    .lg\:mb-3 {
      margin-bottom: calc(var(--spacing) * 3);
    }

    .lg\:mb-4 {
      margin-bottom: calc(var(--spacing) * 4);
    }

    .lg\:mb-6 {
      margin-bottom: calc(var(--spacing) * 6);
    }

    .lg\:-ml-px {
      margin-left: -1px;
    }

    .lg\:ml-0 {
      margin-left: calc(var(--spacing) * 0);
    }

    .lg\:block {
      display: block;
    }

    .lg\:flex {
      display: flex;
    }

    .lg\:hidden {
      display: none;
    }

    .lg\:aspect-auto {
      aspect-ratio: auto;
    }

    .lg\:h-full {
      height: 100%;
    }

    .lg\:min-h-0 {
      min-height: calc(var(--spacing) * 0);
    }

    .lg\:w-60 {
      width: calc(var(--spacing) * 60);
    }

    .lg\:w-72 {
      width: calc(var(--spacing) * 72);
    }

    .lg\:w-\[300px\] {
      width: 300px;
    }

    .lg\:w-\[360px\] {
      width: 360px;
    }

    .lg\:w-\[438px\] {
      width: 438px;
    }

    .lg\:w-\[440px\] {
      width: 440px;
    }

    .lg\:w-\[480px\] {
      width: 480px;
    }

    .lg\:w-\[520px\] {
      width: 520px;
    }

    .lg\:w-auto {
      width: auto;
    }

    .lg\:max-w-4xl {
      max-width: var(--container-4xl);
    }

    .lg\:min-w-0 {
      min-width: calc(var(--spacing) * 0);
    }

    .lg\:flex-1 {
      flex: 1;
    }

    .lg\:shrink-0 {
      flex-shrink: 0;
    }

    .lg\:grow {
      flex-grow: 1;
    }

    .lg\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .lg\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .lg\:grid-cols-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .lg\:grid-cols-5 {
      grid-template-columns: repeat(5, minmax(0, 1fr));
    }

    .lg\:grid-cols-6 {
      grid-template-columns: repeat(6, minmax(0, 1fr));
    }

    .lg\:grid-cols-7 {
      grid-template-columns: repeat(7, minmax(0, 1fr));
    }

    .lg\:grid-cols-8 {
      grid-template-columns: repeat(8, minmax(0, 1fr));
    }

    .lg\:grid-cols-12 {
      grid-template-columns: repeat(12, minmax(0, 1fr));
    }

    .lg\:grid-cols-\[1\.2fr_0\.8fr\] {
      grid-template-columns: 1.2fr .8fr;
    }

    .lg\:grid-cols-\[1\.4fr_1fr\] {
      grid-template-columns: 1.4fr 1fr;
    }

    .lg\:grid-cols-\[1fr_1\.5fr\] {
      grid-template-columns: 1fr 1.5fr;
    }

    .lg\:grid-cols-\[1fr_170px_130px_120px_72px\] {
      grid-template-columns: 1fr 170px 130px 120px 72px;
    }

    .lg\:grid-cols-\[1fr_300px\] {
      grid-template-columns: 1fr 300px;
    }

    .lg\:grid-cols-\[1fr_320px\] {
      grid-template-columns: 1fr 320px;
    }

    .lg\:grid-cols-\[1fr_330px\] {
      grid-template-columns: 1fr 330px;
    }

    .lg\:grid-cols-\[1fr_340px\] {
      grid-template-columns: 1fr 340px;
    }

    .lg\:grid-cols-\[1fr_360px\] {
      grid-template-columns: 1fr 360px;
    }

    .lg\:grid-cols-\[1fr_380px\] {
      grid-template-columns: 1fr 380px;
    }

    .lg\:grid-cols-\[1fr_400px\] {
      grid-template-columns: 1fr 400px;
    }

    .lg\:grid-cols-\[1fr_420px\] {
      grid-template-columns: 1fr 420px;
    }

    .lg\:grid-cols-\[1fr_460px\] {
      grid-template-columns: 1fr 460px;
    }

    .lg\:grid-cols-\[1fr_540px\] {
      grid-template-columns: 1fr 540px;
    }

    .lg\:grid-cols-\[80px_1fr_24px_1fr\] {
      grid-template-columns: 80px 1fr 24px 1fr;
    }

    .lg\:grid-cols-\[260px_1fr\] {
      grid-template-columns: 260px 1fr;
    }

    .lg\:grid-cols-\[260px_1fr_360px\] {
      grid-template-columns: 260px 1fr 360px;
    }

    .lg\:grid-cols-\[280px_1fr\] {
      grid-template-columns: 280px 1fr;
    }

    .lg\:grid-cols-\[420px_1fr\] {
      grid-template-columns: 420px 1fr;
    }

    .lg\:grid-cols-\[minmax\(0\,1fr\)_280px\] {
      grid-template-columns: minmax(0, 1fr) 280px;
    }

    .lg\:grid-cols-\[minmax\(0\,1fr\)_320px\] {
      grid-template-columns: minmax(0, 1fr) 320px;
    }

    .lg\:grid-cols-\[minmax\(0\,1fr\)_340px\] {
      grid-template-columns: minmax(0, 1fr) 340px;
    }

    .lg\:grid-cols-\[minmax\(0\,1fr\)_360px\] {
      grid-template-columns: minmax(0, 1fr) 360px;
    }

    .lg\:grid-cols-\[minmax\(0\,1fr\)_380px\] {
      grid-template-columns: minmax(0, 1fr) 380px;
    }

    .lg\:flex-row {
      flex-direction: row;
    }

    .lg\:flex-nowrap {
      flex-wrap: nowrap;
    }

    .lg\:items-end {
      align-items: flex-end;
    }

    .lg\:items-start {
      align-items: flex-start;
    }

    .lg\:justify-between {
      justify-content: space-between;
    }

    .lg\:justify-center {
      justify-content: center;
    }

    .lg\:justify-end {
      justify-content: flex-end;
    }

    .lg\:justify-start {
      justify-content: flex-start;
    }

    .lg\:gap-12 {
      gap: calc(var(--spacing) * 12);
    }

    .lg\:overflow-hidden {
      overflow: hidden;
    }

    .lg\:rounded-full {
      border-radius: 3.40282e38px;
    }

    .lg\:rounded-t-none {
      border-top-left-radius: 0;
      border-top-right-radius: 0;
    }

    .lg\:rounded-tl-lg {
      border-top-left-radius: var(--radius-lg);
    }

    .lg\:rounded-r-lg {
      border-top-right-radius: var(--radius-lg);
      border-bottom-right-radius: var(--radius-lg);
    }

    .lg\:rounded-br-none {
      border-bottom-right-radius: 0;
    }

    .lg\:border-t-0 {
      border-top-style: var(--tw-border-style);
      border-top-width: 0;
    }

    .lg\:border-l {
      border-left-style: var(--tw-border-style);
      border-left-width: 1px;
    }

    .lg\:p-8 {
      padding: calc(var(--spacing) * 8);
    }

    .lg\:p-10 {
      padding: calc(var(--spacing) * 10);
    }

    .lg\:p-20 {
      padding: calc(var(--spacing) * 20);
    }

    .lg\:px-7 {
      padding-inline: calc(var(--spacing) * 7);
    }

    .lg\:px-10 {
      padding-inline: calc(var(--spacing) * 10);
    }

    .lg\:px-12 {
      padding-inline: calc(var(--spacing) * 12);
    }

    .lg\:px-14 {
      padding-inline: calc(var(--spacing) * 14);
    }

    .lg\:px-16 {
      padding-inline: calc(var(--spacing) * 16);
    }

    .lg\:py-20 {
      padding-block: calc(var(--spacing) * 20);
    }

    .lg\:text-\[32px\] {
      font-size: 32px;
    }

    .lg\:text-\[34px\] {
      font-size: 34px;
    }

    .lg\:text-\[36px\] {
      font-size: 36px;
    }

    .lg\:text-\[40px\] {
      font-size: 40px;
    }

    .lg\:text-\[44px\] {
      font-size: 44px;
    }

    .lg\:text-\[52px\] {
      font-size: 52px;
    }

    .lg\:text-\[60px\] {
      font-size: 60px;
    }

    .lg\:text-\[64px\] {
      font-size: 64px;
    }

    .lg\:text-\[88px\] {
      font-size: 88px;
    }

    .lg\:text-\[96px\] {
      font-size: 96px;
    }

    .lg\:text-\[100px\] {
      font-size: 100px;
    }

    .lg\:text-\[104px\] {
      font-size: 104px;
    }

    .lg\:text-\[112px\] {
      font-size: 112px;
    }

    .lg\:text-\[120px\] {
      font-size: 120px;
    }

    .lg\:text-\[140px\] {
      font-size: 140px;
    }
  }

  @media (min-width: 80rem) {
    .xl\:sticky {
      position: sticky;
    }

    .xl\:top-6 {
      top: calc(var(--spacing) * 6);
    }

    .xl\:top-\[20px\] {
      top: 20px;
    }

    .xl\:top-\[72px\] {
      top: 72px;
    }

    .xl\:top-\[78px\] {
      top: 78px;
    }

    .xl\:col-span-2 {
      grid-column: span 2 / span 2;
    }

    .xl\:col-span-3 {
      grid-column: span 3 / span 3;
    }

    .xl\:col-span-4 {
      grid-column: span 4 / span 4;
    }

    .xl\:col-span-5 {
      grid-column: span 5 / span 5;
    }

    .xl\:col-span-7 {
      grid-column: span 7 / span 7;
    }

    .xl\:col-span-8 {
      grid-column: span 8 / span 8;
    }

    .xl\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .xl\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .xl\:grid-cols-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .xl\:grid-cols-5 {
      grid-template-columns: repeat(5, minmax(0, 1fr));
    }

    .xl\:grid-cols-6 {
      grid-template-columns: repeat(6, minmax(0, 1fr));
    }

    .xl\:grid-cols-12 {
      grid-template-columns: repeat(12, minmax(0, 1fr));
    }

    .xl\:grid-cols-\[1\.5fr_1fr\] {
      grid-template-columns: 1.5fr 1fr;
    }

    .xl\:grid-cols-\[1fr_320px\] {
      grid-template-columns: 1fr 320px;
    }

    .xl\:grid-cols-\[1fr_342px\] {
      grid-template-columns: 1fr 342px;
    }

    .xl\:grid-cols-\[1fr_360px\] {
      grid-template-columns: 1fr 360px;
    }

    .xl\:grid-cols-\[250px_400px_minmax\(0\,1fr\)\] {
      grid-template-columns: 250px 400px minmax(0, 1fr);
    }

    .xl\:grid-cols-\[minmax\(0\,1fr\)_210px\] {
      grid-template-columns: minmax(0, 1fr) 210px;
    }

    .xl\:grid-cols-\[minmax\(0\,1fr\)_342px\] {
      grid-template-columns: minmax(0, 1fr) 342px;
    }

    .xl\:grid-cols-\[minmax\(0\,1fr\)_360px\] {
      grid-template-columns: minmax(0, 1fr) 360px;
    }

    .xl\:self-start {
      align-self: flex-start;
    }

    .xl\:text-\[44px\] {
      font-size: 44px;
    }

    .xl\:text-\[48px\] {
      font-size: 48px;
    }

    .xl\:text-\[52px\] {
      font-size: 52px;
    }
  }

  @media (min-width: 96rem) {
    .\32 xl\:col-span-3 {
      grid-column: span 3 / span 3;
    }

    .\32 xl\:h-4 {
      height: calc(var(--spacing) * 4);
    }

    .\32 xl\:w-4 {
      width: calc(var(--spacing) * 4);
    }

    .\32 xl\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .\32 xl\:gap-1 {
      gap: calc(var(--spacing) * 1);
    }

    .\32 xl\:gap-2 {
      gap: calc(var(--spacing) * 2);
    }

    .\32 xl\:px-3\.5 {
      padding-inline: calc(var(--spacing) * 3.5);
    }

    .\32 xl\:text-\[13px\] {
      font-size: 13px;
    }
  }

  .rtl\:flex-row-reverse:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
    flex-direction: row-reverse;
  }

  @media (prefers-color-scheme: dark) {
    .dark\:block {
      display: block;
    }

    .dark\:hidden {
      display: none;
    }

    .dark\:border-\[\#3E3E3A\] {
      border-color: #3e3e3a;
    }

    .dark\:border-\[\#eeeeec\] {
      border-color: #eeeeec;
    }

    .dark\:border-gray-600 {
      border-color: var(--color-gray-600);
    }

    .dark\:bg-\[\#0a0a0a\] {
      background-color: #0a0a0a;
    }

    .dark\:bg-\[\#1D0002\] {
      background-color: #1d0002;
    }

    .dark\:bg-\[\#3E3E3A\] {
      background-color: #3e3e3a;
    }

    .dark\:bg-\[\#161615\] {
      background-color: #161615;
    }

    .dark\:bg-\[\#eeeeec\] {
      background-color: #eeeeec;
    }

    .dark\:bg-gray-700 {
      background-color: var(--color-gray-700);
    }

    .dark\:bg-gray-800 {
      background-color: var(--color-gray-800);
    }

    .dark\:text-\[\#1C1C1A\] {
      color: #1c1c1a;
    }

    .dark\:text-\[\#A1A09A\] {
      color: #a1a09a;
    }

    .dark\:text-\[\#EDEDEC\] {
      color: #ededec;
    }

    .dark\:text-\[\#F61500\] {
      color: #f61500;
    }

    .dark\:text-\[\#FF4433\] {
      color: #f43;
    }

    .dark\:text-gray-200 {
      color: var(--color-gray-200);
    }

    .dark\:text-gray-300 {
      color: var(--color-gray-300);
    }

    .dark\:text-gray-400 {
      color: var(--color-gray-400);
    }

    .dark\:text-gray-600 {
      color: var(--color-gray-600);
    }

    .dark\:shadow-\[inset_0px_0px_0px_1px_\#fffaed2d\] {
      --tw-shadow: inset 0px 0px 0px 1px var(--tw-shadow-color, #fffaed2d);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }

    .dark\:before\:border-\[\#3E3E3A\]:before {
      content: var(--tw-content);
      border-color: #3e3e3a;
    }

    @media (hover: hover) {
      .dark\:hover\:border-\[\#3E3E3A\]:hover {
        border-color: #3e3e3a;
      }

      .dark\:hover\:border-\[\#62605b\]:hover {
        border-color: #62605b;
      }

      .dark\:hover\:border-white:hover {
        border-color: var(--color-white);
      }

      .dark\:hover\:bg-gray-900:hover {
        background-color: var(--color-gray-900);
      }

      .dark\:hover\:bg-white:hover {
        background-color: var(--color-white);
      }

      .dark\:hover\:text-gray-200:hover {
        color: var(--color-gray-200);
      }

      .dark\:hover\:text-gray-300:hover {
        color: var(--color-gray-300);
      }
    }

    .dark\:focus\:border-blue-700:focus {
      border-color: var(--color-blue-700);
    }

    .dark\:focus\:border-blue-800:focus {
      border-color: var(--color-blue-800);
    }

    .dark\:active\:bg-gray-700:active {
      background-color: var(--color-gray-700);
    }

    .dark\:active\:text-gray-300:active {
      color: var(--color-gray-300);
    }
  }

  @starting-style {
    .starting\:translate-y-4 {
      --tw-translate-y: calc(var(--spacing) * 4);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }

  @starting-style {
    .starting\:translate-y-6 {
      --tw-translate-y: calc(var(--spacing) * 6);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }

  @starting-style {
    .starting\:opacity-0 {
      opacity: 0;
    }
  }

  .\[\&_\*\]\:max-w-full * {
    max-width: 100%;
  }

  .\[\&_\.plan-crown\]\:ml-0 .plan-crown {
    margin-left: calc(var(--spacing) * 0);
  }

  .\[\&_svg\]\:text-ink-600 svg {
    color: var(--color-ink-600);
  }

  .\[\&\.active\]\:bg-ink-900.active {
    background-color: var(--color-ink-900);
  }

  .\[\&\.active\]\:bg-wa-deep.active {
    background-color: var(--color-wa-deep);
  }

  .\[\&\.active\]\:text-paper-0.active {
    color: var(--color-paper-0);
  }

  .\[\&\.danger\]\:border-accent-coral.danger {
    border-color: var(--color-accent-coral);
  }

  .\[\&\.danger\]\:text-accent-coral.danger {
    color: var(--color-accent-coral);
  }

  .\[\&\.has-file\]\:border-solid.has-file {
    --tw-border-style: solid;
    border-style: solid;
  }

  .\[\&\.has-file\]\:bg-wa-bubble.has-file {
    background-color: var(--color-wa-bubble);
  }

  .\[\&\.open\]\:flex.open {
    display: flex;
  }

  .\[\&\:\:-webkit-details-marker\]\:hidden::-webkit-details-marker {
    display: none;
  }

  .\[\&\:\:-webkit-scrollbar\]\:hidden::-webkit-scrollbar {
    display: none;
  }

  .\[aria-selected\=true\]\:border-wa-deep:is() {
    border-color: var(--color-wa-deep);
  }

  .\[aria-selected\=true\]\:bg-wa-mint\/60:is() {
    background-color: #dcf8c699;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .\[aria-selected\=true\]\:bg-wa-mint\/60:is() {
      background-color: color-mix(in oklab, var(--color-wa-mint) 60%, transparent);
    }
  }

  .\[data-tt-post\]\:visible:is(data-tt-post) {
    visibility: visible;
  }

  .peer-checked\:\[\&\>svg\]\:opacity-100:is(:where(.peer):checked ~ *) > svg {
    opacity: 1;
  }

  .\[\&\[aria-pressed\=true\]\]\:bg-wa-deep[aria-pressed="true"] {
    background-color: var(--color-wa-deep);
  }

  .\[\&\[aria-pressed\=true\]\]\:text-paper-0[aria-pressed="true"] {
    color: var(--color-paper-0);
  }
}
:root {
  --wa-brand-text: var(--color-wa-deep);
  --wa-brand-bright: oklch(from var(--color-wa-deep) .62 c h);
  --wa-brand-bg: var(--color-wa-deep);
  --wa-brand-border: var(--color-wa-deep);
  --wa-teal-text: var(--color-wa-teal);
  --wa-accent-text: var(--color-wa-green);
}
.hairline {
  box-shadow: inset 0 0 0 1px var(--color-paper-200);
}
.hairline-b {
  box-shadow: inset 0 -1px 0 var(--color-paper-200);
}
.toggle {
  flex: none;
  width: 36px;
  height: 20px;
  display: inline-block;
  position: relative;
}
.toggle .track {
  background: var(--color-paper-200);
  cursor: pointer;
  border-radius: 999px;
  transition: all .18s;
  position: absolute;
  inset: 0;
}
.toggle .thumb {
  background: var(--color-paper-0);
  pointer-events: none;
  border-radius: 50%;
  width: 16px;
  height: 16px;
  transition: all .18s;
  position: absolute;
  top: 2px;
  left: 2px;
  box-shadow: 0 1px 3px #0b1f1c33;
}
.use-sample:hover, .use-sample:hover * {
  color: #fff !important;
}
@keyframes plan-paywall-rise {
  from {
    transform: translateY(100%);
  }

  to {
    transform: translateY(0);
  }
}
@keyframes plan-paywall-fade {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}
.plan-paywall-overlay {
  animation: .2s ease-out both plan-paywall-fade;
}
.plan-paywall-sheet {
  animation: .28s cubic-bezier(.22, 1, .36, 1) both plan-paywall-rise;
}
.wa-iti-wrap .iti {
  width: 100%;
}
.wa-iti-wrap .iti__tel-input, .wa-iti-wrap input[type="tel"] {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
  padding-left: 108px !important;
}
.wa-iti-wrap .iti--separate-dial-code .iti__selected-flag {
  background-color: var(--color-paper-50);
  border-right: 1px solid var(--color-paper-200);
  border-radius: 12px 0 0 12px;
  gap: 6px;
  padding: 0 10px 0 12px;
}
.wa-iti-wrap .iti--separate-dial-code .iti__selected-dial-code {
  letter-spacing: .01em;
  margin-left: 4px;
  font-weight: 600;
}
.iti--container, .wa-iti-wrap .iti__country-list, .iti__country-list {
  background: var(--color-paper-0);
  border: 1px solid var(--color-paper-200);
  border-radius: 12px;
  box-shadow: 0 8px 24px -12px #075e542e;
}
@supports (color: color-mix(in lab, red, red)) {
  .iti--container, .wa-iti-wrap .iti__country-list, .iti__country-list {
    box-shadow: 0 8px 24px -12px color-mix(in srgb, var(--color-wa-deep) 18%, transparent);
  }
}
.iti--container, .wa-iti-wrap .iti__country-list, .iti__country-list {
  z-index: 80;
  font-size: 12.5px;
}
.iti__country.iti__highlight, .iti__country:hover {
  background: var(--color-wa-mint);
}
.wa-iti-wrap .iti__divider {
  border-bottom: 1px dashed var(--color-paper-200);
}
.wa-iti-wrap .iti__search-input {
  border: 1px solid var(--color-paper-200);
  border-radius: 999px;
  outline: none;
  padding: 6px 12px;
  font-size: 12.5px;
}
.wa-iti-wrap .iti__search-input:focus {
  border-color: var(--color-wa-deep);
  box-shadow: 0 0 0 4px #075e541a;
}
@supports (color: color-mix(in lab, red, red)) {
  .wa-iti-wrap .iti__search-input:focus {
    box-shadow: 0 0 0 4px color-mix(in srgb, var(--color-wa-deep) 10%, transparent);
  }
}
html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .wa-iti-wrap .iti--separate-dial-code .iti__selected-flag {
  background-color: #173631;
  border-right-color: #2d5a53;
}
html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .iti--container, html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .wa-iti-wrap .iti__country-list, html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .iti__country-list {
  color: #f0ebe0;
  background: #13312d;
  border-color: #2d5a53;
  box-shadow: 0 8px 24px -12px #0000008c;
}
html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .iti__country.iti__highlight, html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .iti__country:hover {
  background: #1f4540;
}
html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .wa-iti-wrap .iti__divider {
  border-bottom-color: #2d5a53;
}
html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .wa-iti-wrap .iti__search-input {
  color: #f0ebe0;
  background: #1f4540;
  border-color: #2d5a53;
}
html .ts-wrapper {
  width: 100%;
  font-family: Plus Jakarta Sans, system-ui, sans-serif;
}
html .ts-control, html .ts-wrapper.single .ts-control {
  border: 1px solid var(--color-paper-200) !important;
  background: var(--color-paper-0) !important;
  min-height: 42px !important;
  color: var(--color-ink-900) !important;
  box-shadow: none !important;
  border-radius: 8px !important;
  padding: 8px 10px !important;
  font-size: 13px !important;
  line-height: 1.45 !important;
}
html .ts-control input, html .ts-dropdown input {
  color: var(--color-ink-900) !important;
  font-size: 13px !important;
}
html .ts-control input::placeholder, html .ts-dropdown input::placeholder {
  opacity: 1;
  color: var(--color-ink-500) !important;
}
html .ts-wrapper.focus .ts-control {
  border-color: var(--color-wa-deep) !important;
  box-shadow: 0 0 0 4px #075e541a !important;
}
@supports (color: color-mix(in lab, red, red)) {
  html .ts-wrapper.focus .ts-control {
    box-shadow: 0 0 0 4px color-mix(in srgb, var(--color-wa-deep) 10%, transparent) !important;
  }
}
html .ts-wrapper.single .ts-control:after {
  border-color: var(--color-ink-500) transparent transparent transparent;
}
html .ts-wrapper.single.dropdown-active .ts-control:after {
  border-color: transparent transparent var(--color-ink-500) transparent;
}
html .ts-dropdown {
  z-index: 80 !important;
  border: 1px solid var(--color-paper-200) !important;
  background: var(--color-paper-0) !important;
  color: var(--color-ink-900) !important;
  border-radius: 10px !important;
  margin-top: 6px !important;
  font-size: 12.5px !important;
  overflow: hidden !important;
  box-shadow: 0 8px 24px -12px #075e542e !important;
}
@supports (color: color-mix(in lab, red, red)) {
  html .ts-dropdown {
    box-shadow: 0 8px 24px -12px color-mix(in srgb, var(--color-wa-deep) 18%, transparent) !important;
  }
}
html .ts-dropdown .option, html .ts-dropdown .create, html .ts-dropdown .no-results {
  color: var(--color-ink-700) !important;
  padding: 7px 10px !important;
}
html .ts-dropdown .active, html .ts-dropdown .option:hover {
  background: var(--color-wa-mint) !important;
  color: var(--color-wa-deep) !important;
}
html .ts-dropdown .selected {
  font-weight: 600;
}
html[data-theme="bright"] .ts-control, html[data-theme="bright"] .ts-wrapper.single .ts-control, html[data-theme="bright"] .ts-dropdown {
  background: #fff !important;
  border-color: #e6e6e6 !important;
}
html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .ts-control, html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .ts-wrapper.single .ts-control {
  color: #f0ebe0 !important;
  background: #1f4540 !important;
  border-color: #2d5a53 !important;
}
html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .ts-control input, html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .ts-dropdown input {
  color: #f0ebe0 !important;
}
html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .ts-control input::placeholder, html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .ts-dropdown input::placeholder {
  color: #92a29e !important;
}
html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .ts-wrapper.focus .ts-control {
  border-color: var(--color-wa-green) !important;
  box-shadow: 0 0 0 4px #25d3661f !important;
}
@supports (color: color-mix(in lab, red, red)) {
  html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .ts-wrapper.focus .ts-control {
    box-shadow: 0 0 0 4px color-mix(in srgb, var(--color-wa-green) 12%, transparent) !important;
  }
}
html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .ts-wrapper.single .ts-control:after {
  border-color: #a8b7b2 #0000 #0000;
}
html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .ts-wrapper.single.dropdown-active .ts-control:after {
  border-color: #0000 #0000 #a8b7b2;
}
html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .ts-dropdown {
  color: #f0ebe0 !important;
  background: #13312d !important;
  border-color: #2d5a53 !important;
  box-shadow: 0 8px 24px -12px #0000008c !important;
}
html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .ts-dropdown .option, html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .ts-dropdown .create, html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .ts-dropdown .no-results {
  color: #e5dfd0 !important;
}
html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .ts-dropdown .active, html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .ts-dropdown .option:hover {
  color: var(--wa-brand-bright) !important;
  background: #1f4540 !important;
}
.chat-emoji-picker {
  --background: var(--color-paper-0);
  --border-color: var(--color-paper-200);
  --border-size: 1px;
  --indicator-color: var(--color-wa-deep);
  --button-active-background: var(--color-wa-mint);
  --button-hover-background: var(--color-wa-mint);
  --input-border-color: var(--color-paper-200);
  --input-font-color: var(--color-ink-900);
  --input-placeholder-color: var(--color-ink-500);
  --input-padding: .35rem .6rem;
  --category-emoji-padding: .25rem;
  --emoji-padding: .35rem;
  --num-columns: 8;
  --outline-color: var(--color-wa-deep);
  --outline-size: 2px;
  border: 0;
  width: 320px;
  height: 380px;
}
.chat-emoji-picker::part(picker) {
  background: var(--color-paper-0);
}
@keyframes wa-shimmer {
  0% {
    background-position: -240px 0;
  }

  100% {
    background-position: 240px 0;
  }
}
.skeleton {
  background-color: var(--color-paper-100);
  background-image: linear-gradient(90deg, #fff0 0%, #fbfaf6d9 50%, #fff0 100%);
  background-repeat: no-repeat;
  background-size: 240px 100%;
  border-radius: 6px;
  animation: 1.4s ease-in-out infinite wa-shimmer;
}
html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .skeleton {
  background-color: #1f4540;
  background-image: linear-gradient(90deg, #fff0 0%, #ffffff1a 50%, #fff0 100%);
}
html[data-theme="doodle"] .skeleton {
  background-color: #d7e7d6;
  background-image: linear-gradient(90deg, #fff0 0%, #fffdf5d9 50%, #fff0 100%);
}
[data-site-header] {
  background: var(--color-paper-0);
  border-bottom: 1px solid var(--color-paper-200);
  min-height: 64px;
}
[data-site-header]:not(:empty) {
  background: none;
  border-bottom: 0;
  min-height: 0;
}
html {
  transition: background-color .25s, color .25s;
}
html[data-theme="bright"] body {
  background-color: #fff !important;
}
html[data-theme="bright"] .bg-paper-50, html[data-theme="bright"] .bg-paper-50\/40, html[data-theme="bright"] .bg-paper-50\/60 {
  background-color: #f8f8f8 !important;
}
html[data-theme="bright"] .bg-paper-0, html[data-theme="bright"] .bg-paper-0\/95, html[data-theme="bright"] .bg-paper-0\/40, html[data-theme="bright"] .bg-white {
  background-color: #fff !important;
}
html[data-theme="bright"] .bg-paper-100 {
  background-color: #f0f0f0 !important;
}
html[data-theme="bright"] .bg-paper-200 {
  background-color: #e6e6e6 !important;
}
html[data-theme="bright"] .border-paper-200, html[data-theme="bright"] .border-paper-100, html[data-theme="bright"] .divide-paper-200 > * + * {
  border-color: #e6e6e6 !important;
}
html[data-theme="bright"] [data-site-header], html[data-theme="bright"] header {
  background: #fff !important;
  border-color: #e6e6e6 !important;
}
html[data-theme="bright"] .hairline-b {
  box-shadow: inset 0 -1px #e6e6e6;
}
html[data-theme="bright"] .hairline {
  box-shadow: inset 0 0 0 1px #e6e6e6;
}
html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) {
  color-scheme: dark;
}
html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) body {
  color: #f0ebe0 !important;
  background-color: #0b1f1c !important;
}
html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .bg-paper-50, html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .bg-paper-50\/40, html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .bg-paper-50\/50, html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .bg-paper-50\/60 {
  background-color: #0f2723 !important;
}
html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .border-t.bg-paper-50\/40, html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .border-t.bg-paper-50\/50, html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .border-t.bg-paper-50\/60 {
  background-color: #15302c !important;
}
html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .opacity-50 {
  opacity: .75;
}
html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .bg-paper-0, html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .bg-paper-0\/95, html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .bg-paper-0\/40, html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .bg-paper-0\/15, html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .bg-white {
  background-color: #13312d !important;
}
html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .bg-paper-100 {
  background-color: #1f4540 !important;
}
html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .bg-paper-200, html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .bg-paper-300 {
  background-color: #2d5a53 !important;
}
html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .hover\:bg-paper-50:hover {
  background-color: #1f4540 !important;
}
html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .hover\:bg-paper-100:hover {
  background-color: #2d5a53 !important;
}
html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .hover\:bg-paper-50\/40:hover, html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .hover\:bg-paper-50\/50:hover, html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .hover\:bg-paper-50\/60:hover {
  background-color: #1a3a35 !important;
}
html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .border-paper-100, html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .border-paper-200, html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .border-paper-300, html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .divide-paper-200 > * + *, html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .divide-paper-100 > * + * {
  border-color: #2d5a53 !important;
}
html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) {
  --color-wa-deep: #075e54;
  --color-wa-teal: #128c7e;
  --color-wa-green: #25d366;
  --color-wa-mint: #dcf8c6;
  --color-wa-bubble: #e7ffdb;
  --wa-brand-text: #34d87a;
  --wa-brand-bright: #7bffb1;
  --wa-brand-bg: #0f8556;
  --wa-brand-border: #34d87a;
  --wa-teal-text: #3bd4c7;
  --wa-accent-text: #5bffa8;
}
html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .text-ink-900 {
  color: #fbfaf6 !important;
}
html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .text-ink-800 {
  color: #f0ebe0 !important;
}
html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .text-ink-700 {
  color: #e5dfd0 !important;
}
html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .text-ink-600 {
  color: #c9d2ce !important;
}
html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .text-ink-500 {
  color: #a8b7b2 !important;
}
html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .text-ink-400 {
  color: #92a29e !important;
}
html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .text-wa-deep {
  color: var(--wa-brand-text) !important;
}
html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .text-wa-teal {
  color: var(--wa-teal-text) !important;
}
html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) ::placeholder {
  opacity: 1;
  color: #92a29e !important;
}
html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) header, html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) [data-site-header] {
  background: #13312d !important;
  border-color: #2d5a53 !important;
}
html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .hairline-b {
  box-shadow: inset 0 -1px #2d5a53;
}
html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .hairline {
  box-shadow: inset 0 0 0 1px #2d5a53;
}
html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) input:not([type="checkbox"]):not([type="radio"]):not([type="color"]):not([type="file"]), html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) textarea, html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) select {
  color: #f0ebe0 !important;
  background-color: #1f4540 !important;
  border-color: #2d5a53 !important;
}
html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) input:focus, html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) textarea:focus, html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) select:focus {
  border-color: var(--color-wa-green) !important;
}
html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) button.bg-paper-0, html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) a.bg-paper-0 {
  color: #f0ebe0 !important;
  background-color: #1f4540 !important;
}
html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .bg-wa-deep {
  background-color: var(--wa-brand-bg) !important;
}
html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .hover\:bg-wa-teal:hover {
  background-color: #15a074 !important;
}
html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .hover\:bg-wa-deep:hover {
  background-color: var(--wa-brand-bg) !important;
}
html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .bg-wa-mint {
  background-color: #25d36647 !important;
}
@supports (color: color-mix(in lab, red, red)) {
  html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .bg-wa-mint {
    background-color: color-mix(in srgb, var(--color-wa-green) 28%, transparent) !important;
  }
}
html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .bg-wa-mint {
  color: #fbfaf6 !important;
}
html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .bg-wa-bubble, html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .bg-wa-bubble\/40, html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .bg-wa-bubble\/50, html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .bg-wa-bubble\/60 {
  background-color: #25d3662e !important;
}
@supports (color: color-mix(in lab, red, red)) {
  html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .bg-wa-bubble, html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .bg-wa-bubble\/40, html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .bg-wa-bubble\/50, html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .bg-wa-bubble\/60 {
    background-color: color-mix(in srgb, var(--color-wa-green) 18%, transparent) !important;
  }
}
html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .bg-wa-bubble, html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .bg-wa-bubble\/40, html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .bg-wa-bubble\/50, html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .bg-wa-bubble\/60 {
  color: #fbfaf6 !important;
}
html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .bg-wa-mint\/30, html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .bg-wa-mint\/40 {
  background-color: #25d36633 !important;
}
@supports (color: color-mix(in lab, red, red)) {
  html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .bg-wa-mint\/30, html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .bg-wa-mint\/40 {
    background-color: color-mix(in srgb, var(--color-wa-green) 20%, transparent) !important;
  }
}
html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .bg-wa-mint\/30, html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .bg-wa-mint\/40, html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .bg-wa-mint .text-wa-deep, html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .bg-wa-bubble .text-wa-deep, html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .bg-wa-mint\/30 .text-wa-deep, html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .bg-wa-mint\/40 .text-wa-deep {
  color: #fbfaf6 !important;
}
html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .has-\[\:checked\]\:bg-wa-bubble:has(:checked), html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .has-\[\:checked\]\:bg-wa-mint:has(:checked) {
  background-color: #25d36647 !important;
}
@supports (color: color-mix(in lab, red, red)) {
  html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .has-\[\:checked\]\:bg-wa-bubble:has(:checked), html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .has-\[\:checked\]\:bg-wa-mint:has(:checked) {
    background-color: color-mix(in srgb, var(--color-wa-green) 28%, transparent) !important;
  }
}
html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .has-\[\:checked\]\:bg-wa-bubble:has(:checked), html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .has-\[\:checked\]\:bg-wa-mint:has(:checked), html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .has-\[\:checked\]\:bg-wa-bubble:has(:checked) *, html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .has-\[\:checked\]\:bg-wa-mint:has(:checked) *, html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .has-\[\:checked\]\:bg-wa-bubble:has(:checked) .text-wa-deep, html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .has-\[\:checked\]\:bg-wa-mint:has(:checked) .text-wa-deep, html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .has-\[\:checked\]\:bg-wa-bubble:has(:checked) .text-ink-500, html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .has-\[\:checked\]\:bg-wa-bubble:has(:checked) .text-ink-700, html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .has-\[\:checked\]\:bg-wa-mint:has(:checked) .text-ink-500, html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .has-\[\:checked\]\:bg-wa-mint:has(:checked) .text-ink-700 {
  color: #fbfaf6 !important;
}
html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .peer-checked\:bg-wa-bubble, html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .peer-checked\:bg-wa-mint {
  background-color: #25d36647 !important;
}
@supports (color: color-mix(in lab, red, red)) {
  html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .peer-checked\:bg-wa-bubble, html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .peer-checked\:bg-wa-mint {
    background-color: color-mix(in srgb, var(--color-wa-green) 28%, transparent) !important;
  }
}
html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .peer-checked\:bg-wa-bubble, html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .peer-checked\:bg-wa-mint {
  color: #fbfaf6 !important;
}
html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .border-wa-green\/30, html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .border-wa-green\/40 {
  border-color: #25d36666 !important;
}
@supports (color: color-mix(in lab, red, red)) {
  html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .border-wa-green\/30, html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .border-wa-green\/40 {
    border-color: color-mix(in srgb, var(--color-wa-green) 40%, transparent) !important;
  }
}
html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .text-wa-deep.font-semibold, html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .text-wa-deep.font-bold {
  color: var(--wa-brand-text) !important;
}
html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .bg-\[\#D9E5F2\] {
  background-color: #5ba0f226 !important;
}
html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .bg-\[\#E0EBF7\] {
  background-color: #5ba0f22e !important;
}
html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .bg-\[\#FFF4E0\], html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .bg-\[\#FFF6E0\] {
  background-color: #e5a04e2e !important;
}
html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .bg-\[\#F3E9FF\] {
  background-color: #7b57c733 !important;
}
html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .bg-\[\#FBE9E7\] {
  background-color: #e87a5d33 !important;
}
html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .bg-\[\#E8F5E9\] {
  background-color: #25d3662e !important;
}
@supports (color: color-mix(in lab, red, red)) {
  html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .bg-\[\#E8F5E9\] {
    background-color: color-mix(in srgb, var(--color-wa-green) 18%, transparent) !important;
  }
}
html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .bg-\[\#F1F9EC\] {
  background-color: #25d36626 !important;
}
@supports (color: color-mix(in lab, red, red)) {
  html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .bg-\[\#F1F9EC\] {
    background-color: color-mix(in srgb, var(--color-wa-green) 15%, transparent) !important;
  }
}
html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .bg-\[\#F3ECFA\] {
  background-color: #7f54b338 !important;
}
html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .bg-\[\#E0F4F1\] {
  background-color: #2ec9c02e !important;
}
html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .bg-\[\#F0F8F6\] {
  background-color: #25d3661a !important;
}
@supports (color: color-mix(in lab, red, red)) {
  html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .bg-\[\#F0F8F6\] {
    background-color: color-mix(in srgb, var(--color-wa-green) 10%, transparent) !important;
  }
}
html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .bg-\[var\(--color-wa-bubble\)\] {
  background-color: #25d3662e !important;
}
@supports (color: color-mix(in lab, red, red)) {
  html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .bg-\[var\(--color-wa-bubble\)\] {
    background-color: color-mix(in srgb, var(--color-wa-green) 18%, transparent) !important;
  }
}
html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .bg-\[\#DFF1ED\] {
  background-color: #075e544d !important;
}
@supports (color: color-mix(in lab, red, red)) {
  html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .bg-\[\#DFF1ED\] {
    background-color: color-mix(in srgb, var(--color-wa-deep) 30%, transparent) !important;
  }
}
html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .bg-\[\#F0EBFB\] {
  background-color: #7b57c733 !important;
}
html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .text-accent-coral {
  color: #ff8e70 !important;
}
html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .text-accent-amber, html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .text-\[\#7B5A14\], html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .text-\[\#8B5A14\], html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .text-\[\#8B5A1F\] {
  color: #ffc07a !important;
}
html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .text-\[\#A1431F\], html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .text-\[\#A1731F\] {
  color: #ff8e70 !important;
}
html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .text-\[\#13478A\] {
  color: #7bb8ff !important;
}
html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .text-\[\#5B3D8A\] {
  color: #b49aed !important;
}
html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .text-\[\#5E8E3E\] {
  color: #7bd66f !important;
}
html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) kbd {
  color: #d6cdb6 !important;
  background: #1f4540 !important;
  border-color: #2d5a53 !important;
}
html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) code {
  color: #f0ebe0 !important;
  background: #1f4540 !important;
}
html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .shadow-card {
  box-shadow: 0 1px #0003, 0 1px 2px #0000002e !important;
}
html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .shadow-soft {
  box-shadow: 0 12px 28px -10px #00000080 !important;
}
html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) ::-webkit-scrollbar-thumb {
  background: #fff3 !important;
}
html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) ::-webkit-scrollbar-thumb:hover {
  background: #ffffff52 !important;
}
html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) tr.hover\:bg-paper-50\/60:hover, html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) tr:hover {
  background-color: #173631 !important;
}
html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) #wa-search-modal {
  background: #0000008c !important;
}
html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .border-accent-coral\/40, html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .border-accent-coral\/30 {
  border-color: #e87a5d8c !important;
}
.theme-menu {
  background: var(--color-paper-0);
  border: 1px solid var(--color-paper-200);
  z-index: 60;
  border-radius: 10px;
  min-width: 200px;
  padding: 4px;
  position: absolute;
  top: calc(100% + 6px);
  right: 0;
  box-shadow: 0 8px 24px -10px #0b1f1c2e;
}
.theme-menu button {
  text-align: left;
  color: #3a5a55;
  border-radius: 8px;
  align-items: center;
  gap: 8px;
  width: 100%;
  padding: 7px 10px;
  font-size: 12px;
  display: flex;
}
.theme-menu button:hover {
  background: var(--color-paper-50);
}
.theme-menu button.active {
  background: var(--color-wa-deep);
  color: var(--color-paper-0);
}
.theme-menu .swatch {
  border: 1px solid var(--color-paper-200);
  border-radius: 4px;
  flex-shrink: 0;
  width: 14px;
  height: 14px;
}
html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .theme-menu {
  background: #13312d !important;
  border-color: #2d5a53 !important;
}
html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .theme-menu button {
  color: #e5dfd0 !important;
}
html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .theme-menu button:hover {
  background: #1f4540 !important;
}
html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .theme-menu button.active {
  background: var(--wa-brand-bg) !important;
}
html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .theme-menu .swatch {
  border-color: #2d5a53 !important;
}
html[data-theme="bright"] .theme-menu {
  background: #fff !important;
  border-color: #e6e6e6 !important;
}
html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) #wa-profile-menu {
  background: #13312d !important;
  border-color: #2d5a53 !important;
}
html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) #wa-profile-menu a:hover {
  background: #1f4540 !important;
}
body, header, [class*="bg-paper"], [class*="bg-white"], [class*="text-ink"], [class*="border-paper"], input, textarea, select {
  transition: background-color .18s, color .18s, border-color .18s;
}
html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .acc-tab, html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .set-tab, html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .ti-tab, html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .ig-tab, html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .side-tab, html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .filter-pill, html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .cat-tab, html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .tab-line, html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .pal-card, html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .team-nav-btn, html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .op-item .op-label {
  color: #e5dfd0 !important;
}
html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .acc-tab:hover, html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .set-tab:hover, html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .ti-tab:hover, html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .ig-tab:hover, html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .side-tab:hover, html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .pal-card:hover, html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .team-nav-btn:hover, html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .op-item:hover {
  background: #1f4540 !important;
}
html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .acc-tab.active, html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .set-tab.active, html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .ti-tab.active, html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .ig-tab.active, html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .side-tab.active, html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .filter-pill.active, html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .team-nav-btn.active, html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .tab-line.active {
  background: var(--wa-brand-bg) !important;
  color: #fbfaf6 !important;
}
html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .acc-tab.danger {
  color: #ff8e70 !important;
}
html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .acc-tab.danger:hover {
  background: #e87a5d2e !important;
}
html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .acc-tab.danger.active {
  color: #fbfaf6 !important;
  background: #c56b4f !important;
}
html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .ti-tab .badge, html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .team-nav-btn .ct {
  color: #e5dfd0 !important;
  background: #2d5a53 !important;
}
html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .ti-tab.active .badge, html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .team-nav-btn.active .ct {
  color: #fff !important;
  background: #ffffff2e !important;
}
html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .bubble, html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .bubble-in {
  color: #f0ebe0 !important;
  background: #1f4540 !important;
  border-color: #2d5a53 !important;
}
html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .bubble.wa, html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .bubble-out {
  background: #25d36633 !important;
}
@supports (color: color-mix(in lab, red, red)) {
  html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .bubble.wa, html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .bubble-out {
    background: color-mix(in srgb, var(--color-wa-green) 20%, transparent) !important;
  }
}
html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .bubble.wa, html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .bubble-out {
  border-color: #25d36673 !important;
}
@supports (color: color-mix(in lab, red, red)) {
  html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .bubble.wa, html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .bubble-out {
    border-color: color-mix(in srgb, var(--color-wa-green) 45%, transparent) !important;
  }
}
html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .bubble.wa, html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .bubble-out {
  color: #f0ebe0 !important;
}
html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .bubble-note {
  color: #ffe4b5 !important;
  background: #e5a04e33 !important;
  border-color: #e5a04e73 !important;
}
html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .bubble-note .text-\[\#7B5A14\] {
  color: #ffd89b !important;
}
html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .chat-paper {
  background-color: #0f2723 !important;
  background-image: radial-gradient(#ffffff0a 1px, #0000 1px), radial-gradient(#ffffff08 1px, #0000 1px) !important;
}
html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .bg-wa-chat {
  background-color: #0f2723 !important;
}
html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .chat-grid, html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .chat-grid .bg-paper-0, html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .chat-grid .bg-wa-bubble {
  color: #f0ebe0 !important;
}
html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .chat-grid .bg-wa-bubble {
  background-color: #25d36633 !important;
}
@supports (color: color-mix(in lab, red, red)) {
  html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .chat-grid .bg-wa-bubble {
    background-color: color-mix(in srgb, var(--color-wa-green) 20%, transparent) !important;
  }
}
html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .chat-grid .bg-wa-bubble {
  border: 1px solid #25d36666;
}
@supports (color: color-mix(in lab, red, red)) {
  html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .chat-grid .bg-wa-bubble {
    border: 1px solid color-mix(in srgb, var(--color-wa-green) 40%, transparent);
  }
}
html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .chat-grid .bg-paper-0 {
  border: 1px solid #2d5a53;
  background-color: #1f4540 !important;
}
html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .menu {
  background: #13312d !important;
  border-color: #2d5a53 !important;
  box-shadow: 0 8px 24px -10px #0000008c !important;
}
html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .menu button {
  color: #e5dfd0 !important;
}
html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .menu button:hover {
  background: #1f4540 !important;
}
html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .menu .text-ink-500 {
  color: #a8b7b2 !important;
}
html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .menu .border-paper-200 {
  border-color: #2d5a53 !important;
}
html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) #wa-search-modal > div {
  background: #13312d !important;
  border-color: #2d5a53 !important;
}
html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) #wa-search-modal a {
  color: #e5dfd0 !important;
}
html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) #wa-search-modal a:hover, html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) #wa-search-modal a.bg-paper-50 {
  background: #1f4540 !important;
}
html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) #wa-search-input {
  color: #f0ebe0 !important;
}
html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .edge-popup {
  color: #e5dfd0 !important;
  background: #13312d !important;
  border-color: #2d5a53 !important;
}
html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .edge-popup:after, html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .menu:after {
  background: #13312d !important;
  border-color: #2d5a53 !important;
}
html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .canvas-dots {
  background-color: #0f2723 !important;
  background-image: radial-gradient(circle, #ffffff14 1px, #0000 1px) !important;
}
html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .node-card {
  color: #f0ebe0 !important;
  background: #13312d !important;
  border-color: #2d5a53 !important;
}
html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .node-card .border-paper-100, html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .node-card .border-paper-200 {
  border-color: #2d5a53 !important;
}
html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .node-row:hover, html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .port {
  background: #1f4540 !important;
}
html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .edge-path {
  stroke: #6b807c !important;
}
html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .edge-path.hover, html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .edge-path:hover {
  stroke: var(--wa-brand-text) !important;
}
html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .bg-wa-mint .text-wa-deep, html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .bg-wa-mint\/30 .text-wa-deep, html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .bg-wa-mint\/40 .text-wa-deep, html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .bg-wa-bubble .text-wa-deep, html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .bg-wa-bubble\/40 .text-wa-deep, html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .bg-wa-bubble\/50 .text-wa-deep, html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .bg-\[\#E8F5E9\] .text-wa-deep, html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .bg-\[\#F1F9EC\] .text-wa-deep, html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .bg-\[var\(--color-wa-bubble\)\] .text-wa-deep, html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .bg-\[\#DFF1ED\] .text-wa-deep, html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .border-wa-deep .text-wa-deep, html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .border-2.border-wa-deep .text-wa-deep {
  color: var(--wa-brand-bright) !important;
}
html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .border-wa-deep {
  border-color: var(--wa-brand-border) !important;
}
html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .font-serif.italic.text-wa-deep, html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) em.text-wa-deep, html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) span.italic.text-wa-deep {
  color: var(--wa-brand-bright) !important;
}
html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .ring-paper-0 {
  --tw-ring-color: #13312d !important;
}
html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .pill {
  font-weight: 600;
}
html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .pill-open {
  background: #25d36633 !important;
}
@supports (color: color-mix(in lab, red, red)) {
  html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .pill-open {
    background: color-mix(in srgb, var(--color-wa-green) 20%, transparent) !important;
  }
}
html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .pill-open {
  color: var(--wa-brand-bright) !important;
  border-color: #25d36673 !important;
}
@supports (color: color-mix(in lab, red, red)) {
  html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .pill-open {
    border-color: color-mix(in srgb, var(--color-wa-green) 45%, transparent) !important;
  }
}
html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .pill-pending {
  color: #ffd89b !important;
  background: #e5a04e33 !important;
  border-color: #e5a04e73 !important;
}
html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .pill-resolved {
  color: #9fcbff !important;
  background: #5ba0f233 !important;
  border-color: #5ba0f273 !important;
}
html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .pill-snoozed {
  color: #c4aeff !important;
  background: #7b57c733 !important;
  border-color: #7b57c773 !important;
}
html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .pill-urgent {
  color: #ffb39c !important;
  background: #e87a5d33 !important;
  border-color: #e87a5d73 !important;
}
html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .group-dot, html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .filter-pill .group-dot {
  box-shadow: 0 0 0 1.5px #13312d;
}
html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) button.bg-paper-0.border-paper-200, html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) a.bg-paper-0.border-paper-200, html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .bg-paper-0.border-paper-200 {
  color: #e5dfd0 !important;
  background: #1f4540 !important;
  border-color: #2d5a53 !important;
}
html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) input.bg-white, html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) textarea.bg-white, html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) select.bg-white {
  background-color: #1f4540 !important;
}
html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .hover\:border-wa-deep:hover {
  border-color: var(--color-wa-green) !important;
}
html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .hover\:shadow-soft:hover {
  box-shadow: 0 12px 28px -10px #0000008c !important;
}
html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .text-wa-deep.font-medium {
  color: var(--wa-brand-text) !important;
}
html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) a.text-wa-deep, html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) a.text-wa-deep:hover {
  color: var(--wa-brand-bright) !important;
}
html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .text-wa-green {
  color: var(--wa-accent-text) !important;
}
html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) code, html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) pre {
  color: #f0ebe0 !important;
  background: #1f4540 !important;
  border-color: #2d5a53 !important;
}
html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .peer:checked + div {
  border-color: var(--wa-brand-text) !important;
  background: #25d3661a !important;
}
@supports (color: color-mix(in lab, red, red)) {
  html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .peer:checked + div {
    background: color-mix(in srgb, var(--color-wa-green) 10%, transparent) !important;
  }
}
html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .fixed[style*="rgba(11,31,28"], html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .fixed[style*="rgba(0,0,0"] {
  background: #000000a6 !important;
}
html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .toggle .track {
  background: #2d5a53 !important;
}
html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .toggle .thumb {
  background: #f0ebe0 !important;
}
html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .toggle input:checked ~ .track {
  box-shadow: 0 0 0 1px #25d36666, 0 0 8px #25d36673;
  background: var(--color-wa-green) !important;
}
@supports (color: color-mix(in lab, red, red)) {
  html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .toggle input:checked ~ .track {
    box-shadow: 0 0 0 1px color-mix(in srgb, var(--color-wa-green) 40%, transparent), 0 0 8px color-mix(in srgb, var(--color-wa-green) 45%, transparent);
  }
}
html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .toggle input:checked ~ .thumb {
  box-shadow: 0 1px 4px #0006;
  background: #fff !important;
}
.toggle input:checked ~ .track {
  box-shadow: 0 0 0 1px #075e5440, 0 0 6px #075e542e;
}
@supports (color: color-mix(in lab, red, red)) {
  .toggle input:checked ~ .track {
    box-shadow: 0 0 0 1px color-mix(in srgb, var(--color-wa-deep) 25%, transparent), 0 0 6px color-mix(in srgb, var(--color-wa-deep) 18%, transparent);
  }
}
html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) #chart-heatmap rect[fill="#F5F3EC"] {
  fill: #13312d !important;
}
html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) #chart-heatmap rect[fill="#CFE3DA"] {
  fill: #1f4540 !important;
}
html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) #chart-heatmap rect[fill="#9DC9B6"] {
  fill: var(--wa-brand-bg) !important;
}
html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) #chart-heatmap rect[fill="#3FA37A"] {
  fill: #15a074 !important;
}
html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) #chart-heatmap rect[fill="var(--color-wa-deep)"] {
  fill: var(--color-wa-green) !important;
}
html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .apexcharts-canvas text {
  fill: #c9d2ce !important;
}
html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .apexcharts-canvas .apexcharts-gridline, html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .apexcharts-canvas .apexcharts-xaxis line, html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .apexcharts-canvas .apexcharts-yaxis line {
  stroke: #2d5a53 !important;
}
html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .apexcharts-tooltip {
  color: #f0ebe0 !important;
  background: #13312d !important;
  border-color: #2d5a53 !important;
}
html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .apexcharts-tooltip-title {
  background: #1f4540 !important;
  border-color: #2d5a53 !important;
}
html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .apexcharts-legend-text {
  color: #c9d2ce !important;
}
html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) [class*="italic"][class*="text-wa-deep"] {
  color: var(--wa-brand-bright) !important;
}
.cat-tab.active, .filter-pill.active, .acc-tab.active, .set-tab.active, .ti-tab.active, .ig-tab.active, .side-tab.active, .team-nav-btn.active, .pill-tab.active, .seg-tab.active, .queue-tab.active, .fp-tab.active, .filter-btn[aria-pressed="true"], .filter-btn.active, .chat-filter[aria-pressed="true"], .queue-filter[aria-pressed="true"], .filter-btn, .chat-filter, .queue-filter, .cat-tab .count, .filter-pill .count, .tab-line .count, .ti-tab .badge, .team-nav-btn .ct {
  border-radius: 999px !important;
}
html[data-theme="doodle"] {
  --color-wa-deep: #075e54;
  --color-wa-teal: #128c7e;
  --color-wa-green: #25d366;
  --color-wa-mint: #dcf8c6;
  --color-wa-bubble: #e7ffdb;
  --d-ink: #15281f;
  --d-ink-72: #15281fb8;
  --d-ink-55: #15281f8c;
  --d-ink-25: #15281f40;
  --d-ink-15: #15281f26;
  --d-ink-10: #15281f1a;
  --d-mint: #e8f5e9;
  --d-mint-deep: #c8e8cb;
  --d-cream: #fff6e0;
  --d-paper: #fffdf5;
  --d-wa: #25d366;
  --d-wa-deep: #128c4b;
  --d-sun: #ffc94a;
  --d-coral: #ff7a6b;
  --d-lav: #c9b8ff;
  --d-lav-deep: #7b61ff;
  color-scheme: light;
}
html[data-theme="doodle"] body {
  background-attachment: fixed;
  color: var(--d-ink) !important;
  background: radial-gradient(1200px 700px at 90% -10%, #fff6e0 0%, #0000 55%), radial-gradient(900px 600px at -10% 30%, #d9f1db 0%, #0000 60%), linear-gradient(#e8f5e9 0%, #f3f8e8 40%, #fff6e0 100%) !important;
}
html[data-theme="doodle"] .bg-paper-50, html[data-theme="doodle"] .bg-paper-50\/40, html[data-theme="doodle"] .bg-paper-50\/60 {
  background-color: #f2f8ec !important;
}
html[data-theme="doodle"] .bg-paper-0, html[data-theme="doodle"] .bg-paper-0\/95, html[data-theme="doodle"] .bg-paper-0\/40, html[data-theme="doodle"] .bg-paper-0\/15, html[data-theme="doodle"] .bg-white {
  background-color: var(--d-paper) !important;
}
html[data-theme="doodle"] .bg-paper-100 {
  background-color: var(--d-mint) !important;
}
html[data-theme="doodle"] .bg-paper-200 {
  background-color: var(--d-mint-deep) !important;
}
html[data-theme="doodle"] .border-paper-100, html[data-theme="doodle"] .border-paper-200, html[data-theme="doodle"] .border-paper-300, html[data-theme="doodle"] .divide-paper-200 > * + *, html[data-theme="doodle"] .divide-paper-100 > * + * {
  border-color: var(--d-ink-25) !important;
}
html[data-theme="doodle"] .border-wa-deep {
  border-color: var(--d-ink) !important;
}
html[data-theme="doodle"] header, html[data-theme="doodle"] [data-site-header] {
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  border-bottom: 2px solid var(--d-ink-10) !important;
  background: #fffdf5eb !important;
}
html[data-theme="doodle"] body, html[data-theme="doodle"] .font-sans {
  font-family: Plus Jakarta Sans, system-ui, sans-serif !important;
}
html[data-theme="doodle"] .font-serif, html[data-theme="doodle"] .serif, html[data-theme="doodle"] h1, html[data-theme="doodle"] h2, html[data-theme="doodle"] h3 {
  letter-spacing: -.025em !important;
  font-family: Bricolage Grotesque, system-ui, sans-serif !important;
  font-style: normal !important;
}
html[data-theme="doodle"] em, html[data-theme="doodle"] .italic {
  letter-spacing: 0 !important;
  font-family: Caveat, cursive !important;
  font-style: normal !important;
  font-weight: 700 !important;
}
html[data-theme="doodle"] .text-ink-900, html[data-theme="doodle"] .text-ink-800, html[data-theme="doodle"] .text-ink-700 {
  color: var(--d-ink) !important;
}
html[data-theme="doodle"] .text-ink-600 {
  color: var(--d-ink-72) !important;
}
html[data-theme="doodle"] .text-ink-500 {
  color: var(--d-ink-55) !important;
}
html[data-theme="doodle"] .text-ink-400 {
  color: #15281f66 !important;
}
html[data-theme="doodle"] .text-wa-deep {
  color: var(--d-wa-deep) !important;
}
html[data-theme="doodle"] .text-wa-teal {
  color: var(--color-wa-teal) !important;
}
html[data-theme="doodle"] .text-paper-0 {
  color: #fffdf5 !important;
}
html[data-theme="doodle"] button.bg-wa-deep, html[data-theme="doodle"] a.bg-wa-deep, html[data-theme="doodle"] .bg-wa-deep {
  background: var(--d-ink) !important;
  color: #fff !important;
  border: 2px solid var(--d-ink) !important;
  box-shadow: 3px 3px 0 0 var(--d-ink-15) !important;
}
html[data-theme="doodle"] button.bg-wa-deep:hover, html[data-theme="doodle"] a.bg-wa-deep:hover, html[data-theme="doodle"] .bg-wa-deep:hover {
  transform: translate(-1px, -1px);
  background: var(--d-ink) !important;
  color: #fff !important;
  box-shadow: 5px 5px 0 0 var(--d-ink-25) !important;
}
html[data-theme="doodle"] .bg-wa-deep svg {
  color: #fff !important;
  stroke: #fff !important;
}
html[data-theme="doodle"] .bg-wa-deep .text-paper-0, html[data-theme="doodle"] .bg-wa-deep span, html[data-theme="doodle"] .bg-wa-deep .text-ink-900, html[data-theme="doodle"] .bg-wa-deep .text-ink-700 {
  color: #fff !important;
}
html[data-theme="doodle"] .hover\:bg-wa-teal:hover {
  background: var(--d-ink) !important;
}
html[data-theme="doodle"] button.bg-paper-0, html[data-theme="doodle"] a.bg-paper-0, html[data-theme="doodle"] button.bg-paper-0.border-paper-200, html[data-theme="doodle"] a.bg-paper-0.border-paper-200, html[data-theme="doodle"] .bg-paper-0.border-paper-200 {
  color: var(--d-ink) !important;
  border: 2px solid var(--d-ink-25) !important;
  background: #fff !important;
  font-weight: 600 !important;
}
html[data-theme="doodle"] button.bg-paper-0:hover, html[data-theme="doodle"] a.bg-paper-0:hover, html[data-theme="doodle"] .bg-paper-0:hover {
  border-color: var(--d-ink) !important;
  background: #fff !important;
}
html[data-theme="doodle"] .bg-wa-mint, html[data-theme="doodle"] .bg-wa-mint\/30, html[data-theme="doodle"] .bg-wa-mint\/40 {
  background-color: var(--d-mint) !important;
  color: var(--d-ink) !important;
}
html[data-theme="doodle"] .bg-wa-bubble, html[data-theme="doodle"] .bg-wa-bubble\/40, html[data-theme="doodle"] .bg-wa-bubble\/50, html[data-theme="doodle"] .bg-wa-bubble\/60 {
  color: var(--d-ink) !important;
  background-color: #dcfce7 !important;
}
html[data-theme="doodle"] .bg-wa-chat {
  background-color: #f2f8ec !important;
}
html[data-theme="doodle"] .text-wa-green {
  color: var(--d-wa-deep) !important;
}
html[data-theme="doodle"] .bg-\[\#FFF4E0\], html[data-theme="doodle"] .bg-\[\#FFF6E0\] {
  background-color: var(--d-cream) !important;
}
html[data-theme="doodle"] .bg-\[\#F3E9FF\], html[data-theme="doodle"] .bg-\[\#F3ECFA\], html[data-theme="doodle"] .bg-\[\#F0EBFB\] {
  background-color: #f3e9ff !important;
}
html[data-theme="doodle"] .bg-\[\#FBE9E7\] {
  background-color: #ffe3de !important;
}
html[data-theme="doodle"] .bg-\[\#D9E5F2\], html[data-theme="doodle"] .bg-\[\#E0EBF7\] {
  background-color: #deeafa !important;
}
html[data-theme="doodle"] .bg-\[\#E8F5E9\], html[data-theme="doodle"] .bg-\[\#F1F9EC\], html[data-theme="doodle"] .bg-\[var\(--color-wa-bubble\)\] {
  background-color: var(--d-mint) !important;
}
html[data-theme="doodle"] input:not([type="checkbox"]):not([type="radio"]):not([type="color"]):not([type="file"]), html[data-theme="doodle"] textarea, html[data-theme="doodle"] select {
  color: var(--d-ink) !important;
  border: 2px solid var(--d-ink-25) !important;
  background: #fff !important;
}
html[data-theme="doodle"] input:focus, html[data-theme="doodle"] textarea:focus, html[data-theme="doodle"] select:focus {
  outline: none;
  border-color: var(--d-ink) !important;
}
html[data-theme="doodle"] ::placeholder {
  opacity: 1;
  color: var(--d-ink-55) !important;
}
html[data-theme="doodle"] .acc-tab.active, html[data-theme="doodle"] .set-tab.active, html[data-theme="doodle"] .ti-tab.active, html[data-theme="doodle"] .ig-tab.active, html[data-theme="doodle"] .side-tab.active, html[data-theme="doodle"] .filter-pill.active, html[data-theme="doodle"] .team-nav-btn.active, html[data-theme="doodle"] .cat-tab.active, html[data-theme="doodle"] .pill-tab.active, html[data-theme="doodle"] .filter-btn[aria-pressed="true"] {
  background: var(--d-mint) !important;
  color: var(--d-ink) !important;
  border: 2px solid var(--d-ink) !important;
  box-shadow: 2px 2px 0 0 var(--d-ink) !important;
  border-radius: 999px !important;
  font-weight: 700 !important;
}
html[data-theme="doodle"] .nav-pill.active, html[data-theme="doodle"] a.nav-pill.active {
  background: var(--d-ink) !important;
  color: #fff !important;
  border-radius: 999px !important;
}
html[data-theme="doodle"] .bubble, html[data-theme="doodle"] .bubble-in {
  border: 2px solid var(--d-ink) !important;
  box-shadow: 3px 3px 0 0 var(--d-ink-15) !important;
  color: var(--d-ink) !important;
  background: #fff !important;
  border-radius: 18px !important;
}
html[data-theme="doodle"] .bubble.wa, html[data-theme="doodle"] .bubble-out {
  background: var(--d-mint) !important;
  border: 2px solid var(--d-ink) !important;
  box-shadow: 3px 3px 0 0 var(--d-ink-15) !important;
  color: var(--d-ink) !important;
  border-radius: 18px !important;
}
html[data-theme="doodle"] .bubble-note {
  background: var(--d-cream) !important;
  border: 2px solid var(--d-ink) !important;
  color: var(--d-ink) !important;
}
html[data-theme="doodle"] .chat-paper {
  background-color: #f2f8ec !important;
}
html[data-theme="doodle"] .chat-grid .bg-paper-0 {
  border: 2px solid var(--d-ink) !important;
  color: var(--d-ink) !important;
  background-color: #fff !important;
}
html[data-theme="doodle"] .chat-grid .bg-wa-bubble {
  background-color: var(--d-mint) !important;
  border: 2px solid var(--d-ink) !important;
  color: var(--d-ink) !important;
}
html[data-theme="doodle"] .pill {
  border: 1.5px solid var(--d-ink) !important;
  color: var(--d-ink) !important;
}
html[data-theme="doodle"] .pill-open {
  background: var(--d-mint) !important;
  color: var(--d-ink) !important;
  border: 1.5px solid var(--d-ink) !important;
}
html[data-theme="doodle"] .pill-pending {
  background: var(--d-cream) !important;
  color: var(--d-ink) !important;
  border: 1.5px solid var(--d-ink) !important;
}
html[data-theme="doodle"] .pill-resolved {
  color: var(--d-ink) !important;
  border: 1.5px solid var(--d-ink) !important;
  background: #deeafa !important;
}
html[data-theme="doodle"] .pill-snoozed {
  color: var(--d-ink) !important;
  border: 1.5px solid var(--d-ink) !important;
  background: #f3e9ff !important;
}
html[data-theme="doodle"] .pill-urgent {
  color: var(--d-ink) !important;
  border: 1.5px solid var(--d-ink) !important;
  background: #ffe3de !important;
}
html[data-theme="doodle"] .shadow-card {
  box-shadow: 4px 4px 0 0 var(--d-ink) !important;
  border: 2px solid var(--d-ink) !important;
}
html[data-theme="doodle"] .shadow-soft {
  box-shadow: 6px 6px 0 0 var(--d-ink) !important;
  border: 2px solid var(--d-ink) !important;
}
html[data-theme="doodle"] .rounded-2xl {
  border-radius: 22px !important;
}
html[data-theme="doodle"] .rounded-xl {
  border-radius: 18px !important;
}
html[data-theme="doodle"] .rounded-lg {
  border-radius: 14px !important;
}
html[data-theme="doodle"] .rounded-md {
  border-radius: 10px !important;
}
html[data-theme="doodle"] .node-card {
  background: var(--d-paper) !important;
  border: 2px solid var(--d-ink) !important;
  box-shadow: 6px 6px 0 0 var(--d-ink-15) !important;
  color: var(--d-ink) !important;
  border-radius: 22px !important;
}
html[data-theme="doodle"] .canvas-dots {
  background-color: #f2f8ec !important;
  background-image: radial-gradient(#15281f29 1.4px, #0000 1.5px) !important;
  background-size: 20px 20px !important;
}
html[data-theme="doodle"] .edge-path {
  stroke: var(--d-ink) !important;
  stroke-width: 2.4px !important;
}
html[data-theme="doodle"] .menu, html[data-theme="doodle"] #wa-profile-menu, html[data-theme="doodle"] #wa-search-modal > div, html[data-theme="doodle"] .theme-menu {
  background: var(--d-paper) !important;
  border: 2px solid var(--d-ink) !important;
  box-shadow: 4px 4px 0 0 var(--d-ink) !important;
  border-radius: 14px !important;
}
html[data-theme="doodle"] .menu button {
  color: var(--d-ink) !important;
}
html[data-theme="doodle"] .menu button:hover, html[data-theme="doodle"] #wa-profile-menu a:hover {
  background: var(--d-mint) !important;
  color: var(--d-ink) !important;
}
html[data-theme="doodle"] .theme-menu button.active {
  box-shadow: 2px 2px 0 0 var(--d-ink);
  background: var(--d-mint) !important;
  color: var(--d-ink) !important;
}
html[data-theme="doodle"] kbd {
  background: var(--d-paper) !important;
  color: var(--d-ink) !important;
  border: 1.5px solid var(--d-ink) !important;
}
html[data-theme="doodle"] code, html[data-theme="doodle"] pre {
  background: var(--d-mint) !important;
  color: var(--d-ink) !important;
  border: 1.5px solid var(--d-ink-25) !important;
}
html[data-theme="doodle"] .bg-wa-green {
  background-color: var(--d-wa) !important;
}
html[data-theme="doodle"] .hairline-b {
  box-shadow: inset 0 -1px 0 var(--d-ink-10);
}
html[data-theme="doodle"] .hairline {
  box-shadow: inset 0 0 0 1px var(--d-ink-15);
}
html[data-theme="doodle"] .ring-paper-0 {
  --tw-ring-color: var(--d-paper) !important;
}
html[data-theme="doodle"] .kpi-trend-up {
  border: 1.5px solid #128c4b59;
  background: var(--d-mint) !important;
  color: var(--d-wa-deep) !important;
}
html[data-theme="doodle"] .kpi-trend-down {
  border: 1.5px solid #b83b2c59;
  color: #b83b2c !important;
  background: #ffeef0 !important;
}
html[data-theme="doodle"] form input[type="text"], html[data-theme="doodle"] form input[type="email"], html[data-theme="doodle"] form input[type="number"], html[data-theme="doodle"] form input[type="tel"], html[data-theme="doodle"] form input[type="url"], html[data-theme="doodle"] form input[type="search"], html[data-theme="doodle"] form input[type="password"], html[data-theme="doodle"] form input:not([type]), html[data-theme="doodle"] form select, html[data-theme="doodle"] form textarea, html[data-theme="doodle"] input.bg-white, html[data-theme="doodle"] select.bg-white, html[data-theme="doodle"] textarea.bg-white {
  color: var(--d-ink) !important;
  border: 2px solid var(--d-ink-25) !important;
  box-shadow: none !important;
  background: #fff !important;
  border-radius: 14px !important;
  font-weight: 500 !important;
}
html[data-theme="doodle"] form textarea {
  border-radius: 18px !important;
}
html[data-theme="doodle"] form input:focus, html[data-theme="doodle"] form select:focus, html[data-theme="doodle"] form textarea:focus {
  border-color: var(--d-ink) !important;
  box-shadow: none !important;
  --tw-ring-color: transparent !important;
  --tw-ring-shadow: 0 0 0 0 transparent !important;
  outline: none !important;
}
html[data-theme="doodle"] .ts-control, html[data-theme="doodle"] .ts-wrapper.single .ts-control {
  color: var(--d-ink) !important;
  border: 2px solid var(--d-ink-25) !important;
  box-shadow: none !important;
  background: #fff !important;
  border-radius: 14px !important;
  font-weight: 500 !important;
}
html[data-theme="doodle"] .ts-control input, html[data-theme="doodle"] .ts-dropdown input {
  color: var(--d-ink) !important;
}
html[data-theme="doodle"] .ts-wrapper.focus .ts-control {
  border-color: var(--d-ink) !important;
  box-shadow: none !important;
}
html[data-theme="doodle"] .ts-wrapper.single .ts-control:after {
  border-color: var(--d-ink) transparent transparent transparent;
}
html[data-theme="doodle"] .ts-wrapper.single.dropdown-active .ts-control:after {
  border-color: transparent transparent var(--d-ink) transparent;
}
html[data-theme="doodle"] .ts-dropdown {
  background: var(--d-paper) !important;
  border: 2px solid var(--d-ink) !important;
  box-shadow: 4px 4px 0 0 var(--d-ink) !important;
  border-radius: 14px !important;
}
html[data-theme="doodle"] .ts-dropdown .option, html[data-theme="doodle"] .ts-dropdown .create, html[data-theme="doodle"] .ts-dropdown .no-results {
  color: var(--d-ink) !important;
}
html[data-theme="doodle"] .ts-dropdown .active, html[data-theme="doodle"] .ts-dropdown .option:hover {
  background: var(--d-mint) !important;
  color: var(--d-ink) !important;
}
html[data-theme="doodle"] form label, html[data-theme="doodle"] label.text-ink-700, html[data-theme="doodle"] label .text-ink-700 {
  color: var(--d-ink) !important;
  font-weight: 600 !important;
}
html[data-theme="doodle"] .text-accent-coral {
  color: var(--d-coral) !important;
}
html[data-theme="doodle"] .step-node .dot {
  border-width: 2px !important;
  border-color: var(--d-ink-25) !important;
  width: 30px !important;
  height: 30px !important;
  color: var(--d-ink-72) !important;
  box-shadow: none !important;
  --tw-ring-shadow: 0 0 0 0 transparent !important;
  background: #fff !important;
  font-weight: 800 !important;
}
html[data-theme="doodle"] .step-node.active .dot, html[data-theme="doodle"] .step-node .dot.border-wa-deep {
  background: var(--d-ink) !important;
  color: var(--d-cream) !important;
  border-color: var(--d-ink) !important;
  --tw-ring-shadow: 0 0 0 4px #15281f1a !important;
  box-shadow: 0 0 0 4px #15281f1a !important;
}
html[data-theme="doodle"] .step-node.done .dot {
  background: var(--d-wa-deep) !important;
  border-color: var(--d-wa-deep) !important;
  color: #fff !important;
}
html[data-theme="doodle"] .step-node .lab {
  color: var(--d-ink-55) !important;
  font-weight: 600 !important;
}
html[data-theme="doodle"] .step-node.active .lab, html[data-theme="doodle"] .step-node .lab.text-wa-deep {
  color: var(--d-ink) !important;
  font-weight: 700 !important;
}
html[data-theme="doodle"] .step-node.done .lab {
  color: var(--d-wa-deep) !important;
}
html[data-theme="doodle"] .step-node .bar {
  background: repeating-linear-gradient(90deg, var(--d-ink-25) 0 6px, transparent 6px 12px) !important;
  height: 2px !important;
}
html[data-theme="doodle"] .step-node.done .bar {
  background: var(--d-wa-deep) !important;
}
html[data-theme="doodle"] .step-pane .bg-paper-50.text-wa-deep, html[data-theme="doodle"] .step-pane .text-wa-deep.font-mono {
  background: var(--d-mint) !important;
  color: var(--d-wa-deep) !important;
  border: 1.5px solid var(--d-ink-25) !important;
  border-radius: 8px !important;
}
html[data-theme="doodle"] .kw-chip, html[data-theme="doodle"] .tag-chip, html[data-theme="doodle"] .chip {
  border: 1.5px solid var(--d-ink-25) !important;
  color: var(--d-ink) !important;
  background: #fff !important;
  border-radius: 999px !important;
  font-weight: 600 !important;
}
html[data-theme="doodle"] .kw-chip button, html[data-theme="doodle"] .tag-chip button, html[data-theme="doodle"] .chip button {
  background: var(--d-mint) !important;
  color: var(--d-ink) !important;
  border: 1px solid var(--d-ink-25) !important;
}
html[data-theme="doodle"] .kw-chip button:hover, html[data-theme="doodle"] .tag-chip button:hover {
  background: var(--d-coral) !important;
  color: #fff !important;
  border-color: var(--d-coral) !important;
}
html[data-theme="doodle"] #kw-list, html[data-theme="doodle"] .chip-tray {
  border: 2px solid var(--d-ink-25) !important;
  background: #fff !important;
  border-radius: 14px !important;
}
html[data-theme="doodle"] #kw-list:focus-within, html[data-theme="doodle"] .chip-tray:focus-within {
  border-color: var(--d-ink) !important;
}
html[data-theme="doodle"] [id^="seg-"], html[data-theme="doodle"] .seg-group {
  background: var(--d-mint) !important;
  border: 2px solid var(--d-ink-25) !important;
  border-radius: 999px !important;
  padding: 3px !important;
}
html[data-theme="doodle"] .seg-btn {
  color: var(--d-ink-72) !important;
  background: none !important;
  border-radius: 999px !important;
  font-weight: 600 !important;
}
html[data-theme="doodle"] .seg-btn.bg-wa-deep, html[data-theme="doodle"] .seg-btn.active {
  background: var(--d-ink) !important;
  color: #fff !important;
  box-shadow: 2px 2px #15281f2e !important;
}
html[data-theme="doodle"] .seg-btn:hover {
  color: var(--d-ink) !important;
}
html[data-theme="doodle"] input[type="range"] {
  appearance: none !important;
  background: none !important;
  border: none !important;
  border-radius: 0 !important;
  height: 22px !important;
}
html[data-theme="doodle"] input[type="range"]::-webkit-slider-runnable-track {
  border: 1.5px solid var(--d-ink-25);
  background: var(--d-ink-15) !important;
  border-radius: 999px !important;
  height: 6px !important;
}
html[data-theme="doodle"] input[type="range"]::-moz-range-track {
  border: 1.5px solid var(--d-ink-25);
  background: var(--d-ink-15) !important;
  border-radius: 999px !important;
  height: 6px !important;
}
html[data-theme="doodle"] input[type="range"]::-webkit-slider-thumb {
  cursor: pointer;
  -webkit-appearance: none !important;
  background: var(--d-ink) !important;
  border: 2px solid var(--d-ink) !important;
  border-radius: 999px !important;
  width: 18px !important;
  height: 18px !important;
  margin-top: -8px !important;
  box-shadow: 2px 2px #15281f2e !important;
}
html[data-theme="doodle"] input[type="range"]::-moz-range-thumb {
  cursor: pointer;
  background: var(--d-ink) !important;
  border: 2px solid var(--d-ink) !important;
  border-radius: 999px !important;
  width: 18px !important;
  height: 18px !important;
  box-shadow: 2px 2px #15281f2e !important;
}
html[data-theme="doodle"] input[type="range"].accent-wa-deep, html[data-theme="doodle"] input[type="checkbox"], html[data-theme="doodle"] input[type="radio"] {
  accent-color: var(--d-ink) !important;
}
html[data-theme="doodle"] .bg-paper-0.border.border-paper-200, html[data-theme="doodle"] .bg-paper-0.shadow-card, html[data-theme="doodle"] .bg-white.shadow-card {
  border: 2px solid var(--d-ink) !important;
  box-shadow: 4px 4px 0 0 var(--d-ink) !important;
  background: #fff !important;
}
html[data-theme="doodle"] div.shadow-card, html[data-theme="doodle"] section.shadow-card, html[data-theme="doodle"] article.shadow-card {
  border: 2px solid var(--d-ink) !important;
  box-shadow: 4px 4px 0 0 var(--d-ink) !important;
}
html[data-theme="doodle"] .group.shadow-card:hover, html[data-theme="doodle"] a.shadow-card:hover {
  transition: transform .15s, box-shadow .15s;
  transform: translate(-2px, -2px);
  box-shadow: 6px 6px 0 0 var(--d-ink) !important;
}
html[data-theme="doodle"] .bg-wa-deep .bg-paper-0\/15, html[data-theme="doodle"] .bg-wa-deep .bg-paper-0\/40, html[data-theme="doodle"] .bg-wa-deep .bg-paper-0\/95 {
  background-color: #ffffff24 !important;
}
html[data-theme="doodle"] .bg-wa-deep .border-paper-0\/15 {
  border-color: #ffffff2e !important;
}
html[data-theme="doodle"] .bg-wa-deep .text-paper-0, html[data-theme="doodle"] .bg-wa-deep h1, html[data-theme="doodle"] .bg-wa-deep h2, html[data-theme="doodle"] .bg-wa-deep h3, html[data-theme="doodle"] .bg-wa-deep h4, html[data-theme="doodle"] .bg-wa-deep p, html[data-theme="doodle"] .bg-wa-deep span {
  color: #fff !important;
}
html[data-theme="doodle"] .bg-wa-deep .text-paper-0\/85, html[data-theme="doodle"] .bg-wa-deep .text-paper-0\/80, html[data-theme="doodle"] .bg-wa-deep .text-paper-0\/60 {
  color: #ffffffc7 !important;
}
html[data-theme="doodle"] .bg-wa-deep svg rect[fill="#FBFAF6"] {
  fill: #ffffff4d !important;
}
html[data-theme="doodle"] .bg-ink-900, html[data-theme="doodle"] .bg-ink-800 {
  background: var(--d-ink) !important;
  border: 2px solid var(--d-ink) !important;
}
html[data-theme="doodle"] .bg-ink-900 *, html[data-theme="doodle"] .bg-ink-800 * {
  color: #fff !important;
}
html[data-theme="doodle"] .bg-ink-900 .text-paper-0\/70, html[data-theme="doodle"] .bg-ink-900 .text-paper-0\/60, html[data-theme="doodle"] .bg-ink-900 .text-paper-0\/50 {
  color: #ffffffb3 !important;
}
html[data-theme="doodle"] .step-pane .border-t, html[data-theme="doodle"] .form-footer {
  border-color: var(--d-ink-15) !important;
}
html[data-theme="doodle"] .font-mono.text-ink-500 {
  color: var(--d-ink-55) !important;
}
html[data-theme="doodle"] .uppercase.tracking-\[0\.18em\], html[data-theme="doodle"] [class*="tracking-[0.1"] {
  color: var(--d-ink-55) !important;
  font-weight: 700 !important;
}
html[data-theme="doodle"] button:disabled, html[data-theme="doodle"] [disabled] {
  opacity: .45 !important;
  cursor: not-allowed !important;
}
html[data-theme="doodle"] .focus\:ring-wa-deep\/10:focus, html[data-theme="doodle"] .focus\:ring-wa-deep\/20:focus, html[data-theme="doodle"] .focus\:ring-4:focus {
  --tw-ring-color: var(--d-ink-15) !important;
}
html[data-theme="doodle"] .edge-popup {
  background: var(--d-paper) !important;
  border: 2px solid var(--d-ink) !important;
  color: var(--d-ink) !important;
  box-shadow: 4px 4px 0 0 var(--d-ink) !important;
}
html[data-theme="doodle"] .ink {
  color: var(--d-ink) !important;
}
html[data-theme="doodle"] .bg-ink {
  background: var(--d-ink) !important;
}
html[data-theme="doodle"] .bg-mint {
  background: var(--d-mint) !important;
}
html[data-theme="doodle"] .bg-cream {
  background: var(--d-cream) !important;
}
html[data-theme="doodle"] .bg-paper {
  background: var(--d-paper) !important;
}
html[data-theme="doodle"] .bg-wa {
  background: var(--d-wa) !important;
}
html[data-theme="doodle"] .bg-sun {
  background: var(--d-sun) !important;
}
html[data-theme="doodle"] .bg-coral {
  background: var(--d-coral) !important;
}
html[data-theme="doodle"] .bg-lav {
  background: var(--d-lav) !important;
}
html[data-theme="doodle"] .border-ink {
  border-color: var(--d-ink) !important;
}
html[data-theme="doodle"] .f-display {
  letter-spacing: -.025em !important;
  font-family: Bricolage Grotesque, system-ui, sans-serif !important;
}
html[data-theme="doodle"] .f-script {
  letter-spacing: 0 !important;
  font-family: Caveat, cursive !important;
  font-style: normal !important;
  font-weight: 700 !important;
}
html[data-theme="doodle"] .font-serif {
  letter-spacing: -.025em !important;
  font-family: Bricolage Grotesque, system-ui, sans-serif !important;
  font-style: normal !important;
  font-weight: 800 !important;
}
html[data-theme="doodle"] .italic, html[data-theme="doodle"] em {
  letter-spacing: 0 !important;
  font-family: Caveat, cursive !important;
  font-style: normal !important;
  font-weight: 700 !important;
}
html[data-theme="doodle"] .sketch {
  border: 2.5px solid var(--d-ink) !important;
  box-shadow: 6px 6px 0 0 var(--d-ink) !important;
  background: #fff !important;
  border-radius: 28px !important;
}
html[data-theme="doodle"] .sketch-soft {
  border: 2px solid var(--d-ink) !important;
  background: #fff !important;
  border-radius: 28px !important;
}
html[data-theme="doodle"] .sketch-sm {
  border: 2px solid var(--d-ink) !important;
  box-shadow: 4px 4px 0 0 var(--d-ink) !important;
  border-radius: 999px !important;
}
html[data-theme="doodle"] .pill-dark {
  text-decoration: none;
  transition: transform .15s, box-shadow .15s;
  background: var(--d-ink) !important;
  color: #fff !important;
  border: 2px solid var(--d-ink) !important;
  border-radius: 999px !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 10px 18px !important;
  font-weight: 600 !important;
  display: inline-flex !important;
  box-shadow: 4px 4px #15281f26 !important;
}
html[data-theme="doodle"] .pill-dark:hover {
  transform: translate(-1px, -1px);
  box-shadow: 6px 6px #15281f33 !important;
}
html[data-theme="doodle"] .pill-light {
  color: var(--d-ink) !important;
  border: 2px solid var(--d-ink) !important;
  background: #fff !important;
  border-radius: 999px !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 9px 16px !important;
  font-weight: 600 !important;
  display: inline-flex !important;
}
html[data-theme="doodle"] .pill-tab {
  align-items: center;
  gap: 6px;
  transition: all .15s;
  display: inline-flex;
  border: 2px solid var(--d-ink-25) !important;
  color: var(--d-ink-72) !important;
  background: none !important;
  border-radius: 999px !important;
  padding: 7px 14px !important;
  font-size: 13px !important;
  font-weight: 600 !important;
}
html[data-theme="doodle"] .pill-tab:hover {
  color: var(--d-ink) !important;
  border-color: var(--d-ink) !important;
}
html[data-theme="doodle"] .pill-tab.active {
  background: var(--d-mint) !important;
  border-color: var(--d-ink) !important;
  color: var(--d-ink) !important;
  box-shadow: 2px 2px 0 0 var(--d-ink) !important;
}
html[data-theme="doodle"] .admin-card {
  border: 2px solid var(--d-ink) !important;
  box-shadow: 4px 4px 0 0 var(--d-ink) !important;
  background: #fff !important;
  border-radius: 22px !important;
}
html[data-theme="doodle"] .admin-card-soft {
  border: 2px solid var(--d-ink-25) !important;
  background: #fff !important;
  border-radius: 22px !important;
}
html[data-theme="doodle"] .nav-item {
  align-items: center;
  gap: 10px;
  transition: background .15s, color .15s, border-color .15s, transform .15s;
  display: flex;
  color: var(--d-ink-72) !important;
  border: 2px solid #0000 !important;
  border-radius: 14px !important;
  padding: 10px 14px !important;
  font-size: 14px !important;
  font-weight: 600 !important;
}
html[data-theme="doodle"] .nav-item:hover {
  color: var(--d-ink) !important;
  background: #15281f0d !important;
}
html[data-theme="doodle"] .nav-item.active {
  background: var(--d-mint) !important;
  border-color: var(--d-ink) !important;
  color: var(--d-ink) !important;
  box-shadow: 2px 2px 0 0 var(--d-ink) !important;
}
html[data-theme="doodle"] .kpi-trend-up {
  align-items: center;
  gap: 4px;
  display: inline-flex;
  background: var(--d-mint) !important;
  color: var(--d-wa-deep) !important;
  border: 1.5px solid #128c4b59 !important;
  border-radius: 999px !important;
  padding: 2px 8px !important;
  font-size: 12px !important;
  font-weight: 700 !important;
}
html[data-theme="doodle"] .kpi-trend-down {
  align-items: center;
  gap: 4px;
  display: inline-flex;
  color: #e54b3c !important;
  background: #ffeef0 !important;
  border: 1.5px solid #e54b3c59 !important;
  border-radius: 999px !important;
  padding: 2px 8px !important;
  font-size: 12px !important;
  font-weight: 700 !important;
}
html[data-theme="doodle"] .status-pill {
  align-items: center;
  gap: 6px;
  display: inline-flex;
  border: 1.5px solid var(--d-ink) !important;
  border-radius: 999px !important;
  padding: 3px 10px !important;
  font-size: 12px !important;
  font-weight: 600 !important;
}
html[data-theme="doodle"] .bar-row .bar-fill {
  border-radius: 999px;
  height: 10px;
  border: 1.5px solid var(--d-ink) !important;
}
html[data-theme="doodle"] .bar-row .bar-track {
  border-radius: 999px;
  height: 10px;
  border: 1.5px solid var(--d-ink-25) !important;
  background: #fff !important;
}
html[data-theme="doodle"] .search-input {
  width: 100%;
  transition: border-color .15s;
  border: 2px solid var(--d-ink-25) !important;
  color: var(--d-ink) !important;
  background: #fff !important;
  border-radius: 999px !important;
  padding: 9px 14px 9px 38px !important;
  font-size: 14px !important;
}
html[data-theme="doodle"] .search-input:focus {
  border-color: var(--d-ink) !important;
  outline: none !important;
}
html[data-theme="doodle"] .lift {
  transition: transform .2s, box-shadow .2s;
}
html[data-theme="doodle"] .lift:hover {
  transform: translate(-2px, -4px);
  box-shadow: 10px 12px 0 0 var(--d-ink) !important;
}
html[data-theme="doodle"] .lift-tilt {
  transition: transform .25s, box-shadow .25s;
}
html[data-theme="doodle"] .lift-tilt:hover {
  transform: translate(-2px, -4px) rotate(-1deg);
  box-shadow: 10px 12px 0 0 var(--d-ink) !important;
}
html[data-theme="doodle"] .tilt-l {
  transform: rotate(-2deg);
}
html[data-theme="doodle"] .tilt-r {
  transform: rotate(2deg);
}
html[data-theme="doodle"] .tilt-lg {
  transform: rotate(-3deg);
}
html[data-theme="doodle"] .tilt-rg {
  transform: rotate(3deg);
}
html[data-theme="doodle"] .card-hover {
  transition: transform .2s;
}
html[data-theme="doodle"] .card-hover:hover {
  transform: translateY(-4px) rotate(-.8deg);
}
@keyframes doodle-pulsedot {
  0%, 100% {
    box-shadow: 0 0 0 0 color-mix(in srgb, var(--color-wa-green) 60%, transparent);
  }

  70% {
    box-shadow: 0 0 0 10px color-mix(in srgb, var(--color-wa-green) 0%, transparent);
  }
}
html[data-theme="doodle"] .pulsedot {
  animation: 2.2s ease-out infinite doodle-pulsedot;
}
@keyframes doodle-floaty {
  0%, 100% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(-8px);
  }
}
html[data-theme="doodle"] .floaty {
  animation: 6s ease-in-out infinite doodle-floaty;
}
@keyframes doodle-bob {
  0%, 100% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(-5px);
  }
}
html[data-theme="doodle"] .bob {
  animation: 4.5s ease-in-out infinite doodle-bob;
}
@keyframes doodle-wobble {
  0%, 100% {
    transform: rotate(-3deg);
  }

  50% {
    transform: rotate(3deg);
  }
}
html[data-theme="doodle"] .wobble {
  transform-origin: center;
  animation: 7s ease-in-out infinite doodle-wobble;
}
html[data-theme="doodle"] .filter-pill.active, html[data-theme="doodle"] .filter-tab.active, html[data-theme="doodle"] .top-tab.active, html[data-theme="doodle"] .side-tab.active, html[data-theme="doodle"] .nav-pill.active, html[data-theme="doodle"] .acc-tab.active, html[data-theme="doodle"] .set-tab.active, html[data-theme="doodle"] .ti-tab.active, html[data-theme="doodle"] .ig-tab.active, html[data-theme="doodle"] .cat-tab.active, html[data-theme="doodle"] .seg-tab.active, html[data-theme="doodle"] .queue-tab.active, html[data-theme="doodle"] .fp-tab.active, html[data-theme="doodle"] .team-nav-btn.active, html[data-theme="doodle"] [aria-pressed="true"].filter-btn, html[data-theme="doodle"] [data-state="active"] {
  background: var(--d-mint) !important;
  background-color: var(--d-mint) !important;
  color: var(--d-ink) !important;
  border: 2px solid var(--d-ink) !important;
  box-shadow: 2px 2px 0 0 var(--d-ink) !important;
  border-radius: 999px !important;
  font-weight: 700 !important;
}
html[data-theme="doodle"] .\[\&\.active\]\:bg-wa-deep.active, html[data-theme="doodle"] .\[\&\.active\]\:bg-ink-900.active, html[data-theme="doodle"] .\[\&\.active\]\:bg-ink-800.active {
  background-color: var(--d-mint) !important;
  background: var(--d-mint) !important;
  border: 2px solid var(--d-ink) !important;
  box-shadow: 2px 2px 0 0 var(--d-ink) !important;
  border-radius: 999px !important;
}
html[data-theme="doodle"] .\[\&\.active\]\:text-paper-0.active, html[data-theme="doodle"] .\[\&\.active\]\:text-paper-0\/70.active, html[data-theme="doodle"] .\[\&\.active\]\:text-paper-0\/80.active {
  color: var(--d-ink) !important;
}
html[data-theme="doodle"] .filter-tab.active .opacity-80, html[data-theme="doodle"] .top-tab.active .opacity-80, html[data-theme="doodle"] .filter-pill.active .opacity-80, html[data-theme="doodle"] .side-tab.active .opacity-80, html[data-theme="doodle"] .nav-pill.active .opacity-80 {
  color: var(--d-ink) !important;
  opacity: 1 !important;
}
html[data-theme="doodle"] .\[\&\[aria-pressed\=true\]\]\:bg-wa-deep[aria-pressed="true"] {
  background-color: var(--d-mint) !important;
  background: var(--d-mint) !important;
  border: 2px solid var(--d-ink) !important;
  box-shadow: 2px 2px 0 0 var(--d-ink) !important;
  border-radius: 999px !important;
}
html[data-theme="doodle"] .\[\&\[aria-pressed\=true\]\]\:text-paper-0[aria-pressed="true"] {
  color: var(--d-ink) !important;
}
html[data-theme="doodle"] .filter-tab.active .font-mono, html[data-theme="doodle"] .top-tab.active .font-mono, html[data-theme="doodle"] .filter-pill.active .font-mono, html[data-theme="doodle"] .side-tab.active .font-mono, html[data-theme="doodle"] .nav-pill.active .font-mono, html[data-theme="doodle"] .filter-tab.active .count, html[data-theme="doodle"] .top-tab.active .count, html[data-theme="doodle"] .pill-tab.active .count, html[data-theme="doodle"] .tab-line.active .count {
  border: 1px solid var(--d-ink-25);
  color: var(--d-ink) !important;
  background: #15281f1a !important;
  border-radius: 999px !important;
  padding: 1px 8px !important;
  font-weight: 700 !important;
}
html[data-theme="doodle"] .filter-tab .font-mono, html[data-theme="doodle"] .top-tab .font-mono, html[data-theme="doodle"] .filter-pill .font-mono, html[data-theme="doodle"] .pill-tab .count, html[data-theme="doodle"] .tab-line .count {
  color: var(--d-ink-72) !important;
  background: #15281f0f !important;
  border-radius: 999px !important;
  padding: 1px 8px !important;
}
html[data-theme="doodle"] .side-tab.bg-wa-deep, html[data-theme="doodle"] .side-tab[class*="bg-wa-deep"] {
  background: var(--d-mint) !important;
  color: var(--d-ink) !important;
  border: 2px solid var(--d-ink) !important;
  box-shadow: 2px 2px 0 0 var(--d-ink) !important;
  border-radius: 14px !important;
}
html[data-theme="doodle"] .side-tab.bg-wa-deep .text-paper-0, html[data-theme="doodle"] .side-tab[class*="bg-wa-deep"] .text-paper-0, html[data-theme="doodle"] .side-tab.bg-wa-deep span, html[data-theme="doodle"] .side-tab.bg-wa-deep .font-mono {
  color: var(--d-ink) !important;
}
html[data-theme="doodle"] .tab-line {
  color: var(--d-ink-72) !important;
  font-weight: 600 !important;
}
html[data-theme="doodle"] .tab-line:hover {
  color: var(--d-ink) !important;
}
html[data-theme="doodle"] .tab-line.active {
  color: var(--d-ink) !important;
  border-bottom-color: var(--d-ink) !important;
  border-bottom-width: 3px !important;
  font-weight: 800 !important;
}
html[data-theme="doodle"] .tab-line .count {
  background: var(--d-mint) !important;
  border: 1.5px solid var(--d-ink-25) !important;
  color: var(--d-ink) !important;
  font-weight: 700 !important;
}
html[data-theme="doodle"] .tab-line.active .count {
  background: var(--d-ink) !important;
  color: #fff !important;
  border-color: var(--d-ink) !important;
}
html[data-theme="doodle"] h1, html[data-theme="doodle"] h2, html[data-theme="doodle"] h3, html[data-theme="doodle"] h4, html[data-theme="doodle"] h5 {
  letter-spacing: -.025em !important;
  font-family: Bricolage Grotesque, system-ui, sans-serif !important;
  font-weight: 800 !important;
}
html[data-theme="doodle"] .tracking-\[0\.18em\], html[data-theme="doodle"] .tracking-\[0\.16em\], html[data-theme="doodle"] .tracking-\[0\.2em\] {
  color: var(--d-ink-55) !important;
  font-weight: 700 !important;
}
html[data-theme="doodle"] .font-mono {
  color: inherit;
}
html[data-theme="doodle"] .hover\:bg-wa-deep:hover {
  background: var(--d-ink) !important;
  color: #fff !important;
}
html[data-theme="doodle"] .hover\:text-paper-0:hover {
  color: #fff !important;
}
html[data-theme="doodle"] .group:hover .group-hover\:bg-wa-deep, html[data-theme="doodle"] .group:hover .group-hover\:text-paper-0 {
  background: var(--d-mint) !important;
  color: var(--d-ink) !important;
}
html[data-theme="doodle"] .text-\[34px\], html[data-theme="doodle"] .text-\[40px\], html[data-theme="doodle"] .text-\[44px\], html[data-theme="doodle"] .text-\[48px\], html[data-theme="doodle"] .text-\[52px\] {
  letter-spacing: -.025em !important;
  font-family: Bricolage Grotesque, system-ui, sans-serif !important;
  font-weight: 800 !important;
}
@supports (color: color-mix(in lab, red, red)) {
  .auth-art {
    background: radial-gradient(80% 60% at 30% 20%, color-mix(in srgb, var(--color-wa-green) 18%, transparent) 0, transparent 50%), radial-gradient(60% 50% at 80% 80%, color-mix(in srgb, var(--color-wa-deep) 30%, transparent) 0, transparent 60%), linear-gradient(135deg, var(--color-wa-deep) 0%, #13312d 100%);
  }
}
.quote {
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  background: #0b1f1c52;
  border: 1px solid #ffffff1a;
}
.auth-art {
  background: radial-gradient(75% 60% at 30% 70%, #e5a04e2e 0, transparent 55%), radial-gradient(60% 50% at 80% 20%, #25d3662e 0, transparent 55%), linear-gradient(135deg, var(--color-wa-deep) 0%, #13312d 100%);
}
@supports (color: color-mix(in lab, red, red)) {
  .auth-art {
    background: radial-gradient(75% 60% at 30% 70%, #e5a04e2e 0, transparent 55%), radial-gradient(60% 50% at 80% 20%, color-mix(in srgb, var(--color-wa-green) 18%, transparent) 0, transparent 55%), linear-gradient(135deg, var(--color-wa-deep) 0%, #13312d 100%);
  }
}
.blob {
  filter: blur(60px);
  opacity: .45;
  border-radius: 50%;
  position: absolute;
}
.stat-pill {
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  background: #0b1f1c52;
  border: 1px solid #ffffff1a;
}
.auth-aurora {
  background-color: #f4f4f5;
  background-image: radial-gradient(40% 50% at 20% 20%, #25d3664d 0, #0000 60%), radial-gradient(45% 55% at 80% 25%, #075e5442 0, #0000 60%), radial-gradient(50% 50% at 65% 88%, #e5a04e3d 0, #0000 60%), radial-gradient(42% 50% at 12% 82%, #2563eb2e 0, #0000 60%);
}
@supports (color: color-mix(in lab, red, red)) {
  .auth-aurora {
    background-image: radial-gradient(40% 50% at 20% 20%, color-mix(in srgb, var(--color-wa-green) 30%, transparent) 0, transparent 60%), radial-gradient(45% 55% at 80% 25%, color-mix(in srgb, var(--color-wa-deep) 26%, transparent) 0, transparent 60%), radial-gradient(50% 50% at 65% 88%, #e5a04e3d 0, transparent 60%), radial-gradient(42% 50% at 12% 82%, #2563eb2e 0, transparent 60%);
  }
}
.auth-aurora {
  background-size: 200% 200%;
  animation: 20s ease-in-out infinite auth-aurora-pan;
}
@keyframes auth-aurora-pan {
  0%, 100% {
    background-position: 0 0, 100% 0, 50% 100%, 0 100%;
  }

  50% {
    background-position: 30% 25%, 70% 35%, 40% 70%, 25% 80%;
  }
}
@media (prefers-reduced-motion: reduce) {
  .auth-aurora {
    animation: none;
  }
}
@keyframes shake-in {
  0% {
    opacity: 0;
    transform: scale(.6) translateX(0);
  }

  50% {
    opacity: 1;
  }

  60% {
    transform: scale(1) translateX(-6px);
  }

  72% {
    transform: scale(1) translateX(6px);
  }

  84% {
    transform: scale(1) translateX(-3px);
  }

  100% {
    transform: scale(1) translateX(0);
  }
}
.x-icon {
  animation: .55s ease-out shake-in;
}
@keyframes ringIn {
  from {
    opacity: 0;
    transform: scale(.6);
  }

  to {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes drawTick {
  from {
    stroke-dashoffset: 30px;
  }

  to {
    stroke-dashoffset: 0;
  }
}
.tick-ring {
  animation: .35s ease-out ringIn;
}
.tick-path {
  stroke-dasharray: 30;
  animation: .55s ease-out .15s forwards drawTick;
}
@keyframes confetti-fall {
  0% {
    opacity: 0;
    transform: translateY(-20vh) rotate(0);
  }

  10% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    transform: translateY(110vh) rotate(720deg);
  }
}
.confetti {
  pointer-events: none;
  border-radius: 2px;
  width: 8px;
  height: 14px;
  animation: 4s linear infinite confetti-fall;
  position: fixed;
  top: 0;
}
.acc-tab {
  color: #3a5a55;
  cursor: pointer;
  border-radius: 10px;
  align-items: center;
  gap: 9px;
  padding: 9px 11px;
  font-size: 12.5px;
  transition: background .12s;
  display: flex;
}
.acc-tab:hover {
  background: var(--color-paper-50);
}
.acc-tab.active {
  background: var(--color-wa-deep);
  color: var(--color-paper-0);
  font-weight: 600;
}
.acc-tab.danger {
  color: #a1431f;
}
.acc-tab.danger:hover {
  background: #fbe9e7;
}
.acc-tab.danger.active {
  color: var(--color-paper-0);
  background: #e87a5d;
}
body[data-page="user-flows-builder"], body[data-page="user-flows-builder"] #root {
  height: 100%;
  overflow: hidden;
}
body[data-page="user-flows-builder"] {
  margin: 0;
}
.canvas-dots {
  background-color: var(--color-paper-50);
  background-image: radial-gradient(circle, #0b1f1c1a 1px, #0000 1px);
  background-size: 22px 22px;
}
.canvas-dots.dragging {
  cursor: grabbing;
}
.fb-touch-canvas, .fb-touch-canvas .node-card, .fb-touch-canvas .port {
  touch-action: none;
}
.node-card {
  background: var(--color-paper-0);
  border: 1px solid var(--color-paper-200);
  border-radius: 16px;
  transition: box-shadow .14s, border-color .14s;
  box-shadow: 0 1px #0b1f1c0a, 0 6px 16px -10px #0b1f1c2e;
}
.node-card.selected {
  border-color: var(--color-wa-deep);
  box-shadow: 0 0 0 2px #075e5447, 0 14px 30px -14px #075e545c;
}
@supports (color: color-mix(in lab, red, red)) {
  .node-card.selected {
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--color-wa-deep) 28%, transparent), 0 14px 30px -14px color-mix(in srgb, var(--color-wa-deep) 36%, transparent);
  }
}
.node-card.dragging {
  box-shadow: 0 0 0 2px #075e5457, 0 18px 30px -14px #075e546b;
}
@supports (color: color-mix(in lab, red, red)) {
  .node-card.dragging {
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--color-wa-deep) 34%, transparent), 0 18px 30px -14px color-mix(in srgb, var(--color-wa-deep) 42%, transparent);
  }
}
.node-row {
  border-radius: 10px;
  transition: background .14s;
}
.node-row:hover {
  background: var(--color-paper-50);
}
.port {
  background: var(--color-paper-0);
  border: 2px solid var(--color-ink-500);
  border-radius: 50%;
  width: 14px;
  height: 14px;
  transition: transform .12s, box-shadow .12s, background .12s, border-color .12s;
}
.port.is-yes {
  background: var(--color-wa-mint);
  border-color: var(--color-wa-deep);
}
.port.is-no {
  background: #fbe9e7;
  border-color: #e87a5d;
}
.port.out {
  cursor: crosshair;
  position: absolute;
  top: 50%;
  right: -7px;
  transform: translateY(-50%);
}
.port.in {
  cursor: cell;
  position: absolute;
  top: 50%;
  left: -7px;
  transform: translateY(-50%);
}
.port:hover, .port.active {
  background: var(--color-wa-mint);
  border-color: var(--color-wa-deep);
  box-shadow: 0 0 0 4px #075e5424;
}
@supports (color: color-mix(in lab, red, red)) {
  .port:hover, .port.active {
    box-shadow: 0 0 0 4px color-mix(in srgb, var(--color-wa-deep) 14%, transparent);
  }
}
.port.out:hover, .port.out.active, .port.in:hover, .port.in.active {
  transform: translateY(-50%) scale(1.18);
}
.edge-path {
  fill: none;
  stroke: #b5bab6;
  stroke-width: 1.6px;
  stroke-dasharray: 6 6;
  transition: stroke .14s, stroke-width .14s;
}
.edge-path:hover, .edge-path.hover {
  stroke: var(--color-ink-500);
  stroke-width: 2px;
  cursor: pointer;
}
.edge-path.no {
  stroke: #e0a39a;
}
.edge-path.no:hover, .edge-path.no.hover {
  stroke: #c56b4f;
}
.edge-path.preview {
  stroke: var(--color-wa-deep);
  stroke-dasharray: 5 4;
  stroke-width: 2px;
  pointer-events: none;
}
.edge-hit {
  fill: none;
  stroke: #0000;
  stroke-width: 14px;
  cursor: pointer;
  pointer-events: stroke;
}
.node-actions {
  border: 1px solid var(--color-paper-200);
  z-index: 25;
  background: #fff;
  border-radius: 10px;
  gap: 2px;
  padding: 4px;
  animation: .12s popIn;
  display: flex;
  position: absolute;
  transform: translateX(-50%);
  box-shadow: 0 6px 16px -6px #0b1f1c2e, 0 1px 2px #0b1f1c0f;
}
.node-actions button {
  color: #3a5a55;
  cursor: pointer;
  background: none;
  border: 0;
  border-radius: 8px;
  place-items: center;
  width: 30px;
  height: 30px;
  transition: background .12s, color .12s;
  display: grid;
}
.node-actions button:hover {
  background: var(--color-paper-50);
  color: var(--color-wa-deep);
}
.node-actions button.danger:hover {
  color: #c56b4f;
  background: #fbe9e7;
}
.minimap {
  z-index: 20;
  background: #0e2a26;
  border: 1px solid #1f3f3a;
  border-radius: 8px;
  width: 170px;
  height: 110px;
  position: absolute;
  bottom: 64px;
  right: 16px;
  overflow: hidden;
  box-shadow: 0 4px 14px #00000059;
}
.minimap svg {
  width: 100%;
  height: 100%;
  display: block;
}
.minimap .mm-node {
  fill: var(--color-wa-green);
  stroke: var(--color-wa-deep);
  stroke-width: 1px;
  opacity: .85;
}
.minimap .mm-view {
  fill: #25d3662e;
}
@supports (color: color-mix(in lab, red, red)) {
  .minimap .mm-view {
    fill: color-mix(in srgb, var(--color-wa-green) 18%, transparent);
  }
}
.minimap .mm-view {
  stroke: var(--color-wa-green);
  stroke-width: 1px;
  stroke-dasharray: 3 3;
  cursor: move;
}
.edge-popup {
  border: 1px solid var(--color-paper-200);
  color: #3a5a55;
  cursor: pointer;
  background: #fff;
  border-radius: 10px;
  align-items: center;
  gap: 6px;
  padding: 6px 12px;
  font-size: 13px;
  animation: .12s popIn;
  display: flex;
  position: absolute;
  transform: translate(-50%, -100%);
  box-shadow: 0 6px 16px -6px #0b1f1c2e, 0 1px 2px #0b1f1c0f;
}
.edge-popup:hover {
  color: #c56b4f;
}
.edge-popup:after {
  content: "";
  border-right: 1px solid var(--color-paper-200);
  border-bottom: 1px solid var(--color-paper-200);
  background: #fff;
  width: 10px;
  height: 10px;
  position: absolute;
  bottom: -6px;
  left: 50%;
  transform: translateX(-50%) rotate(45deg);
}
@keyframes popIn {
  from {
    opacity: 0;
    transform: translate(-50%, calc(6px - 100%));
  }

  to {
    opacity: 1;
    transform: translate(-50%, -100%);
  }
}
.pal-card {
  transition: background .14s, border-color .14s;
}
.pal-card:hover {
  background: var(--color-paper-50);
  border-color: var(--color-wa-deep);
}
.ins-panel {
  animation: .22s slideIn;
}
@keyframes slideIn {
  from {
    opacity: 0;
    transform: translateX(20px);
  }

  to {
    opacity: 1;
    transform: translateX(0);
  }
}
.bubble {
  background: var(--color-paper-0);
  border: 1px solid var(--color-paper-200);
  color: var(--color-ink-900);
  border-radius: 10px 10px 10px 3px;
  padding: 7px 9px;
  font-size: 11.5px;
  line-height: 1.45;
}
.bubble.wa {
  background: var(--color-wa-bubble);
  border-color: #c6e8b5;
  border-radius: 10px 10px 3px;
}
kbd {
  border: 1px solid var(--color-paper-200);
  background: var(--color-paper-0);
  color: var(--color-ink-700);
  border-radius: 4px;
  padding: 1px 5px;
  font-family: JetBrains Mono, monospace;
  font-size: 9.5px;
}
::-webkit-scrollbar-thumb:hover {
  background: #0b1f1c52;
}
.chip-icon {
  border-radius: 9px;
  flex-shrink: 0;
  place-items: center;
  width: 30px;
  height: 30px;
  display: grid;
}
.chip-icon-sm {
  border-radius: 6px;
  flex-shrink: 0;
  place-items: center;
  width: 22px;
  height: 22px;
  display: grid;
}
.set-tab {
  color: #3a5a55;
  cursor: pointer;
  border-radius: 10px;
  align-items: center;
  gap: 9px;
  padding: 9px 11px;
  font-size: 12.5px;
  transition: background .12s;
  display: flex;
}
.set-tab:hover {
  background: var(--color-paper-50);
}
.set-tab.active {
  background: var(--color-wa-deep);
  color: var(--color-paper-0);
  font-weight: 600;
}
.toggle {
  width: 36px;
  height: 20px;
  display: inline-block;
  position: relative;
}
.toggle input {
  opacity: 0;
  width: 0;
  height: 0;
}
.toggle .track {
  background: var(--color-paper-200);
  border-radius: 999px;
  transition: all .18s;
  position: absolute;
  inset: 0;
}
.toggle .thumb {
  background: var(--color-paper-0);
  border-radius: 50%;
  width: 16px;
  height: 16px;
  transition: all .18s;
  position: absolute;
  top: 2px;
  left: 2px;
  box-shadow: 0 1px 3px #0b1f1c33;
}
.toggle input:checked ~ .track {
  background: var(--color-wa-deep);
}
.toggle input:checked ~ .thumb {
  left: 18px;
}
.ig-tab.active {
  background: var(--color-wa-deep);
  color: var(--color-paper-0);
  font-weight: 600;
}
.count {
  background: var(--color-paper-50);
  color: #3a5a55;
  border-radius: 999px;
  margin-left: auto;
  padding: 1px 7px;
  font-family: JetBrains Mono, monospace;
  font-size: 10px;
}
.ti-frame {
  grid-template-columns: 200px 290px 1fr 320px;
  height: 100dvh;
  display: grid;
}
.ti-frame.no-contact {
  grid-template-columns: 200px 290px 1fr 0;
}
.ti-frame.no-contact .ti-contact {
  display: none;
}
#ti-frame.ti-frame {
  grid-template-columns: 64px 290px 1fr 320px;
}
#ti-frame.ti-frame.no-contact {
  grid-template-columns: 64px 290px 1fr 0;
}
.ti-col {
  flex-direction: column;
  height: 100%;
  min-height: 0;
  display: flex;
}
#ti-frame.ti-frame.nav-collapsed {
  grid-template-columns: 64px 290px 1fr 320px;
}
#ti-frame.ti-frame.nav-collapsed.no-contact {
  grid-template-columns: 64px 290px 1fr 0;
}
.ti-frame.nav-collapsed .ti-nav-scroll, .ti-frame.nav-collapsed .ti-nav-scroll * {
  font-size: 0 !important;
}
.ti-frame.nav-collapsed .ti-nav-scroll {
  flex-direction: column;
  align-items: center;
  gap: 4px;
  display: flex;
  padding: 8px 0 !important;
}
.ti-frame.nav-collapsed .ti-nav-scroll > *, .ti-frame.nav-collapsed .ti-nav-scroll #team-nav-list > * {
  margin: 0 !important;
}
.ti-frame.nav-collapsed .ti-nav-scroll #team-nav-list {
  flex-direction: column;
  align-items: center;
  gap: 4px;
  width: 100%;
  display: flex;
}
.ti-frame.nav-collapsed .ti-nav-scroll .team-nav-btn {
  border-radius: 10px;
  flex: none;
  justify-content: center;
  align-items: center;
  gap: 0;
  width: 36px;
  height: 36px;
  display: flex;
  padding: 0 !important;
}
.ti-frame.nav-collapsed .ti-nav-scroll svg {
  flex: none;
  width: 17px !important;
  height: 17px !important;
}
.ti-frame.nav-collapsed .ti-nav-scroll .ct, .ti-frame.nav-collapsed .ti-nav-scroll .ti-nav-add, .ti-frame.nav-collapsed .ti-nav-scroll #team-nav-empty {
  display: none !important;
}
.ti-frame.nav-collapsed .ti-nav-scroll .ti-nav-caption {
  background: rgb(var(--paper-200, 231 229 224));
  border-radius: 1px;
  flex: none;
  width: 18px;
  height: 1px;
  margin: 6px 0 !important;
  padding: 0 !important;
  display: block !important;
}
.ti-frame.nav-collapsed .ti-nav-scroll > .flex {
  width: 18px;
  display: block !important;
}
.ti-frame.nav-collapsed .ti-nav-scroll #team-nav-list, .ti-frame.nav-collapsed .ti-nav-scroll .ti-nav-teams-head, .ti-frame.nav-collapsed .ti-nav-label {
  display: none !important;
}
.ti-nav-toggle {
  width: 28px;
  height: 28px;
  color: rgb(var(--ink-500, 122 122 122));
  background: none;
  border: 0;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  transition: background-color .15s, color .15s;
  display: inline-flex;
}
.ti-nav-toggle:hover {
  background: rgb(var(--paper-100, 240 238 233));
  color: rgb(var(--ink-900, 26 26 26));
}
.ti-frame.nav-collapsed .ti-nav-toggle svg {
  transform: rotate(180deg);
}
.ti-frame.nav-collapsed .ti-nav-head > div {
  justify-content: center;
}
@media (max-width: 1023.98px) {
  .ti-frame, .ti-frame.no-contact, #ti-frame.ti-frame, #ti-frame.ti-frame.no-contact, #ti-frame.ti-frame.nav-collapsed, #ti-frame.ti-frame.nav-collapsed.no-contact {
    grid-template-columns: 280px minmax(0, 1fr) !important;
  }

  .ti-frame > .ti-col {
    min-width: 0;
  }

  .ti-frame > aside:first-child {
    display: none;
  }

  .ti-contact {
    z-index: 45;
    width: min(360px, 92vw);
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    box-shadow: -8px 0 24px #0000001a;
  }

  .ti-frame:not(.no-contact) .ti-contact {
    display: flex !important;
  }

  .ti-frame.no-contact .ti-contact {
    display: none !important;
  }
}
@media (max-width: 767.98px) {
  .ti-frame, .ti-frame.no-contact, .ti-frame.nav-collapsed, .ti-frame.nav-collapsed.no-contact, .ti-frame.mobile-thread-open, .ti-frame.mobile-thread-open.no-contact {
    height: 100dvh;
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .ti-frame > .ti-col {
    min-width: 0;
    max-width: 100vw;
  }

  #thread {
    overflow-x: hidden;
  }

  .ti-frame > aside:first-child {
    display: none;
  }

  .ti-frame > aside.ti-col:nth-child(2) {
    width: 100%;
    display: flex;
  }

  .ti-frame > main.ti-col, .ti-frame.mobile-thread-open > aside.ti-col:nth-child(2) {
    display: none;
  }

  .ti-frame.mobile-thread-open > main.ti-col {
    width: 100%;
    display: flex;
  }

  .ti-contact {
    z-index: 45;
    width: 100vw;
    height: 100dvh;
    box-shadow: none;
    -webkit-overflow-scrolling: touch;
    position: fixed;
    inset: 0;
    overflow-y: auto;
  }

  .ti-frame:not(.no-contact) .ti-contact {
    display: flex !important;
  }

  .ti-frame.no-contact .ti-contact {
    display: none !important;
  }

  #th-header {
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    padding: 10px 12px;
  }

  #th-header > div.min-w-0 {
    flex: 1;
    min-width: 0;
  }

  #th-header > div.min-w-0 > div {
    flex-wrap: nowrap;
    min-width: 0;
    overflow: hidden;
  }

  #th-header #th-name {
    white-space: nowrap;
    text-overflow: ellipsis;
    min-width: 0;
    font-size: 15px;
    overflow: hidden;
  }

  #th-header > div.relative {
    flex-wrap: wrap;
    flex: 100%;
    justify-content: flex-end;
    row-gap: 6px;
    width: 100%;
    max-width: 100%;
    margin-top: 4px;
    overflow: visible;
  }

  #th-header > div.relative > * {
    flex: none;
  }
}
.mobile-back {
  display: none;
}
@media (max-width: 767.98px) {
  .mobile-back {
    display: inline-flex;
  }
}
#ti-frame {
  --ch-wa: var(--color-wa-green, #25d366);
  --ch-ig: #e1306c;
  --ch-ms: #0084ff;
  --ch-tg: #229ed9;
  --ch-em: #c0563b;
  --ch-tt: #fe2c55;
  --ch-sms: #6d28d9;
  --ai-purple: #5b3d8a;
  --ai-purple-bg: #f3e9ff;
}
.ti-avwrap {
  flex: none;
  display: inline-grid;
  position: relative;
}
.ti-chbadge {
  color: #fff;
  border: 2px solid var(--color-paper-0);
  border-radius: 6px;
  place-items: center;
  width: 17px;
  height: 17px;
  display: grid;
  position: absolute;
  bottom: -3px;
  right: -3px;
}
.ti-chbadge svg {
  width: 9px;
  height: 9px;
}
.ti-chbadge.ch-wa {
  background: var(--ch-wa);
}
.ti-chbadge.ch-ig {
  background: var(--ch-ig);
}
.ti-chbadge.ch-ms {
  background: var(--ch-ms);
}
.ti-chbadge.ch-tg {
  background: var(--ch-tg);
}
.ti-chbadge.ch-em {
  background: var(--ch-em);
}
.ti-chbadge.ch-tt {
  background: var(--ch-tt);
}
.ti-chbadge.ch-sms {
  background: var(--ch-sms);
}
.ti-chtabs {
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  display: flex;
}
.ti-chtab {
  height: 30px;
  color: var(--color-ink-600);
  border: 1px solid var(--color-paper-200);
  background: var(--color-paper-0);
  white-space: nowrap;
  border-radius: 99px;
  align-items: center;
  gap: 6px;
  padding: 0 11px;
  font-size: 11.5px;
  font-weight: 600;
  transition: all .13s;
  display: inline-flex;
  position: relative;
}
.ti-chtab:hover {
  background: var(--color-paper-50);
}
.ti-chtab.icon-only {
  gap: 5px;
  padding: 0 8px;
}
.ti-chtab svg {
  width: 14px;
  height: 14px;
}
.ti-chtab .n {
  background: var(--color-paper-100);
  min-width: 15px;
  height: 15px;
  color: var(--color-ink-500);
  border-radius: 99px;
  place-items: center;
  padding: 0 4px;
  font-family: JetBrains Mono, monospace;
  font-size: 9px;
  font-weight: 700;
  display: grid;
}
.ti-chtab.on {
  color: #fff;
  border-color: #0000;
}
.ti-chtab.on svg {
  color: #fff;
}
.ti-chtab.on .n {
  color: #fff;
  background: #ffffff40;
}
.ti-chtab.on.ch-all {
  background: var(--color-ink-900);
}
.ti-chtab.on.ch-wa {
  background: var(--color-wa-deep);
}
.ti-chtab.on.ch-ig {
  background: var(--ch-ig);
}
.ti-chtab.on.ch-ms {
  background: var(--ch-ms);
}
.ti-chtab.on.ch-tg {
  background: var(--ch-tg);
}
.ti-chtab.on.ch-em {
  background: var(--ch-em);
}
.ti-chtab.on.ch-tt {
  background: var(--ch-tt);
}
.ti-qlabel {
  --ql: var(--color-wa-deep);
  letter-spacing: .01em;
  border: 1px solid var(--color-paper-200);
  background: var(--color-paper-0);
  color: var(--color-ink-600);
  cursor: pointer;
  border-radius: 999px;
  align-items: center;
  gap: 5px;
  padding: 3px 9px;
  font: 700 10.5px / 1 JetBrains Mono, monospace;
  transition: background .12s, color .12s, border-color .12s;
  display: inline-flex;
}
.ti-qlabel svg {
  width: 12px;
  height: 12px;
  color: var(--ql);
  transition: color .12s;
}
.ti-qlabel:hover {
  border-color: var(--ql);
  color: var(--ql);
}
.ti-qlabel.on {
  background: var(--ql);
  border-color: var(--ql);
  color: #fff;
}
.ti-qlabel.on svg {
  color: #fff;
}
.ti-qlabel:disabled {
  cursor: default;
  opacity: .6;
}
.ti-qa {
  border: 1px solid var(--color-paper-200);
  background: var(--color-paper-0);
  color: var(--color-ink-600);
  cursor: pointer;
  text-transform: uppercase;
  letter-spacing: .04em;
  border-radius: 10px;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  padding: 8px 2px;
  font: 600 9.5px / 1.1 JetBrains Mono, monospace;
  transition: background .12s, color .12s, border-color .12s;
  display: flex;
}
.ti-qa svg {
  width: 15px;
  height: 15px;
}
.ti-qa:hover {
  background: var(--color-paper-50);
  color: var(--color-wa-deep);
  border-color: var(--color-wa-deep);
}
[data-user-shell="sidebar"] .lg\:grid-cols-\[260px_1fr\]:not(:has( > aside[data-keep-rail])), [data-user-shell="sidebar"] .lg\:grid-cols-\[280px_1fr\]:not(:has( > aside[data-keep-rail])), [data-user-shell="sidebar"] .lg\:grid-cols-\[240px_1fr\]:not(:has( > aside[data-keep-rail])), [data-user-shell="sidebar"] .lg\:grid-cols-\[300px_1fr\]:not(:has( > aside[data-keep-rail])) {
  grid-template-columns: 1fr !important;
}
[data-user-shell="sidebar"] .lg\:grid-cols-\[260px_1fr\] > aside:not([data-keep-rail]), [data-user-shell="sidebar"] .lg\:grid-cols-\[280px_1fr\] > aside:not([data-keep-rail]), [data-user-shell="sidebar"] .lg\:grid-cols-\[240px_1fr\] > aside:not([data-keep-rail]), [data-user-shell="sidebar"] .lg\:grid-cols-\[300px_1fr\] > aside:not([data-keep-rail]) {
  display: none !important;
}
.ti-seg {
  background: var(--color-paper-100);
  border: 1px solid var(--color-paper-200);
  border-radius: 11px;
  padding: 3px;
  display: flex;
  position: relative;
}
.ti-seg .ti-seg-thumb {
  background: var(--color-paper-0);
  border-radius: 8px;
  width: calc(50% - 3px);
  transition: left .22s cubic-bezier(.5, 0, .2, 1.2), width .22s cubic-bezier(.5, 0, .2, 1.2);
  position: absolute;
  top: 3px;
  bottom: 3px;
  left: 3px;
  box-shadow: 0 1px 3px #0b1f1c1f, 0 0 0 1px #0b1f1c0a;
}
.ti-seg button {
  z-index: 1;
  height: 27px;
  color: var(--color-ink-500);
  white-space: nowrap;
  cursor: pointer;
  background: none;
  border: 0;
  border-radius: 8px;
  flex: 1;
  justify-content: center;
  align-items: center;
  gap: 5px;
  font-size: 11px;
  font-weight: 600;
  transition: color .18s;
  display: inline-flex;
  position: relative;
}
.ti-seg button.on {
  color: var(--color-ink-900);
}
.ti-seg button .n {
  min-width: 15px;
  height: 14px;
  color: var(--color-ink-500);
  background: #0b1f1c14;
  border-radius: 99px;
  place-items: center;
  padding: 0 4px;
  font-family: JetBrains Mono, monospace;
  font-size: 8.5px;
  font-weight: 700;
  transition: all .18s;
  display: grid;
}
.ti-seg button .n:empty {
  display: none;
}
.ti-seg button.on .n {
  background: var(--color-wa-mint);
  color: var(--color-wa-deep);
}
.ti-seg button.seg-ai svg {
  width: 10px;
  height: 10px;
  color: var(--ai-purple);
}
.ti-aibar {
  background: linear-gradient(135deg, var(--ai-purple-bg), var(--color-paper-0));
  border: 1px solid #5b3d8a40;
  border-bottom: none;
  border-radius: 13px 13px 0 0;
  align-items: center;
  gap: 10px;
  padding: 9px 13px;
  display: flex;
}
.ti-aibar .spark {
  background: var(--ai-purple);
  color: #fff;
  border-radius: 9px;
  flex: none;
  place-items: center;
  width: 26px;
  height: 26px;
  display: grid;
}
.ti-aibar .spark svg {
  width: 13px;
  height: 13px;
}
.ti-aibar .t {
  flex: 1;
  min-width: 0;
}
.ti-aibar .l {
  text-transform: uppercase;
  letter-spacing: .06em;
  color: var(--ai-purple);
  font-family: JetBrains Mono, monospace;
  font-size: 9.5px;
}
.ti-aibar .s {
  color: var(--color-ink-600);
  white-space: nowrap;
  text-overflow: ellipsis;
  margin-top: 1px;
  font-size: 12px;
  overflow: hidden;
}
.ti-aibar .use {
  background: var(--ai-purple);
  color: #fff;
  cursor: pointer;
  border: 0;
  border-radius: 99px;
  flex: none;
  height: 27px;
  padding: 0 12px;
  font-size: 11.5px;
  font-weight: 600;
}
.ti-aibar .x {
  color: var(--color-ink-500);
  cursor: pointer;
  background: none;
  border: 0;
  flex: none;
}
.ti-aibar .x svg {
  width: 12px;
  height: 12px;
}
.ti-chanrow {
  flex-wrap: wrap;
  gap: 6px;
  display: flex;
}
.ti-chanchip {
  border: 1px solid var(--color-paper-200);
  background: var(--color-paper-0);
  height: 28px;
  color: var(--color-ink-600);
  border-radius: 99px;
  align-items: center;
  gap: 6px;
  padding: 0 10px;
  font-size: 11px;
  font-weight: 600;
  display: inline-flex;
}
.ti-chanchip svg {
  width: 12px;
  height: 12px;
}
.ti-chanchip.live {
  background: var(--color-wa-mint);
  color: var(--color-wa-deep);
  border-color: #075e544d;
}
.ti-jrny {
  padding-left: 17px;
  position: relative;
}
.ti-jrny:before {
  content: "";
  background: var(--color-paper-200);
  width: 1.5px;
  position: absolute;
  top: 6px;
  bottom: 6px;
  left: 5px;
}
.ti-jit {
  padding: 5px 0;
  position: relative;
}
.ti-jit:before {
  content: "";
  background: var(--color-paper-0);
  border: 2px solid var(--color-ink-400);
  border-radius: 50%;
  width: 9px;
  height: 9px;
  position: absolute;
  top: 10px;
  left: -16px;
}
.ti-jit.hot:before {
  border-color: var(--color-wa-deep);
  background: var(--color-wa-mint);
}
.ti-jit .jt {
  font-size: 12px;
  font-weight: 600;
}
.ti-jit .js {
  color: var(--color-ink-500);
  margin-top: 1px;
  font-size: 10.5px;
}
.ti-jit .jm {
  color: var(--color-ink-400);
  margin-top: 1px;
  font-family: JetBrains Mono, monospace;
  font-size: 9.5px;
}
#ti-frame[data-ch="ig"] #send-btn {
  background: linear-gradient(135deg, #833ab4, #e1306c, #f77737) !important;
  border-color: #0000 !important;
}
#ti-frame[data-ch="ms"] #send-btn {
  background: var(--ch-ms) !important;
  border-color: #0000 !important;
}
#ti-frame[data-ch="tg"] #send-btn {
  background: var(--ch-tg) !important;
  border-color: #0000 !important;
}
#ti-frame[data-ch="em"] #send-btn {
  background: var(--ch-em) !important;
  border-color: #0000 !important;
}
#ti-frame[data-ch="ig"] .chat-paper {
  background-color: #f6edf1;
}
#ti-frame[data-ch="ms"] .chat-paper {
  background-color: #edf2f8;
}
#ti-frame[data-ch="tg"] .chat-paper {
  background-color: #eaf2f6;
}
#ti-frame[data-ch="em"] .chat-paper {
  background-color: #f3f0e9;
}
.ti-rail-omni {
  background: var(--color-ink-900);
  flex-direction: column;
  align-items: center;
  gap: 5px;
  padding: 12px 0;
  display: flex;
  overflow: visible;
}
.ti-rl-logo {
  background: var(--color-wa-deep);
  width: 38px;
  height: 38px;
  color: var(--color-paper-0);
  border-radius: 12px;
  flex: none;
  place-items: center;
  margin-bottom: 6px;
  transition: filter .13s;
  display: grid;
}
.ti-rl-logo svg {
  width: 19px;
  height: 19px;
}
.ti-rl-logo:hover {
  filter: brightness(1.14);
}
.ti-rl-channels {
  flex-direction: column;
  align-items: center;
  gap: 5px;
  width: 100%;
  display: flex;
}
.ti-rl-div {
  border: none;
  border-top: 1px solid #ffffff1f;
  width: 26px;
  margin: 5px 0;
}
.ti-rl-nav {
  flex-direction: column;
  flex: auto;
  align-items: center;
  gap: 5px;
  width: 100%;
  min-height: 0;
  display: flex;
  overflow: visible auto;
}
.ti-rl-nav::-webkit-scrollbar {
  width: 0;
  height: 0;
}
.ti-rl-sp {
  flex: 0 0 4px;
}
.ti-rl-btn {
  color: #7c948f;
  cursor: pointer;
  background: none;
  border: 0;
  border-radius: 12px;
  flex: none;
  place-items: center;
  width: 40px;
  height: 40px;
  transition: all .13s;
  display: grid;
  position: relative;
}
.ti-rl-btn svg {
  width: 18px;
  height: 18px;
}
.ti-rl-btn:hover {
  color: var(--color-paper-0);
  background: #ffffff14;
}
.ti-rl-btn.active {
  background: var(--color-wa-deep);
  color: var(--color-paper-0);
}
.ti-rl-btn .ct.b {
  background: var(--color-accent-coral, #e87a5d);
  color: #fff;
  border-radius: 99px;
  place-items: center;
  min-width: 15px;
  height: 15px;
  padding: 0 4px;
  font-family: JetBrains Mono, monospace;
  font-size: 9px;
  font-weight: 700;
  line-height: 1;
  display: grid;
  position: absolute;
  top: 3px;
  right: 3px;
}
.ti-rl-btn .ct.b:empty {
  display: none;
}
.ti-rl-ch {
  color: #7c948f;
  cursor: pointer;
  background: none;
  border: 0;
  border-radius: 12px;
  flex: none;
  place-items: center;
  width: 40px;
  height: 40px;
  font-family: JetBrains Mono, monospace;
  font-size: 10px;
  font-weight: 700;
  transition: all .13s;
  display: grid;
  position: relative;
}
.ti-rl-ch svg {
  width: 17px;
  height: 17px;
}
.ti-rl-ch:hover {
  background: #ffffff14;
}
.ti-rl-ch.on {
  background: #ffffff24;
  box-shadow: inset 0 0 0 1px #ffffff29;
}
.ti-rl-ch.on.ch-all {
  color: var(--color-paper-0);
}
.ti-rl-ch .b {
  background: var(--color-paper-0);
  min-width: 14px;
  height: 14px;
  color: var(--color-ink-900);
  border: 1.5px solid var(--color-ink-900);
  border-radius: 99px;
  place-items: center;
  padding: 0 3px;
  font-family: JetBrains Mono, monospace;
  font-size: 8.5px;
  font-weight: 700;
  line-height: 1;
  display: grid;
  position: absolute;
  top: 2px;
  right: 2px;
}
.ti-rl-ch-sk {
  background: #ffffff0f;
  border-radius: 12px;
  flex: none;
  width: 40px;
  height: 40px;
  animation: 1.1s ease-in-out infinite tiRlSkPulse;
}
@keyframes tiRlSkPulse {
  0%, 100% {
    opacity: .45;
  }

  50% {
    opacity: .9;
  }
}
.ti-rl-avatar {
  background: linear-gradient(135deg, var(--color-wa-teal), var(--color-wa-deep));
  width: 36px;
  height: 36px;
  color: var(--color-paper-0);
  border-radius: 50%;
  flex: none;
  place-items: center;
  margin-top: 2px;
  font-size: 11.5px;
  font-weight: 600;
  display: grid;
}
.ti-rl-teamswrap {
  justify-content: center;
  width: 40px;
  display: flex;
  position: relative;
}
.ti-rl-pop {
  background: var(--color-paper-0);
  border: 1px solid var(--color-paper-200);
  z-index: 70;
  text-align: left;
  border-radius: 12px;
  width: 200px;
  padding: 8px;
  position: absolute;
  top: 0;
  left: 46px;
  box-shadow: 0 12px 30px -10px #0b1f1c4d;
}
.ti-rl-pop .team-nav-btn {
  width: 100%;
}
@media (max-width: 1023.98px) {
  #tc-frame {
    -webkit-overflow-scrolling: touch;
    grid-auto-rows: min-content;
    overflow-y: auto;
    grid-template-columns: minmax(0, 1fr) !important;
  }

  #tc-frame > .ti-col {
    min-width: 0;
    max-width: 100vw;
    height: auto;
  }

  #tc-frame > aside:first-child {
    width: 100%;
    display: flex !important;
  }

  #tc-frame > aside.ti-col:nth-child(2) {
    border-top: 8px solid var(--color-paper-50);
    width: 100%;
    display: flex !important;
  }

  #tc-frame > aside.ti-col:nth-child(2) #tc-members-list {
    flex: none;
    overflow: visible;
  }

  #tc-frame > main.ti-col {
    display: none !important;
  }

  #tc-frame.mobile-thread-open {
    grid-auto-rows: minmax(0, 1fr);
    overflow: hidden;
  }

  #tc-frame.mobile-thread-open > aside:first-child, #tc-frame.mobile-thread-open > aside.ti-col:nth-child(2) {
    display: none !important;
  }

  #tc-frame.mobile-thread-open > main.ti-col {
    grid-row: 1;
    width: 100%;
    height: 100%;
    min-height: 0;
    display: flex !important;
  }
}
.flow-palette-backdrop, .flow-toolbar .flow-save-short {
  display: none;
}
@media (max-width: 767.98px) {
  .flow-palette {
    z-index: 45;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    box-shadow: 10px 0 30px #0b1f1c2e;
    width: min(300px, 86vw) !important;
  }

  .flow-palette-backdrop {
    z-index: 40;
    background: #0b1f1c61;
    display: block;
    position: absolute;
    inset: 0;
  }

  .flow-toolbar {
    gap: 6px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .flow-toolbar .flow-eyebrow, .flow-toolbar .flow-ai-text {
    display: none;
  }

  .flow-toolbar input {
    max-width: 150px;
    font-size: 15px;
    width: 40vw !important;
  }

  .flow-toolbar .flow-status, .flow-toolbar .flow-test-btn .flow-btn-text {
    display: none;
  }

  .flow-toolbar .flow-test-btn {
    gap: 0;
    padding-left: 9px;
    padding-right: 9px;
  }

  .flow-toolbar .flow-save-full {
    display: none;
  }

  .flow-toolbar .flow-save-short {
    display: inline;
  }

  .flow-toolbar > button {
    padding-left: 10px;
    padding-right: 10px;
  }
}
.chat-mobile-back {
  display: none;
}
@media (max-width: 767.98px) {
  .chat-main {
    height: auto;
    min-height: calc(100dvh - 56px);
    overflow: visible;
  }

  .chat-frame {
    height: auto;
    min-height: 0;
    display: block;
  }

  .chat-frame > .chat-col-nav, .chat-frame > .chat-col-queues {
    width: 100%;
    height: auto;
    margin-bottom: 12px;
    overflow: visible;
  }

  .chat-frame > .chat-col-queues #queue-list {
    flex: none;
    max-height: none;
    overflow: visible;
  }

  .chat-col-thread {
    z-index: 60;
    border: 0;
    border-radius: 0;
    height: 100dvh;
    margin: 0;
    display: none;
    position: fixed;
    inset: 0;
  }

  .chat-frame.mobile-thread-open > .chat-col-thread {
    display: flex;
  }

  .chat-mobile-back {
    display: inline-flex;
  }
}
.team-nav-btn {
  color: #3a5a55;
  cursor: pointer;
  border-radius: 10px;
  align-items: center;
  gap: 9px;
  padding: 7px 10px;
  font-size: 12.5px;
  transition: background .12s;
  display: flex;
}
.team-nav-btn:hover {
  background: var(--color-paper-50);
}
.team-nav-btn.active {
  background: var(--color-wa-deep);
  color: var(--color-paper-0);
  font-weight: 600;
}
.team-nav-btn .dot {
  border-radius: 50%;
  flex-shrink: 0;
  width: 9px;
  height: 9px;
}
.team-nav-btn .ct {
  background: var(--color-paper-50);
  color: #3a5a55;
  border-radius: 999px;
  margin-left: auto;
  padding: 1px 6px;
  font-family: JetBrains Mono, monospace;
  font-size: 10.5px;
}
.team-nav-btn.active .ct {
  color: #fff;
  background: #ffffff2e;
}
.ti-conv:hover {
  background: var(--color-paper-50);
}
.ti-conv.active {
  background: var(--color-paper-0);
  box-shadow: inset 3px 0 0 var(--color-wa-deep);
}
.chat-paper {
  background-color: #ece5dd;
  background-image: radial-gradient(#0b1f1c0a 1px, #0000 1px), radial-gradient(#0b1f1c08 1px, #0000 1px);
  background-position: 0 0, 9px 13px;
  background-size: 18px 18px, 26px 26px;
}
.bubble-in {
  background: var(--color-paper-0);
  border: 1px solid var(--color-paper-200);
  border-radius: 14px 14px 14px 4px;
}
.bubble-out {
  background: var(--color-wa-bubble);
  border: 1px solid #c6e8b5;
  border-radius: 14px 14px 4px;
}
.bubble-note {
  background: #fff8db;
  border: 1px solid #f2e2a8;
  border-radius: 12px;
}
.ti-tab {
  color: #3a5a55;
  white-space: nowrap;
  border-radius: 999px;
  padding: 6px 11px;
  font-size: 11.5px;
  font-weight: 600;
}
.ti-tab:hover {
  background: var(--color-paper-50);
}
.ti-tab.active {
  background: var(--color-wa-deep);
  color: var(--color-paper-0);
}
.ti-tab .badge {
  background: var(--color-paper-50);
  color: #3a5a55;
  border-radius: 999px;
  margin-left: 3px;
  padding: 1px 5px;
  font-family: JetBrains Mono, monospace;
  font-size: 9.5px;
}
.ti-tab.active .badge {
  color: #fff;
  background: #ffffff2e;
}
.pill {
  text-transform: uppercase;
  letter-spacing: .04em;
  border: 1px solid;
  border-radius: 999px;
  align-items: center;
  gap: 4px;
  padding: 1px 7px;
  font-family: JetBrains Mono, monospace;
  font-size: 9.5px;
  font-weight: 600;
  display: inline-flex;
}
.pill-open {
  background: var(--color-wa-mint);
  color: var(--color-wa-deep);
  border-color: #075e5440;
}
@supports (color: color-mix(in lab, red, red)) {
  .pill-open {
    border-color: color-mix(in srgb, var(--color-wa-deep) 25%, transparent);
  }
}
.pill-pending {
  color: #7b5a14;
  background: #fff4e0;
  border-color: #e4a54759;
}
.pill-resolved {
  color: #13478a;
  background: #e0ebf7;
  border-color: #13478a40;
}
.pill-snoozed {
  color: #5b3d8a;
  background: #f3e9ff;
  border-color: #5b3d8a40;
}
.pill-urgent {
  color: #a1431f;
  background: #fbe9e7;
  border-color: #e87a5d66;
}
.tag {
  border: 1px solid;
  border-radius: 999px;
  align-items: center;
  gap: 4px;
  padding: 2px 8px;
  font-family: JetBrains Mono, monospace;
  font-size: 10.5px;
  display: inline-flex;
}
.av-1 {
  background: linear-gradient(135deg, var(--color-wa-teal), var(--color-wa-deep));
}
.av-2 {
  background: linear-gradient(135deg, #e5a04e, #e87a5d);
}
.av-3 {
  background: linear-gradient(135deg, #5b3d8a, #13478a);
}
.av-4 {
  background: linear-gradient(135deg, var(--color-wa-green), var(--color-wa-teal));
}
.av-5 {
  background: linear-gradient(135deg, var(--color-ink-500), var(--color-ink-700));
}
.av-6 {
  background: linear-gradient(135deg, #e87a5d, #a1431f);
}
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
::-webkit-scrollbar-thumb {
  background: #0b1f1c2e;
  border-radius: 999px;
}
.menu {
  background: var(--color-paper-0);
  border: 1px solid var(--color-paper-200);
  z-index: 50;
  border-radius: 10px;
  min-width: 200px;
  padding: 4px;
  position: absolute;
  top: calc(100% + 6px);
  right: 0;
  box-shadow: 0 8px 24px -10px #0b1f1c2e;
}
.menu button {
  text-align: left;
  border-radius: 8px;
  align-items: center;
  gap: 8px;
  width: 100%;
  padding: 7px 10px;
  font-size: 12px;
  display: flex;
}
.menu button:hover {
  background: var(--color-paper-50);
}
#toast {
  background: var(--color-ink-900);
  color: var(--color-paper-0);
  opacity: 0;
  pointer-events: none;
  z-index: 60;
  border-radius: 999px;
  padding: 8px 14px;
  font-size: 12px;
  font-weight: 500;
  transition: opacity .18s, transform .18s;
  position: fixed;
  bottom: 24px;
  left: 50%;
  transform: translateX(-50%);
  box-shadow: 0 12px 28px -10px #0006;
}
#toast.show {
  opacity: 1;
  transform: translate(-50%, -4px);
}
.shop-hero {
  background: linear-gradient(0deg, #fff9, #fff9), repeating-linear-gradient(0deg, #0b1f1c0d 0 1px, #0000 1px 22px), repeating-linear-gradient(90deg, #0b1f1c0d 0 1px, #0000 1px 22px);
}
.prod-img {
  background: linear-gradient(135deg, var(--color-paper-50) 0%, var(--color-paper-100) 100%);
}
.delta-up {
  color: #0e8a3e;
}
.delta-down {
  color: #c56b4f;
}
.ig-tab {
  color: #3a5a55;
  border-radius: 10px;
  align-items: center;
  gap: 10px;
  padding: 10px 14px;
  font-size: 13px;
  transition: background .12s;
  display: flex;
}
.ig-tab:hover {
  background: #f3ecfa;
}
.ig-tab.active {
  color: var(--color-paper-0);
  background: #7f54b3;
  font-weight: 600;
}
.ig-tab.active .count {
  color: #fff;
  background: #ffffff2e;
}
.count {
  color: #5b3d8a;
  background: #f3ecfa;
  border-radius: 999px;
  margin-left: auto;
  padding: 1px 7px;
  font-family: JetBrains Mono, monospace;
  font-size: 10px;
}
.woo-accent {
  color: #7f54b3;
}
.woo-bg {
  background: #7f54b3;
}
.woo-bg:hover {
  background: #6e47a0;
}
.woo-tint {
  color: #5b3d8a;
  background: #f3ecfa;
  border-color: #7f54b34d;
}
html .ts-control > input, html .ts-control > input[type="text"], html .ts-control > input:not([type]) {
  min-height: 0 !important;
  box-shadow: none !important;
  background: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  outline: 0 !important;
  padding: 0 !important;
}
html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .ts-control > input, html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .ts-control > input[type="text"], html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .ts-control > input:not([type]) {
  color: #f0ebe0 !important;
  background: none !important;
  border: 0 !important;
}
html[data-theme="doodle"] .ts-control > input, html[data-theme="doodle"] .ts-control > input[type="text"], html[data-theme="doodle"] .ts-control > input:not([type]) {
  color: var(--d-ink) !important;
  box-shadow: none !important;
  background: none !important;
  border: 0 !important;
}
.btn-ai-shine {
  color: var(--color-wa-deep);
  background: none;
  box-shadow: 0 1px 2px #0b1f1c1a, 0 0 0 1px #0b1f1c0a;
}
.btn-ai-shine:before {
  content: "";
  z-index: -2;
  background: conic-gradient(#0000 0deg 240deg, #16a34a 300deg, #4ade80 330deg, #bbf7d0 345deg, #0000 360deg);
  width: 200%;
  height: 200%;
  animation: 2.4s linear infinite btn-ai-spin;
  position: absolute;
  top: -50%;
  left: -50%;
}
.btn-ai-shine:after {
  content: "";
  z-index: -1;
  background: linear-gradient(135deg, #ecfdf5 0%, #d1fae5 45%, #bbf7d0 100%);
  border-radius: 9999px;
  position: absolute;
  inset: 2px;
  box-shadow: inset 0 1px #fff9;
}
.btn-ai-shine:hover:after {
  background: linear-gradient(135deg, #d1fae5 0%, #bbf7d0 45%, #86efac 100%);
}
@keyframes btn-ai-spin {
  to {
    transform: rotate(360deg);
  }
}
@media (prefers-reduced-motion: reduce) {
  .btn-ai-shine:before {
    animation: none;
  }
}
.admin-shell {
  transition: grid-template-columns .18s;
}
@media (min-width: 768px) {
  .admin-shell {
    grid-template-columns: 260px minmax(0, 1fr);
  }

  html.admin-sidebar-collapsed .admin-shell {
    grid-template-columns: 76px minmax(0, 1fr) !important;
  }

  #admin-sidebar {
    width: auto !important;
  }

  html.admin-sidebar-collapsed #admin-sidebar-root .js-sb-collapse-hide, html.admin-sidebar-collapsed #admin-sidebar-root nav span, html.admin-sidebar-collapsed #admin-sidebar-root [data-admin-chevron], html.admin-sidebar-collapsed #admin-sidebar-root .admin-nav-children {
    display: none !important;
  }

  html.admin-sidebar-collapsed #admin-sidebar-root nav a, html.admin-sidebar-collapsed #admin-sidebar-root nav button[data-admin-toggle], html.admin-sidebar-collapsed #admin-sidebar-root .admin-footer-link, html.admin-sidebar-collapsed #admin-sidebar-root .admin-brand-header {
    justify-content: center;
    gap: 0;
    padding-left: 0;
    padding-right: 0;
  }

  html.admin-sidebar-collapsed #admin-sidebar-toggle svg {
    transform: rotate(180deg);
  }

  html.admin-sidebar-collapsed #admin-sidebar-root nav a svg, html.admin-sidebar-collapsed #admin-sidebar-root nav button[data-admin-toggle] svg {
    width: 20px !important;
    height: 20px !important;
  }

  html.admin-sidebar-collapsed #admin-sidebar-root nav a, html.admin-sidebar-collapsed #admin-sidebar-root nav button[data-admin-toggle] {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  html.admin-sidebar-collapsed #admin-sidebar-root .admin-footer-link svg, html.admin-sidebar-collapsed #admin-sidebar-toggle svg {
    width: 18px !important;
    height: 18px !important;
  }
}
.admin-save-bar {
  z-index: 20;
  position: sticky;
  bottom: 16px;
}
.dl-board {
  align-items: flex-start;
  gap: 12px;
  padding: 2px 2px 16px;
  display: flex;
  overflow-x: auto;
}
.dl-col {
  background: var(--color-paper-50, var(--color-paper-50));
  border: 1px solid var(--color-paper-200, var(--color-paper-200));
  border-radius: 16px;
  flex-direction: column;
  flex: 0 0 300px;
  max-width: 300px;
  max-height: calc(100vh - 250px);
  transition: outline-color .15s, background .15s;
  display: flex;
}
.dl-col-won {
  background: #eaf7e6;
  border-color: #bfe6c8;
}
.dl-col-lost {
  background: #fcf0f0;
  border-color: #f0d4d4;
}
.dl-col.dragover {
  outline: 2px dashed var(--color-wa-green, var(--color-wa-green));
  outline-offset: -3px;
  background: var(--color-wa-bubble, var(--color-wa-bubble));
}
.dl-col-head {
  justify-content: space-between;
  align-items: center;
  padding: 11px 13px 9px;
  display: flex;
}
.dl-col-body {
  flex-direction: column;
  flex: auto;
  gap: 10px;
  min-height: 48px;
  padding: 2px 10px 10px;
  display: flex;
  overflow-y: auto;
}
.dl-col-body::-webkit-scrollbar {
  width: 6px;
}
.dl-col-body::-webkit-scrollbar-thumb {
  background: var(--color-paper-300, #d4ccb6);
  border-radius: 4px;
}
.dl-dot {
  border-radius: 999px;
  width: 8px;
  height: 8px;
  display: inline-block;
}
.dl-count {
  font-family: var(--font-mono);
  background: var(--color-paper-100, var(--color-paper-100));
  color: var(--color-ink-600, #3a5a55);
  border-radius: 999px;
  padding: 2px 8px;
  font-size: 11px;
  font-weight: 500;
}
.dl-card {
  background: var(--color-paper-0, var(--color-paper-0));
  border: 1px solid var(--color-paper-200, var(--color-paper-200));
  cursor: grab;
  -webkit-user-select: none;
  user-select: none;
  border-radius: 14px;
  padding: 12px;
  transition: transform .12s, box-shadow .12s, border-color .12s;
}
.dl-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 12px 26px -16px #075e544d;
}
@supports (color: color-mix(in lab, red, red)) {
  .dl-card:hover {
    box-shadow: 0 12px 26px -16px color-mix(in srgb, var(--color-wa-deep) 30%, transparent);
  }
}
.dl-card:hover {
  border-color: var(--color-wa-deep, var(--color-wa-deep));
}
.dl-card:active {
  cursor: grabbing;
  transform: scale(1.02) rotate(-.5deg);
}
.dl-card.dragging {
  opacity: .4;
}
.dl-card-won {
  border-color: #bfe6c8;
}
.dl-chip {
  border-radius: 999px;
  align-items: center;
  gap: 4px;
  padding: 2px 7px;
  font-size: 11px;
  font-weight: 600;
  display: inline-flex;
}
.dl-pill {
  border-radius: 999px;
  align-items: center;
  gap: 5px;
  padding: 3px 9px;
  font-size: 11px;
  font-weight: 500;
  display: inline-flex;
}
.dl-srcicon {
  color: #fff;
  border-radius: 5px;
  flex-shrink: 0;
  place-items: center;
  width: 14px;
  height: 14px;
  display: grid;
}
.dl-avatar {
  color: #fff;
  border-radius: 999px;
  flex-shrink: 0;
  place-items: center;
  width: 22px;
  height: 22px;
  font-size: 9px;
  font-weight: 600;
  display: grid;
}
.dl-amount {
  font-family: var(--font-serif);
  color: var(--color-wa-deep, var(--color-wa-deep));
  font-variant-numeric: tabular-nums;
  font-size: 20px;
  line-height: 1;
}
.dl-progress {
  background: var(--color-paper-100, var(--color-paper-100));
  border-radius: 999px;
  height: 4px;
  overflow: hidden;
}
.dl-progress > span {
  border-radius: 999px;
  height: 100%;
  display: block;
}
.dl-kpi {
  background: var(--color-paper-0, var(--color-paper-0));
  border: 1px solid var(--color-paper-200, var(--color-paper-200));
  border-radius: 16px;
  padding: 15px 16px;
}
.dl-kpi .l {
  font-family: var(--font-mono);
  text-transform: uppercase;
  letter-spacing: .12em;
  color: var(--color-ink-500, var(--color-ink-500));
  font-size: 10px;
}
.dl-kpi .v {
  font-family: var(--font-serif);
  font-variant-numeric: tabular-nums;
  color: var(--color-ink-900, var(--color-ink-900));
  margin-top: 6px;
  font-size: 30px;
  line-height: 1;
}
.dl-kpi .v.is-accent {
  color: var(--color-wa-deep, var(--color-wa-deep));
}
.dl-pulse {
  animation: 1.6s ease-in-out infinite dlPulse;
}
@keyframes dlPulse {
  0%, 100% {
    opacity: 1;
    transform: scale(1);
  }

  50% {
    opacity: .4;
    transform: scale(1.35);
  }
}
.dl-input, .dl-field {
  border: 1px solid var(--color-paper-200, var(--color-paper-200));
  background: var(--color-paper-0, var(--color-paper-0));
  color: var(--color-ink-900, var(--color-ink-900));
  border-radius: 10px;
  padding: 8px 11px;
  font-size: 13px;
}
.dl-field {
  width: 100%;
}
.dl-input:focus, .dl-field:focus {
  border-color: var(--color-wa-deep, var(--color-wa-deep));
  outline: none;
  box-shadow: 0 0 0 3px #075e541a;
}
@supports (color: color-mix(in lab, red, red)) {
  .dl-input:focus, .dl-field:focus {
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--color-wa-deep) 10%, transparent);
  }
}
.dl-btn {
  cursor: pointer;
  border: 1px solid #0000;
  border-radius: 10px;
  padding: 9px 15px;
  font-size: 13px;
  font-weight: 600;
}
.dl-btn-primary {
  background: var(--color-wa-deep, var(--color-wa-deep));
  color: #fff;
}
.dl-btn-primary:hover {
  background: var(--color-wa-teal, var(--color-wa-teal));
}
.dl-btn-ghost {
  background: var(--color-paper-0, var(--color-paper-0));
  border-color: var(--color-paper-200, var(--color-paper-200));
  color: var(--color-ink-900, var(--color-ink-900));
}
.dl-modal-backdrop {
  z-index: 60;
  background: #0b1f1c73;
  justify-content: center;
  align-items: center;
  padding: 18px;
  display: none;
  position: fixed;
  inset: 0;
}
.dl-modal-backdrop.open {
  display: flex;
}
.dl-modal {
  background: var(--color-paper-0, var(--color-paper-0));
  border-radius: 18px;
  width: 100%;
  max-width: 460px;
  padding: 22px;
  box-shadow: 0 24px 60px -20px #075e5466;
}
@supports (color: color-mix(in lab, red, red)) {
  .dl-modal {
    box-shadow: 0 24px 60px -20px color-mix(in srgb, var(--color-wa-deep) 40%, transparent);
  }
}
.dl-panel-backdrop {
  z-index: 65;
  background: #0b1f1c73;
  display: none;
  position: fixed;
  inset: 0;
}
.dl-panel-backdrop.open {
  display: block;
}
.dl-panel {
  background: var(--color-paper-0, var(--color-paper-0));
  width: 100%;
  max-width: 460px;
  height: 100%;
  position: fixed;
  top: 0;
  right: 0;
  box-shadow: -20px 0 60px -24px #075e5466;
}
@supports (color: color-mix(in lab, red, red)) {
  .dl-panel {
    box-shadow: -20px 0 60px -24px color-mix(in srgb, var(--color-wa-deep) 40%, transparent);
  }
}
.dl-panel {
  transition: transform .22s;
  overflow-y: auto;
  transform: translateX(100%);
}
.dl-panel-backdrop.open .dl-panel {
  transform: translateX(0);
}
.dl-act {
  border-left: 2px solid var(--color-paper-200, var(--color-paper-200));
  padding: 0 0 14px 14px;
  position: relative;
}
.dl-act:before {
  content: "";
  background: var(--color-wa-deep, var(--color-wa-deep));
  border-radius: 50%;
  width: 8px;
  height: 8px;
  position: absolute;
  top: 3px;
  left: -5px;
}
.dl-badge {
  border-radius: 999px;
  padding: 3px 9px;
  font-size: 11px;
  font-weight: 700;
}
.dl-badge-open {
  color: #1d4ed8;
  background: #eff6ff;
}
.dl-badge-won {
  background: var(--color-wa-mint, var(--color-wa-mint));
  color: var(--color-wa-deep, var(--color-wa-deep));
}
.dl-badge-lost {
  color: #b91c1c;
  background: #fef2f2;
}
.dl-phead {
  z-index: 5;
  background: var(--color-paper-0, var(--color-paper-0));
  border-bottom: 1px solid var(--color-paper-200, var(--color-paper-200));
  padding: 16px 20px 14px;
  position: sticky;
  top: 0;
}
.dl-pbody {
  padding: 18px 20px 30px;
}
.dl-eyebrow {
  font-family: var(--font-mono);
  text-transform: uppercase;
  letter-spacing: .14em;
  color: var(--color-ink-500, var(--color-ink-500));
  margin-bottom: 9px;
  font-size: 10px;
}
.dl-title-input {
  font-family: var(--font-serif);
  color: var(--color-ink-900, var(--color-ink-900));
  background: none;
  border: 1px solid #0000;
  border-radius: 8px;
  width: 100%;
  margin-left: -7px;
  padding: 2px 7px;
  font-size: 21px;
  line-height: 1.15;
}
.dl-title-input:hover {
  background: var(--color-paper-50, var(--color-paper-50));
}
.dl-title-input:focus {
  border-color: var(--color-wa-deep, var(--color-wa-deep));
  background: #fff;
  outline: none;
  box-shadow: 0 0 0 3px #075e541a;
}
@supports (color: color-mix(in lab, red, red)) {
  .dl-title-input:focus {
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--color-wa-deep) 10%, transparent);
  }
}
.dl-amount-lg {
  font-family: var(--font-serif);
  color: var(--color-wa-deep, var(--color-wa-deep));
  font-variant-numeric: tabular-nums;
  font-size: 24px;
  line-height: 1;
}
.dl-iconbtn {
  width: 32px;
  height: 32px;
  color: var(--color-ink-400, #9aa8a4);
  cursor: pointer;
  border-radius: 999px;
  place-items: center;
  display: grid;
}
.dl-iconbtn:hover {
  background: var(--color-paper-100, var(--color-paper-100));
  color: var(--color-ink-900, var(--color-ink-900));
}
.dl-iconbtn-danger:hover {
  color: #dc2626;
  background: #fee2e2;
}
html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .dl-phead {
  background: #0f2723;
  border-color: #2d5a53;
}
html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .dl-title-input {
  color: #f0ebe0;
}
html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .dl-title-input:hover {
  background: #15302c;
}
html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .dl-title-input:focus {
  background: #13312d;
}
html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .dl-amount-lg {
  color: var(--wa-brand-text);
}
html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .dl-iconbtn:hover {
  color: #f0ebe0;
  background: #1f4540;
}
html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .dl-iconbtn-danger:hover {
  color: #fca5a5;
  background: #3a1d1d;
}
html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .dl-col {
  background: #0f2723;
  border-color: #2d5a53;
}
html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .dl-col-won {
  background: #11352a;
  border-color: #1f5a3e;
}
html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .dl-col-lost {
  background: #2a1d1d;
  border-color: #5a2d2d;
}
html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .dl-col.dragover {
  background: #15352b;
}
html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .dl-card {
  background: #13312d;
  border-color: #2d5a53;
}
html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .dl-card:hover {
  border-color: var(--wa-brand-text);
}
html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .dl-card-won {
  border-color: #1f5a3e;
}
html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .dl-count {
  color: #c9d2ce;
  background: #1f4540;
}
html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .dl-progress {
  background: #1f4540;
}
html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .dl-amount {
  color: var(--wa-brand-text);
}
html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .dl-kpi {
  background: #13312d;
  border-color: #2d5a53;
}
html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .dl-kpi .v {
  color: #fbfaf6;
}
html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .dl-kpi .v.is-accent {
  color: var(--wa-brand-text);
}
html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .dl-input, html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .dl-field, html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .dl-btn-ghost {
  color: #f0ebe0;
  background: #13312d;
  border-color: #2d5a53;
}
html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .dl-modal, html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .dl-panel {
  color: #f0ebe0;
  background: #0f2723;
}
html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .dl-act {
  border-color: #2d5a53;
}
html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .dl-badge-open {
  color: #93c5fd;
  background: #14253a;
}
html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .dl-badge-lost {
  color: #fca5a5;
  background: #3a1d1d;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .wa-iti-wrap .iti--separate-dial-code .iti__selected-flag {
  background-color: #211d1a;
  border-right-color: #3a332d;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .iti--container, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .wa-iti-wrap .iti__country-list, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .iti__country-list {
  color: #ecedee;
  background: #181b1e;
  border-color: #3a332d;
  box-shadow: 0 8px 24px -12px #0000008c;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .iti__country.iti__highlight, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .iti__country:hover {
  background: #20242a;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .wa-iti-wrap .iti__divider {
  border-bottom-color: #3a332d;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .wa-iti-wrap .iti__search-input {
  color: #ecedee;
  background: #20242a;
  border-color: #3a332d;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .ts-control, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .ts-wrapper.single .ts-control {
  color: #ecedee !important;
  background: #20242a !important;
  border-color: #3a332d !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .ts-control input, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .ts-dropdown input {
  color: #ecedee !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .ts-control input::placeholder, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .ts-dropdown input::placeholder {
  color: #877d72 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .ts-wrapper.focus .ts-control {
  border-color: var(--color-wa-green) !important;
  box-shadow: 0 0 0 4px #25d3661f !important;
}
@supports (color: color-mix(in lab, red, red)) {
  html[data-user-shell="slack"]:not([data-shell-theme="light"]) .ts-wrapper.focus .ts-control {
    box-shadow: 0 0 0 4px color-mix(in srgb, var(--color-wa-green) 12%, transparent) !important;
  }
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .ts-wrapper.single .ts-control:after {
  border-color: #a0968a #0000 #0000;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .ts-wrapper.single.dropdown-active .ts-control:after {
  border-color: #0000 #0000 #a0968a;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .ts-dropdown {
  color: #ecedee !important;
  background: #181b1e !important;
  border-color: #3a332d !important;
  box-shadow: 0 8px 24px -12px #0000008c !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .ts-dropdown .option, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .ts-dropdown .create, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .ts-dropdown .no-results {
  color: #dcd5cb !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .ts-dropdown .active, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .ts-dropdown .option:hover {
  color: var(--wa-brand-bright) !important;
  background: #20242a !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .skeleton {
  background-color: #20242a;
  background-image: linear-gradient(90deg, #fff0 0%, #ffffff1a 50%, #fff0 100%);
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) {
  color-scheme: dark;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body {
  color: #ecedee !important;
  background-color: #0f1113 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .border-t.bg-paper-50\/40, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .border-t.bg-paper-50\/50, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .border-t.bg-paper-50\/60 {
  background-color: #0f1113 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .opacity-50 {
  opacity: .75;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .hover\:bg-paper-50\/40:hover, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .hover\:bg-paper-50\/50:hover, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .hover\:bg-paper-50\/60:hover {
  background-color: #20242a !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) {
  --color-wa-deep: #25d366;
  --color-wa-teal: #25d366;
  --color-wa-green: #25d366;
  --color-wa-mint: #dcf8c6;
  --color-wa-bubble: #e7ffdb;
  --wa-brand-text: #4be389;
  --wa-brand-bright: #86efac;
  --wa-brand-bg: #1fa45b;
  --wa-brand-border: #4be389;
  --wa-teal-text: #4be389;
  --wa-accent-text: #4be389;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .text-wa-deep {
  color: var(--wa-brand-text) !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .text-wa-teal {
  color: var(--wa-teal-text) !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) input:not([type="checkbox"]):not([type="radio"]):not([type="color"]):not([type="file"]), html[data-user-shell="slack"]:not([data-shell-theme="light"]) textarea, html[data-user-shell="slack"]:not([data-shell-theme="light"]) select {
  color: #ecedee !important;
  background-color: #20242a !important;
  border-color: #3a332d !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) input:focus, html[data-user-shell="slack"]:not([data-shell-theme="light"]) textarea:focus, html[data-user-shell="slack"]:not([data-shell-theme="light"]) select:focus {
  border-color: var(--color-wa-green) !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) button.bg-paper-0, html[data-user-shell="slack"]:not([data-shell-theme="light"]) a.bg-paper-0 {
  color: #ecedee !important;
  background-color: #20242a !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .bg-wa-deep {
  background-color: var(--wa-brand-bg) !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .hover\:bg-wa-teal:hover {
  background-color: #25d366 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .hover\:bg-wa-deep:hover {
  background-color: var(--wa-brand-bg) !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .bg-wa-mint {
  background-color: #25d36647 !important;
}
@supports (color: color-mix(in lab, red, red)) {
  html[data-user-shell="slack"]:not([data-shell-theme="light"]) .bg-wa-mint {
    background-color: color-mix(in srgb, var(--color-wa-green) 28%, transparent) !important;
  }
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .bg-wa-mint {
  color: #f4f5f6 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .bg-wa-bubble, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .bg-wa-bubble\/40, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .bg-wa-bubble\/50, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .bg-wa-bubble\/60 {
  background-color: #25d3662e !important;
}
@supports (color: color-mix(in lab, red, red)) {
  html[data-user-shell="slack"]:not([data-shell-theme="light"]) .bg-wa-bubble, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .bg-wa-bubble\/40, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .bg-wa-bubble\/50, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .bg-wa-bubble\/60 {
    background-color: color-mix(in srgb, var(--color-wa-green) 18%, transparent) !important;
  }
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .bg-wa-bubble, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .bg-wa-bubble\/40, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .bg-wa-bubble\/50, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .bg-wa-bubble\/60 {
  color: #f4f5f6 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .bg-wa-mint\/30, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .bg-wa-mint\/40 {
  background-color: #25d36633 !important;
}
@supports (color: color-mix(in lab, red, red)) {
  html[data-user-shell="slack"]:not([data-shell-theme="light"]) .bg-wa-mint\/30, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .bg-wa-mint\/40 {
    background-color: color-mix(in srgb, var(--color-wa-green) 20%, transparent) !important;
  }
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .bg-wa-mint\/30, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .bg-wa-mint\/40, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .bg-wa-mint .text-wa-deep, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .bg-wa-bubble .text-wa-deep, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .bg-wa-mint\/30 .text-wa-deep, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .bg-wa-mint\/40 .text-wa-deep {
  color: #f4f5f6 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .has-\[\:checked\]\:bg-wa-bubble:has(:checked), html[data-user-shell="slack"]:not([data-shell-theme="light"]) .has-\[\:checked\]\:bg-wa-mint:has(:checked) {
  background-color: #25d36647 !important;
}
@supports (color: color-mix(in lab, red, red)) {
  html[data-user-shell="slack"]:not([data-shell-theme="light"]) .has-\[\:checked\]\:bg-wa-bubble:has(:checked), html[data-user-shell="slack"]:not([data-shell-theme="light"]) .has-\[\:checked\]\:bg-wa-mint:has(:checked) {
    background-color: color-mix(in srgb, var(--color-wa-green) 28%, transparent) !important;
  }
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .has-\[\:checked\]\:bg-wa-bubble:has(:checked), html[data-user-shell="slack"]:not([data-shell-theme="light"]) .has-\[\:checked\]\:bg-wa-mint:has(:checked), html[data-user-shell="slack"]:not([data-shell-theme="light"]) .has-\[\:checked\]\:bg-wa-bubble:has(:checked) *, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .has-\[\:checked\]\:bg-wa-mint:has(:checked) *, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .has-\[\:checked\]\:bg-wa-bubble:has(:checked) .text-wa-deep, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .has-\[\:checked\]\:bg-wa-mint:has(:checked) .text-wa-deep, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .has-\[\:checked\]\:bg-wa-bubble:has(:checked) .text-ink-500, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .has-\[\:checked\]\:bg-wa-bubble:has(:checked) .text-ink-700, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .has-\[\:checked\]\:bg-wa-mint:has(:checked) .text-ink-500, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .has-\[\:checked\]\:bg-wa-mint:has(:checked) .text-ink-700 {
  color: #f4f5f6 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .peer-checked\:bg-wa-bubble, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .peer-checked\:bg-wa-mint {
  background-color: #25d36647 !important;
}
@supports (color: color-mix(in lab, red, red)) {
  html[data-user-shell="slack"]:not([data-shell-theme="light"]) .peer-checked\:bg-wa-bubble, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .peer-checked\:bg-wa-mint {
    background-color: color-mix(in srgb, var(--color-wa-green) 28%, transparent) !important;
  }
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .peer-checked\:bg-wa-bubble, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .peer-checked\:bg-wa-mint {
  color: #f4f5f6 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .border-wa-green\/30, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .border-wa-green\/40 {
  border-color: #25d36666 !important;
}
@supports (color: color-mix(in lab, red, red)) {
  html[data-user-shell="slack"]:not([data-shell-theme="light"]) .border-wa-green\/30, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .border-wa-green\/40 {
    border-color: color-mix(in srgb, var(--color-wa-green) 40%, transparent) !important;
  }
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .text-wa-deep.font-semibold, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .text-wa-deep.font-bold {
  color: var(--wa-brand-text) !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .bg-\[\#D9E5F2\] {
  background-color: #5ba0f226 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .bg-\[\#E0EBF7\] {
  background-color: #5ba0f22e !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .bg-\[\#FFF4E0\], html[data-user-shell="slack"]:not([data-shell-theme="light"]) .bg-\[\#FFF6E0\] {
  background-color: #e5a04e2e !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .bg-\[\#F3E9FF\] {
  background-color: #7b57c733 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .bg-\[\#FBE9E7\] {
  background-color: #e87a5d33 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .bg-\[\#E8F5E9\] {
  background-color: #25d3662e !important;
}
@supports (color: color-mix(in lab, red, red)) {
  html[data-user-shell="slack"]:not([data-shell-theme="light"]) .bg-\[\#E8F5E9\] {
    background-color: color-mix(in srgb, var(--color-wa-green) 18%, transparent) !important;
  }
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .bg-\[\#F1F9EC\] {
  background-color: #25d36626 !important;
}
@supports (color: color-mix(in lab, red, red)) {
  html[data-user-shell="slack"]:not([data-shell-theme="light"]) .bg-\[\#F1F9EC\] {
    background-color: color-mix(in srgb, var(--color-wa-green) 15%, transparent) !important;
  }
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .bg-\[\#F3ECFA\] {
  background-color: #7f54b338 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .bg-\[\#E0F4F1\] {
  background-color: #2ec9c02e !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .bg-\[\#F0F8F6\] {
  background-color: #25d3661a !important;
}
@supports (color: color-mix(in lab, red, red)) {
  html[data-user-shell="slack"]:not([data-shell-theme="light"]) .bg-\[\#F0F8F6\] {
    background-color: color-mix(in srgb, var(--color-wa-green) 10%, transparent) !important;
  }
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .bg-\[var\(--color-wa-bubble\)\] {
  background-color: #25d3662e !important;
}
@supports (color: color-mix(in lab, red, red)) {
  html[data-user-shell="slack"]:not([data-shell-theme="light"]) .bg-\[var\(--color-wa-bubble\)\] {
    background-color: color-mix(in srgb, var(--color-wa-green) 18%, transparent) !important;
  }
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .bg-\[\#DFF1ED\] {
  background-color: #075e544d !important;
}
@supports (color: color-mix(in lab, red, red)) {
  html[data-user-shell="slack"]:not([data-shell-theme="light"]) .bg-\[\#DFF1ED\] {
    background-color: color-mix(in srgb, var(--color-wa-deep) 30%, transparent) !important;
  }
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .bg-\[\#F0EBFB\] {
  background-color: #7b57c733 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .text-accent-coral {
  color: #ff8e70 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .text-accent-amber, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .text-\[\#7B5A14\], html[data-user-shell="slack"]:not([data-shell-theme="light"]) .text-\[\#8B5A14\], html[data-user-shell="slack"]:not([data-shell-theme="light"]) .text-\[\#8B5A1F\] {
  color: #ffc07a !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .text-\[\#A1431F\], html[data-user-shell="slack"]:not([data-shell-theme="light"]) .text-\[\#A1731F\] {
  color: #ff8e70 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .text-\[\#13478A\] {
  color: #7bb8ff !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .text-\[\#5B3D8A\] {
  color: #b49aed !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .text-\[\#5E8E3E\] {
  color: #7bd66f !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) kbd {
  color: #d6cdb6 !important;
  background: #20242a !important;
  border-color: #3a332d !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) code {
  color: #ecedee !important;
  background: #20242a !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .shadow-card {
  box-shadow: 0 1px #0003, 0 1px 2px #0000002e !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .shadow-soft {
  box-shadow: 0 12px 28px -10px #00000080 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) ::-webkit-scrollbar-thumb {
  background: #fff3 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) ::-webkit-scrollbar-thumb:hover {
  background: #ffffff52 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) tr.hover\:bg-paper-50\/60:hover, html[data-user-shell="slack"]:not([data-shell-theme="light"]) tr:hover {
  background-color: #211d1a !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) #wa-search-modal {
  background: #0000008c !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .border-accent-coral\/40, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .border-accent-coral\/30 {
  border-color: #e87a5d8c !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .theme-menu {
  background: #181b1e !important;
  border-color: #3a332d !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .theme-menu button {
  color: #dcd5cb !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .theme-menu button:hover {
  background: #20242a !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .theme-menu button.active {
  background: var(--wa-brand-bg) !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .theme-menu .swatch {
  border-color: #3a332d !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) #wa-profile-menu {
  background: #181b1e !important;
  border-color: #3a332d !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) #wa-profile-menu a:hover {
  background: #20242a !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .acc-tab, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .set-tab, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .ti-tab, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .ig-tab, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .side-tab, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .filter-pill, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .cat-tab, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .tab-line, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .pal-card, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .team-nav-btn, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .op-item .op-label {
  color: #dcd5cb !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .acc-tab:hover, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .set-tab:hover, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .ti-tab:hover, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .ig-tab:hover, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .side-tab:hover, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .pal-card:hover, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .team-nav-btn:hover, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .op-item:hover {
  background: #20242a !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .acc-tab.active, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .set-tab.active, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .ti-tab.active, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .ig-tab.active, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .side-tab.active, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .filter-pill.active, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .team-nav-btn.active, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .tab-line.active {
  background: var(--wa-brand-bg) !important;
  color: #f4f5f6 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .acc-tab.danger {
  color: #ff8e70 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .acc-tab.danger:hover {
  background: #e87a5d2e !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .acc-tab.danger.active {
  color: #f4f5f6 !important;
  background: #c56b4f !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .ti-tab .badge, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .team-nav-btn .ct {
  color: #dcd5cb !important;
  background: #3a332d !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .ti-tab.active .badge, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .team-nav-btn.active .ct {
  color: #fff !important;
  background: #ffffff2e !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .bubble, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .bubble-in {
  color: #ecedee !important;
  background: #20242a !important;
  border-color: #3a332d !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .bubble.wa, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .bubble-out {
  background: #25d36633 !important;
}
@supports (color: color-mix(in lab, red, red)) {
  html[data-user-shell="slack"]:not([data-shell-theme="light"]) .bubble.wa, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .bubble-out {
    background: color-mix(in srgb, var(--color-wa-green) 20%, transparent) !important;
  }
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .bubble.wa, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .bubble-out {
  border-color: #25d36673 !important;
}
@supports (color: color-mix(in lab, red, red)) {
  html[data-user-shell="slack"]:not([data-shell-theme="light"]) .bubble.wa, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .bubble-out {
    border-color: color-mix(in srgb, var(--color-wa-green) 45%, transparent) !important;
  }
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .bubble.wa, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .bubble-out {
  color: #ecedee !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .bubble-note {
  color: #ffe4b5 !important;
  background: #e5a04e33 !important;
  border-color: #e5a04e73 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .bubble-note .text-\[\#7B5A14\] {
  color: #ffd89b !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .chat-paper {
  background-color: #15181b !important;
  background-image: radial-gradient(#ffffff0a 1px, #0000 1px), radial-gradient(#ffffff08 1px, #0000 1px) !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .bg-wa-chat {
  background-color: #15181b !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .chat-grid, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .chat-grid .bg-paper-0, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .chat-grid .bg-wa-bubble {
  color: #ecedee !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .chat-grid .bg-wa-bubble {
  background-color: #25d36633 !important;
}
@supports (color: color-mix(in lab, red, red)) {
  html[data-user-shell="slack"]:not([data-shell-theme="light"]) .chat-grid .bg-wa-bubble {
    background-color: color-mix(in srgb, var(--color-wa-green) 20%, transparent) !important;
  }
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .chat-grid .bg-wa-bubble {
  border: 1px solid #25d36666;
}
@supports (color: color-mix(in lab, red, red)) {
  html[data-user-shell="slack"]:not([data-shell-theme="light"]) .chat-grid .bg-wa-bubble {
    border: 1px solid color-mix(in srgb, var(--color-wa-green) 40%, transparent);
  }
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .chat-grid .bg-paper-0 {
  border: 1px solid #3a332d;
  background-color: #20242a !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .menu {
  background: #181b1e !important;
  border-color: #3a332d !important;
  box-shadow: 0 8px 24px -10px #0000008c !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .menu button {
  color: #dcd5cb !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .menu button:hover {
  background: #20242a !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .menu .text-ink-500 {
  color: #a0968a !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .menu .border-paper-200 {
  border-color: #3a332d !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) #wa-search-modal > div {
  background: #181b1e !important;
  border-color: #3a332d !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) #wa-search-modal a {
  color: #dcd5cb !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) #wa-search-modal a:hover, html[data-user-shell="slack"]:not([data-shell-theme="light"]) #wa-search-modal a.bg-paper-50 {
  background: #20242a !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) #wa-search-input {
  color: #ecedee !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .edge-popup {
  color: #dcd5cb !important;
  background: #181b1e !important;
  border-color: #3a332d !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .edge-popup:after, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .menu:after {
  background: #181b1e !important;
  border-color: #3a332d !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .canvas-dots {
  background-color: #15181b !important;
  background-image: radial-gradient(circle, #ffffff14 1px, #0000 1px) !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .node-card {
  color: #ecedee !important;
  background: #181b1e !important;
  border-color: #3a332d !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .node-card .border-paper-100, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .node-card .border-paper-200 {
  border-color: #3a332d !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .node-row:hover, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .port {
  background: #20242a !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .edge-path {
  stroke: #736a61 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .edge-path.hover, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .edge-path:hover {
  stroke: var(--wa-brand-text) !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .bg-wa-mint .text-wa-deep, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .bg-wa-mint\/30 .text-wa-deep, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .bg-wa-mint\/40 .text-wa-deep, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .bg-wa-bubble .text-wa-deep, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .bg-wa-bubble\/40 .text-wa-deep, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .bg-wa-bubble\/50 .text-wa-deep, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .bg-\[\#E8F5E9\] .text-wa-deep, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .bg-\[\#F1F9EC\] .text-wa-deep, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .bg-\[var\(--color-wa-bubble\)\] .text-wa-deep, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .bg-\[\#DFF1ED\] .text-wa-deep, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .border-wa-deep .text-wa-deep, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .border-2.border-wa-deep .text-wa-deep, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .font-serif.italic.text-wa-deep, html[data-user-shell="slack"]:not([data-shell-theme="light"]) em.text-wa-deep, html[data-user-shell="slack"]:not([data-shell-theme="light"]) span.italic.text-wa-deep {
  color: var(--wa-brand-bright) !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .ring-paper-0 {
  --tw-ring-color: #181b1e !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .pill {
  font-weight: 600;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .pill-open {
  background: #25d36633 !important;
}
@supports (color: color-mix(in lab, red, red)) {
  html[data-user-shell="slack"]:not([data-shell-theme="light"]) .pill-open {
    background: color-mix(in srgb, var(--color-wa-green) 20%, transparent) !important;
  }
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .pill-open {
  color: var(--wa-brand-bright) !important;
  border-color: #25d36673 !important;
}
@supports (color: color-mix(in lab, red, red)) {
  html[data-user-shell="slack"]:not([data-shell-theme="light"]) .pill-open {
    border-color: color-mix(in srgb, var(--color-wa-green) 45%, transparent) !important;
  }
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .pill-pending {
  color: #ffd89b !important;
  background: #e5a04e33 !important;
  border-color: #e5a04e73 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .pill-resolved {
  color: #9fcbff !important;
  background: #5ba0f233 !important;
  border-color: #5ba0f273 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .pill-snoozed {
  color: #c4aeff !important;
  background: #7b57c733 !important;
  border-color: #7b57c773 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .pill-urgent {
  color: #ffb39c !important;
  background: #e87a5d33 !important;
  border-color: #e87a5d73 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .group-dot, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .filter-pill .group-dot {
  box-shadow: 0 0 0 1.5px #181b1e;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) button.bg-paper-0.border-paper-200, html[data-user-shell="slack"]:not([data-shell-theme="light"]) a.bg-paper-0.border-paper-200, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .bg-paper-0.border-paper-200 {
  color: #dcd5cb !important;
  background: #20242a !important;
  border-color: #3a332d !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) input.bg-white, html[data-user-shell="slack"]:not([data-shell-theme="light"]) textarea.bg-white, html[data-user-shell="slack"]:not([data-shell-theme="light"]) select.bg-white {
  background-color: #20242a !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .hover\:border-wa-deep:hover {
  border-color: var(--color-wa-green) !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .hover\:shadow-soft:hover {
  box-shadow: 0 12px 28px -10px #0000008c !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .text-wa-deep.font-medium {
  color: var(--wa-brand-text) !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) a.text-wa-deep, html[data-user-shell="slack"]:not([data-shell-theme="light"]) a.text-wa-deep:hover {
  color: var(--wa-brand-bright) !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .text-wa-green {
  color: var(--wa-accent-text) !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) code, html[data-user-shell="slack"]:not([data-shell-theme="light"]) pre {
  color: #ecedee !important;
  background: #20242a !important;
  border-color: #3a332d !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .peer:checked + div {
  border-color: var(--wa-brand-text) !important;
  background: #25d3661a !important;
}
@supports (color: color-mix(in lab, red, red)) {
  html[data-user-shell="slack"]:not([data-shell-theme="light"]) .peer:checked + div {
    background: color-mix(in srgb, var(--color-wa-green) 10%, transparent) !important;
  }
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .fixed[style*="rgba(11,31,28"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) .fixed[style*="rgba(0,0,0"] {
  background: #000000a6 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .toggle .track {
  background: #3a332d !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .toggle .thumb {
  background: #ecedee !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .toggle input:checked ~ .track {
  box-shadow: 0 0 0 1px #25d36666, 0 0 8px #25d36673;
  background: var(--color-wa-green) !important;
}
@supports (color: color-mix(in lab, red, red)) {
  html[data-user-shell="slack"]:not([data-shell-theme="light"]) .toggle input:checked ~ .track {
    box-shadow: 0 0 0 1px color-mix(in srgb, var(--color-wa-green) 40%, transparent), 0 0 8px color-mix(in srgb, var(--color-wa-green) 45%, transparent);
  }
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .toggle input:checked ~ .thumb {
  box-shadow: 0 1px 4px #0006;
  background: #fff !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) #chart-heatmap rect[fill="#F5F3EC"] {
  fill: #181b1e !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) #chart-heatmap rect[fill="#CFE3DA"] {
  fill: #20242a !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) #chart-heatmap rect[fill="#9DC9B6"] {
  fill: var(--wa-brand-bg) !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) #chart-heatmap rect[fill="#3FA37A"] {
  fill: #25d366 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) #chart-heatmap rect[fill="var(--color-wa-deep)"] {
  fill: var(--color-wa-green) !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .apexcharts-canvas text {
  fill: #bdb4a9 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .apexcharts-canvas .apexcharts-gridline, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .apexcharts-canvas .apexcharts-xaxis line, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .apexcharts-canvas .apexcharts-yaxis line {
  stroke: #3a332d !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .apexcharts-tooltip {
  color: #ecedee !important;
  background: #181b1e !important;
  border-color: #3a332d !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .apexcharts-tooltip-title {
  background: #20242a !important;
  border-color: #3a332d !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .apexcharts-legend-text {
  color: #bdb4a9 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) [class*="italic"][class*="text-wa-deep"] {
  color: var(--wa-brand-bright) !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .ts-control > input, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .ts-control > input[type="text"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) .ts-control > input:not([type]) {
  color: #ecedee !important;
  background: none !important;
  border: 0 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .dl-phead {
  background: #15181b;
  border-color: #3a332d;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .dl-title-input {
  color: #ecedee;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .dl-title-input:hover {
  background: #0f1113;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .dl-title-input:focus {
  background: #181b1e;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .dl-amount-lg {
  color: var(--wa-brand-text);
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .dl-iconbtn:hover {
  color: #ecedee;
  background: #20242a;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .dl-iconbtn-danger:hover {
  color: #fca5a5;
  background: #3a1d1d;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .dl-col {
  background: #15181b;
  border-color: #3a332d;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .dl-col-won {
  background: #11352a;
  border-color: #2c3b6b;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .dl-col-lost {
  background: #2a1d1d;
  border-color: #5a2d2d;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .dl-col.dragover {
  background: #15352b;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .dl-card {
  background: #181b1e;
  border-color: #3a332d;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .dl-card:hover {
  border-color: var(--wa-brand-text);
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .dl-card-won {
  border-color: #2c3b6b;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .dl-count {
  color: #bdb4a9;
  background: #20242a;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .dl-progress {
  background: #20242a;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .dl-amount {
  color: var(--wa-brand-text);
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .dl-kpi {
  background: #181b1e;
  border-color: #3a332d;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .dl-kpi .v {
  color: #f4f5f6;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .dl-kpi .v.is-accent {
  color: var(--wa-brand-text);
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .dl-input, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .dl-field, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .dl-btn-ghost {
  color: #ecedee;
  background: #181b1e;
  border-color: #3a332d;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .dl-modal, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .dl-panel {
  color: #ecedee;
  background: #15181b;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .dl-act {
  border-color: #3a332d;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .dl-badge-open {
  color: #93c5fd;
  background: #14253a;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .dl-badge-lost {
  color: #fca5a5;
  background: #3a1d1d;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .border-wa-deep, html[data-user-shell="slack"]:not([data-shell-theme="light"]) input:focus, html[data-user-shell="slack"]:not([data-shell-theme="light"]) textarea:focus, html[data-user-shell="slack"]:not([data-shell-theme="light"]) select:focus {
  border-color: #2fc46a !important;
}
[data-user-shell="slack"]:not([data-shell-theme="light"]) {
  --shell-fg: 255, 255, 255;
  --shell-ink: #ecedee;
  --shell-ring: #0f1113;
  --shell-rail-bg: #00000024;
  --shell-accent: #2fc46a;
  --shell-dot: #f0554e;
  --shell-bg: #0f1113;
  --shell-topbar-h: 70px;
}
@view-transition {
  navigation: auto;
}
[data-user-shell="slack"]:not([data-shell-theme="light"]) .shell-rail {
  view-transition-name: shell-rail;
}
[data-user-shell="slack"]:not([data-shell-theme="light"]) .shell-sidecol {
  view-transition-name: shell-sidecol;
}
[data-user-shell="slack"]:not([data-shell-theme="light"]) .shell-topbar {
  view-transition-name: shell-topbar;
}
::view-transition-group(shell-rail) {
  animation: none;
}
::view-transition-group(shell-sidecol) {
  animation: none;
}
::view-transition-group(shell-topbar) {
  animation: none;
}
::view-transition-old(shell-rail) {
  mix-blend-mode: normal;
  animation: none;
}
::view-transition-new(shell-rail) {
  mix-blend-mode: normal;
  animation: none;
}
::view-transition-old(shell-sidecol) {
  mix-blend-mode: normal;
  animation: none;
}
::view-transition-new(shell-sidecol) {
  mix-blend-mode: normal;
  animation: none;
}
::view-transition-old(shell-topbar) {
  mix-blend-mode: normal;
  animation: none;
}
::view-transition-new(shell-topbar) {
  mix-blend-mode: normal;
  animation: none;
}
::view-transition-old(root) {
  animation: 90ms both shell-fade-out;
}
::view-transition-new(root) {
  animation: .14s both shell-fade-in;
}
@keyframes shell-fade-out {
  to {
    opacity: 0;
  }
}
@keyframes shell-fade-in {
  from {
    opacity: 0;
  }
}
@media (prefers-reduced-motion: reduce) {
  ::view-transition-old(root) {
    animation: none;
  }

  ::view-transition-new(root) {
    animation: none;
  }
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) {
  --color-wa-deep: #25d366;
  --color-wa-teal: #25d366;
  --wa-brand-text: #4be389;
  --wa-brand-bright: #86efac;
  --wa-brand-bg: #1fa45b;
  --wa-brand-border: #2fc46a;
  --wa-teal-text: #4be389;
  --wa-accent-text: #4be389;
}
html[data-user-shell="slack"] .border-wa-deep, html[data-user-shell="slack"] input:focus, html[data-user-shell="slack"] textarea:focus, html[data-user-shell="slack"] select:focus {
  border-color: #2fc46a !important;
}
html[data-user-shell="slack"] .hover\:bg-wa-teal:hover {
  background-color: #1fa45b !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"])[data-user-shell] body {
  color: #ecedee !important;
  background-color: #0f1113 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .bg-paper-0, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .bg-paper-0\/95, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .bg-paper-0\/40, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .bg-paper-0\/15, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .bg-white {
  background-color: #181b1e !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .bg-paper-50, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .bg-paper-50\/40, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .bg-paper-50\/50, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .bg-paper-50\/60 {
  background-color: #15181b !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .bg-paper-100 {
  background-color: #20242a !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .bg-paper-200, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .bg-paper-300 {
  background-color: #262b31 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .hover\:bg-paper-50:hover {
  background-color: #20242a !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .hover\:bg-paper-100:hover {
  background-color: #262b31 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .border-paper-100, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .border-paper-200, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .border-paper-300, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .divide-paper-200 > * + *, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .divide-paper-100 > * + * {
  border-color: #ffffff1a !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) header, html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-site-header] {
  background: #0f1113 !important;
  border-color: #ffffff14 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .shell-topbar {
  background: none !important;
  border-color: #ffffff0f !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .shell-topbar .topsearch {
  background: #ffffff0d !important;
  border-color: #ffffff14 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .hairline-b {
  box-shadow: inset 0 -1px #ffffff1a !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .hairline {
  box-shadow: inset 0 0 0 1px #ffffff1a !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .text-ink-900 {
  color: #f4f5f6 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .text-ink-800 {
  color: #ecedee !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .text-ink-700 {
  color: #dcd5cb !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .text-ink-600 {
  color: #bdb4a9 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .text-ink-500 {
  color: #a0968a !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .text-ink-400 {
  color: #877d72 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) input, html[data-user-shell="slack"]:not([data-shell-theme="light"]) textarea, html[data-user-shell="slack"]:not([data-shell-theme="light"]) select {
  background-color: #ffffff0b;
  border-color: #ffffff1a;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) ::placeholder {
  opacity: 1;
  color: #877d72 !important;
}
.shell {
  background: var(--shell-bg);
  height: 100vh;
  color: var(--shell-ink);
  display: flex;
  overflow: hidden;
}
.shell-side {
  flex: none;
  display: flex;
}
.shell-rail {
  border-right: 1px solid rgba(var(--shell-fg), .06);
  background: var(--shell-rail-bg);
  flex-direction: column;
  flex: 0 0 76px;
  align-items: center;
  gap: 5px;
  width: 76px;
  padding: 16px 0 14px;
  display: flex;
}
.shell-brand {
  background: linear-gradient(140deg, #25d366, #2fc46a);
  border-radius: 12px;
  place-items: center;
  width: 38px;
  height: 38px;
  margin-bottom: 6px;
  transition: all .15s;
  display: grid;
  box-shadow: 0 6px 15px -6px #2fc46ad9;
}
.shell-brand:hover {
  transform: translateY(-1px);
}
.shell-brand svg {
  width: 20px;
  height: 20px;
  display: block;
}
.rico {
  border-radius: 15px;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  width: 60px;
  padding: 7px 0 5px;
  text-decoration: none;
  transition: all .15s;
  display: flex;
  position: relative;
}
.rico .rico-tile {
  color: #fff;
  border-radius: 10px;
  place-items: center;
  width: 32px;
  height: 32px;
  transition: all .15s;
  display: grid;
  box-shadow: 0 4px 12px -4px #00000080;
}
.rico .rico-tile svg {
  width: 17px;
  height: 17px;
  display: block;
}
.rico .rico-label {
  color: rgba(var(--shell-fg), .5);
  font-size: 10px;
  font-weight: 600;
  line-height: 1;
}
.rico:hover .rico-label {
  color: rgba(var(--shell-fg), .78);
}
.rico:hover .rico-tile {
  transform: translateY(-1px);
}
.rico.active {
  background: rgba(var(--shell-fg), .05);
}
.rico.active .rico-label {
  color: rgba(var(--shell-fg), .92);
  font-weight: 700;
}
.rico.active:before {
  content: "";
  background: var(--shell-accent);
  border-radius: 0 3px 3px 0;
  width: 3px;
  position: absolute;
  top: 7px;
  bottom: 7px;
  left: -8px;
}
.rico .rico-dot {
  background: var(--shell-dot);
  border: 2px solid var(--shell-ring);
  border-radius: 50%;
  width: 8px;
  height: 8px;
  position: absolute;
  top: 6px;
  right: 6px;
}
.shell-rail-space {
  flex: 1;
}
.shell-rail-foot {
  color: rgba(var(--shell-fg), .32);
  flex-direction: column;
  gap: 16px;
  display: flex;
}
.shell-rail-foot button, .shell-rail-foot a {
  color: inherit;
  cursor: pointer;
  background: none;
  border: 0;
  padding: 0;
  display: block;
}
.shell-rail-foot svg {
  width: 19px;
  height: 19px;
  display: block;
}
.shell-rail-foot :hover {
  color: rgba(var(--shell-fg), .7);
}
.shell-sidecol {
  border-right: 1px solid rgba(var(--shell-fg), .06);
  flex-direction: column;
  flex: 0 0 312px;
  width: 312px;
  padding: 16px 14px 12px;
  display: flex;
  overflow: hidden;
}
.wshead {
  border-bottom: 1px solid rgba(var(--shell-fg), .06);
  align-items: center;
  gap: 8px;
  padding: 0 4px 12px;
  display: flex;
}
.wshead .ws {
  cursor: pointer;
  text-align: start;
  min-width: 0;
  color: inherit;
  background: none;
  border: 0;
  flex: 1;
  align-items: center;
  gap: 11px;
  padding: 0;
  display: flex;
}
.wshead .wsav {
  color: #fff;
  background: linear-gradient(135deg, #e1306c, #f77737);
  border-radius: 10px;
  flex: none;
  place-items: center;
  width: 34px;
  height: 34px;
  font-size: 13px;
  font-weight: 800;
  display: grid;
}
.wshead .wsname {
  white-space: nowrap;
  text-overflow: ellipsis;
  align-items: center;
  gap: 5px;
  font-size: 14.5px;
  font-weight: 700;
  line-height: 1.2;
  display: flex;
  overflow: hidden;
}
.wshead .wsname svg {
  flex: none;
  width: 13px;
  height: 13px;
}
.wshead .wssub {
  color: rgba(var(--shell-fg), .42);
  white-space: nowrap;
  text-overflow: ellipsis;
  margin-top: 2px;
  font-size: 12px;
  overflow: hidden;
}
.wshead .wsic {
  color: rgba(var(--shell-fg), .42);
  flex: none;
  gap: 10px;
  display: flex;
}
.wshead .wsic a, .wshead .wsic button {
  color: inherit;
  cursor: pointer;
  background: none;
  border: 0;
  padding: 0;
  display: block;
}
.wshead .wsic svg {
  width: 17px;
  height: 17px;
  display: block;
}
.wshead .wsic :hover {
  color: rgba(var(--shell-fg), .75);
}
.shell-upgrade {
  color: var(--shell-ink);
  background: rgba(var(--shell-fg), .06);
  border: 1px solid rgba(var(--shell-fg), .09);
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  margin: 12px 0 10px;
  padding: 11px 14px;
  font-size: 13.5px;
  font-weight: 700;
  text-decoration: none;
  transition: all .15s;
  display: flex;
}
.shell-upgrade:hover {
  background: rgba(var(--shell-fg), .1);
}
.shell-upgrade svg {
  width: 16px;
  height: 16px;
  display: block;
}
.wsearch {
  background: rgba(var(--shell-fg), .05);
  border: 1px solid rgba(var(--shell-fg), .08);
  border-radius: 10px;
  align-items: center;
  gap: 9px;
  height: 38px;
  padding: 0 12px;
  transition: all .15s;
  display: flex;
}
.wsearch:focus-within {
  background: rgba(var(--shell-fg), .08);
  border-color: rgba(var(--shell-fg), .22);
}
.wsearch svg {
  width: 15px;
  height: 15px;
  color: rgba(var(--shell-fg), .45);
  flex: none;
}
.wsearch input {
  min-width: 0;
  color: var(--shell-ink);
  font: inherit;
  background: none;
  border: 0;
  outline: 0;
  flex: 1;
  font-size: 13px;
}
.wsearch input::placeholder {
  color: rgba(var(--shell-fg), .4);
}
.sidescroll {
  flex-direction: column;
  flex: 1;
  gap: 6px;
  min-height: 0;
  margin: 8px -6px 0;
  padding: 4px 6px 2px;
  display: flex;
  overflow-y: auto;
}
.sec-label {
  letter-spacing: .07em;
  color: rgba(var(--shell-fg), .34);
  justify-content: space-between;
  align-items: center;
  margin-top: 6px;
  padding: 6px 10px 4px;
  font-size: 11px;
  font-weight: 700;
  display: flex;
}
.navlist {
  flex-direction: column;
  gap: 2px;
  display: flex;
}
.nrow {
  color: rgba(var(--shell-fg), .72);
  border-radius: 11px;
  align-items: center;
  gap: 12px;
  padding: 9px 11px;
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
  transition: all .15s;
  display: flex;
  position: relative;
}
.nrow > svg {
  width: 18px;
  height: 18px;
  color: rgba(var(--shell-fg), .5);
  flex: none;
}
.nrow:hover {
  background: rgba(var(--shell-fg), .04);
  color: var(--shell-ink);
}
.nrow.active {
  color: var(--shell-ink);
  background: #2fc46a29;
  font-weight: 600;
}
.nrow.active:before {
  content: "";
  background: var(--shell-accent);
  border-radius: 0 3px 3px 0;
  width: 3px;
  position: absolute;
  top: 9px;
  bottom: 9px;
  left: 0;
}
.nrow .nrow-dot {
  background: var(--shell-dot);
  border-radius: 50%;
  width: 8px;
  height: 8px;
  margin-inline-start: auto;
}
.nrow .nrow-badge {
  color: #fff;
  background: linear-gradient(135deg, #25d366, #25d366);
  border-radius: 999px;
  margin-inline-start: auto;
  padding: 3px 9px;
  font-size: 11px;
  font-weight: 800;
}
.shell-main {
  flex-direction: column;
  flex: 1;
  min-width: 0;
  height: 100vh;
  display: flex;
  overflow: hidden;
}
.shell-topbar {
  border-bottom: 1px solid rgba(var(--shell-fg), .05);
  -webkit-backdrop-filter: blur(14px);
  backdrop-filter: blur(14px);
  flex: none;
  align-items: center;
  gap: 16px;
  padding: 16px 24px;
  display: flex;
  background: #18171b94 !important;
}
@media (min-width: 1024px) {
  .shell-topbar #shell-sidecol-toggle {
    display: none !important;
  }

  .shell-topbar .shell-title {
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
    width: 1px !important;
    height: 1px !important;
    margin: -1px !important;
    padding: 0 !important;
    position: absolute !important;
    overflow: hidden !important;
  }
}
.topsearch {
  background: rgba(var(--shell-fg), .05);
  border: 1px solid rgba(var(--shell-fg), .08);
  cursor: text;
  border-radius: 10px;
  flex: 0 520px;
  align-items: center;
  gap: 9px;
  height: 38px;
  margin-inline: auto;
  padding: 0 12px 0 14px;
  transition: all .15s;
  display: flex;
}
.topsearch:hover {
  background: rgba(var(--shell-fg), .07);
  border-color: rgba(var(--shell-fg), .14);
}
.topsearch:focus-within {
  background: rgba(var(--shell-fg), .08);
  border-color: rgba(var(--shell-fg), .22);
}
.topsearch svg {
  width: 16px;
  height: 16px;
  color: rgba(var(--shell-fg), .45);
  flex: none;
}
.topsearch input {
  min-width: 0;
  color: var(--shell-ink);
  font: inherit;
  background: none;
  border: 0;
  outline: 0;
  flex: 1;
  font-size: 13px;
}
.topsearch input::placeholder {
  color: rgba(var(--shell-fg), .4);
}
.topsearch kbd {
  font: inherit;
  color: rgba(var(--shell-fg), .4);
  background: rgba(var(--shell-fg), .07);
  border: 1px solid rgba(var(--shell-fg), .1);
  border-radius: 6px;
  flex: none;
  padding: 1px 6px;
  font-size: 11px;
  font-weight: 600;
}
.shell-title {
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 260px;
  font-size: 15px;
  font-weight: 700;
  overflow: hidden;
}
.nav-ic {
  flex: none;
  align-items: center;
  gap: 10px;
  display: flex;
}
.nic {
  background: rgba(var(--shell-fg), .05);
  border: 1px solid rgba(var(--shell-fg), .07);
  width: 40px;
  height: 40px;
  color: rgba(var(--shell-fg), .6);
  cursor: pointer;
  border-radius: 50%;
  place-items: center;
  text-decoration: none;
  transition: all .15s;
  display: grid;
  position: relative;
}
.nic:hover {
  background: rgba(var(--shell-fg), .1);
}
.nic svg {
  width: 18px;
  height: 18px;
  display: block;
}
.nic .dot {
  background: var(--shell-dot);
  border: 2px solid var(--shell-ring);
  border-radius: 50%;
  width: 8px;
  height: 8px;
  position: absolute;
  top: 8px;
  right: 9px;
}
.shell-avatar {
  color: #fff;
  background: linear-gradient(135deg, #e1306c, #f77737);
  border-radius: 50%;
  flex: none;
  place-items: center;
  width: 40px;
  height: 40px;
  font-size: 13px;
  font-weight: 700;
  text-decoration: none;
  display: grid;
}
.shell-body {
  flex: 1;
  min-height: 0;
  display: flex;
  overflow: hidden;
}
.shell-section {
  border-inline-end: 1px solid rgba(var(--shell-fg), .06);
  flex: 0 0 340px;
  width: 340px;
  min-height: 0;
  padding: 14px 12px;
  overflow-y: auto;
}
.shell-context {
  border-inline-start: 1px solid rgba(var(--shell-fg), .06);
  flex: 0 0 370px;
  width: 370px;
  min-height: 0;
  padding: 18px 16px;
  overflow-y: auto;
}
.sthead {
  align-items: center;
  gap: 10px;
  padding: 2px 4px 12px;
  display: flex;
}
.sthead h2 {
  white-space: nowrap;
  text-overflow: ellipsis;
  flex: 1;
  min-width: 0;
  font-size: 15.5px;
  font-weight: 700;
  overflow: hidden;
}
.sthead .backbtn {
  color: rgba(var(--shell-fg), .5);
  place-items: center;
  display: grid;
}
.sthead .backbtn:hover {
  color: var(--shell-ink);
}
.sthead svg {
  width: 17px;
  height: 17px;
  display: block;
}
.stact {
  color: rgba(var(--shell-fg), .75);
  border-radius: 11px;
  align-items: center;
  gap: 11px;
  padding: 9px 11px;
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
  transition: all .15s;
  display: flex;
}
.stact:hover {
  background: rgba(var(--shell-fg), .05);
  color: var(--shell-ink);
}
.stact .ic {
  background: rgba(var(--shell-fg), .06);
  border-radius: 8px;
  flex: none;
  place-items: center;
  width: 26px;
  height: 26px;
  display: grid;
}
.stact .ic svg {
  width: 15px;
  height: 15px;
  display: block;
}
.stact.new .ic {
  color: #fff;
  background: linear-gradient(135deg, #25d366, #25d366);
}
.stdiv {
  background: rgba(var(--shell-fg), .07);
  height: 1px;
  margin: 12px 8px;
}
.stlabel {
  letter-spacing: .07em;
  color: rgba(var(--shell-fg), .34);
  align-items: center;
  gap: 7px;
  padding: 4px 10px 6px;
  font-size: 11px;
  font-weight: 700;
  display: flex;
}
.stlabel svg {
  width: 13px;
  height: 13px;
}
.cItem {
  color: rgba(var(--shell-fg), .8);
  border-radius: 10px;
  align-items: center;
  gap: 10px;
  padding: 8px 11px;
  font-size: 13.5px;
  text-decoration: none;
  transition: all .15s;
  display: flex;
}
.cItem:hover {
  background: rgba(var(--shell-fg), .045);
  color: var(--shell-ink);
}
.cItem.open {
  color: var(--shell-ink);
  background: #2fc46a24;
  font-weight: 600;
}
.cItem .cdot {
  border-radius: 50%;
  flex: none;
  width: 8px;
  height: 8px;
}
.cItem .cn {
  white-space: nowrap;
  text-overflow: ellipsis;
  flex: 1;
  min-width: 0;
  overflow: hidden;
}
.cItem .cmeta {
  color: rgba(var(--shell-fg), .4);
  flex: none;
  font-size: 11px;
}
.cInfo {
  color: rgba(var(--shell-fg), .62);
  cursor: default;
  align-items: center;
  gap: 10px;
  padding: 7px 11px;
  font-size: 13px;
  display: flex;
}
.cInfo .cdot {
  border-radius: 50%;
  flex: none;
  width: 8px;
  height: 8px;
}
.cInfo .cn {
  white-space: nowrap;
  text-overflow: ellipsis;
  flex: 1;
  min-width: 0;
  overflow: hidden;
}
.cInfo .cmeta {
  font-variant-numeric: tabular-nums;
  color: rgba(var(--shell-fg), .42);
  flex: none;
  font-size: 11px;
}
@media (max-width: 1279.98px) {
  .shell-context {
    display: none;
  }
}
@media (max-width: 1023.98px) {
  .shell-section {
    display: none;
  }
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) [style*="background:#F"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [style*="background: #F"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [style*="background:#E"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [style*="background: #E"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [style*="background:#f"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [style*="background: #f"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [style*="background:#e"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [style*="background: #e"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [style*="background-color:#F"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [style*="background-color: #F"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [style*="background-color:#E"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [style*="background-color: #E"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [style*="background-color:#f"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [style*="background-color: #f"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [style*="background-color:#e"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [style*="background-color: #e"] {
  color: #1d2321 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) [class*="bg-wa-mint"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [class*="bg-wa-bubble"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) .bg-\[var\(--color-wa-bubble\)\], html[data-user-shell="slack"]:not([data-shell-theme="light"]) .bg-\[\#E8F5E9\], html[data-user-shell="slack"]:not([data-shell-theme="light"]) .bg-\[\#F1F9EC\], html[data-user-shell="slack"]:not([data-shell-theme="light"]) .bg-\[\#F0F8F6\], html[data-user-shell="slack"]:not([data-shell-theme="light"]) .bg-\[\#DFF1ED\] {
  color: #ecedee !important;
  background: #ffffff0e !important;
  border-color: #ffffff1a !important;
}
html[data-user-shell="slack"] .peer:checked + div {
  background: #25d3661f !important;
  border-color: #2fc46a !important;
}
html[data-user-shell="slack"] .font-serif {
  letter-spacing: -.02em;
  font-weight: 700;
  font-family: inherit !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) [class*="bg-wa-mint"] *, html[data-user-shell="slack"]:not([data-shell-theme="light"]) [class*="bg-wa-bubble"] * {
  color: inherit !important;
}
[data-user-shell="slack"]:not([data-shell-theme="light"]) .shell-pane [class*="grid-cols-[260px_1fr]"] > aside {
  display: none !important;
}
[data-user-shell="slack"]:not([data-shell-theme="light"]) .shell-pane [class*="grid-cols-[260px_1fr]"] {
  grid-template-columns: minmax(0, 1fr) !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .shell-pane table[class*="min-w-"] {
  min-width: 100% !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .shell-pane [class*="min-w-[1160px]"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) .shell-pane [class*="min-w-[940px]"] {
  min-width: 0 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .shell-pane [class*="grid-cols-[40px_minmax(200px,1.4fr)"] {
  grid-template-columns: 40px minmax(150px, 1.4fr) minmax(96px, 1fr) minmax(90px, .95fr) minmax(78px, .8fr) minmax(58px, .6fr) minmax(90px, .95fr) minmax(132px, 1.5fr) !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .shell-pane [class*="grid-cols-[1.6fr_120px"] {
  grid-template-columns: minmax(150px, 1.6fr) minmax(80px, .85fr) minmax(92px, 1fr) minmax(80px, .85fr) minmax(92px, 1fr) minmax(150px, 1.55fr) !important;
}
.shell-pane {
  color: #ecedee;
  background: #0f1113;
  border-start-start-radius: 14px;
  flex: 1;
  min-height: 0;
  margin-inline-start: 6px;
  overflow-y: auto;
}
.shell ::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
.shell ::-webkit-scrollbar-thumb {
  background: rgba(var(--shell-fg), .08);
  border-radius: 8px;
}
.shell ::-webkit-scrollbar-thumb:hover {
  background: rgba(var(--shell-fg), .16);
}
.shell-pane::-webkit-scrollbar-thumb {
  background: #0b1f1c29;
}
@media (max-width: 1023.98px) {
  .shell-sidecol {
    z-index: 60;
    background: var(--shell-ring);
    transition: transform .25s;
    position: fixed;
    inset-block: 0;
    inset-inline-start: 0;
    transform: translateX(-102%);
  }

  [dir="rtl"] .shell-sidecol {
    transform: translateX(102%);
  }

  .shell-sidecol.open {
    transform: none;
  }

  .shell-rail {
    z-index: 55;
    border-right: 0;
    border-top: 1px solid rgba(var(--shell-fg), .08);
    background: var(--shell-ring);
    flex-direction: row;
    justify-content: space-around;
    width: 100%;
    height: 62px;
    padding: 4px 6px;
    position: fixed;
    inset-block-end: 0;
    inset-inline: 0;
    overflow-x: auto;
  }

  .shell-brand, .shell-rail-space, .shell-rail-foot, .rico.active:before {
    display: none;
  }

  .shell-main {
    padding-block-end: 62px;
  }

  .shell-pane {
    border-start-start-radius: 0;
    margin-inline-start: 0;
  }
}
@media (prefers-reduced-motion: reduce) {
  .shell-sidecol {
    transition: none;
  }
}
html[data-user-shell="slack"][data-shell-theme="light"] .shell-pane {
  color: #1c1b22;
  background: none;
}
html[data-user-shell="slack"][data-shell-theme="light"] .shell-pane::-webkit-scrollbar-thumb {
  background: #0b1f1c29;
}
html[data-user-shell="slack"][data-shell-theme="light"] {
  --shell-accent: #0e8b50;
  --shell-dot: #f0554e;
  --shell-fg: 28, 27, 34;
  --shell-ink: #1c1b22;
  --shell-ring: #fff;
  --shell-rail-bg: #00000007;
  --shell-bg: radial-gradient(120% 70% at 82% 0%, #25d36612, transparent 48%),
        linear-gradient(155deg, #fbf8f3 0%, #f4f1eb 42%, #edf0f6 100%);
}
html[data-user-shell="slack"][data-shell-theme="light"][data-user-shell] body {
  background: var(--shell-bg) !important;
  color: #1c1b22 !important;
}
html[data-user-shell="slack"][data-shell-theme="light"] .shell-topbar {
  -webkit-backdrop-filter: blur(14px);
  backdrop-filter: blur(14px);
  border-bottom-color: #1c1b220f;
  background: #fff9 !important;
}
html[data-user-shell="slack"][data-shell-theme="light"] [class*="bg-wa-mint"], html[data-user-shell="slack"][data-shell-theme="light"] [class*="bg-wa-bubble"] {
  color: #1d2321 !important;
  background: #25d36617 !important;
  border-color: #25d36647 !important;
}
html[data-user-shell="slack"][data-shell-theme="light"] .rico-tile[style*="255,255,255"] {
  background: #1c1b2214 !important;
}
html[data-user-shell="slack"][data-shell-theme="light"] .rico-tile[style*="255,255,255"] svg, html[data-user-shell="slack"][data-shell-theme="light"] .rico-tile[style*="255,255,255"] svg g, html[data-user-shell="slack"][data-shell-theme="light"] .rico-tile[style*="255,255,255"] svg circle {
  stroke: #1c1b22;
  fill: #1c1b22;
}
html[data-user-shell="slack"][data-shell-theme="light"] .shell-rail-foot {
  color: #1c1b228c;
}
.ws-switch {
  flex: auto;
  min-width: 0;
  position: relative;
}
.ws-switch > summary {
  cursor: pointer;
  align-items: center;
  gap: 10px;
  min-width: 0;
  list-style: none;
  display: flex;
}
.ws-switch > summary::-webkit-details-marker {
  display: none;
}
.ws-switch[data-static] > summary {
  cursor: default;
  pointer-events: none;
}
.ws-switch-av {
  color: #fff;
  background: linear-gradient(135deg, #f0554e, #f5426c);
  border-radius: 10px;
  flex: none;
  place-items: center;
  width: 34px;
  height: 34px;
  font-size: 12.5px;
  font-weight: 800;
  display: grid;
}
.ws-switch-name {
  letter-spacing: -.01em;
  color: var(--shell-ink);
  white-space: nowrap;
  text-overflow: ellipsis;
  min-width: 0;
  font-size: 15px;
  font-weight: 800;
  overflow: hidden;
}
.ws-switch-chev {
  opacity: .5;
  width: 14px;
  height: 14px;
  color: var(--shell-ink);
  flex: none;
}
.ws-switch[open] .ws-switch-chev {
  transform: rotate(180deg);
}
.ws-switch-menu {
  z-index: 80;
  background: var(--shell-ring);
  border: 1px solid rgba(var(--shell-fg), .12);
  top: calc(100% + 10px);
  border-radius: 14px;
  min-width: 232px;
  max-width: 300px;
  padding: 6px;
  position: absolute;
  inset-inline-start: 0;
  box-shadow: 0 18px 50px -18px #00000080;
}
.ws-switch-menu form {
  display: block;
}
.ws-switch-item {
  text-align: start;
  width: 100%;
  color: var(--shell-ink);
  cursor: pointer;
  background: none;
  border: 0;
  border-radius: 9px;
  align-items: center;
  gap: 8px;
  padding: 8px 10px;
  font-size: 13px;
  font-weight: 600;
  display: flex;
}
.ws-switch-item:hover {
  background: rgba(var(--shell-fg), .06);
}
.ws-switch-item.current {
  cursor: default;
  font-weight: 800;
}
.ws-switch-item.current:after {
  content: "✓";
  color: var(--shell-accent);
  margin-inline-start: auto;
}
html[data-user-shell="slack"] .shell-pane [data-list-grid-list] > table, html[data-user-shell="slack"] .shell-pane .overflow-x-auto > table.table-fixed {
  table-layout: fixed !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
html[data-user-shell="slack"] .shell-pane [data-list-grid-list] > table th, html[data-user-shell="slack"] .shell-pane [data-list-grid-list] > table td, html[data-user-shell="slack"] .shell-pane .overflow-x-auto > table.table-fixed th, html[data-user-shell="slack"] .shell-pane .overflow-x-auto > table.table-fixed td {
  text-overflow: ellipsis;
  overflow: hidden;
}
.shell-nrow-primary {
  border: 1px solid rgba(var(--shell-fg), .09);
  box-shadow: 0 6px 18px -12px #0009;
  background: rgba(var(--shell-fg), .06) !important;
  color: var(--shell-ink) !important;
}
.shell-chatlist {
  flex-direction: column;
  flex: none;
  gap: 4px;
  padding: 2px 2px 6px;
  display: flex;
  overflow: visible;
}
.shell-chatlist .crow, .shell-side-foot {
  flex: none;
}
.shell-chatlist .crow {
  color: rgba(var(--shell-fg), .55);
  white-space: nowrap;
  text-overflow: ellipsis;
  cursor: pointer;
  border-radius: 10px;
  padding: 10px 12px;
  font-size: 13.5px;
  text-decoration: none;
  transition: all .15s;
  display: block;
  overflow: hidden;
}
.shell-chatlist .crow:hover {
  background: rgba(var(--shell-fg), .035);
  color: rgba(var(--shell-fg), .85);
}
.shell-chatlist .crow-empty {
  cursor: default;
  color: rgba(var(--shell-fg), .35);
}
.shell-chatlist .crow-empty:hover {
  color: rgba(var(--shell-fg), .35);
  background: none;
}
.shell-side-foot {
  margin-top: auto;
  padding: 12px 2px 2px;
}
.shell-usercard {
  background: rgba(var(--shell-fg), .04);
  border: 1px solid rgba(var(--shell-fg), .07);
  color: var(--shell-ink);
  border-radius: 14px;
  align-items: center;
  gap: 11px;
  padding: 9px 11px;
  text-decoration: none;
  display: flex;
}
.shell-usercard .uav {
  color: #fff;
  background: linear-gradient(135deg, #e1306c, #f77737);
  border-radius: 50%;
  flex: none;
  place-items: center;
  width: 34px;
  height: 34px;
  font-size: 13px;
  font-weight: 700;
  display: grid;
}
.shell-usercard .un {
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.2;
  display: block;
  overflow: hidden;
}
.shell-usercard .up {
  color: rgba(var(--shell-fg), .4);
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 11.5px;
  display: block;
  overflow: hidden;
}
.shell-usercard > svg {
  width: 16px;
  height: 16px;
  color: rgba(var(--shell-fg), .4);
  flex: none;
  margin-inline-start: auto;
}
.navlist button.nrow {
  width: 100%;
  font: inherit;
  cursor: pointer;
  text-align: start;
  background: none;
  border: 0;
}
html[data-user-shell="slack"][data-shell-theme="light"] .topsearch {
  box-shadow: 0 1px 3px #1c1b220f;
  background: #fff !important;
  border: 1px solid #1c1b2217 !important;
}
html[data-user-shell="slack"][data-shell-theme="light"] .nic {
  box-shadow: 0 1px 3px #1c1b220d;
  background: #fff !important;
  border: 1px solid #1c1b2217 !important;
}
html[data-user-shell="slack"][data-shell-theme="light"] .nic:hover {
  background: #f6f4ef !important;
}
html[data-user-shell="slack"][data-shell-theme="light"] .shell-pane :is(.card, .shadow-card, .shadow-soft, .hairline) {
  box-shadow: 0 1px 2px #1c1b220d, 0 12px 32px -20px #1c1b2238 !important;
}
html[data-user-shell="slack"][data-shell-theme="light"] .shell-pane .border-paper-200 {
  border-color: #1c1b2217 !important;
}
html[data-user-shell="slack"][data-shell-theme="light"] .shell-upgrade, html[data-user-shell="slack"][data-shell-theme="light"] .shell-nrow-primary, html[data-user-shell="slack"][data-shell-theme="light"] .shell-usercard {
  box-shadow: 0 1px 2px #1c1b220d, 0 8px 22px -14px #1c1b2240;
  background: #fff !important;
  border: 1px solid #1c1b221a !important;
}
html[data-user-shell="slack"][data-shell-theme="light"] .home-search {
  background: #fff;
  border-color: #1c1b221a;
  box-shadow: 0 1px 3px #1c1b220f;
}
html[data-user-shell="slack"][data-shell-theme="light"] body[data-page="user-dashboard-home"] .home-app {
  border-bottom-color: #1c1b2214;
}
html[data-user-shell="slack"][data-shell-theme="light"] body[data-page="user-dashboard-home"] .home-app:hover {
  background: #fff;
  box-shadow: 0 10px 28px -16px #1c1b2247;
}
html[data-user-shell="slack"][data-shell-theme="light"] .home-tab.active, html[data-user-shell="slack"][data-shell-theme="light"] .tplx-cat.bg-wa-deep {
  box-shadow: 0 3px 10px -4px #1c1b2259;
}
html[data-user-shell="slack"][data-shell-theme="light"] body[data-page="user-dashboard-home"] .hai, html[data-user-shell="slack"][data-shell-theme="light"] .rico-tile {
  box-shadow: 0 4px 12px -5px #1c1b2259;
}
html[data-user-shell="slack"][data-shell-theme="light"] .shell-pane input:not([type="checkbox"]):not([type="radio"]), html[data-user-shell="slack"][data-shell-theme="light"] .shell-pane select, html[data-user-shell="slack"][data-shell-theme="light"] .shell-pane textarea {
  background-color: #fff;
  border-color: #1c1b221f;
}
html[data-user-shell="slack"] .pbt-open {
  text-align: start;
  font: inherit;
  cursor: pointer;
}
html[data-user-shell="slack"] .pbt-flash.is-error {
  color: #ff9d8a;
  background: #f0554e1f;
  border: 1px solid #f0554e73;
  border-radius: 12px;
  margin: 14px 0 4px;
  padding: 10px 14px;
  font-size: 12.5px;
}
html[data-user-shell="slack"][data-shell-theme="light"] .pbt-flash.is-error {
  color: #c0392b;
}
html[data-user-shell="slack"] .pbt-overlay {
  z-index: 80;
  background: #0000008c;
  justify-content: center;
  align-items: center;
  padding: 24px;
  display: flex;
  position: fixed;
  inset: 0;
}
html[data-user-shell="slack"] .pbt-sheet {
  background: var(--shell-ring);
  border: 1px solid rgba(var(--shell-fg), .12);
  border-radius: 18px;
  flex-direction: column;
  width: min(960px, 100%);
  max-height: 88vh;
  display: flex;
  overflow: hidden;
  box-shadow: 0 30px 80px -30px #0009;
}
html[data-user-shell="slack"] .pbt-head {
  border-bottom: 1px solid rgba(var(--shell-fg), .08);
  justify-content: space-between;
  align-items: flex-start;
  gap: 14px;
  padding: 18px 20px 14px;
  display: flex;
}
html[data-user-shell="slack"] .pbt-eyebrow {
  letter-spacing: .16em;
  text-transform: uppercase;
  color: rgba(var(--shell-fg), .45);
  font-size: 10px;
  font-weight: 800;
}
html[data-user-shell="slack"] .pbt-head h2 {
  letter-spacing: -.015em;
  color: var(--shell-ink);
  margin-top: 2px;
  font-size: 19px;
  font-weight: 800;
}
html[data-user-shell="slack"] .pbt-head p {
  color: rgba(var(--shell-fg), .55);
  margin-top: 3px;
  font-size: 12.5px;
}
html[data-user-shell="slack"] .pbt-close {
  border: 1px solid rgba(var(--shell-fg), .12);
  width: 32px;
  height: 32px;
  color: rgba(var(--shell-fg), .6);
  cursor: pointer;
  background: none;
  border-radius: 10px;
  flex: none;
  font-size: 18px;
}
html[data-user-shell="slack"] .pbt-close:hover {
  background: rgba(var(--shell-fg), .06);
  color: var(--shell-ink);
}
html[data-user-shell="slack"] .pbt-waba {
  color: rgba(var(--shell-fg), .65);
  align-items: center;
  gap: 10px;
  padding: 12px 20px 2px;
  font-size: 12.5px;
  font-weight: 700;
  display: flex;
}
html[data-user-shell="slack"] .pbt-waba select {
  border: 1px solid rgba(var(--shell-fg), .14);
  background: rgba(var(--shell-fg), .04);
  min-width: 220px;
  color: var(--shell-ink);
  font: inherit;
  border-radius: 10px;
  flex: none;
  padding: 7px 10px;
  font-size: 13px;
}
html[data-user-shell="slack"] .pbt-list {
  flex: 1;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: 14px;
  min-height: 0;
  padding: 16px 20px 20px;
  display: grid;
  overflow-y: auto;
}
html[data-user-shell="slack"] .pbt-card {
  border: 1px solid rgba(var(--shell-fg), .1);
  background: rgba(var(--shell-fg), .025);
  border-radius: 14px;
  flex-direction: column;
  gap: 8px;
  padding: 14px;
  display: flex;
}
html[data-user-shell="slack"] .pbt-card > header {
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  display: flex;
}
html[data-user-shell="slack"] .pbt-card > header strong {
  color: var(--shell-ink);
  font-size: 13.5px;
}
html[data-user-shell="slack"] .pbt-cat {
  letter-spacing: .06em;
  text-transform: uppercase;
  border-radius: 999px;
  padding: 2px 8px;
  font-size: 10px;
  font-weight: 800;
}
html[data-user-shell="slack"] .pbt-cat.is-utility {
  color: #4be389;
  background: #25d36629;
}
html[data-user-shell="slack"] .pbt-cat.is-marketing {
  color: #ffc46b;
  background: #ffc46b29;
}
html[data-user-shell="slack"] .pbt-cat.is-authentication {
  color: #4be389;
  background: #25d36629;
}
html[data-user-shell="slack"][data-shell-theme="light"] .pbt-cat.is-utility {
  color: #0e8b50;
}
html[data-user-shell="slack"][data-shell-theme="light"] .pbt-cat.is-marketing {
  color: #b0730a;
}
html[data-user-shell="slack"][data-shell-theme="light"] .pbt-cat.is-authentication {
  color: #0e8b50;
}
html[data-user-shell="slack"] .pbt-desc {
  color: rgba(var(--shell-fg), .5);
  font-size: 11.5px;
}
html[data-user-shell="slack"] .pbt-preview {
  border: 1px solid rgba(var(--shell-fg), .1);
  background: var(--shell-ring);
  color: var(--shell-ink);
  border-radius: 4px 12px 12px;
  padding: 10px 12px;
  font-size: 12px;
  line-height: 1.5;
}
html[data-user-shell="slack"] .pbt-ph {
  margin-bottom: 4px;
  font-weight: 800;
}
html[data-user-shell="slack"] .pbt-pf {
  color: rgba(var(--shell-fg), .45);
  margin-top: 5px;
  font-size: 10.5px;
}
html[data-user-shell="slack"] .pbt-btns {
  border-top: 1px solid rgba(var(--shell-fg), .08);
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 8px;
  padding-top: 8px;
  display: flex;
}
html[data-user-shell="slack"] .pbt-btns span {
  color: #25d366;
  font-size: 11px;
  font-weight: 700;
}
html[data-user-shell="slack"][data-shell-theme="light"] .pbt-btns span {
  color: #0e8b50;
}
html[data-user-shell="slack"] .pbt-card > footer {
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  margin-top: auto;
  display: flex;
}
html[data-user-shell="slack"] .pbt-lang {
  color: rgba(var(--shell-fg), .4);
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
  font-family: ui-monospace, Menlo, monospace;
  font-size: 10px;
  overflow: hidden;
}
html[data-user-shell="slack"] .pbt-use-form button {
  cursor: pointer;
  font: inherit;
  color: #062611;
  background: #25d366;
  border: 0;
  border-radius: 999px;
  padding: 7px 13px;
  font-size: 11.5px;
  font-weight: 800;
}
html[data-user-shell="slack"] .pbt-use-form button:hover {
  background: #2fc46a;
}
html[data-user-shell="slack"] .pbt-use-form button:disabled {
  opacity: .6;
  cursor: wait;
}
html[data-user-shell="slack"] {
  --frame: #0f1113;
  --panel: #181b1e;
  --panel2: #20242a;
  --line: #ffffff12;
  --line2: #ffffff21;
  --t1: #ecedee;
  --t2: #a5aab1;
  --t3: #737980;
  --hover: #ffffff0d;
  --acc: #25d366;
  --acc-t: #4be389;
  --green: #2fc46a;
  --side-sel: #25d36621;
  --side-link: #4be389;
  --rail-t: #a5aab1;
  --rail-act: #4be389;
  --rail-sel: #25d36624;
  --search-bd: #ffffff21;
  --badge: #25d366;
  --badge-t: #062611;
  --av-t: #14161a;
  --r: 12px;
  --gap: 6px;
  --shell-fg: 255, 255, 255;
  --shell-ink: #ecedee;
  --shell-ring: #181b1e;
  --shell-rail-bg: #0f1113;
  --shell-accent: #4be389;
  --shell-bg: #0f1113;
  --shell-topbar-h: 44px;
}
html[data-user-shell="slack"][data-shell-theme="light"] {
  --frame: #eef1ef;
  --panel: #fff;
  --panel2: #f2f5f3;
  --line: #00000014;
  --line2: #00000024;
  --t1: #161a1c;
  --t2: #5b6462;
  --t3: #86908d;
  --hover: #0000000a;
  --acc: #128c4a;
  --acc-t: #128c4a;
  --green: #128c4a;
  --side-sel: #128c4a1f;
  --side-link: #128c4a;
  --rail-t: #5b6462;
  --rail-act: #128c4a;
  --rail-sel: #128c4a1f;
  --search-bd: #0000001f;
  --badge: #128c4a;
  --badge-t: #fff;
  --av-t: #fff;
  --shell-fg: 22, 26, 28;
  --shell-ink: #161a1c;
  --shell-ring: #fff;
  --shell-rail-bg: #eef1ef;
  --shell-accent: #128c4a;
  --shell-bg: #eef1ef;
}
html[data-user-shell="slack"][data-user-shell] body {
  background-color: var(--frame) !important;
  color: var(--t1) !important;
}
.mt-frame {
  background: var(--frame);
  height: 100dvh;
  color: var(--t1);
  flex-direction: column;
  display: flex;
  overflow: hidden;
}
.mt-body {
  flex: 1;
  min-height: 0;
  display: flex;
}
.mt-top {
  background: var(--frame);
  height: 44px;
  color: var(--t2);
  flex: none;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  padding: 0 12px 0 72px;
  display: grid;
}
.mt-top-l {
  align-items: center;
  gap: 2px;
  display: flex;
}
.mt-top-r {
  justify-self: end;
  align-items: center;
  gap: 2px;
  display: flex;
}
.mt-tic {
  cursor: pointer;
  width: 30px;
  height: 30px;
  color: inherit;
  background: none;
  border: 0;
  border-radius: 6px;
  place-items: center;
  padding: 0;
  display: grid;
}
.mt-tic:hover {
  background: var(--hover);
  color: var(--t1);
}
.mt-tic.is-dim {
  opacity: .45;
}
.mt-tic svg {
  width: 18px;
  height: 18px;
}
.mt-search {
  background: var(--panel);
  border: 1px solid var(--search-bd);
  width: min(560px, 40vw);
  height: 30px;
  color: var(--t3);
  cursor: text;
  border-radius: 7px;
  align-items: center;
  gap: 8px;
  padding: 0 10px;
  font-family: inherit;
  font-size: 13px;
  display: flex;
}
.mt-search:hover {
  color: var(--t2);
}
.mt-search svg {
  flex: none;
  width: 15px;
  height: 15px;
}
.mt-search kbd {
  color: var(--t3);
  border: 1px solid var(--line2);
  border-radius: 4px;
  margin-inline-start: auto;
  padding: 0 5px;
  font-family: inherit;
  font-size: 11px;
}
.mt-rail {
  background: var(--frame);
  flex-direction: column;
  flex: none;
  align-items: center;
  width: 72px;
  min-height: 0;
  padding: 4px 0 10px;
  display: flex;
  overflow: hidden auto;
}
.mt-brand {
  background: var(--t1);
  width: 36px;
  height: 36px;
  color: var(--frame);
  border-radius: 9px;
  flex: none;
  place-items: center;
  margin-bottom: 8px;
  font-size: 15px;
  font-weight: 800;
  display: grid;
  overflow: hidden;
}
.mt-brand img {
  object-fit: contain;
  width: 24px;
  height: 24px;
}
html[data-user-shell="slack"] .mt-rail .rico {
  background: none;
  border-radius: 0;
  flex-direction: column;
  flex: none;
  align-items: center;
  gap: 3px;
  width: 64px;
  padding: 3px 0;
  display: flex;
}
html[data-user-shell="slack"] .mt-rail .rico .rico-tile {
  width: 36px;
  height: 32px;
  box-shadow: none;
  color: var(--rail-t);
  border-radius: 8px;
  place-items: center;
  transition: all .13s;
  display: grid;
  background: none !important;
}
html[data-user-shell="slack"] .mt-rail .rico .rico-tile svg {
  stroke: currentColor;
  stroke-width: 1.75px;
  width: 20px;
  height: 20px;
}
html[data-user-shell="slack"] .mt-rail .rico .rico-label {
  color: var(--rail-t);
  font-size: 10.5px;
  font-weight: 600;
  line-height: 1;
}
html[data-user-shell="slack"] .mt-rail .rico:hover .rico-tile {
  transform: none;
  background: var(--rail-sel) !important;
}
html[data-user-shell="slack"] .mt-rail .rico.active {
  background: none;
}
html[data-user-shell="slack"] .mt-rail .rico.active .rico-tile {
  color: var(--rail-act);
  background: var(--rail-sel) !important;
}
html[data-user-shell="slack"] .mt-rail .rico.active .rico-label {
  color: var(--rail-act);
  font-weight: 700;
}
html[data-user-shell="slack"] .mt-rail .rico.active:before {
  display: none;
}
.mt-rail-sp {
  flex: 1;
}
.mt-rfoot {
  cursor: pointer;
  width: 36px;
  height: 36px;
  color: var(--rail-t);
  background: none;
  border: 0;
  border-radius: 50%;
  flex: none;
  place-items: center;
  margin-bottom: 8px;
  padding: 0;
  display: grid;
}
.mt-rfoot:hover {
  background: var(--rail-sel);
  color: var(--rail-act);
}
.mt-rfoot.is-plus {
  background: var(--rail-sel);
  margin-bottom: 10px;
}
.mt-rfoot svg {
  width: 18px;
  height: 18px;
}
.mt-rav {
  width: 36px;
  height: 36px;
  color: var(--av-t);
  cursor: pointer;
  background: #7fa0ff;
  border-radius: 9px;
  flex: none;
  place-items: center;
  font-size: 13px;
  font-weight: 700;
  text-decoration: none;
  display: grid;
  position: relative;
}
.mt-rav i {
  background: var(--green);
  border: 2px solid var(--frame);
  border-radius: 50%;
  width: 11px;
  height: 11px;
  position: absolute;
  bottom: -3px;
  right: -3px;
}
.mt-cardwrap {
  min-width: 0;
  padding: 0 var(--gap) var(--gap) 0;
  flex: 1;
  display: flex;
}
.mt-card {
  background: var(--panel);
  border: 1px solid var(--line);
  border-radius: var(--r);
  flex: 1;
  min-width: 0;
  display: flex;
  overflow: hidden;
}
html[data-user-shell="slack"] .shell-sidecol {
  background: var(--panel);
  border-right: 1px solid var(--line);
  flex-direction: column;
  flex: none;
  width: clamp(272px, 23vw, 336px);
  padding: 0;
  display: flex;
  overflow: hidden;
}
.mt-shead {
  align-items: center;
  gap: 4px;
  padding: 10px 8px 6px 14px;
  display: flex;
}
.mt-shead .ws-switch {
  flex: 1;
  min-width: 0;
}
.mt-shead .ws-switch > summary {
  gap: 6px;
}
.mt-shead .ws-switch-av {
  display: none;
}
.mt-shead .ws-switch-name {
  letter-spacing: -.01em;
  color: var(--t1);
  font-size: 18px;
  font-weight: 700;
}
.mt-shead .ws-switch-chev {
  opacity: 1;
  width: 15px;
  height: 15px;
  color: var(--t1);
}
.mt-shead .ws-switch-menu {
  background: var(--panel2);
  border-color: var(--line2);
}
.mt-sic {
  width: 32px;
  height: 32px;
  color: var(--t2);
  cursor: pointer;
  background: none;
  border: 0;
  border-radius: 6px;
  flex: none;
  place-items: center;
  padding: 0;
  display: grid;
}
.mt-sic:hover {
  background: var(--hover);
  color: var(--t1);
}
.mt-sic svg {
  width: 18px;
  height: 18px;
}
.mt-upg {
  border: 1px solid var(--line);
  background: var(--panel2);
  height: 36px;
  color: var(--t1);
  cursor: pointer;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  margin: 4px 12px 0;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
  display: flex;
}
.mt-upg:hover {
  filter: brightness(1.12);
}
.mt-upg svg {
  width: 15px;
  height: 15px;
}
.mt-find {
  border: 1px solid var(--line);
  background: var(--panel);
  height: 32px;
  color: var(--t3);
  cursor: text;
  border-radius: 8px;
  align-items: center;
  gap: 8px;
  width: calc(100% - 24px);
  margin: 8px 12px 0;
  padding: 0 10px;
  font-family: inherit;
  font-size: 13.5px;
  display: flex;
}
.mt-find:hover {
  color: var(--t2);
}
.mt-find svg {
  width: 15px;
  height: 15px;
}
.mt-sdiv {
  background: var(--line);
  flex: none;
  height: 1px;
  margin: 10px 12px 2px;
}
html[data-user-shell="slack"] .sidescroll {
  flex: 1;
  min-height: 0;
  padding: 2px 8px 12px;
  overflow-y: auto;
}
html[data-user-shell="slack"] .sec-label {
  height: 28px;
  color: var(--t2);
  letter-spacing: .04em;
  border-radius: 6px;
  align-items: center;
  gap: 6px;
  margin-top: 10px;
  padding: 0 8px;
  font-size: 12px;
  font-weight: 600;
  display: flex;
}
html[data-user-shell="slack"] .nrow {
  height: 28px;
  color: var(--t1);
  cursor: pointer;
  border-radius: 6px;
  align-items: center;
  gap: 9px;
  margin: 0;
  padding: 0 8px;
  font-size: 14.5px;
  font-weight: 400;
  text-decoration: none;
  display: flex;
}
html[data-user-shell="slack"] .nrow svg {
  width: 17px;
  height: 17px;
  color: var(--t2);
  stroke-width: 1.75px;
  flex: none;
}
html[data-user-shell="slack"] .nrow:hover {
  background: var(--hover);
  color: var(--t1);
}
html[data-user-shell="slack"] .nrow.active {
  background: var(--side-sel);
  color: var(--t1);
  border: 0;
  font-weight: 600;
}
html[data-user-shell="slack"] .nrow.active svg {
  color: var(--rail-act);
}
html[data-user-shell="slack"] .shell-nrow-primary {
  border: 1px solid var(--line);
  box-shadow: none;
  background: var(--panel2) !important;
  color: var(--t1) !important;
}
html[data-user-shell="slack"] .shell-chatlist .crow {
  color: var(--t2);
  font-size: 13px;
}
html[data-user-shell="slack"] .shell-chatlist .crow:hover {
  background: var(--hover);
  color: var(--t1);
}
html[data-user-shell="slack"] .shell-side-foot {
  padding: 12px 4px 2px;
}
html[data-user-shell="slack"] .shell-usercard {
  background: var(--panel2);
  border: 1px solid var(--line);
  box-shadow: none;
}
html[data-user-shell="slack"] .shell-pane {
  background: var(--panel);
  min-width: 0;
  min-height: 0;
  color: var(--t1);
  border-radius: 0;
  flex: 1;
  margin: 0;
  overflow-y: auto;
}
html[data-user-shell="slack"] .mt-frame * {
  scrollbar-width: thin;
  scrollbar-color: transparent transparent;
}
html[data-user-shell="slack"] .mt-frame :hover {
  scrollbar-color: #80808073 transparent;
}
html[data-user-shell="slack"] .mt-frame ::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
html[data-user-shell="slack"] .mt-frame ::-webkit-scrollbar-thumb {
  background: none;
  border-radius: 8px;
}
html[data-user-shell="slack"] .mt-frame :hover::-webkit-scrollbar-thumb {
  background: #80808059;
}
@media (max-width: 1023px) {
  .mt-top {
    padding-left: 12px;
  }

  .mt-rail {
    display: none;
  }

  html[data-user-shell="slack"] .shell-sidecol {
    z-index: 70;
    border-right: 1px solid var(--line2);
    width: min(320px, 85vw);
    transition: transform .18s;
    position: fixed;
    inset: 44px auto 0 0;
    transform: translateX(-100%);
  }

  html[data-user-shell="slack"] .shell-sidecol.open {
    transform: none;
  }

  .mt-cardwrap {
    padding: 0;
  }

  .mt-card {
    border: 0;
    border-radius: 0;
  }
}
html[data-user-shell="slack"][data-shell-theme="light"] .shell-sidecol {
  background: var(--panel);
  border-right: 1px solid var(--line);
}
html[data-user-shell="slack"][data-shell-theme="light"] .shell-pane {
  background: var(--panel);
  color: var(--t1);
}
html[data-user-shell="slack"][data-shell-theme="light"] .mt-search, html[data-user-shell="slack"][data-shell-theme="light"] .mt-find {
  background: var(--panel);
}
html[data-user-shell="slack"] .theme-ic-moon {
  display: none;
}
html[data-user-shell="slack"][data-shell-theme="light"] .theme-ic-moon {
  display: block;
}
html[data-user-shell="slack"][data-shell-theme="light"] .theme-ic-sun {
  display: none;
}
.auth-slack {
  color: #ecedee;
}
.auth-slack .font-serif {
  letter-spacing: -.02em;
  font-weight: 800;
  font-family: inherit !important;
}
.auth-slack .text-ink-900 {
  color: #f4f5f6 !important;
}
.auth-slack .text-ink-800 {
  color: #ecedee !important;
}
.auth-slack .text-ink-700 {
  color: #ffffffc7 !important;
}
.auth-slack .text-ink-600 {
  color: #ffffff9e !important;
}
.auth-slack .text-ink-500 {
  color: #ffffff75 !important;
}
.auth-slack .text-ink-400 {
  color: #ffffff57 !important;
}
.auth-slack h1, .auth-slack h2, .auth-slack h3 {
  color: #f4f5f6;
}
.auth-slack .text-wa-deep {
  color: #4be389 !important;
}
.auth-slack a.text-wa-deep:hover {
  color: #86efac !important;
}
.auth-slack .italic {
  font-style: normal;
}
.auth-slack input:not([type="checkbox"]):not([type="radio"]), .auth-slack select, .auth-slack textarea {
  color-scheme: dark;
  color: #ecedee !important;
  background-color: #ffffff0d !important;
  border-color: #ffffff1f !important;
}
.auth-slack input:focus, .auth-slack select:focus, .auth-slack textarea:focus {
  outline: none;
  border-color: #2fc46a !important;
  box-shadow: 0 0 0 3px #2fc46a38 !important;
}
.auth-slack ::placeholder {
  opacity: 1;
  color: #ffffff59 !important;
}
.auth-slack label {
  color: #ffffffb8;
}
.auth-slack input[type="checkbox"] {
  accent-color: #25d366;
}
.auth-slack .bg-paper-0, .auth-slack .bg-paper-50, .auth-slack .bg-paper-100, .auth-slack .bg-white {
  color: #ecedee !important;
  background-color: #ffffff0d !important;
}
.auth-slack .border-paper-100, .auth-slack .border-paper-200, .auth-slack .border-paper-300, .auth-slack .divide-paper-200 > * + * {
  border-color: #ffffff1f !important;
}
.auth-slack .hover\:bg-paper-50:hover, .auth-slack .hover\:bg-paper-100:hover {
  background-color: #ffffff17 !important;
}
.auth-slack button.bg-wa-deep, .auth-slack a.bg-wa-deep, .auth-slack .bg-wa-deep[type="submit"] {
  box-shadow: 0 10px 24px -10px #25d366a6;
  color: #062611 !important;
  background: #25d366 !important;
  border-color: #0000 !important;
}
.auth-slack button.bg-wa-deep:hover, .auth-slack a.bg-wa-deep:hover, .auth-slack .hover\:bg-wa-teal:hover {
  color: #062611 !important;
  background: #2fc46a !important;
}
.auth-slack [class*="border"][class*="rounded"] > svg + span, .auth-slack .auth-social-btn {
  color: inherit;
}
.auth-slack .bg-accent-coral\/10 {
  background: #e01e5a24 !important;
  border-color: #ff8c7c66 !important;
}
.auth-slack .text-\[\#A1431F\] {
  color: #ff9d8a !important;
}
.auth-slack .bg-wa-mint {
  color: #4be389 !important;
  background: #25d36621 !important;
  border-color: #4be38959 !important;
}
.auth-slack .bg-wa-mint .text-wa-deep, .auth-slack .bg-wa-mint.text-wa-deep {
  color: #4be389 !important;
}
.auth-slack .bg-paper-200 {
  background-color: #ffffff1f !important;
}
.auth-slack .g-recaptcha {
  filter: brightness(.92);
  border-radius: 8px;
  overflow: hidden;
}
body:has(.auth-slack) #wa-cookie-bar, body:has(.auth-slack) [data-cookie-modal] > div {
  color: #ecedee !important;
  background: #24201df7 !important;
  border-color: #ffffff1f !important;
}
body:has(.auth-slack) :is(#wa-cookie-bar, [data-cookie-modal]) .border-paper-200 {
  border-color: #ffffff1f !important;
}
body:has(.auth-slack) [data-cookie-modal] .font-serif {
  font-weight: 800;
  font-family: inherit !important;
}
body:has(.auth-slack) :is(#wa-cookie-bar, [data-cookie-modal]) :is(.text-ink-700, .text-ink-600, .text-ink-500) {
  color: #fff9 !important;
}
body:has(.auth-slack) :is(#wa-cookie-bar, [data-cookie-modal]) .text-wa-deep {
  color: #4be389 !important;
}
body:has(.auth-slack) :is(#wa-cookie-bar, [data-cookie-modal]) button.bg-paper-0 {
  color: #ecedee !important;
  background: #ffffff0d !important;
  border-color: #ffffff24 !important;
}
body:has(.auth-slack) :is(#wa-cookie-bar, [data-cookie-modal]) button.bg-paper-0:hover {
  background: #ffffff1a !important;
}
body:has(.auth-slack) :is(#wa-cookie-bar, [data-cookie-modal]) button.bg-wa-deep {
  color: #062611 !important;
  background: #25d366 !important;
}
body:has(.auth-slack) :is(#wa-cookie-bar, [data-cookie-modal]) button.bg-wa-deep:hover {
  background: #2fc46a !important;
}
body:has(.auth-slack) [data-cookie-modal] button.border-wa-deep {
  color: #4be389 !important;
  background: none !important;
  border-color: #2fc46a !important;
}
body:has(.auth-slack) [data-cookie-modal] button.border-wa-deep:hover {
  background: #2fc46a1f !important;
}
body:has(.auth-slack) [data-cookie-modal] span.bg-paper-200 {
  background: #ffffff29 !important;
}
body:has(.auth-slack) [data-cookie-modal] span.bg-wa-deep, body:has(.auth-slack) [data-cookie-modal] .peer:checked ~ .peer-checked\:bg-wa-deep {
  background: #25d366 !important;
}
body:has(.auth-slack) [data-cookie-modal] span.bg-paper-0 {
  background: #fff !important;
}
body:has(.auth-slack) [data-cookie-modal] .bg-paper-50\/40 {
  background: #ffffff0a !important;
}
html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] {
  --ti-fg: 255, 255, 255;
  --ti-ink: #ecedee;
  --ti-ring: #0f1113;
  --ti-panel: #181b1e;
  --ti-panel-strong: #20242a;
  --ti-line: #ffffff12;
  --ti-muted: #ffffff75;
  --ti-blue: #2fc46a;
  --ti-green: #4be389;
  --shell-fg: 255, 255, 255;
  --shell-ink: #ecedee;
  --shell-ring: #0f1113;
  --shell-rail-bg: #00000024;
  --shell-accent: #2fc46a;
  --shell-dot: #f0554e;
  color: var(--ti-ink);
  background: var(--ti-ring);
  margin: 0;
  font-family: Figtree, Plus Jakarta Sans, system-ui, sans-serif;
  overflow: hidden;
}
html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] #ti-frame {
  width: 100vw;
  height: 100dvh;
  color: var(--ti-ink);
  background: none;
  grid-template-rows: 70px minmax(0, 1fr);
  grid-template-columns: 76px 312px minmax(0, 1fr) 312px;
  display: grid;
  overflow: hidden;
  border: 0 !important;
}
html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] #ti-frame > .ti-col {
  min-width: 0;
  height: auto;
  min-height: 0;
}
html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] #ti-frame .bg-paper-0 {
  background-color: #181b1e !important;
}
html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] #ti-frame .bg-paper-0\/15 {
  background-color: #ffffff26 !important;
}
html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] #ti-frame .bg-paper-0\/25 {
  background-color: #ffffff40 !important;
}
html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] #ti-frame .bg-paper-50, html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] #ti-frame .bg-paper-50\/40, html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] #ti-frame .bg-paper-50\/50 {
  background-color: #ffffff09 !important;
}
html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] #ti-frame .bg-paper-100 {
  background-color: #ffffff13 !important;
}
html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] #ti-frame .bg-paper-100\/90, html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] #ti-frame .bg-paper-100\/80 {
  color: #f4f1ecb8 !important;
  background-color: #ffffff17 !important;
}
html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] #ti-frame .border-paper-100, html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] #ti-frame .border-paper-200, html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] #ti-frame .border-paper-300 {
  border-color: var(--ti-line) !important;
}
html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] #ti-frame .text-ink-900 {
  color: #ecedee !important;
}
html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] #ti-frame .text-ink-700, html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] #ti-frame .text-ink-600 {
  color: #ffffffb8 !important;
}
html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] #ti-frame .text-ink-500 {
  color: #ffffff75 !important;
}
html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] #ti-frame .text-ink-400 {
  color: #ffffff57 !important;
}
html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] #ti-frame .text-wa-deep {
  color: #8fe3b4 !important;
}
html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] #ti-frame .font-serif {
  font-family: inherit !important;
}
html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] #ti-frame input, html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] #ti-frame textarea, html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] #ti-frame select {
  color: var(--ti-ink);
  background: #ffffff0a !important;
  border-color: #ffffff1a !important;
}
html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] #ti-frame input::placeholder, html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] #ti-frame textarea::placeholder {
  color: #ffffff61;
}
html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] #ti-frame option {
  color: #0f1113;
  background: #ecedee;
}
html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] .ti-rail-omni {
  border-right: 1px solid var(--ti-line);
  z-index: 42;
  background: #00000024;
  grid-area: 1 / 1 / -1;
  padding: 0;
  display: block;
  position: relative;
  overflow: visible;
}
html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] .ti-rail-omni > .shell-rail {
  border: 0;
  width: 76px;
  height: 100%;
  padding: 16px 0 14px;
  overflow: hidden;
}
html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] .ti-inbox-tools {
  z-index: 74;
  width: 280px;
  color: var(--ti-ink);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform-origin: 0;
  background: #221d1afa;
  border: 1px solid #ffffff1a;
  border-radius: 18px;
  flex-direction: column;
  gap: 8px;
  padding: 14px;
  transition: opacity .16s, transform .16s, visibility .16s;
  display: flex;
  position: fixed;
  inset: 14px auto 14px 88px;
  overflow-y: auto;
  transform: translateX(-12px) scale(.98);
  box-shadow: 0 24px 70px #0000007a;
}
html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] .ti-inbox-tools.open {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: none;
}
html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] .ti-inbox-tools-head {
  border-bottom: 1px solid var(--ti-line);
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding: 2px 2px 12px;
  display: flex;
}
html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] .ti-inbox-tools-head h2 {
  font-size: 17px;
  font-weight: 750;
}
html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] .ti-inbox-tools-head button {
  color: #ffffffa6;
  background: #ffffff0d;
  border-radius: 10px;
  width: 32px;
  height: 32px;
}
html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] .ti-inbox-tools .ti-rl-channels {
  grid-template-columns: repeat(5, 40px);
  justify-content: start;
  gap: 7px;
  display: grid;
}
html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] .ti-inbox-tools .ti-rl-div {
  width: 100%;
  margin: 4px 0;
}
html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] .ti-inbox-tools .ti-rl-nav {
  flex: none;
  grid-template-columns: repeat(5, 40px);
  place-content: start;
  display: grid;
  overflow: visible;
}
html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] .ti-inbox-tools .ti-rl-sp {
  display: none;
}
html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] .ti-inbox-tools-backdrop {
  z-index: 73;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  background: #0000006b;
  border: 0;
  transition: all .16s;
  display: block;
  position: fixed;
  inset: 0;
}
html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] .ti-inbox-tools-backdrop.open {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] .ti-queue {
  flex-direction: column;
  grid-area: 1 / 2 / -1;
  min-height: 0;
  display: flex;
  overflow: hidden;
  border-right: 1px solid var(--ti-line) !important;
  background: none !important;
}
html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] .ti-queue > * {
  flex: none;
}
html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] .ti-queue > #queue-scroll {
  flex: 1 1 0 !important;
  min-height: 0 !important;
  overflow-y: auto !important;
}
html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] .ti-slack-workspace {
  border-bottom: 1px solid var(--ti-line);
  background: #18171b57;
  flex-direction: column;
  flex: none;
  justify-content: center;
  height: 70px;
  display: flex;
  padding: 0 14px !important;
}
html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] .ti-slack-profile {
  border-bottom: 1px solid #ffffff0f;
  align-items: center;
  gap: 11px;
  padding: 5px 6px 13px;
  display: flex;
}
html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] .ti-slack-profile-avatar {
  color: #fff;
  background: linear-gradient(135deg, #e1306c, #f77737);
  border-radius: 12px;
  flex: none;
  place-items: center;
  width: 40px;
  height: 40px;
  font-size: 14px;
  font-weight: 800;
  display: grid;
}
html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] .ti-slack-profile strong, html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] .ti-slack-profile small {
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  overflow: hidden;
}
html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] .ti-slack-profile strong {
  font-size: 14.5px;
  line-height: 1.2;
}
html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] .ti-slack-profile small {
  color: var(--ti-muted);
  margin-top: 3px;
  font-size: 11px;
}
html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] .ti-slack-profile > form {
  margin-left: auto;
}
html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] .ti-slack-profile > a, html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] .ti-slack-profile > form button {
  cursor: pointer;
  color: #ffffff73;
  background: none;
  border: 0;
  border-radius: 10px;
  place-items: center;
  width: 34px;
  height: 34px;
  margin-left: auto;
  display: grid;
}
html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] .ti-slack-profile > a:hover, html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] .ti-slack-profile > form button:hover {
  color: #fff;
  background: #ffffff0f;
}
html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] .ti-slack-profile svg {
  width: 17px;
  height: 17px;
}
html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] .ti-slack-upgrade {
  color: #ffffffe6;
  background: #ffffff06;
  border: 1px solid #ffffff1f;
  border-radius: 11px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  height: 40px;
  margin: 10px 0 8px;
  font-size: 12px;
  font-weight: 700;
  text-decoration: none;
  display: flex;
}
html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] .ti-slack-upgrade:hover {
  background: #fff1;
}
html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] .ti-slack-upgrade svg {
  color: #ffc46b;
  width: 15px;
  height: 15px;
}
html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] .ti-slack-eyebrow {
  color: #ffffff57;
  letter-spacing: .08em;
  text-transform: uppercase;
  padding: 4px 10px 3px;
  font-size: 10px;
  font-weight: 800;
}
html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] .ti-slack-menu {
  flex-direction: column;
  gap: 2px;
  display: flex;
}
html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] .ti-slack-menu a, html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] .ti-slack-menu button {
  color: #ffffffb3;
  text-align: left;
  background: none;
  border: 0;
  border-radius: 10px;
  align-items: center;
  gap: 11px;
  width: 100%;
  min-height: 34px;
  padding: 7px 10px;
  font: 500 12.5px / 1.2 inherit;
  text-decoration: none;
  display: flex;
}
html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] .ti-slack-menu a:hover, html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] .ti-slack-menu button:hover {
  color: #fff;
  background: #ffffff0d;
}
html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] .ti-slack-menu svg {
  color: #ffffff7a;
  flex: none;
  width: 16px;
  height: 16px;
}
html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] .ti-slack-menu #ti-tools-toggle {
  color: #4be389;
}
html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] .ti-queue > .px-3.pt-3 {
  border-color: var(--ti-line) !important;
  background: #0000000a !important;
  padding: 12px 12px 10px !important;
}
html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] .ti-queue > .px-3.pt-3 h1 {
  letter-spacing: -.01em;
  font-weight: 800;
  font-size: 16px !important;
}
html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] .ti-queue #search {
  border-radius: 10px;
  height: 38px;
  background: #ffffff0b !important;
}
html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] .ti-queue .ti-seg {
  background: #ffffff0d;
  border-radius: 11px;
  padding: 3px;
}
html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] .ti-queue .ti-seg-thumb {
  box-shadow: none;
  background: #ecedee;
}
html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] .ti-queue .ti-seg button {
  color: #ffffff80;
}
html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] .ti-queue .ti-seg button.on {
  color: #1c1b22;
}
html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] .ti-queue #archived-row {
  border-color: var(--ti-line) !important;
}
html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] .ti-queue #conv-list {
  scrollbar-width: thin;
  scrollbar-color: #ffffff1f transparent;
}
html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] .ti-queue .conv-row {
  width: calc(100% - 16px);
  color: var(--ti-ink);
  border-radius: 12px;
  margin: 0 8px;
  transition: background .14s;
  border: 0 !important;
  padding: 10px !important;
}
html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] .ti-queue .conv-row:hover {
  background: #ffffff0a !important;
}
html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] .ti-queue .conv-row.bg-paper-100 {
  box-shadow: inset 3px 0 0 var(--ti-blue);
  background: #25d36624 !important;
}
html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] .ti-queue .conv-row .bg-paper-100 {
  background: #ffffff1a !important;
}
html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] .ti-queue .ti-chbadge {
  border-color: var(--ti-ring);
}
html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] .ti-queue .skeleton, html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] .ti-thread .skeleton {
  background: #ffffff12 !important;
}
html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] #ti-frame > .shell-topbar {
  border-bottom: 1px solid #ffffff0f;
  grid-area: 1 / 3 / auto / 5;
  min-width: 0;
  height: 70px;
  padding: 14px 28px;
  background: #18171b57 !important;
}
html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] #ti-frame > .shell-topbar .shell-title {
  display: none;
}
html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] #ti-frame > .shell-topbar .topsearch {
  max-width: 520px;
  margin-left: auto;
}
html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] .ti-thread {
  grid-area: 2 / 3;
  background: #18171b2b !important;
}
html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] .ti-thread #th-header {
  background: #00000009;
  min-height: 76px;
  border-color: var(--ti-line) !important;
  padding: 13px 22px !important;
}
html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] .ti-thread #th-name {
  font-weight: 750;
  font-size: 16px !important;
}
html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] .ti-thread #th-avatar {
  border-radius: 50%;
  width: 44px;
  height: 44px;
}
html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] .ti-thread #th-header button, html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] .ti-thread #th-header a {
  color: #ffffffa6;
  background: #ffffff0b;
  border-color: #ffffff17 !important;
}
html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] .ti-thread #assign-btn {
  color: #8fe3b4 !important;
  background: #4be3891f !important;
  border-color: #4be38940 !important;
}
html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] .ti-thread #th-shortcuts {
  background: #ffffff05 !important;
  padding: 8px 18px !important;
}
html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] .ti-thread #thread {
  color: var(--ti-ink);
  background-color: #0000 !important;
  background-image: radial-gradient(60% 40% at 90% 0, #25d3660e, #0000 60%) !important;
  padding: 20px 26px 12px !important;
}
html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] .ti-thread .bubble-in {
  border-radius: 16px 16px 16px 5px;
  color: #ecedee !important;
  background: #fff1 !important;
  border-color: #ffffff14 !important;
}
html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] .ti-thread .bubble-out {
  border-radius: 16px 16px 5px;
  color: #fff !important;
  background: #219f58 !important;
  border-color: #4be3896b !important;
}
html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] .ti-thread .bubble-note {
  color: #ffe7b6 !important;
  background: #e5a04e29 !important;
  border-color: #e5a04e52 !important;
}
html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] .ti-thread #composer-wrap {
  border-color: var(--ti-line) !important;
  background: #181513db !important;
}
html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] .ti-thread #composer-rich, html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] .ti-thread [contenteditable="true"] {
  color: var(--ti-ink) !important;
}
html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] .ti-thread #send-btn {
  box-shadow: 0 8px 20px -10px #25d366bf;
  color: #fff !important;
  background: #21aa62 !important;
}
html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] .ti-contact {
  z-index: 1;
  width: auto;
  min-width: 0;
  color: var(--ti-ink);
  box-shadow: none;
  grid-area: 2 / 4;
  position: relative;
  inset: auto;
  border-left: 1px solid var(--ti-line) !important;
  background: #1815148a !important;
}
html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] #ti-frame:not(.no-contact) .ti-contact {
  display: flex !important;
}
html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] #ti-frame.no-contact .ti-contact {
  display: none !important;
}
html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] .ti-contact > .bg-paper-0, html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] .ti-contact > div {
  background: none !important;
}
html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] .ti-contact #ct-avatar {
  color: #14161a;
  width: 64px;
  height: 64px;
  font-size: 20px;
  background: #e08a7c !important;
}
html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] .ti-contact #ct-name {
  font-weight: 800;
  font-size: 19px !important;
}
html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] .ti-contact section, html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] .ti-contact .border-b {
  border-color: var(--ti-line) !important;
}
html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] .ti-contact .rounded-xl, html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] .ti-contact .rounded-lg {
  background: #ffffff09 !important;
  border-color: #ffffff17 !important;
}
html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] #ti-frame .menu {
  color: var(--ti-ink);
  background: #27221f !important;
  border-color: #ffffff1a !important;
  box-shadow: 0 18px 50px #0000006b !important;
}
html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] #ti-frame .menu button {
  color: #fffc;
}
html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] #ti-frame .menu button:hover {
  background: #ffffff0f;
}
html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] #ti-frame ::-webkit-scrollbar {
  width: 7px;
  height: 7px;
}
html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] #ti-frame ::-webkit-scrollbar-thumb {
  background: #ffffff1a;
  border-radius: 8px;
}
@media (max-width: 1279.98px) {
  html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] #ti-frame, html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] #ti-frame.no-contact, html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] #ti-frame.nav-collapsed, html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] #ti-frame.nav-collapsed.no-contact {
    grid-template-columns: 72px 334px minmax(0, 1fr) 0;
  }

  html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] .ti-rail-omni > .shell-rail {
    width: 72px;
  }

  html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] .ti-contact {
    z-index: 45;
    width: min(360px, 92vw);
    position: fixed;
    inset: 70px 0 0 auto;
    box-shadow: -16px 0 40px #00000059;
  }
}
@media (max-width: 1023.98px) {
  html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] #ti-frame, html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] #ti-frame.no-contact, html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] #ti-frame.nav-collapsed, html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] #ti-frame.nav-collapsed.no-contact {
    grid-template-rows: 64px minmax(0, 1fr);
    grid-template-columns: 320px minmax(0, 1fr) !important;
  }

  html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] .ti-rail-omni {
    display: none !important;
  }

  html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] .ti-queue {
    grid-area: 1 / 1 / 3;
    display: flex !important;
  }

  html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] #ti-frame > .shell-topbar {
    grid-area: 1 / 2;
    height: 64px;
    padding: 11px 16px;
  }

  html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] .ti-thread {
    grid-area: 2 / 2;
    display: flex !important;
  }

  html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] .ti-contact {
    inset: 64px 0 0 auto;
  }
}
@media (max-width: 767.98px) {
  html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] #ti-frame, html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] #ti-frame.no-contact, html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] #ti-frame.nav-collapsed, html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] #ti-frame.nav-collapsed.no-contact, html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] #ti-frame.mobile-thread-open, html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] #ti-frame.mobile-thread-open.no-contact {
    grid-template-rows: 58px minmax(0, 1fr);
    height: 100dvh;
    grid-template-columns: minmax(0, 1fr) !important;
  }

  html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] #ti-frame > .shell-topbar {
    grid-area: 1 / 1;
    height: 58px;
    padding: 8px 11px;
  }

  html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] #ti-frame > .shell-topbar .topsearch {
    height: 36px;
  }

  html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] #ti-frame > .shell-topbar .nav-ic .nic {
    display: none;
  }

  html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] #ti-frame > .shell-topbar .shell-avatar {
    width: 36px;
    height: 36px;
  }

  html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] .ti-queue, html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] .ti-thread {
    grid-area: 2 / 1;
    width: 100%;
  }

  html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] .ti-slack-workspace {
    padding: 8px 10px;
  }

  html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] .ti-slack-profile {
    padding-bottom: 8px;
  }

  html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] .ti-slack-upgrade, html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] .ti-slack-menu {
    display: none;
  }

  html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] .ti-frame > aside.ti-queue {
    display: flex !important;
  }

  html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] .ti-frame > main.ti-thread, html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] .ti-frame.mobile-thread-open > aside.ti-queue {
    display: none !important;
  }

  html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] .ti-frame.mobile-thread-open > main.ti-thread {
    display: flex !important;
  }

  html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] .ti-contact {
    z-index: 45;
    width: 100vw;
    height: calc(100dvh - 58px);
    position: fixed;
    inset: 58px 0 0;
  }
}
html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) body[data-page="user-team-inbox-index"] #thread .bg-wa-bubble {
  color: #f3fbf6 !important;
  background: #17663c !important;
  border-color: #4be38957 !important;
}
html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) body[data-page="user-team-inbox-index"] #thread .bg-paper-0 {
  color: #ecedee !important;
  background: #fff1 !important;
  border-color: #ffffff1a !important;
}
html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) body[data-page="user-team-inbox-index"] #thread .bg-wa-bubble *, html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) body[data-page="user-team-inbox-index"] #thread .bg-paper-0 * {
  color: inherit !important;
}
html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) body[data-page="user-team-inbox-index"] #thread .bg-wa-bubble a, html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) body[data-page="user-team-inbox-index"] #thread .bg-paper-0 a {
  text-decoration: underline;
  color: #8ce8ad !important;
}
html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) body[data-page="user-team-inbox-index"] #thread .text-ink-500 {
  color: #f4f1ec8c !important;
}
html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) body[data-page="user-team-inbox-index"] #thread .bg-wa-bubble .bg-paper-50, html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) body[data-page="user-team-inbox-index"] #thread .bg-wa-bubble .bg-paper-100, html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) body[data-page="user-team-inbox-index"] #thread .bg-paper-0 .bg-paper-50, html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) body[data-page="user-team-inbox-index"] #thread .bg-paper-0 .bg-paper-100 {
  background: #00000038 !important;
  border-color: #ffffff1a !important;
}
html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] .ti-slack-upgrade {
  display: none !important;
}
html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] .ti-slack-workspace {
  padding: 0 12px !important;
}
html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] .ti-slack-profile {
  padding-bottom: 8px !important;
}
html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] .ti-slack-profile-avatar {
  width: 34px !important;
  height: 34px !important;
}
html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] .ti-slack-eyebrow {
  margin: 6px 0 2px !important;
}
html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] .ti-slack-menu a, html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] .ti-slack-menu button {
  min-height: 29px !important;
  padding-top: 3px !important;
  padding-bottom: 3px !important;
  font-size: 13.5px !important;
}
html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] .ti-queue > .px-3.pt-3 {
  padding: 8px 12px 6px !important;
}
html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] .ti-queue #search {
  height: 34px !important;
}
html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] .ti-queue > #conv-list {
  min-height: 300px !important;
}
html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] .ti-slack-eyebrow, html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] .ti-slack-menu {
  display: none !important;
}
html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] .ti-queue .ti-seg-thumb {
  color: #1d2321 !important;
}
html[data-user-shell="slack"][data-shell-theme="light"] body[data-page="user-team-inbox-index"] #thread .bg-wa-bubble, html[data-user-shell="slack"][data-shell-theme="light"] body[data-page="user-team-inbox-index"] .ti-thread .bubble-out {
  color: #1c1b22 !important;
  background: #d9fdd3 !important;
  border-color: #0e8b5047 !important;
}
html[data-user-shell="slack"][data-shell-theme="light"] body[data-page="user-team-inbox-index"] #thread .bg-paper-0 {
  color: #1c1b22 !important;
  background: #fff !important;
  border-color: #1c1b221a !important;
}
html[data-user-shell="slack"][data-shell-theme="light"] body[data-page="user-team-inbox-index"] #thread .bg-wa-bubble a, html[data-user-shell="slack"][data-shell-theme="light"] body[data-page="user-team-inbox-index"] #thread .bg-paper-0 a {
  color: #0e8b50 !important;
}
html[data-user-shell="slack"][data-shell-theme="light"] body[data-page="user-team-inbox-index"] .ti-thread .bubble-note {
  color: #8a5a00 !important;
  background: #e5a04e2e !important;
  border-color: #b0730a59 !important;
}
html[data-user-shell="slack"][data-shell-theme="light"] body[data-page="user-team-inbox-index"] {
  --ti-fg: 28, 27, 34;
  --ti-ink: #161a1c;
  --ti-ring: #eef1ef;
  --ti-panel: #fff;
  --ti-panel-strong: #f2f5f3;
  --ti-line: #ffffff6b;
  --ti-muted: #fffffff5;
  --ti-blue: #128c4a;
  --ti-green: #0e8b50;
  --shell-fg: 28, 27, 34;
  --shell-ink: #161a1c;
  --shell-ring: #eef1ef;
  --shell-rail-bg: #ffffff59;
  --shell-accent: #128c4a;
}
html[data-user-shell="slack"][data-shell-theme="light"] body[data-page="user-team-inbox-index"] #ti-frame .bg-paper-0 {
  background-color: #fff !important;
}
html[data-user-shell="slack"][data-shell-theme="light"] body[data-page="user-team-inbox-index"] #ti-frame .bg-paper-0\/15 {
  background-color: #ffffff63 !important;
}
html[data-user-shell="slack"][data-shell-theme="light"] body[data-page="user-team-inbox-index"] #ti-frame .bg-paper-0\/25 {
  background-color: #ffffff73 !important;
}
html[data-user-shell="slack"][data-shell-theme="light"] body[data-page="user-team-inbox-index"] #ti-frame .bg-paper-50, html[data-user-shell="slack"][data-shell-theme="light"] body[data-page="user-team-inbox-index"] #ti-frame .bg-paper-50\/40, html[data-user-shell="slack"][data-shell-theme="light"] body[data-page="user-team-inbox-index"] #ti-frame .bg-paper-50\/50 {
  background-color: #ffffff52 !important;
}
html[data-user-shell="slack"][data-shell-theme="light"] body[data-page="user-team-inbox-index"] #ti-frame .bg-paper-100 {
  background-color: #ffffff58 !important;
}
html[data-user-shell="slack"][data-shell-theme="light"] body[data-page="user-team-inbox-index"] #ti-frame .bg-paper-100\/90, html[data-user-shell="slack"][data-shell-theme="light"] body[data-page="user-team-inbox-index"] #ti-frame .bg-paper-100\/80 {
  background-color: #ffffff5a !important;
}
html[data-user-shell="slack"][data-shell-theme="light"] body[data-page="user-team-inbox-index"] #ti-frame .text-ink-900 {
  color: #161a1c !important;
}
html[data-user-shell="slack"][data-shell-theme="light"] body[data-page="user-team-inbox-index"] #ti-frame .text-ink-700, html[data-user-shell="slack"][data-shell-theme="light"] body[data-page="user-team-inbox-index"] #ti-frame .text-ink-600 {
  color: #1c1b22f2 !important;
}
html[data-user-shell="slack"][data-shell-theme="light"] body[data-page="user-team-inbox-index"] #ti-frame .text-ink-500 {
  color: #1c1b22b5 !important;
}
html[data-user-shell="slack"][data-shell-theme="light"] body[data-page="user-team-inbox-index"] #ti-frame .text-ink-400 {
  color: #1c1b2296 !important;
}
html[data-user-shell="slack"][data-shell-theme="light"] body[data-page="user-team-inbox-index"] #ti-frame .text-wa-deep {
  color: #0e8b50 !important;
}
html[data-user-shell="slack"][data-shell-theme="light"] body[data-page="user-team-inbox-index"] #ti-frame input, html[data-user-shell="slack"][data-shell-theme="light"] body[data-page="user-team-inbox-index"] #ti-frame textarea, html[data-user-shell="slack"][data-shell-theme="light"] body[data-page="user-team-inbox-index"] #ti-frame select {
  background: #ffffff53 !important;
  border-color: #1c1b221a !important;
}
html[data-user-shell="slack"][data-shell-theme="light"] body[data-page="user-team-inbox-index"] #ti-frame input::placeholder, html[data-user-shell="slack"][data-shell-theme="light"] body[data-page="user-team-inbox-index"] #ti-frame textarea::placeholder {
  color: #1c1b22a1;
}
html[data-user-shell="slack"][data-shell-theme="light"] body[data-page="user-team-inbox-index"] .ti-rail-omni {
  background: #ffffff59;
}
html[data-user-shell="slack"][data-shell-theme="light"] body[data-page="user-team-inbox-index"] .ti-inbox-tools {
  background: #fffffff5;
  border: 1px solid #1c1b221a;
}
html[data-user-shell="slack"][data-shell-theme="light"] body[data-page="user-team-inbox-index"] .ti-inbox-tools-head button {
  color: #1c1b22e6;
  background: #ffffff54;
}
html[data-user-shell="slack"][data-shell-theme="light"] body[data-page="user-team-inbox-index"] .ti-inbox-tools-backdrop {
  background: #ffffff72;
}
html[data-user-shell="slack"][data-shell-theme="light"] body[data-page="user-team-inbox-index"] .ti-slack-workspace {
  background: #ffffffa3;
}
html[data-user-shell="slack"][data-shell-theme="light"][data-shell-theme="light"] body[data-page="user-team-inbox-index"] .ti-slack-workspace {
  background: #ffffffae;
}
html[data-user-shell="slack"][data-shell-theme="light"] body[data-page="user-team-inbox-index"] .ti-slack-profile {
  border-bottom: 1px solid #1c1b2214;
}
html[data-user-shell="slack"][data-shell-theme="light"] body[data-page="user-team-inbox-index"] .ti-slack-profile-avatar {
  color: #1c1b22;
}
html[data-user-shell="slack"][data-shell-theme="light"] body[data-page="user-team-inbox-index"] .ti-slack-profile > a, html[data-user-shell="slack"][data-shell-theme="light"] body[data-page="user-team-inbox-index"] .ti-slack-profile > form button {
  color: #1c1b22b3;
}
html[data-user-shell="slack"][data-shell-theme="light"] body[data-page="user-team-inbox-index"] .ti-slack-profile > a:hover, html[data-user-shell="slack"][data-shell-theme="light"] body[data-page="user-team-inbox-index"] .ti-slack-profile > form button:hover {
  color: #1c1b22;
  background: #ffffff56;
}
html[data-user-shell="slack"][data-shell-theme="light"] body[data-page="user-team-inbox-index"] .ti-slack-upgrade {
  color: #1c1b22f2;
  background: #ffffff50;
  border: 1px solid #1c1b221f;
}
html[data-user-shell="slack"][data-shell-theme="light"] body[data-page="user-team-inbox-index"] .ti-slack-upgrade:hover {
  background: #ffffff56;
}
html[data-user-shell="slack"][data-shell-theme="light"] body[data-page="user-team-inbox-index"] .ti-slack-upgrade svg {
  color: #b0730a;
}
html[data-user-shell="slack"][data-shell-theme="light"] body[data-page="user-team-inbox-index"] .ti-slack-eyebrow {
  color: #1c1b2296;
}
html[data-user-shell="slack"][data-shell-theme="light"] body[data-page="user-team-inbox-index"] .ti-slack-menu a, html[data-user-shell="slack"][data-shell-theme="light"] body[data-page="user-team-inbox-index"] .ti-slack-menu button {
  color: #1c1b22f2;
}
html[data-user-shell="slack"][data-shell-theme="light"] body[data-page="user-team-inbox-index"] .ti-slack-menu a:hover, html[data-user-shell="slack"][data-shell-theme="light"] body[data-page="user-team-inbox-index"] .ti-slack-menu button:hover {
  color: #1c1b22;
  background: #ffffff54;
}
html[data-user-shell="slack"][data-shell-theme="light"] body[data-page="user-team-inbox-index"] .ti-slack-menu svg {
  color: #1c1b22ba;
}
html[data-user-shell="slack"][data-shell-theme="light"] body[data-page="user-team-inbox-index"] .ti-slack-menu #ti-tools-toggle {
  color: #0e8b50;
}
html[data-user-shell="slack"][data-shell-theme="light"] body[data-page="user-team-inbox-index"] .ti-queue > .px-3.pt-3 {
  background: #ffffff50 !important;
}
html[data-user-shell="slack"][data-shell-theme="light"] body[data-page="user-team-inbox-index"] .ti-queue #search {
  background: #ffffff53 !important;
}
html[data-user-shell="slack"][data-shell-theme="light"] body[data-page="user-team-inbox-index"] .ti-queue .ti-seg {
  background: #ffffff54;
}
html[data-user-shell="slack"][data-shell-theme="light"] body[data-page="user-team-inbox-index"] .ti-queue .ti-seg button {
  color: #1c1b22bf;
}
html[data-user-shell="slack"][data-shell-theme="light"] body[data-page="user-team-inbox-index"] .ti-queue .conv-row:hover {
  background: #ffffff53 !important;
}
html[data-user-shell="slack"][data-shell-theme="light"] body[data-page="user-team-inbox-index"] .ti-queue .conv-row .bg-paper-100 {
  background: #ffffff5c !important;
}
html[data-user-shell="slack"][data-shell-theme="light"] body[data-page="user-team-inbox-index"] .ti-queue .skeleton, html[data-user-shell="slack"][data-shell-theme="light"] body[data-page="user-team-inbox-index"] .ti-thread .skeleton {
  background: #ffffff57 !important;
}
html[data-user-shell="slack"][data-shell-theme="light"] body[data-page="user-team-inbox-index"] #ti-frame > .shell-topbar {
  border-bottom: 1px solid #1c1b2214;
  background: #ffffffa3 !important;
}
html[data-user-shell="slack"][data-shell-theme="light"] body[data-page="user-team-inbox-index"] .ti-thread {
  background: #ffffff78 !important;
}
html[data-user-shell="slack"][data-shell-theme="light"] body[data-page="user-team-inbox-index"] .ti-thread #th-header {
  background: #ffffff50;
}
html[data-user-shell="slack"][data-shell-theme="light"] body[data-page="user-team-inbox-index"] .ti-thread #th-header button, html[data-user-shell="slack"][data-shell-theme="light"] body[data-page="user-team-inbox-index"] .ti-thread #th-header a {
  color: #1c1b22e6;
  background: #ffffff53;
  border-color: #1c1b2217 !important;
}
html[data-user-shell="slack"][data-shell-theme="light"] body[data-page="user-team-inbox-index"] .ti-thread #assign-btn {
  color: #0e8b50 !important;
}
html[data-user-shell="slack"][data-shell-theme="light"] body[data-page="user-team-inbox-index"] .ti-thread #th-shortcuts {
  background: #ffffff4f !important;
}
html[data-user-shell="slack"][data-shell-theme="light"] body[data-page="user-team-inbox-index"] .ti-thread .bubble-in {
  color: #161a1c !important;
  background: #ffffff56 !important;
  border-color: #1c1b2214 !important;
}
html[data-user-shell="slack"][data-shell-theme="light"] body[data-page="user-team-inbox-index"] .ti-thread .bubble-out {
  color: #1c1b22 !important;
}
html[data-user-shell="slack"][data-shell-theme="light"] body[data-page="user-team-inbox-index"] .ti-thread .bubble-note {
  color: #8a5a00 !important;
}
html[data-user-shell="slack"][data-shell-theme="light"] body[data-page="user-team-inbox-index"] .ti-thread #composer-wrap {
  background: #fffffff5 !important;
}
html[data-user-shell="slack"][data-shell-theme="light"] body[data-page="user-team-inbox-index"] .ti-thread #send-btn {
  color: #1c1b22 !important;
}
html[data-user-shell="slack"][data-shell-theme="light"] body[data-page="user-team-inbox-index"] .ti-contact {
  background: #ffffffd6 !important;
}
html[data-user-shell="slack"][data-shell-theme="light"] body[data-page="user-team-inbox-index"] .ti-contact .rounded-xl, html[data-user-shell="slack"][data-shell-theme="light"] body[data-page="user-team-inbox-index"] .ti-contact .rounded-lg {
  background: #ffffff52 !important;
  border-color: #1c1b2217 !important;
}
html[data-user-shell="slack"][data-shell-theme="light"] body[data-page="user-team-inbox-index"] #ti-frame .menu {
  border-color: #1c1b221a !important;
}
html[data-user-shell="slack"][data-shell-theme="light"] body[data-page="user-team-inbox-index"] #ti-frame .menu button {
  color: #1c1b22f2;
}
html[data-user-shell="slack"][data-shell-theme="light"] body[data-page="user-team-inbox-index"] #ti-frame .menu button:hover {
  background: #ffffff56;
}
html[data-user-shell="slack"][data-shell-theme="light"] body[data-page="user-team-inbox-index"] #ti-frame ::-webkit-scrollbar-thumb {
  background: #ffffff5c;
}
html:is([data-theme="dark"], [data-user-shell="slack"][data-shell-theme="light"]:not([data-shell-theme="light"])) body[data-page="user-team-inbox-index"] #thread .bg-wa-bubble {
  color: #1c1b22 !important;
}
html:is([data-theme="dark"], [data-user-shell="slack"][data-shell-theme="light"]:not([data-shell-theme="light"])) body[data-page="user-team-inbox-index"] #thread .bg-paper-0 {
  color: #161a1c !important;
  background: #ffffff56 !important;
  border-color: #1c1b221a !important;
}
html:is([data-theme="dark"], [data-user-shell="slack"][data-shell-theme="light"]:not([data-shell-theme="light"])) body[data-page="user-team-inbox-index"] #thread .bg-wa-bubble a, html:is([data-theme="dark"], [data-user-shell="slack"][data-shell-theme="light"]:not([data-shell-theme="light"])) body[data-page="user-team-inbox-index"] #thread .bg-paper-0 a {
  color: #0e8b50 !important;
}
html:is([data-theme="dark"], [data-user-shell="slack"][data-shell-theme="light"]:not([data-shell-theme="light"])) body[data-page="user-team-inbox-index"] #thread .bg-wa-bubble .bg-paper-50, html:is([data-theme="dark"], [data-user-shell="slack"][data-shell-theme="light"]:not([data-shell-theme="light"])) body[data-page="user-team-inbox-index"] #thread .bg-wa-bubble .bg-paper-100, html:is([data-theme="dark"], [data-user-shell="slack"][data-shell-theme="light"]:not([data-shell-theme="light"])) body[data-page="user-team-inbox-index"] #thread .bg-paper-0 .bg-paper-50, html:is([data-theme="dark"], [data-user-shell="slack"][data-shell-theme="light"]:not([data-shell-theme="light"])) body[data-page="user-team-inbox-index"] #thread .bg-paper-0 .bg-paper-100 {
  background: #ffffff60 !important;
  border-color: #1c1b221a !important;
}
html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] {
  color: var(--t1);
  background: var(--frame) !important;
}
html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] #ti-frame {
  background: var(--frame);
  padding: 0 var(--gap) var(--gap) 0;
  grid-template-rows: 44px minmax(0, 1fr);
  grid-template-columns: 72px clamp(272px, 23vw, 336px) minmax(0, 1fr) clamp(272px, 22vw, 312px);
}
html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] #ti-frame.no-contact, html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] #ti-frame.nav-collapsed.no-contact {
  grid-template-columns: 72px clamp(272px, 23vw, 336px) minmax(0, 1fr) 0;
}
html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] #ti-frame > .mt-top {
  border: 0;
  grid-area: 1 / 1 / auto / -1;
  height: 44px;
  padding: 0 12px 0 72px;
  background: var(--frame) !important;
}
html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] .ti-rail-omni {
  background: var(--frame);
  border-right: 0;
  grid-area: 2 / 1;
}
html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] .ti-rail-omni > .mt-rail {
  width: 72px;
  height: 100%;
}
html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] .ti-queue {
  border-radius: var(--r) 0 0 var(--r);
  grid-area: 2 / 2;
  background: var(--panel) !important;
  border: 1px solid var(--line) !important;
  border-right-color: var(--line) !important;
}
html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] .ti-thread {
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
  grid-area: 2 / 3;
  background: var(--panel) !important;
}
html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] #ti-frame.no-contact .ti-thread {
  border-right: 1px solid var(--line);
  border-radius: 0 var(--r) var(--r) 0;
}
html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] .ti-contact {
  border-radius: 0 var(--r) var(--r) 0;
  grid-area: 2 / 4;
  background: var(--panel) !important;
  border: 1px solid var(--line) !important;
  border-left: 1px solid var(--line) !important;
}
html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] .ti-slack-workspace {
  background: none;
  border-bottom: 0;
  height: auto;
  display: block;
  padding: 10px 8px 6px 14px !important;
}
html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] .ti-slack-profile .ws-switch-av {
  display: none;
}
html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] .ti-slack-profile .ws-switch-name {
  letter-spacing: -.01em;
  color: var(--t1);
  font-size: 18px;
  font-weight: 700;
}
html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] .ti-queue #search {
  height: 32px;
  color: var(--t1);
  border-radius: 8px;
  font-size: 13.5px;
  border: 1px solid var(--line) !important;
  background: var(--panel) !important;
}
html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] .ti-queue .ti-seg {
  background: none;
  border: 0;
  gap: 6px;
  padding: 0;
}
html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] .ti-queue .ti-seg button {
  border: 1px solid var(--line2);
  height: 26px;
  color: var(--t2);
  background: none;
  border-radius: 999px;
  padding: 0 10px;
  font-size: 12.5px;
  font-weight: 600;
}
html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] .ti-queue .ti-seg button.on {
  background: var(--side-sel);
  border-color: var(--acc);
  color: var(--t1);
}
html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] .ti-queue .ti-seg-thumb {
  display: none;
}
html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] .ti-queue select {
  border-radius: 8px;
  font-size: 13px;
  border: 1px solid var(--line) !important;
  background: var(--panel2) !important;
  color: var(--t1) !important;
}
html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] #th-header {
  height: 52px;
  border-bottom: 1px solid var(--line) !important;
  background: var(--panel) !important;
  min-height: 52px !important;
  padding: 0 12px 0 14px !important;
}
html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] #th-header #th-name {
  color: var(--t1) !important;
  font-size: 17px !important;
  font-weight: 700 !important;
}
html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] #th-header button, html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] #th-header a {
  border-color: var(--line2) !important;
  color: var(--t2) !important;
  background: none !important;
  border-radius: 6px !important;
}
html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] #th-header button:hover, html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] #th-header a:hover {
  background: var(--hover) !important;
  color: var(--t1) !important;
}
html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] #th-shortcuts {
  border-bottom: 1px solid var(--line) !important;
  background: var(--panel) !important;
  padding: 6px 14px !important;
}
html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] #th-shortcuts button {
  height: 26px;
  border: 1px solid var(--line2) !important;
  color: var(--t2) !important;
  background: none !important;
  border-radius: 999px !important;
  font-size: 12.5px !important;
  font-weight: 500 !important;
}
html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] #th-shortcuts button:hover {
  background: var(--hover) !important;
  color: var(--t1) !important;
}
html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] .ti-thread #thread {
  background: var(--panel) !important;
  background-image: none !important;
  padding: 10px 12px 6px !important;
}
html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] .ti-thread .bubble-in, html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] #thread .bg-paper-0 {
  border-radius: 12px 12px 12px 4px;
  font-size: 14.5px;
  line-height: 1.45;
  border: 1px solid var(--line2) !important;
  color: var(--t1) !important;
  background: none !important;
}
html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] .ti-thread .bubble-out, html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] #thread .bg-wa-bubble {
  border-radius: 12px 12px 4px;
  font-size: 14.5px;
  line-height: 1.45;
  color: var(--t1) !important;
  background: #25d3661a !important;
  border: 1px solid #25d36647 !important;
}
html[data-user-shell="slack"][data-shell-theme="light"] body[data-page="user-team-inbox-index"] .ti-thread .bubble-out, html[data-user-shell="slack"][data-shell-theme="light"] body[data-page="user-team-inbox-index"] #thread .bg-wa-bubble {
  background: #128c4a14 !important;
  border-color: #128c4a4d !important;
}
html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] #thread .bg-paper-100\/90, html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] #thread .bg-paper-100\/80 {
  border-radius: 999px;
  font-size: 12px;
  font-weight: 600;
  border: 1px solid var(--line) !important;
  color: var(--t2) !important;
  background: none !important;
}
html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] #composer-wrap {
  overflow: hidden;
  border: 1px solid var(--line2) !important;
  background: var(--panel) !important;
  border-radius: 8px !important;
  margin: 6px 16px 14px !important;
}
html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] #composer-wrap .ti-tab {
  height: 34px;
  color: var(--t3) !important;
  background: none !important;
  border: 0 !important;
  border-bottom: 2px solid #0000 !important;
  border-radius: 0 !important;
  font-size: 13px !important;
  font-weight: 600 !important;
}
html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] #composer-wrap .ti-tab.on, html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] #composer-wrap .ti-tab[aria-selected="true"] {
  color: var(--t1) !important;
  border-bottom-color: var(--acc) !important;
}
html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] #composer-wrap textarea, html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] #composer-wrap input[type="text"] {
  box-shadow: none !important;
  color: var(--t1) !important;
  background: none !important;
  border: 0 !important;
  font-size: 15px !important;
}
html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] #send-btn {
  background: var(--green) !important;
  color: #fff !important;
  border: 0 !important;
  border-radius: 6px !important;
  height: 28px !important;
  padding: 0 14px !important;
  font-weight: 600 !important;
}
html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] #send-btn:hover {
  filter: brightness(1.1);
}
html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] #composer-wrap button:not(#send-btn):not(.ti-tab) {
  color: var(--t3);
}
html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] #composer-wrap button:not(#send-btn):not(.ti-tab):hover {
  background: var(--hover) !important;
  color: var(--t1) !important;
}
html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] #composer-wrap [class*="suggestion"], html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] #composer-wrap [id*="ai-suggest"] {
  background: var(--panel2) !important;
  border-color: var(--line) !important;
}
html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] .ti-contact [class*="border-paper"] {
  border-color: var(--line) !important;
}
html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] .ti-contact #ct-name {
  color: var(--t1) !important;
  font-size: 17px !important;
  font-weight: 700 !important;
}
html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] #conv-list [class*="rounded-xl"][class*="w-1"], html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] #th-header [class*="rounded"][class*="w-9"], html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] #th-header [class*="rounded"][class*="w-10"], html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] .ti-contact [class*="rounded"][class*="w-16"] {
  border-radius: 50% !important;
}
html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] #conv-list > * {
  border-radius: 8px;
}
html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] #conv-list .bg-wa-deep, html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] #conv-list [class*="bg-wa-green"] {
  background: var(--badge) !important;
  color: var(--badge-t) !important;
}
html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] .mint-ttabs {
  border-bottom: 1px solid var(--line);
  background: var(--panel);
  flex: none;
  align-items: stretch;
  gap: 2px;
  height: 38px;
  padding: 0 12px;
  display: flex;
}
html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] .mint-ttabs button {
  color: var(--t3);
  cursor: pointer;
  background: none;
  border: 0;
  border-bottom: 2px solid #0000;
  align-items: center;
  gap: 6px;
  padding: 0 8px;
  font-size: 13.5px;
  font-weight: 600;
  display: flex;
}
html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] .mint-ttabs button:hover {
  color: var(--t1);
}
html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] .mint-ttabs button.on {
  color: var(--t1);
  border-bottom-color: var(--acc);
}
html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] .mint-ttabs button svg {
  stroke-width: 1.75px;
  width: 15px;
  height: 15px;
}
html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] .ti-queue select {
  border-radius: 6px !important;
  height: 28px !important;
  padding: 0 8px !important;
  font-size: 12.5px !important;
}
html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] #compose-new-btn {
  background: var(--side-sel) !important;
  color: var(--acc-t) !important;
}
html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] .conv-group {
  color: var(--t3);
  padding: 10px 10px 4px;
  font-size: 12.5px;
  font-weight: 600;
}
html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] .ti-rail-omni {
  width: 72px;
  overflow: hidden !important;
}
html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] .ti-rail-omni > .mt-rail {
  scrollbar-width: none;
  overflow-y: auto;
}
html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] .ti-rail-omni > .mt-rail::-webkit-scrollbar {
  display: none;
}
html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] .mint-bub {
  font-size: 14.5px;
  line-height: 1.45;
  color: var(--t1) !important;
}
html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] .mint-bub, html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] .mint-bub * {
  color: var(--t1);
}
html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] .mint-in {
  border: 1px solid var(--line2) !important;
  background: none !important;
  border-radius: 12px 12px 12px 4px !important;
}
html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] .mint-out {
  background: #25d3661a !important;
  border: 1px solid #25d36647 !important;
  border-radius: 12px 12px 4px !important;
}
html[data-user-shell="slack"][data-shell-theme="light"] body[data-page="user-team-inbox-index"] .mint-out {
  background: #128c4a14 !important;
  border-color: #128c4a4d !important;
}
html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] .mint-tplbtn {
  background: none;
  border: 1px solid #25d3664d;
  margin-top: 4px;
  color: var(--acc-t) !important;
}
html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] .mint-tplbtn:hover {
  background: #25d3661f;
}
html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] .mint-hidden {
  display: none !important;
}
html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] .mint-quick {
  gap: 6px;
  padding: 8px 16px 0;
  display: flex;
}
html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] .mint-quick button {
  border: 1px solid var(--line2);
  height: 26px;
  color: var(--t2);
  cursor: pointer;
  white-space: nowrap;
  background: none;
  border-radius: 999px;
  align-items: center;
  gap: 6px;
  padding: 0 10px;
  font-size: 12.5px;
  font-weight: 500;
  display: flex;
}
html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] .mint-quick button:hover {
  background: var(--hover);
  color: var(--t1);
}
html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] #ti-aibar[data-state="idle"] {
  display: none;
}
html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] .mint-act {
  width: 26px;
  height: 26px;
  color: var(--t3);
  cursor: pointer;
  background: none;
  border: 0;
  border-radius: 4px;
  place-items: center;
  transition: all .12s;
  display: grid;
}
html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] .mint-act:hover {
  background: var(--hover);
  color: var(--t1);
}
html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] .mint-act.is-plus {
  background: var(--hover);
  border-radius: 50%;
  width: 24px;
  height: 24px;
  margin-right: 4px;
}
html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] .mint-send {
  background: var(--green);
  color: #fff;
  border-radius: 6px;
  align-items: stretch;
  height: 28px;
  display: flex;
  overflow: hidden;
}
html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] .mint-send-main {
  cursor: pointer;
  border: 0;
  place-items: center;
  width: 36px;
  display: grid;
  color: #fff !important;
  background: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
}
html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] .mint-send-main svg {
  flex: none;
  margin: 0 auto;
  width: 16px !important;
  height: 16px !important;
}
html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] .mint-send-more {
  color: #fff;
  cursor: pointer;
  background: none;
  border: 0;
  border-left: 1px solid #0003;
  place-items: center;
  width: 20px;
  display: grid;
}
html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] .mint-send:hover {
  filter: brightness(1.08);
}
html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] .mint-send-menu {
  z-index: 60;
  background: var(--panel2);
  border: 1px solid var(--line2);
  border-radius: 10px;
  min-width: 210px;
  padding: 5px;
  position: absolute;
  bottom: 44px;
  right: 16px;
  box-shadow: 0 16px 40px -16px #0000008c;
}
html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] .mint-menu-row {
  cursor: pointer;
  text-align: start;
  border-radius: 7px;
  align-items: center;
  gap: 9px;
  width: 100%;
  font-size: 13px;
  font-weight: 500;
  color: var(--t1) !important;
  background: none !important;
  padding: 7px 9px !important;
  display: flex !important;
}
html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] .mint-menu-row:hover {
  background: var(--hover) !important;
}
html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] .mint-menu-row svg {
  width: 15px;
  height: 15px;
}
html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] .mint-actions {
  position: relative;
}
html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] .font-mono, html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] .mono {
  letter-spacing: 0 !important;
  font-family: inherit !important;
}
html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] #thread .bg-paper-100\/90, html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] #thread .bg-paper-100\/80 {
  text-transform: none !important;
  letter-spacing: 0 !important;
  color: var(--t2) !important;
  padding: 3px 10px !important;
  font-size: 12px !important;
  font-weight: 600 !important;
}
html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] #thread .text-\[9\.5px\] {
  color: var(--t3) !important;
  font-size: 10.5px !important;
}
html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] .mint-bub {
  padding: 9px 13px 7px !important;
}
html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] #th-shortcuts, html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] #th-shortcuts * {
  letter-spacing: 0 !important;
  font-family: inherit !important;
}
html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] #composer-textarea-wrap .ml-auto.font-mono, html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] #composer-textarea-wrap .ml-auto[class*="font-mono"] {
  display: none !important;
}
html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] #composer-textarea-wrap textarea {
  min-height: 42px !important;
  font-size: 15px !important;
}
html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] .conv-row {
  border-radius: 8px;
  width: calc(100% - 8px);
  margin: 1px 4px;
  border-bottom: 0 !important;
  padding: 7px 8px !important;
}
html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] .conv-row:hover {
  background: var(--hover) !important;
}
html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] #th-header .pill, html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] #th-header [class*="text-[10px]"] {
  letter-spacing: 0 !important;
  font-family: inherit !important;
}
html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] .mint-upg2 {
  border: 1px solid var(--line2, #ffffff21);
  background: var(--panel2);
  min-width: 0;
  height: 30px;
  color: var(--t1);
  white-space: nowrap;
  border-radius: 8px;
  flex: 1;
  justify-content: center;
  align-items: center;
  gap: 7px;
  font-size: 13px;
  font-weight: 600;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}
html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] .mint-upg2:hover {
  background: var(--hover);
}
html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] .mint-upg2 svg {
  color: var(--acc-t);
  flex: none;
}
html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] .mint-menu {
  padding: 2px 0 0;
}
html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] .mint-mrow {
  width: 100%;
  height: 28px;
  color: var(--t1);
  cursor: pointer;
  text-align: start;
  background: none;
  border: 0;
  border-radius: 6px;
  align-items: center;
  gap: 9px;
  padding: 0 8px;
  font-size: 14.5px;
  font-weight: 400;
  text-decoration: none;
  display: flex;
}
html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] .mint-mrow:hover {
  background: var(--hover);
}
html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] .mint-mrow > svg {
  width: 17px;
  height: 17px;
  color: var(--t2);
  flex: none;
}
html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] .mint-mrow > span:first-of-type {
  flex: 1;
  min-width: 0;
}
html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] .mint-mchev {
  flex: none;
  width: 14px !important;
  height: 14px !important;
  color: var(--t3) !important;
}
html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] .mint-mdot {
  color: var(--acc-t);
  flex: none;
  font-size: 11px;
  font-weight: 700;
}
html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] .mint-mdot:empty {
  display: none;
}
html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] .mint-slabel {
  height: 28px;
  color: var(--t2);
  cursor: default;
  border-radius: 6px;
  align-items: center;
  gap: 6px;
  margin-top: 10px;
  padding: 0 8px;
  font-size: 14.5px;
  font-weight: 600;
  display: flex;
}
html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] .mint-slabel svg {
  flex: none;
  width: 14px;
  height: 14px;
}
html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] .mint-new {
  color: var(--green);
  margin-inline-start: auto;
  font-size: 12px;
  font-weight: 700;
}
html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] .mint-chips {
  flex-wrap: wrap;
  gap: 4px;
  padding: 2px 8px 0;
  display: flex;
}
html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] .mint-chip {
  white-space: nowrap;
  height: 26px;
  color: var(--t2);
  cursor: pointer;
  background: none;
  border: 0;
  border-radius: 6px;
  align-items: center;
  gap: 6px;
  padding: 0 8px;
  font-size: 12.5px;
  font-weight: 600;
  display: flex;
}
html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] .mint-chip:hover {
  background: var(--side-sel);
}
html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] .mint-chip.on {
  background: var(--side-sel);
  color: var(--t1);
}
html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] .mint-chip .n {
  opacity: .65;
  font-size: 11px;
  font-weight: 700;
}
html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] #composer-textarea-wrap [data-compose] {
  border-color: var(--line2, #ffffff21) !important;
  border-bottom: 0 !important;
  border-bottom-right-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}
html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] #composer-actions.mint-actions {
  border: 1px solid var(--line2, #ffffff21);
  background: var(--panel2);
  border-top: 0;
  border-radius: 0 0 12px 12px;
  padding: 4px 8px 8px;
  margin-top: 0 !important;
}
html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] #composer-textarea-wrap .font-mono {
  display: none !important;
}
html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] #queue-scroll {
  scrollbar-width: thin;
  scrollbar-color: transparent transparent;
}
html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] #queue-scroll:hover {
  scrollbar-color: var(--line2, #ffffff21) transparent;
}
html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] #conv-list {
  overflow: visible !important;
}
html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] .ti-contact {
  background: var(--panel) !important;
}
html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] .ti-contact > div {
  border-color: var(--line) !important;
  background: none !important;
}
html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] .mint-dhead {
  align-items: center;
  gap: 6px;
  height: 52px;
  padding: 0 12px 0 16px;
  display: flex;
  border-bottom: 1px solid var(--line) !important;
}
html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] .mint-dtitle {
  color: var(--t1);
  flex: 1;
  font-size: 15px;
  font-weight: 700;
}
html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] .mint-dic {
  width: 30px;
  height: 30px;
  color: var(--t2);
  cursor: pointer;
  background: none;
  border: 0;
  border-radius: 8px;
  place-items: center;
  display: grid;
}
html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] .mint-dic:hover {
  background: var(--hover);
  color: var(--t1);
}
html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] .mint-dsec {
  color: var(--t1);
  margin-bottom: 8px;
  font-size: 13.5px;
  font-weight: 700;
}
html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] .mint-dsec-tight {
  margin-bottom: 0;
}
html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] .mint-dlink {
  color: var(--acc-t);
  cursor: pointer;
  background: none;
  border: 0;
  font-size: 12px;
  font-weight: 600;
}
html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] .mint-dlink:hover {
  text-decoration: underline;
}
html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] .ti-contact .ti-qa {
  flex-direction: column;
  align-items: center;
  gap: 5px;
  display: flex;
  background: var(--panel2) !important;
  border: 1px solid var(--line) !important;
  color: var(--t2) !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  border-radius: 10px !important;
  padding: 9px 4px !important;
  font-size: 11px !important;
  font-weight: 600 !important;
}
html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] .ti-contact .ti-qa:hover {
  background: var(--hover) !important;
  color: var(--t1) !important;
}
html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] .ti-contact .ti-qa svg {
  width: 16px;
  height: 16px;
}
html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] .mint-ccol {
  cursor: pointer;
  flex: none;
  align-self: center;
  place-items: center;
  min-width: 26px;
  margin-inline-start: auto;
  width: 26px !important;
  height: 26px !important;
  color: var(--t2) !important;
  border: 1px solid var(--line2, #ffffff21) !important;
  background: none !important;
  border-radius: 999px !important;
  padding: 0 !important;
  display: grid !important;
}
html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] .mint-ccol svg {
  width: 15px !important;
  height: 15px !important;
}
html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] .mint-ccol:hover {
  background: var(--hover) !important;
  color: var(--t1) !important;
}
html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] .mint-act svg {
  flex: none;
  width: 16px !important;
  height: 16px !important;
}
html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] .mint-act.is-plus svg {
  width: 14px !important;
  height: 14px !important;
}
html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] .conv-row .ti-chbadge {
  border: 2px solid var(--panel);
  width: 18px;
  height: 18px;
  bottom: -4px;
  right: -4px;
}
html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] .conv-row .ti-chbadge svg {
  width: 10px;
  height: 10px;
}
html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] #composer-wrap.composer-min .mint-quick {
  align-items: center;
  padding-top: 8px;
  padding-bottom: 8px;
}
html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] #composer-wrap.composer-min > :not(:has(#composer-collapse-btn)):not(script) {
  display: none !important;
}
html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] #queue-scroll {
  overflow-x: hidden !important;
}
html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] #queue-scroll > div {
  max-width: 100%;
}
html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] .ti-queue .ti-seg {
  scrollbar-width: none;
  max-width: 100%;
  overflow-x: auto;
}
html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] .ti-queue .ti-seg::-webkit-scrollbar {
  display: none;
}
html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] .mint-chips {
  max-width: 100%;
}
html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] #composer-textarea-wrap textarea, html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] #composer-textarea-wrap .wa-editor-textarea {
  height: 40px;
  max-height: 160px;
  min-height: 40px !important;
  padding: 10px 12px 6px !important;
  font-size: 15px !important;
  line-height: 1.4 !important;
}
html[data-user-shell="slack"] body[data-page="user-team-inbox-index"] .mint-new:has( > span:empty) {
  display: none;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-inbox-kanban"] {
  --kb-bg: #0f1113;
  --kb-ring: #181b1e;
  --kb-panel: #211d1a;
  --kb-panel-soft: #ffffff06;
  --kb-line: #ffffff13;
  --kb-ink: #ecedee;
  --kb-muted: #ffffff7a;
  --kb-green: #4be389;
  --kb-blue: #2fc46a;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-inbox-kanban"] .shell-pane {
  color: var(--kb-ink);
  background: radial-gradient(85% 55% at 56% 0%, #4be38909, transparent 64%), var(--kb-bg);
  scrollbar-color: #ffffff1c transparent;
  border-radius: 0;
  margin-inline-start: 0;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-inbox-kanban"] .kb-slack-page {
  width: 100%;
  min-height: 100%;
  color: var(--kb-ink);
  background: none;
  padding: 0 20px 24px;
  font-family: Figtree, Plus Jakarta Sans, system-ui, sans-serif;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-inbox-kanban"] .kb-slack-page > section:first-child {
  border-bottom: 1px solid var(--kb-line);
  padding: 19px 2px 14px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-inbox-kanban"] .kb-slack-page > section:first-child > div {
  align-items: center;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-inbox-kanban"] .kb-slack-page > section:first-child .mb-2 {
  color: #ffffff5c !important;
  letter-spacing: .15em !important;
  margin-bottom: 5px !important;
  font-size: 14px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-inbox-kanban"] .kb-slack-page h1 {
  letter-spacing: -.025em;
  color: var(--kb-ink) !important;
  font: 850 28px / 1.08 Figtree, Plus Jakarta Sans, system-ui, sans-serif !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-inbox-kanban"] #kb-hl-count {
  color: var(--kb-green) !important;
  font-style: normal !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-inbox-kanban"] #kb-hint {
  max-width: 700px;
  color: var(--kb-muted) !important;
  margin-top: 6px !important;
  font-size: 12px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-inbox-kanban"] #kb-refresh-btn, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-inbox-kanban"] .kb-slack-page > section:first-child a {
  min-height: 38px;
  border-color: var(--kb-line) !important;
  color: #ffffffc7 !important;
  background: #ffffff0b !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-inbox-kanban"] #kb-refresh-btn:hover, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-inbox-kanban"] .kb-slack-page > section:first-child a:hover {
  color: #fff !important;
  background: #ffffff16 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-inbox-kanban"] #kb-refresh-time {
  color: var(--kb-muted) !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-inbox-kanban"] .kb-slack-page > section:nth-child(2) {
  padding: 14px 2px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-inbox-kanban"] .kb-slack-page > section:nth-child(2) > div {
  min-height: 62px;
  border-color: var(--kb-line) !important;
  box-shadow: none !important;
  background: var(--kb-panel-soft) !important;
  border-radius: 14px !important;
  padding: 9px 12px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-inbox-kanban"] .kb-slack-page > section:nth-child(2) .text-ink-500, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-inbox-kanban"] .kb-slack-page > section:nth-child(2) .text-ink-600 {
  color: var(--kb-muted) !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-inbox-kanban"] #kb-group {
  background: #ffffff06;
  border-color: var(--kb-line) !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-inbox-kanban"] .kb-gb-pill {
  color: var(--kb-muted) !important;
  background: none !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-inbox-kanban"] .kb-gb-pill:hover {
  color: var(--kb-ink) !important;
  background: #ffffff0d !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-inbox-kanban"] .kb-gb-pill.active {
  box-shadow: inset 0 0 0 1px #2fc46a57;
  color: #fff !important;
  background: #2fc46a38 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-inbox-kanban"] #kb-device-wrap, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-inbox-kanban"] #kb-search, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-inbox-kanban"] #kb-search::placeholder {
  color: var(--kb-muted) !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-inbox-kanban"] #kb-device-wrap, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-inbox-kanban"] #kb-search {
  background: none !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-inbox-kanban"] #kb-device-wrap, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-inbox-kanban"] .kb-slack-page > section:nth-child(2) .max-w-\[280px\] {
  border-color: var(--kb-line) !important;
  background: #ffffff09 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-inbox-kanban"] #kb-device-filter {
  color: var(--kb-ink) !important;
  background: none !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-inbox-kanban"] #kb-device-filter option {
  color: #0f1113;
  background: #ecedee;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-inbox-kanban"] #kb-stat-total, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-inbox-kanban"] #kb-stat-unassigned {
  color: var(--kb-ink) !important;
  font-family: Figtree, sans-serif !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-inbox-kanban"] .kb-slack-page > section:nth-child(3) {
  padding: 0 2px 28px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-inbox-kanban"] .kb-board {
  grid-template-columns: repeat(3, minmax(250px, 1fr));
  align-items: start;
  gap: 14px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-inbox-kanban"] .kb-col {
  min-height: 260px;
  color: var(--kb-ink);
  border-color: var(--kb-line) !important;
  background: var(--kb-panel-soft) !important;
  box-shadow: none !important;
  border-radius: 16px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-inbox-kanban"] .kb-col.dragover {
  background: #4be3890d !important;
  border-color: #4be38994 !important;
  box-shadow: inset 0 0 0 1px #4be3896b !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-inbox-kanban"] .kb-col > div:first-child {
  min-height: 48px;
  border-color: var(--kb-line) !important;
  padding: 12px 13px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-inbox-kanban"] .kb-col > div:first-child .text-ink-900 {
  color: var(--kb-ink) !important;
  font-weight: 750 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-inbox-kanban"] .kb-col > div:first-child .text-ink-500, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-inbox-kanban"] .kb-col .italic.text-ink-500 {
  color: var(--kb-muted) !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-inbox-kanban"] .kb-col > div:first-child .bg-paper-50 {
  color: var(--kb-muted) !important;
  background: #ffffff13 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-inbox-kanban"] .kb-col-body {
  gap: 10px !important;
  padding: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-inbox-kanban"] .kb-card {
  color: var(--kb-ink);
  border-color: var(--kb-line) !important;
  background: var(--kb-ring) !important;
  border-radius: 13px !important;
  padding: 12px !important;
  box-shadow: 0 5px 16px -12px #000000bf !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-inbox-kanban"] .kb-card:hover {
  transform: translateY(-1px);
  border-color: #ffffff2e !important;
  box-shadow: 0 8px 24px -14px #000000e6 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-inbox-kanban"] .kb-card .text-ink-900 {
  color: var(--kb-ink) !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-inbox-kanban"] .kb-card .text-ink-600, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-inbox-kanban"] .kb-card .text-ink-500, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-inbox-kanban"] .kb-chip-time {
  color: var(--kb-muted) !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-inbox-kanban"] .kb-card .preview {
  -webkit-line-clamp: 2;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-inbox-kanban"] .kb-chip-mint {
  color: #a9ecc7 !important;
  background: #4be3891f !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-inbox-kanban"] .kb-chip-low {
  color: #ffffff94 !important;
  background: #ffffff0f !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-inbox-kanban"] .kb-skel {
  background: linear-gradient(90deg, #ffffff0b, #ffffff16, #ffffff0b) 0 0 / 200% 100% !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-inbox-kanban"] #kb-empty {
  color: var(--kb-muted) !important;
}
@media (max-width: 1279.98px) {
  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-inbox-kanban"] .kb-board {
    grid-template-columns: repeat(2, minmax(260px, 1fr));
  }
}
@media (max-width: 767.98px) {
  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-inbox-kanban"] .kb-slack-page {
    padding-inline: 12px;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-inbox-kanban"] .kb-slack-page h1 {
    font-size: 24px !important;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-inbox-kanban"] .kb-board {
    grid-template-columns: minmax(0, 1fr);
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-inbox-kanban"] .kb-slack-page > section:nth-child(2) > div {
    align-items: stretch;
  }
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-chat"] {
  --tc-bg: #0f1113;
  --tc-panel: #211d1a;
  --tc-panel-raised: #27221f;
  --tc-line: #ffffff13;
  --tc-line-strong: #ffffff24;
  --tc-ink: #ecedee;
  --tc-muted: #ffffff80;
  --tc-faint: #ffffff4d;
  --tc-green: #4be389;
  --tc-blue: #2fc46a;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-chat"] .shell-pane {
  color: var(--tc-ink);
  background: var(--tc-bg);
  border-radius: 0;
  margin-inline-start: 0;
  overflow: hidden;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-chat"] #tc-frame {
  color: var(--tc-ink);
  background: var(--tc-bg);
  font-family: Figtree, Plus Jakarta Sans, system-ui, sans-serif;
  border-color: var(--tc-line) !important;
}
@media (min-width: 1024px) {
  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-chat"] #tc-frame.ti-frame.no-contact {
    grid-template-columns: 238px 278px minmax(0, 1fr);
    width: 100%;
    height: 100%;
    min-height: 0;
  }
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-chat"] #tc-frame > aside:first-child {
  background: radial-gradient(120% 45% at 20% 0%, #2fc46a0b, transparent 60%), var(--tc-panel) !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-chat"] #tc-frame > aside:nth-child(2) {
  background: #181b1e !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-chat"] #tc-frame > main {
  background: var(--tc-bg) !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-chat"] #tc-frame .border-paper-100, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-chat"] #tc-frame .border-paper-200, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-chat"] #tc-frame .border-paper-300 {
  border-color: var(--tc-line) !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-chat"] #tc-frame .bg-paper-0 {
  background-color: var(--tc-panel) !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-chat"] #tc-frame .bg-paper-50, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-chat"] #tc-frame .bg-paper-50\/30 {
  background-color: #ffffff05 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-chat"] #tc-frame .bg-paper-100 {
  background-color: #ffffff0e !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-chat"] #tc-frame .bg-paper-200 {
  background-color: #ffffff16 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-chat"] #tc-frame .bg-wa-deep {
  background-color: var(--tc-green) !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-chat"] #tc-frame .bg-wa-mint {
  background-color: #4be38926 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-chat"] #tc-frame .bg-wa-bubble\/40 {
  background-color: #4be38917 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-chat"] #tc-frame .text-ink-900, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-chat"] #tc-frame .text-ink-800, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-chat"] #tc-frame .text-ink-700 {
  color: var(--tc-ink) !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-chat"] #tc-frame .text-ink-600, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-chat"] #tc-frame .text-ink-500 {
  color: var(--tc-muted) !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-chat"] #tc-frame .text-ink-400, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-chat"] #tc-frame .text-ink-300 {
  color: var(--tc-faint) !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-chat"] #tc-frame .text-wa-deep {
  color: var(--tc-green) !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-chat"] #tc-frame .text-paper-0 {
  color: #151815 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-chat"] #tc-frame .font-serif {
  letter-spacing: -.015em;
  font-weight: 750;
  font-family: Figtree, Plus Jakarta Sans, system-ui, sans-serif !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-chat"] #tc-frame > aside:first-child > div:first-child {
  border-bottom: 1px solid var(--tc-line);
  padding: 18px 15px 13px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-chat"] #tc-frame > aside:first-child > div:first-child .font-serif {
  color: var(--tc-ink);
  margin-top: 4px;
  font-size: 16px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-chat"] #tc-frame .team-nav-btn {
  min-height: 34px;
  font-size: 12.5px;
  transition: color .12s, background .12s;
  color: #fff9 !important;
  border-radius: 7px !important;
  padding: 7px 9px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-chat"] #tc-frame .team-nav-btn:hover {
  color: var(--tc-ink) !important;
  background: #ffffff0e !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-chat"] #tc-frame .team-nav-btn.active {
  box-shadow: inset 0 0 0 1px #2fc46a47;
  color: #fff !important;
  background: #2fc46a36 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-chat"] #tc-frame .team-nav-btn .ct {
  color: #fff !important;
  background: #4be38b33 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-chat"] #tc-create-channel-btn:hover, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-chat"] #tc-invite-btn:hover, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-chat"] #tc-attach-btn:hover, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-chat"] #tc-back:hover {
  color: var(--tc-ink) !important;
  background: #ffffff12 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-chat"] #tc-frame input, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-chat"] #tc-frame textarea {
  caret-color: var(--tc-green);
  border-color: var(--tc-line-strong) !important;
  color: var(--tc-ink) !important;
  background: #ffffff09 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-chat"] #tc-frame input::placeholder, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-chat"] #tc-frame textarea::placeholder {
  color: #ffffff52;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-chat"] #tc-frame input:focus, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-chat"] #tc-frame textarea:focus {
  box-shadow: 0 0 0 2px #4be38b14;
  background: #ffffff0e !important;
  border-color: #4be38ba6 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-chat"] #tc-members-list > button {
  border-color: var(--tc-line) !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-chat"] #tc-members-list > button:hover {
  background: #ffffff0b !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-chat"] #tc-stream {
  scrollbar-color: #ffffff1f transparent;
  background: radial-gradient(80% 50% at 50% 0%, #4be38b06, transparent 68%), var(--tc-bg) !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-chat"] #tc-frame main > div:first-child {
  background: #1d1a18f0;
  min-height: 64px;
  border-color: var(--tc-line) !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-chat"] #tc-frame main > div:first-child > span {
  color: #142019 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-chat"] #tc-frame main > div:first-child a {
  border-color: var(--tc-line-strong) !important;
  color: #ffffffb8 !important;
  background: #ffffff09 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-chat"] #tc-frame main > div:first-child a:hover {
  color: #fff !important;
  background: #ffffff13 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-chat"] #tc-stream [data-msg-id] .bg-paper-0, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-chat"] #tc-stream [data-msg-id] .bg-wa-mint {
  color: var(--tc-ink);
  border-color: var(--tc-line) !important;
  background: var(--tc-panel-raised) !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-chat"] #tc-stream [data-msg-id] .bg-wa-mint {
  border: 1px solid #4be38b33;
  background: #4be38b1f !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-chat"] #tc-composer {
  border-color: var(--tc-line) !important;
  background: #211d1a !important;
  padding: 12px 18px 11px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-chat"] #tc-input {
  min-height: 40px;
  border-radius: 9px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-chat"] #tc-send {
  color: #102018 !important;
  background: var(--tc-green) !important;
  border-radius: 8px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-chat"] #tc-send:hover {
  background: #69eba0 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-chat"] #tc-composer kbd {
  color: #ffffff73;
  border-color: var(--tc-line) !important;
  background: #ffffff0a !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-chat"] #tc-mention-pop {
  border-color: var(--tc-line-strong) !important;
  background: var(--tc-panel-raised) !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-chat"] :is(#tc-create-modal, html[data-user-shell="slack"]:not([data-shell-theme="light"]) #tc-invite-modal, html[data-user-shell="slack"]:not([data-shell-theme="light"]) #tc-pending-modal) {
  color: var(--tc-ink);
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background: #070708b8 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-chat"] :is(#tc-create-modal, html[data-user-shell="slack"]:not([data-shell-theme="light"]) #tc-invite-modal, html[data-user-shell="slack"]:not([data-shell-theme="light"]) #tc-pending-modal) > div {
  border: 1px solid var(--tc-line-strong);
  color: var(--tc-ink);
  background: var(--tc-panel-raised) !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-chat"] :is(#tc-create-modal, html[data-user-shell="slack"]:not([data-shell-theme="light"]) #tc-invite-modal, html[data-user-shell="slack"]:not([data-shell-theme="light"]) #tc-pending-modal) .border-paper-200 {
  border-color: var(--tc-line) !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-chat"] :is(#tc-create-modal, html[data-user-shell="slack"]:not([data-shell-theme="light"]) #tc-invite-modal, html[data-user-shell="slack"]:not([data-shell-theme="light"]) #tc-pending-modal) :is(input, html[data-user-shell="slack"]:not([data-shell-theme="light"]) textarea) {
  color: var(--tc-ink);
  border-color: var(--tc-line-strong) !important;
  background: #ffffff0b !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-chat"] :is(#tc-create-modal, html[data-user-shell="slack"]:not([data-shell-theme="light"]) #tc-invite-modal, html[data-user-shell="slack"]:not([data-shell-theme="light"]) #tc-pending-modal) .bg-paper-100 {
  color: var(--tc-muted) !important;
  background: #fff1 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-chat"] :is(#tc-create-modal, html[data-user-shell="slack"]:not([data-shell-theme="light"]) #tc-invite-modal, html[data-user-shell="slack"]:not([data-shell-theme="light"]) #tc-pending-modal) .text-ink-500, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-chat"] :is(#tc-create-modal, html[data-user-shell="slack"]:not([data-shell-theme="light"]) #tc-invite-modal, html[data-user-shell="slack"]:not([data-shell-theme="light"]) #tc-pending-modal) .text-ink-400 {
  color: var(--tc-muted) !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-chat"] :is(#tc-create-modal, html[data-user-shell="slack"]:not([data-shell-theme="light"]) #tc-invite-modal, html[data-user-shell="slack"]:not([data-shell-theme="light"]) #tc-pending-modal) .bg-wa-deep {
  color: #102018 !important;
  background: var(--tc-green) !important;
}
@media (max-width: 1023.98px) {
  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-chat"] .shell-pane {
    overflow: auto;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-chat"] #tc-frame > aside:nth-child(2) {
    border-top-color: #ffffff0a !important;
  }
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-inbox-members"] {
  --members-bg: #0f1113;
  --members-panel: #ffffff07;
  --members-panel-raised: #27221f;
  --members-line: #ffffff17;
  --members-line-strong: #ffffff26;
  --members-ink: #f5f2ee;
  --members-muted: #ffffff85;
  --members-faint: #ffffff57;
  --members-green: #4be389;
  --members-blue: #25d366;
  --members-amber: #ffc46b;
  --members-purple: #b98cff;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-inbox-members"] .shell-pane {
  color: var(--members-ink);
  background: radial-gradient(120% 70% at 82% 0, #25d36613, #0000 46%), linear-gradient(155deg, #0f1113 0%, #241e1b 40%, #171821 100%);
  border-radius: 0;
  margin-inline-start: 0;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-inbox-members"] .members-slack-page {
  width: min(100%, 1100px);
  color: var(--members-ink);
  margin: 0;
  font-family: Figtree, Plus Jakarta Sans, system-ui, sans-serif;
  padding: 27px 28px 48px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-inbox-members"] .members-breadcrumb {
  display: none;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-inbox-members"] .members-slack-page > .flex.items-end {
  align-items: flex-start;
  margin-bottom: 20px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-inbox-members"] .members-slack-page h1 {
  text-transform: capitalize;
  color: #fff !important;
  letter-spacing: -.025em !important;
  font: 850 24px / 1.18 Figtree, Plus Jakarta Sans, system-ui, sans-serif !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-inbox-members"] .members-slack-page h1 + p {
  color: var(--members-muted) !important;
  margin-top: 5px !important;
  font-size: 13px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-inbox-members"] #invite-btn {
  min-height: 38px;
  color: #08170e !important;
  background: var(--members-green) !important;
  border-radius: 11px !important;
  padding: 8px 15px !important;
  font-size: 13px !important;
  font-weight: 750 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-inbox-members"] #invite-btn:hover {
  background: #6eeaa3 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-inbox-members"] .members-stats {
  margin-top: 0;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-inbox-members"] .members-stat-card {
  border: 1px solid var(--members-line);
  background: var(--members-panel);
  border-radius: 16px;
  align-items: center;
  gap: 12px;
  min-height: 76px;
  padding: 14px 15px;
  display: flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-inbox-members"] .members-stat-icon {
  border-radius: 10px;
  flex: 0 0 36px;
  place-items: center;
  width: 36px;
  height: 36px;
  display: grid;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-inbox-members"] .members-stat-icon svg {
  width: 18px;
  height: 18px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-inbox-members"] .members-stat-icon-green {
  color: #25d366;
  background: #25d36629;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-inbox-members"] .members-stat-icon-online {
  color: var(--members-green);
  background: #4be38929;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-inbox-members"] .members-stat-icon-pending {
  color: var(--members-amber);
  background: #ffc46b29;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-inbox-members"] .members-stat-icon-roles {
  color: var(--members-purple);
  background: #b98cff29;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-inbox-members"] .members-stat-card strong {
  color: #fff;
  font-size: 24px;
  font-weight: 850;
  line-height: 1;
  display: block;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-inbox-members"] .members-stat-card small {
  color: #fff6;
  letter-spacing: .07em;
  text-transform: uppercase;
  margin-top: 5px;
  font-size: 10px;
  font-weight: 600;
  line-height: 1;
  display: block;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-inbox-members"] .members-content-grid {
  margin-top: 22px;
  display: block !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-inbox-members"] .members-role-tools {
  margin-bottom: 14px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-inbox-members"] .members-role-help {
  display: none;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-inbox-members"] .members-slack-page .members-role-filter {
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  display: flex;
  border-color: var(--members-line) !important;
  box-shadow: none !important;
  background: #211d1a !important;
  border-radius: 13px !important;
  padding: 6px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-inbox-members"] .members-role-filter > div:first-child {
  color: var(--members-faint) !important;
  padding: 0 8px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-inbox-members"] .members-role-filter [data-role-filter] {
  gap: 8px;
  min-height: 30px;
  color: #ffffff8f !important;
  background: none !important;
  border-radius: 8px !important;
  width: auto !important;
  padding: 6px 10px !important;
  font-size: 11.5px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-inbox-members"] .members-role-filter [data-role-filter]:hover {
  color: #fff !important;
  background: #ffffff0e !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-inbox-members"] .members-role-filter [data-role-filter].bg-wa-deep {
  box-shadow: inset 0 0 0 1px #25d36647;
  color: #fff !important;
  background: #25d3662e !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-inbox-members"] .members-role-filter [data-role-count] {
  color: var(--members-faint) !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-inbox-members"] .members-table-section:before {
  content: "Members";
  color: #ffffffc7;
  letter-spacing: .08em;
  text-transform: uppercase;
  margin: 0 0 10px;
  font-size: 12px;
  font-weight: 750;
  display: block;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-inbox-members"] .members-slack-page .members-table-card {
  color: var(--members-ink);
  border-color: var(--members-line) !important;
  box-shadow: none !important;
  background: #211d1a !important;
  border-radius: 16px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-inbox-members"] .members-slack-page .members-table-toolbar {
  border-color: var(--members-line) !important;
  background: #211d1a !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-inbox-members"] .members-table-toolbar > div:first-child {
  color: var(--members-faint) !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-inbox-members"] #member-search, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-inbox-members"] #members-tbody select {
  border-color: var(--members-line-strong) !important;
  color: var(--members-ink) !important;
  background: #ffffff09 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-inbox-members"] #member-search::placeholder {
  color: #ffffff52;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-inbox-members"] #member-search:focus, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-inbox-members"] #members-tbody select:focus {
  box-shadow: 0 0 0 2px #4be38912;
  border-color: #4be3898c !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-inbox-members"] #members-tbody select option {
  color: #0f1113;
  background: #f5f2ee;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-inbox-members"] .members-slack-page .members-table-card thead {
  border-color: var(--members-line) !important;
  color: #fff6 !important;
  background: #181b1e !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-inbox-members"] .members-table-card thead th {
  letter-spacing: .07em;
  text-transform: uppercase;
  padding-block: 11px !important;
  font-size: 10px !important;
  font-weight: 600 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-inbox-members"] #members-tbody {
  border-color: var(--members-line) !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-inbox-members"] #members-tbody tr {
  transition: background .12s;
  border-color: var(--members-line) !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-inbox-members"] #members-tbody tr:hover {
  background: #ffffff09;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-inbox-members"] #members-tbody td {
  color: #ffffffad;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-inbox-members"] #members-tbody .text-ink-700, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-inbox-members"] #members-tbody .text-ink-500 {
  color: var(--members-muted) !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-inbox-members"] #members-tbody .bg-wa-deep {
  color: var(--members-green) !important;
  background: #4be38926 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-inbox-members"] #members-tbody .bg-paper-100 {
  background: #ffffff0f !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-inbox-members"] #members-tbody .skeleton {
  background-color: #ffffff12 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-inbox-members"] #invite-modal {
  color: var(--members-ink);
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-inbox-members"] #invite-modal > .absolute {
  background: #070708bf !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-inbox-members"] #invite-modal > .relative {
  border: 1px solid var(--members-line-strong);
  color: var(--members-ink);
  background: var(--members-panel-raised) !important;
  border-radius: 16px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-inbox-members"] #invite-modal .font-serif {
  color: #fff;
  font-weight: 800;
  font-family: Figtree, Plus Jakarta Sans, system-ui, sans-serif !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-inbox-members"] #invite-modal :is(input, html[data-user-shell="slack"]:not([data-shell-theme="light"]) select) {
  color: var(--members-ink);
  border-color: var(--members-line-strong) !important;
  background: #ffffff0a !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-inbox-members"] #invite-modal select option {
  color: #0f1113;
  background: #f5f2ee;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-inbox-members"] #invite-modal .text-ink-700, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-inbox-members"] #invite-modal .text-ink-500 {
  color: var(--members-muted) !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-inbox-members"] #invite-modal .border-paper-200 {
  border-color: var(--members-line) !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-inbox-members"] #invite-submit {
  color: #08170e !important;
  background: var(--members-green) !important;
}
@media (max-width: 767.98px) {
  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-inbox-members"] .members-slack-page {
    padding: 20px 14px 36px !important;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-inbox-members"] .members-stat-card {
    padding: 12px;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-inbox-members"] .members-role-filter > div:first-child {
    width: 100%;
    padding-block: 4px !important;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-inbox-members"] #member-search {
    width: min(72vw, 288px) !important;
  }
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-inbox-members"] #invite-btn:hover {
  color: #1d2321 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-inbox-sla"] {
  --sla-bg: #0f1113;
  --sla-panel: #211d1a;
  --sla-panel-soft: #ffffff07;
  --sla-line: #ffffff17;
  --sla-line-strong: #ffffff26;
  --sla-ink: #f5f2ee;
  --sla-muted: #ffffff85;
  --sla-faint: #ffffff57;
  --sla-green: #4be389;
  --sla-coral: #ff806f;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-inbox-sla"] .shell-pane {
  color: var(--sla-ink);
  background: radial-gradient(120% 70% at 82% 0, #25d36613, #0000 46%), linear-gradient(155deg, #0f1113 0%, #241e1b 40%, #171821 100%);
  border-radius: 0;
  margin-inline-start: 0;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-inbox-sla"] .sla-slack-page {
  width: min(100%, 1100px);
  color: var(--sla-ink);
  margin: 0;
  font-family: Figtree, Plus Jakarta Sans, system-ui, sans-serif;
  padding: 27px 28px 48px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-inbox-sla"] .sla-content-grid {
  grid-template-columns: 230px minmax(0, 1fr) !important;
  gap: 20px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-inbox-sla"] .sla-slack-page .sla-aside > div, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-inbox-sla"] .sla-slack-page .sla-policy-card, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-inbox-sla"] .sla-slack-page .sla-empty-card, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-inbox-sla"] .sla-slack-page .sla-create-card {
  color: var(--sla-ink);
  border-color: var(--sla-line) !important;
  background: var(--sla-panel) !important;
  box-shadow: none !important;
  border-radius: 16px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-inbox-sla"] .sla-info-card {
  padding: 16px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-inbox-sla"] .sla-info-card > div:first-child {
  width: 40px !important;
  height: 40px !important;
  color: var(--sla-green) !important;
  background: #4be38924 !important;
  border-radius: 10px !important;
  margin-bottom: 12px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-inbox-sla"] .sla-info-card .font-serif {
  color: #fff;
  font-weight: 800;
  font-family: Figtree, Plus Jakarta Sans, system-ui, sans-serif !important;
  font-size: 16px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-inbox-sla"] .sla-steps-card {
  padding: 7px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-inbox-sla"] .sla-steps-card li, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-inbox-sla"] .sla-steps-card a {
  color: var(--sla-muted) !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-inbox-sla"] .sla-steps-card li:hover, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-inbox-sla"] .sla-steps-card a:hover {
  color: #fff !important;
  background: #ffffff0a !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-inbox-sla"] .sla-steps-card li span.bg-wa-deep {
  color: #102018 !important;
  background: var(--sla-green) !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-inbox-sla"] .sla-steps-card li span.bg-paper-100 {
  color: var(--sla-muted) !important;
  background: #ffffff12 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-inbox-sla"] .sla-help-card {
  color: var(--sla-muted) !important;
  background: #4be38912 !important;
  border-color: #4be3892e !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-inbox-sla"] .sla-help-card .text-ink-900 {
  color: var(--sla-ink) !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-inbox-sla"] .sla-page-header {
  align-items: flex-start;
  margin-bottom: 3px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-inbox-sla"] .sla-page-header .font-mono {
  display: none;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-inbox-sla"] .sla-page-header h1 {
  color: #fff !important;
  letter-spacing: -.025em !important;
  font: 850 24px / 1.18 Figtree, Plus Jakarta Sans, system-ui, sans-serif !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-inbox-sla"] .sla-page-header h1 span {
  color: #fff !important;
  font-style: normal !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-inbox-sla"] .sla-page-header p {
  max-width: 650px;
  line-height: 1.55;
  color: var(--sla-muted) !important;
  margin-top: 5px !important;
  font-size: 12.5px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-inbox-sla"] .sla-page-header a {
  border-color: var(--sla-line-strong) !important;
  color: #ffffffad !important;
  background: #211d1a !important;
  border-radius: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-inbox-sla"] .sla-page-header a:hover {
  color: #fff !important;
  background: #ffffff12 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-inbox-sla"] .sla-policy-card, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-inbox-sla"] .sla-create-card {
  padding: 19px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-inbox-sla"] .sla-policy-card .font-serif, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-inbox-sla"] .sla-create-card .font-serif, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-inbox-sla"] .sla-empty-card .font-serif {
  color: #fff;
  font-weight: 800;
  font-family: Figtree, Plus Jakarta Sans, system-ui, sans-serif !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-inbox-sla"] .sla-create-card h2 {
  font-size: 17px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-inbox-sla"] .sla-slack-page .border-paper-200, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-inbox-sla"] .sla-slack-page .border-paper-300 {
  border-color: var(--sla-line) !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-inbox-sla"] .sla-slack-page .text-ink-900, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-inbox-sla"] .sla-slack-page .text-ink-800, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-inbox-sla"] .sla-slack-page .text-ink-700 {
  color: #ffffffb3 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-inbox-sla"] .sla-slack-page .text-ink-600, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-inbox-sla"] .sla-slack-page .text-ink-500 {
  color: var(--sla-muted) !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-inbox-sla"] .sla-slack-page .text-wa-deep {
  color: var(--sla-green) !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-inbox-sla"] .sla-slack-page .sla-main :is(input[type="text"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) input[type="number"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) input:not([type])) {
  caret-color: var(--sla-green);
  border-color: var(--sla-line-strong) !important;
  color: var(--sla-ink) !important;
  background: #181b1e !important;
  border-radius: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) body[data-page="user-team-inbox-sla"] #sla-create-form input:not([type="checkbox"]) {
  border-color: var(--sla-line-strong) !important;
  color: var(--sla-ink) !important;
  background-color: #181b1e !important;
  background-image: none !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-inbox-sla"] .sla-slack-page .sla-main :is(input[type="text"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) input[type="number"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) input:not([type]))::placeholder {
  color: #ffffff47;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-inbox-sla"] .sla-slack-page .sla-main :is(input[type="text"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) input[type="number"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) input:not([type])):focus {
  box-shadow: 0 0 0 2px #4be38912;
  border-color: #4be38999 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-inbox-sla"] .sla-policy-card > div:first-of-type input[name="name"] {
  padding: 7px 9px;
  font-weight: 800;
  font-size: 17px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-inbox-sla"] .sla-slack-page input[type="checkbox"] {
  background-color: #ffffff0a;
  border-color: var(--sla-line-strong) !important;
  color: var(--sla-green) !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-inbox-sla"] .sla-slack-page .bg-wa-mint {
  color: var(--sla-green) !important;
  background: #4be3891f !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-inbox-sla"] .sla-slack-page button.bg-wa-deep {
  color: #102018 !important;
  background: var(--sla-green) !important;
  border-radius: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-inbox-sla"] .sla-slack-page button.bg-wa-deep:hover {
  background: #69eba0 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-inbox-sla"] .sla-slack-page button.text-accent-coral {
  color: var(--sla-coral) !important;
  border-color: #ff806f40 !important;
  border-radius: 9px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-inbox-sla"] .sla-slack-page .sla-empty-card {
  color: var(--sla-muted);
  background: #211d1a !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-inbox-sla"] .sla-main > .space-y-4 {
  gap: 14px;
  display: grid;
}
@media (max-width: 1023.98px) {
  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-inbox-sla"] .sla-content-grid {
    grid-template-columns: 1fr !important;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-inbox-sla"] .sla-aside {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    display: grid;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-inbox-sla"] .sla-help-card {
    display: none;
  }
}
@media (max-width: 639.98px) {
  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-inbox-sla"] .sla-slack-page {
    padding: 20px 14px 36px !important;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-inbox-sla"] .sla-aside {
    grid-template-columns: 1fr;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-inbox-sla"] .sla-page-header {
    flex-direction: column;
  }
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-inbox-sla"] .sla-slack-page button.bg-wa-deep:hover {
  color: #1d2321 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-inbox-analytics-team"] {
  --ta-bg: #0f1113;
  --ta-panel: #211d1a;
  --ta-panel-soft: #ffffff07;
  --ta-line: #ffffff17;
  --ta-line-strong: #ffffff26;
  --ta-ink: #f5f2ee;
  --ta-muted: #ffffff85;
  --ta-faint: #ffffff57;
  --ta-green: #4be389;
  --ta-blue: #2fc46a;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-inbox-analytics-team"] .shell-pane {
  color: var(--ta-ink);
  background: radial-gradient(120% 70% at 82% 0, #25d36613, #0000 46%), linear-gradient(155deg, #0f1113 0%, #241e1b 40%, #171821 100%);
  border-radius: 0;
  margin-inline-start: 0;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-inbox-analytics-team"] .team-analytics-slack {
  width: min(100%, 1100px);
  color: var(--ta-ink);
  margin: 0;
  font-family: Figtree, Plus Jakarta Sans, system-ui, sans-serif;
  padding: 27px 28px 48px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-inbox-analytics-team"] .ta-page-header {
  align-items: flex-start;
  margin-bottom: 17px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-inbox-analytics-team"] .ta-page-header > div:first-child > div:first-child {
  color: var(--ta-faint) !important;
  margin-bottom: 7px !important;
  font-size: 14px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-inbox-analytics-team"] .ta-page-header h1 {
  color: #fff !important;
  letter-spacing: -.025em !important;
  font: 850 24px / 1.18 Figtree, Plus Jakarta Sans, system-ui, sans-serif !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-inbox-analytics-team"] .ta-page-header h1 span {
  color: var(--ta-green) !important;
  font-style: normal !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-inbox-analytics-team"] #ta-summary {
  color: var(--ta-muted) !important;
  margin-top: 5px !important;
  font-size: 12.5px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-inbox-analytics-team"] .ta-page-header a {
  min-height: 34px;
  border-color: var(--ta-line-strong) !important;
  color: #ffffffab !important;
  background: var(--ta-panel) !important;
  border-radius: 10px !important;
  padding: 7px 11px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-inbox-analytics-team"] .ta-page-header a:hover {
  color: #fff !important;
  background: #ffffff12 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-inbox-analytics-team"] .ta-controls {
  border: 1px solid var(--ta-line);
  background: var(--ta-panel);
  border-radius: 14px;
  min-height: 46px;
  padding: 7px 9px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-inbox-analytics-team"] #ta-range-tabs {
  gap: 5px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-inbox-analytics-team"] #ta-range-tabs .ti-tab {
  min-height: 30px;
  padding: 6px 11px;
  font-size: 11.5px;
  color: var(--ta-muted) !important;
  background: none !important;
  border: 0 !important;
  border-radius: 8px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-inbox-analytics-team"] #ta-range-tabs .ti-tab:hover {
  color: #fff !important;
  background: #ffffff0d !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-inbox-analytics-team"] #ta-range-tabs .ti-tab.active {
  box-shadow: inset 0 0 0 1px #2fc46a47;
  color: #fff !important;
  background: #2fc46a33 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-inbox-analytics-team"] #ta-device-wrap {
  border-color: var(--ta-line-strong) !important;
  color: var(--ta-muted) !important;
  background: #ffffff09 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-inbox-analytics-team"] #ta-device-filter {
  color: var(--ta-ink) !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-inbox-analytics-team"] #ta-device-filter option {
  color: #0f1113;
  background: #f5f2ee;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-inbox-analytics-team"] .team-analytics-slack .ta-metrics > div {
  min-height: 92px;
  color: var(--ta-ink);
  border-color: var(--ta-line) !important;
  background: linear-gradient(180deg, #ffffff09, #ffffff04), var(--ta-panel) !important;
  border-radius: 18px !important;
  padding: 15px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-inbox-analytics-team"] .ta-metrics > div > div:first-child {
  color: var(--ta-faint) !important;
  letter-spacing: .07em !important;
  font: 600 10px / 1.2 Figtree, sans-serif !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-inbox-analytics-team"] .ta-metrics [id^="ta-"] {
  margin-top: 9px;
  color: #fff !important;
  font: 800 29px / 1 Figtree, sans-serif !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-inbox-analytics-team"] .ta-metrics #ta-resolved {
  color: var(--ta-green) !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-inbox-analytics-team"] .team-analytics-slack .ta-table-panel {
  color: var(--ta-ink);
  box-shadow: 0 16px 44px -34px #000000f2;
  border-color: var(--ta-line) !important;
  background: var(--ta-panel) !important;
  border-radius: 22px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-inbox-analytics-team"] .ta-table-panel > div:first-child {
  min-height: 52px;
  border-color: var(--ta-line) !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-inbox-analytics-team"] .ta-table-panel h2 {
  color: #fff;
  font-weight: 750;
  font-family: Figtree, sans-serif !important;
  font-size: 14px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-inbox-analytics-team"] #ta-updated {
  color: var(--ta-faint) !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-inbox-analytics-team"] .ta-table-panel thead tr {
  color: var(--ta-faint);
  background: #181b1e !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-inbox-analytics-team"] .ta-table-panel thead th {
  color: var(--ta-faint) !important;
  font-family: Figtree, sans-serif !important;
  font-size: 14px !important;
  font-weight: 650 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-inbox-analytics-team"] #ta-tbody tr {
  border-color: var(--ta-line) !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-inbox-analytics-team"] #ta-tbody tr:hover {
  background: #ffffff09;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-inbox-analytics-team"] #ta-tbody td {
  color: #ffffffb3;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-inbox-analytics-team"] #ta-tbody .text-ink-500, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-inbox-analytics-team"] #ta-tbody .text-ink-400 {
  color: var(--ta-muted) !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-inbox-analytics-team"] #ta-tbody .text-wa-deep {
  color: var(--ta-green) !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-inbox-analytics-team"] .team-analytics-slack .skeleton {
  background-color: #ffffff12 !important;
}
@media (max-width: 767.98px) {
  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-inbox-analytics-team"] .team-analytics-slack {
    padding: 20px 14px 36px !important;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-inbox-analytics-team"] .ta-page-header {
    flex-direction: column;
  }
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-inbox-analytics-ai"] {
  --aa-panel: #211d1a;
  --aa-line: #ffffff17;
  --aa-line-strong: #ffffff26;
  --aa-ink: #f5f2ee;
  --aa-muted: #ffffff85;
  --aa-faint: #ffffff57;
  --aa-green: #4be389;
  --aa-blue: #2fc46a;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-inbox-analytics-ai"] .shell-pane {
  color: var(--aa-ink);
  background: radial-gradient(120% 70% at 82% 0, #25d36613, #0000 46%), linear-gradient(155deg, #0f1113 0%, #241e1b 40%, #171821 100%);
  border-radius: 0;
  margin-inline-start: 0;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-inbox-analytics-ai"] .ai-analytics-slack {
  width: min(100%, 1100px);
  color: var(--aa-ink);
  margin: 0;
  font-family: Figtree, Plus Jakarta Sans, system-ui, sans-serif;
  padding: 27px 28px 48px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-inbox-analytics-ai"] .aa-page-header {
  align-items: flex-start;
  margin-bottom: 17px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-inbox-analytics-ai"] .aa-page-header > div:first-child > div:first-child {
  color: var(--aa-faint) !important;
  margin-bottom: 7px !important;
  font-size: 14px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-inbox-analytics-ai"] .aa-page-header h1 {
  color: #fff !important;
  letter-spacing: -.025em !important;
  font: 850 24px / 1.18 Figtree, Plus Jakarta Sans, system-ui, sans-serif !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-inbox-analytics-ai"] .aa-page-header h1 span {
  color: var(--aa-green) !important;
  font-style: normal !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-inbox-analytics-ai"] #aa-summary {
  color: var(--aa-muted) !important;
  margin-top: 5px !important;
  font-size: 12.5px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-inbox-analytics-ai"] .aa-page-header a {
  min-height: 34px;
  border-color: var(--aa-line-strong) !important;
  color: #ffffffab !important;
  background: var(--aa-panel) !important;
  border-radius: 10px !important;
  padding: 7px 11px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-inbox-analytics-ai"] .aa-page-header a:hover {
  color: #fff !important;
  background: #ffffff12 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-inbox-analytics-ai"] .aa-controls {
  border: 1px solid var(--aa-line);
  background: var(--aa-panel);
  border-radius: 14px;
  min-height: 46px;
  padding: 7px 9px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-inbox-analytics-ai"] #aa-range-tabs {
  gap: 5px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-inbox-analytics-ai"] #aa-range-tabs .ti-tab {
  min-height: 30px;
  padding: 6px 11px;
  font-size: 11.5px;
  color: var(--aa-muted) !important;
  background: none !important;
  border: 0 !important;
  border-radius: 8px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-inbox-analytics-ai"] #aa-range-tabs .ti-tab:hover {
  color: #fff !important;
  background: #ffffff0d !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-inbox-analytics-ai"] #aa-range-tabs .ti-tab.active {
  box-shadow: inset 0 0 0 1px #2fc46a47;
  color: #fff !important;
  background: #2fc46a33 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-inbox-analytics-ai"] #aa-device-wrap {
  border-color: var(--aa-line-strong) !important;
  color: var(--aa-muted) !important;
  background: #ffffff09 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-inbox-analytics-ai"] #aa-device-filter {
  color: var(--aa-ink) !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-inbox-analytics-ai"] #aa-device-filter option {
  color: #0f1113;
  background: #f5f2ee;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-inbox-analytics-ai"] .ai-analytics-slack #aa-cards > div {
  min-height: 150px;
  color: var(--aa-ink);
  border: 1px solid var(--aa-line) !important;
  background: linear-gradient(180deg, #ffffff09, #ffffff04), var(--aa-panel) !important;
  border-radius: 20px !important;
  padding: 16px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-inbox-analytics-ai"] #aa-cards .font-serif {
  color: #fff;
  font-weight: 750;
  font-family: Figtree, sans-serif !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-inbox-analytics-ai"] #aa-cards .text-ink-900 {
  color: #fff !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-inbox-analytics-ai"] #aa-cards .text-ink-500, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-inbox-analytics-ai"] #aa-cards .text-ink-400 {
  color: var(--aa-muted) !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-inbox-analytics-ai"] #aa-cards .text-wa-deep {
  color: var(--aa-green) !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-inbox-analytics-ai"] #aa-cards .border-paper-200 {
  border-color: var(--aa-line) !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-inbox-analytics-ai"] #aa-cards .bg-paper-100 {
  background: #ffffff12 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-inbox-analytics-ai"] #aa-cards .bg-wa-mint\/40 {
  background: #4be3891f !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-inbox-analytics-ai"] .ai-analytics-slack .aa-rated-panel {
  color: var(--aa-ink);
  box-shadow: 0 16px 44px -34px #000000f2;
  border-color: var(--aa-line) !important;
  background: var(--aa-panel) !important;
  border-radius: 22px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-inbox-analytics-ai"] .aa-rated-panel > div:first-child {
  min-height: 52px;
  border-color: var(--aa-line) !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-inbox-analytics-ai"] .aa-rated-panel h2 {
  color: #fff;
  font-weight: 750;
  font-family: Figtree, sans-serif !important;
  font-size: 14px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-inbox-analytics-ai"] #aa-updated {
  color: var(--aa-faint) !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-inbox-analytics-ai"] #aa-rated, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-inbox-analytics-ai"] #aa-rated > div {
  border-color: var(--aa-line) !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-inbox-analytics-ai"] #aa-rated > div:hover {
  background: #ffffff08;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-inbox-analytics-ai"] #aa-rated .text-ink-700, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-inbox-analytics-ai"] #aa-rated .text-ink-500 {
  color: var(--aa-muted) !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-inbox-analytics-ai"] #aa-rated .font-serif {
  font-weight: 750;
  font-family: Figtree, sans-serif !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-inbox-analytics-ai"] .ai-analytics-slack .skeleton {
  background-color: #ffffff12 !important;
}
@media (max-width: 767.98px) {
  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-inbox-analytics-ai"] .ai-analytics-slack {
    padding: 20px 14px 36px !important;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-team-inbox-analytics-ai"] .aa-page-header {
    flex-direction: column;
  }
}
html[data-user-shell="slack"] body[data-page="user-chat-index"] {
  --chat-bg: #0f1113;
  --chat-panel: #211d1a;
  --chat-panel-alt: #181b1e;
  --chat-raised: #29231f;
  --chat-line: #ffffff14;
  --chat-line-strong: #ffffff26;
  --chat-ink: #f5f2ee;
  --chat-muted: #ffffff85;
  --chat-faint: #ffffff52;
  --chat-green: #4be389;
  --chat-blue: #2fc46a;
}
html[data-user-shell="slack"] body[data-page="user-chat-index"] .shell-pane {
  color: var(--chat-ink);
  background: var(--chat-bg);
  border-radius: 0;
  margin-inline-start: 0;
  overflow: hidden;
}
html[data-user-shell="slack"] body[data-page="user-chat-index"] .chat-main {
  width: 100%;
  color: var(--chat-ink);
  background: var(--chat-bg);
  font-family: Figtree, Plus Jakarta Sans, system-ui, sans-serif;
  height: 100% !important;
  padding: 0 !important;
}
@media (min-width: 1280px) {
  html[data-user-shell="slack"] body[data-page="user-chat-index"] .chat-frame {
    height: 100%;
    grid-template-columns: 228px 356px minmax(0, 1fr) !important;
    gap: 0 !important;
  }
}
html[data-user-shell="slack"] body[data-page="user-chat-index"] .chat-frame > .chat-col-nav, html[data-user-shell="slack"] body[data-page="user-chat-index"] .chat-frame > .chat-col-queues, html[data-user-shell="slack"] body[data-page="user-chat-index"] .chat-frame > .chat-col-thread {
  color: var(--chat-ink);
  border-width: 0 1px 0 0 !important;
  border-color: var(--chat-line) !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}
html[data-user-shell="slack"] body[data-page="user-chat-index"] .chat-frame > .chat-col-nav {
  background: var(--chat-panel) !important;
  padding: 15px 13px !important;
}
html[data-user-shell="slack"] body[data-page="user-chat-index"] .chat-frame > .chat-col-queues {
  background: var(--chat-panel-alt) !important;
  padding: 15px 13px 11px !important;
}
html[data-user-shell="slack"] body[data-page="user-chat-index"] .chat-frame > .chat-col-thread {
  background: var(--chat-bg) !important;
  border-right: 0 !important;
}
html[data-user-shell="slack"] body[data-page="user-chat-index"] .chat-frame .border-paper-200, html[data-user-shell="slack"] body[data-page="user-chat-index"] .chat-frame .border-paper-300 {
  border-color: var(--chat-line) !important;
}
html[data-user-shell="slack"] body[data-page="user-chat-index"] .chat-frame .bg-paper-0 {
  background-color: var(--chat-panel) !important;
}
html[data-user-shell="slack"] body[data-page="user-chat-index"] .chat-frame .bg-white, html[data-user-shell="slack"] body[data-page="user-chat-index"] .chat-frame .bg-white\/70, html[data-user-shell="slack"] body[data-page="user-chat-index"] .chat-frame .bg-white\/85 {
  background-color: var(--chat-raised) !important;
}
html[data-user-shell="slack"] body[data-page="user-chat-index"] .chat-frame .bg-paper-50 {
  background-color: #ffffff09 !important;
}
html[data-user-shell="slack"] body[data-page="user-chat-index"] .chat-frame .bg-paper-100 {
  background-color: #fff1 !important;
}
html[data-user-shell="slack"] body[data-page="user-chat-index"] .chat-frame .bg-wa-mint, html[data-user-shell="slack"] body[data-page="user-chat-index"] .chat-frame .bg-wa-mint\/40, html[data-user-shell="slack"] body[data-page="user-chat-index"] .chat-frame .bg-wa-mint\/60 {
  background-color: #4be3891f !important;
}
html[data-user-shell="slack"] body[data-page="user-chat-index"] .chat-frame .text-ink-900, html[data-user-shell="slack"] body[data-page="user-chat-index"] .chat-frame .text-ink-800, html[data-user-shell="slack"] body[data-page="user-chat-index"] .chat-frame .text-ink-700 {
  color: #ffffffc2 !important;
}
html[data-user-shell="slack"] body[data-page="user-chat-index"] .chat-frame .text-ink-600, html[data-user-shell="slack"] body[data-page="user-chat-index"] .chat-frame .text-ink-500 {
  color: var(--chat-muted) !important;
}
html[data-user-shell="slack"] body[data-page="user-chat-index"] .chat-frame .text-wa-deep {
  color: var(--chat-green) !important;
}
html[data-user-shell="slack"] body[data-page="user-chat-index"] .chat-frame .text-paper-0 {
  color: #101c15 !important;
}
html[data-user-shell="slack"] body[data-page="user-chat-index"] .chat-frame .font-serif {
  letter-spacing: -.018em;
  font-weight: 780;
  font-family: Figtree, Plus Jakarta Sans, system-ui, sans-serif !important;
  font-style: normal !important;
}
html[data-user-shell="slack"] body[data-page="user-chat-index"] .chat-col-nav > .font-serif:first-child, html[data-user-shell="slack"] body[data-page="user-chat-index"] .chat-col-queues > div:first-child .font-serif:first-child {
  letter-spacing: .12em;
  text-transform: uppercase;
  color: var(--chat-faint) !important;
  font: 650 9px / 1.2 Figtree, sans-serif !important;
}
html[data-user-shell="slack"] body[data-page="user-chat-index"] .chat-col-nav > h1, html[data-user-shell="slack"] body[data-page="user-chat-index"] .chat-col-queues h2 {
  color: #fff;
  margin-top: 4px;
  font-size: 18px !important;
}
html[data-user-shell="slack"] body[data-page="user-chat-index"] #filter-list {
  margin-top: 13px !important;
}
html[data-user-shell="slack"] body[data-page="user-chat-index"] #filter-list .filter-btn {
  min-height: 34px;
  color: #ffffff94 !important;
  background: none !important;
  border-radius: 7px !important;
  padding: 7px 9px !important;
  font-size: 12px !important;
}
html[data-user-shell="slack"] body[data-page="user-chat-index"] #filter-list .filter-btn:hover {
  color: #fff !important;
  background: #ffffff0d !important;
}
html[data-user-shell="slack"] body[data-page="user-chat-index"] #filter-list .filter-btn[aria-pressed="true"] {
  box-shadow: inset 0 0 0 1px #2fc46a45;
  color: #fff !important;
  background: #2fc46a36 !important;
}
html[data-user-shell="slack"] body[data-page="user-chat-index"] .chat-col-nav [data-template-category] {
  color: #ffffffa3;
  min-height: 34px;
  border-color: var(--chat-line) !important;
  background: #ffffff06 !important;
  border-radius: 8px !important;
  padding: 7px 9px !important;
}
html[data-user-shell="slack"] body[data-page="user-chat-index"] .chat-col-nav [data-template-category]:hover {
  border-color: var(--chat-line-strong) !important;
  background: #ffffff0d !important;
}
html[data-user-shell="slack"] body[data-page="user-chat-index"] .chat-col-nav > div.rounded-\[14px\] {
  background: #4be38911 !important;
  border-color: #4be3892b !important;
}
html[data-user-shell="slack"] body[data-page="user-chat-index"] #compose-btn, html[data-user-shell="slack"] body[data-page="user-chat-index"] #thread-archive, html[data-user-shell="slack"] body[data-page="user-chat-index"] #thread-more {
  color: #ffffffad;
  border-color: var(--chat-line-strong) !important;
  background: #ffffff09 !important;
}
html[data-user-shell="slack"] body[data-page="user-chat-index"] #compose-btn:hover, html[data-user-shell="slack"] body[data-page="user-chat-index"] #thread-archive:hover, html[data-user-shell="slack"] body[data-page="user-chat-index"] #thread-more:hover {
  color: #fff;
  background: #ffffff13 !important;
}
html[data-user-shell="slack"] body[data-page="user-chat-index"] #queue-search, html[data-user-shell="slack"] body[data-page="user-chat-index"] #device-select, html[data-user-shell="slack"] body[data-page="user-chat-index"] #sort-select {
  border-color: var(--chat-line-strong) !important;
  color: var(--chat-ink) !important;
  background: #ffffff09 !important;
  border-radius: 9px !important;
}
html[data-user-shell="slack"] body[data-page="user-chat-index"] #queue-search::placeholder {
  color: #ffffff4d;
}
html[data-user-shell="slack"] body[data-page="user-chat-index"] :is(#device-select, html[data-user-shell="slack"] #sort-select) option {
  color: #0f1113;
  background: #f5f2ee;
}
html[data-user-shell="slack"] body[data-page="user-chat-index"] #queue-search:focus, html[data-user-shell="slack"] body[data-page="user-chat-index"] #device-select:focus, html[data-user-shell="slack"] body[data-page="user-chat-index"] #sort-select:focus {
  box-shadow: 0 0 0 2px #4be38912;
  border-color: #4be3898c !important;
}
html[data-user-shell="slack"] body[data-page="user-chat-index"] .chat-col-queues > .rounded-xl.bg-paper-50 {
  color: var(--chat-muted) !important;
  background: #ffffff06 !important;
}
html[data-user-shell="slack"] body[data-page="user-chat-index"] #queue-list {
  scrollbar-color: #ffffff1f transparent;
}
html[data-user-shell="slack"] body[data-page="user-chat-index"] #queue-list > button {
  color: #ffffffb8;
  border-color: var(--chat-line) !important;
  background: #ffffff06 !important;
  border-radius: 11px !important;
}
html[data-user-shell="slack"] body[data-page="user-chat-index"] #queue-list > button:hover {
  border-color: var(--chat-line-strong) !important;
  background: #ffffff0d !important;
}
html[data-user-shell="slack"] body[data-page="user-chat-index"] #queue-list > button.border-wa-deep {
  background: #2fc46a26 !important;
  border-color: #2fc46a57 !important;
}
html[data-user-shell="slack"] body[data-page="user-chat-index"] #queue-list [data-queue-gear] {
  border-color: var(--chat-line) !important;
  color: var(--chat-muted) !important;
  background: #ffffff09 !important;
}
html[data-user-shell="slack"] body[data-page="user-chat-index"] #send-all, html[data-user-shell="slack"] body[data-page="user-chat-index"] #send-selected {
  border-color: var(--chat-line-strong) !important;
  color: #ffffffb8 !important;
  background: #ffffff0a !important;
  border-radius: 9px !important;
}
html[data-user-shell="slack"] body[data-page="user-chat-index"] #send-all:hover, html[data-user-shell="slack"] body[data-page="user-chat-index"] #send-selected:hover {
  color: #fff !important;
  background: #ffffff14 !important;
}
html[data-user-shell="slack"] body[data-page="user-chat-index"] .chat-col-thread > div:first-child {
  min-height: 64px;
  border-color: var(--chat-line) !important;
  background: var(--chat-bg) !important;
}
html[data-user-shell="slack"] body[data-page="user-chat-index"] #thread-avatar {
  color: var(--chat-green);
  background: #4be38921 !important;
  border-color: #4be38933 !important;
}
html[data-user-shell="slack"] body[data-page="user-chat-index"] #message-list {
  color: var(--chat-ink);
  scrollbar-color: #ffffff1f transparent;
  background: radial-gradient(80% 50% at 50% 0%, #4be38906, transparent 68%), var(--chat-bg) !important;
}
html[data-user-shell="slack"] body[data-page="user-chat-index"] #message-list [data-msg-id] {
  color: var(--chat-ink);
  border-color: var(--chat-line) !important;
  background: var(--chat-raised) !important;
}
html[data-user-shell="slack"] body[data-page="user-chat-index"] #message-list .bg-wa-mint[data-msg-id] {
  background: #4be3891c !important;
  border-color: #4be3892e !important;
}
html[data-user-shell="slack"] body[data-page="user-chat-index"] .chat-col-thread > div:last-child {
  border-color: var(--chat-line) !important;
  background: var(--chat-panel) !important;
}
html[data-user-shell="slack"] body[data-page="user-chat-index"] .chat-col-thread > div:last-child > .relative {
  color: var(--chat-ink);
  border-color: var(--chat-line-strong) !important;
  box-shadow: none !important;
  background: #ffffff09 !important;
}
html[data-user-shell="slack"] body[data-page="user-chat-index"] #composer {
  caret-color: var(--chat-green);
  color: var(--chat-ink) !important;
}
html[data-user-shell="slack"] body[data-page="user-chat-index"] #composer::placeholder {
  color: #ffffff4d;
}
html[data-user-shell="slack"] body[data-page="user-chat-index"] #attach-btn:hover, html[data-user-shell="slack"] body[data-page="user-chat-index"] #emoji-btn:hover, html[data-user-shell="slack"] body[data-page="user-chat-index"] #format-bold:hover {
  background: #ffffff12 !important;
}
html[data-user-shell="slack"] body[data-page="user-chat-index"] #send-btn {
  color: #0d1d14 !important;
  background: var(--chat-green) !important;
}
html[data-user-shell="slack"] body[data-page="user-chat-index"] #attach-menu, html[data-user-shell="slack"] body[data-page="user-chat-index"] #emoji-panel, html[data-user-shell="slack"] body[data-page="user-chat-index"] #queue-menu {
  color: var(--chat-ink);
  border-color: var(--chat-line-strong) !important;
  background: var(--chat-raised) !important;
}
html[data-user-shell="slack"] body[data-page="user-chat-index"] #attach-menu button:hover, html[data-user-shell="slack"] body[data-page="user-chat-index"] #queue-menu button:hover {
  background: #ffffff0f !important;
}
html[data-user-shell="slack"] body[data-page="user-chat-index"] .chat-frame .skeleton {
  background-color: #ffffff12 !important;
}
html[data-user-shell="slack"] body[data-page="user-chat-index"] :is(#template-modal, html[data-user-shell="slack"] #compose-modal, html[data-user-shell="slack"] #schedule-modal, html[data-user-shell="slack"] #location-modal, html[data-user-shell="slack"] #confirm-modal, html[data-user-shell="slack"] #details-drawer, html[data-user-shell="slack"] #ai-drawer) {
  color: var(--chat-ink);
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
}
html[data-user-shell="slack"] body[data-page="user-chat-index"] :is(#template-modal, html[data-user-shell="slack"] #compose-modal, html[data-user-shell="slack"] #schedule-modal, html[data-user-shell="slack"] #location-modal, html[data-user-shell="slack"] #confirm-modal) > div, html[data-user-shell="slack"] body[data-page="user-chat-index"] :is(#details-panel, html[data-user-shell="slack"] #ai-panel) {
  color: var(--chat-ink);
  border-color: var(--chat-line-strong) !important;
  background: var(--chat-raised) !important;
}
html[data-user-shell="slack"] body[data-page="user-chat-index"] :is(#template-modal, html[data-user-shell="slack"] #compose-modal, html[data-user-shell="slack"] #schedule-modal, html[data-user-shell="slack"] #location-modal, html[data-user-shell="slack"] #confirm-modal, html[data-user-shell="slack"] #details-panel, html[data-user-shell="slack"] #ai-panel) .bg-paper-0, html[data-user-shell="slack"] body[data-page="user-chat-index"] :is(#template-modal, html[data-user-shell="slack"] #compose-modal, html[data-user-shell="slack"] #schedule-modal, html[data-user-shell="slack"] #location-modal, html[data-user-shell="slack"] #confirm-modal, html[data-user-shell="slack"] #details-panel, html[data-user-shell="slack"] #ai-panel) .bg-white {
  background: var(--chat-raised) !important;
}
html[data-user-shell="slack"] body[data-page="user-chat-index"] :is(#template-modal, html[data-user-shell="slack"] #compose-modal, html[data-user-shell="slack"] #schedule-modal, html[data-user-shell="slack"] #location-modal, html[data-user-shell="slack"] #confirm-modal, html[data-user-shell="slack"] #details-panel, html[data-user-shell="slack"] #ai-panel) .bg-paper-50 {
  background: var(--chat-panel) !important;
}
html[data-user-shell="slack"] body[data-page="user-chat-index"] :is(#template-modal, html[data-user-shell="slack"] #compose-modal, html[data-user-shell="slack"] #schedule-modal, html[data-user-shell="slack"] #location-modal, html[data-user-shell="slack"] #confirm-modal, html[data-user-shell="slack"] #details-panel, html[data-user-shell="slack"] #ai-panel) .border-paper-200 {
  border-color: var(--chat-line) !important;
}
html[data-user-shell="slack"] body[data-page="user-chat-index"] :is(#template-modal, html[data-user-shell="slack"] #compose-modal, html[data-user-shell="slack"] #schedule-modal, html[data-user-shell="slack"] #location-modal, html[data-user-shell="slack"] #confirm-modal, html[data-user-shell="slack"] #details-panel, html[data-user-shell="slack"] #ai-panel) :is(input, html[data-user-shell="slack"] textarea, html[data-user-shell="slack"] select) {
  border-color: var(--chat-line-strong) !important;
  color: var(--chat-ink) !important;
  background: #ffffff0a !important;
}
html[data-user-shell="slack"] body[data-page="user-chat-index"] :is(#template-modal, html[data-user-shell="slack"] #compose-modal, html[data-user-shell="slack"] #schedule-modal, html[data-user-shell="slack"] #location-modal, html[data-user-shell="slack"] #confirm-modal, html[data-user-shell="slack"] #details-panel, html[data-user-shell="slack"] #ai-panel) :is(select option) {
  color: #0f1113;
  background: #f5f2ee;
}
html[data-user-shell="slack"] body[data-page="user-chat-index"] :is(#template-modal, html[data-user-shell="slack"] #compose-modal, html[data-user-shell="slack"] #schedule-modal, html[data-user-shell="slack"] #location-modal, html[data-user-shell="slack"] #confirm-modal, html[data-user-shell="slack"] #details-panel, html[data-user-shell="slack"] #ai-panel) .font-serif {
  color: #fff;
  font-weight: 780;
  font-family: Figtree, sans-serif !important;
  font-style: normal !important;
}
html[data-user-shell="slack"] body[data-page="user-chat-index"] :is(#template-modal, html[data-user-shell="slack"] #compose-modal, html[data-user-shell="slack"] #schedule-modal, html[data-user-shell="slack"] #location-modal, html[data-user-shell="slack"] #confirm-modal, html[data-user-shell="slack"] #details-panel, html[data-user-shell="slack"] #ai-panel) .text-ink-900, html[data-user-shell="slack"] body[data-page="user-chat-index"] :is(#template-modal, html[data-user-shell="slack"] #compose-modal, html[data-user-shell="slack"] #schedule-modal, html[data-user-shell="slack"] #location-modal, html[data-user-shell="slack"] #confirm-modal, html[data-user-shell="slack"] #details-panel, html[data-user-shell="slack"] #ai-panel) .text-ink-700 {
  color: #ffffffbf !important;
}
html[data-user-shell="slack"] body[data-page="user-chat-index"] :is(#template-modal, html[data-user-shell="slack"] #compose-modal, html[data-user-shell="slack"] #schedule-modal, html[data-user-shell="slack"] #location-modal, html[data-user-shell="slack"] #confirm-modal, html[data-user-shell="slack"] #details-panel, html[data-user-shell="slack"] #ai-panel) .text-ink-500 {
  color: var(--chat-muted) !important;
}
@media (max-width: 1279.98px) {
  html[data-user-shell="slack"] body[data-page="user-chat-index"] .shell-pane {
    overflow: auto;
  }
}
html[data-user-shell="slack"][data-shell-theme="light"] body[data-page="user-chat-index"] {
  --chat-bg: #eef1ef;
  --chat-panel-alt: #fff;
  --chat-line: #ffffff6e;
  --chat-line-strong: #ffffff80;
  --chat-muted: #fffffff5;
  --chat-faint: #ffffffeb;
  --chat-green: #0e8b50;
  --chat-blue: #128c4a;
}
html[data-user-shell="slack"][data-shell-theme="light"] body[data-page="user-chat-index"] .chat-frame .bg-paper-50 {
  background-color: #ffffff52 !important;
}
html[data-user-shell="slack"][data-shell-theme="light"] body[data-page="user-chat-index"] .chat-frame .bg-paper-100 {
  background-color: #ffffff56 !important;
}
html[data-user-shell="slack"][data-shell-theme="light"] body[data-page="user-chat-index"] .chat-frame .text-ink-900, html[data-user-shell="slack"][data-shell-theme="light"] body[data-page="user-chat-index"] .chat-frame .text-ink-800, html[data-user-shell="slack"][data-shell-theme="light"] body[data-page="user-chat-index"] .chat-frame .text-ink-700 {
  color: #1c1b22f2 !important;
}
html[data-user-shell="slack"][data-shell-theme="light"] body[data-page="user-chat-index"] .chat-col-nav > h1, html[data-user-shell="slack"][data-shell-theme="light"] body[data-page="user-chat-index"] .chat-col-queues h2 {
  color: #1c1b22;
}
html[data-user-shell="slack"][data-shell-theme="light"] body[data-page="user-chat-index"] #filter-list .filter-btn {
  color: #1c1b22d4 !important;
}
html[data-user-shell="slack"][data-shell-theme="light"] body[data-page="user-chat-index"] #filter-list .filter-btn:hover {
  color: #1c1b22 !important;
  background: #ffffff54 !important;
}
html[data-user-shell="slack"][data-shell-theme="light"] body[data-page="user-chat-index"] #filter-list .filter-btn[aria-pressed="true"] {
  color: #1c1b22 !important;
}
html[data-user-shell="slack"][data-shell-theme="light"] body[data-page="user-chat-index"] .chat-col-nav [data-template-category] {
  color: #1c1b22e3;
  background: #ffffff50 !important;
}
html[data-user-shell="slack"][data-shell-theme="light"] body[data-page="user-chat-index"] .chat-col-nav [data-template-category]:hover {
  background: #ffffff54 !important;
}
html[data-user-shell="slack"][data-shell-theme="light"] body[data-page="user-chat-index"] #compose-btn, html[data-user-shell="slack"][data-shell-theme="light"] body[data-page="user-chat-index"] #thread-archive, html[data-user-shell="slack"][data-shell-theme="light"] body[data-page="user-chat-index"] #thread-more {
  color: #1c1b22ed;
  background: #ffffff52 !important;
}
html[data-user-shell="slack"][data-shell-theme="light"] body[data-page="user-chat-index"] #compose-btn:hover, html[data-user-shell="slack"][data-shell-theme="light"] body[data-page="user-chat-index"] #thread-archive:hover, html[data-user-shell="slack"][data-shell-theme="light"] body[data-page="user-chat-index"] #thread-more:hover {
  color: #1c1b22;
  background: #ffffff58 !important;
}
html[data-user-shell="slack"][data-shell-theme="light"] body[data-page="user-chat-index"] #queue-search, html[data-user-shell="slack"][data-shell-theme="light"] body[data-page="user-chat-index"] #device-select, html[data-user-shell="slack"][data-shell-theme="light"] body[data-page="user-chat-index"] #sort-select {
  background: #ffffff52 !important;
}
html[data-user-shell="slack"][data-shell-theme="light"] body[data-page="user-chat-index"] #queue-search::placeholder {
  color: #1c1b228c;
}
html[data-user-shell="slack"][data-shell-theme="light"] body[data-page="user-chat-index"] .chat-col-queues > .rounded-xl.bg-paper-50 {
  background: #ffffff50 !important;
}
html[data-user-shell="slack"][data-shell-theme="light"] body[data-page="user-chat-index"] #queue-list > button {
  color: #1c1b22f2;
  background: #ffffff50 !important;
}
html[data-user-shell="slack"][data-shell-theme="light"] body[data-page="user-chat-index"] #queue-list > button:hover {
  background: #ffffff54 !important;
}
html[data-user-shell="slack"][data-shell-theme="light"] body[data-page="user-chat-index"] #queue-list [data-queue-gear] {
  background: #ffffff52 !important;
}
html[data-user-shell="slack"][data-shell-theme="light"] body[data-page="user-chat-index"] #send-all, html[data-user-shell="slack"][data-shell-theme="light"] body[data-page="user-chat-index"] #send-selected {
  color: #1c1b22f2 !important;
  background: #ffffff53 !important;
}
html[data-user-shell="slack"][data-shell-theme="light"] body[data-page="user-chat-index"] #send-all:hover, html[data-user-shell="slack"][data-shell-theme="light"] body[data-page="user-chat-index"] #send-selected:hover {
  color: #1c1b22 !important;
  background: #ffffff59 !important;
}
html[data-user-shell="slack"][data-shell-theme="light"] body[data-page="user-chat-index"] .chat-col-thread > div:last-child > .relative {
  background: #ffffff52 !important;
}
html[data-user-shell="slack"][data-shell-theme="light"] body[data-page="user-chat-index"] #composer::placeholder {
  color: #1c1b228c;
}
html[data-user-shell="slack"][data-shell-theme="light"] body[data-page="user-chat-index"] #attach-btn:hover, html[data-user-shell="slack"][data-shell-theme="light"] body[data-page="user-chat-index"] #emoji-btn:hover, html[data-user-shell="slack"][data-shell-theme="light"] body[data-page="user-chat-index"] #format-bold:hover {
  background: #ffffff57 !important;
}
html[data-user-shell="slack"][data-shell-theme="light"] body[data-page="user-chat-index"] #attach-menu button:hover, html[data-user-shell="slack"][data-shell-theme="light"] body[data-page="user-chat-index"] #queue-menu button:hover {
  background: #ffffff56 !important;
}
html[data-user-shell="slack"][data-shell-theme="light"] body[data-page="user-chat-index"] .chat-frame .skeleton {
  background-color: #ffffff57 !important;
}
html[data-user-shell="slack"][data-shell-theme="light"] body[data-page="user-chat-index"] :is(#template-modal, html[data-user-shell="slack"][data-shell-theme="light"] #compose-modal, html[data-user-shell="slack"][data-shell-theme="light"] #schedule-modal, html[data-user-shell="slack"][data-shell-theme="light"] #location-modal, html[data-user-shell="slack"][data-shell-theme="light"] #confirm-modal, html[data-user-shell="slack"][data-shell-theme="light"] #details-panel, html[data-user-shell="slack"][data-shell-theme="light"] #ai-panel) :is(input, html[data-user-shell="slack"][data-shell-theme="light"] textarea, html[data-user-shell="slack"][data-shell-theme="light"] select) {
  background: #ffffff53 !important;
}
html[data-user-shell="slack"][data-shell-theme="light"] body[data-page="user-chat-index"] :is(#template-modal, html[data-user-shell="slack"][data-shell-theme="light"] #compose-modal, html[data-user-shell="slack"][data-shell-theme="light"] #schedule-modal, html[data-user-shell="slack"][data-shell-theme="light"] #location-modal, html[data-user-shell="slack"][data-shell-theme="light"] #confirm-modal, html[data-user-shell="slack"][data-shell-theme="light"] #details-panel, html[data-user-shell="slack"][data-shell-theme="light"] #ai-panel) .font-serif {
  color: #1c1b22;
}
html[data-user-shell="slack"][data-shell-theme="light"] body[data-page="user-chat-index"] :is(#template-modal, html[data-user-shell="slack"][data-shell-theme="light"] #compose-modal, html[data-user-shell="slack"][data-shell-theme="light"] #schedule-modal, html[data-user-shell="slack"][data-shell-theme="light"] #location-modal, html[data-user-shell="slack"][data-shell-theme="light"] #confirm-modal, html[data-user-shell="slack"][data-shell-theme="light"] #details-panel, html[data-user-shell="slack"][data-shell-theme="light"] #ai-panel) .text-ink-900, html[data-user-shell="slack"][data-shell-theme="light"] body[data-page="user-chat-index"] :is(#template-modal, html[data-user-shell="slack"][data-shell-theme="light"] #compose-modal, html[data-user-shell="slack"][data-shell-theme="light"] #schedule-modal, html[data-user-shell="slack"][data-shell-theme="light"] #location-modal, html[data-user-shell="slack"][data-shell-theme="light"] #confirm-modal, html[data-user-shell="slack"][data-shell-theme="light"] #details-panel, html[data-user-shell="slack"][data-shell-theme="light"] #ai-panel) .text-ink-700 {
  color: #1c1b22f2 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-call-logs-index"] .shell-pane {
  background: radial-gradient(100% 68% at 88% 0, #3b7dff17, #0000 46%), linear-gradient(155deg, #211d1a 0%, #0f1113 48%, #17181e 100%);
  overflow: auto;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .call-logs-page {
  color: #f7f4f2;
  width: min(1120px, 100%);
  padding: 28px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .call-logs-hero, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .call-logs-panel-head, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .call-logs-filters, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .call-log-contact, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .call-log-open {
  align-items: center;
  display: flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .call-logs-hero {
  justify-content: space-between;
  gap: 24px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) body[data-page="user-call-logs-index"] .call-logs-hero {
  background: none !important;
  border-color: #0000 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .call-logs-eyebrow {
  color: #8ea9ff;
  letter-spacing: .16em;
  text-transform: uppercase;
  margin-bottom: 7px;
  font-size: 10px;
  font-weight: 800;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .call-logs-hero h1 {
  color: #fff;
  letter-spacing: -.025em;
  margin: 0;
  font-size: 28px;
  font-weight: 800;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .call-logs-hero p {
  color: #ffffff85;
  max-width: 660px;
  margin: 5px 0 0;
  font-size: 13px;
  line-height: 1.55;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .call-logs-primary-action {
  color: #07150d;
  background: #4be389;
  border: 1px solid #4be38957;
  border-radius: 11px;
  flex: none;
  align-items: center;
  gap: 8px;
  min-height: 40px;
  padding: 0 16px;
  font-size: 13px;
  font-weight: 800;
  display: inline-flex;
  box-shadow: 0 10px 24px #00000029;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .call-logs-primary-action:hover {
  background: #65eba0;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .call-logs-primary-action svg {
  width: 17px;
  height: 17px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .call-logs-stats {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  margin-top: 22px;
  display: grid;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .call-log-stat {
  background: #ffffff08;
  border: 1px solid #ffffff1a;
  border-radius: 16px;
  flex-direction: column;
  align-items: flex-start;
  min-height: 142px;
  padding: 16px;
  display: flex;
  box-shadow: 0 10px 28px #00000017;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .call-log-stat-icon {
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 36px;
  display: inline-flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .call-log-stat-icon svg {
  width: 18px;
  height: 18px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .call-log-stat-total .call-log-stat-icon {
  color: #4be389;
  background: #4be38926;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .call-log-stat-recent .call-log-stat-icon {
  color: #7ea0ff;
  background: #5b8cff29;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .call-log-stat-complete .call-log-stat-icon {
  color: #42d9c4;
  background: #42d9c426;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .call-log-stat-failed .call-log-stat-icon {
  color: #ff668d;
  background: #e01e5a26;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .call-log-stat strong {
  color: #fff;
  margin-top: 14px;
  font-size: 27px;
  font-weight: 800;
  line-height: 1;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .call-log-stat > span:last-child {
  color: #ffffff80;
  margin-top: 6px;
  font-size: 11.5px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .call-logs-panel {
  background: #15141447;
  border: 1px solid #ffffff1a;
  border-radius: 16px;
  margin-top: 18px;
  overflow: hidden;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .call-logs-panel-head {
  border-bottom: 1px solid #ffffff17;
  justify-content: space-between;
  gap: 18px;
  min-height: 72px;
  padding: 13px 16px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .call-logs-panel-head h2 {
  color: #fff;
  margin: 0;
  font-size: 15px;
  font-weight: 750;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .call-logs-panel-head p {
  color: #ffffff6b;
  margin: 3px 0 0;
  font-size: 11px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .call-logs-filters {
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 7px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .call-logs-filters input, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .call-logs-filters select {
  color: #ffffffc7;
  background: #ffffff0a;
  border: 1px solid #ffffff1f;
  border-radius: 8px;
  outline: 0;
  height: 34px;
  font-size: 11.5px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .call-logs-filters select {
  padding: 0 28px 0 10px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .call-logs-filters select option {
  color: #f7f4f2;
  background: #25211f;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .call-logs-filters input:focus, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .call-logs-filters select:focus {
  border-color: #5b8cffb3;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .call-logs-search {
  display: block;
  position: relative;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .call-logs-search svg {
  color: #ffffff61;
  width: 15px;
  height: 15px;
  position: absolute;
  top: 9px;
  left: 10px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .call-logs-search input {
  width: 154px;
  padding: 0 10px 0 31px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .call-logs-search input::placeholder {
  color: #ffffff59;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .call-logs-filter-button, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .call-logs-clear {
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  height: 34px;
  font-size: 11.5px;
  font-weight: 700;
  display: inline-flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .call-logs-filter-button {
  color: #fff;
  background: #25d366;
  border: 1px solid #5b8cff73;
  padding: 0 13px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .call-logs-filter-button:hover {
  background: #719cff;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .call-logs-clear {
  color: #ffffff8c;
  padding: 0 7px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .call-logs-clear:hover {
  color: #fff;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .call-logs-table-wrap {
  overflow-x: auto;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .call-logs-table {
  min-width: 880px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .call-log-table-row {
  grid-template-columns: minmax(190px, 1.45fr) minmax(110px, .8fr) 115px 82px 105px 78px 64px;
  align-items: center;
  gap: 12px;
  padding: 0 18px;
  display: grid;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .call-log-table-header {
  color: #ffffff61;
  letter-spacing: .09em;
  text-transform: uppercase;
  background: #ffffff05;
  border-bottom: 1px solid #ffffff14;
  min-height: 38px;
  font-size: 14px;
  font-weight: 750;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .call-log-data-row {
  color: #ffffffb3;
  border-bottom: 1px solid #ffffff0f;
  min-height: 64px;
  font-size: 11.5px;
  transition: background-color .14s;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .call-log-data-row:last-child {
  border-bottom: 0;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .call-log-data-row:hover {
  background: #ffffff09;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .call-log-contact {
  gap: 11px;
  min-width: 0;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .call-log-avatar {
  color: #c7a8ff;
  background: #b98cff33;
  border-radius: 50%;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 36px;
  font-size: 10px;
  font-weight: 800;
  display: inline-flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .call-log-contact-copy {
  min-width: 0;
  display: block;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .call-log-contact-copy strong {
  color: #f9f7f5;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 12.5px;
  font-weight: 700;
  display: block;
  overflow: hidden;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .call-log-contact-copy > span {
  color: #ffffff5c;
  text-overflow: ellipsis;
  white-space: nowrap;
  align-items: center;
  gap: 4px;
  margin-top: 3px;
  font-size: 10px;
  display: flex;
  overflow: hidden;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .call-log-contact-copy svg {
  color: #4be389;
  width: 12px;
  height: 12px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .call-log-muted {
  color: #ffffff70;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .call-log-status {
  text-transform: capitalize;
  white-space: nowrap;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  min-height: 23px;
  padding: 0 9px;
  font-size: 14px;
  font-weight: 750;
  display: inline-flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .call-log-status.is-completed {
  color: #62e99c;
  background: #4be38926;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .call-log-status.is-live {
  color: #8eabff;
  background: #5b8cff2b;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .call-log-status.is-failed {
  color: #ff668d;
  background: #e01e5a29;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .call-log-status.is-missed {
  color: #ffc46b;
  background: #ffc46b29;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .call-log-status.is-neutral {
  color: #fff9;
  background: #ffffff14;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .call-log-open {
  color: #ffffff70;
  justify-content: flex-end;
  gap: 4px;
  font-size: 10.5px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .call-log-open svg {
  width: 13px;
  height: 13px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .call-log-data-row:hover .call-log-open {
  color: #8eabff;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .call-logs-empty {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 210px;
  padding: 28px;
  display: flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .call-logs-empty-icon {
  color: #4be389;
  background: #4be3891f;
  border-radius: 14px;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  display: inline-flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .call-logs-empty-icon svg {
  width: 23px;
  height: 23px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .call-logs-empty strong {
  color: #fff;
  margin-top: 13px;
  font-size: 14px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .call-logs-empty p {
  color: #fff6;
  max-width: 440px;
  margin: 5px 0 0;
  font-size: 11.5px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .call-logs-pagination {
  border-top: 1px solid #ffffff14;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .call-logs-pagination:empty {
  display: none;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .call-logs-pagination nav {
  color: #ffffff94;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .call-logs-pagination nav a, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .call-logs-pagination nav span {
  color: inherit !important;
  background: none !important;
  border-color: #ffffff1a !important;
}
@media (max-width: 1120px) {
  html[data-user-shell="slack"]:not([data-shell-theme="light"]) .call-logs-panel-head {
    flex-direction: column;
    align-items: flex-start;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) .call-logs-filters {
    justify-content: flex-start;
  }
}
@media (max-width: 760px) {
  html[data-user-shell="slack"]:not([data-shell-theme="light"]) .call-logs-page {
    padding: 20px 16px;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) .call-logs-hero {
    align-items: flex-start;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) .call-logs-hero h1 {
    font-size: 24px;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) .call-logs-primary-action {
    min-height: 36px;
    padding: 0 12px;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) .call-logs-stats {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) .call-log-stat {
    min-height: 126px;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) .call-logs-search, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .call-logs-search input {
    width: 100%;
  }
}
@media (max-width: 460px) {
  html[data-user-shell="slack"]:not([data-shell-theme="light"]) .call-logs-hero {
    flex-direction: column;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) .call-logs-stats {
    grid-template-columns: 1fr;
  }
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-call-logs-detail"] .shell-pane {
  background: radial-gradient(100% 68% at 88% 0, #3b7dff17, #0000 46%), linear-gradient(155deg, #211d1a 0%, #0f1113 48%, #17181e 100%);
  overflow: auto;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .call-detail-page {
  color: #f7f4f2;
  width: min(1120px, 100%);
  padding: 25px 28px 34px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .call-detail-back {
  color: #ffffff7a;
  align-items: center;
  gap: 5px;
  margin-bottom: 13px;
  font-size: 11px;
  font-weight: 650;
  display: inline-flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .call-detail-back:hover {
  color: #8eabff;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .call-detail-back svg {
  width: 14px;
  height: 14px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .call-detail-hero {
  background: #ffffff08;
  border: 1px solid #ffffff1a;
  border-radius: 16px;
  justify-content: space-between;
  align-items: center;
  gap: 22px;
  padding: 18px;
  display: flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) body[data-page="user-call-logs-detail"] .call-detail-hero {
  background: #ffffff08 !important;
  border-color: #ffffff1a !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .call-detail-person {
  align-items: center;
  gap: 14px;
  min-width: 0;
  display: flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .call-detail-avatar {
  color: #4be389;
  background: #4be38924;
  border-radius: 14px;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  display: inline-flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .call-detail-avatar svg {
  width: 23px;
  height: 23px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .call-detail-person-copy {
  min-width: 0;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .call-detail-eyebrow {
  color: #ffffff61;
  letter-spacing: .09em;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 750;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .call-detail-title-line {
  align-items: center;
  gap: 10px;
  margin-top: 3px;
  display: flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .call-detail-title-line h1 {
  color: #fff;
  letter-spacing: -.02em;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 0;
  font-size: 22px;
  font-weight: 800;
  overflow: hidden;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .call-detail-person-copy p {
  color: #ffffff6e;
  flex-wrap: wrap;
  gap: 5px;
  margin: 4px 0 0;
  font-size: 10.5px;
  display: flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .call-detail-person-copy p a {
  color: #8eabff;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .call-detail-actions {
  flex: none;
  align-items: center;
  gap: 8px;
  display: flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .call-detail-secondary-action, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .call-detail-primary-action {
  border-radius: 9px;
  justify-content: center;
  align-items: center;
  min-height: 36px;
  padding: 0 13px;
  font-size: 11px;
  font-weight: 750;
  display: inline-flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .call-detail-secondary-action {
  color: #ffffffad;
  border: 1px solid #ffffff1f;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .call-detail-secondary-action:hover {
  color: #fff;
  background: #ffffff0d;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .call-detail-primary-action {
  color: #07150d;
  background: #4be389;
  gap: 7px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .call-detail-primary-action svg {
  width: 13px;
  height: 13px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .call-detail-alert {
  color: #ff7899;
  background: #e01e5a17;
  border: 1px solid #e01e5a40;
  border-radius: 11px;
  align-items: flex-start;
  gap: 9px;
  margin-top: 12px;
  padding: 11px 13px;
  display: flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .call-detail-alert svg {
  flex: none;
  width: 17px;
  height: 17px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .call-detail-alert div {
  flex-direction: column;
  gap: 2px;
  display: flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .call-detail-alert strong {
  font-size: 11px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .call-detail-alert span {
  color: #ffaabec2;
  font-size: 10.5px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .call-detail-stats {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin-top: 12px;
  display: grid;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .call-detail-stats article {
  background: #ffffff06;
  border: 1px solid #ffffff17;
  border-radius: 12px;
  padding: 13px 15px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .call-detail-stats span {
  color: #ffffff63;
  letter-spacing: .06em;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 700;
  display: block;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .call-detail-stats strong {
  color: #fff;
  margin-top: 7px;
  font-size: 19px;
  font-weight: 800;
  display: block;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .call-detail-stats small {
  color: #ffffff59;
  margin-top: 3px;
  font-size: 14px;
  display: block;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .call-detail-layout {
  grid-template-columns: minmax(0, 1fr) 310px;
  align-items: start;
  gap: 12px;
  margin-top: 12px;
  display: grid;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .call-detail-sidebar {
  gap: 12px;
  display: grid;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .call-detail-card {
  background: #1212136b;
  border: 1px solid #ffffff1a;
  border-radius: 14px;
  overflow: hidden;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .call-detail-card-head {
  border-bottom: 1px solid #ffffff14;
  justify-content: space-between;
  align-items: center;
  gap: 14px;
  min-height: 59px;
  padding: 11px 14px;
  display: flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .call-detail-card-head h2 {
  color: #fff;
  margin: 0;
  font-size: 13px;
  font-weight: 750;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .call-detail-card-head p {
  color: #ffffff59;
  margin: 3px 0 0;
  font-size: 14px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .call-detail-card-head > span {
  color: #8eabff;
  background: #5b8cff24;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  min-width: 25px;
  height: 23px;
  font-size: 14px;
  font-weight: 750;
  display: inline-flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .call-detail-transcript-body {
  min-height: 330px;
  max-height: 590px;
  padding: 16px;
  overflow-y: auto;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .call-detail-turn {
  flex-direction: column;
  margin-bottom: 12px;
  display: flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .call-detail-turn:last-child {
  margin-bottom: 0;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .call-detail-turn.is-agent {
  align-items: flex-start;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .call-detail-turn.is-caller {
  align-items: flex-end;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .call-detail-turn-label {
  color: #ffffff5e;
  text-transform: uppercase;
  gap: 6px;
  margin: 0 4px 4px;
  font-size: 14px;
  font-weight: 700;
  display: flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .call-detail-turn.is-agent .call-detail-turn-label span {
  color: #62e99c;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .call-detail-turn.is-caller .call-detail-turn-label span {
  color: #8eabff;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .call-detail-bubble {
  color: #ffffffc7;
  white-space: pre-wrap;
  border: 1px solid #ffffff14;
  max-width: 82%;
  padding: 9px 11px;
  font-size: 11.5px;
  line-height: 1.5;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .call-detail-turn.is-agent .call-detail-bubble {
  background: #4be38914;
  border-radius: 4px 11px 11px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .call-detail-turn.is-caller .call-detail-bubble {
  background: #5b8cff1c;
  border-radius: 11px 4px 11px 11px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .call-detail-empty {
  color: #ffffff5c;
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 290px;
  display: flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .call-detail-empty svg {
  color: #4be389;
  width: 30px;
  height: 30px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .call-detail-empty strong {
  color: #ffffffbd;
  margin-top: 10px;
  font-size: 12px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .call-detail-empty span {
  margin-top: 4px;
  font-size: 10px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .call-detail-tool-list, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .call-detail-recordings {
  padding: 13px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .call-detail-tool {
  gap: 9px;
  padding-bottom: 13px;
  display: flex;
  position: relative;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .call-detail-tool:last-child {
  padding-bottom: 0;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .call-detail-tool:before {
  content: "";
  background: #4be3893d;
  width: 1px;
  position: absolute;
  top: 10px;
  bottom: 0;
  left: 4px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .call-detail-tool:last-child:before {
  display: none;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .call-detail-tool-dot {
  z-index: 1;
  background: #1b1a1a;
  border: 2px solid #4be389;
  border-radius: 50%;
  flex: none;
  width: 9px;
  height: 9px;
  margin-top: 3px;
  position: relative;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .call-detail-tool > div {
  flex: 1;
  min-width: 0;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .call-detail-tool strong {
  color: #ffffffbf;
  font-size: 10.5px;
  display: block;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .call-detail-tool time {
  color: #ffffff4d;
  margin-top: 2px;
  font-size: 14px;
  display: block;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .call-detail-tool pre {
  color: #ffffff85;
  white-space: pre-wrap;
  background: #ffffff0a;
  border-radius: 7px;
  max-height: 105px;
  margin: 6px 0 0;
  padding: 7px;
  font-size: 14px;
  overflow: auto;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .call-detail-sidebar-empty {
  color: #ffffff59;
  margin: 0;
  font-size: 10.5px;
  font-style: italic;
  line-height: 1.45;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .call-detail-recordings {
  gap: 11px;
  display: grid;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .call-detail-recordings label {
  color: #ffffff6b;
  text-transform: uppercase;
  gap: 5px;
  font-size: 14px;
  font-weight: 700;
  display: grid;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .call-detail-recordings audio {
  color-scheme: dark;
  width: 100%;
  height: 31px;
}
@media (max-width: 980px) {
  html[data-user-shell="slack"]:not([data-shell-theme="light"]) .call-detail-layout {
    grid-template-columns: 1fr;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) .call-detail-sidebar {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 720px) {
  html[data-user-shell="slack"]:not([data-shell-theme="light"]) .call-detail-page {
    padding: 20px 16px 30px;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) .call-detail-hero {
    flex-direction: column;
    align-items: flex-start;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) .call-detail-stats {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) .call-detail-sidebar {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 460px) {
  html[data-user-shell="slack"]:not([data-shell-theme="light"]) .call-detail-title-line {
    flex-direction: column;
    align-items: flex-start;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) .call-detail-title-line h1 {
    max-width: 230px;
    font-size: 18px;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) .call-detail-stats {
    grid-template-columns: 1fr;
  }
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-campaigns-index"] .shell-pane {
  background: radial-gradient(90% 55% at 90% 0, #3b7dff12, #0000 48%), #0f1113;
  overflow: auto;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-campaigns-index"] .wac-page {
  color: #f7f4f2;
  width: 100%;
  padding: 18px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-campaigns-index"] .wac-layout {
  grid-template-columns: 182px minmax(0, 1fr);
  gap: 12px;
  display: grid;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-campaigns-index"] .wac-filters-rail {
  gap: 9px;
  display: grid;
  position: sticky;
  top: 16px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-campaigns-index"] .wac-filters-rail > * {
  margin: 0;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-campaigns-index"] .wac-filters-rail > div {
  color: #ffffff8c !important;
  box-shadow: none !important;
  background: #ffffff08 !important;
  border-color: #ffffff1a !important;
  border-radius: 12px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-campaigns-index"] .wac-filters-rail > div:first-child {
  display: none;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-campaigns-index"] .wac-filters-rail [data-wac-filter] {
  border-radius: 8px;
  min-height: 31px;
  padding: 6px 9px;
  font-size: 10.5px;
  color: #ffffff9c !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-campaigns-index"] .wac-filters-rail [data-wac-filter]:hover {
  background: #ffffff0d !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-campaigns-index"] .wac-filters-rail [data-wac-filter].bg-wa-deep, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-campaigns-index"] .wac-filters-rail [data-wac-filter].bg-paper-50.text-ink-900 {
  color: #fff !important;
  background: #2f3150 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-campaigns-index"] .wac-filters-rail [data-wac-status-count], html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-campaigns-index"] .wac-filters-rail [data-wac-type-count] {
  color: #ffffff61 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-campaigns-index"] .wac-workspace {
  min-width: 0;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-campaigns-index"] .wac-page-header {
  align-items: center;
  min-height: 69px;
  padding: 0 2px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-campaigns-index"] .wac-page-header h1 {
  color: #fff;
  letter-spacing: -.025em;
  font-family: inherit;
  font-size: 25px;
  font-weight: 800;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-campaigns-index"] .wac-page-header h1 span {
  font-style: normal;
  color: #8eabff !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-campaigns-index"] .wac-page-header p, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-campaigns-index"] .wac-page-header .text-ink-500, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-campaigns-index"] .wac-page-header .text-ink-600 {
  color: #ffffff6e !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-campaigns-index"] .wac-page-header #wac-refresh, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-campaigns-index"] .wac-page-header a, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-campaigns-index"] .wac-page-header > div:last-child > button {
  min-height: 34px;
  padding: 0 11px;
  font-size: 10.5px;
  color: #ffffffb8 !important;
  background: #ffffff0a !important;
  border-color: #ffffff1f !important;
  border-radius: 9px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-campaigns-index"] .wac-page-header a:last-child, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-campaigns-index"] .wac-page-header > div:last-child > button:last-child {
  color: #07150d !important;
  background: #4be389 !important;
  border-color: #4be38959 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-campaigns-index"] .wac-stats {
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 7px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-campaigns-index"] .wac-stats > div {
  min-width: 0;
  box-shadow: none !important;
  background: #ffffff08 !important;
  border-color: #ffffff1a !important;
  border-radius: 11px !important;
  padding: 11px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-campaigns-index"] .wac-stats > div > div:first-child {
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 14px;
  overflow: hidden;
  color: #ffffff6e !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-campaigns-index"] .wac-stats [data-wac-totals] {
  color: #fff;
  font-family: inherit;
  font-size: 22px;
  font-weight: 800;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-campaigns-index"] .wac-stats > div > div:last-child {
  font-size: 14px;
  color: #ffffff61 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-campaigns-index"] .wac-toolbar {
  box-shadow: none !important;
  background: #ffffff08 !important;
  border-color: #ffffff1a !important;
  border-radius: 11px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-campaigns-index"] .wac-toolbar [data-wac-filter] {
  padding: 6px 10px;
  font-size: 14px;
  color: #ffffff85 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-campaigns-index"] .wac-toolbar [data-wac-filter].bg-wa-deep {
  color: #fff !important;
  background: #2f3150 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-campaigns-index"] .wac-toolbar input {
  width: 170px;
  font-size: 10px;
  color: #fff !important;
  background: #ffffff0a !important;
  border-color: #ffffff1c !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-campaigns-index"] .wac-toolbar input::placeholder {
  color: #ffffff52;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-campaigns-index"] #campaignsList {
  gap: 9px;
  display: grid;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-campaigns-index"] .camp-card {
  color: #ffffffba;
  overflow: hidden;
  box-shadow: none !important;
  background: #ffffff08 !important;
  border-color: #ffffff1a !important;
  border-radius: 13px !important;
  padding: 13px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-campaigns-index"] .camp-card:hover {
  background: #ffffff0b !important;
  border-color: #5b8cff6b !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-campaigns-index"] .camp-card .text-ink-500, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-campaigns-index"] .camp-card .text-ink-600, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-campaigns-index"] .camp-card .text-ink-700 {
  color: #ffffff6b !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-campaigns-index"] .camp-card .bg-white, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-campaigns-index"] .camp-card .bg-paper-0, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-campaigns-index"] .camp-card .bg-paper-50, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-campaigns-index"] .camp-card .bg-paper-100 {
  background: #ffffff0a !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-campaigns-index"] .camp-card .border-paper-200 {
  border-color: #ffffff1a !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-campaigns-index"] .camp-card .metric {
  min-width: 0;
  border-radius: 8px !important;
  padding: 7px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-campaigns-index"] .camp-card .metric-label {
  text-overflow: ellipsis;
  font-size: 14px;
  overflow: hidden;
  color: #ffffff57 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-campaigns-index"] .camp-card .metric-value {
  color: #fff;
  font-size: 11px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-campaigns-index"] .camp-card .grid.grid-cols-2.sm\:grid-cols-4.lg\:grid-cols-7 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-campaigns-index"] .wac-help-grid > div, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-campaigns-index"] #wac-pagination nav {
  color: #ffffff80 !important;
  box-shadow: none !important;
  background: #ffffff06 !important;
  border-color: #ffffff17 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-campaigns-index"] .wac-help-grid .font-serif {
  color: #ffffffc2;
  font-family: inherit;
  font-size: 14px;
  font-weight: 700;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-campaigns-index"] .wac-help-grid p, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-campaigns-index"] #wac-results-footer {
  color: #ffffff5e !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-campaigns-index"] #camp-channel-modal {
  background: #000000a8 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-campaigns-index"] #camp-channel-modal > div {
  color: #f7f4f2;
  background: #181b1e !important;
  border-color: #ffffff1f !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-campaigns-index"] #camp-channel-modal a {
  color: #fff !important;
  background: #ffffff08 !important;
  border-color: #ffffff1a !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) body[data-page="user-wa-campaigns-index"] .wac-page .wac-filters-rail > div, html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) body[data-page="user-wa-campaigns-index"] .wac-page .wac-stats > div, html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) body[data-page="user-wa-campaigns-index"] .wac-page .wac-toolbar, html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) body[data-page="user-wa-campaigns-index"] .wac-page .wac-help-grid > div, html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) body[data-page="user-wa-campaigns-index"] .wac-page .camp-card, html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) body[data-page="user-wa-campaigns-index"] .wac-page .camp-card .metric {
  background-color: #181b1e !important;
}
@media (max-width: 1350px) {
  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-campaigns-index"] .wac-layout {
    grid-template-columns: 1fr;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-campaigns-index"] .wac-filters-rail {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    position: static;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-campaigns-index"] .wac-filters-rail > div:last-child {
    display: none;
  }
}
@media (max-width: 760px) {
  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-campaigns-index"] .wac-page {
    padding: 14px;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-campaigns-index"] .wac-page-header {
    flex-direction: column;
    align-items: flex-start;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-campaigns-index"] .wac-stats {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-campaigns-index"] .wac-filters-rail {
    grid-template-columns: 1fr;
  }
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-campaigns-create"] .shell-pane {
  background: radial-gradient(85% 55% at 88% 0, #3b7dff12, #0000 48%), #0f1113;
  overflow: auto;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-campaigns-create"] .wac-create-topbar {
  background: #211d1a !important;
  border-color: #ffffff17 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) body[data-page="user-wa-campaigns-create"] div.wac-create-topbar.bg-paper-0 {
  background-color: #211d1a !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-campaigns-create"] .wac-create-topbar > div {
  min-height: 64px;
  padding-top: 10px;
  padding-bottom: 10px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-campaigns-create"] .wac-create-topbar .font-serif {
  color: #fff;
  font-family: inherit;
  font-size: 18px;
  font-weight: 750;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-campaigns-create"] .wac-create-topbar .font-serif span {
  font-style: normal;
  color: #8eabff !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-campaigns-create"] .wac-create-topbar .text-ink-500 {
  color: #ffffff61 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-campaigns-create"] .wac-create-topbar a, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-campaigns-create"] .wac-create-topbar button:not(#open-ai-modal) {
  color: #ffffffad !important;
  background: #ffffff0a !important;
  border-color: #ffffff1c !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-campaigns-create"] #open-ai-modal {
  border: 1px solid #b98cff57;
  color: #c7a8ff !important;
  background: #b98cff21 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-campaigns-create"] .wac-create-stage {
  padding: 18px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-campaigns-create"] .wac-create-form {
  grid-template-columns: minmax(0, 1fr) 310px;
  gap: 12px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-campaigns-create"] .wac-create-editor, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-campaigns-create"] .wac-create-preview > div {
  color: #ffffffb8;
  box-shadow: none !important;
  background: #181b1e !important;
  border-color: #ffffff1a !important;
  border-radius: 14px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-campaigns-create"] .wac-create-editor > div:first-child, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-campaigns-create"] .wac-create-editor > div:last-child {
  background: #211d1a !important;
  border-color: #ffffff17 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-campaigns-create"] .wac-create-form .border-paper-200, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-campaigns-create"] .wac-create-form .sec {
  border-color: #ffffff1a !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-campaigns-create"] .wac-create-form .text-ink-900, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-campaigns-create"] .wac-create-form .font-serif {
  color: #f8f6f4 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-campaigns-create"] .wac-create-form .font-serif {
  font-family: inherit;
  font-weight: 700;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-campaigns-create"] .wac-create-form .text-ink-700, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-campaigns-create"] .wac-create-form label {
  color: #ffffffb3 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-campaigns-create"] .wac-create-form .text-ink-600 {
  color: #ffffff87 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-campaigns-create"] .wac-create-form .text-ink-500 {
  color: #ffffff63 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-campaigns-create"] .wac-create-editor input:not([type="radio"]):not([type="checkbox"]):not([type="range"]):not([type="file"]), html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-campaigns-create"] .wac-create-editor textarea, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-campaigns-create"] .wac-create-editor select {
  color: #f7f4f2 !important;
  background: #2b2623 !important;
  border-color: #ffffff1f !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-campaigns-create"] .wac-create-editor input::placeholder, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-campaigns-create"] .wac-create-editor textarea::placeholder {
  color: #ffffff4d !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-campaigns-create"] .wac-create-editor select option {
  color: #f7f4f2;
  background: #2b2623;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-campaigns-create"] .wac-create-editor .type-tile {
  background: #ffffff06 !important;
  border-color: #ffffff1a !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-campaigns-create"] .wac-create-editor .type-tile:hover {
  background: #ffffff0b !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-campaigns-create"] .wac-create-editor .type-tile.border-wa-deep {
  background: #2f3150 !important;
  border-color: #5b8cffa6 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-campaigns-create"] .wac-create-editor .step-node .dot {
  color: #ffffff85 !important;
  background: #ffffff0a !important;
  border-color: #ffffff24 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-campaigns-create"] .wac-create-editor .step-node .dot.border-wa-deep, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-campaigns-create"] .wac-create-editor .step-node .dot.bg-wa-deep {
  color: #9eb5ff !important;
  border-color: #25d366 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-campaigns-create"] .wac-create-editor .step-node .dot.bg-wa-deep {
  color: #fff !important;
  background: #25d366 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-campaigns-create"] .wac-create-editor .step-node .lab.text-wa-deep {
  color: #9eb5ff !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-campaigns-create"] .wac-create-editor .step-node .bar {
  background: #ffffff1a !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-campaigns-create"] .wac-create-editor .bg-white, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-campaigns-create"] .wac-create-editor .bg-paper-0, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-campaigns-create"] .wac-create-editor .bg-paper-50, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-campaigns-create"] .wac-create-editor .bg-paper-100, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-campaigns-create"] .wac-create-editor .bg-paper-50\/40, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-campaigns-create"] .wac-create-editor .bg-paper-50\/60 {
  background-color: #ffffff08 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-campaigns-create"] .wac-create-editor #nextBtn, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-campaigns-create"] .wac-create-editor #submitBtn {
  color: #fff !important;
  background: #25d366 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-campaigns-create"] .wac-create-editor #prevBtn {
  color: #ffffffa3 !important;
  background: #ffffff0a !important;
  border-color: #ffffff1c !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-campaigns-create"] .wac-create-preview > div {
  top: 88px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-campaigns-create"] .wac-create-preview #preview-empty, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-campaigns-create"] .wac-create-preview .mt-4 > div {
  background: #ffffff08 !important;
  border-color: #ffffff1a !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-campaigns-create"] .wac-create-preview #preview-format {
  color: #9eb5ff !important;
  background: #5b8cff26 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-campaigns-create"] #ai-modal {
  background: #000000ad !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-campaigns-create"] #ai-modal .ai-modal-panel {
  color: #f7f4f2;
  background: #181b1e !important;
  border-color: #ffffff1f !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-campaigns-create"] #ai-modal input, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-campaigns-create"] #ai-modal textarea, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-campaigns-create"] #ai-modal select {
  color: #fff !important;
  background: #2b2623 !important;
  border-color: #ffffff1f !important;
}
@media (max-width: 1180px) {
  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-campaigns-create"] .wac-create-form {
    grid-template-columns: 1fr;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-campaigns-create"] .wac-create-preview > div {
    position: static;
  }
}
@media (max-width: 720px) {
  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-campaigns-create"] .wac-create-stage {
    padding: 12px;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-campaigns-create"] .wac-create-topbar > div {
    align-items: flex-start;
  }
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-campaigns-detail"] .shell-pane {
  background: radial-gradient(85% 55% at 88% 0, #3b7dff12, #0000 48%), #0f1113;
  overflow: auto;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-campaigns-detail"] .wac-detail-topbar {
  background: #211d1a !important;
  border-color: #ffffff17 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) body[data-page="user-wa-campaigns-detail"] div.wac-detail-topbar.bg-paper-0 {
  background-color: #211d1a !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-campaigns-detail"] .wac-detail-topbar > div {
  min-height: 64px;
  padding-top: 10px;
  padding-bottom: 10px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-campaigns-detail"] .wac-detail-topbar .font-serif {
  color: #fff;
  font-family: inherit;
  font-size: 17px;
  font-weight: 750;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-campaigns-detail"] .wac-detail-topbar .text-ink-500 {
  color: #ffffff5c !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-campaigns-detail"] .wac-detail-topbar a, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-campaigns-detail"] .wac-detail-topbar button {
  color: #ffffffad !important;
  background-color: #ffffff0a !important;
  border-color: #ffffff1c !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-campaigns-detail"] .wac-detail-topbar [data-wac-resend-menu] {
  color: #f7f4f2;
  background: #2b2623 !important;
  border-color: #ffffff1f !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-campaigns-detail"] .wac-detail-topbar [data-wac-resend-menu] button:hover {
  background: #ffffff0d !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-campaigns-detail"] .wac-detail-page {
  color: #ffffffb8;
  padding: 18px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-campaigns-detail"] .wac-detail-page .bg-paper-0, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-campaigns-detail"] .wac-detail-page .bg-paper-50, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-campaigns-detail"] .wac-detail-page .bg-paper-100, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-campaigns-detail"] .wac-detail-page .bg-white {
  background-color: #181b1e !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-campaigns-detail"] .wac-detail-page .bg-wa-bubble {
  background-color: #5b8cff1f !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-campaigns-detail"] .wac-detail-page .border-paper-200 {
  border-color: #ffffff1a !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-campaigns-detail"] .wac-detail-page .shadow-card {
  box-shadow: none !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-campaigns-detail"] .wac-detail-page .text-ink-900 {
  color: #fff !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-campaigns-detail"] .wac-detail-page .text-ink-800, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-campaigns-detail"] .wac-detail-page .text-ink-700 {
  color: #ffffffb3 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-campaigns-detail"] .wac-detail-page .text-ink-600 {
  color: #ffffff87 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-campaigns-detail"] .wac-detail-page .text-ink-500 {
  color: #ffffff5e !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-campaigns-detail"] .wac-detail-page .font-serif {
  color: #fff;
  font-family: inherit;
  font-weight: 750;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-campaigns-detail"] .wac-detail-hero {
  background: #181b1e !important;
  border-color: #ffffff1a !important;
  border-radius: 14px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-campaigns-detail"] .wac-detail-hero > div:first-child {
  border-color: #ffffff17 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-campaigns-detail"] .wac-detail-hero h1 {
  font-size: 27px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-campaigns-detail"] .wac-detail-hero > div:first-child > div:last-child > div {
  background: #ffffff08 !important;
  border-color: #ffffff17 !important;
  border-radius: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-campaigns-detail"] .wac-detail-hero .tab-btn {
  padding: 6px 11px;
  font-size: 10px;
  color: #ffffff82 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-campaigns-detail"] .wac-detail-hero .tab-btn.bg-wa-deep {
  color: #fff !important;
  background: #2f3150 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-campaigns-detail"] [data-wac-detail-grid] {
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 7px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-campaigns-detail"] [data-wac-detail-grid] > div {
  min-width: 0;
  background: #181b1e !important;
  border-color: #ffffff1a !important;
  border-radius: 11px !important;
  padding: 11px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-campaigns-detail"] [data-wac-detail-grid] > div > div:first-child {
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 14px;
  overflow: hidden;
  color: #ffffff6e !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-campaigns-detail"] [data-wac-detail-totals]:not(span) {
  color: #fff;
  font-size: 23px;
  font-weight: 800;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-campaigns-detail"] [data-wac-detail-grid] > div > div:last-child {
  font-size: 14px;
  color: #ffffff59 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-campaigns-detail"] .tab-panel > div, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-campaigns-detail"] .tab-panel > section, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-campaigns-detail"] .tab-panel .lg\:col-span-8, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-campaigns-detail"] .tab-panel .lg\:col-span-4 {
  box-shadow: none !important;
  background-color: #181b1e !important;
  border-color: #ffffff1a !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-campaigns-detail"] .wac-detail-page table {
  color: #ffffffa6;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-campaigns-detail"] .wac-detail-page thead {
  color: #ffffff5e !important;
  background: #ffffff08 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-campaigns-detail"] .wac-detail-page th, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-campaigns-detail"] .wac-detail-page td {
  border-color: #ffffff14 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-campaigns-detail"] .wac-detail-page input, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-campaigns-detail"] .wac-detail-page select {
  color: #fff !important;
  background: #2b2623 !important;
  border-color: #ffffff1f !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-campaigns-detail"] [data-wac-pick-bar] {
  background: #5b8cff1a !important;
  border-color: #5b8cff59 !important;
}
@media (max-width: 1280px) {
  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-campaigns-detail"] [data-wac-detail-grid] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (max-width: 760px) {
  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-campaigns-detail"] .wac-detail-page {
    padding: 12px;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-campaigns-detail"] [data-wac-detail-grid] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-campaigns-edit"] .shell-pane {
  background: radial-gradient(85% 55% at 88% 0, #3b7dff12, #0000 48%), #0f1113;
  overflow: auto;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-campaigns-edit"] .wac-edit-topbar {
  background: #211d1a !important;
  border-color: #ffffff17 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) body[data-page="user-wa-campaigns-edit"] div.wac-edit-topbar.bg-paper-0 {
  background-color: #211d1a !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-campaigns-edit"] .wac-edit-topbar > div {
  min-height: 64px;
  padding-top: 10px;
  padding-bottom: 10px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-campaigns-edit"] .wac-edit-topbar .font-serif {
  color: #fff;
  font-family: inherit;
  font-size: 17px;
  font-weight: 750;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-campaigns-edit"] .wac-edit-topbar .font-serif span {
  font-style: normal;
  color: #8eabff !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-campaigns-edit"] .wac-edit-topbar .text-ink-500 {
  color: #ffffff61 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-campaigns-edit"] .wac-edit-topbar a {
  color: #ffffffad !important;
  background: #ffffff0a !important;
  border-color: #ffffff1c !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-campaigns-edit"] .wac-edit-topbar button, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-campaigns-edit"] .wac-edit-editor button[type="submit"] {
  color: #fff !important;
  background: #25d366 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-campaigns-edit"] .wac-edit-stage {
  padding: 18px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-campaigns-edit"] .wac-edit-form {
  grid-template-columns: minmax(0, 1fr) 310px;
  gap: 12px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-campaigns-edit"] .wac-edit-editor, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-campaigns-edit"] .wac-edit-summary > div {
  color: #ffffffb8;
  box-shadow: none !important;
  background: #181b1e !important;
  border-color: #ffffff1a !important;
  border-radius: 14px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-campaigns-edit"] .wac-edit-editor > div:last-child {
  background: #211d1a !important;
  border-color: #ffffff17 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-campaigns-edit"] .wac-edit-form .border-paper-200 {
  border-color: #ffffff1a !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-campaigns-edit"] .wac-edit-form .shadow-card {
  box-shadow: none !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-campaigns-edit"] .wac-edit-form .bg-white, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-campaigns-edit"] .wac-edit-form .bg-paper-0, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-campaigns-edit"] .wac-edit-form .bg-paper-50, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-campaigns-edit"] .wac-edit-form .bg-paper-100, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-campaigns-edit"] .wac-edit-form .bg-paper-50\/40, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-campaigns-edit"] .wac-edit-form .bg-paper-50\/60 {
  background-color: #ffffff08 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-campaigns-edit"] .wac-edit-form .bg-wa-bubble, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-campaigns-edit"] .wac-edit-form .bg-wa-bubble\/40 {
  background-color: #5b8cff1a !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-campaigns-edit"] .wac-edit-form .text-ink-900, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-campaigns-edit"] .wac-edit-form .font-serif {
  color: #f8f6f4 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-campaigns-edit"] .wac-edit-form .font-serif {
  font-family: inherit;
  font-weight: 700;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-campaigns-edit"] .wac-edit-form .text-ink-800, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-campaigns-edit"] .wac-edit-form .text-ink-700, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-campaigns-edit"] .wac-edit-form label {
  color: #ffffffb3 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-campaigns-edit"] .wac-edit-form .text-ink-600 {
  color: #ffffff87 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-campaigns-edit"] .wac-edit-form .text-ink-500 {
  color: #ffffff63 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-campaigns-edit"] .wac-edit-editor input:not([type="radio"]):not([type="checkbox"]):not([type="range"]):not([type="file"]), html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-campaigns-edit"] .wac-edit-editor textarea, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-campaigns-edit"] .wac-edit-editor select {
  color: #f7f4f2 !important;
  background: #2b2623 !important;
  border-color: #ffffff1f !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-campaigns-edit"] .wac-edit-editor input::placeholder, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-campaigns-edit"] .wac-edit-editor textarea::placeholder {
  color: #ffffff4d !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-campaigns-edit"] .wac-edit-editor select option {
  color: #f7f4f2;
  background: #2b2623;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-campaigns-edit"] .wac-edit-editor input[type="file"] {
  color: #ffffff85;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-campaigns-edit"] .wac-edit-summary > div {
  top: 88px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-campaigns-edit"] .wac-edit-summary .bg-wa-bubble\/40 {
  border-color: #5b8cff40 !important;
}
@media (max-width: 1180px) {
  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-campaigns-edit"] .wac-edit-form {
    grid-template-columns: 1fr;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-campaigns-edit"] .wac-edit-summary > div {
    position: static;
  }
}
@media (max-width: 720px) {
  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-campaigns-edit"] .wac-edit-stage {
    padding: 12px;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-campaigns-edit"] .wac-edit-topbar > div {
    align-items: flex-start;
  }
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-meta-ads-index"] .shell-pane {
  background: radial-gradient(90% 55% at 90% 0, #3b7dff12, #0000 48%), #0f1113;
  overflow: auto;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-meta-ads-index"] .meta-page {
  color: #f7f4f2;
  width: 100%;
  padding: 18px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-meta-ads-index"] .meta-layout {
  grid-template-columns: 168px minmax(0, 1fr);
  gap: 12px;
  display: grid;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-meta-ads-index"] .meta-workspace {
  min-width: 0;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-meta-ads-index"] .meta-filters-rail {
  gap: 9px;
  display: grid;
  position: sticky;
  top: 16px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-meta-ads-index"] .meta-filters-rail > * {
  margin: 0;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-meta-ads-index"] .meta-filters-rail > :first-child {
  display: none;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-meta-ads-index"] .meta-filters-rail > div {
  box-shadow: none !important;
  background: #181b1e !important;
  border-color: #ffffff1a !important;
  border-radius: 12px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-meta-ads-index"] .meta-filters-rail [data-meta-filter] {
  border-radius: 8px;
  min-height: 31px;
  padding: 6px 9px;
  font-size: 10.5px;
  color: #ffffff9c !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-meta-ads-index"] .meta-filters-rail [data-meta-filter]:hover {
  background: #ffffff0d !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-meta-ads-index"] .meta-filters-rail [data-meta-filter].bg-wa-deep {
  color: #fff !important;
  background: #2f3150 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-meta-ads-index"] .meta-filters-rail [data-status-count], html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-meta-ads-index"] .meta-filters-rail [data-obj-count], html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-meta-ads-index"] .meta-filters-rail .text-ink-500 {
  color: #ffffff5c !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-meta-ads-index"] .meta-filters-rail svg {
  color: #8eabff !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-meta-ads-index"] .meta-page-header {
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  min-height: 69px;
  margin-bottom: 12px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-meta-ads-index"] .meta-page-header h1 {
  color: #fff;
  letter-spacing: -.025em;
  font-family: inherit;
  font-size: 25px;
  font-weight: 800;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-meta-ads-index"] .meta-page-header h1 span {
  font-style: normal;
  color: #8eabff !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-meta-ads-index"] .meta-page-header p, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-meta-ads-index"] .meta-page-header .text-ink-500, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-meta-ads-index"] .meta-page-header .text-ink-600 {
  color: #fff6 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-meta-ads-index"] .meta-page-header > div:last-child {
  gap: 6px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-meta-ads-index"] .meta-page-header button, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-meta-ads-index"] .meta-page-header a {
  min-height: 33px;
  padding: 0 10px;
  font-size: 14px;
  color: #ffffffb0 !important;
  background: #ffffff0a !important;
  border-color: #ffffff1c !important;
  border-radius: 9px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-meta-ads-index"] .meta-page-header a[href$="/create"] {
  color: #07150d !important;
  background: #4be389 !important;
  border-color: #4be38959 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-meta-ads-index"] .meta-stats {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 7px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-meta-ads-index"] .meta-stats > div {
  min-width: 0;
  box-shadow: none !important;
  background: #181b1e !important;
  border-color: #ffffff1a !important;
  border-radius: 11px !important;
  padding: 11px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-meta-ads-index"] .meta-stats > div > div:first-child {
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 14px;
  overflow: hidden;
  color: #ffffff6e !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-meta-ads-index"] .meta-stats [data-totals] {
  font-family: inherit;
  font-size: 22px;
  font-weight: 800;
  color: #fff !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-meta-ads-index"] .meta-stats > div > div:last-child {
  font-size: 14px;
  color: #ffffff5c !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-meta-ads-index"] .meta-toolbar {
  box-shadow: none !important;
  background: #181b1e !important;
  border-color: #ffffff1a !important;
  border-radius: 11px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-meta-ads-index"] .meta-toolbar [data-meta-pill] {
  padding: 6px 9px;
  font-size: 14px;
  color: #ffffff80 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-meta-ads-index"] .meta-toolbar [data-meta-pill].bg-wa-deep {
  color: #fff !important;
  background: #2f3150 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-meta-ads-index"] .meta-toolbar input, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-meta-ads-index"] .meta-toolbar select {
  font-size: 10px;
  color: #f7f4f2 !important;
  background: #2b2623 !important;
  border-color: #ffffff1c !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-meta-ads-index"] .meta-toolbar input {
  width: 170px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-meta-ads-index"] .meta-toolbar input::placeholder {
  color: #ffffff4d;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-meta-ads-index"] .meta-toolbar select option {
  color: #fff;
  background: #2b2623;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-meta-ads-index"] #meta-campaign-list > div, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-meta-ads-index"] .camp-card {
  color: #ffffffb3;
  box-shadow: none !important;
  background: #181b1e !important;
  border-color: #ffffff1a !important;
  border-radius: 13px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-meta-ads-index"] .camp-card {
  padding: 13px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-meta-ads-index"] .camp-card:hover {
  background: #282320 !important;
  border-color: #5b8cff6b !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-meta-ads-index"] .camp-card .metric {
  min-width: 0;
  background: #ffffff08 !important;
  border-color: #ffffff17 !important;
  border-radius: 8px !important;
  padding: 7px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-meta-ads-index"] .camp-card .metric-label {
  font-size: 14px;
  color: #ffffff57 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-meta-ads-index"] .camp-card .metric-value {
  font-size: 11px;
  color: #fff !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-meta-ads-index"] .camp-card .text-ink-500, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-meta-ads-index"] .camp-card .text-ink-600, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-meta-ads-index"] .camp-card .text-ink-700 {
  color: #ffffff6b !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-meta-ads-index"] #meta-campaign-list .font-serif {
  color: #fff;
  font-family: inherit;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-meta-ads-index"] #meta-campaign-list a, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-meta-ads-index"] #meta-campaign-list button {
  border-color: #ffffff1c !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-meta-ads-index"] .meta-help-grid {
  gap: 8px;
  margin-top: 12px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-meta-ads-index"] .meta-help-grid > div {
  box-shadow: none !important;
  background: #ffffff06 !important;
  border-color: #ffffff17 !important;
  border-radius: 11px !important;
  padding: 12px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-meta-ads-index"] .meta-help-grid .font-serif {
  color: #ffffffc2;
  font-family: inherit;
  font-size: 14px;
  font-weight: 700;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-meta-ads-index"] .meta-help-grid p, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-meta-ads-index"] #meta-results-footer {
  color: #ffffff5e !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-meta-ads-index"] #meta-keys-modal {
  background: #000000ad !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-meta-ads-index"] .meta-keys-panel {
  color: #f7f4f2;
  background: #181b1e !important;
  border-color: #ffffff1f !important;
  box-shadow: 0 24px 64px #0000005c !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-meta-ads-index"] .meta-keys-panel .bg-paper-0, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-meta-ads-index"] .meta-keys-panel .bg-paper-50 {
  background: #ffffff08 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-meta-ads-index"] .meta-keys-panel .border-paper-200 {
  border-color: #ffffff1a !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-meta-ads-index"] .meta-keys-panel .text-ink-700 {
  color: #ffffffb3 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-meta-ads-index"] .meta-keys-panel .text-ink-500 {
  color: #fff6 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-meta-ads-index"] .meta-keys-panel .font-serif {
  color: #fff;
  font-family: inherit;
  font-weight: 750;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-meta-ads-index"] .meta-keys-panel input, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-meta-ads-index"] .meta-keys-panel select {
  color: #fff !important;
  background: #2b2623 !important;
  border-color: #ffffff1f !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) body[data-page="user-meta-ads-index"] .meta-filters-rail > div.bg-paper-0, html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) body[data-page="user-meta-ads-index"] .meta-stats > div.bg-paper-0, html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) body[data-page="user-meta-ads-index"] .meta-toolbar.bg-paper-0, html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) body[data-page="user-meta-ads-index"] .meta-help-grid > div.bg-paper-0 {
  background-color: #181b1e !important;
  border-color: #ffffff1a !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) body[data-page="user-meta-ads-index"] .meta-page-header button.bg-paper-0, html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) body[data-page="user-meta-ads-index"] .meta-page-header a.bg-paper-0 {
  color: #ffffffb0 !important;
  background-color: #ffffff0a !important;
  border-color: #ffffff1c !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) body[data-page="user-meta-ads-index"] .meta-page-header h1 span.text-wa-deep {
  color: #8eabff !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) body[data-page="user-meta-ads-index"] .meta-toolbar select#meta-sort, html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) body[data-page="user-meta-ads-index"] .meta-toolbar input#meta-search {
  color: #f7f4f2 !important;
  background-color: #2b2623 !important;
  border-color: #ffffff1c !important;
}
@media (max-width: 1350px) {
  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-meta-ads-index"] .meta-layout {
    grid-template-columns: 1fr;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-meta-ads-index"] .meta-filters-rail {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    position: static;
  }
}
@media (max-width: 760px) {
  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-meta-ads-index"] .meta-page {
    padding: 12px;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-meta-ads-index"] .meta-page-header {
    flex-direction: column;
    align-items: flex-start;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-meta-ads-index"] .meta-stats {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-meta-ads-index"] .meta-filters-rail {
    grid-template-columns: 1fr;
  }
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-campaigns-create"] .shell-pane {
  background: radial-gradient(85% 55% at 88% 0, #3b7dff12, #0000 48%), #0f1113;
  overflow: auto;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-campaigns-create"] .meta-create-topbar {
  background: #211d1a !important;
  border-color: #ffffff17 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) body[data-page="user-campaigns-create"] div.meta-create-topbar.bg-paper-0 {
  background-color: #211d1a !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-campaigns-create"] .meta-create-topbar > div {
  min-height: 64px;
  padding-top: 10px;
  padding-bottom: 10px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-campaigns-create"] .meta-create-topbar .font-serif {
  color: #fff;
  font-family: inherit;
  font-size: 17px;
  font-weight: 750;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-campaigns-create"] .meta-create-topbar .font-serif span {
  font-style: normal;
  color: #8eabff !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-campaigns-create"] .meta-create-topbar .text-ink-500 {
  color: #ffffff61 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-campaigns-create"] .meta-create-topbar a, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-campaigns-create"] .meta-create-topbar button:not(#open-ai-modal):not([type="submit"]) {
  color: #ffffffad !important;
  background: #ffffff0a !important;
  border-color: #ffffff1c !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-campaigns-create"] .meta-create-topbar #open-ai-modal {
  border: 1px solid #b98cff57;
  color: #c7a8ff !important;
  background: #b98cff21 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-campaigns-create"] .meta-create-topbar button[type="submit"] {
  color: #fff !important;
  background: #25d366 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-campaigns-create"] .meta-create-stage {
  padding: 18px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-campaigns-create"] .meta-create-form {
  grid-template-columns: minmax(0, 1fr) 310px;
  gap: 12px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-campaigns-create"] .meta-create-editor, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-campaigns-create"] .meta-create-preview > div {
  color: #ffffffb8;
  box-shadow: none !important;
  background: #181b1e !important;
  border-color: #ffffff1a !important;
  border-radius: 14px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-campaigns-create"] .meta-create-editor .sec {
  border-color: #ffffff17 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-campaigns-create"] .meta-create-form .border-paper-200 {
  border-color: #ffffff1a !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-campaigns-create"] .meta-create-form .bg-white, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-campaigns-create"] .meta-create-form .bg-paper-0, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-campaigns-create"] .meta-create-form .bg-paper-50, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-campaigns-create"] .meta-create-form .bg-paper-100 {
  background-color: #ffffff08 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-campaigns-create"] .meta-create-form .text-ink-900, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-campaigns-create"] .meta-create-form .font-serif {
  color: #f8f6f4 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-campaigns-create"] .meta-create-form .font-serif {
  font-family: inherit;
  font-weight: 700;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-campaigns-create"] .meta-create-form .text-ink-800, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-campaigns-create"] .meta-create-form .text-ink-700, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-campaigns-create"] .meta-create-form label {
  color: #ffffffb3 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-campaigns-create"] .meta-create-form .text-ink-600 {
  color: #ffffff87 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-campaigns-create"] .meta-create-form .text-ink-500, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-campaigns-create"] .meta-create-form .hint, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-campaigns-create"] .meta-create-form .sec-meta {
  color: #ffffff63 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-campaigns-create"] .meta-create-editor input:not([type="radio"]):not([type="checkbox"]):not([type="range"]):not([type="file"]), html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-campaigns-create"] .meta-create-editor textarea, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-campaigns-create"] .meta-create-editor select, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-campaigns-create"] .meta-create-editor .ts-control {
  color: #f7f4f2 !important;
  background: #2b2623 !important;
  border-color: #ffffff1f !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-campaigns-create"] .meta-create-editor input::placeholder, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-campaigns-create"] .meta-create-editor textarea::placeholder, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-campaigns-create"] .meta-create-editor .ts-control input::placeholder {
  color: #ffffff4d !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-campaigns-create"] .meta-create-editor select option {
  color: #f7f4f2;
  background: #2b2623;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-campaigns-create"] .meta-create-editor .ts-dropdown {
  color: #f7f4f2 !important;
  background: #2b2623 !important;
  border-color: #ffffff1f !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-campaigns-create"] .meta-create-editor .ts-dropdown .active {
  color: #fff !important;
  background: #5b8cff29 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-campaigns-create"] .meta-create-editor .ts-control .item {
  color: #fff;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-campaigns-create"] .meta-create-editor [data-adv-targeting] {
  background: #ffffff06 !important;
  border-color: #ffffff1a !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-campaigns-create"] .meta-create-editor .file-tile {
  background: #ffffff08 !important;
  border-color: #ffffff1f !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-campaigns-create"] .meta-create-preview {
  top: 82px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-campaigns-create"] .meta-create-preview > div {
  padding: 12px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-campaigns-create"] .meta-create-preview .ad-preview, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-campaigns-create"] .meta-create-preview [class*="phone"] {
  border-color: #ffffff1a !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-campaigns-create"] .meta-create-preview .ad-preview {
  background: #211d1a !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-campaigns-create"] .meta-create-preview #ad-media {
  background-color: #ffffff08 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-campaigns-create"] .meta-create-preview #ad-headline {
  color: #fff !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-campaigns-create"] .meta-create-preview #ad-body, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-campaigns-create"] .meta-create-preview #ad-url {
  color: #ffffff7a !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-campaigns-create"] #ai-modal {
  background: #000000ad !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-campaigns-create"] .meta-create-ai-panel {
  color: #f7f4f2;
  background: #181b1e !important;
  border-color: #ffffff1f !important;
  box-shadow: 0 24px 64px #0000005c !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-campaigns-create"] .meta-create-ai-panel .border-paper-200 {
  border-color: #ffffff1a !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-campaigns-create"] .meta-create-ai-panel .bg-paper-0, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-campaigns-create"] .meta-create-ai-panel .bg-paper-50 {
  background: #ffffff08 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-campaigns-create"] .meta-create-ai-panel .text-ink-700 {
  color: #ffffffb3 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-campaigns-create"] .meta-create-ai-panel .text-ink-500 {
  color: #fff6 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-campaigns-create"] .meta-create-ai-panel .font-serif {
  color: #fff;
  font-family: inherit;
  font-weight: 750;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-campaigns-create"] .meta-create-ai-panel input, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-campaigns-create"] .meta-create-ai-panel textarea, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-campaigns-create"] .meta-create-ai-panel select {
  color: #fff !important;
  background: #2b2623 !important;
  border-color: #ffffff1f !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) body[data-page="user-campaigns-create"] .meta-create-editor.bg-white, html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) body[data-page="user-campaigns-create"] .meta-create-preview > div.bg-paper-0, html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) body[data-page="user-campaigns-create"] .meta-create-ai-panel.bg-paper-0 {
  background-color: #181b1e !important;
  border-color: #ffffff1a !important;
}
@media (max-width: 1180px) {
  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-campaigns-create"] .meta-create-form {
    grid-template-columns: 1fr;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-campaigns-create"] .meta-create-preview {
    position: static;
  }
}
@media (max-width: 720px) {
  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-campaigns-create"] .meta-create-stage {
    padding: 12px;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-campaigns-create"] .meta-create-topbar > div {
    align-items: flex-start;
  }
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-meta-ads-connect"] .shell-pane {
  background: radial-gradient(85% 55% at 88% 0, #3b7dff12, #0000 48%), #0f1113;
  overflow: auto;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-meta-ads-connect"] .meta-connect-topbar {
  background: #211d1a !important;
  border-color: #ffffff17 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) body[data-page="user-meta-ads-connect"] div.meta-connect-topbar.bg-paper-0 {
  background-color: #211d1a !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-meta-ads-connect"] .meta-connect-topbar > div {
  min-height: 64px;
  padding-top: 10px;
  padding-bottom: 10px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-meta-ads-connect"] .meta-connect-topbar .font-serif {
  color: #fff;
  font-family: inherit;
  font-size: 17px;
  font-weight: 750;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-meta-ads-connect"] .meta-connect-topbar .font-serif span {
  font-style: normal;
  color: #8eabff !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-meta-ads-connect"] .meta-connect-topbar .text-ink-500 {
  color: #ffffff61 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-meta-ads-connect"] .meta-connect-topbar a {
  color: #ffffffad !important;
  background: #ffffff0a !important;
  border-color: #ffffff1c !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-meta-ads-connect"] .meta-connect-topbar button[type="submit"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-meta-ads-connect"] .meta-connect-form button[type="submit"] {
  color: #fff !important;
  background: #25d366 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-meta-ads-connect"] .meta-connect-stage {
  padding: 18px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-meta-ads-connect"] .meta-connect-wrap {
  max-width: 720px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-meta-ads-connect"] .meta-connect-card {
  color: #ffffffb8;
  box-shadow: none !important;
  background: #181b1e !important;
  border-color: #ffffff1a !important;
  border-radius: 14px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-meta-ads-connect"] .meta-connect-card .sec {
  border-color: #ffffff17 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-meta-ads-connect"] .meta-connect-card .border-paper-200 {
  border-color: #ffffff1a !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-meta-ads-connect"] .meta-connect-card .bg-white, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-meta-ads-connect"] .meta-connect-card .bg-paper-0, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-meta-ads-connect"] .meta-connect-card .bg-paper-50 {
  background-color: #ffffff08 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-meta-ads-connect"] .meta-connect-card .font-serif, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-meta-ads-connect"] .meta-connect-card .text-ink-900 {
  color: #f8f6f4 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-meta-ads-connect"] .meta-connect-card .font-serif {
  font-family: inherit;
  font-weight: 700;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-meta-ads-connect"] .meta-connect-card .text-ink-700, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-meta-ads-connect"] .meta-connect-card label {
  color: #ffffffb3 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-meta-ads-connect"] .meta-connect-card .text-ink-600 {
  color: #ffffff87 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-meta-ads-connect"] .meta-connect-card .text-ink-500, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-meta-ads-connect"] .meta-connect-card .sec-meta {
  color: #ffffff63 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-meta-ads-connect"] .meta-connect-card input {
  color: #f7f4f2 !important;
  background: #2b2623 !important;
  border-color: #ffffff1f !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-meta-ads-connect"] .meta-connect-card input::placeholder {
  color: #ffffff4d !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-meta-ads-connect"] .meta-connect-card code {
  color: #9eb5ff;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-meta-ads-connect"] .meta-connect-card [data-meta-discover] {
  color: #fff !important;
  background: #25d366 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-meta-ads-connect"] .meta-connect-card .bg-wa-bubble\/40 {
  background: #5b8cff17 !important;
  border-color: #5b8cff3d !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-meta-ads-connect"] .meta-connect-form > div:last-child a {
  color: #ffffffad !important;
  background: #ffffff0a !important;
  border-color: #ffffff1c !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) body[data-page="user-meta-ads-connect"] .meta-connect-card.bg-white {
  background-color: #181b1e !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) body[data-page="user-meta-ads-connect"] .meta-connect-card input.bg-white, html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) body[data-page="user-meta-ads-connect"] .meta-connect-card div.bg-white {
  color: #f7f4f2 !important;
  background-color: #2b2623 !important;
  border-color: #ffffff1f !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) body[data-page="user-meta-ads-connect"] form#metaConnectForm .meta-connect-card input[type="text"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) body[data-page="user-meta-ads-connect"] form#metaConnectForm .meta-connect-card input[type="password"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) body[data-page="user-meta-ads-connect"] form#metaConnectForm .meta-connect-card div.bg-white, html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) body[data-page="user-meta-ads-connect"] form#metaConnectForm .meta-connect-card div.bg-white input {
  color: #f7f4f2 !important;
  background-color: #2b2623 !important;
  background-image: none !important;
}
@media (max-width: 720px) {
  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-meta-ads-connect"] .meta-connect-stage {
    padding: 12px;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-meta-ads-connect"] .meta-connect-topbar > div {
    align-items: flex-start;
  }
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-meta-ads-analytics"] .shell-pane {
  background: radial-gradient(85% 55% at 88% 0, #3b7dff12, #0000 48%), #0f1113;
  overflow: auto;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-meta-ads-analytics"] .meta-analytics-topbar {
  background: #211d1a !important;
  border-color: #ffffff17 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) body[data-page="user-meta-ads-analytics"] div.meta-analytics-topbar.bg-paper-0 {
  background-color: #211d1a !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-meta-ads-analytics"] .meta-analytics-topbar > div {
  min-height: 64px;
  padding-top: 10px;
  padding-bottom: 10px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-meta-ads-analytics"] .meta-analytics-topbar .font-serif {
  color: #fff;
  font-family: inherit;
  font-size: 17px;
  font-weight: 750;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-meta-ads-analytics"] .meta-analytics-topbar .text-ink-500 {
  color: #ffffff61 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-meta-ads-analytics"] .meta-analytics-topbar a, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-meta-ads-analytics"] .meta-analytics-topbar select, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-meta-ads-analytics"] .meta-analytics-topbar span.border {
  color: #ffffffad !important;
  background: #ffffff0a !important;
  border-color: #ffffff1c !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-meta-ads-analytics"] .meta-analytics-topbar select option {
  color: #f7f4f2;
  background: #2b2623;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-meta-ads-analytics"] .meta-analytics-page {
  color: #ffffffb8;
  max-width: 1480px;
  padding: 18px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-meta-ads-analytics"] .meta-analytics-page .bg-paper-0, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-meta-ads-analytics"] .meta-analytics-page .bg-white {
  box-shadow: none !important;
  background-color: #181b1e !important;
  border-color: #ffffff1a !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-meta-ads-analytics"] .meta-analytics-page .bg-paper-50, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-meta-ads-analytics"] .meta-analytics-page .bg-paper-100 {
  background-color: #ffffff09 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-meta-ads-analytics"] .meta-analytics-page .border-paper-100, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-meta-ads-analytics"] .meta-analytics-page .border-paper-200, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-meta-ads-analytics"] .meta-analytics-page .divide-paper-200 > :not([hidden]) ~ :not([hidden]) {
  border-color: #ffffff17 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-meta-ads-analytics"] .meta-analytics-page .font-serif {
  color: #f8f6f4;
  letter-spacing: -.025em;
  font-family: inherit;
  font-weight: 720;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-meta-ads-analytics"] .meta-analytics-page .text-ink-900 {
  color: #f8f6f4 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-meta-ads-analytics"] .meta-analytics-page .text-ink-800, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-meta-ads-analytics"] .meta-analytics-page .text-ink-700 {
  color: #ffffffb3 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-meta-ads-analytics"] .meta-analytics-page .text-ink-600 {
  color: #ffffff87 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-meta-ads-analytics"] .meta-analytics-page .text-ink-500 {
  color: #ffffff63 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-meta-ads-analytics"] .meta-analytics-page .text-wa-deep {
  color: #8eabff !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-meta-ads-analytics"] .meta-analytics-page .bg-wa-bubble, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-meta-ads-analytics"] .meta-analytics-page .bg-wa-bubble\/40 {
  background-color: #5b8cff17 !important;
  border-color: #5b8cff3d !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-meta-ads-analytics"] .meta-analytics-page .bg-wa-deep {
  color: #fff !important;
  background-color: #25d366 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-meta-ads-analytics"] .meta-analytics-page .bg-wa-deep.text-paper-0 {
  color: #fff !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-meta-ads-analytics"] .meta-analytics-page .bg-accent-amber\/20 {
  background-color: #e0a74424 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-meta-ads-analytics"] .meta-analytics-hero, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-meta-ads-analytics"] .meta-analytics-page > section, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-meta-ads-analytics"] .meta-analytics-page > section > div {
  border-radius: 12px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-meta-ads-analytics"] .meta-analytics-hero h1 {
  font-size: 30px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-meta-ads-analytics"] .meta-analytics-tabs {
  background: #211d1a !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-meta-ads-analytics"] .meta-analytics-tabs .tab-btn {
  border: 1px solid #0000;
  border-radius: 6px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-meta-ads-analytics"] .meta-analytics-tabs .tab-btn:not(.bg-wa-deep) {
  color: #ffffff8a !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-meta-ads-analytics"] .meta-analytics-page table thead, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-meta-ads-analytics"] .meta-analytics-page table tr:hover {
  background: #ffffff08 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-meta-ads-analytics"] .meta-analytics-page .apexcharts-text, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-meta-ads-analytics"] .meta-analytics-page .apexcharts-legend-text {
  fill: #ffffff7a !important;
  color: #ffffff7a !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-meta-ads-analytics"] .meta-analytics-page .apexcharts-gridline {
  stroke: #ffffff14 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-meta-ads-analytics"] .meta-analytics-page .apexcharts-tooltip, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-meta-ads-analytics"] .meta-analytics-page .apexcharts-tooltip-title {
  color: #f7f4f2 !important;
  background: #2b2623 !important;
  border-color: #ffffff1f !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) body[data-page="user-meta-ads-analytics"] .meta-analytics-page div.bg-paper-0, html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) body[data-page="user-meta-ads-analytics"] .meta-analytics-page section.bg-paper-0 {
  background-color: #181b1e !important;
  border-color: #ffffff1a !important;
}
@media (max-width: 720px) {
  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-meta-ads-analytics"] .meta-analytics-page {
    padding: 12px !important;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-meta-ads-analytics"] .meta-analytics-topbar > div {
    align-items: flex-start;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-meta-ads-analytics"] .meta-analytics-hero h1 {
    font-size: 25px;
  }
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-meta-ads-show"] .shell-pane {
  background: radial-gradient(85% 55% at 88% 0, #3b7dff12, #0000 48%), #0f1113;
  overflow: auto;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-meta-ads-show"] .meta-show-page {
  color: #ffffffb8;
  max-width: 1460px;
  padding: 18px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-meta-ads-show"] .meta-show-header {
  background: #211d1a;
  border: 1px solid #ffffff17;
  border-radius: 12px;
  padding: 13px 15px;
  margin-bottom: 12px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-meta-ads-show"] .meta-show-header h1 {
  font-size: 18px;
  color: #fff !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-meta-ads-show"] .meta-show-header .text-ink-700 {
  color: #ffffffa3 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-meta-ads-show"] .meta-show-header .text-ink-500 {
  color: #ffffff63 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-meta-ads-show"] .meta-show-header a.rounded-lg {
  color: #ffffffb8 !important;
  background: #ffffff0a !important;
  border-color: #ffffff1c !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-meta-ads-show"] .meta-show-page > .bg-paper-50 {
  background: #5b8cff14 !important;
  border-color: #5b8cff33 !important;
  margin-bottom: 12px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-meta-ads-show"] .meta-show-page > .bg-paper-50 .text-ink-900 {
  color: #f8f6f4 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-meta-ads-show"] .meta-show-page > .bg-paper-50 .text-ink-600 {
  color: #ffffff87 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-meta-ads-show"] .meta-show-layout {
  gap: 12px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-meta-ads-show"] .meta-show-layout .space-y-5 {
  row-gap: 12px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-meta-ads-show"] .meta-show-layout .hairline {
  color: #ffffffb8;
  box-shadow: none !important;
  background: #181b1e !important;
  border-color: #ffffff1a !important;
  border-radius: 12px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-meta-ads-show"] .meta-show-layout .border-paper-200, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-meta-ads-show"] .meta-show-layout .divide-paper-100 > :not([hidden]) ~ :not([hidden]) {
  border-color: #ffffff17 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-meta-ads-show"] .meta-show-layout .bg-paper-0 {
  background-color: #181b1e !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-meta-ads-show"] .meta-show-layout .bg-paper-50, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-meta-ads-show"] .meta-show-layout .bg-paper-100 {
  background-color: #ffffff09 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-meta-ads-show"] .meta-show-layout .text-ink-900 {
  color: #f8f6f4 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-meta-ads-show"] .meta-show-layout .text-ink-800, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-meta-ads-show"] .meta-show-layout .text-ink-700 {
  color: #ffffffb3 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-meta-ads-show"] .meta-show-layout .text-ink-600 {
  color: #ffffff87 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-meta-ads-show"] .meta-show-layout .text-ink-500 {
  color: #ffffff63 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-meta-ads-show"] .meta-show-performance dl {
  background: #ffffff14 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-meta-ads-show"] .meta-show-performance dl > div {
  background: #181b1e !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-meta-ads-show"] .meta-show-creative > .bg-paper-50 {
  background: #211d1a !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-meta-ads-show"] .meta-show-creative .max-w-sm {
  border: 1px solid #ffffff1a;
  box-shadow: none !important;
  background: #181b1e !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-meta-ads-show"] .meta-show-creative .aspect-square {
  background: #ffffff08 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-meta-ads-show"] .meta-show-creative button {
  background: #25d366 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) body[data-page="user-meta-ads-show"] .meta-show-layout div.bg-paper-0 {
  background-color: #181b1e !important;
  border-color: #ffffff1a !important;
}
@media (max-width: 720px) {
  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-meta-ads-show"] .meta-show-page {
    padding: 12px !important;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-meta-ads-show"] .meta-show-header {
    flex-direction: column;
  }
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-meta-ads-edit"] .shell-pane {
  background: radial-gradient(85% 55% at 88% 0, #3b7dff12, #0000 48%), #0f1113;
  overflow: auto;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-meta-ads-edit"] .meta-edit-topbar {
  background: #211d1a !important;
  border-color: #ffffff17 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) body[data-page="user-meta-ads-edit"] div.meta-edit-topbar.bg-paper-0 {
  background-color: #211d1a !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-meta-ads-edit"] .meta-edit-topbar > div {
  min-height: 64px;
  padding-top: 10px;
  padding-bottom: 10px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-meta-ads-edit"] .meta-edit-topbar .font-serif {
  color: #fff;
  font-family: inherit;
  font-size: 17px;
  font-weight: 750;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-meta-ads-edit"] .meta-edit-topbar .font-serif span {
  font-style: normal;
  color: #8eabff !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-meta-ads-edit"] .meta-edit-topbar .text-ink-500 {
  color: #ffffff61 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-meta-ads-edit"] .meta-edit-topbar a, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-meta-ads-edit"] .meta-edit-topbar form button {
  color: #ffffffad !important;
  background: #ffffff0a !important;
  border-color: #ffffff1c !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-meta-ads-edit"] .meta-edit-topbar form[data-confirm-form] button {
  color: #f28b72 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-meta-ads-edit"] .meta-edit-topbar button[form="campaignForm"] {
  color: #fff !important;
  background: #25d366 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-meta-ads-edit"] .meta-edit-stage {
  max-width: 1480px;
  padding: 18px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-meta-ads-edit"] .meta-edit-form {
  grid-template-columns: minmax(0, 1fr) 310px;
  gap: 12px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-meta-ads-edit"] .meta-edit-form > div > .grid:first-child > div, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-meta-ads-edit"] .meta-edit-editor, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-meta-ads-edit"] .meta-edit-preview > div {
  color: #ffffffb8;
  box-shadow: none !important;
  background: #181b1e !important;
  border-color: #ffffff1a !important;
  border-radius: 12px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-meta-ads-edit"] .meta-edit-editor .sec {
  border-color: #ffffff17 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-meta-ads-edit"] .meta-edit-form .border-paper-200 {
  border-color: #ffffff1a !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-meta-ads-edit"] .meta-edit-form .bg-white, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-meta-ads-edit"] .meta-edit-form .bg-paper-0, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-meta-ads-edit"] .meta-edit-form .bg-paper-50 {
  background-color: #ffffff08 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-meta-ads-edit"] .meta-edit-form .font-serif, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-meta-ads-edit"] .meta-edit-form .text-ink-900 {
  color: #f8f6f4 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-meta-ads-edit"] .meta-edit-form .font-serif {
  font-family: inherit;
  font-weight: 700;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-meta-ads-edit"] .meta-edit-form .text-ink-700, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-meta-ads-edit"] .meta-edit-form label {
  color: #ffffffb3 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-meta-ads-edit"] .meta-edit-form .text-ink-600 {
  color: #ffffff87 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-meta-ads-edit"] .meta-edit-form .text-ink-500, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-meta-ads-edit"] .meta-edit-form .hint, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-meta-ads-edit"] .meta-edit-form .sec-meta {
  color: #ffffff63 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-meta-ads-edit"] .meta-edit-editor input:not([type="radio"]):not([type="checkbox"]):not([type="file"]), html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-meta-ads-edit"] .meta-edit-editor textarea, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-meta-ads-edit"] .meta-edit-editor select, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-meta-ads-edit"] .meta-edit-editor .ts-control {
  color: #f7f4f2 !important;
  background: #2b2623 !important;
  border-color: #ffffff1f !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-meta-ads-edit"] .meta-edit-editor input::placeholder, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-meta-ads-edit"] .meta-edit-editor textarea::placeholder, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-meta-ads-edit"] .meta-edit-editor .ts-control input::placeholder {
  color: #ffffff4d !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-meta-ads-edit"] .meta-edit-editor select option {
  color: #f7f4f2;
  background: #2b2623;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-meta-ads-edit"] .meta-edit-editor .ts-dropdown {
  color: #f7f4f2 !important;
  background: #2b2623 !important;
  border-color: #ffffff1f !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-meta-ads-edit"] .meta-edit-editor .ts-dropdown .active {
  color: #fff !important;
  background: #5b8cff29 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-meta-ads-edit"] .meta-edit-editor [data-adv-targeting], html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-meta-ads-edit"] .meta-edit-editor .file-tile {
  background: #ffffff06 !important;
  border-color: #ffffff1a !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-meta-ads-edit"] .meta-edit-preview {
  top: 82px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-meta-ads-edit"] .meta-edit-preview > div {
  padding: 12px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-meta-ads-edit"] .meta-edit-preview .ad-preview {
  background: #211d1a !important;
  border-color: #ffffff1a !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-meta-ads-edit"] .meta-edit-preview .ad-media {
  background-color: #ffffff08 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-meta-ads-edit"] .meta-edit-preview #ad-headline {
  color: #fff !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-meta-ads-edit"] .meta-edit-preview #ad-body, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-meta-ads-edit"] .meta-edit-preview #ad-url {
  color: #ffffff7a !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-meta-ads-edit"] .meta-edit-preview #ad-cta {
  color: #f7f4f2 !important;
  background: #ffffff14 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) body[data-page="user-meta-ads-edit"] .meta-edit-editor.bg-white, html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) body[data-page="user-meta-ads-edit"] .meta-edit-preview > div.bg-white {
  background-color: #181b1e !important;
  border-color: #ffffff1a !important;
}
@media (max-width: 1180px) {
  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-meta-ads-edit"] .meta-edit-form {
    grid-template-columns: 1fr;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-meta-ads-edit"] .meta-edit-preview {
    position: static;
  }
}
@media (max-width: 720px) {
  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-meta-ads-edit"] .meta-edit-stage {
    padding: 12px !important;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-meta-ads-edit"] .meta-edit-topbar > div {
    align-items: flex-start;
  }
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-broadcasts-index"] .shell-pane {
  background: radial-gradient(90% 55% at 90% 0, #3b7dff12, #0000 48%), #0f1113;
  overflow: auto;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-broadcasts-index"] main {
  color: #f7f4f2;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-broadcasts-index"] main h1 {
  color: #fff;
  font-size: 25px;
  line-height: 1.15;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-broadcasts-index"] main h1 .italic, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-broadcasts-index"] main h1 em {
  color: #4be389;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-broadcasts-index"] main .text-ink-600, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-broadcasts-index"] main .text-ink-500 {
  color: #ffffff8c !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-broadcasts-index"] main .text-ink-900, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-broadcasts-index"] main .text-ink-700, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-broadcasts-index"] main .text-wa-deep {
  color: #f7f4f2 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-broadcasts-index"] main .bg-paper-0, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-broadcasts-index"] main .bg-paper-50, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-broadcasts-index"] main .bg-paper-100 {
  box-shadow: none !important;
  background: #ffffff09 !important;
  border-color: #ffffff1a !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-broadcasts-index"] main .border-paper-200, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-broadcasts-index"] main .border-paper-100 {
  border-color: #ffffff1a !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-broadcasts-index"] main .rounded-2xl {
  border-radius: 12px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-broadcasts-index"] main .shadow-card {
  box-shadow: none !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-broadcasts-index"] main .font-serif {
  color: #fff !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-broadcasts-index"] main .bg-wa-deep, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-broadcasts-index"] main .bg-wa-teal {
  color: #fff !important;
  background: #2f3150 !important;
  border-color: #ffffff1f !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-broadcasts-index"] main .bg-wa-deep:hover, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-broadcasts-index"] main .bg-wa-teal:hover {
  background: #3a3d63 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-broadcasts-index"] main .bg-wa-mint {
  color: #8ce8ad !important;
  background: #4be38929 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-broadcasts-index"] main [data-bc-range], html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-broadcasts-index"] main [data-bc-view] {
  color: #ffffff9c !important;
  border-radius: 8px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-broadcasts-index"] main [data-bc-range]:hover, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-broadcasts-index"] main [data-bc-view]:hover {
  background: #ffffff0d !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-broadcasts-index"] main [data-bc-range].bg-wa-deep, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-broadcasts-index"] main [data-bc-view].bg-wa-deep {
  color: #fff !important;
  background: #2f3150 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-broadcasts-index"] main input, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-broadcasts-index"] main select {
  color: #f7f4f2 !important;
  background: #ffffff0a !important;
  border-color: #ffffff1f !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-broadcasts-index"] main input::placeholder {
  color: #ffffff61 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-broadcasts-index"] main input:focus, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-broadcasts-index"] main select:focus {
  outline: none;
  border-color: #4be38973 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-broadcasts-index"] main thead th {
  letter-spacing: .12em;
  text-transform: uppercase;
  font-size: 10px;
  color: #ffffff73 !important;
  background: none !important;
  border-color: #ffffff1a !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-broadcasts-index"] main tbody tr {
  border-color: #ffffff12 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-broadcasts-index"] main tbody tr:hover {
  background: #ffffff0a !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-broadcasts-index"] main tbody td {
  color: #ffffffc7 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-broadcasts-index"] main .text-accent-coral {
  color: #ff8e70 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-broadcasts-index"] main .bg-accent-coral\/10, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-broadcasts-index"] main .bg-accent-coral\/15 {
  color: #ff8e70 !important;
  background: #ff8e7026 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-broadcasts-index"] main .text-wa-green, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-broadcasts-index"] main .text-emerald-600 {
  color: #4be389 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-broadcasts-index"] main .bg-wa-green\/10, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-broadcasts-index"] main .bg-emerald-50 {
  color: #4be389 !important;
  background: #4be38924 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-broadcasts-index"] main .font-mono.uppercase {
  color: #ffffff80 !important;
  border-color: #ffffff24 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-broadcasts-index"] main nav[role="navigation"] span, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-broadcasts-index"] main nav[role="navigation"] a {
  color: #ffffffa6 !important;
  border-color: #ffffff1a !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-broadcasts-index"] main nav[role="navigation"] a:hover {
  background: #ffffff0f !important;
}
[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-broadcasts-index"] .shell-pane, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-broadcasts-index"] .shell-pane {
  background: radial-gradient(120% 70% at 82% 0, #3b7dff1a, #0000 46%), linear-gradient(155deg, #0f1113 0% 40%, #0f1113 100%) !important;
}
[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-broadcasts-index"] .bg-wa-deep, [data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-broadcasts-index"] .bg-wa-teal, [data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-broadcasts-index"] .bg-wa-chat, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-broadcasts-index"] .bg-wa-deep, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-broadcasts-index"] .bg-wa-teal, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-broadcasts-index"] .bg-wa-chat {
  color: #fff !important;
  background-color: #2f3150 !important;
  background-image: none !important;
}
[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-broadcasts-index"] .bg-wa-bubble, [data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-broadcasts-index"] .bg-wa-bubble\/40, [data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-broadcasts-index"] .bg-wa-mint, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-broadcasts-index"] .bg-wa-bubble, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-broadcasts-index"] .bg-wa-bubble\/40, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-broadcasts-index"] .bg-wa-mint {
  color: #f7f4f2 !important;
  background-color: #ffffff0a !important;
  border-color: #ffffff1a !important;
}
[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-broadcasts-index"] .bg-white, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-broadcasts-index"] .bg-white {
  color: #f7f4f2 !important;
  background-color: #ffffff09 !important;
  border-color: #ffffff1a !important;
}
[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-broadcasts-index"] .card, [data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-broadcasts-index"] .hairline, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-broadcasts-index"] .card, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-broadcasts-index"] .hairline {
  box-shadow: none !important;
  color: #f7f4f2 !important;
  background-color: #ffffff09 !important;
  border-color: #ffffff1a !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-contacts-index"] .shell-pane {
  background: radial-gradient(85% 55% at 88% 0, #3b7dff12, #0000 48%), #0f1113;
  overflow: auto;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-contacts-index"] .contacts-page {
  color: #ffffffb8;
  max-width: 1480px;
  padding: 18px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-contacts-index"] .contacts-layout {
  display: block;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-contacts-index"] .contacts-local-sidebar {
  display: none;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-contacts-index"] .contacts-header {
  background: #211d1a;
  border: 1px solid #ffffff17;
  border-radius: 12px;
  align-items: center;
  padding: 13px 15px;
  flex-direction: column !important;
  align-items: flex-start !important;
  margin-bottom: 12px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-contacts-index"] .contacts-header h1 {
  color: #fff;
  font-family: inherit;
  font-size: 25px;
  font-weight: 750;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-contacts-index"] .contacts-header h1 span {
  font-style: normal;
  color: #8eabff !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-contacts-index"] .contacts-header .text-ink-500 {
  color: #ffffff61 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-contacts-index"] .contacts-header .text-ink-600 {
  color: #ffffff80 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-contacts-index"] .contacts-header button {
  color: #ffffffad !important;
  background: #ffffff0a !important;
  border-color: #ffffff1c !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-contacts-index"] .contacts-header button[data-modal-open="contactModal"] {
  color: #fff !important;
  background: #25d366 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-contacts-index"] .contacts-stats {
  gap: 8px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-contacts-index"] .contacts-stats > div {
  min-height: 82px;
  box-shadow: none !important;
  background: #181b1e !important;
  border-color: #ffffff1a !important;
  border-radius: 10px !important;
  padding: 12px 14px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-contacts-index"] .contacts-stats .font-serif {
  color: #fff;
  font-family: inherit;
  font-size: 26px;
  font-weight: 750;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-contacts-index"] .contacts-stats .text-ink-600 {
  color: #ffffff87 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-contacts-index"] .contacts-stats .text-ink-500 {
  color: #ffffff61 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-contacts-index"] .contacts-stats .text-wa-deep {
  color: #8eabff !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-contacts-index"] .contacts-toolbar {
  z-index: 15;
  position: sticky;
  top: 0;
  box-shadow: none !important;
  background: #211d1a !important;
  border-color: #ffffff1a !important;
  border-radius: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-contacts-index"] .contacts-toolbar .top-tab {
  color: #ffffff8a !important;
  border-radius: 6px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-contacts-index"] .contacts-toolbar .top-tab.active {
  color: #fff !important;
  background: #25d366 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-contacts-index"] .contacts-toolbar input, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-contacts-index"] .contacts-toolbar select, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-contacts-index"] .contacts-toolbar #bulkTagPicker, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-contacts-index"] .contacts-toolbar #bulkGroupPicker {
  color: #f7f4f2 !important;
  background: #2b2623 !important;
  border-color: #ffffff1c !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-contacts-index"] .contacts-toolbar input::placeholder {
  color: #ffffff4d !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-contacts-index"] .contacts-toolbar select option {
  color: #f7f4f2;
  background: #2b2623;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-contacts-index"] .contacts-toolbar #bulkBar button {
  color: #ffffffad !important;
  border-color: #ffffff1f !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-contacts-index"] #contactsPanel, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-contacts-index"] #groupsPanel > .card, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-contacts-index"] #groupsPanel > button {
  color: #ffffffb8;
  box-shadow: none !important;
  background: #181b1e !important;
  border-color: #ffffff1a !important;
  border-radius: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-contacts-index"] #contactsPanel thead {
  color: #fff6 !important;
  background: #211d1a !important;
  border-color: #ffffff17 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-contacts-index"] #contactsPanel tbody {
  border-color: #ffffff14 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-contacts-index"] #contactsPanel tbody tr {
  color: #ffffffb3;
  border-color: #ffffff14 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-contacts-index"] #contactsPanel tbody tr:hover {
  background: #ffffff08 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-contacts-index"] #contactsPanel .text-ink-900, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-contacts-index"] #groupsPanel .text-ink-900 {
  color: #f8f6f4 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-contacts-index"] #contactsPanel .text-ink-700, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-contacts-index"] #groupsPanel .text-ink-700 {
  color: #ffffffad !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-contacts-index"] #contactsPanel .text-ink-600, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-contacts-index"] #groupsPanel .text-ink-600 {
  color: #ffffff85 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-contacts-index"] #contactsPanel .text-ink-500, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-contacts-index"] #groupsPanel .text-ink-500 {
  color: #ffffff61 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-contacts-index"] #contactsPanel .bg-paper-0, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-contacts-index"] #contactsPanel .bg-paper-50, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-contacts-index"] #groupsPanel .bg-paper-0, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-contacts-index"] #groupsPanel .bg-paper-50 {
  background: #ffffff08 !important;
  border-color: #ffffff17 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-contacts-index"] #contactsPanel .group-chip {
  color: #ffffffa8 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-contacts-index"] #contactsPanel .icon-btn, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-contacts-index"] #groupsPanel .icon-btn {
  color: #ffffff8f !important;
  background: #ffffff08 !important;
  border-color: #ffffff1a !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-contacts-index"] #contactsPagination {
  color: #ffffff8c;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-contacts-index"] .modal {
  background: #000000ad !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-contacts-index"] .modal-panel {
  color: #ffffffb8;
  background: #181b1e !important;
  border-color: #ffffff1f !important;
  border-radius: 14px !important;
  box-shadow: 0 24px 64px #0000005c !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-contacts-index"] .modal-panel .bg-paper-0, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-contacts-index"] .modal-panel .bg-white, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-contacts-index"] .modal-panel .bg-paper-50 {
  background-color: #ffffff08 !important;
  border-color: #ffffff1a !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-contacts-index"] .modal-panel .border-paper-200 {
  border-color: #ffffff1a !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-contacts-index"] .modal-panel .font-serif, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-contacts-index"] .modal-panel .text-ink-900 {
  font-family: inherit;
  color: #f8f6f4 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-contacts-index"] .modal-panel .text-ink-700, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-contacts-index"] .modal-panel label {
  color: #ffffffb3 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-contacts-index"] .modal-panel .text-ink-600 {
  color: #ffffff87 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-contacts-index"] .modal-panel .text-ink-500 {
  color: #ffffff63 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-contacts-index"] .modal-panel input:not([type="radio"]):not([type="checkbox"]):not([type="file"]), html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-contacts-index"] .modal-panel textarea, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-contacts-index"] .modal-panel select {
  color: #f7f4f2 !important;
  background: #2b2623 !important;
  border-color: #ffffff1f !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-contacts-index"] .modal-panel input::placeholder, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-contacts-index"] .modal-panel textarea::placeholder {
  color: #ffffff4d !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-contacts-index"] .modal-panel select option {
  color: #f7f4f2;
  background: #2b2623;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-contacts-index"] .modal-panel button[type="submit"] {
  color: #fff !important;
  background: #25d366 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-contacts-index"] .modal-panel .file-tile {
  background: #5b8cff0f !important;
  border-color: #5b8cff66 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-contacts-index"] .iti__dropdown-content {
  color: #f7f4f2 !important;
  background: #2b2623 !important;
  border-color: #ffffff1f !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-contacts-index"] .iti__country.iti__highlight {
  background: #5b8cff29 !important;
}
@media (max-width: 720px) {
  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-contacts-index"] .contacts-page {
    padding: 12px !important;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-contacts-index"] .contacts-header {
    align-items: flex-start;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-contacts-index"] .contacts-stats {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-contacts-index"] .contacts-toolbar {
    position: static;
  }
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) body[data-page="user-contacts-index"] .contacts-header {
  background-color: #211d1a !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) body[data-page="user-contacts-index"] .contacts-header h1 span.text-wa-deep {
  color: #8eabff !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) body[data-page="user-contacts-index"] .contacts-header button:not([data-modal-open="contactModal"]) {
  color: #ffffffad !important;
  background-color: #ffffff0a !important;
  border-color: #ffffff1c !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) body[data-page="user-contacts-index"] .contacts-stats > div.bg-paper-0 {
  background-color: #181b1e !important;
  border-color: #ffffff1a !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) body[data-page="user-contacts-index"] .contacts-toolbar.bg-white {
  background-color: #211d1a !important;
  border-color: #ffffff1a !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) body[data-page="user-contacts-index"] .contacts-toolbar input#contactSearch, html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) body[data-page="user-contacts-index"] .contacts-toolbar select {
  color: #f7f4f2 !important;
  background-color: #2b2623 !important;
  background-image: none !important;
  border-color: #ffffff1c !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-contacts-show"] .shell-pane {
  background: radial-gradient(85% 55% at 88% 0, #3b7dff12, #0000 48%), #0f1113;
  overflow: auto;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-contacts-show"] .shell-context {
  background: #211d1a;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-contacts-show"] .contact-show-context {
  color: #ffffffb8;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-contacts-show"] .contact-show-page {
  color: #ffffffb8;
  max-width: 1120px;
  padding: 18px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-contacts-show"] .contact-show-back {
  color: #ffffff6b !important;
  margin-bottom: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-contacts-show"] .contact-show-header {
  background: #211d1a;
  border: 1px solid #ffffff17;
  border-radius: 12px;
  padding: 14px;
  margin-bottom: 12px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-contacts-show"] .contact-show-header > div > span {
  color: #9eb5ff !important;
  background: #5b8cff29 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-contacts-show"] .contact-show-header h1 {
  color: #fff;
  font-family: inherit;
  font-size: 21px;
  font-weight: 750;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-contacts-show"] .contact-show-header .text-ink-500 {
  color: #fff6 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-contacts-show"] .contact-show-header .text-wa-deep {
  color: #8eabff !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-contacts-show"] .contact-show-header .bg-paper-100 {
  color: #ffffff9e !important;
  background: #ffffff0d !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-contacts-show"] .contact-show-stats {
  gap: 8px;
  margin-bottom: 12px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-contacts-show"] .contact-show-stats > div, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-contacts-show"] .contact-show-timeline, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-contacts-show"] .contact-show-deals {
  box-shadow: none !important;
  background: #181b1e !important;
  border-color: #ffffff1a !important;
  border-radius: 12px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-contacts-show"] .contact-show-stats > div {
  padding: 12px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-contacts-show"] .contact-show-stats .text-ink-400, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-contacts-show"] .contact-show-timeline .text-ink-400 {
  color: #ffffff57 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-contacts-show"] .contact-show-layout {
  gap: 12px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-contacts-show"] .contact-show-timeline .text-ink-800, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-contacts-show"] .contact-show-deals .text-ink-800 {
  color: #f8f6f4 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-contacts-show"] .contact-show-timeline .text-ink-600, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-contacts-show"] .contact-show-deals .text-ink-600 {
  color: #ffffff87 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-contacts-show"] .contact-show-timeline .text-ink-500, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-contacts-show"] .contact-show-deals .text-ink-500 {
  color: #ffffff63 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-contacts-show"] .contact-show-timeline .bg-paper-200 {
  background: #ffffff1a !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-contacts-show"] .contact-show-timeline span.bg-paper-0 {
  color: #8eabff !important;
  background: #181b1e !important;
  border-color: #5b8cff47 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-contacts-show"] .contact-show-deals a:hover {
  background: #ffffff0a !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) body[data-page="user-contacts-show"] .contact-show-stats > div.bg-paper-0, html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) body[data-page="user-contacts-show"] .contact-show-timeline.bg-paper-0, html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) body[data-page="user-contacts-show"] .contact-show-deals.bg-paper-0 {
  background-color: #181b1e !important;
  border-color: #ffffff1a !important;
}
@media (min-width: 1280px) {
  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-contacts-show"] .contact-show-layout {
    grid-template-columns: 1fr;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-contacts-show"] .contact-show-deals {
    display: none;
  }
}
@media (max-width: 720px) {
  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-contacts-show"] .contact-show-page {
    padding: 12px !important;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-contacts-show"] .contact-show-stats {
    grid-template-columns: 1fr;
  }
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-companies-index"] .shell-pane {
  background: radial-gradient(85% 55% at 88% 0, #3b7dff12, #0000 48%), #0f1113;
  overflow: auto;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-companies-index"] .companies-page {
  color: #ffffffb8;
  max-width: 1480px;
  padding: 18px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-companies-index"] .companies-header {
  background: #211d1a;
  border: 1px solid #ffffff17;
  border-radius: 12px;
  align-items: center;
  padding: 14px 15px;
  margin-bottom: 12px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-companies-index"] .companies-header h1 {
  color: #fff;
  font-family: inherit;
  font-size: 24px;
  font-weight: 750;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-companies-index"] .companies-header .text-ink-500 {
  color: #fff6 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-companies-index"] .companies-header button {
  border-radius: 8px;
  height: 36px;
  background: #25d366 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-companies-index"] .companies-stats {
  gap: 8px;
  margin-bottom: 12px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-companies-index"] .companies-stats > div {
  box-shadow: none !important;
  background: #181b1e !important;
  border-color: #ffffff1a !important;
  border-radius: 10px !important;
  padding: 12px 14px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-companies-index"] .companies-stats .text-ink-400 {
  color: #ffffff59 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-companies-index"] .companies-search {
  margin-bottom: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-companies-index"] .companies-search input {
  color: #f7f4f2 !important;
  background: #2b2623 !important;
  border-color: #ffffff1c !important;
  border-radius: 8px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-companies-index"] .companies-search input::placeholder {
  color: #ffffff4d !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-companies-index"] .companies-panel {
  box-shadow: none !important;
  background: #181b1e !important;
  border-color: #ffffff1a !important;
  border-radius: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-companies-index"] .companies-panel thead {
  color: #fff6 !important;
  background: #211d1a !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-companies-index"] .companies-panel tr {
  border-color: #ffffff14 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-companies-index"] .companies-panel tbody tr:hover {
  background: #ffffff08 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-companies-index"] .companies-panel .text-ink-800 {
  color: #f8f6f4 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-companies-index"] .companies-panel .text-ink-500 {
  color: #ffffff63 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-companies-index"] .company-modal {
  background: #000000ad !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-companies-index"] .company-modal-panel {
  color: #ffffffb8;
  border: 1px solid #ffffff1f;
  background: #181b1e !important;
  box-shadow: 0 24px 64px #0000005c !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-companies-index"] .company-modal-panel input, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-companies-index"] .company-modal-panel textarea {
  color: #f7f4f2 !important;
  background: #2b2623 !important;
  border-color: #ffffff1f !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-companies-index"] .company-modal-panel input::placeholder, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-companies-index"] .company-modal-panel textarea::placeholder {
  color: #ffffff4d !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-companies-index"] .company-modal-panel button[data-company-close] {
  color: #ffffff94 !important;
  border-color: #ffffff1c !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-companies-index"] .company-modal-panel button[type="submit"] {
  background: #25d366 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) body[data-page="user-companies-index"] .companies-stats > div.bg-paper-0, html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) body[data-page="user-companies-index"] .companies-panel.bg-paper-0, html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) body[data-page="user-companies-index"] .company-modal-panel.bg-paper-0 {
  background-color: #181b1e !important;
  border-color: #ffffff1a !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) body[data-page="user-companies-index"] main[data-companies] form.companies-search input[type="text"][name="q"] {
  color: #f7f4f2 !important;
  background: #2b2623 !important;
  border-color: #ffffff1c !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) body[data-page="user-companies-index"] .companies-panel thead tr.bg-paper-50 {
  background-color: #211d1a !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-companies-index"] .companies-header button {
  white-space: nowrap;
  min-width: 140px;
}
@media (max-width: 720px) {
  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-companies-index"] .companies-page {
    padding: 12px !important;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-companies-index"] .companies-header {
    align-items: flex-start;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-companies-index"] .companies-stats {
    grid-template-columns: 1fr;
  }
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-companies-show"] .shell-pane {
  background: radial-gradient(85% 55% at 88% 0, #3b7dff12, #0000 48%), #0f1113;
  overflow: auto;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-companies-show"] .shell-context {
  background: #211d1a;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-companies-show"] .company-show-context {
  color: #ffffffb8;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-companies-show"] .company-show-page {
  color: #ffffffb8;
  max-width: 1120px;
  padding: 18px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-companies-show"] .company-show-back {
  color: #ffffff6b !important;
  margin-bottom: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-companies-show"] .company-show-header {
  background: #211d1a;
  border: 1px solid #ffffff17;
  border-radius: 12px;
  align-items: center;
  padding: 14px 15px;
  margin-bottom: 12px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-companies-show"] .company-show-header h1 {
  color: #fff;
  font-family: inherit;
  font-size: 21px;
  font-weight: 750;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-companies-show"] .company-show-header .text-ink-500 {
  color: #fff6 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-companies-show"] .company-show-header .text-wa-deep {
  color: #8eabff !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-companies-show"] .company-show-header button {
  white-space: nowrap;
  border-radius: 8px;
  height: 36px;
  background: #25d366 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-companies-show"] .company-show-stats {
  gap: 8px;
  margin-bottom: 12px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-companies-show"] .company-show-stats > div, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-companies-show"] .company-show-contacts, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-companies-show"] .company-show-deals, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-companies-show"] .company-show-notes {
  box-shadow: none !important;
  background: #181b1e !important;
  border-color: #ffffff1a !important;
  border-radius: 12px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-companies-show"] .company-show-stats > div {
  padding: 12px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-companies-show"] .company-show-stats .text-ink-400 {
  color: #ffffff57 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-companies-show"] .company-show-layout {
  gap: 12px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-companies-show"] .company-show-contacts .text-ink-800, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-companies-show"] .company-show-deals .text-ink-800 {
  color: #f8f6f4 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-companies-show"] .company-show-contacts .text-ink-500, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-companies-show"] .company-show-deals .text-ink-500, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-companies-show"] .company-show-notes .text-ink-500 {
  color: #ffffff63 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-companies-show"] .company-show-notes .text-ink-700 {
  color: #fff9 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-companies-show"] .company-show-contacts a:hover, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-companies-show"] .company-show-deals a:hover {
  background: #ffffff0a !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) body[data-page="user-companies-show"] .company-show-stats > div.bg-paper-0, html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) body[data-page="user-companies-show"] .company-show-contacts.bg-paper-0, html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) body[data-page="user-companies-show"] .company-show-deals.bg-paper-0, html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) body[data-page="user-companies-show"] .company-show-notes.bg-paper-0 {
  background-color: #181b1e !important;
  border-color: #ffffff1a !important;
}
@media (max-width: 720px) {
  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-companies-show"] .company-show-page {
    padding: 12px !important;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-companies-show"] .company-show-stats {
    grid-template-columns: 1fr;
  }
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-lead-finder-index"] .shell-pane {
  background: radial-gradient(95% 60% at 88% 0, #3b7dff14, #0000 48%), #0f1113;
  overflow: auto;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-lead-finder-index"] .lead-finder-page {
  color: #ffffffb8;
  max-width: 1180px;
  padding: 18px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-lead-finder-index"] .lead-finder-header {
  background: #211d1a;
  border: 1px solid #ffffff17;
  border-radius: 12px;
  align-items: center;
  padding: 14px 15px;
  margin-bottom: 12px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-lead-finder-index"] .lead-finder-header h1 {
  color: #fff;
  font-family: inherit;
  font-size: 23px;
  font-weight: 800;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-lead-finder-index"] .lead-finder-header .text-ink-500 {
  color: #ffffff6b !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-lead-finder-index"] .lead-finder-header .text-wa-deep {
  color: #8eabff !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-lead-finder-index"] .lead-finder-actions > button, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-lead-finder-index"] .lead-finder-actions > span {
  white-space: nowrap;
  border-radius: 8px;
  min-height: 34px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-lead-finder-index"] #lf-settings-open {
  color: #ffffffad !important;
  background: #ffffff0a !important;
  border-color: #ffffff1c !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-lead-finder-index"] #lf-new-search {
  color: #07130b !important;
  background: #25d366 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-lead-finder-index"] .lead-finder-stats {
  gap: 8px;
  margin-bottom: 12px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-lead-finder-index"] .lead-finder-stat {
  background: #181b1e;
  border: 1px solid #ffffff1a;
  border-radius: 11px;
  padding: 12px 13px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-lead-finder-index"] .lead-finder-stat-icon {
  border-radius: 8px;
  place-items: center;
  width: 28px;
  height: 28px;
  margin-bottom: 9px;
  display: grid;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-lead-finder-index"] .lead-finder-stat-icon svg {
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8px;
  width: 15px;
  height: 15px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-lead-finder-index"] .lead-finder-stat-icon.is-blue {
  color: #7fa2ff;
  background: #5b8cff29;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-lead-finder-index"] .lead-finder-stat-icon.is-green {
  color: #4be389;
  background: #25d36624;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-lead-finder-index"] .lead-finder-stat-icon.is-purple {
  color: #c1a1ff;
  background: #b98cff26;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-lead-finder-index"] .lead-finder-stat-icon.is-amber {
  color: #ffc46b;
  background: #ffc46b24;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-lead-finder-index"] .lead-finder-stat-value {
  color: #fff;
  font-size: 20px;
  font-weight: 800;
  line-height: 1;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-lead-finder-index"] .lead-finder-stat-label {
  color: #ffffff6b;
  margin-top: 5px;
  font-size: 10.5px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-lead-finder-index"] .lead-finder-search {
  background: #211d1a;
  border: 1px solid #ffffff1a;
  border-radius: 11px;
  padding: 10px;
  margin-bottom: 8px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-lead-finder-index"] .lead-finder-search input, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-lead-finder-index"] .lead-finder-advanced select, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-lead-finder-index"] .lead-finder-results-toolbar input {
  color: #f7f4f2 !important;
  background: #2b2623 !important;
  border-color: #ffffff1c !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-lead-finder-index"] .lead-finder-search input::placeholder, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-lead-finder-index"] .lead-finder-results-toolbar input::placeholder {
  color: #ffffff4d !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-lead-finder-index"] #lf-go {
  background: #25d366 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-lead-finder-index"] #lf-scan {
  color: #ffffffc2 !important;
  background: #ffffff14 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-lead-finder-index"] .lead-finder-advanced {
  padding: 0 2px;
  color: #ffffff78 !important;
  margin-bottom: 12px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-lead-finder-index"] .lead-finder-advanced .text-ink-500, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-lead-finder-index"] .lead-finder-advanced .text-ink-400 {
  color: #ffffff59 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-lead-finder-index"] .lead-finder-workspace {
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 12px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-lead-finder-index"] .lead-finder-results-card {
  order: 1;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-lead-finder-index"] .lead-finder-map-card {
  order: 2;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-lead-finder-index"] .lead-finder-map-card, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-lead-finder-index"] .lead-finder-results-card {
  box-shadow: none !important;
  background: #181b1e !important;
  border-color: #ffffff1a !important;
  border-radius: 12px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-lead-finder-index"] .lead-finder-map-card > div:first-child, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-lead-finder-index"] .lead-finder-results-toolbar, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-lead-finder-index"] .lead-finder-results-card > div:last-child {
  border-color: #ffffff17 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-lead-finder-index"] .lead-finder-map-card > div:first-child {
  color: #fff6 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-lead-finder-index"] #lf-map {
  background: #201d1b;
  height: 360px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-lead-finder-index"] .lead-finder-tabs {
  background: #ffffff0a !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-lead-finder-index"] .lead-finder-tabs .lf-tab {
  color: #ffffff8c !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-lead-finder-index"] .lead-finder-tabs .lf-tab.bg-wa-deep {
  color: #fff !important;
  background: #25d366 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-lead-finder-index"] .lead-finder-list, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-lead-finder-index"] .lead-finder-list > div {
  border-color: #ffffff14 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-lead-finder-index"] .lead-finder-list > div:hover {
  background: #ffffff08 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-lead-finder-index"] .lead-finder-list .text-ink-900 {
  color: #f8f6f4 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-lead-finder-index"] .lead-finder-list .text-ink-700, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-lead-finder-index"] .lead-finder-list .text-ink-600 {
  color: #ffffff9e !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-lead-finder-index"] .lead-finder-list .text-ink-500, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-lead-finder-index"] .lead-finder-list .text-ink-400 {
  color: #ffffff63 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-lead-finder-index"] #lf-empty .bg-wa-bubble {
  color: #8eabff !important;
  background: #5b8cff24 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-lead-finder-index"] #lf-empty .text-ink-800 {
  color: #f8f6f4 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-lead-finder-index"] #lf-empty .text-ink-500 {
  color: #fff6 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-lead-finder-index"] .lf-map-unavailable {
  text-align: center;
  color: #ffffff73;
  place-content: center;
  gap: 5px;
  height: 100%;
  padding: 30px;
  font-size: 12px;
  display: grid;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-lead-finder-index"] .lf-map-unavailable strong {
  color: #ffffffbf;
  font-size: 14px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-lead-finder-index"] .lead-finder-settings {
  background: #000000ad !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-lead-finder-index"] .lead-finder-settings-panel {
  color: #ffffffb8;
  background: #181b1e !important;
  border-color: #ffffff1f !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-lead-finder-index"] .lead-finder-settings-panel .text-ink-500, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-lead-finder-index"] .lead-finder-settings-panel .text-ink-400 {
  color: #fff6 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) body[data-page="user-lead-finder-index"] #lf-settings.lead-finder-settings #lf-key-input[type="text"] {
  color: #f7f4f2 !important;
  background: #2b2623 !important;
  border-color: #ffffff1f !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-lead-finder-index"] #lf-key-save {
  background: #25d366 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) body[data-page="user-lead-finder-index"] main#lf-root form#lf-search input[type="text"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) body[data-page="user-lead-finder-index"] main#lf-root .lead-finder-results-toolbar input[type="text"] {
  color: #f7f4f2 !important;
  background: #2b2623 !important;
  border-color: #ffffff1c !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) body[data-page="user-lead-finder-index"] main#lf-root .lead-finder-results-card.bg-paper-0, html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) body[data-page="user-lead-finder-index"] main#lf-root .lead-finder-map-card.bg-paper-0 {
  background: #181b1e !important;
  border-color: #ffffff1a !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) body[data-page="user-lead-finder-index"] main#lf-root .lead-finder-results-toolbar .lead-finder-tabs.bg-paper-50 {
  background: #ffffff0a !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) body[data-page="user-lead-finder-index"] main#lf-root .lead-finder-advanced select#lf-radius {
  color: #f7f4f2 !important;
  background: #2b2623 !important;
  border-color: #ffffff1c !important;
}
@media (min-width: 1900px) {
  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-lead-finder-index"] .lead-finder-workspace {
    grid-template-columns: minmax(0, 1fr) 440px !important;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-lead-finder-index"] .lead-finder-map-card {
    order: 1;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-lead-finder-index"] .lead-finder-results-card {
    order: 2;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-lead-finder-index"] #lf-map {
    height: 560px !important;
  }
}
@media (max-width: 860px) {
  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-lead-finder-index"] .lead-finder-page {
    padding: 12px !important;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-lead-finder-index"] .lead-finder-header {
    flex-direction: column;
    align-items: flex-start;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-lead-finder-index"] .lead-finder-actions {
    flex-wrap: wrap;
  }
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-attributes-index"] .shell-pane {
  background: radial-gradient(90% 58% at 88% 0, #3b7dff14, #0000 48%), #0f1113;
  overflow: auto;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-attributes-index"] .attributes-page {
  color: #ffffffb8;
  max-width: 1180px;
  padding: 18px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-attributes-index"] .attributes-layout {
  grid-template-columns: minmax(0, 1fr) !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-attributes-index"] .attributes-local-sidebar {
  display: none;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-attributes-index"] .attributes-main {
  gap: 12px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-attributes-index"] .attributes-header {
  background: #211d1a;
  border: 1px solid #ffffff17;
  border-radius: 12px;
  align-items: center;
  padding: 14px 15px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-attributes-index"] .attributes-header h1 {
  color: #fff;
  font-family: inherit;
  font-size: 23px;
  font-weight: 800;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-attributes-index"] .attributes-header .text-ink-500, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-attributes-index"] .attributes-header .text-ink-600 {
  color: #ffffff6b !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-attributes-index"] .attributes-header button {
  white-space: nowrap;
  border-radius: 8px;
  min-width: 128px;
  min-height: 36px;
  color: #07130b !important;
  background: #25d366 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-attributes-index"] .attributes-stats {
  gap: 8px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-attributes-index"] .attribute-stat {
  box-shadow: none !important;
  background: #181b1e !important;
  border-color: #ffffff1a !important;
  border-radius: 11px !important;
  padding: 12px 13px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-attributes-index"] .attribute-stat .font-serif {
  color: #fff;
  font-family: inherit;
  font-size: 21px;
  font-weight: 800;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-attributes-index"] .attribute-stat .text-ink-600, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-attributes-index"] .attribute-stat .text-ink-500 {
  color: #fff6 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-attributes-index"] .attribute-stat .text-wa-deep {
  color: #8eabff !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-attributes-index"] .attributes-panel, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-attributes-index"] .attributes-guides > div {
  box-shadow: none !important;
  background: #181b1e !important;
  border-color: #ffffff1a !important;
  border-radius: 12px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-attributes-index"] .attributes-panel > div:first-child, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-attributes-index"] .attributes-panel thead, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-attributes-index"] .attributes-panel tbody, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-attributes-index"] .attributes-panel tbody tr {
  border-color: #ffffff14 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-attributes-index"] .attributes-panel thead {
  color: #fff6 !important;
  background: #211d1a !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-attributes-index"] .attributes-panel tbody tr:hover {
  background: #ffffff08 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-attributes-index"] .attributes-panel .text-ink-700 {
  color: #ffffffa6 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-attributes-index"] .attributes-panel .text-ink-500 {
  color: #fff6 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-attributes-index"] .attributes-panel .bg-wa-mint {
  color: #4be389 !important;
  background: #25d36621 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-attributes-index"] .attributes-panel .bg-paper-50 {
  color: #ffffff7a !important;
  background: #ffffff0a !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-attributes-index"] .attributes-panel [data-list-grid-grid] > * {
  background: #ffffff08 !important;
  border-color: #ffffff17 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-attributes-index"] .attributes-guides {
  gap: 8px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-attributes-index"] .attributes-guides > div {
  padding: 14px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-attributes-index"] .attributes-guides h3 {
  color: #f8f6f4;
  font-family: inherit;
  font-weight: 700;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-attributes-index"] .attributes-guides .text-ink-600 {
  color: #ffffff7a !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-attributes-index"] .attributes-tip {
  color: #ffffffc7 !important;
  box-shadow: none !important;
  background: #29233a !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-attributes-index"] [data-attribute-dialog] {
  background: #000000ad !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-attributes-index"] .attribute-modal-panel {
  color: #ffffffb8;
  background: #181b1e !important;
  border-color: #ffffff1f !important;
  box-shadow: 0 24px 64px #0000005c !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-attributes-index"] .attribute-modal-panel > div:first-child, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-attributes-index"] .attribute-modal-panel form > div:last-child {
  border-color: #ffffff1a !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-attributes-index"] .attribute-modal-panel .font-serif {
  color: #f8f6f4;
  font-family: inherit;
  font-weight: 750;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-attributes-index"] .attribute-modal-panel label, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-attributes-index"] .attribute-modal-panel .text-ink-700 {
  color: #ffffffad !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-attributes-index"] .attribute-modal-panel .text-ink-500 {
  color: #fff6 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-attributes-index"] .attribute-modal-panel button[type="submit"] {
  background: #25d366 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-attributes-index"] .attribute-modal-panel button[type="button"] {
  border-color: #ffffff1c !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) body[data-page="user-attributes-index"] main[data-attr-state] .attributes-panel input#attr-search[type="search"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) body[data-page="user-attributes-index"] [data-attribute-dialog] .attribute-modal-panel input[type="text"] {
  color: #f7f4f2 !important;
  background: #2b2623 !important;
  border-color: #ffffff1c !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) body[data-page="user-attributes-index"] main[data-attr-state] .attribute-stat.bg-paper-0, html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) body[data-page="user-attributes-index"] main[data-attr-state] .attributes-panel.bg-paper-0, html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) body[data-page="user-attributes-index"] main[data-attr-state] .attributes-guides > div.bg-paper-0 {
  background: #181b1e !important;
  border-color: #ffffff1a !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) body[data-page="user-attributes-index"] main[data-attr-state] .attributes-panel thead.bg-paper-50 {
  background: #211d1a !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) body[data-page="user-attributes-index"] main[data-attr-state] #attr-pagination nav.bg-paper-0 {
  box-shadow: none !important;
  background: #181b1e !important;
  border-color: #ffffff1a !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-attributes-index"] #attr-pagination .text-ink-500 {
  color: #fff6 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-attributes-index"] #attr-pagination .text-ink-900 {
  color: #f8f6f4 !important;
}
@media (max-width: 760px) {
  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-attributes-index"] .attributes-page {
    padding: 12px !important;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-attributes-index"] .attributes-header {
    align-items: flex-start;
  }
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-crm"] .shell-pane {
  background: radial-gradient(92% 60% at 88% 0, #3b7dff14, #0000 48%), #0f1113;
  overflow: auto;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-crm"] .ai-crm-page {
  color: #ffffffb8;
  max-width: 1120px;
  padding: 18px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-crm"] .ai-crm-header {
  background: #211d1a;
  border: 1px solid #ffffff17;
  border-radius: 12px;
  align-items: center;
  padding: 14px 15px;
  margin-bottom: 12px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-crm"] .ai-crm-header h1 {
  color: #fff;
  font-family: inherit;
  font-size: 23px;
  font-weight: 800;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-crm"] .ai-crm-header h1 .text-wa-deep {
  color: #9eb5ff !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-crm"] .ai-crm-header .text-ink-500 {
  color: #ffffff6b !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-crm"] .ai-crm-header [data-ai-reset] {
  white-space: nowrap;
  min-height: 36px;
  color: #ffffffa6 !important;
  background: #ffffff0a !important;
  border-color: #ffffff1c !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-crm"] .ai-crm-layout {
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 12px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-crm"] .ai-crm-chat, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-crm"] .ai-crm-wa, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-crm"] .ai-crm-recent {
  box-shadow: none !important;
  background: #181b1e !important;
  border-color: #ffffff1a !important;
  border-radius: 12px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-crm"] .ai-crm-chat {
  min-height: 570px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-crm"] .ai-crm-messages {
  scrollbar-color: #ffffff29 transparent;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-crm"] .ai-crm-empty > div:first-child > div:first-child {
  color: #9eb5ff !important;
  background: #5b8cff29 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-crm"] .ai-crm-empty .text-ink-900 {
  font-family: inherit;
  font-weight: 750;
  color: #f8f6f4 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-crm"] .ai-crm-empty .text-ink-500 {
  color: #fff6 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-crm"] .ai-crm-empty .rounded-xl.border {
  background: #ffffff05 !important;
  border-color: #ffffff17 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-crm"] .ai-crm-empty [data-ai-suggestion] {
  color: #ffffffa6 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-crm"] .ai-crm-empty [data-ai-suggestion]:hover {
  color: #9eb5ff !important;
  background: #ffffff0a !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-crm"] .ai-crm-empty .bg-wa-mint {
  color: #4be389 !important;
  background: #25d36621 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-crm"] .ai-crm-empty .bg-\[\#E0F2FE\] {
  color: #9eb5ff !important;
  background: #5b8cff24 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-crm"] .ai-crm-empty .bg-\[\#FEF3C7\] {
  color: #ffc46b !important;
  background: #ffc46b24 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-crm"] .ai-crm-empty .bg-\[\#EDE9FE\] {
  color: #c1a1ff !important;
  background: #b98cff24 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-crm"] .ai-crm-messages .bg-paper-100 {
  color: #ffffffc2 !important;
  background: #ffffff0f !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-crm"] .ai-crm-messages .bg-wa-deep {
  background: #25d366 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-crm"] .ai-crm-suggestions [data-ai-suggestion] {
  background: #ffffff08;
  color: #ffffff85 !important;
  border-color: #ffffff1a !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-crm"] .ai-crm-suggestions [data-ai-suggestion]:hover {
  color: #9eb5ff !important;
  border-color: #5b8cff59 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-crm"] .ai-crm-composer {
  background: #211d1a;
  border-color: #ffffff17 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-crm"] .ai-crm-composer [data-ai-send] {
  background: #25d366 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) body[data-page="user-ai-crm"] main[data-ai-crm] .ai-crm-composer textarea[data-ai-input] {
  color: #f7f4f2 !important;
  background: #2b2623 !important;
  border-color: #ffffff1c !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-crm"] .ai-crm-composer textarea::placeholder {
  color: #ffffff4d !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-crm"] .ai-crm-side {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  display: grid;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-crm"] .ai-crm-side .text-ink-600 {
  color: #ffffff85 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-crm"] .ai-crm-side .text-ink-500, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-crm"] .ai-crm-side .text-ink-400 {
  color: #ffffff61 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-crm"] .ai-crm-side [data-wa-toggle].bg-paper-300 {
  background: #ffffff24 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) body[data-page="user-ai-crm"] main[data-ai-crm] .ai-crm-chat.bg-paper-0, html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) body[data-page="user-ai-crm"] main[data-ai-crm] .ai-crm-wa.bg-paper-0, html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) body[data-page="user-ai-crm"] main[data-ai-crm] .ai-crm-recent.bg-paper-0 {
  background: #181b1e !important;
  border-color: #ffffff1a !important;
}
@media (max-width: 760px) {
  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-crm"] .ai-crm-page {
    padding: 12px !important;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-crm"] .ai-crm-header {
    align-items: flex-start;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-crm"] .ai-crm-side {
    grid-template-columns: 1fr;
  }
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-flows-index"] .shell-pane {
  background: radial-gradient(92% 58% at 88% 0, #3b7dff14, #0000 48%), #0f1113;
  overflow: auto;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-flows-index"] .flows-shell-page {
  color: #ffffffb8;
  max-width: 1180px;
  padding: 18px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-flows-index"] .flows-layout {
  grid-template-columns: minmax(0, 1fr) !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-flows-index"] .flows-local-sidebar {
  display: none;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-flows-index"] .flows-main {
  min-width: 0;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-flows-index"] .flows-header {
  background: #211d1a;
  border: 1px solid #ffffff17;
  border-radius: 12px;
  align-items: center;
  padding: 14px 15px;
  margin-bottom: 12px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-flows-index"] .flows-header h1 {
  color: #fff;
  font-family: inherit;
  font-size: 23px;
  font-weight: 800;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-flows-index"] .flows-header h1 .text-wa-deep {
  color: #8eabff !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-flows-index"] .flows-header .text-ink-500, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-flows-index"] .flows-header .text-ink-600 {
  color: #ffffff6b !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-flows-index"] .flows-header a, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-flows-index"] .flows-header button, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-flows-index"] .flows-header label {
  white-space: nowrap;
  border-radius: 8px;
  min-height: 36px;
  color: #ffffffb3 !important;
  background: #ffffff0a !important;
  border-color: #ffffff1c !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-flows-index"] .flows-header [data-flow-create] {
  color: #07130b !important;
  background: #25d366 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-flows-index"] .flows-header svg.text-wa-deep {
  color: #8eabff !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-flows-index"] .flows-category-toolbar {
  background: #181b1e;
  border: 1px solid #ffffff17;
  border-radius: 11px;
  align-items: center;
  gap: 10px;
  margin-bottom: 8px;
  padding: 9px 10px;
  display: flex;
  overflow: hidden;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-flows-index"] .flows-category-label {
  color: #ffffff5c;
  letter-spacing: .13em;
  text-transform: uppercase;
  padding-left: 3px;
  font-size: 10px;
  font-weight: 750;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-flows-index"] .flows-category-scroll {
  scrollbar-width: none;
  align-items: center;
  gap: 6px;
  min-width: 0;
  display: flex;
  overflow-x: auto;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-flows-index"] .flows-category-scroll::-webkit-scrollbar {
  display: none;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-flows-index"] .flows-category-pill {
  background: #ffffff08;
  border: 1px solid #ffffff14;
  border-radius: 7px;
  flex: none;
  align-items: center;
  gap: 6px;
  min-height: 30px;
  padding: 5px 9px;
  font-size: 11px;
  display: inline-flex;
  color: #ffffff8a !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-flows-index"] .flows-category-pill.bg-wa-deep {
  border-color: #5b8cff75;
  color: #aac0ff !important;
  background: #5b8cff2b !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-flows-index"] .flows-category-count {
  color: #ffffff57;
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 14px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-flows-index"] .flows-stats {
  gap: 8px;
  margin-bottom: 8px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-flows-index"] .flow-stat {
  box-shadow: none !important;
  background: #181b1e !important;
  border-color: #ffffff1a !important;
  border-radius: 11px !important;
  padding: 12px 13px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-flows-index"] .flow-stat .font-serif {
  color: #fff;
  font-family: inherit;
  font-size: 21px;
  font-weight: 800;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-flows-index"] .flow-stat .text-ink-600, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-flows-index"] .flow-stat .text-ink-500 {
  color: #fff6 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-flows-index"] .flow-stat .text-wa-deep {
  color: #8eabff !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-flows-index"] .flows-toolbar {
  background: #181b1e;
  border-radius: 11px;
  gap: 18px;
  padding: 0 10px;
  border: 1px solid #ffffff17 !important;
  margin-bottom: 12px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-flows-index"] .flows-toolbar .tab-line {
  color: #ffffff75 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-flows-index"] .flows-toolbar .tab-line.text-wa-deep {
  color: #aac0ff !important;
  border-color: #25d366 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-flows-index"] .flows-toolbar .count {
  color: #ffffff6b !important;
  background: #ffffff0f !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) body[data-page="user-flows-index"] main.flows-main input#fl-search[type="search"] {
  color: #f7f4f2 !important;
  background: #2b2623 !important;
  border-color: #ffffff1c !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-flows-index"] #fl-search::placeholder {
  color: #ffffff4d !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-flows-index"] #fl-featured > *, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-flows-index"] .flow-template-card, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-flows-index"] #fl-grid .flow-card, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-flows-index"] .flows-help > div {
  box-shadow: none !important;
  background: #181b1e !important;
  border-color: #ffffff1a !important;
  border-radius: 12px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-flows-index"] #fl-featured {
  margin-bottom: 12px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-flows-index"] .flows-templates {
  margin-bottom: 12px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-flows-index"] .flows-templates h2, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-flows-index"] .flows-help .font-serif, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-flows-index"] #fl-grid .font-semibold, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-flows-index"] #fl-featured .font-serif, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-flows-index"] #fl-featured .font-semibold {
  font-family: inherit;
  color: #f8f6f4 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-flows-index"] .flows-templates .text-ink-500, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-flows-index"] .flows-help .text-ink-500, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-flows-index"] .flows-help .text-ink-600, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-flows-index"] #fl-grid .text-ink-500, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-flows-index"] #fl-grid .text-ink-600, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-flows-index"] #fl-featured .text-ink-500, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-flows-index"] #fl-featured .text-ink-600 {
  color: #ffffff6b !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-flows-index"] .flow-template-card form button, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-flows-index"] #fl-grid .bg-wa-deep {
  background: #25d366 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-flows-index"] #fl-grid .bg-paper-50, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-flows-index"] #fl-grid .bg-paper-100 {
  background: #ffffff0d !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-flows-index"] #fl-grid .border-paper-200, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-flows-index"] #fl-pagination .border-paper-200 {
  border-color: #ffffff1a !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-flows-index"] .flows-help {
  gap: 8px;
  margin-top: 12px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-flows-index"] .flows-help > div {
  padding: 14px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-flows-index"] #fl-results-footer {
  color: #ffffff57 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-flows-index"] .flows-channel-modal {
  background: #000000b3 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-flows-index"] .flows-channel-panel {
  color: #ffffffb8;
  background: #181b1e !important;
  border-color: #ffffff1f !important;
  box-shadow: 0 24px 64px #00000061 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-flows-index"] .flows-channel-panel > div {
  border-color: #ffffff1a !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-flows-index"] .flows-channel-panel h2 {
  color: #f8f6f4;
  font-family: inherit;
  font-weight: 750;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-flows-index"] .flows-channel-panel .text-wa-deep {
  color: #8eabff !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-flows-index"] .flows-channel-panel .text-ink-500, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-flows-index"] .flows-channel-panel .text-ink-600 {
  color: #ffffff6b !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-flows-index"] .flows-channel-panel a {
  background: #ffffff08 !important;
  border-color: #ffffff1a !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-flows-index"] .flows-channel-panel a:hover {
  background: #ffffff0f !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-flows-index"] .flows-channel-panel [data-flow-channel-cancel] {
  color: #ffffffad !important;
  border-color: #ffffff1c !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) body[data-page="user-flows-index"] main.flows-main .flow-stat.bg-paper-0, html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) body[data-page="user-flows-index"] main.flows-main .flow-template-card.bg-paper-0, html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) body[data-page="user-flows-index"] main.flows-main #fl-grid .flow-card.bg-white, html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) body[data-page="user-flows-index"] main.flows-main .flows-help > div.bg-paper-0 {
  background: #181b1e !important;
  border-color: #ffffff1a !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) body[data-page="user-flows-index"] .flows-channel-panel.bg-paper-0 {
  background: #181b1e !important;
  border-color: #ffffff1f !important;
}
@media (max-width: 900px) {
  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-flows-index"] .flows-header {
    align-items: flex-start;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-flows-index"] .flows-header > div:last-child {
    width: 100%;
    overflow-x: auto;
  }
}
@media (max-width: 760px) {
  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-flows-index"] .flows-shell-page {
    padding: 12px !important;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-flows-index"] .flows-category-toolbar {
    flex-direction: column;
    align-items: flex-start;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-flows-index"] .flows-category-scroll {
    width: 100%;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-flows-index"] .flows-toolbar {
    gap: 10px;
    padding: 0 8px 8px;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-flows-index"] .flows-toolbar .relative.w-full {
    order: 10;
  }
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-flows-builder"] .shell-body, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-flows-builder"] .shell-pane {
  min-height: 0;
  overflow: hidden;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-flows-builder"] .shell-pane {
  background: #0f1113;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-flows-builder"] .flow-builder-root, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-flows-builder"] .flow-builder-app {
  width: 100%;
  min-width: 0;
  height: 100%;
  min-height: 0;
  overflow: hidden;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-flows-builder"] .flow-builder-app {
  color: #ffffffb8;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-flows-builder"] .flow-toolbar {
  height: 58px;
  background: #211d1a !important;
  border-color: #ffffff1a !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-flows-builder"] .flow-toolbar > a, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-flows-builder"] .flow-toolbar .flow-test-btn, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-flows-builder"] .flow-toolbar .flow-save-btn, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-flows-builder"] .flow-toolbar .flow-status {
  color: #ffffffad !important;
  background: #ffffff0a !important;
  border-color: #ffffff1c !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-flows-builder"] .flow-toolbar > div span.bg-wa-deep {
  background: #25d366 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-flows-builder"] .flow-toolbar > button:last-child {
  border-radius: 8px;
  color: #07130b !important;
  background: #25d366 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-flows-builder"] .flow-toolbar input {
  font-family: inherit;
  font-weight: 750;
  color: #f8f6f4 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-flows-builder"] .flow-toolbar .text-ink-500 {
  color: #ffffff61 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-flows-builder"] .flow-toolbar .btn-ai-shine {
  border-radius: 8px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-flows-builder"] .flow-palette, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-flows-builder"] .ins-panel {
  background: #181b1e !important;
  border-color: #ffffff1a !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-flows-builder"] .flow-palette {
  width: 244px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-flows-builder"] .flow-palette > div:first-child, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-flows-builder"] .ins-panel > div:first-child {
  border-color: #ffffff17 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-flows-builder"] .flow-palette .pal-card {
  background: #2b2623 !important;
  border-color: #ffffff17 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-flows-builder"] .flow-palette .pal-card:hover {
  background: #5b8cff14 !important;
  border-color: #5b8cff6b !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-flows-builder"] .flow-palette .text-ink-500, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-flows-builder"] .ins-panel .text-ink-500 {
  color: #fff6 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-flows-builder"] .flow-palette .text-ink-700, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-flows-builder"] .ins-panel .text-ink-700 {
  color: #ffffffa3 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) body[data-page="user-flows-builder"] .flow-palette input {
  color: #f7f4f2 !important;
  background: #211d1a !important;
  border-color: #ffffff1c !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-flows-builder"] .flow-palette input::placeholder {
  color: #ffffff47 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-flows-builder"] .canvas-dots {
  background-color: #15181b !important;
  background-image: radial-gradient(circle, #ffffff17 1px, #0000 1px) !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-flows-builder"] .node-card {
  color: #ffffffb8;
  background: #181b1e !important;
  border-color: #ffffff1f !important;
  box-shadow: 0 8px 24px #0003 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-flows-builder"] .node-card.selected {
  border-color: #25d366 !important;
  box-shadow: 0 0 0 2px #5b8cff33, 0 12px 30px #00000047 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-flows-builder"] .node-card .border-paper-100 {
  border-color: #ffffff14 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-flows-builder"] .node-card .text-ink-900 {
  color: #f8f6f4 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-flows-builder"] .node-card .text-ink-700 {
  color: #ffffff9e !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-flows-builder"] .node-card .text-ink-500 {
  color: #ffffff63 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-flows-builder"] .node-card .bg-paper-50 {
  background: #ffffff0d !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-flows-builder"] .port {
  background: #181b1e;
  border-color: #ffffff75;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-flows-builder"] .edge-path {
  stroke: #ffffff4a;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-flows-builder"] .minimap {
  background: #211d1a;
  border-color: #ffffff1f;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-flows-builder"] .canvas-dots > button, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-flows-builder"] .canvas-dots > .absolute.bottom-4 > div {
  color: #ffffffa6 !important;
  background: #24201df5 !important;
  border-color: #ffffff1c !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-flows-builder"] .canvas-dots > .absolute.bottom-4 .bg-paper-200 {
  background: #ffffff1a !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-flows-builder"] .flow-builder-root > .flow-builder-app > .fixed.inset-0 > .bg-paper-0, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-flows-builder"] .flow-builder-root .fixed.inset-x-0 .bg-paper-0, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-flows-builder"] .flow-builder-root .fixed.bottom-6.bg-paper-0 {
  color: #ffffffb8;
  background: #181b1e !important;
  border-color: #ffffff1f !important;
  box-shadow: 0 24px 64px #00000061 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-flows-builder"] .flow-builder-root .fixed .border-paper-200 {
  border-color: #ffffff1a !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-flows-builder"] .flow-builder-root .fixed .bg-paper-50, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-flows-builder"] .flow-builder-root .fixed .bg-paper-50\/40 {
  background: #ffffff0a !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-flows-builder"] .flow-builder-root .fixed .text-ink-900 {
  color: #f8f6f4 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-flows-builder"] .flow-builder-root .fixed .text-ink-700 {
  color: #ffffffab !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-flows-builder"] .flow-builder-root .fixed .text-ink-500 {
  color: #fff6 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) body[data-page="user-flows-builder"] .flow-builder-root .fixed input, html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) body[data-page="user-flows-builder"] .flow-builder-root .fixed textarea, html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) body[data-page="user-flows-builder"] .flow-builder-root .fixed select {
  color: #f7f4f2 !important;
  background: #2b2623 !important;
  border-color: #ffffff1c !important;
}
@media (max-width: 767.98px) {
  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-flows-builder"] .flow-palette {
    width: min(300px, 86vw) !important;
  }
}
html[data-user-shell="slack"]:not([data-shell-theme="light"])[data-theme="dark"] body[data-page="user-flows-builder"] .shell-pane .flow-builder-root .flow-toolbar.bg-paper-0 {
  background: #211d1a !important;
  border-color: #ffffff1a !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"])[data-theme="dark"] body[data-page="user-flows-builder"] .shell-pane .flow-builder-root .flow-palette.bg-paper-0, html[data-user-shell="slack"]:not([data-shell-theme="light"])[data-theme="dark"] body[data-page="user-flows-builder"] .shell-pane .flow-builder-root .ins-panel.bg-paper-0 {
  background: #181b1e !important;
  border-color: #ffffff1a !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"])[data-theme="dark"] body[data-page="user-flows-builder"] .shell-pane .flow-builder-root .flow-palette .pal-card.bg-paper-0 {
  background: #2b2623 !important;
  border-color: #ffffff17 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"])[data-theme="dark"] body[data-page="user-flows-builder"] .shell-pane .flow-builder-root .flow-palette input.bg-paper-0 {
  color: #f7f4f2 !important;
  background: #211d1a !important;
  border-color: #ffffff1c !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-auto-reply-index"] .shell-pane {
  background: radial-gradient(92% 58% at 88% 0, #3b7dff14, #0000 48%), #0f1113;
  overflow: auto;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-auto-reply-index"] .ar-header {
  background: none !important;
  border-color: #ffffff17 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-auto-reply-index"] .ar-header-inner, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-auto-reply-index"] .ar-page {
  max-width: 1180px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-auto-reply-index"] .ar-header-inner {
  background: #211d1a;
  border: 1px solid #ffffff17;
  border-radius: 12px;
  margin: 18px auto 0;
  padding: 14px 15px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-auto-reply-index"] .ar-header-back, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-auto-reply-index"] .ar-eyebrow {
  display: none;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-auto-reply-index"] .ar-title {
  color: #fff;
  font-family: inherit;
  font-size: 23px;
  font-weight: 800;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-auto-reply-index"] .ar-title .text-wa-deep {
  font-style: normal;
  color: #8eabff !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-auto-reply-index"] .ar-subtitle {
  color: #ffffff6b;
  margin-top: 2px;
  font-size: 12px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-auto-reply-index"] .ar-header-inner > div:last-child {
  flex-wrap: wrap;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-auto-reply-index"] .ar-header-inner > div:last-child > span, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-auto-reply-index"] .ar-header-inner > div:last-child form button, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-auto-reply-index"] #ar-import-open {
  border-radius: 8px;
  min-height: 36px;
  color: #ffffffa3 !important;
  background: #ffffff0a !important;
  border-color: #ffffff1c !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-auto-reply-index"] .ar-header-inner > div:last-child > a {
  border-radius: 8px;
  min-height: 36px;
  color: #07130b !important;
  background: #25d366 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-auto-reply-index"] .ar-page {
  color: #ffffffb8;
  flex-direction: column;
  gap: 8px;
  display: flex;
  padding: 8px 18px 18px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-auto-reply-index"] .ar-page > * {
  margin: 0 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-auto-reply-index"] .ar-stats {
  order: 1;
  gap: 8px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-auto-reply-index"] .ar-rules-panel {
  order: 2;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-auto-reply-index"] .ar-performance {
  order: 3;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-auto-reply-index"] #ar-pagination, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-auto-reply-index"] #ar-results-footer {
  order: 4;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-auto-reply-index"] .ar-stat {
  box-shadow: none !important;
  background: #181b1e !important;
  border-color: #ffffff1a !important;
  border-radius: 11px !important;
  padding: 12px 13px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-auto-reply-index"] .ar-stat .font-serif {
  color: #fff;
  font-family: inherit;
  font-size: 22px;
  font-weight: 800;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-auto-reply-index"] .ar-stat .text-ink-500 {
  color: #ffffff63 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-auto-reply-index"] .ar-stat .text-wa-deep {
  color: #8eabff !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-auto-reply-index"] .ar-rules-panel, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-auto-reply-index"] .ar-performance > div {
  box-shadow: none !important;
  background: #181b1e !important;
  border-color: #ffffff1a !important;
  border-radius: 12px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-auto-reply-index"] .ar-toolbar {
  background: #211d1a;
  border-bottom: 1px solid #ffffff17;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-auto-reply-index"] .ar-toolbar .border-paper-200 {
  border-color: #ffffff1c !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) body[data-page="user-auto-reply-index"] main[data-ar-state] .ar-toolbar input, html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) body[data-page="user-auto-reply-index"] main[data-ar-state] .ar-toolbar select {
  color: #f7f4f2 !important;
  background: #2b2623 !important;
  border-color: #ffffff1c !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-auto-reply-index"] .ar-toolbar input::placeholder {
  color: #ffffff47 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-auto-reply-index"] .ar-toolbar select option {
  color: #f7f4f2;
  background: #2b2623;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-auto-reply-index"] .ar-toolbar [data-ar-view-button].bg-wa-deep {
  background: #25d366 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-auto-reply-index"] .ar-bulk {
  background: #5b8cff1a !important;
  border-color: #5b8cff4d !important;
  margin: 8px 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-auto-reply-index"] .ar-bulk .text-wa-deep {
  color: #9eb5ff !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-auto-reply-index"] .ar-rules-panel thead {
  color: #ffffff61 !important;
  background: #ffffff05 !important;
  border-color: #ffffff14 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-auto-reply-index"] .ar-rules-panel tbody, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-auto-reply-index"] .ar-rules-panel tbody tr, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-auto-reply-index"] .ar-rules-panel article {
  border-color: #ffffff14 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-auto-reply-index"] .ar-rules-panel tbody tr:hover {
  background: #ffffff08 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-auto-reply-index"] .ar-rules-panel table {
  table-layout: fixed;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-auto-reply-index"] .ar-rules-panel th:first-child, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-auto-reply-index"] .ar-rules-panel td:first-child {
  width: 34px;
  padding-left: 10px;
  padding-right: 4px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-auto-reply-index"] .ar-rules-panel th:nth-child(2), html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-auto-reply-index"] .ar-rules-panel td:nth-child(2) {
  width: 29%;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-auto-reply-index"] .ar-rules-panel th:nth-child(3), html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-auto-reply-index"] .ar-rules-panel td:nth-child(3) {
  width: 16%;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-auto-reply-index"] .ar-rules-panel th:nth-child(4), html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-auto-reply-index"] .ar-rules-panel td:nth-child(4) {
  width: 19%;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-auto-reply-index"] .ar-rules-panel th:nth-child(5), html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-auto-reply-index"] .ar-rules-panel td:nth-child(5) {
  width: 12%;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-auto-reply-index"] .ar-rules-panel th:nth-child(6), html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-auto-reply-index"] .ar-rules-panel td:nth-child(6) {
  width: 54px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-auto-reply-index"] .ar-rules-panel th:nth-child(7), html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-auto-reply-index"] .ar-rules-panel td:nth-child(7) {
  width: 90px;
  padding-left: 2px;
  padding-right: 7px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-auto-reply-index"] .ar-rules-panel td {
  overflow: hidden;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-auto-reply-index"] .ar-rules-panel td:nth-child(4) > span {
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
  display: block;
  overflow: hidden;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-auto-reply-index"] .ar-rules-panel tbody [data-toggle-text] {
  display: none;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-auto-reply-index"] .ar-rules-panel .text-ink-900, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-auto-reply-index"] .ar-rules-panel .text-ink-800 {
  color: #f8f6f4 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-auto-reply-index"] .ar-rules-panel .text-ink-700, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-auto-reply-index"] .ar-rules-panel .text-ink-600 {
  color: #fff9 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-auto-reply-index"] .ar-rules-panel .text-ink-500 {
  color: #ffffff61 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-auto-reply-index"] .ar-rules-panel .text-wa-deep {
  color: #8eabff !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-auto-reply-index"] .ar-rules-panel [data-toggle-row] + span {
  background: #ffffff24 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-auto-reply-index"] .ar-rules-panel [data-toggle-row]:checked + span {
  background: #25d366 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-auto-reply-index"] #ar-grid-view article {
  box-shadow: none !important;
  background: #ffffff08 !important;
  border-color: #ffffff17 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-auto-reply-index"] .ar-performance {
  gap: 8px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-auto-reply-index"] .ar-performance > div {
  padding: 14px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-auto-reply-index"] .ar-performance > div:last-child {
  background: #29233a !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-auto-reply-index"] .ar-performance .font-serif {
  color: #f8f6f4;
  font-family: inherit;
  font-weight: 700;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-auto-reply-index"] .ar-performance .text-ink-500, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-auto-reply-index"] .ar-performance .text-ink-700 {
  color: #ffffff6b !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-auto-reply-index"] #ar-results-footer {
  color: #ffffff57 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-auto-reply-index"] #ar-pagination nav {
  color: #fff9 !important;
  background: #181b1e !important;
  border-color: #ffffff1a !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-auto-reply-index"] #ar-import-modal {
  background: #000000b3 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-auto-reply-index"] .ar-import-panel {
  color: #ffffffb8;
  background: #181b1e !important;
  border-color: #ffffff1f !important;
  box-shadow: 0 24px 64px #00000061 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-auto-reply-index"] .ar-import-panel > div {
  background: none !important;
  border-color: #ffffff1a !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-auto-reply-index"] .ar-import-panel h2 {
  color: #f8f6f4;
  font-family: inherit;
  font-weight: 750;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-auto-reply-index"] .ar-import-panel .border-paper-200, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-auto-reply-index"] .ar-import-panel .divide-paper-100 > * {
  border-color: #ffffff1a !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-auto-reply-index"] .ar-import-panel .bg-paper-50 {
  background: #ffffff0a !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-auto-reply-index"] .ar-import-panel .text-ink-900, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-auto-reply-index"] .ar-import-panel .text-ink-700 {
  color: #ffffffb3 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-auto-reply-index"] .ar-import-panel .text-ink-500 {
  color: #fff6 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-auto-reply-index"] .ar-import-panel button[type="submit"] {
  background: #25d366 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) body[data-page="user-auto-reply-index"] main[data-ar-state] .ar-stat.bg-paper-0, html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) body[data-page="user-auto-reply-index"] main[data-ar-state] .ar-rules-panel.bg-paper-0, html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) body[data-page="user-auto-reply-index"] main[data-ar-state] #ar-grid-view article.bg-paper-0 {
  background: #181b1e !important;
  border-color: #ffffff1a !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) body[data-page="user-auto-reply-index"] #ar-import-modal .ar-import-panel.bg-white {
  background: #181b1e !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"])[data-theme="dark"] body[data-page="user-auto-reply-index"] main[data-ar-state] .ar-toolbar input#ar-search.bg-white, html[data-user-shell="slack"]:not([data-shell-theme="light"])[data-theme="dark"] body[data-page="user-auto-reply-index"] main[data-ar-state] .ar-toolbar select.bg-white {
  color: #f7f4f2 !important;
  background: #2b2623 !important;
  border-color: #ffffff1c !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"])[data-theme="dark"] body[data-page="user-auto-reply-index"] main[data-ar-state] #ar-pagination nav.bg-paper-0 {
  background: #181b1e !important;
  border-color: #ffffff1a !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"])[data-theme="dark"] body[data-page="user-auto-reply-index"] .ar-header .ar-title span.text-wa-deep {
  color: #fff !important;
}
@media (max-width: 760px) {
  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-auto-reply-index"] .ar-header-inner {
    align-items: flex-start;
    margin: 12px 12px 0;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-auto-reply-index"] .ar-header-inner > div:last-child {
    width: 100%;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-auto-reply-index"] .ar-page {
    padding: 8px 12px 12px !important;
  }
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-auto-reply-create"] .shell-pane {
  background: #0f1113 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-auto-reply-create"] .ar-create-header {
  border-radius: 10px;
  margin: 12px 14px 0;
  box-shadow: 0 9px 24px #00000024;
  background: #211d1a !important;
  border: 1px solid #ffffff17 !important;
  position: relative !important;
  top: auto !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-auto-reply-create"] .ar-create-header-inner {
  min-height: 64px;
  padding: 10px 14px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-auto-reply-create"] .ar-create-header .ar-create-title {
  color: #f8f6f4;
  font-family: inherit;
  font-size: 18px;
  font-weight: 760;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-auto-reply-create"] .ar-create-header .ar-create-title span, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-auto-reply-create"] .ar-create-header .text-wa-deep {
  color: #fff !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-auto-reply-create"] .ar-create-header .text-ink-500 {
  color: #ffffff61 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-auto-reply-create"] .ar-create-back, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-auto-reply-create"] .ar-create-actions > span {
  color: #fff9 !important;
  background: #ffffff0d !important;
  border-color: #ffffff1a !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-auto-reply-create"] .ar-create-draft-action {
  display: none;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-auto-reply-create"] .ar-create-page {
  padding: 10px 14px 16px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-auto-reply-create"] .ar-create-form {
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-auto-reply-create"] .ar-create-editor, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-auto-reply-create"] .ar-create-preview > div {
  color: #ffffffb8;
  background: #181b1e !important;
  border-color: #ffffff17 !important;
  border-radius: 10px !important;
  box-shadow: 0 10px 28px #00000029 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-auto-reply-create"] .ar-create-stepper, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-auto-reply-create"] .ar-create-footer {
  background: #211d1a !important;
  border-color: #ffffff17 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-auto-reply-create"] .ar-create-stepper {
  padding: 13px 16px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-auto-reply-create"] .ar-create-editor > .p-5 {
  padding: 18px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-auto-reply-create"] .ar-create-footer {
  padding: 12px 16px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-auto-reply-create"] .ar-create-editor .border-paper-200, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-auto-reply-create"] .ar-create-editor .border-paper-100 {
  border-color: #ffffff1a !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-auto-reply-create"] .ar-create-editor .bg-white, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-auto-reply-create"] .ar-create-editor .bg-paper-0 {
  background: #2b2623 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-auto-reply-create"] .ar-create-editor .bg-paper-50, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-auto-reply-create"] .ar-create-editor .bg-paper-50\/40, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-auto-reply-create"] .ar-create-editor .bg-paper-50\/60, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-auto-reply-create"] .ar-create-editor .bg-paper-100 {
  background: #ffffff0a !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-auto-reply-create"] .ar-create-editor .text-ink-900, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-auto-reply-create"] .ar-create-editor .text-ink-800 {
  color: #f8f6f4 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-auto-reply-create"] .ar-create-editor .text-ink-700, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-auto-reply-create"] .ar-create-editor .text-ink-600 {
  color: #ffffffa1 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-auto-reply-create"] .ar-create-editor .text-ink-500 {
  color: #ffffff63 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-auto-reply-create"] .ar-create-editor .text-wa-deep {
  color: #8eabff !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-auto-reply-create"] .ar-create-editor .bg-wa-deep {
  background: #25d366 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-auto-reply-create"] .ar-create-editor .border-wa-deep {
  border-color: #25d366 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-auto-reply-create"] .ar-create-editor .ring-wa-deep\/10, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-auto-reply-create"] .ar-create-editor .ring-wa-deep\/30 {
  --tw-ring-color: #5b8cff3d !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-auto-reply-create"] .ar-create-editor .bg-\[\#F0F8F6\] {
  background: #5b8cff1a !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-auto-reply-create"] .ar-create-editor input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]), html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-auto-reply-create"] .ar-create-editor textarea, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-auto-reply-create"] .ar-create-editor select {
  color: #f7f4f2 !important;
  box-shadow: none !important;
  background: #2b2623 !important;
  border-color: #ffffff1c !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-auto-reply-create"] .ar-create-editor input::placeholder, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-auto-reply-create"] .ar-create-editor textarea::placeholder {
  color: #ffffff47 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-auto-reply-create"] .ar-create-editor input[type="range"] {
  accent-color: #25d366;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-auto-reply-create"] .ar-create-editor button:focus-visible, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-auto-reply-create"] .ar-create-editor input:focus-visible, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-auto-reply-create"] .ar-create-editor textarea:focus-visible, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-auto-reply-create"] .ar-create-editor select:focus-visible {
  outline-offset: 1px;
  outline: 2px solid #25d366;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-auto-reply-create"] .ar-create-editor .step-node .bar {
  background: #ffffff1a !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-auto-reply-create"] .ar-create-editor .step-node .dot {
  background: #2b2623;
  border-color: #ffffff26;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-auto-reply-create"] .ar-create-editor .step-node .dot.bg-wa-deep, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-auto-reply-create"] .ar-create-editor .step-node .bar.bg-wa-deep {
  background: #25d366 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-auto-reply-create"] .ar-create-editor .step-node .dot.border-wa-deep {
  border-color: #25d366 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-auto-reply-create"] .ar-create-editor #btn-next, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-auto-reply-create"] .ar-create-editor #btn-submit {
  background: #25d366 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-auto-reply-create"] .ar-create-editor #btn-prev {
  color: #ffffffad !important;
  background: #ffffff0d !important;
  border-color: #ffffff1c !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-auto-reply-create"] .ar-create-preview {
  top: 12px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-auto-reply-create"] .ar-create-preview > div > div:first-child {
  background: #211d1a !important;
  border-color: #ffffff17 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-auto-reply-create"] .ar-create-preview .text-ink-500 {
  color: #fff6 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-auto-reply-create"] .ar-create-preview .text-wa-deep {
  color: #8eabff !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-auto-reply-create"] .ar-create-preview .bg-paper-50\/40 {
  background: #181b1e !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-auto-reply-create"] .ar-create-preview .border-ink-900 {
  border-color: #151210 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"])[data-theme="dark"] body[data-page="user-auto-reply-create"] .ar-create-editor.bg-white, html[data-user-shell="slack"]:not([data-shell-theme="light"])[data-theme="dark"] body[data-page="user-auto-reply-create"] .ar-create-preview > div.bg-white {
  background: #181b1e !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-auto-reply-create"] .ar-create-header.bg-paper-0, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-auto-reply-create"] .ar-create-editor .ar-create-stepper.bg-paper-50\/40, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-auto-reply-create"] .ar-create-editor .ar-create-footer.bg-paper-50\/40 {
  background: #211d1a !important;
}
@media (max-width: 1180px) {
  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-auto-reply-create"] .ar-create-form {
    grid-template-columns: 1fr !important;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-auto-reply-create"] .ar-create-preview {
    position: static !important;
  }
}
@media (max-width: 760px) {
  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-auto-reply-create"] .ar-create-header {
    margin: 8px 8px 0;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-auto-reply-create"] .ar-create-page {
    padding: 8px !important;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-auto-reply-create"] .ar-create-actions > span {
    display: none;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-auto-reply-create"] .ar-create-editor > .p-5 {
    padding: 14px !important;
  }
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-auto-reply-keyword"] .shell-pane {
  background: #0f1113 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-auto-reply-keyword"] .ark-header {
  border-radius: 10px;
  margin: 12px 14px 0;
  box-shadow: 0 9px 24px #00000024;
  background: #211d1a !important;
  border: 1px solid #ffffff17 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-auto-reply-keyword"] .ark-header-inner {
  min-height: 64px;
  padding: 10px 14px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-auto-reply-keyword"] .ark-title {
  color: #f8f6f4;
  font-family: inherit;
  font-size: 18px;
  font-weight: 760;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-auto-reply-keyword"] .ark-title span {
  color: #fff !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-auto-reply-keyword"] .ark-header .text-ink-500 {
  color: #ffffff61 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-auto-reply-keyword"] .ark-back, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-auto-reply-keyword"] .ark-actions select, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-auto-reply-keyword"] .ark-actions button {
  color: #ffffffad !important;
  background: #2b2623 !important;
  border-color: #ffffff1a !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-auto-reply-keyword"] .ark-page {
  padding: 10px 14px 16px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-auto-reply-keyword"] .ark-page.space-y-6 > :not([hidden]) ~ :not([hidden]) {
  margin-top: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-auto-reply-keyword"] .ark-summary, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-auto-reply-keyword"] .ark-stats > div, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-auto-reply-keyword"] .ark-charts > div, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-auto-reply-keyword"] .ark-activity > div, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-auto-reply-keyword"] .ark-health > div {
  color: #ffffffb8;
  background: #181b1e !important;
  border-color: #ffffff17 !important;
  border-radius: 10px !important;
  box-shadow: 0 10px 26px #00000024 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-auto-reply-keyword"] .ark-summary {
  padding: 16px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-auto-reply-keyword"] .ark-stats, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-auto-reply-keyword"] .ark-charts, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-auto-reply-keyword"] .ark-activity, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-auto-reply-keyword"] .ark-health {
  gap: 8px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-auto-reply-keyword"] .ark-stats > div {
  padding: 12px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-auto-reply-keyword"] .ark-stats .font-serif {
  font-family: inherit;
  font-size: 21px;
  font-weight: 750;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-auto-reply-keyword"] .ark-stats > div > .flex:first-child > span:last-child {
  display: none;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-auto-reply-keyword"] .ark-charts > div, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-auto-reply-keyword"] .ark-health > div {
  padding: 14px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-auto-reply-keyword"] .ark-page h1, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-auto-reply-keyword"] .ark-page h3, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-auto-reply-keyword"] .ark-page .font-serif {
  color: #f8f6f4;
  font-family: inherit;
  font-weight: 730;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-auto-reply-keyword"] .ark-page .text-ink-900, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-auto-reply-keyword"] .ark-page .text-ink-800 {
  color: #f8f6f4 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-auto-reply-keyword"] .ark-page .text-ink-700, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-auto-reply-keyword"] .ark-page .text-ink-600 {
  color: #ffffff9c !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-auto-reply-keyword"] .ark-page .text-ink-500 {
  color: #ffffff61 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-auto-reply-keyword"] .ark-page .text-wa-deep {
  color: #8eabff !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-auto-reply-keyword"] .ark-page .bg-wa-deep {
  background: #25d366 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-auto-reply-keyword"] .ark-page .bg-paper-50, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-auto-reply-keyword"] .ark-page .bg-paper-50\/60, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-auto-reply-keyword"] .ark-page .bg-paper-100, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-auto-reply-keyword"] .ark-page thead {
  background: #211d1a !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-auto-reply-keyword"] .ark-page .border-paper-200, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-auto-reply-keyword"] .ark-page .divide-paper-200 > * {
  border-color: #ffffff17 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-auto-reply-keyword"] .ark-summary .bg-wa-mint {
  color: #8eabff !important;
  background: #5b8cff21 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-auto-reply-keyword"] .ark-trigger-charts > div:first-child button:not(:first-child) {
  display: none;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-auto-reply-keyword"] .ark-activity > div:first-child > div:first-child {
  border-color: #ffffff17 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-auto-reply-keyword"] .ark-activity table th {
  color: #ffffff61 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-auto-reply-keyword"] .ark-activity table td {
  color: #ffffff9c;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-auto-reply-keyword"] .apexcharts-text, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-auto-reply-keyword"] .apexcharts-legend-text {
  fill: #ffffff61 !important;
  color: #ffffff61 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-auto-reply-keyword"] .apexcharts-gridline {
  stroke: #ffffff14 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-auto-reply-keyword"] .ark-health > div:last-child {
  color: #fff;
  background: #29233a !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-auto-reply-keyword"] .ark-health > div:last-child .bg-paper-0\/10 {
  background: #ffffff12 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-auto-reply-keyword"] .ark-health > div:last-child a {
  color: #fff !important;
  background: #25d366 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"])[data-theme="dark"] body[data-page="user-auto-reply-keyword"] .ark-header.bg-paper-0, html[data-user-shell="slack"]:not([data-shell-theme="light"])[data-theme="dark"] body[data-page="user-auto-reply-keyword"] .ark-summary.bg-paper-0, html[data-user-shell="slack"]:not([data-shell-theme="light"])[data-theme="dark"] body[data-page="user-auto-reply-keyword"] .ark-stats > div.bg-paper-0, html[data-user-shell="slack"]:not([data-shell-theme="light"])[data-theme="dark"] body[data-page="user-auto-reply-keyword"] .ark-charts > div.bg-paper-0, html[data-user-shell="slack"]:not([data-shell-theme="light"])[data-theme="dark"] body[data-page="user-auto-reply-keyword"] .ark-activity > div.bg-paper-0, html[data-user-shell="slack"]:not([data-shell-theme="light"])[data-theme="dark"] body[data-page="user-auto-reply-keyword"] .ark-health > div.bg-paper-0 {
  background: #181b1e !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"])[data-theme="dark"] body[data-page="user-auto-reply-keyword"] .ark-header.bg-paper-0 {
  background: #211d1a !important;
}
@media (max-width: 760px) {
  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-auto-reply-keyword"] .ark-header {
    margin: 8px 8px 0;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-auto-reply-keyword"] .ark-page {
    padding: 8px !important;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-auto-reply-keyword"] .ark-header-inner {
    align-items: flex-start;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-auto-reply-keyword"] .ark-actions {
    width: 100%;
  }
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-assistants-index"] .shell-pane {
  background: #0f1113 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-assistants-index"] .aia-page {
  padding: 12px 14px 16px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-assistants-index"] .aia-layout {
  display: block !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-assistants-index"] .aia-local-sidebar {
  display: none;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-assistants-index"] .aia-main.space-y-5 > :not([hidden]) ~ :not([hidden]) {
  margin-top: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-assistants-index"] .aia-header {
  background: #211d1a;
  border: 1px solid #ffffff17;
  border-radius: 10px;
  min-height: 76px;
  padding: 13px 15px;
  box-shadow: 0 9px 24px #00000024;
  align-items: center !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-assistants-index"] .aia-title {
  color: #f8f6f4;
  font-family: inherit;
  font-weight: 800;
  font-size: 23px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-assistants-index"] .aia-title span {
  color: #fff !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-assistants-index"] .aia-header .text-ink-500, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-assistants-index"] .aia-header .text-ink-600 {
  color: #ffffff69 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-assistants-index"] .aia-header a {
  color: #ffffffb3 !important;
  background: #2b2623 !important;
  border-color: #ffffff1a !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-assistants-index"] .aia-header a:last-child {
  color: #07160c !important;
  background: #25d366 !important;
  border-color: #25d366 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-assistants-index"] .aia-stats {
  gap: 8px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-assistants-index"] .aia-stats > div, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-assistants-index"] .aia-table-panel {
  color: #ffffffb8;
  background: #181b1e !important;
  border-color: #ffffff17 !important;
  border-radius: 10px !important;
  box-shadow: 0 10px 26px #00000024 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-assistants-index"] .aia-stats > div {
  padding: 13px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-assistants-index"] .aia-stats .font-serif {
  color: #f8f6f4;
  font-family: inherit;
  font-size: 24px;
  font-weight: 800;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-assistants-index"] .aia-stats .text-wa-deep {
  color: #25d366 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-assistants-index"] .aia-toolbar {
  background: #211d1a;
  border: 1px solid #ffffff17;
  border-radius: 10px;
  padding: 8px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-assistants-index"] .aia-search {
  color: #f8f6f4;
  background: #2b2623 !important;
  border-color: #ffffff1a !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-assistants-index"] .aia-search input {
  color: #f8f6f4;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-assistants-index"] .aia-search input::placeholder {
  color: #ffffff47;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-assistants-index"] .aia-status-tabs button {
  color: #ffffff6b;
  transition: background-color .12s, color .12s;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-assistants-index"] .aia-status-tabs button:hover {
  color: #fff;
  background: #ffffff0f;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-assistants-index"] .aia-status-tabs button.is-active {
  color: #fff;
  background: #25d366;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-assistants-index"] .aia-table-panel .aia-table-head {
  color: #ffffff61 !important;
  background: #211d1a !important;
  border-color: #ffffff17 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-assistants-index"] .aia-table-panel [data-aia-row] {
  border-color: #ffffff14 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-assistants-index"] .aia-table-panel [data-aia-row]:hover {
  background: #ffffff08 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-assistants-index"] .aia-table-panel .text-ink-900 {
  color: #f8f6f4 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-assistants-index"] .aia-table-panel .text-ink-700 {
  color: #ffffff9c !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-assistants-index"] .aia-page .text-ink-500 {
  color: #ffffff61 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-assistants-index"] .aia-table-panel .text-wa-deep {
  color: #8eabff !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-assistants-index"] .aia-table-panel [data-aia-row] button, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-assistants-index"] .aia-table-panel [data-aia-row] a {
  color: #ffffffa8;
  background: #ffffff0a;
  border-color: #ffffff1c !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-assistants-index"] .aia-table-panel [data-aia-row] button.text-accent-coral {
  color: #ff826f !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-assistants-index"] .aia-footer {
  background: #211d1a;
  border-color: #ffffff17 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"])[data-theme="dark"] body[data-page="user-ai-assistants-index"] .aia-stats > div.bg-paper-0, html[data-user-shell="slack"]:not([data-shell-theme="light"])[data-theme="dark"] body[data-page="user-ai-assistants-index"] .aia-table-panel.bg-paper-0 {
  background: #181b1e !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"])[data-theme="dark"] body[data-page="user-ai-assistants-index"] .aia-title span.text-wa-deep {
  color: #fff !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"])[data-theme="dark"] body[data-page="user-ai-assistants-index"] .aia-toolbar .aia-search.bg-paper-0 {
  background: #2b2623 !important;
}
@media (max-width: 760px) {
  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-assistants-index"] .aia-page {
    padding: 8px !important;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-assistants-index"] .aia-header {
    align-items: flex-start !important;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-assistants-index"] .aia-toolbar {
    align-items: stretch !important;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-assistants-index"] .aia-status-tabs {
    overflow-x: auto;
  }
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-assistants-wizard"] .shell-pane {
  background: #0f1113 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-assistants-wizard"] .aiw-header {
  border-radius: 10px;
  margin: 12px 14px 0;
  box-shadow: 0 9px 24px #00000024;
  background: #211d1a !important;
  border: 1px solid #ffffff17 !important;
  position: relative !important;
  top: auto !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-assistants-wizard"] .aiw-header-inner {
  min-height: 64px;
  padding: 10px 14px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-assistants-wizard"] .aiw-title {
  color: #f8f6f4;
  font-family: inherit;
  font-size: 18px;
  font-weight: 780;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-assistants-wizard"] .aiw-title span {
  color: #fff !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-assistants-wizard"] .aiw-header .text-ink-500 {
  color: #ffffff61 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-assistants-wizard"] .aiw-back, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-assistants-wizard"] .aiw-actions [data-status-badge] {
  color: #ffffff9c !important;
  background: #ffffff0d !important;
  border-color: #ffffff1a !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-assistants-wizard"] .aiw-actions [data-save-now] {
  color: #07160c !important;
  background: #25d366 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-assistants-wizard"] .aiw-page {
  padding: 10px 14px 16px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-assistants-wizard"] .aiw-layout {
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-assistants-wizard"] .aiw-editor, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-assistants-wizard"] .aiw-preview > div {
  color: #ffffffb8;
  background: #181b1e !important;
  border-color: #ffffff17 !important;
  border-radius: 10px !important;
  box-shadow: 0 10px 26px #00000024 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-assistants-wizard"] .aiw-stepper {
  background: #211d1a !important;
  border-color: #ffffff17 !important;
  padding: 13px 16px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-assistants-wizard"] .aiw-editor > .p-5 {
  padding: 18px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-assistants-wizard"] .aiw-editor .border-paper-200, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-assistants-wizard"] .aiw-editor .border-paper-300 {
  border-color: #ffffff1a !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-assistants-wizard"] .aiw-editor .bg-white, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-assistants-wizard"] .aiw-editor .bg-paper-0 {
  background: #2b2623 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-assistants-wizard"] .aiw-editor .bg-paper-50, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-assistants-wizard"] .aiw-editor .bg-paper-50\/40, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-assistants-wizard"] .aiw-editor .bg-paper-50\/50, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-assistants-wizard"] .aiw-editor .bg-paper-100 {
  background: #ffffff0a !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-assistants-wizard"] .aiw-editor .text-ink-900, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-assistants-wizard"] .aiw-editor .text-ink-800 {
  color: #f8f6f4 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-assistants-wizard"] .aiw-editor .text-ink-700, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-assistants-wizard"] .aiw-editor .text-ink-600 {
  color: #ffffff9c !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-assistants-wizard"] .aiw-editor .text-ink-500, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-assistants-wizard"] .aiw-editor .text-ink-400 {
  color: #ffffff61 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-assistants-wizard"] .aiw-editor .text-wa-deep {
  color: #8eabff !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-assistants-wizard"] .aiw-editor .bg-wa-deep {
  background: #25d366 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-assistants-wizard"] .aiw-editor .border-wa-deep {
  border-color: #25d366 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-assistants-wizard"] .aiw-editor .bg-wa-bubble\/40 {
  background: #5b8cff1a !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-assistants-wizard"] .aiw-editor .ring-wa-deep\/10, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-assistants-wizard"] .aiw-editor .ring-wa-deep\/30 {
  --tw-ring-color: #5b8cff3d !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-assistants-wizard"] .aiw-editor input:not([type="checkbox"]):not([type="radio"]):not([type="range"]), html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-assistants-wizard"] .aiw-editor textarea, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-assistants-wizard"] .aiw-editor select {
  color: #f8f6f4 !important;
  box-shadow: none !important;
  background: #2b2623 !important;
  border-color: #ffffff1c !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-assistants-wizard"] .aiw-editor input::placeholder, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-assistants-wizard"] .aiw-editor textarea::placeholder {
  color: #ffffff45 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-assistants-wizard"] .aiw-editor input[type="range"] {
  accent-color: #25d366;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-assistants-wizard"] .aiw-editor .step-node .bar {
  background: #ffffff1a !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-assistants-wizard"] .aiw-editor .step-node .dot {
  background: #2b2623;
  border-color: #ffffff26;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-assistants-wizard"] .aiw-editor .step-node .dot.bg-wa-deep, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-assistants-wizard"] .aiw-editor .step-node .bar.bg-wa-deep {
  background: #25d366 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-assistants-wizard"] .aiw-editor .step-node .dot.border-wa-deep {
  border-color: #25d366 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-assistants-wizard"] .aiw-footer {
  border-color: #ffffff17 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-assistants-wizard"] .aiw-footer [data-prev] {
  color: #ffffffab !important;
  background: #ffffff0d !important;
  border-color: #ffffff1c !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-assistants-wizard"] .aiw-footer [data-next] {
  background: #25d366 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-assistants-wizard"] .aiw-preview {
  position: static !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-assistants-wizard"] .aiw-preview > div:first-child > div:first-child, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-assistants-wizard"] .aiw-preview > div:first-child > div:last-child {
  background: #211d1a !important;
  border-color: #ffffff17 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-assistants-wizard"] .aiw-preview .bg-paper-50\/30 {
  background: #181b1e !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-assistants-wizard"] .aiw-preview .bg-paper-0 {
  background: #2b2623 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-assistants-wizard"] .aiw-preview .text-ink-900 {
  color: #f8f6f4 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-assistants-wizard"] .aiw-preview .text-ink-700 {
  color: #ffffff9c !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-assistants-wizard"] .aiw-preview .text-ink-500 {
  color: #ffffff61 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-assistants-wizard"] .aiw-preview .text-wa-deep {
  color: #8eabff !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"])[data-theme="dark"] body[data-page="user-ai-assistants-wizard"] .aiw-header.bg-paper-0 {
  background: #211d1a !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"])[data-theme="dark"] body[data-page="user-ai-assistants-wizard"] .aiw-editor.bg-white, html[data-user-shell="slack"]:not([data-shell-theme="light"])[data-theme="dark"] body[data-page="user-ai-assistants-wizard"] .aiw-preview > div.bg-paper-0 {
  background: #181b1e !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-assistants-wizard"] .aiw-editor .aiw-stepper.bg-paper-50\/40 {
  background: #211d1a !important;
}
@media (max-width: 760px) {
  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-assistants-wizard"] .aiw-header {
    margin: 8px 8px 0;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-assistants-wizard"] .aiw-page {
    padding: 8px !important;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-assistants-wizard"] .aiw-actions [data-status-badge] {
    display: none;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-assistants-wizard"] .aiw-editor > .p-5 {
    padding: 14px !important;
  }
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-training-index"] .shell-pane {
  background: #0f1113 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-training-index"] .ait-page {
  flex-direction: column;
  display: flex;
  padding: 12px 14px 16px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-training-index"] .ait-layout {
  order: 1;
  display: block !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-training-index"] .ait-local-sidebar {
  display: none;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-training-index"] .ait-main.space-y-5 > :not([hidden]) ~ :not([hidden]) {
  margin-top: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-training-index"] .ait-header {
  background: #211d1a;
  border: 1px solid #ffffff17;
  border-radius: 10px;
  min-height: 76px;
  padding: 13px 15px;
  box-shadow: 0 9px 24px #00000024;
  align-items: center !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-training-index"] .ait-title {
  color: #f8f6f4;
  font-family: inherit;
  font-weight: 800;
  font-size: 23px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-training-index"] .ait-title span {
  color: #fff !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-training-index"] .ait-header .text-ink-500, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-training-index"] .ait-header .text-ink-600 {
  color: #ffffff69 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-training-index"] .ait-header .bg-wa-mint {
  color: #4be389 !important;
  background: #25d3661f !important;
  border-color: #25d3664d !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-training-index"] .ait-header [data-ait-create] {
  border: 1px solid #25d366;
  color: #07160c !important;
  background: #25d366 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-training-index"] .ait-stats {
  gap: 8px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-training-index"] .ait-stat, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-training-index"] .ait-table-panel, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-training-index"] .ait-responder-card {
  color: #ffffffb8;
  background: #181b1e !important;
  border-color: #ffffff17 !important;
  border-radius: 10px !important;
  box-shadow: 0 10px 26px #00000024 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-training-index"] .ait-stat {
  padding: 13px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-training-index"] .ait-stat .font-serif {
  color: #f8f6f4;
  font-family: inherit;
  font-size: 24px;
  font-weight: 800;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-training-index"] .ait-stat .text-wa-deep {
  color: #4be389 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-training-index"] .ait-toolbar {
  background: #211d1a;
  border-color: #ffffff17 !important;
  padding: 8px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-training-index"] .ait-toolbar > div:first-child {
  background: #ffffff0a !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-training-index"] .ait-toolbar [data-ait-status] {
  color: #ffffff75;
  transition: background-color .12s, color .12s;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-training-index"] .ait-toolbar [data-ait-status]:hover {
  color: #fff;
  background: #ffffff12;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-training-index"] .ait-toolbar [data-ait-status][aria-pressed="true"] {
  color: #fff !important;
  background: #25d366 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-training-index"] .ait-search {
  color: #f8f6f4 !important;
  box-shadow: none !important;
  background: #2b2623 !important;
  border-color: #ffffff1a !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-training-index"] .ait-search::placeholder {
  color: #ffffff47;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-training-index"] .ait-table-panel .overflow-x-auto > div {
  min-width: 0 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-training-index"] .ait-table-panel .grid-cols-\[1\.6fr_120px_120px_120px_140px_180px\] {
  grid-template-columns: minmax(160px, 1.5fr) 76px 72px 70px 80px 96px !important;
  gap: 8px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-training-index"] .ait-table-panel .bg-paper-50 {
  color: #ffffff61 !important;
  background: #211d1a !important;
  border-color: #ffffff17 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-training-index"] .ait-row {
  border-color: #ffffff14 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-training-index"] .ait-row:hover {
  background: #ffffff08 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-training-index"] .ait-row .text-ink-900 {
  color: #f8f6f4 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-training-index"] .ait-row .text-ink-700 {
  color: #ffffff9c !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-training-index"] .ait-row .text-wa-deep {
  color: #8eabff !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-training-index"] .ait-row button, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-training-index"] .ait-row a[title] {
  color: #ffffffa8;
  background: #ffffff0a;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-training-index"] .ait-row button.text-accent-coral {
  color: #ff826f !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-training-index"] .ait-table-panel > .border-t, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-training-index"] .ait-table-panel > .border-b {
  border-color: #ffffff17 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-training-index"] .ait-empty {
  color: #ffffff75;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-training-index"] .ait-empty .font-serif {
  color: #f8f6f4;
  font-family: inherit;
  font-weight: 750;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-training-index"] .ait-empty a {
  color: #07160c !important;
  background: #25d366 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-training-index"] .ait-responder-card {
  order: 2;
  margin: 10px 0 0 !important;
  padding: 16px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-training-index"] .ait-responder-card h2 {
  color: #f8f6f4;
  font-family: inherit;
  font-size: 16px;
  font-weight: 750;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-training-index"] .ait-responder-card label.border {
  background: #ffffff08;
  border-color: #ffffff1a !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-training-index"] .ait-responder-card label.border.border-wa-deep {
  background: #5b8cff1a !important;
  border-color: #25d366 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-training-index"] .ait-responder-card input {
  accent-color: #25d366;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-training-index"] .ait-responder-card button[type="submit"] {
  color: #fff !important;
  background: #25d366 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-training-index"] .ait-page .text-ink-900 {
  color: #f8f6f4 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-training-index"] .ait-page .text-ink-700 {
  color: #ffffffa1 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-training-index"] .ait-page .text-ink-600 {
  color: #ffffff82 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-training-index"] .ait-page .text-ink-500 {
  color: #ffffff61 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"])[data-theme="dark"] body[data-page="user-ai-training-index"] .ait-stat.bg-paper-0, html[data-user-shell="slack"]:not([data-shell-theme="light"])[data-theme="dark"] body[data-page="user-ai-training-index"] .ait-table-panel.bg-paper-0, html[data-user-shell="slack"]:not([data-shell-theme="light"])[data-theme="dark"] body[data-page="user-ai-training-index"] .ait-responder-card.bg-paper-0 {
  background: #181b1e !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"])[data-theme="dark"] body[data-page="user-ai-training-index"] .ait-toolbar .ait-search.hairline {
  background: #2b2623 !important;
}
@media (max-width: 760px) {
  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-training-index"] .ait-page {
    padding: 8px !important;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-training-index"] .ait-header {
    align-items: flex-start !important;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-training-index"] .ait-toolbar {
    align-items: stretch !important;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-training-index"] .ait-table-panel .overflow-x-auto > div {
    min-width: 720px !important;
  }
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-training-builder"] .shell-pane {
  background: #0f1113 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-training-builder"] .aitb-header {
  border-radius: 10px;
  margin: 12px 14px 0;
  box-shadow: 0 9px 24px #00000024;
  background: #211d1a !important;
  border: 1px solid #ffffff17 !important;
  position: relative !important;
  top: auto !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-training-builder"] .aitb-header-inner {
  min-height: 64px;
  padding: 10px 14px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-training-builder"] .aitb-title {
  color: #f8f6f4;
  font-family: inherit;
  font-size: 18px;
  font-weight: 780;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-training-builder"] .aitb-title span {
  color: #fff !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-training-builder"] .aitb-header .text-ink-500 {
  color: #ffffff61 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-training-builder"] .aitb-back, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-training-builder"] .aitb-actions #ait-state-pill {
  color: #ffffff9c !important;
  background: #ffffff0d !important;
  border-color: #ffffff1a !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-training-builder"] .aitb-actions #ait-save {
  font-weight: 700;
  color: #07160c !important;
  background: #25d366 !important;
  border-color: #25d366 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-training-builder"] .aitb-page {
  padding: 10px 14px 16px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-training-builder"] .aitb-editor {
  color: #ffffffb8;
  background: #181b1e !important;
  border-color: #ffffff17 !important;
  border-radius: 10px !important;
  box-shadow: 0 10px 26px #00000024 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-training-builder"] .aitb-stepper {
  background: #211d1a !important;
  border-color: #ffffff17 !important;
  padding: 13px 16px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-training-builder"] .aitb-panes {
  min-height: 320px;
  padding: 18px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-training-builder"] .aitb-editor .border-paper-200, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-training-builder"] .aitb-editor .border-paper-300 {
  border-color: #ffffff1a !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-training-builder"] .aitb-editor .bg-white, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-training-builder"] .aitb-editor .bg-paper-0 {
  background: #2b2623 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-training-builder"] .aitb-editor .bg-paper-50, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-training-builder"] .aitb-editor .bg-paper-50\/40, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-training-builder"] .aitb-editor .bg-paper-100 {
  background: #ffffff0a !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-training-builder"] .aitb-editor .text-ink-900, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-training-builder"] .aitb-editor .text-ink-800 {
  color: #f8f6f4 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-training-builder"] .aitb-editor .text-ink-700, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-training-builder"] .aitb-editor .text-ink-600 {
  color: #ffffff9c !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-training-builder"] .aitb-editor .text-ink-500, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-training-builder"] .aitb-editor .text-ink-400 {
  color: #ffffff61 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-training-builder"] .aitb-editor .text-wa-deep {
  color: #8eabff !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-training-builder"] .aitb-editor .bg-wa-deep {
  background: #25d366 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-training-builder"] .aitb-editor .border-wa-deep {
  border-color: #25d366 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-training-builder"] .aitb-editor .ring-wa-deep\/10 {
  --tw-ring-color: #5b8cff3d !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-training-builder"] .aitb-editor input:not([type="checkbox"]):not([type="radio"]), html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-training-builder"] .aitb-editor textarea, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-training-builder"] .aitb-editor select {
  color: #f8f6f4 !important;
  box-shadow: none !important;
  background: #2b2623 !important;
  border-color: #ffffff1c !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-training-builder"] .aitb-editor input::placeholder, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-training-builder"] .aitb-editor textarea::placeholder {
  color: #ffffff45 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-training-builder"] .aitb-editor input[type="checkbox"] {
  accent-color: #25d366;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-training-builder"] .aitb-editor .step-node .bar {
  background: #ffffff1a !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-training-builder"] .aitb-editor .step-node .dot {
  background: #2b2623;
  border-color: #ffffff26;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-training-builder"] .aitb-editor .step-node .dot.bg-wa-deep, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-training-builder"] .aitb-editor .step-node .bar.bg-wa-deep {
  background: #25d366 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-training-builder"] .aitb-editor .step-node .dot.border-wa-deep {
  border-color: #25d366 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-training-builder"] .aitb-editor [data-add-source] {
  background: #ffffff0a !important;
  border-color: #ffffff1a !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-training-builder"] .aitb-editor [data-add-source]:hover {
  background: #5b8cff17 !important;
  border-color: #25d366 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-training-builder"] #ait-source-add {
  background: #211d1a !important;
  border-color: #ffffff1a !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-training-builder"] #ait-source-add [data-src-go] {
  background: #25d366 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-training-builder"] #ait-source-add [data-src-cancel] {
  color: #ffffffa8 !important;
  border-color: #ffffff1c !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-training-builder"] .aitb-footer {
  background: #211d1a !important;
  border-color: #ffffff17 !important;
  padding: 13px 16px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-training-builder"] .aitb-footer #ait-prev {
  color: #ffffffab !important;
  background: #ffffff0d !important;
  border-color: #ffffff1c !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-training-builder"] .aitb-footer #ait-next {
  background: #25d366 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-training-builder"] .aitb-footer #ait-finish {
  color: #07160c !important;
  background: #25d366 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"])[data-theme="dark"] body[data-page="user-ai-training-builder"] .aitb-header.bg-paper-0 {
  background: #211d1a !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"])[data-theme="dark"] body[data-page="user-ai-training-builder"] .aitb-editor.bg-white {
  background: #181b1e !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"])[data-theme="dark"] body[data-page="user-ai-training-builder"] .aitb-editor input:not([type="checkbox"]):not([type="radio"]), html[data-user-shell="slack"]:not([data-shell-theme="light"])[data-theme="dark"] body[data-page="user-ai-training-builder"] .aitb-editor textarea, html[data-user-shell="slack"]:not([data-shell-theme="light"])[data-theme="dark"] body[data-page="user-ai-training-builder"] .aitb-editor select {
  background: #2b2623 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-training-builder"] .aitb-editor .aitb-stepper.bg-paper-50\/40, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-training-builder"] .aitb-editor .aitb-footer.bg-paper-50\/40 {
  background: #211d1a !important;
}
@media (max-width: 760px) {
  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-training-builder"] .aitb-header {
    margin: 8px 8px 0;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-training-builder"] .aitb-page {
    padding: 8px !important;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-training-builder"] .aitb-actions #ait-state-pill {
    display: none;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-training-builder"] .aitb-panes {
    padding: 14px !important;
  }
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-usage-index"] .shell-pane {
  background: #0f1113 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-usage-index"] .aiu-page {
  padding: 12px 14px 16px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-usage-index"] .aiu-header {
  background: #211d1a;
  border: 1px solid #ffffff17;
  border-radius: 10px;
  min-height: 82px;
  padding: 13px 15px;
  box-shadow: 0 9px 24px #00000024;
  align-items: center !important;
  margin-bottom: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-usage-index"] .aiu-title {
  color: #f8f6f4;
  font-family: inherit;
  font-weight: 800;
  font-size: 23px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-usage-index"] .aiu-title span {
  color: #fff !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-usage-index"] .aiu-windows {
  border: 1px solid #ffffff17;
  background: #ffffff0a !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-usage-index"] .aiu-windows a {
  color: #ffffff75 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-usage-index"] .aiu-windows a:hover {
  color: #fff !important;
  background: #ffffff12 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-usage-index"] .aiu-windows a[aria-current="page"] {
  color: #fff !important;
  background: #25d366 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-usage-index"] #aiu-export {
  color: #07160c;
  background: #25d366;
  border: 1px solid #25d366;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-usage-index"] .aiu-stats {
  gap: 8px !important;
  margin-bottom: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-usage-index"] .aiu-stat, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-usage-index"] .aiu-cap, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-usage-index"] .aiu-daily, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-usage-index"] .aiu-split, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-usage-index"] .aiu-provider, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-usage-index"] .aiu-model, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-usage-index"] .aiu-voice {
  color: #ffffffb8;
  background: #181b1e !important;
  border-color: #ffffff17 !important;
  border-radius: 10px !important;
  box-shadow: 0 10px 26px #00000024 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-usage-index"] .aiu-stat {
  padding: 13px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-usage-index"] .aiu-stat > .text-\[26px\] {
  color: #f8f6f4;
  font-weight: 800;
  font-size: 24px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-usage-index"] .aiu-cap {
  margin-bottom: 10px !important;
  padding: 15px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-usage-index"] .aiu-cap .bg-paper-100, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-usage-index"] .aiu-split .bg-paper-100, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-usage-index"] .aiu-provider .bg-paper-100 {
  background: #ffffff12 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-usage-index"] .aiu-cap a {
  color: #8eabff !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-usage-index"] .aiu-charts {
  gap: 10px !important;
  margin-bottom: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-usage-index"] .aiu-daily, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-usage-index"] .aiu-split {
  min-height: 220px;
  padding: 15px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-usage-index"] .aiu-daily .h-40 {
  height: 140px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-usage-index"] .aiu-daily .bg-wa-green\/80 {
  background: #5b8cffd1 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-usage-index"] .aiu-daily .bg-wa-green\/80:hover {
  background: #8eabff !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-usage-index"] .aiu-split .bg-wa-deep {
  background: #25d366 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-usage-index"] .aiu-provider {
  margin-bottom: 10px !important;
  padding: 15px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-usage-index"] .aiu-model {
  margin-bottom: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-usage-index"] .aiu-model > .border-b, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-usage-index"] .aiu-model tr {
  border-color: #ffffff17 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-usage-index"] .aiu-model > .border-b, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-usage-index"] .aiu-model thead {
  background: #211d1a !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-usage-index"] .aiu-model tbody tr:hover {
  background: #ffffff08 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-usage-index"] .aiu-voice {
  padding: 15px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-usage-index"] .aiu-page .text-ink-900 {
  color: #f8f6f4 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-usage-index"] .aiu-page .text-ink-700 {
  color: #ffffffa1 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-usage-index"] .aiu-page .text-ink-600 {
  color: #ffffff82 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-usage-index"] .aiu-page .text-ink-500 {
  color: #ffffff61 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-usage-index"] .aiu-page .text-ink-400 {
  color: #ffffff4f !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-usage-index"] .aiu-page .text-wa-deep {
  color: #8eabff !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"])[data-theme="dark"] body[data-page="user-ai-usage-index"] .aiu-stat.bg-paper-0, html[data-user-shell="slack"]:not([data-shell-theme="light"])[data-theme="dark"] body[data-page="user-ai-usage-index"] .aiu-cap.bg-paper-0, html[data-user-shell="slack"]:not([data-shell-theme="light"])[data-theme="dark"] body[data-page="user-ai-usage-index"] .aiu-daily.bg-paper-0, html[data-user-shell="slack"]:not([data-shell-theme="light"])[data-theme="dark"] body[data-page="user-ai-usage-index"] .aiu-split.bg-paper-0, html[data-user-shell="slack"]:not([data-shell-theme="light"])[data-theme="dark"] body[data-page="user-ai-usage-index"] .aiu-provider.bg-paper-0, html[data-user-shell="slack"]:not([data-shell-theme="light"])[data-theme="dark"] body[data-page="user-ai-usage-index"] .aiu-model.bg-paper-0, html[data-user-shell="slack"]:not([data-shell-theme="light"])[data-theme="dark"] body[data-page="user-ai-usage-index"] .aiu-voice.bg-paper-0 {
  background: #181b1e !important;
}
@media (max-width: 760px) {
  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-usage-index"] .aiu-page {
    padding: 8px !important;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-usage-index"] .aiu-header {
    align-items: flex-start !important;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-ai-usage-index"] .aiu-windows {
    max-width: 100%;
    overflow-x: auto;
  }
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-appointments-index"] .shell-pane {
  background: #0f1113 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-appointments-index"] .apx-page {
  padding: 12px 14px 16px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-appointments-index"] .apx-layout {
  display: block !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-appointments-index"] .apx-local-sidebar {
  display: none;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-appointments-index"] .apx-main.space-y-5 > :not([hidden]) ~ :not([hidden]) {
  margin-top: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-appointments-index"] .apx-header {
  background: #211d1a;
  border: 1px solid #ffffff17;
  border-radius: 10px;
  min-height: 88px;
  padding: 13px 15px;
  box-shadow: 0 9px 24px #00000024;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-appointments-index"] .apx-title {
  color: #f8f6f4;
  font-family: inherit;
  font-weight: 800;
  font-size: 23px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-appointments-index"] .apx-title span {
  color: #fff !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-appointments-index"] .apx-actions a {
  color: #ffffffad !important;
  background: #2b2623 !important;
  border-color: #ffffff1a !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-appointments-index"] .apx-actions a:first-child {
  color: #07160c !important;
  background: #25d366 !important;
  border-color: #25d366 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-appointments-index"] .apx-stats {
  gap: 8px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-appointments-index"] .apx-stat, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-appointments-index"] .apx-upcoming, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-appointments-index"] .apx-past {
  color: #ffffffb8;
  background: #181b1e !important;
  border-color: #ffffff17 !important;
  border-radius: 10px !important;
  box-shadow: 0 10px 26px #00000024 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-appointments-index"] .apx-stat {
  padding: 13px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-appointments-index"] .apx-stat > .text-\[26px\] {
  color: #f8f6f4;
  font-weight: 800;
  font-size: 24px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-appointments-index"] .apx-week {
  background: #211d1a;
  border: 1px solid #ffffff17;
  border-radius: 10px;
  padding: 8px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-appointments-index"] .apx-day {
  color: #ffffffb8;
  width: 62px;
  height: 56px;
  background: #ffffff0a !important;
  border-color: #ffffff1a !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-appointments-index"] .apx-day:hover {
  background: #ffffff12 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-appointments-index"] .apx-day[aria-pressed="true"] {
  color: #8eabff;
  background: #5b8cff2b !important;
  border-color: #25d366 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-appointments-index"] [data-apx-clear] {
  color: #ffffff9e;
  background: #2b2623;
  border: 1px solid #ffffff1a;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-appointments-index"] .apx-upcoming > .border-b, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-appointments-index"] .apx-past > .border-b, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-appointments-index"] .apx-upcoming thead, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-appointments-index"] .apx-upcoming tr, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-appointments-index"] .apx-past tr {
  border-color: #ffffff17 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-appointments-index"] .apx-upcoming thead {
  background: #211d1a !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-appointments-index"] .apx-upcoming tbody tr:hover, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-appointments-index"] .apx-past tbody tr:hover {
  background: #ffffff08 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-appointments-index"] .apx-upcoming .font-serif, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-appointments-index"] .apx-past .font-serif {
  color: #f8f6f4;
  font-family: inherit;
  font-weight: 750;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-appointments-index"] .apx-upcoming a {
  color: #07160c !important;
  background: #25d366 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-appointments-index"] .apx-page .text-ink-900 {
  color: #f8f6f4 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-appointments-index"] .apx-page .text-ink-700 {
  color: #ffffffa1 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-appointments-index"] .apx-page .text-ink-600 {
  color: #ffffff82 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-appointments-index"] .apx-page .text-ink-500 {
  color: #ffffff61 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-appointments-index"] .apx-page .text-wa-deep {
  color: #8eabff !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"])[data-theme="dark"] body[data-page="user-appointments-index"] .apx-stat.bg-paper-0, html[data-user-shell="slack"]:not([data-shell-theme="light"])[data-theme="dark"] body[data-page="user-appointments-index"] .apx-upcoming.bg-paper-0, html[data-user-shell="slack"]:not([data-shell-theme="light"])[data-theme="dark"] body[data-page="user-appointments-index"] .apx-past.bg-paper-0 {
  background: #181b1e !important;
}
@media (max-width: 760px) {
  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-appointments-index"] .apx-page {
    padding: 8px !important;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-appointments-index"] .apx-actions {
    margin-top: 10px;
  }
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-appointments-settings"] .shell-pane {
  background: #0f1113 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-appointments-settings"] .aps-page {
  padding: 12px 14px 16px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-appointments-settings"] .aps-layout {
  display: block !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-appointments-settings"] .aps-local-sidebar {
  display: none;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-appointments-settings"] .aps-main.space-y-5 > :not([hidden]) ~ :not([hidden]) {
  margin-top: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-appointments-settings"] .aps-header {
  background: #211d1a;
  border: 1px solid #ffffff17;
  border-radius: 10px;
  min-height: 88px;
  padding: 13px 15px;
  box-shadow: 0 9px 24px #00000024;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-appointments-settings"] .aps-title {
  color: #f8f6f4;
  font-family: inherit;
  font-weight: 800;
  font-size: 23px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-appointments-settings"] .aps-title span {
  color: #fff !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-appointments-settings"] .aps-connect-card, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-appointments-settings"] .aps-panel {
  color: #ffffffb8;
  background: #181b1e !important;
  border-color: #ffffff17 !important;
  border-radius: 10px !important;
  box-shadow: 0 10px 26px #00000024 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-appointments-settings"] .aps-connect-card {
  padding: 18px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-appointments-settings"] .aps-connect-card .font-serif, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-appointments-settings"] .aps-panel .font-serif {
  color: #f8f6f4;
  font-family: inherit;
  font-weight: 750;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-appointments-settings"] .aps-connect-card button[type="submit"] {
  color: #07160c !important;
  background: #25d366 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-appointments-settings"] .aps-settings-form.space-y-5 > :not([hidden]) ~ :not([hidden]) {
  margin-top: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-appointments-settings"] .aps-panel > .border-b {
  background: #211d1a;
  border-color: #ffffff17 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-appointments-settings"] .aps-panel .p-5 {
  padding: 16px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-appointments-settings"] .aps-panel input:not([type="hidden"]), html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-appointments-settings"] .aps-panel select, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-appointments-settings"] .aps-panel textarea {
  color: #f8f6f4 !important;
  box-shadow: none !important;
  background: #2b2623 !important;
  border-color: #ffffff1c !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-appointments-settings"] .aps-panel input::placeholder, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-appointments-settings"] .aps-panel textarea::placeholder {
  color: #ffffff45 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-appointments-settings"] .aps-footer a {
  color: #ffffffa8;
  background: #2b2623;
  border-color: #ffffff1c !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-appointments-settings"] .aps-footer button {
  background: #25d366 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-appointments-settings"] .aps-page .text-ink-900 {
  color: #f8f6f4 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-appointments-settings"] .aps-page .text-ink-700 {
  color: #ffffffa1 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-appointments-settings"] .aps-page .text-ink-600 {
  color: #ffffff82 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-appointments-settings"] .aps-page .text-ink-500 {
  color: #ffffff61 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-appointments-settings"] .aps-page .text-wa-deep {
  color: #8eabff !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"])[data-theme="dark"] body[data-page="user-appointments-settings"] .aps-connect-card.bg-paper-0, html[data-user-shell="slack"]:not([data-shell-theme="light"])[data-theme="dark"] body[data-page="user-appointments-settings"] .aps-panel.bg-paper-0 {
  background: #181b1e !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"])[data-theme="dark"] body[data-page="user-appointments-settings"] .aps-panel input:not([type="hidden"]), html[data-user-shell="slack"]:not([data-shell-theme="light"])[data-theme="dark"] body[data-page="user-appointments-settings"] .aps-panel select {
  background: #2b2623 !important;
}
@media (max-width: 760px) {
  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-appointments-settings"] .aps-page {
    padding: 8px !important;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-appointments-settings"] .aps-connect-card {
    padding: 14px !important;
  }
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-booking-types-index"] .shell-pane {
  background: #0f1113 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-booking-types-index"] .btx-page {
  padding: 12px 14px 16px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-booking-types-index"] .btx-page.space-y-5 > :not([hidden]) ~ :not([hidden]) {
  margin-top: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-booking-types-index"] .btx-header {
  background: #211d1a;
  border: 1px solid #ffffff17;
  border-radius: 10px;
  min-height: 92px;
  padding: 13px 15px;
  box-shadow: 0 9px 24px #00000024;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-booking-types-index"] .btx-header h1 {
  color: #f8f6f4;
  font-family: inherit;
  font-weight: 800;
  font-size: 23px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-booking-types-index"] .btx-header h1 span {
  color: #fff !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-booking-types-index"] .btx-actions a {
  color: #ffffffad !important;
  background: #2b2623 !important;
  border-color: #ffffff1c !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-booking-types-index"] .btx-actions a:last-child {
  color: #07160c !important;
  background: #25d366 !important;
  border-color: #25d366 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-booking-types-index"] .btx-stats {
  gap: 8px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-booking-types-index"] .btx-stat {
  background: #181b1e;
  border: 1px solid #ffffff17;
  border-radius: 10px;
  flex-direction: column;
  justify-content: center;
  min-height: 65px;
  padding: 10px 13px;
  display: flex;
  box-shadow: 0 8px 20px #0000001c;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-booking-types-index"] .btx-stat strong {
  color: #f8f6f4;
  font-size: 22px;
  line-height: 1;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-booking-types-index"] .btx-stat span {
  color: #ffffff5e;
  letter-spacing: .12em;
  text-transform: uppercase;
  margin-top: 5px;
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 14px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-booking-types-index"] .btx-toolbar {
  background: #211d1a;
  border: 1px solid #ffffff17;
  border-radius: 10px;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  padding: 8px;
  display: flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-booking-types-index"] .btx-filter-group {
  gap: 3px;
  display: flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-booking-types-index"] .btx-filter-group button {
  color: #ffffff7d;
  border: 1px solid #0000;
  border-radius: 7px;
  padding: 6px 9px;
  font-size: 11px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-booking-types-index"] .btx-filter-group button span {
  opacity: .62;
  margin-left: 3px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-booking-types-index"] .btx-filter-group button[aria-pressed="true"] {
  color: #a9bdff;
  background: #5b8cff29;
  border-color: #5b8cff66;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-booking-types-index"] .btx-search {
  background: #2b2623;
  border: 1px solid #ffffff1a;
  border-radius: 8px;
  align-items: center;
  gap: 7px;
  width: min(260px, 42%);
  padding: 0 9px;
  display: flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-booking-types-index"] .btx-search svg {
  color: #ffffff59;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.5px;
  width: 14px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-booking-types-index"] .btx-search input {
  color: #f8f6f4;
  background: none;
  border: 0;
  outline: 0;
  flex: 1;
  min-width: 0;
  padding: 7px 0;
  font-size: 11.5px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-booking-types-index"] .btx-search input::placeholder {
  color: #ffffff4a;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-booking-types-index"] .btx-list {
  gap: 7px;
  display: grid;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-booking-types-index"] .btx-row, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-booking-types-index"] .btx-empty {
  color: #ffffffa8;
  background: #181b1e !important;
  border-color: #ffffff17 !important;
  border-radius: 10px !important;
  box-shadow: 0 8px 20px #0000001c !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-booking-types-index"] .btx-row {
  min-height: 72px;
  padding: 11px 13px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-booking-types-index"] .btx-row:hover {
  background: #28231f !important;
  border-color: #5b8cff59 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-booking-types-index"] .btx-row form button, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-booking-types-index"] .btx-row a[title] {
  color: #ffffff7a !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-booking-types-index"] .btx-row form button:hover, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-booking-types-index"] .btx-row a[title]:hover {
  color: #f8f6f4 !important;
  background: #ffffff12 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-booking-types-index"] .btx-row [data-btx-mutation="delete"] button {
  color: #ff8a75 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-booking-types-index"] .btx-filter-empty {
  color: #fff6;
  border: 1px dashed #ffffff1c;
  border-radius: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 110px;
  font-size: 12px;
  display: flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-booking-types-index"] .btx-filter-empty strong {
  color: #ffffffb8;
  font-size: 13px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-booking-types-index"] .btx-filter-empty.hidden {
  display: none;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-booking-types-index"] .btx-page .text-ink-900 {
  color: #f8f6f4 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-booking-types-index"] .btx-page .text-ink-700 {
  color: #ffffffa1 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-booking-types-index"] .btx-page .text-ink-600 {
  color: #ffffff82 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-booking-types-index"] .btx-page .text-ink-500 {
  color: #ffffff61 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-booking-types-index"] .btx-page .text-wa-deep {
  color: #8eabff !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"])[data-theme="dark"] body[data-page="user-booking-types-index"] .btx-row.bg-paper-0, html[data-user-shell="slack"]:not([data-shell-theme="light"])[data-theme="dark"] body[data-page="user-booking-types-index"] .btx-empty.bg-paper-0 {
  background: #181b1e !important;
}
@media (max-width: 760px) {
  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-booking-types-index"] .btx-page {
    padding: 8px !important;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-booking-types-index"] .btx-actions {
    flex-wrap: wrap;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-booking-types-index"] .btx-toolbar {
    flex-direction: column;
    align-items: stretch;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-booking-types-index"] .btx-search {
    width: 100%;
  }
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-booking-type-wizard"] .shell-pane {
  background: #0f1113 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-booking-type-wizard"] .btb-header {
  top: 0;
  box-shadow: 0 8px 22px #0000002e;
  background: #211d1a !important;
  border-color: #ffffff17 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-booking-type-wizard"] .btb-header-inner {
  min-height: 64px;
  padding: 9px 14px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-booking-type-wizard"] .btb-header a {
  color: #ffffffa8;
  background: #2b2623 !important;
  border-color: #ffffff1c !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-booking-type-wizard"] .btb-header .font-serif {
  color: #f8f6f4;
  font-family: inherit;
  font-weight: 750;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-booking-type-wizard"] .btb-header .font-serif span {
  color: #fff !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-booking-type-wizard"] .btb-header .rounded-full:not(a) {
  border: 1px solid #ffffff17;
  color: #ffffff7a !important;
  background: #2b2623 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-booking-type-wizard"] .btb-page {
  padding: 10px 14px 16px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-booking-type-wizard"] .btb-form {
  grid-template-columns: minmax(0, 1fr) 228px !important;
  gap: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-booking-type-wizard"] .btb-card, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-booking-type-wizard"] .btb-summary {
  color: #ffffffad;
  background: #181b1e !important;
  border-color: #ffffff17 !important;
  border-radius: 10px !important;
  box-shadow: 0 10px 26px #00000024 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-booking-type-wizard"] .btb-stepper, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-booking-type-wizard"] .btb-footer {
  background: #211d1a !important;
  border-color: #ffffff17 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-booking-type-wizard"] .btb-stepper {
  padding: 10px 12px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-booking-type-wizard"] .btb-stepper #stepper {
  min-width: 510px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-booking-type-wizard"] .btb-stepper .step-node {
  gap: 6px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-booking-type-wizard"] .btb-stepper .dot {
  color: #ffffff6b;
  border-color: #ffffff21;
  width: 23px !important;
  height: 23px !important;
  box-shadow: none !important;
  background: #2b2623 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-booking-type-wizard"] .btb-stepper .step-node .lab {
  color: #ffffff61 !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-booking-type-wizard"] .btb-stepper .step-node .bar {
  background: #ffffff1a !important;
  margin-inline: 4px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-booking-type-wizard"] .btb-stepper .step-node:has(.dot.border-wa-deep) .dot {
  color: #b3c4ff !important;
  background: #5b8cff2e !important;
  border-color: #25d366 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-booking-type-wizard"] .btb-stepper .step-node:has(.dot.border-wa-deep) .lab {
  color: #b3c4ff !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-booking-type-wizard"] .btb-step-content {
  padding: 12px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-booking-type-wizard"] .step-pane > .bg-paper-0 {
  box-shadow: none !important;
  background: #211d1a !important;
  border-color: #ffffff17 !important;
  border-radius: 9px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-booking-type-wizard"] .step-pane > .p-5 {
  padding: 13px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-booking-type-wizard"] .step-pane.space-y-4 > :not([hidden]) ~ :not([hidden]) {
  margin-top: 9px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-booking-type-wizard"] .step-pane .font-serif {
  color: #f8f6f4;
  font-family: inherit;
  font-weight: 750;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-booking-type-wizard"] .step-pane [data-day], html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-booking-type-wizard"] .step-pane .border-paper-100 {
  background: #ffffff05;
  border-color: #ffffff14 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-booking-type-wizard"] .btb-form input:not([type="checkbox"]), html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-booking-type-wizard"] .btb-form select, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-booking-type-wizard"] .btb-form textarea {
  color: #f8f6f4 !important;
  box-shadow: none !important;
  background: #2b2623 !important;
  border-color: #ffffff1c !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-booking-type-wizard"] .btb-form input::placeholder, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-booking-type-wizard"] .btb-form textarea::placeholder {
  color: #ffffff42 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-booking-type-wizard"] .btb-form button[data-add-interval], html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-booking-type-wizard"] .btb-form button[data-add-reminder], html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-booking-type-wizard"] .btb-form button[data-add-question], html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-booking-type-wizard"] .btb-form button[data-preview-btn] {
  color: #8eabff !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-booking-type-wizard"] .btb-footer {
  padding: 10px 12px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-booking-type-wizard"] .btb-footer button, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-booking-type-wizard"] .btb-footer a {
  color: #ffffffa8 !important;
  background: #2b2623 !important;
  border-color: #ffffff1c !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-booking-type-wizard"] .btb-footer #nextBtn, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-booking-type-wizard"] .btb-footer #submitBtn {
  color: #fff !important;
  background: #25d366 !important;
  border-color: #25d366 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-booking-type-wizard"] .btb-summary {
  padding: 12px !important;
  top: 75px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-booking-type-wizard"] .btb-summary > .rounded-\[20px\] {
  background: #211d1a !important;
  border-color: #ffffff17 !important;
  border-radius: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-booking-type-wizard"] .btb-summary > .rounded-\[20px\] > .bg-wa-deep {
  color: #fff !important;
  background: #0a6b5f !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-booking-type-wizard"] .btb-summary .border-paper-100 {
  border-color: #ffffff17 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-booking-type-wizard"] .btb-form .text-ink-900 {
  color: #f8f6f4 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-booking-type-wizard"] .btb-form .text-ink-800, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-booking-type-wizard"] .btb-form .text-ink-700 {
  color: #ffffffa8 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-booking-type-wizard"] .btb-form .text-ink-600 {
  color: #ffffff85 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-booking-type-wizard"] .btb-form .text-ink-500, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-booking-type-wizard"] .btb-form .text-ink-400 {
  color: #ffffff5e !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-booking-type-wizard"] .btb-form .text-wa-deep {
  color: #8eabff !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"])[data-theme="dark"] body[data-page="user-booking-type-wizard"] .btb-card.bg-white, html[data-user-shell="slack"]:not([data-shell-theme="light"])[data-theme="dark"] body[data-page="user-booking-type-wizard"] .btb-summary.bg-white {
  background: #181b1e !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"])[data-theme="dark"] body[data-page="user-booking-type-wizard"] .btb-header, html[data-user-shell="slack"]:not([data-shell-theme="light"])[data-theme="dark"] body[data-page="user-booking-type-wizard"] .btb-footer {
  background: #211d1a !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"])[data-theme="dark"] body[data-page="user-booking-type-wizard"] .btb-form input:not([type="checkbox"]), html[data-user-shell="slack"]:not([data-shell-theme="light"])[data-theme="dark"] body[data-page="user-booking-type-wizard"] .btb-form select, html[data-user-shell="slack"]:not([data-shell-theme="light"])[data-theme="dark"] body[data-page="user-booking-type-wizard"] .btb-form textarea {
  background: #2b2623 !important;
}
@media (max-width: 1250px) {
  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-booking-type-wizard"] .btb-form {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-booking-type-wizard"] .btb-summary {
    position: static !important;
  }
}
@media (max-width: 760px) {
  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-booking-type-wizard"] .btb-page {
    padding: 8px !important;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-booking-type-wizard"] .btb-header-inner {
    padding-inline: 9px !important;
  }
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-chatbot-widgets-index"] .shell-pane {
  background: #0f1113 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-chatbot-widgets-index"] .cbx-page {
  padding: 12px 14px 16px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-chatbot-widgets-index"] .cbx-layout {
  display: block !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-chatbot-widgets-index"] .cbx-local-sidebar {
  display: none;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-chatbot-widgets-index"] .cbx-main.space-y-5 > :not([hidden]) ~ :not([hidden]) {
  margin-top: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-chatbot-widgets-index"] .cbx-header {
  background: #211d1a;
  border: 1px solid #ffffff17;
  border-radius: 10px;
  min-height: 92px;
  padding: 13px 15px;
  box-shadow: 0 9px 24px #00000024;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-chatbot-widgets-index"] .cbx-header h1 {
  color: #f8f6f4;
  font-family: inherit;
  font-weight: 800;
  font-size: 23px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-chatbot-widgets-index"] .cbx-header h1 span {
  color: #fff !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-chatbot-widgets-index"] .cbx-actions > span {
  color: #61e695 !important;
  background: #25d36621 !important;
  border-color: #25d3664d !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-chatbot-widgets-index"] .cbx-actions a {
  color: #07160c !important;
  background: #25d366 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-chatbot-widgets-index"] .cbx-stats {
  gap: 8px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-chatbot-widgets-index"] .cbx-stat {
  color: #ffffffad;
  min-height: 68px;
  background: #181b1e !important;
  border-color: #ffffff17 !important;
  border-radius: 10px !important;
  padding: 11px 13px !important;
  box-shadow: 0 8px 20px #0000001c !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-chatbot-widgets-index"] .cbx-stat .font-serif {
  color: #f8f6f4;
  font-family: inherit;
  font-weight: 800;
  font-size: 23px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-chatbot-widgets-index"] .cbx-library {
  color: #ffffffa8;
  background: #181b1e !important;
  border-color: #ffffff17 !important;
  border-radius: 10px !important;
  box-shadow: 0 10px 26px #00000024 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-chatbot-widgets-index"] .cbx-toolbar {
  background: #211d1a;
  border-color: #ffffff17 !important;
  padding: 8px 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-chatbot-widgets-index"] .cbx-toolbar > .bg-paper-50 {
  background: #2b2623 !important;
  gap: 2px !important;
  padding: 2px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-chatbot-widgets-index"] .cbx-toolbar [data-cbx-status] {
  color: #ffffff70 !important;
  background: none !important;
  padding: 5px 8px !important;
  font-size: 10.5px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-chatbot-widgets-index"] .cbx-toolbar [data-cbx-status][aria-pressed="true"] {
  color: #adc0ff !important;
  background: #5b8cff2b !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-chatbot-widgets-index"] .cbx-search input {
  color: #f8f6f4 !important;
  box-shadow: none !important;
  background: #2b2623 !important;
  border-color: #ffffff1a !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-chatbot-widgets-index"] .cbx-search input::placeholder {
  color: #ffffff45 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-chatbot-widgets-index"] .cbx-columns, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-chatbot-widgets-index"] .widget-row {
  grid-template-columns: minmax(165px, 1.6fr) 74px 92px 60px 78px 152px !important;
  gap: 6px !important;
  min-width: 680px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-chatbot-widgets-index"] .cbx-columns {
  color: #ffffff59 !important;
  background: #211d1a !important;
  border-color: #ffffff17 !important;
  padding: 7px 10px !important;
  font-size: 14px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-chatbot-widgets-index"] .widget-row {
  background: #181b1e;
  border-color: #ffffff14 !important;
  padding: 9px 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-chatbot-widgets-index"] .widget-row:hover {
  background: #28231f !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-chatbot-widgets-index"] .widget-row a[title], html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-chatbot-widgets-index"] .widget-row button {
  color: #ffffff75;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-chatbot-widgets-index"] .widget-row a[title]:hover, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-chatbot-widgets-index"] .widget-row button:hover {
  color: #f8f6f4 !important;
  background: #ffffff12 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-chatbot-widgets-index"] .widget-row [data-delete] {
  color: #ff8a75 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-chatbot-widgets-index"] .cbx-footer {
  background: #211d1a;
  border-color: #ffffff17 !important;
  padding: 8px 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-chatbot-widgets-index"] .cbx-filter-empty {
  color: #ffffff63;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 120px;
  font-size: 11.5px;
  display: flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-chatbot-widgets-index"] .cbx-filter-empty strong {
  color: #ffffffb8;
  font-size: 13px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-chatbot-widgets-index"] .cbx-filter-empty.hidden {
  display: none;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-chatbot-widgets-index"] .cbx-page .text-ink-900 {
  color: #f8f6f4 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-chatbot-widgets-index"] .cbx-page .text-ink-700 {
  color: #ffffffa1 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-chatbot-widgets-index"] .cbx-page .text-ink-600 {
  color: #ffffff82 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-chatbot-widgets-index"] .cbx-page .text-ink-500 {
  color: #ffffff61 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-chatbot-widgets-index"] .cbx-page .text-wa-deep {
  color: #8eabff !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"])[data-theme="dark"] body[data-page="user-chatbot-widgets-index"] .cbx-stat.bg-paper-0, html[data-user-shell="slack"]:not([data-shell-theme="light"])[data-theme="dark"] body[data-page="user-chatbot-widgets-index"] .cbx-library.bg-paper-0 {
  background: #181b1e !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"])[data-theme="dark"] body[data-page="user-chatbot-widgets-index"] .cbx-search input {
  background: #2b2623 !important;
}
@media (max-width: 760px) {
  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-chatbot-widgets-index"] .cbx-page {
    padding: 8px !important;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-chatbot-widgets-index"] .cbx-actions {
    flex-wrap: wrap;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-chatbot-widgets-index"] .cbx-toolbar {
    flex-direction: column;
    align-items: stretch;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-chatbot-widgets-index"] .cbx-search input {
    width: 100% !important;
  }
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-chatbot-widgets-builder"] .shell-pane {
  background: #0f1113 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-chatbot-widgets-builder"] .cbwb-header {
  top: 0;
  box-shadow: 0 8px 22px #0000002e;
  background: #211d1a !important;
  border-color: #ffffff17 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-chatbot-widgets-builder"] .cbwb-header-inner {
  min-height: 64px;
  padding: 9px 14px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-chatbot-widgets-builder"] .cbwb-header a, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-chatbot-widgets-builder"] .cbwb-header button {
  color: #ffffffa8 !important;
  background: #2b2623 !important;
  border-color: #ffffff1c !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-chatbot-widgets-builder"] .cbwb-header .font-serif {
  color: #f8f6f4;
  font-family: inherit;
  font-weight: 750;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-chatbot-widgets-builder"] .cbwb-header .font-serif span {
  color: #fff !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-chatbot-widgets-builder"] #cbw-state-pill {
  border: 1px solid #ffffff17;
  color: #ffffff73 !important;
  background: #2b2623 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-chatbot-widgets-builder"] .cbwb-page {
  padding: 10px 14px 16px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-chatbot-widgets-builder"] .cbwb-layout {
  grid-template-columns: minmax(0, 1fr) 228px !important;
  gap: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-chatbot-widgets-builder"] .cbwb-card, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-chatbot-widgets-builder"] .cbwb-preview {
  color: #ffffffa8;
  background: #181b1e !important;
  border-color: #ffffff17 !important;
  border-radius: 10px !important;
  box-shadow: 0 10px 26px #00000024 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-chatbot-widgets-builder"] .cbwb-stepper, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-chatbot-widgets-builder"] .cbwb-footer {
  background: #211d1a !important;
  border-color: #ffffff17 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-chatbot-widgets-builder"] .cbwb-stepper {
  overflow-x: auto;
  padding: 10px 12px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-chatbot-widgets-builder"] #cbw-stepper {
  min-width: 390px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-chatbot-widgets-builder"] #cbw-stepper .step-node {
  gap: 6px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-chatbot-widgets-builder"] #cbw-stepper .dot {
  color: #ffffff6b !important;
  width: 23px !important;
  height: 23px !important;
  box-shadow: none !important;
  background: #2b2623 !important;
  border-color: #ffffff21 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-chatbot-widgets-builder"] #cbw-stepper .lab {
  color: #ffffff61 !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-chatbot-widgets-builder"] #cbw-stepper .bar {
  background: #ffffff1a !important;
  margin-inline: 4px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-chatbot-widgets-builder"] #cbw-stepper .step-node:has(.dot.border-wa-deep) .dot {
  color: #b3c4ff !important;
  background: #5b8cff2e !important;
  border-color: #25d366 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-chatbot-widgets-builder"] #cbw-stepper .step-node:has(.dot.border-wa-deep) .lab {
  color: #b3c4ff !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-chatbot-widgets-builder"] .cbwb-content {
  padding: 13px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-chatbot-widgets-builder"] .cbwb-content .font-serif {
  color: #f8f6f4;
  font-family: inherit;
  font-weight: 750;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-chatbot-widgets-builder"] .type-tile, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-chatbot-widgets-builder"] .cbwb-content .border-paper-200, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-chatbot-widgets-builder"] .cbwb-content .border-paper-100 {
  border-color: #ffffff17 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-chatbot-widgets-builder"] .type-tile {
  background: #211d1a !important;
  border-radius: 9px !important;
  padding: 11px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-chatbot-widgets-builder"] .type-tile.border-wa-deep {
  background: #5b8cff1a !important;
  border-color: #5b8cff78 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-chatbot-widgets-builder"] .type-tile .font-serif {
  font-size: 14px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-chatbot-widgets-builder"] .cbwb-layout input:not([type="checkbox"]):not([type="radio"]):not([type="color"]), html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-chatbot-widgets-builder"] .cbwb-layout select, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-chatbot-widgets-builder"] .cbwb-layout textarea {
  color: #f8f6f4 !important;
  box-shadow: none !important;
  background: #2b2623 !important;
  border-color: #ffffff1c !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-chatbot-widgets-builder"] .cbwb-layout input::placeholder, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-chatbot-widgets-builder"] .cbwb-layout textarea::placeholder {
  color: #ffffff42 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-chatbot-widgets-builder"] .cbwb-layout input[type="color"] {
  background: #2b2623 !important;
  border-color: #ffffff1c !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-chatbot-widgets-builder"] .cbwb-footer {
  padding: 10px 12px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-chatbot-widgets-builder"] .cbwb-footer #cbw-prev {
  color: #ffffffa3 !important;
  background: #2b2623 !important;
  border-color: #ffffff1c !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-chatbot-widgets-builder"] .cbwb-footer #cbw-next {
  color: #fff !important;
  background: #25d366 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-chatbot-widgets-builder"] .cbwb-footer #cbw-launch {
  color: #07160c !important;
  background: #25d366 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-chatbot-widgets-builder"] .cbwb-preview {
  padding: 12px !important;
  top: 75px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-chatbot-widgets-builder"] .cbwb-preview > .rounded-\[24px\] {
  background: #151311 !important;
  border-color: #ffffff1a !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-chatbot-widgets-builder"] .cbwb-preview > .grid > div {
  background: #211d1a !important;
  border-color: #ffffff17 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-chatbot-widgets-builder"] .cbwb-preview .font-serif {
  color: #f8f6f4;
  font-family: inherit;
  font-weight: 750;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-chatbot-widgets-builder"] .cbwb-layout .text-ink-900 {
  color: #f8f6f4 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-chatbot-widgets-builder"] .cbwb-layout .text-ink-700 {
  color: #ffffffa3 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-chatbot-widgets-builder"] .cbwb-layout .text-ink-600 {
  color: #ffffff82 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-chatbot-widgets-builder"] .cbwb-layout .text-ink-500 {
  color: #ffffff5e !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-chatbot-widgets-builder"] .cbwb-layout .text-wa-deep {
  color: #8eabff !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"])[data-theme="dark"] body[data-page="user-chatbot-widgets-builder"] .cbwb-header, html[data-user-shell="slack"]:not([data-shell-theme="light"])[data-theme="dark"] body[data-page="user-chatbot-widgets-builder"] .cbwb-footer {
  background: #211d1a !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"])[data-theme="dark"] body[data-page="user-chatbot-widgets-builder"] .cbwb-card.bg-white, html[data-user-shell="slack"]:not([data-shell-theme="light"])[data-theme="dark"] body[data-page="user-chatbot-widgets-builder"] .cbwb-preview.bg-white {
  background: #181b1e !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"])[data-theme="dark"] body[data-page="user-chatbot-widgets-builder"] .cbwb-layout input:not([type="checkbox"]):not([type="radio"]):not([type="color"]), html[data-user-shell="slack"]:not([data-shell-theme="light"])[data-theme="dark"] body[data-page="user-chatbot-widgets-builder"] .cbwb-layout select, html[data-user-shell="slack"]:not([data-shell-theme="light"])[data-theme="dark"] body[data-page="user-chatbot-widgets-builder"] .cbwb-layout textarea {
  background: #2b2623 !important;
}
@media (max-width: 1250px) {
  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-chatbot-widgets-builder"] .cbwb-layout {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-chatbot-widgets-builder"] .cbwb-preview {
    position: static !important;
  }
}
@media (max-width: 760px) {
  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-chatbot-widgets-builder"] .cbwb-page {
    padding: 8px !important;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-chatbot-widgets-builder"] .cbwb-header-inner {
    padding-inline: 9px !important;
  }
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-warmer-index"] .shell-pane {
  background: #0f1113 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-warmer-index"] .warmer-page {
  color: #f8f6f4;
  gap: 10px;
  width: 100%;
  max-width: none;
  padding: 12px 14px 18px;
  display: grid;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-warmer-index"] .warmer-header {
  border: 1px solid #ffffff17;
  border-radius: 10px;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  min-height: 88px;
  padding: 13px 15px;
  display: flex;
  box-shadow: 0 9px 24px #00000024;
  background: #211d1a !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-warmer-index"] .warmer-eyebrow {
  color: #72e7a2;
  letter-spacing: .17em;
  text-transform: uppercase;
  margin-bottom: 4px;
  font-size: 14px;
  font-weight: 700;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-warmer-index"] .warmer-heading h1 {
  color: #fff;
  letter-spacing: -.025em;
  margin: 0;
  font-family: inherit;
  font-size: 23px;
  font-weight: 800;
  line-height: 1.08;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-warmer-index"] .warmer-heading p {
  color: #ffffff73;
  margin: 5px 0 0;
  font-size: 11.5px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-warmer-index"] .warmer-primary {
  color: #06150b;
  cursor: pointer;
  background: #25d366;
  border: 0;
  border-radius: 9px;
  flex: none;
  justify-content: center;
  align-items: center;
  gap: 7px;
  min-height: 34px;
  padding: 7px 12px;
  font-size: 11px;
  font-weight: 750;
  text-decoration: none;
  display: inline-flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-warmer-index"] .warmer-primary:hover {
  background: #4be389;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-warmer-index"] .warmer-primary svg {
  fill: none;
  stroke: currentColor;
  stroke-width: 2px;
  stroke-linecap: round;
  stroke-linejoin: round;
  width: 15px;
  height: 15px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-warmer-index"] .warmer-notice {
  color: #72e7a2;
  background: #25d3661a;
  border: 1px solid #25d36647;
  border-radius: 8px;
  padding: 8px 11px;
  font-size: 11.5px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-warmer-index"] .warmer-stats {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  display: grid;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-warmer-index"] .warmer-stat {
  background: #181b1e;
  border: 1px solid #ffffff17;
  border-radius: 10px;
  align-items: center;
  gap: 9px;
  min-width: 0;
  min-height: 73px;
  padding: 10px 11px;
  display: flex;
  box-shadow: 0 8px 20px #0000001c;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-warmer-index"] .warmer-stat-icon {
  border-radius: 8px;
  flex: 0 0 31px;
  place-items: center;
  width: 31px;
  height: 31px;
  display: grid;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-warmer-index"] .warmer-stat-icon svg {
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8px;
  stroke-linecap: round;
  stroke-linejoin: round;
  width: 15px;
  height: 15px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-warmer-index"] .warmer-stat--green .warmer-stat-icon {
  color: #25d366;
  background: #25d36624;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-warmer-index"] .warmer-stat--mint .warmer-stat-icon {
  color: #4be389;
  background: #4be38924;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-warmer-index"] .warmer-stat--blue .warmer-stat-icon {
  color: #8eabff;
  background: #5b8cff26;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-warmer-index"] .warmer-stat--coral .warmer-stat-icon {
  color: #ff6d9b;
  background: #e01e5a24;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-warmer-index"] .warmer-stat > div {
  min-width: 0;
  display: grid;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-warmer-index"] .warmer-stat strong {
  color: #fff;
  font-size: 20px;
  font-weight: 800;
  line-height: 1;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-warmer-index"] .warmer-stat span:not(.warmer-stat-icon) {
  color: #ffffff70;
  letter-spacing: .09em;
  text-transform: uppercase;
  white-space: nowrap;
  margin-top: 4px;
  font-size: 14px;
  font-weight: 700;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-warmer-index"] .warmer-stat small {
  color: #ffffff47;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-top: 2px;
  font-size: 14px;
  overflow: hidden;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-warmer-index"] .warmer-library {
  background: #181b1e;
  border: 1px solid #ffffff17;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 10px 26px #00000024;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-warmer-index"] .warmer-library-head {
  background: #211d1a;
  border-bottom: 1px solid #ffffff17;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  min-height: 42px;
  padding: 8px 11px;
  display: flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-warmer-index"] .warmer-library-head > div {
  align-items: center;
  gap: 7px;
  display: flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-warmer-index"] .warmer-library-head svg {
  fill: none;
  stroke: #ffffff7a;
  stroke-width: 1.7px;
  stroke-linecap: round;
  stroke-linejoin: round;
  width: 14px;
  height: 14px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-warmer-index"] .warmer-library-head strong {
  color: #ffffffd6;
  font-size: 11px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-warmer-index"] .warmer-library-head > span {
  color: #ffffff4d;
  font-size: 14px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-warmer-index"] .warmer-row {
  background: #181b1e;
  border-bottom: 1px solid #ffffff12;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-warmer-index"] .warmer-row:last-child {
  border-bottom: 0;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-warmer-index"] .warmer-row.is-open {
  background: #28231f;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-warmer-index"] .warmer-row-summary {
  width: 100%;
  min-height: 67px;
  color: inherit;
  text-align: left;
  cursor: pointer;
  background: none;
  border: 0;
  grid-template-columns: 34px minmax(0, 1fr) 50px 72px 15px;
  align-items: center;
  gap: 10px;
  padding: 10px 11px;
  display: grid;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-warmer-index"] .warmer-row-summary:hover {
  background: #ffffff06;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-warmer-index"] .warmer-phone-icon {
  border-radius: 50%;
  place-items: center;
  width: 32px;
  height: 32px;
  display: grid;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-warmer-index"] .warmer-phone-icon svg {
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8px;
  stroke-linecap: round;
  stroke-linejoin: round;
  width: 15px;
  height: 15px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-warmer-index"] .warmer-phone-icon--green {
  color: #4be389;
  background: #25d36626;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-warmer-index"] .warmer-phone-icon--blue {
  color: #8eabff;
  background: #5b8cff29;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-warmer-index"] .warmer-phone-icon--amber {
  color: #ffc46b;
  background: #ffc46b26;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-warmer-index"] .warmer-phone-icon--coral {
  color: #ff6d9b;
  background: #e01e5a26;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-warmer-index"] .warmer-number {
  gap: 5px;
  min-width: 0;
  display: grid;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-warmer-index"] .warmer-number > span:first-child {
  align-items: center;
  gap: 7px;
  min-width: 0;
  display: flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-warmer-index"] .warmer-number strong {
  color: #ffffffe0;
  white-space: nowrap;
  font-size: 11.5px;
  font-weight: 650;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-warmer-index"] .warmer-number em {
  color: #ffffff59;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 14px;
  font-style: normal;
  overflow: hidden;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-warmer-index"] .warmer-number b {
  color: #ffffff4a;
  white-space: nowrap;
  border: 1px solid #ffffff14;
  border-radius: 999px;
  padding: 2px 5px;
  font-size: 14px;
  font-weight: 650;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-warmer-index"] .warmer-progress {
  align-items: center;
  gap: 7px;
  display: flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-warmer-index"] .warmer-progress > i {
  background: #ffffff14;
  border-radius: 999px;
  width: min(150px, 62%);
  height: 4px;
  display: block;
  overflow: hidden;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-warmer-index"] .warmer-progress > i > i {
  border-radius: inherit;
  background: #25d366;
  height: 100%;
  display: block;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-warmer-index"] .warmer-progress small {
  color: #ffffff57;
  white-space: nowrap;
  font-size: 14px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-warmer-index"] .warmer-live {
  justify-items: end;
  display: grid;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-warmer-index"] .warmer-live strong {
  color: #8eabff;
  font-size: 11px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-warmer-index"] .warmer-live small {
  color: #ffffff4a;
  letter-spacing: .08em;
  text-transform: uppercase;
  font-size: 14px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-warmer-index"] .warmer-state {
  white-space: nowrap;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  gap: 5px;
  min-height: 23px;
  padding: 4px 7px;
  font-size: 14px;
  font-weight: 650;
  display: inline-flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-warmer-index"] .warmer-state i {
  background: currentColor;
  border-radius: 50%;
  width: 5px;
  height: 5px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-warmer-index"] .warmer-state--green {
  color: #4be389;
  background: #25d36621;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-warmer-index"] .warmer-state--blue {
  color: #8eabff;
  background: #5b8cff26;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-warmer-index"] .warmer-state--amber {
  color: #ffc46b;
  background: #ffc46b24;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-warmer-index"] .warmer-state--coral {
  color: #ff7aa4;
  background: #e01e5a24;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-warmer-index"] .warmer-chevron svg {
  fill: none;
  stroke: #ffffff4d;
  stroke-width: 1.8px;
  stroke-linecap: round;
  stroke-linejoin: round;
  width: 13px;
  height: 13px;
  transition: transform .18s;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-warmer-index"] .warmer-row.is-open .warmer-chevron svg {
  transform: rotate(90deg);
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-warmer-index"] .warmer-settings {
  background: #211d1a;
  border-top: 1px solid #ffffff14;
  padding: 11px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-warmer-index"] .warmer-settings[hidden] {
  display: none !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-warmer-index"] .warmer-live-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 7px;
  margin-bottom: 9px;
  display: grid;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-warmer-index"] .warmer-live-grid > div, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-warmer-index"] .warmer-live-grid > label {
  background: #181b1e;
  border: 1px solid #ffffff14;
  border-radius: 8px;
  align-content: center;
  justify-items: center;
  gap: 2px;
  min-height: 48px;
  padding: 6px;
  display: grid;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-warmer-index"] .warmer-live-grid span {
  color: #ffffff57;
  letter-spacing: .08em;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 650;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-warmer-index"] .warmer-live-grid strong {
  color: #fff;
  font-size: 15px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-warmer-index"] .warmer-live-grid input {
  accent-color: #25d366;
  width: 15px;
  height: 15px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-warmer-index"] .warmer-field-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  display: grid;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-warmer-index"] .warmer-field {
  align-content: start;
  gap: 4px;
  display: grid;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-warmer-index"] .warmer-field > span {
  color: #ffffff7a;
  letter-spacing: .04em;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 650;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-warmer-index"] .warmer-field input {
  color: #f8f6f4;
  background: #2b2623;
  border: 1px solid #ffffff1a;
  border-radius: 7px;
  outline: 0;
  width: 100%;
  min-width: 0;
  height: 29px;
  padding: 5px 7px;
  font-size: 10.5px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-warmer-index"] .warmer-field input:focus {
  border-color: #5b8cff99;
  box-shadow: 0 0 0 2px #5b8cff1a;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-warmer-index"] .warmer-field small {
  color: #ffffff3d;
  min-height: 21px;
  font-size: 14px;
  line-height: 1.35;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-warmer-index"] .warmer-settings-foot {
  border-top: 1px solid #ffffff12;
  justify-content: space-between;
  align-items: center;
  gap: 14px;
  margin-top: 9px;
  padding-top: 9px;
  display: flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-warmer-index"] .warmer-spintax {
  cursor: pointer;
  align-items: flex-start;
  gap: 7px;
  min-width: 0;
  display: flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-warmer-index"] .warmer-spintax input {
  accent-color: #25d366;
  flex: 0 0 14px;
  width: 14px;
  height: 14px;
  margin-top: 1px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-warmer-index"] .warmer-spintax span {
  display: grid;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-warmer-index"] .warmer-spintax strong {
  color: #ffffffad;
  font-size: 14px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-warmer-index"] .warmer-spintax small {
  color: #ffffff47;
  font-size: 14px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-warmer-index"] [data-warmer-save] {
  color: #06150b;
  cursor: pointer;
  background: #25d366;
  border: 0;
  border-radius: 8px;
  flex: none;
  padding: 7px 11px;
  font-size: 14px;
  font-weight: 750;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-warmer-index"] [data-warmer-save]:hover {
  background: #4be389;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-warmer-index"] .warmer-empty {
  text-align: center;
  align-content: center;
  place-items: center;
  gap: 6px;
  min-height: 190px;
  padding: 22px;
  display: grid;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-warmer-index"] .warmer-empty > span {
  color: #8eabff;
  background: #5b8cff21;
  border-radius: 50%;
  place-items: center;
  width: 38px;
  height: 38px;
  display: grid;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-warmer-index"] .warmer-empty svg {
  fill: none;
  stroke: currentColor;
  stroke-width: 1.7px;
  stroke-linecap: round;
  stroke-linejoin: round;
  width: 18px;
  height: 18px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-warmer-index"] .warmer-empty strong {
  color: #ffffffbf;
  font-size: 12px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-warmer-index"] .warmer-empty p {
  color: #ffffff59;
  margin: 0;
  font-size: 10px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-warmer-index"] .warmer-empty a {
  color: #fff;
  background: #25d366;
  border-radius: 7px;
  margin-top: 4px;
  padding: 6px 10px;
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-warmer-index"] .warmer-guidance {
  grid-template-columns: 1.1fr 1fr;
  gap: 8px;
  display: grid;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-warmer-index"] .warmer-guidance > div, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-warmer-index"] .warmer-guidance > p {
  background: #211d1a;
  border: 1px solid #ffffff14;
  border-radius: 9px;
  min-width: 0;
  margin: 0;
  padding: 9px 11px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-warmer-index"] .warmer-guidance > div {
  gap: 3px;
  display: grid;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-warmer-index"] .warmer-guidance strong {
  color: #ffffffa8;
  font-size: 14px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-warmer-index"] .warmer-guidance span, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-warmer-index"] .warmer-guidance p {
  color: #ffffff4a;
  font-size: 14px;
  line-height: 1.45;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-warmer-index"] .warmer-guidance p {
  align-items: center;
  gap: 7px;
  display: flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-warmer-index"] .warmer-guidance p i {
  background: #ffc46b;
  border-radius: 50%;
  flex: 0 0 6px;
  width: 6px;
  height: 6px;
}
@media (max-width: 760px) {
  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-warmer-index"] .warmer-page {
    padding: 8px;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-warmer-index"] .warmer-header {
    flex-direction: column;
    align-items: flex-start;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-warmer-index"] .warmer-stats {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-warmer-index"] .warmer-row-summary {
    grid-template-columns: 34px minmax(0, 1fr) 58px 14px;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-warmer-index"] .warmer-live {
    display: none;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-warmer-index"] .warmer-field-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-warmer-index"] .warmer-guidance {
    grid-template-columns: 1fr;
  }
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-templates-index"] .shell-pane {
  background: #0f1113 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-templates-index"] .tplx-page {
  padding: 12px 14px 18px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-templates-index"] .tplx-layout {
  display: block !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-templates-index"] .tplx-local-sidebar {
  display: none !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-templates-index"] .tplx-main {
  min-width: 0;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-templates-index"] .tplx-header {
  border: 1px solid #ffffff17;
  border-radius: 10px;
  min-height: 92px;
  padding: 13px 15px;
  box-shadow: 0 9px 24px #00000024;
  background: #211d1a !important;
  align-items: center !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-templates-index"] .tplx-header .font-mono {
  color: #72e7a2 !important;
  margin-bottom: 4px !important;
  font-size: 14px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-templates-index"] .tplx-header h1 {
  color: #fff;
  font-family: inherit;
  font-size: 23px !important;
  font-weight: 800 !important;
  line-height: 1.08 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-templates-index"] .tplx-header h1 span {
  color: #fff !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-templates-index"] .tplx-header p {
  line-height: 1.4;
  color: #ffffff6e !important;
  max-width: 430px !important;
  margin-top: 5px !important;
  font-size: 10.5px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-templates-index"] .tplx-header p a {
  color: #8eabff !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-templates-index"] .tplx-actions {
  flex-wrap: wrap;
  justify-content: flex-end;
  padding-bottom: 0 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-templates-index"] .tplx-actions button {
  min-height: 32px;
  color: #ffffffa8 !important;
  background: #2b2623 !important;
  border-color: #ffffff1c !important;
  border-radius: 8px !important;
  padding: 6px 10px !important;
  font-size: 14px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-templates-index"] .tplx-actions > button:last-child {
  color: #06150b !important;
  background: #25d366 !important;
  border-color: #0000 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-templates-index"] .tplx-channels {
  margin-top: 9px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-templates-index"] .tplx-channels .tpl-ch {
  color: #ffffff7d !important;
  background: #181b1e !important;
  border-color: #ffffff1a !important;
  padding: 5px 8px !important;
  font-size: 14px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-templates-index"] .tplx-channels .tpl-ch .count {
  color: #ffffff63 !important;
  background: #ffffff12 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-templates-index"] .tplx-toolbar {
  background: #211d1a;
  border-radius: 10px;
  display: flex;
  border: 1px solid #ffffff17 !important;
  gap: 7px !important;
  margin-top: 9px !important;
  padding: 8px 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-templates-index"] .tplx-toolbar #tpl-tabs {
  scrollbar-width: thin;
  flex: 1 0 100%;
  width: 100%;
  overflow-x: auto;
  flex-wrap: nowrap !important;
  gap: 4px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-templates-index"] .tplx-toolbar [data-tpl-filter="category"] {
  border-radius: 7px;
  color: #ffffff6e !important;
  border: 0 !important;
  padding: 5px 8px !important;
  font-size: 14px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-templates-index"] .tplx-toolbar [data-tpl-filter="category"].text-wa-deep, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-templates-index"] .tplx-toolbar [data-tpl-filter="category"].font-semibold {
  color: #adc0ff !important;
  background: #5b8cff29 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-templates-index"] .tplx-toolbar [data-tpl-filter="category"] .count {
  color: #ffffff59 !important;
  background: #ffffff12 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-templates-index"] .tplx-toolbar select, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-templates-index"] .tplx-toolbar input {
  height: 29px;
  color: #ffffffb3 !important;
  box-shadow: none !important;
  background: #2b2623 !important;
  border-color: #ffffff1a !important;
  border-radius: 7px !important;
  font-size: 14px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-templates-index"] .tplx-toolbar select {
  padding-block: 4px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-templates-index"] .tplx-toolbar > .relative {
  flex: 1;
  min-width: 180px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-templates-index"] .tplx-toolbar input {
  width: 100% !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-templates-index"] .tplx-toolbar input::placeholder {
  color: #ffffff45 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-templates-index"] [data-tpl-results-meta] {
  color: #ffffff52 !important;
  margin: 7px 2px !important;
  font-size: 14px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-templates-index"] [data-tpl-results-meta] b {
  color: #ffffffb0 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-templates-index"] .tplx-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 9px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-templates-index"] .tpl-card {
  color: #ffffff9e;
  min-width: 0;
  box-shadow: 0 8px 20px #0000001c;
  background: #181b1e !important;
  border-color: #ffffff17 !important;
  border-radius: 10px !important;
  padding: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-templates-index"] .tpl-card:hover {
  background: #28231f !important;
  border-color: #5b8cff59 !important;
  box-shadow: 0 11px 24px #0000002b !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-templates-index"] .tpl-card .tpl-name {
  color: #ffffffdb !important;
  font-size: 10.5px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-templates-index"] .tpl-card .tpl-cat {
  color: #9cb4ff !important;
  background: #5b8cff21 !important;
  font-size: 14px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-templates-index"] .tpl-card > .font-mono {
  color: #ffffff52 !important;
  margin-bottom: 6px !important;
  font-size: 14px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-templates-index"] .tpl-card > .font-mono > span:first-child {
  color: #72e7a2 !important;
  background: #25d3661c !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-templates-index"] .tpl-preview {
  min-height: 130px;
  max-height: 174px;
  background-color: #211d1a !important;
  background-image: radial-gradient(#5b8cff24 .7px, #0000 .7px) !important;
  background-size: 12px 12px !important;
  border-color: #ffffff14 !important;
  border-radius: 8px !important;
  padding: 9px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-templates-index"] .tpl-preview > .bg-white, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-templates-index"] .tpl-preview > div > .bg-white {
  color: #ffffffb3 !important;
  background: #2b2623 !important;
  box-shadow: 0 7px 16px #00000024 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-templates-index"] .tpl-preview .tpl-body {
  color: #ffffffa6 !important;
  font-size: 14px !important;
  line-height: 1.42 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-templates-index"] .tpl-preview .text-ink-900 {
  color: #ffffffd1 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-templates-index"] .tpl-preview .text-ink-400 {
  color: #ffffff4d !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-templates-index"] .tpl-preview .bg-wa-bubble {
  color: #adc0ff !important;
  background: #5b8cff26 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-templates-index"] .tpl-card > .mt-3 {
  margin-top: 7px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-templates-index"] .tpl-card .use-sample {
  color: #adc0ff !important;
  border-color: #5b8cff6e !important;
  border-radius: 7px !important;
  padding: 6px 8px !important;
  font-size: 14px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-templates-index"] .tpl-card .use-sample:hover {
  color: #fff !important;
  background: #5b8cff2b !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-templates-index"] .tpl-card a[title], html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-templates-index"] .tpl-card [data-template-delete] {
  color: #ffffff6e !important;
  background: #2b2623 !important;
  border-color: #ffffff17 !important;
  width: 27px !important;
  height: 27px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-templates-index"] .tpl-card [data-template-delete] {
  color: #ff8a75 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-templates-index"] #tpl-pagination {
  margin-top: 9px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-templates-index"] .tplx-help {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 8px !important;
  margin-top: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-templates-index"] .tplx-help > div {
  box-shadow: none !important;
  background: #211d1a !important;
  border-color: #ffffff14 !important;
  border-radius: 9px !important;
  padding: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-templates-index"] .tplx-help .font-mono {
  color: #ffffff45 !important;
  font-size: 14px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-templates-index"] .tplx-help .font-serif {
  font-family: inherit;
  font-weight: 700;
  color: #ffffffad !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-templates-index"] .tplx-help p {
  line-height: 1.45;
  color: #ffffff4d !important;
  font-size: 14px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-templates-index"] #type-modal {
  background: #050908b8 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-templates-index"] #type-modal > div {
  color: #ffffffad;
  background: #181b1e !important;
  border-color: #ffffff1a !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-templates-index"] #type-modal .bg-paper-50 {
  background: #211d1a !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-templates-index"] #type-modal .bg-paper-0 {
  background: #181b1e !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-templates-index"] #type-modal .border-paper-200, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-templates-index"] #type-modal .border-paper-100 {
  border-color: #ffffff17 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-templates-index"] #type-modal .text-ink-900 {
  color: #f8f6f4 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-templates-index"] #type-modal .text-ink-700 {
  color: #ffffff9e !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-templates-index"] #type-modal .text-ink-600 {
  color: #ffffff78 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-templates-index"] #type-modal .text-ink-500 {
  color: #ffffff59 !important;
}
@media (max-width: 760px) {
  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-templates-index"] .tplx-page {
    padding: 8px !important;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-templates-index"] .tplx-header {
    flex-direction: column;
    align-items: flex-start !important;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-templates-index"] .tplx-actions {
    justify-content: flex-start;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-templates-index"] .tplx-grid, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-templates-index"] .tplx-help {
    grid-template-columns: 1fr !important;
  }
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-templates-show"] .shell-pane {
  background: #0f1113 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-templates-show"] .tps-page {
  padding: 10px 14px 18px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-templates-show"] .tps-layout {
  grid-template-columns: 190px minmax(0, 1fr) !important;
  gap: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-templates-show"] .tps-aside {
  gap: 8px !important;
  top: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-templates-show"] .tps-aside > div {
  color: #ffffff9e;
  background: #181b1e !important;
  border-color: #ffffff17 !important;
  border-radius: 10px !important;
  box-shadow: 0 9px 22px #0000001f !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"])[data-theme="dark"] body[data-page="user-templates-show"] .tps-aside > div.bg-paper-0, html[data-user-shell="slack"]:not([data-shell-theme="light"])[data-theme="dark"] body[data-page="user-templates-show"] .tps-preview.bg-paper-0, html[data-user-shell="slack"]:not([data-shell-theme="light"])[data-theme="dark"] body[data-page="user-templates-show"] .tps-components.bg-paper-0 {
  background: #181b1e !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-templates-show"] .tps-aside > div:first-child {
  padding: 12px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-templates-show"] .tps-aside > div:first-child > div:first-child {
  background: #5b8cff26 !important;
  border-radius: 9px !important;
  width: 36px !important;
  height: 36px !important;
  margin-bottom: 8px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-templates-show"] .tps-aside > div:first-child > div:first-child svg {
  color: #adc0ff !important;
  width: 18px !important;
  height: 18px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-templates-show"] .tps-aside .font-serif {
  font-family: inherit;
  font-weight: 750;
  color: #f8f6f4 !important;
  font-size: 13px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-templates-show"] .tps-aside .font-mono {
  color: #ffffff4d !important;
  font-size: 14px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-templates-show"] .tps-aside dl {
  border-color: #ffffff14 !important;
  font-size: 14px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-templates-show"] .tps-aside dl > div {
  border-color: #ffffff12 !important;
  padding: 7px 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-templates-show"] .tps-aside .text-ink-900, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-templates-show"] .tps-aside .text-ink-800 {
  color: #ffffffbd !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-templates-show"] .tps-aside .text-ink-700 {
  color: #ffffff91 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-templates-show"] .tps-aside .text-ink-500 {
  color: #ffffff52 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-templates-show"] .tps-aside .divide-paper-100 > :not([hidden]) ~ :not([hidden]), html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-templates-show"] .tps-aside .border-paper-100, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-templates-show"] .tps-aside .border-paper-200 {
  border-color: #ffffff14 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-templates-show"] .tps-aside a {
  border-radius: 7px !important;
  padding: 7px 9px !important;
  font-size: 14px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-templates-show"] .tps-aside a:hover {
  background: #ffffff0d !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-templates-show"] .tps-main {
  gap: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-templates-show"] .tps-header {
  border: 1px solid #ffffff17;
  border-radius: 10px;
  min-height: 74px;
  padding: 11px 13px;
  box-shadow: 0 9px 22px #00000021;
  background: #211d1a !important;
  align-items: center !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-templates-show"] .tps-header .font-mono {
  color: #72e7a2 !important;
  margin-bottom: 4px !important;
  font-size: 14px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-templates-show"] .tps-header h1 {
  font-family: inherit;
  color: #f8f6f4 !important;
  font-size: 22px !important;
  font-weight: 800 !important;
  line-height: 1.08 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-templates-show"] .tps-header p {
  color: #ffffff54 !important;
  margin-top: 5px !important;
  font-size: 14px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-templates-show"] .tps-header button, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-templates-show"] .tps-header a {
  min-height: 30px;
  color: #ffffffa8 !important;
  background: #2b2623 !important;
  border-color: #ffffff1a !important;
  border-radius: 7px !important;
  padding: 6px 9px !important;
  font-size: 14px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-templates-show"] .tps-header a:last-child {
  color: #06150b !important;
  background: #25d366 !important;
  border-color: #0000 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-templates-show"] .tps-main > div:not(.tps-header):not(.tps-preview):not(.tps-components) {
  color: #fff9 !important;
  background: #181b1e !important;
  border-color: #ffffff1a !important;
  border-radius: 9px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-templates-show"] .tps-main > div:not(.tps-header):not(.tps-preview):not(.tps-components) .text-amber-900, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-templates-show"] .tps-main > div:not(.tps-header):not(.tps-preview):not(.tps-components) .text-amber-800 {
  color: #f5c66f !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-templates-show"] .tps-main > div:not(.tps-header):not(.tps-preview):not(.tps-components) .text-sky-900, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-templates-show"] .tps-main > div:not(.tps-header):not(.tps-preview):not(.tps-components) .text-sky-800 {
  color: #9cbcff !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-templates-show"] .tps-preview, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-templates-show"] .tps-components {
  color: #ffffffa1;
  background: #181b1e !important;
  border-color: #ffffff17 !important;
  border-radius: 10px !important;
  box-shadow: 0 9px 22px #0000001f !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-templates-show"] .tps-preview > div:first-child, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-templates-show"] .tps-components > div:first-child {
  border-color: #ffffff14 !important;
  padding: 9px 12px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-templates-show"] .tps-preview h2, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-templates-show"] .tps-components h2 {
  color: #f8f6f4 !important;
  font-size: 11px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-templates-show"] .tps-preview > div:first-child span {
  color: #ffffff4d !important;
  font-size: 14px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-templates-show"] .tps-preview > div:nth-child(2) {
  min-height: 222px;
  background-color: #211d1a !important;
  background-image: radial-gradient(#5b8cff21 .7px, #0000 .7px) !important;
  background-size: 12px 12px !important;
  padding: 14px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-templates-show"] .tps-preview > div:nth-child(2) > .bg-white, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-templates-show"] .tps-preview > div:nth-child(2) > div > .bg-white {
  color: #2a2521 !important;
  background: #f7f5f2 !important;
  max-width: 330px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-templates-show"] .tps-preview > div:nth-child(2) .text-ink-900, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-templates-show"] .tps-preview > div:nth-child(2) .text-ink-800 {
  color: #2a2521 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-templates-show"] .tps-preview > div:nth-child(2) .text-ink-400 {
  color: #81766f !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-templates-show"] .tps-components dl {
  font-size: 14px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-templates-show"] .tps-components dl > div {
  border-color: #ffffff14 !important;
  grid-template-columns: 72px minmax(0, 1fr) !important;
  padding: 9px 12px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-templates-show"] .tps-components .text-ink-800 {
  color: #ffffffa8 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-templates-show"] .tps-components .text-ink-500 {
  color: #ffffff4f !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-templates-show"] .tps-components .bg-paper-100 {
  color: #adc0ff !important;
  background: #5b8cff21 !important;
}
@media (max-width: 760px) {
  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-templates-show"] .tps-page {
    padding: 8px !important;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-templates-show"] .tps-layout {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-templates-show"] .tps-aside {
    position: static !important;
  }
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-templates-edit"] .shell-pane {
  background: #0f1113 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-templates-edit"] .tpc-header {
  top: 0;
  box-shadow: 0 8px 22px #0000002e;
  background: #211d1a !important;
  border-color: #ffffff17 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"])[data-theme="dark"] body[data-page="user-templates-edit"] .tpc-header.bg-paper-0 {
  background: #211d1a !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-templates-edit"] .tpc-header-inner {
  min-height: 64px;
  padding: 9px 14px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-templates-edit"] .tpc-header a, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-templates-edit"] .tpc-header button:not([type="submit"]) {
  color: #ff8a75 !important;
  background: #2b2623 !important;
  border-color: #ffffff1c !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-templates-edit"] .tpc-header button[type="submit"] {
  color: #06150b !important;
  background: #25d366 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-templates-edit"] .tpc-header .font-serif {
  color: #f8f6f4;
  font-family: inherit;
  font-weight: 750;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-templates-edit"] .tpc-header .font-serif span {
  color: #fff !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-templates-edit"] .tpc-header .font-mono {
  color: #72e7a2 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-templates-edit"] .tpc-header .pill {
  color: #adc0ff !important;
  background: #5b8cff21 !important;
  border-color: #5b8cff47 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-templates-edit"] .tpc-page {
  padding: 10px 14px 18px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-templates-edit"] .tpc-form {
  grid-template-columns: minmax(0, 1fr) 228px !important;
  gap: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-templates-edit"] .tpc-editor, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-templates-edit"] .tpc-preview, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-templates-edit"] .tpc-preview-col > .card {
  color: #ffffffa3;
  background: #181b1e !important;
  border-color: #ffffff17 !important;
  border-radius: 10px !important;
  box-shadow: 0 10px 26px #00000024 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-templates-edit"] .tpc-editor {
  overflow: hidden;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-templates-edit"] .tpc-editor .sec {
  border-color: #ffffff14 !important;
  padding: 12px 13px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-templates-edit"] .tpc-editor .sec-head {
  margin-bottom: 9px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-templates-edit"] .tpc-editor .sec-num {
  color: #adc0ff !important;
  background: #5b8cff26 !important;
  border-radius: 6px !important;
  width: 22px !important;
  height: 22px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-templates-edit"] .tpc-editor .sec-title {
  font-family: inherit;
  font-weight: 750;
  color: #f8f6f4 !important;
  font-size: 14px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-templates-edit"] .tpc-editor .sec-meta {
  color: #ffffff4a !important;
  font-size: 14px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-templates-edit"] .tpc-editor .lbl {
  color: #ffffff85 !important;
  font-size: 14px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-templates-edit"] .tpc-editor .hint {
  color: #ffffff47 !important;
  font-size: 14px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-templates-edit"] .tpc-editor .ctrl, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-templates-edit"] .tpc-editor input:not([type="checkbox"]):not([type="radio"]):not([type="file"]), html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-templates-edit"] .tpc-editor select, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-templates-edit"] .tpc-editor textarea {
  color: #f8f6f4 !important;
  box-shadow: none !important;
  background: #2b2623 !important;
  border-color: #ffffff1a !important;
  border-radius: 7px !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-templates-edit"] .tpc-editor input:not([type="checkbox"]):not([type="radio"]):not([type="file"]), html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-templates-edit"] .tpc-editor select {
  min-height: 29px;
  padding: 5px 7px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-templates-edit"] .tpc-editor textarea {
  padding: 7px 8px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-templates-edit"] .tpc-editor input::placeholder, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-templates-edit"] .tpc-editor textarea::placeholder {
  color: #ffffff3d !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-templates-edit"] .tpc-editor select option {
  color: #f8f6f4;
  background: #2b2623;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-templates-edit"] .tpc-editor input[type="radio"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-templates-edit"] .tpc-editor input[type="checkbox"] {
  accent-color: #25d366;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-templates-edit"] .tpc-editor .border-paper-200, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-templates-edit"] .tpc-editor .border-paper-100 {
  border-color: #ffffff17 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-templates-edit"] .tpc-editor .bg-paper-0, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-templates-edit"] .tpc-editor .bg-white {
  background: #181b1e !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-templates-edit"] .tpc-editor .bg-paper-50 {
  background: #211d1a !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-templates-edit"] .tpc-editor .text-ink-900 {
  color: #f8f6f4 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-templates-edit"] .tpc-editor .text-ink-800, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-templates-edit"] .tpc-editor .text-ink-700 {
  color: #ffffff9c !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-templates-edit"] .tpc-editor .text-ink-600 {
  color: #ffffff78 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-templates-edit"] .tpc-editor .text-ink-500, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-templates-edit"] .tpc-editor .text-ink-400 {
  color: #ffffff4f !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-templates-edit"] .tpc-editor .text-wa-deep {
  color: #adc0ff !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-templates-edit"] .tpc-editor .file-tile {
  background: #211d1a !important;
  border-color: #5b8cff4f !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-templates-edit"] .tpc-editor .file-action {
  color: #adc0ff !important;
  background: #5b8cff1f !important;
  border-color: #5b8cff57 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-templates-edit"] .tpc-editor #btn-type {
  background: #211d1a !important;
  border-color: #ffffff1a !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-templates-edit"] .tpc-editor #btn-type [data-bt] {
  color: #ffffff61 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-templates-edit"] .tpc-editor #btn-type [data-bt].active {
  color: #adc0ff !important;
  background: #5b8cff29 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-templates-edit"] .tpc-editor .btn-row {
  grid-template-columns: 105px minmax(0, 1fr) minmax(0, 1fr) 28px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-templates-edit"] .tpc-editor #btn-add {
  color: #adc0ff !important;
  font-size: 14px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-templates-edit"] .tpc-preview-col {
  top: 75px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-templates-edit"] .tpc-preview {
  padding: 11px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-templates-edit"] .tpc-preview #lang-pill {
  color: #ffffff6e !important;
  background: #2b2623 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-templates-edit"] .tpc-preview .phone-frame {
  background: #151311 !important;
  border-radius: 19px !important;
  max-width: 206px !important;
  padding: 6px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-templates-edit"] .tpc-preview .phone-screen {
  border-radius: 14px !important;
  min-height: 355px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-templates-edit"] .tpc-preview .phone-bar {
  background: #075e54 !important;
  padding: 7px 9px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-templates-edit"] .tpc-preview .phone-body {
  color: #2a2521 !important;
  background-color: #e9e3db !important;
  padding: 9px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-templates-edit"] .tpc-preview .pp-bubble, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-templates-edit"] .tpc-preview .pp-btn, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-templates-edit"] .tpc-preview .pp-location > div {
  color: #2a2521 !important;
  background: #fff !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-templates-edit"] .tpc-preview .text-ink-500 {
  color: #756d67 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-templates-edit"] .tpc-preview .text-wa-deep {
  color: #075e54 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-templates-edit"] .tpc-preview-col > .card:last-child {
  background: #211d1a !important;
  padding: 9px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-templates-edit"] .tpc-preview-col > .card:last-child .text-ink-700 {
  color: #ffffff61 !important;
  font-size: 14px !important;
}
@media (max-width: 760px) {
  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-templates-edit"] .tpc-page {
    padding: 8px !important;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-templates-edit"] .tpc-form {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-templates-edit"] .tpc-preview-col {
    position: static !important;
  }
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-templates-create"] .shell-pane {
  background: #0f1113 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-templates-create"] .tpc-header {
  top: 0;
  box-shadow: 0 8px 22px #0000002e;
  background: #211d1a !important;
  border-color: #ffffff17 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"])[data-theme="dark"] body[data-page="user-templates-create"] .tpc-header.bg-paper-0 {
  background: #211d1a !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-templates-create"] .tpc-header-inner {
  min-height: 64px;
  padding: 9px 14px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-templates-create"] .tpc-header a, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-templates-create"] .tpc-header button:not([type="submit"]) {
  color: #ffffffa6 !important;
  background: #2b2623 !important;
  border-color: #ffffff1c !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-templates-create"] .tpc-header #open-ai-modal {
  color: #c7bbff !important;
  background: #7c5cff1f !important;
  border: 1px solid #7c5cff59 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-templates-create"] .tpc-header button[type="submit"] {
  color: #06150b !important;
  background: #25d366 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-templates-create"] .tpc-header .font-serif {
  color: #f8f6f4;
  font-family: inherit;
  font-weight: 750;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-templates-create"] .tpc-header .font-serif span {
  color: #fff !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-templates-create"] #fmt-crumb {
  color: #72e7a2 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-templates-create"] #fmt-pill {
  color: #adc0ff !important;
  background: #5b8cff21 !important;
  border-color: #5b8cff47 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-templates-create"] .tpc-header .bg-paper-50 {
  color: #ffffff6e !important;
  background: #2b2623 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-templates-create"] .tpc-page {
  padding: 10px 14px 18px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-templates-create"] .tpc-form {
  grid-template-columns: minmax(0, 1fr) 228px !important;
  gap: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-templates-create"] .tpc-editor, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-templates-create"] .tpc-preview, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-templates-create"] .tpc-preview-col > .card {
  color: #ffffffa3;
  background: #181b1e !important;
  border-color: #ffffff17 !important;
  border-radius: 10px !important;
  box-shadow: 0 10px 26px #00000024 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-templates-create"] .tpc-editor {
  overflow: hidden;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-templates-create"] .tpc-editor .sec {
  border-color: #ffffff14 !important;
  padding: 12px 13px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-templates-create"] .tpc-editor .sec-head {
  margin-bottom: 9px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-templates-create"] .tpc-editor .sec-num {
  color: #adc0ff !important;
  background: #5b8cff26 !important;
  border-radius: 6px !important;
  width: 22px !important;
  height: 22px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-templates-create"] .tpc-editor .sec-title {
  font-family: inherit;
  font-weight: 750;
  color: #f8f6f4 !important;
  font-size: 14px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-templates-create"] .tpc-editor .sec-meta {
  color: #ffffff4a !important;
  font-size: 14px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-templates-create"] .tpc-editor .lbl {
  color: #ffffff85 !important;
  font-size: 14px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-templates-create"] .tpc-editor .hint {
  color: #ffffff47 !important;
  font-size: 14px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-templates-create"] .tpc-editor .ctrl, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-templates-create"] .tpc-editor input:not([type="checkbox"]):not([type="radio"]):not([type="file"]), html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-templates-create"] .tpc-editor select, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-templates-create"] .tpc-editor textarea {
  color: #f8f6f4 !important;
  box-shadow: none !important;
  background: #2b2623 !important;
  border-color: #ffffff1a !important;
  border-radius: 7px !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-templates-create"] .tpc-editor input:not([type="checkbox"]):not([type="radio"]):not([type="file"]), html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-templates-create"] .tpc-editor select {
  min-height: 29px;
  padding: 5px 7px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-templates-create"] .tpc-editor textarea {
  padding: 7px 8px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-templates-create"] .tpc-editor input::placeholder, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-templates-create"] .tpc-editor textarea::placeholder {
  color: #ffffff3d !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-templates-create"] .tpc-editor select option {
  color: #f8f6f4;
  background: #2b2623;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-templates-create"] .tpc-editor input[type="radio"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-templates-create"] .tpc-editor input[type="checkbox"] {
  accent-color: #25d366;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-templates-create"] .tpc-editor label.border-paper-200, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-templates-create"] .tpc-editor .border-paper-200, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-templates-create"] .tpc-editor .border-paper-100 {
  border-color: #ffffff17 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-templates-create"] .tpc-editor label.border-paper-200 {
  background: #211d1a;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-templates-create"] .tpc-editor label.border-paper-200:hover {
  border-color: #5b8cff61 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-templates-create"] .tpc-editor .bg-paper-0, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-templates-create"] .tpc-editor .bg-white {
  background: #181b1e !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-templates-create"] .tpc-editor .bg-paper-50 {
  background: #211d1a !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-templates-create"] .tpc-editor .text-ink-900 {
  color: #f8f6f4 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-templates-create"] .tpc-editor .text-ink-800, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-templates-create"] .tpc-editor .text-ink-700 {
  color: #ffffff9c !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-templates-create"] .tpc-editor .text-ink-600 {
  color: #ffffff78 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-templates-create"] .tpc-editor .text-ink-500, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-templates-create"] .tpc-editor .text-ink-400 {
  color: #ffffff4f !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-templates-create"] .tpc-editor .text-wa-deep {
  color: #adc0ff !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-templates-create"] .tpc-editor .file-tile {
  background: #211d1a !important;
  border-color: #5b8cff4f !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-templates-create"] .tpc-editor .file-action {
  color: #adc0ff !important;
  background: #5b8cff1f !important;
  border-color: #5b8cff57 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-templates-create"] .tpc-editor #btn-type {
  background: #211d1a !important;
  border-color: #ffffff1a !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-templates-create"] .tpc-editor #btn-type [data-bt] {
  color: #ffffff61 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-templates-create"] .tpc-editor #btn-type [data-bt].active {
  color: #adc0ff !important;
  background: #5b8cff29 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-templates-create"] .tpc-editor .btn-row {
  grid-template-columns: 105px minmax(0, 1fr) minmax(0, 1fr) 28px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-templates-create"] .tpc-editor #btn-add {
  color: #adc0ff !important;
  font-size: 14px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-templates-create"] .tpc-preview-col {
  top: 75px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-templates-create"] .tpc-preview {
  padding: 11px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-templates-create"] .tpc-preview > .flex:first-child {
  margin-bottom: 7px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-templates-create"] .tpc-preview #lang-pill {
  color: #ffffff6e !important;
  background: #2b2623 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-templates-create"] .tpc-preview .phone-frame {
  background: #151311 !important;
  border-radius: 19px !important;
  max-width: 206px !important;
  padding: 6px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-templates-create"] .tpc-preview .phone-screen {
  border-radius: 14px !important;
  min-height: 355px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-templates-create"] .tpc-preview .phone-bar {
  background: #075e54 !important;
  padding: 7px 9px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-templates-create"] .tpc-preview .phone-body {
  color: #2a2521 !important;
  background-color: #e9e3db !important;
  padding: 9px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-templates-create"] .tpc-preview .pp-bubble, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-templates-create"] .tpc-preview .pp-btn, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-templates-create"] .tpc-preview .pp-location > div {
  color: #2a2521 !important;
  background: #fff !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-templates-create"] .tpc-preview .text-ink-500 {
  color: #756d67 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-templates-create"] .tpc-preview .text-wa-deep {
  color: #075e54 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-templates-create"] .tpc-preview-col > .card:last-child {
  background: #211d1a !important;
  padding: 9px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-templates-create"] .tpc-preview-col > .card:last-child .text-ink-700 {
  color: #ffffff61 !important;
  font-size: 14px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-templates-create"] .tpc-ai-modal {
  background: #050908bf !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-templates-create"] .tpc-ai-modal > div {
  color: #ffffffa6;
  background: #181b1e !important;
  border-color: #ffffff1a !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-templates-create"] .tpc-ai-modal .bg-paper-0 {
  background: #181b1e !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-templates-create"] .tpc-ai-modal .bg-paper-50 {
  background: #211d1a !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-templates-create"] .tpc-ai-modal .border-paper-200 {
  border-color: #ffffff17 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-templates-create"] .tpc-ai-modal .text-ink-900 {
  color: #f8f6f4 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-templates-create"] .tpc-ai-modal .text-ink-700 {
  color: #ffffff9e !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-templates-create"] .tpc-ai-modal .text-ink-600 {
  color: #ffffff78 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-templates-create"] .tpc-ai-modal .text-ink-500 {
  color: #ffffff54 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-templates-create"] .tpc-ai-modal input, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-templates-create"] .tpc-ai-modal select, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-templates-create"] .tpc-ai-modal textarea {
  color: #f8f6f4 !important;
  background: #2b2623 !important;
  border-color: #ffffff1a !important;
}
@media (max-width: 760px) {
  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-templates-create"] .tpc-page {
    padding: 8px !important;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-templates-create"] .tpc-form {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-templates-create"] .tpc-preview-col {
    position: static !important;
  }
}
html[data-user-shell="slack"] body[data-page="user-templates-index"] .tplx-lay {
  grid-template-columns: 1fr;
  gap: 24px;
  display: grid;
}
@media (min-width: 1024px) {
  html[data-user-shell="slack"] body[data-page="user-templates-index"] .tplx-lay {
    grid-template-columns: 250px minmax(0, 1fr);
    gap: 34px;
  }
}
html[data-user-shell="slack"] body[data-page="user-templates-index"] .tplx-hero {
  border: 1px solid rgba(var(--shell-fg), .08);
  text-align: center;
  background: linear-gradient(120deg, #25d36614, #0000 42%, #25d36614);
  border-radius: 18px;
  flex-direction: column;
  align-items: center;
  margin-bottom: 22px;
  padding: 34px 40px;
  display: flex;
  position: relative;
  overflow: hidden;
}
html[data-user-shell="slack"] body[data-page="user-templates-index"] .tplx-hero:before {
  content: "";
  background-image: radial-gradient(rgba(var(--shell-fg), .1) 1px, transparent 1px);
  opacity: .4;
  pointer-events: none;
  background-size: 16px 16px;
  position: absolute;
  inset: 0;
}
html[data-user-shell="slack"] body[data-page="user-templates-index"] .tplx-hero h2 {
  letter-spacing: -.02em;
  color: var(--shell-ink);
  font-size: 23px;
  font-weight: 850;
  position: relative;
}
html[data-user-shell="slack"] body[data-page="user-templates-index"] .tplx-hero p {
  color: rgba(var(--shell-fg), .55);
  max-width: 620px;
  margin-top: 7px;
  font-size: 13.5px;
  font-weight: 600;
  position: relative;
}
html[data-user-shell="slack"] body[data-page="user-templates-index"] .tplx-doc {
  background: var(--shell-ring);
  border: 1px solid rgba(var(--shell-fg), .08);
  border-radius: 10px;
  width: 150px;
  padding: 13px;
  position: absolute;
  top: 26px;
  box-shadow: 0 18px 40px -18px #0006;
}
html[data-user-shell="slack"] body[data-page="user-templates-index"] .tplx-doc.l {
  left: 44px;
  transform: rotate(-6deg);
}
html[data-user-shell="slack"] body[data-page="user-templates-index"] .tplx-doc.r {
  right: 44px;
  transform: rotate(6deg);
}
html[data-user-shell="slack"] body[data-page="user-templates-index"] .tplx-doc .tag {
  letter-spacing: .08em;
  color: rgba(var(--shell-fg), .5);
  text-transform: uppercase;
  margin-bottom: 8px;
  font-size: 9px;
  font-weight: 850;
}
html[data-user-shell="slack"] body[data-page="user-templates-index"] .tplx-doc .bar {
  background: rgba(var(--shell-fg), .1);
  border-radius: 4px;
  height: 7px;
  margin-bottom: 7px;
}
html[data-user-shell="slack"] body[data-page="user-templates-index"] .tplx-doc .bar.g {
  background: #25d36659;
}
html[data-user-shell="slack"] body[data-page="user-templates-index"] .tplx-doc .bar.s {
  width: 62%;
  margin-bottom: 0;
}
@media (max-width: 1240px) {
  html[data-user-shell="slack"] body[data-page="user-templates-index"] .tplx-doc {
    display: none;
  }
}
html[data-user-shell="slack"] body[data-page="user-templates-index"] .tplx-hsearch {
  border: 1px solid rgba(var(--shell-fg), .1);
  background: var(--shell-ring);
  border-radius: 14px;
  align-items: stretch;
  width: min(680px, 100%);
  height: 48px;
  margin-top: 20px;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 0 14px 34px -18px #00000059;
}
html[data-user-shell="slack"] body[data-page="user-templates-index"] .tplx-hsearch input {
  font: inherit;
  outline: none;
  flex: 1;
  min-width: 0;
  padding: 0 18px;
  font-size: 13.5px;
  font-weight: 600;
  color: var(--shell-ink) !important;
  box-shadow: none !important;
  background: none !important;
  border: none !important;
}
html[data-user-shell="slack"] body[data-page="user-templates-index"] .tplx-hsearch input::placeholder {
  color: rgba(var(--shell-fg), .45);
}
html[data-user-shell="slack"] body[data-page="user-templates-index"] .tplx-hsearch .go {
  cursor: pointer;
  color: #fff;
  background: linear-gradient(135deg, #25d366, #25d366);
  border: none;
  place-items: center;
  width: 56px;
  display: grid;
}
html[data-user-shell="slack"] body[data-page="user-templates-index"] .tplx-hsearch .go svg {
  width: 17px;
  height: 17px;
}
html[data-user-shell="slack"] body[data-page="user-templates-index"] .tplx-sh {
  letter-spacing: .09em;
  color: rgba(var(--shell-fg), .5);
  text-transform: uppercase;
  margin-bottom: 10px;
  padding: 0 12px;
  font-size: 11.5px;
  font-weight: 850;
}
html[data-user-shell="slack"] body[data-page="user-templates-index"] .tplx-cat {
  width: 100%;
  font: inherit;
  color: rgba(var(--shell-fg), .55);
  cursor: pointer;
  text-align: start;
  background: none;
  border: 0;
  border-radius: 10px;
  justify-content: space-between;
  align-items: center;
  gap: 11px;
  padding: 9px 12px;
  font-size: 13.5px;
  font-weight: 700;
  transition: all .12s;
  display: flex;
}
html[data-user-shell="slack"] body[data-page="user-templates-index"] .tplx-cat:hover {
  color: var(--shell-ink);
  background: rgba(var(--shell-fg), .04);
}
html[data-user-shell="slack"] body[data-page="user-templates-index"] .tplx-cat.text-wa-deep {
  background: rgba(var(--shell-fg), .06);
  color: var(--shell-ink) !important;
}
html[data-user-shell="slack"] body[data-page="user-templates-index"] .tplx-cat.bg-wa-deep {
  color: #fff !important;
}
html[data-user-shell="slack"] body[data-page="user-templates-index"] .tplx-cat-l {
  text-overflow: ellipsis;
  white-space: nowrap;
  align-items: center;
  gap: 9px;
  min-width: 0;
  display: flex;
  overflow: hidden;
}
html[data-user-shell="slack"] body[data-page="user-templates-index"] .tplx-dot {
  border-radius: 50%;
  flex: none;
  width: 8px;
  height: 8px;
}
html[data-user-shell="slack"] body[data-page="user-templates-index"] .tplx-cnt {
  color: rgba(var(--shell-fg), .5);
  background: rgba(var(--shell-fg), .07);
  border-radius: 999px;
  flex: none;
  padding: 2px 8px;
  font-size: 11.5px;
  font-weight: 800;
}
html[data-user-shell="slack"] body[data-page="user-templates-index"] .tplx-cat.text-wa-deep .tplx-cnt, html[data-user-shell="slack"] body[data-page="user-templates-index"] .tplx-cat.bg-wa-deep .tplx-cnt {
  color: #4be389;
  background: #25d36633;
}
html[data-user-shell="slack"][data-shell-theme="light"] body[data-page="user-templates-index"] .tplx-cat.text-wa-deep .tplx-cnt, html[data-user-shell="slack"][data-shell-theme="light"] body[data-page="user-templates-index"] .tplx-cat.bg-wa-deep .tplx-cnt {
  color: #0e8b50;
}
html[data-user-shell="slack"] body[data-page="user-templates-index"] .tplx-hr {
  border: none;
  border-top: 1px solid rgba(var(--shell-fg), .08);
  margin: 16px 0;
}
html[data-user-shell="slack"] body[data-page="user-templates-index"] .tplx-tip {
  color: rgba(var(--shell-fg), .5);
  padding: 0 12px;
  font-size: 11.5px;
  font-weight: 600;
  line-height: 1.6;
}
html[data-user-shell="slack"] body[data-page="user-templates-index"] .tplx-tip a {
  color: #25d366;
  font-weight: 750;
}
html[data-user-shell="slack"] body[data-page="user-templates-index"] .tplx-frow {
  align-items: center;
  gap: 9px;
  margin: 18px 0 6px;
  display: flex;
  border: 0 !important;
  padding: 0 !important;
}
html[data-user-shell="slack"] body[data-page="user-templates-index"] .tplx-frow-sp {
  flex: 1;
}
html[data-user-shell="slack"] body[data-page="user-templates-index"] .tplx-chip-select {
  height: 38px;
  font: inherit;
  cursor: pointer;
  border-radius: 11px;
  padding: 0 13px;
  font-size: 13px;
  font-weight: 700;
  border: 1px solid rgba(var(--shell-fg), .1) !important;
  background: rgba(var(--shell-fg), .03) !important;
  color: var(--shell-ink) !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-forms-index"] .shell-pane {
  background: #0f1113 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-forms-index"] .waf-page {
  padding: 10px 14px 18px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-forms-index"] .waf-layout {
  display: block !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-forms-index"] .waf-local-aside {
  display: none !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-forms-index"] .waf-main {
  min-width: 0;
  gap: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-forms-index"] .waf-header {
  background: #211d1a;
  border: 1px solid #ffffff17;
  border-radius: 10px;
  min-height: 82px;
  padding: 12px 14px;
  box-shadow: 0 9px 24px #00000024;
  align-items: center !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-forms-index"] .waf-header .font-mono {
  color: #72e7a2 !important;
  margin-bottom: 4px !important;
  font-size: 14px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-forms-index"] .waf-header h1 {
  color: #fff;
  font-family: inherit;
  font-size: 23px !important;
  font-weight: 800 !important;
  line-height: 1.08 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-forms-index"] .waf-header h1 span {
  color: #fff !important;
  font-style: normal !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"])[data-theme="dark"] body[data-page="user-wa-forms-index"] .waf-header h1 span.text-wa-deep {
  color: #fff !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-forms-index"] .waf-header p {
  max-width: 460px;
  line-height: 1.4;
  color: #ffffff63 !important;
  margin-top: 5px !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-forms-index"] .waf-header > a {
  color: #06150b !important;
  background: #25d366 !important;
  border-radius: 8px !important;
  padding: 7px 11px !important;
  font-size: 14px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-forms-index"] .waf-kpis {
  gap: 8px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-forms-index"] .waf-kpis > div {
  min-height: 70px;
  background: #181b1e !important;
  border-color: #ffffff17 !important;
  border-radius: 9px !important;
  padding: 10px 11px !important;
  box-shadow: 0 8px 20px #0000001c !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"])[data-theme="dark"] body[data-page="user-wa-forms-index"] .waf-kpis > div.bg-paper-0 {
  background: #181b1e !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"])[data-theme="dark"] body[data-page="user-wa-forms-index"] .waf-kpis > div.border-paper-200 {
  border-color: #ffffff17 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-forms-index"] .waf-kpis .font-mono {
  color: #ffffff4d !important;
  font-size: 14px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-forms-index"] .waf-kpis .font-serif {
  font-family: inherit;
  font-weight: 800;
  color: #f8f6f4 !important;
  margin-top: 6px !important;
  font-size: 22px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-forms-index"] .waf-toolbar {
  background: #211d1a;
  border: 1px solid #ffffff17;
  border-radius: 9px;
  padding: 7px 8px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-forms-index"] .waf-toolbar [data-waf-tabs] {
  background: #181513;
  border-radius: 7px;
  padding: 2px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-forms-index"] .waf-toolbar [data-waf-status] {
  color: #ffffff61;
  border-radius: 6px;
  padding: 5px 8px;
  font-size: 14px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-forms-index"] .waf-toolbar [data-waf-status].active {
  color: #adc0ff;
  background: #5b8cff29;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-forms-index"] .waf-toolbar label {
  color: #ffffff47;
  max-width: 260px;
  margin-left: auto;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-forms-index"] .waf-toolbar input {
  height: 29px;
  color: #ffffffb3 !important;
  box-shadow: none !important;
  background: #2b2623 !important;
  border-color: #ffffff1a !important;
  border-radius: 7px !important;
  padding-block: 5px !important;
  font-size: 14px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-forms-index"] .waf-toolbar input::placeholder {
  color: #ffffff40;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-forms-index"] [data-waf-results] {
  text-align: right;
  min-width: 34px;
  color: #ffffff47 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-forms-index"] .waf-content {
  align-items: start;
  grid-template-columns: minmax(0, 1fr) 210px !important;
  gap: 9px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-forms-index"] .waf-table {
  min-width: 0;
  background: #181b1e !important;
  border-color: #ffffff17 !important;
  border-radius: 10px !important;
  box-shadow: 0 9px 22px #0000001f !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"])[data-theme="dark"] body[data-page="user-wa-forms-index"] .waf-table.bg-paper-0 {
  background: #181b1e !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"])[data-theme="dark"] body[data-page="user-wa-forms-index"] .waf-table.border-paper-200 {
  border-color: #ffffff17 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-forms-index"] .waf-table > .overflow-x-auto {
  scrollbar-color: #ffffff29 transparent;
  scrollbar-width: thin;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-forms-index"] .waf-table-head {
  color: #ffffff47 !important;
  background: #211d1a !important;
  border-color: #ffffff14 !important;
  grid-template-columns: minmax(150px, 1.6fr) 70px 44px 58px 148px !important;
  gap: 7px !important;
  min-width: 610px !important;
  padding: 8px 10px !important;
  font-size: 14px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-forms-index"] .waf-row {
  color: #ffffff87;
  min-height: 51px;
  border-color: #ffffff12 !important;
  grid-template-columns: minmax(150px, 1.6fr) 70px 44px 58px 148px !important;
  gap: 7px !important;
  min-width: 610px !important;
  padding: 8px 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-forms-index"] .waf-row:hover {
  background: #ffffff08 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-forms-index"] .waf-row .font-serif {
  font-family: inherit;
  font-weight: 700;
  color: #ffffffd1 !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-forms-index"] .waf-row .font-mono {
  color: #ffffff61 !important;
  font-size: 14px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-forms-index"] .waf-row .font-mono.mt-0\.5 {
  font-size: 14px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-forms-index"] .waf-row a.text-wa-deep {
  color: #adc0ff !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-forms-index"] .waf-row button, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-forms-index"] .waf-row > div:last-child > a {
  color: #ffffff80 !important;
  background: #2b2623 !important;
  border-color: #ffffff1a !important;
  border-radius: 6px !important;
  padding: 4px 6px !important;
  font-size: 14px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-forms-index"] .waf-row form:first-child button {
  color: #72e7a2 !important;
  background: #25d36626 !important;
  border-color: #0000 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-forms-index"] .waf-row form:last-child button {
  color: #ff8a75 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-forms-index"] .waf-table > div:last-child {
  color: #ffffff47 !important;
  border-color: #ffffff14 !important;
  padding: 8px 10px !important;
  font-size: 14px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-forms-index"] .waf-table > div:last-child .text-ink-900 {
  color: #ffffffad !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-forms-index"] .waf-preview {
  background: #181b1e;
  border: 1px solid #ffffff17;
  border-radius: 10px;
  padding: 10px;
  position: sticky;
  top: 10px;
  box-shadow: 0 9px 22px #0000001f;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"])[data-theme="dark"] body[data-page="user-wa-forms-index"] .waf-preview {
  border-color: #ffffff17 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-forms-index"] .waf-preview-label {
  color: #ffffff54;
  letter-spacing: .14em;
  text-transform: uppercase;
  align-items: center;
  gap: 6px;
  margin-bottom: 8px;
  font-size: 14px;
  font-weight: 700;
  display: flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-forms-index"] .waf-phone {
  background: #151b17;
  border: 1px solid #ffffff14;
  border-radius: 9px;
  min-height: 285px;
  padding: 10px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-forms-index"] .waf-phone-brand {
  border-bottom: 1px solid #ffffff12;
  align-items: center;
  gap: 7px;
  padding-bottom: 8px;
  display: flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-forms-index"] .waf-phone-avatar {
  color: #72e7a2;
  background: #25d36626;
  border-radius: 50%;
  place-items: center;
  width: 25px;
  height: 25px;
  font-size: 14px;
  font-weight: 800;
  display: grid;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-forms-index"] .waf-phone-brand div {
  display: grid;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-forms-index"] .waf-phone-brand strong {
  color: #ffffffc9;
  font-size: 14px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-forms-index"] .waf-phone-brand span {
  color: #ffffff47;
  font-size: 13px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-forms-index"] .waf-preview-title {
  color: #f8f6f4;
  margin-top: 10px;
  font-size: 10px;
  font-weight: 800;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-forms-index"] .waf-phone > p {
  color: #ffffff5c;
  margin-top: 3px;
  font-size: 14px;
  line-height: 1.4;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-forms-index"] .waf-preview-fields {
  gap: 6px;
  margin-top: 9px;
  display: grid;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-forms-index"] .waf-preview-fields > div {
  gap: 3px;
  display: grid;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-forms-index"] .waf-preview-fields span {
  color: #ffffff4f;
  font-size: 13px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-forms-index"] .waf-preview-fields b {
  color: #ffffff8a;
  background: #ffffff0a;
  border: 1px solid #ffffff17;
  border-radius: 6px;
  min-height: 25px;
  padding: 6px 7px;
  font-size: 14px;
  font-weight: 500;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-forms-index"] .waf-preview-button {
  color: #06150b;
  background: #25d366;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  min-height: 28px;
  margin-top: 9px;
  font-size: 14px;
  font-weight: 800;
  display: flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-forms-index"] .waf-preview-meta {
  color: #ffffff47;
  justify-content: space-between;
  margin-top: 7px;
  font-size: 13px;
  display: flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-forms-index"] .waf-preview-empty {
  text-align: center;
  align-content: center;
  gap: 5px;
  min-height: 188px;
  display: grid;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-forms-index"] .waf-preview-empty strong {
  color: #ffffffb8;
  font-size: 10px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-forms-index"] .waf-preview-empty span {
  color: #ffffff52;
  font-size: 14px;
  line-height: 1.5;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-forms-index"] .waf-preview-note {
  color: #ffffff3b;
  text-align: center;
  margin-top: 7px;
  font-size: 13px;
}
@media (max-width: 760px) {
  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-forms-index"] .waf-page {
    padding: 8px !important;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-forms-index"] .waf-header {
    flex-direction: column;
    align-items: flex-start !important;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-forms-index"] .waf-content {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-forms-index"] .waf-preview {
    position: static;
  }
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-forms-builder"] .shell-pane {
  background: #0f1113 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-forms-builder"] .wafb-header {
  min-height: 64px;
  box-shadow: 0 8px 22px #00000029;
  background: #211d1a !important;
  border-color: #ffffff17 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-forms-builder"] .wafb-header-inner {
  min-height: 63px;
  padding: 9px 14px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-forms-builder"] .wafb-header-inner > div:first-child {
  gap: 9px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-forms-builder"] .wafb-header-inner > div:first-child > a {
  color: #ffffffb3 !important;
  background: #ffffff0d !important;
  border-color: #ffffff1c !important;
  width: 28px !important;
  height: 28px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-forms-builder"] .wafb-header .font-mono {
  color: #72e7a2 !important;
  letter-spacing: .14em !important;
  font-size: 14px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-forms-builder"] .wafb-header .font-serif {
  color: #fff !important;
  font-family: inherit !important;
  font-size: 17px !important;
  font-weight: 800 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-forms-builder"] .wafb-header .font-serif span {
  color: #fff !important;
  font-style: normal !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-forms-builder"] .wafb-header-inner > div:last-child {
  gap: 6px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-forms-builder"] [data-status-badge] {
  color: #ffffff75 !important;
  background: #ffffff0f !important;
  padding: 4px 7px !important;
  font-size: 14px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-forms-builder"] [data-save-btn], html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-forms-builder"] [data-publish-btn] {
  min-height: 28px;
  border-radius: 7px !important;
  padding: 5px 9px !important;
  font-size: 14px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-forms-builder"] [data-save-btn] {
  color: #ffffffbf !important;
  background: #ffffff0d !important;
  border-color: #ffffff1f !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-forms-builder"] [data-publish-btn] {
  color: #06150b !important;
  background: #25d366 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-forms-builder"] .wafb-page {
  padding: 10px 14px 18px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-forms-builder"] .wafb-layout {
  grid-template-columns: 146px minmax(0, 1fr) 208px !important;
  align-items: start !important;
  gap: 9px !important;
  display: grid !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-forms-builder"] .wafb-layout > * {
  min-width: 0;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-forms-builder"] .wafb-drawer, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-forms-builder"] .wafb-basics, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-forms-builder"] .wafb-designer, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-forms-builder"] .wafb-after, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-forms-builder"] .wafb-preview, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-forms-builder"] .wafb-checklist {
  background: #181b1e !important;
  border-color: #ffffff17 !important;
  border-radius: 9px !important;
  box-shadow: 0 8px 20px #00000021 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-forms-builder"] .wafb-drawer {
  padding: 8px !important;
  top: 74px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-forms-builder"] .wafb-drawer > div:first-child {
  color: #ffffff57 !important;
  padding: 1px 3px 5px !important;
  font-size: 14px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-forms-builder"] .wafb-drawer > div.mt-2 {
  margin-top: 5px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-forms-builder"] .wafb-drawer > div.mt-2 > div:first-child {
  color: #ffffff3d !important;
  margin-bottom: 2px !important;
  padding: 0 3px !important;
  font-size: 12px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-forms-builder"] [data-add-kind] {
  min-height: 28px;
  color: #ffffffad !important;
  border-radius: 6px !important;
  gap: 6px !important;
  padding: 3px 4px !important;
  font-size: 14px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-forms-builder"] [data-add-kind]:hover {
  background: #ffffff0f !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-forms-builder"] [data-add-kind] > span:first-child {
  border: 1px solid #ffffff12;
  color: #72e7a2 !important;
  background: #ffffff0d !important;
  width: 21px !important;
  height: 21px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-forms-builder"] [data-add-kind] > span:first-child svg {
  width: 11px !important;
  height: 11px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-forms-builder"] [data-add-kind] > span:last-child {
  color: inherit !important;
  font-weight: 650 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-forms-builder"] .wafb-drawer > div:last-child {
  border-color: #ffffff14 !important;
  margin-top: 6px !important;
  padding-top: 7px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-forms-builder"] [data-add-screen] {
  min-height: 30px;
  line-height: 1.25;
  color: #72e7a2 !important;
  background: #25d3660f !important;
  border-color: #72e7a247 !important;
  border-radius: 6px !important;
  padding: 5px !important;
  font-size: 14px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-forms-builder"] .wafb-editor {
  gap: 9px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-forms-builder"] .wafb-basics {
  padding: 11px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-forms-builder"] .wafb-basics > div:first-child {
  margin-bottom: 8px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-forms-builder"] .wafb-basics h2, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-forms-builder"] .wafb-designer h2 {
  color: #f7f5f3 !important;
  font-family: inherit !important;
  font-size: 11px !important;
  font-weight: 800 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-forms-builder"] .wafb-basics svg, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-forms-builder"] .wafb-designer svg {
  color: #72e7a2 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-forms-builder"] .wafb-basics > div.grid {
  gap: 7px !important;
  margin-bottom: 7px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-forms-builder"] .wafb-basics > div.grid:nth-of-type(2) {
  grid-template-columns: minmax(0, 1fr) 108px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-forms-builder"] .wafb-basics > div.grid:nth-of-type(3) {
  grid-template-columns: 94px minmax(0, 1fr) !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-forms-builder"] .wafb-basics > div.grid:nth-of-type(3) .col-span-2 {
  grid-column: auto !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-forms-builder"] .wafb-basics > div.grid:nth-of-type(4) {
  grid-template-columns: 106px minmax(0, 1fr) !important;
  margin-top: 7px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-forms-builder"] .wafb-basics > label {
  margin-bottom: 7px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-forms-builder"] .wafb-basics label > span:first-child {
  color: #ffffff7a !important;
  margin-bottom: 3px !important;
  font-size: 14px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-forms-builder"] .wafb-basics label > span:last-child {
  color: #ffffff3d !important;
  margin-top: 3px !important;
  font-size: 12px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-forms-builder"] .wafb-basics input, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-forms-builder"] .wafb-basics textarea, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-forms-builder"] .wafb-basics select, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-forms-builder"] .wafb-designer input, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-forms-builder"] .wafb-designer textarea, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-forms-builder"] .wafb-designer select {
  min-height: 28px;
  color: #ffffffc7 !important;
  background: #0f1113 !important;
  border-color: #ffffff1a !important;
  border-radius: 6px !important;
  padding: 5px 7px !important;
  font-size: 14px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-forms-builder"] .wafb-basics textarea {
  resize: vertical;
  min-height: 44px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-forms-builder"] .wafb-basics input::placeholder, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-forms-builder"] .wafb-basics textarea::placeholder, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-forms-builder"] .wafb-designer input::placeholder {
  color: #ffffff36 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-forms-builder"] .wafb-designer > div:first-child {
  border-color: #ffffff14 !important;
  padding: 8px 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-forms-builder"] [data-fields-count] {
  color: #ffffff4d !important;
  font-size: 14px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-forms-builder"] [data-screens] {
  padding: 8px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-forms-builder"] [data-screens] > div {
  background: #211d1a !important;
  border-color: #ffffff17 !important;
  border-radius: 7px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-forms-builder"] [data-screens] > div > div:first-child {
  background: #ffffff08 !important;
  border-color: #ffffff14 !important;
  padding: 6px 7px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-forms-builder"] [data-screens] > div > div:first-child > span {
  color: #ffffff4f !important;
  font-size: 12px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-forms-builder"] [data-screen-label] {
  min-width: 0;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-forms-builder"] [data-screen-del] {
  color: #ff8c7c !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-forms-builder"] [data-fields] {
  padding: 7px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-forms-builder"] [data-fields] > div {
  background: #20242a !important;
  border-color: #ffffff14 !important;
  border-radius: 6px !important;
  padding: 7px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-forms-builder"] [data-fields] > div > div:first-child {
  gap: 4px !important;
  margin-bottom: 6px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-forms-builder"] [data-fields] [data-up], html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-forms-builder"] [data-fields] [data-down], html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-forms-builder"] [data-fields] [data-del] {
  width: 20px !important;
  height: 20px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-forms-builder"] [data-fields] [data-up], html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-forms-builder"] [data-fields] [data-down] {
  color: #ffffff57 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-forms-builder"] [data-fields] [data-del] {
  color: #ff8c7c !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-forms-builder"] [data-fields] div > span.font-mono {
  color: #ffffff4d !important;
  font-size: 12px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-forms-builder"] [data-fields] div > span.bg-paper-100 {
  color: #72e7a2 !important;
  background: #72e7a21a !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-forms-builder"] [data-fields] label {
  color: #ffffff6e !important;
  font-size: 14px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-forms-builder"] [data-fields] > div > .grid {
  gap: 5px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-forms-builder"] [data-options] {
  gap: 4px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-forms-builder"] [data-options] + * {
  font-size: 14px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-forms-builder"] [data-add-option] {
  color: #06150b !important;
  background: #25d366 !important;
  font-size: 14px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-forms-builder"] [data-fields] > div > div.mt-2 {
  background: #ffffff08 !important;
  border-color: #ffffff14 !important;
  margin-top: 6px !important;
  padding: 6px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-forms-builder"] .wafb-after {
  color: #ffffff78 !important;
  padding: 9px !important;
  font-size: 14px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-forms-builder"] .wafb-after > div {
  font-size: 14px;
  color: #ffffffb8 !important;
  margin-bottom: 3px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-forms-builder"] .wafb-after p {
  line-height: 1.45;
  color: #ffffff4d !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-forms-builder"] .wafb-preview-col {
  gap: 9px !important;
  top: 74px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-forms-builder"] .wafb-preview > div:first-child {
  background: #ffffff08 !important;
  border-color: #ffffff14 !important;
  padding: 8px 9px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-forms-builder"] .wafb-preview > div:first-child > div, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-forms-builder"] .wafb-preview > div:first-child > span {
  color: #ffffff4f !important;
  font-size: 12px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-forms-builder"] .wafb-preview > div:nth-child(2) {
  background-color: #15181b !important;
  background-image: radial-gradient(#ffffff0a .7px, #0000 .7px) !important;
  background-size: 8px 8px !important;
  min-height: 0 !important;
  padding: 9px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-forms-builder"] .wafb-preview > div:nth-child(2) > div {
  border: 1px solid #ffffff14;
  color: #ffffffb8 !important;
  background: #20242a !important;
  border-radius: 7px !important;
  max-width: none !important;
  padding: 8px !important;
  box-shadow: 0 6px 16px #0000002e !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-forms-builder"] .wafb-preview > div:nth-child(2) > div.mt-3 {
  margin-top: 7px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-forms-builder"] [data-preview-greet], html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-forms-builder"] [data-preview-screen-label] {
  color: #ffffffc2 !important;
  font-size: 14px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-forms-builder"] [data-preview-open] {
  color: #72e7a2 !important;
  font-size: 14px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-forms-builder"] [data-preview-fields] {
  gap: 5px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-forms-builder"] [data-preview-fields] > div, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-forms-builder"] [data-preview-fields] label, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-forms-builder"] [data-preview-fields] div {
  color: #ffffff75 !important;
  font-size: 14px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-forms-builder"] [data-preview-fields] input, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-forms-builder"] [data-preview-fields] textarea, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-forms-builder"] [data-preview-fields] select {
  min-height: 23px;
  color: #ffffff8a !important;
  background: #0f1113 !important;
  border-color: #ffffff17 !important;
  border-radius: 5px !important;
  padding: 4px 5px !important;
  font-size: 14px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-forms-builder"] [data-preview-button] {
  min-height: 27px;
  color: #06150b !important;
  background: #25d366 !important;
  border-radius: 6px !important;
  margin-top: 7px !important;
  padding: 5px 7px !important;
  font-size: 14px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-forms-builder"] .wafb-checklist {
  line-height: 1.5;
  color: #ffffff57 !important;
  padding: 9px !important;
  font-size: 14px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-forms-builder"] .wafb-checklist > div {
  font-size: 14px;
  color: #ffffffb3 !important;
  margin-bottom: 4px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-forms-builder"] .wafb-checklist ul {
  gap: 2px !important;
  padding-left: 13px !important;
}
@media (max-width: 760px) {
  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-forms-builder"] .wafb-header-inner {
    flex-direction: column;
    align-items: flex-start !important;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-forms-builder"] .wafb-layout {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-forms-builder"] .wafb-drawer, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-forms-builder"] .wafb-preview-col {
    position: static !important;
  }
}
html[data-user-shell="slack"]:not([data-shell-theme="light"])[data-theme="dark"] body[data-page="user-wa-forms-builder"] .wafb-header.bg-paper-0 {
  background: #211d1a !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"])[data-theme="dark"] body[data-page="user-wa-forms-builder"] .wafb-drawer.bg-paper-0, html[data-user-shell="slack"]:not([data-shell-theme="light"])[data-theme="dark"] body[data-page="user-wa-forms-builder"] .wafb-basics.bg-paper-0, html[data-user-shell="slack"]:not([data-shell-theme="light"])[data-theme="dark"] body[data-page="user-wa-forms-builder"] .wafb-designer.bg-paper-0, html[data-user-shell="slack"]:not([data-shell-theme="light"])[data-theme="dark"] body[data-page="user-wa-forms-builder"] .wafb-after.bg-paper-0, html[data-user-shell="slack"]:not([data-shell-theme="light"])[data-theme="dark"] body[data-page="user-wa-forms-builder"] .wafb-preview.bg-paper-0, html[data-user-shell="slack"]:not([data-shell-theme="light"])[data-theme="dark"] body[data-page="user-wa-forms-builder"] .wafb-checklist.bg-paper-0 {
  background: #181b1e !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"])[data-theme="dark"] body[data-page="user-wa-forms-builder"] [data-screens] > div {
  background: #211d1a !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"])[data-theme="dark"] body[data-page="user-wa-forms-builder"] [data-fields] > div {
  background: #20242a !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"])[data-theme="dark"] body[data-page="user-wa-forms-builder"] [data-add-kind] > span:first-child, html[data-user-shell="slack"]:not([data-shell-theme="light"])[data-theme="dark"] body[data-page="user-wa-forms-builder"] [data-fields] > div > div.mt-2, html[data-user-shell="slack"]:not([data-shell-theme="light"])[data-theme="dark"] body[data-page="user-wa-forms-builder"] .wafb-preview > div:first-child {
  background: #ffffff0a !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"])[data-theme="dark"] body[data-page="user-wa-forms-builder"] input[data-wf], html[data-user-shell="slack"]:not([data-shell-theme="light"])[data-theme="dark"] body[data-page="user-wa-forms-builder"] textarea[data-wf], html[data-user-shell="slack"]:not([data-shell-theme="light"])[data-theme="dark"] body[data-page="user-wa-forms-builder"] select[data-wf], html[data-user-shell="slack"]:not([data-shell-theme="light"])[data-theme="dark"] body[data-page="user-wa-forms-builder"] input[data-screen-label], html[data-user-shell="slack"]:not([data-shell-theme="light"])[data-theme="dark"] body[data-page="user-wa-forms-builder"] input[data-label], html[data-user-shell="slack"]:not([data-shell-theme="light"])[data-theme="dark"] body[data-page="user-wa-forms-builder"] input[data-hint], html[data-user-shell="slack"]:not([data-shell-theme="light"])[data-theme="dark"] body[data-page="user-wa-forms-builder"] [data-options] input, html[data-user-shell="slack"]:not([data-shell-theme="light"])[data-theme="dark"] body[data-page="user-wa-forms-builder"] [data-preview-fields] input, html[data-user-shell="slack"]:not([data-shell-theme="light"])[data-theme="dark"] body[data-page="user-wa-forms-builder"] [data-preview-fields] textarea, html[data-user-shell="slack"]:not([data-shell-theme="light"])[data-theme="dark"] body[data-page="user-wa-forms-builder"] [data-preview-fields] select {
  color: #ffffffb8 !important;
  background: #0f1113 !important;
  border-color: #ffffff1a !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"])[data-theme="dark"] body[data-page="user-wa-forms-builder"] [data-save-btn].bg-paper-0.border-paper-200 {
  color: #ffffffb8 !important;
  background: #ffffff0d !important;
  border-color: #ffffff1f !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"])[data-theme="dark"] body[data-page="user-wa-forms-builder"] .shell-pane .wafb-layout input:not([type="checkbox"]):not([type="radio"]):not([type="color"]):not([type="file"]), html[data-user-shell="slack"]:not([data-shell-theme="light"])[data-theme="dark"] body[data-page="user-wa-forms-builder"] .shell-pane .wafb-layout textarea, html[data-user-shell="slack"]:not([data-shell-theme="light"])[data-theme="dark"] body[data-page="user-wa-forms-builder"] .shell-pane .wafb-layout select {
  color: #ffffffb8 !important;
  background: #0f1113 !important;
  border-color: #ffffff1a !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-forms-submissions"] .shell-pane {
  background: #0f1113 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-forms-submissions"] .wafs-page {
  gap: 9px;
  display: grid;
  padding: 10px 14px 18px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-forms-submissions"] .wafs-header {
  background: #211d1a;
  border: 1px solid #ffffff17;
  border-radius: 10px;
  min-height: 82px;
  padding: 12px 14px;
  box-shadow: 0 9px 24px #00000024;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-forms-submissions"] .wafs-header > div:first-child {
  max-width: 470px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-forms-submissions"] .wafs-header .font-mono {
  color: #72e7a2 !important;
  font-size: 14px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-forms-submissions"] .wafs-header .font-mono a {
  color: inherit !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-forms-submissions"] .wafs-header h1 {
  color: #fff;
  margin-top: 4px;
  font-size: 22px;
  font-weight: 800;
  font-family: inherit !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-forms-submissions"] .wafs-header p {
  color: #ffffff61;
  margin-top: 5px;
  font-size: 14px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-forms-submissions"] .wafs-actions a {
  border-radius: 7px;
  min-height: 29px;
  padding: 6px 10px;
  font-size: 14px;
  font-weight: 750;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-forms-submissions"] .wafs-back {
  color: #ffffffad !important;
  background: #ffffff0d !important;
  border-color: #ffffff1c !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-forms-submissions"] .wafs-export {
  color: #06150b !important;
  background: #25d366 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-forms-submissions"] .wafs-stats {
  gap: 8px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-forms-submissions"] .wafs-stats > div {
  border-radius: 8px;
  align-content: center;
  min-height: 68px;
  padding: 9px 11px;
  display: grid;
  box-shadow: 0 7px 18px #0000001c;
  background: #181b1e !important;
  border-color: #ffffff17 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-forms-submissions"] .wafs-stats span {
  color: #ffffff57;
  text-transform: uppercase;
  letter-spacing: .12em;
  font-size: 14px;
  font-weight: 700;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-forms-submissions"] .wafs-stats strong {
  color: #f8f6f4;
  margin-top: 2px;
  font-size: 18px;
  line-height: 1.05;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-forms-submissions"] .wafs-stats small {
  color: #ffffff3d;
  margin-top: 3px;
  font-size: 13px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-forms-submissions"] .wafs-toolbar {
  background: #181b1e;
  border: 1px solid #ffffff17;
  border-radius: 8px;
  min-height: 40px;
  padding: 6px 8px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-forms-submissions"] .wafs-search {
  color: #ffffff4f;
  background: #0f1113;
  border: 1px solid #ffffff17;
  border-radius: 6px;
  width: min(330px, 72%);
  height: 28px;
  padding: 0 8px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-forms-submissions"] .wafs-search svg {
  flex: none;
  width: 12px;
  height: 12px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-forms-submissions"] .wafs-search input {
  outline: 0;
  width: 100%;
  min-width: 0;
  color: #ffffffb8 !important;
  box-shadow: none !important;
  background: none !important;
  border: 0 !important;
  font-size: 14px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-forms-submissions"] .wafs-search input::placeholder {
  color: #ffffff3d;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-forms-submissions"] [data-wafs-count] {
  color: #ffffff47;
  font-size: 14px;
  font-weight: 700;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-forms-submissions"] .wafs-table-panel, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-forms-submissions"] .wafs-empty {
  overflow: hidden;
  background: #181b1e !important;
  border-color: #ffffff17 !important;
  border-radius: 9px !important;
  box-shadow: 0 9px 22px #00000021 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-forms-submissions"] .wafs-table-scroll {
  max-width: 100%;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-forms-submissions"] .wafs-table {
  color: #ffffff9e;
  min-width: 700px;
  font-size: 14px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-forms-submissions"] .wafs-table thead {
  background: #ffffff08;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-forms-submissions"] .wafs-table th {
  color: #ffffff4a;
  letter-spacing: .11em;
  text-align: left;
  text-transform: uppercase;
  white-space: nowrap;
  padding: 8px 9px;
  font-size: 13px;
  font-weight: 750;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-forms-submissions"] .wafs-table td {
  overflow-wrap: anywhere;
  border-top: 1px solid #ffffff12;
  max-width: 155px;
  padding: 8px 9px;
  line-height: 1.35;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-forms-submissions"] .wafs-table tr:hover td {
  background: #ffffff06;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-forms-submissions"] .wafs-date {
  color: #ffffff8f;
  white-space: nowrap;
  min-width: 82px;
  font-weight: 650;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-forms-submissions"] .wafs-date small {
  color: #ffffff40;
  margin-top: 2px;
  font-size: 13px;
  display: block;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-forms-submissions"] .wafs-contact {
  color: #ffffffc4;
  min-width: 86px;
  font-weight: 700;
  display: inline-flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-forms-submissions"] .wafs-phone {
  color: #72e7a2;
  min-width: 92px;
  font-family: var(--font-mono);
  white-space: nowrap;
  font-size: 14px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-forms-submissions"] .wafs-no-match {
  color: #ffffff4f;
  text-align: center;
  border-top: 1px solid #ffffff12;
  padding: 22px;
  font-size: 14px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-forms-submissions"] .wafs-empty {
  place-content: center;
  min-height: 235px;
  padding: 25px;
  display: grid;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-forms-submissions"] .wafs-empty-icon {
  color: #72e7a2;
  background: #25d3661f;
  border-radius: 9px;
  place-items: center;
  width: 34px;
  height: 34px;
  margin: 0 auto 9px;
  font-size: 14px;
  display: grid;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-forms-submissions"] .wafs-empty strong {
  color: #ffffffc2;
  font-size: 12px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-forms-submissions"] .wafs-empty p {
  color: #ffffff4f;
  max-width: 330px;
  margin-top: 5px;
  font-size: 14px;
  line-height: 1.5;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-forms-submissions"] .wafs-pagination {
  color: #ffffff73;
  font-size: 14px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"])[data-theme="dark"] body[data-page="user-wa-forms-submissions"] .wafs-stats > div.bg-paper-0, html[data-user-shell="slack"]:not([data-shell-theme="light"])[data-theme="dark"] body[data-page="user-wa-forms-submissions"] .wafs-table-panel.bg-paper-0, html[data-user-shell="slack"]:not([data-shell-theme="light"])[data-theme="dark"] body[data-page="user-wa-forms-submissions"] .wafs-empty.bg-paper-0 {
  background: #181b1e !important;
  border-color: #ffffff17 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"])[data-theme="dark"] body[data-page="user-wa-forms-submissions"] .wafs-actions .wafs-back.bg-paper-0.border-paper-200 {
  color: #ffffffad !important;
  background: #ffffff0d !important;
  border-color: #ffffff1c !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"])[data-theme="dark"] body[data-page="user-wa-forms-submissions"] .wafs-toolbar .wafs-search input[type="search"] {
  background: none !important;
}
@media (max-width: 760px) {
  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-forms-submissions"] .wafs-page {
    padding: 8px !important;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-forms-submissions"] .wafs-header {
    flex-direction: column;
    align-items: flex-start !important;
  }
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-links-index"] .shell-pane {
  background: #0f1113 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-links-index"] .wal-page {
  padding: 10px 14px 18px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-links-index"] .wal-layout {
  display: block !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-links-index"] .wal-local-aside {
  display: none !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-links-index"] .wal-main {
  min-width: 0;
  gap: 9px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-links-index"] .wal-header {
  background: #211d1a;
  border: 1px solid #ffffff17;
  border-radius: 10px;
  min-height: 82px;
  padding: 12px 14px;
  box-shadow: 0 9px 24px #00000024;
  align-items: center !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-links-index"] .wal-header .font-mono {
  color: #72e7a2 !important;
  margin-bottom: 4px !important;
  font-size: 14px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-links-index"] .wal-header h1 {
  color: #fff;
  font-family: inherit !important;
  font-size: 23px !important;
  font-weight: 800 !important;
  line-height: 1.08 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-links-index"] .wal-header h1 span {
  color: #fff !important;
  font-style: normal !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"])[data-theme="dark"] body[data-page="user-wa-links-index"] .wal-header h1 span.text-wa-deep {
  color: #fff !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-links-index"] .wal-header p {
  max-width: 475px;
  line-height: 1.4;
  color: #ffffff61 !important;
  margin-top: 5px !important;
  font-size: 14px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-links-index"] .wal-header > div:last-child {
  gap: 6px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-links-index"] .wal-header > div:last-child > span {
  color: #72e7a2 !important;
  background: #25d36614 !important;
  border-color: #25d36633 !important;
  padding: 5px 7px !important;
  font-size: 14px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-links-index"] .wal-header > div:last-child > a {
  min-height: 29px;
  color: #06150b !important;
  background: #25d366 !important;
  border-radius: 7px !important;
  padding: 6px 10px !important;
  font-size: 14px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-links-index"] .wal-kpis {
  gap: 8px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-links-index"] .wal-kpis > div {
  min-height: 68px;
  background: #181b1e !important;
  border-color: #ffffff17 !important;
  border-radius: 8px !important;
  padding: 9px 11px !important;
  box-shadow: 0 7px 18px #0000001c !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-links-index"] .wal-kpis .font-mono {
  color: #ffffff4f !important;
  font-size: 13px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-links-index"] .wal-kpis > div > div:last-child {
  margin-top: 5px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-links-index"] .wal-kpis .font-serif {
  color: #f8f6f4 !important;
  font-family: inherit !important;
  font-size: 18px !important;
  font-weight: 800 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-links-index"] .wal-kpis .text-ink-500 {
  color: #ffffff40 !important;
  font-size: 13px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-links-index"] .wal-panel {
  background: #181b1e !important;
  border-color: #ffffff17 !important;
  border-radius: 9px !important;
  box-shadow: 0 9px 22px #00000021 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-links-index"] .wal-toolbar {
  min-height: 44px;
  border-color: #ffffff14 !important;
  padding: 7px 9px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-links-index"] .wal-statuses {
  border: 1px solid #ffffff12;
  background: #0f1113 !important;
  border-radius: 7px !important;
  padding: 2px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-links-index"] .status-tab {
  min-height: 25px;
  color: #ffffff63 !important;
  background: none !important;
  border-radius: 5px !important;
  padding: 4px 8px !important;
  font-size: 14px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-links-index"] .status-tab.active {
  color: #f8f6f4 !important;
  background: #ffffff17 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-links-index"] .status-tab span {
  font-size: 12px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-links-index"] .wal-toolbar > div:last-child {
  min-width: 225px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-links-index"] .wal-toolbar .relative {
  width: 100%;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-links-index"] .wal-toolbar svg {
  color: #ffffff45 !important;
  width: 11px !important;
  height: 11px !important;
  left: 9px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-links-index"] [data-wal-search] {
  min-height: 29px;
  color: #ffffffb3 !important;
  background: #0f1113 !important;
  border-color: #ffffff17 !important;
  border-radius: 6px !important;
  width: 100% !important;
  padding: 5px 8px 5px 27px !important;
  font-size: 14px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-links-index"] [data-wal-search]::placeholder {
  color: #ffffff3b !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-links-index"] .wal-table-head, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-links-index"] .wal-row {
  grid-template-columns: minmax(0, 1.55fr) 88px 48px 60px 70px 108px !important;
  gap: 5px !important;
  min-width: 0 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-links-index"] .wal-table-head {
  color: #ffffff47 !important;
  background: #ffffff08 !important;
  border-color: #ffffff14 !important;
  padding: 7px 9px !important;
  font-size: 12px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-links-index"] .wal-row {
  min-height: 51px;
  border-color: #ffffff12 !important;
  padding: 7px 9px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-links-index"] .wal-row:hover {
  background: #ffffff06 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-links-index"] .wal-row > div:first-child {
  gap: 7px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-links-index"] .wal-row > div:first-child > span {
  border: 1px solid #ffffff12;
  color: #72e7a2 !important;
  background: #ffffff0a !important;
  border-radius: 6px !important;
  width: 27px !important;
  height: 27px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-links-index"] .wal-row > div:first-child > span svg {
  width: 12px !important;
  height: 12px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-links-index"] .wal-row a.font-semibold {
  color: #ffffffc2 !important;
  font-size: 14px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-links-index"] .wal-row a.font-semibold + span {
  color: #72e7a2 !important;
  background: #25d36617 !important;
  padding: 2px 4px !important;
  font-size: 11px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-links-index"] .wal-row a.font-semibold + span .rounded-full {
  width: 4px !important;
  height: 4px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-links-index"] .wal-row > div:first-child .text-ink-500 {
  color: #ffffff45 !important;
  font-size: 13px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-links-index"] .wal-row > div:nth-child(2), html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-links-index"] .wal-row > div:nth-child(3), html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-links-index"] .wal-row > div:nth-child(4), html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-links-index"] .wal-row > div:nth-child(5) {
  color: #ffffff80 !important;
  font-size: 14px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-links-index"] .wal-row > div:nth-child(5) > div:first-child {
  color: #ffffffa1 !important;
  font-size: 14px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-links-index"] .wal-row > div:nth-child(5) > div:last-child {
  color: #ffffff3b !important;
  font-size: 12px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-links-index"] .wal-row > div:last-child {
  gap: 1px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-links-index"] .wal-row > div:last-child > a, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-links-index"] .wal-row > div:last-child > button, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-links-index"] .wal-row > div:last-child > form button {
  color: #ffffff61 !important;
  width: 20px !important;
  height: 20px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-links-index"] .wal-row > div:last-child svg {
  width: 10px !important;
  height: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-links-index"] .wal-row [data-delete] {
  color: #ff8c7c !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-links-index"] .wal-empty {
  padding: 34px 20px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-links-index"] .wal-empty .font-serif {
  font-weight: 800;
  color: #ffffffba !important;
  font-family: inherit !important;
  font-size: 12px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-links-index"] .wal-empty p {
  color: #ffffff4f !important;
  font-size: 14px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-links-index"] .wal-empty a {
  color: #06150b !important;
  background: #25d366 !important;
  border-radius: 7px !important;
  font-size: 14px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-links-index"] .wal-footer {
  min-height: 34px;
  color: #ffffff45 !important;
  border-color: #ffffff14 !important;
  padding: 7px 9px !important;
  font-size: 14px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-links-index"] .wal-footer .text-ink-900 {
  color: #ffffffa1 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-links-index"] .wal-footer > div:last-child {
  font-size: 12px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"])[data-theme="dark"] body[data-page="user-wa-links-index"] .wal-kpis > div.bg-paper-0, html[data-user-shell="slack"]:not([data-shell-theme="light"])[data-theme="dark"] body[data-page="user-wa-links-index"] .wal-panel.bg-paper-0 {
  background: #181b1e !important;
  border-color: #ffffff17 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"])[data-theme="dark"] body[data-page="user-wa-links-index"] .wal-toolbar input[type="search"] {
  background: #0f1113 !important;
  border-color: #ffffff17 !important;
}
@media (max-width: 760px) {
  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-links-index"] .wal-page {
    padding: 8px !important;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-links-index"] .wal-header {
    flex-direction: column;
    align-items: flex-start !important;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-links-index"] .wal-table-head, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-links-index"] .wal-row {
    min-width: 680px !important;
  }
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-links-builder"] .shell-pane {
  background: #0f1113 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-links-builder"] .walb-header {
  min-height: 64px;
  box-shadow: 0 8px 22px #00000029;
  background: #211d1a !important;
  border-color: #ffffff17 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-links-builder"] .walb-header-inner {
  min-height: 63px;
  padding: 9px 14px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-links-builder"] .walb-header-inner > div:first-child {
  gap: 9px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-links-builder"] .walb-header-inner > div:first-child > a {
  color: #ffffffb3 !important;
  background: #ffffff0d !important;
  border-color: #ffffff1c !important;
  width: 28px !important;
  height: 28px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-links-builder"] .walb-header .font-mono {
  color: #72e7a2 !important;
  font-size: 14px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-links-builder"] .walb-header .font-serif {
  color: #fff !important;
  font-family: inherit !important;
  font-size: 17px !important;
  font-weight: 800 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-links-builder"] .walb-header .font-serif span {
  color: #fff !important;
  font-style: normal !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-links-builder"] #wcl-state-pill {
  color: #ffffff6b !important;
  background: #ffffff0f !important;
  padding: 4px 7px !important;
  font-size: 14px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-links-builder"] #wcl-save {
  min-height: 28px;
  color: #ffffffb8 !important;
  background: #ffffff0d !important;
  border-color: #ffffff1f !important;
  border-radius: 7px !important;
  padding: 5px 9px !important;
  font-size: 14px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-links-builder"] .walb-page {
  padding: 10px 14px 18px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-links-builder"] .walb-layout {
  grid-template-columns: minmax(0, 1fr) 208px !important;
  gap: 9px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-links-builder"] .walb-layout > * {
  min-width: 0;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-links-builder"] .walb-editor, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-links-builder"] .walb-preview {
  background: #181b1e !important;
  border-color: #ffffff17 !important;
  border-radius: 9px !important;
  box-shadow: 0 9px 22px #00000021 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-links-builder"] .walb-stepper {
  background: #ffffff08 !important;
  border-color: #ffffff14 !important;
  padding: 9px 11px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-links-builder"] #wcl-stepper {
  min-height: 31px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-links-builder"] #wcl-stepper .step-node {
  gap: 6px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-links-builder"] #wcl-stepper .dot {
  color: #ffffff70 !important;
  width: 22px !important;
  height: 22px !important;
  box-shadow: none !important;
  background: #0f1113 !important;
  border-color: #ffffff21 !important;
  font-size: 14px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-links-builder"] #wcl-stepper .step-node:has(.dot.text-paper-0) .dot, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-links-builder"] #wcl-stepper .step-node:has(.dot.text-wa-deep) .dot {
  color: #72e7a2 !important;
  border-color: #25d36673 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-links-builder"] #wcl-stepper .lab {
  color: #ffffff61 !important;
  font-size: 14px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-links-builder"] #wcl-stepper .bar {
  background: #ffffff17 !important;
  height: 1px !important;
  margin: 0 6px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-links-builder"] .walb-body {
  min-height: 255px;
  padding: 12px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-links-builder"] .step-pane > div:first-child {
  margin-bottom: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-links-builder"] .step-pane > div:first-child > span:first-child {
  border: 1px solid #72e7a229;
  color: #72e7a2 !important;
  background: #25d36614 !important;
  width: 21px !important;
  height: 21px !important;
  font-size: 12px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-links-builder"] .step-pane > div:first-child > .font-serif {
  font-weight: 800;
  color: #ffffffd1 !important;
  font-family: inherit !important;
  font-size: 12px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-links-builder"] .step-pane > div:first-child > .font-mono {
  color: #ffffff42 !important;
  font-size: 12px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-links-builder"] .walb-body .grid {
  gap: 8px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-links-builder"] .walb-body .mb-4 {
  margin-bottom: 9px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-links-builder"] .walb-body label, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-links-builder"] .walb-body .font-semibold.text-ink-700 {
  color: #ffffff7a !important;
  margin-bottom: 3px !important;
  font-size: 14px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-links-builder"] .walb-body label + input, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-links-builder"] .walb-body label + select, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-links-builder"] .walb-body label + textarea {
  margin-top: 0 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-links-builder"] .walb-body input:not([type="hidden"]), html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-links-builder"] .walb-body textarea, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-links-builder"] .walb-body select {
  min-height: 29px;
  color: #ffffffb8 !important;
  background: #0f1113 !important;
  border-color: #ffffff1a !important;
  border-radius: 6px !important;
  padding: 5px 7px !important;
  font-size: 14px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-links-builder"] .walb-body textarea {
  resize: vertical;
  min-height: 85px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-links-builder"] .walb-body input::placeholder, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-links-builder"] .walb-body textarea::placeholder {
  color: #ffffff36 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-links-builder"] .walb-body .text-ink-500 {
  line-height: 1.4;
  color: #ffffff40 !important;
  font-size: 13px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-links-builder"] .walb-body .iti {
  width: 100%;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-links-builder"] .walb-body .iti__selected-country-primary {
  border-right: 1px solid #ffffff14;
  background: #ffffff08 !important;
  padding: 0 7px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-links-builder"] .walb-body [data-wcl-phone] {
  padding-left: 85px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-links-builder"] #wcl-prev-bubble {
  color: #ffffffad !important;
  background: #25d36612 !important;
  border-color: #25d36629 !important;
  border-radius: 7px !important;
  max-width: none !important;
  padding: 8px !important;
  font-size: 14px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-links-builder"] .step-pane[data-step="2"] > div:last-child {
  background: #ffffff08 !important;
  border-color: #ffffff14 !important;
  padding: 8px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-links-builder"] .step-pane[data-step="3"] > .grid {
  grid-template-columns: minmax(0, 1fr) 130px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-links-builder"] .step-pane[data-step="3"] > .border-t {
  border-color: #ffffff14 !important;
  padding-top: 9px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-links-builder"] #wcl-mint-block {
  background: #25d3660f !important;
  border-color: #25d36633 !important;
  border-radius: 7px !important;
  margin-top: 10px !important;
  padding: 9px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-links-builder"] .walb-footer {
  min-height: 47px;
  background: #ffffff08 !important;
  border-color: #ffffff14 !important;
  padding: 8px 11px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-links-builder"] .walb-footer button {
  min-height: 28px;
  border-radius: 6px !important;
  padding: 5px 9px !important;
  font-size: 14px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-links-builder"] #wcl-prev {
  color: #ffffff8f !important;
  background: #ffffff0a !important;
  border-color: #ffffff1c !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-links-builder"] #wcl-next, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-links-builder"] #wcl-mint {
  color: #06150b !important;
  background: #25d366 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-links-builder"] .walb-footer > .font-mono {
  color: #ffffff47 !important;
  font-size: 14px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-links-builder"] .walb-preview-col {
  position: sticky;
  top: 74px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-links-builder"] .walb-preview {
  padding: 10px !important;
  position: static !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-links-builder"] .walb-preview > div:first-child {
  margin-bottom: 8px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-links-builder"] .walb-preview > div:first-child > span:first-child {
  color: #ffffff52 !important;
  font-size: 12px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-links-builder"] .walb-preview > div:first-child > span:last-child {
  color: #72e7a2 !important;
  background: #25d36614 !important;
  padding: 2px 5px !important;
  font-size: 12px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-links-builder"] .walb-preview > div.rounded-lg {
  background: #0f1113 !important;
  border-color: #ffffff14 !important;
  border-radius: 6px !important;
  margin-bottom: 7px !important;
  padding: 8px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-links-builder"] .walb-preview > div.rounded-lg .font-mono:first-child, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-links-builder"] .walb-preview .grid .font-mono:first-child {
  color: #ffffff45 !important;
  font-size: 12px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-links-builder"] #wcl-prev-short, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-links-builder"] #wcl-prev-wa {
  margin-top: 4px;
  line-height: 1.45;
  color: #ffffffa3 !important;
  font-size: 14px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-links-builder"] .walb-preview .grid {
  gap: 6px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-links-builder"] .walb-preview .grid > div {
  background: #0f1113 !important;
  border-color: #ffffff14 !important;
  border-radius: 6px !important;
  padding: 7px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-links-builder"] #wcl-prev-status, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-links-builder"] #wcl-prev-expiry {
  font-weight: 750;
  color: #ffffffb3 !important;
  font-family: inherit !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"])[data-theme="dark"] body[data-page="user-wa-links-builder"] .walb-header.bg-paper-0 {
  background: #211d1a !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"])[data-theme="dark"] body[data-page="user-wa-links-builder"] .walb-editor.bg-white, html[data-user-shell="slack"]:not([data-shell-theme="light"])[data-theme="dark"] body[data-page="user-wa-links-builder"] .walb-preview.bg-white {
  background: #181b1e !important;
  border-color: #ffffff17 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"])[data-theme="dark"] body[data-page="user-wa-links-builder"] .walb-footer {
  background: #ffffff08 !important;
  border-color: #ffffff14 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"])[data-theme="dark"] body[data-page="user-wa-links-builder"] .shell-pane .walb-layout input:not([type="checkbox"]):not([type="radio"]):not([type="color"]):not([type="file"]), html[data-user-shell="slack"]:not([data-shell-theme="light"])[data-theme="dark"] body[data-page="user-wa-links-builder"] .shell-pane .walb-layout textarea, html[data-user-shell="slack"]:not([data-shell-theme="light"])[data-theme="dark"] body[data-page="user-wa-links-builder"] .shell-pane .walb-layout select {
  color: #ffffffb8 !important;
  background: #0f1113 !important;
  border-color: #ffffff1a !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"])[data-theme="dark"] body[data-page="user-wa-links-builder"] #wcl-save.bg-paper-0.border-paper-200 {
  background: #ffffff0d !important;
  border-color: #ffffff1f !important;
}
@media (max-width: 760px) {
  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-links-builder"] .walb-layout {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-wa-links-builder"] .walb-preview-col {
    position: static;
  }
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-deals-board"] .shell-pane {
  background: #0f1113 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-deals-board"] .dls-page {
  width: 100%;
  max-width: none !important;
  padding: 10px 14px 18px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-deals-board"] .dls-header {
  min-height: 58px;
  padding: 4px 0 6px;
  margin-bottom: 8px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-deals-board"] .dls-header > div:first-child > div {
  font-weight: 700;
  color: #ffffff4d !important;
  letter-spacing: .14em !important;
  margin-bottom: 3px !important;
  font-family: inherit !important;
  font-size: 13px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-deals-board"] .dls-header > div:first-child > div .bg-wa-green {
  background: #25d366 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-deals-board"] .dls-header h1 {
  color: #f8f6f4 !important;
  font-family: inherit !important;
  font-size: 23px !important;
  font-weight: 800 !important;
  line-height: 1.05 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-deals-board"] .dls-header h1 span {
  color: #f8f6f4 !important;
  font-style: normal !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-deals-board"] .dls-header-actions {
  gap: 5px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-deals-board"] .dls-header-actions > select, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-deals-board"] .dls-header-actions > a, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-deals-board"] .dls-header-actions > button {
  min-height: 29px;
  color: #ffffffab !important;
  background: #181b1e !important;
  border-color: #ffffff17 !important;
  border-radius: 7px !important;
  font-size: 14px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-deals-board"] .dls-header-actions > select, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-deals-board"] .dls-header-actions > a {
  padding: 5px 9px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-deals-board"] .dls-header-actions > button[data-deal-settings] {
  width: 29px !important;
  height: 29px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-deals-board"] .dls-header-actions svg {
  width: 12px !important;
  height: 12px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-deals-board"] .dls-header-actions > button[data-deal-new] {
  box-shadow: 0 8px 20px #25d36621;
  color: #06150b !important;
  background: #25d366 !important;
  border-color: #25d366 !important;
  padding: 5px 10px !important;
  font-weight: 800 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-deals-board"] .dls-kpis {
  background: #181b1e;
  border: 1px solid #ffffff17;
  border-radius: 9px;
  overflow: hidden;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: 0 !important;
  margin-bottom: 8px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-deals-board"] .dls-kpis .dl-kpi {
  min-width: 0;
  min-height: 63px;
  background: none !important;
  border: 0 !important;
  border-right: 1px solid #ffffff14 !important;
  border-radius: 0 !important;
  padding: 8px 9px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-deals-board"] .dls-kpis .dl-kpi:last-child {
  border-right: 0 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-deals-board"] .dls-kpis .dl-kpi .l {
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 700;
  overflow: hidden;
  color: #ffffff4d !important;
  letter-spacing: .08em !important;
  font-family: inherit !important;
  font-size: 12px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-deals-board"] .dls-kpis .dl-kpi .v {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  color: #f8f6f4 !important;
  margin-top: 4px !important;
  font-family: inherit !important;
  font-size: 16px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-deals-board"] .dls-kpis .dl-kpi .v.is-accent {
  color: #72e7a2 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-deals-board"] .dls-kpis .dl-kpi .text-ink-500 {
  color: #ffffff40 !important;
  margin-top: 4px !important;
  font-size: 12px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-deals-board"] .dls-toolbar {
  background: #181b1e;
  border: 1px solid #ffffff14;
  border-radius: 8px;
  min-height: 38px;
  padding: 5px 7px;
  gap: 5px !important;
  margin-bottom: 7px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-deals-board"] .dls-toolbar > div {
  min-height: 27px;
  background: #0f1113 !important;
  border-color: #ffffff17 !important;
  border-radius: 6px !important;
  width: min(210px, 34%) !important;
  padding: 4px 8px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-deals-board"] .dls-toolbar > div svg {
  color: #ffffff40 !important;
  width: 11px !important;
  height: 11px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-deals-board"] .dls-toolbar input {
  min-width: 0;
  color: #ffffffad !important;
  font-size: 14px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-deals-board"] .dls-toolbar input::placeholder {
  color: #ffffff3d !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-deals-board"] .dls-toolbar select, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-deals-board"] .dls-toolbar button {
  min-height: 27px;
  color: #ffffff94 !important;
  background: #0f1113 !important;
  border-color: #ffffff17 !important;
  border-radius: 6px !important;
  padding: 4px 8px !important;
  font-size: 14px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-deals-board"] .dls-toolbar button {
  color: #f8f6f4 !important;
  font-weight: 700 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-deals-board"] .dls-toolbar > a {
  color: #ffffff61 !important;
  font-size: 14px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-deals-board"] .dls-board {
  scrollbar-color: #ffffff26 transparent;
  scrollbar-width: thin;
  align-items: stretch !important;
  gap: 8px !important;
  padding: 0 1px 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-deals-board"] .dls-board::-webkit-scrollbar {
  height: 5px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-deals-board"] .dls-board::-webkit-scrollbar-thumb {
  background: #ffffff24;
  border-radius: 10px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-deals-board"] .dl-col, html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) body[data-page="user-deals-board"] .dl-col, html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) body[data-page="user-deals-board"] .dl-col-won, html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) body[data-page="user-deals-board"] .dl-col-lost {
  background: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  flex: 0 0 168px !important;
  max-width: 168px !important;
  max-height: calc(100vh - 270px) !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-deals-board"] .dl-col.dragover {
  outline-offset: -1px !important;
  background: #25d3660a !important;
  border-radius: 8px !important;
  outline: 1px dashed #25d36699 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-deals-board"] .dl-col-head {
  min-height: 31px;
  padding: 5px 5px 6px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-deals-board"] .dl-col-head .dl-dot {
  width: 6px !important;
  height: 6px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-deals-board"] .dl-col-head .text-ink-900 {
  color: #ffffffb8 !important;
  font-size: 14px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-deals-board"] .dl-col-head .dl-count {
  color: #ffffff7d !important;
  background: #ffffff12 !important;
  padding: 2px 5px !important;
  font-family: inherit !important;
  font-size: 12px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-deals-board"] .dl-col-head .font-mono {
  color: #ffffff6b !important;
  font-family: inherit !important;
  font-size: 13px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-deals-board"] .dl-col-head button {
  color: #ffffff57 !important;
  width: 20px !important;
  height: 20px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-deals-board"] .dl-col-head button svg {
  width: 10px !important;
  height: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-deals-board"] .dl-col-body {
  gap: 7px !important;
  min-height: 119px !important;
  padding: 0 0 6px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-deals-board"] .dl-card, html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) body[data-page="user-deals-board"] .dl-card {
  min-height: 103px;
  box-shadow: 0 7px 18px #00000017;
  background: #181b1e !important;
  border: 1px solid #ffffff17 !important;
  border-radius: 8px !important;
  padding: 9px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-deals-board"] .dl-card:hover, html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) body[data-page="user-deals-board"] .dl-card:hover {
  border-color: #25d36661 !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 9px 22px #00000029 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-deals-board"] .dl-card > div:first-child {
  margin-bottom: 6px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-deals-board"] .dl-pill {
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 104px;
  overflow: hidden;
  padding: 2px 5px !important;
  font-size: 11px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-deals-board"] .dl-srcicon {
  border-radius: 3px !important;
  width: 10px !important;
  height: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-deals-board"] .dl-card > div:first-child > .font-mono {
  color: #ffffff3d !important;
  font-family: inherit !important;
  font-size: 11px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-deals-board"] .dl-card [data-card-title] {
  color: #ffffffc9 !important;
  font-size: 14px !important;
  line-height: 1.3 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-deals-board"] .dl-card [data-card-title] + .text-ink-500 {
  color: #ffffff52 !important;
  font-size: 13px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-deals-board"] .dl-card .dl-progress {
  background: #ffffff17 !important;
  height: 3px !important;
  margin-top: 7px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-deals-board"] .dl-card > div:last-child {
  margin-top: 7px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-deals-board"] .dl-amount {
  color: #f8f6f4 !important;
  font-family: inherit !important;
  font-size: 11px !important;
  font-weight: 800 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-deals-board"] .dl-avatar {
  width: 17px !important;
  height: 17px !important;
  font-size: 12px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-deals-board"] .dl-card .font-mono.text-ink-500 {
  color: #ffffff4d !important;
  font-family: inherit !important;
  font-size: 11px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-deals-board"] .dls-empty {
  border: 1px dashed #ffffff17;
  border-radius: 8px;
  place-items: center;
  min-height: 112px;
  display: grid;
  color: #ffffff38 !important;
  padding: 12px !important;
  font-size: 14px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-deals-board"] .dl-modal-backdrop, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-deals-board"] .dl-panel-backdrop {
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
  background: #0000009e !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-deals-board"] .dl-modal, html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) body[data-page="user-deals-board"] .dl-modal {
  border: 1px solid #ffffff1c;
  color: #f8f6f4 !important;
  background: #181b1e !important;
  border-radius: 10px !important;
  max-width: 390px !important;
  padding: 18px !important;
  box-shadow: 0 26px 70px #0000007a !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-deals-board"] .dl-modal h3 {
  color: #f8f6f4 !important;
  font-size: 15px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-deals-board"] .dl-modal p, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-deals-board"] .dl-modal label, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-deals-board"] .dl-modal .text-ink-500 {
  color: #ffffff6e !important;
  font-size: 14px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-deals-board"] .dl-input, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-deals-board"] .dl-field, html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) body[data-page="user-deals-board"] .dl-input, html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) body[data-page="user-deals-board"] .dl-field {
  min-height: 31px;
  color: #ffffffb8 !important;
  background: #0f1113 !important;
  border-color: #ffffff1a !important;
  border-radius: 6px !important;
  padding: 6px 8px !important;
  font-size: 14px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-deals-board"] .dl-btn {
  min-height: 30px;
  border-radius: 6px !important;
  padding: 6px 10px !important;
  font-size: 14px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-deals-board"] .dl-btn-primary {
  color: #06150b !important;
  background: #25d366 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-deals-board"] .dl-btn-ghost, html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) body[data-page="user-deals-board"] .dl-btn-ghost {
  color: #ffffff9e !important;
  background: #0f1113 !important;
  border-color: #ffffff1a !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-deals-board"] .dl-panel, html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) body[data-page="user-deals-board"] .dl-panel {
  border-left: 1px solid #ffffff1a;
  color: #f8f6f4 !important;
  background: #0f1113 !important;
  max-width: 400px !important;
  box-shadow: -22px 0 60px #0006 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-deals-board"] .dl-phead, html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) body[data-page="user-deals-board"] .dl-phead {
  background: #181b1e !important;
  border-color: #ffffff17 !important;
  padding: 14px 16px 12px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-deals-board"] .dl-pbody {
  padding: 14px 16px 24px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-deals-board"] .dl-eyebrow {
  color: #ffffff4d !important;
  font-family: inherit !important;
  font-size: 13px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-deals-board"] .dl-title-input, html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) body[data-page="user-deals-board"] .dl-title-input {
  color: #f8f6f4 !important;
  font-family: inherit !important;
  font-size: 16px !important;
  font-weight: 800 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-deals-board"] .dl-amount-lg {
  color: #72e7a2 !important;
  font-family: inherit !important;
  font-size: 16px !important;
  font-weight: 800 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-deals-board"] .dl-pbody section > .rounded-xl, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-deals-board"] .dl-pbody section > .border-dashed {
  background: #181b1e !important;
  border-color: #ffffff17 !important;
  border-radius: 8px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-deals-board"] .dl-pbody .text-ink-900 {
  color: #ffffffbd !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-deals-board"] .dl-pbody .text-ink-500, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-deals-board"] .dl-pbody .text-ink-400 {
  color: #ffffff57 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-deals-board"] .dl-act {
  border-color: #ffffff1a !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-deals-board"] .dl-act:before {
  background: #25d366 !important;
}
@media (max-width: 760px) {
  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-deals-board"] .dls-page {
    padding: 8px !important;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-deals-board"] .dls-header {
    flex-direction: column;
    align-items: flex-start !important;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-deals-board"] .dls-kpis {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-deals-board"] .dls-kpis .dl-kpi {
    border-bottom: 1px solid #ffffff14 !important;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-deals-board"] .dls-toolbar > div {
    width: 100% !important;
  }
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-deals-reports"] .shell-pane {
  background: #0f1113 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-deals-reports"] .dlr-page {
  width: 100%;
  padding: 10px 14px 18px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-deals-reports"] .dlr-page > section {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-deals-reports"] .dlr-header {
  padding-top: 2px !important;
  padding-bottom: 8px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-deals-reports"] .dlr-header > div {
  min-height: 59px;
  align-items: center !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-deals-reports"] .dlr-header > div > div:first-child > div {
  font-weight: 700;
  color: #ffffff4d !important;
  letter-spacing: .14em !important;
  margin-bottom: 3px !important;
  font-family: inherit !important;
  font-size: 13px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-deals-reports"] .dlr-header h1 {
  color: #f8f6f4 !important;
  font-family: inherit !important;
  font-size: 22px !important;
  font-weight: 800 !important;
  line-height: 1.08 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-deals-reports"] .dlr-header h1 span {
  color: #72e7a2 !important;
  font-style: normal !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-deals-reports"] .dlr-header p {
  color: #ffffff57 !important;
  margin-top: 4px !important;
  font-size: 14px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-deals-reports"] .dlr-header > div > a {
  min-height: 29px;
  color: #ffffffab !important;
  background: #181b1e !important;
  border-color: #ffffff17 !important;
  border-radius: 7px !important;
  padding: 5px 9px !important;
  font-size: 14px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-deals-reports"] .dlr-header > div > a svg {
  width: 11px !important;
  height: 11px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-deals-reports"] .dlr-kpi-section {
  padding-bottom: 8px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-deals-reports"] .dlr-kpi-layout {
  gap: 8px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-deals-reports"] .dlr-hero-card {
  border: 1px solid #25d3663b;
  min-height: 145px;
  background: linear-gradient(135deg, #123f30, #146c45) !important;
  border-radius: 9px !important;
  padding: 13px !important;
  box-shadow: 0 9px 24px #00000026 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-deals-reports"] .dlr-hero-card .font-mono {
  font-family: inherit !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-deals-reports"] .dlr-hero-card .relative > .flex:first-child > span:first-child {
  color: #ffffff7a !important;
  font-size: 12px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-deals-reports"] .dlr-hero-card .relative > .flex:first-child > span:last-child {
  color: #8cf0b3 !important;
  background: #25d3661a !important;
  border-color: #72e7a233 !important;
  padding: 3px 6px !important;
  font-size: 12px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-deals-reports"] .dlr-hero-card .mt-4.flex {
  margin-top: 11px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-deals-reports"] .dlr-hero-card .mt-4.flex > span {
  font-family: inherit !important;
  font-size: 31px !important;
  font-weight: 800 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-deals-reports"] .dlr-hero-card .border-t {
  border-color: #ffffff1f !important;
  margin-top: 13px !important;
  padding-top: 8px !important;
  font-family: inherit !important;
  font-size: 12px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-deals-reports"] .dlr-hero-card .border-t span.block {
  color: #ffffff59 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-deals-reports"] .dlr-hero-card .border-t .font-serif {
  margin-top: 2px;
  font-weight: 800;
  color: #f8f6f4 !important;
  font-family: inherit !important;
  font-size: 11px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-deals-reports"] .dlr-stat-grid {
  gap: 7px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-deals-reports"] .dlr-stat, html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) body[data-page="user-deals-reports"] .dlr-stat.bg-white {
  min-width: 0;
  min-height: 69px;
  box-shadow: 0 7px 18px #0000001a;
  background: #181b1e !important;
  border-color: #ffffff17 !important;
  border-radius: 8px !important;
  padding: 8px 9px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-deals-reports"] .dlr-stat .text-ink-600 {
  white-space: nowrap;
  color: #ffffff70 !important;
  font-size: 13px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-deals-reports"] .dlr-stat .text-ink-600 > span {
  border-radius: 5px !important;
  width: 20px !important;
  height: 20px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-deals-reports"] .dlr-stat .text-ink-600 svg {
  width: 9px !important;
  height: 9px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-deals-reports"] .dlr-stat > .font-serif {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  color: #f8f6f4 !important;
  margin-top: 4px !important;
  font-family: inherit !important;
  font-size: 15px !important;
  font-weight: 800 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-deals-reports"] .dlr-stat > .font-mono {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  color: #ffffff40 !important;
  margin-top: 2px !important;
  font-family: inherit !important;
  font-size: 11px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-deals-reports"] .dlr-charts {
  padding-bottom: 8px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-deals-reports"] .dlr-chart-grid {
  gap: 8px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-deals-reports"] .dlr-chart-card, html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) body[data-page="user-deals-reports"] .dlr-chart-card.bg-white {
  min-width: 0;
  height: 235px;
  background: #181b1e !important;
  border-color: #ffffff17 !important;
  border-radius: 9px !important;
  padding: 11px 12px !important;
  box-shadow: 0 8px 21px #0000001c !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-deals-reports"] .dlr-chart-card .font-mono {
  color: #ffffff47 !important;
  font-family: inherit !important;
  font-size: 12px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-deals-reports"] .dlr-chart-card h3 {
  color: #ffffffc2 !important;
  font-family: inherit !important;
  font-size: 12px !important;
  font-weight: 800 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-deals-reports"] .dlr-chart-card .rounded-full {
  color: #ffffff6b !important;
  background: #ffffff0a !important;
  border-color: #ffffff17 !important;
  padding: 3px 6px !important;
  font-size: 12px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-deals-reports"] #dl-chart-stage, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-deals-reports"] #dl-chart-trend {
  min-height: 188px !important;
  margin-top: 1px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-deals-reports"] .apexcharts-text {
  fill: #8f8985 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-deals-reports"] .apexcharts-legend-text {
  color: #9e9894 !important;
  font-size: 14px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-deals-reports"] .apexcharts-tooltip, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-deals-reports"] .apexcharts-tooltip-title {
  color: #f8f6f4 !important;
  background: #0f1113 !important;
  border-color: #ffffff1a !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-deals-reports"] .dlr-leaders {
  padding-bottom: 0 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-deals-reports"] .dlr-leader-card, html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) body[data-page="user-deals-reports"] .dlr-leader-card.bg-white {
  background: #181b1e !important;
  border-color: #ffffff17 !important;
  border-radius: 9px !important;
  padding: 11px 12px !important;
  box-shadow: 0 8px 21px #0000001c !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-deals-reports"] .dlr-leader-card > .flex:first-child {
  margin-bottom: 5px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-deals-reports"] .dlr-leader-card .font-mono {
  color: #ffffff47 !important;
  font-family: inherit !important;
  font-size: 12px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-deals-reports"] .dlr-leader-card h3 {
  color: #ffffffc2 !important;
  font-family: inherit !important;
  font-size: 12px !important;
  font-weight: 800 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-deals-reports"] .dlr-leader-card > .flex.items-center {
  min-height: 38px;
  border-color: #ffffff14 !important;
  padding: 5px 0 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-deals-reports"] .dlr-leader-card > .flex.items-center > span {
  width: 26px !important;
  height: 26px !important;
  font-size: 14px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-deals-reports"] .dlr-leader-card .text-ink-900 {
  color: #ffffffad !important;
  font-size: 14px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-deals-reports"] .dlr-leader-card .text-wa-deep {
  color: #72e7a2 !important;
  font-family: inherit !important;
  font-size: 10px !important;
  font-weight: 800 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-deals-reports"] .dlr-leader-card > .py-8 {
  color: #ffffff40 !important;
  padding: 18px !important;
  font-size: 14px !important;
}
@media (max-width: 760px) {
  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-deals-reports"] .dlr-page {
    padding: 8px;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-deals-reports"] .dlr-header > div {
    flex-direction: column;
    align-items: flex-start !important;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-deals-reports"] .dlr-kpi-layout, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-deals-reports"] .dlr-chart-grid {
    display: block !important;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-deals-reports"] .dlr-hero-card, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-deals-reports"] .dlr-chart-card {
    margin-bottom: 8px;
  }
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-crm-dashboard"] .shell-pane {
  background: #0f1113 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-crm-dashboard"] .crm-page {
  width: 100%;
  gap: 8px !important;
  max-width: none !important;
  padding: 10px 14px 18px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-crm-dashboard"] .crm-header {
  min-height: 65px;
  align-items: center !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-crm-dashboard"] .crm-header .font-mono {
  font-weight: 700;
  color: #ffffff4d !important;
  letter-spacing: .14em !important;
  margin-bottom: 3px !important;
  font-family: inherit !important;
  font-size: 13px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-crm-dashboard"] .crm-header h1 {
  color: #f8f6f4 !important;
  font-family: inherit !important;
  font-size: 23px !important;
  font-weight: 800 !important;
  line-height: 1.05 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-crm-dashboard"] .crm-header h1 span {
  color: #f8f6f4 !important;
  font-style: normal !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-crm-dashboard"] .crm-header p {
  color: #ffffff57 !important;
  margin-top: 5px !important;
  font-size: 14px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-crm-dashboard"] .crm-header > a {
  min-height: 29px;
  box-shadow: 0 8px 20px #25d36621;
  color: #06150b !important;
  background: #25d366 !important;
  border-radius: 7px !important;
  padding: 6px 10px !important;
  font-size: 14px !important;
  font-weight: 800 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-crm-dashboard"] .crm-howto {
  background: #181b1e !important;
  border-color: #ffffff14 !important;
  border-radius: 8px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-crm-dashboard"] .crm-howto summary {
  min-height: 32px;
  color: #ffffff8a !important;
  padding: 6px 9px !important;
  font-size: 14px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-crm-dashboard"] .crm-howto summary:hover {
  background: #ffffff08 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-crm-dashboard"] .crm-howto summary svg {
  color: #72e7a2 !important;
  width: 11px !important;
  height: 11px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-crm-dashboard"] .crm-howto > div {
  padding: 3px 9px 9px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-crm-dashboard"] .crm-howto ol {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  display: grid;
  gap: 6px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-crm-dashboard"] .crm-howto li {
  color: #ffffff6e !important;
  font-size: 14px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-crm-dashboard"] .crm-howto li > span:first-child {
  color: #72e7a2 !important;
  background: #25d36624 !important;
  width: 15px !important;
  height: 15px !important;
  font-size: 12px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-crm-dashboard"] .crm-primary-kpis {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 8px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-crm-dashboard"] .crm-primary-card, html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) body[data-page="user-crm-dashboard"] .crm-primary-card.bg-paper-0 {
  min-width: 0;
  min-height: 83px;
  position: relative;
  overflow: hidden;
  background: #181b1e !important;
  border-color: #ffffff17 !important;
  border-radius: 9px !important;
  padding: 11px 12px !important;
  box-shadow: 0 7px 18px #0000001a !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-crm-dashboard"] .crm-primary-card:before {
  content: "";
  opacity: .75;
  background: #25d366;
  width: 3px;
  position: absolute;
  inset: 0 auto 0 0;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-crm-dashboard"] .crm-primary-card:nth-child(2):before {
  background: #25d366;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-crm-dashboard"] .crm-primary-card:nth-child(3):before {
  background: #72e7a2;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-crm-dashboard"] .crm-primary-card:nth-child(4):before {
  background: #ffc46b;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-crm-dashboard"] .crm-primary-card:hover {
  transform: translateY(-1px);
  border-color: #25d36657 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-crm-dashboard"] .crm-primary-card > div:first-child {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  color: #ffffff4f !important;
  letter-spacing: .08em !important;
  font-size: 12px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-crm-dashboard"] .crm-primary-card > .font-serif {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  color: #f8f6f4 !important;
  margin-top: 8px !important;
  font-family: inherit !important;
  font-size: 17px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-crm-dashboard"] .crm-primary-card:nth-child(2) > .font-serif, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-crm-dashboard"] .crm-primary-card:nth-child(3) > .font-serif {
  color: #72e7a2 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-crm-dashboard"] .crm-primary-card:nth-child(4) > .font-serif {
  color: #ff8c7c !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-crm-dashboard"] .crm-primary-card > div:last-child {
  color: #ffffff40 !important;
  margin-top: 5px !important;
  font-size: 12px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-crm-dashboard"] .crm-secondary-kpis {
  background: #181b1e;
  border: 1px solid #ffffff17;
  border-radius: 8px;
  overflow: hidden;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 0 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-crm-dashboard"] .crm-secondary-card, html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) body[data-page="user-crm-dashboard"] .crm-secondary-card.bg-paper-0 {
  min-width: 0;
  min-height: 51px;
  box-shadow: none !important;
  background: none !important;
  border: 0 !important;
  border-right: 1px solid #ffffff14 !important;
  border-radius: 0 !important;
  padding: 8px 11px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-crm-dashboard"] .crm-secondary-card:last-child {
  border-right: 0 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-crm-dashboard"] .crm-secondary-card > div:first-child {
  color: #ffffff4d !important;
  font-size: 12px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-crm-dashboard"] .crm-secondary-card > .font-serif {
  color: #f8f6f4 !important;
  margin-top: 4px !important;
  font-family: inherit !important;
  font-size: 14px !important;
  font-weight: 800 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-crm-dashboard"] .crm-secondary-card:nth-child(3) > .font-serif {
  color: #ff8c7c !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-crm-dashboard"] .crm-panels {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 8px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-crm-dashboard"] .crm-panel, html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) body[data-page="user-crm-dashboard"] .crm-panel.bg-paper-0 {
  min-width: 0;
  min-height: 142px;
  background: #181b1e !important;
  border-color: #ffffff17 !important;
  border-radius: 9px !important;
  padding: 11px 12px !important;
  box-shadow: 0 8px 21px #0000001c !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-crm-dashboard"] .crm-panel > .text-ink-900, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-crm-dashboard"] .crm-panel > .flex:first-child .text-ink-900 {
  color: #ffffffbd !important;
  margin-bottom: 8px !important;
  font-size: 14px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-crm-dashboard"] .crm-panel .space-y-2, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-crm-dashboard"] .crm-panel .space-y-1\.5 {
  flex-direction: column;
  display: flex;
  gap: 6px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-crm-dashboard"] .crm-panel .space-y-2 > div, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-crm-dashboard"] .crm-panel .space-y-1\.5 > div {
  color: #ffffff6e !important;
  padding: 0 !important;
  font-size: 14px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-crm-dashboard"] .crm-panel .font-mono {
  color: #ffffffa8 !important;
  font-family: inherit !important;
  font-size: 14px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-crm-dashboard"] .crm-panel .text-wa-deep {
  color: #72e7a2 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-crm-dashboard"] .crm-panel .text-accent-coral {
  color: #ff8c7c !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-crm-dashboard"] .crm-panel .text-ink-400 {
  color: #ffffff40 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-crm-dashboard"] .crm-panel .text-ink-600, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-crm-dashboard"] .crm-panel .text-ink-700 {
  color: #ffffff78 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-crm-dashboard"] .crm-tasks > .flex:first-child > a {
  color: #72e7a2 !important;
  font-size: 13px !important;
}
@media (max-width: 760px) {
  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-crm-dashboard"] .crm-page {
    padding: 8px !important;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-crm-dashboard"] .crm-header {
    flex-direction: column;
    align-items: flex-start !important;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-crm-dashboard"] .crm-primary-kpis, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-crm-dashboard"] .crm-secondary-kpis {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-crm-dashboard"] .crm-panels {
    grid-template-columns: 1fr !important;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-crm-dashboard"] .crm-howto ol {
    grid-template-columns: 1fr;
  }
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-crm-guide"] .shell-pane {
  overflow: auto;
  background: #0f1113 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-crm-guide"] .crm-guide-page {
  color: #f8f6f4;
  grid-template-columns: minmax(0, 1.58fr) minmax(220px, .92fr);
  width: 100%;
  display: grid;
  gap: 9px !important;
  margin: 0 !important;
  padding: 10px 14px 18px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-crm-guide"] .crm-guide-page > * {
  margin: 0 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-crm-guide"] [hidden] {
  display: none !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-crm-guide"] .crm-guide-hero {
  border: 1px solid #ffffff17;
  border-left: 3px solid #25d366;
  grid-column: 1 / -1;
  min-height: 96px;
  position: relative;
  overflow: hidden;
  box-shadow: 0 10px 24px #0000001f;
  background: linear-gradient(118deg, #181b1e 0% 66%, #25d3661a 100%) !important;
  border-radius: 10px !important;
  padding: 13px 16px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-crm-guide"] .crm-guide-hero > .font-mono {
  font-weight: 800;
  color: #72e7a2 !important;
  letter-spacing: .14em !important;
  margin: 0 0 4px !important;
  font-family: inherit !important;
  font-size: 12px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-crm-guide"] .crm-guide-hero h1 {
  letter-spacing: -.035em;
  font-weight: 800;
  color: #f8f6f4 !important;
  max-width: 470px !important;
  font-family: inherit !important;
  font-size: 22px !important;
  line-height: 1.04 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-crm-guide"] .crm-guide-hero p {
  color: #ffffff6e !important;
  max-width: 500px !important;
  margin-top: 6px !important;
  font-size: 14px !important;
  line-height: 1.45 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-crm-guide"] .crm-guide-hero > .flex {
  position: absolute;
  top: 13px;
  right: 13px;
  gap: 5px !important;
  margin: 0 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-crm-guide"] .crm-guide-hero a {
  color: #ffffffa8 !important;
  background: #0f1113 !important;
  border: 1px solid #ffffff1a !important;
  border-radius: 6px !important;
  padding: 6px 9px !important;
  font-size: 13px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-crm-guide"] .crm-guide-hero a:first-child {
  color: #07140b !important;
  background: #25d366 !important;
  border-color: #25d366 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-crm-guide"] .crm-guide-discovery {
  grid-column: 1 / -1;
  grid-template-columns: minmax(250px, 1.35fr) minmax(320px, 1fr);
  gap: 8px;
  display: grid;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-crm-guide"] .crm-guide-search {
  background: #181b1e;
  border: 1px solid #ffffff17;
  border-radius: 9px;
  align-items: center;
  gap: 8px;
  min-width: 0;
  height: 48px;
  padding: 0 11px;
  display: flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-crm-guide"] .crm-guide-search > svg {
  color: #ffffff52;
  flex: none;
  width: 13px;
  height: 13px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-crm-guide"] .crm-guide-search input {
  color: #ffffffc7;
  background: none;
  border: 0;
  outline: 0;
  flex: 1;
  min-width: 0;
  font-size: 14px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-crm-guide"] .crm-guide-search input::placeholder {
  color: #ffffff3d;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-crm-guide"] .crm-guide-search > span {
  color: #ffffff4d;
  white-space: nowrap;
  border: 1px solid #ffffff14;
  border-radius: 4px;
  padding: 3px 5px;
  font-size: 12px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-crm-guide"] .crm-guide-search button {
  color: #72e7a2;
  font-size: 12px;
  font-weight: 700;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-crm-guide"] .crm-guide-stats {
  background: #181b1e;
  border: 1px solid #ffffff17;
  border-radius: 9px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  min-width: 0;
  display: grid;
  overflow: hidden;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-crm-guide"] .crm-guide-stats > div {
  border-left: 1px solid #ffffff12;
  flex-direction: column;
  justify-content: center;
  min-width: 0;
  padding: 8px 6px;
  display: flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-crm-guide"] .crm-guide-stats > div:first-child {
  border-left: 0;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-crm-guide"] .crm-guide-stats strong {
  color: #f8f6f4;
  font-size: 13px;
  line-height: 1;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-crm-guide"] .crm-guide-stats span {
  color: #ffffff47;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-top: 4px;
  font-size: 11px;
  overflow: hidden;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-crm-guide"] .crm-guide-flow, html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) body[data-page="user-crm-guide"] .crm-guide-flow.bg-paper-0 {
  grid-column: 1 / -1;
  align-items: center;
  gap: 11px;
  display: flex;
  box-shadow: none !important;
  background: #181b1e !important;
  border-color: #ffffff17 !important;
  border-radius: 9px !important;
  padding: 8px 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-crm-guide"] .crm-guide-flow > .font-mono {
  white-space: nowrap;
  color: #72e7a2 !important;
  margin: 0 !important;
  font-family: inherit !important;
  font-size: 12px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-crm-guide"] .crm-guide-flow > .flex {
  gap: 4px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-crm-guide"] .crm-guide-flow .rounded-full {
  border: 1px solid #ffffff12;
  color: #ffffff87 !important;
  background: #0f1113 !important;
  border-radius: 5px !important;
  padding: 4px 6px !important;
  font-size: 12px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-crm-guide"] .crm-guide-flow svg {
  color: #ffffff29 !important;
  width: 7px !important;
  height: 7px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-crm-guide"] .crm-guide-example, html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) body[data-page="user-crm-guide"] .crm-guide-example.bg-paper-0 {
  grid-area: 4 / 2 / span 4;
  align-self: start;
  position: sticky;
  top: 10px;
  background: #181b1e !important;
  border-color: #ffffff17 !important;
  border-radius: 9px !important;
  box-shadow: 0 9px 22px #0000001f !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-crm-guide"] .crm-guide-example > div:first-child {
  background: #181b1e !important;
  border-color: #ffffff14 !important;
  padding: 10px 11px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-crm-guide"] .crm-guide-example > div:first-child .font-mono {
  color: #72e7a2 !important;
  font-family: inherit !important;
  font-size: 11px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-crm-guide"] .crm-guide-example h2 {
  font-weight: 750;
  color: #f8f6f4 !important;
  margin-top: 3px !important;
  font-family: inherit !important;
  font-size: 11px !important;
  line-height: 1.2 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-crm-guide"] .crm-guide-example ol {
  border-color: #ffffff12 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-crm-guide"] .crm-guide-example-row {
  min-height: 62px;
  border-color: #ffffff12 !important;
  gap: 8px !important;
  padding: 8px 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-crm-guide"] .crm-guide-example-row > div:first-child > span:first-child {
  color: #72e7a2 !important;
  background: #25d36621 !important;
  width: 20px !important;
  height: 20px !important;
  font-size: 14px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-crm-guide"] .crm-guide-example-row > div:first-child > span:last-child {
  background: #ffffff14 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-crm-guide"] .crm-guide-example-row .text-ink-900 {
  color: #ffffffbf !important;
  font-size: 14px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-crm-guide"] .crm-guide-example-row .bg-wa-mint {
  color: #72e7a2 !important;
  background: #25d3661c !important;
  padding: 2px 4px !important;
  font-family: inherit !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-crm-guide"] .crm-guide-example-row p {
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
  color: #ffffff57 !important;
  margin-top: 3px !important;
  font-size: 11px !important;
  line-height: 1.35 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-crm-guide"] .crm-guide-example > div:last-child {
  color: #72e7a2b3 !important;
  background: #25d36614 !important;
  border-color: #25d36626 !important;
  padding: 7px 10px !important;
  font-size: 11px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-crm-guide"] .crm-guide-category {
  grid-column: 1;
  gap: 6px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-crm-guide"] .crm-guide-category > div:first-child {
  padding: 0 2px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-crm-guide"] .crm-guide-category h2 {
  font-weight: 750;
  color: #f8f6f4 !important;
  font-family: inherit !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-crm-guide"] .crm-guide-category > div:first-child p {
  color: #ffffff47 !important;
  margin-top: 2px !important;
  font-size: 11px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-crm-guide"] .crm-guide-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 6px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-crm-guide"] .crm-guide-card, html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) body[data-page="user-crm-guide"] .crm-guide-card.bg-paper-0 {
  min-width: 0;
  min-height: 112px;
  box-shadow: none !important;
  background: #181b1e !important;
  border-color: #ffffff14 !important;
  border-radius: 8px !important;
  padding: 9px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-crm-guide"] .crm-guide-card > div:first-child {
  align-items: center !important;
  gap: 7px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-crm-guide"] .crm-guide-card > div:first-child > span {
  color: #72e7a2 !important;
  background: #25d3661a !important;
  border-radius: 7px !important;
  width: 27px !important;
  height: 27px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-crm-guide"] .crm-guide-card > div:first-child svg {
  width: 13px !important;
  height: 13px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-crm-guide"] .crm-guide-card > div:first-child a {
  border: 1px solid #ffffff14;
  color: #ffffff85 !important;
  background: #0f1113 !important;
  border-radius: 5px !important;
  padding: 5px 7px !important;
  font-size: 11px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-crm-guide"] .crm-guide-card > h3 {
  color: #ffffffc7 !important;
  margin-top: 7px !important;
  font-size: 14px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-crm-guide"] .crm-guide-card > p {
  color: #ffffff4f !important;
  margin-top: 3px !important;
  font-size: 11px !important;
  line-height: 1.35 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-crm-guide"] .crm-guide-instructions {
  border-color: #ffffff12 !important;
  margin-top: 7px !important;
  padding-top: 6px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-crm-guide"] .crm-guide-instructions summary {
  cursor: pointer;
  color: #72e7a2;
  font-size: 11px;
  font-weight: 700;
  list-style: none;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-crm-guide"] .crm-guide-instructions summary::-webkit-details-marker {
  display: none;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-crm-guide"] .crm-guide-instructions summary:after {
  content: " +";
  color: #ffffff45;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-crm-guide"] .crm-guide-instructions[open] summary:after {
  content: " −";
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-crm-guide"] .crm-guide-instructions ol {
  margin-top: 7px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-crm-guide"] .crm-guide-instructions li {
  color: #ffffff61 !important;
  gap: 6px !important;
  font-size: 11px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-crm-guide"] .crm-guide-instructions li > span:first-child {
  color: #ffffff59 !important;
  background: #0f1113 !important;
  width: 14px !important;
  height: 14px !important;
  font-family: inherit !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-crm-guide"] .crm-guide-empty {
  text-align: center;
  background: #181b1e;
  border: 1px dashed #ffffff1f;
  border-radius: 9px;
  flex-direction: column;
  grid-column: 1;
  justify-content: center;
  align-items: center;
  min-height: 118px;
  padding: 20px;
  display: flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-crm-guide"] .crm-guide-empty strong {
  color: #ffffffab;
  font-size: 14px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-crm-guide"] .crm-guide-empty span {
  color: #ffffff47;
  margin-top: 4px;
  font-size: 12px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-crm-guide"] .crm-guide-tip {
  grid-column: 1 / -1;
  color: #fff3 !important;
  padding: 3px 0 !important;
  font-size: 11px !important;
}
@media (max-width: 1180px) {
  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-crm-guide"] .crm-guide-page, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-crm-guide"] .crm-guide-discovery {
    grid-template-columns: 1fr;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-crm-guide"] .crm-guide-example {
    grid-area: auto / 1;
    position: static;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-crm-guide"] .crm-guide-category, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-crm-guide"] .crm-guide-empty {
    grid-column: 1;
  }
}
@media (max-width: 760px) {
  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-crm-guide"] .crm-guide-hero > .flex {
    position: static;
    margin-top: 9px !important;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-crm-guide"] .crm-guide-grid {
    grid-template-columns: 1fr !important;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-crm-guide"] .crm-guide-stats {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-calendar"] .shell-pane {
  background: #0f1113 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-calendar"] .crm-calendar-page {
  width: 100%;
  gap: 7px !important;
  max-width: none !important;
  padding: 10px 14px 14px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-calendar"] .crm-calendar-header {
  min-height: 61px;
  align-items: center !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-calendar"] .crm-calendar-header > div:first-child > .font-mono {
  font-weight: 700;
  color: #ffffff4d !important;
  letter-spacing: .14em !important;
  margin-bottom: 3px !important;
  font-family: inherit !important;
  font-size: 13px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-calendar"] .crm-calendar-header h1 {
  color: #f8f6f4 !important;
  font-family: inherit !important;
  font-size: 23px !important;
  font-weight: 800 !important;
  line-height: 1.05 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-calendar"] .crm-calendar-header h1 span {
  color: #f8f6f4 !important;
  font-style: normal !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-calendar"] .crm-calendar-header p {
  color: #ffffff57 !important;
  margin-top: 5px !important;
  font-size: 14px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-calendar"] .crm-calendar-controls {
  gap: 5px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-calendar"] .crm-calendar-controls > a {
  min-height: 28px;
  color: #ffffff94 !important;
  background: #181b1e !important;
  border-color: #ffffff17 !important;
  border-radius: 6px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-calendar"] .crm-calendar-controls > a:not(:last-child) {
  width: 28px !important;
  height: 28px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-calendar"] .crm-calendar-controls > a svg {
  width: 10px !important;
  height: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-calendar"] .crm-calendar-controls > div {
  color: #ffffffbd !important;
  min-width: 92px !important;
  font-size: 14px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-calendar"] .crm-calendar-controls > a:last-child {
  color: #06150b !important;
  background: #25d366 !important;
  border-color: #25d366 !important;
  margin-left: 0 !important;
  padding: 5px 8px !important;
  font-size: 14px !important;
  font-weight: 800 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-calendar"] .crm-calendar-legend {
  background: #181b1e;
  border: 1px solid #ffffff12;
  border-radius: 7px;
  min-height: 25px;
  padding: 4px 7px;
  color: #ffffff61 !important;
  gap: 12px !important;
  font-size: 13px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-calendar"] .crm-calendar-legend span span {
  width: 6px !important;
  height: 6px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-calendar"] .crm-calendar-howto {
  background: #181b1e !important;
  border-color: #ffffff14 !important;
  border-radius: 7px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-calendar"] .crm-calendar-howto summary {
  min-height: 29px;
  color: #ffffff80 !important;
  padding: 5px 8px !important;
  font-size: 14px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-calendar"] .crm-calendar-howto summary svg {
  color: #72e7a2 !important;
  width: 10px !important;
  height: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-calendar"] .crm-calendar-howto > div {
  padding: 3px 8px 8px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-calendar"] .crm-calendar-howto ol {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  display: grid;
  gap: 6px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-calendar"] .crm-calendar-howto li {
  color: #fff6 !important;
  font-size: 13px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-calendar"] .crm-calendar-howto li > span:first-child {
  color: #72e7a2 !important;
  background: #25d36621 !important;
  width: 14px !important;
  height: 14px !important;
  font-size: 11px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-calendar"] .crm-calendar, html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) body[data-page="user-calendar"] .crm-calendar.bg-paper-0 {
  background: #181b1e !important;
  border-color: #ffffff17 !important;
  border-radius: 9px !important;
  box-shadow: 0 9px 24px #00000021 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-calendar"] .crm-calendar-dows, html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) body[data-page="user-calendar"] .crm-calendar-dows.bg-paper-50 {
  min-height: 27px;
  background: #ffffff08 !important;
  border-color: #ffffff17 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-calendar"] .crm-calendar-dows > div {
  color: #ffffff4f !important;
  padding: 6px 4px !important;
  font-family: inherit !important;
  font-size: 12px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-calendar"] .crm-calendar-week {
  min-height: 73px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-calendar"] .crm-calendar-day {
  height: 73px;
  overflow: hidden;
  background: #181b1e !important;
  border-color: #ffffff12 !important;
  min-height: 73px !important;
  padding: 5px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-calendar"] .crm-calendar-day[data-in-month="false"] {
  background: #201c1a !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-calendar"] .crm-calendar-day > div:first-child {
  margin-bottom: 4px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-calendar"] .crm-calendar-day > div:first-child > span {
  color: #ffffff7d !important;
  font-size: 13px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-calendar"] .crm-calendar-day[data-in-month="false"] > div:first-child > span {
  color: #ffffff2b !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-calendar"] .crm-calendar-day[data-is-today="true"] > div:first-child > span {
  color: #06150b !important;
  background: #25d366 !important;
  width: 16px !important;
  height: 16px !important;
  font-weight: 800 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-calendar"] .crm-calendar-day .space-y-1 {
  flex-direction: column;
  display: flex;
  gap: 2px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-calendar"] .crm-calendar-event {
  min-height: 14px;
  color: #ffffffe0 !important;
  border-radius: 3px !important;
  padding: 2px 4px !important;
  font-size: 11px !important;
  line-height: 1.25 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-calendar"] .crm-calendar-footer {
  color: #ffffff40 !important;
  margin-top: 1px !important;
  font-size: 13px !important;
}
@media (max-width: 760px) {
  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-calendar"] .crm-calendar-page {
    min-width: 650px;
    padding: 8px !important;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-calendar"] .crm-calendar-header {
    flex-direction: column;
    align-items: flex-start !important;
  }
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-crm-revenue"] .shell-pane {
  background: #0f1113 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-crm-revenue"] .crm-revenue-page {
  width: 100%;
  gap: 8px !important;
  max-width: none !important;
  padding: 10px 14px 18px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-crm-revenue"] .crm-revenue-header {
  min-height: 65px;
  align-items: center !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-crm-revenue"] .crm-revenue-header > div:first-child > .font-mono {
  font-weight: 700;
  color: #ffffff4d !important;
  letter-spacing: .14em !important;
  margin-bottom: 3px !important;
  font-family: inherit !important;
  font-size: 13px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-crm-revenue"] .crm-revenue-header h1 {
  color: #f8f6f4 !important;
  font-family: inherit !important;
  font-size: 23px !important;
  font-weight: 800 !important;
  line-height: 1.05 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-crm-revenue"] .crm-revenue-header h1 span {
  color: #f8f6f4 !important;
  font-style: normal !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-crm-revenue"] .crm-revenue-header p {
  color: #ffffff54 !important;
  margin-top: 5px !important;
  font-size: 14px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-crm-revenue"] .crm-revenue-actions {
  gap: 5px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-crm-revenue"] .crm-revenue-actions a {
  min-height: 29px;
  color: #ffffff9e !important;
  background: #181b1e !important;
  border-color: #ffffff17 !important;
  border-radius: 7px !important;
  padding: 6px 9px !important;
  font-size: 14px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-crm-revenue"] .crm-revenue-actions a:last-child {
  color: #06150b !important;
  background: #25d366 !important;
  border-color: #25d366 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-crm-revenue"] .crm-revenue-warning {
  color: #ffc46b !important;
  background: #ffc46b12 !important;
  border-color: #ffc46b33 !important;
  border-radius: 7px !important;
  padding: 7px 9px !important;
  font-size: 14px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-crm-revenue"] .crm-revenue-kpis {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 8px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-crm-revenue"] .crm-revenue-kpi, html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) body[data-page="user-crm-revenue"] .crm-revenue-kpi.bg-paper-0 {
  min-width: 0;
  min-height: 82px;
  position: relative;
  overflow: hidden;
  background: #181b1e !important;
  border-color: #ffffff17 !important;
  border-radius: 9px !important;
  padding: 11px 12px !important;
  box-shadow: 0 7px 18px #0000001a !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-crm-revenue"] .crm-revenue-kpi:before {
  content: "";
  opacity: .75;
  background: #25d366;
  width: 3px;
  position: absolute;
  inset: 0 auto 0 0;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-crm-revenue"] .crm-revenue-kpi:nth-child(2):before {
  background: #25d366;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-crm-revenue"] .crm-revenue-kpi:nth-child(3):before {
  background: #ff8c7c;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-crm-revenue"] .crm-revenue-kpi:nth-child(4):before {
  background: #ffc46b;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-crm-revenue"] .crm-revenue-kpi > div:first-child {
  color: #ffffff4d !important;
  font-size: 12px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-crm-revenue"] .crm-revenue-kpi > .font-serif {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  color: #f8f6f4 !important;
  margin-top: 9px !important;
  font-family: inherit !important;
  font-size: 17px !important;
  font-weight: 800 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-crm-revenue"] .crm-revenue-kpi:first-child > .font-serif {
  color: #72e7a2 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-crm-revenue"] .crm-revenue-kpi:nth-child(3) > .font-serif {
  color: #ff8c7c !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-crm-revenue"] .crm-revenue-lower {
  grid-template-columns: minmax(0, 1.72fr) minmax(0, 1fr);
  gap: 8px;
  display: grid;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-crm-revenue"] .crm-revenue-chart, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-crm-revenue"] .crm-revenue-aging, html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) body[data-page="user-crm-revenue"] .crm-revenue-chart.bg-paper-0, html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) body[data-page="user-crm-revenue"] .crm-revenue-aging.bg-paper-0 {
  min-width: 0;
  height: 230px;
  background: #181b1e !important;
  border-color: #ffffff17 !important;
  border-radius: 9px !important;
  padding: 11px 12px !important;
  box-shadow: 0 8px 21px #0000001c !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-crm-revenue"] .crm-revenue-chart > .text-ink-900, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-crm-revenue"] .crm-revenue-aging > .text-ink-900 {
  color: #ffffffbd !important;
  margin-bottom: 11px !important;
  font-size: 14px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-crm-revenue"] .crm-revenue-chart > .flex {
  gap: 6px !important;
  height: 182px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-crm-revenue"] .crm-revenue-month {
  gap: 4px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-crm-revenue"] .crm-revenue-month > .font-mono {
  color: #ffffff69 !important;
  font-family: inherit !important;
  font-size: 11px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-crm-revenue"] .crm-revenue-month > div:nth-child(2) {
  opacity: .82;
  max-height: 132px;
  background: linear-gradient(#25d366, #167a45) !important;
  border-radius: 3px 3px 0 0 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-crm-revenue"] .crm-revenue-month > div:last-child {
  color: #ffffff45 !important;
  font-size: 11px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-crm-revenue"] .crm-revenue-aging > .text-ink-900 span {
  color: #ffffff45 !important;
  font-size: 12px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-crm-revenue"] .crm-revenue-aging > .grid {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 7px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-crm-revenue"] .crm-revenue-aging-cell {
  flex-direction: column;
  justify-content: center;
  min-width: 0;
  min-height: 75px;
  display: flex;
  background: #0f1113 !important;
  border-color: #ffffff14 !important;
  border-radius: 7px !important;
  padding: 9px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-crm-revenue"] .crm-revenue-aging-cell > div:first-child {
  color: #ffffff47 !important;
  font-size: 12px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-crm-revenue"] .crm-revenue-aging-cell > .font-mono {
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 700;
  overflow: hidden;
  color: #ffffffb3 !important;
  margin-top: 5px !important;
  font-family: inherit !important;
  font-size: 14px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-crm-revenue"] .crm-revenue-aging-cell[data-aging-bucket="90+"] > .font-mono {
  color: #ff8c7c !important;
}
@media (max-width: 760px) {
  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-crm-revenue"] .crm-revenue-page {
    padding: 8px !important;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-crm-revenue"] .crm-revenue-header {
    flex-direction: column;
    align-items: flex-start !important;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-crm-revenue"] .crm-revenue-kpis {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-crm-revenue"] .crm-revenue-lower {
    grid-template-columns: 1fr;
  }
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tasks-index"] .shell-pane {
  overflow: auto;
  background: #0f1113 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tasks-index"] .tsk-page {
  color: #f8f6f4;
  flex-direction: column;
  width: 100%;
  display: flex;
  gap: 9px !important;
  margin: 0 !important;
  padding: 10px 14px 18px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tasks-index"] .tsk-page > * {
  margin: 0 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tasks-index"] .tsk-header {
  border-bottom: 1px solid #ffffff14;
  min-height: 66px;
  padding-bottom: 9px;
  align-items: flex-start !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tasks-index"] .tsk-header .font-mono {
  font-weight: 800;
  color: #72e7a2b8 !important;
  letter-spacing: .13em !important;
  margin: 0 0 4px !important;
  font-family: inherit !important;
  font-size: 12px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tasks-index"] .tsk-header h1 {
  color: #f8f6f4 !important;
  letter-spacing: -.035em !important;
  font-family: inherit !important;
  font-size: 22px !important;
  font-weight: 800 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tasks-index"] .tsk-header h1 span {
  color: #f8f6f4 !important;
  font-style: normal !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tasks-index"] .tsk-header p {
  color: #ffffff4f !important;
  margin-top: 5px !important;
  font-size: 14px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tasks-index"] .tsk-actions {
  gap: 6px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tasks-index"] .tsk-scope {
  background: #181b1e;
  gap: 2px;
  padding: 2px;
  border-color: #ffffff17 !important;
  border-radius: 7px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tasks-index"] .tsk-scope a {
  border-radius: 5px;
  color: #ffffff5c !important;
  background: none !important;
  padding: 5px 8px !important;
  font-size: 13px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tasks-index"] .tsk-scope a[aria-current="page"] {
  color: #f8f6f4 !important;
  background: #34384e !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tasks-index"] #task-open {
  color: #07140b !important;
  background: #25d366 !important;
  border-radius: 6px !important;
  padding: 7px 10px !important;
  font-size: 13px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tasks-index"] .tsk-summary {
  background: #181b1e;
  border: 1px solid #ffffff17;
  border-radius: 9px;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  display: grid;
  overflow: hidden;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tasks-index"] .tsk-summary > div {
  border-left: 1px solid #ffffff12;
  flex-direction: column;
  justify-content: center;
  min-width: 0;
  min-height: 56px;
  padding: 9px 11px;
  display: flex;
  position: relative;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tasks-index"] .tsk-summary > div:first-child {
  border-left: 0;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tasks-index"] .tsk-summary > div:before {
  content: "";
  opacity: .8;
  background: #ff8c7c;
  width: 2px;
  position: absolute;
  inset: 0 auto 0 0;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tasks-index"] .tsk-summary > div:nth-child(2):before, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tasks-index"] .tsk-summary > div:nth-child(3):before {
  background: #25d366;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tasks-index"] .tsk-summary > div:nth-child(4):before {
  background: #ffc46b;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tasks-index"] .tsk-summary > div:nth-child(5):before {
  background: #42d9c4;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tasks-index"] .tsk-summary strong {
  color: #f8f6f4;
  font-size: 15px;
  line-height: 1;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tasks-index"] .tsk-summary span {
  color: #ffffff4a;
  margin-top: 4px;
  font-size: 12px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tasks-index"] .tsk-howto {
  background: #25d3660f !important;
  border-color: #25d36629 !important;
  border-radius: 8px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tasks-index"] .tsk-howto summary {
  color: #72e7a2 !important;
  padding: 7px 9px !important;
  font-size: 13px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tasks-index"] .tsk-howto summary svg {
  width: 10px !important;
  height: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tasks-index"] .tsk-howto > div {
  padding: 2px 9px 9px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tasks-index"] .tsk-howto ol {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  display: grid;
  gap: 6px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tasks-index"] .tsk-howto li {
  color: #ffffff61 !important;
  font-size: 12px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tasks-index"] .tsk-howto li > span:first-child {
  color: #72e7a2 !important;
  background: #25d3661f !important;
  width: 14px !important;
  height: 14px !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tasks-index"] .tsk-board {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  align-items: stretch !important;
  gap: 7px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tasks-index"] .tsk-column, html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) body[data-page="user-tasks-index"] .tsk-column.bg-paper-0 {
  min-width: 0;
  min-height: 294px;
  background: #181b1e !important;
  border-color: #ffffff14 !important;
  border-radius: 9px !important;
  box-shadow: 0 8px 20px #0000001a !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tasks-index"] .tsk-column > div:first-child {
  min-height: 39px;
  border-color: #ffffff14 !important;
  padding: 9px 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tasks-index"] .tsk-column > div:first-child > span:first-child {
  color: #ffffffb0 !important;
  font-size: 14px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tasks-index"] .tsk-column[data-task-bucket="overdue"] > div:first-child > span:first-child {
  color: #ff8c7c !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tasks-index"] .tsk-column[data-task-bucket="today"] > div:first-child > span:first-child {
  color: #72e7a2 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tasks-index"] .tsk-column > div:first-child > span:last-child {
  text-align: center;
  background: #0f1113;
  border-radius: 10px;
  min-width: 18px;
  padding: 2px 5px;
  color: #ffffff57 !important;
  font-family: inherit !important;
  font-size: 12px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tasks-index"] .tsk-column > .divide-y {
  border-color: #ffffff12 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tasks-index"] .tsk-row {
  min-height: 72px;
  border-color: #ffffff12 !important;
  gap: 7px !important;
  padding: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tasks-index"] .tsk-complete-form {
  margin-top: 1px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tasks-index"] .tsk-complete-form button {
  background: #0f1113;
  border: 1px solid #ffffff29 !important;
  border-radius: 5px !important;
  width: 16px !important;
  height: 16px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tasks-index"] .tsk-row .text-ink-900 {
  color: #ffffffbd !important;
  font-size: 14px !important;
  line-height: 1.35 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tasks-index"] .tsk-row .flex-1 > .flex {
  gap: 4px !important;
  margin-top: 5px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tasks-index"] .tsk-row .flex-1 > .flex span {
  color: #ffffff47 !important;
  background: none !important;
  padding: 0 !important;
  font-family: inherit !important;
  font-size: 11px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tasks-index"] .tsk-row[data-task-priority="high"] .flex-1 > .flex span:first-child {
  color: #ff8c7c !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tasks-index"] .tsk-row[data-task-priority="medium"] .flex-1 > .flex span:first-child {
  color: #ffc46b !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tasks-index"] .tsk-row[data-task-priority="low"] .flex-1 > .flex span:first-child {
  color: #25d366 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tasks-index"] .tsk-delete-form button {
  color: #ffffff38 !important;
  width: 20px !important;
  height: 20px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tasks-index"] .tsk-delete-form svg {
  width: 10px !important;
  height: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tasks-index"] .tsk-column .px-5.py-6 {
  color: #fff3 !important;
  padding: 52px 8px !important;
  font-size: 12px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tasks-index"] .tsk-completed, html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) body[data-page="user-tasks-index"] .tsk-completed.bg-paper-0 {
  box-shadow: none !important;
  background: #181b1e !important;
  border-color: #ffffff14 !important;
  border-radius: 9px !important;
  padding: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tasks-index"] .tsk-completed summary {
  color: #ffffff8c !important;
  font-size: 14px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tasks-index"] .tsk-completed > div {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  display: grid;
  gap: 5px 12px !important;
  margin-top: 7px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tasks-index"] .tsk-completed > div > div {
  font-size: 12px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tasks-index"] .tsk-completed .text-ink-500 {
  color: #ffffff40 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tasks-index"] .tsk-completed button {
  color: #72e7a2 !important;
  font-size: 11px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tasks-index"] .tsk-modal {
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
  background: #000000a3 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tasks-index"] .tsk-modal-card, html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) body[data-page="user-tasks-index"] .tsk-modal-card.bg-paper-0 {
  color: #f8f6f4;
  border: 1px solid #ffffff1a;
  background: #181b1e !important;
  border-radius: 11px !important;
  gap: 9px !important;
  max-width: 420px !important;
  padding: 16px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tasks-index"] .tsk-modal-card .font-serif {
  font-weight: 750;
  color: #f8f6f4 !important;
  font-family: inherit !important;
  font-size: 14px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tasks-index"] .tsk-modal-card label > span {
  color: #ffffff6b !important;
  font-size: 14px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tasks-index"] .tsk-modal-card input, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tasks-index"] .tsk-modal-card select, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tasks-index"] .tsk-modal-card textarea {
  color: #ffffffbf !important;
  background: #0f1113 !important;
  border-color: #ffffff1a !important;
  border-radius: 7px !important;
  margin-top: 4px !important;
  padding: 8px 9px !important;
  font-size: 14px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tasks-index"] .tsk-modal-card select option {
  background: #0f1113;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tasks-index"] .tsk-modal-card #task-cancel, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tasks-index"] .tsk-modal-card button[type="submit"] {
  border-radius: 6px !important;
  padding: 7px 10px !important;
  font-size: 14px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tasks-index"] .tsk-modal-card #task-cancel {
  color: #ffffff7a !important;
  border-color: #ffffff1a !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tasks-index"] .tsk-modal-card button[type="submit"] {
  color: #07140b !important;
  background: #25d366 !important;
}
@media (max-width: 1100px) {
  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tasks-index"] .tsk-board {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}
@media (max-width: 760px) {
  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tasks-index"] .tsk-summary {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tasks-index"] .tsk-board {
    grid-template-columns: 1fr !important;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tasks-index"] .tsk-howto ol {
    grid-template-columns: 1fr;
  }
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-projects-index"] .shell-pane {
  overflow: auto;
  background: #0f1113 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-projects-index"] .prj-page {
  color: #f8f6f4;
  flex-direction: column;
  width: 100%;
  display: flex;
  gap: 9px !important;
  margin: 0 !important;
  padding: 10px 14px 18px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-projects-index"] .prj-page > * {
  margin: 0 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-projects-index"] .prj-header {
  border-bottom: 1px solid #ffffff14;
  min-height: 66px;
  padding-bottom: 9px;
  align-items: flex-start !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-projects-index"] .prj-header .font-mono {
  font-weight: 800;
  color: #72e7a2b8 !important;
  letter-spacing: .13em !important;
  margin: 0 0 4px !important;
  font-family: inherit !important;
  font-size: 12px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-projects-index"] .prj-header h1 {
  color: #f8f6f4 !important;
  letter-spacing: -.035em !important;
  font-family: inherit !important;
  font-size: 22px !important;
  font-weight: 800 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-projects-index"] .prj-header h1 span {
  color: #f8f6f4 !important;
  font-style: normal !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-projects-index"] .prj-header p {
  color: #ffffff4f !important;
  margin-top: 5px !important;
  font-size: 14px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-projects-index"] #pj-open {
  color: #07140b !important;
  background: #25d366 !important;
  border-radius: 6px !important;
  padding: 7px 10px !important;
  font-size: 13px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-projects-index"] .prj-summary {
  background: #181b1e;
  border: 1px solid #ffffff17;
  border-radius: 9px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  display: grid;
  overflow: hidden;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-projects-index"] .prj-summary > div {
  border-left: 1px solid #ffffff12;
  flex-direction: column;
  justify-content: center;
  min-width: 0;
  min-height: 58px;
  padding: 9px 12px;
  display: flex;
  position: relative;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-projects-index"] .prj-summary > div:first-child {
  border-left: 0;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-projects-index"] .prj-summary > div:before {
  content: "";
  background: #25d366;
  width: 2px;
  position: absolute;
  inset: 0 auto 0 0;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-projects-index"] .prj-summary > div:nth-child(2):before {
  background: #25d366;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-projects-index"] .prj-summary > div:nth-child(3):before {
  background: #ff8c7c;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-projects-index"] .prj-summary > div:nth-child(4):before {
  background: #42d9c4;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-projects-index"] .prj-summary strong {
  color: #f8f6f4;
  font-size: 15px;
  line-height: 1;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-projects-index"] .prj-summary span {
  color: #ffffff4a;
  margin-top: 4px;
  font-size: 12px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-projects-index"] .prj-howto {
  background: #25d3660f !important;
  border-color: #25d36629 !important;
  border-radius: 8px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-projects-index"] .prj-howto summary {
  color: #72e7a2 !important;
  padding: 7px 9px !important;
  font-size: 13px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-projects-index"] .prj-howto summary svg {
  width: 10px !important;
  height: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-projects-index"] .prj-howto > div {
  padding: 2px 9px 9px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-projects-index"] .prj-howto ol {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  display: grid;
  gap: 6px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-projects-index"] .prj-howto li {
  color: #ffffff61 !important;
  font-size: 12px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-projects-index"] .prj-howto li > span:first-child {
  color: #72e7a2 !important;
  background: #25d3661f !important;
  width: 14px !important;
  height: 14px !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-projects-index"] .prj-board {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  align-items: stretch !important;
  gap: 7px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-projects-index"] .prj-column, html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) body[data-page="user-projects-index"] .prj-column.bg-paper-0 {
  min-width: 0;
  min-height: 365px;
  background: #181b1e !important;
  border-color: #ffffff14 !important;
  border-radius: 9px !important;
  box-shadow: 0 8px 20px #0000001a !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-projects-index"] .prj-column > div:first-child {
  min-height: 39px;
  border-color: #ffffff14 !important;
  padding: 9px 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-projects-index"] .prj-column > div:first-child > span:first-child {
  color: #ffffffb0 !important;
  font-size: 14px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-projects-index"] .prj-column[data-project-column="in_progress"] > div:first-child > span:first-child {
  color: #72e7a2 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-projects-index"] .prj-column[data-project-column="overdue"] > div:first-child > span:first-child {
  color: #ff8c7c !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-projects-index"] .prj-column > div:first-child > span:last-child {
  text-align: center;
  background: #0f1113;
  border-radius: 10px;
  min-width: 18px;
  padding: 2px 5px;
  color: #ffffff57 !important;
  font-family: inherit !important;
  font-size: 12px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-projects-index"] .prj-column > .p-3 {
  flex-direction: column;
  display: flex;
  gap: 7px !important;
  padding: 7px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-projects-index"] .prj-card {
  background: #0f1113;
  min-height: 128px;
  border-color: #ffffff14 !important;
  border-radius: 8px !important;
  padding: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-projects-index"] .prj-card .text-ink-900 {
  color: #ffffffc2 !important;
  font-size: 14px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-projects-index"] .prj-delete-form button {
  color: #ffffff38 !important;
  width: 20px !important;
  height: 20px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-projects-index"] .prj-delete-form svg {
  width: 10px !important;
  height: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-projects-index"] .prj-card > .flex:nth-child(2) {
  color: #ffffff47 !important;
  gap: 3px !important;
  margin-top: 4px !important;
  font-size: 11px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-projects-index"] .prj-progress {
  margin-top: 9px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-projects-index"] .prj-progress > .flex {
  color: #ffffff4f !important;
  margin-bottom: 4px !important;
  font-size: 11px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-projects-index"] .prj-progress .pj-pct {
  color: #ffffff8c !important;
  font-family: inherit !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-projects-index"] .prj-progress > .h-1\.5 {
  background: #302b28 !important;
  height: 4px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-projects-index"] .prj-bar {
  border-radius: 4px;
  background: linear-gradient(90deg, #167a45, #25d366) !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-projects-index"] .prj-card[data-project-status="overdue"] .prj-bar {
  background: linear-gradient(90deg, #a34438, #ff8c7c) !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-projects-index"] .pj-range {
  accent-color: #25d366;
  cursor: pointer;
  height: 12px;
  margin-top: 7px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-projects-index"] .pj-range:disabled {
  cursor: wait;
  opacity: .55;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-projects-index"] .prj-column .px-2.py-6 {
  color: #fff3 !important;
  padding: 70px 8px !important;
  font-size: 12px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-projects-index"] .prj-modal {
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
  background: #000000a3 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-projects-index"] .prj-modal-card, html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) body[data-page="user-projects-index"] .prj-modal-card.bg-paper-0 {
  color: #f8f6f4;
  border: 1px solid #ffffff1a;
  background: #181b1e !important;
  border-radius: 11px !important;
  gap: 9px !important;
  max-width: 420px !important;
  padding: 16px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-projects-index"] .prj-modal-card .font-serif {
  font-weight: 750;
  color: #f8f6f4 !important;
  font-family: inherit !important;
  font-size: 14px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-projects-index"] .prj-modal-card label > span {
  color: #ffffff6b !important;
  font-size: 14px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-projects-index"] .prj-modal-card input, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-projects-index"] .prj-modal-card select, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-projects-index"] .prj-modal-card textarea {
  color: #ffffffbf !important;
  background: #0f1113 !important;
  border-color: #ffffff1a !important;
  border-radius: 7px !important;
  margin-top: 4px !important;
  padding: 8px 9px !important;
  font-size: 14px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-projects-index"] .prj-modal-card select option {
  background: #0f1113;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-projects-index"] .prj-modal-card #pj-cancel, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-projects-index"] .prj-modal-card button[type="submit"] {
  border-radius: 6px !important;
  padding: 7px 10px !important;
  font-size: 14px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-projects-index"] .prj-modal-card #pj-cancel {
  color: #ffffff7a !important;
  border-color: #ffffff1a !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-projects-index"] .prj-modal-card button[type="submit"] {
  color: #07140b !important;
  background: #25d366 !important;
}
@media (max-width: 1100px) {
  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-projects-index"] .prj-board {
    grid-template-columns: 1fr !important;
  }
}
@media (max-width: 760px) {
  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-projects-index"] .prj-summary {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-projects-index"] .prj-howto ol {
    grid-template-columns: 1fr;
  }
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-salesdocs-index"] .shell-pane {
  overflow: auto;
  background: #0f1113 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-salesdocs-index"] .sdoc-page {
  color: #f8f6f4;
  flex-direction: column;
  width: 100%;
  display: flex;
  gap: 9px !important;
  margin: 0 !important;
  padding: 10px 14px 18px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-salesdocs-index"] .sdoc-page > * {
  margin: 0 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-salesdocs-index"] .sdoc-header {
  border-bottom: 1px solid #ffffff14;
  min-height: 66px;
  padding-bottom: 9px;
  align-items: flex-start !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-salesdocs-index"] .sdoc-header .font-mono {
  font-weight: 800;
  color: #72e7a2b8 !important;
  letter-spacing: .13em !important;
  margin: 0 0 4px !important;
  font-family: inherit !important;
  font-size: 12px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-salesdocs-index"] .sdoc-header h1 {
  color: #f8f6f4 !important;
  letter-spacing: -.035em !important;
  font-family: inherit !important;
  font-size: 22px !important;
  font-weight: 800 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-salesdocs-index"] .sdoc-header h1 span {
  color: #f8f6f4 !important;
  font-style: normal !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-salesdocs-index"] .sdoc-header p {
  color: #ffffff4f !important;
  margin-top: 5px !important;
  font-size: 14px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-salesdocs-index"] .sdoc-actions {
  gap: 7px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-salesdocs-index"] .sdoc-open-value .font-mono {
  color: #ffffff42 !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-salesdocs-index"] .sdoc-open-value .text-wa-deep {
  color: #72e7a2 !important;
  font-size: 11px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-salesdocs-index"] #sd-open {
  color: #07140b !important;
  background: #25d366 !important;
  border-radius: 6px !important;
  padding: 7px 10px !important;
  font-size: 13px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-salesdocs-index"] .sdoc-summary {
  background: #181b1e;
  border: 1px solid #ffffff17;
  border-radius: 9px;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  display: grid;
  overflow: hidden;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-salesdocs-index"] .sdoc-summary > div {
  border-left: 1px solid #ffffff12;
  flex-direction: column;
  justify-content: center;
  min-width: 0;
  min-height: 58px;
  padding: 9px 11px;
  display: flex;
  position: relative;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-salesdocs-index"] .sdoc-summary > div:first-child {
  border-left: 0;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-salesdocs-index"] .sdoc-summary > div:before {
  content: "";
  background: #25d366;
  width: 2px;
  position: absolute;
  inset: 0 auto 0 0;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-salesdocs-index"] .sdoc-summary > div:nth-child(2):before {
  background: #ffc46b;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-salesdocs-index"] .sdoc-summary > div:nth-child(3):before {
  background: #42d9c4;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-salesdocs-index"] .sdoc-summary > div:nth-child(4):before {
  background: #25d366;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-salesdocs-index"] .sdoc-summary > div:nth-child(5):before {
  background: #b98cff;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-salesdocs-index"] .sdoc-summary strong {
  color: #f8f6f4;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 14px;
  line-height: 1;
  overflow: hidden;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-salesdocs-index"] .sdoc-summary span {
  color: #ffffff47;
  margin-top: 4px;
  font-size: 12px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-salesdocs-index"] .sdoc-howto {
  background: #25d3660f !important;
  border-color: #25d36629 !important;
  border-radius: 8px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-salesdocs-index"] .sdoc-howto summary {
  color: #72e7a2 !important;
  padding: 7px 9px !important;
  font-size: 13px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-salesdocs-index"] .sdoc-howto summary svg {
  width: 10px !important;
  height: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-salesdocs-index"] .sdoc-howto > div {
  padding: 2px 9px 9px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-salesdocs-index"] .sdoc-howto ol {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  display: grid;
  gap: 6px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-salesdocs-index"] .sdoc-howto li {
  color: #ffffff61 !important;
  font-size: 11px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-salesdocs-index"] .sdoc-howto li > span:first-child {
  color: #72e7a2 !important;
  background: #25d3661f !important;
  width: 14px !important;
  height: 14px !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-salesdocs-index"] .sdoc-table, html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) body[data-page="user-salesdocs-index"] .sdoc-table.bg-paper-0 {
  background: #181b1e !important;
  border-color: #ffffff14 !important;
  border-radius: 9px !important;
  box-shadow: 0 8px 20px #0000001a !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-salesdocs-index"] .sdoc-table table {
  table-layout: fixed;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-salesdocs-index"] .sdoc-table thead tr {
  background: #292421 !important;
  border-color: #ffffff14 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-salesdocs-index"] .sdoc-table th {
  color: #ffffff47 !important;
  padding: 8px 9px !important;
  font-family: inherit !important;
  font-size: 11px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-salesdocs-index"] .sdoc-table th:first-child {
  width: 12%;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-salesdocs-index"] .sdoc-table th:nth-child(2) {
  width: 23%;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-salesdocs-index"] .sdoc-table th:nth-child(3) {
  width: 12%;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-salesdocs-index"] .sdoc-table th:nth-child(4) {
  width: 11%;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-salesdocs-index"] .sdoc-table th:nth-child(5) {
  width: 12%;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-salesdocs-index"] .sdoc-table th:nth-child(6) {
  width: 30%;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-salesdocs-index"] .sdoc-row {
  min-height: 48px;
  border-color: #ffffff12 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-salesdocs-index"] .sdoc-row:hover {
  background: #ffffff05 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-salesdocs-index"] .sdoc-row td {
  color: #ffffff8c;
  text-overflow: ellipsis;
  overflow: hidden;
  padding: 8px 9px !important;
  font-size: 13px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-salesdocs-index"] .sdoc-row td:first-child {
  color: #ffffff70 !important;
  font-family: inherit !important;
  font-size: 12px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-salesdocs-index"] .sdoc-row td:nth-child(2) .font-semibold {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  color: #ffffffba !important;
  font-size: 14px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-salesdocs-index"] .sdoc-row td:nth-child(2) .text-ink-500 {
  margin-top: 2px;
  color: #ffffff47 !important;
  font-size: 11px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-salesdocs-index"] .sdoc-row td:nth-child(3) {
  color: #ffffffc2;
  font-size: 14px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-salesdocs-index"] .sdoc-row td:nth-child(4) span {
  color: #8faeff !important;
  background: #5b8cff1c !important;
  border-radius: 5px !important;
  padding: 3px 5px !important;
  font-size: 11px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-salesdocs-index"] .sdoc-row[data-salesdoc-status="accepted"] td:nth-child(4) span {
  color: #72e7a2 !important;
  background: #25d3661a !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-salesdocs-index"] .sdoc-row[data-salesdoc-status="rejected"] td:nth-child(4) span, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-salesdocs-index"] .sdoc-row[data-salesdoc-status="expired"] td:nth-child(4) span {
  color: #ff8c7c !important;
  background: #ff8c7c1a !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-salesdocs-index"] .sdoc-row td:last-child > div {
  flex-wrap: nowrap !important;
  gap: 3px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-salesdocs-index"] .sdoc-row td:last-child button, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-salesdocs-index"] .sdoc-row td:last-child a {
  white-space: nowrap;
  color: #ffffff7a !important;
  background: #0f1113 !important;
  border-color: #ffffff14 !important;
  border-radius: 4px !important;
  padding: 4px 5px !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-salesdocs-index"] .sdoc-row .sdoc-send button {
  color: #72e7a2 !important;
  background: #25d3661f !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-salesdocs-index"] .sdoc-row .sdoc-convert button {
  color: #07140b !important;
  background: #25d366 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-salesdocs-index"] .sdoc-modal {
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
  background: #000000a3 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-salesdocs-index"] .sdoc-modal-card, html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) body[data-page="user-salesdocs-index"] .sdoc-modal-card.bg-paper-0 {
  color: #f8f6f4;
  border: 1px solid #ffffff1a;
  background: #181b1e !important;
  border-radius: 11px !important;
  gap: 9px !important;
  max-width: 610px !important;
  padding: 16px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-salesdocs-index"] .sdoc-modal-card .font-serif {
  font-weight: 750;
  color: #f8f6f4 !important;
  font-family: inherit !important;
  font-size: 14px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-salesdocs-index"] .sdoc-modal-card label > span, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-salesdocs-index"] .sdoc-modal-card .text-ink-700 {
  color: #ffffff6b !important;
  font-size: 14px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-salesdocs-index"] .sdoc-modal-card input, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-salesdocs-index"] .sdoc-modal-card select, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-salesdocs-index"] .sdoc-modal-card textarea {
  color: #ffffffbf !important;
  background: #0f1113 !important;
  border-color: #ffffff1a !important;
  border-radius: 6px !important;
  margin-top: 4px !important;
  padding: 7px 8px !important;
  font-size: 14px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-salesdocs-index"] .sdoc-modal-card select option {
  background: #0f1113;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-salesdocs-index"] .sd-row {
  gap: 5px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-salesdocs-index"] .sd-row input {
  margin-top: 0 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-salesdocs-index"] .sd-del {
  color: #ffffff4d !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-salesdocs-index"] #sd-add-row {
  color: #72e7a2 !important;
  font-size: 12px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-salesdocs-index"] .sdoc-modal-card #sd-cancel, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-salesdocs-index"] .sdoc-modal-card button[type="submit"] {
  border-radius: 6px !important;
  padding: 7px 10px !important;
  font-size: 14px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-salesdocs-index"] .sdoc-modal-card #sd-cancel {
  color: #ffffff7a !important;
  border-color: #ffffff1a !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-salesdocs-index"] .sdoc-modal-card button[type="submit"] {
  color: #07140b !important;
  background: #25d366 !important;
}
@media (max-width: 760px) {
  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-salesdocs-index"] .sdoc-summary {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-salesdocs-index"] .sdoc-howto ol {
    grid-template-columns: 1fr;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-salesdocs-index"] .sdoc-table {
    overflow-x: auto;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-salesdocs-index"] .sdoc-table table {
    min-width: 680px;
  }
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-invoices-index"] .shell-pane {
  overflow: auto;
  background: #0f1113 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-invoices-index"] .inv-page {
  color: #f8f6f4;
  flex-direction: column;
  width: 100%;
  display: flex;
  gap: 9px !important;
  margin: 0 !important;
  padding: 10px 14px 18px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-invoices-index"] .inv-page > * {
  margin: 0 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-invoices-index"] .inv-header {
  border-bottom: 1px solid #ffffff14;
  min-height: 66px;
  padding-bottom: 9px;
  align-items: flex-start !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-invoices-index"] .inv-header .font-mono {
  font-weight: 800;
  color: #72e7a2b8 !important;
  letter-spacing: .13em !important;
  margin: 0 0 4px !important;
  font-family: inherit !important;
  font-size: 12px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-invoices-index"] .inv-header h1 {
  color: #f8f6f4 !important;
  letter-spacing: -.035em !important;
  font-family: inherit !important;
  font-size: 22px !important;
  font-weight: 800 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-invoices-index"] .inv-header h1 span {
  color: #f8f6f4 !important;
  font-style: normal !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-invoices-index"] .inv-header p {
  color: #ffffff4f !important;
  margin-top: 5px !important;
  font-size: 14px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-invoices-index"] .inv-actions {
  gap: 6px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-invoices-index"] .inv-actions a {
  color: #ffffff8c !important;
  border-color: #ffffff1a !important;
  border-radius: 6px !important;
  padding: 7px 10px !important;
  font-size: 13px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-invoices-index"] .inv-actions a:first-child {
  color: #07140b !important;
  background: #25d366 !important;
  border-color: #25d366 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-invoices-index"] .inv-summary {
  background: #181b1e;
  border: 1px solid #ffffff17;
  border-radius: 9px;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  display: grid;
  overflow: hidden;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-invoices-index"] .inv-summary > div {
  border-left: 1px solid #ffffff12;
  flex-direction: column;
  justify-content: center;
  min-width: 0;
  min-height: 58px;
  padding: 9px 11px;
  display: flex;
  position: relative;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-invoices-index"] .inv-summary > div:first-child {
  border-left: 0;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-invoices-index"] .inv-summary > div:before {
  content: "";
  background: #25d366;
  width: 2px;
  position: absolute;
  inset: 0 auto 0 0;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-invoices-index"] .inv-summary > div:nth-child(2):before {
  background: #25d366;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-invoices-index"] .inv-summary > div:nth-child(3):before {
  background: #ffc46b;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-invoices-index"] .inv-summary > div:nth-child(4):before {
  background: #ff8c7c;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-invoices-index"] .inv-summary > div:nth-child(5):before {
  background: #b98cff;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-invoices-index"] .inv-summary strong {
  color: #f8f6f4;
  font-size: 14px;
  line-height: 1;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-invoices-index"] .inv-summary span {
  color: #ffffff47;
  margin-top: 4px;
  font-size: 12px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-invoices-index"] .inv-layout {
  grid-template-columns: minmax(0, 1fr) 218px !important;
  gap: 9px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-invoices-index"] .inv-layout > div {
  flex-direction: column;
  display: flex;
  gap: 8px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-invoices-index"] .inv-setup, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-invoices-index"] .inv-orders, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-invoices-index"] .inv-table, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-invoices-index"] .inv-how, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-invoices-index"] .inv-note, html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) body[data-page="user-invoices-index"] .inv-table.bg-paper-0 {
  background: #181b1e !important;
  border-color: #ffffff14 !important;
  border-radius: 9px !important;
  box-shadow: 0 8px 20px #0000001a !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-invoices-index"] .inv-setup {
  background: #ffc46b0d !important;
  border-color: #ffc46b2e !important;
  padding: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-invoices-index"] .inv-setup > .flex {
  margin-bottom: 6px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-invoices-index"] .inv-setup .font-serif {
  font-weight: 700;
  color: #ffc46b !important;
  font-family: inherit !important;
  font-size: 14px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-invoices-index"] .inv-setup ul {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  display: grid;
  gap: 4px 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-invoices-index"] .inv-setup li {
  color: #ffffff57 !important;
  font-size: 11px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-invoices-index"] .inv-setup li .font-semibold {
  color: #ffffff94 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-invoices-index"] .inv-setup svg {
  width: 9px !important;
  height: 9px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-invoices-index"] .inv-setup > a {
  color: #ffc46b !important;
  background: #ffc46b1f !important;
  border-radius: 5px !important;
  margin-top: 7px !important;
  padding: 5px 7px !important;
  font-size: 11px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-invoices-index"] .inv-orders {
  padding: 9px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-invoices-index"] .inv-orders > .font-mono {
  color: #ffffff4d !important;
  margin-bottom: 5px !important;
  font-family: inherit !important;
  font-size: 11px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-invoices-index"] .inv-orders button {
  color: #ffffff7a !important;
  background: #0f1113 !important;
  border-color: #ffffff17 !important;
  border-radius: 5px !important;
  padding: 5px 7px !important;
  font-size: 11px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-invoices-index"] .inv-table table {
  table-layout: fixed;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-invoices-index"] .inv-table thead {
  background: #292421 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-invoices-index"] .inv-table th {
  color: #ffffff47 !important;
  padding: 8px 9px !important;
  font-family: inherit !important;
  font-size: 11px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-invoices-index"] .inv-table th:first-child {
  width: 18%;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-invoices-index"] .inv-table th:nth-child(2) {
  width: 23%;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-invoices-index"] .inv-table th:nth-child(3) {
  width: 15%;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-invoices-index"] .inv-table th:nth-child(4) {
  width: 16%;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-invoices-index"] .inv-table th:nth-child(5) {
  width: 20%;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-invoices-index"] .inv-table th:nth-child(6) {
  width: 8%;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-invoices-index"] .inv-row {
  border-color: #ffffff12 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-invoices-index"] .inv-row:hover {
  background: #ffffff05 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-invoices-index"] .inv-row td {
  color: #ffffff85;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  padding: 8px 9px !important;
  font-size: 13px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-invoices-index"] .inv-row td:first-child {
  font-family: inherit !important;
  font-size: 12px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-invoices-index"] .inv-row td:first-child a, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-invoices-index"] .inv-row td:last-child a {
  color: #72e7a2 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-invoices-index"] .inv-row td:nth-child(4) {
  color: #ffffffc2 !important;
  font-size: 14px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-invoices-index"] .inv-row td span {
  border-radius: 5px !important;
  padding: 3px 5px !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-invoices-index"] .inv-table > .px-5 {
  color: #ffffff52 !important;
  font-size: 14px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-invoices-index"] .inv-context {
  flex-direction: column;
  display: flex;
  gap: 8px !important;
  top: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-invoices-index"] .inv-how, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-invoices-index"] .inv-note {
  padding: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-invoices-index"] .inv-how > .font-mono {
  color: #72e7a2b3 !important;
  margin-bottom: 7px !important;
  font-family: inherit !important;
  font-size: 11px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-invoices-index"] .inv-how ol {
  gap: 7px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-invoices-index"] .inv-how li {
  line-height: 1.35;
  color: #ffffff63 !important;
  font-size: 11px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-invoices-index"] .inv-how li span {
  color: #72e7a2 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-invoices-index"] .inv-note {
  color: #ffffff57 !important;
  background: #42d9c40d !important;
  border-color: #42d9c424 !important;
  font-size: 11px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-invoices-index"] .inv-note .font-semibold {
  color: #72e7a2 !important;
  font-size: 12px !important;
}
@media (max-width: 760px) {
  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-invoices-index"] .inv-summary {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-invoices-index"] .inv-layout {
    grid-template-columns: 1fr !important;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-invoices-index"] .inv-setup ul {
    grid-template-columns: 1fr;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-invoices-index"] .inv-table table {
    min-width: 620px;
  }
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="invoices-create"] .shell-pane {
  overflow: auto;
  background: #0f1113 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="invoices-create"] .inv-create-page {
  color: #f8f6f4;
  flex-direction: column;
  width: 100%;
  display: flex;
  gap: 9px !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 10px 14px 18px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="invoices-create"] .inv-create-page > * {
  margin: 0 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="invoices-create"] .inv-create-header {
  border-bottom: 1px solid #ffffff14;
  min-height: 66px;
  padding-bottom: 9px;
  align-items: flex-start !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="invoices-create"] .inv-create-header .font-mono {
  font-weight: 800;
  color: #72e7a2b8 !important;
  letter-spacing: .13em !important;
  margin: 0 0 4px !important;
  font-family: inherit !important;
  font-size: 12px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="invoices-create"] .inv-create-header h1 {
  color: #f8f6f4 !important;
  letter-spacing: -.035em !important;
  font-family: inherit !important;
  font-size: 22px !important;
  font-weight: 800 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="invoices-create"] .inv-create-header h1 span {
  color: #f8f6f4 !important;
  font-style: normal !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="invoices-create"] .inv-create-header p {
  color: #ffffff4f !important;
  margin-top: 5px !important;
  font-size: 14px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="invoices-create"] .inv-create-header > a {
  color: #ffffff85 !important;
  border-color: #ffffff1a !important;
  border-radius: 6px !important;
  padding: 7px 10px !important;
  font-size: 13px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="invoices-create"] .inv-create-layout {
  grid-template-columns: minmax(0, 1fr) 210px;
  align-items: start;
  gap: 9px;
  display: grid;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="invoices-create"] .inv-create-form {
  flex-direction: column;
  display: flex;
  gap: 8px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="invoices-create"] .inv-create-card, html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) body[data-page="invoices-create"] .inv-create-card.bg-paper-0 {
  background: #181b1e !important;
  border-color: #ffffff14 !important;
  border-radius: 9px !important;
  gap: 7px !important;
  padding: 10px !important;
  box-shadow: 0 8px 20px #0000001a !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="invoices-create"] .inv-create-card > .text-\[13px\], html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="invoices-create"] .inv-create-card > .flex .text-\[13px\] {
  color: #ffffffc7 !important;
  font-size: 14px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="invoices-create"] .inv-create-card label > span, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="invoices-create"] .inv-items thead tr {
  color: #ffffff57 !important;
  font-size: 11px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="invoices-create"] .inv-create-card input, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="invoices-create"] .inv-create-card select, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="invoices-create"] .inv-create-card textarea {
  color: #ffffffb8 !important;
  background: #0f1113 !important;
  border-color: #ffffff17 !important;
  border-radius: 5px !important;
  margin-top: 3px !important;
  padding: 6px 7px !important;
  font-size: 13px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="invoices-create"] .inv-create-card select option {
  background: #0f1113;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="invoices-create"] .inv-buyer .grid {
  gap: 7px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="invoices-create"] .inv-items #inv-add-row {
  color: #72e7a2 !important;
  font-size: 12px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="invoices-create"] .inv-items th {
  padding-bottom: 4px !important;
  font-size: 11px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="invoices-create"] .inv-items .inv-row {
  border-color: #ffffff12 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="invoices-create"] .inv-items .inv-row td {
  color: #fff9 !important;
  padding: 4px 2px !important;
  font-size: 12px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="invoices-create"] .inv-items .inv-row input {
  margin: 0 !important;
  padding: 5px 6px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="invoices-create"] .inv-items .inv-del {
  color: #ff8c7c !important;
  width: 20px !important;
  height: 20px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="invoices-create"] .inv-create-adjustments {
  gap: 8px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="invoices-create"] .inv-live-summary > div:not(:first-child) {
  color: #ffffff7a !important;
  font-size: 13px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="invoices-create"] .inv-live-summary .border-t {
  color: #ffffffc7 !important;
  border-color: #ffffff14 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="invoices-create"] .inv-live-summary #sum-total {
  color: #72e7a2 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="invoices-create"] .inv-crm-link .grid {
  gap: 7px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="invoices-create"] .inv-create-actions {
  gap: 6px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="invoices-create"] .inv-create-actions a, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="invoices-create"] .inv-create-actions button {
  color: #ffffff7a !important;
  border-color: #ffffff1a !important;
  border-radius: 6px !important;
  padding: 7px 10px !important;
  font-size: 13px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="invoices-create"] .inv-create-actions button {
  color: #07140b !important;
  background: #25d366 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="invoices-create"] .inv-create-context {
  flex-direction: column;
  gap: 8px;
  display: flex;
  position: sticky;
  top: 10px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="invoices-create"] .inv-create-context-card {
  background: #181b1e;
  border: 1px solid #ffffff14;
  border-radius: 9px;
  padding: 10px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="invoices-create"] .inv-context-label {
  color: #72e7a2b3;
  letter-spacing: .12em;
  text-transform: uppercase;
  margin-bottom: 8px;
  font-size: 11px;
  font-weight: 800;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="invoices-create"] .inv-create-context ol {
  flex-direction: column;
  gap: 7px;
  display: flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="invoices-create"] .inv-create-context li {
  color: #ffffff61;
  gap: 6px;
  font-size: 11px;
  line-height: 1.35;
  display: flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="invoices-create"] .inv-create-context li span {
  color: #72e7a2;
  font-weight: 800;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="invoices-create"] .inv-create-ready dl {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  display: grid;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="invoices-create"] .inv-create-ready dt {
  color: #ffffff47;
  font-size: 10px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="invoices-create"] .inv-create-ready dd {
  color: #ffffffbd;
  margin-top: 2px;
  font-size: 14px;
  font-weight: 700;
}
@media (max-width: 760px) {
  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="invoices-create"] .inv-create-layout {
    grid-template-columns: 1fr;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="invoices-create"] .inv-create-context {
    position: static;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="invoices-create"] .inv-items table {
    min-width: 590px;
  }
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-invoices-show"] .shell-pane {
  overflow: auto;
  background: #0f1113 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-invoices-show"] .inv-show-page {
  color: #f8f6f4;
  flex-direction: column;
  width: 100%;
  display: flex;
  gap: 9px !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 10px 14px 18px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-invoices-show"] .inv-show-page > * {
  margin: 0 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-invoices-show"] .inv-show-header {
  border-bottom: 1px solid #ffffff14;
  min-height: 52px;
  padding-bottom: 9px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-invoices-show"] .inv-show-header > a {
  color: #ffffff8c !important;
  background: #181b1e !important;
  border-color: #ffffff1a !important;
  border-radius: 6px !important;
  width: 25px !important;
  height: 25px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-invoices-show"] .inv-show-header .font-mono {
  font-weight: 800;
  color: #72e7a2b8 !important;
  font-family: inherit !important;
  font-size: 11px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-invoices-show"] .inv-show-header h1 {
  color: #f8f6f4;
  letter-spacing: -.025em;
  margin-top: 2px;
  font-size: 16px;
  font-weight: 800;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-invoices-show"] .inv-show-layout {
  grid-template-columns: minmax(0, 1fr) 210px;
  align-items: start;
  gap: 9px;
  display: grid;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-invoices-show"] .inv-detail {
  flex-direction: column;
  display: flex;
  gap: 8px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-invoices-show"] .inv-detail-summary {
  background: #181b1e;
  border: 1px solid #ffffff14;
  border-radius: 9px;
  min-height: 56px;
  padding: 9px 10px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-invoices-show"] .inv-detail-summary .font-mono {
  color: #ffffff47 !important;
  font-family: inherit !important;
  font-size: 11px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-invoices-show"] .inv-detail-summary .font-serif {
  font-weight: 800;
  color: #ffffffd1 !important;
  font-family: inherit !important;
  font-size: 13px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-invoices-show"] .inv-detail-summary .text-wa-deep {
  color: #72e7a2 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-invoices-show"] .inv-detail-card, html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) body[data-page="user-invoices-show"] .inv-detail-card.bg-paper-0 {
  background: #181b1e !important;
  border-color: #ffffff14 !important;
  border-radius: 9px !important;
  gap: 9px !important;
  padding: 11px !important;
  box-shadow: 0 8px 20px #0000001a !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-invoices-show"] .inv-detail-card .font-mono {
  color: #ffffff47 !important;
  font-family: inherit !important;
  font-size: 11px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-invoices-show"] .inv-detail-card .font-semibold {
  color: #ffffffc2 !important;
  font-size: 14px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-invoices-show"] .inv-detail-card .text-ink-500 {
  color: #ffffff52 !important;
  font-size: 12px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-invoices-show"] .inv-detail-card > .flex > span {
  color: #ffc46b !important;
  background: #ffc46b1c !important;
  border-radius: 5px !important;
  padding: 3px 5px !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-invoices-show"] .inv-detail-card > .border {
  border-color: #ffffff14 !important;
  border-radius: 7px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-invoices-show"] .inv-detail-card thead {
  background: #292421 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-invoices-show"] .inv-detail-card th {
  color: #ffffff45 !important;
  padding: 7px 8px !important;
  font-family: inherit !important;
  font-size: 11px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-invoices-show"] .inv-detail-card tbody {
  border-color: #ffffff12 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-invoices-show"] .inv-detail-card td {
  color: #ffffff8c !important;
  padding: 7px 8px !important;
  font-size: 13px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-invoices-show"] .inv-detail-card > .flex:last-of-type {
  gap: 5px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-invoices-show"] .inv-detail-card > .flex:last-of-type a, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-invoices-show"] .inv-detail-card > .flex:last-of-type button {
  color: #ffffff7a !important;
  background: #0f1113 !important;
  border-color: #ffffff17 !important;
  border-radius: 5px !important;
  padding: 6px 8px !important;
  font-size: 12px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-invoices-show"] .inv-detail-card > .flex:last-of-type a:first-child {
  color: #07140b !important;
  background: #25d366 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-invoices-show"] .inv-show-context {
  background: #181b1e;
  border: 1px solid #ffffff14;
  border-radius: 9px;
  padding: 10px;
  position: sticky;
  top: 10px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-invoices-show"] .inv-show-context .inv-context-label {
  color: #72e7a2b3;
  letter-spacing: .12em;
  text-transform: uppercase;
  margin-bottom: 8px;
  font-size: 11px;
  font-weight: 800;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-invoices-show"] .inv-show-context dl {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 9px 7px;
  display: grid;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-invoices-show"] .inv-show-context dt {
  color: #ffffff45;
  font-size: 10px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-invoices-show"] .inv-show-context dd {
  color: #ffffffb3;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-top: 2px;
  font-size: 13px;
  font-weight: 700;
  overflow: hidden;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-invoices-show"] .inv-show-context p {
  color: #ffffff4f;
  border-top: 1px solid #ffffff12;
  margin-top: 10px;
  padding-top: 8px;
  font-size: 11px;
  line-height: 1.4;
}
@media (max-width: 760px) {
  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-invoices-show"] .inv-show-layout {
    grid-template-columns: 1fr;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-invoices-show"] .inv-show-context {
    position: static;
  }
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-invoices-settings"] .shell-pane {
  overflow: auto;
  background: #0f1113 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-invoices-settings"] .inv-settings-page {
  color: #f8f6f4;
  flex-direction: column;
  width: 100%;
  display: flex;
  gap: 9px !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 10px 14px 18px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-invoices-settings"] .inv-settings-page > * {
  margin: 0 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-invoices-settings"] .inv-settings-header {
  border-bottom: 1px solid #ffffff14;
  min-height: 52px;
  padding-bottom: 9px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-invoices-settings"] .inv-settings-header > a {
  color: #ffffff8c !important;
  background: #181b1e !important;
  border-color: #ffffff1a !important;
  border-radius: 6px !important;
  width: 25px !important;
  height: 25px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-invoices-settings"] .inv-settings-header h1 {
  letter-spacing: -.03em;
  color: #f8f6f4 !important;
  font-family: inherit !important;
  font-size: 18px !important;
  font-weight: 800 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-invoices-settings"] .inv-settings-header h1 span {
  color: #f8f6f4 !important;
  font-style: normal !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-invoices-settings"] .inv-settings-form {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: start;
  display: grid;
  gap: 8px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-invoices-settings"] .inv-settings-form > .bg-paper-0, html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) body[data-page="user-invoices-settings"] .inv-settings-form > .bg-paper-0 {
  background: #181b1e !important;
  border-color: #ffffff14 !important;
  border-radius: 9px !important;
  gap: 7px !important;
  margin: 0 !important;
  padding: 10px !important;
  box-shadow: 0 8px 20px #0000001a !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-invoices-settings"] .inv-settings-form > .bg-paper-0 > * {
  margin-top: 0 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-invoices-settings"] .inv-settings-form > .bg-paper-0:first-of-type, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-invoices-settings"] .inv-settings-form > .bg-paper-0:nth-of-type(4), html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-invoices-settings"] .inv-settings-form > [data-settings-save] {
  grid-column: 1 / -1;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-invoices-settings"] .inv-settings-form .font-serif {
  font-weight: 750;
  color: #ffffffc9 !important;
  font-family: inherit !important;
  font-size: 14px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-invoices-settings"] .inv-settings-form .font-serif .text-ink-400 {
  color: #ffffff45 !important;
  font-size: 11px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-invoices-settings"] .inv-settings-form label > span, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-invoices-settings"] .inv-settings-form .text-ink-700 {
  color: #ffffff61 !important;
  font-size: 11px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-invoices-settings"] .inv-settings-form input:not([type="checkbox"]):not([type="file"]), html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-invoices-settings"] .inv-settings-form select, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-invoices-settings"] .inv-settings-form textarea {
  color: #ffffffb8 !important;
  background: #0f1113 !important;
  border-color: #ffffff17 !important;
  border-radius: 5px !important;
  margin-top: 3px !important;
  padding: 6px 7px !important;
  font-size: 13px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-invoices-settings"] .inv-settings-form select option {
  background: #0f1113;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-invoices-settings"] .inv-settings-form input[type="checkbox"] {
  accent-color: #25d366;
  width: 11px !important;
  height: 11px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-invoices-settings"] .inv-settings-form input[type="file"] {
  color: #ffffff54 !important;
  font-size: 11px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-invoices-settings"] .inv-settings-form input[type="file"]::file-selector-button {
  color: #ffffff8a;
  background: #0f1113;
  border: 0;
  border-radius: 5px;
  margin-right: 6px;
  padding: 5px 7px;
  font-size: 11px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-invoices-settings"] .inv-settings-form .grid {
  gap: 7px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-invoices-settings"] .inv-settings-form [data-extra-row] {
  gap: 5px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-invoices-settings"] .inv-settings-form [data-extra-row] input {
  margin: 0 !important;
  padding: 5px 6px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-invoices-settings"] .inv-settings-form [data-add-extra] {
  color: #72e7a2 !important;
  font-size: 11px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-invoices-settings"] .inv-settings-form [data-remove-extra] {
  color: #ff8c7c !important;
  width: 20px !important;
  height: 20px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-invoices-settings"] .inv-settings-form p, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-invoices-settings"] .inv-settings-form .text-ink-400 {
  color: #ffffff47 !important;
  font-size: 11px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-invoices-settings"] .inv-settings-form .bg-paper-50 {
  background: #0f1113 !important;
  border-color: #ffffff14 !important;
  border-radius: 7px !important;
  padding: 8px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-invoices-settings"] .inv-settings-form .bg-paper-50 .font-semibold {
  color: #ffffffad !important;
  font-size: 12px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-invoices-settings"] .inv-settings-form [data-template-submit] {
  color: #72e7a2 !important;
  background: #25d3661f !important;
  border-radius: 5px !important;
  padding: 6px 8px !important;
  font-size: 11px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-invoices-settings"] .inv-settings-form [data-settings-save] {
  color: #07140b !important;
  background: #25d366 !important;
  border-radius: 6px !important;
  margin: 0 !important;
  padding: 8px 10px !important;
  font-size: 13px !important;
}
@media (max-width: 760px) {
  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-invoices-settings"] .inv-settings-form {
    grid-template-columns: 1fr;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-invoices-settings"] .inv-settings-form > .bg-paper-0, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-invoices-settings"] .inv-settings-form > [data-settings-save] {
    grid-column: auto;
  }
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="payments-index"] .shell-pane {
  background: #0f1113 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="payments-index"].payment-modal-open {
  overflow: hidden;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="payments-index"] .pay-ledger-page {
  color: #f8f6f4;
  background: #0f1113;
  flex-direction: column;
  gap: 7px;
  width: 100%;
  min-height: calc(100vh - 73px);
  display: flex;
  margin: 0 !important;
  padding: 10px 14px 18px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="payments-index"] .pay-ledger-header {
  border-bottom: 1px solid #ffffff14;
  justify-content: space-between;
  align-items: flex-end;
  gap: 10px;
  min-height: 68px;
  padding-bottom: 9px;
  display: flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="payments-index"] .pay-ledger-eyebrow, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="payments-index"] .pay-ledger-panel-head span {
  color: #5b8cffa3;
  letter-spacing: .12em;
  text-transform: uppercase;
  font-size: 10px;
  font-weight: 750;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="payments-index"] .pay-ledger-header h1 {
  color: #f8f6f4;
  letter-spacing: -.035em;
  margin-top: 3px;
  font-size: 19px;
  font-weight: 800;
  line-height: 1;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="payments-index"] .pay-ledger-header p {
  color: #ffffff4a;
  max-width: 390px;
  margin-top: 4px;
  font-size: 10px;
  line-height: 1.4;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="payments-index"] .pay-ledger-actions {
  align-items: center;
  gap: 5px;
  display: flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="payments-index"] .pay-ledger-actions a, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="payments-index"] .pay-ledger-actions button {
  color: #ffffff7a;
  background: #ffffff08;
  border: 1px solid #ffffff1a;
  border-radius: 6px;
  min-height: 24px;
  padding: 5px 8px;
  font-size: 10px;
  font-weight: 750;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="payments-index"] .pay-ledger-actions button {
  color: #04130a;
  background: #25d366;
  border-color: #0000;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="payments-index"] .pay-ledger-actions a:hover {
  color: #fff;
  background: #ffffff12;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="payments-index"] .pay-ledger-notice {
  color: #6bdc96;
  background: #25d36612;
  border: 1px solid #25d36630;
  border-radius: 6px;
  padding: 6px 8px;
  font-size: 10px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="payments-index"] .pay-ledger-notice.is-error {
  color: #f07c8e;
  background: #e01e5a14;
  border-color: #e01e5a38;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="payments-index"] .pay-ledger-kpis {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 7px;
  display: grid;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="payments-index"] .pay-ledger-kpis article, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="payments-index"] .pay-ledger-panel {
  box-shadow: none;
  background: #181b1e;
  border: 1px solid #ffffff14;
  border-radius: 9px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="payments-index"] .pay-ledger-kpis article {
  min-height: 51px;
  padding: 7px 9px;
  position: relative;
  overflow: hidden;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="payments-index"] .pay-ledger-kpis article:before {
  content: "";
  background: #25d366;
  width: 2px;
  position: absolute;
  inset: 0 auto 0 0;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="payments-index"] .pay-ledger-kpis article:nth-child(2):before {
  background: #ffc46b;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="payments-index"] .pay-ledger-kpis article:nth-child(3):before {
  background: #25d366;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="payments-index"] .pay-ledger-kpis article:nth-child(4):before {
  background: #b98cff;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="payments-index"] .pay-ledger-kpis span {
  color: #ffffff3d;
  text-transform: uppercase;
  font-size: 10px;
  font-weight: 700;
  display: block;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="payments-index"] .pay-ledger-kpis strong {
  color: #ffffffb3;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-top: 2px;
  font-size: 14px;
  line-height: 1.1;
  display: block;
  overflow: hidden;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="payments-index"] .pay-ledger-kpis article:first-child strong {
  color: #6bdc96;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="payments-index"] .pay-ledger-kpis article:nth-child(2) strong {
  color: #ffc46b;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="payments-index"] .pay-ledger-kpis small {
  color: #ffffff2b;
  margin-top: 2px;
  font-size: 10px;
  display: block;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="payments-index"] .pay-ledger-grid {
  grid-template-columns: minmax(0, 1fr) 220px;
  gap: 7px;
  display: grid;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="payments-index"] .pay-ledger-panel {
  min-width: 0;
  overflow: hidden;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="payments-index"] .pay-ledger-panel-head {
  border-bottom: 1px solid #ffffff12;
  justify-content: space-between;
  align-items: center;
  gap: 7px;
  min-height: 35px;
  padding: 6px 9px;
  display: flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="payments-index"] .pay-ledger-panel-head h2 {
  color: #ffffff96;
  margin-top: 1px;
  font-size: 12px;
  font-weight: 750;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="payments-index"] .pay-ledger-panel-head small {
  color: #ffffff30;
  font-size: 10px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="payments-index"] .pay-aging-buckets {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  display: grid;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="payments-index"] .pay-aging-buckets article {
  border-right: 1px solid #ffffff0f;
  min-height: 47px;
  padding: 8px 9px;
  position: relative;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="payments-index"] .pay-aging-buckets article:last-child {
  border-right: 0;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="payments-index"] .pay-aging-buckets span {
  color: #fff3;
  font-size: 10px;
  display: block;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="payments-index"] .pay-aging-buckets strong {
  color: #ffffff80;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-top: 3px;
  font-size: 10px;
  display: block;
  overflow: hidden;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="payments-index"] .pay-aging-buckets .is-late strong {
  color: #f07c8e;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="payments-index"] .pay-aging-buckets i {
  background: #5b8cff42;
  border-radius: 2px;
  height: 2px;
  margin-top: 5px;
  display: block;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="payments-index"] .pay-aging-buckets .is-late i {
  background: #e01e5a59;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="payments-index"] .pay-ledger-workflow ol {
  gap: 4px;
  padding: 7px 9px;
  display: grid;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="payments-index"] .pay-ledger-workflow li {
  color: #ffffff45;
  align-items: flex-start;
  gap: 5px;
  font-size: 10px;
  line-height: 1.35;
  display: flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="payments-index"] .pay-ledger-workflow b {
  color: #8eafff;
  background: #5b8cff1c;
  border-radius: 50%;
  flex: none;
  place-items: center;
  width: 11px;
  height: 11px;
  font-size: 10px;
  display: grid;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="payments-index"] .pay-ledger-content {
  grid-template-columns: minmax(0, 1fr) 226px;
  align-items: start;
  gap: 7px;
  display: grid;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="payments-index"] .pay-ledger-table-wrap {
  overflow-x: auto;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="payments-index"] .pay-ledger-table-wrap table {
  border-collapse: collapse;
  width: 100%;
  min-width: 430px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="payments-index"] .pay-ledger-table-wrap th {
  color: #ffffff30;
  text-align: left;
  text-transform: uppercase;
  padding: 5px 7px;
  font-size: 10px;
  font-weight: 700;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="payments-index"] .pay-ledger-table-wrap th:last-child, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="payments-index"] .pay-ledger-table-wrap td:last-child {
  text-align: right;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="payments-index"] .pay-ledger-table-wrap td {
  color: #ffffff4f;
  white-space: nowrap;
  border-top: 1px solid #ffffff0f;
  height: 38px;
  padding: 5px 7px;
  font-size: 10px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="payments-index"] .pay-ledger-table-wrap tr:hover {
  background: #ffffff06;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="payments-index"] .pay-ledger-table-wrap td > strong, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="payments-index"] .pay-ledger-table-wrap td > small {
  display: block;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="payments-index"] .pay-ledger-table-wrap td > strong {
  color: #ffffff7a;
  text-overflow: ellipsis;
  max-width: 74px;
  overflow: hidden;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="payments-index"] .pay-ledger-table-wrap td > small {
  color: #ffffff29;
  text-transform: capitalize;
  margin-top: 1px;
  font-size: 10px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="payments-index"] .pay-ledger-table-wrap a {
  color: #8eafff;
  font-weight: 650;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="payments-index"] .pay-ledger-table-wrap code {
  color: #ffffff3b;
  font-family: inherit;
  font-size: 10px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="payments-index"] .pay-method {
  color: #8eafff;
  background: #5b8cff17;
  border-radius: 999px;
  padding: 3px 5px;
  font-size: 10px;
  font-weight: 750;
  display: inline-flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="payments-index"] .pay-amount {
  color: #6bdc96 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="payments-index"] .pay-outstanding-list {
  max-height: 304px;
  overflow-y: auto;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="payments-index"] .pay-outstanding-list article {
  border-bottom: 1px solid #ffffff0f;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 7px;
  min-height: 43px;
  padding: 6px 8px;
  display: grid;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="payments-index"] .pay-outstanding-list article > div {
  flex-direction: column;
  gap: 2px;
  min-width: 0;
  display: flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="payments-index"] .pay-outstanding-list article > div:last-child {
  align-items: flex-end;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="payments-index"] .pay-outstanding-list a {
  color: #8eafff;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 10px;
  font-weight: 700;
  overflow: hidden;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="payments-index"] .pay-outstanding-list span {
  color: #ffffff2e;
  font-size: 10px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="payments-index"] .pay-outstanding-list strong {
  color: #ffc46b;
  font-size: 10px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="payments-index"] .pay-outstanding-list button {
  color: #6bdc96;
  font-size: 10px;
  font-weight: 750;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="payments-index"] .pay-outstanding-list button:hover {
  text-decoration: underline;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="payments-index"] .pay-ledger-empty {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 3px;
  min-height: 151px;
  padding: 14px;
  display: flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="payments-index"] .pay-ledger-empty.is-compact {
  min-height: 104px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="payments-index"] .pay-ledger-empty > span {
  color: #6bdc96;
  background: #25d36617;
  border-radius: 8px;
  place-items: center;
  width: 25px;
  height: 25px;
  font-size: 14px;
  display: grid;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="payments-index"] .pay-ledger-empty strong {
  color: #ffffff75;
  font-size: 10px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="payments-index"] .pay-ledger-empty p {
  color: #fff3;
  max-width: 190px;
  font-size: 10px;
  line-height: 1.4;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="payments-index"] .pay-ledger-empty button {
  color: #04130a;
  background: #25d366;
  border-radius: 5px;
  margin-top: 3px;
  padding: 4px 6px;
  font-size: 10px;
  font-weight: 750;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="payments-index"] .pay-ledger-modal {
  z-index: 80;
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
  background: #040303b8;
  justify-content: center;
  align-items: center;
  padding: 16px;
  position: fixed;
  inset: 0;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="payments-index"] .pay-ledger-modal[aria-hidden="true"] {
  display: none !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="payments-index"] .pay-ledger-modal form {
  background: #181b1e;
  border: 1px solid #ffffff1c;
  border-radius: 10px;
  width: min(330px, 100vw - 28px);
  padding: 12px;
  box-shadow: 0 18px 60px #00000073;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="payments-index"] .pay-modal-head {
  border-bottom: 1px solid #ffffff12;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  padding-bottom: 8px;
  display: flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="payments-index"] .pay-modal-head span {
  color: #5b8cffa3;
  letter-spacing: .1em;
  text-transform: uppercase;
  font-size: 10px;
  font-weight: 750;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="payments-index"] .pay-modal-head h2 {
  color: #ffffffb3;
  margin-top: 2px;
  font-size: 14px;
  font-weight: 800;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="payments-index"] .pay-modal-head button {
  color: #ffffff52;
  border-radius: 5px;
  width: 20px;
  height: 20px;
  font-size: 12px;
  line-height: 1;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="payments-index"] .pay-modal-head button:hover {
  color: #fff;
  background: #ffffff0f;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="payments-index"] .pay-invoice-note, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="payments-index"] .pay-draft-summary {
  color: #6bdc96;
  background: #25d3660d;
  border: 1px solid #25d36624;
  border-radius: 5px;
  margin-top: 7px;
  padding: 5px 7px;
  font-size: 10px;
  display: block;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="payments-index"] .pay-invoice-note.hidden {
  display: none;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="payments-index"] .pay-invoice-note + .pay-draft-summary {
  margin-top: 4px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="payments-index"] .pay-modal-fields {
  grid-template-columns: 1fr 1fr;
  gap: 7px;
  margin-top: 8px;
  display: grid;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="payments-index"] .pay-modal-fields label.is-wide {
  grid-column: 1 / -1;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="payments-index"] .pay-modal-fields label > span {
  color: #ffffff59;
  margin-bottom: 3px;
  font-size: 10px;
  font-weight: 650;
  display: block;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="payments-index"] .pay-modal-fields input, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="payments-index"] .pay-modal-fields select, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="payments-index"] .pay-modal-fields textarea {
  color: #ffffff9e;
  resize: vertical;
  background: #0f1113;
  border: 1px solid #ffffff17;
  border-radius: 5px;
  outline: none;
  width: 100%;
  min-height: 27px;
  padding: 5px 7px;
  font-size: 10px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="payments-index"] .pay-modal-fields textarea {
  min-height: 38px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="payments-index"] .pay-modal-fields input:focus, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="payments-index"] .pay-modal-fields select:focus, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="payments-index"] .pay-modal-fields textarea:focus {
  border-color: #5b8cff8c;
  box-shadow: 0 0 0 2px #5b8cff1a;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="payments-index"] .pay-modal-fields input::placeholder, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="payments-index"] .pay-modal-fields textarea::placeholder {
  color: #ffffff29;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="payments-index"] .pay-modal-help {
  color: #ffffff2e;
  margin-top: 7px;
  font-size: 10px;
  line-height: 1.45;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="payments-index"] .pay-modal-actions {
  border-top: 1px solid #ffffff12;
  justify-content: flex-end;
  gap: 5px;
  margin-top: 8px;
  padding-top: 8px;
  display: flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="payments-index"] .pay-modal-actions button {
  color: #ffffff6b;
  border: 1px solid #ffffff1a;
  border-radius: 5px;
  min-height: 24px;
  padding: 5px 8px;
  font-size: 10px;
  font-weight: 750;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="payments-index"] .pay-modal-actions button[type="submit"] {
  color: #04130a;
  background: #25d366;
  border-color: #0000;
}
@media (max-width: 780px) {
  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="payments-index"] .pay-ledger-kpis {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="payments-index"] .pay-ledger-grid, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="payments-index"] .pay-ledger-content {
    grid-template-columns: 1fr;
  }
}
html[data-user-shell="slack"] body[data-page="user-dashboard-index"] .shell-pane {
  background: #0f1113 !important;
}
html[data-user-shell="slack"] body[data-page="user-dashboard-index"] .dash-slack-page {
  color: #f8f6f4;
  background: #0f1113;
  flex-direction: column;
  gap: 7px;
  width: 100%;
  min-height: calc(100vh - 73px);
  display: flex;
  margin: 0 !important;
  padding: 10px 14px 18px !important;
}
html[data-user-shell="slack"] body[data-page="user-dashboard-index"] .dash-slack-header {
  border-bottom: 1px solid #ffffff14;
  justify-content: space-between;
  align-items: flex-end;
  gap: 10px;
  min-height: 68px;
  padding-bottom: 9px;
  display: flex;
}
html[data-user-shell="slack"] body[data-page="user-dashboard-index"] .dash-eyebrow {
  color: #5b8cffa6;
  letter-spacing: .12em;
  text-transform: uppercase;
  align-items: center;
  gap: 4px;
  font-size: 10px;
  font-style: normal;
  font-weight: 750;
  display: flex;
}
html[data-user-shell="slack"] body[data-page="user-dashboard-index"] .dash-eyebrow i {
  background: #25d366;
  border-radius: 50%;
  width: 4px;
  height: 4px;
  box-shadow: 0 0 0 2px #25d3661f;
}
html[data-user-shell="slack"] body[data-page="user-dashboard-index"] .dash-slack-header h1 {
  color: #f8f6f4;
  letter-spacing: -.035em;
  margin-top: 4px;
  font-size: 19px;
  font-weight: 800;
  line-height: 1;
}
html[data-user-shell="slack"] body[data-page="user-dashboard-index"] .dash-slack-header p {
  color: #ffffff47;
  margin-top: 4px;
  font-size: 10px;
}
html[data-user-shell="slack"] body[data-page="user-dashboard-index"] .dash-header-actions {
  align-items: center;
  gap: 5px;
  display: flex;
  position: relative;
}
html[data-user-shell="slack"] body[data-page="user-dashboard-index"] .dash-header-actions > button, html[data-user-shell="slack"] body[data-page="user-dashboard-index"] .dash-header-actions > a, html[data-user-shell="slack"] body[data-page="user-dashboard-index"] .dash-range-picker > button {
  color: #ffffff73;
  white-space: nowrap;
  background: #ffffff08;
  border: 1px solid #ffffff1a;
  border-radius: 6px;
  min-height: 24px;
  padding: 5px 8px;
  font-size: 10px;
  font-weight: 750;
}
html[data-user-shell="slack"] body[data-page="user-dashboard-index"] .dash-header-actions > a {
  color: #04130a;
  background: #25d366;
  border-color: #0000;
}
html[data-user-shell="slack"] body[data-page="user-dashboard-index"] .dash-range-picker {
  position: relative;
}
html[data-user-shell="slack"] body[data-page="user-dashboard-index"] .dash-range-picker > button {
  align-items: center;
  gap: 5px;
  display: flex;
}
html[data-user-shell="slack"] body[data-page="user-dashboard-index"] .dash-range-picker > button b {
  color: #ffffff40;
  font-size: 14px;
  line-height: 1;
}
html[data-user-shell="slack"] body[data-page="user-dashboard-index"] .dash-range-menu {
  z-index: 30;
  background: #2a2521;
  border: 1px solid #ffffff1a;
  border-radius: 6px;
  width: 94px;
  padding: 3px;
  position: absolute;
  top: calc(100% + 4px);
  right: 0;
  box-shadow: 0 12px 30px #00000059;
}
html[data-user-shell="slack"] body[data-page="user-dashboard-index"] .dash-range-menu.hidden {
  display: none;
}
html[data-user-shell="slack"] body[data-page="user-dashboard-index"] .dash-range-menu button {
  color: #fff6;
  text-align: left;
  border-radius: 4px;
  width: 100%;
  padding: 5px 6px;
  font-size: 10px;
}
html[data-user-shell="slack"] body[data-page="user-dashboard-index"] .dash-range-menu button:hover {
  color: #fff;
  background: #ffffff0f;
}
html[data-user-shell="slack"] body[data-page="user-dashboard-index"] .dash-kpis {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 7px;
  display: grid;
}
html[data-user-shell="slack"] body[data-page="user-dashboard-index"] .dash-kpis article, html[data-user-shell="slack"] body[data-page="user-dashboard-index"] .dash-panel, html[data-user-shell="slack"] body[data-page="user-dashboard-index"] .dash-social-strip, html[data-user-shell="slack"] body[data-page="user-dashboard-index"] .dash-sales-strip {
  box-shadow: none;
  background: #181b1e;
  border: 1px solid #ffffff14;
  border-radius: 9px;
}
html[data-user-shell="slack"] body[data-page="user-dashboard-index"] .dash-kpis article {
  min-height: 61px;
  padding: 7px 9px;
  position: relative;
  overflow: hidden;
}
html[data-user-shell="slack"] body[data-page="user-dashboard-index"] .dash-kpis article:before {
  content: "";
  background: #25d366;
  width: 2px;
  position: absolute;
  inset: 0 auto 0 0;
}
html[data-user-shell="slack"] body[data-page="user-dashboard-index"] .dash-kpis article:nth-child(2):before {
  background: #25d366;
}
html[data-user-shell="slack"] body[data-page="user-dashboard-index"] .dash-kpis article:nth-child(3):before {
  background: #b98cff;
}
html[data-user-shell="slack"] body[data-page="user-dashboard-index"] .dash-kpis article:nth-child(4):before {
  background: #ffc46b;
}
html[data-user-shell="slack"] body[data-page="user-dashboard-index"] .dash-kpis article > div:first-child {
  justify-content: space-between;
  align-items: center;
  gap: 4px;
  display: flex;
}
html[data-user-shell="slack"] body[data-page="user-dashboard-index"] .dash-kpis span {
  color: #ffffff3d;
  text-transform: uppercase;
  font-size: 10px;
  font-weight: 700;
}
html[data-user-shell="slack"] body[data-page="user-dashboard-index"] .dash-kpis em {
  color: #ffffff38;
  white-space: nowrap;
  font-size: 10px;
  font-style: normal;
}
html[data-user-shell="slack"] body[data-page="user-dashboard-index"] .dash-kpis em.is-good {
  color: #6bdc96;
}
html[data-user-shell="slack"] body[data-page="user-dashboard-index"] .dash-kpis em.is-bad {
  color: #f07c8e;
}
html[data-user-shell="slack"] body[data-page="user-dashboard-index"] .dash-kpis article > strong {
  color: #ffffffb3;
  margin-top: 3px;
  font-size: 14px;
  line-height: 1;
  display: block;
}
html[data-user-shell="slack"] body[data-page="user-dashboard-index"] .dash-kpis article:first-child > strong {
  color: #8eafff;
}
html[data-user-shell="slack"] body[data-page="user-dashboard-index"] .dash-kpis article:nth-child(2) > strong {
  color: #6bdc96;
}
html[data-user-shell="slack"] body[data-page="user-dashboard-index"] .dash-kpis article > small {
  color: #ffffff2b;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-top: 2px;
  font-size: 10px;
  display: block;
  overflow: hidden;
}
html[data-user-shell="slack"] body[data-page="user-dashboard-index"] #kpi-spark {
  opacity: .55;
  width: 72px;
  height: 19px;
  position: absolute;
  bottom: 3px;
  right: 7px;
}
html[data-user-shell="slack"] body[data-page="user-dashboard-index"] #kpi-readrate {
  opacity: .8;
  width: 40px;
  height: 40px;
  position: absolute;
  bottom: 1px;
  right: 4px;
}
html[data-user-shell="slack"] body[data-page="user-dashboard-index"] .dash-mini-bar {
  background: #ffffff0f;
  border-radius: 2px;
  height: 2px;
  margin-top: 7px;
  overflow: hidden;
}
html[data-user-shell="slack"] body[data-page="user-dashboard-index"] .dash-mini-bar i {
  border-radius: inherit;
  background: #b98cff;
  height: 100%;
  display: block;
}
html[data-user-shell="slack"] body[data-page="user-dashboard-index"] .dash-operation-dots {
  gap: 3px;
  margin-top: 6px;
  display: flex;
}
html[data-user-shell="slack"] body[data-page="user-dashboard-index"] .dash-operation-dots i {
  background: #ffffff1a;
  border-radius: 50%;
  width: 4px;
  height: 4px;
}
html[data-user-shell="slack"] body[data-page="user-dashboard-index"] .dash-operation-dots i.is-on {
  background: #25d366;
}
html[data-user-shell="slack"] body[data-page="user-dashboard-index"] .dash-social-strip, html[data-user-shell="slack"] body[data-page="user-dashboard-index"] .dash-sales-strip {
  grid-template-columns: 1.35fr repeat(5, 1fr);
  align-items: stretch;
  min-height: 45px;
  display: grid;
  overflow: hidden;
}
html[data-user-shell="slack"] body[data-page="user-dashboard-index"] .dash-social-title, html[data-user-shell="slack"] body[data-page="user-dashboard-index"] .dash-social-strip > a, html[data-user-shell="slack"] body[data-page="user-dashboard-index"] .dash-social-strip > div:not(.dash-social-title), html[data-user-shell="slack"] body[data-page="user-dashboard-index"] .dash-sales-strip > * {
  border-right: 1px solid #ffffff0f;
  flex-direction: column;
  justify-content: center;
  min-width: 0;
  padding: 6px 8px;
  display: flex;
}
html[data-user-shell="slack"] body[data-page="user-dashboard-index"] .dash-social-title {
  background: linear-gradient(120deg, #833ab414, #e1306c0d);
  flex-direction: row;
  align-items: center;
  gap: 6px;
}
html[data-user-shell="slack"] body[data-page="user-dashboard-index"] .dash-social-title > span {
  color: #fff;
  background: linear-gradient(135deg, #833ab4, #e1306c, #f77737);
  border-radius: 7px;
  flex: none;
  place-items: center;
  width: 24px;
  height: 24px;
  font-size: 10px;
  font-weight: 800;
  display: grid;
}
html[data-user-shell="slack"] body[data-page="user-dashboard-index"] .dash-social-strip strong, html[data-user-shell="slack"] body[data-page="user-dashboard-index"] .dash-sales-strip strong {
  color: #ffffff91;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 12px;
  overflow: hidden;
}
html[data-user-shell="slack"] body[data-page="user-dashboard-index"] .dash-social-strip span, html[data-user-shell="slack"] body[data-page="user-dashboard-index"] .dash-sales-strip span {
  color: #ffffff36;
  font-size: 10px;
}
html[data-user-shell="slack"] body[data-page="user-dashboard-index"] .dash-social-strip small, html[data-user-shell="slack"] body[data-page="user-dashboard-index"] .dash-sales-strip small {
  color: #ffffff2e;
  font-size: 10px;
}
html[data-user-shell="slack"] body[data-page="user-dashboard-index"] .dash-sales-strip {
  grid-template-columns: repeat(4, 1fr);
}
html[data-user-shell="slack"] body[data-page="user-dashboard-index"] .dash-sales-strip > :first-child {
  background: #25d3660a;
}
html[data-user-shell="slack"] body[data-page="user-dashboard-index"] .dash-primary-grid {
  grid-template-columns: minmax(0, 1fr) 218px;
  align-items: start;
  gap: 7px;
  display: grid;
}
html[data-user-shell="slack"] body[data-page="user-dashboard-index"] .dash-panel {
  min-width: 0;
  overflow: hidden;
}
html[data-user-shell="slack"] body[data-page="user-dashboard-index"] .dash-panel-head {
  border-bottom: 1px solid #ffffff12;
  justify-content: space-between;
  align-items: center;
  gap: 7px;
  min-height: 35px;
  padding: 6px 9px;
  display: flex;
}
html[data-user-shell="slack"] body[data-page="user-dashboard-index"] .dash-panel-head > div {
  min-width: 0;
}
html[data-user-shell="slack"] body[data-page="user-dashboard-index"] .dash-panel-head > div > span {
  color: #5b8cff9e;
  letter-spacing: .1em;
  text-transform: uppercase;
  font-size: 10px;
  font-weight: 750;
  display: block;
}
html[data-user-shell="slack"] body[data-page="user-dashboard-index"] .dash-panel-head h2 {
  color: #ffffff96;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-top: 1px;
  font-size: 12px;
  font-weight: 750;
  overflow: hidden;
}
html[data-user-shell="slack"] body[data-page="user-dashboard-index"] .dash-panel-head p {
  color: #ffffff2e;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-top: 1px;
  font-size: 10px;
  overflow: hidden;
}
html[data-user-shell="slack"] body[data-page="user-dashboard-index"] .dash-panel-head > a, html[data-user-shell="slack"] body[data-page="user-dashboard-index"] .dash-panel-head > button {
  color: #8eafff;
  flex: none;
  font-size: 10px;
  font-weight: 700;
}
html[data-user-shell="slack"] body[data-page="user-dashboard-index"] .dash-inline-ranges {
  border: 1px solid #ffffff12;
  border-radius: 5px;
  gap: 2px;
  padding: 2px;
  display: flex;
}
html[data-user-shell="slack"] body[data-page="user-dashboard-index"] .dash-inline-ranges button {
  color: #ffffff36;
  border-radius: 3px;
  padding: 3px 5px;
  font-size: 10px;
  font-weight: 700;
}
html[data-user-shell="slack"] body[data-page="user-dashboard-index"] .dash-inline-ranges button.is-active {
  color: #0f1113;
  background: #ecedee;
}
html[data-user-shell="slack"] body[data-page="user-dashboard-index"] .dash-throughput {
  min-height: 183px;
}
html[data-user-shell="slack"] body[data-page="user-dashboard-index"] .dash-throughput-legend {
  color: #ffffff3d;
  align-items: center;
  gap: 8px;
  padding: 5px 9px 0;
  font-size: 10px;
  display: flex;
}
html[data-user-shell="slack"] body[data-page="user-dashboard-index"] .dash-throughput-legend span {
  align-items: center;
  gap: 3px;
  display: flex;
}
html[data-user-shell="slack"] body[data-page="user-dashboard-index"] .dash-throughput-legend i {
  background: #25d366;
  border-radius: 1px;
  width: 5px;
  height: 5px;
}
html[data-user-shell="slack"] body[data-page="user-dashboard-index"] .dash-throughput-legend i.is-delivered {
  background: #25d366;
}
html[data-user-shell="slack"] body[data-page="user-dashboard-index"] .dash-throughput-legend i.is-failed {
  background: #e01e5a;
}
html[data-user-shell="slack"] body[data-page="user-dashboard-index"] .dash-throughput-legend b {
  color: #ffffff75;
  font-weight: 700;
}
html[data-user-shell="slack"] body[data-page="user-dashboard-index"] .dash-chart-meta {
  color: #ffffff29;
  margin-left: auto;
}
html[data-user-shell="slack"] body[data-page="user-dashboard-index"] #chart-throughput {
  height: 135px;
  margin: 0 2px;
}
html[data-user-shell="slack"] body[data-page="user-dashboard-index"] .dash-chart-stage {
  min-height: 135px;
  position: relative;
}
html[data-user-shell="slack"] body[data-page="user-dashboard-index"] .dash-chart-empty {
  text-align: center;
  background: #1d1a18d1;
  border: 1px dashed #ffffff12;
  border-radius: 7px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 3px;
  display: flex;
  position: absolute;
  inset: 32px 18px 20px;
}
html[data-user-shell="slack"] body[data-page="user-dashboard-index"] .dash-chart-empty strong {
  color: #ffffff57;
  font-size: 10px;
}
html[data-user-shell="slack"] body[data-page="user-dashboard-index"] .dash-chart-empty span {
  color: #ffffff2b;
  font-size: 10px;
}
html[data-user-shell="slack"] body[data-page="user-dashboard-index"] .dash-conversations {
  min-height: 148px;
}
html[data-user-shell="slack"] body[data-page="user-dashboard-index"] .dash-conversations > a {
  border-bottom: 1px solid #ffffff0f;
  grid-template-columns: 26px minmax(0, 1fr) auto;
  align-items: center;
  gap: 6px;
  min-height: 48px;
  padding: 6px 8px;
  display: grid;
  position: relative;
}
html[data-user-shell="slack"] body[data-page="user-dashboard-index"] .dash-conversations > a:hover {
  background: #ffffff06;
}
html[data-user-shell="slack"] body[data-page="user-dashboard-index"] .dash-conversations > a > b {
  color: #fff;
  background: linear-gradient(135deg, #25d366, #b98cff);
  border-radius: 50%;
  place-items: center;
  width: 25px;
  height: 25px;
  font-size: 10px;
  display: grid;
}
html[data-user-shell="slack"] body[data-page="user-dashboard-index"] .dash-conversations a > span {
  min-width: 0;
}
html[data-user-shell="slack"] body[data-page="user-dashboard-index"] .dash-conversations strong, html[data-user-shell="slack"] body[data-page="user-dashboard-index"] .dash-conversations small {
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  overflow: hidden;
}
html[data-user-shell="slack"] body[data-page="user-dashboard-index"] .dash-conversations strong {
  color: #ffffff7d;
  font-size: 10px;
}
html[data-user-shell="slack"] body[data-page="user-dashboard-index"] .dash-conversations small {
  color: #ffffff2e;
  margin-top: 2px;
  font-size: 10px;
}
html[data-user-shell="slack"] body[data-page="user-dashboard-index"] .dash-conversations em {
  color: #ffffff2e;
  align-self: start;
  margin-top: 4px;
  font-size: 10px;
  font-style: normal;
}
html[data-user-shell="slack"] body[data-page="user-dashboard-index"] .dash-conversations a > i {
  color: #04130a;
  background: #25d366;
  border-radius: 999px;
  place-items: center;
  min-width: 11px;
  height: 11px;
  font-size: 10px;
  font-style: normal;
  font-weight: 800;
  display: grid;
  position: absolute;
  bottom: 5px;
  right: 7px;
}
html[data-user-shell="slack"] body[data-page="user-dashboard-index"] .dash-operations-grid {
  grid-template-columns: 1fr 1fr 202px;
  align-items: start;
  gap: 7px;
  display: grid;
}
html[data-user-shell="slack"] body[data-page="user-dashboard-index"] .dash-compact-list {
  min-height: 134px;
}
html[data-user-shell="slack"] body[data-page="user-dashboard-index"] .dash-compact-list > a {
  border-bottom: 1px solid #ffffff0f;
  grid-template-columns: 5px minmax(0, 1fr) auto auto;
  align-items: center;
  gap: 5px;
  min-height: 33px;
  padding: 5px 8px;
  display: grid;
}
html[data-user-shell="slack"] body[data-page="user-dashboard-index"] .dash-compact-list > a > i {
  background: #ffc46b;
  border-radius: 50%;
  width: 4px;
  height: 4px;
}
html[data-user-shell="slack"] body[data-page="user-dashboard-index"] .dash-compact-list > a > i.is-online, html[data-user-shell="slack"] body[data-page="user-dashboard-index"] .dash-compact-list > a > i.sending {
  background: #25d366;
}
html[data-user-shell="slack"] body[data-page="user-dashboard-index"] .dash-compact-list span {
  min-width: 0;
}
html[data-user-shell="slack"] body[data-page="user-dashboard-index"] .dash-compact-list strong, html[data-user-shell="slack"] body[data-page="user-dashboard-index"] .dash-compact-list small {
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  overflow: hidden;
}
html[data-user-shell="slack"] body[data-page="user-dashboard-index"] .dash-compact-list strong {
  color: #ffffff73;
  font-size: 10px;
}
html[data-user-shell="slack"] body[data-page="user-dashboard-index"] .dash-compact-list small {
  color: #ffffff29;
  margin-top: 1px;
  font-size: 10px;
}
html[data-user-shell="slack"] body[data-page="user-dashboard-index"] .dash-compact-list em {
  color: #ffffff3b;
  font-size: 10px;
  font-style: normal;
}
html[data-user-shell="slack"] body[data-page="user-dashboard-index"] .dash-compact-list > a > b {
  color: #ffffff40;
  background: #ffffff0d;
  border-radius: 999px;
  padding: 2px 4px;
  font-size: 10px;
}
html[data-user-shell="slack"] body[data-page="user-dashboard-index"] .dash-copilot {
  background: radial-gradient(circle at 100% 0, #25d3661c, #0000 46%), #201f23;
  min-height: 169px;
  padding-bottom: 8px;
}
html[data-user-shell="slack"] body[data-page="user-dashboard-index"] .dash-copilot .dash-panel-head > b {
  color: #04130a;
  background: #25d366;
  border-radius: 7px;
  place-items: center;
  width: 23px;
  height: 23px;
  font-size: 10px;
  display: grid;
}
html[data-user-shell="slack"] body[data-page="user-dashboard-index"] .dash-copilot-example {
  color: #ffffff59;
  background: #ffffff08;
  border: 1px solid #ffffff12;
  border-radius: 6px;
  margin: 7px 8px;
  padding: 7px;
  font-size: 10px;
  line-height: 1.45;
}
html[data-user-shell="slack"] body[data-page="user-dashboard-index"] .dash-copilot-stats {
  grid-template-columns: repeat(3, 1fr);
  margin: 0 8px 7px;
  display: grid;
}
html[data-user-shell="slack"] body[data-page="user-dashboard-index"] .dash-copilot-stats span {
  color: #ffffff2e;
  font-size: 10px;
}
html[data-user-shell="slack"] body[data-page="user-dashboard-index"] .dash-copilot-stats strong {
  color: #ffffff8f;
  font-size: 10px;
  display: block;
}
html[data-user-shell="slack"] body[data-page="user-dashboard-index"] .dash-copilot > a {
  color: #04130a;
  text-align: center;
  background: #25d366;
  border-radius: 5px;
  margin: 0 8px;
  padding: 5px;
  font-size: 10px;
  font-weight: 750;
  display: block;
}
html[data-user-shell="slack"] body[data-page="user-dashboard-index"] .dash-data-grid {
  grid-template-columns: minmax(0, 1fr) 218px;
  align-items: start;
  gap: 7px;
  display: grid;
}
html[data-user-shell="slack"] body[data-page="user-dashboard-index"] .dash-table-wrap {
  overflow-x: auto;
}
html[data-user-shell="slack"] body[data-page="user-dashboard-index"] .dash-table-wrap table {
  border-collapse: collapse;
  width: 100%;
  min-width: 445px;
}
html[data-user-shell="slack"] body[data-page="user-dashboard-index"] .dash-table-wrap th {
  color: #ffffff2e;
  text-align: left;
  text-transform: uppercase;
  padding: 5px 7px;
  font-size: 10px;
  font-weight: 700;
}
html[data-user-shell="slack"] body[data-page="user-dashboard-index"] .dash-table-wrap td {
  color: #ffffff47;
  white-space: nowrap;
  border-top: 1px solid #ffffff0f;
  height: 32px;
  padding: 4px 7px;
  font-size: 10px;
}
html[data-user-shell="slack"] body[data-page="user-dashboard-index"] .dash-table-wrap td a {
  color: #8eafff;
  font-weight: 700;
}
html[data-user-shell="slack"] body[data-page="user-dashboard-index"] .dash-table-wrap td small {
  color: #ffffff24;
  margin-top: 1px;
  font-size: 10px;
  display: block;
}
html[data-user-shell="slack"] body[data-page="user-dashboard-index"] .dash-table-wrap td:nth-child(6) {
  align-items: center;
  gap: 4px;
  display: flex;
}
html[data-user-shell="slack"] body[data-page="user-dashboard-index"] .dash-table-wrap td b {
  color: #ffffff38;
  font-size: 10px;
}
html[data-user-shell="slack"] body[data-page="user-dashboard-index"] .dash-perf {
  background: #ffffff12;
  border-radius: 2px;
  width: 34px;
  height: 2px;
  display: block;
  overflow: hidden;
}
html[data-user-shell="slack"] body[data-page="user-dashboard-index"] .dash-perf i {
  background: #25d366;
  height: 100%;
  display: block;
}
html[data-user-shell="slack"] body[data-page="user-dashboard-index"] .dash-table-wrap em {
  color: #6bdc96;
  text-transform: capitalize;
  background: #25d36614;
  border-radius: 999px;
  padding: 2px 4px;
  font-size: 10px;
  font-style: normal;
}
html[data-user-shell="slack"] body[data-page="user-dashboard-index"] .dash-flow-list > a {
  border-bottom: 1px solid #ffffff0f;
  grid-template-columns: 5px minmax(0, 1fr) auto;
  align-items: center;
  gap: 5px;
  min-height: 34px;
  padding: 5px 8px;
  display: grid;
}
html[data-user-shell="slack"] body[data-page="user-dashboard-index"] .dash-flow-list i {
  background: #ffffff21;
  border-radius: 50%;
  width: 4px;
  height: 4px;
}
html[data-user-shell="slack"] body[data-page="user-dashboard-index"] .dash-flow-list i.is-active {
  background: #25d366;
}
html[data-user-shell="slack"] body[data-page="user-dashboard-index"] .dash-flow-list span {
  min-width: 0;
}
html[data-user-shell="slack"] body[data-page="user-dashboard-index"] .dash-flow-list strong, html[data-user-shell="slack"] body[data-page="user-dashboard-index"] .dash-flow-list small {
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  overflow: hidden;
}
html[data-user-shell="slack"] body[data-page="user-dashboard-index"] .dash-flow-list strong {
  color: #ffffff6e;
  font-size: 10px;
}
html[data-user-shell="slack"] body[data-page="user-dashboard-index"] .dash-flow-list small {
  color: #ffffff29;
  font-size: 10px;
}
html[data-user-shell="slack"] body[data-page="user-dashboard-index"] .dash-flow-list em {
  color: #8eafff;
  font-size: 10px;
  font-style: normal;
}
html[data-user-shell="slack"] body[data-page="user-dashboard-index"] .dash-quick-access .dash-panel-head {
  min-height: 32px;
}
html[data-user-shell="slack"] body[data-page="user-dashboard-index"] .dash-shortcuts {
  grid-template-columns: repeat(10, minmax(0, 1fr));
  gap: 4px;
  padding: 6px 8px;
  display: grid;
}
html[data-user-shell="slack"] body[data-page="user-dashboard-index"] .dash-shortcuts > a {
  background: #ffffff05;
  border: 1px solid #ffffff0f;
  border-radius: 6px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 3px;
  min-width: 0;
  min-height: 42px;
  padding: 4px 2px;
  display: flex;
}
html[data-user-shell="slack"] body[data-page="user-dashboard-index"] .dash-shortcuts > a:hover {
  background: #5b8cff0d;
  border-color: #5b8cff47;
}
html[data-user-shell="slack"] body[data-page="user-dashboard-index"] .dash-shortcuts > a > span {
  color: #8eafff;
  background: #5b8cff1a;
  border-radius: 5px;
  place-items: center;
  width: 18px;
  height: 18px;
  display: grid;
}
html[data-user-shell="slack"] body[data-page="user-dashboard-index"] .dash-shortcuts svg {
  width: 8px;
  height: 8px;
}
html[data-user-shell="slack"] body[data-page="user-dashboard-index"] .dash-shortcuts strong {
  color: #ffffff57;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
  font-size: 10px;
  overflow: hidden;
}
html[data-user-shell="slack"] body[data-page="user-dashboard-index"] .dash-shortcuts > button {
  color: #8eafff;
  grid-column: 1 / -1;
  min-height: 36px;
  font-size: 10px;
}
html[data-user-shell="slack"] body[data-page="user-dashboard-index"] .dash-bottom-grid {
  grid-template-columns: 1.25fr 1fr 218px;
  align-items: start;
  gap: 7px;
  display: grid;
}
html[data-user-shell="slack"] body[data-page="user-dashboard-index"] .dash-funnel-list {
  padding: 5px 8px;
}
html[data-user-shell="slack"] body[data-page="user-dashboard-index"] .dash-funnel-list article {
  grid-template-columns: 108px minmax(0, 1fr) 34px 28px;
  align-items: center;
  gap: 6px;
  min-height: 29px;
  display: grid;
}
html[data-user-shell="slack"] body[data-page="user-dashboard-index"] .dash-funnel-list article span small, html[data-user-shell="slack"] body[data-page="user-dashboard-index"] .dash-funnel-list article span strong {
  display: block;
}
html[data-user-shell="slack"] body[data-page="user-dashboard-index"] .dash-funnel-list article span small {
  color: #5b8cff7a;
  text-transform: uppercase;
  font-size: 10px;
}
html[data-user-shell="slack"] body[data-page="user-dashboard-index"] .dash-funnel-list article span strong {
  color: #ffffff54;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-top: 1px;
  font-size: 10px;
  overflow: hidden;
}
html[data-user-shell="slack"] body[data-page="user-dashboard-index"] .dash-funnel-list article > div {
  background: #ffffff0f;
  border-radius: 3px;
  height: 3px;
  overflow: hidden;
}
html[data-user-shell="slack"] body[data-page="user-dashboard-index"] .dash-funnel-list article > div i {
  border-radius: inherit;
  background: linear-gradient(90deg, #25d366, #25d366);
  height: 100%;
  display: block;
}
html[data-user-shell="slack"] body[data-page="user-dashboard-index"] .dash-funnel-list article > b {
  color: #ffffff75;
  text-align: right;
  font-size: 10px;
}
html[data-user-shell="slack"] body[data-page="user-dashboard-index"] .dash-funnel-list article > em {
  color: #fff3;
  text-align: right;
  font-size: 10px;
  font-style: normal;
}
html[data-user-shell="slack"] body[data-page="user-dashboard-index"] .dash-funnel footer {
  color: #fff3;
  border-top: 1px solid #ffffff12;
  justify-content: space-between;
  align-items: center;
  padding: 6px 8px;
  font-size: 10px;
  display: flex;
}
html[data-user-shell="slack"] body[data-page="user-dashboard-index"] .dash-funnel footer strong {
  color: #6bdc96;
  font-size: 10px;
}
html[data-user-shell="slack"] body[data-page="user-dashboard-index"] .dash-activity ol {
  padding: 5px 8px;
}
html[data-user-shell="slack"] body[data-page="user-dashboard-index"] .dash-activity li {
  grid-template-columns: 20px minmax(0, 1fr);
  align-items: center;
  gap: 5px;
  min-height: 31px;
  display: grid;
}
html[data-user-shell="slack"] body[data-page="user-dashboard-index"] .dash-activity li > b {
  color: #ffffff4f;
  background: #ffffff0f;
  border-radius: 50%;
  place-items: center;
  width: 19px;
  height: 19px;
  font-size: 10px;
  display: grid;
}
html[data-user-shell="slack"] body[data-page="user-dashboard-index"] .dash-activity li strong, html[data-user-shell="slack"] body[data-page="user-dashboard-index"] .dash-activity li small {
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  overflow: hidden;
}
html[data-user-shell="slack"] body[data-page="user-dashboard-index"] .dash-activity li strong {
  color: #ffffff59;
  font-size: 10px;
}
html[data-user-shell="slack"] body[data-page="user-dashboard-index"] .dash-activity li small {
  color: #ffffff26;
  margin-top: 1px;
  font-size: 10px;
}
html[data-user-shell="slack"] body[data-page="user-dashboard-index"] .dash-integrations > div:last-child > article {
  border-bottom: 1px solid #ffffff0f;
  grid-template-columns: 20px minmax(0, 1fr) auto;
  align-items: center;
  gap: 5px;
  min-height: 31px;
  padding: 4px 8px;
  display: grid;
}
html[data-user-shell="slack"] body[data-page="user-dashboard-index"] .dash-integrations article > b {
  background: var(--integration-color);
  border-radius: 5px;
  place-items: center;
  width: 19px;
  height: 19px;
  display: grid;
}
@supports (color: color-mix(in lab, red, red)) {
  html[data-user-shell="slack"] body[data-page="user-dashboard-index"] .dash-integrations article > b {
    background: color-mix(in srgb,var(--integration-color),transparent 80%);
  }
}
html[data-user-shell="slack"] body[data-page="user-dashboard-index"] .dash-integrations article > b {
  color: var(--integration-color);
  font-size: 10px;
}
html[data-user-shell="slack"] body[data-page="user-dashboard-index"] .dash-integrations article strong, html[data-user-shell="slack"] body[data-page="user-dashboard-index"] .dash-integrations article small {
  display: block;
}
html[data-user-shell="slack"] body[data-page="user-dashboard-index"] .dash-integrations article strong {
  color: #ffffff61;
  font-size: 10px;
}
html[data-user-shell="slack"] body[data-page="user-dashboard-index"] .dash-integrations article small {
  color: #ffffff26;
  margin-top: 1px;
  font-size: 10px;
}
html[data-user-shell="slack"] body[data-page="user-dashboard-index"] .dash-integrations article > i {
  background: #25d366;
  border-radius: 50%;
  width: 4px;
  height: 4px;
}
html[data-user-shell="slack"] body[data-page="user-dashboard-index"] .dash-integrations article > a {
  color: #8eafff;
  font-size: 10px;
  font-weight: 700;
}
html[data-user-shell="slack"] body[data-page="user-dashboard-index"] .dash-empty {
  color: #ffffff2e;
  text-align: center;
  font-size: 10px;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 3px !important;
  min-height: 86px !important;
  padding: 10px !important;
  display: flex !important;
}
html[data-user-shell="slack"] body[data-page="user-dashboard-index"] .dash-empty strong {
  color: #ffffff5e !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"] body[data-page="user-dashboard-index"] .dash-empty a {
  color: #8eafff !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"] body[data-page="user-dashboard-index"] #qa-modal {
  background: #040303a3;
}
html[data-user-shell="slack"] body[data-page="user-dashboard-index"] #qa-modal > div:nth-child(2) {
  color: #f8f6f4;
  max-width: 430px;
  max-height: 82vh;
  background: #181b1e !important;
  border-color: #ffffff1a !important;
  border-radius: 10px !important;
}
html[data-user-shell="slack"] body[data-page="user-dashboard-index"] #qa-modal > div:nth-child(2) > div {
  background: #181b1e !important;
  border-color: #ffffff12 !important;
}
html[data-user-shell="slack"] body[data-page="user-dashboard-index"] #qa-modal .qa-cat-row {
  min-height: 27px;
  color: #ffffff70 !important;
  background: #0f1113 !important;
  border-color: #ffffff14 !important;
  border-radius: 5px !important;
  padding: 5px 7px !important;
}
html[data-user-shell="slack"] body[data-page="user-dashboard-index"] #qa-modal .qa-cat-row:has(input:checked) {
  background: #5b8cff14 !important;
  border-color: #5b8cff6b !important;
}
html[data-user-shell="slack"] body[data-page="user-dashboard-index"] #qa-modal h3 {
  font-weight: 750;
  color: #ffffffad !important;
  font-family: inherit !important;
  font-size: 14px !important;
}
html[data-user-shell="slack"] body[data-page="user-dashboard-index"] #qa-modal .font-mono, html[data-user-shell="slack"] body[data-page="user-dashboard-index"] #qa-modal .text-\[11\.5px\], html[data-user-shell="slack"] body[data-page="user-dashboard-index"] #qa-modal .text-\[12px\] {
  color: #ffffff4f !important;
  font-family: inherit !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"] body[data-page="user-dashboard-index"] #qa-modal input[type="text"] {
  min-height: 27px;
  color: #ffffff8c !important;
  background: #0f1113 !important;
  border-color: #ffffff14 !important;
  border-radius: 5px !important;
  padding: 5px 7px !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"] body[data-page="user-dashboard-index"] #qa-modal #qa-save {
  min-height: 24px;
  color: #04130a !important;
  background: #25d366 !important;
  padding: 5px 8px !important;
}
@media (max-width: 780px) {
  html[data-user-shell="slack"] body[data-page="user-dashboard-index"] .dash-kpis {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  html[data-user-shell="slack"] body[data-page="user-dashboard-index"] .dash-primary-grid, html[data-user-shell="slack"] body[data-page="user-dashboard-index"] .dash-data-grid, html[data-user-shell="slack"] body[data-page="user-dashboard-index"] .dash-bottom-grid {
    grid-template-columns: 1fr;
  }

  html[data-user-shell="slack"] body[data-page="user-dashboard-index"] .dash-operations-grid {
    grid-template-columns: 1fr 1fr;
  }

  html[data-user-shell="slack"] body[data-page="user-dashboard-index"] .dash-copilot {
    grid-column: 1 / -1;
  }

  html[data-user-shell="slack"] body[data-page="user-dashboard-index"] .dash-social-strip {
    grid-template-columns: repeat(3, 1fr);
  }

  html[data-user-shell="slack"] body[data-page="user-dashboard-index"] .dash-shortcuts {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
}
html[data-user-shell="slack"][data-shell-theme="light"] body[data-page="user-dashboard-index"] .shell-pane {
  background: #eef1ef !important;
}
html[data-user-shell="slack"][data-shell-theme="light"] body[data-page="user-dashboard-index"] .dash-slack-page {
  background: #eef1ef;
}
html[data-user-shell="slack"][data-shell-theme="light"] body[data-page="user-dashboard-index"] .dash-range-menu button:hover {
  color: #1c1b22;
}
html[data-user-shell="slack"][data-shell-theme="light"] body[data-page="user-dashboard-index"] .dash-kpis article, html[data-user-shell="slack"][data-shell-theme="light"] body[data-page="user-dashboard-index"] .dash-panel, html[data-user-shell="slack"][data-shell-theme="light"] body[data-page="user-dashboard-index"] .dash-social-strip, html[data-user-shell="slack"][data-shell-theme="light"] body[data-page="user-dashboard-index"] .dash-sales-strip {
  background: #fff;
}
html[data-user-shell="slack"][data-shell-theme="light"] body[data-page="user-dashboard-index"] .dash-social-title > span, html[data-user-shell="slack"][data-shell-theme="light"] body[data-page="user-dashboard-index"] .dash-conversations > a > b {
  color: #1c1b22;
}
html[data-user-shell="slack"][data-shell-theme="light"] body[data-page="user-dashboard-index"] #qa-modal > div:nth-child(2), html[data-user-shell="slack"][data-shell-theme="light"] body[data-page="user-dashboard-index"] #qa-modal > div:nth-child(2) > div {
  background: #fff !important;
}
html[data-user-shell="slack"][data-shell-theme="light"] body[data-page="user-dashboard-index"] #qa-modal .qa-cat-row, html[data-user-shell="slack"][data-shell-theme="light"] body[data-page="user-dashboard-index"] #qa-modal input[type="text"] {
  background: #eef1ef !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-analytics-index"] .shell-pane {
  background: #0f1113 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-analytics-index"] .analytics-slack-page {
  color: #f8f6f4;
  background: #0f1113;
  flex-direction: column;
  gap: 7px;
  width: 100%;
  min-height: calc(100vh - 73px);
  display: flex;
  overflow: visible;
  margin: 0 !important;
  padding: 10px 14px 18px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-analytics-index"] .analytics-header {
  border-bottom: 1px solid #ffffff14;
  justify-content: space-between;
  align-items: flex-end;
  gap: 10px;
  min-height: 60px;
  padding-bottom: 8px;
  display: flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-analytics-index"] .analytics-eyebrow {
  color: #5b8cffb3;
  letter-spacing: .12em;
  text-transform: uppercase;
  align-items: center;
  gap: 4px;
  font-size: 10px;
  font-weight: 750;
  display: flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-analytics-index"] .analytics-eyebrow i {
  background: #25d366;
  border-radius: 50%;
  width: 4px;
  height: 4px;
  box-shadow: 0 0 0 2px #25d3661f;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-analytics-index"] .analytics-header h1 {
  color: #f8f6f4;
  letter-spacing: -.035em;
  margin-top: 4px;
  font-size: 19px;
  font-weight: 800;
  line-height: 1;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-analytics-index"] .analytics-header p {
  color: #ffffff47;
  margin-top: 4px;
  font-size: 10px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-analytics-index"] .analytics-header-actions a {
  color: #04130a;
  background: #25d366;
  border-radius: 6px;
  align-items: center;
  gap: 4px;
  min-height: 24px;
  padding: 5px 8px;
  font-size: 10px;
  font-weight: 800;
  display: flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-analytics-index"] .analytics-header-actions svg {
  width: 7px;
  height: 7px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-analytics-index"] .analytics-range-bar {
  background: #181b1e;
  border: 1px solid #ffffff14;
  border-radius: 8px;
  align-items: center;
  gap: 6px;
  min-height: 33px;
  padding: 4px 6px;
  display: flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-analytics-index"] .analytics-range-tabs {
  gap: 2px;
  display: flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-analytics-index"] .analytics-range-tabs button {
  color: #ffffff3d;
  border-radius: 5px;
  min-height: 21px;
  padding: 4px 7px;
  font-size: 10px;
  font-weight: 750;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-analytics-index"] .analytics-range-tabs button:hover {
  color: #ffffff8c;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-analytics-index"] .analytics-range-tabs button.is-active {
  color: #0f1113;
  background: #ecedee;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-analytics-index"] .analytics-custom-range {
  align-items: center;
  gap: 4px;
  display: flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-analytics-index"] .analytics-custom-range[hidden] {
  display: none;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-analytics-index"] .analytics-custom-range label {
  color: #ffffff30;
  align-items: center;
  gap: 3px;
  font-size: 10px;
  display: flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-analytics-index"] .analytics-custom-range input {
  color: #ffffff7a;
  color-scheme: dark;
  background: #0f1113;
  border: 1px solid #ffffff17;
  border-radius: 4px;
  width: 74px;
  min-height: 20px;
  padding: 2px 4px;
  font-size: 10px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-analytics-index"] .analytics-custom-range button {
  color: #fff;
  background: #25d366;
  border-radius: 4px;
  min-height: 20px;
  padding: 3px 6px;
  font-size: 10px;
  font-weight: 750;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-analytics-index"] .analytics-range-summary {
  color: #ffffff2b;
  white-space: nowrap;
  margin-left: auto;
  font-size: 10px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-analytics-index"] .analytics-panel, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-analytics-index"] .analytics-kpis article {
  min-width: 0;
  box-shadow: none;
  background: #181b1e;
  border: 1px solid #ffffff14;
  border-radius: 9px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-analytics-index"] .analytics-overview {
  background: radial-gradient(circle at 100% 0, #3b7dff24, #0000 42%), #181b1e;
  grid-template-columns: 1.15fr 1.45fr 150px;
  align-items: stretch;
  min-height: 89px;
  display: grid;
  overflow: hidden;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-analytics-index"] .analytics-overview-copy {
  border-right: 1px solid #ffffff12;
  flex-direction: column;
  justify-content: center;
  min-width: 0;
  padding: 10px 12px;
  display: flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-analytics-index"] .analytics-overview-copy > span {
  color: #8eafff;
  letter-spacing: .1em;
  text-transform: uppercase;
  font-size: 10px;
  font-weight: 750;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-analytics-index"] .analytics-overview-copy h2 {
  color: #ffffffb8;
  letter-spacing: -.025em;
  max-width: 265px;
  margin-top: 4px;
  font-size: 10px;
  font-weight: 780;
  line-height: 1.08;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-analytics-index"] .analytics-overview-copy p {
  color: #ffffff30;
  margin-top: 4px;
  font-size: 10px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-analytics-index"] .analytics-overview-metrics {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  display: grid;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-analytics-index"] .analytics-overview-metrics article {
  border-bottom: 1px solid #ffffff0f;
  border-right: 1px solid #ffffff0f;
  flex-direction: column;
  justify-content: center;
  padding: 7px 9px;
  display: flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-analytics-index"] .analytics-overview-metrics article:nth-last-child(-n+2) {
  border-bottom: 0;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-analytics-index"] .analytics-overview-metrics span, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-analytics-index"] .analytics-overview-spark > span {
  color: #ffffff30;
  text-transform: uppercase;
  font-size: 10px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-analytics-index"] .analytics-overview-metrics strong {
  color: #ffffff96;
  margin-top: 2px;
  font-size: 14px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-analytics-index"] .analytics-overview-metrics article:nth-child(2) strong {
  color: #6bdc96;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-analytics-index"] .analytics-overview-spark {
  flex-direction: column;
  justify-content: center;
  min-width: 0;
  padding: 8px 10px;
  display: flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-analytics-index"] #hero-spark {
  width: 100%;
  height: 48px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-analytics-index"] .analytics-kpis {
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 7px;
  display: grid;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-analytics-index"] .analytics-kpis article {
  min-height: 57px;
  padding: 7px 8px;
  position: relative;
  overflow: hidden;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-analytics-index"] .analytics-kpis article:before {
  content: "";
  background: #25d366;
  width: 2px;
  position: absolute;
  inset: 0 auto 0 0;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-analytics-index"] .analytics-kpis article:nth-child(2):before {
  background: #b98cff;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-analytics-index"] .analytics-kpis article:nth-child(3):before {
  background: #25d366;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-analytics-index"] .analytics-kpis article:nth-child(4):before {
  background: #ffc46b;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-analytics-index"] .analytics-kpis article:nth-child(5):before {
  background: #e01e5a;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-analytics-index"] .analytics-kpis article:nth-child(6):before {
  background: #36c5f0;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-analytics-index"] .analytics-kpis article > div {
  justify-content: space-between;
  align-items: center;
  gap: 3px;
  display: flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-analytics-index"] .analytics-kpis span {
  color: #ffffff3b;
  text-overflow: ellipsis;
  text-transform: uppercase;
  white-space: nowrap;
  font-size: 10px;
  font-weight: 750;
  overflow: hidden;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-analytics-index"] .analytics-kpis em {
  color: #ffffff30;
  white-space: nowrap;
  font-size: 10px;
  font-style: normal;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-analytics-index"] .is-good {
  color: #6bdc96 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-analytics-index"] .is-bad {
  color: #f07c8e !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-analytics-index"] .analytics-kpis > article > strong {
  color: #ffffffa8;
  margin-top: 4px;
  font-size: 14px;
  line-height: 1;
  display: block;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-analytics-index"] .analytics-kpis > article > small {
  color: #ffffff26;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-top: 3px;
  font-size: 10px;
  display: block;
  overflow: hidden;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-analytics-index"] .analytics-social-strip {
  background: linear-gradient(120deg, #833ab412, #0000 28%), #181b1e;
  grid-template-columns: 1.2fr repeat(5, 1fr) auto;
  align-items: stretch;
  min-height: 43px;
  display: grid;
  overflow: hidden;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-analytics-index"] .analytics-social-strip > * {
  border-right: 1px solid #ffffff0f;
  flex-direction: column;
  justify-content: center;
  min-width: 0;
  padding: 5px 7px;
  display: flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-analytics-index"] .analytics-social-title {
  flex-direction: row;
  align-items: center;
  gap: 5px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-analytics-index"] .analytics-social-title > b {
  color: #fff;
  background: linear-gradient(135deg, #833ab4, #e1306c, #f77737);
  border-radius: 6px;
  flex: none;
  place-items: center;
  width: 22px;
  height: 22px;
  font-size: 10px;
  display: grid;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-analytics-index"] .analytics-social-strip span, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-analytics-index"] .analytics-social-strip small {
  color: #ffffff30;
  font-size: 10px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-analytics-index"] .analytics-social-strip strong {
  color: #ffffff8a;
  font-size: 11px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-analytics-index"] .analytics-social-strip > a {
  color: #ff7bb0;
  align-items: center;
  min-width: 48px;
  font-size: 10px;
  font-weight: 750;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-analytics-index"] .analytics-primary-grid {
  grid-template-columns: minmax(0, 1fr) 190px;
  align-items: start;
  gap: 7px;
  display: grid;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-analytics-index"] .analytics-secondary-grid {
  grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr) 162px;
  align-items: start;
  gap: 7px;
  display: grid;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-analytics-index"] .analytics-breakdown-grid, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-analytics-index"] .analytics-context-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items: start;
  gap: 7px;
  display: grid;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-analytics-index"] .analytics-panel {
  overflow: hidden;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-analytics-index"] .analytics-panel-head {
  border-bottom: 1px solid #ffffff12;
  justify-content: space-between;
  align-items: center;
  gap: 6px;
  min-height: 34px;
  padding: 6px 8px;
  display: flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-analytics-index"] .analytics-panel-head > div {
  min-width: 0;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-analytics-index"] .analytics-panel-head span {
  color: #5b8cffa8;
  letter-spacing: .09em;
  text-transform: uppercase;
  align-items: center;
  gap: 3px;
  font-size: 10px;
  font-weight: 750;
  display: flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-analytics-index"] .analytics-panel-head span i {
  background: #25d366;
  border-radius: 50%;
  width: 4px;
  height: 4px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-analytics-index"] .analytics-panel-head h2 {
  color: #ffffff91;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-top: 1px;
  font-size: 11px;
  font-weight: 750;
  overflow: hidden;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-analytics-index"] .analytics-panel-head p {
  color: #ffffff29;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-top: 1px;
  font-size: 10px;
  overflow: hidden;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-analytics-index"] .analytics-panel-head > a, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-analytics-index"] .analytics-panel-head > button {
  color: #8eafff;
  flex: none;
  font-size: 10px;
  font-weight: 750;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-analytics-index"] .analytics-panel-head > b {
  color: #6bdc96;
  flex: none;
  font-size: 12px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-analytics-index"] .analytics-legend {
  color: #ffffff2b;
  align-items: center;
  gap: 3px;
  font-size: 10px;
  display: flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-analytics-index"] .analytics-legend i {
  background: #25d366;
  border-radius: 1px;
  width: 4px;
  height: 4px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-analytics-index"] .analytics-legend i.is-green {
  background: #25d366;
  margin-left: 3px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-analytics-index"] .analytics-legend i.is-red {
  background: #e01e5a;
  margin-left: 3px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-analytics-index"] #chart-volume, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-analytics-index"] #chart-rates {
  height: 150px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-analytics-index"] #chart-totals {
  height: 153px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-analytics-index"] #chart-devices, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-analytics-index"] #chart-types {
  height: 148px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-analytics-index"] .analytics-chart-stage {
  min-height: 148px;
  position: relative;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-analytics-index"] .analytics-chart-empty {
  text-align: center;
  background: #1d1a18d6;
  border: 1px dashed #ffffff12;
  border-radius: 6px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 3px;
  display: flex;
  position: absolute;
  inset: 35px 10px 14px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-analytics-index"] .analytics-chart-empty strong {
  color: #ffffff52;
  font-size: 10px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-analytics-index"] .analytics-chart-empty span {
  color: #ffffff29;
  font-size: 10px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-analytics-index"] .analytics-chart-empty.is-small {
  inset: 35px 10px 18px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-analytics-index"] .analytics-funnel-list {
  padding: 5px 8px 3px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-analytics-index"] .analytics-funnel-list article {
  border-bottom: 1px solid #ffffff0f;
  grid-template-columns: minmax(70px, 1fr) minmax(45px, .85fr) auto auto;
  align-items: center;
  gap: 5px;
  min-height: 26px;
  display: grid;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-analytics-index"] .analytics-funnel-list span {
  min-width: 0;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-analytics-index"] .analytics-funnel-list small, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-analytics-index"] .analytics-funnel-list strong {
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  overflow: hidden;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-analytics-index"] .analytics-funnel-list small {
  color: #ffffff29;
  text-transform: uppercase;
  font-size: 10px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-analytics-index"] .analytics-funnel-list strong {
  color: #ffffff63;
  margin-top: 1px;
  font-size: 10px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-analytics-index"] .analytics-funnel-list article > div {
  background: #ffffff0f;
  border-radius: 3px;
  height: 3px;
  overflow: hidden;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-analytics-index"] .analytics-funnel-list article > div i {
  border-radius: inherit;
  background: linear-gradient(90deg, #25d366, #25d366);
  height: 100%;
  display: block;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-analytics-index"] .analytics-funnel-list article > b {
  color: #ffffff6e;
  font-size: 10px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-analytics-index"] .analytics-funnel-list article > em {
  color: #ffffff30;
  font-size: 10px;
  font-style: normal;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-analytics-index"] .analytics-funnel footer {
  color: #ffffff29;
  justify-content: space-between;
  align-items: center;
  padding: 5px 8px;
  font-size: 10px;
  display: flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-analytics-index"] .analytics-funnel footer strong {
  font-size: 10px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-analytics-index"] .analytics-ad-rollup > div:last-child {
  grid-template-columns: repeat(3, 1fr);
  min-height: 153px;
  display: grid;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-analytics-index"] .analytics-ad-rollup article {
  text-align: center;
  border-right: 1px solid #ffffff0f;
  flex-direction: column;
  justify-content: center;
  min-width: 0;
  padding: 7px;
  display: flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-analytics-index"] .analytics-ad-rollup article:last-child {
  border-right: 0;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-analytics-index"] .analytics-ad-rollup article span {
  color: #ffffff29;
  text-transform: uppercase;
  font-size: 10px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-analytics-index"] .analytics-ad-rollup article strong {
  color: #ffffff7a;
  text-overflow: ellipsis;
  margin-top: 3px;
  font-size: 10px;
  overflow: hidden;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-analytics-index"] .analytics-list-panel ol, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-analytics-index"] .analytics-events ol, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-analytics-index"] .analytics-contacts ol {
  min-height: 148px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-analytics-index"] .analytics-list-panel li, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-analytics-index"] .analytics-contacts li {
  border-bottom: 1px solid #ffffff0f;
  grid-template-columns: 18px minmax(0, 1fr) auto;
  align-items: center;
  gap: 5px;
  min-height: 29px;
  padding: 4px 7px;
  display: grid;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-analytics-index"] .analytics-list-panel li > b, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-analytics-index"] .analytics-contacts li > b {
  color: #8eafff;
  background: #5b8cff1a;
  border-radius: 50%;
  place-items: center;
  width: 18px;
  height: 18px;
  font-size: 10px;
  display: grid;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-analytics-index"] .analytics-contacts li > b {
  color: #fff;
  background: linear-gradient(135deg, #25d366, #b98cff);
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-analytics-index"] .analytics-list-panel li span, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-analytics-index"] .analytics-contacts li span {
  min-width: 0;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-analytics-index"] .analytics-list-panel li strong, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-analytics-index"] .analytics-list-panel li small, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-analytics-index"] .analytics-contacts li strong, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-analytics-index"] .analytics-contacts li small {
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  overflow: hidden;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-analytics-index"] .analytics-list-panel li strong, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-analytics-index"] .analytics-contacts li strong {
  color: #ffffff6b;
  font-size: 10px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-analytics-index"] .analytics-list-panel li small, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-analytics-index"] .analytics-contacts li small {
  color: #ffffff24;
  margin-top: 1px;
  font-size: 10px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-analytics-index"] .analytics-list-panel li em, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-analytics-index"] .analytics-contacts li em {
  color: #6bdc96;
  font-size: 10px;
  font-style: normal;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-analytics-index"] .analytics-geo > div:last-child {
  min-height: 148px;
  padding: 5px 7px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-analytics-index"] .analytics-geo article {
  border-bottom: 1px solid #ffffff0f;
  grid-template-columns: minmax(50px, .9fr) minmax(55px, 1fr) auto;
  align-items: center;
  gap: 5px;
  min-height: 24px;
  display: grid;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-analytics-index"] .analytics-geo article > span {
  color: #ffffff52;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 10px;
  overflow: hidden;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-analytics-index"] .analytics-geo article > div {
  background: #ffffff0f;
  border-radius: 3px;
  height: 3px;
  overflow: hidden;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-analytics-index"] .analytics-geo article > div i {
  background: #25d366;
  height: 100%;
  display: block;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-analytics-index"] .analytics-geo article > b {
  color: #ffffff42;
  font-size: 10px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-analytics-index"] .analytics-events li {
  border-bottom: 1px solid #ffffff0f;
  grid-template-columns: 10px minmax(0, 1fr);
  align-items: center;
  gap: 5px;
  min-height: 29px;
  padding: 4px 7px;
  transition: opacity .15s;
  display: grid;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-analytics-index"] .analytics-events li > i {
  background: #25d366;
  border: 2px solid #25d36659;
  border-radius: 50%;
  width: 6px;
  height: 6px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-analytics-index"] .analytics-events li strong, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-analytics-index"] .analytics-events li small {
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  overflow: hidden;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-analytics-index"] .analytics-events li strong {
  color: #fff6;
  font-size: 10px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-analytics-index"] .analytics-events li small {
  color: #ffffff24;
  margin-top: 1px;
  font-size: 10px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-analytics-index"] .analytics-events.is-paused li:not(.analytics-empty) {
  opacity: .34;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-analytics-index"] .analytics-empty {
  color: #ffffff26;
  text-align: center;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 2px !important;
  min-height: 70px !important;
  padding: 8px !important;
  display: flex !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-analytics-index"] .analytics-empty strong {
  color: #ffffff4d !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-analytics-index"] .analytics-empty span {
  color: #ffffff24 !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-analytics-index"] .analytics-team {
  min-height: 120px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-analytics-index"] .analytics-table-wrap {
  overflow-x: auto;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-analytics-index"] .analytics-table-wrap table {
  border-collapse: collapse;
  width: 100%;
  min-width: 520px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-analytics-index"] .analytics-table-wrap th {
  color: #ffffff29;
  text-align: right;
  text-transform: uppercase;
  padding: 5px 7px;
  font-size: 10px;
  font-weight: 750;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-analytics-index"] .analytics-table-wrap th:first-child {
  text-align: left;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-analytics-index"] .analytics-table-wrap td {
  color: #ffffff4a;
  text-align: right;
  white-space: nowrap;
  border-top: 1px solid #ffffff0f;
  height: 29px;
  padding: 4px 7px;
  font-size: 10px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-analytics-index"] .analytics-table-wrap td:first-child {
  text-align: left;
  align-items: center;
  gap: 5px;
  display: flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-analytics-index"] .analytics-table-wrap td:first-child > b {
  color: #fff;
  background: #25d366;
  border-radius: 50%;
  place-items: center;
  width: 18px;
  height: 18px;
  font-size: 10px;
  display: grid;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-analytics-index"] .analytics-table-wrap td span {
  min-width: 0;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-analytics-index"] .analytics-table-wrap td strong, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-analytics-index"] .analytics-table-wrap td small {
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 150px;
  display: block;
  overflow: hidden;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-analytics-index"] .analytics-table-wrap td strong {
  color: #ffffff6b;
  font-size: 10px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-analytics-index"] .analytics-table-wrap td small {
  color: #ffffff24;
  font-size: 10px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-analytics-index"] .analytics-heatmap {
  min-height: 207px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-analytics-index"] #chart-heatmap {
  height: 162px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-analytics-index"] .analytics-heatmap > footer {
  color: #ffffff24;
  text-align: center;
  padding: 4px 8px 6px;
  font-size: 10px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-analytics-index"] .analytics-heatmap > footer b {
  color: #ffffff57;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-analytics-index"] .apexcharts-text, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-analytics-index"] .apexcharts-legend-text {
  fill: #ffffff42 !important;
  color: #ffffff42 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-analytics-index"] .apexcharts-gridline {
  stroke: #ffffff0f !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-analytics-index"] .apexcharts-tooltip, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-analytics-index"] .apexcharts-xaxistooltip {
  color: #f8f6f4 !important;
  background: #2a2521 !important;
  border-color: #ffffff17 !important;
  font-size: 14px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-analytics-index"] .apexcharts-tooltip-title {
  background: #181b1e !important;
  border-color: #ffffff14 !important;
}
@media (max-width: 900px) {
  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-analytics-index"] .analytics-overview {
    grid-template-columns: 1fr 1fr;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-analytics-index"] .analytics-overview-spark {
    display: none;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-analytics-index"] .analytics-kpis {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-analytics-index"] .analytics-primary-grid, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-analytics-index"] .analytics-secondary-grid, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-analytics-index"] .analytics-breakdown-grid, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-analytics-index"] .analytics-context-grid {
    grid-template-columns: 1fr;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-analytics-index"] .analytics-social-strip {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 640px) {
  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-analytics-index"] .analytics-slack-page {
    padding: 8px !important;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-analytics-index"] .analytics-header {
    align-items: flex-start;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-analytics-index"] .analytics-range-bar {
    flex-direction: column;
    align-items: flex-start;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-analytics-index"] .analytics-range-summary {
    margin-left: 0;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-analytics-index"] .analytics-overview {
    grid-template-columns: 1fr;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-analytics-index"] .analytics-overview-copy {
    border-bottom: 1px solid #ffffff12;
    border-right: 0;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-analytics-index"] .analytics-kpis {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
[data-user-shell="slack"] .moreview {
  color: #ecedee;
  background: #0f1113;
  min-height: 100%;
  padding: 28px 34px 44px;
}
[data-user-shell="slack"] .moreview h1 {
  letter-spacing: -.02em;
  font-size: 26px;
  font-weight: 800;
}
[data-user-shell="slack"] .moresub {
  color: #ffffff80;
  margin-top: 3px;
  font-size: 13.5px;
}
[data-user-shell="slack"] .morelabel {
  letter-spacing: .07em;
  color: #ffffff57;
  margin-top: 26px;
  font-size: 11px;
  font-weight: 700;
}
[data-user-shell="slack"] .mgrid {
  grid-template-columns: repeat(auto-fill, minmax(210px, 1fr));
  gap: 14px;
  margin-top: 12px;
  display: grid;
}
[data-user-shell="slack"] .mcard {
  background: #ffffff05;
  border: 1px solid #ffffff14;
  border-radius: 16px;
  flex-direction: column;
  gap: 9px;
  padding: 16px;
  text-decoration: none;
  transition: all .14s;
  display: flex;
}
[data-user-shell="slack"] .mcard:hover {
  background: #ffffff0d;
  border-color: #ffffff29;
  transform: translateY(-1px);
}
[data-user-shell="slack"] .mic {
  border-radius: 11px;
  place-items: center;
  width: 38px;
  height: 38px;
  display: grid;
}
[data-user-shell="slack"] .mic svg {
  width: 20px;
  height: 20px;
  display: block;
}
[data-user-shell="slack"] .mt {
  color: #ecedee;
  font-size: 14.5px;
  font-weight: 700;
}
[data-user-shell="slack"] .md {
  color: #ffffff80;
  font-size: 12px;
  line-height: 1.35;
}
[data-user-shell="slack"][data-shell-theme="light"] .moreview {
  color: #161a1c;
  background: #eef1ef;
}
[data-user-shell="slack"][data-shell-theme="light"] .mt {
  color: #161a1c;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) body[data-page="user-settings-index"] .shell-pane {
  background: radial-gradient(95% 54% at 88% -8%, #25d36614, #0000 48%), #0f1113 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .settings-slack-page {
  color: #f8f5ee;
  width: 100%;
  min-height: 100%;
  padding: 10px 14px 18px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .settings-page-header {
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  min-height: 58px;
  display: flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .settings-page-header .settings-eyebrow {
  color: #6d9cff;
  letter-spacing: .16em;
  text-transform: uppercase;
  font: 700 5px / 1.2 ui-monospace, SFMono-Regular, Menlo, monospace;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .settings-page-header h1 {
  color: #fff;
  letter-spacing: -.02em;
  margin-top: 3px;
  font: 800 18px / 1.05 Figtree, Inter, system-ui, sans-serif;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .settings-page-header p {
  color: #ffffff7a;
  margin-top: 3px;
  font-size: 14px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .settings-save-current {
  color: #04130a;
  background: #25d366;
  border: 1px solid #25d36659;
  border-radius: 8px;
  align-items: center;
  gap: 5px;
  padding: 6px 9px;
  font-size: 14px;
  font-weight: 800;
  transition: opacity .15s, transform .15s;
  display: inline-flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .settings-save-current:hover:not(:disabled) {
  transform: translateY(-1px);
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .settings-save-current:disabled {
  cursor: not-allowed;
  opacity: .32;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .settings-save-current svg {
  width: 10px;
  height: 10px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .settings-kpis {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 7px;
  margin: 7px 0;
  display: grid;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .settings-kpis article {
  background: #ffffff08;
  border: 1px solid #ffffff17;
  border-radius: 10px;
  align-items: center;
  gap: 8px;
  min-width: 0;
  min-height: 57px;
  padding: 8px 10px;
  display: flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .settings-kpi-icon {
  border-radius: 7px;
  flex: 0 0 27px;
  place-items: center;
  width: 27px;
  height: 27px;
  display: grid;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .settings-kpi-icon svg {
  width: 13px;
  height: 13px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .settings-kpi-green {
  color: #4be389;
  background: #25d36626;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .settings-kpi-blue {
  color: #6d9cff;
  background: #25d36626;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .settings-kpi-teal {
  color: #42d9c4;
  background: #42d9c426;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .settings-kpi-purple {
  color: #c09aff;
  background: #b98cff26;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .settings-kpis strong, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .settings-kpis small {
  min-width: 0;
  display: block;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .settings-kpis strong {
  color: #fff;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 12px;
  font-weight: 800;
  line-height: 1.1;
  overflow: hidden;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .settings-kpis small {
  color: #ffffff61;
  letter-spacing: .1em;
  text-transform: uppercase;
  margin-top: 3px;
  font: 700 5px / 1 ui-monospace, SFMono-Regular, Menlo, monospace;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .settings-layout {
  align-items: start;
  margin-top: 7px;
  grid-template-columns: 168px minmax(0, 1fr) !important;
  gap: 9px !important;
  display: grid !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .settings-tab-rail {
  flex-direction: column;
  display: flex;
  gap: 7px !important;
  top: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .settings-tab-rail > div, html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .settings-tab-rail > a {
  box-shadow: none !important;
  background: #ffffff08 !important;
  border-color: #ffffff17 !important;
  border-radius: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .settings-tab-rail > div {
  padding: 6px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .settings-tab-rail > a {
  padding: 9px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .settings-tab-rail > div > .font-mono, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .settings-tab-rail > a > .font-mono {
  color: #ffffff57 !important;
  letter-spacing: .16em !important;
  padding: 5px 7px 3px !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .settings-tab-rail .set-tab {
  border-radius: 7px;
  gap: 7px;
  min-height: 27px;
  padding: 6px 7px;
  font-size: 14px;
  line-height: 1;
  color: #ffffff94 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .settings-tab-rail .set-tab svg {
  width: 10px !important;
  height: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .settings-tab-rail .set-tab:hover {
  background: #ffffff0b !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .settings-tab-rail .set-tab.active {
  color: #fff !important;
  background: #ffffff13 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .settings-tab-rail .set-tab.active svg {
  color: #25d366;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .settings-tab-rail > a .font-serif {
  color: #f8f5ee;
  font-size: 14px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .settings-tab-rail > a p {
  color: #ffffff6b !important;
  font-size: 12px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .settings-content {
  min-width: 0;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .settings-tab-header {
  border-bottom: 1px solid #ffffff12;
  min-height: 42px;
  margin-bottom: 7px;
  padding: 4px 6px 5px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .settings-tab-header .font-mono {
  color: #ffffff52 !important;
  margin-bottom: 3px !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .settings-tab-header #page-title {
  letter-spacing: -.015em;
  color: #fff !important;
  font: 800 14px / 1.05 Figtree, Inter, system-ui, sans-serif !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .settings-tab-header #page-title .italic {
  font-style: normal;
  color: #4be389 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .settings-tab-header #page-desc {
  color: #ffffff6b !important;
  margin-top: 3px !important;
  font-size: 12px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .settings-content [data-pane] {
  min-width: 0;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .settings-content [data-pane].space-y-5 > :not([hidden]) + :not([hidden]), html[data-user-shell="slack"]:not([data-shell-theme="light"]) .settings-content [data-pane] .space-y-5 > :not([hidden]) + :not([hidden]) {
  margin-top: 8px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .settings-content [data-pane] .space-y-4 > :not([hidden]) + :not([hidden]) {
  margin-top: 6px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .settings-content [data-pane] .space-y-3 > :not([hidden]) + :not([hidden]) {
  margin-top: 5px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .settings-content [data-pane] .gap-5 {
  gap: 8px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .settings-content [data-pane] .gap-4 {
  gap: 7px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .settings-content [data-pane] .gap-3 {
  gap: 6px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .settings-content [class*="bg-paper-0"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .settings-content [class*="bg-white"] {
  box-shadow: none !important;
  background: #ffffff08 !important;
  border-color: #ffffff17 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .settings-content [class*="bg-paper-50"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .settings-content [class*="bg-paper-100"] {
  background: #ffffff0a !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .settings-content [class*="border-paper"] {
  border-color: #ffffff17 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .settings-content [class*="text-ink-900"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .settings-content [class*="text-ink-800"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .settings-content [class*="text-ink-700"] {
  color: #ffffffd1 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .settings-content [class*="text-ink-600"] {
  color: #ffffff94 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .settings-content [class*="text-ink-500"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .settings-content [class*="text-ink-400"] {
  color: #fff6 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .settings-content [data-pane] .rounded-2xl {
  border-radius: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .settings-content [data-pane] .rounded-xl {
  border-radius: 8px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .settings-content [data-pane] .rounded-lg {
  border-radius: 6px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .settings-content [data-pane] .p-6 {
  padding: 11px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .settings-content [data-pane] .p-5 {
  padding: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .settings-content [data-pane] .p-4 {
  padding: 8px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .settings-content [data-pane] .px-5 {
  padding-left: 10px !important;
  padding-right: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .settings-content [data-pane] .py-4 {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .settings-content [data-pane] .mt-5 {
  margin-top: 8px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .settings-content [data-pane] .mt-4 {
  margin-top: 7px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .settings-content [data-pane] .mb-5 {
  margin-bottom: 8px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .settings-content [data-pane] .mb-4 {
  margin-bottom: 7px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .settings-content [data-pane] h2, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .settings-content [data-pane] h3 {
  color: #fff;
  font-weight: 750;
  line-height: 1.2;
  font-family: Figtree, Inter, system-ui, sans-serif !important;
  font-size: 11px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .settings-content [data-pane] h4 {
  color: #f8f5ee;
  font-size: 14px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .settings-content [data-pane] p, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .settings-content [data-pane] li {
  font-size: 14px !important;
  line-height: 1.45 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .settings-content [data-pane] label, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .settings-content [data-pane] button, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .settings-content [data-pane] a, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .settings-content [data-pane] th, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .settings-content [data-pane] td {
  font-size: 14px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .settings-content input:not([type="radio"]):not([type="checkbox"]):not([type="color"]), html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .settings-content select, html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .settings-content textarea {
  min-height: 27px;
  color: #f8f5ee !important;
  background: #ffffff09 !important;
  border-color: #ffffff1a !important;
  border-radius: 6px !important;
  padding: 5px 7px !important;
  font-size: 14px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .settings-content option {
  color: #f8f5ee;
  background: #211f1d;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .settings-content [data-pane] button[type="submit"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) .settings-content [data-pane] a[class*="bg-wa-deep"] {
  min-height: 25px;
  color: #fff !important;
  background: #139c5a !important;
  border-radius: 7px !important;
  padding: 5px 9px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .settings-content [data-pane] .toggle {
  transform-origin: center;
  transform: scale(.72);
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .settings-content [data-pane] table {
  font-size: 14px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .settings-content [data-pane] th, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .settings-content [data-pane] td {
  padding: 6px 8px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .settings-content [data-pane] code {
  color: #8aebc1;
  font-size: 14px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .settings-content [class*="border-accent-coral"] {
  border-color: #ff725a73 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .settings-content [class*="text-accent-coral"] {
  color: #ff8e70 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .settings-content [class*="bg-accent-coral"] {
  background: #c76149 !important;
}
@media (max-width: 900px) {
  html[data-user-shell="slack"]:not([data-shell-theme="light"]) .settings-layout {
    grid-template-columns: 142px minmax(0, 1fr) !important;
  }
}
@media (max-width: 700px) {
  html[data-user-shell="slack"]:not([data-shell-theme="light"]) .settings-slack-page {
    padding: 10px !important;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) .settings-kpis {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) .settings-layout {
    display: block !important;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) .settings-tab-rail {
    margin-bottom: 8px;
    position: static !important;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) .settings-tab-rail > div {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    display: grid;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) .settings-tab-rail > div > .font-mono {
    grid-column: 1 / -1;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) .settings-tab-rail > a {
    display: none !important;
  }
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) body[data-page="user-account-index"] .shell-pane {
  background: radial-gradient(95% 54% at 88% -8%, #25d36614, #0000 48%), #0f1113 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .account-slack-page {
  color: #f8f5ee;
  width: 100%;
  min-height: 100%;
  padding: 10px 14px 18px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .account-kpis {
  margin-top: 7px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .account-kpis article {
  min-height: 64px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .account-kpis strong {
  font-size: 11px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .account-layout {
  align-items: start;
  margin-top: 7px;
  grid-template-columns: 168px minmax(0, 1fr) !important;
  gap: 9px !important;
  display: grid !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .account-tab-rail {
  flex-direction: column;
  display: flex;
  gap: 7px !important;
  top: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .account-tab-rail > div, html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .account-tab-rail > nav, html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .account-tab-rail > a {
  box-shadow: none !important;
  background: #ffffff08 !important;
  border-color: #ffffff17 !important;
  border-radius: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .account-identity {
  padding: 9px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .account-identity #avatar-preview {
  width: 46px !important;
  height: 46px !important;
  font-size: 15px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .account-identity #avatar-preview + button {
  border-width: 1px !important;
  width: 20px !important;
  height: 20px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .account-identity > .font-serif {
  color: #fff;
  margin-top: 5px !important;
  font: 700 9px / 1.2 Figtree, Inter, system-ui, sans-serif !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .account-identity > .font-mono {
  color: #fff6 !important;
  font-size: 12px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .account-identity > span {
  margin-top: 5px !important;
  padding: 2px 6px !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .account-nav {
  padding: 6px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .account-nav > .font-mono {
  color: #ffffff57 !important;
  letter-spacing: .16em !important;
  padding: 5px 7px 3px !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .account-nav .acc-tab {
  border-radius: 7px;
  gap: 7px;
  min-height: 25px;
  padding: 5px 7px;
  font-size: 14px;
  line-height: 1;
  color: #ffffff94 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .account-nav .acc-tab svg {
  width: 10px !important;
  height: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .account-nav .acc-tab:hover {
  background: #ffffff0b !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .account-nav .acc-tab.active {
  color: #fff !important;
  background: #25d36617 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .account-nav .acc-tab.active svg {
  color: #25d366;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .account-nav .acc-tab.danger {
  color: #ff8e70 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .account-nav .acc-tab.danger.active {
  background: #e87a5d29 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .account-nav .acc-tab > span {
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .account-upsell {
  padding: 9px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .account-upsell .font-serif {
  color: #4be389 !important;
  font: 700 8px / 1.2 Figtree, Inter, system-ui, sans-serif !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .account-upsell p {
  color: #ffffff6b !important;
  font-size: 12px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .account-upsell > span {
  color: #4be389 !important;
  margin-top: 4px !important;
  font-size: 12px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .account-content {
  min-width: 0;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .account-tab-header {
  min-height: 42px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .account-content [data-pane] {
  min-width: 0;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .account-content [data-pane].space-y-5 > :not([hidden]) + :not([hidden]), html[data-user-shell="slack"]:not([data-shell-theme="light"]) .account-content [data-pane] .space-y-5 > :not([hidden]) + :not([hidden]) {
  margin-top: 8px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .account-content [data-pane].space-y-4 > :not([hidden]) + :not([hidden]), html[data-user-shell="slack"]:not([data-shell-theme="light"]) .account-content [data-pane] .space-y-4 > :not([hidden]) + :not([hidden]) {
  margin-top: 6px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .account-content [data-pane] .space-y-3 > :not([hidden]) + :not([hidden]) {
  margin-top: 5px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .account-content [data-pane] .gap-6 {
  gap: 9px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .account-content [data-pane] .gap-5 {
  gap: 8px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .account-content [data-pane] .gap-4 {
  gap: 7px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .account-content [data-pane] .gap-3 {
  gap: 6px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .account-content [class*="bg-paper-0"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .account-content [class*="bg-white"] {
  box-shadow: none !important;
  background: #ffffff08 !important;
  border-color: #ffffff17 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .account-content [class*="bg-paper-50"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .account-content [class*="bg-paper-100"] {
  background: #ffffff0a !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .account-content [class*="border-paper"] {
  border-color: #ffffff17 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .account-content [class*="text-ink-900"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .account-content [class*="text-ink-800"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .account-content [class*="text-ink-700"] {
  color: #ffffffd1 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .account-content [class*="text-ink-600"] {
  color: #ffffff94 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .account-content [class*="text-ink-500"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .account-content [class*="text-ink-400"] {
  color: #fff6 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .account-content [data-pane] .rounded-2xl {
  border-radius: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .account-content [data-pane] .rounded-xl {
  border-radius: 8px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .account-content [data-pane] .rounded-lg {
  border-radius: 6px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .account-content [data-pane] .p-8 {
  padding: 13px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .account-content [data-pane] .p-6 {
  padding: 11px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .account-content [data-pane] .p-5 {
  padding: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .account-content [data-pane] .p-4 {
  padding: 8px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .account-content [data-pane] .px-6 {
  padding-left: 11px !important;
  padding-right: 11px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .account-content [data-pane] .px-5 {
  padding-left: 10px !important;
  padding-right: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .account-content [data-pane] .py-5 {
  padding-top: 9px !important;
  padding-bottom: 9px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .account-content [data-pane] .py-4 {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .account-content [data-pane] .mt-6 {
  margin-top: 9px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .account-content [data-pane] .mt-5 {
  margin-top: 8px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .account-content [data-pane] .mt-4 {
  margin-top: 7px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .account-content [data-pane] .mb-6 {
  margin-bottom: 9px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .account-content [data-pane] .mb-5 {
  margin-bottom: 8px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .account-content [data-pane] .mb-4 {
  margin-bottom: 7px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .account-content [data-pane] h2, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .account-content [data-pane] h3 {
  color: #fff;
  font-weight: 750;
  line-height: 1.2;
  font-family: Figtree, Inter, system-ui, sans-serif !important;
  font-size: 11px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .account-content [data-pane] h4 {
  color: #f8f5ee;
  font-size: 14px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .account-content [data-pane] p, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .account-content [data-pane] li {
  font-size: 14px !important;
  line-height: 1.45 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .account-content [data-pane] label, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .account-content [data-pane] button, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .account-content [data-pane] a, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .account-content [data-pane] th, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .account-content [data-pane] td {
  font-size: 14px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .account-content input:not([type="radio"]):not([type="checkbox"]):not([type="color"]), html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .account-content select, html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .account-content textarea, html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .account-content .ts-control {
  min-height: 27px;
  color: #f8f5ee !important;
  background: #ffffff09 !important;
  border-color: #ffffff1a !important;
  border-radius: 6px !important;
  padding: 5px 7px !important;
  font-size: 14px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .account-content option, html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) body[data-page="user-account-index"] .ts-dropdown {
  color: #f8f5ee;
  background: #211f1d;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) body[data-page="user-account-index"] .ts-dropdown {
  border-color: #ffffff1a;
  font-size: 14px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) body[data-page="user-account-index"] .ts-dropdown .active {
  color: #fff;
  background: #20242a;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .account-content [data-pane] button[type="submit"]:not([class*="accent-coral"]), html[data-user-shell="slack"]:not([data-shell-theme="light"]) .account-content [data-pane] a[class*="bg-wa-deep"] {
  min-height: 25px;
  color: #fff !important;
  background: #139c5a !important;
  border-radius: 7px !important;
  padding: 5px 9px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .account-content [data-pane] .toggle {
  transform-origin: center;
  transform: scale(.72);
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .account-content [data-pane] table {
  font-size: 14px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .account-content [data-pane] th, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .account-content [data-pane] td {
  padding: 6px 8px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .account-content [data-pane] code {
  color: #8aebc1;
  font-size: 14px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .account-content [class*="border-accent-coral"] {
  border-color: #ff725a73 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .account-content [class*="text-accent-coral"] {
  color: #ff8e70 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .account-content [class*="bg-accent-coral"] {
  background: #c76149 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .account-content [class*="bg-wa-mint"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .account-content [class*="bg-wa-bubble"] {
  background: #25d3661a !important;
}
@media (max-width: 900px) {
  html[data-user-shell="slack"]:not([data-shell-theme="light"]) .account-layout {
    grid-template-columns: 142px minmax(0, 1fr) !important;
  }
}
@media (max-width: 700px) {
  html[data-user-shell="slack"]:not([data-shell-theme="light"]) .account-slack-page {
    padding: 10px !important;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) .account-kpis {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) .account-layout {
    display: block !important;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) .account-tab-rail {
    margin-bottom: 8px;
    position: static !important;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) .account-identity, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .account-upsell {
    display: none !important;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) .account-nav {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    display: grid;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) .account-nav > .font-mono {
    grid-column: 1 / -1;
  }
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) body[data-page="user-wallet-statement"] .shell-pane {
  background: radial-gradient(88% 52% at 86% -8%, #42d9c412, #0000 48%), #0f1113 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .wallet-statement-slack-page {
  color: #f8f5ee;
  width: 100%;
  min-height: 100%;
  padding: 10px 14px 18px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .wallet-statement-header {
  background: #103b35;
  border: 1px solid #25d36629;
  border-radius: 0;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  min-height: 61px;
  padding: 9px 11px;
  display: flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .wallet-statement-eyebrow, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .wallet-statement-ledger-head span {
  color: #25d366c7;
  letter-spacing: .16em;
  text-transform: uppercase;
  font: 600 5px / 1.2 JetBrains Mono, monospace;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .wallet-statement-eyebrow a {
  color: #4be389;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .wallet-statement-header h1 {
  color: #fff;
  letter-spacing: -.03em;
  margin-top: 3px;
  font: 800 17px / 1 Figtree, Inter, system-ui, sans-serif;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .wallet-statement-header p {
  color: #ffffff78;
  max-width: 490px;
  margin-top: 4px;
  font: 500 6px / 1.35 Figtree, Inter, system-ui, sans-serif;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .wallet-statement-actions {
  flex: none;
  align-items: center;
  gap: 6px;
  display: flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .wallet-statement-actions a {
  white-space: nowrap;
  border-radius: 7px;
  justify-content: center;
  align-items: center;
  gap: 5px;
  min-height: 25px;
  padding: 5px 8px;
  font: 700 6px / 1 Figtree, Inter, system-ui, sans-serif;
  display: inline-flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .wallet-statement-actions svg {
  width: 10px !important;
  height: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .wallet-statement-secondary-action {
  color: #f8f5ee;
  background: #ffffff0a;
  border: 1px solid #ffffff1c;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .wallet-statement-primary-action {
  color: #fff;
  background: #139c5a;
  border: 1px solid #22ad67;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .wallet-statement-actions a:hover {
  filter: brightness(1.1);
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .wallet-statement-kpis {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 7px;
  margin-top: 7px;
  display: grid;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .wallet-statement-kpis article {
  background: #ffffff08;
  border: 1px solid #ffffff17;
  border-radius: 10px;
  min-width: 0;
  min-height: 72px;
  padding: 10px;
  overflow: hidden;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .wallet-statement-kpis article.is-positive {
  border-color: #25d36638;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .wallet-statement-kpis article.is-negative {
  border-color: #e87a5d40;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .wallet-statement-kpis article > div:first-child {
  color: #ffffff85 !important;
  font: 700 7px / 1.2 Figtree, Inter, system-ui, sans-serif !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .wallet-statement-kpis article > div:nth-child(2) {
  color: #fff;
  letter-spacing: -.025em;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  margin-top: 6px !important;
  font: 500 18px / 1 Fraunces, Georgia, serif !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .wallet-statement-kpis article.is-positive > div:nth-child(2), html[data-user-shell="slack"]:not([data-shell-theme="light"]) .wallet-statement-kpis article:last-child > div:nth-child(2) {
  color: #39de83 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .wallet-statement-kpis article.is-negative > div:nth-child(2) {
  color: #ff8e70 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .wallet-statement-kpis article > div:last-child {
  color: #ffffff5c !important;
  margin-top: 5px !important;
  font: 500 6px / 1.3 Figtree, Inter, system-ui, sans-serif !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .wallet-statement-filters {
  background: #ffffff08;
  border: 1px solid #ffffff17;
  border-radius: 10px;
  grid-template-columns: 1.05fr .9fr .9fr 1.35fr auto;
  align-items: end;
  margin-top: 7px;
  padding: 9px;
  gap: 7px !important;
  display: grid !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .wallet-statement-filters > div {
  gap: 4px !important;
  min-width: 0 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .wallet-statement-filters label {
  color: #ffffff75 !important;
  font: 650 6px / 1 Figtree, Inter, system-ui, sans-serif !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .wallet-statement-filters input, html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .wallet-statement-filters select {
  width: 100%;
  min-height: 27px;
  color: #f8f5ee !important;
  background: #ffffff09 !important;
  border: 1px solid #ffffff1a !important;
  border-radius: 6px !important;
  min-width: 0 !important;
  padding: 5px 7px !important;
  font-size: 14px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .wallet-statement-filters option {
  color: #f8f5ee;
  background: #211f1d;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .wallet-statement-filters input::-webkit-calendar-picker-indicator {
  filter: invert();
  opacity: .55;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .wallet-statement-filters > div:last-child {
  align-items: center;
  display: flex;
  gap: 5px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .wallet-statement-filters button, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .wallet-statement-filters a {
  white-space: nowrap;
  justify-content: center;
  align-items: center;
  min-height: 27px;
  display: inline-flex;
  border-radius: 7px !important;
  padding: 5px 9px !important;
  font-size: 12px !important;
  font-weight: 700 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .wallet-statement-filters button {
  border: 1px solid #22ad67;
  color: #fff !important;
  background: #139c5a !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .wallet-statement-filters a {
  color: #ffffffb8 !important;
  background: #ffffff09 !important;
  border: 1px solid #ffffff1a !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .wallet-statement-filters[data-wallet-filters-dirty] {
  border-color: #25d36645;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .wallet-statement-ledger {
  background: #ffffff08;
  border: 1px solid #ffffff17;
  border-radius: 10px;
  margin-top: 7px;
  overflow: hidden;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .wallet-statement-ledger-head {
  border-bottom: 1px solid #ffffff14;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  min-height: 42px;
  padding: 7px 10px;
  display: flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .wallet-statement-ledger-head span {
  color: #ffffff4f;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .wallet-statement-ledger-head h2 {
  color: #fff;
  margin-top: 3px;
  font: 750 10px / 1.1 Figtree, Inter, system-ui, sans-serif;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .wallet-statement-ledger-head strong {
  color: #4be389;
  background: #25d36613;
  border: 1px solid #25d36633;
  border-radius: 999px;
  padding: 4px 7px;
  font: 600 6px / 1 JetBrains Mono, monospace;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .wallet-statement-table-wrap {
  width: 100%;
  overflow-x: auto;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .wallet-statement-table {
  table-layout: fixed;
  border-collapse: collapse;
  width: 100%;
  min-width: 630px;
  font-size: 13px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .wallet-statement-table th:first-child {
  width: 21%;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .wallet-statement-table th:nth-child(2) {
  width: 31%;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .wallet-statement-table th:nth-child(3) {
  width: 15%;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .wallet-statement-table th:nth-child(4), html[data-user-shell="slack"]:not([data-shell-theme="light"]) .wallet-statement-table th:nth-child(5), html[data-user-shell="slack"]:not([data-shell-theme="light"]) .wallet-statement-table th:nth-child(6) {
  width: 11%;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .wallet-statement-table thead {
  background: #051e1bb8 !important;
  border-color: #ffffff14 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .wallet-statement-table tbody {
  --tw-divide-opacity: 1;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .wallet-statement-table tbody tr {
  border-top: 1px solid #fff1;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .wallet-statement-table tbody tr:first-child {
  border-top: 0;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .wallet-statement-table tbody tr:hover {
  background: #ffffff09 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .wallet-statement-table th, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .wallet-statement-table td {
  color: #ffffffba;
  text-overflow: ellipsis;
  line-height: 1.35;
  overflow: hidden;
  border-color: #ffffff12 !important;
  padding: 6px 7px !important;
  font-size: 13px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .wallet-statement-table th {
  color: #ffffff5c !important;
  letter-spacing: .12em !important;
  font: 600 5px / 1.15 JetBrains Mono, monospace !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .wallet-statement-table td:first-child {
  color: #ffffff7a !important;
  font-size: 12px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .wallet-statement-table td:nth-child(2) {
  color: #ffffffdb;
  white-space: normal;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .wallet-statement-table td:nth-child(n+4) {
  white-space: nowrap;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .wallet-statement-table td.text-wa-deep {
  color: #39de83 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .wallet-statement-table td.text-accent-coral {
  color: #ff8e70 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .wallet-statement-table td:last-child {
  color: #fff !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .wallet-statement-table td span.rounded {
  color: #ffffffc7 !important;
  background: #ffffff09 !important;
  border-color: #ffffff1c !important;
  border-radius: 4px !important;
  padding: 2px 4px !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .wallet-statement-table td span[class*="bg-wa-mint"] {
  color: #4be389 !important;
  background: #25d3661c !important;
  border-color: #25d36645 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .wallet-statement-table td span[class*="bg-accent-amber"] {
  color: #ffc46b !important;
  background: #ffc46b1a !important;
  border-color: #ffc46b4d !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .wallet-statement-empty {
  text-align: center;
  padding: 32px 12px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .wallet-statement-pagination {
  color: #ffffff6e;
  background: #ffffff05;
  border-top: 1px solid #ffffff14;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  padding: 7px 10px;
  font-size: 12px;
  display: flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .wallet-statement-pagination a, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .wallet-statement-pagination span {
  color: #ffffffa3 !important;
  border-color: #ffffff1a !important;
  font-size: 12px !important;
}
@media (max-width: 900px) {
  html[data-user-shell="slack"]:not([data-shell-theme="light"]) .wallet-statement-filters {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) .wallet-statement-filters > div:last-child {
    grid-column: 1 / -1;
  }
}
@media (max-width: 700px) {
  html[data-user-shell="slack"]:not([data-shell-theme="light"]) .wallet-statement-slack-page {
    padding: 10px;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) .wallet-statement-header {
    flex-direction: column;
    align-items: flex-start;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) .wallet-statement-kpis {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) .wallet-statement-filters {
    grid-template-columns: 1fr;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) .wallet-statement-filters > div:last-child {
    grid-column: auto;
  }
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) body[data-page="user-notifications-index"] .shell-pane {
  background: radial-gradient(88% 54% at 88% -8%, #25d36612, #0000 48%), #0f1113 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .notifications-slack-page {
  color: #f8f5ee;
  width: 100%;
  min-height: 100%;
  padding: 10px 14px 18px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .notifications-header {
  background: #103b35;
  border: 1px solid #25d36629;
  min-height: 61px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .notifications-header-inner {
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  min-height: 59px;
  padding: 8px 11px;
  display: flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .notifications-back {
  color: #ffffffad;
  background: #ffffff09;
  border: 1px solid #ffffff1c;
  border-radius: 7px;
  flex: none;
  place-items: center;
  width: 27px;
  height: 27px;
  display: grid;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .notifications-back svg {
  width: 10px !important;
  height: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .notifications-eyebrow {
  color: #4be389;
  letter-spacing: .16em;
  text-transform: uppercase;
  font: 600 5px / 1.2 JetBrains Mono, monospace;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .notifications-header h1 {
  color: #fff;
  letter-spacing: -.03em;
  margin-top: 3px;
  font: 800 17px / 1 Figtree, Inter, system-ui, sans-serif;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .notifications-header h1 .text-wa-deep {
  color: #fff !important;
  font-style: normal !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .notifications-header-actions {
  flex: none;
  align-items: center;
  gap: 6px;
  display: flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .notifications-header-actions button, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .notifications-header-actions a {
  white-space: nowrap;
  border-radius: 7px;
  justify-content: center;
  align-items: center;
  gap: 5px;
  min-height: 27px;
  padding: 5px 8px;
  font: 700 6px / 1 Figtree, Inter, system-ui, sans-serif;
  display: inline-flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .notifications-header-actions svg {
  width: 10px !important;
  height: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .notifications-mark-all {
  color: #fff;
  background: #139c5a;
  border: 1px solid #22ad67;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .notifications-mark-all:disabled {
  color: #ffffff57;
  cursor: not-allowed;
  background: #ffffff0a;
  border-color: #ffffff1a;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .notifications-preferences {
  color: #f8f5ee;
  background: #ffffff0a;
  border: 1px solid #ffffff1c;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .notifications-header-actions :is(button, html[data-user-shell="slack"]:not([data-shell-theme="light"]) a):not(:disabled):hover {
  filter: brightness(1.12);
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .notifications-content {
  margin-top: 7px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .notifications-kpis {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 7px;
  display: grid;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .notifications-kpis > div {
  min-width: 0;
  min-height: 72px;
  overflow: hidden;
  box-shadow: none !important;
  background: #ffffff08 !important;
  border: 1px solid #ffffff17 !important;
  border-radius: 10px !important;
  padding: 9px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .notifications-kpis > div > div:first-child span:first-child, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .notifications-kpis > div > div:first-child > a {
  color: #ffffff6e !important;
  letter-spacing: .14em !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .notifications-kpis > div > div:first-child span:last-child {
  color: #4be389 !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .notifications-kpis > div > div:nth-child(2) {
  gap: 5px !important;
  margin-top: 7px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .notifications-kpis [data-stat="unread"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) .notifications-kpis [data-stat="today"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) .notifications-kpis [data-stat="activeRules"] {
  color: #fff;
  font: 500 19px / 1 Fraunces, Georgia, serif !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .notifications-kpis > div:last-child > div:nth-child(2) span {
  color: #fff;
  font: 500 14px / 1 Fraunces, Georgia, serif !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .notifications-kpis > div > div:nth-child(2) > span:last-child, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .notifications-kpis > div > span:last-child {
  line-height: 1.2;
  color: #ffffff5c !important;
  font-size: 12px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .notifications-layout {
  grid-template-columns: minmax(0, 1fr) 220px;
  align-items: start;
  gap: 9px;
  margin-top: 7px;
  display: grid;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .notifications-feed-panel, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .notifications-sources {
  min-width: 0;
  overflow: hidden;
  box-shadow: none !important;
  background: #ffffff08 !important;
  border: 1px solid #ffffff17 !important;
  border-radius: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .notifications-feed-tools {
  border-bottom: 1px solid #ffffff14;
  padding: 8px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) #cat-tabs {
  flex-wrap: wrap;
  align-items: center;
  gap: 3px;
  display: flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) #cat-tabs .cat-tab {
  border: 1px solid #0000;
  min-height: 22px;
  line-height: 1;
  color: #ffffff8c !important;
  background: none !important;
  border-radius: 6px !important;
  padding: 4px 6px !important;
  font-size: 11px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) #cat-tabs .cat-tab:hover {
  color: #fff !important;
  background: #ffffff0a !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) #cat-tabs .cat-tab[aria-selected="true"] {
  border-color: #25d36638;
  color: #fff !important;
  background: #25d3661f !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) #cat-tabs .cat-tab span {
  color: #4be389;
  margin-left: 3px !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .notifications-search-wrap {
  width: 100%;
  margin-top: 6px;
  position: relative;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .notifications-search-wrap svg {
  color: #ffffff5c !important;
  width: 9px !important;
  height: 9px !important;
  left: 8px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .notifications-search-wrap input {
  width: 100%;
  min-height: 27px;
  color: #f8f5ee !important;
  background: #ffffff09 !important;
  border: 1px solid #ffffff1a !important;
  border-radius: 6px !important;
  padding: 5px 8px 5px 23px !important;
  font-size: 14px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .notifications-feed-group-head {
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  min-height: 31px;
  padding: 6px 9px;
  display: flex;
  border-color: #ffffff14 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .notifications-feed-group-head > div {
  color: #ffffff57 !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .notifications-feed-group-head button {
  color: #4be389 !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .notifications-feed-list {
  border-color: #ffffff12 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .notifications-feed-list .notif {
  min-height: 55px;
  border-color: #fff1 !important;
  gap: 8px !important;
  padding: 8px 9px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .notifications-feed-list .notif:hover {
  background: #ffffff08 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .notifications-feed-list .notif > span:nth-child(1 of .w-9) {
  color: #4be389 !important;
  background: #25d3661a !important;
  border-radius: 7px !important;
  width: 27px !important;
  height: 27px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .notifications-feed-list .notif > span svg {
  width: 11px !important;
  height: 11px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .notifications-feed-list .notif .unread-dot {
  background: #25d366 !important;
  width: 2px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .notifications-feed-list .notif .flex-1 > div:first-child {
  gap: 4px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .notifications-feed-list .notif .flex-1 > div:first-child > span:first-child {
  color: #fff !important;
  font-size: 14px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .notifications-feed-list .notif .flex-1 > div:first-child > span:not(:first-child) {
  border: 1px solid #ffffff14;
  color: #ffffff94 !important;
  background: #ffffff09 !important;
  border-radius: 4px !important;
  padding: 2px 4px !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .notifications-feed-list .notif p {
  color: #ffffff85 !important;
  margin-top: 3px !important;
  font-size: 12px !important;
  line-height: 1.4 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .notifications-feed-list .notif .mt-1\.5 {
  color: #ffffff4f !important;
  margin-top: 4px !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .notifications-feed-list .notif > div:last-child {
  gap: 3px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .notifications-feed-list .notif > div:last-child :is(a, html[data-user-shell="slack"]:not([data-shell-theme="light"]) button) {
  color: #4be389 !important;
  margin-left: 0 !important;
  font-size: 11px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .notifications-feed-list .notif > div:last-child button:last-child {
  color: #ffffff61 !important;
  width: 21px !important;
  height: 21px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .notifications-feed-list .notif > div:last-child svg {
  width: 8px !important;
  height: 8px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) #notif-pagination nav, html[data-user-shell="slack"]:not([data-shell-theme="light"]) #notif-results-footer {
  color: #fff6 !important;
  border-color: #ffffff14 !important;
  padding: 7px 9px !important;
  font-size: 12px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) #notif-pagination :is(a, html[data-user-shell="slack"]:not([data-shell-theme="light"]) span) {
  color: #fff9 !important;
  background: #ffffff06 !important;
  border-color: #ffffff1a !important;
  font-size: 12px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) #notif-results-footer [data-notif-shown], html[data-user-shell="slack"]:not([data-shell-theme="light"]) #notif-results-footer [data-notif-total] {
  color: #fff !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) #notif-results-footer button {
  color: #ff8e70 !important;
  font-size: 12px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .notifications-aside {
  flex-direction: column;
  gap: 8px;
  display: flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .notifications-tip, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .notifications-sources {
  padding: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .notifications-tip {
  color: #fff;
  border: 1px solid #25d36638;
  background: #148f5447 !important;
  border-radius: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .notifications-tip > div, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .notifications-sources > div:first-child {
  color: #fff6 !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .notifications-tip .font-serif {
  color: #fff;
  margin-top: 4px !important;
  font: 750 11px / 1.2 Figtree, Inter, system-ui, sans-serif !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .notifications-tip p {
  color: #ffffff96 !important;
  margin-top: 6px !important;
  font-size: 12px !important;
  line-height: 1.5 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .notifications-sources {
  color: #f8f5ee;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .notifications-sources .space-y-2 {
  margin-top: 7px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .notifications-sources .space-y-2 > :not([hidden]) + :not([hidden]) {
  margin-top: 5px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .notifications-sources .space-y-2 > div {
  color: #ffffffa1 !important;
  font-size: 12px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .notifications-sources .space-y-2 > div span:last-child {
  color: #fff !important;
}
@media (max-width: 900px) {
  html[data-user-shell="slack"]:not([data-shell-theme="light"]) .notifications-layout {
    grid-template-columns: minmax(0, 1fr) 185px;
  }
}
@media (max-width: 700px) {
  html[data-user-shell="slack"]:not([data-shell-theme="light"]) .notifications-slack-page {
    padding: 10px;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) .notifications-header-inner {
    flex-direction: column;
    align-items: flex-start;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) .notifications-kpis {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) .notifications-layout {
    grid-template-columns: 1fr;
  }
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) body[data-page="user-activity-log-index"] .shell-pane {
  background: radial-gradient(86% 48% at 91% -7%, #388e671a, #0000 52%), #0f1113 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .activity-log-slack-page {
  color: #f8f5ee;
  width: 100%;
  min-height: 100%;
  padding: 10px 14px 18px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .activity-log-header {
  border-radius: 10px;
  min-height: 61px;
  overflow: hidden;
  background: #103b35 !important;
  border: 1px solid #25d36629 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .activity-log-header-inner {
  min-height: 59px;
  padding: 8px 11px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .activity-log-back {
  color: #ffffffad !important;
  background: #ffffff09 !important;
  border: 1px solid #ffffff1c !important;
  border-radius: 7px !important;
  width: 27px !important;
  height: 27px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .activity-log-back svg {
  width: 10px !important;
  height: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .activity-log-eyebrow {
  line-height: 1.2;
  color: #4be389 !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .activity-log-header h1 {
  color: #fff;
  letter-spacing: -.03em;
  margin-top: 3px;
  font: 800 17px / 1 Figtree, Inter, system-ui, sans-serif !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .activity-log-header h1 span {
  color: #fff !important;
  font-style: normal !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .activity-log-header-actions {
  flex-wrap: wrap;
  gap: 5px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .activity-log-header-actions :is(select, html[data-user-shell="slack"]:not([data-shell-theme="light"]) a, html[data-user-shell="slack"]:not([data-shell-theme="light"]) button) {
  min-height: 27px;
  color: #f8f5ee !important;
  background: #ffffff0a !important;
  border: 1px solid #ffffff1c !important;
  border-radius: 7px !important;
  padding: 5px 8px !important;
  font: 700 6px / 1 Figtree, Inter, system-ui, sans-serif !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .activity-log-header-actions select option {
  color: #fff;
  background: #211f1d;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .activity-log-header-actions #al-refresh {
  background: #139c5a !important;
  border-color: #22ad67 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .activity-log-header-actions svg {
  width: 10px !important;
  height: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .activity-log-content {
  padding: 7px 0 0 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .activity-log-content.space-y-6 > :not([hidden]) ~ :not([hidden]) {
  margin-top: 7px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .activity-log-kpis {
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: 7px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .activity-log-kpis > div {
  min-width: 0;
  min-height: 71px;
  overflow: hidden;
  box-shadow: none !important;
  background: #ffffff08 !important;
  border: 1px solid #ffffff17 !important;
  border-radius: 10px !important;
  padding: 9px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .activity-log-kpis > div > div:first-child {
  gap: 3px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .activity-log-kpis > div > div:first-child span {
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 1.2;
  overflow: hidden;
  color: #ffffff6b !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .activity-log-kpis > div > div:first-child span:last-child {
  color: #4be389 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .activity-log-kpis > div > div:nth-child(2) {
  gap: 4px !important;
  margin-top: 7px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .activity-log-kpis [data-al] {
  color: #fff !important;
  font: 500 18px / 1 Fraunces, Georgia, serif !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .activity-log-kpis > div > div:nth-child(2) > span:last-child {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  color: #ffffff57 !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .activity-log-chart-grid, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .activity-log-bottom {
  grid-template-columns: minmax(0, 1.8fr) minmax(190px, .8fr) !important;
  gap: 7px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .activity-log-chart-grid > div, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .activity-log-list-panel, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .activity-log-detail, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .activity-log-bottom > div {
  box-shadow: none !important;
  background: #ffffff08 !important;
  border: 1px solid #ffffff17 !important;
  border-radius: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .activity-log-chart-grid > div, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .activity-log-bottom > div {
  padding: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .activity-log-volume, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .activity-log-actors {
  grid-column: auto !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .activity-log-chart-grid .font-mono.uppercase, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .activity-log-bottom .font-mono.uppercase {
  color: #fff6 !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .activity-log-chart-grid h3, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .activity-log-bottom h3 {
  color: #fff;
  font: 750 10px / 1.2 Figtree, Inter, system-ui, sans-serif !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) #al-bucket-tabs {
  background: #ffffff09;
  border-radius: 6px;
  padding: 2px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) #al-bucket-tabs button {
  border: 1px solid #0000;
  min-height: 20px;
  color: #ffffff7a !important;
  background: none !important;
  border-radius: 5px !important;
  padding: 4px 6px !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) #al-bucket-tabs button[aria-selected="true"] {
  border-color: #25d36638;
  color: #fff !important;
  background: #25d3661f !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) #chart-volume {
  height: 170px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) #chart-direction {
  height: 144px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) #chart-categories {
  height: 155px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .activity-log-direction .mt-3 {
  margin-top: 5px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .activity-log-direction .space-y-1\.5 > :not([hidden]) ~ :not([hidden]) {
  margin-top: 3px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .activity-log-direction .mt-3 > div {
  color: #ffffff8f !important;
  font-size: 11px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .activity-log-direction .mt-3 > div > span:last-child {
  color: #fff !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .activity-log-direction .w-2\.5 {
  width: 5px !important;
  height: 5px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .activity-log-slack-page .apexcharts-text, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .activity-log-slack-page .apexcharts-legend-text {
  fill: #ffffff6e !important;
  color: #ffffff6e !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .activity-log-slack-page .apexcharts-gridline {
  stroke: #ffffff13 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .activity-log-slack-page .apexcharts-datalabel-label {
  fill: #ffffff6b !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .activity-log-slack-page .apexcharts-datalabel-value {
  fill: #fff !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .activity-log-workspace {
  grid-template-columns: minmax(0, 1fr) 215px !important;
  align-items: stretch !important;
  gap: 7px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .activity-log-list-panel {
  min-width: 0;
  height: 488px;
  overflow: hidden;
  min-height: 430px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .activity-log-filters {
  border-color: #ffffff14 !important;
  gap: 5px !important;
  padding: 7px 8px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .activity-log-search {
  min-width: 140px !important;
  max-width: none !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .activity-log-search svg {
  color: #ffffff57 !important;
  width: 9px !important;
  height: 9px !important;
  left: 8px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .activity-log-filters :is(input[type="search"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) select) {
  min-height: 27px;
  color: #f8f5ee !important;
  background: #ffffff09 !important;
  border: 1px solid #ffffff1a !important;
  border-radius: 6px !important;
  padding-top: 5px !important;
  padding-bottom: 5px !important;
  font-size: 12px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .activity-log-filters input[type="search"] {
  padding-left: 23px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .activity-log-filters select option {
  color: #fff;
  background: #211f1d;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) #al-scope-tabs {
  background: #ffffff09 !important;
  border-radius: 6px !important;
  padding: 2px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) #al-scope-tabs button {
  border: 1px solid #0000;
  min-height: 22px;
  color: #ffffff80 !important;
  background: none !important;
  border-radius: 5px !important;
  padding: 4px 6px !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) #al-scope-tabs button[aria-selected="true"] {
  border-color: #25d36638;
  color: #fff !important;
  background: #25d3661f !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) #al-clear-filters {
  min-height: 27px;
  color: #ffffffa3 !important;
  background: #ffffff09 !important;
  border: 1px solid #ffffff1a !important;
  border-radius: 6px !important;
  padding: 5px 7px !important;
  font-size: 11px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) #al-clear-filters svg {
  width: 8px !important;
  height: 8px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .activity-log-filters [data-list-grid-toggle] {
  transform-origin: 100%;
  transform: scale(.76);
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .activity-log-table-wrap {
  overflow-y: auto;
  overflow-x: hidden !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .activity-log-list-panel table {
  table-layout: fixed;
  font-size: 12px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .activity-log-list-panel thead {
  color: #ffffff59 !important;
  background: #ffffff06 !important;
  border-color: #ffffff12 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .activity-log-list-panel th {
  letter-spacing: .11em !important;
  padding: 6px 5px !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .activity-log-list-panel th:first-child {
  width: 28px !important;
  padding-left: 8px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .activity-log-list-panel th:nth-child(2) {
  width: 67px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .activity-log-list-panel th:nth-child(3) {
  width: 31% !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .activity-log-list-panel th:nth-child(4) {
  width: 69px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .activity-log-list-panel th:nth-child(5) {
  width: 23% !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .activity-log-list-panel th:nth-child(8) {
  width: 32px !important;
  padding-right: 8px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .activity-log-list-panel :is(th, html[data-user-shell="slack"]:not([data-shell-theme="light"]) td):nth-child(6), html[data-user-shell="slack"]:not([data-shell-theme="light"]) .activity-log-list-panel :is(th, html[data-user-shell="slack"]:not([data-shell-theme="light"]) td):nth-child(7) {
  display: none;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .activity-log-list-panel tbody {
  border-color: #ffffff0f !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .activity-log-list-panel .al-row {
  color: #ffffffb3;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .activity-log-list-panel .al-row:hover {
  background: #ffffff09 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .activity-log-list-panel td {
  overflow: hidden;
  padding: 6px 5px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .activity-log-list-panel td:first-child {
  padding-left: 8px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .activity-log-list-panel td:last-child {
  padding-right: 8px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .activity-log-list-panel input[type="checkbox"] {
  background: none;
  border-color: #fff3;
  width: 10px;
  height: 10px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .activity-log-list-panel td:nth-child(2) {
  color: #ffffffa1 !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .activity-log-list-panel td:nth-child(2) > div:last-child {
  color: #ffffff4d !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .activity-log-list-panel td:nth-child(3) .flex {
  gap: 5px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .activity-log-list-panel td:nth-child(3) .w-8 {
  border-radius: 6px !important;
  width: 23px !important;
  height: 23px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .activity-log-list-panel td:nth-child(3) svg {
  width: 9px !important;
  height: 9px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .activity-log-list-panel td:nth-child(3) .font-medium {
  color: #fff;
  font-size: 12px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .activity-log-list-panel td:nth-child(3) .font-mono {
  color: #ffffff54 !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .activity-log-list-panel td:nth-child(4) span {
  color: #4be389 !important;
  background: #25d3661a !important;
  padding: 3px 4px !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .activity-log-list-panel td:nth-child(5) .flex {
  gap: 4px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .activity-log-list-panel td:nth-child(5) .w-6 {
  width: 17px !important;
  height: 17px !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .activity-log-list-panel td:nth-child(5) span:last-child {
  color: #ffffff94 !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .activity-log-list-panel .al-open {
  color: #4be389 !important;
  width: 21px !important;
  height: 21px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .activity-log-list-panel .al-open svg {
  width: 9px !important;
  height: 9px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .activity-log-list-panel [data-list-grid-grid] {
  flex: auto;
  min-height: 0;
  overflow-y: auto;
  padding: 8px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .activity-log-list-panel [data-list-grid-grid] > .grid {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 6px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .activity-log-list-panel [data-list-grid-card] {
  min-width: 0;
  color: #ffffffa8 !important;
  box-shadow: none !important;
  background: #ffffff06 !important;
  border-color: #ffffff14 !important;
  border-radius: 8px !important;
  padding: 8px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .activity-log-list-panel [data-list-grid-card] > .flex {
  gap: 5px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .activity-log-list-panel [data-list-grid-card] > .flex > div:first-child {
  color: #fff !important;
  font-size: 14px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .activity-log-list-panel [data-list-grid-card] > .mt-4 {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 6px !important;
  margin-top: 7px !important;
  font-size: 11px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .activity-log-list-panel [data-list-grid-card] > .mt-4 > div {
  min-width: 0;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .activity-log-list-panel [data-list-grid-card] > .mt-4 > div > div:first-child {
  color: #ffffff52 !important;
  margin-bottom: 2px !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .activity-log-list-panel [data-list-grid-card] > .mt-4 > div > div:last-child, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .activity-log-list-panel [data-list-grid-card] > .mt-4 > div > div:last-child * {
  text-overflow: ellipsis;
  overflow: hidden;
  color: #ffffffb3 !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) #al-results-footer {
  color: #fff6 !important;
  border-color: #ffffff14 !important;
  padding: 7px 8px !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) #al-results-footer [data-al] {
  color: #fff !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) #al-pagination {
  gap: 2px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) #al-pagination button {
  min-width: 20px;
  color: #ffffff8c !important;
  background: #ffffff06 !important;
  border: 1px solid #ffffff14 !important;
  border-radius: 5px !important;
  padding: 4px 5px !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) #al-pagination button.bg-wa-deep {
  color: #fff !important;
  background: #25d3661f !important;
  border-color: #25d36638 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .activity-log-detail {
  align-self: start;
  min-width: 0;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .activity-log-detail > div:first-child {
  border-color: #ffffff14 !important;
  padding: 7px 9px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .activity-log-detail > div:first-child span {
  color: #fff6 !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) #al-detail-body {
  padding: 9px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) #al-detail-body.space-y-3 > :not([hidden]) ~ :not([hidden]) {
  margin-top: 7px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) #al-detail-body > .flex .w-10 {
  border-radius: 7px !important;
  width: 28px !important;
  height: 28px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) #al-detail-body > .flex svg {
  width: 11px !important;
  height: 11px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) #d-action {
  color: #fff;
  font-size: 14px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) #d-action-key {
  color: #ffffff59 !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) #al-detail-body .grid {
  gap: 4px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) #al-detail-body .grid > div {
  border: 1px solid #ffffff0f;
  background: #ffffff06 !important;
  padding: 6px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) #al-detail-body .grid > div > div:first-child {
  color: #ffffff54 !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) #al-detail-body .grid > div > div:last-child {
  color: #ffffffb3 !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) #al-detail-body > div > .font-mono.uppercase {
  color: #ffffff59 !important;
  margin-bottom: 4px !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) #d-ua {
  color: #ffffff8c;
  background: #ffffff06 !important;
  border-color: #ffffff12 !important;
  padding: 6px !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) #d-payload {
  color: #ffffff9e !important;
  background: #12110f !important;
  max-height: 126px !important;
  padding: 7px !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .activity-log-detail > div:last-child {
  background: #ffffff05 !important;
  border-color: #ffffff14 !important;
  padding: 7px 9px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .activity-log-detail > div:last-child button {
  color: #ffffffa6 !important;
  background: #ffffff09 !important;
  border-color: #ffffff1a !important;
  padding: 5px 6px !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .activity-log-bottom .mb-4 {
  margin-bottom: 7px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .activity-log-actors .grid {
  gap: 5px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .activity-log-actors .grid > div {
  background: #ffffff05;
  border-color: #ffffff12 !important;
  gap: 6px !important;
  padding: 7px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .activity-log-actors .w-9 {
  width: 24px !important;
  height: 24px !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .activity-log-actors .font-semibold {
  color: #fff;
  font-size: 12px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .activity-log-actors .text-ink-500 {
  color: #ffffff59 !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .activity-log-actors .rounded-full.bg-wa-mint {
  color: #4be389 !important;
  background: #25d3661a !important;
  padding: 2px 4px !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .activity-log-actors a {
  color: #4be389 !important;
  font-size: 10px !important;
}
@media (max-width: 920px) {
  html[data-user-shell="slack"]:not([data-shell-theme="light"]) .activity-log-kpis {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) .activity-log-workspace {
    grid-template-columns: minmax(0, 1fr) 190px !important;
  }
}
@media (max-width: 720px) {
  html[data-user-shell="slack"]:not([data-shell-theme="light"]) .activity-log-slack-page {
    padding: 10px;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) .activity-log-header-inner {
    flex-direction: column;
    align-items: flex-start;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) .activity-log-kpis {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) .activity-log-chart-grid, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .activity-log-workspace, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .activity-log-bottom {
    grid-template-columns: 1fr !important;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) .activity-log-list-panel {
    height: auto;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) .activity-log-list-panel [data-list-grid-grid] > .grid {
    grid-template-columns: 1fr !important;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) .activity-log-detail {
    position: static !important;
  }
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) body[data-page="user-affiliate-history-index"] .shell-pane {
  background: radial-gradient(92% 54% at 88% -7%, #25d36617, #0000 50%), linear-gradient(155deg, #251e1a 0%, #0f1113 54%, #171821 100%) !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .affiliate-slack-page {
  color: #f8f5ee;
  width: 100%;
  min-height: 100%;
  padding: 10px 14px 18px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .affiliate-header {
  border-radius: 10px;
  min-height: 61px;
  overflow: hidden;
  background: #103b35 !important;
  border: 1px solid #25d36629 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .affiliate-header-inner {
  min-height: 59px;
  padding: 8px 11px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .affiliate-back {
  color: #ffffffad !important;
  background: #ffffff09 !important;
  border: 1px solid #ffffff1c !important;
  border-radius: 7px !important;
  width: 27px !important;
  height: 27px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .affiliate-back svg {
  width: 10px !important;
  height: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .affiliate-eyebrow {
  line-height: 1.2;
  color: #4be389 !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .affiliate-header h1 {
  color: #fff;
  letter-spacing: -.03em;
  margin-top: 3px;
  font: 800 17px / 1 Figtree, Inter, system-ui, sans-serif !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .affiliate-header h1 span {
  color: #fff !important;
  font-style: normal !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .affiliate-header-actions {
  flex-wrap: wrap;
  gap: 5px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .affiliate-header-actions :is(select, html[data-user-shell="slack"]:not([data-shell-theme="light"]) a, html[data-user-shell="slack"]:not([data-shell-theme="light"]) button) {
  min-height: 27px;
  color: #f8f5ee !important;
  background: #ffffff0a !important;
  border: 1px solid #ffffff1c !important;
  border-radius: 7px !important;
  padding: 5px 8px !important;
  font: 700 6px / 1 Figtree, Inter, system-ui, sans-serif !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .affiliate-header-actions select option {
  color: #fff;
  background: #211f1d;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .affiliate-header-actions #ah-copy-link {
  background: #139c5a !important;
  border-color: #22ad67 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .affiliate-header-actions svg {
  width: 10px !important;
  height: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .affiliate-content {
  padding: 7px 0 0 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .affiliate-content.space-y-6 > :not([hidden]) ~ :not([hidden]) {
  margin-top: 7px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) body[data-page="user-affiliate-history-index"] :is(.affiliate-share-card, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .affiliate-kpis > div, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .affiliate-chart-grid > div, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .affiliate-list-panel, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .affiliate-aside > div) {
  color: #f8f5ee !important;
  box-shadow: none !important;
  background: #ffffff08 !important;
  border: 1px solid #ffffff17 !important;
  border-radius: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .affiliate-share-card {
  grid-template-columns: minmax(0, 1fr) 72px;
  align-items: center;
  gap: 12px;
  min-height: 91px;
  display: grid;
  padding: 9px 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .affiliate-share-copy > div:first-child {
  color: #ffffff63 !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .affiliate-link-row {
  align-items: center;
  gap: 5px;
  margin-top: 6px;
  display: flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .affiliate-link-value {
  color: #ffffffba;
  background: #ffffff09;
  border: 1px solid #ffffff1a;
  border-radius: 6px;
  flex: auto;
  align-items: center;
  gap: 6px;
  min-width: 0;
  min-height: 27px;
  padding: 5px 8px;
  font-size: 12px;
  display: flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .affiliate-link-value svg {
  color: #25d366;
  flex: none;
  width: 10px;
  height: 10px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .affiliate-link-value span {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .affiliate-copy-button {
  color: #fff;
  background: #ffffff0e;
  border: 1px solid #ffffff1a;
  border-radius: 6px;
  min-height: 27px;
  padding: 5px 9px;
  font-size: 12px;
  font-weight: 700;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .affiliate-copy-button svg {
  width: 9px;
  height: 9px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .affiliate-share-copy > p {
  color: #ffffff5e;
  margin-top: 6px;
  font-size: 10px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .affiliate-qr-wrap {
  flex-direction: column;
  align-items: center;
  gap: 3px;
  display: flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .affiliate-qr-wrap img {
  width: 59px;
  height: 59px;
  image-rendering: crisp-edges;
  background: #fff;
  border-radius: 6px;
  padding: 3px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .affiliate-qr-wrap span {
  color: #ffffff59;
  font-size: 10px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .affiliate-kpis {
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: 7px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .affiliate-kpis > div {
  min-width: 0;
  min-height: 70px;
  overflow: hidden;
  padding: 9px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .affiliate-kpis > div > div:first-child {
  gap: 3px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .affiliate-kpis > div > div:first-child span {
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 1.2;
  overflow: hidden;
  color: #fff6 !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .affiliate-kpis > div > div:first-child span:last-child {
  color: #4be389 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .affiliate-kpis > div > div:nth-child(2) {
  gap: 4px !important;
  margin-top: 7px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .affiliate-kpis [data-ah], html[data-user-shell="slack"]:not([data-shell-theme="light"]) .affiliate-kpis > div:last-child .font-serif {
  color: #fff !important;
  font: 600 18px / 1 Fraunces, Georgia, serif !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .affiliate-kpis > div:last-child .font-serif {
  font-size: 13px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .affiliate-kpis > div > div:nth-child(2) > span:last-child, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .affiliate-kpis > div > div:last-child:not(:first-child) {
  color: #ffffff57 !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .affiliate-chart-grid {
  grid-template-columns: minmax(0, 1.8fr) minmax(190px, .8fr) !important;
  gap: 7px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .affiliate-chart-grid > div {
  padding: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .affiliate-volume {
  grid-column: auto !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .affiliate-chart-grid .font-mono.uppercase {
  color: #fff6 !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .affiliate-chart-grid h3 {
  color: #fff;
  font: 750 10px / 1.2 Figtree, Inter, system-ui, sans-serif !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) #ah-bucket-tabs {
  background: #ffffff09;
  border-radius: 6px;
  padding: 2px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) #ah-bucket-tabs button {
  border: 1px solid #0000;
  min-height: 20px;
  color: #ffffff7a !important;
  background: none !important;
  border-radius: 5px !important;
  padding: 4px 6px !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) #ah-bucket-tabs button[aria-selected="true"] {
  border-color: #25d36638;
  color: #fff !important;
  background: #25d3661f !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .affiliate-volume #chart-volume {
  height: 170px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .affiliate-slack-page .apexcharts-text, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .affiliate-slack-page .apexcharts-legend-text {
  fill: #ffffff6e !important;
  color: #ffffff6e !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .affiliate-slack-page .apexcharts-gridline {
  stroke: #ffffff13 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .affiliate-top-codes h3 {
  margin-bottom: 7px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .affiliate-top-codes .space-y-3 > :not([hidden]) ~ :not([hidden]) {
  margin-top: 7px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .affiliate-top-codes .space-y-3 > div > div:first-child {
  color: #ffffff8c !important;
  margin-bottom: 3px !important;
  font-size: 11px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .affiliate-top-codes .space-y-3 > div > div:first-child span {
  color: inherit !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .affiliate-top-codes .space-y-3 > div > .h-2 {
  background: #ffffff12 !important;
  height: 4px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .affiliate-top-codes .space-y-3 > div > .h-2 > div {
  background: #25d366 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .affiliate-top-codes .space-y-3 > div > div:last-child {
  color: #ffffff57 !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) body[data-page="user-affiliate-history-index"] .affiliate-top-codes [data-list-grid-empty], html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) body[data-page="user-affiliate-history-index"] .affiliate-payouts [data-list-grid-empty], html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) body[data-page="user-affiliate-history-index"] .affiliate-list-panel [data-list-grid-empty] {
  box-shadow: none !important;
  background: #ffffff05 !important;
  border-color: #ffffff14 !important;
  border-radius: 8px !important;
  padding: 16px 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .affiliate-top-codes [data-list-grid-empty] .font-serif, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .affiliate-payouts [data-list-grid-empty] .font-serif, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .affiliate-list-panel [data-list-grid-empty] .font-serif {
  color: #fff !important;
  font: 700 9px / 1.2 Figtree, Inter, system-ui, sans-serif !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .affiliate-top-codes [data-list-grid-empty] p, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .affiliate-payouts [data-list-grid-empty] p, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .affiliate-list-panel [data-list-grid-empty] p {
  color: #fff6 !important;
  margin-top: 5px !important;
  font-size: 10px !important;
  line-height: 1.45 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .affiliate-list-panel tbody td[colspan] {
  padding: 8px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .affiliate-list-panel tbody [data-list-grid-empty] {
  align-content: center;
  min-height: 170px;
  display: grid;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .affiliate-list-panel [data-list-grid-empty] .mt-5 {
  margin-top: 9px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .affiliate-list-panel [data-list-grid-empty] a {
  color: #fff !important;
  background: #ffffff09 !important;
  border-color: #ffffff1a !important;
  padding: 5px 8px !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .affiliate-workspace {
  grid-template-columns: minmax(0, 1fr) 205px !important;
  align-items: stretch !important;
  gap: 7px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .affiliate-list-panel {
  min-width: 0;
  height: 430px;
  overflow: hidden;
  min-height: 430px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .affiliate-filters {
  border-color: #ffffff14 !important;
  gap: 5px !important;
  padding: 7px 8px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .affiliate-search {
  min-width: 140px !important;
  max-width: none !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .affiliate-search svg {
  color: #ffffff57 !important;
  width: 9px !important;
  height: 9px !important;
  left: 8px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) .affiliate-filters input {
  min-height: 27px;
  color: #f8f5ee !important;
  background: #ffffff09 !important;
  border: 1px solid #ffffff1a !important;
  border-radius: 6px !important;
  padding: 5px 8px 5px 23px !important;
  font-size: 12px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) #ah-clear-filters {
  min-height: 27px;
  color: #ffffffa3 !important;
  background: #ffffff09 !important;
  border: 1px solid #ffffff1a !important;
  border-radius: 6px !important;
  padding: 5px 7px !important;
  font-size: 11px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) #ah-clear-filters svg {
  width: 8px !important;
  height: 8px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .affiliate-table-wrap {
  min-height: 0;
  overflow-y: auto;
  overflow-x: hidden !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .affiliate-list-panel table {
  table-layout: fixed;
  font-size: 12px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .affiliate-list-panel thead {
  color: #ffffff59 !important;
  background: #ffffff06 !important;
  border-color: #ffffff12 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .affiliate-list-panel th {
  letter-spacing: .11em !important;
  padding: 6px 5px !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .affiliate-list-panel th:first-child {
  width: 69px !important;
  padding-left: 8px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .affiliate-list-panel th:nth-child(2) {
  width: 31% !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .affiliate-list-panel th:nth-child(3), html[data-user-shell="slack"]:not([data-shell-theme="light"]) .affiliate-list-panel th:nth-child(4) {
  width: 20% !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .affiliate-list-panel th:nth-child(5) {
  width: 66px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .affiliate-list-panel :is(th, html[data-user-shell="slack"]:not([data-shell-theme="light"]) td):nth-child(6) {
  display: none;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .affiliate-list-panel tbody {
  border-color: #ffffff0f !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .affiliate-list-panel tbody tr:hover {
  background: #ffffff09 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .affiliate-list-panel td {
  overflow: hidden;
  color: #ffffffa8 !important;
  padding: 7px 5px !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .affiliate-list-panel td:first-child {
  padding-left: 8px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .affiliate-list-panel td:first-child div:last-child {
  color: #ffffff4d !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .affiliate-list-panel td:nth-child(2) .flex {
  gap: 5px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .affiliate-list-panel td:nth-child(2) .w-7 {
  width: 21px !important;
  height: 21px !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .affiliate-list-panel td:nth-child(2) .font-medium {
  color: #fff !important;
  font-size: 12px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .affiliate-list-panel td:nth-child(2) .font-mono {
  color: #ffffff52 !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .affiliate-list-panel td:nth-child(3) {
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .affiliate-list-panel td:nth-child(4) {
  color: #4be389 !important;
  font-size: 11px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .affiliate-list-panel td:nth-child(5) span {
  color: #4be389 !important;
  background: #25d3661a !important;
  padding: 3px 4px !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .affiliate-list-panel td:nth-child(5) span span {
  background: #25d366 !important;
  width: 3px !important;
  height: 3px !important;
  padding: 0 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) #ah-results-footer {
  color: #fff6 !important;
  border-color: #ffffff14 !important;
  padding: 7px 8px !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) #ah-results-footer [data-ah] {
  color: #fff !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) #ah-pagination {
  gap: 2px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) #ah-pagination button {
  min-width: 20px;
  color: #ffffff8c !important;
  background: #ffffff06 !important;
  border: 1px solid #ffffff14 !important;
  border-radius: 5px !important;
  padding: 4px 5px !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) #ah-pagination button.bg-wa-deep {
  color: #fff !important;
  background: #25d3661f !important;
  border-color: #25d36638 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .affiliate-aside {
  flex-direction: column;
  gap: 7px;
  display: flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .affiliate-aside.space-y-4 > :not([hidden]) ~ :not([hidden]) {
  margin-top: 0 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .affiliate-aside > div {
  padding: 9px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .affiliate-aside .font-mono.uppercase {
  color: #ffffff63 !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .affiliate-aside a {
  color: #4be389 !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .affiliate-payouts .mb-3 {
  margin-bottom: 7px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .affiliate-payouts .space-y-2\.5 > :not([hidden]) ~ :not([hidden]) {
  margin-top: 5px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .affiliate-payouts .space-y-2\.5 > div {
  gap: 5px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .affiliate-payouts .w-7 {
  color: #4be389 !important;
  background: #25d3661a !important;
  border-radius: 6px !important;
  width: 22px !important;
  height: 22px !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .affiliate-payouts .font-medium {
  color: #fff !important;
  font-size: 11px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .affiliate-payouts .text-ink-500 {
  color: #ffffff57 !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .affiliate-how .mb-2 {
  margin-bottom: 6px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .affiliate-how ul {
  color: #ffffff8f !important;
  font-size: 10px !important;
  line-height: 1.45 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .affiliate-how .space-y-1\.5 > :not([hidden]) ~ :not([hidden]) {
  margin-top: 4px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .affiliate-how li {
  gap: 5px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .affiliate-how li svg {
  color: #4be389 !important;
  width: 8px !important;
  height: 8px !important;
}
@media (max-width: 920px) {
  html[data-user-shell="slack"]:not([data-shell-theme="light"]) .affiliate-kpis {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) .affiliate-workspace {
    grid-template-columns: minmax(0, 1fr) 185px !important;
  }
}
@media (max-width: 720px) {
  html[data-user-shell="slack"]:not([data-shell-theme="light"]) .affiliate-slack-page {
    padding: 10px;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) .affiliate-header-inner {
    flex-direction: column;
    align-items: flex-start;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) .affiliate-share-card {
    grid-template-columns: minmax(0, 1fr) 64px;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) .affiliate-kpis {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) .affiliate-chart-grid, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .affiliate-workspace {
    grid-template-columns: 1fr !important;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) .affiliate-list-panel {
    height: auto;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) .affiliate-aside {
    position: static !important;
  }
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) body[data-page="user-support-index"] .shell-pane {
  background: radial-gradient(95% 58% at 86% -8%, #25d3661a, #0000 50%), linear-gradient(155deg, #0f1113 0%, #181b1e 48%, #171821 100%) !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .support-slack-page {
  color: #fff;
  width: 100%;
  min-height: 100%;
  padding: 14px 18px 24px;
  font-family: Figtree, Inter, system-ui, sans-serif;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .support-header {
  justify-content: space-between;
  align-items: flex-start;
  gap: 16px;
  min-height: 55px;
  display: flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .support-heading {
  align-items: center;
  gap: 9px;
  min-width: 0;
  display: flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .support-back {
  color: #ffffff94;
  background: #ffffff09;
  border: 1px solid #ffffff1a;
  border-radius: 8px;
  flex: none;
  place-items: center;
  width: 28px;
  height: 28px;
  display: grid;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .support-back:hover {
  color: #fff;
  background: #ffffff14;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .support-back svg {
  width: 12px;
  height: 12px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .support-eyebrow {
  color: #4be389;
  letter-spacing: .14em;
  text-transform: uppercase;
  margin-bottom: 2px;
  font-size: 12px;
  font-weight: 800;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .support-heading h1 {
  color: #fff;
  letter-spacing: -.025em;
  font-size: 19px;
  font-weight: 800;
  line-height: 1.05;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .support-heading p {
  color: #ffffff6b;
  margin-top: 3px;
  font-size: 14px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .support-new-button {
  color: #062611;
  background: #25d366;
  border: 1px solid #2fc46a;
  border-radius: 8px;
  align-items: center;
  gap: 6px;
  min-height: 29px;
  padding: 6px 10px;
  font-size: 14px;
  font-weight: 800;
  display: inline-flex;
  box-shadow: 0 5px 18px #25d3661f;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .support-new-button:hover {
  background: #2fc46a;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .support-new-button svg {
  width: 11px;
  height: 11px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .support-alert {
  border-radius: 8px;
  align-items: flex-start;
  gap: 8px;
  margin: 4px 0 8px;
  padding: 8px 10px;
  font-size: 14px;
  display: flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .support-alert > svg {
  flex: none;
  width: 12px;
  height: 12px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .support-alert-success {
  color: #8bf0b7;
  background: #4be3891a;
  border: 1px solid #4be38947;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .support-alert-error {
  color: #ff9fbc;
  background: #e01e5a1a;
  border: 1px solid #e01e5a4d;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .support-alert-error div {
  gap: 2px;
  display: grid;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .support-alert-error strong {
  color: #fff;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .support-kpis {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  margin-top: 8px;
  display: grid;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .support-kpi {
  background: #ffffff08;
  border: 1px solid #ffffff17;
  border-radius: 10px;
  min-height: 76px;
  padding: 10px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .support-kpi-icon {
  border-radius: 6px;
  place-items: center;
  width: 22px;
  height: 22px;
  display: grid;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .support-kpi-icon svg {
  width: 11px;
  height: 11px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .support-kpi-blue .support-kpi-icon {
  color: #25d366;
  background: #25d36629;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .support-kpi-green .support-kpi-icon {
  color: #4be389;
  background: #25d36629;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .support-kpi-amber .support-kpi-icon {
  color: #ffc46b;
  background: #ffc46b29;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .support-kpi-purple .support-kpi-icon {
  color: #b98cff;
  background: #b98cff29;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .support-kpi strong {
  color: #fff;
  margin-top: 8px;
  font-size: 17px;
  font-weight: 800;
  line-height: 1;
  display: block;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .support-kpi small {
  color: #fff6;
  margin-top: 3px;
  font-size: 12px;
  display: block;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .support-ticket-panel, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .support-compose, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .support-help {
  background: #ffffff06;
  border: 1px solid #ffffff17;
  border-radius: 10px;
  overflow: hidden;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .support-ticket-panel {
  margin-top: 8px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .support-panel-head {
  background: #ffffff04;
  border-bottom: 1px solid #ffffff14;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  min-height: 37px;
  padding: 7px 11px;
  display: flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .support-panel-head > div {
  min-width: 0;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .support-panel-head strong {
  color: #fff;
  font-size: 14px;
  display: block;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .support-panel-head > div span {
  color: #ffffff57;
  margin-top: 2px;
  font-size: 11px;
  display: block;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .support-workspace {
  color: #fff6;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 35%;
  font-size: 12px;
  overflow: hidden;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .support-ticket-columns, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .support-ticket-row {
  grid-template-columns: minmax(220px, 1fr) 92px 112px 76px;
  align-items: center;
  gap: 8px;
  display: grid;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .support-ticket-columns {
  color: #ffffff5c;
  border-bottom: 1px solid #ffffff14;
  min-height: 27px;
  padding: 5px 11px;
  font-size: 11px;
  font-weight: 700;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .support-ticket-columns span:last-child {
  text-align: right;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .support-ticket-row {
  min-height: 43px;
  color: inherit;
  border-bottom: 1px solid #ffffff0e;
  padding: 6px 11px;
  transition: background .15s;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .support-ticket-row:last-child {
  border-bottom: 0;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .support-ticket-row:hover, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .support-ticket-row:focus-visible {
  background: #ffffff0b;
  outline: none;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .support-ticket-row.is-new {
  background: #25d3660f;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .support-ticket-subject {
  align-items: center;
  gap: 8px;
  min-width: 0;
  display: flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .support-ticket-symbol, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .support-reason-icon {
  color: #25d366;
  background: #25d36624;
  border-radius: 6px;
  flex: none;
  place-items: center;
  display: grid;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .support-ticket-symbol {
  width: 23px;
  height: 23px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .support-ticket-symbol svg {
  width: 11px;
  height: 11px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .support-ticket-subject > span:last-child {
  min-width: 0;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .support-ticket-subject strong {
  color: #fff;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 14px;
  font-weight: 650;
  display: block;
  overflow: hidden;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .support-ticket-subject small {
  color: #ffffff57;
  margin-top: 2px;
  font: 5.5px ui-monospace, SFMono-Regular, monospace;
  display: block;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .support-status {
  white-space: nowrap;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  padding: 3px 6px;
  font-size: 11px;
  font-weight: 800;
  display: inline-flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .support-status-green {
  color: #4be389;
  background: #4be38924;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .support-status-blue {
  color: #79a3ff;
  background: #25d36624;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .support-status-amber {
  color: #ffc46b;
  background: #ffc46b24;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .support-status-purple {
  color: #c5a1ff;
  background: #b98cff24;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .support-status-muted {
  color: #ffffff7a;
  background: #ffffff12;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .support-topic {
  color: #ffffff85;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 12px;
  overflow: hidden;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .support-updated {
  color: #ffffff5e;
  text-align: right;
  white-space: nowrap;
  font-size: 11px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .support-ticket-empty {
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 9px;
  min-height: 71px;
  padding: 10px 11px;
  display: grid;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .support-ticket-empty > span {
  color: #25d366;
  background: #25d36624;
  border-radius: 7px;
  place-items: center;
  width: 26px;
  height: 26px;
  display: grid;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .support-ticket-empty svg {
  width: 12px;
  height: 12px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .support-ticket-empty strong {
  color: #fff;
  font-size: 14px;
  display: block;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .support-ticket-empty p {
  color: #ffffff59;
  margin-top: 2px;
  font-size: 11px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .support-ticket-empty button {
  color: #fff;
  background: #ffffff0b;
  border: 1px solid #ffffff1a;
  border-radius: 7px;
  padding: 5px 8px;
  font-size: 11px;
  font-weight: 700;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .support-contact-grid {
  grid-template-columns: minmax(0, 1.45fr) minmax(220px, .7fr);
  align-items: start;
  gap: 8px;
  margin-top: 8px;
  display: grid;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .support-compose {
  padding: 11px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .support-card-title {
  align-items: center;
  gap: 8px;
  display: flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .support-card-title > span {
  color: #4be389;
  background: #25d36624;
  border-radius: 6px;
  place-items: center;
  width: 23px;
  height: 23px;
  display: grid;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .support-card-title svg {
  width: 11px;
  height: 11px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .support-card-title strong, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .support-help-title strong {
  color: #fff;
  font-size: 14px;
  display: block;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .support-card-title small, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .support-help-title span {
  color: #ffffff5c;
  margin-top: 2px;
  font-size: 11px;
  display: block;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) #supportForm {
  gap: 7px;
  margin-top: 9px;
  display: grid;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .support-identity-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 7px;
  display: grid;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) #supportForm label > span {
  color: #ffffff7a;
  justify-content: space-between;
  gap: 7px;
  margin-bottom: 3px;
  font-size: 11px;
  font-weight: 700;
  display: flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) #supportForm label > span small {
  color: #4be389;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 10px;
  font-weight: 600;
  overflow: hidden;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) #supportForm :is(input[type="text"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) input[type="email"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) textarea) {
  color: #fff;
  background: #ffffff09;
  border: 1px solid #ffffff1a;
  border-radius: 7px;
  outline: none;
  width: 100%;
  font-size: 13px;
  transition: border-color .15s, box-shadow .15s;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) #supportForm :is(input[type="text"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) input[type="email"]) {
  height: 28px;
  padding: 5px 8px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) #supportForm textarea {
  resize: vertical;
  min-height: 61px;
  padding: 7px 8px;
  line-height: 1.45;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) #supportForm :is(input, html[data-user-shell="slack"]:not([data-shell-theme="light"]) textarea)::placeholder {
  color: #ffffff40;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) #supportForm :is(input, html[data-user-shell="slack"]:not([data-shell-theme="light"]) textarea):focus {
  border-color: #25d36694;
  box-shadow: 0 0 0 2px #25d36614;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) #supportForm [aria-invalid="true"] {
  border-color: #e01e5a;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .support-attachment-trigger {
  color: #ffffff9e;
  align-items: center;
  gap: 5px;
  font-size: 11px;
  font-weight: 700;
  display: inline-flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .support-attachment-trigger svg {
  color: #25d366;
  width: 10px;
  height: 10px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .support-attachment-trigger span {
  color: #ffffff47;
  font-weight: 500;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .support-attachment-box {
  margin-top: 6px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .support-attachment-box > label {
  cursor: pointer;
  background: #ffffff05;
  border: 1px dashed #ffffff24;
  border-radius: 7px;
  place-items: center;
  min-height: 44px;
  display: grid;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .support-attachment-box > label:hover, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .support-attachment-box > label.is-dragging {
  background: #25d3660a;
  border-color: #25d366;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .support-attachment-box label strong {
  color: #ffffffa3;
  font-size: 12px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .support-attachment-box label small {
  color: #ffffff4d;
  font-size: 10px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .support-attachment-list {
  gap: 4px;
  margin-top: 5px;
  display: grid;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .support-attachment-row {
  background: #ffffff06;
  border: 1px solid #ffffff14;
  border-radius: 6px;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  min-width: 0;
  padding: 5px 7px;
  display: flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .support-attachment-row > span {
  min-width: 0;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .support-attachment-row strong {
  color: #ffffffb3;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 11px;
  display: block;
  overflow: hidden;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .support-attachment-row small {
  color: #ffffff4d;
  margin-top: 1px;
  font-size: 10px;
  display: block;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .support-attachment-row button {
  color: #ff719d;
  flex: none;
  font-size: 10px;
  font-weight: 700;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .support-form-footer {
  border-top: 1px solid #ffffff14;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  padding-top: 7px;
  display: flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .support-form-footer p {
  color: #ffffff4d;
  max-width: 58%;
  font-size: 10px;
  line-height: 1.35;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .support-form-footer > div {
  align-items: center;
  gap: 5px;
  display: flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .support-form-footer button {
  border-radius: 7px;
  min-height: 26px;
  padding: 5px 9px;
  font-size: 11px;
  font-weight: 800;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .support-cancel {
  color: #ffffffa6;
  border: 1px solid #ffffff1a;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .support-cancel:hover {
  color: #fff;
  background: #ffffff0d;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .support-send {
  color: #062611;
  background: #25d366;
  border: 1px solid #2fc46a;
  align-items: center;
  gap: 5px;
  display: inline-flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .support-send:hover {
  background: #2fc46a;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .support-send svg {
  width: 9px;
  height: 9px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .support-help {
  padding: 11px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .support-help-title {
  border-bottom: 1px solid #ffffff12;
  padding-bottom: 7px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .support-reasons {
  margin-top: 4px;
  display: grid;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .support-reasons .reason {
  text-align: left;
  border-radius: 7px;
  grid-template-columns: 23px minmax(0, 1fr) 10px;
  align-items: center;
  gap: 7px;
  width: 100%;
  min-width: 0;
  padding: 5px 3px;
  display: grid;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .support-reasons .reason:hover, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .support-reasons .reason:focus-visible {
  background: #ffffff0a;
  outline: none;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .support-reasons .reason.is-active {
  background: #25d36612;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .support-reason-icon {
  width: 23px;
  height: 23px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .support-reason-icon svg {
  width: 11px;
  height: 11px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .support-reasons .reason > span:nth-child(2) {
  min-width: 0;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .support-reasons .reason strong {
  color: #ffffffc2;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 12px;
  display: block;
  overflow: hidden;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .support-reasons .reason.is-active strong {
  color: #fff;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .support-reasons .reason small {
  color: #ffffff4d;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-top: 1px;
  font-size: 10px;
  display: block;
  overflow: hidden;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .support-reason-arrow {
  color: #fff3;
  width: 8px;
  height: 8px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .support-reasons .reason.is-active .support-reason-arrow {
  color: #4be389;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .support-topic-bug {
  color: #ff5b8a !important;
  background: #e01e5a24 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .support-topic-delivery {
  color: #42d9c4 !important;
  background: #42d9c424 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .support-topic-template {
  color: #25d366 !important;
  background: #25d36624 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .support-topic-billing {
  color: #ffc46b !important;
  background: #ffc46b24 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .support-topic-integration {
  color: #b98cff !important;
  background: #b98cff24 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .support-topic-account {
  color: #4be389 !important;
  background: #4be38924 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .support-topic-other {
  color: #ffffff94 !important;
  background: #ffffff14 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .support-help-links {
  border-top: 1px solid #ffffff12;
  gap: 2px;
  margin-top: 7px;
  padding-top: 7px;
  display: grid;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .support-help-links a {
  color: #ffffff70;
  justify-content: space-between;
  padding: 3px;
  font-size: 10px;
  display: flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .support-help-links a:hover {
  color: #4be389;
}
@media (max-width: 900px) {
  html[data-user-shell="slack"]:not([data-shell-theme="light"]) .support-contact-grid {
    grid-template-columns: 1fr;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) .support-help {
    order: -1;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) .support-reasons {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 2px;
  }
}
@media (max-width: 680px) {
  html[data-user-shell="slack"]:not([data-shell-theme="light"]) .support-slack-page {
    padding: 11px 10px 20px;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) .support-heading p {
    max-width: 205px;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) .support-kpis {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) .support-ticket-columns {
    display: none;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) .support-ticket-row {
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 5px;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) .support-ticket-row > :nth-child(3) {
    display: none;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) .support-updated {
    grid-column: 2;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) .support-identity-grid {
    grid-template-columns: 1fr;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) .support-form-footer {
    align-items: flex-end;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) .support-form-footer p {
    max-width: 48%;
  }
}
@media (prefers-reduced-motion: reduce) {
  html[data-user-shell="slack"]:not([data-shell-theme="light"]) .support-new-button, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .support-ticket-row, html[data-user-shell="slack"]:not([data-shell-theme="light"]) #supportForm :is(input, html[data-user-shell="slack"]:not([data-shell-theme="light"]) textarea) {
    transition: none;
  }
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) body[data-page="user-support-show"] .shell-pane {
  background: radial-gradient(95% 58% at 86% -8%, #25d3661a, #0000 50%), linear-gradient(155deg, #0f1113 0%, #181b1e 48%, #171821 100%) !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .support-show-page {
  color: #fff;
  width: 100%;
  min-height: 100%;
  padding: 14px 18px 24px;
  font-family: Figtree, Inter, system-ui, sans-serif;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .support-show-header {
  justify-content: space-between;
  align-items: flex-start;
  gap: 16px;
  min-height: 55px;
  display: flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .support-show-header .support-heading h1 {
  font-size: 16px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .support-show-actions {
  align-items: center;
  gap: 6px;
  display: flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .support-show-actions > a {
  color: #ffffff9e;
  border: 1px solid #ffffff1a;
  border-radius: 7px;
  align-items: center;
  min-height: 25px;
  padding: 5px 8px;
  font-size: 11px;
  font-weight: 700;
  display: inline-flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .support-show-actions > a:hover {
  color: #fff;
  background: #ffffff0d;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .support-thread-grid {
  grid-template-columns: minmax(0, 1fr) 210px;
  align-items: start;
  gap: 8px;
  margin-top: 8px;
  display: grid;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .support-thread-main {
  gap: 8px;
  min-width: 0;
  display: grid;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .support-thread-title, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .support-thread, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .support-reply-card, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .support-thread-context, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .support-thread-closed {
  background: #ffffff06;
  border: 1px solid #ffffff17;
  border-radius: 10px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .support-thread-title {
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  min-height: 59px;
  padding: 10px 11px;
  display: flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .support-thread-title > div {
  min-width: 0;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .support-thread-title > div > span {
  color: #ffffff54;
  text-transform: uppercase;
  letter-spacing: .08em;
  margin-bottom: 3px;
  font-size: 10px;
  font-weight: 700;
  display: block;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .support-thread-title h2 {
  color: #fff;
  letter-spacing: -.015em;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 11px;
  font-weight: 750;
  overflow: hidden;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .support-thread-topic {
  color: #ffffffa3;
  text-overflow: ellipsis;
  white-space: nowrap;
  background: #ffffff14;
  border-radius: 999px;
  flex: none;
  max-width: 35%;
  padding: 4px 7px;
  font-size: 11px;
  font-weight: 700;
  overflow: hidden;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .support-thread {
  padding: 11px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .support-message {
  align-items: flex-start;
  gap: 8px;
  padding: 7px 0;
  display: flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .support-message + .support-message {
  border-top: 1px solid #ffffff0e;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .support-message-avatar {
  color: #79a3ff;
  background: #25d36626;
  border-radius: 7px;
  flex: none;
  place-items: center;
  width: 23px;
  height: 23px;
  font-size: 12px;
  font-weight: 850;
  display: grid;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .support-message.is-support .support-message-avatar {
  color: #4be389;
  background: #25d36626;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .support-message-content {
  flex: auto;
  min-width: 0;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .support-message-meta {
  align-items: baseline;
  gap: 5px;
  display: flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .support-message-meta strong {
  color: #ffffffd1;
  font-size: 13px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .support-message-meta span {
  color: #ffffff4d;
  font-size: 10px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .support-message-bubble {
  color: #ffffffa8;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  background: #ffffff06;
  border: 1px solid #ffffff12;
  border-radius: 3px 8px 8px;
  margin-top: 4px;
  padding: 7px 8px;
  font-size: 13px;
  line-height: 1.5;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .support-message.is-support .support-message-bubble {
  color: #ffffffc2;
  background: #25d3660e;
  border-color: #25d36624;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .support-reply-card {
  padding: 10px 11px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .support-reply-head {
  justify-content: space-between;
  gap: 10px;
  display: flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .support-reply-head strong {
  color: #fff;
  font-size: 14px;
  display: block;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .support-reply-head span {
  color: #ffffff54;
  margin-top: 2px;
  font-size: 11px;
  display: block;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .support-reply-head > small {
  color: #ffffff4d;
  font-size: 10px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .support-reply-card form {
  margin-top: 7px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .support-reply-card textarea {
  color: #fff;
  resize: vertical;
  background: #ffffff09;
  border: 1px solid #ffffff1a;
  border-radius: 7px;
  outline: none;
  width: 100%;
  min-height: 65px;
  padding: 7px 8px;
  font-size: 13px;
  line-height: 1.5;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .support-reply-card textarea::placeholder {
  color: #ffffff40;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .support-reply-card textarea:focus {
  border-color: #25d36694;
  box-shadow: 0 0 0 2px #25d36614;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .support-reply-card textarea[aria-invalid="true"] {
  border-color: #e01e5a;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .support-reply-footer {
  justify-content: space-between;
  align-items: center;
  gap: 9px;
  margin-top: 6px;
  display: flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .support-reply-footer p {
  color: #ffffff52;
  font-size: 10px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .support-reply-footer > div {
  gap: 5px;
  display: flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .support-reply-footer button {
  color: #ffffff94;
  border: 1px solid #ffffff1a;
  border-radius: 7px;
  min-height: 25px;
  padding: 5px 8px;
  font-size: 11px;
  font-weight: 750;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .support-reply-footer .support-send {
  color: #062611;
  border-color: #2fc46a;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .support-thread-context {
  padding: 11px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .support-context-title {
  border-bottom: 1px solid #ffffff12;
  padding-bottom: 7px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .support-context-title strong {
  color: #fff;
  font-size: 14px;
  display: block;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .support-context-title span {
  color: #ffffff52;
  margin-top: 2px;
  font-size: 10px;
  display: block;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .support-thread-context dl {
  gap: 0;
  margin-top: 4px;
  display: grid;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .support-thread-context dl > div {
  border-bottom: 1px solid #ffffff0e;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  min-height: 27px;
  display: flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .support-thread-context dt {
  color: #ffffff57;
  font-size: 11px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .support-thread-context dd {
  color: #ffffffab;
  text-align: right;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 11px;
  font-weight: 650;
  overflow: hidden;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .support-resolved-note {
  background: #4be3890f;
  border: 1px solid #4be38926;
  border-radius: 7px;
  align-items: center;
  gap: 7px;
  margin-top: 8px;
  padding: 7px;
  display: flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .support-resolved-note > svg {
  color: #4be389;
  width: 13px;
  height: 13px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .support-resolved-note strong {
  color: #8bf0b7;
  font-size: 11px;
  display: block;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .support-resolved-note small {
  color: #ffffff52;
  margin-top: 1px;
  font-size: 10px;
  display: block;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .support-context-links {
  gap: 2px;
  margin-top: 8px;
  display: grid;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .support-context-links a {
  color: #ffffff6e;
  justify-content: space-between;
  padding: 3px 0;
  font-size: 10px;
  display: flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .support-context-links a:hover {
  color: #4be389;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .support-thread-closed {
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 8px;
  min-height: 60px;
  padding: 9px 11px;
  display: grid;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .support-thread-closed > span {
  color: #4be389;
  background: #4be38924;
  border-radius: 7px;
  place-items: center;
  width: 24px;
  height: 24px;
  display: grid;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .support-thread-closed svg {
  width: 11px;
  height: 11px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .support-thread-closed strong {
  color: #fff;
  font-size: 13px;
  display: block;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .support-thread-closed p {
  color: #ffffff57;
  margin-top: 2px;
  font-size: 10px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .support-thread-closed a {
  color: #062611;
  background: #25d366;
  border-radius: 7px;
  padding: 5px 8px;
  font-size: 11px;
  font-weight: 800;
}
@media (max-width: 780px) {
  html[data-user-shell="slack"]:not([data-shell-theme="light"]) .support-thread-grid {
    grid-template-columns: 1fr;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) .support-thread-context {
    order: -1;
  }
}
@media (max-width: 520px) {
  html[data-user-shell="slack"]:not([data-shell-theme="light"]) .support-show-page {
    padding: 11px 10px 20px;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) .support-thread-title {
    flex-direction: column;
    align-items: flex-start;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) .support-thread-topic {
    max-width: 100%;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) .support-reply-footer {
    align-items: flex-end;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) .support-reply-footer p {
    max-width: 52%;
  }
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .support-new-button:hover {
  color: #1d2321 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) body[data-page^="user-guidebook-"] .shell-pane {
  background: radial-gradient(95% 58% at 86% -8%, #25d3661a, #0000 50%), linear-gradient(155deg, #0f1113 0%, #181b1e 48%, #171821 100%) !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .guidebook-slack-page {
  color: #fff;
  width: 100%;
  min-height: 100%;
  padding: 14px 18px 24px;
  font-family: Figtree, Inter, system-ui, sans-serif;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .guidebook-header {
  justify-content: space-between;
  align-items: flex-start;
  gap: 16px;
  min-height: 55px;
  display: flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .guidebook-heading {
  align-items: center;
  gap: 9px;
  min-width: 0;
  display: flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .guidebook-back {
  color: #ffffff94;
  background: #ffffff09;
  border: 1px solid #ffffff1a;
  border-radius: 8px;
  flex: none;
  place-items: center;
  width: 28px;
  height: 28px;
  display: grid;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .guidebook-back:hover {
  color: #fff;
  background: #ffffff14;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .guidebook-back svg {
  width: 12px;
  height: 12px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .guidebook-eyebrow {
  color: #4be389;
  letter-spacing: .14em;
  text-transform: uppercase;
  margin-bottom: 2px;
  font-size: 12px;
  font-weight: 800;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .guidebook-heading h1 {
  color: #fff;
  letter-spacing: -.025em;
  font-size: 19px;
  font-weight: 800;
  line-height: 1.05;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .guidebook-heading p {
  color: #ffffff6b;
  margin-top: 3px;
  font-size: 14px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .guidebook-support-link {
  color: #04130a;
  background: #25d366;
  border: 1px solid #22c86a;
  border-radius: 8px;
  align-items: center;
  gap: 6px;
  min-height: 29px;
  padding: 6px 10px;
  font-size: 14px;
  font-weight: 800;
  display: inline-flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .guidebook-support-link:hover {
  background: #4be389;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .guidebook-support-link svg {
  width: 11px;
  height: 11px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .guidebook-alert {
  color: #ff9fbc;
  background: #e01e5a1a;
  border: 1px solid #e01e5a4d;
  border-radius: 8px;
  margin: 4px 0 8px;
  padding: 8px 10px;
  font-size: 14px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .guidebook-search {
  background: #ffffff08;
  border: 1px solid #ffffff17;
  border-radius: 10px;
  align-items: center;
  gap: 7px;
  min-height: 38px;
  margin-top: 8px;
  padding: 7px 9px;
  display: flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .guidebook-search > svg {
  color: #ffffff57;
  flex: none;
  width: 12px;
  height: 12px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .guidebook-search input {
  color: #fff;
  background: none;
  border: 0;
  outline: 0;
  flex: auto;
  min-width: 0;
  font-size: 14px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .guidebook-search input::placeholder {
  color: #ffffff47;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .guidebook-search-clear {
  color: #ffffff73;
  border-radius: 5px;
  width: 17px;
  height: 17px;
  font-size: 12px;
  line-height: 1;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .guidebook-search-clear:hover {
  color: #fff;
  background: #ffffff12;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .guidebook-search > span {
  color: #ffffff5c;
  border: 1px solid #ffffff17;
  border-radius: 5px;
  flex: none;
  padding: 3px 6px;
  font-size: 11px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .guidebook-kpis {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  margin-top: 8px;
  display: grid;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .guidebook-kpi {
  background: #ffffff08;
  border: 1px solid #ffffff17;
  border-radius: 10px;
  min-height: 72px;
  padding: 9px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .guidebook-kpi > span {
  border-radius: 6px;
  place-items: center;
  width: 22px;
  height: 22px;
  display: grid;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .guidebook-kpi svg {
  width: 11px;
  height: 11px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .guidebook-kpi-green > span {
  color: #4be389;
  background: #25d36629;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .guidebook-kpi-blue > span {
  color: #25d366;
  background: #25d36629;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .guidebook-kpi-amber > span {
  color: #ffc46b;
  background: #ffc46b29;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .guidebook-kpi-purple > span {
  color: #b98cff;
  background: #b98cff29;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .guidebook-kpi strong {
  color: #fff;
  margin-top: 7px;
  font-size: 16px;
  font-weight: 800;
  line-height: 1;
  display: block;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .guidebook-kpi small {
  color: #fff6;
  margin-top: 3px;
  font-size: 11px;
  display: block;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .guidebook-category-bar {
  scrollbar-width: thin;
  gap: 4px;
  margin-top: 8px;
  padding-bottom: 2px;
  display: flex;
  overflow-x: auto;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .guidebook-category-bar a {
  color: #ffffff7a;
  background: #ffffff06;
  border: 1px solid #ffffff14;
  border-radius: 7px;
  flex: none;
  align-items: center;
  gap: 5px;
  min-height: 24px;
  padding: 4px 7px;
  font-size: 11px;
  font-weight: 650;
  display: inline-flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .guidebook-category-bar a:hover {
  color: #fff;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .guidebook-category-bar a[aria-current="page"] {
  color: #4be389;
  background: #25d3661a;
  border-color: #25d36647;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .guidebook-category-bar b {
  min-width: 13px;
  color: inherit;
  text-align: center;
  background: #ffffff0e;
  border-radius: 4px;
  padding: 2px 3px;
  font-size: 10px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .guidebook-popular, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .guidebook-group, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .guidebook-empty {
  margin-top: 8px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .guidebook-section-title {
  align-items: center;
  gap: 7px;
  margin: 0 1px 5px;
  display: flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .guidebook-title-icon {
  border-radius: 6px;
  place-items: center;
  width: 20px;
  height: 20px;
  display: grid;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .guidebook-title-icon svg {
  width: 10px;
  height: 10px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .guidebook-icon-popular, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .guidebook-icon-1 {
  color: #4be389;
  background: #25d36626;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .guidebook-icon-2 {
  color: #25d366;
  background: #25d36626;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .guidebook-icon-3 {
  color: #b98cff;
  background: #b98cff26;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .guidebook-icon-0 {
  color: #ffc46b;
  background: #ffc46b26;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .guidebook-section-title h2 {
  color: #fff;
  font-size: 14px;
  font-weight: 750;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .guidebook-section-title p {
  color: #ffffff4d;
  margin-top: 1px;
  font-size: 10px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .guidebook-popular-grid, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .guidebook-article-grid {
  background: #ffffff06;
  border: 1px solid #ffffff17;
  border-radius: 10px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  display: grid;
  overflow: hidden;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .guidebook-popular-grid a, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .guidebook-article-grid a {
  min-width: 0;
  min-height: 42px;
  color: inherit;
  border-bottom: 1px solid #ffffff0e;
  grid-template-columns: 23px minmax(0, 1fr) 9px;
  align-items: center;
  gap: 7px;
  padding: 6px 9px;
  display: grid;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .guidebook-popular-grid a:nth-child(odd), html[data-user-shell="slack"]:not([data-shell-theme="light"]) .guidebook-article-grid a:nth-child(odd) {
  border-right: 1px solid #ffffff0e;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .guidebook-popular-grid a:hover, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .guidebook-article-grid a:hover {
  background: #ffffff0a;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .guidebook-popular-grid a:nth-last-child(-n+2), html[data-user-shell="slack"]:not([data-shell-theme="light"]) .guidebook-article-grid a:nth-last-child(-n+2) {
  border-bottom: 0;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .guidebook-article-icon {
  color: #79a3ff;
  background: #25d36624;
  border-radius: 6px;
  place-items: center;
  width: 23px;
  height: 23px;
  display: grid;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .guidebook-article-icon svg {
  width: 11px;
  height: 11px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .guidebook-popular-grid a:nth-child(4n+1) .guidebook-article-icon, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .guidebook-article-grid a:nth-child(4n+1) .guidebook-article-icon {
  color: #4be389;
  background: #25d36624;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .guidebook-popular-grid a:nth-child(4n+3) .guidebook-article-icon, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .guidebook-article-grid a:nth-child(4n+3) .guidebook-article-icon {
  color: #ffc46b;
  background: #ffc46b24;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .guidebook-popular-grid a:nth-child(4n) .guidebook-article-icon, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .guidebook-article-grid a:nth-child(4n) .guidebook-article-icon {
  color: #b98cff;
  background: #b98cff24;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .guidebook-popular-grid a > span:nth-child(2), html[data-user-shell="slack"]:not([data-shell-theme="light"]) .guidebook-article-grid a > span:nth-child(2) {
  min-width: 0;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .guidebook-popular-grid strong, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .guidebook-article-grid strong {
  color: #ffffffc9;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 12px;
  font-weight: 650;
  display: block;
  overflow: hidden;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .guidebook-popular-grid small, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .guidebook-article-grid small {
  color: #ffffff4f;
  margin-top: 2px;
  font-size: 10px;
  display: block;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .guidebook-arrow {
  color: #fff3;
  width: 8px;
  height: 8px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .guidebook-empty {
  background: #ffffff06;
  border: 1px solid #ffffff17;
  border-radius: 10px;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 9px;
  min-height: 75px;
  padding: 11px;
  display: grid;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .guidebook-empty > span {
  color: #25d366;
  background: #25d36624;
  border-radius: 7px;
  place-items: center;
  width: 27px;
  height: 27px;
  display: grid;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .guidebook-empty svg {
  width: 13px;
  height: 13px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .guidebook-empty strong {
  color: #fff;
  font-size: 14px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .guidebook-empty p {
  color: #ffffff57;
  margin-top: 2px;
  font-size: 11px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .guidebook-empty a {
  color: #04130a;
  background: #25d366;
  border-radius: 7px;
  padding: 5px 8px;
  font-size: 11px;
  font-weight: 800;
}
@media (max-width: 680px) {
  html[data-user-shell="slack"]:not([data-shell-theme="light"]) .guidebook-slack-page {
    padding: 11px 10px 20px;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) .guidebook-heading p {
    max-width: 210px;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) .guidebook-kpis {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) .guidebook-popular-grid, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .guidebook-article-grid {
    grid-template-columns: 1fr;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) .guidebook-popular-grid a:nth-child(odd), html[data-user-shell="slack"]:not([data-shell-theme="light"]) .guidebook-article-grid a:nth-child(odd) {
    border-right: 0;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) .guidebook-popular-grid a:nth-last-child(-n+2), html[data-user-shell="slack"]:not([data-shell-theme="light"]) .guidebook-article-grid a:nth-last-child(-n+2) {
    border-bottom: 1px solid #ffffff0e;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) .guidebook-popular-grid a:last-child, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .guidebook-article-grid a:last-child {
    border-bottom: 0;
  }
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .guidebook-article-page {
  color: #fff;
  width: 100%;
  min-height: 100%;
  padding: 14px 18px 24px;
  font-family: Figtree, Inter, system-ui, sans-serif;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .guidebook-article-header {
  justify-content: space-between;
  align-items: flex-start;
  gap: 16px;
  min-height: 55px;
  display: flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .guidebook-article-header .guidebook-heading h1 {
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 390px;
  font-size: 16px;
  overflow: hidden;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .guidebook-article-actions {
  align-items: center;
  gap: 5px;
  display: flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .guidebook-article-actions :is(button, html[data-user-shell="slack"]:not([data-shell-theme="light"]) a) {
  color: #ffffff9e;
  border: 1px solid #ffffff1a;
  border-radius: 7px;
  align-items: center;
  gap: 5px;
  min-height: 26px;
  padding: 5px 8px;
  font-size: 11px;
  font-weight: 700;
  display: inline-flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .guidebook-article-actions :is(button, html[data-user-shell="slack"]:not([data-shell-theme="light"]) a):hover {
  color: #fff;
  background: #ffffff0d;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .guidebook-article-actions a {
  color: #4be389;
  background: #25d3661a;
  border-color: #25d3664d;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .guidebook-article-actions svg {
  width: 9px;
  height: 9px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .guidebook-feedback-alert {
  color: #8bf0b7;
  background: #4be38914;
  border: 1px solid #4be38940;
  border-radius: 8px;
  margin: 4px 0 8px;
  padding: 7px 9px;
  font-size: 12px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .guidebook-reading-grid {
  grid-template-columns: minmax(0, 1fr) 200px;
  align-items: start;
  gap: 8px;
  margin-top: 8px;
  display: grid;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .guidebook-reading-card, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .guidebook-toc, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .guidebook-article-facts, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .guidebook-still-stuck {
  background: #ffffff06;
  border: 1px solid #ffffff17;
  border-radius: 10px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .guidebook-reading-card {
  min-width: 0;
  overflow: hidden;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .guidebook-reading-title {
  background: linear-gradient(135deg, #25d3660b, #0000 55%);
  border-bottom: 1px solid #ffffff12;
  padding: 14px 15px 12px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .guidebook-article-meta {
  flex-wrap: wrap;
  align-items: center;
  gap: 5px;
  display: flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .guidebook-article-meta span {
  color: #ffffff61;
  background: #ffffff0d;
  border-radius: 5px;
  padding: 3px 6px;
  font-size: 10px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .guidebook-article-meta span:first-child {
  color: #4be389;
  background: #25d3661f;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .guidebook-reading-title h2 {
  color: #fff;
  letter-spacing: -.025em;
  margin-top: 9px;
  font-size: 18px;
  font-weight: 800;
  line-height: 1.17;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .guidebook-reading-title > p {
  color: #ffffff75;
  max-width: 570px;
  margin-top: 6px;
  font-size: 14px;
  line-height: 1.5;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .guidebook-article-body {
  color: #ffffffad;
  padding: 13px 15px 16px;
  font-size: 14px;
  line-height: 1.68;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .guidebook-article-body :is(h2, html[data-user-shell="slack"]:not([data-shell-theme="light"]) h3) {
  color: #fff;
  scroll-margin-top: 82px;
  font-weight: 750;
  line-height: 1.25;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .guidebook-article-body h2 {
  margin: 15px 0 6px;
  padding-top: 2px;
  font-size: 11px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .guidebook-article-body h3 {
  margin: 12px 0 5px;
  font-size: 14px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .guidebook-article-body > :first-child {
  margin-top: 0;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .guidebook-article-body p {
  margin: 7px 0;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .guidebook-article-body ul, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .guidebook-article-body ol {
  gap: 4px;
  margin: 7px 0;
  padding-left: 18px;
  display: grid;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .guidebook-article-body ul {
  list-style: outside;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .guidebook-article-body ol {
  list-style: decimal;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .guidebook-article-body li::marker {
  color: #4be389;
  font-weight: 800;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .guidebook-article-body strong {
  color: #ffffffe6;
  font-weight: 750;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .guidebook-article-body code {
  color: #9ab9ff;
  background: #25d36614;
  border: 1px solid #25d36629;
  border-radius: 4px;
  padding: 2px 4px;
  font: 5.8px ui-monospace, SFMono-Regular, monospace;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .guidebook-article-body a {
  color: #4be389;
  text-decoration: underline;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .guidebook-article-body pre {
  color: #ffffffb3;
  white-space: pre-wrap;
  background: #00000040;
  border-radius: 7px;
  padding: 9px;
  font: 6px / 1.55 ui-monospace, SFMono-Regular, monospace;
  overflow: auto;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .guidebook-vote {
  background: #ffffff04;
  border-top: 1px solid #ffffff12;
  border-bottom: 1px solid #ffffff12;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  min-height: 58px;
  padding: 9px 15px;
  display: flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .guidebook-vote > div:first-child strong {
  color: #fff;
  font-size: 14px;
  display: block;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .guidebook-vote > div:first-child span {
  color: #ffffff52;
  margin-top: 2px;
  font-size: 10px;
  display: block;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .guidebook-vote > div:last-child {
  gap: 5px;
  display: flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .guidebook-vote form {
  display: inline;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .guidebook-vote button {
  color: #ffffff9e;
  border: 1px solid #ffffff1a;
  border-radius: 7px;
  align-items: center;
  gap: 4px;
  min-height: 25px;
  padding: 5px 7px;
  font-size: 11px;
  font-weight: 700;
  display: inline-flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .guidebook-vote button:hover {
  color: #4be389;
  background: #25d36612;
  border-color: #25d36659;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .guidebook-vote button svg {
  width: 9px;
  height: 9px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .guidebook-vote button small {
  text-align: center;
  background: #ffffff0f;
  border-radius: 4px;
  min-width: 12px;
  padding: 1px 3px;
  font-size: 10px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .guidebook-related {
  padding: 11px 15px 14px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .guidebook-related-head {
  justify-content: space-between;
  align-items: baseline;
  gap: 8px;
  margin-bottom: 6px;
  display: flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .guidebook-related-head strong {
  color: #fff;
  font-size: 14px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .guidebook-related-head span {
  color: #ffffff4d;
  font-size: 10px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .guidebook-related > div:last-child {
  border: 1px solid #ffffff12;
  border-radius: 8px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  display: grid;
  overflow: hidden;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .guidebook-related a {
  min-width: 0;
  min-height: 39px;
  color: inherit;
  border-bottom: 1px solid #ffffff0d;
  grid-template-columns: 21px minmax(0, 1fr) 8px;
  align-items: center;
  gap: 6px;
  padding: 6px 7px;
  display: grid;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .guidebook-related a:nth-child(odd) {
  border-right: 1px solid #ffffff0d;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .guidebook-related a:hover {
  background: #ffffff09;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .guidebook-related a > span:first-child {
  color: #79a3ff;
  background: #25d36624;
  border-radius: 6px;
  place-items: center;
  width: 21px;
  height: 21px;
  display: grid;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .guidebook-related a svg {
  width: 9px;
  height: 9px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .guidebook-related a > span:nth-child(2) {
  min-width: 0;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .guidebook-related a strong {
  color: #ffffffc2;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 11px;
  display: block;
  overflow: hidden;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .guidebook-related a small {
  color: #ffffff4d;
  margin-top: 1px;
  font-size: 10px;
  display: block;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .guidebook-related a > svg {
  color: #fff3;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .guidebook-reading-aside {
  gap: 8px;
  display: grid;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .guidebook-toc, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .guidebook-article-facts, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .guidebook-still-stuck {
  padding: 10px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .guidebook-toc > div, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .guidebook-article-facts > strong {
  border-bottom: 1px solid #ffffff12;
  padding-bottom: 7px;
  display: block;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .guidebook-toc strong, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .guidebook-article-facts > strong {
  color: #fff;
  font-size: 14px;
  display: block;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .guidebook-toc > div span {
  color: #ffffff4d;
  margin-top: 2px;
  font-size: 10px;
  display: block;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .guidebook-toc nav {
  gap: 2px;
  margin-top: 6px;
  display: grid;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .guidebook-toc nav a {
  color: #ffffff6e;
  border-left: 2px solid #0000;
  border-radius: 0 5px 5px 0;
  padding: 4px 6px;
  font-size: 11px;
  line-height: 1.35;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .guidebook-toc nav a[data-level="h3"] {
  padding-left: 12px;
  font-size: 10px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .guidebook-toc nav a:hover, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .guidebook-toc nav a[aria-current="location"] {
  color: #4be389;
  background: #25d3660f;
  border-left-color: #25d366;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .guidebook-article-facts dl {
  margin-top: 4px;
  display: grid;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .guidebook-article-facts dl div {
  border-bottom: 1px solid #ffffff0d;
  justify-content: space-between;
  align-items: center;
  gap: 7px;
  min-height: 26px;
  display: flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .guidebook-article-facts dl div:last-child {
  border-bottom: 0;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .guidebook-article-facts dt {
  color: #ffffff54;
  font-size: 10px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .guidebook-article-facts dd {
  color: #ffffffa6;
  text-align: right;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 60%;
  font-size: 10px;
  font-weight: 650;
  overflow: hidden;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .guidebook-still-stuck {
  background: #25d3660b;
  align-items: flex-start;
  gap: 7px;
  display: flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .guidebook-still-stuck > span {
  color: #4be389;
  background: #25d36624;
  border-radius: 6px;
  flex: none;
  place-items: center;
  width: 22px;
  height: 22px;
  display: grid;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .guidebook-still-stuck svg {
  width: 10px;
  height: 10px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .guidebook-still-stuck strong {
  color: #fff;
  font-size: 13px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .guidebook-still-stuck p {
  color: #ffffff54;
  margin-top: 2px;
  font-size: 10px;
  line-height: 1.35;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .guidebook-still-stuck a {
  color: #4be389;
  margin-top: 5px;
  font-size: 10px;
  font-weight: 750;
  display: inline-block;
}
@media (max-width: 780px) {
  html[data-user-shell="slack"]:not([data-shell-theme="light"]) .guidebook-reading-grid {
    grid-template-columns: 1fr;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) .guidebook-reading-aside {
    order: -1;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) .guidebook-still-stuck {
    grid-column: 1 / -1;
  }
}
@media (max-width: 560px) {
  html[data-user-shell="slack"]:not([data-shell-theme="light"]) .guidebook-article-page {
    padding: 11px 10px 20px;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) .guidebook-article-actions a {
    display: none;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) .guidebook-reading-title h2 {
    font-size: 15px;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) .guidebook-vote {
    flex-direction: column;
    align-items: flex-start;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) .guidebook-related > div:last-child, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .guidebook-reading-aside {
    grid-template-columns: 1fr;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) .guidebook-related a:nth-child(odd) {
    border-right: 0;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) .guidebook-still-stuck {
    grid-column: auto;
  }
}
html[data-user-shell="slack"] html:is([data-theme="dark"], [data-user-shell="slack"]) body[data-page="user-workspaces-create"] .shell-pane {
  background: radial-gradient(95% 58% at 86% -8%, #25d3661a, #0000 50%), linear-gradient(155deg, #0f1113 0%, #181b1e 48%, #171821 100%) !important;
}
html[data-user-shell="slack"] .workspace-create-page {
  color: #fff;
  width: 100%;
  min-height: 100%;
  padding: 14px 18px 24px;
  font-family: Figtree, Inter, system-ui, sans-serif;
}
html[data-user-shell="slack"] .workspace-create-header {
  justify-content: space-between;
  align-items: flex-start;
  gap: 16px;
  min-height: 55px;
  display: flex;
}
html[data-user-shell="slack"] .workspace-create-heading {
  align-items: center;
  gap: 9px;
  min-width: 0;
  display: flex;
}
html[data-user-shell="slack"] .workspace-create-back {
  color: #ffffff94;
  background: #ffffff09;
  border: 1px solid #ffffff1a;
  border-radius: 8px;
  flex: none;
  place-items: center;
  width: 28px;
  height: 28px;
  display: grid;
}
html[data-user-shell="slack"] .workspace-create-back:hover {
  color: #fff;
  background: #ffffff14;
}
html[data-user-shell="slack"] .workspace-create-back svg {
  width: 12px;
  height: 12px;
}
html[data-user-shell="slack"] .workspace-create-eyebrow {
  color: #4be389;
  letter-spacing: .14em;
  text-transform: uppercase;
  margin-bottom: 2px;
  font-size: 12px;
  font-weight: 800;
}
html[data-user-shell="slack"] .workspace-create-heading h1 {
  color: #fff;
  letter-spacing: -.025em;
  font-size: 19px;
  font-weight: 800;
  line-height: 1.05;
}
html[data-user-shell="slack"] .workspace-create-heading p {
  color: #ffffff6b;
  margin-top: 3px;
  font-size: 14px;
}
html[data-user-shell="slack"] .workspace-create-submit-top {
  color: #04130a;
  background: #25d366;
  border: 1px solid #22c86a;
  border-radius: 8px;
  align-items: center;
  gap: 6px;
  min-height: 29px;
  padding: 6px 10px;
  font-size: 14px;
  font-weight: 800;
  display: inline-flex;
}
html[data-user-shell="slack"] .workspace-create-submit-top:hover {
  background: #4be389;
}
html[data-user-shell="slack"] .workspace-create-submit-top svg {
  width: 11px;
  height: 11px;
}
html[data-user-shell="slack"] .workspace-create-alert {
  color: #ff9fbc;
  background: #e01e5a17;
  border: 1px solid #e01e5a47;
  border-radius: 8px;
  gap: 2px;
  margin: 4px 0 8px;
  padding: 7px 9px;
  font-size: 12px;
  display: grid;
}
html[data-user-shell="slack"] .workspace-create-alert strong {
  color: #fff;
}
html[data-user-shell="slack"] .workspace-create-grid {
  grid-template-columns: minmax(0, 1fr) 245px;
  align-items: start;
  gap: 8px;
  margin-top: 8px;
  display: grid;
}
html[data-user-shell="slack"] .workspace-create-card, html[data-user-shell="slack"] .workspace-preview-card, html[data-user-shell="slack"] .workspace-existing-card, html[data-user-shell="slack"] .workspace-sealed-card {
  background: #ffffff06;
  border: 1px solid #ffffff17;
  border-radius: 10px;
}
html[data-user-shell="slack"] .workspace-create-card {
  padding: 11px;
}
html[data-user-shell="slack"] .workspace-create-card-head {
  border-bottom: 1px solid #ffffff12;
  align-items: center;
  gap: 8px;
  padding-bottom: 9px;
  display: flex;
}
html[data-user-shell="slack"] .workspace-create-card-head > span {
  color: #4be389;
  background: #25d36624;
  border-radius: 6px;
  place-items: center;
  width: 23px;
  height: 23px;
  display: grid;
}
html[data-user-shell="slack"] .workspace-create-card-head svg {
  width: 11px;
  height: 11px;
}
html[data-user-shell="slack"] .workspace-create-card-head strong, html[data-user-shell="slack"] .workspace-preview-title strong {
  color: #fff;
  font-size: 14px;
  display: block;
}
html[data-user-shell="slack"] .workspace-create-card-head small, html[data-user-shell="slack"] .workspace-preview-title span {
  color: #ffffff57;
  margin-top: 2px;
  font-size: 11px;
  display: block;
}
html[data-user-shell="slack"] #workspace-create-form {
  gap: 8px;
  margin-top: 10px;
  display: grid;
}
html[data-user-shell="slack"] .workspace-field > span, html[data-user-shell="slack"] .workspace-phone-field > span {
  color: #ffffff80;
  justify-content: space-between;
  gap: 7px;
  margin-bottom: 3px;
  font-size: 11px;
  font-weight: 700;
  display: flex;
}
html[data-user-shell="slack"] .workspace-field > span small {
  color: #ffffff47;
  font-size: 10px;
}
html[data-user-shell="slack"] .workspace-field em, html[data-user-shell="slack"] .workspace-phone-field em {
  color: #ffffff47;
  margin-top: 3px;
  font-size: 10px;
  font-style: normal;
  display: block;
}
html[data-user-shell="slack"] .workspace-phone-field > div {
  grid-template-columns: 70px minmax(0, 1fr);
  gap: 6px;
  display: grid;
}
html[data-user-shell="slack"] .workspace-select-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 7px;
  display: grid;
}
html[data-user-shell="slack"] #workspace-create-form :is(input, html[data-user-shell="slack"] select), html[data-user-shell="slack"] body[data-page="user-workspaces-create"] .ts-control {
  width: 100%;
  height: 28px;
  color: #fff !important;
  box-shadow: none !important;
  background: #ffffff09 !important;
  border: 1px solid #ffffff1a !important;
  border-radius: 7px !important;
  outline: none !important;
  padding: 5px 8px !important;
  font-size: 13px !important;
}
html[data-user-shell="slack"] .workspace-field select option {
  color: #fff;
  background: #211f1d;
}
html[data-user-shell="slack"] #workspace-create-form :is(input, html[data-user-shell="slack"] select):focus, html[data-user-shell="slack"] body[data-page="user-workspaces-create"] .ts-wrapper.focus .ts-control {
  border-color: #25d36694 !important;
  box-shadow: 0 0 0 2px #25d36614 !important;
}
html[data-user-shell="slack"] #workspace-create-form [aria-invalid="true"] {
  border-color: #e01e5a !important;
}
html[data-user-shell="slack"] body[data-page="user-workspaces-create"] .ts-wrapper {
  width: 100%;
}
html[data-user-shell="slack"] body[data-page="user-workspaces-create"] .ts-control {
  min-height: 28px !important;
}
html[data-user-shell="slack"] body[data-page="user-workspaces-create"] .ts-control .item {
  color: #fff;
}
html[data-user-shell="slack"] body[data-page="user-workspaces-create"] .ts-dropdown {
  color: #ffffffb3;
  background: #211f1d;
  border: 1px solid #25d36659;
  border-radius: 7px;
  font-size: 13px;
}
html[data-user-shell="slack"] body[data-page="user-workspaces-create"] .ts-dropdown .active {
  color: #4be389;
  background: #25d36626;
}
html[data-user-shell="slack"] .workspace-form-footer {
  border-top: 1px solid #ffffff12;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  padding-top: 8px;
  display: flex;
}
html[data-user-shell="slack"] .workspace-form-footer p {
  color: #ffffff4d;
  max-width: 43%;
  font-size: 10px;
  line-height: 1.4;
}
html[data-user-shell="slack"] .workspace-form-footer > div {
  align-items: center;
  gap: 5px;
  display: flex;
}
html[data-user-shell="slack"] .workspace-form-footer :is(button, html[data-user-shell="slack"] a) {
  color: #ffffff94;
  border: 1px solid #ffffff1a;
  border-radius: 7px;
  align-items: center;
  min-height: 26px;
  padding: 5px 8px;
  font-size: 11px;
  font-weight: 750;
  display: inline-flex;
}
html[data-user-shell="slack"] .workspace-form-footer :is(button, html[data-user-shell="slack"] a):hover {
  color: #fff;
  background: #ffffff0d;
}
html[data-user-shell="slack"] .workspace-form-footer .workspace-create-primary {
  color: #04130a;
  background: #25d366;
  border-color: #22c86a;
  gap: 5px;
}
html[data-user-shell="slack"] .workspace-create-primary svg {
  width: 9px;
  height: 9px;
}
html[data-user-shell="slack"] .workspace-create-aside {
  gap: 8px;
  display: grid;
}
html[data-user-shell="slack"] .workspace-preview-card, html[data-user-shell="slack"] .workspace-existing-card {
  padding: 10px;
}
html[data-user-shell="slack"] .workspace-preview-title {
  border-bottom: 1px solid #ffffff12;
  justify-content: space-between;
  align-items: baseline;
  gap: 7px;
  padding-bottom: 7px;
  display: flex;
}
html[data-user-shell="slack"] .workspace-preview-row {
  grid-template-columns: 29px minmax(0, 1fr) auto;
  align-items: center;
  gap: 7px;
  margin-top: 8px;
  display: grid;
}
html[data-user-shell="slack"] .workspace-preview-row > span {
  color: #fff;
  background: #075e54;
  border-radius: 8px;
  place-items: center;
  width: 29px;
  height: 29px;
  font-size: 14px;
  font-weight: 850;
  display: grid;
}
html[data-user-shell="slack"] .workspace-preview-row > div {
  min-width: 0;
}
html[data-user-shell="slack"] .workspace-preview-row strong {
  color: #fff;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 13px;
  display: block;
  overflow: hidden;
}
html[data-user-shell="slack"] .workspace-preview-row small {
  color: #ffffff4d;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-top: 1px;
  font: 4.5px ui-monospace, SFMono-Regular, monospace;
  display: block;
  overflow: hidden;
}
html[data-user-shell="slack"] .workspace-preview-row > b {
  color: #4be389;
  background: #25d3661f;
  border-radius: 5px;
  padding: 3px 5px;
  font-size: 10px;
}
html[data-user-shell="slack"] .workspace-preview-card dl {
  margin-top: 7px;
  display: grid;
}
html[data-user-shell="slack"] .workspace-preview-card dl div {
  border-top: 1px solid #ffffff0d;
  justify-content: space-between;
  align-items: center;
  gap: 7px;
  min-height: 24px;
  display: flex;
}
html[data-user-shell="slack"] .workspace-preview-card dt {
  color: #ffffff52;
  font-size: 10px;
}
html[data-user-shell="slack"] .workspace-preview-card dd {
  color: #ffffffa6;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 65%;
  font-size: 10px;
  font-weight: 650;
  overflow: hidden;
}
html[data-user-shell="slack"] .workspace-existing-list {
  gap: 3px;
  margin-top: 7px;
  display: grid;
}
html[data-user-shell="slack"] .workspace-existing-list form {
  display: block;
}
html[data-user-shell="slack"] .workspace-existing-list button {
  text-align: left;
  border-radius: 7px;
  grid-template-columns: 25px minmax(0, 1fr) auto;
  align-items: center;
  gap: 7px;
  width: 100%;
  min-width: 0;
  padding: 5px;
  display: grid;
}
html[data-user-shell="slack"] .workspace-existing-list button:hover {
  background: #ffffff0a;
}
html[data-user-shell="slack"] .workspace-existing-list button.is-current {
  background: #25d36612;
}
html[data-user-shell="slack"] .workspace-existing-list button > span:first-child {
  background: var(--workspace-color);
  color: #fff;
  border-radius: 7px;
  place-items: center;
  width: 25px;
  height: 25px;
  font-size: 11px;
  font-weight: 800;
  display: grid;
}
html[data-user-shell="slack"] .workspace-existing-list button > span:nth-child(2) {
  min-width: 0;
}
html[data-user-shell="slack"] .workspace-existing-list strong {
  color: #ffffffbf;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 11px;
  display: block;
  overflow: hidden;
}
html[data-user-shell="slack"] .workspace-existing-list small {
  color: #ffffff47;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-top: 1px;
  font-size: 10px;
  display: block;
  overflow: hidden;
}
html[data-user-shell="slack"] .workspace-existing-list b {
  color: #4be389;
  text-transform: uppercase;
  background: #25d3661f;
  border-radius: 5px;
  padding: 3px 5px;
  font-size: 10px;
}
html[data-user-shell="slack"] .workspace-existing-list svg {
  color: #ffffff40;
  width: 8px;
  height: 8px;
}
html[data-user-shell="slack"] .workspace-existing-empty {
  color: #ffffff59;
  padding: 9px 0 2px;
  font-size: 11px;
}
html[data-user-shell="slack"] .workspace-sealed-card {
  background: #25d3660d;
  align-items: flex-start;
  gap: 7px;
  padding: 10px;
  display: flex;
}
html[data-user-shell="slack"] .workspace-sealed-card > span {
  color: #79a3ff;
  background: #25d36624;
  border-radius: 6px;
  flex: none;
  place-items: center;
  width: 23px;
  height: 23px;
  display: grid;
}
html[data-user-shell="slack"] .workspace-sealed-card svg {
  width: 11px;
  height: 11px;
}
html[data-user-shell="slack"] .workspace-sealed-card strong {
  color: #fff;
  font-size: 13px;
}
html[data-user-shell="slack"] .workspace-sealed-card p {
  color: #ffffff57;
  margin-top: 2px;
  font-size: 10px;
  line-height: 1.4;
}
html[data-user-shell="slack"] .workspace-limit-card {
  background: #ffc46b0f;
  border: 1px solid #ffc46b2e;
  border-radius: 8px;
  align-items: flex-start;
  gap: 8px;
  margin-top: 10px;
  padding: 10px;
  display: flex;
}
html[data-user-shell="slack"] .workspace-limit-card > span {
  color: #ffc46b;
  background: #ffc46b26;
  border-radius: 7px;
  flex: none;
  place-items: center;
  width: 25px;
  height: 25px;
  display: grid;
}
html[data-user-shell="slack"] .workspace-limit-card svg {
  width: 12px;
  height: 12px;
}
html[data-user-shell="slack"] .workspace-limit-card strong {
  color: #fff;
  font-size: 14px;
}
html[data-user-shell="slack"] .workspace-limit-card p {
  color: #fff6;
  margin-top: 3px;
  font-size: 11px;
  line-height: 1.45;
}
html[data-user-shell="slack"] .workspace-limit-card a {
  color: #ffc46b;
  margin-top: 7px;
  font-size: 11px;
  font-weight: 750;
  display: inline-block;
}
@media (max-width: 760px) {
  html[data-user-shell="slack"] .workspace-create-grid {
    grid-template-columns: 1fr;
  }

  html[data-user-shell="slack"] .workspace-create-aside {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  html[data-user-shell="slack"] .workspace-sealed-card {
    grid-column: 1 / -1;
  }
}
@media (max-width: 520px) {
  html[data-user-shell="slack"] .workspace-create-page {
    padding: 11px 10px 20px;
  }

  html[data-user-shell="slack"] .workspace-create-aside {
    grid-template-columns: 1fr;
  }

  html[data-user-shell="slack"] .workspace-sealed-card {
    grid-column: auto;
  }

  html[data-user-shell="slack"] .workspace-select-grid {
    grid-template-columns: 1fr;
  }

  html[data-user-shell="slack"] .workspace-form-footer {
    align-items: flex-end;
  }

  html[data-user-shell="slack"] .workspace-form-footer p {
    max-width: 35%;
  }

  html[data-user-shell="slack"] .workspace-form-footer > div {
    flex-wrap: wrap;
    justify-content: flex-end;
  }
}
html[data-user-shell="slack"][data-shell-theme="light"] html:is([data-theme="dark"], [data-user-shell="slack"][data-shell-theme="light"]) body[data-page="user-workspaces-create"] .shell-pane {
  background: radial-gradient(95% 58% at 86% -8%, #25d3661a, #0000 50%), linear-gradient(155deg, #eef1ef 0%, #fff 48%, #171821 100%) !important;
}
html[data-user-shell="slack"][data-shell-theme="light"] .workspace-create-page {
  color: #1c1b22;
}
html[data-user-shell="slack"][data-shell-theme="light"] .workspace-create-back {
  color: #1c1b22d4;
  background: #ffffff52;
  border: 1px solid #1c1b221a;
}
html[data-user-shell="slack"][data-shell-theme="light"] .workspace-create-back:hover {
  color: #1c1b22;
  background: #ffffff59;
}
html[data-user-shell="slack"][data-shell-theme="light"] .workspace-create-eyebrow {
  color: #0e8b50;
}
html[data-user-shell="slack"][data-shell-theme="light"] .workspace-create-heading h1 {
  color: #1c1b22;
}
html[data-user-shell="slack"][data-shell-theme="light"] .workspace-create-heading p {
  color: #1c1b22ab;
}
html[data-user-shell="slack"][data-shell-theme="light"] .workspace-create-alert strong {
  color: #1c1b22;
}
html[data-user-shell="slack"][data-shell-theme="light"] .workspace-create-card, html[data-user-shell="slack"][data-shell-theme="light"] .workspace-preview-card, html[data-user-shell="slack"][data-shell-theme="light"] .workspace-existing-card, html[data-user-shell="slack"][data-shell-theme="light"] .workspace-sealed-card {
  background: #ffffff50;
  border: 1px solid #1c1b2217;
}
html[data-user-shell="slack"][data-shell-theme="light"] .workspace-create-card-head {
  border-bottom: 1px solid #1c1b2214;
}
html[data-user-shell="slack"][data-shell-theme="light"] .workspace-create-card-head > span {
  color: #0e8b50;
}
html[data-user-shell="slack"][data-shell-theme="light"] .workspace-create-card-head strong, html[data-user-shell="slack"][data-shell-theme="light"] .workspace-preview-title strong {
  color: #1c1b22;
}
html[data-user-shell="slack"][data-shell-theme="light"] .workspace-create-card-head small, html[data-user-shell="slack"][data-shell-theme="light"] .workspace-preview-title span {
  color: #1c1b2296;
}
html[data-user-shell="slack"][data-shell-theme="light"] .workspace-field > span, html[data-user-shell="slack"][data-shell-theme="light"] .workspace-phone-field > span {
  color: #1c1b22bf;
}
html[data-user-shell="slack"][data-shell-theme="light"] .workspace-field > span small, html[data-user-shell="slack"][data-shell-theme="light"] .workspace-field em, html[data-user-shell="slack"][data-shell-theme="light"] .workspace-phone-field em {
  color: #1c1b228c;
}
html[data-user-shell="slack"][data-shell-theme="light"] #workspace-create-form :is(input, html[data-user-shell="slack"][data-shell-theme="light"] select), html[data-user-shell="slack"][data-shell-theme="light"] body[data-page="user-workspaces-create"] .ts-control {
  color: #1c1b22 !important;
  background: #ffffff52 !important;
  border: 1px solid #1c1b221a !important;
}
html[data-user-shell="slack"][data-shell-theme="light"] .workspace-field select option, html[data-user-shell="slack"][data-shell-theme="light"] body[data-page="user-workspaces-create"] .ts-control .item {
  color: #1c1b22;
}
html[data-user-shell="slack"][data-shell-theme="light"] body[data-page="user-workspaces-create"] .ts-dropdown {
  color: #1c1b22f2;
}
html[data-user-shell="slack"][data-shell-theme="light"] body[data-page="user-workspaces-create"] .ts-dropdown .active {
  color: #0e8b50;
}
html[data-user-shell="slack"][data-shell-theme="light"] .workspace-form-footer {
  border-top: 1px solid #1c1b2214;
}
html[data-user-shell="slack"][data-shell-theme="light"] .workspace-form-footer p {
  color: #1c1b228c;
}
html[data-user-shell="slack"][data-shell-theme="light"] .workspace-form-footer :is(button, html[data-user-shell="slack"][data-shell-theme="light"] a) {
  color: #1c1b22d4;
  border: 1px solid #1c1b221a;
}
html[data-user-shell="slack"][data-shell-theme="light"] .workspace-form-footer :is(button, html[data-user-shell="slack"][data-shell-theme="light"] a):hover {
  color: #1c1b22;
  background: #ffffff54;
}
html[data-user-shell="slack"][data-shell-theme="light"] .workspace-preview-title {
  border-bottom: 1px solid #1c1b2214;
}
html[data-user-shell="slack"][data-shell-theme="light"] .workspace-preview-row > span, html[data-user-shell="slack"][data-shell-theme="light"] .workspace-preview-row strong {
  color: #1c1b22;
}
html[data-user-shell="slack"][data-shell-theme="light"] .workspace-preview-row small {
  color: #1c1b228c;
}
html[data-user-shell="slack"][data-shell-theme="light"] .workspace-preview-row > b {
  color: #0e8b50;
}
html[data-user-shell="slack"][data-shell-theme="light"] .workspace-preview-card dl div {
  border-top: 1px solid #1c1b2214;
}
html[data-user-shell="slack"][data-shell-theme="light"] .workspace-preview-card dt {
  color: #1c1b2291;
}
html[data-user-shell="slack"][data-shell-theme="light"] .workspace-preview-card dd {
  color: #1c1b22e6;
}
html[data-user-shell="slack"][data-shell-theme="light"] .workspace-existing-list button:hover {
  background: #ffffff53;
}
html[data-user-shell="slack"][data-shell-theme="light"] .workspace-existing-list button > span:first-child {
  color: #1c1b22;
}
html[data-user-shell="slack"][data-shell-theme="light"] .workspace-existing-list strong {
  color: #1c1b22f2;
}
html[data-user-shell="slack"][data-shell-theme="light"] .workspace-existing-list small {
  color: #1c1b228c;
}
html[data-user-shell="slack"][data-shell-theme="light"] .workspace-existing-list b {
  color: #0e8b50;
}
html[data-user-shell="slack"][data-shell-theme="light"] .workspace-existing-list svg {
  color: #1c1b228c;
}
html[data-user-shell="slack"][data-shell-theme="light"] .workspace-existing-empty {
  color: #1c1b2299;
}
html[data-user-shell="slack"][data-shell-theme="light"] .workspace-sealed-card strong {
  color: #1c1b22;
}
html[data-user-shell="slack"][data-shell-theme="light"] .workspace-sealed-card p {
  color: #1c1b2296;
}
html[data-user-shell="slack"][data-shell-theme="light"] .workspace-limit-card > span {
  color: #b0730a;
}
html[data-user-shell="slack"][data-shell-theme="light"] .workspace-limit-card strong {
  color: #1c1b22;
}
html[data-user-shell="slack"][data-shell-theme="light"] .workspace-limit-card p {
  color: #1c1b22a6;
}
html[data-user-shell="slack"][data-shell-theme="light"] .workspace-limit-card a {
  color: #b0730a;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) body[data-page="user-developers-index"] .shell-pane {
  background: radial-gradient(110% 68% at 84% -8%, #25d3661a, #0000 48%), linear-gradient(155deg, #0f1113 0%, #231d1b 43%, #171821 100%) !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .developers-page {
  color: #fff;
  width: 100%;
  min-height: 100%;
  padding: 14px 18px 24px;
  font-family: Figtree, Inter, system-ui, sans-serif;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .developers-header {
  justify-content: space-between;
  align-items: flex-start;
  gap: 16px;
  min-height: 55px;
  display: flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .developers-eyebrow {
  color: #4be389;
  letter-spacing: .14em;
  text-transform: uppercase;
  margin-bottom: 2px;
  font-size: 12px;
  font-weight: 800;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .developers-header h1 {
  color: #fff;
  letter-spacing: -.025em;
  font-size: 19px;
  font-weight: 850;
  line-height: 1.05;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .developers-header p {
  color: #ffffff6b;
  margin-top: 3px;
  font-size: 14px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .developers-header-actions {
  align-items: center;
  gap: 6px;
  display: flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .developers-header-actions :is(a, html[data-user-shell="slack"]:not([data-shell-theme="light"]) button) {
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  gap: 6px;
  min-height: 29px;
  padding: 6px 10px;
  font-size: 13px;
  font-weight: 800;
  display: inline-flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .developers-header-actions svg {
  width: 10px;
  height: 10px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .developers-secondary-button {
  color: #ffffff9e;
  background: #ffffff09;
  border: 1px solid #ffffff1a;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .developers-secondary-button:hover {
  color: #fff;
  background: #ffffff12;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .developers-primary-button {
  color: #04130a;
  background: #25d366;
  border: 1px solid #22c86a;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .developers-primary-button:hover {
  background: #4be389;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .developers-alert {
  border: 1px solid;
  border-radius: 8px;
  align-items: flex-start;
  gap: 7px;
  margin: 4px 0 8px;
  padding: 7px 9px;
  font-size: 11px;
  display: flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .developers-alert > span {
  border-radius: 5px;
  flex: none;
  place-items: center;
  width: 18px;
  height: 18px;
  display: grid;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .developers-alert svg {
  width: 10px;
  height: 10px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .developers-alert strong {
  color: #fff;
  display: block;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .developers-alert p {
  margin-top: 2px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .developers-alert.is-error {
  color: #ff9fbc;
  background: #e01e5a17;
  border-color: #e01e5a47;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .developers-alert.is-error > span {
  background: #e01e5a26;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .developers-alert.is-success {
  color: #8ceab3;
  background: #25d36614;
  border-color: #25d36640;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .developers-alert.is-success > span {
  background: #25d36624;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .developers-kpis {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 7px;
  margin-top: 8px;
  display: grid;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .developers-kpi {
  background: #ffffff06;
  border: 1px solid #ffffff17;
  border-radius: 10px;
  min-height: 83px;
  padding: 10px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .developers-kpi > span {
  border-radius: 7px;
  place-items: center;
  width: 25px;
  height: 25px;
  display: grid;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .developers-kpi svg {
  width: 12px;
  height: 12px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .developers-kpi .is-green {
  color: #4be389;
  background: #25d36626;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .developers-kpi .is-blue {
  color: #79a3ff;
  background: #25d36626;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .developers-kpi .is-amber {
  color: #ffc46b;
  background: #ffc46b26;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .developers-kpi .is-teal {
  color: #42d9c4;
  background: #42d9c426;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .developers-kpi b {
  color: #fff;
  margin-top: 7px;
  font-size: 15px;
  font-weight: 850;
  line-height: 1;
  display: block;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .developers-kpi small {
  color: #ffffff5e;
  margin-top: 4px;
  font-size: 11px;
  display: block;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .developers-secret-card {
  background: #25d36613;
  border: 1px solid #25d36642;
  border-radius: 10px;
  grid-template-columns: 27px minmax(0, 1fr);
  gap: 8px;
  margin-top: 8px;
  padding: 9px;
  display: grid;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .developers-secret-icon {
  color: #4be389;
  background: #25d36629;
  border-radius: 7px;
  place-items: center;
  width: 27px;
  height: 27px;
  display: grid;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .developers-secret-icon svg {
  width: 13px;
  height: 13px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .developers-secret-copy strong {
  color: #fff;
  font-size: 14px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .developers-secret-copy p {
  color: #fff6;
  margin-top: 2px;
  font-size: 11px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .developers-secret-copy > div {
  align-items: center;
  gap: 5px;
  margin-top: 6px;
  display: flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .developers-secret-copy code {
  color: #dfffea;
  text-overflow: ellipsis;
  white-space: nowrap;
  background: #0000002e;
  border: 1px solid #ffffff1a;
  border-radius: 6px;
  flex: 1;
  min-width: 0;
  padding: 6px 8px;
  font: 5.7px ui-monospace, SFMono-Regular, monospace;
  overflow: hidden;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .developers-secret-copy button {
  color: #04130a;
  background: #25d366;
  border-radius: 6px;
  min-height: 25px;
  padding: 5px 8px;
  font-size: 11px;
  font-weight: 800;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .developers-secret-copy button.is-copied {
  background: #4be389;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .developers-panel, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .developers-config-card, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .developers-code-card {
  background: #ffffff06;
  border: 1px solid #ffffff17;
  border-radius: 10px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .developers-panel {
  margin-top: 8px;
  scroll-margin: 16px;
  overflow: hidden;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .developers-panel:focus {
  outline: 1px solid #25d36680;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .developers-panel-head, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .developers-card-head {
  border-bottom: 1px solid #ffffff12;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  padding: 9px 11px;
  display: flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .developers-panel-head h2, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .developers-card-head h2 {
  color: #fff;
  font-size: 14px;
  font-weight: 800;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .developers-panel-head p, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .developers-card-head p {
  color: #ffffff54;
  margin-top: 2px;
  font-size: 10px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .developers-panel-head > span, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .developers-card-head > span {
  color: #ffffff4d;
  white-space: nowrap;
  font-size: 10px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .developers-create-form {
  background: #25d36609;
  border-bottom: 1px solid #ffffff12;
  grid-template-columns: 27px minmax(130px, .72fr) minmax(170px, 1fr) auto auto;
  align-items: center;
  gap: 8px;
  padding: 8px 11px;
  display: grid;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .developers-key-icon {
  color: #ffffff59;
  background: #ffffff0e;
  border-radius: 7px;
  flex: none;
  place-items: center;
  width: 27px;
  height: 27px;
  display: grid;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .developers-key-icon.is-create, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .developers-key-row.is-active .developers-key-icon {
  color: #4be389;
  background: #25d36624;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .developers-key-icon svg {
  width: 12px;
  height: 12px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .developers-create-form label strong {
  color: #ffffffd1;
  font-size: 13px;
  display: block;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .developers-create-form label small {
  color: #ffffff4d;
  margin-top: 2px;
  font-size: 10px;
  display: block;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .developers-create-control {
  position: relative;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .developers-create-control input {
  color: #fff;
  background: #ffffff09;
  border: 1px solid #ffffff1a;
  border-radius: 7px;
  outline: none;
  width: 100%;
  height: 27px;
  padding: 5px 34px 5px 8px;
  font-size: 12px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .developers-create-control input:focus {
  border-color: #25d3668c;
  box-shadow: 0 0 0 2px #25d36612;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .developers-create-control > span {
  color: #ffffff3d;
  font-size: 10px;
  position: absolute;
  top: 50%;
  right: 7px;
  translate: 0 -50%;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .developers-create-form > button {
  border-radius: 7px;
  min-height: 26px;
  padding: 5px 8px;
  font-size: 11px;
  font-weight: 750;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .developers-reset-button {
  color: #ffffff80;
  border: 1px solid #ffffff1a;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .developers-reset-button:hover {
  color: #fff;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .developers-create-button {
  color: #04130a;
  background: #25d366;
  border: 1px solid #22c86a;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .developers-key-list {
  display: grid;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .developers-key-row {
  border-bottom: 1px solid #ffffff0e;
  grid-template-columns: 27px minmax(150px, 1fr) minmax(80px, .5fr) minmax(90px, .55fr) 60px 25px;
  align-items: center;
  gap: 8px;
  min-height: 48px;
  padding: 8px 11px;
  display: grid;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .developers-key-row:last-child {
  border-bottom: 0;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .developers-key-row.is-revoked {
  opacity: .72;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .developers-key-identity {
  min-width: 0;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .developers-key-identity strong {
  color: #ffffffd4;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 13px;
  display: block;
  overflow: hidden;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .developers-key-identity code {
  color: #ffffff52;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-top: 2px;
  font: 4.9px ui-monospace, SFMono-Regular, monospace;
  display: block;
  overflow: hidden;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .developers-key-date span {
  color: #ffffff40;
  font-size: 10px;
  display: block;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .developers-key-date b {
  color: #ffffff80;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-top: 2px;
  font-size: 10px;
  font-weight: 600;
  display: block;
  overflow: hidden;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .developers-status {
  border-radius: 10px;
  justify-self: start;
  align-items: center;
  gap: 4px;
  padding: 3px 5px;
  font-size: 10px;
  font-weight: 750;
  display: inline-flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .developers-status i {
  border-radius: 50%;
  width: 4px;
  height: 4px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .developers-status.is-active {
  color: #4be389;
  background: #25d3661f;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .developers-status.is-active i {
  background: #4be389;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .developers-status.is-revoked {
  color: #ffffff61;
  background: #ffffff0e;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .developers-status.is-revoked i {
  background: #ffffff52;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .developers-key-row form button {
  color: #e01e5aab;
  border-radius: 6px;
  place-items: center;
  width: 25px;
  height: 25px;
  display: grid;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .developers-key-row form button:hover {
  color: #ff6d98;
  background: #e01e5a1a;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .developers-key-row form svg {
  width: 11px;
  height: 11px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .developers-key-spacer {
  width: 25px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .developers-key-empty {
  text-align: center;
  padding: 14px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .developers-key-empty strong {
  color: #ffffffb3;
  font-size: 13px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .developers-key-empty p {
  color: #ffffff4d;
  margin-top: 2px;
  font-size: 10px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .developers-panel-note {
  color: #ffffff47;
  background: #0000001a;
  border-top: 1px solid #ffffff12;
  align-items: center;
  gap: 6px;
  padding: 6px 11px;
  font-size: 10px;
  display: flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .developers-panel-note svg {
  width: 9px;
  height: 9px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .developers-quick-grid {
  grid-template-columns: minmax(0, .82fr) minmax(0, 1.18fr);
  gap: 8px;
  margin-top: 8px;
  display: grid;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .developers-config-card, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .developers-code-card {
  overflow: hidden;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .developers-config-row {
  border-bottom: 1px solid #ffffff0e;
  grid-template-columns: 64px minmax(0, 1fr);
  align-items: center;
  gap: 7px;
  padding: 7px 11px;
  display: grid;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .developers-config-row > span {
  color: #ffffff5c;
  font-size: 10px;
  font-weight: 700;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .developers-config-row > div {
  align-items: center;
  gap: 4px;
  min-width: 0;
  display: flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .developers-config-row code {
  color: #ffffffb3;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  min-width: 0;
  font: 5px ui-monospace, SFMono-Regular, monospace;
  overflow: hidden;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .developers-config-row button, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .developers-code-card .developers-card-head button {
  color: #ffffff6b;
  border: 1px solid #ffffff14;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  gap: 4px;
  min-width: 23px;
  height: 23px;
  display: inline-flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .developers-config-row button:hover, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .developers-code-card .developers-card-head button:hover, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .developers-config-row button.is-copied, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .developers-code-card .developers-card-head button.is-copied {
  color: #4be389;
  background: #25d3661a;
  border-color: #25d36647;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .developers-config-row svg, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .developers-code-card .developers-card-head button svg {
  width: 10px;
  height: 10px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .developers-security-note {
  align-items: flex-start;
  gap: 7px;
  padding: 8px 11px;
  display: flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .developers-security-note > svg {
  color: #79a3ff;
  flex: none;
  width: 14px;
  height: 14px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .developers-security-note strong, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .developers-security-note span {
  display: block;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .developers-security-note strong {
  color: #ffffffad;
  font-size: 11px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .developers-security-note span {
  color: #ffffff47;
  margin-top: 2px;
  font-size: 10px;
  line-height: 1.35;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .developers-code-card .developers-card-head button {
  padding: 0 6px;
  font-size: 10px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .developers-code-card pre {
  color: #dce6f9;
  white-space: pre;
  background: #0003;
  min-height: 81px;
  padding: 9px 11px;
  font: 5.2px / 1.6 ui-monospace, SFMono-Regular, monospace;
  overflow: auto;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .developers-code-card footer {
  color: #ffffff47;
  border-top: 1px solid #ffffff0e;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  padding: 6px 11px;
  font-size: 10px;
  display: flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .developers-code-card footer span {
  align-items: center;
  gap: 4px;
  display: inline-flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .developers-code-card footer i {
  background: #4be389;
  border-radius: 50%;
  width: 4px;
  height: 4px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .developers-code-card footer a {
  color: #79a3ff;
  font-weight: 700;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .developers-code-card footer a:hover {
  color: #a9c2ff;
}
@media (max-width: 780px) {
  html[data-user-shell="slack"]:not([data-shell-theme="light"]) .developers-key-row {
    grid-template-columns: 27px minmax(120px, 1fr) 78px 58px 25px;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) .developers-key-row .developers-key-date:nth-of-type(2) {
    display: none;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) .developers-create-form {
    grid-template-columns: 27px minmax(120px, .7fr) minmax(150px, 1fr) auto;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) .developers-reset-button {
    display: none;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) .developers-quick-grid {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 560px) {
  html[data-user-shell="slack"]:not([data-shell-theme="light"]) .developers-page {
    padding: 11px 10px 20px;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) .developers-header {
    align-items: flex-start;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) .developers-header p {
    max-width: 210px;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) .developers-header-actions {
    flex-direction: column;
    align-items: stretch;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) .developers-kpis {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) .developers-create-form {
    grid-template-columns: 27px minmax(0, 1fr) auto;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) .developers-create-form label {
    grid-column: 2 / -1;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) .developers-create-control {
    grid-column: 1 / 3;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) .developers-key-row {
    grid-template-columns: 27px minmax(0, 1fr) 56px 25px;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) .developers-key-date, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .developers-key-row .developers-key-date:nth-of-type(2) {
    display: none;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) .developers-status {
    justify-self: end;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) .developers-panel-head {
    align-items: flex-start;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) .developers-panel-head > span {
    white-space: normal;
    text-align: right;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) .developers-config-row {
    grid-template-columns: 54px minmax(0, 1fr);
  }
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .developers-primary-button:hover, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .developers-secret-copy button.is-copied, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .developers-status.is-active i {
  color: #1d2321 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) body[data-page="user-webhooks-index"] .shell-pane {
  background: radial-gradient(110% 68% at 84% -8%, #25d3661a, #0000 48%), linear-gradient(155deg, #0f1113 0%, #231d1b 43%, #171821 100%) !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhooks-page {
  color: #fff;
  width: 100%;
  min-height: 100%;
  padding: 14px 18px 24px;
  font-family: Figtree, Inter, system-ui, sans-serif;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhooks-header {
  justify-content: space-between;
  align-items: flex-start;
  gap: 16px;
  min-height: 55px;
  display: flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhooks-eyebrow {
  color: #79a3ff;
  letter-spacing: .14em;
  text-transform: uppercase;
  margin-bottom: 2px;
  font-size: 12px;
  font-weight: 800;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhooks-header h1 {
  color: #fff;
  letter-spacing: -.025em;
  font-size: 19px;
  font-weight: 850;
  line-height: 1.05;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhooks-header p {
  color: #ffffff6b;
  margin-top: 3px;
  font-size: 14px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhooks-header-actions {
  align-items: center;
  gap: 6px;
  display: flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhooks-header-actions a {
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  gap: 6px;
  min-height: 29px;
  padding: 6px 10px;
  font-size: 13px;
  font-weight: 800;
  display: inline-flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhooks-header-actions svg {
  width: 10px;
  height: 10px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhooks-secondary-button {
  color: #ffffff9e;
  background: #ffffff09;
  border: 1px solid #ffffff1a;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhooks-secondary-button:hover {
  color: #fff;
  background: #ffffff12;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhooks-primary-button {
  color: #04130a;
  background: #25d366;
  border: 1px solid #22c86a;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhooks-primary-button:hover {
  background: #4be389;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhooks-alert {
  border: 1px solid;
  border-radius: 8px;
  align-items: center;
  gap: 7px;
  margin: 4px 0 8px;
  padding: 7px 9px;
  font-size: 11px;
  display: flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhooks-alert span {
  border-radius: 5px;
  place-items: center;
  width: 18px;
  height: 18px;
  display: grid;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhooks-alert svg {
  width: 10px;
  height: 10px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhooks-alert.is-error {
  color: #ff9fbc;
  background: #e01e5a17;
  border-color: #e01e5a47;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhooks-alert.is-success {
  color: #8ceab3;
  background: #25d36614;
  border-color: #25d36640;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhooks-kpis {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 7px;
  margin-top: 8px;
  display: grid;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhooks-kpi {
  background: #ffffff06;
  border: 1px solid #ffffff17;
  border-radius: 10px;
  min-height: 84px;
  padding: 10px;
  position: relative;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhooks-kpi > span {
  border-radius: 7px;
  place-items: center;
  width: 25px;
  height: 25px;
  display: grid;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhooks-kpi svg {
  width: 12px;
  height: 12px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhooks-kpi .is-green {
  color: #4be389;
  background: #25d36626;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhooks-kpi .is-blue {
  color: #79a3ff;
  background: #25d36626;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhooks-kpi .is-teal {
  color: #42d9c4;
  background: #42d9c426;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhooks-kpi .is-amber {
  color: #ffc46b;
  background: #ffc46b26;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhooks-kpi b {
  color: #fff;
  margin-top: 7px;
  font-size: 15px;
  font-weight: 850;
  line-height: 1;
  display: block;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhooks-kpi small {
  color: #ffffff5e;
  margin-top: 4px;
  font-size: 11px;
  display: block;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhooks-kpi em {
  color: #ffffff45;
  align-items: center;
  gap: 3px;
  font-size: 10px;
  font-style: normal;
  display: flex;
  position: absolute;
  top: 12px;
  right: 10px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhooks-kpi em i {
  background: #4be389;
  border-radius: 50%;
  width: 4px;
  height: 4px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhooks-panel, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhooks-deliveries-card, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhooks-signing-card {
  background: #ffffff06;
  border: 1px solid #ffffff17;
  border-radius: 10px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhooks-panel {
  margin-top: 8px;
  overflow: hidden;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhooks-panel-head {
  border-bottom: 1px solid #ffffff12;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  min-height: 42px;
  padding: 8px 11px;
  display: flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhooks-panel-head h2 {
  color: #fff;
  font-size: 14px;
  font-weight: 800;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhooks-panel-head p {
  color: #ffffff4f;
  margin-top: 2px;
  font-size: 10px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhooks-panel-head > span {
  color: #ffffff47;
  white-space: nowrap;
  font-size: 10px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhooks-toolbar {
  border-bottom: 1px solid #ffffff0f;
  align-items: center;
  gap: 6px;
  min-height: 36px;
  padding: 5px 8px;
  display: flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhooks-tabs {
  background: #0000001f;
  border-radius: 7px;
  align-items: center;
  gap: 2px;
  padding: 2px;
  display: flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhooks-tabs button {
  color: #ffffff59;
  border-radius: 5px;
  min-height: 22px;
  padding: 4px 7px;
  font-size: 10px;
  font-weight: 700;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhooks-tabs button:hover {
  color: #fff;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhooks-tabs button.is-active {
  color: #a9c2ff;
  background: #25d3662e;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhooks-tabs span {
  opacity: .7;
  margin-left: 2px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhooks-search-wrap {
  flex: 1;
  min-width: 150px;
  max-width: 230px;
  margin-left: auto;
  position: relative;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhooks-search-wrap > svg {
  color: #ffffff45;
  width: 9px;
  height: 9px;
  position: absolute;
  top: 50%;
  left: 7px;
  translate: 0 -50%;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhooks-search-wrap input {
  color: #fff;
  background: #ffffff08;
  border: 1px solid #ffffff17;
  border-radius: 7px;
  outline: none;
  width: 100%;
  height: 25px;
  padding: 5px 22px 5px 21px;
  font-size: 11px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhooks-search-wrap input:focus {
  border-color: #25d3667a;
  box-shadow: 0 0 0 2px #25d36612;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhooks-search-wrap > button {
  color: #ffffff52;
  width: 16px;
  height: 16px;
  font-size: 14px;
  position: absolute;
  top: 50%;
  right: 5px;
  translate: 0 -50%;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhooks-search-wrap > button:hover {
  color: #fff;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhooks-toolbar [data-list-grid-toggle] {
  color: #ffffff59;
  background: none;
  border: 1px solid #ffffff14;
  border-radius: 6px;
  width: 24px;
  height: 24px;
  padding: 0;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhooks-toolbar [data-list-grid-toggle].bg-wa-deep {
  color: #a9c2ff;
  background: #25d36629;
  border-color: #25d36640;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhooks-table-wrap {
  width: 100%;
  overflow-x: auto;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhooks-table {
  border-collapse: collapse;
  width: 100%;
  font-size: 11px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhooks-table th {
  color: #ffffff45;
  letter-spacing: .04em;
  text-align: left;
  background: #0000001c;
  padding: 6px 9px;
  font-size: 10px;
  font-weight: 700;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhooks-table th:last-child {
  text-align: right;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhooks-table td {
  vertical-align: middle;
  border-top: 1px solid #ffffff0d;
  padding: 7px 9px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhooks-table tbody tr:hover {
  background: #ffffff05;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhooks-table tbody.is-loading {
  opacity: .45;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhooks-endpoint-cell {
  align-items: center;
  gap: 7px;
  min-width: 165px;
  display: flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhooks-endpoint-cell > span {
  color: #79a3ff;
  background: #25d36624;
  border-radius: 7px;
  flex: none;
  place-items: center;
  width: 25px;
  height: 25px;
  display: grid;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhooks-endpoint-cell svg {
  width: 11px;
  height: 11px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhooks-endpoint-cell > div {
  min-width: 0;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhooks-endpoint-cell code {
  color: #ffffffb8;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 225px;
  font: 5.2px ui-monospace, SFMono-Regular, monospace;
  display: block;
  overflow: hidden;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhooks-endpoint-cell small {
  color: #ffffff47;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-top: 2px;
  font-size: 10px;
  display: block;
  overflow: hidden;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhooks-event-tags {
  flex-wrap: wrap;
  gap: 3px;
  min-width: 105px;
  max-width: 165px;
  display: flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhooks-event-tags span {
  color: #a9c2ff;
  background: #25d3661a;
  border-radius: 4px;
  padding: 3px 4px;
  font: 4.3px ui-monospace, SFMono-Regular, monospace;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhooks-event-tags em {
  color: #ffffff47;
  font-size: 10px;
  font-style: normal;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhooks-state {
  border-radius: 10px;
  align-items: center;
  gap: 4px;
  padding: 3px 5px;
  font-size: 10px;
  font-weight: 750;
  display: inline-flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhooks-state i {
  border-radius: 50%;
  width: 4px;
  height: 4px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhooks-state.is-active {
  color: #4be389;
  background: #25d3661f;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhooks-state.is-active i {
  background: #4be389;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhooks-state.is-paused {
  color: #ffffff61;
  background: #ffffff0e;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhooks-state.is-paused i {
  background: #ffffff52;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhooks-state.is-failing {
  color: #ff6d98;
  background: #e01e5a1f;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhooks-state.is-failing i {
  background: #e01e5a;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhooks-last-delivery {
  min-width: 78px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhooks-last-delivery strong {
  color: #ffffff91;
  font-size: 10px;
  display: block;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhooks-last-delivery small {
  color: #ffffff45;
  margin-top: 2px;
  font-size: 10px;
  display: block;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhooks-last-delivery small.is-error {
  color: #ff6d98;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhooks-row-actions {
  justify-content: flex-end;
  align-items: center;
  gap: 1px;
  min-width: 119px;
  display: flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhooks-row-actions :is(a, html[data-user-shell="slack"]:not([data-shell-theme="light"]) button) {
  color: #ffffff57;
  border-radius: 5px;
  place-items: center;
  width: 22px;
  height: 22px;
  display: grid;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhooks-row-actions :is(a, html[data-user-shell="slack"]:not([data-shell-theme="light"]) button):hover {
  color: #fff;
  background: #ffffff0f;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhooks-row-actions .is-danger:hover {
  color: #ff6d98;
  background: #e01e5a1a;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhooks-row-actions svg {
  width: 9px;
  height: 9px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhooks-results {
  color: #ffffff47;
  border-top: 1px solid #ffffff0f;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  min-height: 27px;
  padding: 5px 10px;
  font-size: 10px;
  display: flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhooks-results b {
  color: #ffffff8c;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhooks-results.hidden {
  display: none;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhooks-empty {
  justify-content: center;
  align-items: center;
  gap: 8px;
  min-height: 59px;
  display: flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhooks-empty > span {
  color: #79a3ff;
  background: #25d3661f;
  border-radius: 7px;
  place-items: center;
  width: 26px;
  height: 26px;
  display: grid;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhooks-empty svg {
  width: 12px;
  height: 12px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhooks-empty strong {
  color: #ffffffad;
  font-size: 12px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhooks-empty p {
  color: #ffffff47;
  margin-top: 2px;
  font-size: 10px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhooks-empty a {
  color: #04130a;
  background: #25d366;
  border-radius: 6px;
  margin-left: 8px;
  padding: 5px 7px;
  font-size: 10px;
  font-weight: 800;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhooks-pagination {
  margin-top: 5px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhooks-grid-view {
  padding: 8px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhooks-grid-view > div {
  gap: 6px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhooks-grid-view [data-list-grid-card] {
  box-shadow: none;
  color: #fff;
  background: #ffffff06;
  border-color: #ffffff17;
  border-radius: 8px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhooks-lower-grid {
  grid-template-columns: minmax(0, 1.55fr) minmax(190px, .65fr);
  align-items: start;
  gap: 8px;
  margin-top: 8px;
  display: grid;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhooks-deliveries-card {
  overflow: hidden;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhooks-delivery-list {
  display: grid;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhooks-delivery-row {
  border-top: 1px solid #ffffff0d;
  grid-template-columns: 23px minmax(110px, 1fr) 46px 40px 55px 24px;
  align-items: center;
  gap: 7px;
  min-height: 40px;
  padding: 6px 10px;
  display: grid;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhooks-delivery-row:first-child {
  border-top: 0;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhooks-delivery-icon {
  border-radius: 6px;
  place-items: center;
  width: 23px;
  height: 23px;
  display: grid;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhooks-delivery-icon svg {
  width: 10px;
  height: 10px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhooks-delivery-icon.is-success {
  color: #4be389;
  background: #25d3661f;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhooks-delivery-icon.is-error {
  color: #ff6d98;
  background: #e01e5a1f;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhooks-delivery-copy {
  min-width: 0;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhooks-delivery-copy strong, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhooks-delivery-copy small {
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  overflow: hidden;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhooks-delivery-copy strong {
  color: #ffffffb3;
  font: 5.2px ui-monospace, SFMono-Regular, monospace;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhooks-delivery-copy small {
  color: #ffffff45;
  margin-top: 2px;
  font-size: 10px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhooks-delivery-row > code {
  font: 4.8px ui-monospace, SFMono-Regular, monospace;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhooks-delivery-row > code.is-success {
  color: #4be389;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhooks-delivery-row > code.is-error {
  color: #ff6d98;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhooks-delivery-latency, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhooks-delivery-row time {
  color: #ffffff4d;
  font-size: 10px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhooks-delivery-row > a {
  color: #79a3ff;
  font-size: 10px;
  font-weight: 700;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhooks-delivery-empty {
  text-align: center;
  place-content: center;
  min-height: 83px;
  padding: 12px;
  display: grid;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhooks-delivery-empty strong {
  color: #ffffffa1;
  font-size: 12px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhooks-delivery-empty p {
  color: #ffffff45;
  margin-top: 3px;
  font-size: 10px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhooks-signing-card {
  background: #25d3660d;
  align-items: flex-start;
  gap: 8px;
  min-height: 126px;
  padding: 10px;
  display: flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhooks-signing-icon {
  color: #79a3ff;
  background: #25d36624;
  border-radius: 7px;
  flex: none;
  place-items: center;
  width: 27px;
  height: 27px;
  display: grid;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhooks-signing-icon svg {
  width: 13px;
  height: 13px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhooks-signing-card small {
  color: #79a3ff;
  letter-spacing: .08em;
  text-transform: uppercase;
  font-size: 10px;
  font-weight: 800;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhooks-signing-card h2 {
  color: #fff;
  margin-top: 2px;
  font-size: 14px;
  font-weight: 800;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhooks-signing-card p {
  color: #ffffff57;
  margin-top: 4px;
  font-size: 10px;
  line-height: 1.4;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhooks-signing-card code {
  color: #a9c2ff;
  text-overflow: ellipsis;
  white-space: nowrap;
  background: #0000002b;
  border-radius: 5px;
  margin-top: 6px;
  padding: 5px 6px;
  font: 4.4px ui-monospace, SFMono-Regular, monospace;
  display: block;
  overflow: hidden;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhooks-signing-card a {
  color: #79a3ff;
  margin-top: 7px;
  font-size: 10px;
  font-weight: 700;
  display: inline-block;
}
@media (max-width: 780px) {
  html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhooks-lower-grid {
    grid-template-columns: 1fr;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhooks-table {
    min-width: 650px;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhooks-signing-card {
    min-height: auto;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhooks-toolbar {
    flex-wrap: wrap;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhooks-search-wrap {
    max-width: none;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhooks-tabs {
    order: 3;
    width: 100%;
    overflow-x: auto;
  }
}
@media (max-width: 560px) {
  html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhooks-page {
    padding: 11px 10px 20px;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhooks-header {
    align-items: flex-start;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhooks-header p {
    max-width: 210px;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhooks-header-actions {
    grid-template-columns: repeat(2, 1fr);
    display: grid;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhooks-header-actions .webhooks-primary-button {
    grid-column: 1 / -1;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhooks-kpis {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhooks-panel-head {
    align-items: flex-start;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhooks-panel-head > span {
    white-space: normal;
    text-align: right;
  }
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) body[data-page="user-webhooks-create"] .shell-pane {
  background: radial-gradient(110% 68% at 84% -8%, #25d3661a, #0000 48%), linear-gradient(155deg, #0f1113 0%, #231d1b 43%, #171821 100%) !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhook-form-page {
  color: #fff;
  width: 100%;
  min-height: 100%;
  padding: 14px 18px 24px;
  font-family: Figtree, Inter, system-ui, sans-serif;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhook-form-header {
  justify-content: space-between;
  align-items: flex-start;
  gap: 12px;
  min-height: 55px;
  display: flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhook-form-heading {
  align-items: center;
  gap: 8px;
  min-width: 0;
  display: flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhook-form-back {
  color: #ffffff8f;
  background: #ffffff09;
  border: 1px solid #ffffff1a;
  border-radius: 8px;
  flex: none;
  place-items: center;
  width: 28px;
  height: 28px;
  display: grid;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhook-form-back:hover {
  color: #fff;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhook-form-back svg {
  width: 11px;
  height: 11px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhook-form-eyebrow {
  color: #79a3ff;
  letter-spacing: .14em;
  text-transform: uppercase;
  margin-bottom: 2px;
  font-size: 12px;
  font-weight: 800;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhook-form-heading h1 {
  color: #fff;
  letter-spacing: -.025em;
  font-size: 19px;
  font-weight: 850;
  line-height: 1.05;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhook-form-heading p {
  color: #fff6;
  margin-top: 3px;
  font-size: 13px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhook-form-actions {
  align-items: center;
  gap: 5px;
  display: flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhook-form-actions > span {
  color: #ffffff52;
  background: #ffffff0b;
  border-radius: 6px;
  padding: 4px 6px;
  font-size: 10px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhook-form-actions button {
  border-radius: 7px;
  align-items: center;
  gap: 5px;
  min-height: 28px;
  padding: 5px 8px;
  font-size: 11px;
  font-weight: 800;
  display: inline-flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhook-form-actions svg {
  width: 10px;
  height: 10px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhook-test-button {
  color: #ffffff94;
  border: 1px solid #ffffff1a;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhook-test-button:hover {
  color: #fff;
  background: #ffffff0d;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhook-test-button:disabled {
  opacity: .5;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhook-save-button {
  color: #04130a;
  background: #25d366;
  border: 1px solid #22c86a;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhook-form-alert {
  color: #ff9fbc;
  background: #e01e5a14;
  border: 1px solid #e01e5a42;
  border-radius: 8px;
  gap: 2px;
  margin: 3px 0 8px;
  padding: 7px 9px;
  font-size: 10px;
  display: grid;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhook-form-alert strong {
  color: #fff;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhook-form-grid {
  grid-template-columns: minmax(0, 1fr) 235px;
  align-items: start;
  gap: 8px;
  margin-top: 8px;
  display: grid;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhook-form-stack, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhook-form-aside {
  gap: 8px;
  display: grid;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhook-form-card, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhook-summary-card, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhook-payload-card, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhook-verify-card {
  background: #ffffff06;
  border: 1px solid #ffffff17;
  border-radius: 10px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhook-form-card {
  overflow: hidden;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhook-form-card-head, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhook-aside-head {
  border-bottom: 1px solid #ffffff12;
  align-items: center;
  gap: 7px;
  min-height: 39px;
  padding: 7px 9px;
  display: flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhook-form-card-head > span {
  color: #a9c2ff;
  background: #25d36621;
  border-radius: 6px;
  flex: none;
  place-items: center;
  width: 22px;
  height: 22px;
  font-size: 10px;
  font-weight: 800;
  display: grid;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhook-form-card-head > div {
  flex: 1;
  min-width: 0;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhook-form-card-head h2, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhook-aside-head strong {
  color: #fff;
  font-size: 14px;
  font-weight: 800;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhook-form-card-head p, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhook-aside-head small {
  color: #ffffff4a;
  margin-top: 2px;
  font-size: 10px;
  display: block;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhook-form-card-head em {
  color: #ffffff47;
  font-size: 10px;
  font-style: normal;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhook-endpoint-fields {
  grid-template-columns: minmax(0, 1.7fr) minmax(78px, .45fr);
  gap: 7px;
  padding: 9px;
  display: grid;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhook-field {
  min-width: 0;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhook-field > span {
  color: #ffffff7a;
  margin-bottom: 3px;
  font-size: 10px;
  font-weight: 700;
  display: block;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhook-field > span b {
  color: #ff6d98;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhook-field > :is(input, html[data-user-shell="slack"]:not([data-shell-theme="light"]) select), html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhook-secret-control input {
  color: #fff;
  background: #ffffff09;
  border: 1px solid #ffffff1a;
  border-radius: 7px;
  outline: none;
  width: 100%;
  height: 27px;
  padding: 5px 7px;
  font-size: 11px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhook-field input[type="url"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhook-secret-control input {
  font-family: ui-monospace, SFMono-Regular, monospace;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhook-field select option {
  color: #fff;
  background: #211f1d;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhook-field > :is(input, html[data-user-shell="slack"]:not([data-shell-theme="light"]) select):focus {
  border-color: #25d36685;
  box-shadow: 0 0 0 2px #25d36612;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhook-field small {
  color: #ffffff40;
  margin-top: 3px;
  font-size: 10px;
  display: block;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhook-events-card {
  min-height: 228px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhook-event-toolbar {
  border-bottom: 1px solid #ffffff0d;
  align-items: center;
  gap: 4px;
  padding: 6px 9px;
  display: flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhook-event-toolbar button {
  color: #ffffff75;
  border: 1px solid #ffffff14;
  border-radius: 6px;
  min-height: 22px;
  padding: 4px 6px;
  font-size: 10px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhook-event-toolbar button:hover {
  color: #fff;
  background: #ffffff0d;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhook-event-toolbar > span {
  color: #ffffff40;
  margin-left: auto;
  font-size: 10px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhook-event-groups {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 7px;
  padding: 8px 9px 9px;
  display: grid;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhook-event-group legend {
  color: #ffffff4d;
  letter-spacing: .06em;
  text-transform: uppercase;
  margin-bottom: 3px;
  font-size: 10px;
  font-weight: 800;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhook-event-group > div {
  gap: 2px;
  display: grid;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhook-event-option {
  cursor: pointer;
  display: block;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhook-event-option > input {
  opacity: 0;
  pointer-events: none;
  position: absolute;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhook-event-option > span {
  background: #ffffff05;
  border: 1px solid #ffffff12;
  border-radius: 6px;
  grid-template-columns: 14px minmax(0, 1fr);
  align-items: center;
  gap: 5px;
  min-height: 29px;
  padding: 4px 5px;
  display: grid;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhook-event-option:hover > span {
  border-color: #25d36647;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhook-event-option i {
  color: #0000;
  border: 1px solid #ffffff21;
  border-radius: 4px;
  place-items: center;
  width: 14px;
  height: 14px;
  display: grid;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhook-event-option i svg {
  width: 8px;
  height: 8px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhook-event-option input:checked + span {
  background: #25d36612;
  border-color: #25d36645;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhook-event-option input:checked + span i {
  color: #fff;
  background: #25d366;
  border-color: #25d366;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhook-event-option strong, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhook-event-option small {
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  overflow: hidden;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhook-event-option strong {
  color: #ffffffad;
  font: 4.4px ui-monospace, SFMono-Regular, monospace;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhook-event-option small {
  color: #ffffff38;
  margin-top: 1px;
  font-size: 10px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhook-security-grid {
  grid-template-columns: minmax(0, 1fr) 205px;
  gap: 8px;
  padding: 9px;
  display: grid;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhook-secret-control {
  align-items: center;
  gap: 4px;
  display: flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhook-secret-control input {
  color: #cfe0ff;
  flex: 1;
  min-width: 0;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhook-secret-control button {
  color: #ffffff73;
  border: 1px solid #ffffff17;
  border-radius: 6px;
  align-items: center;
  gap: 4px;
  min-height: 27px;
  padding: 5px 6px;
  font-size: 10px;
  display: inline-flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhook-secret-control button:hover, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhook-secret-control button.is-copied {
  color: #a9c2ff;
  background: #25d36617;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhook-secret-control svg {
  width: 9px;
  height: 9px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhook-status-field {
  background: #ffffff05;
  border: 1px solid #ffffff12;
  border-radius: 7px;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  padding: 6px 7px;
  display: flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhook-status-field strong {
  color: #ffffffab;
  font-size: 11px;
  display: block;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhook-status-field small {
  color: #ffffff3d;
  margin-top: 2px;
  font-size: 10px;
  display: block;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhook-switch {
  cursor: pointer;
  align-items: center;
  gap: 4px;
  display: flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhook-switch input:not([type="hidden"]) {
  opacity: 0;
  pointer-events: none;
  position: absolute;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhook-switch > span {
  background: #ffffff21;
  border-radius: 8px;
  width: 25px;
  height: 14px;
  padding: 2px;
  transition: all .15s;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhook-switch i {
  background: #fff;
  border-radius: 50%;
  width: 10px;
  height: 10px;
  transition: all .15s;
  display: block;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhook-switch input:checked + span {
  background: #25d366;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhook-switch input:checked + span i {
  translate: 11px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhook-switch em {
  color: #fff6;
  width: 28px;
  font-size: 10px;
  font-style: normal;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhook-form-footer {
  border-top: 1px solid #ffffff0f;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  padding: 7px 9px;
  display: flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhook-form-footer p {
  color: #ffffff40;
  font-size: 10px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhook-form-footer > div {
  align-items: center;
  gap: 4px;
  display: flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhook-form-footer :is(button, html[data-user-shell="slack"]:not([data-shell-theme="light"]) a) {
  color: #ffffff73;
  border: 1px solid #ffffff17;
  border-radius: 6px;
  align-items: center;
  min-height: 23px;
  padding: 4px 6px;
  font-size: 10px;
  font-weight: 700;
  display: inline-flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhook-form-footer .webhook-save-inline {
  color: #04130a;
  background: #25d366;
  border-color: #22c86a;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhook-form-aside {
  position: sticky;
  top: 10px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhook-summary-card, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhook-payload-card {
  overflow: hidden;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhook-aside-head {
  justify-content: space-between;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhook-aside-head > div {
  min-width: 0;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhook-aside-head > span {
  border-radius: 8px;
  padding: 3px 5px;
  font-size: 10px;
  font-weight: 750;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhook-aside-head > span.is-active {
  color: #4be389;
  background: #25d3661f;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhook-aside-head > span.is-paused {
  color: #fff6;
  background: #ffffff0f;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhook-aside-head > code {
  color: #a9c2ff;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 95px;
  font: 4.2px ui-monospace, SFMono-Regular, monospace;
  overflow: hidden;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhook-summary-card dl {
  padding: 4px 9px;
  display: grid;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhook-summary-card dl div {
  border-top: 1px solid #ffffff0b;
  justify-content: space-between;
  align-items: center;
  gap: 7px;
  min-height: 24px;
  display: flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhook-summary-card dl div:first-child {
  border-top: 0;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhook-summary-card dt {
  color: #ffffff45;
  font-size: 10px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhook-summary-card dd {
  color: #ffffff9e;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 70%;
  font-size: 10px;
  font-weight: 650;
  overflow: hidden;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhook-payload-card pre {
  color: #dbe6fa;
  white-space: pre-wrap;
  background: #0000002e;
  min-height: 151px;
  max-height: 151px;
  padding: 8px 9px;
  font: 4.8px / 1.55 ui-monospace, SFMono-Regular, monospace;
  overflow: auto;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhook-payload-card footer {
  color: #ffffff40;
  border-top: 1px solid #ffffff0e;
  justify-content: space-between;
  align-items: center;
  padding: 5px 8px;
  font-size: 10px;
  display: flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhook-payload-card footer button {
  color: #fff6;
  border: 1px solid #ffffff14;
  border-radius: 5px;
  align-items: center;
  gap: 4px;
  min-height: 21px;
  padding: 4px 5px;
  display: inline-flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhook-payload-card footer button.is-copied {
  color: #4be389;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhook-payload-card footer svg {
  width: 8px;
  height: 8px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhook-verify-card {
  background: #25d3660d;
  align-items: flex-start;
  gap: 7px;
  padding: 9px;
  display: flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhook-verify-card > span {
  color: #79a3ff;
  background: #25d36624;
  border-radius: 7px;
  flex: none;
  place-items: center;
  width: 25px;
  height: 25px;
  display: grid;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhook-verify-card svg {
  width: 12px;
  height: 12px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhook-verify-card strong {
  color: #fff;
  font-size: 12px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhook-verify-card p {
  color: #ffffff4a;
  margin-top: 3px;
  font-size: 10px;
  line-height: 1.35;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhook-verify-card code {
  color: #a9c2ff;
  margin-top: 5px;
  font: 4.2px ui-monospace, SFMono-Regular, monospace;
  display: block;
}
@media (max-width: 780px) {
  html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhook-form-grid {
    grid-template-columns: 1fr;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhook-form-aside {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    position: static;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhook-verify-card {
    grid-column: 1 / -1;
  }
}
@media (max-width: 560px) {
  html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhook-form-page {
    padding: 11px 10px 20px;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhook-form-header {
    align-items: flex-start;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhook-form-heading p {
    max-width: 190px;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhook-form-actions {
    grid-template-columns: repeat(2, 1fr);
    display: grid;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhook-form-actions > span {
    text-align: center;
    grid-column: 1 / -1;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhook-endpoint-fields, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhook-security-grid {
    grid-template-columns: 1fr;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhook-event-groups {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhook-form-aside {
    grid-template-columns: 1fr;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhook-verify-card {
    grid-column: auto;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhook-form-footer {
    align-items: flex-end;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhook-form-footer p {
    max-width: 35%;
  }
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) body[data-page="user-webhooks-detail"] .shell-pane {
  background: radial-gradient(110% 68% at 84% -8%, #25d3661a, #0000 48%), linear-gradient(155deg, #0f1113 0%, #231d1b 43%, #171821 100%) !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhook-detail-page {
  color: #fff;
  width: 100%;
  min-height: 100%;
  padding: 14px 18px 24px;
  font-family: Figtree, Inter, system-ui, sans-serif;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhook-detail-header {
  justify-content: space-between;
  align-items: flex-start;
  gap: 12px;
  min-height: 55px;
  display: flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhook-detail-heading {
  align-items: center;
  gap: 8px;
  min-width: 0;
  display: flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhook-detail-back {
  color: #ffffff8f;
  background: #ffffff09;
  border: 1px solid #ffffff1a;
  border-radius: 8px;
  flex: none;
  place-items: center;
  width: 28px;
  height: 28px;
  display: grid;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhook-detail-back:hover {
  color: #fff;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhook-detail-back svg {
  width: 11px;
  height: 11px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhook-detail-eyebrow {
  color: #79a3ff;
  letter-spacing: .14em;
  text-transform: uppercase;
  margin-bottom: 2px;
  font-size: 12px;
  font-weight: 800;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhook-detail-heading h1 {
  color: #fff;
  letter-spacing: -.025em;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 310px;
  font-size: 19px;
  font-weight: 850;
  line-height: 1.05;
  overflow: hidden;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhook-detail-heading p {
  color: #fff6;
  margin-top: 3px;
  font-size: 12px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhook-detail-actions {
  align-items: center;
  gap: 5px;
  display: flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhook-detail-actions > :is(span, html[data-user-shell="slack"]:not([data-shell-theme="light"]) button, html[data-user-shell="slack"]:not([data-shell-theme="light"]) a) {
  color: #ffffff94;
  border: 1px solid #ffffff1a;
  border-radius: 7px;
  justify-content: center;
  align-items: center;
  gap: 5px;
  min-height: 28px;
  padding: 5px 8px;
  font-size: 11px;
  font-weight: 800;
  display: inline-flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhook-detail-actions > span {
  color: #ffffff4f;
  background: #ffffff0b;
  border: 0;
  min-height: auto;
  padding: 4px 6px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhook-detail-actions :is(button, html[data-user-shell="slack"]:not([data-shell-theme="light"]) a):hover {
  color: #fff;
  background: #ffffff0f;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhook-detail-actions .is-primary {
  color: #04130a;
  background: #25d366;
  border-color: #22c86a;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhook-detail-actions svg {
  width: 9px;
  height: 9px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhook-detail-actions button i {
  background: #ffc46b;
  border-radius: 50%;
  width: 4px;
  height: 4px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhook-detail-actions button:disabled {
  opacity: .5;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhook-detail-identity, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhook-detail-card {
  background: #ffffff06;
  border: 1px solid #ffffff17;
  border-radius: 10px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhook-detail-identity {
  align-items: center;
  gap: 8px;
  min-height: 57px;
  padding: 8px 10px;
  display: flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhook-detail-icon {
  color: #79a3ff;
  background: #25d36624;
  border-radius: 8px;
  flex: none;
  place-items: center;
  width: 30px;
  height: 30px;
  display: grid;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhook-detail-icon svg {
  width: 14px;
  height: 14px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhook-detail-identity-copy {
  flex: 1;
  min-width: 0;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhook-detail-identity-copy small {
  color: #ffffff4a;
  text-transform: uppercase;
  letter-spacing: .06em;
  font-size: 10px;
  display: block;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhook-detail-identity-copy > code {
  color: #ffffffb5;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 440px;
  margin-top: 2px;
  font: 5.6px ui-monospace, SFMono-Regular, monospace;
  display: block;
  overflow: hidden;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhook-detail-identity-copy > div {
  gap: 4px;
  margin-top: 4px;
  display: flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhook-detail-identity-copy > div span {
  color: #a9c2ff;
  background: #25d36617;
  border-radius: 4px;
  padding: 2px 4px;
  font-size: 10px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhook-detail-identity > .webhooks-state {
  margin-left: auto;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhook-detail-identity > .webhooks-state b {
  font-weight: 750;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhook-detail-kpis {
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 7px;
  margin-top: 8px;
  display: grid;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhook-detail-kpis article {
  background: #ffffff06;
  border: 1px solid #ffffff17;
  border-radius: 9px;
  min-height: 61px;
  padding: 8px 9px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhook-detail-kpis small {
  color: #ffffff52;
  text-transform: uppercase;
  letter-spacing: .05em;
  font-size: 10px;
  font-weight: 750;
  display: block;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhook-detail-kpis strong {
  color: #fff;
  margin-top: 5px;
  font-size: 14px;
  font-weight: 850;
  line-height: 1;
  display: block;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhook-detail-kpis span {
  color: #ffffff3d;
  margin-top: 3px;
  font-size: 10px;
  display: block;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhook-detail-overview {
  grid-template-columns: minmax(0, 1.65fr) minmax(170px, .62fr);
  gap: 8px;
  margin-top: 8px;
  display: grid;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhook-detail-card {
  overflow: hidden;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhook-detail-card > header {
  border-bottom: 1px solid #fff1;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  min-height: 37px;
  padding: 6px 9px;
  display: flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhook-detail-card > header small {
  color: #79a3ff;
  text-transform: uppercase;
  letter-spacing: .1em;
  font-size: 10px;
  font-weight: 800;
  display: block;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhook-detail-card > header h2 {
  color: #fff;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 220px;
  margin-top: 1px;
  font-size: 14px;
  font-weight: 800;
  overflow: hidden;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhook-detail-card > header > span {
  color: #ffffff45;
  font-size: 10px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhook-detail-chart {
  height: 137px;
  padding: 0 4px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhook-detail-code-chart {
  height: 101px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhook-detail-code-list {
  gap: 3px;
  padding: 0 9px 7px;
  display: grid;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhook-detail-code-list > div {
  color: #ffffff6b;
  justify-content: space-between;
  align-items: center;
  font-size: 10px;
  display: flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhook-detail-code-list span {
  align-items: center;
  gap: 4px;
  display: flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhook-detail-code-list i {
  border-radius: 50%;
  width: 5px;
  height: 5px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhook-detail-code-list i.is-success {
  background: #4be389;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhook-detail-code-list i.is-warning {
  background: #ffc46b;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhook-detail-code-list i.is-error {
  background: #ff6d98;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhook-detail-code-list b {
  color: #ffffffab;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhook-detail-code-list p {
  color: #ffffff47;
  text-align: center;
  padding: 16px 0;
  font-size: 10px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhook-detail-delivery-grid {
  grid-template-columns: minmax(0, 1.48fr) minmax(210px, .72fr);
  align-items: start;
  gap: 8px;
  margin-top: 8px;
  display: grid;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhook-detail-table-wrap {
  max-height: 231px;
  overflow: auto;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhook-detail-table-wrap table {
  border-collapse: collapse;
  width: 100%;
  font-size: 10px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhook-detail-table-wrap th {
  z-index: 1;
  color: #ffffff45;
  text-align: left;
  background: #211f20;
  padding: 5px 7px;
  font-size: 10px;
  font-weight: 750;
  position: sticky;
  top: 0;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhook-detail-table-wrap td {
  color: #ffffff61;
  border-top: 1px solid #ffffff0d;
  height: 29px;
  padding: 5px 7px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhook-detail-table-wrap tbody tr {
  cursor: pointer;
  outline: none;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhook-detail-table-wrap tbody tr:hover, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhook-detail-table-wrap tbody tr.is-selected {
  background: #25d36613;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhook-detail-table-wrap tbody tr:focus-visible {
  box-shadow: inset 2px 0 #79a3ff;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhook-detail-table-wrap td time {
  white-space: nowrap;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhook-detail-table-wrap td code {
  color: #ffffffa8;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 110px;
  font: 4.5px ui-monospace, SFMono-Regular, monospace;
  display: block;
  overflow: hidden;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhook-detail-table-wrap td > span {
  white-space: nowrap;
  border-radius: 5px;
  padding: 2px 4px;
  font-size: 10px;
  font-weight: 750;
  display: inline-flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhook-detail-table-wrap td > span.is-success {
  color: #4be389;
  background: #25d3661f;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhook-detail-table-wrap td > span.is-error {
  color: #ff6d98;
  background: #e01e5a1f;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhook-detail-table-wrap td svg {
  color: #79a3ff;
  width: 8px;
  height: 8px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhook-detail-empty {
  text-align: center;
  place-content: center;
  min-height: 79px;
  display: grid;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhook-detail-empty strong {
  color: #ffffff9e;
  font-size: 11px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhook-detail-empty p {
  color: #ffffff42;
  margin-top: 3px;
  font-size: 10px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhook-detail-inspector {
  position: sticky;
  top: 10px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhook-detail-inspector header button {
  color: #ffffff6b;
  border: 1px solid #ffffff14;
  border-radius: 6px;
  min-height: 22px;
  padding: 4px 6px;
  font-size: 10px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhook-detail-inspector header button:hover {
  color: #fff;
  background: #ffffff0d;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhook-detail-inspector dl {
  border-bottom: 1px solid #ffffff0e;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 4px;
  padding: 6px 7px;
  display: grid;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhook-detail-inspector dl div {
  background: #ffffff06;
  border-radius: 6px;
  min-width: 0;
  padding: 5px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhook-detail-inspector dt {
  color: #ffffff3d;
  text-transform: uppercase;
  font-size: 10px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhook-detail-inspector dd {
  color: #ffffff9c;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-top: 2px;
  font: 4.2px ui-monospace, SFMono-Regular, monospace;
  overflow: hidden;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhook-detail-tabs {
  border-bottom: 1px solid #ffffff0e;
  gap: 2px;
  padding: 5px 7px;
  display: flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhook-detail-tabs button {
  color: #ffffff4f;
  border-radius: 5px;
  padding: 3px 5px;
  font-size: 10px;
  font-weight: 750;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhook-detail-tabs button:hover {
  color: #fff;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhook-detail-tabs button.is-active {
  color: #a9c2ff;
  background: #25d36629;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhook-detail-panes pre {
  color: #dbe6fa;
  white-space: pre-wrap;
  background: #00000026;
  height: 107px;
  padding: 7px;
  font: 4.2px / 1.48 ui-monospace, SFMono-Regular, monospace;
  overflow: auto;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhook-detail-inspector > footer {
  border-top: 1px solid #ffffff0e;
  gap: 4px;
  padding: 6px 7px;
  display: flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhook-detail-inspector > footer button {
  color: #ffffff61;
  border: 1px solid #ffffff14;
  border-radius: 6px;
  flex: 1;
  min-height: 22px;
  font-size: 10px;
  font-weight: 700;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhook-detail-inspector > footer button:hover, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhook-detail-inspector > footer button.is-copied {
  color: #a9c2ff;
  background: #25d36614;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhook-detail-footer-grid {
  grid-template-columns: minmax(0, 1.45fr) minmax(210px, .75fr);
  gap: 8px;
  margin-top: 8px;
  display: grid;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhook-detail-events > div {
  flex-wrap: wrap;
  align-content: flex-start;
  gap: 3px;
  min-height: 53px;
  padding: 7px 9px;
  display: flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhook-detail-events code {
  color: #a9c2ff;
  background: #25d36617;
  border-radius: 5px;
  padding: 3px 5px;
  font: 4.2px ui-monospace, SFMono-Regular, monospace;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhook-detail-events p {
  color: #ffffff45;
  font-size: 10px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhook-detail-signing {
  background: #25d3660e;
  border: 1px solid #25d36626;
  border-radius: 10px;
  align-items: flex-start;
  gap: 7px;
  padding: 9px;
  display: flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhook-detail-signing > span {
  color: #79a3ff;
  background: #25d36624;
  border-radius: 7px;
  flex: none;
  place-items: center;
  width: 26px;
  height: 26px;
  display: grid;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhook-detail-signing svg {
  width: 12px;
  height: 12px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhook-detail-signing small {
  color: #79a3ff;
  text-transform: uppercase;
  letter-spacing: .08em;
  font-size: 10px;
  font-weight: 800;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhook-detail-signing h2 {
  color: #fff;
  margin-top: 2px;
  font-size: 12px;
  font-weight: 800;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhook-detail-signing p {
  color: #ffffff47;
  margin-top: 3px;
  font-size: 10px;
  line-height: 1.35;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhook-detail-signing code {
  color: #a9c2ff;
  margin-top: 5px;
  font: 4px ui-monospace, SFMono-Regular, monospace;
  display: block;
}
@media (max-width: 780px) {
  html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhook-detail-overview, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhook-detail-delivery-grid, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhook-detail-footer-grid {
    grid-template-columns: 1fr;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhook-detail-inspector {
    position: static;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhook-detail-kpis {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (max-width: 560px) {
  html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhook-detail-page {
    padding: 11px 10px 20px;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhook-detail-header {
    align-items: flex-start;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhook-detail-heading p {
    max-width: 180px;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhook-detail-actions {
    grid-template-columns: repeat(2, 1fr);
    display: grid;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhook-detail-actions > span {
    grid-column: 1 / -1;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhook-detail-kpis {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhook-detail-identity-copy > code {
    max-width: 210px;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhook-detail-table-wrap table {
    min-width: 470px;
  }
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) body[data-page="user-webhooks-incoming"] .shell-pane {
  background: radial-gradient(110% 68% at 84% -8%, #25d3661a, #0000 48%), linear-gradient(155deg, #0f1113 0%, #231d1b 43%, #171821 100%) !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .incoming-webhooks-page {
  color: #fff;
  width: 100%;
  min-height: 100%;
  padding: 14px 18px 24px;
  font-family: Figtree, Inter, system-ui, sans-serif;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .incoming-webhooks-header {
  justify-content: space-between;
  align-items: flex-start;
  gap: 12px;
  min-height: 57px;
  display: flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .incoming-webhooks-heading {
  align-items: center;
  gap: 8px;
  min-width: 0;
  display: flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .incoming-webhooks-back {
  color: #ffffff8f;
  background: #ffffff09;
  border: 1px solid #ffffff1a;
  border-radius: 8px;
  flex: none;
  place-items: center;
  width: 28px;
  height: 28px;
  display: grid;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .incoming-webhooks-back:hover {
  color: #fff;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .incoming-webhooks-back svg {
  width: 11px;
  height: 11px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .incoming-webhooks-eyebrow {
  color: #79a3ff;
  letter-spacing: .14em;
  text-transform: uppercase;
  margin-bottom: 2px;
  font-size: 12px;
  font-weight: 800;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .incoming-webhooks-heading h1 {
  color: #fff;
  letter-spacing: -.025em;
  font-size: 19px;
  font-weight: 850;
  line-height: 1.05;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .incoming-webhooks-heading p {
  color: #fff6;
  max-width: 315px;
  margin-top: 3px;
  font-size: 12px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .incoming-webhooks-create {
  grid-template-columns: minmax(125px, 1fr) auto;
  gap: 4px;
  min-width: 300px;
  display: grid;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .incoming-webhooks-create label {
  color: #ffffff4a;
  text-transform: uppercase;
  letter-spacing: .06em;
  grid-column: 1 / -1;
  font-size: 10px;
  font-weight: 750;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .incoming-webhooks-create input {
  color: #fff;
  background: #ffffff09;
  border: 1px solid #ffffff1a;
  border-radius: 7px;
  outline: none;
  width: 100%;
  height: 28px;
  padding: 5px 7px;
  font-size: 11px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .incoming-webhooks-create input:focus {
  border-color: #25d36685;
  box-shadow: 0 0 0 2px #25d36612;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .incoming-webhooks-create button {
  color: #04130a;
  background: #25d366;
  border: 1px solid #22c86a;
  border-radius: 7px;
  align-items: center;
  gap: 5px;
  min-height: 28px;
  padding: 5px 9px;
  font-size: 10px;
  font-weight: 850;
  display: flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .incoming-webhooks-create button svg {
  width: 9px;
  height: 9px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .incoming-webhooks-alert {
  border: 1px solid;
  border-radius: 8px;
  align-items: center;
  gap: 6px;
  margin: 4px 0 8px;
  padding: 7px 9px;
  font-size: 10px;
  display: flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .incoming-webhooks-alert span {
  border-radius: 5px;
  place-items: center;
  width: 16px;
  height: 16px;
  font-weight: 850;
  display: grid;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .incoming-webhooks-alert.is-success {
  color: #8ceab3;
  background: #25d36614;
  border-color: #25d36640;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .incoming-webhooks-alert.is-error {
  color: #ff9fbc;
  background: #e01e5a17;
  border-color: #e01e5a47;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .incoming-webhooks-kpis {
  grid-template-columns: repeat(3, minmax(92px, .55fr)) minmax(210px, 1.4fr);
  gap: 7px;
  margin-top: 8px;
  display: grid;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .incoming-webhooks-kpis > article, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .incoming-webhooks-kpis > aside {
  background: #ffffff06;
  border: 1px solid #ffffff17;
  border-radius: 9px;
  min-height: 57px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .incoming-webhooks-kpis > article {
  align-items: center;
  gap: 7px;
  padding: 8px;
  display: flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .incoming-webhooks-kpis article > span {
  border-radius: 7px;
  flex: none;
  place-items: center;
  width: 24px;
  height: 24px;
  display: grid;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .incoming-webhooks-kpis article > span.is-blue {
  color: #79a3ff;
  background: #25d36624;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .incoming-webhooks-kpis article > span.is-green {
  color: #4be389;
  background: #25d36621;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .incoming-webhooks-kpis article > span.is-amber {
  color: #ffc46b;
  background: #ffc46b21;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .incoming-webhooks-kpis svg {
  width: 11px;
  height: 11px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .incoming-webhooks-kpis small {
  color: #ffffff4d;
  text-transform: uppercase;
  letter-spacing: .05em;
  font-size: 10px;
  font-weight: 750;
  display: block;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .incoming-webhooks-kpis strong {
  color: #fff;
  font-size: 12px;
  font-weight: 850;
  line-height: 1;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .incoming-webhooks-kpis article p {
  color: #ffffff3d;
  margin-top: 2px;
  font-size: 10px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .incoming-webhooks-kpis > aside {
  background: #25d3660a;
  align-content: center;
  padding: 8px 10px;
  display: grid;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .incoming-webhooks-kpis aside strong {
  color: #a9c2ff;
  font-size: 10px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .incoming-webhooks-kpis aside p {
  color: #ffffff57;
  margin-top: 4px;
  font-size: 10px;
  line-height: 1.4;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .incoming-webhooks-kpis aside b {
  color: #a9c2ff;
  background: #25d36629;
  border-radius: 50%;
  place-items: center;
  width: 13px;
  height: 13px;
  margin-right: 2px;
  font-size: 10px;
  display: inline-grid;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .incoming-webhooks-kpis aside i {
  color: #fff3;
  margin: 0 3px;
  font-style: normal;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .incoming-webhooks-list {
  gap: 8px;
  margin-top: 8px;
  display: grid;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .incoming-hook-card, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .incoming-webhooks-empty {
  background: #ffffff06;
  border: 1px solid #ffffff17;
  border-radius: 10px;
  overflow: hidden;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .incoming-hook-card.is-paused {
  opacity: .78;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .incoming-hook-header {
  border-bottom: 1px solid #fff1;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  min-height: 48px;
  padding: 7px 9px;
  display: flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .incoming-hook-title {
  align-items: center;
  gap: 7px;
  min-width: 0;
  display: flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .incoming-hook-title > span {
  color: #79a3ff;
  background: #25d36624;
  border-radius: 7px;
  flex: none;
  place-items: center;
  width: 26px;
  height: 26px;
  display: grid;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .incoming-hook-title svg {
  width: 12px;
  height: 12px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .incoming-hook-title > div {
  min-width: 0;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .incoming-hook-title small {
  color: #79a3ff;
  letter-spacing: .07em;
  text-transform: uppercase;
  font-size: 10px;
  font-weight: 800;
  display: block;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .incoming-hook-title h2 {
  color: #fff;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 220px;
  margin-top: 1px;
  font-size: 14px;
  font-weight: 800;
  overflow: hidden;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .incoming-hook-title p {
  color: #ffffff42;
  margin-top: 2px;
  font-size: 10px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .incoming-hook-actions {
  align-items: center;
  gap: 3px;
  display: flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .incoming-hook-actions form {
  display: flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .incoming-hook-actions button, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .incoming-hook-state {
  color: #fff6;
  border: 1px solid #ffffff14;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  gap: 4px;
  min-height: 21px;
  padding: 3px 6px;
  font-size: 10px;
  font-weight: 750;
  display: inline-flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .incoming-hook-actions button:hover {
  color: #fff;
  background: #ffffff0d;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .incoming-hook-actions button.is-danger:hover {
  color: #ff6d98;
  background: #e01e5a14;
  border-color: #e01e5a40;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .incoming-hook-state {
  border: 0;
  border-radius: 10px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .incoming-hook-state i {
  border-radius: 50%;
  width: 4px;
  height: 4px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .incoming-hook-state.is-active {
  color: #4be389;
  background: #25d3661f;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .incoming-hook-state.is-active i {
  background: #4be389;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .incoming-hook-state.is-paused {
  color: #ffffff61;
  background: #ffffff0e;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .incoming-hook-state.is-paused i {
  background: #ffffff52;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .incoming-hook-url {
  background: #00000014;
  border-bottom: 1px solid #ffffff0e;
  align-items: center;
  gap: 7px;
  min-height: 45px;
  padding: 7px 9px;
  display: flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .incoming-hook-url > span {
  color: #79a3ff;
  background: #25d3661c;
  border-radius: 6px;
  flex: none;
  place-items: center;
  width: 23px;
  height: 23px;
  display: grid;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .incoming-hook-url svg {
  width: 10px;
  height: 10px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .incoming-hook-url > div {
  flex: 1;
  min-width: 0;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .incoming-hook-url small {
  color: #ffffff40;
  font-size: 10px;
  display: block;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .incoming-hook-url input {
  color: #ffffffb3;
  background: none;
  border: 0;
  outline: 0;
  width: 100%;
  margin-top: 2px;
  font: 4.8px ui-monospace, SFMono-Regular, monospace;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .incoming-hook-url button {
  color: #a9c2ff;
  background: #25d36617;
  border: 1px solid #25d36633;
  border-radius: 6px;
  align-items: center;
  gap: 4px;
  min-height: 23px;
  padding: 4px 6px;
  font-size: 10px;
  font-weight: 750;
  display: flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .incoming-hook-url button:hover, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .incoming-hook-url button.is-copied {
  color: #fff;
  background: #25d3662b;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .incoming-hook-url button svg {
  width: 8px;
  height: 8px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .incoming-hook-workspace {
  border-bottom: 1px solid #ffffff0f;
  grid-template-columns: minmax(0, 1.45fr) minmax(210px, .68fr);
  gap: 8px;
  padding: 8px;
  display: grid;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .incoming-captures, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .incoming-inspector, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .incoming-automation {
  background: #ffffff05;
  border: 1px solid #ffffff13;
  border-radius: 8px;
  overflow: hidden;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .incoming-captures > header, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .incoming-inspector > header, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .incoming-automation > header {
  border-bottom: 1px solid #ffffff0e;
  justify-content: space-between;
  align-items: center;
  gap: 7px;
  min-height: 34px;
  padding: 6px 8px;
  display: flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .incoming-captures header small, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .incoming-inspector header small, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .incoming-automation header small {
  color: #79a3ff;
  letter-spacing: .08em;
  text-transform: uppercase;
  font-size: 10px;
  font-weight: 800;
  display: block;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .incoming-captures header h3, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .incoming-inspector header h3, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .incoming-automation header h3 {
  color: #fff;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 175px;
  margin-top: 1px;
  font-size: 12px;
  font-weight: 800;
  overflow: hidden;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .incoming-captures header a, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .incoming-inspector header > span {
  color: #ffffff4f;
  font-size: 10px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .incoming-captures header a:hover {
  color: #a9c2ff;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .incoming-capture-list {
  max-height: 160px;
  overflow: auto;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .incoming-capture-row {
  width: 100%;
  min-height: 36px;
  color: inherit;
  text-align: left;
  border-top: 1px solid #ffffff0b;
  outline: none;
  grid-template-columns: 29px minmax(85px, 1fr) auto auto 48px 8px;
  align-items: center;
  gap: 5px;
  padding: 5px 7px;
  display: grid;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .incoming-capture-row:first-child {
  border-top: 0;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .incoming-capture-row:hover, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .incoming-capture-row.is-selected {
  background: #25d36612;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .incoming-capture-row:focus-visible {
  box-shadow: inset 2px 0 #79a3ff;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .incoming-method {
  color: #a9c2ff;
  background: #25d3661c;
  border-radius: 5px;
  justify-content: center;
  padding: 3px 4px;
  font: 3.8px ui-monospace, SFMono-Regular, monospace;
  display: inline-flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .incoming-event-copy {
  min-width: 0;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .incoming-event-copy strong, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .incoming-event-copy small {
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  overflow: hidden;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .incoming-event-copy strong {
  color: #ffffff9c;
  font-size: 10px;
  font-weight: 650;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .incoming-event-copy small {
  color: #ffffff3d;
  margin-top: 2px;
  font: 3.9px ui-monospace, SFMono-Regular, monospace;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .incoming-event-chip {
  white-space: nowrap;
  border-radius: 5px;
  padding: 2px 4px;
  font-size: 10px;
  font-weight: 750;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .incoming-event-chip.is-green {
  color: #4be389;
  background: #25d3661c;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .incoming-event-chip.is-blue {
  color: #a9c2ff;
  background: #25d3661c;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .incoming-event-chip.is-red {
  color: #ff6d98;
  background: #e01e5a1c;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .incoming-capture-row time {
  color: #ffffff3d;
  text-align: right;
  white-space: nowrap;
  font-size: 10px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .incoming-capture-row > svg {
  color: #ffffff40;
  width: 7px;
  height: 7px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .incoming-captures-empty {
  text-align: center;
  place-content: center;
  justify-items: center;
  min-height: 110px;
  padding: 10px;
  display: grid;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .incoming-captures-empty span, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .incoming-webhooks-empty > span {
  color: #79a3ff;
  background: #25d3661c;
  border-radius: 7px;
  place-items: center;
  width: 24px;
  height: 24px;
  font-size: 10px;
  display: grid;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .incoming-captures-empty strong {
  color: #ffffff96;
  margin-top: 5px;
  font-size: 10px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .incoming-captures-empty p {
  color: #ffffff40;
  margin-top: 2px;
  font-size: 10px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .incoming-inspector dl {
  border-bottom: 1px solid #ffffff0d;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 3px;
  padding: 5px 6px;
  display: grid;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .incoming-inspector dl div {
  background: #ffffff06;
  border-radius: 5px;
  min-width: 0;
  padding: 4px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .incoming-inspector dt {
  color: #ffffff38;
  text-transform: uppercase;
  font-size: 10px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .incoming-inspector dd {
  color: #ffffff8a;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-top: 2px;
  font: 3.8px ui-monospace, SFMono-Regular, monospace;
  overflow: hidden;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .incoming-inspector-tabs {
  border-bottom: 1px solid #ffffff0d;
  gap: 2px;
  padding: 4px 6px;
  display: flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .incoming-inspector-tabs button {
  color: #ffffff47;
  border-radius: 4px;
  padding: 3px 5px;
  font-size: 10px;
  font-weight: 750;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .incoming-inspector-tabs button:hover {
  color: #fff;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .incoming-inspector-tabs button.is-active {
  color: #a9c2ff;
  background: #25d36624;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .incoming-inspector-panes pre {
  color: #dbe6fa;
  white-space: pre-wrap;
  word-break: break-word;
  background: #00000024;
  height: 72px;
  padding: 6px;
  font: 3.9px / 1.45 ui-monospace, SFMono-Regular, monospace;
  overflow: auto;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .incoming-inspector > footer {
  border-top: 1px solid #ffffff0d;
  justify-content: space-between;
  align-items: center;
  gap: 6px;
  min-height: 28px;
  padding: 4px 6px;
  display: flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .incoming-inspector > footer button {
  color: #fff6;
  border: 1px solid #ffffff14;
  border-radius: 5px;
  min-height: 19px;
  padding: 3px 5px;
  font-size: 10px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .incoming-inspector > footer button:hover, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .incoming-inspector > footer button.is-copied {
  color: #a9c2ff;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .incoming-inspector > footer span {
  color: #ffffff30;
  text-align: right;
  font-size: 10px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .incoming-automation {
  margin: 0 8px 8px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .incoming-automation > header {
  min-height: 36px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .incoming-config-tabs {
  background: #00000021;
  border-radius: 6px;
  gap: 2px;
  padding: 2px;
  display: flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .incoming-config-tabs button {
  color: #ffffff4f;
  border-radius: 5px;
  align-items: center;
  gap: 3px;
  min-height: 20px;
  padding: 3px 6px;
  font-size: 10px;
  font-weight: 750;
  display: flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .incoming-config-tabs button:hover {
  color: #fff;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .incoming-config-tabs button.is-active {
  color: #a9c2ff;
  background: #25d36624;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .incoming-config-tabs button i {
  background: #4be389;
  border-radius: 50%;
  width: 4px;
  height: 4px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .incoming-config-pane {
  padding: 7px 8px 6px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .incoming-config-pane[hidden], html[data-user-shell="slack"]:not([data-shell-theme="light"]) .incoming-inspector-panes [hidden] {
  display: none !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .incoming-config-form {
  grid-template-columns: auto minmax(180px, 1fr) auto;
  align-items: end;
  gap: 6px;
  display: grid;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .incoming-config-form-lead {
  grid-template-columns: auto repeat(6, minmax(68px, 1fr)) auto;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .incoming-config-form-template {
  grid-template-columns: auto repeat(4, minmax(75px, 1fr)) auto;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .incoming-config-toggle {
  cursor: pointer;
  border: 1px solid #ffffff13;
  border-radius: 6px;
  align-items: center;
  gap: 4px;
  min-height: 27px;
  padding: 0 5px;
  display: flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .incoming-config-toggle input {
  opacity: 0;
  pointer-events: none;
  position: absolute;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .incoming-config-toggle > span {
  background: #ffffff21;
  border-radius: 7px;
  width: 21px;
  height: 12px;
  padding: 2px;
  transition: all .15s;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .incoming-config-toggle i {
  background: #fff;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  transition: all .15s;
  display: block;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .incoming-config-toggle input:checked + span {
  background: #25d366;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .incoming-config-toggle input:checked + span i {
  translate: 9px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .incoming-config-toggle b {
  color: #ffffff7a;
  white-space: nowrap;
  font-size: 10px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .incoming-config-field {
  min-width: 0;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .incoming-config-field > span {
  color: #ffffff47;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-bottom: 2px;
  font-size: 10px;
  display: block;
  overflow: hidden;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .incoming-config-field :is(input, html[data-user-shell="slack"]:not([data-shell-theme="light"]) select) {
  color: #fff;
  background: #ffffff08;
  border: 1px solid #ffffff17;
  border-radius: 6px;
  outline: none;
  width: 100%;
  height: 27px;
  padding: 4px 5px;
  font-size: 10px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .incoming-config-field input {
  font-family: ui-monospace, SFMono-Regular, monospace;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .incoming-config-field select option {
  color: #fff;
  background: #211f1d;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .incoming-config-field :is(input, html[data-user-shell="slack"]:not([data-shell-theme="light"]) select):focus {
  border-color: #25d36673;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .incoming-save-button {
  color: #04130a;
  white-space: nowrap;
  background: #25d366;
  border: 1px solid #22c86a;
  border-radius: 6px;
  height: 27px;
  padding: 4px 7px;
  font-size: 10px;
  font-weight: 850;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .incoming-config-pane > p {
  color: #ffffff36;
  margin-top: 4px;
  font-size: 10px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .incoming-template-vars {
  display: contents;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .incoming-webhooks-empty {
  text-align: center;
  place-content: center;
  justify-items: center;
  min-height: 170px;
  padding: 20px;
  display: grid;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .incoming-webhooks-empty h2 {
  color: #fff;
  margin-top: 7px;
  font-size: 14px;
  font-weight: 800;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .incoming-webhooks-empty p {
  color: #ffffff4d;
  max-width: 260px;
  margin-top: 4px;
  font-size: 10px;
  line-height: 1.4;
}
@media (max-width: 900px) {
  html[data-user-shell="slack"]:not([data-shell-theme="light"]) .incoming-webhooks-kpis {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) .incoming-webhooks-kpis > aside {
    grid-column: 1 / -1;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) .incoming-config-form-lead, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .incoming-config-form-template {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) .incoming-config-toggle {
    grid-column: span 2;
  }
}
@media (max-width: 780px) {
  html[data-user-shell="slack"]:not([data-shell-theme="light"]) .incoming-webhooks-header {
    flex-wrap: wrap;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) .incoming-webhooks-create {
    width: 100%;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) .incoming-hook-workspace {
    grid-template-columns: 1fr;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) .incoming-config-form, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .incoming-config-form-lead, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .incoming-config-form-template {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) .incoming-config-toggle {
    grid-column: auto;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) .incoming-save-button {
    align-self: end;
  }
}
@media (max-width: 560px) {
  html[data-user-shell="slack"]:not([data-shell-theme="light"]) .incoming-webhooks-page {
    padding: 11px 10px 20px;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) .incoming-webhooks-kpis {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) .incoming-webhooks-kpis > aside {
    grid-column: 1 / -1;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) .incoming-hook-header {
    flex-direction: column;
    align-items: flex-start;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) .incoming-hook-actions {
    flex-wrap: wrap;
    width: 100%;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) .incoming-hook-url {
    align-items: flex-end;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) .incoming-hook-url > span {
    display: none;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) .incoming-capture-row {
    grid-template-columns: 29px minmax(80px, 1fr) auto 8px;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) .incoming-capture-row .incoming-event-chip {
    display: none;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) .incoming-config-form, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .incoming-config-form-lead, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .incoming-config-form-template {
    grid-template-columns: 1fr;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) .incoming-config-tabs {
    max-width: 100%;
    overflow-x: auto;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) .incoming-template-vars {
    grid-template-columns: 1fr;
    gap: 6px;
    display: grid;
  }
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhooks-primary-button:hover, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .webhook-detail-actions button i, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .incoming-config-tabs button i {
  color: #1d2321 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) body[data-page="user-integrations-index"] .shell-pane {
  background: radial-gradient(110% 68% at 84% -8%, #25d3661a, #0000 48%), linear-gradient(155deg, #0f1113 0%, #231d1b 43%, #171821 100%) !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .integrations-page {
  color: #fff;
  width: 100%;
  min-height: 100%;
  padding: 14px 18px 24px;
  font-family: Figtree, Inter, system-ui, sans-serif;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .integrations-header {
  justify-content: space-between;
  align-items: flex-start;
  gap: 12px;
  min-height: 55px;
  display: flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .integrations-heading {
  align-items: center;
  gap: 8px;
  min-width: 0;
  display: flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .integrations-back {
  color: #ffffff8f;
  background: #ffffff09;
  border: 1px solid #ffffff1a;
  border-radius: 8px;
  flex: none;
  place-items: center;
  width: 28px;
  height: 28px;
  display: grid;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .integrations-back:hover {
  color: #fff;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .integrations-back svg {
  width: 11px;
  height: 11px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .integrations-eyebrow {
  color: #79a3ff;
  letter-spacing: .14em;
  text-transform: uppercase;
  margin-bottom: 2px;
  font-size: 12px;
  font-weight: 800;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .integrations-heading h1 {
  color: #fff;
  letter-spacing: -.025em;
  font-size: 19px;
  font-weight: 850;
  line-height: 1.05;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .integrations-heading p {
  color: #fff6;
  max-width: 340px;
  margin-top: 3px;
  font-size: 12px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .integrations-header-actions {
  gap: 5px;
  display: flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .integrations-header-actions > :is(a, html[data-user-shell="slack"]:not([data-shell-theme="light"]) button) {
  border-radius: 7px;
  align-items: center;
  gap: 5px;
  min-height: 28px;
  padding: 5px 8px;
  font-size: 10px;
  font-weight: 800;
  display: flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .integrations-header-actions svg {
  width: 9px;
  height: 9px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .integrations-header-actions .is-secondary {
  color: #ffffff8c;
  background: #ffffff09;
  border: 1px solid #ffffff1a;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .integrations-header-actions .is-secondary:hover {
  color: #fff;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .integrations-header-actions .is-primary {
  color: #04130a;
  background: #25d366;
  border: 1px solid #22c86a;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .integrations-kpis {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 7px;
  margin-top: 8px;
  display: grid;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .integrations-kpis article {
  background: #ffffff06;
  border: 1px solid #ffffff17;
  border-radius: 9px;
  align-items: center;
  gap: 8px;
  min-height: 61px;
  padding: 8px 9px;
  display: flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .integrations-kpis article > span {
  border-radius: 7px;
  flex: none;
  place-items: center;
  width: 27px;
  height: 27px;
  display: grid;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .integrations-kpis article > span.is-green {
  color: #4be389;
  background: #25d36624;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .integrations-kpis article > span.is-blue {
  color: #79a3ff;
  background: #25d36624;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .integrations-kpis article > span.is-amber {
  color: #ffc46b;
  background: #ffc46b24;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .integrations-kpis article > span.is-teal {
  color: #42d9c4;
  background: #42d9c424;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .integrations-kpis svg {
  width: 12px;
  height: 12px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .integrations-kpis strong {
  color: #fff;
  font-size: 14px;
  font-weight: 850;
  line-height: 1;
  display: block;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .integrations-kpis small {
  color: #ffffff4f;
  text-transform: uppercase;
  letter-spacing: .05em;
  margin-top: 4px;
  font-size: 10px;
  font-weight: 750;
  display: block;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .integrations-marketplace, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .integrations-sync-card {
  background: #ffffff06;
  border: 1px solid #ffffff17;
  border-radius: 10px;
  margin-top: 8px;
  overflow: hidden;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .integrations-marketplace > header, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .integrations-sync-card > header {
  border-bottom: 1px solid #fff1;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  min-height: 42px;
  padding: 7px 9px;
  display: flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .integrations-marketplace header small, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .integrations-sync-card header small {
  color: #79a3ff;
  letter-spacing: .08em;
  text-transform: uppercase;
  font-size: 10px;
  font-weight: 800;
  display: block;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .integrations-marketplace header h2, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .integrations-sync-card header h2 {
  color: #fff;
  margin-top: 1px;
  font-size: 14px;
  font-weight: 800;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .integrations-search {
  width: 225px;
  position: relative;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .integrations-search > svg {
  color: #ffffff45;
  width: 9px;
  height: 9px;
  position: absolute;
  top: 50%;
  left: 7px;
  translate: 0 -50%;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .integrations-search input {
  color: #fff;
  background: #ffffff08;
  border: 1px solid #ffffff17;
  border-radius: 7px;
  outline: none;
  width: 100%;
  height: 27px;
  padding: 5px 23px 5px 21px;
  font-size: 10px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .integrations-search input:focus {
  border-color: #25d3667a;
  box-shadow: 0 0 0 2px #25d36612;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .integrations-search button {
  color: #ffffff52;
  width: 16px;
  height: 16px;
  font-size: 14px;
  position: absolute;
  top: 50%;
  right: 5px;
  translate: 0 -50%;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .integrations-search button:hover {
  color: #fff;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .integrations-search button[hidden] {
  display: none;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .integrations-toolbar {
  border-bottom: 1px solid #ffffff0e;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  min-height: 31px;
  padding: 4px 8px;
  display: flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .integrations-tabs {
  background: #0000001f;
  border-radius: 6px;
  align-items: center;
  gap: 2px;
  padding: 2px;
  display: flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .integrations-tabs button {
  color: #ffffff52;
  border-radius: 5px;
  min-height: 20px;
  padding: 3px 6px;
  font-size: 10px;
  font-weight: 750;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .integrations-tabs button:hover {
  color: #fff;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .integrations-tabs button.is-active {
  color: #a9c2ff;
  background: #25d36626;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .integrations-tabs span {
  opacity: .65;
  margin-left: 2px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .integrations-toolbar > span {
  color: #ffffff42;
  font-size: 10px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .integrations-toolbar > span b {
  color: #ffffff91;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .integrations-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  display: grid;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .integration-card {
  border-bottom: 1px solid #ffffff0e;
  border-right: 1px solid #ffffff0e;
  flex-direction: column;
  min-height: 112px;
  padding: 8px 9px;
  display: flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .integration-card:nth-child(3n) {
  border-right: 0;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .integration-card:hover {
  background: #ffffff05;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .integration-card-top {
  justify-content: space-between;
  align-items: flex-start;
  gap: 6px;
  display: flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .integration-card-icon {
  border-radius: 7px;
  flex: none;
  place-items: center;
  width: 25px;
  height: 25px;
  display: grid;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .integration-card-icon.is-ecom {
  color: #4be389;
  background: #25d36621;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .integration-card-icon.is-crm {
  color: #ffc46b;
  background: #ffc46b21;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .integration-card-icon.is-productivity {
  color: #79a3ff;
  background: #25d36621;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .integration-card-icon svg {
  width: 13px;
  height: 13px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .integration-status {
  color: #ffffff54;
  background: #ffffff0d;
  border-radius: 8px;
  align-items: center;
  gap: 3px;
  min-height: 16px;
  padding: 2px 4px;
  font-size: 10px;
  font-weight: 750;
  display: inline-flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .integration-status i {
  border-radius: 50%;
  width: 4px;
  height: 4px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .integration-status.is-connected {
  color: #4be389;
  background: #25d3661f;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .integration-status.is-connected i {
  background: #4be389;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .integration-status.is-muted {
  color: #ffffff38;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .integration-card-title {
  align-items: center;
  gap: 4px;
  margin-top: 5px;
  display: flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .integration-card-title h3 {
  color: #fff;
  font-size: 12px;
  font-weight: 800;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .integration-card-title span {
  color: #ffffff45;
  text-transform: uppercase;
  border: 1px solid #ffffff12;
  border-radius: 4px;
  padding: 2px 3px;
  font-size: 10px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .integration-card > p {
  color: #ffffff4d;
  flex: 1;
  margin-top: 3px;
  font-size: 10px;
  line-height: 1.38;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .integration-card footer {
  border-top: 1px solid #ffffff0d;
  justify-content: space-between;
  align-items: flex-end;
  gap: 6px;
  min-height: 23px;
  margin-top: 5px;
  padding-top: 5px;
  display: flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .integration-card footer small {
  color: #ffffff36;
  font-size: 10px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .integration-card footer > div {
  align-items: center;
  gap: 3px;
  display: flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .integration-card-action, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .integration-card-add {
  color: #ffffff6e;
  border: 1px solid #ffffff14;
  border-radius: 5px;
  align-items: center;
  gap: 3px;
  min-height: 19px;
  padding: 3px 5px;
  font-size: 10px;
  font-weight: 750;
  display: flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .integration-card-action:hover, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .integration-card-add:hover {
  color: #a9c2ff;
  background: #25d36614;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .integration-card-action svg {
  width: 7px;
  height: 7px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .integration-card-add {
  color: #a9c2ff;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .integrations-empty {
  text-align: center;
  place-content: center;
  justify-items: center;
  min-height: 130px;
  padding: 15px;
  display: grid;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .integrations-empty[hidden] {
  display: none;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .integrations-empty > span {
  color: #79a3ff;
  background: #25d3661f;
  border-radius: 7px;
  place-items: center;
  width: 25px;
  height: 25px;
  font-size: 11px;
  display: grid;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .integrations-empty strong {
  color: #ffffff9e;
  margin-top: 5px;
  font-size: 11px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .integrations-empty p {
  color: #ffffff42;
  margin-top: 2px;
  font-size: 10px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .integrations-empty button {
  color: #a9c2ff;
  border: 1px solid #ffffff17;
  border-radius: 5px;
  margin-top: 6px;
  padding: 4px 6px;
  font-size: 10px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .integrations-lower-grid {
  grid-template-columns: minmax(0, 1.55fr) minmax(190px, .65fr);
  gap: 8px;
  display: grid;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .integrations-sync-card {
  margin-top: 8px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .integrations-sync-card header > span {
  color: #ffffff40;
  font-size: 10px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .integrations-sync-card > div {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  padding: 4px 9px 6px;
  display: grid;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .integrations-sync-card p {
  color: #ffffff4d;
  border-bottom: 1px solid #ffffff0a;
  justify-content: space-between;
  align-items: center;
  gap: 6px;
  min-height: 24px;
  font-size: 10px;
  display: flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .integrations-sync-card p:nth-last-child(-n+2) {
  border-bottom: 0;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .integrations-sync-card p:nth-child(odd) {
  padding-right: 8px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .integrations-sync-card p:nth-child(2n) {
  border-left: 1px solid #ffffff0a;
  padding-left: 8px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .integrations-sync-card b {
  color: #fff9;
  font-size: 10px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .integrations-tip-card {
  background: #25d3660f;
  border: 1px solid #25d36629;
  border-radius: 10px;
  min-height: 120px;
  margin-top: 8px;
  padding: 10px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .integrations-tip-card > span {
  color: #79a3ff;
  background: #25d36624;
  border-radius: 7px;
  place-items: center;
  width: 24px;
  height: 24px;
  font-size: 14px;
  display: grid;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .integrations-tip-card small {
  color: #79a3ff;
  letter-spacing: .08em;
  text-transform: uppercase;
  margin-top: 7px;
  font-size: 10px;
  font-weight: 800;
  display: block;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .integrations-tip-card h2 {
  color: #fff;
  margin-top: 2px;
  font-size: 14px;
  font-weight: 800;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .integrations-tip-card p {
  color: #ffffff4a;
  margin-top: 4px;
  font-size: 10px;
  line-height: 1.4;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .integrations-tip-card a {
  color: #04130a;
  background: #25d366;
  border-radius: 5px;
  align-items: center;
  gap: 4px;
  min-height: 21px;
  margin-top: 7px;
  padding: 4px 6px;
  font-size: 10px;
  font-weight: 850;
  display: inline-flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .integrations-tip-card a svg {
  width: 7px;
  height: 7px;
}
@media (max-width: 780px) {
  html[data-user-shell="slack"]:not([data-shell-theme="light"]) .integrations-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) .integration-card:nth-child(3n) {
    border-right: 1px solid #ffffff0e;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) .integration-card:nth-child(2n) {
    border-right: 0;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) .integrations-lower-grid {
    grid-template-columns: 1fr;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) .integrations-tip-card {
    min-height: auto;
  }
}
@media (max-width: 560px) {
  html[data-user-shell="slack"]:not([data-shell-theme="light"]) .integrations-page {
    padding: 11px 10px 20px;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) .integrations-header {
    align-items: flex-start;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) .integrations-heading p {
    max-width: 185px;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) .integrations-header-actions {
    display: grid;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) .integrations-kpis {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) .integrations-marketplace > header {
    flex-direction: column;
    align-items: flex-start;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) .integrations-search {
    width: 100%;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) .integrations-toolbar {
    flex-direction: column;
    align-items: flex-start;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) .integrations-tabs {
    width: 100%;
    overflow-x: auto;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) .integrations-grid {
    grid-template-columns: 1fr;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) .integration-card, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .integration-card:nth-child(2n), html[data-user-shell="slack"]:not([data-shell-theme="light"]) .integration-card:nth-child(3n) {
    border-right: 0;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) .integrations-sync-card > div {
    grid-template-columns: 1fr;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) .integrations-sync-card p:nth-child(n) {
    border-left: 0;
    padding: 0;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) .integrations-sync-card p:nth-last-child(2) {
    border-bottom: 1px solid #ffffff0a;
  }
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) .integration-status.is-connected i {
  color: #1d2321 !important;
}
html[data-user-shell="slack"] body[data-page="user-integrations-index"] .integration-card-gear {
  border: 1px solid rgba(var(--shell-fg), .14);
  width: 34px;
  height: 34px;
  color: rgba(var(--shell-fg), .6);
  border-radius: 50%;
  flex: none;
  place-items: center;
  transition: all .14s;
  display: grid;
}
html[data-user-shell="slack"] body[data-page="user-integrations-index"] .integration-card-gear:hover {
  background: rgba(var(--shell-fg), .07);
  color: var(--shell-ink);
}
html[data-user-shell="slack"] body[data-page="user-integrations-index"] .integration-card-gear svg {
  width: 16px;
  height: 16px;
}
html[data-user-shell="slack"] body[data-page="user-integrations-index"] .integration-card footer > div {
  align-items: center;
  gap: 8px;
  display: flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-devices-index"] .shell-pane {
  overflow: auto;
  background: #0f1113 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-devices-index"] .dev-page {
  color: #f8f6f4;
  width: 100%;
  margin: 0 !important;
  padding: 10px 14px 18px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-devices-index"] #channels-main, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-devices-index"] .dev-root {
  width: 100%;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-devices-index"] .dev-root {
  flex-direction: column;
  display: flex;
  gap: 9px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-devices-index"] .dev-root > * {
  margin: 0 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-devices-index"] .dev-header {
  border-bottom: 1px solid #ffffff14;
  min-height: 66px;
  padding-bottom: 9px;
  align-items: flex-start !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-devices-index"] .dev-header .font-mono {
  font-weight: 800;
  color: #72e7a2b8 !important;
  letter-spacing: .13em !important;
  margin: 0 0 4px !important;
  font-family: inherit !important;
  font-size: 12px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-devices-index"] .dev-header h1 {
  color: #f8f6f4 !important;
  letter-spacing: -.035em !important;
  font-family: inherit !important;
  font-size: 22px !important;
  font-weight: 800 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-devices-index"] .dev-header h1 span {
  color: #f8f6f4 !important;
  font-style: normal !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-devices-index"] .dev-header p {
  color: #ffffff4f !important;
  margin-top: 5px !important;
  font-size: 14px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-devices-index"] .dev-header > div:last-child {
  padding-top: 1px;
  gap: 6px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-devices-index"] .dev-header > div:last-child > span, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-devices-index"] .dev-header > div:last-child > button {
  color: #ffffff80 !important;
  background: #181b1e !important;
  border-color: #ffffff1a !important;
  border-radius: 6px !important;
  padding: 6px 8px !important;
  font-family: inherit !important;
  font-size: 12px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-devices-index"] .dev-header > div:last-child > button:last-child {
  color: #07140b !important;
  background: #25d366 !important;
  border-color: #25d366 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-devices-index"] .dev-header svg {
  width: 10px !important;
  height: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-devices-index"] .dev-summary {
  background: #181b1e;
  border: 1px solid #ffffff17;
  border-radius: 9px;
  overflow: hidden;
  gap: 0 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-devices-index"] .dev-summary > div, html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) body[data-page="user-devices-index"] .dev-summary > div.bg-paper-0 {
  min-width: 0;
  min-height: 58px;
  position: relative;
  box-shadow: none !important;
  background: none !important;
  border: 0 !important;
  border-left: 1px solid #ffffff12 !important;
  border-radius: 0 !important;
  padding: 9px 11px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-devices-index"] .dev-summary > div:first-child {
  border-left: 0 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-devices-index"] .dev-summary > div:before {
  content: "";
  background: #25d366;
  width: 2px;
  position: absolute;
  inset: 0 auto 0 0;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-devices-index"] .dev-summary > div:nth-child(2):before {
  background: #25d366;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-devices-index"] .dev-summary > div:nth-child(3):before {
  background: #42d9c4;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-devices-index"] .dev-summary > div:nth-child(4):before {
  background: #ffc46b;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-devices-index"] .dev-summary .font-mono {
  color: #ffffff47 !important;
  font-family: inherit !important;
  font-size: 11px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-devices-index"] .dev-summary .mt-2 {
  margin-top: 5px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-devices-index"] .dev-summary .font-serif {
  font-weight: 800;
  color: #f8f6f4 !important;
  font-family: inherit !important;
  font-size: 14px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-devices-index"] .dev-summary .text-ink-500 {
  color: #ffffff47 !important;
  font-size: 11px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-devices-index"] .dev-summary .text-accent-amber {
  color: #ffc46b !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-devices-index"] .dev-detail-label {
  border-color: #ffffff12 !important;
  padding-top: 7px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-devices-index"] .dev-detail-label span {
  color: #ffffff45 !important;
  font-family: inherit !important;
  font-size: 11px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-devices-index"] .dev-table, html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) body[data-page="user-devices-index"] .dev-table.bg-paper-0 {
  background: #181b1e !important;
  border-color: #ffffff14 !important;
  border-radius: 9px !important;
  box-shadow: 0 8px 20px #0000001a !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-devices-index"] .dev-table > div:first-child {
  border-color: #ffffff14 !important;
  gap: 7px !important;
  padding: 8px 9px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-devices-index"] .dev-table > div:first-child > div:first-child {
  background: #0f1113 !important;
  border-radius: 6px !important;
  padding: 2px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-devices-index"] .dev-table .status-tab {
  color: #ffffff6b !important;
  border-radius: 5px !important;
  padding: 5px 7px !important;
  font-size: 11px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-devices-index"] .dev-table .status-tab.bg-wa-deep {
  color: #72e7a2 !important;
  background: #25d36624 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-devices-index"] .dev-table #devices-search {
  color: #ffffffb3 !important;
  background: #0f1113 !important;
  border-color: #ffffff17 !important;
  border-radius: 5px !important;
  width: 180px !important;
  padding: 6px 7px 6px 23px !important;
  font-size: 12px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-devices-index"] .dev-table > div:nth-child(2) {
  overflow-x: hidden !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-devices-index"] .dev-table [data-list-grid-ignore], html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-devices-index"] .dev-table #devices-list > div, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-devices-index"] .dev-table .device-row {
  border-color: #ffffff12 !important;
  grid-template-columns: 22px minmax(100px, 1.4fr) 84px 72px 58px 44px 64px 76px !important;
  gap: 5px !important;
  min-width: 0 !important;
  padding: 7px 9px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-devices-index"] .dev-table [data-list-grid-ignore] {
  color: #ffffff45 !important;
  background: #292421 !important;
  font-family: inherit !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-devices-index"] .dev-table #devices-list > div:hover {
  background: #ffffff05 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-devices-index"] .dev-table #devices-list > div > div {
  min-width: 0;
  color: #ffffff6b !important;
  font-size: 11px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-devices-index"] .dev-table #devices-list .font-semibold {
  color: #ffffffbf !important;
  font-size: 13px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-devices-index"] .dev-table #devices-list .font-mono {
  color: #ffffff6e !important;
  font-size: 11px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-devices-index"] .dev-table #devices-list .w-9 {
  border-radius: 6px !important;
  width: 23px !important;
  height: 23px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-devices-index"] .dev-table #devices-list .w-8 {
  border-radius: 5px !important;
  width: 20px !important;
  height: 20px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-devices-index"] .dev-table #devices-list [class*="rounded-full"] {
  padding: 3px 5px !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-devices-index"] .dev-table > div:last-child {
  color: #ffffff47 !important;
  border-color: #ffffff14 !important;
  padding: 7px 9px !important;
  font-size: 11px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-devices-index"] .dev-table > div:last-child .text-ink-900 {
  color: #ffffffab !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-devices-index"] .dev-help {
  gap: 7px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-devices-index"] .dev-help > div, html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) body[data-page="user-devices-index"] .dev-help > div.bg-paper-0 {
  box-shadow: none !important;
  background: #181b1e !important;
  border-color: #ffffff14 !important;
  border-radius: 8px !important;
  padding: 9px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-devices-index"] .dev-help .font-mono {
  color: #72e7a294 !important;
  margin-bottom: 4px !important;
  font-family: inherit !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-devices-index"] .dev-help .font-serif {
  font-weight: 700;
  color: #ffffffad !important;
  margin-bottom: 3px !important;
  font-family: inherit !important;
  font-size: 14px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-devices-index"] .dev-help p {
  line-height: 1.35;
  color: #ffffff4a !important;
  font-size: 11px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-devices-index"] [data-device-chooser] {
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
  background: #000000a3 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-devices-index"] [data-device-chooser] > div {
  background: #181b1e !important;
  border-color: #ffffff1a !important;
  border-radius: 11px !important;
  max-width: 590px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-devices-index"] [data-device-chooser] > div > div:first-child {
  border-color: #ffffff14 !important;
  padding: 12px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-devices-index"] [data-device-chooser] h2 {
  font-weight: 750;
  color: #f8f6f4 !important;
  font-family: inherit !important;
  font-size: 14px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-devices-index"] [data-device-chooser] [data-add-card] {
  color: #ffffffad !important;
  background: #0f1113 !important;
  border-color: #ffffff14 !important;
  border-radius: 8px !important;
  padding: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-devices-index"] [data-device-chooser] [data-add-card] .font-serif {
  color: #ffffffb3 !important;
  font-family: inherit !important;
  font-size: 14px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-devices-index"] [data-device-chooser] [data-add-card] .text-ink-600 {
  color: #ffffff4d !important;
  font-size: 11px !important;
}
@media (max-width: 760px) {
  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-devices-index"] .dev-summary {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-devices-index"] .dev-table > div:nth-child(2) {
    overflow-x: auto !important;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-devices-index"] .dev-table [data-list-grid-ignore], html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-devices-index"] .dev-table #devices-list > div {
    min-width: 680px !important;
  }
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-devices-detail"] .shell-pane {
  overflow: auto;
  background: #0f1113 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-devices-detail"] .dev-detail-top, html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) body[data-page="user-devices-detail"] .dev-detail-top.bg-paper-0 {
  background: #0f1113 !important;
  border-color: #ffffff14 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-devices-detail"] .dev-detail-top > div {
  min-height: 52px;
  padding: 8px 14px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-devices-detail"] .dev-detail-top a[title="Back"] {
  color: #ffffff8c !important;
  background: #181b1e !important;
  border-color: #ffffff1a !important;
  border-radius: 6px !important;
  width: 25px !important;
  height: 25px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-devices-detail"] .dev-detail-top .font-mono {
  color: #72e7a2a6 !important;
  font-family: inherit !important;
  font-size: 11px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-devices-detail"] .dev-detail-top .font-serif {
  font-weight: 800;
  color: #f8f6f4 !important;
  font-family: inherit !important;
  font-size: 15px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-devices-detail"] .dev-detail-top .font-serif span {
  color: #f8f6f4 !important;
  font-style: normal !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-devices-detail"] .dev-detail-top form button, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-devices-detail"] .dev-detail-top [data-device-repair] {
  color: #ffffff7a !important;
  background: #181b1e !important;
  border-color: #ffffff1a !important;
  border-radius: 5px !important;
  padding: 6px 8px !important;
  font-size: 12px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-devices-detail"] .dev-detail-top [data-device-toggle] button {
  color: #07140b !important;
  background: #25d366 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-devices-detail"] .dev-detail-page {
  color: #f8f6f4;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: start;
  width: 100%;
  display: grid;
  gap: 8px !important;
  margin: 0 !important;
  padding: 9px 14px 18px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-devices-detail"] .dev-detail-page > * {
  margin: 0 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-devices-detail"] .dev-profile {
  order: 1;
  grid-column: 1 / -1;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-devices-detail"] .dev-detail-summary {
  order: 2;
  grid-column: 1 / -1;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-devices-detail"] .dev-edit, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-devices-detail"] .dev-proxy {
  order: 3;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-devices-detail"] .dev-detail-charts {
  order: 4;
  grid-column: 1 / -1;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-devices-detail"] .dev-recipient {
  order: 5;
  grid-column: 1 / -1;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-devices-detail"] .dev-live-feed {
  order: 6;
  grid-column: 1 / -1;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-devices-detail"] .dev-history {
  order: 7;
  grid-column: 1 / -1;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-devices-detail"] .dev-health {
  order: 8;
  grid-column: 1 / -1;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-devices-detail"] .dev-detail-page section.bg-paper-0, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-devices-detail"] .dev-detail-page section > .bg-paper-0, html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) body[data-page="user-devices-detail"] .dev-detail-page section.bg-paper-0, html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) body[data-page="user-devices-detail"] .dev-detail-page section > .bg-paper-0 {
  background: #181b1e !important;
  border-color: #ffffff14 !important;
  border-radius: 9px !important;
  padding: 10px !important;
  box-shadow: 0 8px 20px #00000017 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-devices-detail"] .dev-detail-page .font-serif {
  font-weight: 750;
  color: #ffffffc7 !important;
  font-family: inherit !important;
  font-size: 14px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-devices-detail"] .dev-detail-page .font-mono {
  color: #ffffff4a !important;
  font-family: inherit !important;
  font-size: 11px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-devices-detail"] .dev-detail-page .text-ink-500, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-devices-detail"] .dev-detail-page .text-ink-600, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-devices-detail"] .dev-detail-page .text-ink-400 {
  color: #ffffff4f !important;
  font-size: 11px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-devices-detail"] .dev-detail-page .text-ink-700, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-devices-detail"] .dev-detail-page .text-ink-800, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-devices-detail"] .dev-detail-page .text-ink-900 {
  color: #ffffffa6 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-devices-detail"] .dev-edit > .flex, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-devices-detail"] .dev-proxy > .flex {
  margin-bottom: 7px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-devices-detail"] .dev-edit h2, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-devices-detail"] .dev-proxy h2 {
  font-weight: 750;
  color: #ffffffbd !important;
  font-family: inherit !important;
  font-size: 14px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-devices-detail"] .dev-edit form {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 7px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-devices-detail"] .dev-edit form > .md\:col-span-4 {
  grid-column: 1 / -1;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-devices-detail"] .dev-edit label, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-devices-detail"] .dev-proxy label {
  color: #ffffff59 !important;
  margin-bottom: 3px !important;
  font-size: 11px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-devices-detail"] .dev-edit input, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-devices-detail"] .dev-proxy input, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-devices-detail"] .dev-proxy select, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-devices-detail"] .dev-history input {
  color: #ffffffb3 !important;
  background: #0f1113 !important;
  border-color: #ffffff17 !important;
  border-radius: 5px !important;
  padding: 6px 7px !important;
  font-size: 13px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-devices-detail"] .dev-edit button, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-devices-detail"] .dev-proxy button {
  color: #07140b !important;
  background: #25d366 !important;
  border-color: #ffffff17 !important;
  border-radius: 5px !important;
  padding: 6px 8px !important;
  font-size: 12px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-devices-detail"] .dev-proxy > p {
  margin-bottom: 7px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-devices-detail"] .dev-proxy > .rounded-xl {
  background: #ffc46b0d !important;
  border-color: #ffc46b26 !important;
  border-radius: 7px !important;
  padding: 9px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-devices-detail"] .dev-proxy > .rounded-xl .font-medium {
  color: #ffc46b !important;
  font-size: 13px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-devices-detail"] .dev-profile {
  min-height: 74px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-devices-detail"] .dev-profile .w-12 {
  color: #72e7a2 !important;
  background: #25d3661a !important;
  border-radius: 7px !important;
  width: 30px !important;
  height: 30px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-devices-detail"] .dev-profile h1 {
  color: #f8f6f4 !important;
  margin-top: 2px !important;
  font-size: 13px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-devices-detail"] .dev-profile .mt-1 {
  color: #ffffff73 !important;
  margin-top: 2px !important;
  font-size: 13px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-devices-detail"] .dev-profile .mt-2\.5 {
  gap: 4px !important;
  margin-top: 5px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-devices-detail"] .dev-profile .rounded-full {
  border: 1px solid #ffffff12;
  color: #ffffff70 !important;
  background: #0f1113 !important;
  padding: 3px 5px !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-devices-detail"] .dev-detail-summary {
  background: #181b1e;
  border: 1px solid #ffffff17;
  border-radius: 9px;
  overflow: hidden;
  gap: 0 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-devices-detail"] .dev-detail-summary > div, html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) body[data-page="user-devices-detail"] .dev-detail-summary > div.bg-paper-0 {
  min-height: 56px;
  position: relative;
  box-shadow: none !important;
  background: none !important;
  border: 0 !important;
  border-left: 1px solid #ffffff12 !important;
  border-radius: 0 !important;
  padding: 9px 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-devices-detail"] .dev-detail-summary > div:first-child {
  border-left: 0 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-devices-detail"] .dev-detail-summary > div:before {
  content: "";
  background: #25d366;
  width: 2px;
  position: absolute;
  inset: 0 auto 0 0;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-devices-detail"] .dev-detail-summary > div:nth-child(2):before {
  background: #25d366;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-devices-detail"] .dev-detail-summary > div:nth-child(3):before {
  background: #42d9c4;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-devices-detail"] .dev-detail-summary > div:nth-child(4):before {
  background: #ff8c7c;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-devices-detail"] .dev-detail-summary > div:nth-child(5):before {
  background: #ffc46b;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-devices-detail"] .dev-detail-summary .mt-2 {
  margin-top: 5px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-devices-detail"] .dev-detail-summary .font-serif {
  color: #f8f6f4 !important;
  font-size: 13px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-devices-detail"] .dev-detail-charts, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-devices-detail"] .dev-recipient, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-devices-detail"] .dev-health {
  gap: 8px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-devices-detail"] .dev-detail-charts > div, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-devices-detail"] .dev-recipient > div, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-devices-detail"] .dev-health > div {
  box-shadow: none !important;
  background: #181b1e !important;
  border-color: #ffffff14 !important;
  border-radius: 9px !important;
  padding: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-devices-detail"] .dev-detail-charts h3, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-devices-detail"] .dev-recipient h3, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-devices-detail"] .dev-health h3 {
  font-weight: 750;
  color: #ffffffb8 !important;
  margin: 2px 0 7px !important;
  font-family: inherit !important;
  font-size: 14px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-devices-detail"] #chart-volume {
  height: 145px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-devices-detail"] #chart-status {
  height: 120px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-devices-detail"] .dev-detail-charts .mt-3 {
  margin-top: 5px !important;
  font-size: 11px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-devices-detail"] .dev-live-feed, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-devices-detail"] .dev-history {
  padding: 0 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-devices-detail"] .dev-live-feed > div:first-child, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-devices-detail"] .dev-history > div:first-child {
  border-color: #ffffff14 !important;
  padding: 9px 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-devices-detail"] .dev-live-feed h3, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-devices-detail"] .dev-history h3 {
  font-weight: 750;
  color: #ffffffba !important;
  font-family: inherit !important;
  font-size: 14px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-devices-detail"] .dev-history > div:nth-child(2) {
  background: #0f1113 !important;
  border-color: #ffffff14 !important;
  padding: 7px 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-devices-detail"] .dev-history a, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-devices-detail"] .dev-history button {
  color: #ffffff6e !important;
  background: #0f1113 !important;
  border-color: #ffffff14 !important;
  border-radius: 5px !important;
  padding: 4px 6px !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-devices-detail"] .dev-history a.bg-wa-deep, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-devices-detail"] .dev-history button {
  color: #72e7a2 !important;
  background: #25d3661f !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-devices-detail"] .dev-detail-page table thead {
  background: #292421 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-devices-detail"] .dev-detail-page table th {
  color: #ffffff45 !important;
  border-color: #ffffff14 !important;
  padding: 7px 8px !important;
  font-family: inherit !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-devices-detail"] .dev-detail-page table tbody {
  border-color: #ffffff12 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-devices-detail"] .dev-detail-page table td {
  color: #ffffff78 !important;
  padding: 7px 8px !important;
  font-size: 11px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-devices-detail"] .dev-detail-page table td .font-medium {
  color: #ffffffab !important;
  font-size: 12px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-devices-detail"] .dev-detail-page table .rounded-full {
  padding: 3px 5px !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-devices-detail"] .dev-health > div:last-child {
  background: #153c34 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-devices-detail"] .dev-health > div:last-child a {
  border-radius: 5px !important;
  padding: 6px 8px !important;
  font-size: 12px !important;
}
@media (max-width: 760px) {
  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-devices-detail"] .dev-detail-page {
    grid-template-columns: 1fr;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-devices-detail"] .dev-detail-page > section {
    grid-column: auto;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-devices-detail"] .dev-detail-summary {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-devices-waba-health"] .shell-pane {
  overflow: auto;
  background: #0f1113 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-devices-waba-health"] {
  color: #f8f6f4;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-devices-waba-health"] .waba-health-header, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-devices-waba-health"] .waba-health-identity, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-devices-waba-health"] .waba-health-calling, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-devices-waba-health"] .waba-health-kpis, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-devices-waba-health"] .waba-health-details {
  width: 100%;
  margin: 0 !important;
  padding: 8px 14px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-devices-waba-health"] .waba-health-header {
  border-bottom: 1px solid #ffffff14;
  min-height: 68px;
  padding-top: 10px !important;
  padding-bottom: 9px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-devices-waba-health"] .waba-health-header > div {
  align-items: flex-start !important;
  gap: 8px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-devices-waba-health"] .waba-health-header .font-mono {
  font-weight: 800;
  color: #72e7a2ad !important;
  letter-spacing: .12em !important;
  margin-bottom: 4px !important;
  font-family: inherit !important;
  font-size: 11px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-devices-waba-health"] .waba-health-header h1 {
  color: #f8f6f4 !important;
  letter-spacing: -.035em !important;
  font-family: inherit !important;
  font-size: 20px !important;
  font-weight: 800 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-devices-waba-health"] .waba-health-header p {
  color: #ffffff57 !important;
  margin-top: 4px !important;
  font-size: 12px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-devices-waba-health"] .waba-health-header a {
  color: #ffffff85 !important;
  background: #181b1e !important;
  border-color: #ffffff1a !important;
  border-radius: 5px !important;
  padding: 6px 8px !important;
  font-size: 12px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-devices-waba-health"] .waba-health-header a[data-waba-refresh] {
  color: #07140b !important;
  background: #25d366 !important;
  border-color: #25d366 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-devices-waba-health"] .waba-health-header svg {
  width: 10px !important;
  height: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-devices-waba-health"] .waba-health-identity {
  padding-top: 9px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-devices-waba-health"] .waba-health-identity > .grid {
  gap: 8px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-devices-waba-health"] .waba-health-identity .bg-paper-0, html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) body[data-page="user-devices-waba-health"] .waba-health-identity .bg-paper-0, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-devices-waba-health"] .waba-health-calling > .bg-paper-0, html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) body[data-page="user-devices-waba-health"] .waba-health-calling > .bg-paper-0, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-devices-waba-health"] .waba-health-details .bg-paper-0, html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) body[data-page="user-devices-waba-health"] .waba-health-details .bg-paper-0 {
  background: #181b1e !important;
  border-color: #ffffff14 !important;
  border-radius: 9px !important;
  padding: 10px !important;
  box-shadow: 0 8px 20px #00000017 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-devices-waba-health"] .font-serif {
  color: #ffffffc7 !important;
  font-family: inherit !important;
  font-size: 14px !important;
  font-weight: 750 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-devices-waba-health"] .font-mono {
  font-family: inherit !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-devices-waba-health"] .text-ink-400, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-devices-waba-health"] .text-ink-500, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-devices-waba-health"] .text-ink-600 {
  color: #ffffff4f !important;
  font-size: 11px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-devices-waba-health"] .text-ink-700, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-devices-waba-health"] .text-ink-800, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-devices-waba-health"] .text-ink-900 {
  color: #ffffffab !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-devices-waba-health"] .waba-health-identity .w-8, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-devices-waba-health"] .waba-health-calling .w-8 {
  width: 23px !important;
  height: 23px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-devices-waba-health"] .waba-health-identity ul {
  margin-bottom: 7px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-devices-waba-health"] .waba-health-identity li {
  gap: 5px !important;
  font-size: 12px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-devices-waba-health"] .waba-health-identity li svg {
  width: 9px !important;
  height: 9px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-devices-waba-health"] .waba-health-identity a, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-devices-waba-health"] .waba-health-identity button, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-devices-waba-health"] .waba-health-calling button, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-devices-waba-health"] .waba-health-details button {
  color: #07140b !important;
  background: #25d366 !important;
  border-color: #ffffff1a !important;
  border-radius: 5px !important;
  padding: 5px 7px !important;
  font-size: 12px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-devices-waba-health"] .waba-health-identity input, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-devices-waba-health"] .waba-health-details input {
  color: #ffffffb8 !important;
  background: #0f1113 !important;
  border-color: #ffffff17 !important;
  border-radius: 5px !important;
  padding: 5px 7px !important;
  font-size: 12px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-devices-waba-health"] .waba-health-calling > div {
  min-height: 45px;
  padding: 8px 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-devices-waba-health"] .waba-health-calling .font-serif {
  font-size: 14px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-devices-waba-health"] .waba-health-kpis > .grid {
  background: #181b1e;
  border: 1px solid #ffffff17;
  border-radius: 9px;
  overflow: hidden;
  grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)) !important;
  gap: 0 !important;
  display: grid !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-devices-waba-health"] .waba-health-kpis > .grid > div, html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) body[data-page="user-devices-waba-health"] .waba-health-kpis > .grid > div.bg-paper-0 {
  min-height: 64px;
  box-shadow: none !important;
  background: none !important;
  border: 0 !important;
  border-left: 1px solid #ffffff12 !important;
  border-radius: 0 !important;
  grid-column: auto !important;
  padding: 9px 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-devices-waba-health"] .waba-health-kpis > .grid > div:first-child {
  border-left: 0 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-devices-waba-health"] .waba-health-kpis .font-mono {
  color: #ffffff4a !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-devices-waba-health"] .waba-health-kpis .font-serif {
  color: #f8f6f4 !important;
  margin-top: 6px !important;
  font-size: 14px !important;
  font-weight: 800 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-devices-waba-health"] .waba-health-kpis .mt-3 {
  color: #ffffff4f !important;
  margin-top: 5px !important;
  font-size: 11px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-devices-waba-health"] .waba-health-details {
  flex-direction: column;
  display: flex;
  gap: 8px !important;
  padding-bottom: 18px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-devices-waba-health"] .waba-health-details > * {
  margin: 0 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-devices-waba-health"] .waba-health-details > .bg-paper-0 > div:first-child {
  border-color: #ffffff14 !important;
  padding: 8px 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-devices-waba-health"] .waba-health-details .divide-y {
  border-color: #ffffff12 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-devices-waba-health"] .waba-health-details .divide-y > div {
  padding: 8px 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-devices-waba-health"] .waba-health-detail-grid {
  gap: 8px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-devices-waba-health"] .waba-health-detail-grid > div {
  min-width: 0;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-devices-waba-health"] .waba-health-detail-grid > div > .font-serif {
  margin-bottom: 7px !important;
  font-size: 14px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-devices-waba-health"] .waba-health-detail-grid dl {
  gap: 5px 8px !important;
  font-size: 12px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-devices-waba-health"] .waba-health-detail-grid dd {
  color: #ffffffa6 !important;
  font-size: 12px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-devices-waba-health"] .waba-health-detail-grid [class*="rounded-full"] {
  padding: 3px 5px !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-devices-waba-health"] .waba-health-detail-grid .mt-3 {
  margin-top: 7px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-devices-waba-health"] .waba-health-detail-grid .pt-3 {
  border-color: #ffffff12 !important;
  padding-top: 7px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-devices-waba-health"] .waba-health-detail-grid details {
  margin-top: 5px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-devices-waba-health"] .waba-health-detail-grid summary {
  color: #72e7a2 !important;
  font-size: 12px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-devices-waba-health"] .waba-health-detail-grid code, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-devices-waba-health"] .waba-health-detail-grid details > div {
  color: #fff9 !important;
  background: #0f1113 !important;
  border-color: #ffffff14 !important;
  font-size: 11px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-devices-waba-health"] .waba-health-detail-grid .bg-accent-amber\/5 {
  background: #ffc46b0d !important;
  border-color: #ffc46b29 !important;
}
@media (max-width: 760px) {
  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-devices-waba-health"] .waba-health-header > div {
    align-items: flex-start !important;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-devices-waba-health"] .waba-health-identity > .grid, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-devices-waba-health"] .waba-health-detail-grid {
    grid-template-columns: 1fr !important;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-devices-waba-health"] .waba-health-identity .col-span-12 {
    grid-column: auto !important;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-devices-waba-health"] .waba-health-kpis > .grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-connect-index"] .shell-pane {
  overflow: auto;
  background: #0f1113 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-connect-index"] .connect-page {
  color: #f8f6f4;
  width: 100%;
  margin: 0 !important;
  padding: 10px 14px 18px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-connect-index"] .connect-layout {
  align-items: start;
  grid-template-columns: 148px minmax(0, 1fr) !important;
  gap: 8px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-connect-index"] .connect-context, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-connect-index"] .connect-main {
  min-width: 0;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-connect-index"] .connect-context {
  flex-direction: column;
  display: flex;
  gap: 7px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-connect-index"] .connect-context > div, html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) body[data-page="user-connect-index"] .connect-context > div.bg-paper-0, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-connect-index"] .connect-form-card, html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) body[data-page="user-connect-index"] .connect-form-card.bg-paper-0, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-connect-index"] .connect-guide > div, html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) body[data-page="user-connect-index"] .connect-guide > div.bg-paper-0 {
  background: #181b1e !important;
  border-color: #ffffff14 !important;
  border-radius: 8px !important;
  padding: 9px !important;
  box-shadow: 0 8px 20px #00000017 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-connect-index"] .connect-context #logo-tile {
  border-radius: 7px !important;
  width: 29px !important;
  height: 29px !important;
  margin-bottom: 6px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-connect-index"] .connect-context #aside-platform-name {
  font-weight: 750;
  color: #ffffffc7 !important;
  font-family: inherit !important;
  font-size: 14px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-connect-index"] .connect-context .font-mono {
  color: #ffffff47 !important;
  font-family: inherit !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-connect-index"] #aside-status {
  color: #ffffff61 !important;
  background: #0f1113 !important;
  border-color: #ffffff14 !important;
  margin-top: 6px !important;
  padding: 4px 5px !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-connect-index"] #aside-steps {
  padding: 0 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-connect-index"] #aside-steps li {
  color: #ffffff6b !important;
  border-radius: 5px !important;
  gap: 5px !important;
  padding: 5px 6px !important;
  font-size: 12px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-connect-index"] #aside-steps li span:first-child {
  color: #72e7a2 !important;
  background: #0f1113 !important;
  border-color: #ffffff14 !important;
  width: 15px !important;
  height: 15px !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-connect-index"] .connect-context > div:last-child {
  line-height: 1.45;
  color: #ffffff59 !important;
  background: #25d3660d !important;
  border-color: #25d36629 !important;
  font-size: 11px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-connect-index"] .connect-context > div:last-child .font-semibold {
  color: #ffffffad !important;
  margin-bottom: 4px !important;
  font-size: 12px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-connect-index"] .connect-main {
  flex-direction: column;
  display: flex;
  gap: 8px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-connect-index"] .connect-header {
  border-bottom: 1px solid #ffffff14;
  min-height: 65px;
  padding-bottom: 9px;
  align-items: flex-start !important;
  gap: 7px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-connect-index"] .connect-header .font-mono {
  color: #72e7a2a3 !important;
  margin-bottom: 4px !important;
  font-family: inherit !important;
  font-size: 11px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-connect-index"] .connect-header h1 {
  color: #f8f6f4 !important;
  letter-spacing: -.035em !important;
  font-family: inherit !important;
  font-size: 20px !important;
  font-weight: 800 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-connect-index"] .connect-header h1 span {
  color: #f8f6f4 !important;
  font-style: normal !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-connect-index"] .connect-header p {
  color: #ffffff4f !important;
  margin-top: 4px !important;
  font-size: 12px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-connect-index"] .connect-header > div:last-child {
  gap: 5px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-connect-index"] .connect-header > div:last-child a {
  color: #ffffff73 !important;
  background: #181b1e !important;
  border-color: #ffffff17 !important;
  border-radius: 5px !important;
  padding: 5px 7px !important;
  font-size: 11px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-connect-index"] .connect-header svg {
  width: 9px !important;
  height: 9px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-connect-index"] .connect-workspace {
  grid-template-columns: minmax(0, 1.45fr) minmax(155px, .75fr) !important;
  gap: 8px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-connect-index"] .connect-form-card > .font-mono, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-connect-index"] .connect-guide .font-mono {
  color: #72e7a294 !important;
  font-family: inherit !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-connect-index"] .connect-form-card h2, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-connect-index"] .connect-guide h3 {
  font-weight: 750;
  color: #ffffffbf !important;
  margin: 2px 0 8px !important;
  font-family: inherit !important;
  font-size: 14px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-connect-index"] #connectForm {
  flex-direction: column;
  display: flex;
  gap: 8px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-connect-index"] #connectForm label {
  color: #ffffff6b !important;
  margin-bottom: 3px !important;
  font-size: 12px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-connect-index"] #connectForm input {
  color: #ffffffb8 !important;
  background: #0f1113 !important;
  border-color: #ffffff17 !important;
  border-radius: 5px !important;
  padding: 6px 7px !important;
  font-size: 13px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-connect-index"] #connectForm p {
  color: #ffffff45 !important;
  margin-top: 3px !important;
  font-size: 11px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-connect-index"] #cred-fields {
  flex-direction: column;
  display: flex;
  gap: 8px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-connect-index"] #connectForm > .rounded-lg {
  background: #0f1113 !important;
  border-color: #ffffff14 !important;
  border-radius: 6px !important;
  padding: 7px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-connect-index"] #webhook-url {
  color: #ffffff75 !important;
  font-size: 11px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-connect-index"] #testResult {
  border-radius: 5px !important;
  padding: 6px 7px !important;
  font-size: 12px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-connect-index"] #connectForm > div:last-child {
  padding-top: 2px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-connect-index"] #connectForm button {
  color: #ffffff7a !important;
  background: #0f1113 !important;
  border-color: #ffffff17 !important;
  border-radius: 5px !important;
  padding: 6px 8px !important;
  font-size: 12px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-connect-index"] #connectForm [data-connect-save] {
  color: #07140b !important;
  background: #25d366 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-connect-index"] #connectForm svg {
  width: 9px !important;
  height: 9px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-connect-index"] .connect-guide {
  min-width: 0;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-connect-index"] #guide-steps {
  flex-direction: column;
  display: flex;
  gap: 7px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-connect-index"] #guide-steps li {
  gap: 6px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-connect-index"] #guide-steps li > span {
  color: #72e7a2 !important;
  background: #25d3661f !important;
  width: 17px !important;
  height: 17px !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-connect-index"] #guide-steps .font-semibold {
  color: #fff9 !important;
  font-size: 12px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-connect-index"] #guide-steps .text-ink-500 {
  color: #ffffff45 !important;
  margin-top: 2px !important;
  font-size: 10px !important;
}
@media (max-width: 760px) {
  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-connect-index"] .connect-layout, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-connect-index"] .connect-workspace {
    grid-template-columns: 1fr !important;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-connect-index"] .connect-context {
    order: 2;
  }
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-connect-wa-store"] .shell-pane {
  overflow: auto;
  background: #0f1113 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-connect-wa-store"] .wa-store-top, html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) body[data-page="user-connect-wa-store"] .wa-store-top.bg-paper-0 {
  background: #0f1113 !important;
  border-color: #ffffff14 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-connect-wa-store"] .wa-store-top > div {
  min-height: 51px;
  padding: 8px 14px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-connect-wa-store"] .wa-store-top [data-wa-store-back] {
  color: #ffffff7a !important;
  background: #181b1e !important;
  border-color: #ffffff17 !important;
  border-radius: 6px !important;
  width: 25px !important;
  height: 25px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-connect-wa-store"] .wa-store-top .font-mono {
  color: #72e7a29e !important;
  font-family: inherit !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-connect-wa-store"] .wa-store-top .font-serif {
  font-weight: 800;
  color: #f8f6f4 !important;
  font-family: inherit !important;
  font-size: 13px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-connect-wa-store"] .wa-store-top .font-serif span {
  color: #f8f6f4 !important;
  font-style: normal !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-connect-wa-store"] .wa-store-top [data-wa-store-devices] {
  color: #ffffff61 !important;
  font-size: 11px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-connect-wa-store"] .wa-store-page {
  color: #f8f6f4;
  flex-direction: column;
  width: 100%;
  display: flex;
  gap: 8px !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 9px 14px 18px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-connect-wa-store"] .wa-store-page > * {
  margin: 0 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-connect-wa-store"] .wa-store-list-header {
  border-bottom: 1px solid #ffffff14;
  min-height: 54px;
  padding-bottom: 8px;
  align-items: flex-start !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-connect-wa-store"] .wa-store-list-header h1 {
  color: #f8f6f4 !important;
  font-family: inherit !important;
  font-size: 18px !important;
  font-weight: 800 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-connect-wa-store"] .wa-store-list-header h1 span {
  color: #f8f6f4 !important;
  font-style: normal !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-connect-wa-store"] .wa-store-list-header p {
  color: #ffffff4a !important;
  margin-top: 4px !important;
  font-size: 12px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-connect-wa-store"] .wa-store-list-header > a {
  color: #07140b !important;
  background: #25d366 !important;
  border-radius: 5px !important;
  padding: 6px 8px !important;
  font-size: 12px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-connect-wa-store"] .wa-store-list {
  gap: 8px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-connect-wa-store"] .wa-store-card, html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) body[data-page="user-connect-wa-store"] .wa-store-card.bg-paper-0 {
  background: #181b1e !important;
  border-color: #ffffff14 !important;
  border-radius: 9px !important;
  box-shadow: 0 8px 20px #00000017 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-connect-wa-store"] .wa-store-card > div:first-child {
  opacity: .72;
  height: 34px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-connect-wa-store"] .wa-store-card > div:first-child span {
  color: #ffffff78 !important;
  background: #1d1a18e6 !important;
  padding: 3px 5px !important;
  font-size: 10px !important;
  top: 6px !important;
  right: 7px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-connect-wa-store"] .wa-store-card > div:last-child {
  padding: 9px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-connect-wa-store"] .wa-store-card .font-mono {
  color: #ffffff4a !important;
  font-family: inherit !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-connect-wa-store"] .wa-store-card h3 {
  font-weight: 750;
  color: #ffffffbf !important;
  margin-top: 2px !important;
  font-family: inherit !important;
  font-size: 14px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-connect-wa-store"] .wa-store-card h3 + div {
  color: #72e7a2 !important;
  margin-top: 3px !important;
  font-size: 11px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-connect-wa-store"] .wa-store-card .mt-3 {
  border-color: #ffffff12 !important;
  margin-top: 7px !important;
  padding-top: 7px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-connect-wa-store"] .wa-store-card .text-ink-900 {
  color: #ffffff8f !important;
  margin-top: 2px !important;
  font-size: 11px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-connect-wa-store"] .wa-store-card .mt-4 {
  gap: 5px !important;
  margin-top: 8px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-connect-wa-store"] .wa-store-card .mt-4 a, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-connect-wa-store"] .wa-store-card .mt-4 button {
  min-width: 0;
  color: #ffffff73 !important;
  background: #0f1113 !important;
  border-color: #ffffff17 !important;
  border-radius: 5px !important;
  height: 25px !important;
  padding: 5px 7px !important;
  font-size: 11px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-connect-wa-store"] .wa-store-card .mt-4 a:first-child {
  color: #07140b !important;
  background: #25d366 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-connect-wa-store"] [data-wa-store-add-tile] {
  color: #ffffff73 !important;
  border-color: #ffffff1a !important;
  border-radius: 9px !important;
  min-height: 160px !important;
  padding: 16px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-connect-wa-store"] [data-wa-store-add-tile] .w-12 {
  background: #25d3661a !important;
  border-radius: 7px !important;
  width: 28px !important;
  height: 28px !important;
  margin-bottom: 6px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-connect-wa-store"] [data-wa-store-add-tile] .font-serif {
  color: #ffffffad !important;
  font-family: inherit !important;
  font-size: 14px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-connect-wa-store"] [data-wa-store-add-tile] .text-ink-500 {
  color: #ffffff45 !important;
  margin-top: 3px !important;
  font-size: 11px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-connect-wa-store"] .wa-store-blocked, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-connect-wa-store"] [data-wa-store-wizard], html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) body[data-page="user-connect-wa-store"] [data-wa-store-wizard].bg-paper-0 {
  background: #181b1e !important;
  border-color: #ffffff14 !important;
  border-radius: 9px !important;
  box-shadow: 0 8px 20px #00000017 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-connect-wa-store"] .wa-store-progress {
  color: #ffffff47 !important;
  gap: 5px !important;
  font-family: inherit !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-connect-wa-store"] .wa-store-progress li {
  border: 1px solid #25d36624;
  color: #72e7a2 !important;
  background: #25d36614 !important;
  border-radius: 5px !important;
  padding: 5px 7px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-connect-wa-store"] [data-wa-store-wizard] > section {
  border-color: #ffffff14 !important;
  padding: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-connect-wa-store"] [data-wa-store-wizard] > section > div:first-child {
  gap: 7px !important;
  margin-bottom: 8px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-connect-wa-store"] [data-wa-store-wizard] > section > div:first-child > span {
  color: #72e7a2 !important;
  background: #25d3661f !important;
  width: 19px !important;
  height: 19px !important;
  font-size: 11px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-connect-wa-store"] [data-wa-store-wizard] .font-serif {
  font-weight: 750;
  color: #ffffffb8 !important;
  font-family: inherit !important;
  font-size: 14px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-connect-wa-store"] [data-wa-store-wizard] .text-ink-500, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-connect-wa-store"] [data-wa-store-wizard] .text-ink-600, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-connect-wa-store"] [data-wa-store-wizard] .text-ink-700 {
  color: #ffffff4d !important;
  font-size: 11px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-connect-wa-store"] [data-wa-store-wizard] section > .grid {
  gap: 8px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-connect-wa-store"] [data-wa-store-wizard] label > span:first-child, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-connect-wa-store"] [data-wa-store-wizard] section > .grid > div > span:first-child {
  color: #fff6 !important;
  font-size: 12px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-connect-wa-store"] [data-wa-store-wizard] input, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-connect-wa-store"] [data-wa-store-wizard] select, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-connect-wa-store"] [data-slug-readonly], html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-connect-wa-store"] [data-preview-host] {
  min-height: 28px;
  color: #ffffffa6 !important;
  background: #0f1113 !important;
  border-color: #ffffff17 !important;
  border-radius: 5px !important;
  margin-top: 3px !important;
  padding: 6px 7px !important;
  font-size: 12px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-connect-wa-store"] [data-preview-host] {
  border-radius: 5px 0 0 5px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-connect-wa-store"] [data-slug-readonly] {
  border-radius: 0 5px 5px 0 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-connect-wa-store"] [data-wa-store-step="2"] .border.rounded-xl, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-connect-wa-store"] [data-wa-store-step="3"] label > div, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-connect-wa-store"] [data-wa-store-step="3"] > .rounded-lg {
  background: #0f1113 !important;
  border-color: #ffffff14 !important;
  border-radius: 6px !important;
  padding: 8px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-connect-wa-store"] [data-preview-url] {
  color: #72e7a2 !important;
  font-size: 12px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-connect-wa-store"] [data-wa-store-wizard] > div:last-child {
  border-radius: 0 0 9px 9px;
  background: #292421 !important;
  padding: 8px 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-connect-wa-store"] [data-wa-store-wizard] > div:last-child a, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-connect-wa-store"] [data-wa-store-wizard] > div:last-child button {
  color: #ffffff73 !important;
  background: #0f1113 !important;
  border-color: #ffffff17 !important;
  border-radius: 5px !important;
  padding: 6px 8px !important;
  font-size: 12px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-connect-wa-store"] [data-wa-store-wizard] [data-wa-store-submit] {
  color: #07140b !important;
  background: #25d366 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-connect-wa-store"] #share-modal, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-connect-wa-store"] #reset-modal {
  background: #0000006b;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-connect-wa-store"] #share-modal > .relative, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-connect-wa-store"] #reset-modal > .relative, html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) body[data-page="user-connect-wa-store"] #share-modal > .relative.bg-paper-0, html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) body[data-page="user-connect-wa-store"] #reset-modal > .relative.bg-paper-0 {
  border: 1px solid #ffffff1a;
  color: #ffffffa6 !important;
  background: #181b1e !important;
  border-radius: 10px !important;
  max-width: 430px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-connect-wa-store"] #share-modal .font-serif, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-connect-wa-store"] #reset-modal .font-serif {
  color: #f8f6f4 !important;
  font-family: inherit !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-connect-wa-store"] #share-modal input {
  color: #ffffff9e !important;
  background: #0f1113 !important;
  border-color: #ffffff17 !important;
}
@media (max-width: 760px) {
  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-connect-wa-store"] .wa-store-list, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-connect-wa-store"] [data-wa-store-wizard] section > .grid {
    grid-template-columns: 1fr !important;
  }
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-facebook-setup"] .shell-pane {
  overflow: auto;
  background: #0f1113 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-facebook-setup"] .fb-setup-page {
  color: #f8f6f4;
  flex-direction: column;
  width: 100%;
  display: flex;
  gap: 8px !important;
  margin: 0 !important;
  padding: 10px 14px 18px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-facebook-setup"] .fb-setup-page > * {
  margin: 0 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-facebook-setup"] .fb-setup-header {
  border-bottom: 1px solid #ffffff14;
  min-height: 69px;
  padding-bottom: 9px;
  align-items: flex-start !important;
  gap: 8px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-facebook-setup"] .fb-setup-header .font-mono {
  color: #5a97ffc7 !important;
  margin-bottom: 4px !important;
  font-family: inherit !important;
  font-size: 11px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-facebook-setup"] .fb-setup-header h1 {
  color: #f8f6f4 !important;
  letter-spacing: -.035em !important;
  font-family: inherit !important;
  font-size: 20px !important;
  font-weight: 800 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-facebook-setup"] .fb-setup-header h1 span {
  color: #f8f6f4 !important;
  font-style: normal !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-facebook-setup"] .fb-setup-header p {
  line-height: 1.4;
  color: #ffffff4d !important;
  margin-top: 4px !important;
  font-size: 12px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-facebook-setup"] .fb-setup-header select, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-facebook-setup"] .fb-setup-header a {
  color: #ffffff78 !important;
  background: #181b1e !important;
  border-color: #ffffff17 !important;
  border-radius: 5px !important;
  padding: 6px 8px !important;
  font-size: 12px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-facebook-setup"] [data-fb-setup] {
  flex-direction: column;
  display: flex;
  gap: 8px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-facebook-setup"] .fb-setup-tabs {
  min-height: 42px;
  gap: 7px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-facebook-setup"] .fb-setup-tabs > div:first-child {
  width: 140px;
  gap: 6px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-facebook-setup"] .fb-setup-tabs > div:first-child > span {
  border-radius: 6px !important;
  width: 24px !important;
  height: 24px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-facebook-setup"] .fb-setup-tabs > div:first-child .font-semibold {
  color: #ffffffa8 !important;
  font-size: 12px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-facebook-setup"] .fb-setup-tabs > div:first-child .font-mono {
  color: #ffffff45 !important;
  font-family: inherit !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-facebook-setup"] .fb-setup-tabs > div:last-child {
  flex: 1;
  margin-left: 0 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-facebook-setup"] .fb-setup-tabs > div:last-child > div {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  width: 100%;
  box-shadow: none !important;
  background: #181b1e !important;
  border-color: #ffffff14 !important;
  border-radius: 7px !important;
  gap: 3px !important;
  padding: 3px !important;
  display: grid !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-facebook-setup"] [data-fb-tab] {
  justify-content: center;
  min-width: 0;
  color: #ffffff63 !important;
  border-radius: 5px !important;
  padding: 6px 5px !important;
  font-size: 11px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-facebook-setup"] [data-fb-tab] svg {
  width: 9px !important;
  height: 9px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-facebook-setup"] [data-fb-tab].bg-wa-deep {
  color: #8bb9ff !important;
  background: #1877f238 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-facebook-setup"] [data-fb-tab-dot] {
  width: 4px !important;
  height: 4px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-facebook-setup"] .fb-setup-workspace {
  align-items: start;
  grid-template-columns: minmax(0, 1fr) 164px !important;
  gap: 8px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-facebook-setup"] .fb-setup-editor, html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) body[data-page="user-facebook-setup"] .fb-setup-editor.bg-paper-0 {
  flex-direction: column;
  min-width: 0;
  display: flex;
  background: #181b1e !important;
  border-color: #ffffff14 !important;
  border-radius: 9px !important;
  gap: 8px !important;
  padding: 10px !important;
  box-shadow: 0 8px 20px #00000017 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-facebook-setup"] .fb-setup-editor h2 {
  font-weight: 750;
  color: #ffffffc2 !important;
  font-family: inherit !important;
  font-size: 14px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-facebook-setup"] .fb-setup-editor h2 + p {
  color: #ffffff4d !important;
  margin-top: 3px !important;
  font-size: 11px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-facebook-setup"] .fb-setup-editor > .rounded-xl {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  display: grid;
  background: #0f1113 !important;
  border-color: #ffffff14 !important;
  border-radius: 7px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-facebook-setup"] .fb-setup-editor > .rounded-xl > div {
  border: 0 !important;
  border-left: 1px solid #ffffff12 !important;
  gap: 5px !important;
  padding: 7px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-facebook-setup"] .fb-setup-editor > .rounded-xl > div:first-child {
  border-left: 0 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-facebook-setup"] .fb-setup-editor > .rounded-xl .w-6 {
  border-radius: 5px !important;
  width: 16px !important;
  height: 16px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-facebook-setup"] .fb-setup-editor > .rounded-xl svg {
  width: 9px !important;
  height: 9px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-facebook-setup"] .fb-setup-editor > .rounded-xl .font-mono {
  color: #5a97ff9e !important;
  font-family: inherit !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-facebook-setup"] .fb-setup-editor > .rounded-xl p {
  line-height: 1.35;
  color: #ffffff4a !important;
  margin-top: 2px !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-facebook-setup"] .fb-setup-editor form:not(.hidden) {
  flex-direction: column;
  display: flex;
  border-color: #ffffff12 !important;
  gap: 7px !important;
  padding-top: 7px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-facebook-setup"] .fb-setup-editor label > span:first-child {
  color: #fff6 !important;
  font-size: 11px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-facebook-setup"] .fb-setup-editor input:not([type="checkbox"]), html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-facebook-setup"] .fb-setup-editor select, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-facebook-setup"] .fb-setup-editor textarea {
  color: #ffffffad !important;
  background: #0f1113 !important;
  border-color: #ffffff17 !important;
  border-radius: 5px !important;
  margin-top: 3px !important;
  padding: 6px 7px !important;
  font-size: 12px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-facebook-setup"] .fb-setup-editor textarea {
  min-height: 56px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-facebook-setup"] .fb-setup-editor label > .block.mt-1 {
  color: #ffffff45 !important;
  margin-top: 3px !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-facebook-setup"] .fb-setup-editor form button[type="submit"] {
  color: #fff !important;
  background: #1877f2 !important;
  border-radius: 5px !important;
  padding: 6px 9px !important;
  font-size: 12px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-facebook-setup"] [data-fb-menu-row], html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-facebook-setup"] [data-fb-ib-row] {
  background: #0f1113 !important;
  border-color: #ffffff14 !important;
  border-radius: 6px !important;
  gap: 6px !important;
  padding: 7px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-facebook-setup"] [data-fb-menu-row] > div, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-facebook-setup"] [data-fb-ib-row] > div {
  gap: 6px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-facebook-setup"] [data-fb-menu-remove], html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-facebook-setup"] [data-fb-ib-remove] {
  width: 22px !important;
  height: 22px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-facebook-setup"] [data-fb-menu-add], html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-facebook-setup"] [data-fb-ib-add] {
  color: #8bb9ff !important;
  font-size: 12px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-facebook-setup"] .fb-setup-workspace > div:last-child {
  position: static !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-facebook-setup"] .fb-setup-workspace > div:last-child > .font-mono {
  color: #ffffff47 !important;
  margin-bottom: 5px !important;
  font-family: inherit !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-facebook-setup"] .fb-setup-workspace > div:last-child > div:last-child {
  background: #e9eaed !important;
  border-width: 3px !important;
  border-color: #ffffff1f !important;
  border-radius: 14px !important;
  max-width: 164px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-facebook-setup"] .fb-setup-workspace > div:last-child > div:last-child > div:first-child {
  padding: 6px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-facebook-setup"] .fb-setup-workspace > div:last-child > div:last-child > div:first-child .w-8 {
  width: 21px !important;
  height: 21px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-facebook-setup"] .fb-setup-workspace > div:last-child > div:last-child > div:last-child {
  height: 215px !important;
  padding: 7px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-facebook-setup"] .fb-setup-page > p:last-child {
  color: #ffffff40 !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-facebook-setup"] .fb-setup-empty {
  background: #181b1e !important;
  border-color: #ffffff14 !important;
}
@media (max-width: 760px) {
  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-facebook-setup"] .fb-setup-workspace {
    grid-template-columns: 1fr !important;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-facebook-setup"] .fb-setup-tabs > div:first-child {
    width: auto;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-facebook-setup"] .fb-setup-editor > .rounded-xl {
    grid-template-columns: 1fr;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-facebook-setup"] .fb-setup-editor > .rounded-xl > div {
    border-top: 1px solid #ffffff12 !important;
    border-left: 0 !important;
  }
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-facebook-insights"] .shell-pane {
  overflow: auto;
  background: #0f1113 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-facebook-insights"] .fb-insights-page {
  color: #f8f6f4;
  flex-direction: column;
  width: 100%;
  display: flex;
  gap: 8px !important;
  margin: 0 !important;
  padding: 10px 14px 18px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-facebook-insights"] .fb-insights-page > * {
  margin: 0 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-facebook-insights"] .fb-insights-header {
  border-bottom: 1px solid #ffffff14;
  min-height: 69px;
  padding-bottom: 9px;
  align-items: flex-start !important;
  gap: 8px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-facebook-insights"] .fb-insights-header .font-mono {
  color: #5a97ffc7 !important;
  margin-bottom: 4px !important;
  font-family: inherit !important;
  font-size: 11px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-facebook-insights"] .fb-insights-header h1 {
  color: #f8f6f4 !important;
  letter-spacing: -.035em !important;
  font-family: inherit !important;
  font-size: 20px !important;
  font-weight: 800 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-facebook-insights"] .fb-insights-header h1 span {
  color: #f8f6f4 !important;
  font-style: normal !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-facebook-insights"] .fb-insights-header p {
  line-height: 1.4;
  color: #ffffff4d !important;
  margin-top: 4px !important;
  font-size: 12px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-facebook-insights"] .fb-insights-header a {
  color: #ffffff85 !important;
  background: #181b1e !important;
  border-color: #ffffff17 !important;
  border-radius: 5px !important;
  min-height: 25px !important;
  padding: 6px 8px !important;
  font-size: 12px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-facebook-insights"] .fb-insights-identity, html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) body[data-page="user-facebook-insights"] .fb-insights-identity.bg-paper-0 {
  min-height: 52px;
  box-shadow: none !important;
  background: #181b1e !important;
  border-color: #ffffff14 !important;
  border-radius: 8px !important;
  gap: 8px !important;
  padding: 7px 9px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-facebook-insights"] .fb-insights-identity .w-14 {
  border-radius: 7px !important;
  width: 34px !important;
  height: 34px !important;
  font-size: 11px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-facebook-insights"] .fb-insights-identity .text-\[17px\] {
  color: #ffffffb8 !important;
  font-size: 14px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-facebook-insights"] .fb-insights-identity .rounded-full {
  color: #8bb9ff !important;
  background: #1877f229 !important;
  padding: 3px 5px !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-facebook-insights"] .fb-insights-identity .text-\[12px\] {
  color: #ffffff47 !important;
  font-size: 11px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-facebook-insights"] .fb-insights-identity > .shrink-0 {
  min-width: 140px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-facebook-insights"] .fb-insights-identity > .shrink-0 .font-mono {
  color: #ffffff3b !important;
  margin-bottom: 3px !important;
  font-family: inherit !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-facebook-insights"] .fb-insights-identity > .shrink-0 select, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-facebook-insights"] .fb-insights-identity > .shrink-0 > span {
  min-height: 27px;
  color: #ffffff8f !important;
  background: #0f1113 !important;
  border-color: #ffffff14 !important;
  border-radius: 5px !important;
  padding: 5px 7px !important;
  font-size: 11px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-facebook-insights"] .fb-insights-kpis {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 6px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-facebook-insights"] .fb-insights-kpis > div, html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) body[data-page="user-facebook-insights"] .fb-insights-kpis > .bg-paper-0 {
  box-shadow: none !important;
  background: #181b1e !important;
  border-color: #ffffff14 !important;
  border-radius: 7px !important;
  padding: 7px 8px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-facebook-insights"] .fb-insights-kpis .font-mono {
  color: #ffffff47 !important;
  font-family: inherit !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-facebook-insights"] .fb-insights-kpis .font-serif {
  font-weight: 750;
  color: #ffffffc2 !important;
  margin-top: 4px !important;
  font-family: inherit !important;
  font-size: 17px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-facebook-insights"] .fb-insights-kpis .text-\[11px\] {
  color: #ffffff40 !important;
  margin-top: 2px !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-facebook-insights"] .fb-insights-activity, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-facebook-insights"] .fb-insights-mixes > section, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-facebook-insights"] .fb-insights-recent {
  box-shadow: none !important;
  background: #181b1e !important;
  border-color: #ffffff14 !important;
  border-radius: 8px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-facebook-insights"] .fb-insights-activity > div:first-child, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-facebook-insights"] .fb-insights-mixes section > div:first-child, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-facebook-insights"] .fb-insights-recent > div:first-child {
  color: #ffffff47 !important;
  border-color: #ffffff12 !important;
  padding: 7px 9px !important;
  font-family: inherit !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-facebook-insights"] .fb-insights-activity > .p-4 {
  padding: 2px 6px 0 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-facebook-insights"] #fb-activity-chart {
  min-height: 150px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-facebook-insights"] .fb-insights-mixes {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 7px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-facebook-insights"] .fb-insights-mixes section > .p-5 {
  min-height: 66px;
  padding: 8px 9px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-facebook-insights"] .fb-insights-mixes section .space-y-3 > * + * {
  margin-top: 5px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-facebook-insights"] .fb-insights-mixes section .text-\[12px\], html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-facebook-insights"] .fb-insights-mixes section .text-\[12\.5px\] {
  color: #ffffff61 !important;
  font-size: 11px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-facebook-insights"] .fb-insights-mixes section .h-2 {
  background: #ffffff0f !important;
  height: 4px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-facebook-insights"] .fb-insights-recent .divide-y > div {
  min-height: 38px;
  border-color: #ffffff0f !important;
  padding: 6px 9px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-facebook-insights"] .fb-insights-recent .w-12 {
  background: #0f1113 !important;
  border-radius: 5px !important;
  width: 28px !important;
  height: 28px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-facebook-insights"] .fb-insights-recent .text-\[12\.5px\] {
  color: #ffffff87 !important;
  font-size: 11px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-facebook-insights"] .fb-insights-recent .font-mono {
  color: #ffffff40 !important;
  font-family: inherit !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-facebook-insights"] .fb-insights-recent .font-serif {
  color: #ffffffa8 !important;
  font-family: inherit !important;
  font-size: 14px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-facebook-insights"] .fb-insights-foot {
  color: #ffffff3d !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-facebook-insights"] .fb-insights-empty, html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) body[data-page="user-facebook-insights"] .fb-insights-empty.bg-paper-0 {
  min-height: 136px;
  background: #181b1e !important;
  border-color: #ffffff14 !important;
  border-radius: 9px !important;
  padding: 34px 20px !important;
}
@media (max-width: 760px) {
  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-facebook-insights"] .fb-insights-kpis {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-facebook-insights"] .fb-insights-mixes {
    grid-template-columns: 1fr !important;
  }
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-facebook-posts-grid"] .shell-pane {
  overflow: auto;
  background: #0f1113 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-facebook-posts-grid"] .fb-grid-page {
  color: #f8f6f4;
  width: 100%;
  margin: 0 !important;
  padding: 10px 14px 18px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-facebook-posts-grid"] .fb-grid-header {
  border-bottom: 1px solid #ffffff14;
  min-height: 69px;
  padding-bottom: 9px;
  align-items: flex-start !important;
  gap: 8px !important;
  margin: 0 0 8px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-facebook-posts-grid"] .fb-grid-header .font-mono {
  color: #5a97ffc7 !important;
  font-family: inherit !important;
  font-size: 11px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-facebook-posts-grid"] .fb-grid-header h1 {
  color: #f8f6f4 !important;
  letter-spacing: -.035em !important;
  margin-top: 2px !important;
  font-family: inherit !important;
  font-size: 20px !important;
  font-weight: 800 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-facebook-posts-grid"] .fb-grid-header h1 span {
  color: #f8f6f4 !important;
  font-style: normal !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-facebook-posts-grid"] .fb-grid-header p {
  line-height: 1.4;
  color: #ffffff4d !important;
  margin-top: 4px !important;
  font-size: 12px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-facebook-posts-grid"] .fb-grid-header a, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-facebook-posts-grid"] .fb-grid-header select {
  color: #ffffff85 !important;
  background: #181b1e !important;
  border-color: #ffffff17 !important;
  border-radius: 5px !important;
  min-height: 25px !important;
  padding: 6px 8px !important;
  font-size: 12px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-facebook-posts-grid"] .fb-grid-header [data-fb-grid-create] {
  color: #fff !important;
  background: #1877f2 !important;
  border-color: #1877f2 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-facebook-posts-grid"] .fb-grid-header svg {
  width: 9px !important;
  height: 9px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-facebook-posts-grid"] .fb-grid-empty {
  min-height: 136px;
  background: #181b1e !important;
  border-style: solid !important;
  border-color: #ffffff14 !important;
  border-radius: 9px !important;
  padding: 34px 20px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-facebook-posts-grid"] .fb-grid-empty .font-semibold {
  color: #ffffffb3 !important;
  font-size: 14px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-facebook-posts-grid"] .fb-grid-empty p {
  color: #ffffff4d !important;
  margin-top: 3px !important;
  font-size: 12px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-facebook-posts-grid"] .fb-grid-empty a {
  color: #fff !important;
  background: #1877f2 !important;
  border-radius: 5px !important;
  margin-top: 8px !important;
  padding: 6px 9px !important;
  font-size: 12px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-facebook-posts-grid"] .fb-grid-list {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 6px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-facebook-posts-grid"] .fb-post-tile {
  background: #181b1e !important;
  border-color: #ffffff14 !important;
  border-radius: 8px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-facebook-posts-grid"] .fb-post-tile > span {
  color: #ffffff63 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-facebook-posts-grid"] .fb-post-tile > div {
  font-size: 12px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-facebook-posts-grid"] .fb-grid-modal > .relative > div {
  color: #f8f6f4;
  background: #181b1e !important;
  border: 1px solid #ffffff1a !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-facebook-posts-grid"] .fb-grid-modal > .relative > div > div:last-child {
  border-color: #ffffff14 !important;
}
@media (max-width: 760px) {
  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-facebook-posts-grid"] .fb-grid-list {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-facebook-posts"] .shell-pane {
  overflow: auto;
  background: #0f1113 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-facebook-posts"] .fb-composer-page {
  color: #f8f6f4;
  flex-direction: column;
  width: 100%;
  display: flex;
  gap: 8px !important;
  margin: 0 !important;
  padding: 10px 14px 18px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-facebook-posts"] .fb-composer-page > * {
  margin: 0 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-facebook-posts"] .fb-composer-header {
  border-bottom: 1px solid #ffffff14;
  min-height: 69px;
  padding-bottom: 9px;
  align-items: flex-start !important;
  gap: 8px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-facebook-posts"] .fb-composer-header .font-mono {
  color: #5a97ffc7 !important;
  margin-bottom: 4px !important;
  font-family: inherit !important;
  font-size: 11px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-facebook-posts"] .fb-composer-header h1 {
  color: #f8f6f4 !important;
  letter-spacing: -.035em !important;
  font-family: inherit !important;
  font-size: 20px !important;
  font-weight: 800 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-facebook-posts"] .fb-composer-header h1 span {
  color: #f8f6f4 !important;
  font-style: normal !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-facebook-posts"] .fb-composer-header p {
  line-height: 1.4;
  color: #ffffff4d !important;
  margin-top: 4px !important;
  font-size: 12px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-facebook-posts"] .fb-composer-header a {
  color: #ffffff85 !important;
  background: #181b1e !important;
  border-color: #ffffff17 !important;
  border-radius: 5px !important;
  min-height: 25px !important;
  padding: 6px 8px !important;
  font-size: 12px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-facebook-posts"] .fb-composer-header svg {
  width: 9px !important;
  height: 9px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-facebook-posts"] .fb-composer-workspace {
  align-items: start;
  grid-template-columns: minmax(0, 1fr) 180px !important;
  gap: 8px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-facebook-posts"] .fb-composer-form, html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) body[data-page="user-facebook-posts"] .fb-composer-form.bg-paper-0 {
  min-width: 0;
  box-shadow: none !important;
  background: #181b1e !important;
  border-color: #ffffff14 !important;
  border-radius: 9px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-facebook-posts"] .fb-composer-form > div {
  border-color: #ffffff12 !important;
  padding: 8px 9px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-facebook-posts"] .fb-composer-form > div > .flex.mb-3 {
  gap: 6px !important;
  margin-bottom: 6px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-facebook-posts"] .fb-composer-form > div > .flex.mb-3 > .w-\[23px\] {
  color: #8bb9ff !important;
  background: #1877f22b !important;
  border-radius: 5px !important;
  width: 17px !important;
  height: 17px !important;
  font-family: inherit !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-facebook-posts"] .fb-composer-form > div > .flex.mb-3 > .font-serif {
  font-weight: 700;
  color: #ffffffb0 !important;
  font-family: inherit !important;
  font-size: 14px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-facebook-posts"] .fb-composer-form > div > .flex.mb-3 > .font-mono {
  color: #ffffff40 !important;
  font-family: inherit !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-facebook-posts"] .fb-composer-form input:not([type="file"]), html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-facebook-posts"] .fb-composer-form select, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-facebook-posts"] .fb-composer-form textarea {
  color: #ffffffab !important;
  background: #0f1113 !important;
  border-color: #ffffff17 !important;
  border-radius: 5px !important;
  min-height: 27px !important;
  padding: 6px 7px !important;
  font-size: 12px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-facebook-posts"] .fb-composer-form #fb-page {
  height: 28px !important;
  padding-left: 31px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-facebook-posts"] .fb-composer-form #fb-page + span {
  width: 20px !important;
  height: 20px !important;
  left: 5px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-facebook-posts"] #fb-type-tabs {
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: 4px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-facebook-posts"] .fb-type-btn {
  color: #ffffff5c !important;
  border-color: #ffffff14 !important;
  border-radius: 5px !important;
  gap: 3px !important;
  padding: 6px 3px !important;
  font-size: 11px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-facebook-posts"] .fb-type-btn svg {
  width: 9px !important;
  height: 9px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-facebook-posts"] .fb-type-btn.border-wa-deep {
  color: #8bb9ff !important;
  background: #1877f226 !important;
  border-color: #1877f261 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-facebook-posts"] #fb-type-hint {
  color: #ffffff40 !important;
  margin-top: 4px !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-facebook-posts"] #fb-drop {
  min-height: 52px;
  background: #0f1113 !important;
  border-color: #ffffff1c !important;
  border-radius: 6px !important;
  gap: 3px !important;
  padding: 7px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-facebook-posts"] #fb-drop .w-10 {
  width: 21px !important;
  height: 21px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-facebook-posts"] #fb-drop span {
  color: #ffffff59 !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-facebook-posts"] .fb-composer-form label > span {
  color: #ffffff5e !important;
  font-size: 11px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-facebook-posts"] .fb-composer-form label > span.block {
  color: #ffffff3d !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-facebook-posts"] #fb-message {
  min-height: 55px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-facebook-posts"] #fb-ai {
  background: #0f1113 !important;
  border-color: #ffffff14 !important;
  border-radius: 6px !important;
  margin-top: 6px !important;
  padding: 7px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-facebook-posts"] #fb-ai > .flex {
  margin-bottom: 5px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-facebook-posts"] #fb-ai > .flex .w-6 {
  border-radius: 5px !important;
  width: 17px !important;
  height: 17px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-facebook-posts"] #fb-ai .font-serif {
  color: #ffffff94 !important;
  font-family: inherit !important;
  font-size: 14px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-facebook-posts"] #fb-ai .rounded-lg {
  color: #ffffff4f !important;
  background: #181b1e !important;
  border-color: #ffffff14 !important;
  padding: 5px 6px !important;
  font-size: 11px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-facebook-posts"] .fb-when-btn {
  color: #ffffff61 !important;
  border-color: #ffffff14 !important;
  border-radius: 5px !important;
  padding: 6px !important;
  font-size: 11px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-facebook-posts"] .fb-when-btn.border-wa-deep {
  color: #8bb9ff !important;
  background: #1877f226 !important;
  border-color: #1877f261 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-facebook-posts"] .fb-composer-form button[type="submit"] {
  color: #fff !important;
  background: #1877f2 !important;
  border-radius: 5px !important;
  padding: 6px 9px !important;
  font-size: 12px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-facebook-posts"] .fb-composer-preview > .card, html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) body[data-page="user-facebook-posts"] .fb-composer-preview > .bg-paper-0 {
  box-shadow: none !important;
  background: #181b1e !important;
  border-color: #ffffff14 !important;
  border-radius: 9px !important;
  padding: 7px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-facebook-posts"] .fb-composer-preview > .card > .flex {
  color: #ffffff4f !important;
  margin-bottom: 5px !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-facebook-posts"] .fb-composer-preview > .card > .rounded-\[16px\] {
  background: #e9eaed !important;
  border-color: #ffffff17 !important;
  border-radius: 7px !important;
  max-width: none !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-facebook-posts"] .fb-composer-preview > p {
  color: #ffffff3b !important;
  margin-top: 4px !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-facebook-posts"] .fb-composer-help {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 7px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-facebook-posts"] .fb-composer-help > div {
  box-shadow: none !important;
  background: #181b1e !important;
  border-color: #ffffff14 !important;
  border-radius: 8px !important;
  padding: 8px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-facebook-posts"] .fb-composer-help .font-mono {
  color: #5a97ff91 !important;
  margin-bottom: 3px !important;
  font-family: inherit !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-facebook-posts"] .fb-composer-help .font-serif {
  font-weight: 700;
  color: #ffffff9e !important;
  margin-bottom: 2px !important;
  font-family: inherit !important;
  font-size: 14px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-facebook-posts"] .fb-composer-help p {
  line-height: 1.35;
  color: #ffffff45 !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-facebook-posts"] .fb-composer-empty, html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) body[data-page="user-facebook-posts"] .fb-composer-empty.bg-paper-0 {
  box-shadow: none !important;
  background: #181b1e !important;
  border-color: #ffffff14 !important;
  border-radius: 9px !important;
  padding: 22px !important;
}
@media (max-width: 760px) {
  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-facebook-posts"] .fb-composer-workspace, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-facebook-posts"] .fb-composer-help {
    grid-template-columns: 1fr !important;
  }
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-facebook-posts-table"] .shell-pane {
  overflow: auto;
  background: #0f1113 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-facebook-posts-table"] .fb-posts-page {
  color: #f8f6f4;
  flex-direction: column;
  width: 100%;
  display: flex;
  gap: 8px !important;
  margin: 0 !important;
  padding: 10px 14px 18px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-facebook-posts-table"] .fb-posts-page > * {
  margin: 0 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-facebook-posts-table"] .fb-posts-header {
  border-bottom: 1px solid #ffffff14;
  min-height: 69px;
  padding-bottom: 9px;
  align-items: flex-start !important;
  gap: 8px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-facebook-posts-table"] .fb-posts-header .font-mono {
  color: #5a97ffc7 !important;
  margin-bottom: 4px !important;
  font-family: inherit !important;
  font-size: 11px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-facebook-posts-table"] .fb-posts-header h1 {
  color: #f8f6f4 !important;
  letter-spacing: -.035em !important;
  font-family: inherit !important;
  font-size: 20px !important;
  font-weight: 800 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-facebook-posts-table"] .fb-posts-header h1 span {
  color: #f8f6f4 !important;
  font-style: normal !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-facebook-posts-table"] .fb-posts-header p {
  line-height: 1.4;
  color: #ffffff4d !important;
  margin-top: 4px !important;
  font-size: 12px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-facebook-posts-table"] .fb-posts-header a, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-facebook-posts-table"] .fb-posts-header select {
  color: #ffffff85 !important;
  background: #181b1e !important;
  border-color: #ffffff17 !important;
  border-radius: 5px !important;
  min-height: 25px !important;
  padding: 6px 8px !important;
  font-size: 12px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-facebook-posts-table"] .fb-posts-header [data-fb-posts-create] {
  color: #fff !important;
  background: #1877f2 !important;
  border-color: #1877f2 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-facebook-posts-table"] .fb-posts-header svg {
  width: 9px !important;
  height: 9px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-facebook-posts-table"] .fb-posts-kpis {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 7px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-facebook-posts-table"] .fb-posts-kpis > div, html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) body[data-page="user-facebook-posts-table"] .fb-posts-kpis > .bg-paper-0 {
  box-shadow: none !important;
  background: #181b1e !important;
  border-color: #ffffff14 !important;
  border-radius: 8px !important;
  padding: 9px 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-facebook-posts-table"] .fb-posts-kpis .text-\[11px\] {
  color: #ffffff4f !important;
  font-size: 11px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-facebook-posts-table"] .fb-posts-kpis .font-serif {
  font-weight: 750;
  color: #ffffffc7 !important;
  margin-top: 3px !important;
  font-family: inherit !important;
  font-size: 19px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-facebook-posts-table"] .fb-posts-filters, html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) body[data-page="user-facebook-posts-table"] .fb-posts-filters.bg-paper-0 {
  min-height: 35px;
  box-shadow: none !important;
  background: #181b1e !important;
  border-color: #ffffff14 !important;
  border-radius: 8px !important;
  gap: 2px !important;
  padding: 4px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-facebook-posts-table"] .fb-posts-filters a {
  color: #ffffff61 !important;
  border-radius: 5px !important;
  padding: 5px 7px !important;
  font-size: 11px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-facebook-posts-table"] .fb-posts-filters a.bg-wa-deep {
  color: #8bb9ff !important;
  background: #1877f23d !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-facebook-posts-table"] .fb-posts-filters input {
  color: #ffffff9e !important;
  background: #0f1113 !important;
  border-color: #ffffff14 !important;
  border-radius: 5px !important;
  width: 132px !important;
  padding: 5px 7px 5px 22px !important;
  font-size: 12px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-facebook-posts-table"] .fb-posts-filters form svg {
  width: 8px !important;
  height: 8px !important;
  left: 7px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-facebook-posts-table"] .fb-posts-table, html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) body[data-page="user-facebook-posts-table"] .fb-posts-table.bg-paper-0 {
  box-shadow: none !important;
  background: #181b1e !important;
  border-color: #ffffff14 !important;
  border-radius: 9px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-facebook-posts-table"] .fb-posts-table table {
  color: #ffffff8a !important;
  font-size: 12px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-facebook-posts-table"] .fb-posts-table thead {
  color: #ffffff40 !important;
  font-family: inherit !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-facebook-posts-table"] .fb-posts-table th {
  border-color: #ffffff12 !important;
  padding: 7px 8px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-facebook-posts-table"] .fb-posts-table td {
  border-color: #ffffff0f !important;
  padding: 7px 8px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-facebook-posts-table"] .fb-posts-table td .w-10 {
  background: #0f1113 !important;
  border-radius: 5px !important;
  width: 25px !important;
  height: 25px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-facebook-posts-table"] .fb-posts-table td .max-w-\[420px\] {
  gap: 7px !important;
  max-width: 250px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-facebook-posts-table"] .fb-posts-table td .rounded-full {
  color: #ffffff78 !important;
  background: #ffffff12 !important;
  padding: 3px 5px !important;
  font-family: inherit !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-facebook-posts-table"] .fb-posts-table button {
  width: 22px !important;
  height: 22px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-facebook-posts-table"] .fb-posts-table button svg {
  width: 9px !important;
  height: 9px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-facebook-posts-table"] .fb-posts-empty, html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) body[data-page="user-facebook-posts-table"] .fb-posts-empty.bg-paper-0 {
  box-shadow: none !important;
  background: #181b1e !important;
  border-color: #ffffff14 !important;
  border-radius: 9px !important;
  padding: 22px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-facebook-posts-table"] .fb-posts-empty .w-12 {
  border-radius: 7px !important;
  width: 30px !important;
  height: 30px !important;
  margin-bottom: 7px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-facebook-posts-table"] .fb-posts-empty .text-sm {
  color: #ffffffb3 !important;
  font-size: 14px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-facebook-posts-table"] .fb-posts-empty p {
  color: #ffffff4d !important;
  margin: 3px 0 8px !important;
  font-size: 12px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-facebook-posts-table"] .fb-posts-empty a {
  color: #fff !important;
  background: #1877f2 !important;
  border-radius: 5px !important;
  padding: 6px 9px !important;
  font-size: 12px !important;
}
@media (max-width: 760px) {
  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-facebook-posts-table"] .fb-posts-kpis {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-facebook-posts-table"] .fb-posts-filters .flex-1 {
    display: none;
  }
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-facebook-broadcasts"] .shell-pane {
  overflow: auto;
  background: #0f1113 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-facebook-broadcasts"] .fb-broadcasts-page {
  color: #f8f6f4;
  flex-direction: column;
  width: 100%;
  display: flex;
  gap: 8px !important;
  margin: 0 !important;
  padding: 10px 14px 18px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-facebook-broadcasts"] .fb-broadcasts-page > * {
  margin: 0 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-facebook-broadcasts"] .fb-broadcasts-header {
  border-bottom: 1px solid #ffffff14;
  min-height: 69px;
  padding-bottom: 9px;
  align-items: flex-start !important;
  gap: 8px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-facebook-broadcasts"] .fb-broadcasts-header .font-mono {
  color: #5a97ffc7 !important;
  margin-bottom: 4px !important;
  font-family: inherit !important;
  font-size: 11px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-facebook-broadcasts"] .fb-broadcasts-header h1 {
  color: #f8f6f4 !important;
  letter-spacing: -.035em !important;
  font-family: inherit !important;
  font-size: 20px !important;
  font-weight: 800 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-facebook-broadcasts"] .fb-broadcasts-header h1 span {
  color: #f8f6f4 !important;
  font-style: normal !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-facebook-broadcasts"] .fb-broadcasts-header p {
  line-height: 1.4;
  color: #ffffff4d !important;
  margin-top: 4px !important;
  font-size: 12px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-facebook-broadcasts"] .fb-broadcasts-header a {
  color: #ffffff85 !important;
  background: #181b1e !important;
  border-color: #ffffff17 !important;
  border-radius: 5px !important;
  min-height: 25px !important;
  padding: 6px 8px !important;
  font-size: 12px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-facebook-broadcasts"] .fb-broadcasts-page > .bg-wa-mint, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-facebook-broadcasts"] .fb-broadcasts-page > .bg-accent-coral\/10 {
  border-radius: 6px !important;
  padding: 7px 9px !important;
  font-family: inherit !important;
  font-size: 11px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-facebook-broadcasts"] .fb-broadcasts-workspace {
  align-items: start;
  grid-template-columns: minmax(0, 1fr) 244px !important;
  gap: 8px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-facebook-broadcasts"] .fb-broadcasts-list {
  flex-direction: column;
  min-width: 0;
  display: flex;
  gap: 6px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-facebook-broadcasts"] .fb-broadcast-card, html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) body[data-page="user-facebook-broadcasts"] .fb-broadcast-card.bg-paper-0 {
  box-shadow: none !important;
  background: #181b1e !important;
  border-color: #ffffff14 !important;
  border-radius: 8px !important;
  padding: 9px 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-facebook-broadcasts"] .fb-broadcast-card .text-\[14px\] {
  color: #ffffffb8 !important;
  font-size: 14px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-facebook-broadcasts"] .fb-broadcast-card .font-mono {
  color: #ffffff45 !important;
  font-family: inherit !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-facebook-broadcasts"] .fb-broadcast-card [data-bcast-status] {
  color: #ffffff7a !important;
  background: #ffffff12 !important;
  padding: 3px 5px !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-facebook-broadcasts"] .fb-broadcast-card > .h-1\.5 {
  background: #ffffff0f !important;
  height: 4px !important;
  margin-top: 6px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-facebook-broadcasts"] .fb-broadcast-card [data-bcast-bar] {
  background: #1877f2 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-facebook-broadcasts"] .fb-broadcast-card > .flex.mt-2 {
  margin-top: 5px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-facebook-broadcasts"] .fb-broadcast-card button {
  min-height: 22px;
  color: #ffffff7a !important;
  background: #0f1113 !important;
  border-color: #ffffff17 !important;
  border-radius: 5px !important;
  padding: 5px 7px !important;
  font-size: 11px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-facebook-broadcasts"] .fb-broadcast-card form[data-bcast-start] button {
  color: #fff !important;
  background: #1877f2 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-facebook-broadcasts"] .fb-broadcast-card form[data-bcast-destroy] button {
  color: #ff8178 !important;
  width: 22px !important;
  height: 22px !important;
  padding: 5px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-facebook-broadcasts"] .fb-broadcast-card form[data-bcast-destroy] svg {
  width: 9px !important;
  height: 9px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-facebook-broadcasts"] .fb-broadcasts-list-empty, html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) body[data-page="user-facebook-broadcasts"] .fb-broadcasts-list-empty.bg-paper-0 {
  place-items: center;
  min-height: 116px;
  display: grid;
  color: #ffffff47 !important;
  box-shadow: none !important;
  background: #181b1e !important;
  border-color: #ffffff14 !important;
  border-radius: 8px !important;
  padding: 28px 16px !important;
  font-size: 12px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-facebook-broadcasts"] .fb-broadcasts-composer {
  position: static !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-facebook-broadcasts"] .fb-broadcasts-composer > form, html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) body[data-page="user-facebook-broadcasts"] .fb-broadcasts-composer > form.bg-paper-0 {
  flex-direction: column;
  display: flex;
  box-shadow: none !important;
  background: #181b1e !important;
  border-color: #ffffff14 !important;
  border-radius: 9px !important;
  gap: 7px !important;
  padding: 9px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-facebook-broadcasts"] .fb-broadcasts-composer .font-serif {
  font-weight: 750;
  color: #ffffffb8 !important;
  font-family: inherit !important;
  font-size: 14px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-facebook-broadcasts"] .fb-broadcasts-composer label > span, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-facebook-broadcasts"] .fb-broadcasts-composer form > div > .flex > span {
  color: #ffffff5e !important;
  font-size: 11px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-facebook-broadcasts"] .fb-broadcasts-composer input:not([type="checkbox"]), html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-facebook-broadcasts"] .fb-broadcasts-composer select, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-facebook-broadcasts"] .fb-broadcasts-composer textarea {
  color: #ffffffab !important;
  background: #0f1113 !important;
  border-color: #ffffff17 !important;
  border-radius: 5px !important;
  min-height: 27px !important;
  margin-top: 3px !important;
  padding: 6px 7px !important;
  font-size: 12px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-facebook-broadcasts"] .fb-broadcasts-composer textarea {
  resize: vertical;
  min-height: 57px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-facebook-broadcasts"] .fb-broadcasts-composer label > .text-\[10\.5px\] {
  color: #ffffff3d !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-facebook-broadcasts"] #fb-bcast-all {
  color: #8bb9ff !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-facebook-broadcasts"] #fb-bcast-recipients {
  background: #0f1113 !important;
  border-color: #ffffff14 !important;
  border-radius: 6px !important;
  max-height: 128px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-facebook-broadcasts"] #fb-bcast-recipients > * {
  min-height: 27px;
  color: #ffffff59 !important;
  border-color: #ffffff0f !important;
  padding: 6px 7px !important;
  font-size: 11px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-facebook-broadcasts"] #fb-bcast-recipients input[type="checkbox"] {
  accent-color: #1877f2;
  width: 11px;
  height: 11px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-facebook-broadcasts"] #fb-bcast-recipients .text-\[12\.5px\] {
  color: #ffffff8f !important;
  font-size: 12px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-facebook-broadcasts"] #fb-bcast-count {
  color: #8bb9ff !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-facebook-broadcasts"] [data-fb-broadcast-submit] {
  min-height: 27px;
  color: #fff !important;
  background: #1877f2 !important;
  border-radius: 5px !important;
  padding: 6px 9px !important;
  font-size: 12px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-facebook-broadcasts"] .fb-broadcasts-empty, html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) body[data-page="user-facebook-broadcasts"] .fb-broadcasts-empty.bg-paper-0 {
  min-height: 136px;
  box-shadow: none !important;
  background: #181b1e !important;
  border-color: #ffffff14 !important;
  border-radius: 9px !important;
  padding: 34px 20px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-facebook-broadcasts"] .fb-broadcasts-empty p {
  color: #ffffff5c !important;
  font-size: 12px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-facebook-broadcasts"] .fb-broadcasts-empty a {
  background: #1877f2 !important;
  border-radius: 5px !important;
  padding: 6px 9px !important;
  font-size: 12px !important;
}
@media (max-width: 760px) {
  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-facebook-broadcasts"] .fb-broadcasts-workspace {
    grid-template-columns: 1fr !important;
  }
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-social-posts"] .shell-pane {
  overflow: auto;
  background: #0f1113 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-social-posts"] .social-posts-page {
  color: #f8f6f4;
  flex-direction: column;
  width: 100%;
  display: flex;
  gap: 8px !important;
  margin: 0 !important;
  padding: 10px 14px 18px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-social-posts"] .social-posts-page > * {
  margin: 0 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-social-posts"] .social-posts-header {
  border-bottom: 1px solid #ffffff14;
  min-height: 69px;
  padding-bottom: 9px;
  align-items: flex-start !important;
  gap: 8px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-social-posts"] .social-posts-header .font-mono {
  color: #70e0aead !important;
  margin-bottom: 4px !important;
  font-family: inherit !important;
  font-size: 11px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-social-posts"] .social-posts-header h1 {
  color: #f8f6f4 !important;
  letter-spacing: -.035em !important;
  font-family: inherit !important;
  font-size: 20px !important;
  font-weight: 800 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-social-posts"] .social-posts-header h1 span {
  color: #f8f6f4 !important;
  font-style: normal !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-social-posts"] .social-posts-header p {
  line-height: 1.4;
  color: #ffffff4d !important;
  margin-top: 4px !important;
  font-size: 12px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-social-posts"] .social-posts-header a, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-social-posts"] .social-posts-header button {
  color: #ffffff85 !important;
  background: #181b1e !important;
  border-color: #ffffff17 !important;
  border-radius: 5px !important;
  min-height: 25px !important;
  padding: 6px 8px !important;
  font-size: 12px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-social-posts"] .social-posts-header [data-newpost-button] {
  color: #fff !important;
  background: #0f6b58 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-social-posts"] .social-posts-header svg {
  width: 9px !important;
  height: 9px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-social-posts"] [data-newpost-menu] {
  background: #181b1e !important;
  border-color: #ffffff1a !important;
  border-radius: 6px !important;
  width: 130px !important;
  margin-top: 3px !important;
  padding: 3px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-social-posts"] [data-newpost-menu] a {
  color: #ffffff8c !important;
  background: none !important;
  border: 0 !important;
  min-height: 0 !important;
  padding: 6px 7px !important;
  font-size: 11px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-social-posts"] .social-posts-filters, html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) body[data-page="user-social-posts"] .social-posts-filters.bg-paper-0 {
  min-height: 39px;
  box-shadow: none !important;
  background: #181b1e !important;
  border-color: #ffffff14 !important;
  border-radius: 8px !important;
  gap: 5px !important;
  padding: 5px 6px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-social-posts"] .social-posts-filters > .font-mono {
  color: #ffffff3d !important;
  font-family: inherit !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-social-posts"] .social-posts-filters > div {
  gap: 3px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-social-posts"] .social-posts-filters a {
  min-height: 24px;
  color: #ffffff61 !important;
  background: #0f1113 !important;
  border-color: #ffffff14 !important;
  border-radius: 5px !important;
  padding: 5px 6px !important;
  font-size: 11px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-social-posts"] .social-posts-filters a.bg-wa-deep, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-social-posts"] .social-posts-filters a.bg-ink-900 {
  color: #8be0c5 !important;
  background: #0f6b584d !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-social-posts"] .social-posts-filters a[style*="background"] {
  color: #fff !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-social-posts"] .social-posts-filters svg {
  width: 8px !important;
  height: 8px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-social-posts"] .social-posts-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 6px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-social-posts"] .social-post-card, html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) body[data-page="user-social-posts"] .social-post-card.bg-paper-0 {
  min-width: 0;
  box-shadow: none !important;
  background: #181b1e !important;
  border-color: #ffffff14 !important;
  border-radius: 8px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-social-posts"] .social-post-media {
  min-height: 72px;
  aspect-ratio: 16 / 8 !important;
  background: #0f1113 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-social-posts"] .social-post-media > div svg {
  color: #ffffff21 !important;
  width: 18px !important;
  height: 18px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-social-posts"] .social-post-media [data-social-video] {
  color: #ffffff47 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-social-posts"] .social-post-media [data-social-video] span {
  background: #ffffff08;
  border: 1px solid #ffffff14;
  border-radius: 5px;
  padding: 5px 7px;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-social-posts"] .social-post-media [data-social-video] svg {
  color: #ffffff47 !important;
  width: 10px !important;
  height: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-social-posts"] .social-post-media > span {
  padding: 3px 5px !important;
  top: 6px !important;
  left: 6px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-social-posts"] .social-post-media > span svg {
  width: 7px !important;
  height: 7px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-social-posts"] .social-post-body {
  min-height: 112px;
  gap: 5px !important;
  padding: 7px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-social-posts"] .social-post-body [data-post-badge] {
  color: #ffffff78 !important;
  background: #ffffff12 !important;
  padding: 3px 5px !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-social-posts"] .social-post-body [data-post-when] {
  color: #ffffff3b !important;
  font-family: inherit !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-social-posts"] .social-post-body > .text-\[13px\] {
  min-height: 24px;
  line-height: 1.45;
  color: #ffffff8c !important;
  font-size: 11px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-social-posts"] .social-post-body [data-post-error] {
  color: #ff8178 !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-social-posts"] .social-post-account {
  color: #ffffff4a !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-social-posts"] .social-post-account > span:first-child {
  position: relative;
  background: #0f1113 !important;
  width: 17px !important;
  height: 17px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-social-posts"] .social-post-account svg {
  width: 8px !important;
  height: 8px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-social-posts"] .social-post-account > span:last-child {
  color: #ffffff52 !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-social-posts"] [data-post-actions] {
  border-color: #ffffff12 !important;
  gap: 4px !important;
  padding-top: 5px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-social-posts"] [data-post-actions] a, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-social-posts"] [data-post-actions] button {
  min-height: 23px;
  color: #ffffff7a !important;
  background: #0f1113 !important;
  border-color: #ffffff17 !important;
  border-radius: 5px !important;
  padding: 5px 6px !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-social-posts"] [data-post-actions] form:not([style*="display: none"]) button.bg-wa-deep {
  color: #fff !important;
  background: #0f6b58 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-social-posts"] .social-posts-empty, html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) body[data-page="user-social-posts"] .social-posts-empty.bg-paper-0 {
  min-height: 136px;
  box-shadow: none !important;
  background: #181b1e !important;
  border-color: #ffffff14 !important;
  border-radius: 9px !important;
  padding: 34px 20px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-social-posts"] .social-posts-empty .font-serif {
  font-weight: 700;
  color: #ffffffad !important;
  font-family: inherit !important;
  font-size: 14px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-social-posts"] .social-posts-empty p {
  color: #ffffff4a !important;
  font-size: 11px !important;
}
@media (max-width: 900px) {
  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-social-posts"] .social-posts-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}
@media (max-width: 640px) {
  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-social-posts"] .social-posts-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-social-posts"] .social-posts-filters > .ml-auto {
    margin-left: 0 !important;
  }
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-social-calendar"] .shell-pane {
  overflow: auto;
  background: #0f1113 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-social-calendar"] .social-calendar-page {
  color: #f8f6f4;
  flex-direction: column;
  width: 100%;
  display: flex;
  gap: 8px !important;
  margin: 0 !important;
  padding: 10px 14px 18px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-social-calendar"] .social-calendar-page > * {
  margin: 0 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-social-calendar"] .social-calendar-header {
  border-bottom: 1px solid #ffffff14;
  min-height: 69px;
  padding-bottom: 9px;
  align-items: flex-start !important;
  gap: 8px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-social-calendar"] .social-calendar-header .font-mono {
  color: #70e0aead !important;
  margin-bottom: 4px !important;
  font-family: inherit !important;
  font-size: 11px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-social-calendar"] .social-calendar-header h1 {
  color: #f8f6f4 !important;
  letter-spacing: -.035em !important;
  font-family: inherit !important;
  font-size: 20px !important;
  font-weight: 800 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-social-calendar"] .social-calendar-header h1 span {
  color: #f8f6f4 !important;
  font-style: normal !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-social-calendar"] .social-calendar-header p {
  color: #ffffff4d !important;
  margin-top: 4px !important;
  font-size: 12px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-social-calendar"] .social-calendar-header a, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-social-calendar"] .social-calendar-header button {
  color: #ffffff85 !important;
  background: #181b1e !important;
  border-color: #ffffff17 !important;
  border-radius: 5px !important;
  min-height: 25px !important;
  padding: 6px 8px !important;
  font-size: 12px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-social-calendar"] .social-calendar-header [data-newpost-button] {
  color: #fff !important;
  background: #0f6b58 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-social-calendar"] .social-calendar-header svg {
  width: 9px !important;
  height: 9px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-social-calendar"] [data-newpost-menu] {
  background: #181b1e !important;
  border-color: #ffffff1a !important;
  border-radius: 6px !important;
  width: 130px !important;
  margin-top: 3px !important;
  padding: 3px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-social-calendar"] [data-newpost-menu] a {
  color: #ffffff8c !important;
  background: none !important;
  border: 0 !important;
  min-height: 0 !important;
  padding: 6px 7px !important;
  font-size: 11px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-social-calendar"] .social-calendar-toolbar, html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) body[data-page="user-social-calendar"] .social-calendar-toolbar.bg-paper-0 {
  min-height: 39px;
  box-shadow: none !important;
  background: #181b1e !important;
  border-color: #ffffff14 !important;
  border-radius: 8px !important;
  gap: 5px !important;
  padding: 5px 6px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-social-calendar"] .social-calendar-toolbar > div {
  gap: 3px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-social-calendar"] .social-calendar-toolbar a {
  min-height: 24px;
  color: #ffffff63 !important;
  background: #0f1113 !important;
  border-color: #ffffff14 !important;
  border-radius: 5px !important;
  padding: 5px 6px !important;
  font-size: 11px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-social-calendar"] .social-calendar-toolbar a.w-8 {
  width: 24px !important;
  height: 24px !important;
  padding: 6px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-social-calendar"] [data-calendar-month] {
  font-weight: 700;
  color: #ffffffad !important;
  min-width: 88px !important;
  font-family: inherit !important;
  font-size: 14px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-social-calendar"] .social-calendar-toolbar a.bg-ink-900 {
  color: #8be0c5 !important;
  background: #0f6b584d !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-social-calendar"] .social-calendar-toolbar a[style*="background"] {
  color: #fff !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-social-calendar"] .social-calendar-toolbar svg {
  width: 8px !important;
  height: 8px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-social-calendar"] .social-calendar-grid, html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) body[data-page="user-social-calendar"] .social-calendar-grid.bg-paper-0 {
  box-shadow: none !important;
  background: #181b1e !important;
  border-color: #ffffff14 !important;
  border-radius: 8px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-social-calendar"] .social-calendar-dows {
  background: #0f1113 !important;
  border-color: #ffffff14 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-social-calendar"] .social-calendar-dows > div {
  color: #ffffff40 !important;
  padding: 6px !important;
  font-family: inherit !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-social-calendar"] .social-calendar-week {
  border-color: #ffffff0f !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-social-calendar"] [data-day-cell] {
  background: none !important;
  border-color: #ffffff0f !important;
  min-height: 66px !important;
  padding: 4px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-social-calendar"] [data-day-cell].bg-paper-50\/40 {
  background: #00000014 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-social-calendar"] [data-day-cell] > .flex {
  padding: 0 2px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-social-calendar"] [data-day-cell] > .flex > span {
  color: #ffffff5c !important;
  font-size: 11px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-social-calendar"] [data-day-cell] > .flex > span.bg-wa-deep {
  color: #fff !important;
  background: #0f6b58 !important;
  width: 15px !important;
  height: 15px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-social-calendar"] [data-schedule-at] {
  background: #0f6b58 !important;
  width: 15px !important;
  height: 15px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-social-calendar"] [data-schedule-at] svg {
  width: 7px !important;
  height: 7px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-social-calendar"] [data-day-cell] > .space-y-1 {
  margin-top: 3px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-social-calendar"] [data-calendar-post] {
  border-radius: 4px !important;
  gap: 3px !important;
  padding: 3px 4px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-social-calendar"] [data-calendar-post] .w-3\.5 {
  width: 9px !important;
  height: 9px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-social-calendar"] [data-calendar-post] svg {
  width: 7px !important;
  height: 7px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-social-calendar"] [data-calendar-post] .text-\[10\.5px\] {
  color: #ffffff91 !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-social-calendar"] .social-calendar-upcoming, html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) body[data-page="user-social-calendar"] .social-calendar-upcoming.bg-paper-0 {
  box-shadow: none !important;
  background: #181b1e !important;
  border-color: #ffffff14 !important;
  border-radius: 8px !important;
  padding: 8px 9px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-social-calendar"] .social-calendar-upcoming > .font-mono {
  color: #ffffff42 !important;
  margin-bottom: 4px !important;
  font-family: inherit !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-social-calendar"] .social-calendar-upcoming .divide-y > div {
  min-height: 33px;
  border-color: #ffffff0f !important;
  padding: 5px 0 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-social-calendar"] .social-calendar-upcoming .w-8 {
  border-radius: 5px !important;
  width: 24px !important;
  height: 24px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-social-calendar"] .social-calendar-upcoming .text-\[12\.5px\] {
  color: #ffffff85 !important;
  font-size: 11px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-social-calendar"] .social-calendar-upcoming .font-mono {
  color: #ffffff40 !important;
  font-family: inherit !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-social-calendar"] .social-calendar-upcoming a {
  color: #8be0c5 !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-social-calendar"] .social-sched-overlay {
  background: #0000006b !important;
  top: 73px !important;
  left: 794px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-social-calendar"] .social-sched-drawer {
  color: #f8f6f4;
  background: #181b1e !important;
  border-color: #ffffff17 !important;
  max-width: 310px !important;
  height: calc(100vh - 73px) !important;
  top: 73px !important;
  box-shadow: -14px 0 32px #0000004d !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-social-calendar"] .social-sched-drawer > div {
  border-color: #ffffff14 !important;
  padding: 9px 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-social-calendar"] .social-sched-drawer > div .font-serif {
  font-weight: 750;
  color: #ffffffb8 !important;
  font-family: inherit !important;
  font-size: 14px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-social-calendar"] .social-sched-drawer [data-sched-close] {
  color: #ffffff6e !important;
  background: #0f1113 !important;
  border-color: #ffffff17 !important;
  width: 23px !important;
  height: 23px !important;
  padding: 5px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-social-calendar"] .social-sched-drawer [data-sched-form] {
  flex-direction: column;
  display: flex;
  gap: 9px !important;
  padding: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-social-calendar"] .social-sched-drawer [data-sched-form] > * {
  margin: 0 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-social-calendar"] .social-sched-drawer label > span, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-social-calendar"] .social-sched-drawer [data-sched-form] > div > .font-semibold {
  color: #ffffff61 !important;
  font-size: 11px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-social-calendar"] .social-sched-drawer input:not([type="radio"]):not([type="checkbox"]):not([type="file"]), html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-social-calendar"] .social-sched-drawer textarea {
  min-height: 27px;
  color: #ffffffab !important;
  background: #0f1113 !important;
  border-color: #ffffff17 !important;
  border-radius: 5px !important;
  margin-top: 3px !important;
  padding: 6px 7px !important;
  font-size: 12px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-social-calendar"] .social-sched-drawer textarea {
  min-height: 58px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-social-calendar"] .social-sched-drawer [data-sched-form] .max-h-40 {
  background: #0f1113 !important;
  border-color: #ffffff14 !important;
  border-radius: 6px !important;
  max-height: 115px !important;
  padding: 3px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-social-calendar"] .social-sched-drawer input[type="radio"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-social-calendar"] .social-sched-drawer input[type="checkbox"] {
  accent-color: #0f6b58;
  width: 11px;
  height: 11px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-social-calendar"] .social-sched-drawer [data-sched-form] label.flex {
  min-height: 26px;
  padding: 5px 6px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-social-calendar"] .social-sched-drawer [data-sched-form] label.flex .w-5 {
  width: 16px !important;
  height: 16px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-social-calendar"] .social-sched-drawer [data-sched-form] label.flex .text-\[12\.5px\] {
  color: #ffffff85 !important;
  font-size: 11px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-social-calendar"] .social-sched-drawer input[type="file"] {
  color: #ffffff47 !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-social-calendar"] .social-sched-drawer input[type="file"]::file-selector-button {
  color: #25211e;
  background: #ece8e3;
  border: 0;
  border-radius: 5px;
  margin-right: 5px;
  padding: 4px 6px;
  font-size: 10px;
  font-weight: 650;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-social-calendar"] .social-sched-drawer label:has([data-sched-now]) {
  color: #ffffff6b !important;
  font-size: 11px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-social-calendar"] .social-sched-drawer [data-sched-error] {
  color: #ff8178 !important;
  font-size: 11px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-social-calendar"] .social-sched-drawer > div:last-child button {
  min-height: 27px;
  color: #ffffff7d !important;
  background: #0f1113 !important;
  border-color: #ffffff17 !important;
  border-radius: 5px !important;
  padding: 6px 8px !important;
  font-size: 11px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-social-calendar"] .social-sched-drawer > div:last-child [data-sched-submit] {
  color: #fff !important;
  background: #0f6b58 !important;
}
@media (max-width: 900px) {
  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-social-calendar"] .social-sched-overlay {
    left: 0 !important;
  }
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-accounts"] .shell-pane {
  overflow: auto;
  background: #0f1113 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-accounts"] .tt-accounts-page {
  color: #f8f6f4;
  flex-direction: column;
  width: 100%;
  display: flex;
  gap: 8px !important;
  margin: 0 !important;
  padding: 10px 14px 18px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-accounts"] .tt-accounts-page > * {
  margin: 0 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-accounts"] .tt-accounts-header {
  border-bottom: 1px solid #ffffff14;
  min-height: 69px;
  padding-bottom: 9px;
  align-items: flex-start !important;
  gap: 8px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-accounts"] .tt-accounts-header .font-mono {
  color: #25f4eea8 !important;
  margin-bottom: 4px !important;
  font-family: inherit !important;
  font-size: 11px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-accounts"] .tt-accounts-header h1 {
  color: #f8f6f4 !important;
  letter-spacing: -.035em !important;
  font-family: inherit !important;
  font-size: 20px !important;
  font-weight: 800 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-accounts"] .tt-accounts-header h1 span {
  color: #f8f6f4 !important;
  font-style: normal !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-accounts"] .tt-accounts-header p {
  line-height: 1.4;
  color: #ffffff4d !important;
  margin-top: 4px !important;
  font-size: 12px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-accounts"] .tt-accounts-header a {
  color: #ffffff85 !important;
  background: #181b1e !important;
  border-color: #ffffff17 !important;
  border-radius: 5px !important;
  gap: 4px !important;
  min-height: 25px !important;
  padding: 6px 8px !important;
  font-size: 12px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-accounts"] .tt-accounts-header [data-tt-accounts-connect] {
  color: #fff !important;
  background: #111 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-accounts"] .tt-accounts-header svg {
  width: 9px !important;
  height: 9px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-accounts"] .tt-accounts-workspace {
  grid-template-columns: minmax(0, 1fr) 286px;
  align-items: start;
  gap: 8px;
  display: grid;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-accounts"] .tt-accounts-list {
  grid-template-columns: 1fr !important;
  gap: 6px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-accounts"] .tt-account-card, html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) body[data-page="user-tiktok-accounts"] .tt-account-card.bg-paper-0 {
  box-shadow: none !important;
  background: #181b1e !important;
  border-color: #ffffff14 !important;
  border-radius: 9px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-accounts"] .tt-account-profile {
  gap: 8px !important;
  padding: 9px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-accounts"] .tt-account-profile .w-14 {
  border-radius: 8px !important;
  width: 38px !important;
  height: 38px !important;
  font-size: 12px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-accounts"] .tt-account-profile .text-\[15px\] {
  color: #ffffffba !important;
  font-size: 14px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-accounts"] .tt-account-profile .text-\[12px\] {
  color: #ffffff4a !important;
  font-family: inherit !important;
  font-size: 11px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-accounts"] .tt-account-profile .rounded-full {
  color: #e6b35b !important;
  background: #f5ba4921 !important;
  border-color: #f5ba4933 !important;
  padding: 3px 5px !important;
  font-family: inherit !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-accounts"] .tt-account-stats {
  border-color: #ffffff12 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-accounts"] .tt-account-stats > div {
  border-color: #ffffff0f !important;
  padding: 7px 4px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-accounts"] .tt-account-stats .font-serif {
  font-weight: 750;
  color: #ffffffb8 !important;
  font-family: inherit !important;
  font-size: 13px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-accounts"] .tt-account-stats .font-mono {
  color: #ffffff40 !important;
  font-family: inherit !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-accounts"] .tt-account-error {
  line-height: 1.4;
  color: #ff8178 !important;
  background: #ff4a420f !important;
  border-color: #ffffff0f !important;
  padding: 6px 9px !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-accounts"] .tt-account-actions {
  min-height: 35px;
  border-color: #ffffff12 !important;
  padding: 6px 9px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-accounts"] .tt-account-actions > a, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-accounts"] .tt-account-actions > span {
  color: #ffffff59 !important;
  font-family: inherit !important;
  font-size: 11px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-accounts"] .tt-account-actions form button {
  color: #ffffff69 !important;
  background: #0f1113 !important;
  border-radius: 5px !important;
  width: 23px !important;
  height: 23px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-accounts"] .tt-account-actions [data-tt-disconnect] button {
  color: #ff8178 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-accounts"] .tt-account-actions svg {
  width: 9px !important;
  height: 9px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-accounts"] .tt-account-inbox {
  border-color: #ffffff12 !important;
  padding: 8px 9px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-accounts"] .tt-account-inbox .font-mono {
  color: #ffffff4a !important;
  font-family: inherit !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-accounts"] .tt-account-inbox .rounded-full {
  color: #65dcd6 !important;
  background: #25f4ee1a !important;
  padding: 3px 5px !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-accounts"] .tt-account-inbox p {
  line-height: 1.45;
  color: #ffffff47 !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-accounts"] .tt-account-inbox code {
  color: #ffffff63 !important;
  background: #0f1113 !important;
  border-radius: 5px !important;
  margin-top: 4px !important;
  padding: 5px 6px !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-accounts"] .tt-account-inbox form {
  margin-top: 5px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-accounts"] .tt-account-inbox button {
  color: #ff8178 !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-accounts"] .tt-account-inbox input {
  min-height: 27px;
  color: #ffffffa8 !important;
  background: #0f1113 !important;
  border-color: #ffffff17 !important;
  border-radius: 5px !important;
  padding: 6px 7px !important;
  font-size: 11px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-accounts"] .tt-account-capabilities, html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) body[data-page="user-tiktok-accounts"] .tt-account-capabilities.bg-paper-0 {
  box-shadow: none !important;
  background: #181b1e !important;
  border-color: #ffffff14 !important;
  border-radius: 9px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-accounts"] .tt-account-capabilities > div:first-child {
  color: #ffffff47 !important;
  border-color: #ffffff12 !important;
  padding: 8px 9px !important;
  font-family: inherit !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-accounts"] .tt-account-capabilities .divide-y > div {
  min-height: 43px;
  border-color: #ffffff0f !important;
  gap: 6px !important;
  padding: 7px 9px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-accounts"] .tt-account-capabilities .divide-y .font-semibold {
  color: #ffffff91 !important;
  font-size: 11px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-accounts"] .tt-account-capabilities .divide-y .text-\[11\.5px\] {
  line-height: 1.4;
  color: #ffffff40 !important;
  margin-top: 2px !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-accounts"] .tt-account-capabilities .bg-accent-amber {
  background-color: #e5a93d !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-accounts"] .tt-account-capabilities > div:last-child {
  color: #ffffff45 !important;
  background: #0f1113 !important;
  border-color: #ffffff12 !important;
  gap: 9px !important;
  padding: 7px 9px !important;
  font-family: inherit !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-accounts"] .tt-accounts-empty, html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) body[data-page="user-tiktok-accounts"] .tt-accounts-empty.bg-paper-0 {
  min-height: 136px;
  box-shadow: none !important;
  background: #181b1e !important;
  border-color: #ffffff14 !important;
  border-radius: 9px !important;
  padding: 34px 20px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-accounts"] .tt-accounts-empty .w-12 {
  border-radius: 7px !important;
  width: 30px !important;
  height: 30px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-accounts"] .tt-accounts-empty .text-sm {
  color: #ffffffad !important;
  font-size: 14px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-accounts"] .tt-accounts-empty p {
  color: #ffffff4a !important;
  font-size: 11px !important;
}
@media (max-width: 760px) {
  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-accounts"] .tt-accounts-workspace {
    grid-template-columns: 1fr;
  }
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-posts"] .shell-pane {
  overflow: auto;
  background: #0f1113 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-posts"] .tt-posts-page {
  color: #f8f6f4;
  flex-direction: column;
  width: 100%;
  display: flex;
  gap: 8px !important;
  margin: 0 !important;
  padding: 10px 14px 18px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-posts"] .tt-posts-page > * {
  margin: 0 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-posts"] .tt-posts-header {
  border-bottom: 1px solid #ffffff14;
  min-height: 69px;
  padding-bottom: 9px;
  align-items: flex-start !important;
  gap: 8px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-posts"] .tt-posts-header .font-mono {
  color: #25f4eea8 !important;
  margin-bottom: 4px !important;
  font-family: inherit !important;
  font-size: 11px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-posts"] .tt-posts-header h1 {
  color: #f8f6f4 !important;
  letter-spacing: -.035em !important;
  font-family: inherit !important;
  font-size: 20px !important;
  font-weight: 800 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-posts"] .tt-posts-header h1 span {
  color: #f8f6f4 !important;
  font-style: normal !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-posts"] .tt-posts-header p {
  line-height: 1.4;
  color: #ffffff4d !important;
  margin-top: 4px !important;
  font-size: 12px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-posts"] .tt-posts-header a {
  color: #ffffff85 !important;
  background: #181b1e !important;
  border-color: #ffffff17 !important;
  border-radius: 5px !important;
  gap: 4px !important;
  min-height: 25px !important;
  padding: 6px 8px !important;
  font-size: 12px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-posts"] .tt-posts-header [data-tt-posts-primary] {
  color: #fff !important;
  background: #111 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-posts"] .tt-posts-header svg {
  width: 9px !important;
  height: 9px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-posts"] .tt-posts-alert {
  color: #ffffff91 !important;
  background: #181b1e !important;
  border-color: #ffffff14 !important;
  border-radius: 6px !important;
  padding: 6px 8px !important;
  font-family: inherit !important;
  font-size: 11px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-posts"] .tt-posts-connection, html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) body[data-page="user-tiktok-posts"] .tt-posts-connection.bg-paper-0 {
  min-height: 43px;
  box-shadow: none !important;
  background: #f5ba490f !important;
  border-color: #f5ba492b !important;
  border-radius: 8px !important;
  padding: 6px 8px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-posts"] .tt-posts-connection .w-9 {
  border-radius: 6px !important;
  width: 27px !important;
  height: 27px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-posts"] .tt-posts-connection .font-semibold {
  color: #e6b35b !important;
  font-size: 11px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-posts"] .tt-posts-connection p {
  margin-top: 2px;
  color: #ffffff47 !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-posts"] .tt-posts-connection > a {
  border: 1px solid #f5ba492b;
  border-radius: 5px;
  padding: 5px 7px;
  color: #e6b35b !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-posts"] .tt-posts-stats {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 6px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-posts"] .tt-post-stat, html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) body[data-page="user-tiktok-posts"] .tt-post-stat.bg-paper-0 {
  grid-template-columns: 7px 1fr;
  align-items: center;
  column-gap: 5px;
  min-height: 61px;
  display: grid;
  box-shadow: none !important;
  background: #181b1e !important;
  border-color: #ffffff14 !important;
  border-radius: 8px !important;
  padding: 8px 9px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-posts"] .tt-post-stat-signal {
  background: #25f4ee;
  border-radius: 50%;
  width: 5px;
  height: 5px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-posts"] .tt-post-stat[data-tone="green"] .tt-post-stat-signal {
  background: #25d366;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-posts"] .tt-post-stat[data-tone="amber"] .tt-post-stat-signal {
  background: #e5a93d;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-posts"] .tt-post-stat[data-tone="coral"] .tt-post-stat-signal {
  background: #e87a5d;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-posts"] .tt-post-stat strong {
  color: #ffffffc7;
  grid-column: 1 / -1;
  font-size: 13px;
  line-height: 1;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-posts"] .tt-post-stat > span:last-child {
  color: #ffffff45;
  grid-column: 1 / -1;
  font-size: 10px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-posts"] .tt-posts-table, html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) body[data-page="user-tiktok-posts"] .tt-posts-table.bg-paper-0 {
  box-shadow: none !important;
  background: #181b1e !important;
  border-color: #ffffff14 !important;
  border-radius: 9px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-posts"] .tt-posts-toolbar {
  min-height: 38px;
  border-color: #ffffff12 !important;
  gap: 5px !important;
  padding: 6px 8px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-posts"] .tt-post-search {
  max-width: 174px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-posts"] .tt-post-search svg {
  color: #ffffff3d;
  pointer-events: none;
  position: absolute;
  top: 50%;
  left: 7px;
  transform: translateY(-50%);
  width: 8px !important;
  height: 8px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-posts"] .tt-post-search input {
  color: #ffffffa6;
  background: #0f1113;
  border: 1px solid #ffffff17;
  border-radius: 5px;
  width: 100%;
  height: 26px;
  padding: 5px 7px 5px 21px;
  font-size: 11px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-posts"] .tt-post-search input::placeholder {
  color: #ffffff38;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-posts"] .tt-post-status-filters button {
  color: #ffffff4f;
  border-radius: 5px;
  height: 24px;
  padding: 4px 6px;
  font-size: 10px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-posts"] .tt-post-status-filters button[data-active="true"] {
  color: #65dcd6;
  background: #25f4ee1a;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-posts"] .tt-post-account-filter select {
  color: #ffffff78;
  background-color: #0f1113;
  border: 1px solid #ffffff17;
  border-radius: 5px;
  height: 24px;
  padding: 4px 18px 4px 6px;
  font-size: 10px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-posts"] .tt-post-visible {
  margin-left: auto;
  color: #ffffff3d !important;
  font-family: inherit !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-posts"] .tt-post-visible strong {
  color: #ffffff85;
  font-weight: 700;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-posts"] .tt-posts-table table {
  min-width: 680px !important;
  font-size: 11px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-posts"] .tt-posts-table thead tr {
  color: #ffffff40 !important;
  border-color: #ffffff12 !important;
  font-family: inherit !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-posts"] .tt-posts-table th {
  padding: 7px 8px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-posts"] .tt-posts-table th:first-child {
  padding-left: 9px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-posts"] .tt-posts-table tbody {
  border-color: #ffffff0f !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-posts"] .tt-posts-table tbody tr {
  min-height: 44px;
  border-color: #ffffff0f !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-posts"] .tt-posts-table tbody tr:hover {
  background: #ffffff05 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-posts"] .tt-posts-table td {
  color: #ffffff61 !important;
  padding: 7px 8px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-posts"] .tt-posts-table td:first-child {
  width: 41%;
  padding-left: 9px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-posts"] .tt-post-caption .tt-post-type {
  color: #65dcd6;
  background: #25f4ee14;
  border-radius: 6px;
  width: 27px;
  height: 27px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-posts"] .tt-post-caption .tt-post-type svg {
  width: 10px !important;
  height: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-posts"] .tt-post-caption .text-ink-800 {
  color: #ffffffa8 !important;
  font-size: 11px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-posts"] .tt-post-caption .font-mono {
  max-width: 260px;
  margin-top: 2px;
  color: #ffffff3b !important;
  font-family: inherit !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-posts"] .tt-post-account-dot {
  vertical-align: 1px;
  background: #25f4ee;
  border-radius: 50%;
  width: 4px;
  height: 4px;
  margin-right: 4px;
  display: inline-block;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-posts"] .tt-post-status {
  border: 1px solid #0000;
  color: #ffffff6b !important;
  background: #ffffff0d !important;
  padding: 3px 5px !important;
  font-family: inherit !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-posts"] .tt-post-status[data-status="published"] {
  border-color: #25d36624;
  color: #6bdc96 !important;
  background: #25d36614 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-posts"] .tt-post-status[data-status="processing"] {
  border-color: #e5a93d29;
  color: #e5b65f !important;
  background: #e5a93d14 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-posts"] .tt-post-status[data-status="failed"] {
  border-color: #e87a5d29;
  color: #ef937b !important;
  background: #e87a5d14 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-posts"] .tt-posts-table .text-accent-coral {
  color: #ef937b !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-posts"] .tt-posts-table .font-mono.text-\[11px\] {
  color: #ffffff47 !important;
  font-family: inherit !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-posts"] .tt-posts-table td:last-child button {
  color: #ffffff61 !important;
  background: #0f1113 !important;
  border-radius: 5px !important;
  width: 23px !important;
  height: 23px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-posts"] .tt-posts-table td:last-child [data-tt-remove] button {
  color: #ef937b !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-posts"] .tt-posts-table td:last-child svg {
  width: 9px !important;
  height: 9px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-posts"] [data-tt-server-empty] td, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-posts"] [data-tt-filter-empty] td {
  height: 88px;
  color: #ffffff4f !important;
  font-size: 11px !important;
}
@media (max-width: 760px) {
  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-posts"] .tt-posts-stats {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-posts"] .tt-post-search {
    flex-basis: 100%;
    max-width: none;
  }
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-create"] .shell-pane {
  overflow: auto;
  background: #0f1113 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-create"] .tt-create-page {
  color: #f8f6f4;
  flex-direction: column;
  width: 100%;
  display: flex;
  gap: 8px !important;
  margin: 0 !important;
  padding: 10px 14px 18px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-create"] .tt-create-page > * {
  margin: 0 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-create"] .tt-create-header {
  border-bottom: 1px solid #ffffff14;
  min-height: 69px;
  padding-bottom: 9px;
  align-items: flex-start !important;
  gap: 8px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-create"] .tt-create-header .font-mono {
  color: #25f4eea8 !important;
  margin-bottom: 4px !important;
  font-family: inherit !important;
  font-size: 11px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-create"] .tt-create-header h1 {
  color: #f8f6f4 !important;
  letter-spacing: -.035em !important;
  font-family: inherit !important;
  font-size: 20px !important;
  font-weight: 800 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-create"] .tt-create-header h1 span {
  color: #f8f6f4 !important;
  font-style: normal !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-create"] .tt-create-header p {
  line-height: 1.4;
  color: #ffffff4d !important;
  margin-top: 4px !important;
  font-size: 12px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-create"] .tt-create-header a {
  color: #ffffff85 !important;
  background: #181b1e !important;
  border-color: #ffffff17 !important;
  border-radius: 5px !important;
  min-height: 25px !important;
  padding: 6px 8px !important;
  font-size: 12px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-create"] .tt-create-alert {
  color: #ef937b !important;
  background: #181b1e !important;
  border-color: #ffffff14 !important;
  border-radius: 6px !important;
  padding: 6px 8px !important;
  font-size: 11px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-create"] .tt-create-empty, html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) body[data-page="user-tiktok-create"] .tt-create-empty.bg-paper-0 {
  min-height: 145px;
  box-shadow: none !important;
  background: #181b1e !important;
  border-color: #ffffff14 !important;
  border-radius: 9px !important;
  padding: 35px 20px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-create"] .tt-create-empty .w-12 {
  border-radius: 7px !important;
  width: 31px !important;
  height: 31px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-create"] .tt-create-empty .text-\[13\.5px\] {
  color: #ffffff9c !important;
  font-size: 12px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-create"] .tt-create-empty a {
  color: #fff !important;
  background: #111 !important;
  border-radius: 5px !important;
  margin-top: 8px !important;
  padding: 6px 8px !important;
  font-size: 11px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-create"] .tt-create-workspace {
  align-items: start;
  grid-template-columns: minmax(0, 1fr) 214px !important;
  gap: 8px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-create"] .tt-composer-form, html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) body[data-page="user-tiktok-create"] .tt-composer-form.bg-paper-0 {
  overflow: hidden;
  box-shadow: none !important;
  background: #181b1e !important;
  border-color: #ffffff14 !important;
  border-radius: 9px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-create"] [data-tt-step] {
  border-color: #ffffff12 !important;
  padding: 8px 9px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-create"] [data-tt-step] > .flex:first-child {
  gap: 5px !important;
  margin-bottom: 6px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-create"] [data-tt-step] > .flex:first-child > .w-\[23px\] {
  color: #65dcd6 !important;
  background: #0f1113 !important;
  border-radius: 5px !important;
  width: 18px !important;
  height: 18px !important;
  font-family: inherit !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-create"] [data-tt-step] > .flex:first-child > .font-serif {
  font-weight: 700;
  color: #ffffffad !important;
  font-family: inherit !important;
  font-size: 14px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-create"] [data-tt-step] > .flex:first-child > .font-mono {
  color: #ffffff3d !important;
  font-family: inherit !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-create"] #tt-account {
  height: 29px;
  color: #ffffff9e !important;
  background: #0f1113 !important;
  border-color: #ffffff17 !important;
  border-radius: 5px !important;
  padding: 5px 24px 5px 31px !important;
  font-size: 11px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-create"] #tt-account + span {
  width: 21px !important;
  height: 21px !important;
  left: 5px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-create"] #tt-account + span svg {
  width: 9px !important;
  height: 9px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-create"] #tt-account ~ svg {
  width: 8px !important;
  height: 8px !important;
  right: 8px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-create"] #tt-type-tabs {
  gap: 5px !important;
  margin-bottom: 6px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-create"] .tt-type-btn {
  height: 27px;
  color: #ffffff59 !important;
  background: #0f1113 !important;
  border-color: #ffffff17 !important;
  border-radius: 5px !important;
  gap: 4px !important;
  padding: 5px !important;
  font-size: 11px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-create"] .tt-type-btn[data-active="true"] {
  color: #65dcd6 !important;
  background: #25f4ee14 !important;
  border-color: #25f4ee33 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-create"] .tt-type-btn svg {
  width: 9px !important;
  height: 9px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-create"] [data-tt-media] {
  margin: 0 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-create"] [data-tt-media] > * + * {
  margin-top: 6px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-create"] #tt-video-drop, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-create"] #tt-photo-drop {
  min-height: 57px;
  background: #0f1113 !important;
  border-width: 1px !important;
  border-color: #ffffff1a !important;
  border-radius: 6px !important;
  gap: 2px !important;
  padding: 7px 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-create"] #tt-video-drop > .w-10, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-create"] #tt-photo-drop > .w-10 {
  color: #65dcd6 !important;
  background: #181b1e !important;
  border-color: #ffffff17 !important;
  width: 22px !important;
  height: 22px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-create"] #tt-video-drop svg, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-create"] #tt-photo-drop svg {
  width: 9px !important;
  height: 9px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-create"] #tt-video-label, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-create"] #tt-photo-label {
  color: #ffffff8c !important;
  font-size: 11px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-create"] #tt-video-drop > .text-\[11px\], html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-create"] #tt-photo-drop > .text-\[11px\] {
  color: #ffffff3d !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-create"] [data-tt-media] label.block > span {
  color: #ffffff59 !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-create"] #tt-video-url, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-create"] #tt-photo-urls, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-create"] #tt-caption {
  min-height: 28px;
  color: #ffffffa8 !important;
  background: #0f1113 !important;
  border-color: #ffffff17 !important;
  border-radius: 5px !important;
  margin-top: 3px !important;
  padding: 6px 7px !important;
  font-family: inherit !important;
  font-size: 11px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-create"] #tt-photo-urls {
  min-height: 42px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-create"] #tt-caption {
  resize: vertical;
  min-height: 55px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-create"] #tt-video-url::placeholder, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-create"] #tt-photo-urls::placeholder, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-create"] #tt-caption::placeholder {
  color: #fff3;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-create"] [data-tt-step="media"] > p, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-create"] [data-tt-step="caption"] > p {
  line-height: 1.4;
  color: #ffffff40 !important;
  margin-top: 5px !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-create"] .tt-composer-submit {
  min-height: 38px;
  padding: 6px 9px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-create"] .tt-composer-submit > span {
  color: #ffffff40 !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-create"] .tt-composer-submit button {
  min-height: 26px;
  color: #fff !important;
  background: #111 !important;
  border-radius: 5px !important;
  gap: 4px !important;
  padding: 6px 8px !important;
  font-size: 11px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-create"] .tt-composer-submit button svg {
  width: 8px !important;
  height: 8px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-create"] .tt-compose-preview {
  top: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-create"] .tt-compose-preview .card, html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) body[data-page="user-tiktok-create"] .tt-compose-preview .card.bg-paper-0 {
  box-shadow: none !important;
  background: #181b1e !important;
  border-color: #ffffff14 !important;
  border-radius: 9px !important;
  padding: 8px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-create"] .tt-compose-preview .card > .flex {
  margin-bottom: 5px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-create"] .tt-compose-preview .font-mono {
  color: #ffffff4d !important;
  font-family: inherit !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-create"] .tt-compose-preview .font-mono .rounded-full {
  width: 4px !important;
  height: 4px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-create"] .tt-compose-preview .card > .flex > span {
  color: #ffffff6b !important;
  background: #0f1113 !important;
  padding: 3px 5px !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-create"] .tt-compose-preview .card > .flex > span svg {
  width: 7px !important;
  height: 7px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-create"] .tt-compose-preview .aspect-\[9\/16\] {
  background: #111 !important;
  border-radius: 8px !important;
  max-width: 178px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-create"] .tt-compose-preview .aspect-\[9\/16\] > span svg {
  width: 24px !important;
  height: 24px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-create"] .tt-compose-preview .aspect-\[9\/16\] > div {
  padding: 8px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-create"] .tt-compose-preview .aspect-\[9\/16\] .font-semibold {
  font-size: 11px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-create"] #tt-prev-caption {
  line-height: 1.35;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-create"] .tt-compose-preview > p {
  color: #ffffff3d !important;
  margin-top: 5px !important;
  font-size: 10px !important;
}
@media (max-width: 760px) {
  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-create"] .tt-create-workspace {
    grid-template-columns: 1fr !important;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-create"] .tt-compose-preview {
    display: none;
  }
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-insights"] .shell-pane {
  overflow: auto;
  background: #0f1113 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-insights"] .tt-insights-page {
  color: #f8f6f4;
  flex-direction: column;
  width: 100%;
  display: flex;
  gap: 8px !important;
  margin: 0 !important;
  padding: 10px 14px 18px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-insights"] .tt-insights-page > * {
  margin: 0 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-insights"] .tt-insights-header {
  border-bottom: 1px solid #ffffff14;
  min-height: 69px;
  padding-bottom: 9px;
  align-items: flex-start !important;
  gap: 8px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-insights"] .tt-insights-header .font-mono {
  color: #25f4eea8 !important;
  margin-bottom: 4px !important;
  font-family: inherit !important;
  font-size: 11px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-insights"] .tt-insights-header h1 {
  color: #f8f6f4 !important;
  letter-spacing: -.035em !important;
  font-family: inherit !important;
  font-size: 20px !important;
  font-weight: 800 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-insights"] .tt-insights-header h1 span {
  color: #f8f6f4 !important;
  font-style: normal !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-insights"] .tt-insights-header p {
  line-height: 1.4;
  color: #ffffff4d !important;
  margin-top: 4px !important;
  font-size: 12px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-insights"] .tt-insights-header a {
  color: #ffffff85 !important;
  background: #181b1e !important;
  border-color: #ffffff17 !important;
  border-radius: 5px !important;
  min-height: 25px !important;
  padding: 6px 8px !important;
  font-size: 12px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-insights"] .tt-insights-empty, html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) body[data-page="user-tiktok-insights"] .tt-insights-empty.bg-paper-0 {
  min-height: 145px;
  box-shadow: none !important;
  background: #181b1e !important;
  border-color: #ffffff14 !important;
  border-radius: 9px !important;
  padding: 35px 20px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-insights"] .tt-insights-empty .w-12 {
  border-radius: 7px !important;
  width: 31px !important;
  height: 31px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-insights"] .tt-insights-empty .text-\[13\.5px\] {
  color: #ffffff9c !important;
  font-size: 12px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-insights"] .tt-insights-empty a {
  color: #fff !important;
  background: #111 !important;
  border-radius: 5px !important;
  margin-top: 8px !important;
  padding: 6px 8px !important;
  font-size: 11px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-insights"] .tt-insights-identity, html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) body[data-page="user-tiktok-insights"] .tt-insights-identity.bg-paper-0 {
  min-height: 66px;
  box-shadow: none !important;
  background: #181b1e !important;
  border-color: #ffffff14 !important;
  border-radius: 9px !important;
  gap: 8px !important;
  padding: 8px 9px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-insights"] .tt-insights-identity .gap-3\.5 {
  gap: 7px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-insights"] .tt-insights-identity .w-14 {
  border-color: #ffffff17 !important;
  border-radius: 8px !important;
  width: 38px !important;
  height: 38px !important;
  font-size: 12px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-insights"] .tt-insights-identity .text-\[17px\] {
  color: #ffffffb8 !important;
  font-size: 14px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-insights"] .tt-insights-identity .text-wa-deep {
  color: #65dcd6 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-insights"] [data-tt-connected-status] {
  color: #6bdc96 !important;
  background: #25d36614 !important;
  flex: none !important;
  width: auto !important;
  min-width: 0 !important;
  min-height: 0 !important;
  padding: 3px 5px !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-insights"] [data-tt-connected-status] > span {
  background: #25d366 !important;
  width: 4px !important;
  min-width: 0 !important;
  height: 4px !important;
  min-height: 0 !important;
  padding: 0 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-insights"] .tt-insights-identity .text-\[12px\] {
  color: #ffffff4a !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-insights"] .tt-insights-identity .font-mono {
  color: #ffffff4f !important;
  font-family: inherit !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-insights"] .tt-insights-identity .shrink-0 > .font-mono {
  color: #ffffff38 !important;
  margin-bottom: 3px !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-insights"] [data-tt-viewing-account] {
  min-width: 145px;
  min-height: 28px;
  color: #ffffff8c !important;
  background: #0f1113 !important;
  border-color: #ffffff17 !important;
  border-radius: 5px !important;
  padding: 5px 7px !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-insights"] [data-tt-viewing-account] .w-5 {
  width: 16px !important;
  height: 16px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-insights"] .tt-insights-stats {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 6px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-insights"] .tt-insights-stat, html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) body[data-page="user-tiktok-insights"] .tt-insights-stat.bg-paper-0 {
  min-height: 61px;
  box-shadow: none !important;
  background: #181b1e !important;
  border-color: #ffffff14 !important;
  border-radius: 8px !important;
  padding: 8px 9px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-insights"] .tt-insights-stat .font-mono {
  color: #ffffff40 !important;
  font-family: inherit !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-insights"] .tt-insights-stat .font-serif {
  font-weight: 750;
  color: #ffffffc7 !important;
  margin-top: 6px !important;
  font-family: inherit !important;
  font-size: 13px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-insights"] .tt-insights-stat .text-\[11px\] {
  color: #ffffff40 !important;
  margin-top: 2px !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-insights"] .tt-insights-videos, html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) body[data-page="user-tiktok-insights"] .tt-insights-videos.bg-paper-0 {
  box-shadow: none !important;
  background: #181b1e !important;
  border-color: #ffffff14 !important;
  border-radius: 9px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-insights"] .tt-insights-videos > div:first-child {
  min-height: 35px;
  border-color: #ffffff12 !important;
  padding: 7px 9px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-insights"] .tt-insights-videos > div:first-child .font-mono {
  color: #ffffff47 !important;
  font-family: inherit !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-insights"] .tt-insights-videos > div:first-child a {
  color: #65dcd6 !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-insights"] .tt-insights-videos > .grid {
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: 7px !important;
  padding: 8px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-insights"] .tt-video-card > div:first-child {
  background: #111 !important;
  border-color: #ffffff14 !important;
  border-radius: 7px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-insights"] .tt-video-card > div:first-child > span svg {
  width: 20px !important;
  height: 20px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-insights"] .tt-video-card > div:first-child > .absolute.inset-x-0 {
  padding: 6px !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-insights"] .tt-video-card > div:first-child > .absolute svg {
  width: 7px !important;
  height: 7px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-insights"] .tt-video-card > div:first-child > .top-1\.5 {
  border-radius: 4px !important;
  padding: 2px 4px !important;
  font-family: inherit !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-insights"] .tt-video-card > .font-mono {
  color: #ffffff45 !important;
  margin-top: 4px !important;
  font-family: inherit !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-insights"] .tt-video-card > .font-mono svg {
  width: 7px !important;
  height: 7px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-insights"] .tt-video-card > .text-\[11\.5px\] {
  line-height: 1.35;
  color: #ffffff82 !important;
  margin-top: 2px !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-insights"] .tt-insights-video-empty {
  min-height: 100px;
  color: #ffffff4a !important;
  padding: 42px 10px !important;
  font-size: 11px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-insights"] .tt-insights-page > p {
  color: #ffffff38 !important;
  font-size: 10px !important;
}
@media (max-width: 760px) {
  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-insights"] .tt-insights-stats, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-insights"] .tt-insights-videos > .grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-shop"] .shell-pane {
  overflow: auto;
  background: #0f1113 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-shop"] .tt-shop-page {
  color: #f8f6f4;
  flex-direction: column;
  width: 100%;
  display: flex;
  gap: 8px !important;
  margin: 0 !important;
  padding: 10px 14px 18px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-shop"] .tt-shop-page > * {
  margin: 0 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-shop"] .tt-shop-header {
  border-bottom: 1px solid #ffffff14;
  min-height: 69px;
  padding-bottom: 9px;
  align-items: flex-start !important;
  gap: 8px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-shop"] .tt-shop-header .font-mono {
  color: #25f4eea8 !important;
  margin-bottom: 4px !important;
  font-family: inherit !important;
  font-size: 11px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-shop"] .tt-shop-header h1 {
  color: #f8f6f4 !important;
  letter-spacing: -.035em !important;
  font-family: inherit !important;
  font-size: 20px !important;
  font-weight: 800 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-shop"] .tt-shop-header h1 span {
  color: #f8f6f4 !important;
  font-style: normal !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-shop"] .tt-shop-header p {
  line-height: 1.4;
  color: #ffffff4d !important;
  margin-top: 4px !important;
  font-size: 12px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-shop"] .tt-shop-header > a {
  min-height: 25px;
  color: #ffffff85 !important;
  background: #181b1e !important;
  border-color: #ffffff17 !important;
  border-radius: 5px !important;
  padding: 6px 8px !important;
  font-size: 12px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-shop"] .tt-shop-alert {
  color: #ffffff9c !important;
  background: #181b1e !important;
  border-color: #ffffff17 !important;
  border-radius: 6px !important;
  padding: 6px 8px !important;
  font-family: inherit !important;
  font-size: 11px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-shop"] .tt-shop-empty, html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) body[data-page="user-tiktok-shop"] .tt-shop-empty.bg-paper-0 {
  min-height: 145px;
  box-shadow: none !important;
  background: #181b1e !important;
  border-color: #ffffff14 !important;
  border-radius: 9px !important;
  padding: 35px 20px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-shop"] .tt-shop-empty .w-12 {
  border-radius: 7px !important;
  width: 31px !important;
  height: 31px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-shop"] .tt-shop-empty .text-sm {
  color: #ffffffa3 !important;
  font-size: 12px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-shop"] .tt-shop-empty p {
  color: #ffffff4a !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-shop"] .tt-shop-empty a {
  color: #fff !important;
  background: #111 !important;
  border-radius: 5px !important;
  margin-top: 8px !important;
  padding: 6px 8px !important;
  font-size: 11px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-shop"] .tt-shop-card, html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) body[data-page="user-tiktok-shop"] .tt-shop-card.bg-paper-0 {
  overflow: hidden;
  box-shadow: none !important;
  background: #181b1e !important;
  border-color: #ffffff14 !important;
  border-radius: 9px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-shop"] .tt-shop-identity {
  min-height: 56px;
  border-color: #ffffff12 !important;
  gap: 7px !important;
  padding: 7px 9px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-shop"] .tt-shop-identity > .flex:first-child {
  gap: 7px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-shop"] .tt-shop-identity > .flex:first-child > span {
  background: #111 !important;
  border-radius: 7px !important;
  width: 34px !important;
  height: 34px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-shop"] .tt-shop-identity > .flex:first-child > span svg {
  width: 17px !important;
  height: 17px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-shop"] [data-tt-shop-name] {
  color: #ffffffc2 !important;
  font-size: 14px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-shop"] [data-tt-shop-status] {
  color: #6bdc96 !important;
  background: #25d36614 !important;
  border-color: #25d3662e !important;
  flex: none !important;
  width: auto !important;
  min-width: 0 !important;
  min-height: 0 !important;
  padding: 3px 5px !important;
  font-family: inherit !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-shop"] [data-tt-shop-status] > span {
  background: #25d366 !important;
  width: 4px !important;
  min-width: 0 !important;
  height: 4px !important;
  min-height: 0 !important;
  padding: 0 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-shop"] .tt-shop-identity .min-w-0 > .font-mono {
  color: #ffffff47 !important;
  font-family: inherit !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-shop"] .tt-shop-identity > .shrink-0 {
  gap: 5px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-shop"] [data-tt-shop-switch] {
  min-width: 128px;
  height: 26px;
  color: #ffffff91 !important;
  background: #0f1113 !important;
  border-color: #ffffff17 !important;
  border-radius: 5px !important;
  padding: 5px 22px 5px 7px !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-shop"] [data-tt-shop-connect], html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-shop"] [data-tt-shop-inbox] {
  min-height: 26px;
  color: #ffffff7d !important;
  background: #0f1113 !important;
  border-color: #ffffff17 !important;
  border-radius: 5px !important;
  padding: 6px 7px !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-shop"] .tt-shop-card > div:last-child {
  gap: 3px !important;
  padding: 5px 7px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-shop"] [data-tt-shop-tab] {
  min-height: 22px;
  color: #ffffff59 !important;
  border-radius: 5px !important;
  gap: 4px !important;
  padding: 4px 7px !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-shop"] [data-tt-shop-tab][data-active="true"] {
  color: #65dcd6 !important;
  background: #25f4ee1a !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-shop"] [data-tt-shop-tab] > span {
  color: inherit !important;
  background: #ffffff12 !important;
  border-radius: 4px !important;
  padding: 2px 4px !important;
  font-family: inherit !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-shop"] .tt-shop-content {
  flex-direction: column;
  display: flex;
  gap: 7px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-shop"] .tt-shop-content > * {
  margin: 0 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-shop"] .tt-shop-stats {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 6px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-shop"] .tt-shop-stat, html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) body[data-page="user-tiktok-shop"] .tt-shop-stat.bg-paper-0 {
  min-height: 58px;
  box-shadow: none !important;
  background: #181b1e !important;
  border-color: #ffffff14 !important;
  border-radius: 8px !important;
  padding: 8px 9px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-shop"] .tt-shop-stat .font-mono {
  color: #ffffff40 !important;
  font-family: inherit !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-shop"] .tt-shop-stat .font-serif {
  font-weight: 750;
  color: #ffffffc7 !important;
  margin-top: 6px !important;
  font-family: inherit !important;
  font-size: 13px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-shop"] .tt-shop-overview-panels {
  grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr) !important;
  gap: 7px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-shop"] .tt-shop-panel, html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) body[data-page="user-tiktok-shop"] .tt-shop-panel.bg-paper-0 {
  box-shadow: none !important;
  background: #181b1e !important;
  border-color: #ffffff14 !important;
  border-radius: 9px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-shop"] .tt-shop-panel > div:first-child:not(.overflow-x-auto):not(.grid):not(.divide-y):not(.p-5) {
  min-height: 32px;
  color: #ffffff47 !important;
  border-color: #ffffff12 !important;
  padding: 7px 9px !important;
  font-family: inherit !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-shop"] .tt-shop-panel > div:first-child a {
  color: #65dcd6 !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-shop"] .tt-shop-panel .divide-y {
  border-color: #ffffff0f !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-shop"] [data-tt-shop-order] {
  min-height: 34px;
  border-color: #ffffff0f !important;
  padding: 6px 9px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-shop"] [data-tt-shop-order] .text-ink-800 {
  color: #ffffff94 !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-shop"] [data-tt-shop-order] .font-mono {
  color: #ffffff3d !important;
  font-family: inherit !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-shop"] [data-tt-shop-order] > .font-semibold {
  color: #ffffffa3 !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-shop"] [data-tt-shop-order] > span {
  border-radius: 4px !important;
  padding: 2px 4px !important;
  font-family: inherit !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-shop"] [data-tt-shop-message] {
  min-height: 34px;
  border-color: #ffffff0f !important;
  gap: 6px !important;
  padding: 6px 9px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-shop"] [data-tt-shop-message] .text-ink-800 {
  color: #ffffff96 !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-shop"] [data-tt-shop-message] .text-ink-600 {
  color: #ffffff61 !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-shop"] [data-tt-shop-message] .font-mono {
  color: #ffffff3d !important;
  font-family: inherit !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-shop"] [data-tt-shop-panel="recent-messages"] > div:last-child {
  border-color: #ffffff0f !important;
  padding: 6px 9px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-shop"] [data-tt-shop-panel="recent-messages"] > div:last-child a {
  color: #65dcd6 !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-shop"] [data-tt-shop-panel="orders"] table {
  color: #ffffff7a !important;
  min-width: 600px !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-shop"] [data-tt-shop-panel="orders"] th {
  color: #ffffff3d !important;
  border-color: #ffffff12 !important;
  padding: 6px 8px !important;
  font-family: inherit !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-shop"] [data-tt-shop-panel="orders"] td {
  border-color: #ffffff0f !important;
  padding: 6px 8px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-shop"] [data-tt-shop-panel="products"] > .grid {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 7px !important;
  padding: 8px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-shop"] .tt-shop-product, html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) body[data-page="user-tiktok-shop"] .tt-shop-product.bg-paper-0 {
  background: #0f1113 !important;
  border-color: #ffffff14 !important;
  border-radius: 7px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-shop"] .tt-shop-product > div:first-child {
  height: 82px;
  aspect-ratio: auto !important;
  background: #111 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-shop"] .tt-shop-product > .tt-product-fallback {
  position: relative;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-shop"] .tt-shop-product > .tt-product-fallback:after {
  content: "TikTok Shop";
  color: #fff3;
  letter-spacing: .06em;
  place-items: center;
  font-size: 10px;
  display: grid;
  position: absolute;
  inset: 0;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-shop"] .tt-shop-product > div:last-child {
  padding: 6px 7px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-shop"] .tt-shop-product .font-semibold {
  color: #ffffff94 !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-shop"] .tt-shop-product .font-serif {
  font-weight: 700;
  color: #ffffffbf !important;
  font-family: inherit !important;
  font-size: 12px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-shop"] .tt-shop-product .font-mono {
  color: #ffffff40 !important;
  margin-top: 4px !important;
  font-family: inherit !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-shop"] [data-tt-shop-panel="messages"] [data-tt-shop-message] > .w-8 {
  color: #ffffff59 !important;
  background: #ffffff12 !important;
  width: 22px !important;
  height: 22px !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-shop"] [data-tt-shop-panel="settings"] > .p-5 {
  color: #ffffff6e !important;
  padding: 7px 9px !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-shop"] [data-tt-shop-panel="settings"] > .p-5 > div {
  min-height: 27px;
  border-color: #ffffff12 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-shop"] [data-tt-shop-panel="settings"] .text-ink-500 {
  color: #ffffff47 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-shop"] [data-tt-shop-panel="settings"] .text-ink-800, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-shop"] [data-tt-shop-panel="settings"] .text-ink-700 {
  color: #ffffff9c !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-shop"] [data-tt-shop-disconnect] button {
  color: #f07c71 !important;
  border-color: #ef5b4c4d !important;
  border-radius: 5px !important;
  padding: 5px 7px !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-shop"] .tt-shop-requirements {
  line-height: 1.45;
  color: #ffffff45 !important;
  background: #ffffff05 !important;
  border-color: #ffffff1a !important;
  border-radius: 8px !important;
  padding: 8px 9px !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-shop"] .tt-shop-requirements .font-semibold {
  color: #ffffff8f !important;
  margin-bottom: 3px !important;
  font-size: 11px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-shop"] .tt-shop-requirements a {
  color: #65dcd6 !important;
}
@media (max-width: 760px) {
  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-shop"] .tt-shop-identity {
    flex-direction: column;
    align-items: flex-start !important;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-shop"] .tt-shop-identity > .shrink-0 {
    flex-wrap: wrap;
    width: 100%;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-shop"] .tt-shop-stats {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-shop"] .tt-shop-overview-panels {
    grid-template-columns: 1fr !important;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-shop"] [data-tt-shop-panel="products"] > .grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-tiktok-posts"] .tt-post-account-dot {
  color: #1d2321 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-telegram-index"] .shell-pane {
  overflow: auto;
  background: #0f1113 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-telegram-index"] .tg-page {
  color: #f8f6f4;
  flex-direction: column;
  width: 100%;
  display: flex;
  gap: 8px !important;
  margin: 0 !important;
  padding: 10px 14px 18px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-telegram-index"] .tg-page > * {
  margin: 0 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-telegram-index"] .tg-header {
  border-bottom: 1px solid #ffffff14;
  min-height: 69px;
  padding-bottom: 9px;
  align-items: flex-start !important;
  gap: 8px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-telegram-index"] .tg-header .font-mono {
  color: #44b5e8bd !important;
  margin-bottom: 4px !important;
  font-family: inherit !important;
  font-size: 11px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-telegram-index"] .tg-header h1 {
  color: #f8f6f4 !important;
  letter-spacing: -.035em !important;
  font-family: inherit !important;
  font-size: 20px !important;
  font-weight: 800 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-telegram-index"] .tg-header h1 span {
  color: #f8f6f4 !important;
  font-style: normal !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-telegram-index"] .tg-header p {
  line-height: 1.4;
  color: #ffffff4d !important;
  margin-top: 4px !important;
  font-size: 12px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-telegram-index"] .tg-header-actions {
  gap: 5px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-telegram-index"] .tg-header-actions a {
  min-height: 25px;
  color: #ffffff85 !important;
  background: #181b1e !important;
  border-color: #ffffff17 !important;
  border-radius: 5px !important;
  padding: 6px 8px !important;
  font-size: 11px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-telegram-index"] .tg-alert {
  color: #6bdc96 !important;
  background: #181b1e !important;
  border-color: #ffffff17 !important;
  border-radius: 6px !important;
  padding: 6px 8px !important;
  font-family: inherit !important;
  font-size: 11px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-telegram-index"] .tg-alert-error {
  color: #f07c71 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-telegram-index"] .tg-workspace {
  grid-template-columns: minmax(0, 1.3fr) minmax(0, .95fr) !important;
  gap: 7px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-telegram-index"] .tg-connect-stack, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-telegram-index"] .tg-guide, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-telegram-index"] .tg-bots {
  flex-direction: column;
  display: flex;
  gap: 7px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-telegram-index"] .tg-connect-stack > *, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-telegram-index"] .tg-guide > *, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-telegram-index"] .tg-bots > * {
  margin: 0 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-telegram-index"] .tg-connect-card, html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) body[data-page="user-telegram-index"] .tg-connect-card.bg-paper-0, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-telegram-index"] .tg-bot-card, html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) body[data-page="user-telegram-index"] .tg-bot-card.bg-paper-0, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-telegram-index"] .tg-guide-card, html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) body[data-page="user-telegram-index"] .tg-guide-card.bg-paper-0 {
  box-shadow: none !important;
  background: #181b1e !important;
  border-color: #ffffff14 !important;
  border-radius: 9px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-telegram-index"] .tg-connect-card {
  padding: 8px 9px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-telegram-index"] .tg-connect-card > .flex:first-child {
  gap: 6px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-telegram-index"] .tg-channel-icon {
  background: #229ed9 !important;
  border-radius: 7px !important;
  width: 31px !important;
  height: 31px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-telegram-index"] .tg-channel-icon svg {
  width: 15px !important;
  height: 15px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-telegram-index"] .tg-status {
  color: #6bdc96 !important;
  background: #25d36614 !important;
  border-color: #25d3662e !important;
  width: auto !important;
  min-width: 0 !important;
  min-height: 0 !important;
  padding: 3px 5px !important;
  font-family: inherit !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-telegram-index"] .tg-status > span {
  background: #25d366 !important;
  width: 4px !important;
  height: 4px !important;
  padding: 0 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-telegram-index"] .tg-connect-card > .font-serif {
  font-weight: 700;
  color: #ffffffb8 !important;
  margin-top: 6px !important;
  font-family: inherit !important;
  font-size: 14px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-telegram-index"] .tg-connect-card > p {
  line-height: 1.4;
  color: #ffffff4f !important;
  margin-top: 3px !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-telegram-index"] .tg-connect-card > .mt-4 {
  margin-top: 7px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-telegram-index"] [data-tg-open] {
  min-height: 25px;
  color: #fff !important;
  background: #229ed9 !important;
  border-radius: 5px !important;
  gap: 4px !important;
  padding: 6px 8px !important;
  font-size: 11px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-telegram-index"] [data-tg-open] svg {
  width: 8px !important;
  height: 8px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-telegram-index"] .tg-account-connect-card > .mt-4.grid {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 7px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-telegram-index"] [data-tg-account], html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-telegram-index"] .tg-account-identity {
  background: #0f1113 !important;
  border-color: #ffffff14 !important;
  border-radius: 7px !important;
  padding: 7px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-telegram-index"] [data-tg-account] {
  flex-direction: column;
  display: flex;
  gap: 5px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-telegram-index"] [data-tg-account] > * {
  margin: 0 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-telegram-index"] [data-tg-account] .font-semibold, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-telegram-index"] .tg-account-identity .font-semibold {
  color: #fff9 !important;
  font-size: 11px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-telegram-index"] [data-tg-account] label {
  color: #ffffff47 !important;
  margin-bottom: 2px !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-telegram-index"] [data-tg-account] input {
  min-height: 25px;
  color: #fff9 !important;
  background: #181b1e !important;
  border-color: #ffffff14 !important;
  border-radius: 5px !important;
  padding: 5px 7px !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-telegram-index"] [data-tg-account] > div > .flex {
  min-height: 25px;
  background: #181b1e !important;
  border-color: #ffffff14 !important;
  border-radius: 5px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-telegram-index"] [data-tg-account] > div > .flex input {
  background: none !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-telegram-index"] [data-tg-account] button {
  min-height: 25px;
  background: #229ed9 !important;
  border-radius: 5px !important;
  padding: 5px 7px !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-telegram-index"] .tg-account-identity > .flex:first-child {
  gap: 6px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-telegram-index"] .tg-account-identity > .flex:first-child > span {
  width: 27px !important;
  height: 27px !important;
  font-size: 12px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-telegram-index"] .tg-account-identity .font-mono {
  color: #ffffff40 !important;
  font-family: inherit !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-telegram-index"] .tg-account-identity > .flex:nth-child(2) {
  gap: 4px !important;
  margin-top: 6px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-telegram-index"] .tg-account-identity button {
  min-height: 23px;
  color: #ffffff78 !important;
  background: #181b1e !important;
  border-color: #ffffff17 !important;
  border-radius: 5px !important;
  padding: 5px 6px !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-telegram-index"] .tg-account-identity > p {
  color: #ffffff3d !important;
  border-color: #ffffff12 !important;
  margin-top: 6px !important;
  padding-top: 6px !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-telegram-index"] [data-tg-account-pending] input {
  min-height: 27px;
  color: #fff !important;
  background: #0f1113 !important;
  border-color: #ffffff14 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-telegram-index"] .tg-bots > .font-mono {
  color: #44b5e88c !important;
  font-family: inherit !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-telegram-index"] .tg-bot-card > .p-4 {
  min-height: 47px;
  gap: 7px !important;
  padding: 7px 9px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-telegram-index"] .tg-bot-card > .p-4 > .w-12 {
  border-radius: 7px !important;
  width: 31px !important;
  height: 31px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-telegram-index"] .tg-bot-card > .p-4 > .w-12 svg {
  width: 15px !important;
  height: 15px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-telegram-index"] [data-tg-bot-name] {
  color: #ffffffad !important;
  font-size: 12px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-telegram-index"] .tg-bot-card .text-ink-500 {
  color: #ffffff47 !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-telegram-index"] .tg-bot-card .text-accent-coral {
  color: #f07c71 !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-telegram-index"] .tg-bot-card .text-ink-400 {
  color: #ffffff3b !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-telegram-index"] .tg-bot-state {
  color: #6bdc96 !important;
  background: #25d36614 !important;
  flex: none !important;
  width: auto !important;
  min-width: 0 !important;
  min-height: 0 !important;
  padding: 3px 5px !important;
  font-family: inherit !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-telegram-index"] .tg-bot-state > span {
  width: 4px !important;
  height: 4px !important;
  padding: 0 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-telegram-index"] .tg-payment {
  border-color: #ffffff12 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-telegram-index"] .tg-payment summary {
  min-height: 25px;
  color: #ffffff52 !important;
  gap: 5px !important;
  padding: 5px 9px !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-telegram-index"] .tg-payment summary svg {
  width: 8px !important;
  height: 8px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-telegram-index"] [data-tg-payment-form] {
  padding: 3px 9px 7px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-telegram-index"] [data-tg-payment-form] p, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-telegram-index"] [data-tg-payment-form] label {
  color: #ffffff45 !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-telegram-index"] [data-tg-payment-form] input[type="password"] {
  min-height: 25px;
  color: #ffffff96 !important;
  background: #0f1113 !important;
  border-color: #ffffff14 !important;
  border-radius: 5px !important;
  padding: 5px 7px !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-telegram-index"] [data-tg-payment-form] button {
  background: #229ed9 !important;
  border-radius: 5px !important;
  padding: 5px 7px !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-telegram-index"] .tg-bot-card > div:last-child {
  min-height: 29px;
  border-color: #ffffff12 !important;
  padding: 5px 9px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-telegram-index"] .tg-bot-card > div:last-child > span {
  color: #ffffff38 !important;
  font-family: inherit !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-telegram-index"] [data-tg-bot-action] button {
  color: #ffffff57 !important;
  border-radius: 5px !important;
  width: 23px !important;
  height: 23px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-telegram-index"] [data-tg-bot-action="destroy"] button {
  color: #f07c71 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-telegram-index"] [data-tg-bot-action] svg {
  width: 9px !important;
  height: 9px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-telegram-index"] .tg-guide {
  top: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-telegram-index"] .tg-guide-intro > div:first-child {
  min-height: 54px;
  border-color: #ffffff12 !important;
  gap: 7px !important;
  padding: 8px 9px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-telegram-index"] .tg-guide-intro > div:first-child > span {
  border-radius: 7px !important;
  width: 29px !important;
  height: 29px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-telegram-index"] .tg-guide-intro > div:first-child svg {
  width: 14px !important;
  height: 14px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-telegram-index"] .tg-guide-intro .font-serif {
  font-weight: 700;
  color: #ffffffa6 !important;
  font-family: inherit !important;
  font-size: 13px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-telegram-index"] .tg-guide-intro p {
  color: #ffffff47 !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-telegram-index"] .tg-guide-intro > div:last-child {
  padding: 7px 9px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-telegram-index"] .tg-guide-intro .font-mono {
  color: #ffffff3d !important;
  margin-bottom: 4px !important;
  font-family: inherit !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-telegram-index"] .tg-guide-intro ul {
  color: #ffffff59 !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 3px 6px !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-telegram-index"] .tg-guide-intro li > span {
  width: 4px !important;
  height: 4px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-telegram-index"] .tg-guide-steps, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-telegram-index"] .tg-guide-unlocked, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-telegram-index"] .tg-guide-tip {
  padding: 8px 9px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-telegram-index"] .tg-guide-steps > .font-semibold, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-telegram-index"] .tg-guide-unlocked > .font-semibold {
  color: #ffffff94 !important;
  margin-bottom: 6px !important;
  font-size: 11px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-telegram-index"] .tg-guide-steps > .space-y-4 {
  flex-direction: column;
  display: flex;
  gap: 6px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-telegram-index"] .tg-guide-steps > .space-y-4 > div {
  gap: 6px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-telegram-index"] .tg-guide-steps > .space-y-4 > div > span {
  color: #44b5e8 !important;
  background: #229ed91a !important;
  border-radius: 6px !important;
  width: 22px !important;
  height: 22px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-telegram-index"] .tg-guide-steps svg {
  width: 10px !important;
  height: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-telegram-index"] .tg-guide-steps .inline-block {
  color: #6bdc96 !important;
  background: #25d36614 !important;
  border-radius: 3px !important;
  margin-bottom: 2px !important;
  padding: 2px 4px !important;
  font-family: inherit !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-telegram-index"] .tg-guide-steps .font-semibold {
  color: #ffffff8f !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-telegram-index"] .tg-guide-steps p {
  line-height: 1.35;
  color: #ffffff45 !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-telegram-index"] .tg-guide-unlocked > .grid {
  gap: 5px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-telegram-index"] .tg-guide-unlocked > .grid > div {
  min-height: 37px;
  border-color: #ffffff12 !important;
  border-radius: 6px !important;
  gap: 6px !important;
  padding: 6px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-telegram-index"] .tg-guide-unlocked > .grid > div > span {
  color: #44b5e8 !important;
  background: #ffffff0f !important;
  width: 22px !important;
  height: 22px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-telegram-index"] .tg-guide-unlocked svg {
  width: 10px !important;
  height: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-telegram-index"] .tg-guide-unlocked .font-semibold {
  color: #ffffff8c !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-telegram-index"] .tg-guide-unlocked p {
  line-height: 1.3;
  color: #ffffff42 !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-telegram-index"] .tg-guide-tip {
  background: #e5a04e0d !important;
  border-color: #e5a04e33 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-telegram-index"] .tg-guide-tip > .font-semibold {
  color: #d9aa69 !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-telegram-index"] .tg-guide-tip svg {
  width: 9px !important;
  height: 9px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-telegram-index"] .tg-guide-tip p {
  line-height: 1.35;
  color: #d9aa698c !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-telegram-index"] [data-tg-modal] {
  background: #000000a8 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-telegram-index"] [data-tg-modal] > div, html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) body[data-page="user-telegram-index"] [data-tg-modal] > .bg-paper-0 {
  color: #f8f6f4 !important;
  background: #181b1e !important;
  border-color: #ffffff1a !important;
  border-radius: 10px !important;
  box-shadow: 0 20px 70px #00000073 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-telegram-index"] [data-tg-modal] > div > div:first-child {
  border-color: #ffffff14 !important;
  padding: 10px 12px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-telegram-index"] [data-tg-modal] h3 {
  font-weight: 700;
  color: #ffffffc2 !important;
  font-family: inherit !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-telegram-index"] [data-tg-modal] [data-tg-close] {
  color: #ffffff6b !important;
  background: #0f1113 !important;
  border-color: #ffffff17 !important;
  border-radius: 5px !important;
  width: 25px !important;
  height: 25px !important;
  padding: 0 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-telegram-index"] [data-tg-modal] form, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-telegram-index"] [data-tg-modal] > div > .p-6 {
  padding: 11px 12px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-telegram-index"] [data-tg-modal] p, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-telegram-index"] [data-tg-modal] li, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-telegram-index"] [data-tg-modal] label {
  color: #ffffff59 !important;
  font-size: 12px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-telegram-index"] [data-tg-modal] input {
  min-height: 31px;
  color: #ffffffb3 !important;
  background: #0f1113 !important;
  border-color: #ffffff17 !important;
  border-radius: 6px !important;
  padding: 7px 8px !important;
  font-size: 13px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-telegram-index"] [data-tg-modal] .bg-paper-50 {
  background: #0f1113 !important;
  border-color: #ffffff14 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-telegram-index"] [data-tg-modal] button:not([data-tg-close]) {
  min-height: 28px;
  color: #fff !important;
  border-color: #ffffff17 !important;
  border-radius: 5px !important;
  padding: 6px 9px !important;
  font-size: 12px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-telegram-index"] [data-tg-modal="account"] > div {
  max-width: 640px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-telegram-index"] [data-tg-modal="account"] [data-tg-qr] {
  gap: 8px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-telegram-index"] [data-tg-modal="account"] [data-tg-qr] > div {
  border-color: #ffffff14 !important;
  border-radius: 7px !important;
  padding: 8px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-telegram-index"] [data-tg-modal="account"] .w-\[150px\] {
  background: #111 !important;
  border-color: #ffffff14 !important;
  width: 110px !important;
  height: 110px !important;
}
@media (max-width: 760px) {
  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-telegram-index"] .tg-workspace {
    grid-template-columns: 1fr !important;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-telegram-index"] .tg-guide {
    position: static !important;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-telegram-index"] .tg-account-connect-card > .mt-4.grid {
    grid-template-columns: 1fr !important;
  }
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-telegram-broadcasts"] .shell-pane {
  overflow: auto;
  background: #0f1113 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-telegram-broadcasts"] .tg-bcasts-page {
  color: #f8f6f4;
  flex-direction: column;
  width: 100%;
  display: flex;
  gap: 8px !important;
  margin: 0 !important;
  padding: 10px 14px 18px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-telegram-broadcasts"] .tg-bcasts-page > * {
  margin: 0 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-telegram-broadcasts"] .tg-bcasts-header {
  border-bottom: 1px solid #ffffff14;
  min-height: 69px;
  padding-bottom: 9px;
  align-items: flex-start !important;
  gap: 8px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-telegram-broadcasts"] .tg-bcasts-header .font-mono {
  color: #44b5e8bd !important;
  margin-bottom: 4px !important;
  font-family: inherit !important;
  font-size: 11px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-telegram-broadcasts"] .tg-bcasts-header h1 {
  color: #f8f6f4 !important;
  letter-spacing: -.035em !important;
  font-family: inherit !important;
  font-size: 20px !important;
  font-weight: 800 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-telegram-broadcasts"] .tg-bcasts-header h1 span {
  color: #f8f6f4 !important;
  font-style: normal !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-telegram-broadcasts"] .tg-bcasts-header p {
  line-height: 1.4;
  color: #ffffff4d !important;
  margin-top: 4px !important;
  font-size: 12px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-telegram-broadcasts"] .tg-bcasts-actions {
  gap: 5px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-telegram-broadcasts"] .tg-bcasts-actions a {
  min-height: 25px;
  color: #ffffff85 !important;
  background: #181b1e !important;
  border-color: #ffffff17 !important;
  border-radius: 5px !important;
  gap: 4px !important;
  padding: 6px 8px !important;
  font-size: 11px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-telegram-broadcasts"] [data-tg-bcasts-create] {
  color: #fff !important;
  background: #229ed9 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-telegram-broadcasts"] .tg-bcasts-actions svg {
  width: 8px !important;
  height: 8px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-telegram-broadcasts"] .tg-bcasts-alert {
  color: #6bdc96 !important;
  background: #181b1e !important;
  border-color: #ffffff17 !important;
  border-radius: 6px !important;
  padding: 6px 8px !important;
  font-family: inherit !important;
  font-size: 11px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-telegram-broadcasts"] .tg-bcasts-alert-error {
  color: #f07c71 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-telegram-broadcasts"] .tg-bcasts-empty, html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) body[data-page="user-telegram-broadcasts"] .tg-bcasts-empty.bg-paper-0 {
  min-height: 145px;
  box-shadow: none !important;
  background: #181b1e !important;
  border-color: #ffffff14 !important;
  border-radius: 9px !important;
  padding: 35px 20px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-telegram-broadcasts"] .tg-bcasts-empty .w-12 {
  border-radius: 7px !important;
  width: 31px !important;
  height: 31px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-telegram-broadcasts"] .tg-bcasts-empty p {
  color: #ffffff8c !important;
  font-size: 11px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-telegram-broadcasts"] .tg-bcasts-empty a {
  color: #fff !important;
  background: #229ed9 !important;
  border-radius: 5px !important;
  margin-top: 7px !important;
  padding: 6px 8px !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-telegram-broadcasts"] .tg-bcast-stats {
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: 6px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-telegram-broadcasts"] .tg-bcast-stat, html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) body[data-page="user-telegram-broadcasts"] .tg-bcast-stat.bg-paper-0 {
  min-height: 61px;
  box-shadow: none !important;
  background: #181b1e !important;
  border-color: #ffffff14 !important;
  border-radius: 8px !important;
  padding: 8px 9px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-telegram-broadcasts"] .tg-bcast-stat .font-mono {
  color: #ffffff40 !important;
  font-family: inherit !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-telegram-broadcasts"] .tg-bcast-stat .font-serif {
  font-weight: 750;
  color: #ffffffc7 !important;
  margin-top: 6px !important;
  font-family: inherit !important;
  font-size: 13px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-telegram-broadcasts"] .tg-bcast-stat .text-\[11px\] {
  color: #ffffff42 !important;
  margin-top: 3px !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-telegram-broadcasts"] .tg-bcast-panel, html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) body[data-page="user-telegram-broadcasts"] .tg-bcast-panel.bg-paper-0 {
  box-shadow: none !important;
  background: #181b1e !important;
  border-color: #ffffff14 !important;
  border-radius: 9px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-telegram-broadcasts"] .tg-bcast-panel-header {
  min-height: 38px;
  border-color: #ffffff12 !important;
  padding: 7px 9px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-telegram-broadcasts"] .tg-bcast-panel-header .font-mono {
  color: #44b5e88c !important;
  font-family: inherit !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-telegram-broadcasts"] .tg-bcast-panel-header h2 {
  font-weight: 700;
  color: #ffffffa8 !important;
  margin-top: 2px !important;
  font-family: inherit !important;
  font-size: 14px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-telegram-broadcasts"] .tg-bcast-toolbar {
  min-height: 31px;
  border-color: #ffffff12 !important;
  gap: 5px !important;
  padding: 5px 8px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-telegram-broadcasts"] .tg-bcast-search {
  color: #ffffff47;
  background: #0f1113;
  border: 1px solid #ffffff14;
  border-radius: 5px;
  max-width: 180px;
  min-height: 23px;
  padding: 4px 6px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-telegram-broadcasts"] .tg-bcast-search svg {
  width: 8px !important;
  height: 8px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-telegram-broadcasts"] .tg-bcast-search input {
  color: #fff9 !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-telegram-broadcasts"] .tg-bcast-search input::placeholder {
  color: #fff3;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-telegram-broadcasts"] .tg-bcast-filters {
  gap: 3px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-telegram-broadcasts"] [data-tg-bcast-filter] {
  min-height: 21px;
  color: #ffffff4d !important;
  border-radius: 4px !important;
  padding: 4px 6px !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-telegram-broadcasts"] [data-tg-bcast-filter][data-active="true"] {
  color: #65c6ef !important;
  background: #229ed91f !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-telegram-broadcasts"] .tg-bcast-visible {
  color: #ffffff59;
  text-align: center;
  background: #ffffff0f;
  border-radius: 4px;
  min-width: 19px;
  padding: 3px 5px;
  font-size: 10px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-telegram-broadcasts"] #tg-broadcasts {
  color: #ffffff70 !important;
  min-width: 650px !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-telegram-broadcasts"] #tg-broadcasts thead {
  background: #0f1113 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-telegram-broadcasts"] #tg-broadcasts th {
  color: #ffffff3d !important;
  border-color: #ffffff12 !important;
  padding: 6px 8px !important;
  font-family: inherit !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-telegram-broadcasts"] #tg-broadcasts td {
  border-color: #ffffff0f !important;
  padding: 6px 8px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-telegram-broadcasts"] #tg-broadcasts tbody tr {
  min-height: 39px;
  border-color: #ffffff0f !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-telegram-broadcasts"] [data-bcast-name] {
  color: #ffffff9e !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-telegram-broadcasts"] #tg-broadcasts .font-mono {
  color: #ffffff40 !important;
  font-family: inherit !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-telegram-broadcasts"] [data-bcast] td:nth-child(2) {
  color: #ffffff5c !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-telegram-broadcasts"] [data-bcast] td:nth-child(4) {
  min-width: 135px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-telegram-broadcasts"] [data-bcast] td:nth-child(4) > div:first-child {
  background: #ffffff12 !important;
  height: 4px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-telegram-broadcasts"] [data-bcast-bar] {
  background: #229ed9 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-telegram-broadcasts"] [data-bcast-status] {
  color: #ffffff73 !important;
  background: #ffffff0f !important;
  border-radius: 4px !important;
  padding: 3px 5px !important;
  font-family: inherit !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-telegram-broadcasts"] [data-bcast-start] button, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-telegram-broadcasts"] [data-bcast-retry] button {
  min-height: 22px;
  color: #fff !important;
  background: #229ed9 !important;
  border-color: #ffffff17 !important;
  border-radius: 4px !important;
  padding: 4px 6px !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-telegram-broadcasts"] [data-bcast-delete] button {
  color: #f07c71 !important;
  border-radius: 4px !important;
  width: 22px !important;
  height: 22px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-telegram-broadcasts"] [data-bcast-delete] svg {
  width: 8px !important;
  height: 8px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-telegram-broadcasts"] #tg-broadcasts tbody tr:only-child td[colspan] {
  height: 94px;
  color: #ffffff47 !important;
  padding: 38px 10px !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-telegram-broadcasts"] #tg-broadcasts tbody tr:only-child td[colspan] a {
  color: #65c6ef !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-telegram-broadcasts"] .tg-bcast-filter-empty {
  color: #ffffff47 !important;
  font-size: 10px !important;
}
@media (max-width: 760px) {
  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-telegram-broadcasts"] .tg-bcast-stats {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-telegram-broadcasts"] .tg-bcast-toolbar {
    flex-wrap: wrap;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-telegram-broadcasts"] .tg-bcast-search {
    max-width: none;
  }
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-telegram-broadcasts-create"] .shell-pane {
  overflow: auto;
  background: #0f1113 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-telegram-broadcasts-create"] .tg-bcast-create-page {
  color: #f8f6f4;
  flex-direction: column;
  width: 100%;
  display: flex;
  gap: 8px !important;
  margin: 0 !important;
  padding: 10px 14px 18px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-telegram-broadcasts-create"] .tg-bcast-create-page > * {
  margin: 0 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-telegram-broadcasts-create"] .tg-bcast-create-header {
  border-bottom: 1px solid #ffffff14;
  min-height: 58px;
  padding-bottom: 9px;
  gap: 7px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-telegram-broadcasts-create"] [data-tg-bcast-back] {
  color: #ffffff6e !important;
  background: #181b1e !important;
  border-color: #ffffff17 !important;
  border-radius: 6px !important;
  width: 27px !important;
  height: 27px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-telegram-broadcasts-create"] [data-tg-bcast-back] svg {
  width: 10px !important;
  height: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-telegram-broadcasts-create"] .tg-bcast-create-header .font-mono {
  color: #44b5e8bd !important;
  font-family: inherit !important;
  font-size: 11px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-telegram-broadcasts-create"] .tg-bcast-create-header h1 {
  letter-spacing: -.03em;
  color: #f8f6f4 !important;
  margin-top: 3px !important;
  font-family: inherit !important;
  font-size: 17px !important;
  font-weight: 800 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-telegram-broadcasts-create"] .tg-bcast-create-header h1 span {
  color: #f8f6f4 !important;
  font-style: normal !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-telegram-broadcasts-create"] .tg-bcast-create-alert {
  color: #f07c71 !important;
  background: #181b1e !important;
  border-color: #ffffff17 !important;
  border-radius: 6px !important;
  padding: 6px 8px !important;
  font-size: 11px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-telegram-broadcasts-create"] .tg-bcast-composer {
  grid-template-columns: minmax(0, 1fr) 220px !important;
  gap: 7px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-telegram-broadcasts-create"] .tg-bcast-editor, html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) body[data-page="user-telegram-broadcasts-create"] .tg-bcast-editor.bg-paper-0, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-telegram-broadcasts-create"] .tg-bcast-preview-card, html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) body[data-page="user-telegram-broadcasts-create"] .tg-bcast-preview-card.bg-paper-0 {
  box-shadow: none !important;
  background: #181b1e !important;
  border-color: #ffffff14 !important;
  border-radius: 9px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-telegram-broadcasts-create"] .tg-bcast-editor-header {
  min-height: 34px;
  background: #181b1e !important;
  border-color: #ffffff12 !important;
  gap: 5px !important;
  padding: 6px 8px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-telegram-broadcasts-create"] .tg-bcast-editor-header > span:first-child {
  color: #65c6ef !important;
  background: #0f1113 !important;
  border-radius: 5px !important;
  width: 18px !important;
  height: 18px !important;
  font-family: inherit !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-telegram-broadcasts-create"] .tg-bcast-editor-header .font-serif {
  font-weight: 700;
  color: #ffffff9e !important;
  font-family: inherit !important;
  font-size: 13px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-telegram-broadcasts-create"] .tg-bcast-editor-body {
  flex-direction: column;
  display: flex;
  gap: 7px !important;
  padding: 8px 9px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-telegram-broadcasts-create"] .tg-bcast-editor-body > * {
  margin: 0 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-telegram-broadcasts-create"] .tg-bcast-editor-body > .grid {
  gap: 7px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-telegram-broadcasts-create"] .tg-bcast-editor-body label > span, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-telegram-broadcasts-create"] .tg-bcast-editor-body > div > .flex > span {
  color: #ffffff52 !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-telegram-broadcasts-create"] .tg-bcast-editor-body input[type="text"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-telegram-broadcasts-create"] .tg-bcast-editor-body select, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-telegram-broadcasts-create"] .tg-bcast-editor-body textarea {
  min-height: 27px;
  color: #ffffffa3 !important;
  background: #0f1113 !important;
  border-color: #ffffff17 !important;
  border-radius: 5px !important;
  margin-top: 3px !important;
  padding: 5px 7px !important;
  font-family: inherit !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-telegram-broadcasts-create"] .tg-bcast-editor-body textarea {
  resize: vertical;
  min-height: 73px;
  line-height: 1.45;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-telegram-broadcasts-create"] .tg-bcast-editor-body input::placeholder, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-telegram-broadcasts-create"] .tg-bcast-editor-body textarea::placeholder {
  color: #ffffff30;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-telegram-broadcasts-create"] .tg-bcast-editor-body label > .text-\[10\.5px\] {
  color: #ffffff38 !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-telegram-broadcasts-create"] #tg-bcast-btn-preview {
  gap: 3px !important;
  margin-top: 4px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-telegram-broadcasts-create"] #tg-bcast-btn-preview > span, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-telegram-broadcasts-create"] #tg-prev-buttons > span {
  color: #65c6ef !important;
  background: #229ed914 !important;
  border-color: #44b5e838 !important;
  border-radius: 4px !important;
  padding: 3px 5px !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-telegram-broadcasts-create"] .tg-bcast-editor-body input[type="file"] {
  color: #ffffff47 !important;
  margin-top: 3px !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-telegram-broadcasts-create"] .tg-bcast-editor-body input[type="file"]::file-selector-button {
  color: #ffffff78 !important;
  background: #ffffff12 !important;
  border-radius: 5px !important;
  margin-right: 6px !important;
  padding: 5px 7px !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-telegram-broadcasts-create"] #tg-bcast-all {
  color: #65c6ef !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-telegram-broadcasts-create"] #tg-bcast-recipients {
  background: #0f1113 !important;
  border-color: #ffffff14 !important;
  border-radius: 6px !important;
  max-height: 103px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-telegram-broadcasts-create"] #tg-bcast-recipients label {
  min-height: 27px;
  border-color: #ffffff0f !important;
  gap: 5px !important;
  padding: 5px 7px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-telegram-broadcasts-create"] #tg-bcast-recipients input {
  accent-color: #229ed9;
  width: 10px !important;
  height: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-telegram-broadcasts-create"] #tg-bcast-recipients label > .w-1\.5 {
  width: 4px !important;
  height: 4px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-telegram-broadcasts-create"] #tg-bcast-recipients .text-ink-800 {
  color: #ffffff85 !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-telegram-broadcasts-create"] #tg-bcast-recipients .font-mono {
  color: #ffffff3b !important;
  font-family: inherit !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-telegram-broadcasts-create"] #tg-bcast-recipients > div {
  color: #ffffff47 !important;
  padding: 14px 8px !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-telegram-broadcasts-create"] #tg-bcast-count {
  color: #65c6ef !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-telegram-broadcasts-create"] [data-tg-bcast-submit] {
  min-height: 27px;
  color: #fff !important;
  background: #229ed9 !important;
  border-radius: 5px !important;
  padding: 6px 9px !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-telegram-broadcasts-create"] .tg-bcast-preview {
  top: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-telegram-broadcasts-create"] .tg-bcast-preview-header {
  min-height: 33px;
  border-color: #ffffff12 !important;
  padding: 6px 8px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-telegram-broadcasts-create"] .tg-bcast-preview-header .font-mono {
  color: #ffffff47 !important;
  font-family: inherit !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-telegram-broadcasts-create"] .tg-bcast-preview-header > span:last-child {
  color: #65c6ef !important;
  font-family: inherit !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-telegram-broadcasts-create"] .tg-bcast-preview-header .rounded-full {
  width: 4px !important;
  height: 4px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-telegram-broadcasts-create"] .tg-bcast-preview-chat {
  min-height: 226px;
  background: #132c38 !important;
  padding: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-telegram-broadcasts-create"] .tg-bcast-preview-chat .max-w-\[280px\] {
  max-width: 185px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-telegram-broadcasts-create"] .tg-bcast-preview-chat .rounded-2xl {
  box-shadow: none !important;
  background: #2b5278 !important;
  border-radius: 8px 3px 8px 8px !important;
  padding: 7px 8px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-telegram-broadcasts-create"] #tg-prev-media {
  color: #ffffff8c !important;
  font-family: inherit !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-telegram-broadcasts-create"] #tg-prev-body {
  line-height: 1.4;
  color: #ffffffb8 !important;
  font-size: 11px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-telegram-broadcasts-create"] #tg-prev-body.text-ink-400 {
  color: #ffffff47 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-telegram-broadcasts-create"] .tg-bcast-preview-chat .text-right {
  color: #ffffff52 !important;
  font-family: inherit !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-telegram-broadcasts-create"] .tg-bcast-preview-card > div:last-child {
  color: #ffffff42 !important;
  border-color: #ffffff12 !important;
  padding: 7px 8px !important;
  font-size: 10px !important;
}
@media (max-width: 760px) {
  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-telegram-broadcasts-create"] .tg-bcast-composer {
    grid-template-columns: 1fr !important;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-telegram-broadcasts-create"] .tg-bcast-preview {
    display: none;
  }
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-sms"] .shell-pane {
  overflow: auto;
  background: #0f1113 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-sms"] .sms-page {
  color: #f8f6f4;
  width: 100%;
  margin: 0 !important;
  padding: 10px 14px 18px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-sms"] .sms-header {
  border-bottom: 1px solid #ffffff14;
  min-height: 67px;
  padding-bottom: 9px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-sms"] .sms-eyebrow {
  color: #25d3669e;
  letter-spacing: .14em;
  text-transform: uppercase;
  margin-bottom: 3px;
  font-size: 10px;
  font-weight: 700;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-sms"] .sms-header h1 {
  color: #f8f6f4;
  letter-spacing: -.035em;
  font-family: inherit;
  font-size: 19px;
  font-weight: 800;
  line-height: 1.05;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-sms"] .sms-header p {
  color: #ffffff4d;
  margin-top: 4px;
  font-size: 11px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-sms"] .sms-header-action {
  color: #04130a;
  background: #25d366;
  border-radius: 6px;
  align-items: center;
  gap: 4px;
  min-height: 27px;
  padding: 6px 9px;
  font-size: 11px;
  font-weight: 800;
  display: inline-flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-sms"] .sms-header-action svg {
  width: 9px;
  height: 9px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-sms"] .sms-layout {
  margin-top: 8px;
  grid-template-columns: 174px minmax(0, 1fr) !important;
  gap: 8px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-sms"] .sms-side {
  flex-direction: column;
  align-self: start;
  display: flex;
  position: sticky;
  top: 10px;
  gap: 7px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-sms"] .sms-side > *, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-sms"] .sms-main > * {
  margin: 0 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-sms"] .sms-identity, html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) body[data-page="user-sms"] .sms-identity.bg-paper-0, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-sms"] .sms-how, html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) body[data-page="user-sms"] .sms-how.bg-paper-0, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-sms"] .sms-panel, html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) body[data-page="user-sms"] .sms-panel.bg-paper-0 {
  box-shadow: none !important;
  background: #181b1e !important;
  border-color: #ffffff14 !important;
  border-radius: 9px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-sms"] .sms-identity {
  padding: 9px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-sms"] .sms-identity > .w-12 {
  color: #4be389 !important;
  background: #25d3661f !important;
  border-radius: 7px !important;
  width: 31px !important;
  height: 31px !important;
  margin-bottom: 7px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-sms"] .sms-identity > .w-12 svg {
  width: 15px !important;
  height: 15px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-sms"] .sms-identity > .font-serif {
  font-weight: 750;
  color: #ffffffbf !important;
  font-family: inherit !important;
  font-size: 14px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-sms"] .sms-identity > .font-mono {
  color: #ffffff40 !important;
  font-family: inherit !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-sms"] [data-sms-active-state] {
  color: #6bdc96 !important;
  background: #25d36614 !important;
  border-color: #25d3662e !important;
  margin-top: 7px !important;
  padding: 3px 5px !important;
  font-family: inherit !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-sms"] [data-sms-active-state] > span {
  width: 4px !important;
  height: 4px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-sms"] .sms-how {
  padding: 6px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-sms"] .sms-how > .font-mono {
  color: #ffffff3d !important;
  padding: 5px 6px 3px !important;
  font-family: inherit !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-sms"] .sms-how ol {
  flex-direction: column;
  display: flex;
  gap: 1px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-sms"] .sms-how li {
  min-height: 28px;
  line-height: 1.35;
  color: #ffffff63 !important;
  gap: 5px !important;
  padding: 5px 6px !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-sms"] .sms-how li > span {
  color: #6bdc96 !important;
  background: #25d3661f !important;
  width: 16px !important;
  height: 16px !important;
  margin-top: 0 !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-sms"] [data-sms-related] {
  min-height: 23px;
  color: #ffffff63 !important;
  border-radius: 5px !important;
  gap: 4px !important;
  padding: 5px 6px !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-sms"] [data-sms-related]:hover {
  color: #fff !important;
  background: #ffffff0d !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-sms"] [data-sms-related] svg {
  width: 8px !important;
  height: 8px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-sms"] .sms-main {
  flex-direction: column;
  display: flex;
  gap: 7px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-sms"] .sms-panel > div:first-child {
  min-height: 32px;
  border-color: #ffffff12 !important;
  padding: 6px 9px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-sms"] .sms-panel h2 {
  font-weight: 750;
  color: #ffffffa8 !important;
  font-family: inherit !important;
  font-size: 14px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-sms"] .sms-panel h2 + p {
  line-height: 1.35;
  color: #ffffff42 !important;
  margin-top: 2px !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-sms"] .sms-webhooks {
  border-color: #25d3662b !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-sms"] .sms-webhooks > div:first-child svg {
  color: #4be389 !important;
  width: 9px !important;
  height: 9px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-sms"] .sms-webhooks > .grid {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 7px !important;
  padding: 8px 9px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-sms"] .sms-webhooks .font-semibold {
  color: #ffffff75 !important;
  margin-bottom: 3px !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-sms"] .sms-webhooks .flex.items-stretch {
  gap: 4px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-sms"] [data-sms-webhook] {
  min-width: 0;
  min-height: 26px;
  line-height: 1.3;
  color: #ffffff80 !important;
  background: #0f1113 !important;
  border-color: #ffffff14 !important;
  border-radius: 5px !important;
  padding: 5px 6px !important;
  font-family: inherit !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-sms"] [data-sms-copy] {
  min-width: 38px;
  min-height: 26px;
  color: #ffffff73 !important;
  border-color: #ffffff17 !important;
  border-radius: 5px !important;
  padding: 5px 7px !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-sms"] [data-sms-copy][data-copied="true"] {
  color: #6bdc96 !important;
  border-color: #25d3663d !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-sms"] .sms-webhooks .text-ink-500 {
  color: #ffffff38 !important;
  margin-top: 3px !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-sms"] .sms-numbers > div:first-child > .font-mono {
  color: #ffffff3d !important;
  font-family: inherit !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-sms"] .sms-numbers > .grid {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 6px !important;
  padding: 7px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-sms"] .sms-sender {
  min-height: 111px;
  background: #0f1113 !important;
  border-color: #ffffff14 !important;
  border-radius: 7px !important;
  gap: 6px !important;
  padding: 7px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-sms"] .sms-sender > .flex:first-child {
  gap: 6px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-sms"] .sms-sender > .flex:first-child > span {
  border-radius: 6px !important;
  width: 27px !important;
  height: 27px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-sms"] .sms-sender > .flex:first-child > span svg {
  width: 12px !important;
  height: 12px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-sms"] .sms-sender .text-\[14px\] {
  color: #ffffffa6 !important;
  font-family: inherit !important;
  font-size: 12px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-sms"] .sms-sender .mt-0\.5 {
  gap: 4px !important;
  margin-top: 2px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-sms"] .sms-sender .mt-0\.5 > span {
  padding: 2px 4px !important;
  font-family: inherit !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-sms"] .sms-sender .mt-0\.5 > span:last-child {
  color: #6bdc96 !important;
  padding: 0 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-sms"] .sms-sender .mt-0\.5 > span:last-child > span {
  width: 4px !important;
  height: 4px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-sms"] .sms-sender dl {
  color: #ffffff4f !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-sms"] .sms-sender dl dt {
  color: #fff3 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-sms"] .sms-sender dl dd {
  color: #ffffff6e !important;
  font-family: inherit !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-sms"] .sms-sender > div:last-child {
  border-color: #ffffff12 !important;
  gap: 4px !important;
  padding-top: 5px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-sms"] [data-sms-action] button {
  min-height: 23px;
  color: #ffffff73 !important;
  border-color: #ffffff17 !important;
  border-radius: 5px !important;
  padding: 5px 7px !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-sms"] [data-sms-action="remove"] button {
  color: #f07c8e !important;
  border-color: #e01e5a3d !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-sms"] .sms-lookup-card [data-sms-lookup] {
  min-height: 43px;
  gap: 5px !important;
  padding: 7px 9px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-sms"] [data-lookup-input] {
  min-height: 26px;
  color: #ffffff9e !important;
  background: #0f1113 !important;
  border-color: #ffffff17 !important;
  border-radius: 5px !important;
  width: 160px !important;
  padding: 5px 7px !important;
  font-family: inherit !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-sms"] [data-lookup-input]::placeholder {
  color: #ffffff2e;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-sms"] [data-lookup-btn] {
  min-height: 26px;
  color: #04130a !important;
  background: #25d366 !important;
  border-radius: 5px !important;
  padding: 6px 8px !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-sms"] [data-lookup-result] {
  color: #ffffff5e !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-sms"] .sms-connect > .p-5 {
  padding: 8px 9px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-sms"] .sms-connect-form {
  flex-direction: column;
  display: flex;
  gap: 7px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-sms"] .sms-connect-form > * {
  margin: 0 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-sms"] .sms-connect-form > .grid, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-sms"] .sms-connect-form .rounded-xl > .grid {
  gap: 7px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-sms"] .sms-connect-form label > span {
  color: #ffffff57 !important;
  margin-bottom: 3px !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-sms"] .sms-connect-form label > span.text-\[10\.5px\] {
  line-height: 1.3;
  color: #ffffff30 !important;
  margin-top: 2px !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-sms"] .sms-connect-form input, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-sms"] .sms-connect-form select {
  min-height: 27px;
  color: #ffffff96 !important;
  background: #0f1113 !important;
  border-color: #ffffff17 !important;
  border-radius: 5px !important;
  padding: 5px 7px !important;
  font-family: inherit !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-sms"] .sms-connect-form input::placeholder {
  color: #ffffff2b;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-sms"] .sms-connect-form > .rounded-xl, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-sms"] .sms-dlt {
  background: #0f1113 !important;
  border-color: #ffffff14 !important;
  border-radius: 7px !important;
  padding: 7px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-sms"] .sms-connect-form > .rounded-xl > .font-mono, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-sms"] .sms-dlt summary {
  color: #ffffff45 !important;
  font-family: inherit !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-sms"] .sms-dlt > .grid {
  margin-top: 6px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-sms"] .sms-dlt > .mt-3 {
  color: #ffffff40 !important;
  background: #181b1e !important;
  border-color: #ffffff12 !important;
  margin-top: 6px !important;
  padding: 6px !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-sms"] .sms-dlt code {
  color: #ffffff63 !important;
  background: #0f1113 !important;
  border-color: #ffffff12 !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-sms"] .sms-connect-form > div:last-child {
  border-color: #ffffff12 !important;
  padding-top: 6px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-sms"] [data-sms-connect-submit] {
  min-height: 27px;
  color: #04130a !important;
  background: #25d366 !important;
  border-radius: 5px !important;
  padding: 6px 9px !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-sms"] .sms-guide > .divide-y {
  border-color: #ffffff12 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-sms"] .sms-guide details {
  border-color: #ffffff12 !important;
  padding: 7px 9px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-sms"] .sms-guide summary {
  color: #ffffff6e !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-sms"] .sms-guide ol, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-sms"] .sms-guide ul {
  line-height: 1.4;
  color: #ffffff42 !important;
  margin-top: 5px !important;
  font-size: 10px !important;
}
@media (max-width: 760px) {
  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-sms"] .sms-layout {
    grid-template-columns: 1fr !important;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-sms"] .sms-side {
    position: static;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-sms"] .sms-how {
    display: none;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-sms"] .sms-webhooks > .grid, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-sms"] .sms-numbers > .grid, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-sms"] .sms-connect-form > .grid, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-sms"] .sms-connect-form .rounded-xl > .grid {
    grid-template-columns: 1fr !important;
  }
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page^="user-store-"] .shell-pane {
  overflow: auto;
  background: #0f1113 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page^="user-store-"] .store-rail {
  flex-direction: column;
  display: flex;
  gap: 7px !important;
  top: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page^="user-store-"] .store-rail > * {
  margin: 0 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page^="user-store-"] .store-info, html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) body[data-page^="user-store-"] .store-info.bg-paper-0, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page^="user-store-"] .store-switcher, html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) body[data-page^="user-store-"] .store-switcher.bg-paper-0, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page^="user-store-"] .store-public, html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) body[data-page^="user-store-"] .store-public.bg-paper-0, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page^="user-store-"] .store-local-nav, html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) body[data-page^="user-store-"] .store-local-nav.bg-paper-0 {
  box-shadow: none !important;
  background: #181b1e !important;
  border-color: #ffffff14 !important;
  border-radius: 9px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page^="user-store-"] .store-info {
  padding: 8px 9px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page^="user-store-"] .store-info > .flex > .w-11 {
  color: #4be389 !important;
  background: #25d3661f !important;
  border-radius: 7px !important;
  width: 30px !important;
  height: 30px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page^="user-store-"] .store-info > .flex > .w-11 svg {
  width: 14px !important;
  height: 14px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page^="user-store-"] .store-info > .flex > .rounded-full {
  color: #6bdc96 !important;
  background: #25d36614 !important;
  border-color: #25d3662e !important;
  padding: 3px 5px !important;
  font-family: inherit !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page^="user-store-"] .store-info > .flex > .rounded-full > span {
  width: 4px !important;
  height: 4px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page^="user-store-"] .store-info > .font-serif {
  font-weight: 750;
  color: #ffffffa8 !important;
  margin-top: 6px !important;
  font-family: inherit !important;
  font-size: 14px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page^="user-store-"] .store-info > .font-mono {
  color: #ffffff3d !important;
  font-family: inherit !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page^="user-store-"] .store-switcher, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page^="user-store-"] .store-public {
  padding: 7px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page^="user-store-"] .store-switcher > .font-mono, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page^="user-store-"] .store-public > .font-mono {
  color: #ffffff3d !important;
  margin-bottom: 4px !important;
  font-family: inherit !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page^="user-store-"] .store-switcher select, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page^="user-store-"] .store-public > div:nth-child(2) {
  min-height: 25px;
  color: #ffffff73 !important;
  background: #0f1113 !important;
  border-color: #ffffff14 !important;
  border-radius: 5px !important;
  padding: 5px 6px !important;
  font-family: inherit !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page^="user-store-"] .store-switcher a, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page^="user-store-"] .store-public a, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page^="user-store-"] .store-public button {
  color: #6bdc96 !important;
  margin-top: 4px !important;
  padding: 4px 5px !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page^="user-store-"] .store-local-nav {
  padding: 6px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page^="user-store-"] .store-local-nav > .font-mono {
  color: #ffffff3b !important;
  padding: 5px 6px 3px !important;
  font-family: inherit !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page^="user-store-"] [data-store-tab] {
  min-height: 22px;
  color: #ffffff5e !important;
  border-radius: 5px !important;
  gap: 5px !important;
  padding: 5px 6px !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page^="user-store-"] [data-store-tab]:hover {
  color: #fff !important;
  background: #ffffff0d !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page^="user-store-"] [data-store-tab][aria-current="page"] {
  color: #8eafff !important;
  background: #5b8cff21 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page^="user-store-"] [data-store-tab] svg {
  width: 8px !important;
  height: 8px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page^="user-store-"] [data-store-tab] > .ml-auto {
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page^="user-store-"] .store-provider {
  line-height: 1.35;
  color: #ffffff47 !important;
  background: #25d3660f !important;
  border-color: #25d3662b !important;
  border-radius: 8px !important;
  padding: 8px 9px !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page^="user-store-"] .store-provider .font-semibold {
  color: #6bdc96 !important;
  margin-bottom: 3px !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page^="user-store-"] .store-provider .w-2 {
  width: 4px !important;
  height: 4px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-index"] .store-page {
  color: #f8f6f4;
  width: 100%;
  margin: 0 !important;
  padding: 10px 14px 18px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-index"] .store-layout {
  grid-template-columns: 174px minmax(0, 1fr) !important;
  gap: 8px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-index"] .store-overview {
  flex-direction: column;
  display: flex;
  gap: 7px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-index"] .store-overview > * {
  margin: 0 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-index"] .store-header {
  border-bottom: 1px solid #ffffff14;
  min-height: 68px;
  padding-bottom: 9px;
  background: none !important;
  align-items: flex-start !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-index"] .store-header .font-mono {
  color: #5b8cffa1 !important;
  font-family: inherit !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-index"] .store-header h1 {
  margin-top: 3px;
  color: #f8f6f4 !important;
  letter-spacing: -.035em !important;
  font-family: inherit !important;
  font-size: 19px !important;
  font-weight: 800 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-index"] .store-header h1 span {
  color: #f8f6f4 !important;
  font-style: normal !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-index"] .store-header p {
  color: #ffffff47 !important;
  margin-top: 3px !important;
  font-size: 11px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-index"] [data-store-add-product] {
  min-height: 27px;
  color: #04130a !important;
  background: #25d366 !important;
  border-radius: 6px !important;
  padding: 6px 9px !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-index"] [data-store-add-product] svg {
  width: 9px !important;
  height: 9px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-index"] .store-kpis {
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: 6px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-index"] .store-kpi, html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) body[data-page="user-store-index"] .store-kpi.bg-paper-0, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-index"] .store-chart-card, html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) body[data-page="user-store-index"] .store-chart-card.bg-paper-0, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-index"] .store-top-card, html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) body[data-page="user-store-index"] .store-top-card.bg-paper-0, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-index"] .store-orders-card, html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) body[data-page="user-store-index"] .store-orders-card.bg-paper-0 {
  box-shadow: none !important;
  background: #181b1e !important;
  border-color: #ffffff14 !important;
  border-radius: 9px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-index"] .store-kpi {
  min-height: 60px;
  padding: 8px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-index"] .store-kpi > .font-mono {
  color: #ffffff40 !important;
  letter-spacing: .11em !important;
  font-family: inherit !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-index"] .store-kpi > .font-serif {
  font-weight: 800;
  color: #ffffffb8 !important;
  margin-top: 7px !important;
  font-family: inherit !important;
  font-size: 11px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-index"] .store-kpi:first-child {
  border-top-color: #25d36666 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-index"] .store-kpi:nth-child(2) {
  border-top-color: #5b8cff6b !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-index"] .store-kpi:nth-child(3) {
  border-top-color: #ffc46b66 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-index"] .store-performance {
  grid-template-columns: minmax(0, 2fr) minmax(116px, .82fr) !important;
  gap: 7px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-index"] .store-chart-card, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-index"] .store-top-card {
  height: 203px;
  padding: 8px 9px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-index"] .store-chart-card {
  grid-column: auto !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-index"] .store-chart-card > .font-mono, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-index"] .store-top-card > .font-mono {
  color: #ffffff3d !important;
  font-family: inherit !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-index"] .store-chart-card h3, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-index"] .store-top-card h3 {
  font-weight: 750;
  color: #ffffffa6 !important;
  margin: 2px 0 3px !important;
  font-family: inherit !important;
  font-size: 14px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-index"] #store-sales-chart {
  height: 155px !important;
  min-height: 155px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-index"] #store-sales-chart .apexcharts-canvas, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-index"] #store-sales-chart svg {
  max-width: 100% !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-index"] .store-top-card .space-y-3 {
  flex-direction: column;
  display: flex;
  gap: 7px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-index"] [data-store-top-product] .text-\[12px\] {
  color: #ffffff6b !important;
  margin-bottom: 3px !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-index"] [data-store-top-product] .h-2 {
  background: #ffffff0f !important;
  height: 4px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-index"] [data-store-top-product] .h-full {
  background: #25d366 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-index"] .store-top-card .border-dashed {
  color: #ffffff45 !important;
  background: #0f1113 !important;
  border-color: #ffffff14 !important;
  padding: 18px 8px !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-index"] .store-orders-card > div:first-child {
  min-height: 34px;
  border-color: #ffffff12 !important;
  padding: 7px 9px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-index"] .store-orders-card h3 {
  font-weight: 750;
  color: #ffffffa3 !important;
  font-family: inherit !important;
  font-size: 14px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-index"] [data-store-orders-all] {
  color: #6bdc96 !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-index"] .store-orders-card table {
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-index"] .store-orders-card thead, html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) body[data-page="user-store-index"] .store-orders-card thead.bg-paper-50 {
  color: #ffffff40 !important;
  background: #0f1113 !important;
  border-color: #ffffff12 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-index"] .store-orders-card th {
  padding: 6px 5px !important;
  font-family: inherit !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-index"] .store-orders-card th:first-child, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-index"] .store-orders-card td:first-child {
  padding-left: 9px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-index"] .store-orders-card th:last-child, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-index"] .store-orders-card td:last-child {
  padding-right: 9px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-index"] .store-orders-card tbody {
  border-color: #ffffff12 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-index"] .store-orders-card td {
  color: #ffffff63 !important;
  padding: 7px 5px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-index"] .store-orders-card tbody tr:hover {
  background: #ffffff0a !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-index"] .store-orders-card td[colspan] {
  color: #ffffff45 !important;
  padding: 25px 9px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-index"] .store-orders-card td[colspan] .font-serif {
  font-weight: 700;
  color: #ffffff78 !important;
  font-family: inherit !important;
  font-size: 14px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-index"] .store-orders-card td[colspan] p {
  margin-top: 3px !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-index"] [data-store-order-open] {
  color: #8eafff !important;
  font-size: 10px !important;
}
@media (max-width: 760px) {
  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-index"] .store-layout {
    grid-template-columns: 1fr !important;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page^="user-store-"] .store-rail {
    position: static !important;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page^="user-store-"] .store-local-nav, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page^="user-store-"] .store-provider {
    display: none;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-index"] .store-kpis {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-index"] .store-performance {
    grid-template-columns: 1fr !important;
  }
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-orders-index"] .store-orders-page {
  color: #f8f6f4;
  width: 100%;
  margin: 0 !important;
  padding: 10px 14px 18px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-orders-index"] .store-orders-layout {
  grid-template-columns: 174px minmax(0, 1fr) !important;
  gap: 8px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-orders-index"] .store-orders-workspace {
  flex-direction: column;
  display: flex;
  gap: 7px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-orders-index"] .store-orders-workspace > * {
  margin: 0 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-orders-index"] .store-orders-header {
  border-bottom: 1px solid #ffffff14;
  min-height: 68px;
  padding-bottom: 9px;
  background: none !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-orders-index"] .store-orders-header .font-mono {
  color: #5b8cffa1 !important;
  font-family: inherit !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-orders-index"] .store-orders-header h1 {
  margin-top: 3px;
  color: #f8f6f4 !important;
  letter-spacing: -.035em !important;
  font-family: inherit !important;
  font-size: 19px !important;
  font-weight: 800 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-orders-index"] .store-orders-header p {
  color: #ffffff47 !important;
  margin-top: 3px !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-orders-index"] .store-orders-workspace > .bg-wa-mint {
  color: #6bdc96 !important;
  background: #25d36612 !important;
  border-color: #25d3662e !important;
  border-radius: 6px !important;
  padding: 6px 8px !important;
  font-family: inherit !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-orders-index"] .store-orders-panel, html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) body[data-page="user-store-orders-index"] .store-orders-panel.bg-paper-0 {
  overflow: hidden;
  box-shadow: none !important;
  background: #181b1e !important;
  border-color: #ffffff14 !important;
  border-radius: 9px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-orders-index"] .store-orders-toolbar {
  grid-template-columns: 160px minmax(0, 1fr) 80px;
  min-height: 42px;
  border-color: #ffffff12 !important;
  gap: 5px !important;
  padding: 6px 8px !important;
  display: grid !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-orders-index"] .store-orders-toolbar > .relative {
  min-width: 0 !important;
  max-width: none !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-orders-index"] .store-orders-toolbar .relative svg {
  color: #ffffff3d !important;
  width: 8px !important;
  height: 8px !important;
  left: 7px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-orders-index"] [data-store-order-search], html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-orders-index"] [data-store-order-source] {
  width: 100%;
  min-height: 27px;
  color: #ffffff87 !important;
  background: #0f1113 !important;
  border-color: #ffffff17 !important;
  border-radius: 5px !important;
  padding: 5px 7px !important;
  font-family: inherit !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-orders-index"] [data-store-order-search] {
  padding-left: 22px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-orders-index"] [data-store-order-search]::placeholder {
  color: #ffffff2b;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-orders-index"] .store-orders-toolbar > .flex {
  scrollbar-width: none;
  min-width: 0;
  background: #0f1113 !important;
  border-radius: 5px !important;
  gap: 2px !important;
  padding: 2px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-orders-index"] .store-orders-toolbar > .flex::-webkit-scrollbar {
  display: none;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-orders-index"] [data-store-order-status] {
  min-height: 23px;
  color: #ffffff4f !important;
  border-radius: 4px !important;
  padding: 4px 6px !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-orders-index"] [data-store-order-status][aria-pressed="true"] {
  color: #8eafff !important;
  background: #5b8cff24 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-orders-index"] [data-store-order-status] span {
  margin-left: 2px !important;
  font-family: inherit !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-orders-index"] .store-orders-panel table {
  table-layout: fixed;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-orders-index"] .store-orders-panel thead, html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) body[data-page="user-store-orders-index"] .store-orders-panel thead.bg-paper-50 {
  color: #ffffff3d !important;
  background: #0f1113 !important;
  border-color: #ffffff12 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-orders-index"] .store-orders-panel th {
  padding: 6px 5px !important;
  font-family: inherit !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-orders-index"] .store-orders-panel th:first-child {
  width: 75px;
  padding-left: 9px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-orders-index"] .store-orders-panel th:nth-child(2) {
  width: 24%;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-orders-index"] .store-orders-panel th:nth-child(3) {
  width: 16%;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-orders-index"] .store-orders-panel th:nth-child(4) {
  width: 10%;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-orders-index"] .store-orders-panel th:nth-child(5) {
  width: 14%;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-orders-index"] .store-orders-panel th:nth-child(6) {
  width: 15%;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-orders-index"] .store-orders-panel th:last-child {
  width: 38px;
  padding-right: 9px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-orders-index"] .store-orders-panel tbody {
  border-color: #ffffff12 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-orders-index"] [data-store-order-row]:hover {
  background: #ffffff0a !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-orders-index"] [data-store-order-row] td {
  color: #ffffff61 !important;
  padding: 7px 5px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-orders-index"] [data-store-order-row] td:first-child {
  padding-left: 9px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-orders-index"] [data-store-order-row] td:last-child {
  padding-right: 9px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-orders-index"] [data-store-order-row] .font-medium {
  color: #fff9 !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-orders-index"] [data-store-order-row] .font-mono {
  color: #ffffff45 !important;
  font-family: inherit !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-orders-index"] [data-store-order-row] td > .rounded-full {
  color: #ffffff5e !important;
  background: #ffffff0d !important;
  padding: 3px 5px !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-orders-index"] [data-store-order-row][data-status="paid"] td:nth-child(6) > span, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-orders-index"] [data-store-order-row][data-status="completed"] td:nth-child(6) > span {
  color: #6bdc96 !important;
  background: #25d36614 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-orders-index"] [data-store-order-row][data-status="shipped"] td:nth-child(6) > span {
  color: #8eafff !important;
  background: #5b8cff1a !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-orders-index"] [data-store-order-row][data-status="cancelled"] td:nth-child(6) > span {
  color: #f07c8e !important;
  background: #e01e5a17 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-orders-index"] [data-store-order-open] {
  color: #8eafff !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-orders-index"] [data-store-orders-empty] {
  color: #ffffff45 !important;
  padding: 29px 9px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-orders-index"] [data-store-orders-empty] .font-serif {
  font-weight: 700;
  color: #ffffff7a !important;
  font-family: inherit !important;
  font-size: 14px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-orders-index"] [data-store-orders-empty] p {
  margin-top: 3px !important;
  font-size: 10px !important;
}
@media (max-width: 760px) {
  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-orders-index"] .store-orders-layout, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-orders-index"] .store-orders-toolbar {
    grid-template-columns: 1fr !important;
  }
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-products-index"] .store-products-page {
  color: #f8f6f4;
  width: 100%;
  margin: 0 !important;
  padding: 10px 14px 18px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-products-index"] .store-products-layout {
  grid-template-columns: 174px minmax(0, 1fr) !important;
  gap: 8px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-products-index"] .store-products-workspace {
  flex-direction: column;
  display: flex;
  gap: 7px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-products-index"] .store-products-workspace > * {
  margin: 0 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-products-index"] .store-products-header {
  border-bottom: 1px solid #ffffff14;
  min-height: 68px;
  padding-bottom: 9px;
  background: none !important;
  align-items: flex-start !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-products-index"] .store-products-header .font-mono {
  color: #5b8cffa1 !important;
  font-family: inherit !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-products-index"] .store-products-header h1 {
  margin-top: 3px;
  color: #f8f6f4 !important;
  letter-spacing: -.035em !important;
  font-family: inherit !important;
  font-size: 19px !important;
  font-weight: 800 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-products-index"] [data-store-product-add] {
  min-height: 27px;
  color: #04130a !important;
  background: #25d366 !important;
  border-radius: 6px !important;
  padding: 6px 9px !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-products-index"] [data-store-product-add] svg {
  width: 9px !important;
  height: 9px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-products-index"] .store-products-workspace > .bg-wa-mint {
  color: #6bdc96 !important;
  background: #25d36612 !important;
  border-color: #25d3662e !important;
  border-radius: 6px !important;
  padding: 6px 8px !important;
  font-family: inherit !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-products-index"] .store-products-panel, html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) body[data-page="user-store-products-index"] .store-products-panel.bg-paper-0 {
  overflow: hidden;
  box-shadow: none !important;
  background: #181b1e !important;
  border-color: #ffffff14 !important;
  border-radius: 9px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-products-index"] .store-products-panel > div:first-child {
  min-height: 39px;
  border-color: #ffffff12 !important;
  padding: 6px 8px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-products-index"] [data-store-product-search-form] {
  max-width: 240px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-products-index"] [data-store-product-search-form] svg {
  color: #ffffff3d !important;
  width: 8px !important;
  height: 8px !important;
  left: 7px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-products-index"] [data-store-product-search] {
  min-height: 27px;
  color: #ffffff96 !important;
  background: #0f1113 !important;
  border-color: #ffffff17 !important;
  border-radius: 5px !important;
  padding: 5px 7px 5px 22px !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-products-index"] [data-store-product-search]::placeholder {
  color: #ffffff2e;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-products-index"] .store-products-panel table {
  table-layout: fixed;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-products-index"] .store-products-panel thead, html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) body[data-page="user-store-products-index"] .store-products-panel thead.bg-paper-50 {
  color: #ffffff3d !important;
  background: #0f1113 !important;
  border-color: #ffffff12 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-products-index"] .store-products-panel th {
  padding: 6px 5px !important;
  font-family: inherit !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-products-index"] .store-products-panel th:first-child {
  width: 43px;
  padding-left: 9px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-products-index"] .store-products-panel th:nth-child(2) {
  width: 30%;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-products-index"] .store-products-panel th:nth-child(3) {
  width: 15%;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-products-index"] .store-products-panel th:nth-child(4) {
  width: 13%;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-products-index"] .store-products-panel th:nth-child(5) {
  width: 15%;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-products-index"] .store-products-panel th:last-child {
  width: 100px !important;
  padding-right: 9px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-products-index"] .store-products-panel tbody {
  border-color: #ffffff12 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-products-index"] [data-store-product]:hover {
  background: #ffffff0a !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-products-index"] [data-store-product] td {
  color: #ffffff63 !important;
  padding: 6px 5px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-products-index"] [data-store-product] td:first-child {
  padding-left: 9px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-products-index"] [data-store-product] td:last-child {
  padding-right: 9px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-products-index"] [data-store-product] img, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-products-index"] [data-store-product] td:first-child > span {
  color: #ffffff3b !important;
  background: #ffffff0d !important;
  border-radius: 6px !important;
  width: 29px !important;
  height: 29px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-products-index"] [data-store-product] td:first-child svg {
  width: 12px !important;
  height: 12px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-products-index"] [data-store-product] .font-medium {
  color: #ffffff9e !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-products-index"] [data-store-product] .text-ink-500 {
  color: #ffffff3b !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-products-index"] [data-store-product] .font-mono {
  color: #ffffff57 !important;
  font-family: inherit !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-products-index"] [data-store-product] td:nth-child(5) > span {
  color: #6bdc96 !important;
  background: #25d36614 !important;
  padding: 3px 5px !important;
  font-family: inherit !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-products-index"] [data-store-product][data-stock="out"] td:nth-child(5) > span {
  color: #f07c8e !important;
  background: #e01e5a14 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-products-index"] [data-store-product] td:nth-child(5) > span > span {
  width: 4px !important;
  height: 4px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-products-index"] [data-store-product-share], html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-products-index"] [data-store-product-edit], html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-products-index"] [data-store-product-delete] button {
  color: #ffffff6e !important;
  margin: 0 0 0 4px !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-products-index"] [data-store-product-share] {
  color: #6bdc96 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-products-index"] [data-store-product-delete] button {
  color: #f07c8e !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-products-index"] [data-store-products-empty] {
  color: #ffffff45 !important;
  padding: 29px 9px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-products-index"] [data-store-products-empty] .font-serif {
  font-weight: 700;
  color: #ffffff7a !important;
  font-family: inherit !important;
  font-size: 14px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-products-index"] [data-store-products-empty] p {
  margin-top: 3px !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-products-index"] [data-store-share-modal] {
  background: #000000a8 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-products-index"] [data-store-share-modal] > div {
  border: 1px solid #ffffff1a;
  color: #f8f6f4 !important;
  background: #181b1e !important;
  border-radius: 10px !important;
  max-width: 390px !important;
  padding: 11px 12px !important;
  box-shadow: 0 20px 70px #00000073 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-products-index"] [data-store-share-modal] .font-mono {
  color: #ffffff3d !important;
  font-family: inherit !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-products-index"] [data-store-share-modal] h3 {
  font-weight: 750;
  color: #ffffffb3 !important;
  font-family: inherit !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-products-index"] [data-store-share-modal] .mt-4 {
  margin-top: 8px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-products-index"] [data-store-share-modal] .space-y-2\.5 {
  flex-direction: column;
  display: flex;
  gap: 7px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-products-index"] [data-store-share-modal] .font-semibold {
  color: #ffffff5e !important;
  margin-bottom: 3px !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-products-index"] [data-store-share-modal] input {
  min-height: 27px;
  color: #ffffff91 !important;
  background: #0f1113 !important;
  border-color: #ffffff17 !important;
  border-radius: 5px !important;
  padding: 5px 7px !important;
  font-family: inherit !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-products-index"] [data-store-share-modal] button {
  min-height: 27px;
  color: #ffffff7a !important;
  border-color: #ffffff17 !important;
  border-radius: 5px !important;
  padding: 6px 8px !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-products-index"] [data-store-share-copy], html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-products-index"] [data-store-share-send] {
  color: #04130a !important;
  background: #25d366 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-products-index"] #share-send-msg {
  font-size: 10px !important;
}
@media (max-width: 760px) {
  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-products-index"] .store-products-layout {
    grid-template-columns: 1fr !important;
  }
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page^="user-store-products-"] .store-product-page {
  color: #f8f6f4;
  width: 100%;
  margin: 0 !important;
  padding: 10px 14px 18px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page^="user-store-products-"] .store-product-layout {
  grid-template-columns: 174px minmax(0, 1fr) !important;
  gap: 8px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page^="user-store-products-"] .store-product-workspace {
  flex-direction: column;
  display: flex;
  gap: 7px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page^="user-store-products-"] .store-product-workspace > * {
  margin: 0 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page^="user-store-products-"] .store-product-header {
  border-bottom: 1px solid #ffffff14;
  min-height: 68px;
  padding-bottom: 9px;
  background: none !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page^="user-store-products-"] .store-product-header .font-mono {
  color: #5b8cffa1 !important;
  font-family: inherit !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page^="user-store-products-"] .store-product-header .font-mono a {
  color: #8eafff !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page^="user-store-products-"] .store-product-header h1 {
  margin-top: 4px;
  color: #f8f6f4 !important;
  letter-spacing: -.035em !important;
  font-family: inherit !important;
  font-size: 19px !important;
  font-weight: 800 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page^="user-store-products-"] .product-form {
  flex-direction: column;
  display: flex;
  gap: 7px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page^="user-store-products-"] .product-form > * {
  margin: 0 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page^="user-store-products-"] .product-form-grid {
  grid-template-columns: minmax(0, 1fr) 174px !important;
  gap: 7px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page^="user-store-products-"] .product-form-main, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page^="user-store-products-"] .product-form-aside {
  flex-direction: column;
  display: flex;
  gap: 7px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page^="user-store-products-"] .product-form-main > *, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page^="user-store-products-"] .product-form-aside > * {
  margin: 0 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page^="user-store-products-"] .product-form-aside {
  top: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page^="user-store-products-"] .product-card, html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) body[data-page^="user-store-products-"] .product-card.bg-paper-0, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page^="user-store-products-"] .product-actions, html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) body[data-page^="user-store-products-"] .product-actions.bg-paper-0 {
  box-shadow: none !important;
  background: #181b1e !important;
  border-color: #ffffff14 !important;
  border-radius: 9px !important;
  padding: 8px 9px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page^="user-store-products-"] .product-card > .font-mono, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page^="user-store-products-"] .product-card > .flex:first-child .font-mono {
  color: #ffffff40 !important;
  margin-bottom: 6px !important;
  font-family: inherit !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page^="user-store-products-"] .product-card label > span {
  color: #ffffff57 !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page^="user-store-products-"] .product-card label > span .text-ink-500, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page^="user-store-products-"] .product-card label > span.text-ink-500 {
  color: #ffffff36 !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page^="user-store-products-"] .product-card input:not([type="checkbox"]):not([type="file"]), html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page^="user-store-products-"] .product-card select, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page^="user-store-products-"] .product-card textarea {
  min-height: 27px;
  color: #ffffff96 !important;
  background: #0f1113 !important;
  border-color: #ffffff17 !important;
  border-radius: 5px !important;
  margin-top: 3px !important;
  padding: 5px 7px !important;
  font-family: inherit !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page^="user-store-products-"] .product-card textarea {
  resize: vertical;
  line-height: 1.4;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page^="user-store-products-"] .product-card input::placeholder, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page^="user-store-products-"] .product-card textarea::placeholder {
  color: #ffffff2b;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page^="user-store-products-"] .product-basics > .grid {
  gap: 7px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page^="user-store-products-"] .product-basics > label {
  margin-top: 7px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page^="user-store-products-"] .product-basics textarea[name="description"] {
  height: 43px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page^="user-store-products-"] .product-basics textarea[name="body_html"] {
  height: 63px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page^="user-store-products-"] .product-media > .flex:first-child {
  margin-bottom: 6px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page^="user-store-products-"] .product-media > .flex:first-child > span {
  color: #ffffff38 !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page^="user-store-products-"] .product-media > .grid {
  grid-template-columns: 105px minmax(0, 1fr) !important;
  gap: 7px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page^="user-store-products-"] [data-product-dropzone] {
  background: #0f1113 !important;
  border-color: #ffffff1a !important;
  border-radius: 7px !important;
  padding: 7px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page^="user-store-products-"] [data-image-frame] {
  background: #ffffff0a !important;
  border-radius: 5px !important;
  margin-bottom: 6px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page^="user-store-products-"] [data-image-frame] svg {
  color: #ffffff3d !important;
  width: 18px !important;
  height: 18px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page^="user-store-products-"] [data-product-dropzone] > .font-semibold {
  color: #ffffff73 !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page^="user-store-products-"] [data-product-dropzone] > .text-ink-500 {
  color: #fff3 !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page^="user-store-products-"] [data-image-filename] {
  color: #6bdc96 !important;
  margin-top: 4px !important;
  font-family: inherit !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page^="user-store-products-"] .product-media > .grid > .space-y-3 {
  flex-direction: column;
  display: flex;
  gap: 6px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page^="user-store-products-"] .product-media > .grid > .space-y-3 > * {
  margin: 0 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page^="user-store-products-"] .product-media > .grid .rounded-lg {
  line-height: 1.35;
  color: #ffffff40 !important;
  background: #0f1113 !important;
  border-color: #ffffff12 !important;
  padding: 7px !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page^="user-store-products-"] .product-media > .grid .rounded-lg .font-semibold {
  color: #ffffff6e !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page^="user-store-products-"] .product-media > .mt-5 {
  border-color: #ffffff12 !important;
  margin-top: 7px !important;
  padding-top: 7px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page^="user-store-products-"] .product-media > .mt-5 > .flex {
  margin-bottom: 5px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page^="user-store-products-"] .product-media > .mt-5 .font-mono {
  color: #ffffff40 !important;
  font-family: inherit !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page^="user-store-products-"] .product-media > .mt-5 .text-ink-500 {
  color: #ffffff36 !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page^="user-store-products-"] [data-gallery-add] {
  min-height: 24px;
  color: #ffffff6b !important;
  border-color: #ffffff17 !important;
  border-radius: 5px !important;
  gap: 4px !important;
  padding: 5px 7px !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page^="user-store-products-"] [data-gallery-add] svg {
  width: 8px !important;
  height: 8px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page^="user-store-products-"] [data-gallery-list] {
  flex-direction: column;
  display: flex;
  gap: 4px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page^="user-store-products-"] [data-gallery-row] {
  gap: 5px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page^="user-store-products-"] [data-gallery-row] > div {
  background: #0f1113 !important;
  border-color: #ffffff14 !important;
  border-radius: 5px !important;
  width: 26px !important;
  height: 26px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page^="user-store-products-"] [data-gallery-row] input {
  margin-top: 0 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page^="user-store-products-"] [data-gallery-remove] {
  color: #f07c8e !important;
  border-color: #ffffff17 !important;
  width: 26px !important;
  height: 26px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page^="user-store-products-"] [data-gallery-remove] svg {
  width: 8px !important;
  height: 8px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page^="user-store-products-"] .product-pricing > .grid, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page^="user-store-products-"] .product-inventory > .grid {
  gap: 7px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page^="user-store-products-"] [data-profit-output] {
  min-height: 27px;
  color: #6bdc96 !important;
  background: #0f1113 !important;
  border-color: #ffffff14 !important;
  border-radius: 5px !important;
  margin-top: 3px !important;
  padding: 6px 7px !important;
  font-family: inherit !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page^="user-store-products-"] .product-inventory label.inline-flex {
  color: #ffffff59 !important;
  gap: 5px !important;
  margin-top: 17px !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page^="user-store-products-"] .product-inventory input[type="checkbox"] {
  accent-color: #25d366;
  width: 10px !important;
  height: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page^="user-store-products-"] .product-inventory label.inline-flex .text-ink-500 {
  line-height: 1.3;
  color: #fff3 !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page^="user-store-products-"] .product-organization label + label {
  margin-top: 7px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page^="user-store-products-"] .product-preview > .rounded-lg {
  border-color: #ffffff14 !important;
  border-radius: 7px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page^="user-store-products-"] [data-preview-image] {
  height: 92px;
  aspect-ratio: auto !important;
  background: #0f1113 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page^="user-store-products-"] [data-preview-image] > span {
  color: #ffffff3b !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page^="user-store-products-"] .product-preview > .rounded-lg > .p-3 {
  padding: 7px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page^="user-store-products-"] [data-preview-name] {
  font-weight: 700;
  color: #ffffff94 !important;
  font-family: inherit !important;
  font-size: 12px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page^="user-store-products-"] [data-preview-name] + .flex {
  gap: 4px !important;
  margin-top: 3px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page^="user-store-products-"] [data-preview-price] {
  color: #f8f6f4 !important;
  font-size: 11px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page^="user-store-products-"] [data-preview-compare] {
  color: #ffffff40 !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page^="user-store-products-"] .product-actions {
  min-height: 38px;
  gap: 5px !important;
  padding: 6px 8px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page^="user-store-products-"] .product-actions a, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page^="user-store-products-"] .product-actions button {
  min-height: 26px;
  color: #ffffff73 !important;
  border-color: #ffffff17 !important;
  border-radius: 5px !important;
  padding: 6px 9px !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page^="user-store-products-"] [data-product-submit] {
  color: #04130a !important;
  background: #25d366 !important;
}
@media (max-width: 760px) {
  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page^="user-store-products-"] .store-product-layout, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page^="user-store-products-"] .product-form-grid {
    grid-template-columns: 1fr !important;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page^="user-store-products-"] .product-form-aside {
    position: static !important;
  }
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-orders-show"] .store-order-page {
  color: #f8f6f4;
  width: 100%;
  margin: 0 !important;
  padding: 10px 14px 18px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-orders-show"] .store-order-layout {
  grid-template-columns: 174px minmax(0, 1fr) !important;
  gap: 8px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-orders-show"] .store-order-workspace {
  flex-direction: column;
  min-width: 0;
  display: flex;
  gap: 7px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-orders-show"] .store-order-workspace > * {
  margin: 0 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-orders-show"] .store-order-header {
  border-bottom: 1px solid #ffffff14;
  min-height: 68px;
  padding-bottom: 9px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-orders-show"] .store-order-header .font-mono {
  color: #5b8cffa1 !important;
  font-family: inherit !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-orders-show"] .store-order-header .font-mono a {
  color: #8eafff !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-orders-show"] .store-order-header h1 {
  margin-top: 4px;
  color: #f8f6f4 !important;
  letter-spacing: -.035em !important;
  font-family: inherit !important;
  font-size: 19px !important;
  font-weight: 800 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-orders-show"] .store-order-badges {
  gap: 4px !important;
  margin-top: 5px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-orders-show"] .store-order-status, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-orders-show"] .store-order-badge {
  color: #8eafff;
  background: #5b8cff1a;
  border: 1px solid #ffffff14;
  border-radius: 999px;
  align-items: center;
  min-height: 16px;
  font-weight: 700;
  display: inline-flex;
  padding: 3px 5px !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-orders-show"] [data-order-cod] {
  color: #ffffff73;
  background: #ffffff0d;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-orders-show"] [data-order-rto][data-band="high"] {
  color: #f07c8e !important;
  background: #e01e5a17 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-orders-show"] [data-order-rto][data-band="medium"] {
  color: #e8c95e !important;
  background: #f2c74417 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-orders-show"] .store-order-stamp {
  color: #ffffff40;
  font-size: 10px;
  line-height: 1.5;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-orders-show"] .store-order-stamp .font-mono {
  text-transform: uppercase;
  color: #6bdc96 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-orders-show"] .store-order-notice, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-orders-show"] .store-order-error {
  color: #6bdc96;
  background: #25d36614;
  border: 1px solid #25d36633;
  border-radius: 6px;
  padding: 6px 8px;
  font-size: 10px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-orders-show"] .store-order-error {
  color: #f07c8e;
  background: #e01e5a14;
  border-color: #e01e5a3d;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-orders-show"] .store-order-detail-grid {
  grid-template-columns: minmax(0, 1fr) 174px !important;
  gap: 7px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-orders-show"] .store-order-detail-main, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-orders-show"] .store-order-context {
  flex-direction: column;
  display: flex;
  gap: 7px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-orders-show"] .store-order-detail-main > *, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-orders-show"] .store-order-context > * {
  margin: 0 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-orders-show"] .store-order-card, html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) body[data-page="user-store-orders-show"] .store-order-card {
  color: #ffffff7a !important;
  box-shadow: none !important;
  background: #181b1e !important;
  border: 1px solid #ffffff14 !important;
  border-radius: 9px !important;
  padding: 8px 9px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-orders-show"] .store-order-card-heading {
  justify-content: space-between;
  align-items: center;
  gap: 6px;
  min-height: 13px;
  margin-bottom: 6px;
  display: flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-orders-show"] .store-order-card-heading h2 {
  font-weight: 750;
  color: #ffffffa3 !important;
  font-family: inherit !important;
  font-size: 12px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-orders-show"] .store-order-card-heading > span {
  color: #ffffff38;
  font-size: 10px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-orders-show"] .store-order-items {
  border-top: 1px solid #ffffff0f;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-orders-show"] .store-order-item {
  border-bottom: 1px solid #ffffff0f;
  grid-template-columns: 28px minmax(0, 1fr) auto;
  align-items: center;
  gap: 7px;
  min-height: 43px;
  display: grid;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-orders-show"] .store-order-item img, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-orders-show"] .store-order-item-placeholder {
  object-fit: cover;
  background: #ffffff0d;
  border-radius: 5px;
  width: 28px;
  height: 28px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-orders-show"] .store-order-item-copy {
  flex-direction: column;
  gap: 2px;
  min-width: 0;
  display: flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-orders-show"] .store-order-item-copy strong {
  color: #ffffff91;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 10px;
  overflow: hidden;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-orders-show"] .store-order-item-copy span {
  color: #ffffff3b;
  font-size: 10px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-orders-show"] .store-order-item > b {
  color: #ffffff85;
  font-size: 10px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-orders-show"] .store-order-total {
  justify-content: space-between;
  align-items: center;
  padding-top: 7px;
  display: flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-orders-show"] .store-order-total span {
  color: #ffffff3d;
  text-transform: uppercase;
  font-size: 10px;
  font-weight: 700;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-orders-show"] .store-order-total strong {
  color: #f8f6f4;
  font-size: 14px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-orders-show"] .store-order-fields {
  grid-template-columns: 1fr 1.35fr;
  gap: 7px;
  display: grid;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-orders-show"] .store-order-status-form label {
  display: block;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-orders-show"] .store-order-status-form label > span {
  color: #ffffff57;
  margin-bottom: 3px;
  font-size: 10px;
  font-weight: 650;
  display: block;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-orders-show"] .store-order-status-form label > span em {
  color: #ffffff2e;
  font-style: normal;
  font-weight: 400;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-orders-show"] .store-order-status-form input, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-orders-show"] .store-order-status-form select, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-orders-show"] .store-order-status-form textarea, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-orders-show"] .store-order-checkout select {
  width: 100%;
  min-height: 27px;
  color: #ffffff96 !important;
  background: #0f1113 !important;
  border: 1px solid #ffffff17 !important;
  border-radius: 5px !important;
  padding: 5px 7px !important;
  font-family: inherit !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-orders-show"] .store-order-notes {
  margin-top: 7px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-orders-show"] .store-order-status-form textarea {
  resize: vertical;
  height: 42px;
  min-height: 42px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-orders-show"] .store-order-checkout, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-orders-show"] .store-order-checkout-empty {
  border-top: 1px solid #ffffff12;
  grid-template-columns: minmax(0, 1fr) 86px auto;
  align-items: center;
  gap: 6px;
  margin-top: 7px;
  padding-top: 7px;
  display: grid;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-orders-show"] .store-order-checkout > div {
  flex-direction: column;
  gap: 2px;
  display: flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-orders-show"] .store-order-checkout strong {
  color: #ffffff6e;
  font-size: 10px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-orders-show"] .store-order-checkout span, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-orders-show"] .store-order-checkout-empty span {
  color: #ffffff38;
  font-size: 10px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-orders-show"] .store-order-checkout-empty {
  grid-template-columns: 1fr auto;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-orders-show"] .store-order-checkout-empty a {
  color: #8eafff;
  font-size: 10px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-orders-show"] .store-order-actions {
  border-top: 1px solid #ffffff12;
  justify-content: flex-end;
  align-items: center;
  gap: 5px;
  margin-top: 7px;
  padding-top: 7px;
  display: flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-orders-show"] .store-order-actions button, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-orders-show"] .store-order-checkout button, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-orders-show"] [data-order-whatsapp-pay-submit] {
  color: #ffffff73;
  border: 1px solid #ffffff17;
  min-height: 25px;
  font-weight: 700;
  border-radius: 5px !important;
  padding: 5px 8px !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-orders-show"] [data-order-save], html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-orders-show"] [data-order-whatsapp-pay-submit] {
  color: #04130a !important;
  background: #25d366 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-orders-show"] .store-order-actions button:disabled, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-orders-show"] .store-order-checkout button:disabled {
  opacity: .45;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-orders-show"] .store-order-context .store-order-card > p {
  color: #ffffff47;
  font-size: 10px;
  line-height: 1.45;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-orders-show"] .store-order-context .store-order-card > a {
  color: #8eafff;
  margin-top: 6px;
  font-size: 10px;
  font-weight: 650;
  display: block;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-orders-show"] .store-order-context form > button {
  width: 100%;
  margin-top: 7px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-orders-show"] .store-order-context form > a {
  text-align: center;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-orders-show"] .store-order-pay-state {
  border: 1px solid #f2c7442e;
  border-radius: 999px;
  padding: 3px 5px;
  color: #e8c95e !important;
  background: #f2c74414 !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-orders-show"] [data-order-payment-reference] {
  overflow-wrap: anywhere;
  color: #ffffff3d;
  margin-top: 5px;
  font-family: inherit;
  font-size: 10px;
  display: block;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-orders-show"] .store-order-customer {
  color: #fff9;
  font-size: 13px;
  display: block;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-orders-show"] .store-order-contact {
  overflow-wrap: anywhere;
  color: #ffffff47;
  margin-top: 2px;
  font-size: 10px;
  display: block;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-orders-show"] .store-order-card address {
  color: #ffffff52;
  flex-direction: column;
  gap: 2px;
  font-size: 10px;
  font-style: normal;
  line-height: 1.45;
  display: flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-orders-show"] .store-order-card address strong {
  color: #ffffff85;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-orders-show"] .store-order-empty {
  color: #ffffff38;
  font-size: 10px;
  font-style: italic;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-orders-show"] [data-order-card="media"] img {
  object-fit: contain;
  border: 1px solid #ffffff14;
  border-radius: 6px;
  max-height: 100px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-orders-show"] [data-order-card="media"] audio {
  width: 100%;
  height: 28px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-orders-show"] [data-order-card="media"] blockquote {
  color: #ffffff4a;
  margin-top: 6px;
  font-size: 10px;
  font-style: italic;
  line-height: 1.4;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-orders-show"] [data-order-card="media"] blockquote span {
  color: #ffffff2e;
  text-transform: uppercase;
  margin-bottom: 2px;
  font-size: 10px;
  font-style: normal;
  display: block;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-orders-show"] [data-order-card="meta"] dl {
  flex-direction: column;
  gap: 3px;
  display: flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-orders-show"] [data-order-card="meta"] dl div {
  justify-content: space-between;
  gap: 6px;
  font-size: 10px;
  display: flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-orders-show"] [data-order-card="meta"] dt {
  color: #ffffff38;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-orders-show"] [data-order-card="meta"] dd {
  color: #ffffff6b;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 92px;
  overflow: hidden;
}
@media (max-width: 760px) {
  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-orders-show"] .store-order-layout, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-orders-show"] .store-order-detail-grid {
    grid-template-columns: 1fr !important;
  }
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-customers-index"] .store-customers-page {
  color: #f8f6f4;
  width: 100%;
  margin: 0 !important;
  padding: 10px 14px 18px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-customers-index"] .store-customers-layout {
  grid-template-columns: 174px minmax(0, 1fr) !important;
  gap: 8px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-customers-index"] .store-customers-workspace {
  flex-direction: column;
  min-width: 0;
  display: flex;
  gap: 7px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-customers-index"] .store-customers-workspace > * {
  margin: 0 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-customers-index"] .store-customers-header {
  border-bottom: 1px solid #ffffff14;
  justify-content: space-between;
  align-items: flex-end;
  gap: 8px;
  min-height: 68px;
  padding-bottom: 9px;
  display: flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-customers-index"] .store-customers-header .font-mono {
  color: #5b8cffa1 !important;
  font-family: inherit !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-customers-index"] .store-customers-header h1 {
  margin-top: 4px;
  color: #f8f6f4 !important;
  letter-spacing: -.035em !important;
  font-family: inherit !important;
  font-size: 19px !important;
  font-weight: 800 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-customers-index"] .store-customers-header p {
  color: #ffffff45;
  margin-top: 3px;
  font-size: 10px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-customers-index"] .store-customers-count {
  color: #6bdc96;
  white-space: nowrap;
  background: #25d36612;
  border: 1px solid #25d3662e;
  border-radius: 999px;
  align-items: center;
  min-height: 23px;
  padding: 5px 7px;
  font-size: 10px;
  font-weight: 700;
  display: inline-flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-customers-index"] .store-customers-notice, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-customers-index"] .store-customers-error {
  color: #6bdc96;
  background: #25d36614;
  border: 1px solid #25d36633;
  border-radius: 6px;
  padding: 6px 8px;
  font-size: 10px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-customers-index"] .store-customers-error {
  color: #f07c8e;
  background: #e01e5a14;
  border-color: #e01e5a3d;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-customers-index"] .store-customers-content {
  grid-template-columns: 174px minmax(0, 1fr);
  align-items: start;
  gap: 7px;
  display: grid;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-customers-index"] .store-customer-composer, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-customers-index"] .store-customers-panel, html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) body[data-page="user-store-customers-index"] .store-customer-composer, html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) body[data-page="user-store-customers-index"] .store-customers-panel {
  box-shadow: none !important;
  background: #181b1e !important;
  border: 1px solid #ffffff14 !important;
  border-radius: 9px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-customers-index"] .store-customer-composer {
  flex-direction: column;
  gap: 7px;
  display: flex;
  padding: 9px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-customers-index"] .store-customer-composer-heading > span {
  color: #5b8cff9e;
  letter-spacing: .11em;
  text-transform: uppercase;
  font-size: 10px;
  font-weight: 700;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-customers-index"] .store-customer-composer-heading h2 {
  color: #ffffffa6;
  margin-top: 2px;
  font-size: 14px;
  font-weight: 750;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-customers-index"] .store-customer-composer-heading p {
  color: #ffffff36;
  margin-top: 2px;
  font-size: 10px;
  line-height: 1.4;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-customers-index"] .store-customer-composer label > span {
  color: #ffffff59;
  margin-bottom: 3px;
  font-size: 10px;
  font-weight: 650;
  display: block;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-customers-index"] .store-customer-composer label > span em {
  color: #ffffff2e;
  font-style: normal;
  font-weight: 400;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-customers-index"] .store-customer-composer input, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-customers-index"] .store-customer-composer textarea, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-customers-index"] .store-customers-search input {
  width: 100%;
  min-height: 27px;
  color: #ffffff96 !important;
  background: #0f1113 !important;
  border: 1px solid #ffffff17 !important;
  border-radius: 5px !important;
  padding: 5px 7px !important;
  font-family: inherit !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-customers-index"] .store-customer-composer textarea {
  resize: vertical;
  height: 48px;
  min-height: 48px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-customers-index"] .store-customer-composer input::placeholder, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-customers-index"] .store-customer-composer textarea::placeholder, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-customers-index"] .store-customers-search input::placeholder {
  color: #ffffff2b;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-customers-index"] .store-customer-form-actions {
  justify-content: flex-end;
  align-items: center;
  gap: 5px;
  padding-top: 1px;
  display: flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-customers-index"] .store-customer-form-actions button {
  color: #ffffff6b;
  border: 1px solid #ffffff17;
  border-radius: 5px;
  min-height: 25px;
  padding: 5px 8px;
  font-size: 10px;
  font-weight: 700;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-customers-index"] [data-store-customer-save] {
  color: #04130a !important;
  background: #25d366 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-customers-index"] [data-store-customer-reset][hidden] {
  display: none !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-customers-index"] .store-customers-directory {
  flex-direction: column;
  gap: 7px;
  min-width: 0;
  display: flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-customers-index"] .store-customers-search {
  align-items: center;
  gap: 5px;
  display: flex;
  position: relative;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-customers-index"] .store-customers-search svg {
  color: #ffffff3b;
  width: 8px;
  height: 8px;
  position: absolute;
  left: 8px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-customers-index"] .store-customers-search input {
  padding-left: 22px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-customers-index"] .store-customers-search a {
  color: #8eafff;
  font-size: 10px;
  font-weight: 650;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-customers-index"] .store-customers-panel {
  overflow: hidden;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-customers-index"] .store-customers-panel table {
  table-layout: fixed;
  border-collapse: collapse;
  width: 100%;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-customers-index"] .store-customers-panel th {
  color: #ffffff36;
  letter-spacing: .08em;
  text-align: left;
  text-transform: uppercase;
  border-bottom: 1px solid #ffffff12;
  height: 27px;
  padding: 6px 8px;
  font-size: 10px;
  font-weight: 750;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-customers-index"] .store-customers-panel th:first-child {
  width: 43%;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-customers-index"] .store-customers-panel th:nth-child(2) {
  width: 38%;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-customers-index"] .store-customers-panel th:last-child {
  text-align: right;
  width: 19%;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-customers-index"] [data-store-customer-row] {
  border-bottom: 1px solid #ffffff0f;
  height: 50px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-customers-index"] [data-store-customer-row]:hover {
  background: #ffffff06;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-customers-index"] [data-store-customer-row] td {
  vertical-align: middle;
  padding: 6px 8px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-customers-index"] .store-customer-identity {
  align-items: center;
  gap: 6px;
  min-width: 0;
  display: flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-customers-index"] .store-customer-avatar {
  color: #fff;
  background: linear-gradient(135deg, #31599c, #25d366);
  border-radius: 50%;
  flex: none;
  place-items: center;
  width: 25px;
  height: 25px;
  font-size: 10px;
  font-weight: 800;
  display: grid;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-customers-index"] .store-customer-identity > div {
  flex-direction: column;
  gap: 1px;
  min-width: 0;
  display: flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-customers-index"] .store-customer-identity strong {
  color: #ffffff96;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 10px;
  overflow: hidden;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-customers-index"] .store-customer-identity span:not(.store-customer-avatar) {
  color: #ffffff45;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 10px;
  overflow: hidden;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-customers-index"] .store-customer-identity code {
  color: #fff3;
  font-family: inherit;
  font-size: 10px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-customers-index"] [data-store-customer-row] address {
  color: #ffffff4d;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  font-size: 10px;
  font-style: normal;
  line-height: 1.35;
  display: -webkit-box;
  overflow: hidden;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-customers-index"] .store-customer-row-actions {
  justify-content: flex-end;
  align-items: center;
  gap: 5px;
  display: flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-customers-index"] .store-customer-row-actions form {
  display: inline;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-customers-index"] .store-customer-row-actions button {
  color: #8eafff;
  padding: 2px;
  font-size: 10px;
  font-weight: 700;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-customers-index"] [data-store-customer-delete] {
  color: #f07c8e !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-customers-index"] .store-customers-empty {
  color: #ffffff3d;
  text-align: center;
  height: 100px;
  font-size: 10px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-customers-index"] .store-customers-pagination {
  color: #ffffff57;
  border-top: 1px solid #ffffff12;
  padding: 7px 8px;
  font-size: 10px;
}
@media (max-width: 760px) {
  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-customers-index"] .store-customers-layout, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-customers-index"] .store-customers-content {
    grid-template-columns: 1fr !important;
  }
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-coupons-index"] .store-coupons-page {
  color: #f8f6f4;
  width: 100%;
  margin: 0 !important;
  padding: 10px 14px 18px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-coupons-index"] .store-coupons-layout {
  grid-template-columns: 174px minmax(0, 1fr) !important;
  gap: 8px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-coupons-index"] .store-coupons-workspace {
  flex-direction: column;
  min-width: 0;
  display: flex;
  gap: 7px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-coupons-index"] .store-coupons-workspace > * {
  margin: 0 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-coupons-index"] .store-coupons-header {
  border-bottom: 1px solid #ffffff14;
  justify-content: space-between;
  align-items: flex-end;
  gap: 8px;
  min-height: 68px;
  padding-bottom: 9px;
  display: flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-coupons-index"] .store-coupons-header .font-mono {
  color: #5b8cffa1 !important;
  font-family: inherit !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-coupons-index"] .store-coupons-header h1 {
  margin-top: 4px;
  color: #f8f6f4 !important;
  letter-spacing: -.035em !important;
  font-family: inherit !important;
  font-size: 19px !important;
  font-weight: 800 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-coupons-index"] .store-coupons-header p {
  color: #ffffff45;
  margin-top: 3px;
  font-size: 10px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-coupons-index"] .store-coupons-count {
  color: #6bdc96;
  white-space: nowrap;
  background: #25d36612;
  border: 1px solid #25d3662e;
  border-radius: 999px;
  align-items: center;
  min-height: 23px;
  padding: 5px 7px;
  font-size: 10px;
  font-weight: 700;
  display: inline-flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-coupons-index"] .store-coupons-notice, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-coupons-index"] .store-coupons-error {
  color: #6bdc96;
  background: #25d36614;
  border: 1px solid #25d36633;
  border-radius: 6px;
  padding: 6px 8px;
  font-size: 10px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-coupons-index"] .store-coupons-error {
  color: #f07c8e;
  background: #e01e5a14;
  border-color: #e01e5a3d;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-coupons-index"] .store-coupons-content {
  grid-template-columns: 214px minmax(0, 1fr);
  align-items: start;
  gap: 7px;
  display: grid;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-coupons-index"] .store-coupon-composer, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-coupons-index"] .store-coupons-panel, html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) body[data-page="user-store-coupons-index"] .store-coupon-composer, html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) body[data-page="user-store-coupons-index"] .store-coupons-panel {
  box-shadow: none !important;
  background: #181b1e !important;
  border: 1px solid #ffffff14 !important;
  border-radius: 9px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-coupons-index"] .store-coupon-composer {
  padding: 9px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-coupons-index"] .store-coupon-composer-heading > span, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-coupons-index"] .store-coupons-panel-heading > div > span {
  color: #5b8cff9e;
  letter-spacing: .11em;
  text-transform: uppercase;
  font-size: 10px;
  font-weight: 700;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-coupons-index"] .store-coupon-composer-heading h2 {
  color: #ffffffa6;
  margin-top: 2px;
  font-size: 14px;
  font-weight: 750;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-coupons-index"] .store-coupon-composer-heading output {
  color: #6bdc96;
  background: #25d3660d;
  border: 1px solid #25d36624;
  border-radius: 5px;
  min-height: 20px;
  margin-top: 5px;
  padding: 5px 6px;
  font-size: 10px;
  font-weight: 650;
  display: block;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-coupons-index"] .store-coupon-fields {
  grid-template-columns: 1fr 1fr;
  gap: 6px;
  margin-top: 7px;
  display: grid;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-coupons-index"] .store-coupon-code-field {
  grid-column: 1 / -1;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-coupons-index"] .store-coupon-fields label > span {
  color: #ffffff57;
  margin-bottom: 3px;
  font-size: 10px;
  font-weight: 650;
  display: block;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-coupons-index"] .store-coupon-fields label > span em {
  color: #ffffff2e;
  font-style: normal;
  font-weight: 400;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-coupons-index"] .store-coupon-fields input:not([type="checkbox"]):not([type="hidden"]), html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-coupons-index"] .store-coupon-fields select {
  width: 100%;
  min-height: 27px;
  color: #ffffff96 !important;
  background: #0f1113 !important;
  border: 1px solid #ffffff17 !important;
  border-radius: 5px !important;
  padding: 5px 7px !important;
  font-family: inherit !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-coupons-index"] .store-coupon-fields input::placeholder {
  color: #ffffff2b;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-coupons-index"] .store-coupon-check {
  align-items: center;
  gap: 5px;
  min-height: 27px;
  padding-top: 13px;
  display: flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-coupons-index"] .store-coupon-check input[type="checkbox"] {
  accent-color: #25d366;
  width: 10px;
  height: 10px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-coupons-index"] .store-coupon-check span {
  margin: 0 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-coupons-index"] .store-coupon-actions {
  border-top: 1px solid #ffffff12;
  justify-content: flex-end;
  margin-top: 7px;
  padding-top: 7px;
  display: flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-coupons-index"] [data-store-coupon-create] {
  border-radius: 5px;
  min-height: 25px;
  padding: 5px 8px;
  font-size: 10px;
  font-weight: 750;
  color: #04130a !important;
  background: #25d366 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-coupons-index"] .store-coupons-panel {
  overflow: hidden;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-coupons-index"] .store-coupons-panel-heading {
  border-bottom: 1px solid #ffffff12;
  justify-content: space-between;
  align-items: center;
  gap: 7px;
  min-height: 40px;
  padding: 7px 9px;
  display: flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-coupons-index"] .store-coupons-panel-heading > div {
  flex-direction: column;
  gap: 1px;
  display: flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-coupons-index"] .store-coupons-panel-heading strong {
  color: #ffffff94;
  font-size: 12px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-coupons-index"] .store-coupons-panel-heading > span {
  color: #fff3;
  font-size: 10px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-coupons-index"] .store-coupons-table-wrap {
  overflow-x: auto;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-coupons-index"] .store-coupons-panel table {
  table-layout: fixed;
  border-collapse: collapse;
  width: 100%;
  min-width: 0;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-coupons-index"] .store-coupons-panel th {
  color: #fff3;
  letter-spacing: .06em;
  text-align: left;
  text-transform: uppercase;
  border-bottom: 1px solid #ffffff12;
  height: 25px;
  padding: 5px;
  font-size: 10px;
  font-weight: 750;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-coupons-index"] .store-coupons-panel th:first-child {
  width: 23%;
  padding-left: 8px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-coupons-index"] .store-coupons-panel th:nth-child(2) {
  width: 21%;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-coupons-index"] .store-coupons-panel th:nth-child(3) {
  width: 25%;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-coupons-index"] .store-coupons-panel th:nth-child(4) {
  width: 9%;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-coupons-index"] .store-coupons-panel th:nth-child(5) {
  width: 12%;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-coupons-index"] .store-coupons-panel th:last-child {
  width: 10%;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-coupons-index"] [data-store-coupon-row] {
  border-bottom: 1px solid #ffffff0f;
  height: 44px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-coupons-index"] [data-store-coupon-row]:hover {
  background: #ffffff06;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-coupons-index"] [data-store-coupon-row] td {
  color: #ffffff57;
  vertical-align: middle;
  padding: 5px;
  font-size: 10px;
  overflow: hidden;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-coupons-index"] [data-store-coupon-row] td:first-child {
  padding-left: 8px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-coupons-index"] [data-store-coupon-row] code {
  color: #8eafff;
  text-overflow: ellipsis;
  font-family: inherit;
  font-size: 10px;
  font-weight: 800;
  display: block;
  overflow: hidden;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-coupons-index"] [data-store-coupon-row] td:nth-child(2) strong {
  color: #ffffff8c;
  font-size: 10px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-coupons-index"] .store-coupon-ship {
  color: #6bdc96;
  margin-top: 2px;
  font-size: 10px;
  display: block;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-coupons-index"] .store-coupon-rules {
  color: #ffffff42;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  font-size: 10px;
  line-height: 1.35;
  display: -webkit-box;
  overflow: hidden;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-coupons-index"] .store-coupon-used {
  color: #ffffff6e;
  font-weight: 700;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-coupons-index"] [data-store-coupon-toggle-form], html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-coupons-index"] [data-store-coupon-delete-form] {
  display: inline;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-coupons-index"] .store-coupon-state {
  color: #ffffff45;
  background: #ffffff0d;
  border-radius: 999px;
  min-height: 16px;
  padding: 3px 5px;
  font-size: 10px;
  font-weight: 700;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-coupons-index"] .store-coupon-state.is-active {
  color: #6bdc96;
  background: #25d36614;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-coupons-index"] [data-store-coupon-delete] {
  color: #f07c8e;
  font-size: 10px;
  font-weight: 700;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-coupons-index"] .store-coupons-empty {
  color: #ffffff3d;
  text-align: center;
  height: 100px;
  font-size: 10px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-coupons-index"] .store-coupons-pagination {
  color: #ffffff57;
  border-top: 1px solid #ffffff12;
  padding: 7px 8px;
  font-size: 10px;
}
@media (max-width: 760px) {
  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-coupons-index"] .store-coupons-layout, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-coupons-index"] .store-coupons-content {
    grid-template-columns: 1fr !important;
  }
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-groups-index"] .store-groups-page {
  color: #f8f6f4;
  width: 100%;
  margin: 0 !important;
  padding: 10px 14px 18px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-groups-index"] .store-groups-layout {
  grid-template-columns: 174px minmax(0, 1fr) !important;
  gap: 8px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-groups-index"] .store-groups-workspace {
  flex-direction: column;
  min-width: 0;
  display: flex;
  gap: 7px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-groups-index"] .store-groups-workspace > * {
  margin: 0 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-groups-index"] .store-groups-header {
  border-bottom: 1px solid #ffffff14;
  justify-content: space-between;
  align-items: flex-end;
  gap: 8px;
  min-height: 68px;
  padding-bottom: 9px;
  display: flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-groups-index"] .store-groups-header .font-mono {
  color: #5b8cffa1 !important;
  font-family: inherit !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-groups-index"] .store-groups-header h1 {
  margin-top: 4px;
  color: #f8f6f4 !important;
  letter-spacing: -.035em !important;
  font-family: inherit !important;
  font-size: 19px !important;
  font-weight: 800 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-groups-index"] .store-groups-header p {
  color: #ffffff45;
  margin-top: 3px;
  font-size: 10px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-groups-index"] .store-groups-sync-state {
  color: #6bdc96;
  background: #25d36612;
  border: 1px solid #25d3662e;
  border-radius: 999px;
  align-items: center;
  gap: 4px;
  min-height: 23px;
  padding: 5px 7px;
  font-size: 10px;
  font-weight: 700;
  display: inline-flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-groups-index"] .store-groups-sync-state i {
  background: #25d366;
  border-radius: 50%;
  width: 4px;
  height: 4px;
  box-shadow: 0 0 0 2px #25d3661f;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-groups-index"] .store-groups-notice, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-groups-index"] .store-groups-error {
  color: #6bdc96;
  background: #25d36614;
  border: 1px solid #25d36633;
  border-radius: 6px;
  padding: 6px 8px;
  font-size: 10px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-groups-index"] .store-groups-error {
  color: #f07c8e;
  background: #e01e5a14;
  border-color: #e01e5a3d;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-groups-index"] .store-groups-kpis {
  grid-template-columns: 1fr 1fr 1.35fr;
  gap: 7px;
  display: grid;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-groups-index"] .store-groups-kpis article, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-groups-index"] .store-groups-panel, html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) body[data-page="user-store-groups-index"] .store-groups-kpis article, html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) body[data-page="user-store-groups-index"] .store-groups-panel {
  box-shadow: none !important;
  background: #181b1e !important;
  border: 1px solid #ffffff14 !important;
  border-radius: 9px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-groups-index"] .store-groups-kpis article {
  flex-direction: column;
  justify-content: center;
  gap: 2px;
  min-height: 49px;
  padding: 7px 9px;
  display: flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-groups-index"] .store-groups-kpis article span {
  color: #ffffff3b;
  text-transform: uppercase;
  font-size: 10px;
  font-weight: 700;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-groups-index"] .store-groups-kpis article strong {
  color: #ffffffa1;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 14px;
  overflow: hidden;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-groups-index"] .store-groups-kpis article:last-child strong {
  color: #6bdc96;
  font-size: 11px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-groups-index"] .store-groups-panel {
  overflow: hidden;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-groups-index"] .store-groups-toolbar {
  border-bottom: 1px solid #ffffff12;
  align-items: center;
  gap: 5px;
  min-height: 42px;
  padding: 7px 8px;
  display: flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-groups-index"] .store-groups-search {
  flex: 1;
  position: relative;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-groups-index"] .store-groups-search svg {
  color: #ffffff3b;
  width: 8px;
  height: 8px;
  position: absolute;
  top: 50%;
  left: 8px;
  transform: translateY(-50%);
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-groups-index"] .store-groups-search input {
  width: 100%;
  min-height: 27px;
  color: #ffffff94 !important;
  background: #0f1113 !important;
  border: 1px solid #ffffff17 !important;
  border-radius: 5px !important;
  padding: 5px 7px 5px 22px !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-groups-index"] .store-groups-search input::placeholder {
  color: #ffffff2b;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-groups-index"] .store-groups-toolbar > a {
  color: #8eafff;
  font-size: 10px;
  font-weight: 650;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-groups-index"] .store-groups-toolbar > button {
  color: #fff;
  background: #25d366;
  border-radius: 5px;
  min-height: 27px;
  padding: 5px 8px;
  font-size: 10px;
  font-weight: 700;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-groups-index"] .store-groups-table-wrap {
  overflow-x: auto;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-groups-index"] .store-groups-panel table {
  table-layout: fixed;
  border-collapse: collapse;
  width: 100%;
  min-width: 0;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-groups-index"] .store-groups-panel th {
  color: #fff3;
  letter-spacing: .07em;
  text-align: left;
  text-transform: uppercase;
  border-bottom: 1px solid #ffffff12;
  height: 25px;
  padding: 5px 6px;
  font-size: 10px;
  font-weight: 750;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-groups-index"] .store-groups-panel th:first-child {
  width: 27%;
  padding-left: 8px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-groups-index"] .store-groups-panel th:nth-child(2) {
  width: 10%;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-groups-index"] .store-groups-panel th:nth-child(3) {
  width: 16%;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-groups-index"] .store-groups-panel th:nth-child(4) {
  width: 14%;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-groups-index"] .store-groups-panel th:last-child {
  width: 33%;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-groups-index"] [data-store-group-row] {
  border-bottom: 1px solid #ffffff0f;
  height: 51px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-groups-index"] [data-store-group-row]:hover {
  background: #ffffff06;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-groups-index"] [data-store-group-row] td {
  color: #ffffff4a;
  vertical-align: middle;
  padding: 5px 6px;
  font-size: 10px;
  overflow: hidden;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-groups-index"] [data-store-group-row] td:first-child {
  padding-left: 8px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-groups-index"] .store-group-identity {
  align-items: center;
  gap: 6px;
  min-width: 0;
  display: flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-groups-index"] .store-group-identity > span {
  color: #04130a;
  background: linear-gradient(135deg, #1b6f42, #25d366);
  border-radius: 7px;
  flex: none;
  place-items: center;
  width: 24px;
  height: 24px;
  font-size: 10px;
  font-weight: 800;
  display: grid;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-groups-index"] .store-group-identity > div {
  flex-direction: column;
  gap: 2px;
  min-width: 0;
  display: flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-groups-index"] .store-group-identity strong {
  color: #ffffff91;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 10px;
  overflow: hidden;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-groups-index"] .store-group-identity code, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-groups-index"] [data-store-group-row] td > code {
  color: #ffffff30;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-family: inherit;
  font-size: 10px;
  display: block;
  overflow: hidden;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-groups-index"] .store-group-members {
  color: #8eafff;
  background: #5b8cff17;
  border-radius: 999px;
  justify-content: center;
  min-width: 20px;
  padding: 3px 4px;
  font-size: 10px;
  font-weight: 700;
  display: inline-flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-groups-index"] [data-store-group-row] time {
  color: #ffffff3d;
  font-size: 10px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-groups-index"] .store-group-code-form {
  align-items: center;
  gap: 4px;
  display: flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-groups-index"] .store-group-code-form input {
  color: #ffffff85;
  text-transform: uppercase;
  background: #0f1113;
  border: 1px solid #ffffff17;
  border-radius: 5px;
  width: 72px;
  min-height: 24px;
  padding: 4px 6px;
  font-size: 10px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-groups-index"] .store-group-code-form button {
  color: #ffffff61;
  border: 1px solid #ffffff14;
  border-radius: 5px;
  min-height: 24px;
  padding: 4px 6px;
  font-size: 10px;
  font-weight: 700;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-groups-index"] .store-group-copy {
  color: #6bdc96;
  align-items: center;
  gap: 3px;
  margin-top: 3px;
  font-size: 10px;
  font-weight: 650;
  display: inline-flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-groups-index"] .store-group-copy svg {
  width: 6px;
  height: 6px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-groups-index"] .store-group-copy[data-copy-state="copied"] {
  color: #8eafff;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-groups-index"] .store-groups-empty {
  text-align: center;
  height: 110px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-groups-index"] .store-groups-empty strong, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-groups-index"] .store-groups-empty span {
  color: #fff6;
  font-size: 10px;
  display: block;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-groups-index"] .store-groups-empty span {
  color: #ffffff38;
  margin-top: 3px;
  font-size: 10px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-groups-index"] .store-groups-pagination {
  color: #ffffff57;
  border-top: 1px solid #ffffff12;
  padding: 7px 8px;
  font-size: 10px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-groups-index"] .store-groups-guide {
  background: #25d3660d;
  border: 1px solid #25d36626;
  border-radius: 8px;
  align-items: center;
  gap: 7px;
  padding: 7px 9px;
  display: flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-groups-index"] .store-groups-guide > span {
  color: #6bdc96;
  background: #25d3661c;
  border-radius: 6px;
  flex: none;
  place-items: center;
  width: 25px;
  height: 25px;
  font-size: 10px;
  font-weight: 800;
  display: grid;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-groups-index"] .store-groups-guide strong {
  color: #ffffff80;
  font-size: 10px;
  display: block;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-groups-index"] .store-groups-guide p {
  color: #ffffff3b;
  margin-top: 1px;
  font-size: 10px;
}
@media (max-width: 760px) {
  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-groups-index"] .store-groups-layout {
    grid-template-columns: 1fr !important;
  }
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-reviews-index"] .store-reviews-page {
  color: #f8f6f4;
  width: 100%;
  margin: 0 !important;
  padding: 10px 14px 18px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-reviews-index"] .store-reviews-layout {
  grid-template-columns: 174px minmax(0, 1fr) !important;
  gap: 8px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-reviews-index"] .store-reviews-workspace {
  flex-direction: column;
  min-width: 0;
  display: flex;
  gap: 7px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-reviews-index"] .store-reviews-workspace > * {
  margin: 0 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-reviews-index"] .store-reviews-header {
  border-bottom: 1px solid #ffffff14;
  justify-content: space-between;
  align-items: flex-end;
  gap: 8px;
  min-height: 68px;
  padding-bottom: 9px;
  display: flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-reviews-index"] .store-reviews-header .font-mono {
  color: #5b8cffa1 !important;
  font-family: inherit !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-reviews-index"] .store-reviews-header h1 {
  margin-top: 4px;
  color: #f8f6f4 !important;
  letter-spacing: -.035em !important;
  font-family: inherit !important;
  font-size: 19px !important;
  font-weight: 800 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-reviews-index"] .store-reviews-header p {
  color: #ffffff45;
  margin-top: 3px;
  font-size: 10px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-reviews-index"] .store-reviews-queue-state {
  color: #ffc46b;
  white-space: nowrap;
  background: #ffc46b12;
  border: 1px solid #ffc46b2e;
  border-radius: 999px;
  align-items: center;
  gap: 4px;
  min-height: 23px;
  padding: 5px 7px;
  font-size: 10px;
  font-weight: 700;
  display: inline-flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-reviews-index"] .store-reviews-queue-state i {
  background: #ffc46b;
  border-radius: 50%;
  width: 4px;
  height: 4px;
  box-shadow: 0 0 0 2px #ffc46b1f;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-reviews-index"] .store-reviews-notice {
  color: #6bdc96;
  background: #25d36614;
  border: 1px solid #25d36633;
  border-radius: 6px;
  padding: 6px 8px;
  font-size: 10px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-reviews-index"] .store-reviews-kpis {
  grid-template-columns: repeat(3, 1fr);
  gap: 7px;
  display: grid;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-reviews-index"] .store-reviews-kpis a, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-reviews-index"] .store-reviews-panel, html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) body[data-page="user-store-reviews-index"] .store-reviews-kpis a, html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) body[data-page="user-store-reviews-index"] .store-reviews-panel {
  box-shadow: none !important;
  background: #181b1e !important;
  border: 1px solid #ffffff14 !important;
  border-radius: 9px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-reviews-index"] .store-reviews-kpis a {
  justify-content: space-between;
  align-items: center;
  gap: 6px;
  min-height: 49px;
  padding: 7px 9px;
  display: flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-reviews-index"] .store-reviews-kpis a[aria-current="page"] {
  background: #5b8cff12 !important;
  border-color: #5b8cff3d !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-reviews-index"] .store-reviews-kpis span {
  color: #ffffff45;
  text-transform: uppercase;
  font-size: 10px;
  font-weight: 700;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-reviews-index"] .store-reviews-kpis strong {
  color: #ffffffa1;
  font-size: 10px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-reviews-index"] .store-reviews-kpis a:first-child strong {
  color: #ffc46b;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-reviews-index"] .store-reviews-kpis a:nth-child(2) strong {
  color: #6bdc96;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-reviews-index"] .store-reviews-kpis a:last-child strong {
  color: #f07c8e;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-reviews-index"] .store-reviews-panel {
  overflow: hidden;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-reviews-index"] .store-reviews-panel-heading {
  border-bottom: 1px solid #ffffff12;
  justify-content: space-between;
  align-items: center;
  gap: 7px;
  min-height: 39px;
  padding: 7px 9px;
  display: flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-reviews-index"] .store-reviews-panel-heading > div {
  flex-direction: column;
  gap: 1px;
  display: flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-reviews-index"] .store-reviews-panel-heading > div > span {
  color: #5b8cff9e;
  letter-spacing: .11em;
  text-transform: uppercase;
  font-size: 10px;
  font-weight: 700;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-reviews-index"] .store-reviews-panel-heading strong {
  color: #ffffff94;
  font-size: 12px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-reviews-index"] .store-reviews-panel-heading > span {
  color: #fff3;
  font-size: 10px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-reviews-index"] .store-reviews-tabs {
  border-bottom: 1px solid #ffffff12;
  align-items: flex-end;
  gap: 4px;
  min-height: 31px;
  padding: 0 8px;
  display: flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-reviews-index"] .store-reviews-tabs a {
  color: #ffffff42;
  align-items: center;
  gap: 3px;
  height: 31px;
  padding: 0 6px;
  font-size: 10px;
  font-weight: 650;
  display: inline-flex;
  position: relative;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-reviews-index"] .store-reviews-tabs a span {
  color: #ffffff29;
  font-size: 10px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-reviews-index"] .store-reviews-tabs a[aria-selected="true"] {
  color: #8eafff;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-reviews-index"] .store-reviews-tabs a[aria-selected="true"]:after {
  content: "";
  background: #25d366;
  border-radius: 2px 2px 0 0;
  height: 2px;
  position: absolute;
  bottom: 0;
  left: 5px;
  right: 5px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-reviews-index"] .store-review-row {
  border-bottom: 1px solid #ffffff0f;
  grid-template-columns: 27px minmax(0, 1fr) auto;
  align-items: start;
  gap: 7px;
  min-height: 82px;
  padding: 8px 9px;
  display: grid;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-reviews-index"] .store-review-row:hover {
  background: #ffffff06;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-reviews-index"] .store-review-avatar {
  color: #fff;
  background: linear-gradient(135deg, #31599c, #25d366);
  border-radius: 8px;
  place-items: center;
  width: 27px;
  height: 27px;
  font-size: 10px;
  font-weight: 800;
  display: grid;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-reviews-index"] .store-review-copy {
  min-width: 0;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-reviews-index"] .store-review-byline {
  align-items: center;
  gap: 5px;
  min-width: 0;
  display: flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-reviews-index"] .store-review-byline strong {
  color: #ffffff9e;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 10px;
  overflow: hidden;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-reviews-index"] .store-review-byline time {
  color: #ffffff2e;
  white-space: nowrap;
  margin-left: auto;
  font-size: 10px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-reviews-index"] .store-review-verified {
  color: #6bdc96;
  white-space: nowrap;
  background: #25d36614;
  border-radius: 999px;
  padding: 2px 4px;
  font-size: 10px;
  font-weight: 700;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-reviews-index"] .store-review-product {
  color: #ffffff36;
  margin-top: 1px;
  font-size: 10px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-reviews-index"] .store-review-product strong {
  color: #ffffff59;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-reviews-index"] .store-review-rating {
  color: #ffc46b;
  align-items: center;
  gap: 1px;
  margin-top: 4px;
  font-size: 10px;
  display: flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-reviews-index"] .store-review-rating .is-empty {
  color: #ffffff1a;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-reviews-index"] .store-review-rating b {
  color: #ffffff3b;
  margin-left: 3px;
  font-size: 10px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-reviews-index"] .store-review-copy > p {
  color: #ffffff63;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin-top: 4px;
  font-size: 10px;
  line-height: 1.4;
  display: -webkit-box;
  overflow: hidden;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-reviews-index"] .store-review-copy > p.is-empty {
  color: #ffffff2b;
  font-style: italic;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-reviews-index"] .store-review-actions {
  flex-direction: column;
  align-items: stretch;
  gap: 4px;
  display: flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-reviews-index"] .store-review-actions form {
  display: block;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-reviews-index"] .store-review-actions button {
  color: #ffffff4d;
  border: 1px solid #ffffff14;
  border-radius: 5px;
  width: 48px;
  min-height: 20px;
  padding: 3px 5px;
  font-size: 10px;
  font-weight: 700;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-reviews-index"] .store-review-actions .is-approve {
  color: #6bdc96;
  background: #25d36614;
  border-color: #25d3662e;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-reviews-index"] .store-review-actions .is-reject, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-reviews-index"] [data-store-review-delete] {
  color: #f07c8e;
  border-color: #e01e5a24;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-reviews-index"] [data-store-review-delete] {
  opacity: .65;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-reviews-index"] .store-reviews-empty {
  text-align: center;
  align-content: center;
  place-items: center;
  gap: 3px;
  min-height: 145px;
  padding: 20px;
  display: grid;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-reviews-index"] .store-reviews-empty > span {
  color: #ffc46b61;
  font-size: 14px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-reviews-index"] .store-reviews-empty strong {
  color: #ffffff61;
  font-size: 11px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-reviews-index"] .store-reviews-empty p {
  color: #ffffff36;
  font-size: 10px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-reviews-index"] .store-reviews-pagination {
  color: #ffffff57;
  border-top: 1px solid #ffffff12;
  padding: 7px 8px;
  font-size: 10px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-reviews-index"] .store-reviews-guide {
  background: #5b8cff0d;
  border: 1px solid #5b8cff26;
  border-radius: 8px;
  align-items: center;
  gap: 7px;
  padding: 7px 9px;
  display: flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-reviews-index"] .store-reviews-guide > span {
  color: #8eafff;
  background: #5b8cff1c;
  border-radius: 6px;
  flex: none;
  place-items: center;
  width: 25px;
  height: 25px;
  font-size: 12px;
  font-weight: 800;
  display: grid;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-reviews-index"] .store-reviews-guide strong {
  color: #ffffff80;
  font-size: 10px;
  display: block;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-reviews-index"] .store-reviews-guide p {
  color: #ffffff3b;
  margin-top: 1px;
  font-size: 10px;
}
@media (max-width: 760px) {
  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-reviews-index"] .store-reviews-layout {
    grid-template-columns: 1fr !important;
  }
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-payments-index"] .store-payments-page {
  color: #f8f6f4;
  width: 100%;
  margin: 0 !important;
  padding: 10px 14px 18px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-payments-index"] .store-payments-layout {
  grid-template-columns: 174px minmax(0, 1fr) !important;
  gap: 8px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-payments-index"] .store-payments-workspace {
  flex-direction: column;
  min-width: 0;
  display: flex;
  gap: 7px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-payments-index"] .store-payments-workspace > * {
  margin: 0 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-payments-index"] .store-payments-header {
  border-bottom: 1px solid #ffffff14;
  justify-content: space-between;
  align-items: flex-end;
  gap: 8px;
  min-height: 68px;
  padding-bottom: 9px;
  display: flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-payments-index"] .store-payments-header .font-mono {
  color: #5b8cffa1 !important;
  font-family: inherit !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-payments-index"] .store-payments-header h1 {
  margin-top: 4px;
  color: #f8f6f4 !important;
  letter-spacing: -.035em !important;
  font-family: inherit !important;
  font-size: 19px !important;
  font-weight: 800 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-payments-index"] .store-payments-header p {
  color: #ffffff45;
  max-width: 360px;
  margin-top: 3px;
  font-size: 10px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-payments-index"] .store-payments-header > a {
  color: #8eafff;
  white-space: nowrap;
  background: #5b8cff12;
  border: 1px solid #5b8cff2e;
  border-radius: 6px;
  min-height: 23px;
  padding: 5px 7px;
  font-size: 10px;
  font-weight: 700;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-payments-index"] .store-payments-region {
  background: #ffc46b0f;
  border: 1px solid #ffc46b2b;
  border-radius: 8px;
  align-items: center;
  gap: 7px;
  padding: 7px 9px;
  display: flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-payments-index"] .store-payments-region > span {
  color: #ffc46b;
  background: #ffc46b1c;
  border-radius: 50%;
  flex: none;
  place-items: center;
  width: 22px;
  height: 22px;
  font-size: 10px;
  font-weight: 800;
  display: grid;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-payments-index"] .store-payments-region.is-ready {
  background: #25d3660d;
  border-color: #25d36629;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-payments-index"] .store-payments-region.is-ready > span {
  color: #6bdc96;
  background: #25d3661c;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-payments-index"] .store-payments-region strong {
  color: #ffffff7d;
  font-size: 10px;
  display: block;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-payments-index"] .store-payments-region p {
  color: #ffffff3b;
  margin-top: 1px;
  font-size: 10px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-payments-index"] .store-payments-region code {
  color: #8eafff;
  font-family: inherit;
  font-weight: 700;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-payments-index"] .store-payments-notice, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-payments-index"] .store-payments-error {
  color: #6bdc96;
  background: #25d36614;
  border: 1px solid #25d36633;
  border-radius: 6px;
  padding: 6px 8px;
  font-size: 10px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-payments-index"] .store-payments-error {
  color: #f07c8e;
  background: #e01e5a14;
  border-color: #e01e5a3d;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-payments-index"] .store-payments-kpis {
  grid-template-columns: 1fr 1fr 1.7fr;
  gap: 7px;
  display: grid;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-payments-index"] .store-payments-kpis article, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-payments-index"] .store-payment-composer, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-payments-index"] .store-payments-panel, html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) body[data-page="user-store-payments-index"] .store-payments-kpis article, html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) body[data-page="user-store-payments-index"] .store-payment-composer, html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) body[data-page="user-store-payments-index"] .store-payments-panel {
  box-shadow: none !important;
  background: #181b1e !important;
  border: 1px solid #ffffff14 !important;
  border-radius: 9px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-payments-index"] .store-payments-kpis article {
  flex-direction: column;
  justify-content: center;
  gap: 2px;
  min-height: 49px;
  padding: 7px 9px;
  display: flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-payments-index"] .store-payments-kpis article span {
  color: #ffffff3b;
  text-transform: uppercase;
  font-size: 10px;
  font-weight: 700;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-payments-index"] .store-payments-kpis article strong {
  color: #ffffffa1;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 14px;
  overflow: hidden;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-payments-index"] .store-payments-kpis article:nth-child(2) strong {
  color: #6bdc96;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-payments-index"] .store-payments-kpis article:last-child strong {
  color: #8eafff;
  font-size: 10px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-payments-index"] .store-payments-content {
  grid-template-columns: 214px minmax(0, 1fr);
  align-items: start;
  gap: 7px;
  display: grid;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-payments-index"] .store-payment-composer {
  padding: 9px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-payments-index"] .store-payment-composer-heading > span, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-payments-index"] .store-payments-panel-heading > div > span {
  color: #5b8cff9e;
  letter-spacing: .11em;
  text-transform: uppercase;
  font-size: 10px;
  font-weight: 700;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-payments-index"] .store-payment-composer-heading h2 {
  color: #ffffffa6;
  margin-top: 2px;
  font-size: 14px;
  font-weight: 750;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-payments-index"] .store-payment-composer-heading output {
  color: #6bdc96;
  text-overflow: ellipsis;
  white-space: nowrap;
  background: #25d3660d;
  border: 1px solid #25d36624;
  border-radius: 5px;
  min-height: 20px;
  margin-top: 5px;
  padding: 5px 6px;
  font-size: 10px;
  font-weight: 650;
  display: block;
  overflow: hidden;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-payments-index"] .store-payment-fields {
  grid-template-columns: 1fr 1fr;
  gap: 6px;
  margin-top: 7px;
  display: grid;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-payments-index"] .store-payment-fields label:first-child {
  grid-column: 1 / -1;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-payments-index"] .store-payment-fields label > span:first-child {
  color: #ffffff57;
  margin-bottom: 3px;
  font-size: 10px;
  font-weight: 650;
  display: block;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-payments-index"] .store-payment-fields input:not([type="checkbox"]), html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-payments-index"] .store-payment-fields select {
  width: 100%;
  min-height: 27px;
  color: #ffffff96 !important;
  background: #0f1113 !important;
  border: 1px solid #ffffff17 !important;
  border-radius: 5px !important;
  padding: 5px 7px !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-payments-index"] .store-payment-fields input::placeholder {
  color: #ffffff2b;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-payments-index"] .store-payment-check {
  border: 1px solid #ffffff12;
  border-radius: 5px;
  align-items: center;
  gap: 5px;
  min-height: 31px;
  padding: 5px;
  display: flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-payments-index"] .store-payment-check input {
  accent-color: #25d366;
  width: 9px;
  height: 9px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-payments-index"] .store-payment-check span {
  flex-direction: column;
  margin: 0 !important;
  display: flex !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-payments-index"] .store-payment-check strong {
  color: #ffffff63;
  font-size: 10px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-payments-index"] .store-payment-check small {
  color: #ffffff2e;
  font-size: 10px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-payments-index"] .store-payment-exact-note {
  color: #fff3;
  margin-top: 6px;
  font-size: 10px;
  line-height: 1.4;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-payments-index"] .store-payment-actions {
  border-top: 1px solid #ffffff12;
  justify-content: flex-end;
  margin-top: 7px;
  padding-top: 7px;
  display: flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-payments-index"] [data-store-payment-save] {
  color: #04130a;
  background: #25d366;
  border-radius: 5px;
  min-height: 25px;
  padding: 5px 8px;
  font-size: 10px;
  font-weight: 750;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-payments-index"] .store-payments-panel {
  overflow: hidden;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-payments-index"] .store-payments-panel-heading {
  border-bottom: 1px solid #ffffff12;
  justify-content: space-between;
  align-items: center;
  gap: 7px;
  min-height: 40px;
  padding: 7px 9px;
  display: flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-payments-index"] .store-payments-panel-heading > div {
  flex-direction: column;
  gap: 1px;
  display: flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-payments-index"] .store-payments-panel-heading strong {
  color: #ffffff94;
  font-size: 12px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-payments-index"] .store-payments-panel-heading > span {
  color: #fff3;
  font-size: 10px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-payments-index"] .store-payment-row {
  border-bottom: 1px solid #ffffff0f;
  grid-template-columns: 26px minmax(0, 1fr) auto auto;
  align-items: center;
  gap: 6px;
  min-height: 49px;
  padding: 6px 8px;
  display: grid;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-payments-index"] .store-payment-row:hover {
  background: #ffffff06;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-payments-index"] .store-payment-mark {
  color: #6bdc96;
  background: #25d3661a;
  border-radius: 7px;
  place-items: center;
  width: 25px;
  height: 25px;
  display: grid;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-payments-index"] .store-payment-mark svg {
  width: 11px;
  height: 11px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-payments-index"] .store-payment-copy {
  flex-direction: column;
  gap: 1px;
  min-width: 0;
  display: flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-payments-index"] .store-payment-copy strong {
  color: #ffffff91;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 10px;
  overflow: hidden;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-payments-index"] .store-payment-copy code {
  color: #ffffff3b;
  font-family: inherit;
  font-size: 10px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-payments-index"] .store-payment-copy small {
  color: #ffffff2e;
  font-size: 10px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-payments-index"] .store-payment-state {
  color: #ffffff42;
  background: #ffffff0d;
  border-radius: 999px;
  align-items: center;
  gap: 3px;
  padding: 3px 5px;
  font-size: 10px;
  font-weight: 700;
  display: inline-flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-payments-index"] .store-payment-state i {
  background: #fff3;
  border-radius: 50%;
  width: 3px;
  height: 3px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-payments-index"] .store-payment-state.is-active {
  color: #6bdc96;
  background: #25d36614;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-payments-index"] .store-payment-state.is-active i {
  background: #25d366;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-payments-index"] [data-store-payment-delete-form] {
  display: inline;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-payments-index"] [data-store-payment-delete] {
  color: #f07c8e;
  opacity: .72;
  font-size: 10px;
  font-weight: 700;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-payments-index"] .store-payments-empty {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 3px;
  min-height: 116px;
  padding: 15px;
  display: flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-payments-index"] .store-payments-empty strong {
  color: #ffffff63;
  font-size: 10px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-payments-index"] .store-payments-empty span {
  color: #ffffff36;
  font-size: 10px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-payments-index"] .store-payments-guide {
  background: #5b8cff0d;
  border: 1px solid #5b8cff26;
  border-radius: 8px;
  grid-template-columns: 145px minmax(0, 1fr) auto;
  align-items: center;
  gap: 8px;
  padding: 8px 9px;
  display: grid;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-payments-index"] .store-payments-guide-heading {
  align-items: center;
  gap: 6px;
  display: flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-payments-index"] .store-payments-guide-heading > span {
  color: #8eafff;
  background: #5b8cff1c;
  border-radius: 6px;
  flex: none;
  place-items: center;
  width: 26px;
  height: 26px;
  font-size: 10px;
  font-weight: 800;
  display: grid;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-payments-index"] .store-payments-guide strong {
  color: #ffffff80;
  font-size: 10px;
  display: block;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-payments-index"] .store-payments-guide p {
  color: #ffffff38;
  margin-top: 1px;
  font-size: 10px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-payments-index"] .store-payments-guide ol {
  color: #ffffff4a;
  grid-template-columns: 1fr 1fr;
  gap: 3px 9px;
  font-size: 10px;
  list-style-position: inside;
  display: grid;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-payments-index"] .store-payments-guide > a {
  color: #8eafff;
  white-space: nowrap;
  font-size: 10px;
  font-weight: 700;
}
@media (max-width: 760px) {
  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-payments-index"] .store-payments-layout, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-payments-index"] .store-payments-content {
    grid-template-columns: 1fr !important;
  }
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-invoices"] .store-invoices-page {
  color: #f8f6f4;
  width: 100%;
  margin: 0 !important;
  padding: 10px 14px 18px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-invoices"] .store-invoices-layout {
  grid-template-columns: 174px minmax(0, 1fr) !important;
  gap: 8px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-invoices"] .store-invoices-workspace {
  min-width: 0;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-invoices"] .store-invoices-notice, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-invoices"] .store-invoices-error {
  color: #6bdc96;
  background: #25d36614;
  border: 1px solid #25d36633;
  border-radius: 6px;
  margin-bottom: 7px;
  padding: 6px 8px;
  font-size: 10px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-invoices"] .store-invoices-error {
  color: #f07c8e;
  background: #e01e5a14;
  border-color: #e01e5a3d;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-invoices"] .store-invoices-embed > div {
  flex-direction: column;
  display: flex;
  gap: 7px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-invoices"] .store-invoices-embed > div > * {
  margin: 0 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-invoices"] .store-invoices-header {
  border-bottom: 1px solid #ffffff14;
  min-height: 68px;
  padding-bottom: 9px;
  align-items: flex-end !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-invoices"] .store-invoices-header .font-mono {
  color: #5b8cffa1 !important;
  margin: 0 !important;
  font-family: inherit !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-invoices"] .store-invoices-header h1 {
  margin-top: 4px;
  color: #f8f6f4 !important;
  letter-spacing: -.035em !important;
  font-family: inherit !important;
  font-size: 19px !important;
  font-weight: 800 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-invoices"] .store-invoices-header p {
  color: #ffffff45 !important;
  margin-top: 3px !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-invoices"] .store-invoices-actions {
  gap: 5px;
  display: flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-invoices"] .store-invoices-actions a {
  color: #fff6;
  border: 1px solid #ffffff17;
  border-radius: 5px;
  min-height: 24px;
  padding: 5px 7px;
  font-size: 10px;
  font-weight: 700;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-invoices"] .store-invoices-actions a:first-child {
  color: #04130a;
  background: #25d366;
  border-color: #25d366;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-invoices"] .store-invoices-summary {
  background: #181b1e;
  border: 1px solid #ffffff14;
  border-radius: 9px;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  display: grid;
  overflow: hidden;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-invoices"] .store-invoices-summary article {
  border-left: 1px solid #ffffff12;
  flex-direction: column;
  justify-content: center;
  gap: 2px;
  min-height: 49px;
  padding: 7px 8px;
  display: flex;
  position: relative;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-invoices"] .store-invoices-summary article:first-child {
  border-left: 0;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-invoices"] .store-invoices-summary article:before {
  content: "";
  background: #25d366;
  width: 2px;
  position: absolute;
  inset: 0 auto 0 0;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-invoices"] .store-invoices-summary article:nth-child(2):before {
  background: #25d366;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-invoices"] .store-invoices-summary article:nth-child(3):before {
  background: #ffc46b;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-invoices"] .store-invoices-summary article:nth-child(4):before {
  background: #f07c8e;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-invoices"] .store-invoices-summary article:nth-child(5):before {
  background: #b98cff;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-invoices"] .store-invoices-summary span {
  color: #ffffff38;
  text-transform: uppercase;
  font-size: 10px;
  font-weight: 700;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-invoices"] .store-invoices-summary strong {
  color: #ffffffa8;
  font-size: 14px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-invoices"] .store-invoices-setup, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-invoices"] .store-invoices-orders, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-invoices"] .store-invoices-table, html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) body[data-page="user-store-invoices"] .store-invoices-setup.bg-paper-0, html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) body[data-page="user-store-invoices"] .store-invoices-orders.bg-paper-0, html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) body[data-page="user-store-invoices"] .store-invoices-table.bg-paper-0 {
  box-shadow: none !important;
  background: #181b1e !important;
  border-color: #ffffff14 !important;
  border-radius: 9px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-invoices"] .store-invoices-setup {
  background: #ffc46b0d !important;
  border-color: #ffc46b2e !important;
  padding: 8px 9px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-invoices"] .store-invoices-setup > .flex {
  margin-bottom: 5px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-invoices"] .store-invoices-setup > .flex > span {
  width: 18px !important;
  height: 18px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-invoices"] .store-invoices-setup .font-serif {
  font-weight: 700;
  color: #ffc46b !important;
  font-family: inherit !important;
  font-size: 12px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-invoices"] .store-invoices-setup ul {
  grid-template-columns: 1fr 1fr;
  display: grid;
  gap: 3px 8px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-invoices"] .store-invoices-setup li {
  color: #ffffff4f !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-invoices"] .store-invoices-setup li span:last-child {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-invoices"] .store-invoices-setup svg {
  width: 8px !important;
  height: 8px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-invoices"] .store-invoices-setup > a {
  color: #ffc46b !important;
  background: #ffc46b1a !important;
  border-radius: 5px !important;
  margin-top: 5px !important;
  padding: 4px 6px !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-invoices"] .store-invoices-orders {
  padding: 8px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-invoices"] .store-invoices-orders > .font-mono {
  color: #ffffff42 !important;
  margin-bottom: 5px !important;
  font-family: inherit !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-invoices"] .store-invoices-orders button {
  color: #ffffff6e !important;
  background: #0f1113 !important;
  border-color: #ffffff17 !important;
  border-radius: 5px !important;
  padding: 4px 6px !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-invoices"] .store-invoices-table table {
  table-layout: fixed;
  border-collapse: collapse;
  width: 100%;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-invoices"] .store-invoices-table thead {
  background: #292421 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-invoices"] .store-invoices-table th {
  height: 25px;
  font-weight: 750;
  color: #fff3 !important;
  padding: 5px 6px !important;
  font-family: inherit !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-invoices"] .store-invoices-table th:first-child {
  width: 19%;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-invoices"] .store-invoices-table th:nth-child(2) {
  width: 23%;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-invoices"] .store-invoices-table th:nth-child(3) {
  width: 16%;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-invoices"] .store-invoices-table th:nth-child(4), html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-invoices"] .store-invoices-table th:nth-child(5) {
  width: 17%;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-invoices"] .store-invoices-table th:nth-child(6) {
  width: 8%;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-invoices"] .store-invoice-row {
  border-bottom: 1px solid #ffffff0f;
  height: 43px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-invoices"] .store-invoice-row:hover {
  background: #ffffff06 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-invoices"] .store-invoice-row td {
  color: #ffffff57;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  padding: 5px 6px !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-invoices"] .store-invoice-row td:first-child {
  font-family: inherit !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-invoices"] .store-invoice-row td:first-child a, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-invoices"] .store-invoice-row td:last-child a {
  font-weight: 700;
  color: #6bdc96 !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-invoices"] .store-invoice-row td:nth-child(4) {
  color: #ffffff94;
  font-weight: 700;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-invoices"] .store-invoice-row td span {
  color: #ffffff45 !important;
  background: #ffffff0d !important;
  border-radius: 4px !important;
  padding: 2px 4px !important;
  font-family: inherit !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-invoices"] .store-invoices-table > .px-5 {
  min-height: 110px;
  color: #ffffff40 !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-invoices"] .store-invoices-guide {
  color: #ffffff40 !important;
  background: #25d3660d !important;
  border-color: #25d36626 !important;
  border-radius: 8px !important;
  padding: 7px 9px !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-invoices"] .store-invoices-guide .font-semibold {
  color: #6bdc96 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-invoices"] .store-invoices-settings > a, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-invoices"] .store-invoices-detail > a {
  align-self: flex-start;
  color: #8eafff !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-invoices"] .store-invoices-settings .inv-settings-form {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  display: grid;
  gap: 7px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-invoices"] .store-invoices-settings .inv-settings-form > .bg-paper-0, html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) body[data-page="user-store-invoices"] .store-invoices-settings .inv-settings-form > .bg-paper-0 {
  box-shadow: none !important;
  background: #181b1e !important;
  border-color: #ffffff14 !important;
  border-radius: 8px !important;
  margin: 0 !important;
  padding: 9px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-invoices"] .store-invoices-settings .inv-settings-form .font-serif {
  color: #ffffffab !important;
  font-family: inherit !important;
  font-size: 14px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-invoices"] .store-invoices-settings .inv-settings-form label > span {
  color: #ffffff4f !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-invoices"] .store-invoices-settings .inv-settings-form input:not([type="checkbox"]):not([type="file"]), html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-invoices"] .store-invoices-settings .inv-settings-form select, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-invoices"] .store-invoices-settings .inv-settings-form textarea {
  color: #ffffff96 !important;
  background: #0f1113 !important;
  border-color: #ffffff17 !important;
  border-radius: 5px !important;
  margin-top: 3px !important;
  padding: 5px 6px !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-invoices"] .store-invoices-settings .inv-settings-form input[type="checkbox"] {
  accent-color: #25d366;
  width: 10px !important;
  height: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-invoices"] .store-invoices-settings .inv-settings-form [data-settings-save] {
  grid-column: 1 / -1;
  color: #04130a !important;
  background: #25d366 !important;
  border-radius: 5px !important;
  padding: 7px 9px !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-invoices"] .store-invoices-detail .inv-detail-summary, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-invoices"] .store-invoices-detail .inv-detail-card {
  box-shadow: none !important;
  background: #181b1e !important;
  border: 1px solid #ffffff14 !important;
  border-radius: 9px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-invoices"] .store-invoices-detail .inv-detail-summary {
  min-height: 49px;
  padding: 7px 9px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-invoices"] .store-invoices-detail .inv-detail-summary .font-mono {
  color: #ffffff40 !important;
  font-family: inherit !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-invoices"] .store-invoices-detail .inv-detail-summary .font-serif {
  font-weight: 800;
  color: #ffffffab !important;
  font-family: inherit !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-invoices"] .store-invoices-detail .inv-detail-card {
  gap: 7px !important;
  padding: 9px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-invoices"] .store-invoices-detail .inv-detail-card .font-semibold {
  color: #ffffff91 !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-invoices"] .store-invoices-detail .inv-detail-card .text-ink-500 {
  color: #ffffff3d !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-invoices"] .store-invoices-detail .inv-detail-card th, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-invoices"] .store-invoices-detail .inv-detail-card td {
  color: #ffffff59 !important;
  padding: 5px 6px !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-invoices"] .store-invoices-detail .inv-detail-card a, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-invoices"] .store-invoices-detail .inv-detail-card button {
  color: #ffffff6e !important;
  background: #0f1113 !important;
  border-color: #ffffff17 !important;
  border-radius: 5px !important;
  padding: 5px 7px !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-invoices"] .store-invoices-detail .inv-detail-card a:first-child {
  color: #04130a !important;
  background: #25d366 !important;
}
@media (max-width: 760px) {
  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-invoices"] .store-invoices-layout, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-invoices"] .store-invoices-settings .inv-settings-form {
    grid-template-columns: 1fr !important;
  }
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-gateways"] .store-gateways-page {
  color: #f8f6f4;
  width: 100%;
  margin: 0 !important;
  padding: 10px 14px 18px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-gateways"] .store-gateways-layout {
  grid-template-columns: 174px minmax(0, 1fr);
  align-items: start;
  gap: 8px;
  display: grid;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-gateways"] .store-gateways-workspace {
  flex-direction: column;
  gap: 7px;
  min-width: 0;
  display: flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-gateways"] .store-gateways-header {
  border-bottom: 1px solid #ffffff14;
  justify-content: space-between;
  align-items: flex-end;
  gap: 10px;
  min-height: 68px;
  padding-bottom: 9px;
  display: flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-gateways"] .store-gateways-eyebrow {
  color: #5b8cffa1;
  text-transform: uppercase;
  font-size: 10px;
  font-weight: 700;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-gateways"] .store-gateways-header h1 {
  color: #f8f6f4;
  letter-spacing: -.035em;
  margin-top: 4px;
  font-size: 19px;
  font-weight: 800;
  line-height: 1;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-gateways"] .store-gateways-header p {
  color: #ffffff45;
  margin-top: 4px;
  font-size: 10px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-gateways"] .store-gateways-header-actions {
  align-items: center;
  gap: 5px;
  display: flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-gateways"] .store-gateways-header-actions a, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-gateways"] .store-gateways-header-actions button {
  color: #fff6;
  border: 1px solid #ffffff17;
  border-radius: 5px;
  align-items: center;
  gap: 4px;
  min-height: 24px;
  padding: 5px 7px;
  font-size: 10px;
  font-weight: 700;
  display: inline-flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-gateways"] .store-gateways-header-actions button {
  color: #04130a;
  background: #25d366;
  border-color: #25d366;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-gateways"] .store-gateways-header-actions svg {
  width: 7px;
  height: 7px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-gateways"] .store-gateways-notice, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-gateways"] .store-gateways-error {
  color: #6bdc96;
  background: #25d36614;
  border: 1px solid #25d36633;
  border-radius: 6px;
  padding: 6px 8px;
  font-size: 10px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-gateways"] .store-gateways-error {
  color: #f07c8e;
  background: #e01e5a14;
  border-color: #e01e5a3d;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-gateways"] .store-gateways-kpis {
  background: #181b1e;
  border: 1px solid #ffffff14;
  border-radius: 9px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  display: grid;
  overflow: hidden;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-gateways"] .store-gateways-kpis article {
  border-left: 1px solid #ffffff12;
  grid-template-rows: auto auto;
  grid-template-columns: auto 1fr;
  align-content: center;
  gap: 1px 7px;
  min-height: 50px;
  padding: 7px 9px;
  display: grid;
  position: relative;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-gateways"] .store-gateways-kpis article:first-child {
  border-left: 0;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-gateways"] .store-gateways-kpis article:before {
  content: "";
  background: #25d366;
  width: 2px;
  position: absolute;
  inset: 0 auto 0 0;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-gateways"] .store-gateways-kpis article:nth-child(2):before {
  background: #25d366;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-gateways"] .store-gateways-kpis article:nth-child(3):before {
  background: #ffc46b;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-gateways"] .store-gateways-kpis article:nth-child(4):before {
  background: #b98cff;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-gateways"] .store-gateways-kpis span {
  color: #ffffff3b;
  text-transform: uppercase;
  grid-column: 2;
  font-size: 10px;
  font-weight: 750;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-gateways"] .store-gateways-kpis strong {
  color: #ffffffad;
  grid-row: 1 / 3;
  align-self: center;
  font-size: 11px;
  line-height: 1;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-gateways"] .store-gateways-kpis small {
  color: #ffffff2b;
  grid-column: 2;
  font-size: 10px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-gateways"] .store-gateways-catalog {
  background: #181b1e;
  border: 1px solid #ffffff14;
  border-radius: 9px;
  overflow: hidden;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-gateways"] .store-gateways-toolbar {
  border-bottom: 1px solid #ffffff12;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  min-height: 41px;
  padding: 7px 9px;
  display: flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-gateways"] .store-gateways-toolbar > div {
  flex-direction: column;
  gap: 1px;
  display: flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-gateways"] .store-gateways-toolbar strong {
  color: #ffffff94;
  font-size: 12px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-gateways"] .store-gateways-toolbar span {
  color: #fff3;
  font-size: 10px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-gateways"] .store-gateway-search {
  align-items: center;
  width: 160px;
  display: flex;
  position: relative;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-gateways"] .store-gateway-search svg {
  color: #ffffff3b;
  width: 7px;
  height: 7px;
  position: absolute;
  left: 7px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-gateways"] .store-gateway-search input {
  color: #ffffff94;
  background: #0f1113;
  border: 1px solid #ffffff17;
  border-radius: 5px;
  width: 100%;
  min-height: 25px;
  padding: 5px 7px 5px 20px;
  font-size: 10px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-gateways"] .store-gateway-search input::placeholder {
  color: #ffffff30;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-gateways"] .store-gateway-filters {
  border-bottom: 1px solid #ffffff12;
  align-items: center;
  gap: 4px;
  padding: 6px 9px;
  display: flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-gateways"] .store-gateway-filters button {
  color: #ffffff47;
  border: 1px solid #ffffff12;
  border-radius: 999px;
  min-height: 20px;
  padding: 4px 7px;
  font-size: 10px;
  font-weight: 700;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-gateways"] .store-gateway-filters button[aria-pressed="true"] {
  color: #8eafff;
  background: #5b8cff1c;
  border-color: #5b8cff42;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-gateways"] .store-gateway-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  display: grid;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-gateways"] .store-gateway-card {
  border-bottom: 1px solid #ffffff0f;
  min-width: 0;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-gateways"] .store-gateway-card:nth-child(odd) {
  border-right: 1px solid #ffffff0f;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-gateways"] .store-gateway-card[hidden] {
  display: none !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-gateways"] .store-gateway-card[open] {
  background: #5b8cff08;
  border: 1px solid #5b8cff33;
  grid-column: 1 / -1;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-gateways"] .store-gateway-card summary {
  cursor: pointer;
  grid-template-columns: 27px minmax(0, 1fr) auto 8px;
  align-items: center;
  gap: 6px;
  min-height: 48px;
  padding: 6px 8px;
  list-style: none;
  display: grid;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-gateways"] .store-gateway-card summary::-webkit-details-marker {
  display: none;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-gateways"] .store-gateway-card summary:hover {
  background: #ffffff06;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-gateways"] .store-gateway-logo {
  color: #8eafff;
  letter-spacing: -.03em;
  background: #5b8cff1f;
  border-radius: 7px;
  place-items: center;
  width: 26px;
  height: 26px;
  font-size: 10px;
  font-weight: 850;
  display: grid;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-gateways"] .store-gateway-logo--india {
  color: #ffc46b;
  background: #ffc46b1c;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-gateways"] .store-gateway-logo--manual {
  color: #c8a9ff;
  background: #b98cff1c;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-gateways"] .store-gateway-copy {
  flex-direction: column;
  gap: 2px;
  min-width: 0;
  display: flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-gateways"] .store-gateway-copy > span {
  align-items: center;
  gap: 4px;
  min-width: 0;
  display: flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-gateways"] .store-gateway-copy strong {
  color: #ffffff94;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 10px;
  overflow: hidden;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-gateways"] .store-gateway-copy em {
  color: #ffffff30;
  text-transform: uppercase;
  background: #ffffff0a;
  border-radius: 3px;
  padding: 1px 3px;
  font-size: 10px;
  font-style: normal;
  font-weight: 700;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-gateways"] .store-gateway-copy small {
  color: #ffffff38;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 10px;
  overflow: hidden;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-gateways"] .store-gateway-status, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-gateways"] .store-gateway-connect {
  color: #ffffff45;
  white-space: nowrap;
  border: 1px solid #ffffff12;
  border-radius: 999px;
  align-items: center;
  gap: 3px;
  padding: 3px 5px;
  font-size: 10px;
  font-style: normal;
  font-weight: 750;
  display: inline-flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-gateways"] .store-gateway-status i {
  background: #ffffff38;
  border-radius: 50%;
  width: 3px;
  height: 3px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-gateways"] .store-gateway-status.is-active {
  color: #6bdc96;
  background: #25d36614;
  border-color: #25d3662e;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-gateways"] .store-gateway-status.is-active i {
  background: #25d366;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-gateways"] .store-gateway-connect {
  color: #8eafff;
  border-color: #5b8cff30;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-gateways"] .store-gateway-connect b {
  font-size: 10px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-gateways"] .store-gateway-chevron {
  color: #fff3;
  width: 7px;
  height: 7px;
  transition: transform .16s;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-gateways"] .store-gateway-card[open] .store-gateway-chevron {
  transform: rotate(180deg);
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-gateways"] .store-gateway-config {
  border-top: 1px solid #ffffff0f;
  padding: 0 8px 8px 41px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-gateways"] [data-store-gateway-save-form] {
  padding-top: 7px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-gateways"] .store-gateway-fields {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 6px;
  display: grid;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-gateways"] .store-gateway-fields label {
  flex-direction: column;
  gap: 3px;
  min-width: 0;
  display: flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-gateways"] .store-gateway-fields label > span {
  color: #ffffff4d;
  font-size: 10px;
  font-weight: 650;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-gateways"] .store-gateway-fields label > span b {
  color: #f07c8e;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-gateways"] .store-gateway-fields input, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-gateways"] .store-gateway-fields textarea, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-gateways"] .store-gateway-controls select {
  color: #ffffff94;
  background: #0f1113;
  border: 1px solid #ffffff17;
  border-radius: 5px;
  width: 100%;
  min-height: 26px;
  padding: 5px 6px;
  font-family: inherit;
  font-size: 10px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-gateways"] .store-gateway-fields textarea {
  resize: vertical;
  min-height: 42px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-gateways"] .store-gateway-fields input::placeholder, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-gateways"] .store-gateway-fields textarea::placeholder {
  color: #ffffff2e;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-gateways"] .store-gateway-raw {
  grid-column: 1 / -1;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-gateways"] .store-gateway-webhook {
  background: #25d3660a;
  border: 1px solid #25d3661f;
  border-radius: 5px;
  grid-template-columns: 115px minmax(0, 1fr) auto;
  align-items: center;
  gap: 6px;
  margin-top: 6px;
  padding: 5px 6px;
  display: grid;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-gateways"] .store-gateway-webhook > span {
  flex-direction: column;
  gap: 1px;
  display: flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-gateways"] .store-gateway-webhook strong {
  color: #6bdc96;
  font-size: 10px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-gateways"] .store-gateway-webhook small {
  color: #ffffff2e;
  font-size: 10px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-gateways"] .store-gateway-webhook code {
  color: #ffffff4f;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-family: inherit;
  font-size: 10px;
  overflow: hidden;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-gateways"] .store-gateway-webhook button {
  color: #6bdc96;
  background: #25d3661a;
  border-radius: 4px;
  padding: 3px 5px;
  font-size: 10px;
  font-weight: 700;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-gateways"] .store-gateway-form-footer {
  border-top: 1px solid #ffffff0f;
  justify-content: space-between;
  align-items: flex-end;
  gap: 7px;
  margin-top: 6px;
  padding-top: 6px;
  display: flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-gateways"] .store-gateway-controls {
  align-items: flex-end;
  gap: 8px;
  display: flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-gateways"] .store-gateway-controls > label:first-child {
  color: #ffffff47;
  flex-direction: column;
  gap: 2px;
  font-size: 10px;
  display: flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-gateways"] .store-gateway-controls select {
  width: 65px;
  min-height: 23px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-gateways"] .store-gateway-active {
  color: #ffffff4a;
  align-items: center;
  gap: 4px;
  min-height: 23px;
  font-size: 10px;
  display: inline-flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-gateways"] .store-gateway-active input {
  accent-color: #25d366;
  width: 9px;
  height: 9px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-gateways"] [data-store-gateway-draft] {
  color: #ffffff2e;
  align-self: center;
  font-size: 10px;
  font-weight: 700;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-gateways"] [data-store-gateway-save] {
  color: #04130a;
  background: #25d366;
  border-radius: 5px;
  min-height: 24px;
  padding: 5px 8px;
  font-size: 10px;
  font-weight: 750;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-gateways"] .store-gateway-secret-note {
  color: #ffffff2b;
  margin-top: 4px;
  font-size: 10px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-gateways"] .store-gateway-row-actions {
  gap: 5px;
  margin-top: 5px;
  display: flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-gateways"] .store-gateway-row-actions form {
  display: inline;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-gateways"] .store-gateway-row-actions button {
  color: #8eafff;
  font-size: 10px;
  font-weight: 700;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-gateways"] [data-store-gateway-delete] {
  color: #f07c8e;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-gateways"] .store-gateways-empty {
  text-align: center;
  min-height: 100px;
  padding: 24px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-gateways"] .store-gateways-empty strong {
  color: #ffffff6b;
  font-size: 10px;
  display: block;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-gateways"] .store-gateways-empty span {
  color: #ffffff36;
  font-size: 10px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-gateways"] .store-gateways-guide {
  background: #25d3660d;
  border: 1px solid #25d36626;
  border-radius: 8px;
  grid-template-columns: 27px 150px minmax(0, 1fr) auto;
  align-items: center;
  gap: 7px;
  padding: 7px 9px;
  display: grid;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-gateways"] .store-gateways-guide > span {
  color: #6bdc96;
  background: #25d3661a;
  border-radius: 6px;
  place-items: center;
  width: 26px;
  height: 26px;
  font-size: 10px;
  font-weight: 800;
  display: grid;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-gateways"] .store-gateways-guide strong {
  color: #ffffff82;
  font-size: 10px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-gateways"] .store-gateways-guide p {
  color: #ffffff36;
  margin-top: 1px;
  font-size: 10px;
  line-height: 1.35;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-gateways"] .store-gateways-guide ol {
  color: #ffffff45;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 2px 9px;
  font-size: 10px;
  list-style-position: inside;
  display: grid;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-gateways"] .store-gateways-guide a {
  color: #8eafff;
  white-space: nowrap;
  font-size: 10px;
  font-weight: 700;
}
@media (max-width: 760px) {
  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-gateways"] .store-gateways-layout, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-gateways"] .store-gateway-grid, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-gateways"] .store-gateway-fields {
    grid-template-columns: 1fr;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-gateways"] .store-gateways-kpis {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-gateways"] .store-gateway-card[open] {
    grid-column: auto;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-gateways"] .store-gateway-webhook, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-gateways"] .store-gateways-guide {
    grid-template-columns: 1fr;
  }
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-storefront-edit"] .store-storefront-page {
  color: #f8f6f4;
  width: 100%;
  margin: 0 !important;
  padding: 10px 14px 18px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-storefront-edit"] .store-storefront-layout {
  grid-template-columns: 174px minmax(0, 1fr);
  align-items: start;
  gap: 8px;
  display: grid;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-storefront-edit"] .store-storefront-workspace {
  flex-direction: column;
  gap: 7px;
  min-width: 0;
  display: flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-storefront-edit"] .store-storefront-header {
  border-bottom: 1px solid #ffffff14;
  justify-content: space-between;
  align-items: flex-end;
  gap: 9px;
  min-height: 68px;
  padding-bottom: 9px;
  display: flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-storefront-edit"] .store-storefront-eyebrow {
  color: #5b8cffa1;
  text-transform: uppercase;
  font-size: 10px;
  font-weight: 700;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-storefront-edit"] .store-storefront-header h1 {
  color: #f8f6f4;
  letter-spacing: -.035em;
  margin-top: 4px;
  font-size: 19px;
  font-weight: 800;
  line-height: 1;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-storefront-edit"] .store-storefront-header p {
  color: #ffffff45;
  margin-top: 4px;
  font-size: 10px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-storefront-edit"] .store-storefront-header > a {
  color: #04130a;
  background: #25d366;
  border: 1px solid #25d366;
  border-radius: 5px;
  min-height: 24px;
  padding: 5px 8px;
  font-size: 10px;
  font-weight: 750;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-storefront-edit"] .store-storefront-notice, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-storefront-edit"] .store-storefront-error {
  color: #6bdc96;
  background: #25d36614;
  border: 1px solid #25d36633;
  border-radius: 6px;
  flex-direction: column;
  gap: 2px;
  padding: 6px 8px;
  font-size: 10px;
  display: flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-storefront-edit"] .store-storefront-error {
  color: #f07c8e;
  background: #e01e5a14;
  border-color: #e01e5a3d;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-storefront-edit"] .store-storefront-kpis {
  background: #181b1e;
  border: 1px solid #ffffff14;
  border-radius: 9px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  display: grid;
  overflow: hidden;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-storefront-edit"] .store-storefront-kpis article {
  border-left: 1px solid #ffffff12;
  flex-direction: column;
  justify-content: center;
  gap: 1px;
  min-height: 49px;
  padding: 7px 9px;
  display: flex;
  position: relative;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-storefront-edit"] .store-storefront-kpis article:first-child {
  border-left: 0;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-storefront-edit"] .store-storefront-kpis article:before {
  content: "";
  background: #25d366;
  width: 2px;
  position: absolute;
  inset: 0 auto 0 0;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-storefront-edit"] .store-storefront-kpis article:nth-child(2):before {
  background: #25d366;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-storefront-edit"] .store-storefront-kpis article:nth-child(3):before {
  background: #ffc46b;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-storefront-edit"] .store-storefront-kpis article:nth-child(4):before {
  background: #b98cff;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-storefront-edit"] .store-storefront-kpis span {
  color: #ffffff36;
  text-transform: uppercase;
  font-size: 10px;
  font-weight: 750;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-storefront-edit"] .store-storefront-kpis strong {
  color: #ffffffa3;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 14px;
  overflow: hidden;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-storefront-edit"] .store-storefront-kpis small {
  color: #ffffff2b;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 10px;
  overflow: hidden;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-storefront-edit"] .store-storefront-studio {
  grid-template-columns: minmax(0, 1.45fr) minmax(190px, 1fr);
  align-items: start;
  gap: 7px;
  display: grid;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-storefront-edit"] [data-storefront-form], html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-storefront-edit"] .store-storefront-preview-wrap {
  background: #181b1e;
  border: 1px solid #ffffff14;
  border-radius: 9px;
  overflow: hidden;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-storefront-edit"] .store-storefront-tabs {
  border-bottom: 1px solid #ffffff12;
  align-items: stretch;
  min-height: 33px;
  padding: 0 5px;
  display: flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-storefront-edit"] .store-storefront-tabs button {
  color: #ffffff3b;
  flex: 1;
  padding: 7px 3px 6px;
  font-size: 10px;
  font-weight: 700;
  position: relative;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-storefront-edit"] .store-storefront-tabs button[aria-selected="true"] {
  color: #8eafff;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-storefront-edit"] .store-storefront-tabs button[aria-selected="true"]:after {
  content: "";
  background: #25d366;
  height: 1px;
  position: absolute;
  bottom: -1px;
  left: 5px;
  right: 5px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-storefront-edit"] .store-storefront-panels {
  min-height: 309px;
  padding: 9px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-storefront-edit"] [data-storefront-panel][hidden], html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-storefront-edit"] [data-storefront-payment-api][hidden] {
  display: none !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-storefront-edit"] .store-storefront-panel-heading {
  flex-direction: column;
  gap: 1px;
  margin-bottom: 8px;
  display: flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-storefront-edit"] .store-storefront-panel-heading strong {
  color: #ffffff96;
  font-size: 12px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-storefront-edit"] .store-storefront-panel-heading span {
  color: #fff3;
  font-size: 10px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-storefront-edit"] .store-storefront-themes {
  border-bottom: 1px solid #ffffff0f;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 5px;
  padding-bottom: 8px;
  display: grid;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-storefront-edit"] .store-storefront-themes label {
  cursor: pointer;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-storefront-edit"] .store-storefront-themes input {
  opacity: 0;
  width: 1px;
  height: 1px;
  position: absolute;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-storefront-edit"] .store-storefront-themes label > span {
  border: 1px solid #ffffff12;
  border-radius: 5px;
  grid-template-rows: auto auto;
  grid-template-columns: 13px 1fr;
  align-content: center;
  gap: 1px 4px;
  min-height: 40px;
  padding: 5px;
  display: grid;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-storefront-edit"] .store-storefront-themes input:checked + span {
  background: #5b8cff14;
  border-color: #5b8cff73;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-storefront-edit"] .store-storefront-themes i {
  background: var(--theme-swatch);
  border-radius: 3px;
  grid-row: 1 / 3;
  width: 13px;
  height: 23px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-storefront-edit"] .store-storefront-themes b {
  color: #ffffff73;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 10px;
  overflow: hidden;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-storefront-edit"] .store-storefront-themes small {
  color: #ffffff2b;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 10px;
  overflow: hidden;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-storefront-edit"] .store-storefront-fields {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 7px;
  margin-top: 8px;
  display: grid;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-storefront-edit"] .store-storefront-fields.three {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-storefront-edit"] .store-storefront-fields.recovery {
  grid-template-columns: 80px minmax(0, 1fr);
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-storefront-edit"] .store-storefront-fields label {
  flex-direction: column;
  gap: 3px;
  min-width: 0;
  display: flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-storefront-edit"] .store-storefront-fields label.wide {
  grid-column: 1 / -1;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-storefront-edit"] .store-storefront-fields label > span {
  color: #ffffff4d;
  font-size: 10px;
  font-weight: 650;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-storefront-edit"] .store-storefront-fields label > span em {
  color: #ffffff2b;
  font-size: 10px;
  font-style: normal;
  font-weight: 400;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-storefront-edit"] .store-storefront-fields input, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-storefront-edit"] .store-storefront-fields select, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-storefront-edit"] .store-storefront-fields textarea {
  color: #ffffff94;
  background: #0f1113;
  border: 1px solid #ffffff17;
  border-radius: 5px;
  width: 100%;
  min-height: 27px;
  padding: 5px 6px;
  font-family: inherit;
  font-size: 10px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-storefront-edit"] .store-storefront-fields textarea {
  resize: vertical;
  min-height: 53px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-storefront-edit"] .store-storefront-fields input::placeholder, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-storefront-edit"] .store-storefront-fields textarea::placeholder {
  color: #ffffff2b;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-storefront-edit"] .store-storefront-fields label > small {
  color: #ffffff2b;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 10px;
  overflow: hidden;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-storefront-edit"] .store-storefront-color {
  grid-template-columns: 28px minmax(0, 1fr);
  gap: 4px;
  display: grid;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-storefront-edit"] .store-storefront-color input[type="color"] {
  padding: 2px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-storefront-edit"] .store-storefront-dns {
  background: #5b8cff0d;
  border: 1px solid #5b8cff26;
  border-radius: 6px;
  grid-template-columns: 27px minmax(0, 1fr) auto;
  align-items: center;
  gap: 6px;
  margin-top: 9px;
  padding: 7px;
  display: grid;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-storefront-edit"] .store-storefront-dns > span {
  color: #8eafff;
  background: #5b8cff1c;
  border-radius: 6px;
  place-items: center;
  width: 26px;
  height: 26px;
  font-size: 10px;
  font-weight: 800;
  display: grid;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-storefront-edit"] .store-storefront-dns strong {
  color: #ffffff78;
  font-size: 10px;
  display: block;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-storefront-edit"] .store-storefront-dns p {
  color: #fff3;
  font-size: 10px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-storefront-edit"] .store-storefront-dns code {
  color: #8eafff;
  font-family: inherit;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-storefront-edit"] .store-storefront-dns button {
  color: #ffffff5e;
  border: 1px solid #ffffff14;
  border-radius: 4px;
  padding: 4px 6px;
  font-size: 10px;
  font-weight: 700;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-storefront-edit"] .store-storefront-dns button:disabled {
  opacity: .35;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-storefront-edit"] .store-storefront-dns output {
  color: #f07c8e;
  grid-column: 2 / -1;
  font-size: 10px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-storefront-edit"] .store-storefront-dns output:empty {
  display: none;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-storefront-edit"] .store-storefront-summary-line {
  color: #ffffff38;
  background: #25d3660d;
  border-radius: 5px;
  justify-content: space-between;
  align-items: center;
  gap: 5px;
  margin-top: 10px;
  padding: 7px;
  font-size: 10px;
  display: flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-storefront-edit"] .store-storefront-summary-line strong {
  color: #6bdc96;
  font-size: 10px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-storefront-edit"] .store-storefront-api {
  background: #ffc46b0a;
  border: 1px solid #ffc46b24;
  border-radius: 6px;
  margin-top: 8px;
  padding: 7px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-storefront-edit"] .store-storefront-api > div:first-child {
  justify-content: space-between;
  align-items: center;
  gap: 5px;
  display: flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-storefront-edit"] .store-storefront-api > div:first-child strong {
  color: #ffc46b;
  font-size: 10px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-storefront-edit"] .store-storefront-api > div:first-child span {
  color: #ffffff2e;
  font-size: 10px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-storefront-edit"] .store-storefront-api code {
  color: #ffffff3b;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-top: 6px;
  font-family: inherit;
  font-size: 10px;
  display: block;
  overflow: hidden;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-storefront-edit"] .store-storefront-switch {
  cursor: pointer;
  display: block;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-storefront-edit"] .store-storefront-switch > input {
  opacity: 0;
  position: absolute;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-storefront-edit"] .store-storefront-switch > span {
  border: 1px solid #ffffff12;
  border-radius: 6px;
  grid-template-rows: auto auto;
  grid-template-columns: 22px 1fr;
  gap: 1px 6px;
  padding: 8px;
  display: grid;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-storefront-edit"] .store-storefront-switch i {
  background: #ffffff1a;
  border-radius: 999px;
  grid-row: 1 / 3;
  align-self: center;
  width: 21px;
  height: 11px;
  position: relative;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-storefront-edit"] .store-storefront-switch i:after {
  content: "";
  background: #ffffff59;
  border-radius: 50%;
  width: 7px;
  height: 7px;
  transition: transform .15s;
  position: absolute;
  top: 2px;
  left: 2px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-storefront-edit"] .store-storefront-switch input:checked + span {
  background: #25d3660d;
  border-color: #25d3662e;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-storefront-edit"] .store-storefront-switch input:checked + span i {
  background: #25d36652;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-storefront-edit"] .store-storefront-switch input:checked + span i:after {
  background: #25d366;
  transform: translateX(10px);
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-storefront-edit"] .store-storefront-switch b {
  color: #ffffff78;
  font-size: 10px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-storefront-edit"] .store-storefront-switch small {
  color: #ffffff30;
  font-size: 10px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-storefront-edit"] .store-storefront-form-footer {
  border-top: 1px solid #ffffff12;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 6px;
  min-height: 43px;
  padding: 7px 9px;
  display: grid;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-storefront-edit"] .store-storefront-form-footer > label {
  align-items: center;
  display: inline-flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-storefront-edit"] .store-storefront-form-footer > label > input {
  opacity: 0;
  position: absolute;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-storefront-edit"] .store-storefront-form-footer > label > span {
  color: #ffffff57;
  align-items: center;
  gap: 4px;
  font-size: 10px;
  display: inline-flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-storefront-edit"] .store-storefront-form-footer i {
  background: #ffffff2e;
  border-radius: 50%;
  width: 6px;
  height: 6px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-storefront-edit"] .store-storefront-form-footer input:checked + span i {
  background: #25d366;
  box-shadow: 0 0 0 3px #25d36617;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-storefront-edit"] [data-storefront-save-state] {
  color: #ffffff2b;
  text-align: right;
  font-size: 10px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-storefront-edit"] [data-storefront-save] {
  color: #04130a;
  background: #25d366;
  border-radius: 5px;
  min-height: 25px;
  padding: 5px 8px;
  font-size: 10px;
  font-weight: 750;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-storefront-edit"] .store-storefront-preview-heading {
  border-bottom: 1px solid #ffffff12;
  justify-content: space-between;
  align-items: center;
  gap: 5px;
  min-height: 36px;
  padding: 6px 8px;
  display: flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-storefront-edit"] .store-storefront-preview-heading > div {
  flex-direction: column;
  gap: 1px;
  display: flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-storefront-edit"] .store-storefront-preview-heading strong {
  color: #ffffff82;
  font-size: 10px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-storefront-edit"] .store-storefront-preview-heading span {
  color: #ffffff2e;
  font-size: 10px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-storefront-edit"] .store-storefront-preview-heading i {
  color: #ffffff38;
  background: #ffffff0d;
  border-radius: 999px;
  padding: 2px 4px;
  font-size: 10px;
  font-style: normal;
  font-weight: 700;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-storefront-edit"] .store-storefront-preview-heading i.is-live {
  color: #6bdc96;
  background: #25d36614;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-storefront-edit"] .store-storefront-browser {
  background: #161616;
  border: 1px solid #ffffff17;
  border-radius: 7px;
  margin: 8px;
  overflow: hidden;
  box-shadow: 0 10px 25px #00000038;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-storefront-edit"] .store-storefront-browser-bar {
  background: #292522;
  align-items: center;
  gap: 2px;
  height: 17px;
  padding: 0 5px;
  display: flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-storefront-edit"] .store-storefront-browser-bar > span {
  background: #f07c8e;
  border-radius: 50%;
  width: 3px;
  height: 3px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-storefront-edit"] .store-storefront-browser-bar > span:nth-child(2) {
  background: #ffc46b;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-storefront-edit"] .store-storefront-browser-bar > span:nth-child(3) {
  background: #6bdc96;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-storefront-edit"] .store-storefront-browser-bar code {
  color: #ffffff2b;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-left: 3px;
  font-family: inherit;
  font-size: 10px;
  overflow: hidden;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-storefront-edit"] .store-storefront-preview {
  color: #1f2421;
  background: #f6f3ec;
  min-height: 318px;
  transition: filter .15s, background .15s;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-storefront-edit"] .store-storefront-preview.theme-meridian {
  color: #f4f0e7;
  background: #173630;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-storefront-edit"] .store-storefront-preview.theme-verdure {
  background: #e4eddd;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-storefront-edit"] .store-storefront-preview.theme-bazaar {
  background: #fff0df;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-storefront-edit"] .store-storefront-preview.theme-noir {
  color: #f4f4f4;
  background: #101010;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-storefront-edit"] .store-storefront-preview.theme-kraft {
  background: #e1caaa;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-storefront-edit"] .store-storefront-preview.theme-mercato {
  background: #fff4d7;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-storefront-edit"] .store-storefront-preview.theme-studio {
  background: #dfeeed;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-storefront-edit"] .store-storefront-preview.is-offline {
  filter: grayscale(.75) brightness(.7);
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-storefront-edit"] .store-storefront-preview-nav {
  border-color: #00000014;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  grid-template-columns: 14px 1fr auto;
  align-items: center;
  gap: 4px;
  height: 28px;
  padding: 0 7px;
  display: grid;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-storefront-edit"] .store-storefront-preview-nav > span, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-storefront-edit"] .store-storefront-preview-nav img {
  background: var(--storefront-brand);
  color: #fff;
  object-fit: cover;
  border-radius: 3px;
  place-items: center;
  width: 13px;
  height: 13px;
  font-size: 10px;
  font-weight: 800;
  display: grid;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-storefront-edit"] .store-storefront-preview-nav [hidden] {
  display: none !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-storefront-edit"] .store-storefront-preview-nav strong {
  font-size: 10px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-storefront-edit"] .store-storefront-preview-nav b {
  opacity: .55;
  font-size: 10px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-storefront-edit"] .store-storefront-preview-hero {
  background: linear-gradient(135deg,var(--storefront-brand),transparent 70%);
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  min-height: 105px;
  padding: 12px;
  display: flex;
}
@supports (color: color-mix(in lab, red, red)) {
  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-storefront-edit"] .store-storefront-preview-hero {
    background: linear-gradient(135deg,color-mix(in srgb,var(--storefront-brand) 19%,transparent),transparent 70%);
  }
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-storefront-edit"] .store-storefront-preview-hero small {
  letter-spacing: .12em;
  opacity: .46;
  text-transform: uppercase;
  font-size: 10px;
  font-weight: 750;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-storefront-edit"] .store-storefront-preview-hero h2 {
  letter-spacing: -.04em;
  max-width: 150px;
  margin-top: 4px;
  font-size: 10px;
  font-weight: 850;
  line-height: 1.05;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-storefront-edit"] .store-storefront-preview-hero button {
  background: var(--storefront-brand);
  color: #fff;
  border-radius: 3px;
  margin-top: 7px;
  padding: 4px 6px;
  font-size: 10px;
  font-weight: 750;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-storefront-edit"] .store-storefront-preview-products {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 4px;
  padding: 8px;
  display: grid;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-storefront-edit"] .store-storefront-preview-products article {
  flex-direction: column;
  gap: 2px;
  min-width: 0;
  display: flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-storefront-edit"] .store-storefront-preview-products article > span {
  background: var(--storefront-brand);
  border-radius: 4px;
  place-items: center;
  height: 56px;
  display: grid;
}
@supports (color: color-mix(in lab, red, red)) {
  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-storefront-edit"] .store-storefront-preview-products article > span {
    background: color-mix(in srgb,var(--storefront-brand) 16%,#e8e5df);
  }
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-storefront-edit"] .store-storefront-preview-products article > span {
  color: var(--storefront-brand);
  font-size: 14px;
  font-weight: 850;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-storefront-edit"] .store-storefront-preview-products strong {
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 10px;
  overflow: hidden;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-storefront-edit"] .store-storefront-preview-products small {
  opacity: .62;
  font-size: 10px;
  font-weight: 750;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-storefront-edit"] .store-storefront-preview-footer {
  opacity: .48;
  text-align: center;
  border-color: #00000014;
  border-top-style: solid;
  border-top-width: 1px;
  margin-top: 7px;
  padding: 7px 8px;
  font-size: 10px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-storefront-edit"] .store-storefront-preview-note {
  background: #5b8cff0d;
  border-radius: 5px;
  align-items: center;
  gap: 5px;
  margin: 0 8px 8px;
  padding: 6px;
  display: flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-storefront-edit"] .store-storefront-preview-note > span {
  color: #8eafff;
  font-size: 14px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-storefront-edit"] .store-storefront-preview-note p {
  color: #ffffff2e;
  font-size: 10px;
  line-height: 1.35;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-storefront-edit"] .store-storefront-preview-note strong {
  color: #ffffff6b;
  font-size: 10px;
  display: block;
}
@media (max-width: 760px) {
  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-storefront-edit"] .store-storefront-layout, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-storefront-edit"] .store-storefront-studio {
    grid-template-columns: 1fr;
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-store-storefront-edit"] .store-storefront-kpis {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-catalog-index"] .shell-pane {
  background: #0f1113 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-catalog-index"] .catalog-slack-page {
  color: #f8f6f4;
  background: #0f1113;
  width: 100%;
  min-height: calc(100vh - 73px);
  margin: 0 !important;
  padding: 10px 14px 18px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-catalog-index"] .catalog-slack-header {
  border-bottom: 1px solid #ffffff14;
  justify-content: space-between;
  align-items: flex-end;
  gap: 10px;
  min-height: 68px;
  padding-bottom: 9px;
  display: flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-catalog-index"] .catalog-slack-eyebrow {
  color: #5b8cffa1;
  text-transform: uppercase;
  font-size: 10px;
  font-weight: 700;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-catalog-index"] .catalog-slack-header h1 {
  color: #f8f6f4;
  letter-spacing: -.035em;
  margin-top: 4px;
  font-size: 19px;
  font-weight: 800;
  line-height: 1;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-catalog-index"] .catalog-slack-header p {
  color: #ffffff45;
  margin-top: 4px;
  font-size: 10px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-catalog-index"] .catalog-slack-header-actions {
  align-items: center;
  gap: 5px;
  display: flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-catalog-index"] .catalog-slack-header-actions a {
  color: #ffffff63;
  border: 1px solid #ffffff17;
  border-radius: 5px;
  min-height: 24px;
  padding: 5px 7px;
  font-size: 10px;
  font-weight: 700;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-catalog-index"] .catalog-slack-header-actions a:last-child {
  color: #04130a;
  background: #25d366;
  border-color: #25d366;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-catalog-index"] .catalog-slack-notice, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-catalog-index"] .catalog-slack-error {
  color: #6bdc96;
  background: #25d36614;
  border: 1px solid #25d36633;
  border-radius: 6px;
  flex-direction: column;
  gap: 2px;
  margin-top: 7px;
  padding: 6px 8px;
  font-size: 10px;
  display: flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-catalog-index"] .catalog-slack-error {
  color: #f07c8e;
  background: #e01e5a14;
  border-color: #e01e5a3d;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-catalog-index"] .catalog-slack-kpis {
  background: #181b1e;
  border: 1px solid #ffffff14;
  border-radius: 9px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin-top: 7px;
  display: grid;
  overflow: hidden;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-catalog-index"] .catalog-slack-kpis article {
  border-left: 1px solid #ffffff12;
  flex-direction: column;
  justify-content: center;
  gap: 1px;
  min-height: 49px;
  padding: 7px 9px;
  display: flex;
  position: relative;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-catalog-index"] .catalog-slack-kpis article:first-child {
  border-left: 0;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-catalog-index"] .catalog-slack-kpis article:before {
  content: "";
  background: #25d366;
  width: 2px;
  position: absolute;
  inset: 0 auto 0 0;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-catalog-index"] .catalog-slack-kpis article:nth-child(2):before {
  background: #25d366;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-catalog-index"] .catalog-slack-kpis article:nth-child(3):before {
  background: #b98cff;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-catalog-index"] .catalog-slack-kpis article:nth-child(4):before {
  background: #ffc46b;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-catalog-index"] .catalog-slack-kpis span {
  color: #ffffff36;
  text-transform: uppercase;
  font-size: 10px;
  font-weight: 750;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-catalog-index"] .catalog-slack-kpis strong {
  color: #ffffffa8;
  font-size: 14px;
  line-height: 1;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-catalog-index"] .catalog-slack-kpis small {
  color: #ffffff2b;
  font-size: 10px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-catalog-index"] .catalog-slack-tabs {
  background: #181b1e;
  border: 1px solid #ffffff14;
  border-radius: 8px 8px 0 0;
  align-items: stretch;
  height: 34px;
  margin-top: 7px;
  padding: 0 6px;
  display: flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-catalog-index"] .catalog-slack-tabs a {
  color: #ffffff3d;
  justify-content: center;
  align-items: center;
  gap: 4px;
  min-width: 70px;
  padding: 0 10px;
  font-size: 10px;
  font-weight: 700;
  display: flex;
  position: relative;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-catalog-index"] .catalog-slack-tabs a[aria-current="page"] {
  color: #8eafff;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-catalog-index"] .catalog-slack-tabs a[aria-current="page"]:after {
  content: "";
  background: #25d366;
  height: 1px;
  position: absolute;
  bottom: -1px;
  left: 9px;
  right: 9px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-catalog-index"] .catalog-slack-tabs i {
  background: #ffffff2b;
  border-radius: 50%;
  width: 3px;
  height: 3px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-catalog-index"] .catalog-slack-tabs i.is-live {
  background: #25d366;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-catalog-index"] .catalog-slack-content {
  background: #1f1c1a;
  border: 1px solid #ffffff14;
  border-top: 0;
  border-radius: 0 0 9px 9px;
  flex-direction: column;
  gap: 7px;
  padding: 7px;
  display: flex;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-catalog-index"] .catalog-slack-content > .space-y-5 {
  flex-direction: column;
  display: flex;
  gap: 7px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-catalog-index"] .catalog-slack-content .space-y-5 > * + * {
  margin-top: 0 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-catalog-index"] .catalog-slack-content .gap-5 {
  gap: 7px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-catalog-index"] .catalog-slack-content .gap-4 {
  gap: 6px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-catalog-index"] .catalog-slack-content .gap-3 {
  gap: 5px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-catalog-index"] .catalog-slack-content .p-6, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-catalog-index"] .catalog-slack-content .p-5, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-catalog-index"] .catalog-slack-content .p-4 {
  padding: 8px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-catalog-index"] .catalog-slack-content .px-5 {
  padding-left: 8px !important;
  padding-right: 8px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-catalog-index"] .catalog-slack-content .py-4, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-catalog-index"] .catalog-slack-content .py-3 {
  padding-top: 7px !important;
  padding-bottom: 7px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-catalog-index"] .catalog-slack-content .mt-5, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-catalog-index"] .catalog-slack-content .mt-4, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-catalog-index"] .catalog-slack-content .mt-3 {
  margin-top: 6px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-catalog-index"] .catalog-slack-content .mb-4, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-catalog-index"] .catalog-slack-content .mb-3 {
  margin-bottom: 6px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-catalog-index"] .catalog-slack-content .rounded-2xl, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-catalog-index"] .catalog-slack-content .rounded-xl, html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) body[data-page="user-catalog-index"] .catalog-slack-content .bg-paper-0 {
  box-shadow: none !important;
  background: #181b1e !important;
  border-color: #ffffff14 !important;
  border-radius: 7px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-catalog-index"] .catalog-slack-content .bg-wa-deep {
  box-shadow: none !important;
  background: #17392f !important;
  border: 1px solid #25d3662e !important;
  border-radius: 7px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-catalog-index"] .catalog-slack-content .bg-paper-50, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-catalog-index"] .catalog-slack-content .bg-paper-50\/40, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-catalog-index"] .catalog-slack-content .bg-paper-50\/50 {
  background: #0f1113 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-catalog-index"] .catalog-slack-content .border-paper-200 {
  border-color: #ffffff14 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-catalog-index"] .catalog-slack-content .text-ink-900, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-catalog-index"] .catalog-slack-content .text-ink-800 {
  color: #ffffff94 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-catalog-index"] .catalog-slack-content .text-ink-700, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-catalog-index"] .catalog-slack-content .text-ink-600 {
  color: #ffffff4f !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-catalog-index"] .catalog-slack-content .text-ink-500, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-catalog-index"] .catalog-slack-content .text-ink-400 {
  color: #fff3 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-catalog-index"] .catalog-slack-content .text-wa-deep {
  color: #6bdc96 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-catalog-index"] .catalog-slack-content .font-serif {
  color: #ffffff9c;
  font-weight: 750;
  font-family: inherit !important;
  font-size: 12px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-catalog-index"] .catalog-slack-content .font-mono {
  font-family: inherit !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-catalog-index"] .catalog-slack-content .text-\[13px\], html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-catalog-index"] .catalog-slack-content .text-\[13\.5px\], html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-catalog-index"] .catalog-slack-content .text-\[12\.5px\], html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-catalog-index"] .catalog-slack-content .text-\[12px\], html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-catalog-index"] .catalog-slack-content .text-\[11\.5px\], html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-catalog-index"] .catalog-slack-content .text-\[11px\], html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-catalog-index"] .catalog-slack-content .text-\[10\.5px\], html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-catalog-index"] .catalog-slack-content .text-\[10px\] {
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-catalog-index"] .catalog-slack-content .w-12, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-catalog-index"] .catalog-slack-content .h-12 {
  width: 27px !important;
  height: 27px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-catalog-index"] .catalog-slack-content .w-11, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-catalog-index"] .catalog-slack-content .h-11 {
  width: 25px !important;
  height: 25px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-catalog-index"] .catalog-slack-content .w-10, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-catalog-index"] .catalog-slack-content .h-10 {
  width: 24px !important;
  height: 24px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-catalog-index"] .catalog-slack-content input:not([type="checkbox"]):not([type="radio"]), html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-catalog-index"] .catalog-slack-content select, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-catalog-index"] .catalog-slack-content textarea {
  min-height: 27px;
  color: #ffffff8f !important;
  background: #0f1113 !important;
  border-color: #ffffff17 !important;
  border-radius: 5px !important;
  padding: 5px 7px !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-catalog-index"] .catalog-slack-content textarea {
  min-height: 48px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-catalog-index"] .catalog-slack-content input::placeholder, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-catalog-index"] .catalog-slack-content textarea::placeholder {
  color: #ffffff2b !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-catalog-index"] .catalog-slack-content input[type="checkbox"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-catalog-index"] .catalog-slack-content input[type="radio"] {
  accent-color: #25d366;
  width: 9px;
  height: 9px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-catalog-index"] .catalog-slack-content button, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-catalog-index"] .catalog-slack-content a.rounded-full {
  min-height: 23px;
  border-radius: 5px !important;
  padding: 4px 7px !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-catalog-index"] .catalog-slack-content button.bg-wa-deep, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-catalog-index"] .catalog-slack-content a.bg-wa-deep {
  color: #04130a !important;
  background: #25d366 !important;
  border-color: #25d366 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-catalog-index"] .catalog-slack-content [data-send-form] {
  grid-template-columns: minmax(0, 1.45fr) minmax(185px, .8fr) !important;
  gap: 7px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-catalog-index"] .catalog-slack-content table {
  table-layout: fixed;
  border-collapse: collapse;
  width: 100%;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-catalog-index"] .catalog-slack-content th {
  height: 25px;
  font-weight: 750;
  color: #ffffff30 !important;
  padding: 5px 6px !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-catalog-index"] .catalog-slack-content td {
  text-overflow: ellipsis;
  overflow: hidden;
  color: #ffffff4d !important;
  padding: 6px !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-catalog-index"] .catalog-slack-content tr {
  border-color: #ffffff0f !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-catalog-index"] .catalog-slack-content [data-product-id] {
  height: 42px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-catalog-index"] .catalog-slack-content [data-sync-progress] {
  background: #0f1113 !important;
  border-radius: 6px !important;
  padding: 7px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-catalog-index"] .catalog-slack-content [data-sync-log] {
  font-size: 10px !important;
}
@media (max-width: 760px) {
  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-catalog-index"] .catalog-slack-kpis {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-catalog-index"] .catalog-slack-content [data-send-form] {
    grid-template-columns: 1fr !important;
  }
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-broadcasts-create"] .shell-pane, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-broadcasts-show"] .shell-pane {
  overflow: auto;
  background: #0f1113 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-broadcasts-create"] main, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-broadcasts-show"] main {
  color: #f8f6f4;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-broadcasts-create"] .bg-paper-0.sticky, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-broadcasts-show"] .bg-paper-0.sticky {
  color: #f8f6f4;
  background: #201c1a !important;
  border-color: #ffffff1a !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-broadcasts-create"] .tracking-\[0\.16em\], html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-broadcasts-show"] .tracking-\[0\.16em\] {
  color: #5b8cffad !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-broadcasts-create"] .tracking-\[0\.14em\], html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-broadcasts-show"] .tracking-\[0\.14em\] {
  color: #ffffff75 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-broadcasts-create"] .font-serif, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-broadcasts-show"] .font-serif {
  color: #fff !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-broadcasts-show"] main h1 {
  font-size: 26px !important;
  line-height: 1.12 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-broadcasts-create"] .text-ink-900, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-broadcasts-create"] .text-ink-800, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-broadcasts-create"] .text-ink-700, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-broadcasts-show"] .text-ink-900, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-broadcasts-show"] .text-ink-800, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-broadcasts-show"] .text-ink-700 {
  color: #ffffffd6 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-broadcasts-create"] .text-ink-600, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-broadcasts-create"] .text-ink-500, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-broadcasts-show"] .text-ink-600, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-broadcasts-show"] .text-ink-500 {
  color: #ffffff80 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-broadcasts-create"] .text-ink-400, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-broadcasts-show"] .text-ink-400 {
  color: #ffffff5c !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-broadcasts-create"] .text-wa-deep, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-broadcasts-create"] .hover\:text-wa-deep:hover, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-broadcasts-show"] .text-wa-deep, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-broadcasts-show"] .hover\:text-wa-deep:hover {
  color: #4be389 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-broadcasts-show"] .text-wa-teal {
  color: #2fc46a !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-broadcasts-create"] .text-\[9\.5px\], html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-broadcasts-show"] .text-\[9\.5px\] {
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-broadcasts-create"] .bg-paper-0, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-broadcasts-show"] .bg-paper-0 {
  color: #ffffffc7;
  background: #181b1e !important;
  border-color: #ffffff1a !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-broadcasts-create"] .bg-paper-50, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-broadcasts-create"] .bg-paper-50\/40, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-broadcasts-create"] .bg-paper-50\/60, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-broadcasts-create"] .bg-paper-100, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-broadcasts-show"] .bg-paper-50, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-broadcasts-show"] .bg-paper-50\/40, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-broadcasts-show"] .bg-paper-50\/60, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-broadcasts-show"] .bg-paper-100 {
  color: #ffffffc7;
  background: #ffffff0d !important;
  border-color: #ffffff1a !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-broadcasts-create"] .bg-white, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-broadcasts-show"] .bg-white {
  color: #ffffffc7;
  background: #ffffff08 !important;
  border-color: #ffffff1a !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-broadcasts-create"] .border-paper-200, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-broadcasts-create"] .border-paper-100, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-broadcasts-show"] .border-paper-200, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-broadcasts-show"] .border-paper-100, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-broadcasts-show"] .border-ink-200 {
  border-color: #ffffff1a !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-broadcasts-create"] .shadow-card, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-broadcasts-create"] .shadow-soft, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-broadcasts-show"] .shadow-card, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-broadcasts-show"] .shadow-soft {
  box-shadow: none !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-broadcasts-create"] .rounded-2xl, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-broadcasts-show"] .rounded-2xl {
  border-radius: 12px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-broadcasts-create"] .bg-wa-deep, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-broadcasts-show"] .bg-wa-deep {
  color: #0d1530 !important;
  background: #25d366 !important;
  border-color: #0000 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-broadcasts-create"] .bg-wa-deep:hover, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-broadcasts-create"] .hover\:bg-wa-teal:hover, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-broadcasts-show"] .bg-wa-deep:hover {
  color: #0d1530 !important;
  background: #2fc46a !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-broadcasts-show"] .bg-wa-teal {
  color: #0d1530 !important;
  background: #4be389 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-broadcasts-show"] .bg-wa-deep\/10 {
  color: #4be389 !important;
  background: #5b8cff24 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-broadcasts-show"] .hover\:bg-wa-deep\/20:hover {
  color: #cdd9ff !important;
  background: #5b8cff38 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-broadcasts-create"] .bg-wa-bubble, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-broadcasts-create"] .bg-wa-bubble\/50, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-broadcasts-show"] .bg-wa-bubble {
  color: #4be389 !important;
  background: #5b8cff21 !important;
  border-color: #ffffff1a !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-broadcasts-show"] .border-wa-green\/30 {
  border-color: #ffffff1a !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-broadcasts-show"] .h-full.bg-ink-900 {
  background: #ffffffd9 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-broadcasts-show"] .bg-accent-amber {
  color: #2b1d05 !important;
  background: #f5b95c !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-broadcasts-show"] .bg-accent-coral {
  color: #33130a !important;
  background: #ff8e70 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-broadcasts-create"] .text-accent-coral, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-broadcasts-create"] .text-\[\#A1431F\], html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-broadcasts-show"] .text-accent-coral {
  color: #ff8e70 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-broadcasts-create"] .bg-accent-coral\/5, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-broadcasts-create"] .bg-accent-coral\/10, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-broadcasts-show"] .bg-accent-coral\/10, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-broadcasts-show"] .bg-accent-coral\/15, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-broadcasts-show"] .hover\:bg-accent-coral\/20:hover {
  color: #ff9a82 !important;
  background: #ff8e7021 !important;
  border-color: #ff8e7052 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-broadcasts-show"] .bg-accent-amber\/15 {
  color: #ffd28f !important;
  background: #f5b95c24 !important;
  border-color: #f5b95c4d !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-broadcasts-show"] .bg-wa-green\/10, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-broadcasts-show"] .bg-wa-green\/15, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-broadcasts-show"] .bg-wa-mint\/40, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-broadcasts-show"] .bg-wa-mint\/50 {
  color: #7ce8a8 !important;
  background: #25d36621 !important;
  border-color: #25d3664d !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-broadcasts-show"] .bg-\[\#F22F46\]\/10 {
  color: #ff8ea0 !important;
  background: #f22f4624 !important;
  border-color: #f22f4652 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-broadcasts-show"] .bg-ink-900\/5 {
  color: #ffffff9e !important;
  background: #ffffff0f !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-broadcasts-create"] input:not([type="checkbox"]):not([type="radio"]), html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-broadcasts-create"] select, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-broadcasts-create"] textarea, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-broadcasts-show"] input:not([type="checkbox"]):not([type="radio"]), html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-broadcasts-show"] select {
  color: #f8f6f4 !important;
  box-shadow: none !important;
  background: #ffffff0d !important;
  border-color: #ffffff1f !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-broadcasts-create"] input::placeholder, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-broadcasts-create"] textarea::placeholder, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-broadcasts-show"] input::placeholder {
  color: #ffffff57 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-broadcasts-create"] input:focus, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-broadcasts-create"] select:focus, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-broadcasts-create"] textarea:focus, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-broadcasts-show"] input:focus, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-broadcasts-show"] select:focus {
  outline: none;
  border-color: #5b8cff8c !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-broadcasts-create"] select option, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-broadcasts-show"] select option {
  color: #f8f6f4;
  background: #181b1e;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-broadcasts-create"] input[type="checkbox"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-broadcasts-create"] input[type="radio"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-broadcasts-show"] input[type="checkbox"] {
  accent-color: #25d366;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-broadcasts-create"] input::-webkit-calendar-picker-indicator {
  filter: invert() opacity(.6);
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-broadcasts-create"] thead, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-broadcasts-show"] thead {
  background: #282320 !important;
  border-color: #ffffff1a !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-broadcasts-create"] thead th, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-broadcasts-show"] thead th {
  color: #ffffff73 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-broadcasts-create"] tbody tr, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-broadcasts-show"] tbody tr {
  border-color: #ffffff14 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-broadcasts-create"] tbody tr:hover, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-broadcasts-show"] tbody tr:hover {
  background: #ffffff0a !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-broadcasts-create"] tbody td, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-broadcasts-show"] tbody td {
  color: #ffffffc2;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-broadcasts-create"] label.has-\[\:checked\]\:bg-wa-mint\/40:has(:checked) {
  color: #cdd9ff !important;
  background: #5b8cff21 !important;
  border-color: #5b8cff73 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-broadcasts-create"] .hover\:bg-paper-50:hover, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-broadcasts-show"] .hover\:bg-paper-50:hover {
  background: #ffffff0f !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-broadcasts-create"] #broadcastDeviceList .sticky {
  background: #282320 !important;
  border-color: #ffffff17 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-broadcasts-create"] .schedule-card {
  color: #ffffffc7;
  background: #181b1e !important;
  border-color: #ffffff1a !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-broadcasts-create"] .schedule-card:has(input:checked) {
  color: #e8eeff;
  background: #5b8cff1a !important;
  border-color: #5b8cff99 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-broadcasts-show"] .hover\:bg-wa-mint\/40:hover {
  color: #4be389 !important;
  background: #5b8cff24 !important;
  border-color: #5b8cff73 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-broadcasts-show"] .border-paper-0 {
  border-color: #181b1e !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-broadcasts-create"] .bg-ink-900.p-2, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-broadcasts-show"] .bg-ink-900.p-2 {
  background: #141110 !important;
  border-color: #ffffff1f !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-broadcasts-create"] .bg-ink-900.p-2 .bg-wa-deep, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-broadcasts-show"] .bg-ink-900.p-2 .bg-wa-deep {
  color: #fff !important;
  background: #075e54 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-broadcasts-create"] .bg-ink-900.p-2 .bg-paper-0, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-broadcasts-show"] .bg-ink-900.p-2 .bg-paper-0 {
  background: #fff !important;
  border-color: #0000 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-broadcasts-create"] .bg-ink-900.p-2 .text-wa-deep, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-broadcasts-show"] .bg-ink-900.p-2 .text-wa-deep {
  color: #075e54 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-broadcasts-create"] .bg-ink-900.p-2 .bg-wa-bubble, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-broadcasts-show"] .bg-ink-900.p-2 .bg-wa-bubble {
  color: #14231b !important;
  background: #d9fdd3 !important;
  border-color: #075e5438 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-broadcasts-create"] .bg-ink-900.p-2 .text-ink-900, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-broadcasts-create"] .bg-ink-900.p-2 .text-ink-800, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-broadcasts-show"] .bg-ink-900.p-2 .text-ink-900, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-broadcasts-show"] .bg-ink-900.p-2 .text-ink-800 {
  color: #14231b !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-broadcasts-create"] .bg-ink-900.p-2 .text-ink-500, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-broadcasts-show"] .bg-ink-900.p-2 .text-ink-500 {
  color: #14231b8c !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-broadcasts-create"] .bg-ink-900.p-2 .border-wa-green\/30, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-broadcasts-create"] .bg-ink-900.p-2 .border-wa-green\/20, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-broadcasts-show"] .bg-ink-900.p-2 .border-wa-green\/30 {
  border-color: #075e5440 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-scheduled-index"] .shell-pane, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-scheduled-create"] .shell-pane, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-scheduled-detail"] .shell-pane {
  overflow: auto;
  background: #0f1113 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page^="user-scheduled-"] .shell-pane {
  color: #f8f6f4;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page^="user-scheduled-"] .bg-paper-0, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page^="user-scheduled-"] .bg-white {
  color: #f8f6f4;
  box-shadow: none !important;
  background-color: #181b1e !important;
  border-color: #ffffff1a !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page^="user-scheduled-"] .bg-paper-50, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page^="user-scheduled-"] .bg-paper-50\/40, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page^="user-scheduled-"] .bg-paper-50\/60, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page^="user-scheduled-"] .bg-paper-50\/80, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page^="user-scheduled-"] .bg-paper-100 {
  color: #ffffffb8;
  background-color: #ffffff0d !important;
  border-color: #ffffff1a !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page^="user-scheduled-"] .bg-paper-200 {
  background-color: #ffffff1f !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page^="user-scheduled-"] .border-paper-200, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page^="user-scheduled-"] .border-paper-100 {
  border-color: #ffffff1a !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page^="user-scheduled-"] .divide-paper-200 > *, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page^="user-scheduled-"] .divide-paper-100 > * {
  border-color: #ffffff14 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page^="user-scheduled-"] .shadow-card, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page^="user-scheduled-"] .shadow-soft {
  box-shadow: 0 8px 20px #0000001f !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page^="user-scheduled-"] .border-b.bg-paper-0 .font-serif {
  color: #f8f6f4;
  line-height: 1.12;
  font-size: 26px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-scheduled-detail"] main h1.font-serif {
  color: #fff;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page^="user-scheduled-"] div.font-mono.uppercase, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page^="user-scheduled-"] span.font-mono.uppercase {
  color: #5b8cffad !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page^="user-scheduled-"] .text-ink-900 {
  color: #f8f6f4 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page^="user-scheduled-"] .text-ink-700, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page^="user-scheduled-"] .text-ink-600 {
  color: #ffffffb8 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page^="user-scheduled-"] .text-ink-500, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page^="user-scheduled-"] .text-ink-400 {
  color: #ffffff75 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page^="user-scheduled-"] .font-serif {
  color: #f8f6f4;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page^="user-scheduled-"] .text-wa-deep, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page^="user-scheduled-"] .text-wa-teal {
  color: #4be389 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page^="user-scheduled-"] .text-paper-0 {
  color: #f8f6f4 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page^="user-scheduled-"] .text-\[9px\], html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page^="user-scheduled-"] .text-\[9\.5px\] {
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page^="user-scheduled-"] .bg-wa-deep, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page^="user-scheduled-"] .bg-wa-teal {
  color: #fff !important;
  background-color: #35406b !important;
  background-image: none !important;
  border-color: #ffffff24 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page^="user-scheduled-"] .hover\:bg-wa-teal:hover, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page^="user-scheduled-"] .bg-wa-deep:hover {
  background-color: #40507e !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page^="user-scheduled-"] .bg-wa-deep\/10, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page^="user-scheduled-"] .bg-wa-deep\/5 {
  color: #4be389 !important;
  background-color: #5b8cff1f !important;
  border-color: #5b8cff40 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page^="user-scheduled-"] .border-wa-deep {
  border-color: #5b8cff8c !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page^="user-scheduled-"] .border-wa-deep\/15 {
  border-color: #5b8cff40 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page^="user-scheduled-"] .border-wa-green\/40 {
  border-color: #5b8cff66 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page^="user-scheduled-"] .bg-wa-mint, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page^="user-scheduled-"] .bg-wa-mint\/40 {
  color: #4be389 !important;
  background-color: #5b8cff29 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page^="user-scheduled-"] .bg-wa-green {
  background-color: #25d366 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page^="user-scheduled-"] .bg-wa-teal\/15 {
  color: #4be389 !important;
  background-color: #5b8cff26 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page^="user-scheduled-"] .bg-\[\#F0F8F6\] {
  color: #f8f6f4;
  background-color: #5b8cff1a !important;
  border-color: #5b8cff73 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page^="user-scheduled-"] .text-accent-coral {
  color: #ff8a75 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page^="user-scheduled-"] .bg-accent-coral {
  color: #fff !important;
  background-color: #b3452f !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page^="user-scheduled-"] .bg-accent-coral\/15, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page^="user-scheduled-"] .bg-accent-coral\/10, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page^="user-scheduled-"] .bg-accent-coral\/5 {
  color: #ff8a75 !important;
  background-color: #ff8a7524 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page^="user-scheduled-"] .border-accent-coral\/40, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page^="user-scheduled-"] .border-accent-coral\/30 {
  border-color: #ff8a7566 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page^="user-scheduled-"] .hover\:bg-accent-coral\/15:hover, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page^="user-scheduled-"] .hover\:bg-accent-coral\/10:hover {
  background-color: #ff8a7529 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page^="user-scheduled-"] .bg-accent-amber\/20, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page^="user-scheduled-"] .bg-accent-amber\/15 {
  color: #ffd28a !important;
  background-color: #ffc14f26 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page^="user-scheduled-"] .bg-accent-amber {
  background-color: #ffc14f !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page^="user-scheduled-"] .text-\[\#7B5A14\] {
  color: #ffd28a !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page^="user-scheduled-"] .bg-\[\#D9E5F2\] {
  color: #4be389 !important;
  background-color: #5b8cff29 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page^="user-scheduled-"] .text-\[\#13478A\] {
  color: #4be389 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page^="user-scheduled-"] .bg-\[\#13478A\] {
  background-color: #25d366 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page^="user-scheduled-"] .bg-\[\#F3E9FF\] {
  color: #c4b5fd !important;
  background-color: #a78bfa29 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page^="user-scheduled-"] .text-\[\#5B3D8A\] {
  color: #c4b5fd !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page^="user-scheduled-"] input:not([type="checkbox"]):not([type="radio"]), html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page^="user-scheduled-"] select, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page^="user-scheduled-"] textarea {
  color-scheme: dark;
  color: #f8f6f4 !important;
  background-color: #ffffff0d !important;
  border-color: #ffffff1f !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page^="user-scheduled-"] input::placeholder, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page^="user-scheduled-"] textarea::placeholder {
  color: #ffffff5c !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page^="user-scheduled-"] select option {
  color: #f8f6f4;
  background-color: #181b1e;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page^="user-scheduled-"] .focus\:border-wa-deep:focus {
  border-color: #5b8cff99 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page^="user-scheduled-"] .focus\:ring-wa-deep\/10:focus {
  --tw-ring-color: #5b8cff24 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page^="user-scheduled-"] .accent-wa-deep {
  accent-color: #25d366;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-scheduled-create"] .peer:checked ~ .peer-checked\:bg-wa-deep {
  background-color: #25d366 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-scheduled-create"] .peer:checked ~ .peer-checked\:border-wa-deep {
  border-color: #25d366 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page^="user-scheduled-"] .peer:checked ~ * .peer-checked\:opacity-100, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-scheduled-create"] .peer-checked\:bg-wa-deep {
  color: #fff;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page^="user-scheduled-"] thead {
  background: none !important;
  border-color: #ffffff1a !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page^="user-scheduled-"] thead th {
  letter-spacing: .13em;
  text-transform: uppercase;
  font-size: 10.5px;
  color: #ffffff6b !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page^="user-scheduled-"] tbody tr {
  border-color: #ffffff14 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page^="user-scheduled-"] tbody td {
  color: #ffffffb8;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page^="user-scheduled-"] tbody td .font-semibold {
  color: #ffffffe0;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page^="user-scheduled-"] tbody tr:hover, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page^="user-scheduled-"] .hover\:bg-paper-50\/60:hover {
  background-color: #ffffff0a !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page^="user-scheduled-"] .hover\:bg-paper-50:hover, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page^="user-scheduled-"] .hover\:bg-paper-50\/80:hover, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page^="user-scheduled-"] .hover\:bg-paper-100:hover, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page^="user-scheduled-"] .hover\:bg-white:hover {
  color: #f8f6f4;
  background-color: #ffffff12 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page^="user-scheduled-"] .hover\:bg-wa-mint:hover {
  color: #4be389;
  background-color: #5b8cff2e !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page^="user-scheduled-"] .hover\:border-wa-deep:hover {
  border-color: #5b8cff8c !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-scheduled-detail"] .h-2 .bg-wa-deep, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-scheduled-detail"] .h-2 .bg-wa-teal {
  background-color: #25d366 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-scheduled-detail"] .h-2 .bg-accent-coral {
  background-color: #ff8a75 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-scheduled-detail"] .h-2.bg-paper-100 {
  background-color: #ffffff1a !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-scheduled-detail"] .w-2\.5.bg-wa-deep {
  background-color: #25d366 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-scheduled-detail"] .w-2\.5.bg-wa-teal {
  background-color: #4be389 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-scheduled-detail"] .w-2\.5.bg-paper-200 {
  background-color: #ffffff40 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-scheduled-create"] [class*="linear-gradient"] {
  background-color: #211d1a !important;
  background-image: radial-gradient(#5b8cff24 .7px, #0000 .7px) !important;
  background-size: 14px 14px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-scheduled-create"] .bg-wa-chat {
  color: #ffffffb8;
  background-color: #211d1a !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-scheduled-create"] .border-ink-900 {
  border-color: #3a332e !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page^="user-scheduled-"] #sched-retry, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page^="user-scheduled-"] #sched-confirm, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page^="user-scheduled-"] #tpl-modal {
  background: #05080cb8 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page^="user-scheduled-"] .bg-paper-0\/10 {
  color: #f8f6f4;
  background-color: #ffffff14 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page^="user-scheduled-"] .border-paper-0\/15 {
  border-color: #ffffff26 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page^="user-scheduled-"] a.hover\:underline, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page^="user-scheduled-"] .hover\:underline {
  text-decoration-color: #9ec0ff99;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-message-history-index"] .shell-pane {
  overflow: auto;
  background: #0f1113 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-message-history-index"] main {
  color: #f8f6f4;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-message-history-index"] .border-paper-200 {
  border-color: #ffffff1a !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-message-history-index"] .divide-paper-200 > :not([hidden]) ~ :not([hidden]) {
  border-color: #ffffff14 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-message-history-index"] .text-ink-400 {
  color: #ffffff4d !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-message-history-index"] .text-ink-500 {
  color: #ffffff75 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-message-history-index"] .text-ink-600 {
  color: #ffffff94 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-message-history-index"] .text-ink-700 {
  color: #ffffffb8 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-message-history-index"] .text-ink-900 {
  color: #f8f6f4 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-message-history-index"] .text-paper-0 {
  color: #fff !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-message-history-index"] .text-\[9\.5px\] {
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-message-history-index"] main .bg-paper-0 {
  color: #f8f6f4;
  box-shadow: none !important;
  background: #181b1e !important;
  border-color: #ffffff1a !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-message-history-index"] :is(a, html[data-user-shell="slack"]:not([data-shell-theme="light"]) button).bg-paper-0 {
  color: #f8f6f4 !important;
  background: #ffffff0d !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-message-history-index"] .hover\:bg-paper-50:hover {
  color: #fff !important;
  background: #ffffff14 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-message-history-index"] .bg-paper-50 {
  background: #ffffff0d !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-message-history-index"] .bg-paper-50\/40 {
  background: #ffffff08 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-message-history-index"] .bg-paper-100 {
  color: #ffffffa6 !important;
  background: #ffffff14 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-message-history-index"] .hover\:bg-paper-100:hover {
  color: #fff !important;
  background: #ffffff14 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-message-history-index"] .bg-white {
  color: #f8f6f4 !important;
  background: #ffffff0a !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-message-history-index"] .border-dashed {
  border-color: #ffffff24 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-message-history-index"] .bg-paper-0.border-b {
  color: #f8f6f4;
  background: #201d1b !important;
  border-color: #ffffff14 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-message-history-index"] .bg-paper-0.border-b .font-mono.uppercase {
  color: #25d366ad !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-message-history-index"] .bg-paper-0.border-b .font-serif {
  color: #fff;
  letter-spacing: -.025em;
  font-size: 26px;
  font-weight: 800;
  font-family: inherit !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-message-history-index"] main .font-mono.uppercase {
  color: #fff6 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-message-history-index"] main section:first-of-type .tracking-\[0\.16em\] {
  color: #25d366ad !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-message-history-index"] main h3.font-serif {
  color: #fff;
  letter-spacing: -.015em;
  font-size: 17px;
  font-weight: 750;
  font-family: inherit !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-message-history-index"] main .font-serif.text-\[28px\] {
  color: #fff;
  letter-spacing: -.02em;
  font-size: 26px;
  font-weight: 800;
  font-family: inherit !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-message-history-index"] .bg-wa-deep {
  color: #fff !important;
  background: #25d366 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-message-history-index"] .hover\:bg-wa-teal:hover {
  color: #fff !important;
  background: #2fc46a !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-message-history-index"] .text-wa-deep, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-message-history-index"] a.text-wa-deep {
  color: #4be389 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-message-history-index"] .bg-paper-0.border-b .font-serif .text-wa-deep {
  font-style: normal;
  color: #4be389 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-message-history-index"] .hover\:border-wa-deep:hover {
  border-color: #25d3668c !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-message-history-index"] .focus\:border-wa-deep:focus {
  border-color: #25d366b3 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-message-history-index"] .focus\:ring-wa-deep\/10:focus {
  --tw-ring-color: #25d36624 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-message-history-index"] .bg-wa-mint {
  background: #25d36626 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-message-history-index"] .hover\:bg-wa-mint:hover {
  background: #ffffff12 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-message-history-index"] .bg-wa-deep\/10 {
  background: #25d36624 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-message-history-index"] .text-accent-coral {
  color: #ff8e70 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-message-history-index"] .bg-accent-coral {
  background: #ff6b8a !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-message-history-index"] .bg-accent-coral\/15 {
  background: #e01e5a29 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-message-history-index"] .bg-accent-coral\/10 {
  background: #e01e5a1f !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-message-history-index"] .border-accent-coral\/30 {
  border-color: #e01e5a59 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-message-history-index"] .text-\[\#A1431F\] {
  color: #ff9d8a !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-message-history-index"] .bg-paper-200 {
  background: #ffffff40 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-message-history-index"] .bg-ink-700 {
  background: #ffffff8c !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-message-history-index"] .bg-\[\#F3E9FF\] {
  background: #b98cff29 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-message-history-index"] .text-\[\#5B3D8A\] {
  color: #c7a8ff !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-message-history-index"] .bg-\[\#D9E5F2\] {
  background: #25d36629 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-message-history-index"] .text-\[\#13478A\] {
  color: #4be389 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-message-history-index"] .bg-\[\#FFF4E0\], html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-message-history-index"] .bg-accent-amber\/20 {
  background: #ffc46b26 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-message-history-index"] .text-\[\#7B5A14\] {
  color: #ffc46b !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-message-history-index"] :is(#mh-toolbar, html[data-user-shell="slack"]:not([data-shell-theme="light"]) #mh-filter-form) select, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-message-history-index"] #mh-filter-form input[type="search"] {
  color: #f8f6f4 !important;
  background: #ffffff0a !important;
  border-color: #ffffff1f !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-message-history-index"] select option {
  color: #f8f6f4;
  background: #181b1e;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-message-history-index"] #mh-filter-form input[type="search"]::placeholder {
  color: #ffffff52;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-message-history-index"] input[type="checkbox"] {
  accent-color: #25d366;
  background: #ffffff0a;
  border-color: #ffffff40 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-message-history-index"] .dir-tab {
  color: #fff9;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-message-history-index"] .mh-bucket {
  color: #ffffff80;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-message-history-index"] :is(.dir-tab, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .mh-bucket).bg-wa-deep {
  color: #fff !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-message-history-index"] main table {
  color: #ffffffb8;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-message-history-index"] main thead {
  color: #ffffff61 !important;
  background: #ffffff08 !important;
  border-color: #ffffff1a !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-message-history-index"] main th {
  color: #ffffff61 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-message-history-index"] .msg-row .font-medium {
  color: #fff;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-message-history-index"] .msg-row:hover, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-message-history-index"] .hover\:bg-paper-50\/60:hover {
  background: #ffffff0a !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-message-history-index"] #d-body {
  color: #fffc !important;
  background: #0f1113 !important;
  border-color: #ffffff1a !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-message-history-index"] aside .font-semibold {
  color: #fff;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-message-history-index"] .apexcharts-text, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-message-history-index"] .apexcharts-legend-text {
  fill: #ffffff73 !important;
  color: #ffffff73 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-message-history-index"] .apexcharts-gridline {
  stroke: #ffffff14 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-message-history-index"] .apexcharts-datalabel-label {
  fill: #ffffff6b !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-message-history-index"] .apexcharts-datalabel-value {
  fill: #fff !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-message-history-index"] .apexcharts-tooltip {
  color: #f8f6f4 !important;
  background: #181b1e !important;
  border-color: #ffffff1f !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-message-history-index"] .apexcharts-tooltip-title {
  color: #f8f6f4 !important;
  background: #ffffff0d !important;
  border-color: #ffffff1a !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-sheets-addon"] .shell-pane {
  overflow: auto;
  background: #0f1113 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-sheets-addon"] {
  color: #f8f6f4;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-sheets-addon"] .border-b.border-paper-200.bg-paper-0, html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) body[data-page="user-sheets-addon"] .border-b.border-paper-200.bg-paper-0 {
  background: #0f1113 !important;
  border-color: #ffffff14 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-sheets-addon"] a.rounded-full.border.border-paper-200.bg-paper-0, html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) body[data-page="user-sheets-addon"] a.rounded-full.border.border-paper-200.bg-paper-0 {
  color: #ffffff8c !important;
  background: #181b1e !important;
  border-color: #ffffff1a !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-sheets-addon"] a.rounded-full.border.border-paper-200.bg-paper-0:hover {
  color: #f8f6f4 !important;
  background: #ffffff1a !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-sheets-addon"] .font-mono.uppercase {
  font-weight: 800;
  color: #5b8cffad !important;
  letter-spacing: .13em !important;
  font-family: inherit !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-sheets-addon"] .font-serif {
  letter-spacing: -.02em;
  font-weight: 800;
  color: #f8f6f4 !important;
  font-family: inherit !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-sheets-addon"] .font-serif .italic, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-sheets-addon"] .font-serif.italic {
  font-style: normal !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-sheets-addon"] .font-serif .text-wa-deep {
  color: #4be389 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-sheets-addon"] .bg-wa-mint {
  color: #4be389 !important;
  background: #25d36621 !important;
  border-color: #25d3664d !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-sheets-addon"] .bg-wa-mint .bg-wa-green {
  background: #4be389 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-sheets-addon"] .text-accent-amber {
  color: #ffc46b !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-sheets-addon"] .text-accent-coral {
  color: #ff8c7c !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-sheets-addon"] main > .bg-wa-mint.border {
  color: #7fe0a5 !important;
  background: #25d36617 !important;
  border-color: #25d36647 !important;
  font-family: inherit !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-sheets-addon"] .border-2.border-wa-deep\/30 {
  background: #181b1e !important;
  border-color: #5b8cff66 !important;
  box-shadow: 0 10px 26px #00000038 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-sheets-addon"] #key-once {
  color: #f8f6f4 !important;
  background: #0f1113 !important;
  border-color: #ffffff1a !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-sheets-addon"] div.bg-wa-deep.rounded-2xl {
  border: 1px solid #ffffff1a;
  color: #f8f6f4 !important;
  background: radial-gradient(120% 130% at 88% -12%, #5b8cff38, #0000 55%), #181b1e !important;
  box-shadow: 0 12px 30px #0000002e !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-sheets-addon"] div.bg-wa-deep h1 {
  color: #f8f6f4 !important;
  font-size: 26px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-sheets-addon"] div.bg-wa-deep .text-paper-0\/70 {
  color: #5b8cffcc !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-sheets-addon"] div.bg-wa-deep p {
  font-size: 13px;
  color: #ffffffb8 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-sheets-addon"] div.bg-wa-deep .bg-paper-0\/10 {
  color: #4be389;
  background: #5b8cff1f !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-sheets-addon"] div.bg-wa-deep .bg-paper-0\/10 svg {
  color: #4be389 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-sheets-addon"] main .bg-paper-0.border-paper-200:is(.rounded-2xl, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .rounded-xl), html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) body[data-page="user-sheets-addon"] main .bg-paper-0.border-paper-200:is(.rounded-2xl, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .rounded-xl) {
  color: #ffffffb8;
  background: #181b1e !important;
  border-color: #ffffff1a !important;
  box-shadow: 0 8px 20px #0000001a !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-sheets-addon"] main .font-serif.text-\[20px\] {
  font-weight: 800;
  color: #f8f6f4 !important;
  font-size: 16px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-sheets-addon"] aside .font-serif.text-\[28px\] {
  color: #f8f6f4 !important;
  font-size: 24px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-sheets-addon"] :is(.text-ink-400, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .text-ink-500) {
  color: #ffffff75 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-sheets-addon"] :is(.text-ink-600, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .text-ink-700, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .text-ink-800) {
  color: #ffffffb8 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-sheets-addon"] .text-ink-900 {
  color: #f8f6f4 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-sheets-addon"] .text-\[9\.5px\] {
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-sheets-addon"] span.w-9.rounded-full.bg-wa-deep {
  font-weight: 800;
  color: #062611 !important;
  background: #25d366 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-sheets-addon"] span.w-9.rounded-full.bg-wa-mint {
  color: #4be389 !important;
  background: #25d36626 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-sheets-addon"] span.w-9.rounded-full.bg-paper-100 {
  color: #fff9 !important;
  background: #ffffff14 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-sheets-addon"] div.border-paper-200.rounded-xl.p-3 {
  background: #ffffff06;
  border-color: #ffffff1a !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-sheets-addon"] div.border-wa-green\/40.rounded-xl {
  background: #5b8cff12 !important;
  border-color: #5b8cff52 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-sheets-addon"] .bg-paper-100 {
  color: #ffffffb8 !important;
  background: #ffffff14 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-sheets-addon"] .bg-paper-100 svg {
  color: #fff9 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-sheets-addon"] .font-mono.bg-paper-100 {
  border-radius: 4px;
  color: #4be389 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-sheets-addon"] main .bg-paper-0.border-paper-200.rounded-lg, html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) body[data-page="user-sheets-addon"] main .bg-paper-0.border-paper-200.rounded-lg {
  color: #ffffffb8 !important;
  background: #0f1113 !important;
  border-color: #ffffff17 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-sheets-addon"] main .bg-paper-0.rounded-lg .font-semibold {
  color: #ffffffd1;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-sheets-addon"] .bg-paper-50.border-paper-200.rounded-lg, html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) body[data-page="user-sheets-addon"] .bg-paper-50.border-paper-200.rounded-lg {
  background: #0f1113 !important;
  border-color: #ffffff17 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-sheets-addon"] :is(a, html[data-user-shell="slack"]:not([data-shell-theme="light"]) button).border-paper-200:is(.rounded-full, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .rounded-lg) {
  color: #ffffffb8 !important;
  background: #ffffff0d !important;
  border-color: #ffffff1f !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-sheets-addon"] :is(a, html[data-user-shell="slack"]:not([data-shell-theme="light"]) button).border-paper-200:is(.rounded-full, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .rounded-lg):hover {
  color: #f8f6f4 !important;
  background: #ffffff1a !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-sheets-addon"] :is(a, html[data-user-shell="slack"]:not([data-shell-theme="light"]) button).bg-wa-deep {
  font-weight: 700;
  color: #062611 !important;
  background: #25d366 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-sheets-addon"] :is(a, html[data-user-shell="slack"]:not([data-shell-theme="light"]) button).bg-wa-deep:hover {
  color: #062611 !important;
  background: #2fc46a !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-sheets-addon"] button.border-accent-coral\/40 {
  background: #ff8c7c0f;
  color: #ff8c7c !important;
  border-color: #ff8c7c66 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-sheets-addon"] button.border-accent-coral\/40:hover {
  color: #ffb0a5 !important;
  background: #ff8c7c24 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-sheets-addon"] a.text-wa-deep {
  color: #4be389 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-sheets-addon"] a.text-wa-deep:hover {
  color: #c4d7ff !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-sheets-addon"] .text-wa-deep {
  color: #4be389 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-sheets-addon"] aside .bg-wa-green {
  background: #25d366 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-sheets-addon"] aside .bg-paper-200 {
  background: #ffffff2e !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-sheets-addon"] aside .w-8.rounded-lg.bg-paper-50 {
  background: #ffffff0f !important;
  border-color: #ffffff17 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-sheets-addon"] aside .font-mono {
  font-size: 11px;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-sheets-addon"] .bg-wa-bubble\/40 {
  color: #ffffffb8 !important;
  background: #5b8cff12 !important;
  border-color: #5b8cff38 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-sheets-addon"] .bg-wa-bubble\/40 .text-ink-900 {
  color: #f8f6f4 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-sheets-addon"] .bg-wa-bubble\/40 svg {
  color: #4be389 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-sheets-addon"] [data-test-result] {
  min-height: 1em;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-sheets-addon"] #file-modal .bg-ink-900\/50 {
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
  background: #000000a3 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-sheets-addon"] #file-modal .bg-paper-0.rounded-2xl, html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) body[data-page="user-sheets-addon"] #file-modal .bg-paper-0.rounded-2xl {
  color: #ffffffb8;
  border: 1px solid #ffffff1f;
  background: #181b1e !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-sheets-addon"] #file-modal :is(.border-b, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .border-t).border-paper-200 {
  border-color: #ffffff17 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-sheets-addon"] #file-modal .bg-paper-50 {
  color: #ffffffb8;
  background: #0f1113 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-sheets-addon"] #file-modal pre {
  color: #ffffffc7 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-sheets-addon"] #file-modal [data-file-modal-name] {
  color: #f8f6f4;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-sheets-addon"] #file-modal [data-close-file] {
  color: #ffffff75 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-sheets-addon"] #file-modal [data-close-file]:hover {
  color: #f8f6f4 !important;
  background: #ffffff1a !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-sheets-addon"] #file-modal a.border-paper-200 {
  color: #ffffffb8 !important;
  background: #ffffff0d !important;
  border-color: #ffffff1f !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-sheets-addon"] #file-modal a.border-paper-200:hover {
  color: #f8f6f4 !important;
  background: #ffffff1a !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-google-account-index"] .shell-pane {
  overflow: auto;
  background: #0f1113 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-google-account-index"] main {
  color: #f8f6f4;
  width: 100%;
  max-width: none;
  padding: 14px 18px 24px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-google-account-index"] main > .bg-wa-mint {
  color: #4be389 !important;
  background: #25d3661a !important;
  border-color: #25d36640 !important;
  font-family: inherit !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-google-account-index"] main > [class*="bg-accent-coral"] {
  color: #ffb3a8 !important;
  background: #ff8c7c17 !important;
  border-color: #ff8c7c47 !important;
  font-family: inherit !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-google-account-index"] aside > div {
  color: #ffffff9e !important;
  box-shadow: none !important;
  background: #181b1e !important;
  border-color: #ffffff1a !important;
  border-radius: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-google-account-index"] aside [class*="bg-wa-bubble"] {
  color: #ffffff9e !important;
  background: #181b1e !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-google-account-index"] aside .font-semibold.text-ink-900 {
  color: #f8f6f4 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-google-account-index"] aside .font-semibold.text-ink-900 svg.text-wa-deep {
  color: #25d366 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-google-account-index"] aside .font-mono.uppercase {
  font-weight: 700;
  color: #ffffff75 !important;
  font-family: inherit !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-google-account-index"] aside a {
  color: #ffffffb8 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-google-account-index"] aside a:hover {
  background: #ffffff0a !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-google-account-index"] aside a .font-mono {
  color: #ffffff75 !important;
  font-family: inherit !important;
  font-size: 10.5px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-google-account-index"] aside div.bg-wa-deep {
  color: #4be389 !important;
  background: #25d36621 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-google-account-index"] aside .bg-wa-green {
  background: #25d366 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-google-account-index"] aside .bg-paper-200 {
  background: #ffffff38 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-google-account-index"] section > div:first-child .font-mono.uppercase {
  font-weight: 700;
  color: #25d366ad !important;
  letter-spacing: .14em !important;
  font-family: inherit !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-google-account-index"] h1 {
  color: #f8f6f4 !important;
  letter-spacing: -.03em !important;
  font-family: inherit !important;
  font-size: 26px !important;
  font-weight: 800 !important;
  line-height: 1.05 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-google-account-index"] h1 .italic {
  color: #4be389 !important;
  font-style: normal !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-google-account-index"] h1 + p {
  color: #ffffff75 !important;
  font-size: 13px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-google-account-index"] span.rounded-full.bg-wa-mint {
  color: #4be389 !important;
  background: #25d36621 !important;
  border-color: #25d3664d !important;
  font-family: inherit !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-google-account-index"] span.rounded-full.bg-wa-mint .bg-wa-green {
  background: #25d366 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-google-account-index"] span.rounded-full.bg-paper-100 {
  color: #ffffff80 !important;
  background: #ffffff0d !important;
  border-color: #ffffff1f !important;
  font-family: inherit !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-google-account-index"] span.rounded-full.bg-paper-100 .bg-paper-200 {
  background: #ffffff47 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-google-account-index"] button.bg-wa-deep {
  color: #0d1220 !important;
  background: #25d366 !important;
  border: 0 !important;
  font-weight: 700 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-google-account-index"] button.bg-wa-deep:hover {
  color: #0d1220 !important;
  background: #2fc46a !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-google-account-index"] button.bg-wa-deep:disabled {
  opacity: .4;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-google-account-index"] button.text-accent-coral {
  color: #ff8c7c !important;
  background: none !important;
  border-color: #ff8c7c59 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-google-account-index"] button.text-accent-coral:hover {
  color: #ffb3a8 !important;
  background: #ff8c7c1a !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-google-account-index"] section .grid.lg\:grid-cols-4 > div {
  box-shadow: none !important;
  background: #181b1e !important;
  border-color: #ffffff1a !important;
  border-radius: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-google-account-index"] section .grid.lg\:grid-cols-4 .font-mono.uppercase {
  color: #ffffff75 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-google-account-index"] section .grid.lg\:grid-cols-4 .font-serif {
  font-weight: 800;
  color: #f8f6f4 !important;
  font-family: inherit !important;
  font-size: 21px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-google-account-index"] section .grid.lg\:grid-cols-4 .font-serif.text-ink-500, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-google-account-index"] section .grid.lg\:grid-cols-4 .text-\[11px\].text-ink-500 {
  color: #fff6 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-google-account-index"] section .grid.lg\:grid-cols-4 .text-wa-deep.font-mono {
  color: #4be389 !important;
  font-family: inherit !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-google-account-index"] section .grid.lg\:grid-cols-4 .text-accent-coral.font-mono {
  color: #ff8c7c !important;
  font-family: inherit !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-google-account-index"] .text-\[\#A1431F\] {
  color: #ffb3a8 !important;
  background: #ff8c7c14 !important;
  border-color: #ff8c7c40 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-google-account-index"] .text-\[\#A1431F\] strong {
  color: #ff8c7c !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-google-account-index"] .text-\[\#A1431F\] code {
  color: #ffd9d2 !important;
  background: #ffffff14 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-google-account-index"] .bg-\[\#FFFBEB\] {
  color: #ffd9a1 !important;
  background: #ffc46b12 !important;
  border-color: #ffc46b40 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-google-account-index"] .bg-\[\#FFFBEB\] strong {
  color: #ffc46b !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-google-account-index"] .bg-\[\#FFFBEB\] .bg-paper-0 {
  color: #ffdca3 !important;
  background: #ffc46b21 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-google-account-index"] section > .overflow-hidden.bg-paper-0 {
  background: #181b1e !important;
  border-color: #ffffff1a !important;
  border-radius: 10px !important;
  box-shadow: 0 8px 20px #0000001a !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-google-account-index"] section > .overflow-hidden.bg-paper-0 > div {
  border-color: #ffffff14 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-google-account-index"] section > .overflow-hidden.bg-paper-0 .font-mono {
  font-family: inherit !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-google-account-index"] section > .overflow-hidden.bg-paper-0 > div:first-child .font-mono {
  color: #ffffff75 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-google-account-index"] .overflow-x-auto > .bg-paper-50 {
  color: #fff6 !important;
  background: #292421 !important;
  border-color: #ffffff14 !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-google-account-index"] .overflow-x-auto > .hover\:bg-paper-50 {
  border-color: #ffffff14 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-google-account-index"] .overflow-x-auto > .hover\:bg-paper-50:hover {
  background: #ffffff0a !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-google-account-index"] .overflow-x-auto .font-semibold.text-ink-900 {
  color: #f8f6f4 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-google-account-index"] .overflow-x-auto .text-ink-900 {
  color: #ffffffd9 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-google-account-index"] .overflow-x-auto .text-ink-500 {
  color: #ffffff75 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-google-account-index"] .overflow-x-auto .text-ink-700 {
  color: #ffffffa8 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-google-account-index"] .overflow-x-auto img.rounded-full {
  border-color: #ffffff24 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-google-account-index"] .overflow-x-auto span.bg-wa-deep {
  color: #4be389 !important;
  background: #25d3662e !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-google-account-index"] .overflow-x-auto .bg-paper-100 {
  color: #fff9 !important;
  background: #ffffff14 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-google-account-index"] .overflow-x-auto a.rounded-full {
  color: #ffffffb8 !important;
  border-color: #ffffff26 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-google-account-index"] .overflow-x-auto a.rounded-full:hover {
  color: #f8f6f4 !important;
  background: #ffffff0d !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-google-account-index"] .overflow-x-auto .bg-\[\#E8F0FE\] {
  color: #4be389 !important;
  background: #25d36624 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-google-account-index"] .overflow-x-auto .font-serif {
  font-weight: 700;
  color: #f8f6f4 !important;
  font-family: inherit !important;
  font-size: 16px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-google-account-index"] .overflow-x-auto p, html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-google-account-index"] section > .overflow-hidden.bg-paper-0 > div:last-child {
  color: #ffffff75 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-google-account-index"] section > .overflow-hidden.bg-paper-0 > div:last-child .text-ink-900 {
  color: #f8f6f4 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-google-account-index"] section .lg\:grid-cols-3 > div {
  box-shadow: none !important;
  background: #181b1e !important;
  border-color: #ffffff1a !important;
  border-radius: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-google-account-index"] section .lg\:grid-cols-3 .font-mono.uppercase {
  font-weight: 700;
  color: #25d366ad !important;
  font-family: inherit !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-google-account-index"] section .lg\:grid-cols-3 .font-serif {
  font-weight: 700;
  color: #ffffffe0 !important;
  font-family: inherit !important;
  font-size: 15px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body[data-page="user-google-account-index"] section .lg\:grid-cols-3 p {
  color: #ffffff8c !important;
  font-size: 12px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body:is([data-page="user-shopify-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-woocommerce-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-hubspot-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-slack-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-trello-dashboard"]) .shell-pane {
  overflow: auto;
  background: #0f1113 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body:is([data-page="user-shopify-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-woocommerce-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-hubspot-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-slack-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-trello-dashboard"]) main {
  color: #ffffffb8;
  width: 100%;
  padding: 12px 16px 20px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body:is([data-page="user-shopify-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-woocommerce-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-hubspot-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-slack-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-trello-dashboard"]) .rounded-2xl {
  border-radius: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body:is([data-page="user-shopify-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-woocommerce-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-hubspot-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-slack-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-trello-dashboard"]) .rounded-xl {
  border-radius: 8px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body:is([data-page="user-shopify-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-woocommerce-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-hubspot-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-slack-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-trello-dashboard"]) :is(.shadow-card, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .shadow-soft, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .hover\:shadow-soft:hover) {
  box-shadow: none !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body:is([data-page="user-shopify-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-woocommerce-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-hubspot-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-slack-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-trello-dashboard"]) .font-mono.uppercase.tracking-\[0\.18em\] {
  color: #5b8cffad !important;
  letter-spacing: .12em !important;
  font-family: inherit !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body:is([data-page="user-shopify-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-woocommerce-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-hubspot-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-slack-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-trello-dashboard"]) .font-mono.uppercase.tracking-\[0\.18em\] a {
  color: inherit !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body:is([data-page="user-shopify-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-woocommerce-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-hubspot-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-slack-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-trello-dashboard"]) .font-mono.uppercase.tracking-\[0\.18em\] a:hover {
  color: #4be389 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body:is([data-page="user-shopify-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-woocommerce-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-hubspot-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-slack-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-trello-dashboard"]) h1 {
  color: #f8f6f4 !important;
  letter-spacing: -.03em !important;
  font-family: inherit !important;
  font-size: 26px !important;
  font-weight: 800 !important;
  line-height: 1.05 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body:is([data-page="user-shopify-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-woocommerce-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-hubspot-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-slack-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-trello-dashboard"]) h1 span {
  color: #4be389 !important;
  font-style: normal !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body:is([data-page="user-shopify-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-woocommerce-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-hubspot-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-slack-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-trello-dashboard"]) .text-\[13px\].text-ink-600 {
  color: #ffffff6b !important;
  font-size: 12px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body:is([data-page="user-shopify-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-woocommerce-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-hubspot-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-slack-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-trello-dashboard"]) .font-mono.uppercase:is(.tracking-\[0\.16em\], html[data-user-shell="slack"]:not([data-shell-theme="light"]) .tracking-\[0\.14em\]) {
  color: #fff6 !important;
  letter-spacing: .09em !important;
  font-family: inherit !important;
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) body:is([data-page="user-shopify-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-woocommerce-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-hubspot-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-slack-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-trello-dashboard"]) .bg-paper-0 {
  color: #ffffffad;
  background: #181b1e !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) body:is([data-page="user-shopify-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-woocommerce-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-hubspot-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-slack-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-trello-dashboard"]) .border-paper-200 {
  border-color: #ffffff1a !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) body:is([data-page="user-shopify-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-woocommerce-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-hubspot-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-slack-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-trello-dashboard"]) .border-paper-100 {
  border-color: #ffffff14 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) body:is([data-page="user-shopify-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-woocommerce-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-hubspot-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-slack-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-trello-dashboard"]) .bg-paper-50 {
  color: #ffffff94;
  background: #0f1113 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) body:is([data-page="user-shopify-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-woocommerce-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-hubspot-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-slack-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-trello-dashboard"]) .rounded-2xl.overflow-hidden > .bg-paper-50 {
  background: #181b1e !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) body:is([data-page="user-shopify-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-woocommerce-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-hubspot-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-slack-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-trello-dashboard"]) .bg-paper-50\/60 {
  color: #ffffff94;
  background: #ffffff0a !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) body:is([data-page="user-shopify-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-woocommerce-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-hubspot-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-slack-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-trello-dashboard"]) .bg-paper-50\/90 {
  color: #ffffff94;
  background: #1d1a18eb !important;
  border-color: #ffffff1a !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) body:is([data-page="user-shopify-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-woocommerce-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-hubspot-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-slack-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-trello-dashboard"]) .bg-paper-100 {
  color: #fff9 !important;
  background: #ffffff14 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) body:is([data-page="user-shopify-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-woocommerce-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-hubspot-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-slack-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-trello-dashboard"]) .bg-paper-200 {
  background: #ffffff29 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) body:is([data-page="user-shopify-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-woocommerce-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-hubspot-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-slack-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-trello-dashboard"]) .bg-white {
  color: #ffffffbf !important;
  background: #0f1113 !important;
  border-color: #ffffff1f !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) body:is([data-page="user-shopify-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-woocommerce-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-hubspot-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-slack-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-trello-dashboard"]) :is(a, html[data-user-shell="slack"]:not([data-shell-theme="light"]) button, html[data-user-shell="slack"]:not([data-shell-theme="light"]) label, html[data-user-shell="slack"]:not([data-shell-theme="light"]) div).hover\:bg-paper-50:hover {
  color: #ffffffd9 !important;
  background: #ffffff0f !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body:is([data-page="user-shopify-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-woocommerce-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-hubspot-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-slack-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-trello-dashboard"]) .text-ink-900 {
  color: #f8f6f4 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body:is([data-page="user-shopify-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-woocommerce-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-hubspot-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-slack-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-trello-dashboard"]) .text-ink-800 {
  color: #ffffffc7 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body:is([data-page="user-shopify-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-woocommerce-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-hubspot-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-slack-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-trello-dashboard"]) .text-ink-700 {
  color: #ffffffad !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body:is([data-page="user-shopify-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-woocommerce-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-hubspot-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-slack-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-trello-dashboard"]) .text-ink-600 {
  color: #ffffff85 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body:is([data-page="user-shopify-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-woocommerce-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-hubspot-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-slack-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-trello-dashboard"]) .text-ink-500 {
  color: #ffffff6b !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body:is([data-page="user-shopify-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-woocommerce-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-hubspot-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-slack-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-trello-dashboard"]) .text-ink-500\/60 {
  color: #ffffff40 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body:is([data-page="user-shopify-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-woocommerce-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-hubspot-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-slack-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-trello-dashboard"]) .text-ink-400 {
  color: #ffffff52 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body:is([data-page="user-shopify-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-woocommerce-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-hubspot-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-slack-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-trello-dashboard"]) .text-paper-0 {
  color: #fff !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body:is([data-page="user-shopify-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-woocommerce-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-hubspot-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-slack-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-trello-dashboard"]) :is(.text-\[8\.5px\], html[data-user-shell="slack"]:not([data-shell-theme="light"]) .text-\[9\.5px\]) {
  font-size: 10px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body:is([data-page="user-shopify-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-woocommerce-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-hubspot-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-slack-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-trello-dashboard"]) :is(h2, html[data-user-shell="slack"]:not([data-shell-theme="light"]) h3).font-serif {
  color: #ffffffd9 !important;
  font-family: inherit !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body:is([data-page="user-shopify-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-woocommerce-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-hubspot-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-slack-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-trello-dashboard"]) div.font-serif.text-\[18px\] {
  font-weight: 700;
  color: #fffc !important;
  font-family: inherit !important;
  font-size: 14px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body:is([data-page="user-shopify-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-woocommerce-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-hubspot-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-slack-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-trello-dashboard"]) div.font-serif:is(.text-\[20px\], html[data-user-shell="slack"]:not([data-shell-theme="light"]) .text-\[22px\]) {
  font-weight: 700;
  color: #ffffffd9 !important;
  font-family: inherit !important;
  font-size: 15px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body:is([data-page="user-shopify-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-woocommerce-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-hubspot-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-slack-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-trello-dashboard"]) div.font-serif.tabular-nums {
  letter-spacing: -.02em;
  color: #f8f6f4 !important;
  font-family: inherit !important;
  font-size: 22px !important;
  font-weight: 750 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body:is([data-page="user-shopify-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-woocommerce-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-hubspot-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-slack-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-trello-dashboard"]) div.font-serif.tabular-nums.text-accent-coral {
  color: #f07c71 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body:is([data-page="user-shopify-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-woocommerce-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-hubspot-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-slack-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-trello-dashboard"]) div.font-serif.tabular-nums.text-wa-deep {
  color: #4be389 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body:is([data-page="user-shopify-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-woocommerce-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-hubspot-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-slack-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-trello-dashboard"]) div.font-serif.text-\[19px\] {
  font-weight: 750;
  color: #f8f6f4 !important;
  font-family: inherit !important;
  font-size: 15px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body:is([data-page="user-shopify-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-woocommerce-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-hubspot-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-slack-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-trello-dashboard"]) table.w-full {
  color: #ffffffb3 !important;
  font-size: 12px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) body:is([data-page="user-shopify-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-woocommerce-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-hubspot-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-slack-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-trello-dashboard"]) table.w-full thead.bg-paper-50 {
  background: #0f1113 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body:is([data-page="user-shopify-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-woocommerce-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-hubspot-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-slack-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-trello-dashboard"]) table.w-full th {
  text-transform: uppercase;
  font-weight: 700;
  color: #ffffff6b !important;
  letter-spacing: .07em !important;
  font-family: inherit !important;
  font-size: 11px !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body:is([data-page="user-shopify-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-woocommerce-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-hubspot-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-slack-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-trello-dashboard"]) table.w-full tbody tr {
  border-color: #ffffff14 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) body:is([data-page="user-shopify-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-woocommerce-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-hubspot-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-slack-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-trello-dashboard"]) table.w-full tr.hover\:bg-paper-50:hover {
  background: #ffffff0a !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body:is([data-page="user-shopify-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-woocommerce-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-hubspot-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-slack-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-trello-dashboard"]) .divide-paper-100 > :not([hidden]) ~ :not([hidden]) {
  border-color: #ffffff14 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body:is([data-page="user-shopify-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-woocommerce-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-hubspot-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-slack-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-trello-dashboard"]) .text-wa-deep {
  color: #8fb0ff !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body:is([data-page="user-shopify-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-woocommerce-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-hubspot-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-slack-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-trello-dashboard"]) .hover\:text-wa-deep:hover {
  color: #4be389 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body:is([data-page="user-shopify-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-woocommerce-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-hubspot-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-slack-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-trello-dashboard"]) .bg-wa-deep {
  color: #fff !important;
  background: #25d366 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body:is([data-page="user-shopify-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-woocommerce-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-hubspot-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-slack-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-trello-dashboard"]) .hover\:bg-wa-teal:hover {
  color: #fff !important;
  background: #2fc46a !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body:is([data-page="user-shopify-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-woocommerce-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-hubspot-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-slack-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-trello-dashboard"]) .bg-wa-deep\/8 {
  color: #a9c2ff !important;
  background: #5b8cff24 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body:is([data-page="user-shopify-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-woocommerce-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-hubspot-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-slack-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-trello-dashboard"]) .bg-wa-deep\/80 {
  background: #5b8cff99 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body:is([data-page="user-shopify-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-woocommerce-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-hubspot-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-slack-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-trello-dashboard"]) .group:hover .group-hover\:bg-wa-deep {
  background: #25d366 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body:is([data-page="user-shopify-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-woocommerce-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-hubspot-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-slack-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-trello-dashboard"]) .hover\:border-wa-deep:hover {
  border-color: #5b8cff80 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body:is([data-page="user-shopify-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-woocommerce-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-hubspot-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-slack-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-trello-dashboard"]) .has-\[\:checked\]\:border-wa-deep:has(:checked) {
  border-color: #25d366 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body:is([data-page="user-shopify-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-woocommerce-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-hubspot-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-slack-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-trello-dashboard"]) input.peer:checked ~ .peer-checked\:bg-wa-deep {
  background: #25d366 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body:is([data-page="user-shopify-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-woocommerce-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-hubspot-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-slack-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-trello-dashboard"]) :is(input, html[data-user-shell="slack"]:not([data-shell-theme="light"]) select, html[data-user-shell="slack"]:not([data-shell-theme="light"]) textarea):focus {
  border-color: #5b8cff8c !important;
  outline: none !important;
  box-shadow: 0 0 0 3px #5b8cff1f !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) body:is([data-page="user-shopify-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-woocommerce-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-hubspot-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-slack-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-trello-dashboard"]) .bg-wa-mint {
  color: #4be389 !important;
  background: #25d3661f !important;
  border-color: #25d36640 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) body:is([data-page="user-shopify-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-woocommerce-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-hubspot-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-slack-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-trello-dashboard"]) .bg-wa-green\/15 {
  color: #4be389 !important;
  background: #25d3661f !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) body:is([data-page="user-shopify-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-woocommerce-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-hubspot-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-slack-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-trello-dashboard"]) :is(.bg-wa-bubble, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .bg-wa-bubble\/50, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .bg-wa-bubble\/40, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .bg-wa-bubble\/30) {
  color: #fff9 !important;
  background: #25d3660f !important;
  border-color: #25d3662e !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body:is([data-page="user-shopify-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-woocommerce-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-hubspot-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-slack-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-trello-dashboard"]) :is(.border-wa-green\/30, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .border-wa-green\/40) {
  border-color: #25d36638 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) body:is([data-page="user-shopify-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-woocommerce-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-hubspot-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-slack-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-trello-dashboard"]) :is(.bg-accent-coral\/15, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .bg-accent-coral\/10) {
  color: #f07c71 !important;
  background: #f07c711f !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) body:is([data-page="user-shopify-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-woocommerce-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-hubspot-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-slack-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-trello-dashboard"]) .bg-accent-coral {
  color: #fff !important;
  background: #e05d51 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) body:is([data-page="user-shopify-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-woocommerce-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-hubspot-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-slack-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-trello-dashboard"]) :is(.bg-accent-amber\/20, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .bg-accent-amber\/15) {
  color: #ffc46b !important;
  background: #ffc46b21 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body:is([data-page="user-shopify-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-woocommerce-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-hubspot-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-slack-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-trello-dashboard"]) .text-accent-amber {
  color: #ffc46b !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body:is([data-page="user-shopify-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-woocommerce-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-hubspot-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-slack-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-trello-dashboard"]) .text-accent-coral {
  color: #f07c71 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body:is([data-page="user-shopify-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-woocommerce-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-hubspot-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-slack-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-trello-dashboard"]) :is(.text-\[\#A1431F\], html[data-user-shell="slack"]:not([data-shell-theme="light"]) .text-\[\#8B5A14\]) {
  color: #f0937c !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body:is([data-page="user-shopify-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-woocommerce-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-hubspot-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-slack-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-trello-dashboard"]) .text-\[\#8B5A14\] {
  color: #ffc46b !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body:is([data-page="user-shopify-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-woocommerce-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-hubspot-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-slack-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-trello-dashboard"]) :is(.border-accent-coral\/40, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .border-accent-coral\/30) {
  border-color: #f07c7159 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) body:is([data-page="user-shopify-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-woocommerce-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-hubspot-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-slack-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-trello-dashboard"]) .hover\:bg-accent-coral\/10:hover {
  color: #f07c71 !important;
  background: #f07c711a !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) body:is([data-page="user-shopify-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-woocommerce-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-hubspot-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-slack-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-trello-dashboard"]) :is(a, html[data-user-shell="slack"]:not([data-shell-theme="light"]) button).rounded-full.border-paper-200 {
  color: #fff9 !important;
  background: #181b1e !important;
  border-color: #ffffff1f !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) html:is([data-theme="dark"], [data-user-shell="slack"]:not([data-shell-theme="light"])) body:is([data-page="user-shopify-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-woocommerce-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-hubspot-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-slack-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-trello-dashboard"]) :is(a, html[data-user-shell="slack"]:not([data-shell-theme="light"]) button).rounded-full.border-paper-200:hover {
  color: #fff !important;
  background: #ffffff0f !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body:is([data-page="user-shopify-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-woocommerce-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-hubspot-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-slack-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-trello-dashboard"]) .sl-accent {
  color: #cfa3d8 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body:is([data-page="user-shopify-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-woocommerce-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-hubspot-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-slack-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-trello-dashboard"]) .sl-bg {
  color: #fff !important;
  background-color: #611f69 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body:is([data-page="user-shopify-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-woocommerce-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-hubspot-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-slack-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-trello-dashboard"]) .sl-bg:hover {
  background-color: #7a2a84 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body:is([data-page="user-shopify-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-woocommerce-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-hubspot-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-slack-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-trello-dashboard"]) .woo-accent {
  color: #b795dd !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body:is([data-page="user-shopify-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-woocommerce-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-hubspot-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-slack-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-trello-dashboard"]) .woo-bg {
  color: #fff !important;
  background-color: #7f54b3 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body:is([data-page="user-shopify-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-woocommerce-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-hubspot-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-slack-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-trello-dashboard"]) .tr-accent {
  color: #4fa8e8 !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body:is([data-page="user-shopify-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-woocommerce-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-hubspot-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-slack-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-trello-dashboard"]) .tr-bg {
  color: #fff !important;
  background-color: #0079bf !important;
}
html[data-user-shell="slack"]:not([data-shell-theme="light"]) body:is([data-page="user-shopify-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-woocommerce-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-hubspot-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-slack-dashboard"], html[data-user-shell="slack"]:not([data-shell-theme="light"]) [data-page="user-trello-dashboard"]) :is(.sl-soft, html[data-user-shell="slack"]:not([data-shell-theme="light"]) .tr-soft) {
  background-color: #ffffffe6 !important;
}
[data-user-shell="slack"]:not([data-shell-theme="light"]) .shell-pane .bg-\[\#D9E5F2\], [data-user-shell="slack"]:not([data-shell-theme="light"]) .shell-pane .bg-\[\#D9E5F2\] *, [data-user-shell="slack"]:not([data-shell-theme="light"]) .shell-pane .bg-\[\#DCFCE7\], [data-user-shell="slack"]:not([data-shell-theme="light"]) .shell-pane .bg-\[\#DCFCE7\] *, [data-user-shell="slack"]:not([data-shell-theme="light"]) .shell-pane .bg-\[\#DFF1ED\], [data-user-shell="slack"]:not([data-shell-theme="light"]) .shell-pane .bg-\[\#DFF1ED\] *, [data-user-shell="slack"]:not([data-shell-theme="light"]) .shell-pane .bg-\[\#E0EBF7\], [data-user-shell="slack"]:not([data-shell-theme="light"]) .shell-pane .bg-\[\#E0EBF7\] *, [data-user-shell="slack"]:not([data-shell-theme="light"]) .shell-pane .bg-\[\#E0F2F1\], [data-user-shell="slack"]:not([data-shell-theme="light"]) .shell-pane .bg-\[\#E0F2F1\] *, [data-user-shell="slack"]:not([data-shell-theme="light"]) .shell-pane .bg-\[\#E0F2FE\], [data-user-shell="slack"]:not([data-shell-theme="light"]) .shell-pane .bg-\[\#E0F2FE\] *, [data-user-shell="slack"]:not([data-shell-theme="light"]) .shell-pane .bg-\[\#E4DAF1\], [data-user-shell="slack"]:not([data-shell-theme="light"]) .shell-pane .bg-\[\#E4DAF1\] *, [data-user-shell="slack"]:not([data-shell-theme="light"]) .shell-pane .bg-\[\#E5DDD5\], [data-user-shell="slack"]:not([data-shell-theme="light"]) .shell-pane .bg-\[\#E5DDD5\] *, [data-user-shell="slack"]:not([data-shell-theme="light"]) .shell-pane .bg-\[\#E5F5FE\], [data-user-shell="slack"]:not([data-shell-theme="light"]) .shell-pane .bg-\[\#E5F5FE\] *, [data-user-shell="slack"]:not([data-shell-theme="light"]) .shell-pane .bg-\[\#E7F0FF\], [data-user-shell="slack"]:not([data-shell-theme="light"]) .shell-pane .bg-\[\#E7F0FF\] *, [data-user-shell="slack"]:not([data-shell-theme="light"]) .shell-pane .bg-\[\#E7F4FB\], [data-user-shell="slack"]:not([data-shell-theme="light"]) .shell-pane .bg-\[\#E7F4FB\] *, [data-user-shell="slack"]:not([data-shell-theme="light"]) .shell-pane .bg-\[\#E8F0FE\], [data-user-shell="slack"]:not([data-shell-theme="light"]) .shell-pane .bg-\[\#E8F0FE\] *, [data-user-shell="slack"]:not([data-shell-theme="light"]) .shell-pane .bg-\[\#E8F5E9\], [data-user-shell="slack"]:not([data-shell-theme="light"]) .shell-pane .bg-\[\#E8F5E9\] *, [data-user-shell="slack"]:not([data-shell-theme="light"]) .shell-pane .bg-\[\#EAF2FE\], [data-user-shell="slack"]:not([data-shell-theme="light"]) .shell-pane .bg-\[\#EAF2FE\] *, [data-user-shell="slack"]:not([data-shell-theme="light"]) .shell-pane .bg-\[\#EAF3FF\], [data-user-shell="slack"]:not([data-shell-theme="light"]) .shell-pane .bg-\[\#EAF3FF\] *, [data-user-shell="slack"]:not([data-shell-theme="light"]) .shell-pane .bg-\[\#EAF6FC\], [data-user-shell="slack"]:not([data-shell-theme="light"]) .shell-pane .bg-\[\#EAF6FC\] *, [data-user-shell="slack"]:not([data-shell-theme="light"]) .shell-pane .bg-\[\#ECE5DD\], [data-user-shell="slack"]:not([data-shell-theme="light"]) .shell-pane .bg-\[\#ECE5DD\] *, [data-user-shell="slack"]:not([data-shell-theme="light"]) .shell-pane .bg-\[\#EDE9FE\], [data-user-shell="slack"]:not([data-shell-theme="light"]) .shell-pane .bg-\[\#EDE9FE\] *, [data-user-shell="slack"]:not([data-shell-theme="light"]) .shell-pane .bg-\[\#EEF2FF\], [data-user-shell="slack"]:not([data-shell-theme="light"]) .shell-pane .bg-\[\#EEF2FF\] *, [data-user-shell="slack"]:not([data-shell-theme="light"]) .shell-pane .bg-\[\#EFE5F5\], [data-user-shell="slack"]:not([data-shell-theme="light"]) .shell-pane .bg-\[\#EFE5F5\] *, [data-user-shell="slack"]:not([data-shell-theme="light"]) .shell-pane .bg-\[\#EFEFEF\], [data-user-shell="slack"]:not([data-shell-theme="light"]) .shell-pane .bg-\[\#EFEFEF\] *, [data-user-shell="slack"]:not([data-shell-theme="light"]) .shell-pane .bg-\[\#EFF5FF\], [data-user-shell="slack"]:not([data-shell-theme="light"]) .shell-pane .bg-\[\#EFF5FF\] *, [data-user-shell="slack"]:not([data-shell-theme="light"]) .shell-pane .bg-\[\#F0F8F6\], [data-user-shell="slack"]:not([data-shell-theme="light"]) .shell-pane .bg-\[\#F0F8F6\] *, [data-user-shell="slack"]:not([data-shell-theme="light"]) .shell-pane .bg-\[\#F3E9FF\], [data-user-shell="slack"]:not([data-shell-theme="light"]) .shell-pane .bg-\[\#F3E9FF\] *, [data-user-shell="slack"]:not([data-shell-theme="light"]) .shell-pane .bg-\[\#F4E9C9\], [data-user-shell="slack"]:not([data-shell-theme="light"]) .shell-pane .bg-\[\#F4E9C9\] *, [data-user-shell="slack"]:not([data-shell-theme="light"]) .shell-pane .bg-\[\#FBE9E7\], [data-user-shell="slack"]:not([data-shell-theme="light"]) .shell-pane .bg-\[\#FBE9E7\] *, [data-user-shell="slack"]:not([data-shell-theme="light"]) .shell-pane .bg-\[\#FCE0D5\], [data-user-shell="slack"]:not([data-shell-theme="light"]) .shell-pane .bg-\[\#FCE0D5\] *, [data-user-shell="slack"]:not([data-shell-theme="light"]) .shell-pane .bg-\[\#FCE7F3\], [data-user-shell="slack"]:not([data-shell-theme="light"]) .shell-pane .bg-\[\#FCE7F3\] *, [data-user-shell="slack"]:not([data-shell-theme="light"]) .shell-pane .bg-\[\#FCEAF4\], [data-user-shell="slack"]:not([data-shell-theme="light"]) .shell-pane .bg-\[\#FCEAF4\] *, [data-user-shell="slack"]:not([data-shell-theme="light"]) .shell-pane .bg-\[\#FCEEF3\], [data-user-shell="slack"]:not([data-shell-theme="light"]) .shell-pane .bg-\[\#FCEEF3\] *, [data-user-shell="slack"]:not([data-shell-theme="light"]) .shell-pane .bg-\[\#FDF2F8\], [data-user-shell="slack"]:not([data-shell-theme="light"]) .shell-pane .bg-\[\#FDF2F8\] *, [data-user-shell="slack"]:not([data-shell-theme="light"]) .shell-pane .bg-\[\#FDF4E7\], [data-user-shell="slack"]:not([data-shell-theme="light"]) .shell-pane .bg-\[\#FDF4E7\] *, [data-user-shell="slack"]:not([data-shell-theme="light"]) .shell-pane .bg-\[\#FEF3C7\], [data-user-shell="slack"]:not([data-shell-theme="light"]) .shell-pane .bg-\[\#FEF3C7\] *, [data-user-shell="slack"]:not([data-shell-theme="light"]) .shell-pane .bg-\[\#FEF3E2\], [data-user-shell="slack"]:not([data-shell-theme="light"]) .shell-pane .bg-\[\#FEF3E2\] *, [data-user-shell="slack"]:not([data-shell-theme="light"]) .shell-pane .bg-\[\#FFE4D6\], [data-user-shell="slack"]:not([data-shell-theme="light"]) .shell-pane .bg-\[\#FFE4D6\] *, [data-user-shell="slack"]:not([data-shell-theme="light"]) .shell-pane .bg-\[\#FFEDE8\], [data-user-shell="slack"]:not([data-shell-theme="light"]) .shell-pane .bg-\[\#FFEDE8\] *, [data-user-shell="slack"]:not([data-shell-theme="light"]) .shell-pane .bg-\[\#FFEEE7\], [data-user-shell="slack"]:not([data-shell-theme="light"]) .shell-pane .bg-\[\#FFEEE7\] *, [data-user-shell="slack"]:not([data-shell-theme="light"]) .shell-pane .bg-\[\#FFF4E0\], [data-user-shell="slack"]:not([data-shell-theme="light"]) .shell-pane .bg-\[\#FFF4E0\] *, [data-user-shell="slack"]:not([data-shell-theme="light"]) .shell-pane .bg-\[\#FFF6E0\], [data-user-shell="slack"]:not([data-shell-theme="light"]) .shell-pane .bg-\[\#FFF6E0\] *, [data-user-shell="slack"]:not([data-shell-theme="light"]) .shell-pane .bg-\[\#FFF7E2\], [data-user-shell="slack"]:not([data-shell-theme="light"]) .shell-pane .bg-\[\#FFF7E2\] *, [data-user-shell="slack"]:not([data-shell-theme="light"]) .shell-pane .bg-\[\#FFFBEB\], [data-user-shell="slack"]:not([data-shell-theme="light"]) .shell-pane .bg-\[\#FFFBEB\] *, [data-user-shell="slack"]:not([data-shell-theme="light"]) .shell-pane .bg-\[\#cfe0db\], [data-user-shell="slack"]:not([data-shell-theme="light"]) .shell-pane .bg-\[\#cfe0db\] *, [data-user-shell="slack"]:not([data-shell-theme="light"]) .shell-pane .bg-amber-100, [data-user-shell="slack"]:not([data-shell-theme="light"]) .shell-pane .bg-amber-100 *, [data-user-shell="slack"]:not([data-shell-theme="light"]) .shell-pane .bg-amber-200, [data-user-shell="slack"]:not([data-shell-theme="light"]) .shell-pane .bg-amber-200 *, [data-user-shell="slack"]:not([data-shell-theme="light"]) .shell-pane .bg-amber-50, [data-user-shell="slack"]:not([data-shell-theme="light"]) .shell-pane .bg-amber-50 *, [data-user-shell="slack"]:not([data-shell-theme="light"]) .shell-pane .bg-emerald-100, [data-user-shell="slack"]:not([data-shell-theme="light"]) .shell-pane .bg-emerald-100 *, [data-user-shell="slack"]:not([data-shell-theme="light"]) .shell-pane .bg-red-100, [data-user-shell="slack"]:not([data-shell-theme="light"]) .shell-pane .bg-red-100 *, [data-user-shell="slack"]:not([data-shell-theme="light"]) .shell-pane .bg-red-50, [data-user-shell="slack"]:not([data-shell-theme="light"]) .shell-pane .bg-red-50 *, [data-user-shell="slack"]:not([data-shell-theme="light"]) .shell-pane .bg-rose-50, [data-user-shell="slack"]:not([data-shell-theme="light"]) .shell-pane .bg-rose-50 *, [data-user-shell="slack"]:not([data-shell-theme="light"]) .shell-pane .bg-sky-100, [data-user-shell="slack"]:not([data-shell-theme="light"]) .shell-pane .bg-sky-100 *, [data-user-shell="slack"]:not([data-shell-theme="light"]) .shell-pane .bg-sky-50, [data-user-shell="slack"]:not([data-shell-theme="light"]) .shell-pane .bg-sky-50 *, [data-user-shell="slack"]:not([data-shell-theme="light"]) .shell-pane .bg-zinc-100, [data-user-shell="slack"]:not([data-shell-theme="light"]) .shell-pane .bg-zinc-100 * {
  color: #1d2321 !important;
}
[data-user-shell="slack"]:not([data-shell-theme="light"]) .shell-pane .bg-paper-0\/90, [data-user-shell="slack"]:not([data-shell-theme="light"]) .shell-pane .bg-paper-0\/95, [data-user-shell="slack"]:not([data-shell-theme="light"]) .shell-pane .bg-paper-100\/90, [data-user-shell="slack"]:not([data-shell-theme="light"]) .shell-pane .bg-paper-50\/80, [data-user-shell="slack"]:not([data-shell-theme="light"]) .shell-pane .bg-paper-50\/90 {
  background-color: #ffffff17 !important;
}
[data-user-shell="slack"]:not([data-shell-theme="light"]) .shell-pane .bg-\[\#F3ECFA\], [data-user-shell="slack"]:not([data-shell-theme="light"]) .shell-pane .bg-\[\#F3ECFA\] *, [data-user-shell="slack"]:not([data-shell-theme="light"]) .shell-pane .bg-\[\#FCE7DD\], [data-user-shell="slack"]:not([data-shell-theme="light"]) .shell-pane .bg-\[\#FCE7DD\] *, [data-user-shell="slack"]:not([data-shell-theme="light"]) .shell-pane .bg-\[\#FDE8E4\], [data-user-shell="slack"]:not([data-shell-theme="light"]) .shell-pane .bg-\[\#FDE8E4\] *, [data-user-shell="slack"]:not([data-shell-theme="light"]) .shell-pane .bg-\[\#f5f6f7\], [data-user-shell="slack"]:not([data-shell-theme="light"]) .shell-pane .bg-\[\#f5f6f7\] *, [data-user-shell="slack"]:not([data-shell-theme="light"]) .shell-pane .from-\[\#EAF6FC\], [data-user-shell="slack"]:not([data-shell-theme="light"]) .shell-pane .from-\[\#EAF6FC\] * {
  color: #1d2321 !important;
}
[data-user-shell="slack"]:not([data-shell-theme="light"]) .shell-pane .bg-paper-0\/80, [data-user-shell="slack"]:not([data-shell-theme="light"]) .shell-pane .hover\:bg-paper-50\/80:hover, [data-user-shell="slack"]:not([data-shell-theme="light"]) .shell-pane .bg-white\/85 {
  background-color: #ffffff17 !important;
}
[data-user-shell="slack"]:not([data-shell-theme="light"]) .shell-pane .hover\:bg-white:hover, [data-user-shell="slack"]:not([data-shell-theme="light"]) .shell-pane .hover\:bg-white:hover * {
  color: #1d2321 !important;
}
[data-user-shell="slack"]:not([data-shell-theme="light"]) .shell-pane .bg-wa-mint\/50, [data-user-shell="slack"]:not([data-shell-theme="light"]) .shell-pane .bg-wa-mint\/60 {
  background-color: #25d36638 !important;
}
@supports (color: color-mix(in lab, red, red)) {
  [data-user-shell="slack"]:not([data-shell-theme="light"]) .shell-pane .bg-wa-mint\/50, [data-user-shell="slack"]:not([data-shell-theme="light"]) .shell-pane .bg-wa-mint\/60 {
    background-color: color-mix(in srgb, var(--color-wa-green) 22%, transparent) !important;
  }
}
[data-user-shell="slack"]:not([data-shell-theme="light"]) .shell-pane .bg-wa-mint\/50, [data-user-shell="slack"]:not([data-shell-theme="light"]) .shell-pane .bg-wa-mint\/60 {
  color: #fbfaf6 !important;
}
[data-user-shell="slack"]:not([data-shell-theme="light"]) .shell-pane .bg-wa-bubble\/70 {
  background-color: #25d3662e !important;
}
@supports (color: color-mix(in lab, red, red)) {
  [data-user-shell="slack"]:not([data-shell-theme="light"]) .shell-pane .bg-wa-bubble\/70 {
    background-color: color-mix(in srgb, var(--color-wa-green) 18%, transparent) !important;
  }
}
[data-user-shell="slack"]:not([data-shell-theme="light"]) .shell-pane .bg-wa-bubble\/70 {
  color: #fbfaf6 !important;
}
[data-user-shell="slack"]:not([data-shell-theme="light"]) .shell-pane .hover\:bg-wa-mint:hover {
  background-color: #25d36647 !important;
}
@supports (color: color-mix(in lab, red, red)) {
  [data-user-shell="slack"]:not([data-shell-theme="light"]) .shell-pane .hover\:bg-wa-mint:hover {
    background-color: color-mix(in srgb, var(--color-wa-green) 28%, transparent) !important;
  }
}
[data-user-shell="slack"]:not([data-shell-theme="light"]) .shell-pane .hover\:bg-wa-mint:hover {
  color: #fbfaf6 !important;
}
[data-user-shell="slack"]:not([data-shell-theme="light"]) .shell-pane .hover\:bg-wa-bubble:hover {
  background-color: #25d3662e !important;
}
@supports (color: color-mix(in lab, red, red)) {
  [data-user-shell="slack"]:not([data-shell-theme="light"]) .shell-pane .hover\:bg-wa-bubble:hover {
    background-color: color-mix(in srgb, var(--color-wa-green) 18%, transparent) !important;
  }
}
[data-user-shell="slack"]:not([data-shell-theme="light"]) .shell-pane .hover\:bg-wa-bubble:hover {
  color: #fbfaf6 !important;
}
[data-user-shell="slack"]:not([data-shell-theme="light"]) .shell-pane .hover\:bg-wa-mint\/30:hover, [data-user-shell="slack"]:not([data-shell-theme="light"]) .shell-pane .hover\:bg-wa-mint\/40:hover {
  background-color: #25d36633 !important;
}
@supports (color: color-mix(in lab, red, red)) {
  [data-user-shell="slack"]:not([data-shell-theme="light"]) .shell-pane .hover\:bg-wa-mint\/30:hover, [data-user-shell="slack"]:not([data-shell-theme="light"]) .shell-pane .hover\:bg-wa-mint\/40:hover {
    background-color: color-mix(in srgb, var(--color-wa-green) 20%, transparent) !important;
  }
}
[data-user-shell="slack"]:not([data-shell-theme="light"]) .shell-pane .hover\:bg-wa-mint\/30:hover, [data-user-shell="slack"]:not([data-shell-theme="light"]) .shell-pane .hover\:bg-wa-mint\/40:hover {
  color: #fbfaf6 !important;
}
[data-user-shell="slack"]:not([data-shell-theme="light"]) .shell-pane .hover\:bg-wa-bubble\/30:hover, [data-user-shell="slack"]:not([data-shell-theme="light"]) .shell-pane .hover\:bg-wa-bubble\/40:hover {
  background-color: #25d3662e !important;
}
@supports (color: color-mix(in lab, red, red)) {
  [data-user-shell="slack"]:not([data-shell-theme="light"]) .shell-pane .hover\:bg-wa-bubble\/30:hover, [data-user-shell="slack"]:not([data-shell-theme="light"]) .shell-pane .hover\:bg-wa-bubble\/40:hover {
    background-color: color-mix(in srgb, var(--color-wa-green) 18%, transparent) !important;
  }
}
[data-user-shell="slack"]:not([data-shell-theme="light"]) .shell-pane .hover\:bg-wa-bubble\/30:hover, [data-user-shell="slack"]:not([data-shell-theme="light"]) .shell-pane .hover\:bg-wa-bubble\/40:hover {
  color: #fbfaf6 !important;
}
[data-user-shell="slack"]:not([data-shell-theme="light"]) .shell-pane .text-\[\#7B2CBF\] {
  color: #c39fe1 !important;
}
[data-user-shell="slack"]:not([data-shell-theme="light"]) .shell-pane .text-\[\#B91C1C\] {
  color: #df9898 !important;
}
.ig-grad {
  background: linear-gradient(135deg, #405de6 0%, #833ab4 25%, #c13584 50%, #e1306c 70%, #f77737 90%, #fcaf45 100%);
}
.ig-grad-soft {
  background: linear-gradient(135deg, #833ab4 0%, #e1306c 55%, #f77737 100%);
}
.ig-text {
  color: #0000;
  background: linear-gradient(120deg, #833ab4, #e1306c, #f77737);
  -webkit-background-clip: text;
  background-clip: text;
}
.ig-ring {
  background: linear-gradient(135deg, #f77737, #e1306c, #c13584, #833ab4);
  border-radius: 9999px;
  padding: 2px;
}
.ig-card-hover {
  transition: transform .2s, box-shadow .2s, border-color .2s;
}
.ig-card-hover:hover {
  border-color: #e1306c;
  transform: translateY(-2px);
  box-shadow: 0 16px 36px -22px #c1358459;
}
.ig-rail-ic {
  width: 46px;
  height: 46px;
  color: var(--color-ink-600);
  border-radius: 14px;
  place-items: center;
  transition: all .15s;
  display: grid;
  position: relative;
}
.ig-rail-ic:hover {
  background: var(--color-paper-100);
  color: var(--color-ink-900);
}
.ig-rail-ic.active {
  background: var(--color-ink-900);
  color: #fff;
}
.ig-rail-ic.active:before {
  content: "";
  background: linear-gradient(#833ab4, #e1306c, #f77737);
  border-radius: 0 3px 3px 0;
  width: 3px;
  height: 22px;
  position: absolute;
  top: 50%;
  left: -9px;
  transform: translateY(-50%);
}
.ig-rail-ic .ig-tip {
  white-space: nowrap;
  background: var(--color-ink-900);
  color: #fff;
  opacity: 0;
  pointer-events: none;
  z-index: 50;
  border-radius: 8px;
  padding: 4px 9px;
  font-size: 11px;
  transition: all .15s;
  position: absolute;
  top: 50%;
  left: calc(100% + 10px);
  transform: translateY(-50%);
}
.ig-rail-ic:hover .ig-tip {
  opacity: 1;
}
.ig-pulse {
  animation: 1.6s ease-in-out infinite igPulse;
}
@keyframes igPulse {
  0%, 100% {
    opacity: 1;
    transform: scale(1);
  }

  50% {
    opacity: .4;
    transform: scale(1.35);
  }
}
.ig-dots {
  background-image: radial-gradient(circle at 1px 1px, #ffffff2e 1px, #0000 0);
  background-size: 14px 14px;
}
.ig-scroll::-webkit-scrollbar {
  width: 7px;
}
.ig-scroll::-webkit-scrollbar-thumb {
  background: var(--color-paper-300);
  border-radius: 4px;
}
img, video, canvas, iframe {
  max-width: 100%;
}
html {
  overflow-x: clip;
}
@property --tw-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-z {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-rotate-x {
  syntax: "*";
  inherits: false
}
@property --tw-rotate-y {
  syntax: "*";
  inherits: false
}
@property --tw-rotate-z {
  syntax: "*";
  inherits: false
}
@property --tw-skew-x {
  syntax: "*";
  inherits: false
}
@property --tw-skew-y {
  syntax: "*";
  inherits: false
}
@property --tw-scroll-snap-strictness {
  syntax: "*";
  inherits: false;
  initial-value: proximity;
}
@property --tw-space-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-space-x-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-divide-x-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-divide-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-gradient-position {
  syntax: "*";
  inherits: false
}
@property --tw-gradient-from {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-via {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-to {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-stops {
  syntax: "*";
  inherits: false
}
@property --tw-gradient-via-stops {
  syntax: "*";
  inherits: false
}
@property --tw-gradient-from-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 0%;
}
@property --tw-gradient-via-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 50%;
}
@property --tw-gradient-to-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-leading {
  syntax: "*";
  inherits: false
}
@property --tw-font-weight {
  syntax: "*";
  inherits: false
}
@property --tw-tracking {
  syntax: "*";
  inherits: false
}
@property --tw-ordinal {
  syntax: "*";
  inherits: false
}
@property --tw-slashed-zero {
  syntax: "*";
  inherits: false
}
@property --tw-numeric-figure {
  syntax: "*";
  inherits: false
}
@property --tw-numeric-spacing {
  syntax: "*";
  inherits: false
}
@property --tw-numeric-fraction {
  syntax: "*";
  inherits: false
}
@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-shadow-color {
  syntax: "*";
  inherits: false
}
@property --tw-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false
}
@property --tw-inset-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-ring-color {
  syntax: "*";
  inherits: false
}
@property --tw-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-ring-color {
  syntax: "*";
  inherits: false
}
@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-ring-inset {
  syntax: "*";
  inherits: false
}
@property --tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 0;
}
@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}
@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-outline-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-blur {
  syntax: "*";
  inherits: false
}
@property --tw-brightness {
  syntax: "*";
  inherits: false
}
@property --tw-contrast {
  syntax: "*";
  inherits: false
}
@property --tw-grayscale {
  syntax: "*";
  inherits: false
}
@property --tw-hue-rotate {
  syntax: "*";
  inherits: false
}
@property --tw-invert {
  syntax: "*";
  inherits: false
}
@property --tw-opacity {
  syntax: "*";
  inherits: false
}
@property --tw-saturate {
  syntax: "*";
  inherits: false
}
@property --tw-sepia {
  syntax: "*";
  inherits: false
}
@property --tw-drop-shadow {
  syntax: "*";
  inherits: false
}
@property --tw-drop-shadow-color {
  syntax: "*";
  inherits: false
}
@property --tw-drop-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-drop-shadow-size {
  syntax: "*";
  inherits: false
}
@property --tw-backdrop-blur {
  syntax: "*";
  inherits: false
}
@property --tw-backdrop-brightness {
  syntax: "*";
  inherits: false
}
@property --tw-backdrop-contrast {
  syntax: "*";
  inherits: false
}
@property --tw-backdrop-grayscale {
  syntax: "*";
  inherits: false
}
@property --tw-backdrop-hue-rotate {
  syntax: "*";
  inherits: false
}
@property --tw-backdrop-invert {
  syntax: "*";
  inherits: false
}
@property --tw-backdrop-opacity {
  syntax: "*";
  inherits: false
}
@property --tw-backdrop-saturate {
  syntax: "*";
  inherits: false
}
@property --tw-backdrop-sepia {
  syntax: "*";
  inherits: false
}
@property --tw-duration {
  syntax: "*";
  inherits: false
}
@property --tw-ease {
  syntax: "*";
  inherits: false
}
@property --tw-scale-x {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-scale-y {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-scale-z {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-content {
  syntax: "*";
  inherits: false;
  initial-value: "";
}
@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
@keyframes ping {
  75%, 100% {
    opacity: 0;
    transform: scale(2);
  }
}
@keyframes pulse {
  50% {
    opacity: .5;
  }
}
@keyframes bounce {
  0%, 100% {
    animation-timing-function: cubic-bezier(.8, 0, 1, 1);
    transform: translateY(-25%);
  }

  50% {
    animation-timing-function: cubic-bezier(0, 0, .2, 1);
    transform: none;
  }
}