@ai-on/ui
Version:
Chat UI for Multi-ChatGPT like chatbots.
1 lines • 217 kB
JavaScript
const n=Symbol("solid-proxy"),e={equals:(n,e)=>n===e};let t=j;const r=1,o=2,a={owned:null,cleanups:null,context:null,owner:null};var i=null;let s=null,l=null,c=null,d=null,u=0;function p(n,t){const r={value:n,observers:null,observerSlots:null,comparator:(t=t?Object.assign({},e,t):e).equals||void 0};return[f.bind(r),n=>("function"==typeof n&&(n=n(r.value)),v(r,n))]}function h(n,e,t){y(x(n,e,!1,r))}function b(n,e,o){t=C;const a=x(n,e,!1,r);o&&o.render||(a.user=!0),d?d.push(a):y(a)}function m(n,t,r){r=r?Object.assign({},e,r):e;const o=x(n,t,!0,0);return o.observers=null,o.observerSlots=null,o.comparator=r.equals||void 0,y(o),f.bind(o)}function g(n){if(null===l)return n();const e=l;l=null;try{return n()}finally{l=e}}function w(n){return null===i||(null===i.cleanups?i.cleanups=[n]:i.cleanups.push(n)),n}function f(){if(this.sources&&this.state)if(this.state===r)y(this);else{const n=c;c=null,k((()=>z(this)),!1),c=n}if(l){const n=this.observers?this.observers.length:0;l.sources?(l.sources.push(this),l.sourceSlots.push(n)):(l.sources=[this],l.sourceSlots=[n]),this.observers?(this.observers.push(l),this.observerSlots.push(l.sources.length-1)):(this.observers=[l],this.observerSlots=[l.sources.length-1])}return this.value}function v(n,e,t){let o=n.value;return n.comparator&&n.comparator(o,e)||(n.value=e,n.observers&&n.observers.length&&k((()=>{for(let e=0;e<n.observers.length;e+=1){const t=n.observers[e],o=s&&s.running;o&&s.disposed.has(t),(o?t.tState:t.state)||(t.pure?c.push(t):d.push(t),t.observers&&S(t)),o||(t.state=r)}if(c.length>1e6)throw c=[],new Error}),!1)),e}function y(n){if(!n.fn)return;P(n);const e=i,t=l,o=u;l=i=n,function(n,e,t){let o;try{o=n.fn(e)}catch(e){return n.pure&&(n.state=r,n.owned&&n.owned.forEach(P),n.owned=null),n.updatedAt=t+1,M(e)}(!n.updatedAt||n.updatedAt<=t)&&(null!=n.updatedAt&&"observers"in n?v(n,o):n.value=o,n.updatedAt=t)}(n,n.value,o),l=t,i=e}function x(n,e,t,o=r,s){const l={fn:n,state:o,updatedAt:null,owned:null,sources:null,sourceSlots:null,cleanups:null,value:e,owner:i,context:null,pure:t};return null===i||i!==a&&(i.owned?i.owned.push(l):i.owned=[l]),l}function _(n){if(0===n.state)return;if(n.state===o)return z(n);if(n.suspense&&g(n.suspense.inFallback))return n.suspense.effects.push(n);const e=[n];for(;(n=n.owner)&&(!n.updatedAt||n.updatedAt<u);)n.state&&e.push(n);for(let t=e.length-1;t>=0;t--)if((n=e[t]).state===r)y(n);else if(n.state===o){const t=c;c=null,k((()=>z(n,e[0])),!1),c=t}}function k(n,e){if(c)return n();let r=!1;e||(c=[]),d?r=!0:d=[],u++;try{const e=n();return function(n){c&&(j(c),c=null);if(n)return;const e=d;d=null,e.length&&k((()=>t(e)),!1)}(r),e}catch(n){r||(d=null),c=null,M(n)}}function j(n){for(let e=0;e<n.length;e++)_(n[e])}function C(n){let e,t=0;for(e=0;e<n.length;e++){const r=n[e];r.user?n[t++]=r:_(r)}for(e=0;e<t;e++)_(n[e])}function z(n,e){n.state=0;for(let t=0;t<n.sources.length;t+=1){const a=n.sources[t];if(a.sources){const n=a.state;n===r?a!==e&&(!a.updatedAt||a.updatedAt<u)&&_(a):n===o&&z(a,e)}}}function S(n){for(let e=0;e<n.observers.length;e+=1){const t=n.observers[e];t.state||(t.state=o,t.pure?c.push(t):d.push(t),t.observers&&S(t))}}function P(n){let e;if(n.sources)for(;n.sources.length;){const e=n.sources.pop(),t=n.sourceSlots.pop(),r=e.observers;if(r&&r.length){const n=r.pop(),o=e.observerSlots.pop();t<r.length&&(n.sourceSlots[o]=t,r[t]=n,e.observerSlots[t]=o)}}if(n.owned){for(e=n.owned.length-1;e>=0;e--)P(n.owned[e]);n.owned=null}if(n.cleanups){for(e=n.cleanups.length-1;e>=0;e--)n.cleanups[e]();n.cleanups=null}n.state=0,n.context=null}function M(n){throw n}function L(n,e){return g((()=>n(e||{})))}function A(){return!0}const E={get:(e,t,r)=>t===n?r:e.get(t),has:(e,t)=>t===n||e.has(t),set:A,deleteProperty:A,getOwnPropertyDescriptor:(n,e)=>({configurable:!0,enumerable:!0,get:()=>n.get(e),set:A,deleteProperty:A}),ownKeys:n=>n.keys()};function T(n){return(n="function"==typeof n?n():n)?n:{}}function N(){for(let n=0,e=this.length;n<e;++n){const e=this[n]();if(void 0!==e)return e}}function $(...e){let t=!1;for(let r=0;r<e.length;r++){const o=e[r];t=t||!!o&&n in o,e[r]="function"==typeof o?(t=!0,m(o)):o}if(t)return new Proxy({get(n){for(let t=e.length-1;t>=0;t--){const r=T(e[t])[n];if(void 0!==r)return r}},has(n){for(let t=e.length-1;t>=0;t--)if(n in T(e[t]))return!0;return!1},keys(){const n=[];for(let t=0;t<e.length;t++)n.push(...Object.keys(T(e[t])));return[...new Set(n)]}},E);const r={},o={};let a=!1;for(let n=e.length-1;n>=0;n--){const t=e[n];if(!t)continue;const i=Object.getOwnPropertyNames(t);a=a||0!==n&&!!i.length;for(let n=0,e=i.length;n<e;n++){const e=i[n];if("__proto__"!==e&&"constructor"!==e)if(e in r){const n=o[e],a=Object.getOwnPropertyDescriptor(t,e);n?a.get?n.push(a.get.bind(t)):void 0!==a.value&&n.push((()=>a.value)):void 0===r[e]&&(r[e]=a.value)}else{const n=Object.getOwnPropertyDescriptor(t,e);n.get?Object.defineProperty(r,e,{enumerable:!0,configurable:!0,get:N.bind(o[e]=[n.get.bind(t)])}):r[e]=n.value}}}return r}const B=new Set(["className","value","readOnly","formNoValidate","isMap","noModule","playsInline","allowfullscreen","async","autofocus","autoplay","checked","controls","default","disabled","formnovalidate","hidden","indeterminate","ismap","loop","multiple","muted","nomodule","novalidate","open","playsinline","readonly","required","reversed","seamless","selected"]),I=new Set(["innerHTML","textContent","innerText","children"]),H=Object.assign(Object.create(null),{className:"class",htmlFor:"for"}),O=Object.assign(Object.create(null),{class:"className",formnovalidate:{$:"formNoValidate",BUTTON:1,INPUT:1},ismap:{$:"isMap",IMG:1},nomodule:{$:"noModule",SCRIPT:1},playsinline:{$:"playsInline",VIDEO:1},readonly:{$:"readOnly",INPUT:1,TEXTAREA:1}});const D=new Set(["beforeinput","click","dblclick","contextmenu","focusin","focusout","input","keydown","keyup","mousedown","mousemove","mouseout","mouseover","mouseup","pointerdown","pointermove","pointerout","pointerover","pointerup","touchend","touchmove","touchstart"]),q={xlink:"http://www.w3.org/1999/xlink",xml:"http://www.w3.org/XML/1998/namespace"};const R="_$DX_DELEGATE";function U(n,e,t,r={}){let o;return function(n,e){const t=l,r=i,o=0===n.length,s=o?a:{owned:null,cleanups:null,context:null,owner:void 0===e?r:e},c=o?n:()=>n((()=>g((()=>P(s)))));i=s,l=null;try{return k(c,!0)}finally{l=t,i=r}}((r=>{o=r,e===document?n():X(e,n(),e.firstChild?null:void 0,t)}),r.owner),()=>{o(),e.textContent=""}}function V(n,e,t){let r;const o=()=>{const e=document.createElement("template");return e.innerHTML=n,t?e.content.firstChild.firstChild:e.content.firstChild},a=e?()=>g((()=>document.importNode(r||(r=o()),!0))):()=>(r||(r=o())).cloneNode(!0);return a.cloneNode=a,a}function F(n,e=window.document){const t=e[R]||(e[R]=new Set);for(let r=0,o=n.length;r<o;r++){const o=n[r];t.has(o)||(t.add(o),e.addEventListener(o,J))}}function W(n,e,t){null==t?n.removeAttribute(e):n.setAttribute(e,t)}function G(n,e={},t,r){const o={};return r||h((()=>o.children=Q(n,e.children,o.children))),h((()=>e.ref&&e.ref(n))),h((()=>function(n,e,t,r,o={},a=!1){e||(e={});for(const r in o)if(!(r in e)){if("children"===r)continue;o[r]=Z(n,r,null,o[r],t,a)}for(const i in e){if("children"===i){r||Q(n,e.children);continue}const s=e[i];o[i]=Z(n,i,s,o[i],t,a)}}(n,e,t,!0,o,!0))),o}function Y(n,e,t){return g((()=>n(e,t)))}function X(n,e,t,r){if(void 0===t||r||(r=[]),"function"!=typeof e)return Q(n,e,r,t);h((r=>Q(n,e(),r,t)),r)}function K(n,e,t){const r=e.trim().split(/\s+/);for(let e=0,o=r.length;e<o;e++)n.classList.toggle(r[e],t)}function Z(n,e,t,r,o,a){let i,s,l,c,d;if("style"===e)return function(n,e,t){if(!e)return t?W(n,"style"):e;const r=n.style;if("string"==typeof e)return r.cssText=e;let o,a;for(a in"string"==typeof t&&(r.cssText=t=void 0),t||(t={}),e||(e={}),t)null==e[a]&&r.removeProperty(a),delete t[a];for(a in e)o=e[a],o!==t[a]&&(r.setProperty(a,o),t[a]=o);return t}(n,t,r);if("classList"===e)return function(n,e,t={}){const r=Object.keys(e||{}),o=Object.keys(t);let a,i;for(a=0,i=o.length;a<i;a++){const r=o[a];r&&"undefined"!==r&&!e[r]&&(K(n,r,!1),delete t[r])}for(a=0,i=r.length;a<i;a++){const o=r[a],i=!!e[o];o&&"undefined"!==o&&t[o]!==i&&i&&(K(n,o,!0),t[o]=i)}return t}(n,t,r);if(t===r)return r;if("ref"===e)a||t(n);else if("on:"===e.slice(0,3)){const o=e.slice(3);r&&n.removeEventListener(o,r),t&&n.addEventListener(o,t)}else if("oncapture:"===e.slice(0,10)){const o=e.slice(10);r&&n.removeEventListener(o,r,!0),t&&n.addEventListener(o,t,!0)}else if("on"===e.slice(0,2)){const o=e.slice(2).toLowerCase(),a=D.has(o);if(!a&&r){const e=Array.isArray(r)?r[0]:r;n.removeEventListener(o,e)}(a||t)&&(!function(n,e,t,r){if(r)Array.isArray(t)?(n[`$$${e}`]=t[0],n[`$$${e}Data`]=t[1]):n[`$$${e}`]=t;else if(Array.isArray(t)){const r=t[0];n.addEventListener(e,t[0]=e=>r.call(n,t[1],e))}else n.addEventListener(e,t)}(n,o,t,a),a&&F([o]))}else if("attr:"===e.slice(0,5))W(n,e.slice(5),t);else if((d="prop:"===e.slice(0,5))||(l=I.has(e))||!o&&((c=function(n,e){const t=O[n];return"object"==typeof t?t[e]?t.$:void 0:t}(e,n.tagName))||(s=B.has(e)))||(i=n.nodeName.includes("-")))d&&(e=e.slice(5),s=!0),"class"===e||"className"===e?function(n,e){null==e?n.removeAttribute("class"):n.className=e}(n,t):!i||s||l?n[c||e]=t:n[(u=e,u.toLowerCase().replace(/-([a-z])/g,((n,e)=>e.toUpperCase())))]=t;else{const r=o&&e.indexOf(":")>-1&&q[e.split(":")[0]];r?function(n,e,t,r){null==r?n.removeAttributeNS(e,t):n.setAttributeNS(e,t,r)}(n,r,e,t):W(n,H[e]||e,t)}var u;return t}function J(n){const e=`$$${n.type}`;let t=n.composedPath&&n.composedPath()[0]||n.target;for(n.target!==t&&Object.defineProperty(n,"target",{configurable:!0,value:t}),Object.defineProperty(n,"currentTarget",{configurable:!0,get:()=>t||document});t;){const r=t[e];if(r&&!t.disabled){const o=t[`${e}Data`];if(void 0!==o?r.call(t,o,n):r.call(t,n),n.cancelBubble)return}t=t._$host||t.parentNode||t.host}}function Q(n,e,t,r,o){for(;"function"==typeof t;)t=t();if(e===t)return t;const a=typeof e,i=void 0!==r;if(n=i&&t[0]&&t[0].parentNode||n,"string"===a||"number"===a)if("number"===a&&(e=e.toString()),i){let o=t[0];o&&3===o.nodeType?o.data=e:o=document.createTextNode(e),t=tn(n,t,r,o)}else t=""!==t&&"string"==typeof t?n.firstChild.data=e:n.textContent=e;else if(null==e||"boolean"===a)t=tn(n,t,r);else{if("function"===a)return h((()=>{let o=e();for(;"function"==typeof o;)o=o();t=Q(n,o,t,r)})),()=>t;if(Array.isArray(e)){const a=[],s=t&&Array.isArray(t);if(nn(a,e,t,o))return h((()=>t=Q(n,a,t,r,!0))),()=>t;if(0===a.length){if(t=tn(n,t,r),i)return t}else s?0===t.length?en(n,a,r):function(n,e,t){let r=t.length,o=e.length,a=r,i=0,s=0,l=e[o-1].nextSibling,c=null;for(;i<o||s<a;)if(e[i]!==t[s]){for(;e[o-1]===t[a-1];)o--,a--;if(o===i){const e=a<r?s?t[s-1].nextSibling:t[a-s]:l;for(;s<a;)n.insertBefore(t[s++],e)}else if(a===s)for(;i<o;)c&&c.has(e[i])||e[i].remove(),i++;else if(e[i]===t[a-1]&&t[s]===e[o-1]){const r=e[--o].nextSibling;n.insertBefore(t[s++],e[i++].nextSibling),n.insertBefore(t[--a],r),e[o]=t[a]}else{if(!c){c=new Map;let n=s;for(;n<a;)c.set(t[n],n++)}const r=c.get(e[i]);if(null!=r)if(s<r&&r<a){let l,d=i,u=1;for(;++d<o&&d<a&&null!=(l=c.get(e[d]))&&l===r+u;)u++;if(u>r-s){const o=e[i];for(;s<r;)n.insertBefore(t[s++],o)}else n.replaceChild(t[s++],e[i++])}else i++;else e[i++].remove()}}else i++,s++}(n,t,a):(t&&tn(n),en(n,a));t=a}else if(e.nodeType){if(Array.isArray(t)){if(i)return t=tn(n,t,r,e);tn(n,t,null,e)}else null!=t&&""!==t&&n.firstChild?n.replaceChild(e,n.firstChild):n.appendChild(e);t=e}else console.warn("Unrecognized value. Skipped inserting",e)}return t}function nn(n,e,t,r){let o=!1;for(let a=0,i=e.length;a<i;a++){let i,s=e[a],l=t&&t[a];if(null==s||!0===s||!1===s);else if("object"==(i=typeof s)&&s.nodeType)n.push(s);else if(Array.isArray(s))o=nn(n,s,l)||o;else if("function"===i)if(r){for(;"function"==typeof s;)s=s();o=nn(n,Array.isArray(s)?s:[s],Array.isArray(l)?l:[l])||o}else n.push(s),o=!0;else{const e=String(s);l&&3===l.nodeType&&l.data===e?n.push(l):n.push(document.createTextNode(e))}}return o}function en(n,e,t=null){for(let r=0,o=e.length;r<o;r++)n.insertBefore(e[r],t)}function tn(n,e,t,r){if(void 0===t)return n.textContent="";const o=r||document.createTextNode("");if(e.length){let r=!1;for(let a=e.length-1;a>=0;a--){const i=e[a];if(o!==i){const e=i.parentNode===n;r||a?e&&i.remove():e?n.replaceChild(o,i):n.insertBefore(o,t)}else r=!0}}else n.insertBefore(o,t);return[o]}function rn(n,e){void 0===e&&(e={});var t=e.insertAt;if(n&&"undefined"!=typeof document){var r=document.head||document.getElementsByTagName("head")[0],o=document.createElement("style");o.type="text/css","top"===t&&r.firstChild?r.insertBefore(o,r.firstChild):r.appendChild(o),o.styleSheet?o.styleSheet.cssText=n:o.appendChild(document.createTextNode(n))}}rn('/*\n! tailwindcss v3.3.2 | MIT License | https://tailwindcss.com\n*//*\n1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)\n2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)\n*/\n\n#aion-ui *,\n#aion-ui ::before,\n#aion-ui ::after {\n box-sizing: border-box; /* 1 */\n border-width: 0; /* 2 */\n border-style: solid; /* 2 */\n border-color: #e5e7eb; /* 2 */\n}\n\n#aion-ui ::before,\n#aion-ui ::after {\n --tw-content: \'\';\n}\n\n/*\n1. Use a consistent sensible line-height in all browsers.\n2. Prevent adjustments of font size after orientation changes in iOS.\n3. Use a more readable tab size.\n4. Use the user\'s configured `sans` font-family by default.\n5. Use the user\'s configured `sans` font-feature-settings by default.\n6. Use the user\'s configured `sans` font-variation-settings by default.\n*/\n\n#aion-ui {\n line-height: 1.5; /* 1 */\n -webkit-text-size-adjust: 100%; /* 2 */\n -moz-tab-size: 4; /* 3 */\n -o-tab-size: 4;\n tab-size: 4; /* 3 */\n font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */\n font-feature-settings: normal; /* 5 */\n font-variation-settings: normal; /* 6 */\n}\n\n/*\n1. Remove the margin in all browsers.\n2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.\n*/\n\nbody.aion-ui {\n margin: 0; /* 1 */\n line-height: inherit; /* 2 */\n}\n\n/*\n1. Add the correct height in Firefox.\n2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)\n3. Ensure horizontal rules are visible by default.\n*/\n\n#aion-ui hr {\n height: 0; /* 1 */\n color: inherit; /* 2 */\n border-top-width: 1px; /* 3 */\n}\n\n/*\nAdd the correct text decoration in Chrome, Edge, and Safari.\n*/\n\n#aion-ui abbr:where([title]) {\n -webkit-text-decoration: underline dotted;\n text-decoration: underline dotted;\n}\n\n/*\nRemove the default font size and weight for headings.\n*/\n\n#aion-ui h1,\n#aion-ui h2,\n#aion-ui h3,\n#aion-ui h4,\n#aion-ui h5,\n#aion-ui h6 {\n font-size: inherit;\n font-weight: inherit;\n}\n\n/*\nReset links to optimize for opt-in styling instead of opt-out.\n*/\n\n#aion-ui a {\n color: inherit;\n text-decoration: inherit;\n}\n\n/*\nAdd the correct font weight in Edge and Safari.\n*/\n\n#aion-ui b,\n#aion-ui strong {\n font-weight: bolder;\n}\n\n/*\n1. Use the user\'s configured `mono` font family by default.\n2. Correct the odd `em` font sizing in all browsers.\n*/\n\n#aion-ui code,\n#aion-ui kbd,\n#aion-ui samp,\n#aion-ui pre {\n font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */\n font-size: 1em; /* 2 */\n}\n\n/*\nAdd the correct font size in all browsers.\n*/\n\n#aion-ui small {\n font-size: 80%;\n}\n\n/*\nPrevent `sub` and `sup` elements from affecting the line height in all browsers.\n*/\n\n#aion-ui sub,\n#aion-ui sup {\n font-size: 75%;\n line-height: 0;\n position: relative;\n vertical-align: baseline;\n}\n\n#aion-ui sub {\n bottom: -0.25em;\n}\n\n#aion-ui sup {\n top: -0.5em;\n}\n\n/*\n1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)\n2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)\n3. Remove gaps between table borders by default.\n*/\n\n#aion-ui table {\n text-indent: 0; /* 1 */\n border-color: inherit; /* 2 */\n border-collapse: collapse; /* 3 */\n}\n\n/*\n1. Change the font styles in all browsers.\n2. Remove the margin in Firefox and Safari.\n3. Remove default padding in all browsers.\n*/\n\n#aion-ui button,\n#aion-ui input,\n#aion-ui optgroup,\n#aion-ui select,\n#aion-ui textarea {\n font-family: inherit; /* 1 */\n font-size: 100%; /* 1 */\n font-weight: inherit; /* 1 */\n line-height: inherit; /* 1 */\n color: inherit; /* 1 */\n margin: 0; /* 2 */\n padding: 0; /* 3 */\n}\n\n/*\nRemove the inheritance of text transform in Edge and Firefox.\n*/\n\n#aion-ui button,\n#aion-ui select {\n text-transform: none;\n}\n\n/*\n1. Correct the inability to style clickable types in iOS and Safari.\n2. Remove default button styles.\n*/\n\n#aion-ui button,\n#aion-ui [type=\'button\'],\n#aion-ui [type=\'reset\'],\n#aion-ui [type=\'submit\'] {\n -webkit-appearance: button; /* 1 */\n background-color: transparent; /* 2 */\n background-image: none; /* 2 */\n}\n\n/*\nUse the modern Firefox focus style for all focusable elements.\n*/\n\n#aion-ui :-moz-focusring {\n outline: auto;\n}\n\n/*\nRemove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)\n*/\n\n#aion-ui :-moz-ui-invalid {\n box-shadow: none;\n}\n\n/*\nAdd the correct vertical alignment in Chrome and Firefox.\n*/\n\n#aion-ui progress {\n vertical-align: baseline;\n}\n\n/*\nCorrect the cursor style of increment and decrement buttons in Safari.\n*/\n\n#aion-ui ::-webkit-inner-spin-button,\n#aion-ui ::-webkit-outer-spin-button {\n height: auto;\n}\n\n/*\n1. Correct the odd appearance in Chrome and Safari.\n2. Correct the outline style in Safari.\n*/\n\n#aion-ui [type=\'search\'] {\n -webkit-appearance: textfield; /* 1 */\n outline-offset: -2px; /* 2 */\n}\n\n/*\nRemove the inner padding in Chrome and Safari on macOS.\n*/\n\n#aion-ui ::-webkit-search-decoration {\n -webkit-appearance: none;\n}\n\n/*\n1. Correct the inability to style clickable types in iOS and Safari.\n2. Change font properties to `inherit` in Safari.\n*/\n\n#aion-ui ::-webkit-file-upload-button {\n -webkit-appearance: button; /* 1 */\n font: inherit; /* 2 */\n}\n\n/*\nAdd the correct display in Chrome and Safari.\n*/\n\n#aion-ui summary {\n display: list-item;\n}\n\n/*\nRemoves the default spacing and border for appropriate elements.\n*/\n\n#aion-ui blockquote,\n#aion-ui dl,\n#aion-ui dd,\n#aion-ui h1,\n#aion-ui h2,\n#aion-ui h3,\n#aion-ui h4,\n#aion-ui h5,\n#aion-ui h6,\n#aion-ui hr,\n#aion-ui figure,\n#aion-ui p,\n#aion-ui pre {\n margin: 0;\n}\n\n#aion-ui fieldset {\n margin: 0;\n padding: 0;\n}\n\n#aion-ui legend {\n padding: 0;\n}\n\n#aion-ui ol,\n#aion-ui ul,\n#aion-ui menu {\n list-style: none;\n margin: 0;\n padding: 0;\n}\n\n/*\nPrevent resizing textareas horizontally by default.\n*/\n\n#aion-ui textarea {\n resize: vertical;\n}\n\n/*\n1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)\n2. Set the default placeholder color to the user\'s configured gray 400 color.\n*/\n\n#aion-ui input::-moz-placeholder, #aion-ui textarea::-moz-placeholder {\n opacity: 1; /* 1 */\n color: #9ca3af; /* 2 */\n}\n\n#aion-ui input::placeholder,\n#aion-ui textarea::placeholder {\n opacity: 1; /* 1 */\n color: #9ca3af; /* 2 */\n}\n\n/*\nSet the default cursor for buttons.\n*/\n\n#aion-ui button,\n#aion-ui [role="button"] {\n cursor: pointer;\n}\n\n/*\nMake sure disabled buttons don\'t get the pointer cursor.\n*/\n#aion-ui :disabled {\n cursor: default;\n}\n\n/*\n1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)\n2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)\n This can trigger a poorly considered lint error in some tools but is included by design.\n*/\n\n#aion-ui img,\n#aion-ui svg,\n#aion-ui video,\n#aion-ui canvas,\n#aion-ui audio,\n#aion-ui iframe,\n#aion-ui embed,\n#aion-ui object {\n display: block; /* 1 */\n vertical-align: middle; /* 2 */\n}\n\n/*\nConstrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)\n*/\n\n#aion-ui img,\n#aion-ui video {\n max-width: 100%;\n height: auto;\n}\n\n/* Make elements with the HTML hidden attribute stay hidden by default */\n#aion-ui [hidden] {\n display: none;\n}\n\n#aion-ui :root,\n#aion-ui [data-theme] {\n background-color: hsl(var(--b1) / var(--tw-bg-opacity, 1));\n color: hsl(var(--bc) / var(--tw-text-opacity, 1));\n}\n\n#aion-ui {\n -webkit-tap-highlight-color: transparent;\n}\n\n#aion-ui :root {\n color-scheme: light;\n --pf: 259 94% 44%;\n --sf: 314 100% 40%;\n --af: 174 75% 39%;\n --nf: 214 20% 14%;\n --in: 198 93% 60%;\n --su: 158 64% 52%;\n --wa: 43 96% 56%;\n --er: 0 91% 71%;\n --inc: 198 100% 12%;\n --suc: 158 100% 10%;\n --wac: 43 100% 11%;\n --erc: 0 100% 14%;\n --rounded-box: 1rem;\n --rounded-btn: 0.5rem;\n --rounded-badge: 1.9rem;\n --animation-btn: 0.25s;\n --animation-input: .2s;\n --btn-text-case: uppercase;\n --btn-focus-scale: 0.95;\n --border-btn: 1px;\n --tab-border: 1px;\n --tab-radius: 0.5rem;\n --p: 259 94% 51%;\n --pc: 259 96% 91%;\n --s: 314 100% 47%;\n --sc: 314 100% 91%;\n --a: 174 75% 46%;\n --ac: 174 75% 11%;\n --n: 214 20% 21%;\n --nc: 212 19% 87%;\n --b1: 0 0% 100%;\n --b2: 0 0% 95%;\n --b3: 180 2% 90%;\n --bc: 215 28% 17%;\n}\n\n@media (prefers-color-scheme: dark) {\n\n #aion-ui :root {\n color-scheme: dark;\n --pf: 262 80% 43%;\n --sf: 316 70% 43%;\n --af: 175 70% 34%;\n --in: 198 93% 60%;\n --su: 158 64% 52%;\n --wa: 43 96% 56%;\n --er: 0 91% 71%;\n --inc: 198 100% 12%;\n --suc: 158 100% 10%;\n --wac: 43 100% 11%;\n --erc: 0 100% 14%;\n --rounded-box: 1rem;\n --rounded-btn: 0.5rem;\n --rounded-badge: 1.9rem;\n --animation-btn: 0.25s;\n --animation-input: .2s;\n --btn-text-case: uppercase;\n --btn-focus-scale: 0.95;\n --border-btn: 1px;\n --tab-border: 1px;\n --tab-radius: 0.5rem;\n --p: 262 80% 50%;\n --pc: 0 0% 100%;\n --s: 316 70% 50%;\n --sc: 0 0% 100%;\n --a: 175 70% 41%;\n --ac: 0 0% 100%;\n --n: 213 18% 20%;\n --nf: 212 17% 17%;\n --nc: 220 13% 69%;\n --b1: 212 18% 14%;\n --b2: 213 18% 12%;\n --b3: 213 18% 10%;\n --bc: 220 13% 69%;\n }\n}\n\n[data-theme=light] {\n color-scheme: light;\n --pf: 259 94% 44%;\n --sf: 314 100% 40%;\n --af: 174 75% 39%;\n --nf: 214 20% 14%;\n --in: 198 93% 60%;\n --su: 158 64% 52%;\n --wa: 43 96% 56%;\n --er: 0 91% 71%;\n --inc: 198 100% 12%;\n --suc: 158 100% 10%;\n --wac: 43 100% 11%;\n --erc: 0 100% 14%;\n --rounded-box: 1rem;\n --rounded-btn: 0.5rem;\n --rounded-badge: 1.9rem;\n --animation-btn: 0.25s;\n --animation-input: .2s;\n --btn-text-case: uppercase;\n --btn-focus-scale: 0.95;\n --border-btn: 1px;\n --tab-border: 1px;\n --tab-radius: 0.5rem;\n --p: 259 94% 51%;\n --pc: 259 96% 91%;\n --s: 314 100% 47%;\n --sc: 314 100% 91%;\n --a: 174 75% 46%;\n --ac: 174 75% 11%;\n --n: 214 20% 21%;\n --nc: 212 19% 87%;\n --b1: 0 0% 100%;\n --b2: 0 0% 95%;\n --b3: 180 2% 90%;\n --bc: 215 28% 17%;\n}\n\n[data-theme=dark] {\n color-scheme: dark;\n --pf: 262 80% 43%;\n --sf: 316 70% 43%;\n --af: 175 70% 34%;\n --in: 198 93% 60%;\n --su: 158 64% 52%;\n --wa: 43 96% 56%;\n --er: 0 91% 71%;\n --inc: 198 100% 12%;\n --suc: 158 100% 10%;\n --wac: 43 100% 11%;\n --erc: 0 100% 14%;\n --rounded-box: 1rem;\n --rounded-btn: 0.5rem;\n --rounded-badge: 1.9rem;\n --animation-btn: 0.25s;\n --animation-input: .2s;\n --btn-text-case: uppercase;\n --btn-focus-scale: 0.95;\n --border-btn: 1px;\n --tab-border: 1px;\n --tab-radius: 0.5rem;\n --p: 262 80% 50%;\n --pc: 0 0% 100%;\n --s: 316 70% 50%;\n --sc: 0 0% 100%;\n --a: 175 70% 41%;\n --ac: 0 0% 100%;\n --n: 213 18% 20%;\n --nf: 212 17% 17%;\n --nc: 220 13% 69%;\n --b1: 212 18% 14%;\n --b2: 213 18% 12%;\n --b3: 213 18% 10%;\n --bc: 220 13% 69%;\n}\n\n[data-theme=cupcake] {\n color-scheme: light;\n --pf: 183 47% 52%;\n --sf: 338 71% 71%;\n --af: 39 84% 51%;\n --nf: 280 46% 7%;\n --in: 198 93% 60%;\n --su: 158 64% 52%;\n --wa: 43 96% 56%;\n --er: 0 91% 71%;\n --pc: 183 20% 13%;\n --sc: 340 15% 16%;\n --ac: 37 41% 13%;\n --nc: 283 9% 81%;\n --inc: 198 100% 12%;\n --suc: 158 100% 10%;\n --wac: 43 100% 11%;\n --erc: 0 100% 14%;\n --rounded-box: 1rem;\n --rounded-badge: 1.9rem;\n --animation-btn: 0.25s;\n --animation-input: .2s;\n --btn-text-case: uppercase;\n --btn-focus-scale: 0.95;\n --border-btn: 1px;\n --p: 183 47% 59%;\n --s: 338 71% 78%;\n --a: 39 84% 58%;\n --n: 280 46% 14%;\n --b1: 24 33% 97%;\n --b2: 27 22% 92%;\n --b3: 23 14% 89%;\n --bc: 280 46% 14%;\n --rounded-btn: 1.9rem;\n --tab-border: 2px;\n --tab-radius: .5rem;\n}\n\n[data-theme=bumblebee] {\n color-scheme: light;\n --pf: 50 94% 51%;\n --sf: 41 74% 46%;\n --af: 24 67% 52%;\n --nf: 240 33% 7%;\n --b2: 0 0% 93%;\n --b3: 0 0% 86%;\n --in: 198 93% 60%;\n --su: 158 64% 52%;\n --wa: 43 96% 56%;\n --er: 0 91% 71%;\n --bc: 146 0% 19%;\n --ac: 23 34% 13%;\n --nc: 247 7% 81%;\n --inc: 198 100% 12%;\n --suc: 158 100% 10%;\n --wac: 43 100% 11%;\n --erc: 0 100% 14%;\n --rounded-box: 1rem;\n --rounded-btn: 0.5rem;\n --rounded-badge: 1.9rem;\n --animation-btn: 0.25s;\n --animation-input: .2s;\n --btn-text-case: uppercase;\n --btn-focus-scale: 0.95;\n --border-btn: 1px;\n --tab-border: 1px;\n --tab-radius: 0.5rem;\n --p: 50 94% 58%;\n --pc: 240 33% 14%;\n --s: 41 74% 53%;\n --sc: 240 33% 14%;\n --a: 24 67% 59%;\n --n: 240 33% 14%;\n --b1: 0 0% 100%;\n}\n\n[data-theme=emerald] {\n color-scheme: light;\n --pf: 141 50% 53%;\n --sf: 219 96% 53%;\n --af: 10 81% 49%;\n --nf: 219 20% 18%;\n --b2: 0 0% 93%;\n --b3: 0 0% 86%;\n --in: 198 93% 60%;\n --su: 158 64% 52%;\n --wa: 43 96% 56%;\n --er: 0 91% 71%;\n --inc: 198 100% 12%;\n --suc: 158 100% 10%;\n --wac: 43 100% 11%;\n --erc: 0 100% 14%;\n --rounded-box: 1rem;\n --rounded-btn: 0.5rem;\n --rounded-badge: 1.9rem;\n --btn-text-case: uppercase;\n --border-btn: 1px;\n --tab-border: 1px;\n --tab-radius: 0.5rem;\n --p: 141 50% 60%;\n --pc: 151 28% 19%;\n --s: 219 96% 60%;\n --sc: 210 20% 98%;\n --a: 10 81% 56%;\n --ac: 210 20% 98%;\n --n: 219 20% 25%;\n --nc: 210 20% 98%;\n --b1: 0 0% 100%;\n --bc: 219 20% 25%;\n --animation-btn: 0;\n --animation-input: 0;\n --btn-focus-scale: 1;\n}\n\n[data-theme=corporate] {\n color-scheme: light;\n --pf: 229 96% 57%;\n --sf: 215 26% 52%;\n --af: 154 49% 53%;\n --nf: 233 27% 6%;\n --b2: 0 0% 93%;\n --b3: 0 0% 86%;\n --in: 198 93% 60%;\n --su: 158 64% 52%;\n --wa: 43 96% 56%;\n --er: 0 91% 71%;\n --pc: 243 100% 94%;\n --sc: 216 13% 13%;\n --ac: 151 21% 13%;\n --inc: 198 100% 12%;\n --suc: 158 100% 10%;\n --wac: 43 100% 11%;\n --erc: 0 100% 14%;\n --btn-text-case: uppercase;\n --border-btn: 1px;\n --tab-border: 1px;\n --tab-radius: 0.5rem;\n --p: 229 96% 64%;\n --s: 215 26% 59%;\n --a: 154 49% 60%;\n --n: 233 27% 13%;\n --nc: 210 38% 95%;\n --b1: 0 0% 100%;\n --bc: 233 27% 13%;\n --rounded-box: 0.25rem;\n --rounded-btn: .125rem;\n --rounded-badge: .125rem;\n --animation-btn: 0;\n --animation-input: 0;\n --btn-focus-scale: 1;\n}\n\n[data-theme=synthwave] {\n color-scheme: dark;\n --pf: 321 70% 62%;\n --sf: 197 87% 58%;\n --af: 48 89% 50%;\n --nf: 253 59% 13%;\n --b2: 253 58% 8%;\n --b3: 253 58% 1%;\n --pc: 323 23% 15%;\n --sc: 199 28% 14%;\n --ac: 45 42% 13%;\n --rounded-box: 1rem;\n --rounded-btn: 0.5rem;\n --rounded-badge: 1.9rem;\n --animation-btn: 0.25s;\n --animation-input: .2s;\n --btn-text-case: uppercase;\n --btn-focus-scale: 0.95;\n --border-btn: 1px;\n --tab-border: 1px;\n --tab-radius: 0.5rem;\n --p: 321 70% 69%;\n --s: 197 87% 65%;\n --a: 48 89% 57%;\n --n: 253 59% 20%;\n --nc: 260 60% 98%;\n --b1: 253 58% 15%;\n --bc: 260 60% 98%;\n --in: 199 87% 64%;\n --inc: 257 63% 17%;\n --su: 168 74% 68%;\n --suc: 257 63% 17%;\n --wa: 48 89% 57%;\n --wac: 257 63% 17%;\n --er: 352 74% 57%;\n --erc: 260 60% 98%;\n}\n\n[data-theme=retro] {\n color-scheme: light;\n --pf: 3 74% 69%;\n --sf: 145 27% 65%;\n --af: 24 67% 52%;\n --nf: 340 7% 10%;\n --inc: 239 85% 93%;\n --suc: 126 38% 89%;\n --wac: 29 59% 11%;\n --erc: 11 100% 91%;\n --animation-btn: 0.25s;\n --animation-input: .2s;\n --btn-text-case: uppercase;\n --btn-focus-scale: 0.95;\n --border-btn: 1px;\n --tab-border: 1px;\n --tab-radius: 0.5rem;\n --p: 3 74% 76%;\n --pc: 345 5% 15%;\n --s: 145 27% 72%;\n --sc: 345 5% 15%;\n --a: 24 67% 59%;\n --ac: 345 5% 15%;\n --n: 340 7% 17%;\n --nc: 43 41% 88%;\n --b1: 45 47% 80%;\n --b2: 44 47% 73%;\n --b3: 44 47% 68%;\n --bc: 345 5% 15%;\n --in: 221 83% 53%;\n --su: 142 76% 36%;\n --wa: 32 95% 44%;\n --er: 0 72% 51%;\n --rounded-box: 0.4rem;\n --rounded-btn: 0.4rem;\n --rounded-badge: 0.4rem;\n}\n\n[data-theme=cyberpunk] {\n color-scheme: light;\n --pf: 345 100% 66%;\n --sf: 195 80% 63%;\n --af: 276 74% 64%;\n --nf: 57 100% 6%;\n --b2: 56 100% 43%;\n --b3: 56 100% 36%;\n --in: 198 93% 60%;\n --su: 158 64% 52%;\n --wa: 43 96% 56%;\n --er: 0 91% 71%;\n --bc: 53 46% 13%;\n --pc: 348 27% 15%;\n --sc: 196 23% 15%;\n --ac: 277 22% 15%;\n --inc: 198 100% 12%;\n --suc: 158 100% 10%;\n --wac: 43 100% 11%;\n --erc: 0 100% 14%;\n --animation-btn: 0.25s;\n --animation-input: .2s;\n --btn-text-case: uppercase;\n --btn-focus-scale: 0.95;\n --border-btn: 1px;\n --tab-border: 1px;\n font-family: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;\n --p: 345 100% 73%;\n --s: 195 80% 70%;\n --a: 276 74% 71%;\n --n: 57 100% 13%;\n --nc: 56 100% 50%;\n --b1: 56 100% 50%;\n --rounded-box: 0;\n --rounded-btn: 0;\n --rounded-badge: 0;\n --tab-radius: 0;\n}\n\n[data-theme=valentine] {\n color-scheme: light;\n --pf: 353 74% 60%;\n --sf: 254 86% 70%;\n --af: 181 56% 63%;\n --nf: 336 43% 41%;\n --b2: 318 46% 82%;\n --b3: 318 46% 75%;\n --pc: 356 26% 14%;\n --sc: 256 20% 15%;\n --ac: 181 16% 15%;\n --inc: 239 85% 93%;\n --suc: 126 38% 89%;\n --wac: 29 59% 11%;\n --erc: 11 100% 91%;\n --rounded-box: 1rem;\n --rounded-badge: 1.9rem;\n --animation-btn: 0.25s;\n --animation-input: .2s;\n --btn-text-case: uppercase;\n --btn-focus-scale: 0.95;\n --border-btn: 1px;\n --tab-border: 1px;\n --tab-radius: 0.5rem;\n --p: 353 74% 67%;\n --s: 254 86% 77%;\n --a: 181 56% 70%;\n --n: 336 43% 48%;\n --nc: 318 46% 89%;\n --b1: 318 46% 89%;\n --bc: 344 38% 28%;\n --in: 221 83% 53%;\n --su: 142 76% 36%;\n --wa: 32 95% 44%;\n --er: 0 72% 51%;\n --rounded-btn: 1.9rem;\n}\n\n[data-theme=halloween] {\n color-scheme: dark;\n --pf: 32 89% 45%;\n --sf: 271 46% 35%;\n --af: 91 100% 26%;\n --nf: 31 81% 3%;\n --b2: 0 0% 6%;\n --b3: 0 0% 0%;\n --bc: 145 0% 81%;\n --sc: 275 36% 88%;\n --nc: 26 11% 80%;\n --inc: 239 85% 93%;\n --suc: 126 38% 89%;\n --wac: 29 59% 11%;\n --erc: 11 100% 91%;\n --rounded-box: 1rem;\n --rounded-btn: 0.5rem;\n --rounded-badge: 1.9rem;\n --animation-btn: 0.25s;\n --animation-input: .2s;\n --btn-text-case: uppercase;\n --btn-focus-scale: 0.95;\n --border-btn: 1px;\n --tab-border: 1px;\n --tab-radius: 0.5rem;\n --p: 32 89% 52%;\n --pc: 180 7% 8%;\n --s: 271 46% 42%;\n --a: 91 100% 33%;\n --ac: 0 0% 0%;\n --n: 31 81% 10%;\n --b1: 0 0% 13%;\n --in: 221 83% 53%;\n --su: 142 76% 36%;\n --wa: 32 95% 44%;\n --er: 0 72% 51%;\n}\n\n[data-theme=garden] {\n color-scheme: light;\n --pf: 331 100% 41%;\n --sf: 334 37% 34%;\n --af: 139 16% 36%;\n --nf: 44 100% 1%;\n --b2: 0 4% 84%;\n --b3: 0 4% 77%;\n --in: 198 93% 60%;\n --su: 158 64% 52%;\n --wa: 43 96% 56%;\n --er: 0 91% 71%;\n --pc: 346 100% 93%;\n --sc: 340 30% 88%;\n --ac: 136 12% 88%;\n --inc: 198 100% 12%;\n --suc: 158 100% 10%;\n --wac: 43 100% 11%;\n --erc: 0 100% 14%;\n --rounded-box: 1rem;\n --rounded-btn: 0.5rem;\n --rounded-badge: 1.9rem;\n --animation-btn: 0.25s;\n --animation-input: .2s;\n --btn-text-case: uppercase;\n --btn-focus-scale: 0.95;\n --border-btn: 1px;\n --tab-border: 1px;\n --tab-radius: 0.5rem;\n --p: 331 100% 48%;\n --s: 334 37% 41%;\n --a: 139 16% 43%;\n --n: 44 100% 8%;\n --nc: 0 4% 91%;\n --b1: 0 4% 91%;\n --bc: 0 3% 6%;\n}\n\n[data-theme=forest] {\n color-scheme: dark;\n --pf: 141 72% 35%;\n --sf: 164 73% 35%;\n --af: 175 73% 35%;\n --nf: 161 37% 8%;\n --b2: 0 12% 1%;\n --b3: 0 0% 0%;\n --in: 198 93% 60%;\n --su: 158 64% 52%;\n --wa: 43 96% 56%;\n --er: 0 91% 71%;\n --bc: 360 1% 79%;\n --sc: 158 32% 11%;\n --ac: 172 31% 11%;\n --nc: 157 7% 81%;\n --inc: 198 100% 12%;\n --suc: 158 100% 10%;\n --wac: 43 100% 11%;\n --erc: 0 100% 14%;\n --rounded-box: 1rem;\n --rounded-badge: 1.9rem;\n --animation-btn: 0.25s;\n --animation-input: .2s;\n --btn-text-case: uppercase;\n --btn-focus-scale: 0.95;\n --border-btn: 1px;\n --tab-border: 1px;\n --tab-radius: 0.5rem;\n --p: 141 72% 42%;\n --pc: 0 0% 0%;\n --s: 164 73% 42%;\n --a: 175 73% 42%;\n --n: 161 37% 15%;\n --b1: 0 12% 8%;\n --rounded-btn: 1.9rem;\n}\n\n[data-theme=aqua] {\n color-scheme: dark;\n --pf: 182 93% 42%;\n --sf: 274 31% 50%;\n --af: 47 100% 73%;\n --nf: 205 54% 43%;\n --b2: 219 53% 36%;\n --b3: 219 53% 29%;\n --bc: 228 38% 89%;\n --sc: 276 17% 12%;\n --ac: 46 19% 16%;\n --nc: 212 51% 91%;\n --inc: 239 85% 93%;\n --suc: 126 38% 89%;\n --wac: 29 59% 11%;\n --erc: 11 100% 91%;\n --rounded-box: 1rem;\n --rounded-btn: 0.5rem;\n --rounded-badge: 1.9rem;\n --animation-btn: 0.25s;\n --animation-input: .2s;\n --btn-text-case: uppercase;\n --btn-focus-scale: 0.95;\n --border-btn: 1px;\n --tab-border: 1px;\n --tab-radius: 0.5rem;\n --p: 182 93% 49%;\n --pc: 181 100% 17%;\n --s: 274 31% 57%;\n --a: 47 100% 80%;\n --n: 205 54% 50%;\n --b1: 219 53% 43%;\n --in: 221 83% 53%;\n --su: 142 76% 36%;\n --wa: 32 95% 44%;\n --er: 0 72% 51%;\n}\n\n[data-theme=lofi] {\n color-scheme: light;\n --pf: 0 0% 0%;\n --sf: 0 2% 3%;\n --af: 0 0% 8%;\n --nf: 0 0% 0%;\n --btn-text-case: uppercase;\n --border-btn: 1px;\n --tab-border: 1px;\n --p: 0 0% 5%;\n --pc: 0 0% 100%;\n --s: 0 2% 10%;\n --sc: 0 0% 100%;\n --a: 0 0% 15%;\n --ac: 0 0% 100%;\n --n: 0 0% 0%;\n --nc: 0 0% 100%;\n --b1: 0 0% 100%;\n --b2: 0 0% 95%;\n --b3: 0 2% 90%;\n --bc: 0 0% 0%;\n --in: 212 100% 48%;\n --inc: 0 0% 100%;\n --su: 137 72% 46%;\n --suc: 0 0% 0%;\n --wa: 5 100% 66%;\n --wac: 0 0% 100%;\n --er: 325 78% 49%;\n --erc: 0 0% 100%;\n --rounded-box: 0.25rem;\n --rounded-btn: 0.125rem;\n --rounded-badge: 0.125rem;\n --animation-btn: 0;\n --animation-input: 0;\n --btn-focus-scale: 1;\n --tab-radius: 0;\n}\n\n[data-theme=pastel] {\n color-scheme: light;\n --pf: 284 22% 73%;\n --sf: 352 70% 81%;\n --af: 158 55% 74%;\n --nf: 199 44% 54%;\n --in: 198 93% 60%;\n --su: 158 64% 52%;\n --wa: 43 96% 56%;\n --er: 0 91% 71%;\n --bc: 146 0% 19%;\n --pc: 284 4% 16%;\n --sc: 352 7% 17%;\n --ac: 158 10% 16%;\n --nc: 200 19% 13%;\n --inc: 198 100% 12%;\n --suc: 158 100% 10%;\n --wac: 43 100% 11%;\n --erc: 0 100% 14%;\n --rounded-box: 1rem;\n --rounded-badge: 1.9rem;\n --animation-btn: 0.25s;\n --animation-input: .2s;\n --btn-text-case: uppercase;\n --btn-focus-scale: 0.95;\n --border-btn: 1px;\n --tab-border: 1px;\n --tab-radius: 0.5rem;\n --p: 284 22% 80%;\n --s: 352 70% 88%;\n --a: 158 55% 81%;\n --n: 199 44% 61%;\n --b1: 0 0% 100%;\n --b2: 210 20% 98%;\n --b3: 216 12% 84%;\n --rounded-btn: 1.9rem;\n}\n\n[data-theme=fantasy] {\n color-scheme: light;\n --pf: 296 83% 18%;\n --sf: 200 100% 30%;\n --af: 31 94% 44%;\n --nf: 215 28% 10%;\n --b2: 0 0% 93%;\n --b3: 0 0% 86%;\n --in: 198 93% 60%;\n --su: 158 64% 52%;\n --wa: 43 96% 56%;\n --er: 0 91% 71%;\n --pc: 302 27% 85%;\n --sc: 212 51% 90%;\n --ac: 28 57% 12%;\n --nc: 218 6% 82%;\n --inc: 198 100% 12%;\n --suc: 158 100% 10%;\n --wac: 43 100% 11%;\n --erc: 0 100% 14%;\n --rounded-box: 1rem;\n --rounded-btn: 0.5rem;\n --rounded-badge: 1.9rem;\n --animation-btn: 0.25s;\n --animation-input: .2s;\n --btn-text-case: uppercase;\n --btn-focus-scale: 0.95;\n --border-btn: 1px;\n --tab-border: 1px;\n --tab-radius: 0.5rem;\n --p: 296 83% 25%;\n --s: 200 100% 37%;\n --a: 31 94% 51%;\n --n: 215 28% 17%;\n --b1: 0 0% 100%;\n --bc: 215 28% 17%;\n}\n\n[data-theme=wireframe] {\n color-scheme: light;\n --pf: 0 0% 65%;\n --sf: 0 0% 65%;\n --af: 0 0% 65%;\n --nf: 0 0% 85%;\n --bc: 146 0% 19%;\n --pc: 145 0% 15%;\n --sc: 145 0% 15%;\n --ac: 145 0% 15%;\n --nc: 145 0% 18%;\n --inc: 263 100% 91%;\n --suc: 105 32% 85%;\n --wac: 58 21% 11%;\n --erc: 17 100% 90%;\n --animation-btn: 0.25s;\n --animation-input: .2s;\n --btn-text-case: uppercase;\n --btn-focus-scale: 0.95;\n --border-btn: 1px;\n --tab-border: 1px;\n font-family: Chalkboard,comic sans ms,"sanssecondaryerif";\n --p: 0 0% 72%;\n --s: 0 0% 72%;\n --a: 0 0% 72%;\n --n: 0 0% 92%;\n --b1: 0 0% 100%;\n --b2: 0 0% 93%;\n --b3: 0 0% 87%;\n --in: 240 100% 50%;\n --su: 120 100% 25%;\n --wa: 60 30% 50%;\n --er: 0 100% 50%;\n --rounded-box: 0.2rem;\n --rounded-btn: 0.2rem;\n --rounded-badge: 0.2rem;\n --tab-radius: 0.2rem;\n}\n\n[data-theme=black] {\n color-scheme: dark;\n --pf: 0 2% 13%;\n --sf: 0 2% 13%;\n --af: 0 2% 13%;\n --bc: 145 0% 78%;\n --pc: 0 1% 82%;\n --sc: 0 1% 82%;\n --ac: 0 1% 82%;\n --nc: 0 0% 81%;\n --inc: 263 100% 91%;\n --suc: 105 32% 85%;\n --wac: 58 45% 13%;\n --erc: 17 100% 90%;\n --border-btn: 1px;\n --tab-border: 1px;\n --p: 0 2% 20%;\n --s: 0 2% 20%;\n --a: 0 2% 20%;\n --b1: 0 0% 0%;\n --b2: 0 0% 5%;\n --b3: 0 2% 10%;\n --n: 0 1% 15%;\n --nf: 0 2% 20%;\n --in: 240 100% 50%;\n --su: 120 100% 25%;\n --wa: 60 100% 50%;\n --er: 0 100% 50%;\n --rounded-box: 0;\n --rounded-btn: 0;\n --rounded-badge: 0;\n --animation-btn: 0;\n --animation-input: 0;\n --btn-text-case: lowercase;\n --btn-focus-scale: 1;\n --tab-radius: 0;\n}\n\n[data-theme=luxury] {\n color-scheme: dark;\n --pf: 0 0% 93%;\n --sf: 218 54% 11%;\n --af: 319 22% 19%;\n --nf: 28 100% 3%;\n --pc: 146 0% 19%;\n --sc: 227 12% 82%;\n --ac: 322 9% 84%;\n --inc: 205 27% 15%;\n --suc: 88 35% 12%;\n --wac: 52 28% 14%;\n --erc: 3 31% 15%;\n --rounded-box: 1rem;\n --rounded-btn: 0.5rem;\n --rounded-badge: 1.9rem;\n --animation-btn: 0.25s;\n --animation-input: .2s;\n --btn-text-case: uppercase;\n --btn-focus-scale: 0.95;\n --border-btn: 1px;\n --tab-border: 1px;\n --tab-radius: 0.5rem;\n --p: 0 0% 100%;\n --s: 218 54% 18%;\n --a: 319 22% 26%;\n --n: 28 100% 10%;\n --nc: 44 100% 82%;\n --b1: 240 10% 4%;\n --b2: 270 4% 9%;\n --b3: 270 2% 18%;\n --bc: 37 67% 58%;\n --in: 202 100% 70%;\n --su: 89 62% 52%;\n --wa: 54 69% 64%;\n --er: 0 100% 72%;\n}\n\n[data-theme=dracula] {\n color-scheme: dark;\n --pf: 326 100% 67%;\n --sf: 265 89% 71%;\n --af: 31 100% 64%;\n --nf: 230 15% 23%;\n --b2: 231 15% 11%;\n --b3: 231 15% 4%;\n --pc: 328 26% 15%;\n --sc: 266 19% 16%;\n --ac: 30 30% 15%;\n --nc: 232 7% 85%;\n --inc: 191 20% 16%;\n --suc: 128 30% 14%;\n --wac: 64 20% 15%;\n --erc: 5 39% 14%;\n --rounded-box: 1rem;\n --rounded-btn: 0.5rem;\n --rounded-badge: 1.9rem;\n --animation-btn: 0.25s;\n --animation-input: .2s;\n --btn-text-case: uppercase;\n --btn-focus-scale: 0.95;\n --border-btn: 1px;\n --tab-border: 1px;\n --tab-radius: 0.5rem;\n --p: 326 100% 74%;\n --s: 265 89% 78%;\n --a: 31 100% 71%;\n --n: 230 15% 30%;\n --b1: 231 15% 18%;\n --bc: 60 30% 96%;\n --in: 191 97% 77%;\n --su: 135 94% 65%;\n --wa: 65 92% 76%;\n --er: 0 100% 67%;\n}\n\n[data-theme=cmyk] {\n color-scheme: light;\n --pf: 203 83% 53%;\n --sf: 335 78% 53%;\n --af: 56 100% 53%;\n --nf: 0 0% 3%;\n --b2: 0 0% 93%;\n --b3: 0 0% 86%;\n --bc: 146 0% 19%;\n --pc: 207 32% 14%;\n --sc: 344 100% 93%;\n --ac: 54 41% 14%;\n --nc: 145 0% 80%;\n --inc: 194 26% 12%;\n --suc: 295 30% 87%;\n --wac: 24 46% 13%;\n --erc: 12 100% 91%;\n --rounded-box: 1rem;\n --rounded-btn: 0.5rem;\n --rounded-badge: 1.9rem;\n --animation-btn: 0.25s;\n --animation-input: .2s;\n --btn-text-case: uppercase;\n --btn-focus-scale: 0.95;\n --border-btn: 1px;\n --tab-border: 1px;\n --tab-radius: 0.5rem;\n --p: 203 83% 60%;\n --s: 335 78% 60%;\n --a: 56 100% 60%;\n --n: 0 0% 10%;\n --b1: 0 0% 100%;\n --in: 192 48% 52%;\n --su: 291 48% 38%;\n --wa: 25 85% 57%;\n --er: 4 81% 56%;\n}\n\n[data-theme=autumn] {\n color-scheme: light;\n --pf: 344 96% 21%;\n --sf: 0 63% 51%;\n --af: 27 56% 56%;\n --nf: 22 17% 37%;\n --b2: 0 0% 88%;\n --b3: 0 0% 81%;\n --bc: 145 0% 18%;\n --pc: 2 46% 87%;\n --sc: 6 87% 92%;\n --ac: 27 25% 13%;\n --nc: 21 15% 88%;\n --inc: 188 26% 12%;\n --suc: 161 25% 89%;\n --wac: 28 55% 12%;\n --erc: 8 100% 91%;\n --rounded-box: 1rem;\n --rounded-btn: 0.5rem;\n --rounded-badge: 1.9rem;\n --animation-btn: 0.25s;\n --animation-input: .2s;\n --btn-text-case: uppercase;\n --btn-focus-scale: 0.95;\n --border-btn: 1px;\n --tab-border: 1px;\n --tab-radius: 0.5rem;\n --p: 344 96% 28%;\n --s: 0 63% 58%;\n --a: 27 56% 63%;\n --n: 22 17% 44%;\n --b1: 0 0% 95%;\n --in: 187 48% 50%;\n --su: 165 34% 43%;\n --wa: 30 84% 50%;\n --er: 354 79% 49%;\n}\n\n[data-theme=business] {\n color-scheme: dark;\n --pf: 210 64% 24%;\n --sf: 200 13% 48%;\n --af: 13 80% 53%;\n --nf: 213 14% 9%;\n --b2: 0 0% 6%;\n --b3: 0 0% 0%;\n --bc: 145 0% 80%;\n --pc: 219 26% 86%;\n --sc: 200 7% 12%;\n --ac: 14 40% 13%;\n --nc: 214 3% 81%;\n --inc: 210 64% 91%;\n --suc: 141 16% 12%;\n --wac: 37 30% 13%;\n --erc: 11 59% 89%;\n --animation-btn: 0.25s;\n --animation-input: .2s;\n --btn-text-case: uppercase;\n --btn-focus-scale: 0.95;\n --border-btn: 1px;\n --tab-border: 1px;\n --tab-radius: 0.5rem;\n --p: 210 64% 31%;\n --s: 200 13% 55%;\n --a: 13 80% 60%;\n --n: 213 14% 16%;\n --b1: 0 0% 13%;\n --in: 199 100% 42%;\n --su: 144 31% 56%;\n --wa: 39 64% 60%;\n --er: 6 56% 43%;\n --rounded-box: 0.25rem;\n --rounded-btn: .125rem;\n --rounded-badge: .125rem;\n}\n\n[data-theme=acid] {\n color-scheme: light;\n --pf: 303 100% 43%;\n --sf: 27 100% 43%;\n --af: 72 98% 43%;\n --nf: 238 43% 10%;\n --b2: 0 0% 91%;\n --b3: 0 0% 84%;\n --bc: 145 0% 19%;\n --pc: 302 100% 93%;\n --sc: 25 62% 12%;\n --ac: 73 44% 13%;\n --nc: 248 11% 82%;\n --inc: 217 36% 14%;\n --suc: 145 23% 13%;\n --wac: 50 42% 13%;\n --erc: 15 100% 90%;\n --animation-btn: 0.25s;\n --animation-input: .2s;\n --btn-text-case: uppercase;\n --btn-focus-scale: 0.95;\n --border-btn: 1px;\n --tab-border: 1px;\n --tab-radius: 0.5rem;\n --p: 303 100% 50%;\n --s: 27 100% 50%;\n --a: 72 98% 50%;\n --n: 238 43% 17%;\n --b1: 0 0% 98%;\n --in: 210 92% 58%;\n --su: 149 50% 58%;\n --wa: 53 93% 57%;\n --er: 1 100% 45%;\n --rounded-box: 1.25rem;\n --rounded-btn: 1rem;\n --rounded-badge: 1rem;\n}\n\n[data-theme=lemonade] {\n color-scheme: light;\n --pf: 89 96% 24%;\n --sf: 60 81% 48%;\n --af: 63 80% 81%;\n --nf: 238 43% 10%;\n --b2: 0 0% 93%;\n --b3: 0 0% 86%;\n --bc: 146 0% 19%;\n --pc: 89 39% 87%;\n --sc: 58 39% 13%;\n --ac: 62 8% 17%;\n --nc: 248 11% 82%;\n --inc: 192 5% 17%;\n --suc: 74 15% 16%;\n --wac: 49 21% 15%;\n --erc: 2 11% 16%;\n --rounded-box: 1rem;\n --rounded-btn: 0.5rem;\n --rounded-badge: 1.9rem;\n --animation-btn: 0.25s;\n --animation-input: .2s;\n --btn-text-case: uppercase;\n --btn-focus-scale: 0.95;\n --border-btn: 1px;\n --tab-border: 1px;\n --tab-radius: 0.5rem;\n --p: 89 96% 31%;\n --s: 60 81% 55%;\n --a: 63 80% 88%;\n --n: 238 43% 17%;\n --b1: 0 0% 100%;\n --in: 192 39% 85%;\n --su: 74 76% 79%;\n --wa: 50 87% 75%;\n --er: 1 70% 83%;\n}\n\n[data-theme=night] {\n color-scheme: dark;\n --pf: 198 93% 53%;\n --sf: 234 89% 67%;\n --af: 329 86% 63%;\n --b2: 222 47% 4%;\n --b3: 0 0% 0%;\n --bc: 229 7% 80%;\n --pc: 202 34% 14%;\n --sc: 239 22% 15%;\n --ac: 332 26% 15%;\n --nc: 221 7% 82%;\n --suc: 169 31% 13%;\n --wac: 39 36% 14%;\n --erc: 354 28% 15%;\n --rounded-box: 1rem;\n --rounded-btn: 0.5rem;\n --rounded-badge: 1.9rem;\n --animation-btn: 0.25s;\n --animation-input: .2s;\n --btn-text-case: uppercase;\n --btn-focus-scale: 0.95;\n --border-btn: 1px;\n --tab-border: 1px;\n --tab-radius: 0.5rem;\n --p: 198 93% 60%;\n --s: 234 89% 74%;\n --a: 329 86% 70%;\n --n: 217 33% 17%;\n --nf: 217 30% 22%;\n --b1: 222 47% 11%;\n --in: 198 90% 48%;\n --inc: 0 0% 0%;\n --su: 172 66% 50%;\n --wa: 41 88% 64%;\n --er: 351 95% 71%;\n}\n\n[data-theme=coffee] {\n color-scheme: dark;\n --pf: 30 67% 51%;\n --sf: 182 25% 13%;\n --af: 194 74% 18%;\n --nf: 0 0% 0%;\n --b2: 306 19% 4%;\n --b3: 0 0% 0%;\n --pc: 28 35% 13%;\n --sc: 182 6% 83%;\n --ac: 199 20% 85%;\n --nc: 300 1% 79%;\n --inc: 170 12% 14%;\n --suc: 92 11% 13%;\n --wac: 41 33% 14%;\n --erc: 11 25% 15%;\n --rounded-box: 1rem;\n --rounded-btn: 0.5rem;\n --rounded-badge: 1.9rem;\n --animation-btn: 0.25s;\n --animation-input: .2s;\n --btn-text-case: uppercase;\n --btn-focus-scale: 0.95;\n --border-btn: 1px;\n --tab-border: 1px;\n --tab-radius: 0.5rem;\n --p: 30 67% 58%;\n --s: 182 25% 20%;\n --a: 194 74% 25%;\n --n: 300 20% 6%;\n --b1: 306 19% 11%;\n --bc: 37 8% 42%;\n --in: 171 37% 67%;\n --su: 93 25% 62%;\n --wa: 43 100% 69%;\n --er: 10 95% 75%;\n}\n\n[data-theme=winter] {\n color-scheme: light;\n --pf: 212 100% 44%;\n --sf: 247 47% 36%;\n --af: 310 49% 45%;\n --nf: 217 92% 3%;\n --pc: 231 100% 93%;\n --sc: 256 40% 88%;\n --ac: 316 56% 91%;\n --nc: 229 10% 80%;\n --inc: 192 18% 16%;\n --suc: 181 16% 14%;\n --wac: 32 9% 16%;\n --erc: 2 19% 15%;\n --rounded-box: 1rem;\n --rounded-btn: 0.5rem;\n --rounded-badge: 1.9rem;\n --animation-btn: 0.25s;\n --animation-input: .2s;\n --btn-text-case: uppercase;\n --btn-focus-scale: 0.95;\n --border-btn: 1px;\n --tab-border: 1px;\n --tab-radius: 0.5rem;\n --p: 212 100% 51%;\n --s: 247 47% 43%;\n --a: 310 49% 52%;\n --n: 217 92% 10%;\n --b1: 0 0% 100%;\n --b2: 217 100% 97%;\n --b3: 219 44% 92%;\n --bc: 214 30% 32%;\n --in: 192 93% 78%;\n --su: 182 47% 66%;\n --wa: 32 62% 84%;\n --er: 0 63% 72%;\n}\n\n#aion-ui *, #aion-ui ::before, #aion-ui ::after {\n --tw-border-spacing-x: 0;\n --tw-border-spacing-y: 0;\n --tw-translate-x: 0;\n --tw-translate-y: 0;\n --tw-rotate: 0;\n --tw-skew-x: 0;\n --tw-skew-y: 0;\n --tw-scale-x: 1;\n --tw-scale-y: 1;\n --tw-pan-x: ;\n --tw-pan-y: ;\n --tw-pinch-zoom: ;\n --tw-scroll-snap-strictness: proximity;\n --tw-gradient-from-position: ;\n --tw-gradient-via-position: ;\n --tw-gradient-to-position: ;\n --tw-ordinal: ;\n --tw-slashed-zero: ;\n --tw-numeric-figure: ;\n --tw-numeric-spacing: ;\n --tw-numeric-fraction: ;\n --tw-ring-inset: ;\n --tw-ring-offset-width: 0px;\n --tw-ring-offset-color: #fff;\n --tw-ring-color: rgb(59 130 246 / 0.5);\n --tw-ring-offset-shadow: 0 0 #0000;\n --tw-ring-shadow: 0 0 #0000;\n --tw-shadow: 0 0 #0000;\n --tw-shadow-colored: 0 0 #0000;\n --tw-blur: ;\n --tw-brightness: ;\n --tw-contrast: ;\n --tw-grayscale: ;\n --tw-hue-rotate: ;\n --tw-invert: ;\n --tw-saturate: ;\n --tw-sepia: ;\n --tw-drop-shadow: ;\n --tw-backdrop-blur: ;\n --tw-backdrop-brightness: ;\n --tw-backdrop-contrast: ;\n --tw-backdrop-grayscale: ;\n --tw-backdrop-hue-rotate: ;\n --tw-backdrop-invert: ;\n --tw-backdrop-opacity: ;\n --tw-backdrop-saturate: ;\n --tw-backdrop-sepia: ;\n}\n\n#aion-ui ::backdrop {\n --tw-border-spacing-x: 0;\n --tw-border-spacing-y: 0;\n --tw-translate-x: 0;\n --tw-translate-y: 0;\n --tw-rotate: 0;\n --tw-skew-x: 0;\n --tw-skew-y: 0;\n --tw-scale-x: 1;\n --tw-scale-y: 1;\n --tw-pan-x: ;\n --tw-pan-y: ;\n --tw-pinch-zoom: ;\n --tw-scroll-snap-strictness: proximity;\n --tw-gradient-from-position: ;\n --tw-gradient-via-position: ;\n --tw-gradient-to-position: ;\n --tw-ordinal: ;\n --tw-slashed-zero: ;\n --tw-numeric-figure: ;\n --tw-numeric-spacing: ;\n --tw-numeric-fraction: ;\n --tw-ring-inset: ;\n --tw-ring-offset-width: 0px;\n --tw-ring-offset-color: #fff;\n --tw-ring-color: rgb(59 130 246 / 0.5);\n --tw-ring-offset-shadow: 0 0 #0000;\n --tw-ring-shadow: 0 0 #0000;\n --tw-shadow: 0 0 #0000;\n --tw-shadow-colored: 0 0 #0000;\n --tw-blur: ;\n --tw-brightness: ;\n --tw-contrast: ;\n --tw-grayscale: ;\n --tw-hue-rotate: ;\n --tw-invert: ;\n --tw-saturate: ;\n --tw-sepia: ;\n --tw-drop-shadow: ;\n --tw-backdrop-blur: ;\n --tw-backdrop-brightness: ;\n --tw-backdrop-contrast: ;\n --tw-backdrop-grayscale: ;\n --tw-backdrop-hue-rotate: ;\n --tw-backdrop-invert: ;\n --tw-backdrop-opacity: ;\n --tw-backdrop-saturate: ;\n --tw-backdrop-sepia: ;\n}\n#aion-ui .prose {\n color: var(--tw-prose-body);\n max-width: 65ch;\n}\n#aion-ui .prose :where(p):not(:where([class~="not-prose"] *)) {\n margin-top: 1.25em;\n margin-bottom: 1.25em;\n}\n#aion-ui .prose :where([class~="lead"]):not(:where([class~="not-prose"] *)) {\n color: var(--tw-prose-lead)