/* Brand colour for rkn on Chatwoot 4.18.0. Generated by tools/chatwoot-brand-build.py, not edited by hand. */
/* Chatwoot reads its accent from the --blue-1..12 scale (app/javascript/dashboard/assets/scss/_next-colors.scss). Set on body, so it
   beats the :root and .dark values by inheritance order, with no important flag. */
body {
  --blue-1: 255 250 255;
  --blue-2: 255 242 255;
  --blue-3: 255 230 255;
  --blue-4: 255 214 255;
  --blue-5: 255 194 255;
  --blue-6: 255 168 255;
  --blue-7: 255 133 255;
  --blue-8: 255 82 255;
  --blue-9: 255 0 255;
  --blue-10: 219 0 219;
  --blue-11: 230 0 230;
  --blue-12: 107 0 107;
  --border-blue: 255, 0, 255, 0.5;
}
html.dark body, body.dark {
  --blue-1: 36 13 33;
  --blue-2: 45 13 43;
  --blue-3: 64 11 61;
  --blue-4: 83 10 80;
  --blue-5: 101 9 99;
  --blue-6: 125 8 123;
  --blue-7: 152 6 151;
  --blue-8: 190 4 189;
  --blue-9: 255 0 255;
  --blue-10: 255 38 255;
  --blue-11: 255 140 255;
  --blue-12: 255 217 255;
}

/* utilities */
html .\!outline-n-brand { outline-color: #ff00ff!important; }
html .\!shadow-\[var\(--widget-color\,\#2781f6\)\] { --tw-shadow-color: var(--widget-color,#ff00ff) !important; }
html .after\:bg-n-brand:after { background-color: #ff00ff; }
html .before\:\!border-t-n-brand:before { border-top-color: #ff00ff!important; }
html .before\:bg-n-brand:before { background-color: #ff00ff; }
html .bg-\[\#2781F6\] { background-color: #ff00ff; }
html .bg-n-brand { background-color: #ff00ff; }
html .bg-n-brand\/10 { background-color: #ff00ff1a; }
html .bg-n-brand\/20 { background-color: #ff00ff33; }
html .bg-n-brand\/5 { background-color: #ff00ff0d; }
html .border-n-brand { border-color: #ff00ff; }
html .border-n-brand\/50 { border-color: #ff00ff80; }
html .border-t-n-brand { border-top-color: #ff00ff; }
html .checked\:bg-n-brand:checked { background-color: #ff00ff; }
html .checked\:border-n-brand:checked { border-color: #ff00ff; }
html .dark\:\!outline-n-brand:is(.dark *) { outline-color: #ff00ff!important; }
html .dark\:bg-n-brand\/10:is(.dark *) { background-color: #ff00ff1a; }
html .dark\:border-n-brand:is(.dark *) { border-color: #ff00ff; }
html .dark\:checked\:bg-n-brand:checked:is(.dark *) { background-color: #ff00ff; }
html .dark\:checked\:border-n-brand:checked:is(.dark *) { border-color: #ff00ff; }
html .dark\:focus-within\:outline-n-brand:focus-within:is(.dark *) { outline-color: #ff00ff; }
html .dark\:focus\:outline-n-brand:focus:is(.dark *) { outline-color: #ff00ff; }
html .dark\:has-\[\:focus\]\:outline-n-brand:has(:focus):is(.dark *) { outline-color: #ff00ff; }
html .dark\:hover\:text-n-brand:hover:is(.dark *) { color: #ff00ff; }
html .dark\:ring-n-brand:is(.dark *) { --tw-ring-color: rgb(255 0 255 / var(--tw-ring-opacity, 1)); }
html .focus-visible\:bg-n-brand\/20:focus-visible { background-color: #ff00ff33; }
html .focus-visible\:border-n-brand:focus-visible { border-color: #ff00ff; }
html .focus-visible\:outline-n-brand:focus-visible { outline-color: #ff00ff; }
html .focus-visible\:ring-n-brand:focus-visible { --tw-ring-color: rgb(255 0 255 / var(--tw-ring-opacity, 1)); }
html .focus-within\:outline-n-brand:focus-within { outline-color: #ff00ff; }
html .focus-within\:ring-n-brand:focus-within { --tw-ring-color: rgb(255 0 255 / var(--tw-ring-opacity, 1)); }
html .focus\:border-n-brand:focus { border-color: #ff00ff; }
html .focus\:outline-n-brand:focus { outline-color: #ff00ff; }
html .focus\:ring-n-brand:focus { --tw-ring-color: rgb(255 0 255 / var(--tw-ring-opacity, 1)); }
html .from-n-brand\/15 { --tw-gradient-from: rgb(255 0 255 / .15) var(--tw-gradient-from-position); --tw-gradient-to: rgb(255 0 255 / 0) var(--tw-gradient-to-position); }
html .group:focus-within .group-focus-within\:text-n-brand { color: #ff00ff; }
html .group:hover .group-hover\:bg-n-brand { background-color: #ff00ff; }
html .group:hover .group-hover\:text-n-brand { color: #ff00ff; }
html .has-\[\:focus\]\:outline-n-brand:has(:focus) { outline-color: #ff00ff; }
html .hover\:bg-n-brand\/10:hover { background-color: #ff00ff1a; }
html .hover\:bg-n-brand\/80:hover { background-color: #ff00ffcc; }
html .hover\:border-n-brand:hover { border-color: #ff00ff; }
html .hover\:enabled\:bg-n-brand\/20:enabled:hover { background-color: #ff00ff33; }
html .hover\:text-n-brand:hover { color: #ff00ff; }
html .indeterminate\:bg-n-brand:indeterminate { background-color: #ff00ff; }
html .indeterminate\:border-n-brand:indeterminate { border-color: #ff00ff; }
html .outline-n-brand { outline-color: #ff00ff; }
html .prose-a\:text-n-brand :is(:where(a):not(:where([class~=not-prose],[class~=not-prose] *))) { color: #ff00ff; }
html .prose-strong\:text-n-brand :is(:where(strong):not(:where([class~=not-prose],[class~=not-prose] *))) { color: #ff00ff; }
html .ring-n-brand { --tw-ring-color: rgb(255 0 255 / var(--tw-ring-opacity, 1)); }
html .text-link { color: #ff00ff; }
html .text-n-brand { color: #ff00ff; }
@supports (color: rgb(0 0 0 / 0)) and (top: var(--f)) {
  html .after\:bg-n-brand:after { background-color: rgb(255 0 255 / var(--tw-bg-opacity, 1)); }
  html .before\:\!border-t-n-brand:before { border-top-color: rgb(255 0 255 / var(--tw-border-opacity, 1))!important; }
  html .before\:bg-n-brand:before { background-color: rgb(255 0 255 / var(--tw-bg-opacity, 1)); }
  html .bg-\[\#2781F6\] { background-color: rgb(255 0 255 / var(--tw-bg-opacity, 1)); }
  html .bg-n-brand { background-color: rgb(255 0 255 / var(--tw-bg-opacity, 1)); }
  html .border-n-brand { border-color: rgb(255 0 255 / var(--tw-border-opacity, 1)); }
  html .border-t-n-brand { border-top-color: rgb(255 0 255 / var(--tw-border-opacity, 1)); }
  html .checked\:bg-n-brand:checked { background-color: rgb(255 0 255 / var(--tw-bg-opacity, 1)); }
  html .checked\:border-n-brand:checked { border-color: rgb(255 0 255 / var(--tw-border-opacity, 1)); }
  html .dark\:border-n-brand:is(.dark *) { border-color: rgb(255 0 255 / var(--tw-border-opacity, 1)); }
  html .dark\:checked\:bg-n-brand:checked:is(.dark *) { background-color: rgb(255 0 255 / var(--tw-bg-opacity, 1)); }
  html .dark\:checked\:border-n-brand:checked:is(.dark *) { border-color: rgb(255 0 255 / var(--tw-border-opacity, 1)); }
  html .dark\:hover\:text-n-brand:hover:is(.dark *) { color: rgb(255 0 255 / var(--tw-text-opacity, 1)); }
  html .focus-visible\:border-n-brand:focus-visible { border-color: rgb(255 0 255 / var(--tw-border-opacity, 1)); }
  html .focus\:border-n-brand:focus { border-color: rgb(255 0 255 / var(--tw-border-opacity, 1)); }
  html .group:focus-within .group-focus-within\:text-n-brand { color: rgb(255 0 255 / var(--tw-text-opacity, 1)); }
  html .group:hover .group-hover\:bg-n-brand { background-color: rgb(255 0 255 / var(--tw-bg-opacity, 1)); }
  html .group:hover .group-hover\:text-n-brand { color: rgb(255 0 255 / var(--tw-text-opacity, 1)); }
  html .hover\:border-n-brand:hover { border-color: rgb(255 0 255 / var(--tw-border-opacity, 1)); }
  html .hover\:text-n-brand:hover { color: rgb(255 0 255 / var(--tw-text-opacity, 1)); }
  html .indeterminate\:bg-n-brand:indeterminate { background-color: rgb(255 0 255 / var(--tw-bg-opacity, 1)); }
  html .indeterminate\:border-n-brand:indeterminate { border-color: rgb(255 0 255 / var(--tw-border-opacity, 1)); }
  html .prose-a\:text-n-brand :is(:where(a):not(:where([class~=not-prose],[class~=not-prose] *))) { color: rgb(255 0 255 / var(--tw-text-opacity, 1)); }
  html .prose-strong\:text-n-brand :is(:where(strong):not(:where([class~=not-prose],[class~=not-prose] *))) { color: rgb(255 0 255 / var(--tw-text-opacity, 1)); }
  html .text-link { color: rgb(255 0 255 / var(--tw-text-opacity, 1)); }
  html .text-n-brand { color: rgb(255 0 255 / var(--tw-text-opacity, 1)); }
}
html .i-woot-status-open { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cmask id='a' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='24' height='24'%3E%3Cpath fill='%23d9d9d9' d='M0 0h24v24H0z'/%3E%3C/mask%3E%3Cg mask='url(%23a)'%3E%3Cpath d='M4.188 18.25q2.187 2.724 5.612 3.5a.89.89 0 0 0 .837-.176.99.99 0 0 0 .363-.8q0-.35-.2-.625a.88.88 0 0 0-.55-.35q-2.75-.625-4.5-2.8T4 12t1.75-5 4.5-2.8a.88.88 0 0 0 .55-.35q.2-.275.2-.625 0-.5-.363-.8A.89.89 0 0 0 9.8 2.25q-3.424.776-5.613 3.5Q2 8.474 2 12t2.188 6.25m9.175 3.324q.361.3.837.175.825-.2 1.613-.525.787-.325 1.512-.775a.99.99 0 0 0 .45-.737.96.96 0 0 0-.3-.813 1.02 1.02 0 0 0-.588-.3.8.8 0 0 0-.612.15q-.575.375-1.212.638a8 8 0 0 1-1.313.412.88.88 0 0 0-.55.35q-.2.275-.2.625 0 .5.363.8m5.237-4.662q.05.337.3.587a.96.96 0 0 0 .813.3 1 1 0 0 0 .737-.45q.45-.724.775-1.512a11 11 0 0 0 .525-1.613.89.89 0 0 0-.175-.837.99.99 0 0 0-.8-.363q-.35 0-.625.188a.83.83 0 0 0-.35.537 8.4 8.4 0 0 1-.413 1.325 7 7 0 0 1-.637 1.225.8.8 0 0 0-.15.613m1.55-6.112q.275.199.625.2.5 0 .8-.363t.175-.838a11 11 0 0 0-.525-1.612 10.4 10.4 0 0 0-.775-1.513q-.275-.425-.738-.475a.96.96 0 0 0-.812.3 1.02 1.02 0 0 0-.3.588.88.88 0 0 0 .15.637q.375.575.637 1.213.263.637.413 1.312.075.35.35.55m-5.087-6.187q.638.262 1.212.637.3.201.638.15.336-.05.587-.3a.96.96 0 0 0 .3-.812q-.05-.463-.475-.738a10.4 10.4 0 0 0-1.512-.775A11 11 0 0 0 14.2 2.25a.89.89 0 0 0-.837.175.99.99 0 0 0-.363.8q0 .35.2.625t.55.35q.674.15 1.313.413M11.913 7' fill='%23ff00ff'/%3E%3Cpath d='M12.001 12.902a.9.9 0 1 0 0-1.8.9.9 0 0 0 0 1.8' stroke='%23ff00ff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E"); }