@inploi/plugin-job-alerts 0.0.5 → 0.0.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/cdn/index.js +1 -1
- package/dist/plugin-job-alerts.cjs +3 -2
- package/dist/plugin-job-alerts.js +3 -2
- package/package.json +1 -1
package/cdn/index.js
CHANGED
|
@@ -41,5 +41,5 @@
|
|
|
41
41
|
`)},nc=0,He=[];function rc(e){var t=A([]),n=A([0,0]),r=A(),o=T(nc++)[0],i=T(function(){return jo()})[0],a=A(e);D(function(){a.current=e},[e]),D(function(){if(e.inert){document.body.classList.add("block-interactivity-".concat(o));var h=Es([e.lockRef.current],(e.shards||[]).map(Fo),!0).filter(Boolean);return h.forEach(function(v){return v.classList.add("allow-interactivity-".concat(o))}),function(){document.body.classList.remove("block-interactivity-".concat(o)),h.forEach(function(v){return v.classList.remove("allow-interactivity-".concat(o))})}}},[e.inert,e.lockRef.current,e.shards]);var s=W(function(h,v){if("touches"in h&&h.touches.length===2)return!a.current.allowPinchZoom;var m=Pt(h),w=n.current,g="deltaX"in h?h.deltaX:w[0]-m[0],y="deltaY"in h?h.deltaY:w[1]-m[1],b,S=h.target,P=Math.abs(g)>Math.abs(y)?"h":"v";if("touches"in h&&P==="h"&&S.type==="range")return!1;var $=Do(P,S);if(!$)return!0;if($?b=P:(b=P==="v"?"h":"v",$=Do(P,S)),!$)return!1;if(!r.current&&"changedTouches"in h&&(g||y)&&(r.current=b),!b)return!0;var E=r.current||b;return Qs(E,v,h,E==="h"?g:y,!0)},[]),u=W(function(h){var v=h;if(!(!He.length||He[He.length-1]!==i)){var m="deltaY"in v?Lo(v):Pt(v),w=t.current.filter(function(b){return b.name===v.type&&b.target===v.target&&ec(b.delta,m)})[0];if(w&&w.should){v.cancelable&&v.preventDefault();return}if(!w){var g=(a.current.shards||[]).map(Fo).filter(Boolean).filter(function(b){return b.contains(v.target)}),y=g.length>0?s(v,g[0]):!a.current.noIsolation;y&&v.cancelable&&v.preventDefault()}}},[]),l=W(function(h,v,m,w){var g={name:h,delta:v,target:m,should:w};t.current.push(g),setTimeout(function(){t.current=t.current.filter(function(y){return y!==g})},1)},[]),d=W(function(h){n.current=Pt(h),r.current=void 0},[]),c=W(function(h){l(h.type,Lo(h),h.target,s(h,e.lockRef.current))},[]),p=W(function(h){l(h.type,Pt(h),h.target,s(h,e.lockRef.current))},[]);D(function(){return He.push(i),e.setCallbacks({onScrollCapture:c,onWheelCapture:c,onTouchMoveCapture:p}),document.addEventListener("wheel",u,Me),document.addEventListener("touchmove",u,Me),document.addEventListener("touchstart",d,Me),function(){He=He.filter(function(h){return h!==i}),document.removeEventListener("wheel",u,Me),document.removeEventListener("touchmove",u,Me),document.removeEventListener("touchstart",d,Me)}},[]);var f=e.removeScrollBar,_=e.inert;return k(M,null,_?k(i,{styles:tc(o)}):null,f?k(Ys,{gapMode:"margin"}):null)}const oc=Rs(Ao,rc);var Mo=z(function(e,t){return k(Ct,Q({},e,{ref:t,sideCar:oc}))});Mo.classNames=Ct.classNames;const ic=Mo,Ho="Popover",[Wo,rl]=Br(Ho,[xo]),wn=xo(),[ac,We]=Wo(Ho),sc=e=>{const{__scopePopover:t,children:n,open:r,defaultOpen:o,onOpenChange:i,modal:a=!1}=e,s=wn(t),u=A(null),[l,d]=T(!1),[c=!1,p]=gs({prop:r,defaultProp:o,onChange:i});return k(ps,s,k(ac,{scope:t,contentId:da(),triggerRef:u,open:c,onOpenChange:p,onOpenToggle:W(()=>p(f=>!f),[p]),hasCustomAnchor:l,onCustomAnchorAdd:W(()=>d(!0),[]),onCustomAnchorRemove:W(()=>d(!1),[]),modal:a},n))},cc="PopoverTrigger",lc=z((e,t)=>{const{__scopePopover:n,...r}=e,o=We(cc,n),i=wn(n),a=ke(t,o.triggerRef),s=k(je.button,U({type:"button","aria-haspopup":"dialog","aria-expanded":o.open,"aria-controls":o.contentId,"data-state":Io(o.open)},r,{ref:a,onClick:$e(e.onClick,o.onOpenToggle)}));return o.hasCustomAnchor?s:k(hs,U({asChild:!0},i),s)}),Uo="PopoverPortal",[uc,fc]=Wo(Uo,{forceMount:void 0}),dc=e=>{const{__scopePopover:t,forceMount:n,children:r,container:o}=e,i=We(Uo,t);return k(uc,{scope:t,forceMount:n},k(pn,{present:n||i.open},k(_s,{asChild:!0,container:o},r)))},et="PopoverContent",pc=z((e,t)=>{const n=fc(et,e.__scopePopover),{forceMount:r=n.forceMount,...o}=e,i=We(et,e.__scopePopover);return k(pn,{present:r||i.open},i.modal?k(hc,U({},o,{ref:t})):k(vc,U({},o,{ref:t})))}),hc=z((e,t)=>{const n=We(et,e.__scopePopover),r=A(null),o=ke(t,r),i=A(!1);return D(()=>{const a=r.current;if(a)return ks(a)},[]),k(ic,{as:Jt,allowPinchZoom:!0},k(zo,U({},e,{ref:o,trapFocus:n.open,disableOutsidePointerEvents:!0,onCloseAutoFocus:$e(e.onCloseAutoFocus,a=>{var s;a.preventDefault(),i.current||(s=n.triggerRef.current)===null||s===void 0||s.focus()}),onPointerDownOutside:$e(e.onPointerDownOutside,a=>{const s=a.detail.originalEvent,u=s.button===0&&s.ctrlKey===!0,l=s.button===2||u;i.current=l},{checkForDefaultPrevented:!1}),onFocusOutside:$e(e.onFocusOutside,a=>a.preventDefault(),{checkForDefaultPrevented:!1})})))}),vc=z((e,t)=>{const n=We(et,e.__scopePopover),r=A(!1),o=A(!1);return k(zo,U({},e,{ref:t,trapFocus:!1,disableOutsidePointerEvents:!1,onCloseAutoFocus:i=>{var a;if((a=e.onCloseAutoFocus)===null||a===void 0||a.call(e,i),!i.defaultPrevented){var s;r.current||(s=n.triggerRef.current)===null||s===void 0||s.focus(),i.preventDefault()}r.current=!1,o.current=!1},onInteractOutside:i=>{var a,s;(a=e.onInteractOutside)===null||a===void 0||a.call(e,i),i.defaultPrevented||(r.current=!0,i.detail.originalEvent.type==="pointerdown"&&(o.current=!0));const u=i.target;((s=n.triggerRef.current)===null||s===void 0?void 0:s.contains(u))&&i.preventDefault(),i.detail.originalEvent.type==="focusin"&&o.current&&i.preventDefault()}}))}),zo=z((e,t)=>{const{__scopePopover:n,trapFocus:r,onOpenAutoFocus:o,onCloseAutoFocus:i,disableOutsidePointerEvents:a,onEscapeKeyDown:s,onPointerDownOutside:u,onFocusOutside:l,onInteractOutside:d,...c}=e,p=We(et,n),f=wn(n);return na(),k(ra,{asChild:!0,loop:!0,trapped:r,onMountAutoFocus:o,onUnmountAutoFocus:i},k(Qi,{asChild:!0,disableOutsidePointerEvents:a,onInteractOutside:d,onEscapeKeyDown:s,onPointerDownOutside:u,onFocusOutside:l,onDismiss:()=>p.onOpenChange(!1)},k(vs,U({"data-state":Io(p.open),role:"dialog",id:p.contentId},f,c,{ref:t,style:{...c.style,"--radix-popover-content-transform-origin":"var(--radix-popper-transform-origin)","--radix-popover-content-available-width":"var(--radix-popper-available-width)","--radix-popover-content-available-height":"var(--radix-popper-available-height)","--radix-popover-trigger-width":"var(--radix-popper-anchor-width)","--radix-popover-trigger-height":"var(--radix-popper-anchor-height)"}}))))});function Io(e){return e?"open":"closed"}const _c=sc,mc=lc,wc=dc,gc=pc;function Bo(e){var t,n,r="";if(typeof e=="string"||typeof e=="number")r+=e;else if(typeof e=="object")if(Array.isArray(e))for(t=0;t<e.length;t++)e[t]&&(n=Bo(e[t]))&&(r&&(r+=" "),r+=n);else for(t in e)e[t]&&(r&&(r+=" "),r+=t);return r}function Vo(){for(var e,t,n=0,r="";n<arguments.length;)(e=arguments[n++])&&(t=Bo(e))&&(r&&(r+=" "),r+=t);return r}function At(){throw new Error("Cycle detected")}var yc=Symbol.for("preact-signals");function gn(){if(Ue>1)Ue--;else{for(var e,t=!1;tt!==void 0;){var n=tt;for(tt=void 0,yn++;n!==void 0;){var r=n.o;if(n.o=void 0,n.f&=-3,!(8&n.f)&&Xo(n))try{n.c()}catch(o){t||(e=o,t=!0)}n=r}}if(yn=0,Ue--,t)throw e}}var N=void 0,tt=void 0,Ue=0,yn=0,Ot=0;function Yo(e){if(N!==void 0){var t=e.n;if(t===void 0||t.t!==N)return t={i:0,S:e,p:N.s,n:void 0,t:N,e:void 0,x:void 0,r:t},N.s!==void 0&&(N.s.n=t),N.s=t,e.n=t,32&N.f&&e.S(t),t;if(t.i===-1)return t.i=0,t.n!==void 0&&(t.n.p=t.p,t.p!==void 0&&(t.p.n=t.n),t.p=N.s,t.n=void 0,N.s.n=t,N.s=t),t}}function I(e){this.v=e,this.i=0,this.n=void 0,this.t=void 0}I.prototype.brand=yc,I.prototype.h=function(){return!0},I.prototype.S=function(e){this.t!==e&&e.e===void 0&&(e.x=this.t,this.t!==void 0&&(this.t.e=e),this.t=e)},I.prototype.U=function(e){if(this.t!==void 0){var t=e.e,n=e.x;t!==void 0&&(t.x=n,e.e=void 0),n!==void 0&&(n.e=t,e.x=void 0),e===this.t&&(this.t=n)}},I.prototype.subscribe=function(e){var t=this;return $n(function(){var n=t.value,r=32&this.f;this.f&=-33;try{e(n)}finally{this.f|=r}})},I.prototype.valueOf=function(){return this.value},I.prototype.toString=function(){return this.value+""},I.prototype.toJSON=function(){return this.value},I.prototype.peek=function(){return this.v},Object.defineProperty(I.prototype,"value",{get:function(){var e=Yo(this);return e!==void 0&&(e.i=this.i),this.v},set:function(e){if(N instanceof ve&&function(){throw new Error("Computed cannot have side-effects")}(),e!==this.v){yn>100&&At(),this.v=e,this.i++,Ot++,Ue++;try{for(var t=this.t;t!==void 0;t=t.x)t.t.N()}finally{gn()}}}});function bn(e){return new I(e)}function Xo(e){for(var t=e.s;t!==void 0;t=t.n)if(t.S.i!==t.i||!t.S.h()||t.S.i!==t.i)return!0;return!1}function Ko(e){for(var t=e.s;t!==void 0;t=t.n){var n=t.S.n;if(n!==void 0&&(t.r=n),t.S.n=t,t.i=-1,t.n===void 0){e.s=t;break}}}function qo(e){for(var t=e.s,n=void 0;t!==void 0;){var r=t.p;t.i===-1?(t.S.U(t),r!==void 0&&(r.n=t.n),t.n!==void 0&&(t.n.p=r)):n=t,t.S.n=t.r,t.r!==void 0&&(t.r=void 0),t=r}e.s=n}function ve(e){I.call(this,void 0),this.x=e,this.s=void 0,this.g=Ot-1,this.f=4}(ve.prototype=new I).h=function(){if(this.f&=-3,1&this.f)return!1;if((36&this.f)==32||(this.f&=-5,this.g===Ot))return!0;if(this.g=Ot,this.f|=1,this.i>0&&!Xo(this))return this.f&=-2,!0;var e=N;try{Ko(this),N=this;var t=this.x();(16&this.f||this.v!==t||this.i===0)&&(this.v=t,this.f&=-17,this.i++)}catch(n){this.v=n,this.f|=16,this.i++}return N=e,qo(this),this.f&=-2,!0},ve.prototype.S=function(e){if(this.t===void 0){this.f|=36;for(var t=this.s;t!==void 0;t=t.n)t.S.S(t)}I.prototype.S.call(this,e)},ve.prototype.U=function(e){if(this.t!==void 0&&(I.prototype.U.call(this,e),this.t===void 0)){this.f&=-33;for(var t=this.s;t!==void 0;t=t.n)t.S.U(t)}},ve.prototype.N=function(){if(!(2&this.f)){this.f|=6;for(var e=this.t;e!==void 0;e=e.x)e.t.N()}},ve.prototype.peek=function(){if(this.h()||At(),16&this.f)throw this.v;return this.v},Object.defineProperty(ve.prototype,"value",{get:function(){1&this.f&&At();var e=Yo(this);if(this.h(),e!==void 0&&(e.i=this.i),16&this.f)throw this.v;return this.v}});function bc(e){return new ve(e)}function Zo(e){var t=e.u;if(e.u=void 0,typeof t=="function"){Ue++;var n=N;N=void 0;try{t()}catch(r){throw e.f&=-2,e.f|=8,xn(e),r}finally{N=n,gn()}}}function xn(e){for(var t=e.s;t!==void 0;t=t.n)t.S.U(t);e.x=void 0,e.s=void 0,Zo(e)}function xc(e){if(N!==this)throw new Error("Out-of-order effect");qo(this),N=e,this.f&=-2,8&this.f&&xn(this),gn()}function nt(e){this.x=e,this.u=void 0,this.s=void 0,this.o=void 0,this.f=32}nt.prototype.c=function(){var e=this.S();try{if(8&this.f||this.x===void 0)return;var t=this.x();typeof t=="function"&&(this.u=t)}finally{e()}},nt.prototype.S=function(){1&this.f&&At(),this.f|=1,this.f&=-9,Zo(this),Ko(this),Ue++;var e=N;return N=this,xc.bind(this,e)},nt.prototype.N=function(){2&this.f||(this.f|=2,this.o=tt,tt=this)},nt.prototype.d=function(){this.f|=8,1&this.f||xn(this)};function $n(e){var t=new nt(e);try{t.c()}catch(n){throw t.d(),n}return t.d.bind(t)}var kn;function ze(e,t){x[e]=t.bind(null,x[e]||function(){})}function jt(e){kn&&kn(),kn=e&&e.S()}function Go(e){var t=this,n=e.data,r=kc(n);r.value=n;var o=V(function(){for(var i=t.__v;i=i.__;)if(i.__c){i.__c.__$f|=4;break}return t.__$u.c=function(){var a;!jn(o.peek())&&((a=t.base)==null?void 0:a.nodeType)===3?t.base.data=o.peek():(t.__$f|=1,t.setState({}))},bc(function(){var a=r.value.value;return a===0?0:a===!0?"":a||""})},[]);return o.value}Go.displayName="_st",Object.defineProperties(I.prototype,{constructor:{configurable:!0,value:void 0},type:{configurable:!0,value:Go},props:{configurable:!0,get:function(){return{data:this}}},__b:{configurable:!0,value:1}}),ze("__b",function(e,t){if(typeof t.type=="string"){var n,r=t.props;for(var o in r)if(o!=="children"){var i=r[o];i instanceof I&&(n||(t.__np=n={}),n[o]=i,r[o]=i.peek())}}e(t)}),ze("__r",function(e,t){jt();var n,r=t.__c;r&&(r.__$f&=-2,(n=r.__$u)===void 0&&(r.__$u=n=function(o){var i;return $n(function(){i=this}),i.c=function(){r.__$f|=1,r.setState({})},i}())),jt(n),e(t)}),ze("__e",function(e,t,n,r){jt(),e(t,n,r)}),ze("diffed",function(e,t){jt();var n;if(typeof t.type=="string"&&(n=t.__e)){var r=t.__np,o=t.props;if(r){var i=n.U;if(i)for(var a in i){var s=i[a];s!==void 0&&!(a in r)&&(s.d(),i[a]=void 0)}else n.U=i={};for(var u in r){var l=i[u],d=r[u];l===void 0?(l=$c(n,u,d,o),i[u]=l):l.o(d,o)}}}e(t)});function $c(e,t,n,r){var o=t in e&&e.ownerSVGElement===void 0,i=bn(n);return{o:function(a,s){i.value=a,r=s},d:$n(function(){var a=i.value.value;r[t]!==a&&(r[t]=a,o?e[t]=a:a?e.setAttribute(t,a):e.removeAttribute(t))})}}ze("unmount",function(e,t){if(typeof t.type=="string"){var n=t.__e;if(n){var r=n.U;if(r){n.U=void 0;for(var o in r){var i=r[o];i&&i.d()}}}}else{var a=t.__c;if(a){var s=a.__$u;s&&(a.__$u=void 0,s.d())}}e(t)}),ze("__h",function(e,t,n,r){(r<3||r===9)&&(t.__$f|=2),e(t,n,r)}),q.prototype.shouldComponentUpdate=function(e,t){var n=this.__$u;if(!(n&&n.s!==void 0||4&this.__$f)||3&this.__$f)return!0;for(var r in t)return!0;for(var o in e)if(o!=="__source"&&e[o]!==this.props[o])return!0;for(var i in this.props)if(!(i in e))return!0;return!1};function kc(e){return V(function(){return bn(e)},[])}const Jo={filters$:bn({})},Qo="inploi-job-alerts",Ec="ija";var Cc=["1","2","3","4","5","6","7","8","9","10","11","12"],Sc={light:{1:[98.8,.015],2:[97.8,.018],3:[95.8,.025],4:[92,.04],5:[89,.05],6:[85,.07],7:[80.5,.08],8:[74,.11],9:[60,.22],10:[56,.23],11:[50,.19],12:[25,.18]},dark:{1:[19,.015],2:[21,.018],3:[25.5,.055],4:[29.3,.084],5:[33.5,.098],6:[39.05,.107],7:[45,.11],8:[55,.13],9:[60,.22],10:[67,.18],11:[79.3,.12],12:[95,.04]}},Pc=(e,t=1,n)=>r=>{const[o,i]=Sc[n][r];return"oklch("+o+"% "+i*t+" "+e+")"},ei=e=>{const t=Pc(e.hue,e.chroma,e.mode);return Object.fromEntries(Cc.map(n=>[e.prefix+n,e.transform(t(n))]))},ti=e=>e,Ac=e=>{const t=Object.keys(e).flatMap(n=>{const r=e[n];return typeof r=="object"&&r!==null?Object.keys(r).map(o=>{const i=r[o];return[`${String(n)}.${o}`,i]}):[[n,r]]});return Object.fromEntries(t)},Tt=e=>!!e&&typeof e=="object"&&!Array.isArray(e),En=(e,...t)=>{if(!t.length)return e;const n=t.shift();if(Tt(e)&&Tt(n))for(const r in n){const o=n[r];if(Tt(o)){e[r]||Object.assign(e,{[r]:{}});const i=e[r];Tt(i)&&En(i,o)}else Object.assign(e,{[r]:n[r]})}return En(e,...t)},Oc=e=>{function t(n,r){const o=[e.prefix,r.toString().replace(/\./g,"-")].join("");return n==="declaration"?`--${o}`:`var(--${o})`}return t},jc=()=>({core:e=>({semantic:t=>({component:n=>({from:r=>{const{theme:o,getToken:i}=r,a=p=>i("reference",p.toString()),s=e({theme:o}),u=t({theme:o,core:a,raw:{core:s}}),l=n({theme:o,core:a,semantic:a,raw:{core:s,semantic:u}}),d=Ac(En(s,u,l)),c=([p,f],_)=>{const h=[_,p].filter(Boolean).join(".");return typeof f=="object"?Object.entries(f).flatMap(v=>c(v,h)):[[r.getToken("declaration",h),f]]};return{values:d,declarations:Object.fromEntries(Object.entries(d).flatMap(p=>c(p))),ref:p=>i("reference",p.toString())}}})})})});const[Cn,Sn,Tc]=["oklch(0 0 0)","oklch(100 0 0)","transparent"],Dc=jc().core(({theme:e})=>({color:{transparent:Tc,black:Cn,white:Sn,lowest:e.mode==="light"?Sn:Cn,highest:e.mode==="light"?Cn:Sn,...ei({prefix:"a-",hue:e.accent.hue,chroma:e.accent.chroma,mode:e.mode,transform:ti}),...ei({prefix:"n-",hue:e.accent.hue,chroma:.05,mode:e.mode,transform:ti})},radius:{base:e.corners==="rounded"?".25rem":e.corners==="soft"?".125rem":"0",multiplier:e.corners==="rounded"?"0.5rem":e.corners==="soft"?"0.175rem":"0"},duration:{snappy:".4s",medium:".6s",slow:".9s"}})).semantic(({core:e})=>({radius:{sm:`calc(${e("radius.base")} + (0 * ${e("radius.multiplier")}))`,md:`calc(${e("radius.base")} + (1 * ${e("radius.multiplier")}))`,lg:`calc(${e("radius.base")} + (2 * ${e("radius.multiplier")}))`,xl:`calc(${e("radius.base")} + (3 * ${e("radius.multiplier")}))`}})).component(()=>({})),Rc=Oc({prefix:"i-"}),Nc=e=>{const t=Dc.from({theme:e,getToken:Rc}),n=Object.entries(t.declarations).map(([r,o])=>`${r}: ${o};`);return`#${Ec} {
|
|
42
42
|
${n.concat(n).join(`
|
|
43
43
|
`)}
|
|
44
|
-
}`},ni=e=>{const t=[];return t.push(e.corners),t.push(e.highlights),t.push(e.mode),t},Lc=({error:e})=>e?C("div",{role:"alert",class:"flex max-w-full items-start gap-1.5 px-2 py-2 text-[#E5484D]",children:[C("svg",{class:"mt-0.5 h-4 w-4 flex-none",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[C("circle",{cx:"8",cy:"8",r:"6.3",stroke:"currentColor","stroke-width":"1.4"}),C("rect",{x:"7",y:"4",width:"2",height:"5",fill:"currentColor"}),C("rect",{x:"7",y:"10",width:"2",height:"2",fill:"currentColor"})]}),C("p",{class:"pr-1 text-sm",children:e})]}):null,Pn="rounded-field-input bg-neutral-1 text-accent-11 autofill:shadow-[inset_0_0_0_1000px_var(--i-color-a-2)] autofill:focus:shadow-[inset_0_0_0_1000px_var(--i-color-a-1)] px-3 py-2 ring ring-[1px] transition-all ease-expo-out duration-snappy ring-neutral-4 fr inline-flex w-full items-center justify-center px-2.5 text-base shadow-[0_0_0_1px] outline-none focus:shadow-[0_0_0_2px]",Fc=e=>typeof e=="string"?e:typeof e=="object"&&e!==null&&"message"in e&&typeof e.message=="string"?e.message:"Failed to create alert. Please try again later.";function ri(){}const Mc=({theme:e,config:t,apiClient:n,logger:r})=>{const[o,i]=T("idle"),[a,s]=T(),u=async l=>{var h,v,m;if(l.preventDefault(),o!=="idle")return;const d=new FormData(l.currentTarget),c=(h=d.get("name"))==null?void 0:h.toString(),[p,...f]=(c==null?void 0:c.split(" "))??[],_=f.join(" ");i("loading"),await Promise.all([new Promise(w=>setTimeout(w,1e3)),n.fetch("/search/save",{method:"POST",body:JSON.stringify({contact:{email:(v=d.get("email"))==null?void 0:v.toString(),first_name:p,last_name:_},alerts:(m=d.get("frequency"))==null?void 0:m.toString(),filters:Jo.filters$.peek()})})]).then(async()=>{i("success"),await new Promise(w=>setTimeout(w,1e3)),i("idle")}).catch(w=>{r.error(w),s(Fc(w)),i("idle")})};return C("div",{id:"ija",children:C("div",{class:ni(e).join(" "),children:C(_c,{children:[C(mc,{asChild:!0,children:C("button",{class:"fr theme-stroke:ring-[1px] theme-stroke:ring-accent-4 theme-stroke:hover:ring-accent-9 theme-fill:bg-accent-2 theme-fill:hover:bg-accent-3 theme-fill:active:bg-accent-4 duration-snappy ease-expo-out text-accent-11 flex w-full items-center justify-center gap-2 overflow-hidden rounded-lg px-4 py-1.5 pl-2 text-sm font-medium transition-all active:scale-[.97]",onTouchStart:ri,children:[C(Qn,{class:"flex-none",name:"bell"})," ",C("span",{class:"min-w-0 truncate text-center",children:t.label})]})}),C(wc,{children:C("div",{id:"ija",children:C("div",{class:Vo("absolute isolate z-50",ni(e).join(" ")),children:C(gc,{collisionPadding:16,class:"data-[state=open]:data-[side=top]:animate-slideDownAndFade data-[state=open]:data-[side=right]:animate-slideLeftAndFade data-[state=open]:data-[side=bottom]:animate-slideUpAndFade data-[state=open]:data-[side=left]:animate-slideRightAndFade bg-lowest ring-neutral-5 shadow-surface-lg isolate w-64 max-w-[var(--radix-popover-content-available-width)] rounded-lg p-2 ring-1 will-change-[transform,opacity]",sideOffset:5,children:[C("p",{class:"text-neutral-11 px-2 pb-4 pt-1 text-sm",children:t.headerText}),C("form",{onSubmit:u,class:"flex flex-col gap-2.5",children:[C("div",{children:[C("fieldset",{class:"fieldset relative focus-within:z-10",children:[C("label",{class:"sr-only",htmlFor:"ija-email",children:"Email"}),C("input",{name:"email",autocomplete:"email",class:Pn,disabled:o==="loading",id:"ija-email",placeholder:"Email",type:"email",required:!0})]}),C("fieldset",{class:"fieldset relative focus-within:z-10",children:[C("label",{class:"sr-only",htmlFor:"ija-name",children:"Name"}),C("input",{disabled:o==="loading",name:"name",required:!0,autocomplete:"name",class:Pn,id:"ija-name",placeholder:"Full Name"})]}),C("fieldset",{class:"fieldset relative focus-within:z-10",children:[C("label",{class:"sr-only",htmlFor:"ija-frequency",children:"Frequency"}),C("select",{disabled:o==="loading",class:Vo(Pn,"appearance-none pr-8"),id:"ija-frequency",defaultValue:"WEEKLY",name:"frequency",children:[C("option",{value:"INSTANTLY",children:"Instantly"}),C("option",{value:"DAILY",children:"Daily"}),C("option",{value:"WEEKLY",children:"Weekly"}),C("option",{value:"MONTHLY",children:"Monthly"})]}),C("div",{class:"text-neutral-10 absolute bottom-0 right-0 top-0 flex items-center p-1","aria-hidden":!0,children:C(Qn,{name:"chevron-up-down"})})]})]}),C("button",{onTouchStart:ri,class:"bg-accent-9 active:bg-accent-10 theme-dark:active:bg-accent-8 fr ease-expo-out duration-snappy text-accent-1 theme-dark:text-highest grid items-center overflow-hidden rounded-lg px-5 py-2 pl-2.5 text-center transition-all hover:scale-[1.02] active:scale-[.97]",children:[C("span",{"data-state":o,class:"ease-expo-out duration-medium col-span-full row-span-full text-base opacity-0 transition-all data-[state=loading]:-translate-y-full data-[state=success]:translate-y-full data-[state=idle]:opacity-100",children:"Create Alert"}),C("div",{"data-state":o,class:"ease-expo-out duration-medium col-span-full row-span-full flex translate-y-0 justify-center text-base transition-all data-[state=idle]:translate-y-full data-[state=idle]:opacity-0",children:C("svg",{width:"24",height:"24",viewBox:"0 0 24 24","stroke-width":"1.5","stroke-linecap":"round","stroke-linejoin":"round",stroke:"currentColor",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[C("circle",{class:"loading-circle duration-snappy ease-expo-out transition-all",cx:"12",cy:"12",r:"9"}),C("path",{class:"done-checkmark",d:"M9 12L11 14L15 10"})]})})]}),C(Lc,{error:a})]})]})})})})]})})})},Hc=`#ija{font-size:16px;--tw-content: ""}#ija *{box-sizing:border-box;border-style:solid;border-width:0;-webkit-tap-highlight-color:transparent;font-family:inherit;font-style:inherit;font-weight:inherit}#ija :before,#ija :after{box-sizing:border-box}#ija :is(a){text-decoration:none}#ija :is(ul,ol){list-style:none;padding:0;margin:0}#ija :is(p){margin:0;padding:0}#ija :is(li){margin:0;padding:0;list-style:none}#ija :is(fieldset){margin:0;padding:0}#ija :is(button),#ija :is(a){display:block;margin:0;padding:0;border:unset;background:unset;text-align:unset}#ija :is(input),#ija :is(textarea){display:block;margin:0;padding:0;min-width:0;max-width:unset;width:100%}#ija :is(svg){display:block}@media (prefers-reduced-motion){#ija *{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important;animation-delay:0s!important}}#ija *,#ija :before,#ija :after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }#ija ::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }#ija .container{width:100%}@media (min-width: 640px){#ija .container{max-width:640px}}@media (min-width: 768px){#ija .container{max-width:768px}}@media (min-width: 1024px){#ija .container{max-width:1024px}}@media (min-width: 1280px){#ija .container{max-width:1280px}}@media (min-width: 1536px){#ija .container{max-width:1536px}}#ija .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}#ija .visible{visibility:visible}#ija .invisible{visibility:hidden}#ija .collapse{visibility:collapse}#ija .static{position:static}#ija .fixed{position:fixed}#ija .absolute{position:absolute}#ija .relative{position:relative}#ija .sticky{position:sticky}#ija .bottom-0{bottom:0}#ija .right-0{right:0}#ija .top-0{top:0}#ija .isolate{isolation:isolate}#ija .z-50{z-index:50}#ija .col-span-full{grid-column:1 / -1}#ija .row-span-full{grid-row:1 / -1}#ija .mt-0{margin-top:0}#ija .mt-0\\.5{margin-top:.125rem}#ija .block{display:block}#ija .inline-block{display:inline-block}#ija .inline{display:inline}#ija .flex{display:flex}#ija .inline-flex{display:inline-flex}#ija .table{display:table}#ija .table-row{display:table-row}#ija .flow-root{display:flow-root}#ija .grid{display:grid}#ija .inline-grid{display:inline-grid}#ija .contents{display:contents}#ija .list-item{display:list-item}#ija .\\!hidden{display:none!important}#ija .hidden{display:none}#ija .h-4{height:1rem}#ija .w-4{width:1rem}#ija .w-64{width:16rem}#ija .w-full{width:100%}#ija .min-w-0{min-width:0px}#ija .max-w-\\[var\\(--radix-popover-content-available-width\\)\\]{max-width:var(--radix-popover-content-available-width)}#ija .max-w-full{max-width:100%}#ija .flex-none{flex:none}#ija .flex-shrink,#ija .shrink{flex-shrink:1}#ija .flex-grow,#ija .grow{flex-grow:1}#ija .border-collapse{border-collapse:collapse}#ija .translate-y-0{--tw-translate-y: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}#ija .transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}#ija .resize{resize:both}#ija .appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}#ija .flex-col{flex-direction:column}#ija .flex-wrap{flex-wrap:wrap}#ija .items-start{align-items:flex-start}#ija .items-center{align-items:center}#ija .justify-center{justify-content:center}#ija .gap-1{gap:.25rem}#ija .gap-1\\.5{gap:.375rem}#ija .gap-2{gap:.5rem}#ija .gap-2\\.5{gap:.625rem}#ija .overflow-hidden{overflow:hidden}#ija .truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#ija .rounded-lg{border-radius:var(--i-radius-lg)}#ija .border{border-width:1px}#ija .bg-accent-9{background-color:var(--i-color-a-9)}#ija .bg-lowest{background-color:var(--i-color-lowest)}#ija .bg-neutral-1{background-color:var(--i-color-n-1)}#ija .p-1{padding:.25rem}#ija .p-2{padding:.5rem}#ija .px-2{padding-left:.5rem;padding-right:.5rem}#ija .px-2\\.5{padding-left:.625rem;padding-right:.625rem}#ija .px-3{padding-left:.75rem;padding-right:.75rem}#ija .px-4{padding-left:1rem;padding-right:1rem}#ija .px-5{padding-left:1.25rem;padding-right:1.25rem}#ija .py-1{padding-top:.25rem;padding-bottom:.25rem}#ija .py-1\\.5{padding-top:.375rem;padding-bottom:.375rem}#ija .py-2{padding-top:.5rem;padding-bottom:.5rem}#ija .pb-4{padding-bottom:1rem}#ija .pl-2{padding-left:.5rem}#ija .pl-2\\.5{padding-left:.625rem}#ija .pr-1{padding-right:.25rem}#ija .pr-8{padding-right:2rem}#ija .pt-1{padding-top:.25rem}#ija .text-center{text-align:center}#ija .text-justify{text-align:justify}#ija .text-base{font-size:1rem;line-height:1.5rem}#ija .text-sm{font-size:.875rem;line-height:1.25rem}#ija .font-medium{font-weight:500}#ija .uppercase{text-transform:uppercase}#ija .lowercase{text-transform:lowercase}#ija .capitalize{text-transform:capitalize}#ija .italic{font-style:italic}#ija .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)}#ija .text-\\[\\#E5484D\\]{--tw-text-opacity: 1;color:rgb(229 72 77 / var(--tw-text-opacity))}#ija .text-accent-1{color:var(--i-color-a-1)}#ija .text-accent-11{color:var(--i-color-a-11)}#ija .text-neutral-10{color:var(--i-color-n-10)}#ija .text-neutral-11{color:var(--i-color-n-11)}#ija .opacity-0{opacity:0}#ija .shadow{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}#ija .shadow-\\[0_0_0_1px\\]{--tw-shadow: 0 0 0 1px;--tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}#ija .shadow-surface-lg{--tw-shadow: 0px 3px 3px 0px oklch(0% 0 0 / .03), 0px 6px 4px 0px oklch(0% 0 0 / .02), 0px 11px 4px 0px oklch(0% 0 0 / .01), 0px 32px 24px -12px oklch(0% 0 0 / .06);--tw-shadow-colored: 0px 3px 3px 0px var(--tw-shadow-color), 0px 6px 4px 0px var(--tw-shadow-color), 0px 11px 4px 0px var(--tw-shadow-color), 0px 32px 24px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}#ija .outline-none{outline:2px solid transparent;outline-offset:2px}#ija .outline{outline-style:solid}#ija .ring{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}#ija .ring-1,#ija .ring-\\[1px\\]{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}#ija .ring-neutral-4{--tw-ring-color: var(--i-color-n-4)}#ija .ring-neutral-5{--tw-ring-color: var(--i-color-n-5)}#ija .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)}#ija .grayscale{--tw-grayscale: grayscale(100%);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}#ija .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)}#ija .sepia{--tw-sepia: sepia(100%);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}#ija .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)}#ija .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)}#ija .transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}#ija .transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}#ija .duration-medium{transition-duration:var(--i-duration-medium)}#ija .duration-snappy{transition-duration:var(--i-duration-snappy)}#ija .ease-expo-out{transition-timing-function:cubic-bezier(.16,1,.3,1)}#ija .will-change-\\[transform\\,opacity\\]{will-change:transform,opacity}#ija .fr{outline:none}#ija .fr:focus{outline:none}#ija .fr:focus-visible{outline:none;--tw-ring-offset-width: 1px;--tw-ring-offset-color: var(--i-color-lowest);--tw-ring-opacity: 1;--tw-ring-color: var(--i-color-a-9);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}#ija .rounded-field-input{border-radius:0}#ija .fieldset:first-child .rounded-field-input{border-top-left-radius:var(--i-radius-md);border-top-right-radius:var(--i-radius-md)}#ija .fieldset:last-child .rounded-field-input{border-bottom-left-radius:var(--i-radius-md);border-bottom-right-radius:var(--i-radius-md)}@keyframes loading-circle{0%{stroke-dasharray:0 56.54}to{stroke-dasharray:56.54 56.54}}#ija .loading-circle{stroke-dasharray:56.54 56.54}#ija [data-state=loading] .loading-circle{animation:loading-circle 1s linear}@keyframes done-checkmark{0%{stroke-dasharray:0 8.6}to{stroke-dasharray:8.6 8.6}}#ija .done-checkmark{stroke-dashoffset:-1;stroke-dasharray:0 8.6;opacity:0}#ija [data-state=success] .done-checkmark{opacity:1;animation:done-checkmark .9s cubic-bezier(.16,1,.3,1)}#ija .\\[a-zA-Z0-9-_\\:\\.\\$\\@\\?\\]{a-z-a--z0-9-_:.$@?}#ija .autofill\\:shadow-\\[inset_0_0_0_1000px_var\\(--i-color-a-2\\)\\]:-webkit-autofill{--tw-shadow: inset 0 0 0 1000px var(--i-color-a-2);--tw-shadow-colored: inset 0 0 0 1000px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}#ija .autofill\\:shadow-\\[inset_0_0_0_1000px_var\\(--i-color-a-2\\)\\]:autofill{--tw-shadow: inset 0 0 0 1000px var(--i-color-a-2);--tw-shadow-colored: inset 0 0 0 1000px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}#ija .focus-within\\:z-10:focus-within{z-index:10}#ija .hover\\:scale-\\[1\\.02\\]:hover{--tw-scale-x: 1.02;--tw-scale-y: 1.02;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}#ija .focus\\:shadow-\\[0_0_0_2px\\]:focus{--tw-shadow: 0 0 0 2px;--tw-shadow-colored: 0 0 0 2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}#ija .autofill\\:focus\\:shadow-\\[inset_0_0_0_1000px_var\\(--i-color-a-1\\)\\]:focus:-webkit-autofill{--tw-shadow: inset 0 0 0 1000px var(--i-color-a-1);--tw-shadow-colored: inset 0 0 0 1000px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}#ija .autofill\\:focus\\:shadow-\\[inset_0_0_0_1000px_var\\(--i-color-a-1\\)\\]:focus:autofill{--tw-shadow: inset 0 0 0 1000px var(--i-color-a-1);--tw-shadow-colored: inset 0 0 0 1000px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}#ija .active\\:scale-\\[\\.97\\]:active{--tw-scale-x: .97;--tw-scale-y: .97;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}#ija .active\\:bg-accent-10:active{background-color:var(--i-color-a-10)}#ija .data-\\[state\\=idle\\]\\:translate-y-full[data-state=idle]{--tw-translate-y: 100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}#ija .data-\\[state\\=loading\\]\\:-translate-y-full[data-state=loading]{--tw-translate-y: -100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}#ija .data-\\[state\\=success\\]\\:translate-y-full[data-state=success]{--tw-translate-y: 100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes slideUpAndFade{0%{opacity:0;transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}#ija .data-\\[state\\=open\\]\\:data-\\[side\\=bottom\\]\\:animate-slideUpAndFade[data-side=bottom][data-state=open]{animation:slideUpAndFade .4s cubic-bezier(.16,1,.3,1)}@keyframes slideRightAndFade{0%{opacity:0;transform:translate(-2px)}to{opacity:1;transform:translate(0)}}#ija .data-\\[state\\=open\\]\\:data-\\[side\\=left\\]\\:animate-slideRightAndFade[data-side=left][data-state=open]{animation:slideRightAndFade .4s cubic-bezier(.16,1,.3,1)}@keyframes slideLeftAndFade{0%{opacity:0;transform:translate(2px)}to{opacity:1;transform:translate(0)}}#ija .data-\\[state\\=open\\]\\:data-\\[side\\=right\\]\\:animate-slideLeftAndFade[data-side=right][data-state=open]{animation:slideLeftAndFade .4s cubic-bezier(.16,1,.3,1)}@keyframes slideDownAndFade{0%{opacity:0;transform:translateY(-2px)}to{opacity:1;transform:translateY(0)}}#ija .data-\\[state\\=open\\]\\:data-\\[side\\=top\\]\\:animate-slideDownAndFade[data-side=top][data-state=open]{animation:slideDownAndFade .4s cubic-bezier(.16,1,.3,1)}#ija .data-\\[state\\=idle\\]\\:opacity-0[data-state=idle]{opacity:0}#ija .data-\\[state\\=idle\\]\\:opacity-100[data-state=idle]{opacity:1}#ija .dark .theme-dark\\:text-highest{color:var(--i-color-highest)}#ija .dark .theme-dark\\:active\\:bg-accent-8:active{background-color:var(--i-color-a-8)}#ija .fill .theme-fill\\:bg-accent-2{background-color:var(--i-color-a-2)}#ija .fill .theme-fill\\:hover\\:bg-accent-3:hover{background-color:var(--i-color-a-3)}#ija .fill .theme-fill\\:active\\:bg-accent-4:active{background-color:var(--i-color-a-4)}#ija .stroke .theme-stroke\\:ring-\\[1px\\]{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}#ija .stroke .theme-stroke\\:ring-accent-4{--tw-ring-color: var(--i-color-a-4)}#ija .stroke .theme-stroke\\:hover\\:ring-accent-9:hover{--tw-ring-color: var(--i-color-a-9)}
|
|
44
|
+
}`},ni=e=>{const t=[];return t.push(e.corners),t.push(e.highlights),t.push(e.mode),t},Lc=({error:e})=>e?C("div",{role:"alert",class:"flex max-w-full items-start gap-1.5 px-2 py-2 text-[#E5484D]",children:[C("svg",{class:"mt-0.5 h-4 w-4 flex-none",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[C("circle",{cx:"8",cy:"8",r:"6.3",stroke:"currentColor","stroke-width":"1.4"}),C("rect",{x:"7",y:"4",width:"2",height:"5",fill:"currentColor"}),C("rect",{x:"7",y:"10",width:"2",height:"2",fill:"currentColor"})]}),C("p",{class:"pr-1 text-sm",children:e})]}):null,Pn="rounded-field-input bg-neutral-1 text-accent-11 autofill:shadow-[inset_0_0_0_1000px_var(--i-color-a-2)] autofill:focus:shadow-[inset_0_0_0_1000px_var(--i-color-a-1)] autofill:[-webkit-text-fill-color:var(--i-color-a-11)] px-3 py-2 ring ring-[1px] transition-all ease-expo-out duration-snappy ring-neutral-4 fr inline-flex w-full items-center justify-center px-2.5 text-base shadow-[0_0_0_1px] outline-none focus:shadow-[0_0_0_2px]",Fc=e=>typeof e=="string"?e:typeof e=="object"&&e!==null&&"message"in e&&typeof e.message=="string"?e.message:"Failed to create alert. Please try again later.";function ri(){}const Mc=({theme:e,config:t,apiClient:n,logger:r})=>{const[o,i]=T("idle"),[a,s]=T(),u=async l=>{var h,v,m;if(l.preventDefault(),o!=="idle")return;const d=new FormData(l.currentTarget),c=(h=d.get("name"))==null?void 0:h.toString(),[p,...f]=(c==null?void 0:c.split(" "))??[],_=f.join(" ");i("loading"),await Promise.all([new Promise(w=>setTimeout(w,1e3)),n.fetch("/search/save",{method:"POST",body:JSON.stringify({contact:{email:(v=d.get("email"))==null?void 0:v.toString(),first_name:p,last_name:_},alerts:(m=d.get("frequency"))==null?void 0:m.toString(),filters:Jo.filters$.peek()})})]).then(async()=>{i("success"),await new Promise(w=>setTimeout(w,1e3)),i("idle")}).catch(w=>{r.error(w),s(Fc(w)),i("idle")})};return C("div",{id:"ija",children:C("div",{class:ni(e).join(" "),children:C(_c,{children:[C(mc,{asChild:!0,children:C("button",{class:"fr theme-stroke:ring-[1px] theme-stroke:ring-accent-4 theme-stroke:hover:ring-accent-9 theme-fill:bg-accent-2 theme-fill:hover:bg-accent-3 theme-fill:active:bg-accent-4 duration-snappy ease-expo-out text-accent-11 flex w-full items-center justify-center gap-2 overflow-hidden rounded-lg px-4 py-1.5 pl-2 text-sm font-medium transition-all active:scale-[.97]",onTouchStart:ri,children:[C(Qn,{class:"flex-none",name:"bell"})," ",C("span",{class:"min-w-0 truncate text-center",children:t.label})]})}),C(wc,{children:C("div",{id:"ija",children:C("div",{class:Vo("absolute isolate z-50",ni(e).join(" ")),children:C(gc,{collisionPadding:16,class:"data-[state=open]:data-[side=top]:animate-slideDownAndFade data-[state=open]:data-[side=right]:animate-slideLeftAndFade data-[state=open]:data-[side=bottom]:animate-slideUpAndFade data-[state=open]:data-[side=left]:animate-slideRightAndFade bg-lowest ring-neutral-5 shadow-surface-lg isolate w-64 max-w-[var(--radix-popover-content-available-width)] rounded-lg p-2 ring-1 will-change-[transform,opacity]",sideOffset:5,children:[C("p",{class:"text-neutral-11 px-2 pb-4 pt-1 text-sm",children:t.headerText}),C("form",{onSubmit:u,class:"flex flex-col gap-2.5",children:[C("div",{children:[C("fieldset",{class:"fieldset relative focus-within:z-10",children:[C("label",{class:"sr-only",htmlFor:"ija-email",children:"Email"}),C("input",{name:"email",autocomplete:"email",class:Pn,disabled:o==="loading",id:"ija-email",placeholder:"Email",type:"email",required:!0})]}),C("fieldset",{class:"fieldset relative focus-within:z-10",children:[C("label",{class:"sr-only",htmlFor:"ija-name",children:"Name"}),C("input",{disabled:o==="loading",name:"name",required:!0,autocomplete:"name",class:Pn,id:"ija-name",placeholder:"Full Name"})]}),C("fieldset",{class:"fieldset relative focus-within:z-10",children:[C("label",{class:"sr-only",htmlFor:"ija-frequency",children:"Frequency"}),C("select",{disabled:o==="loading",class:Vo(Pn,"appearance-none pr-8"),id:"ija-frequency",defaultValue:"WEEKLY",name:"frequency",children:[C("option",{value:"INSTANTLY",children:"Instantly"}),C("option",{value:"DAILY",children:"Daily"}),C("option",{value:"WEEKLY",children:"Weekly"}),C("option",{value:"MONTHLY",children:"Monthly"})]}),C("div",{class:"text-neutral-10 absolute bottom-0 right-0 top-0 flex items-center p-1","aria-hidden":!0,children:C(Qn,{name:"chevron-up-down"})})]})]}),C("button",{onTouchStart:ri,class:"bg-accent-9 active:bg-accent-10 theme-dark:active:bg-accent-8 fr ease-expo-out duration-snappy text-accent-1 theme-dark:text-highest grid items-center overflow-hidden rounded-lg px-5 py-2 pl-2.5 text-center transition-all hover:scale-[1.02] active:scale-[.97]",children:[C("span",{"data-state":o,class:"ease-expo-out duration-medium col-span-full row-span-full text-base opacity-0 transition-all data-[state=loading]:-translate-y-full data-[state=success]:translate-y-full data-[state=idle]:opacity-100",children:"Create Alert"}),C("div",{"data-state":o,class:"ease-expo-out duration-medium col-span-full row-span-full flex translate-y-0 justify-center text-base transition-all data-[state=idle]:translate-y-full data-[state=idle]:opacity-0",children:C("svg",{width:"24",height:"24",viewBox:"0 0 24 24","stroke-width":"1.5","stroke-linecap":"round","stroke-linejoin":"round",stroke:"currentColor",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[C("circle",{class:"loading-circle duration-snappy ease-expo-out transition-all",cx:"12",cy:"12",r:"9"}),C("path",{class:"done-checkmark",d:"M9 12L11 14L15 10"})]})})]}),C(Lc,{error:a})]})]})})})})]})})})},Hc=`#ija{font-size:16px;--tw-content: ""}#ija *{box-sizing:border-box;border-style:solid;border-width:0;-webkit-tap-highlight-color:transparent;font-family:inherit;font-style:inherit;font-weight:inherit}#ija :before,#ija :after{box-sizing:border-box}#ija :is(a){text-decoration:none}#ija :is(ul,ol){list-style:none;padding:0;margin:0}#ija :is(p){margin:0;padding:0}#ija :is(li){margin:0;padding:0;list-style:none}#ija :is(fieldset){margin:0;padding:0}#ija :is(button),#ija :is(a){display:block;margin:0;padding:0;border:unset;background:unset;text-align:unset}#ija :is(input),#ija :is(textarea){display:block;margin:0;padding:0;min-width:0;max-width:unset;width:100%}#ija :is(svg){display:block}@media (prefers-reduced-motion){#ija *{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important;animation-delay:0s!important}}#ija *,#ija :before,#ija :after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }#ija ::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }#ija .container{width:100%}@media (min-width: 640px){#ija .container{max-width:640px}}@media (min-width: 768px){#ija .container{max-width:768px}}@media (min-width: 1024px){#ija .container{max-width:1024px}}@media (min-width: 1280px){#ija .container{max-width:1280px}}@media (min-width: 1536px){#ija .container{max-width:1536px}}#ija .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}#ija .visible{visibility:visible}#ija .invisible{visibility:hidden}#ija .collapse{visibility:collapse}#ija .static{position:static}#ija .fixed{position:fixed}#ija .absolute{position:absolute}#ija .relative{position:relative}#ija .sticky{position:sticky}#ija .bottom-0{bottom:0}#ija .right-0{right:0}#ija .top-0{top:0}#ija .isolate{isolation:isolate}#ija .z-50{z-index:50}#ija .col-span-full{grid-column:1 / -1}#ija .row-span-full{grid-row:1 / -1}#ija .mt-0{margin-top:0}#ija .mt-0\\.5{margin-top:.125rem}#ija .block{display:block}#ija .inline-block{display:inline-block}#ija .inline{display:inline}#ija .flex{display:flex}#ija .inline-flex{display:inline-flex}#ija .table{display:table}#ija .table-row{display:table-row}#ija .flow-root{display:flow-root}#ija .grid{display:grid}#ija .inline-grid{display:inline-grid}#ija .contents{display:contents}#ija .list-item{display:list-item}#ija .\\!hidden{display:none!important}#ija .hidden{display:none}#ija .h-4{height:1rem}#ija .w-4{width:1rem}#ija .w-64{width:16rem}#ija .w-full{width:100%}#ija .min-w-0{min-width:0px}#ija .max-w-\\[var\\(--radix-popover-content-available-width\\)\\]{max-width:var(--radix-popover-content-available-width)}#ija .max-w-full{max-width:100%}#ija .flex-none{flex:none}#ija .flex-shrink,#ija .shrink{flex-shrink:1}#ija .flex-grow,#ija .grow{flex-grow:1}#ija .border-collapse{border-collapse:collapse}#ija .translate-y-0{--tw-translate-y: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}#ija .transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}#ija .resize{resize:both}#ija .appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}#ija .flex-col{flex-direction:column}#ija .flex-wrap{flex-wrap:wrap}#ija .items-start{align-items:flex-start}#ija .items-center{align-items:center}#ija .justify-center{justify-content:center}#ija .gap-1{gap:.25rem}#ija .gap-1\\.5{gap:.375rem}#ija .gap-2{gap:.5rem}#ija .gap-2\\.5{gap:.625rem}#ija .overflow-hidden{overflow:hidden}#ija .truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#ija .rounded-lg{border-radius:var(--i-radius-lg)}#ija .border{border-width:1px}#ija .bg-accent-9{background-color:var(--i-color-a-9)}#ija .bg-lowest{background-color:var(--i-color-lowest)}#ija .bg-neutral-1{background-color:var(--i-color-n-1)}#ija .p-1{padding:.25rem}#ija .p-2{padding:.5rem}#ija .px-2{padding-left:.5rem;padding-right:.5rem}#ija .px-2\\.5{padding-left:.625rem;padding-right:.625rem}#ija .px-3{padding-left:.75rem;padding-right:.75rem}#ija .px-4{padding-left:1rem;padding-right:1rem}#ija .px-5{padding-left:1.25rem;padding-right:1.25rem}#ija .py-1{padding-top:.25rem;padding-bottom:.25rem}#ija .py-1\\.5{padding-top:.375rem;padding-bottom:.375rem}#ija .py-2{padding-top:.5rem;padding-bottom:.5rem}#ija .pb-4{padding-bottom:1rem}#ija .pl-2{padding-left:.5rem}#ija .pl-2\\.5{padding-left:.625rem}#ija .pr-1{padding-right:.25rem}#ija .pr-8{padding-right:2rem}#ija .pt-1{padding-top:.25rem}#ija .text-center{text-align:center}#ija .text-justify{text-align:justify}#ija .text-base{font-size:1rem;line-height:1.5rem}#ija .text-sm{font-size:.875rem;line-height:1.25rem}#ija .font-medium{font-weight:500}#ija .uppercase{text-transform:uppercase}#ija .lowercase{text-transform:lowercase}#ija .capitalize{text-transform:capitalize}#ija .italic{font-style:italic}#ija .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)}#ija .text-\\[\\#E5484D\\]{--tw-text-opacity: 1;color:rgb(229 72 77 / var(--tw-text-opacity))}#ija .text-accent-1{color:var(--i-color-a-1)}#ija .text-accent-11{color:var(--i-color-a-11)}#ija .text-neutral-10{color:var(--i-color-n-10)}#ija .text-neutral-11{color:var(--i-color-n-11)}#ija .opacity-0{opacity:0}#ija .shadow{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}#ija .shadow-\\[0_0_0_1px\\]{--tw-shadow: 0 0 0 1px;--tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}#ija .shadow-surface-lg{--tw-shadow: 0px 3px 3px 0px oklch(0% 0 0 / .03), 0px 6px 4px 0px oklch(0% 0 0 / .02), 0px 11px 4px 0px oklch(0% 0 0 / .01), 0px 32px 24px -12px oklch(0% 0 0 / .06);--tw-shadow-colored: 0px 3px 3px 0px var(--tw-shadow-color), 0px 6px 4px 0px var(--tw-shadow-color), 0px 11px 4px 0px var(--tw-shadow-color), 0px 32px 24px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}#ija .outline-none{outline:2px solid transparent;outline-offset:2px}#ija .outline{outline-style:solid}#ija .ring{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}#ija .ring-1,#ija .ring-\\[1px\\]{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}#ija .ring-neutral-4{--tw-ring-color: var(--i-color-n-4)}#ija .ring-neutral-5{--tw-ring-color: var(--i-color-n-5)}#ija .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)}#ija .grayscale{--tw-grayscale: grayscale(100%);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}#ija .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)}#ija .sepia{--tw-sepia: sepia(100%);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}#ija .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)}#ija .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)}#ija .transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}#ija .transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}#ija .duration-medium{transition-duration:var(--i-duration-medium)}#ija .duration-snappy{transition-duration:var(--i-duration-snappy)}#ija .ease-expo-out{transition-timing-function:cubic-bezier(.16,1,.3,1)}#ija .will-change-\\[transform\\,opacity\\]{will-change:transform,opacity}#ija .fr{outline:none}#ija .fr:focus{outline:none}#ija .fr:focus-visible{outline:none;--tw-ring-offset-width: 1px;--tw-ring-offset-color: var(--i-color-lowest);--tw-ring-opacity: 1;--tw-ring-color: var(--i-color-a-9);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}#ija .rounded-field-input{border-radius:0}#ija .fieldset:first-child .rounded-field-input{border-top-left-radius:var(--i-radius-md);border-top-right-radius:var(--i-radius-md)}#ija .fieldset:last-child .rounded-field-input{border-bottom-left-radius:var(--i-radius-md);border-bottom-right-radius:var(--i-radius-md)}@keyframes loading-circle{0%{stroke-dasharray:0 56.54}to{stroke-dasharray:56.54 56.54}}#ija .loading-circle{stroke-dasharray:56.54 56.54}#ija [data-state=loading] .loading-circle{animation:loading-circle 1s linear}@keyframes done-checkmark{0%{stroke-dasharray:0 8.6}to{stroke-dasharray:8.6 8.6}}#ija .done-checkmark{stroke-dashoffset:-1;stroke-dasharray:0 8.6;opacity:0}#ija [data-state=success] .done-checkmark{opacity:1;animation:done-checkmark .9s cubic-bezier(.16,1,.3,1)}#ija .\\[a-zA-Z0-9-_\\:\\.\\$\\@\\?\\]{a-z-a--z0-9-_:.$@?}#ija .autofill\\:shadow-\\[inset_0_0_0_1000px_var\\(--i-color-a-2\\)\\]:-webkit-autofill{--tw-shadow: inset 0 0 0 1000px var(--i-color-a-2);--tw-shadow-colored: inset 0 0 0 1000px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}#ija .autofill\\:shadow-\\[inset_0_0_0_1000px_var\\(--i-color-a-2\\)\\]:autofill{--tw-shadow: inset 0 0 0 1000px var(--i-color-a-2);--tw-shadow-colored: inset 0 0 0 1000px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}#ija .autofill\\:\\[-webkit-text-fill-color\\:var\\(--i-color-a-11\\)\\]:-webkit-autofill{-webkit-text-fill-color:var(--i-color-a-11)}#ija .autofill\\:\\[-webkit-text-fill-color\\:var\\(--i-color-a-11\\)\\]:autofill{-webkit-text-fill-color:var(--i-color-a-11)}#ija .focus-within\\:z-10:focus-within{z-index:10}#ija .hover\\:scale-\\[1\\.02\\]:hover{--tw-scale-x: 1.02;--tw-scale-y: 1.02;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}#ija .focus\\:shadow-\\[0_0_0_2px\\]:focus{--tw-shadow: 0 0 0 2px;--tw-shadow-colored: 0 0 0 2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}#ija .autofill\\:focus\\:shadow-\\[inset_0_0_0_1000px_var\\(--i-color-a-1\\)\\]:focus:-webkit-autofill{--tw-shadow: inset 0 0 0 1000px var(--i-color-a-1);--tw-shadow-colored: inset 0 0 0 1000px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}#ija .autofill\\:focus\\:shadow-\\[inset_0_0_0_1000px_var\\(--i-color-a-1\\)\\]:focus:autofill{--tw-shadow: inset 0 0 0 1000px var(--i-color-a-1);--tw-shadow-colored: inset 0 0 0 1000px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}#ija .active\\:scale-\\[\\.97\\]:active{--tw-scale-x: .97;--tw-scale-y: .97;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}#ija .active\\:bg-accent-10:active{background-color:var(--i-color-a-10)}#ija .data-\\[state\\=idle\\]\\:translate-y-full[data-state=idle]{--tw-translate-y: 100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}#ija .data-\\[state\\=loading\\]\\:-translate-y-full[data-state=loading]{--tw-translate-y: -100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}#ija .data-\\[state\\=success\\]\\:translate-y-full[data-state=success]{--tw-translate-y: 100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes slideUpAndFade{0%{opacity:0;transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}#ija .data-\\[state\\=open\\]\\:data-\\[side\\=bottom\\]\\:animate-slideUpAndFade[data-side=bottom][data-state=open]{animation:slideUpAndFade .4s cubic-bezier(.16,1,.3,1)}@keyframes slideRightAndFade{0%{opacity:0;transform:translate(-2px)}to{opacity:1;transform:translate(0)}}#ija .data-\\[state\\=open\\]\\:data-\\[side\\=left\\]\\:animate-slideRightAndFade[data-side=left][data-state=open]{animation:slideRightAndFade .4s cubic-bezier(.16,1,.3,1)}@keyframes slideLeftAndFade{0%{opacity:0;transform:translate(2px)}to{opacity:1;transform:translate(0)}}#ija .data-\\[state\\=open\\]\\:data-\\[side\\=right\\]\\:animate-slideLeftAndFade[data-side=right][data-state=open]{animation:slideLeftAndFade .4s cubic-bezier(.16,1,.3,1)}@keyframes slideDownAndFade{0%{opacity:0;transform:translateY(-2px)}to{opacity:1;transform:translateY(0)}}#ija .data-\\[state\\=open\\]\\:data-\\[side\\=top\\]\\:animate-slideDownAndFade[data-side=top][data-state=open]{animation:slideDownAndFade .4s cubic-bezier(.16,1,.3,1)}#ija .data-\\[state\\=idle\\]\\:opacity-0[data-state=idle]{opacity:0}#ija .data-\\[state\\=idle\\]\\:opacity-100[data-state=idle]{opacity:1}#ija .dark .theme-dark\\:text-highest{color:var(--i-color-highest)}#ija .dark .theme-dark\\:active\\:bg-accent-8:active{background-color:var(--i-color-a-8)}#ija .fill .theme-fill\\:bg-accent-2{background-color:var(--i-color-a-2)}#ija .fill .theme-fill\\:hover\\:bg-accent-3:hover{background-color:var(--i-color-a-3)}#ija .fill .theme-fill\\:active\\:bg-accent-4:active{background-color:var(--i-color-a-4)}#ija .stroke .theme-stroke\\:ring-\\[1px\\]{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}#ija .stroke .theme-stroke\\:ring-accent-4{--tw-ring-color: var(--i-color-a-4)}#ija .stroke .theme-stroke\\:hover\\:ring-accent-9:hover{--tw-ring-color: var(--i-color-a-9)}
|
|
45
45
|
`,Wc=(()=>({getRenderTargetElement:()=>{const e=document.body.querySelector(`#${Qo}`);return An(e,`Element with id ${Qo} not found.`),e}}))(),Uc=()=>si(({apiClient:e,logger:t,analytics:n})=>{let r=!1;const o=({params:a})=>k(M,{},[[k("style",{id:"inploi-job-alerts-styles"},Hc),k("style",{id:"inploi-job-search-theme"},Nc(a.theme))],k(ki,{theme:a.theme}),k(Mc,{theme:a.theme,apiClient:e,logger:t,analytics:n,config:a.config})]),i=a=>Jo.filters$.value=a;return{prerender:async a=>(r=!0,i(a.initialFilters),{html:yi(k(M,{},k(o,{params:a})))}),render:async a=>{const s=r?zt:Se;An(typeof window<"u","the `render` method of JobSearch cannot be called in non-browser environments. Use `prerender` instead."),i(a.initialFilters),s(k(o,{params:a}),Wc.getRenderTargetElement())},setFilters:i}});if(!window.inploi)throw new Error("Please insert the SDK script tag above the plugins.");window.inploi.jobAlertsPlugin=Uc})();
|
|
@@ -5736,7 +5736,7 @@ const InputError = ({
|
|
|
5736
5736
|
})]
|
|
5737
5737
|
});
|
|
5738
5738
|
};
|
|
5739
|
-
const inputClass = "rounded-field-input bg-neutral-1 text-accent-11 autofill:shadow-[inset_0_0_0_1000px_var(--i-color-a-2)] autofill:focus:shadow-[inset_0_0_0_1000px_var(--i-color-a-1)] px-3 py-2 ring ring-[1px] transition-all ease-expo-out duration-snappy ring-neutral-4 fr inline-flex w-full items-center justify-center px-2.5 text-base shadow-[0_0_0_1px] outline-none focus:shadow-[0_0_0_2px]";
|
|
5739
|
+
const inputClass = "rounded-field-input bg-neutral-1 text-accent-11 autofill:shadow-[inset_0_0_0_1000px_var(--i-color-a-2)] autofill:focus:shadow-[inset_0_0_0_1000px_var(--i-color-a-1)] autofill:[-webkit-text-fill-color:var(--i-color-a-11)] px-3 py-2 ring ring-[1px] transition-all ease-expo-out duration-snappy ring-neutral-4 fr inline-flex w-full items-center justify-center px-2.5 text-base shadow-[0_0_0_1px] outline-none focus:shadow-[0_0_0_2px]";
|
|
5740
5740
|
const getErrorMessage = (error) => {
|
|
5741
5741
|
if (typeof error === "string")
|
|
5742
5742
|
return error;
|
|
@@ -5888,6 +5888,7 @@ const JobAlerts = ({
|
|
|
5888
5888
|
})]
|
|
5889
5889
|
})]
|
|
5890
5890
|
}), u$2("button", {
|
|
5891
|
+
// Needed to make active state work on iOS Safari
|
|
5891
5892
|
onTouchStart: noop,
|
|
5892
5893
|
class: "bg-accent-9 active:bg-accent-10 theme-dark:active:bg-accent-8 fr ease-expo-out duration-snappy text-accent-1 theme-dark:text-highest grid items-center overflow-hidden rounded-lg px-5 py-2 pl-2.5 text-center transition-all hover:scale-[1.02] active:scale-[.97]",
|
|
5893
5894
|
children: [u$2("span", {
|
|
@@ -5930,7 +5931,7 @@ const JobAlerts = ({
|
|
|
5930
5931
|
})
|
|
5931
5932
|
});
|
|
5932
5933
|
};
|
|
5933
|
-
const tailwind = "#ija {\n font-size: 16px;\n --tw-content: '';\n}\n\n #ija * {\n box-sizing: border-box;\n border-style: solid;\n border-width: 0;\n -webkit-tap-highlight-color: transparent;\n font-family: inherit;\n font-style: inherit;\n font-weight: inherit;\n }\n\n #ija ::before,\n #ija ::after {\n box-sizing: border-box;\n }\n\n #ija :is(a) {\n text-decoration: none;\n }\n\n #ija :is(ul, ol) {\n list-style: none;\n padding: 0;\n margin: 0;\n }\n\n #ija :is(p) {\n margin: 0;\n padding: 0;\n }\n\n #ija :is(li) {\n margin: 0;\n padding: 0;\n list-style: none;\n }\n\n #ija :is(fieldset) {\n margin: 0;\n padding: 0;\n }\n\n #ija :is(button),\n #ija :is(a) {\n display: block;\n margin: 0;\n padding: 0;\n border: unset;\n background: unset;\n text-align: unset;\n }\n\n #ija :is(input),\n #ija :is(textarea) {\n display: block;\n margin: 0;\n padding: 0;\n min-width: 0;\n max-width: unset;\n width: 100%;\n }\n\n #ija :is(svg) {\n display: block;\n }\n\n @media (prefers-reduced-motion) {\n #ija * {\n animation-duration: 0.01ms !important;\n animation-iteration-count: 1 !important;\n transition-duration: 0.01ms !important;\n scroll-behavior: auto !important;\n animation-delay: 0s !important;\n }\n }\n\n #ija *, #ija ::before, #ija ::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 #ija ::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\n #ija .container {\n width: 100%;\n}\n\n @media (min-width: 640px) {\n\n #ija .container {\n max-width: 640px;\n }\n}\n\n @media (min-width: 768px) {\n\n #ija .container {\n max-width: 768px;\n }\n}\n\n @media (min-width: 1024px) {\n\n #ija .container {\n max-width: 1024px;\n }\n}\n\n @media (min-width: 1280px) {\n\n #ija .container {\n max-width: 1280px;\n }\n}\n\n @media (min-width: 1536px) {\n\n #ija .container {\n max-width: 1536px;\n }\n}\n\n #ija .sr-only {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n white-space: nowrap;\n border-width: 0;\n}\n\n #ija .visible {\n visibility: visible;\n}\n\n #ija .invisible {\n visibility: hidden;\n}\n\n #ija .collapse {\n visibility: collapse;\n}\n\n #ija .static {\n position: static;\n}\n\n #ija .fixed {\n position: fixed;\n}\n\n #ija .absolute {\n position: absolute;\n}\n\n #ija .relative {\n position: relative;\n}\n\n #ija .sticky {\n position: sticky;\n}\n\n #ija .bottom-0 {\n bottom: 0px;\n}\n\n #ija .right-0 {\n right: 0px;\n}\n\n #ija .top-0 {\n top: 0px;\n}\n\n #ija .isolate {\n isolation: isolate;\n}\n\n #ija .z-50 {\n z-index: 50;\n}\n\n #ija .col-span-full {\n grid-column: 1 / -1;\n}\n\n #ija .row-span-full {\n grid-row: 1 / -1;\n}\n\n #ija .mt-0 {\n margin-top: 0px;\n}\n\n #ija .mt-0\\.5 {\n margin-top: 0.125rem;\n}\n\n #ija .block {\n display: block;\n}\n\n #ija .inline-block {\n display: inline-block;\n}\n\n #ija .inline {\n display: inline;\n}\n\n #ija .flex {\n display: flex;\n}\n\n #ija .inline-flex {\n display: inline-flex;\n}\n\n #ija .table {\n display: table;\n}\n\n #ija .table-row {\n display: table-row;\n}\n\n #ija .flow-root {\n display: flow-root;\n}\n\n #ija .grid {\n display: grid;\n}\n\n #ija .inline-grid {\n display: inline-grid;\n}\n\n #ija .contents {\n display: contents;\n}\n\n #ija .list-item {\n display: list-item;\n}\n\n #ija .\\!hidden {\n display: none !important;\n}\n\n #ija .hidden {\n display: none;\n}\n\n #ija .h-4 {\n height: 1rem;\n}\n\n #ija .w-4 {\n width: 1rem;\n}\n\n #ija .w-64 {\n width: 16rem;\n}\n\n #ija .w-full {\n width: 100%;\n}\n\n #ija .min-w-0 {\n min-width: 0px;\n}\n\n #ija .max-w-\\[var\\(--radix-popover-content-available-width\\)\\] {\n max-width: var(--radix-popover-content-available-width);\n}\n\n #ija .max-w-full {\n max-width: 100%;\n}\n\n #ija .flex-none {\n flex: none;\n}\n\n #ija .flex-shrink {\n flex-shrink: 1;\n}\n\n #ija .shrink {\n flex-shrink: 1;\n}\n\n #ija .flex-grow {\n flex-grow: 1;\n}\n\n #ija .grow {\n flex-grow: 1;\n}\n\n #ija .border-collapse {\n border-collapse: collapse;\n}\n\n #ija .translate-y-0 {\n --tw-translate-y: 0px;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n #ija .transform {\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n #ija .resize {\n resize: both;\n}\n\n #ija .appearance-none {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n}\n\n #ija .flex-col {\n flex-direction: column;\n}\n\n #ija .flex-wrap {\n flex-wrap: wrap;\n}\n\n #ija .items-start {\n align-items: flex-start;\n}\n\n #ija .items-center {\n align-items: center;\n}\n\n #ija .justify-center {\n justify-content: center;\n}\n\n #ija .gap-1 {\n gap: 0.25rem;\n}\n\n #ija .gap-1\\.5 {\n gap: 0.375rem;\n}\n\n #ija .gap-2 {\n gap: 0.5rem;\n}\n\n #ija .gap-2\\.5 {\n gap: 0.625rem;\n}\n\n #ija .overflow-hidden {\n overflow: hidden;\n}\n\n #ija .truncate {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n #ija .rounded-lg {\n border-radius: var(--i-radius-lg);\n}\n\n #ija .border {\n border-width: 1px;\n}\n\n #ija .bg-accent-9 {\n background-color: var(--i-color-a-9);\n}\n\n #ija .bg-lowest {\n background-color: var(--i-color-lowest);\n}\n\n #ija .bg-neutral-1 {\n background-color: var(--i-color-n-1);\n}\n\n #ija .p-1 {\n padding: 0.25rem;\n}\n\n #ija .p-2 {\n padding: 0.5rem;\n}\n\n #ija .px-2 {\n padding-left: 0.5rem;\n padding-right: 0.5rem;\n}\n\n #ija .px-2\\.5 {\n padding-left: 0.625rem;\n padding-right: 0.625rem;\n}\n\n #ija .px-3 {\n padding-left: 0.75rem;\n padding-right: 0.75rem;\n}\n\n #ija .px-4 {\n padding-left: 1rem;\n padding-right: 1rem;\n}\n\n #ija .px-5 {\n padding-left: 1.25rem;\n padding-right: 1.25rem;\n}\n\n #ija .py-1 {\n padding-top: 0.25rem;\n padding-bottom: 0.25rem;\n}\n\n #ija .py-1\\.5 {\n padding-top: 0.375rem;\n padding-bottom: 0.375rem;\n}\n\n #ija .py-2 {\n padding-top: 0.5rem;\n padding-bottom: 0.5rem;\n}\n\n #ija .pb-4 {\n padding-bottom: 1rem;\n}\n\n #ija .pl-2 {\n padding-left: 0.5rem;\n}\n\n #ija .pl-2\\.5 {\n padding-left: 0.625rem;\n}\n\n #ija .pr-1 {\n padding-right: 0.25rem;\n}\n\n #ija .pr-8 {\n padding-right: 2rem;\n}\n\n #ija .pt-1 {\n padding-top: 0.25rem;\n}\n\n #ija .text-center {\n text-align: center;\n}\n\n #ija .text-justify {\n text-align: justify;\n}\n\n #ija .text-base {\n font-size: 1rem;\n line-height: 1.5rem;\n}\n\n #ija .text-sm {\n font-size: 0.875rem;\n line-height: 1.25rem;\n}\n\n #ija .font-medium {\n font-weight: 500;\n}\n\n #ija .uppercase {\n text-transform: uppercase;\n}\n\n #ija .lowercase {\n text-transform: lowercase;\n}\n\n #ija .capitalize {\n text-transform: capitalize;\n}\n\n #ija .italic {\n font-style: italic;\n}\n\n #ija .ordinal {\n --tw-ordinal: ordinal;\n font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);\n}\n\n #ija .text-\\[\\#E5484D\\] {\n --tw-text-opacity: 1;\n color: rgb(229 72 77 / var(--tw-text-opacity));\n}\n\n #ija .text-accent-1 {\n color: var(--i-color-a-1);\n}\n\n #ija .text-accent-11 {\n color: var(--i-color-a-11);\n}\n\n #ija .text-neutral-10 {\n color: var(--i-color-n-10);\n}\n\n #ija .text-neutral-11 {\n color: var(--i-color-n-11);\n}\n\n #ija .opacity-0 {\n opacity: 0;\n}\n\n #ija .shadow {\n --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);\n --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n #ija .shadow-\\[0_0_0_1px\\] {\n --tw-shadow: 0 0 0 1px;\n --tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n #ija .shadow-surface-lg {\n --tw-shadow: 0px 3px 3px 0px oklch(0% 0 0 / 0.03), 0px 6px 4px 0px oklch(0% 0 0 / 0.02), 0px 11px 4px 0px oklch(0% 0 0 / 0.01), 0px 32px 24px -12px oklch(0% 0 0 / 0.06);\n --tw-shadow-colored: 0px 3px 3px 0px var(--tw-shadow-color), 0px 6px 4px 0px var(--tw-shadow-color), 0px 11px 4px 0px var(--tw-shadow-color), 0px 32px 24px -12px var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n #ija .outline-none {\n outline: 2px solid transparent;\n outline-offset: 2px;\n}\n\n #ija .outline {\n outline-style: solid;\n}\n\n #ija .ring {\n --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);\n}\n\n #ija .ring-1 {\n --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);\n}\n\n #ija .ring-\\[1px\\] {\n --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);\n}\n\n #ija .ring-neutral-4 {\n --tw-ring-color: var(--i-color-n-4);\n}\n\n #ija .ring-neutral-5 {\n --tw-ring-color: var(--i-color-n-5);\n}\n\n #ija .blur {\n --tw-blur: blur(8px);\n 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);\n}\n\n #ija .grayscale {\n --tw-grayscale: grayscale(100%);\n 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);\n}\n\n #ija .invert {\n --tw-invert: invert(100%);\n 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);\n}\n\n #ija .sepia {\n --tw-sepia: sepia(100%);\n 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);\n}\n\n #ija .filter {\n 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);\n}\n\n #ija .backdrop-filter {\n -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);\n 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);\n}\n\n #ija .transition {\n transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;\n transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;\n transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n #ija .transition-all {\n transition-property: all;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n #ija .duration-medium {\n transition-duration: var(--i-duration-medium);\n}\n\n #ija .duration-snappy {\n transition-duration: var(--i-duration-snappy);\n}\n\n #ija .ease-expo-out {\n transition-timing-function: cubic-bezier(0.16, 1, 0.3, 1);\n}\n\n #ija .will-change-\\[transform\\2c opacity\\] {\n will-change: transform,opacity;\n}\n\n #ija .fr {\n outline: none;\n}\n\n #ija .fr:focus {\n outline: none;\n}\n\n #ija .fr:focus-visible {\n outline: none;\n --tw-ring-offset-width: 1px;\n --tw-ring-offset-color: var(--i-color-lowest);\n --tw-ring-opacity: 1;\n --tw-ring-color: var(--i-color-a-9);\n --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);\n}\n\n #ija .rounded-field-input {\n border-radius: 0;\n }\n\n #ija .fieldset:first-child .rounded-field-input {\n border-top-left-radius: var(--i-radius-md);\n border-top-right-radius: var(--i-radius-md);\n }\n\n #ija .fieldset:last-child .rounded-field-input {\n border-bottom-left-radius: var(--i-radius-md);\n border-bottom-right-radius: var(--i-radius-md);\n }\n\n /* perimeter = 2 * Pi * r\n r = 9 (circle radius)\n 56.54\n */\n\n @keyframes loading-circle {\n 0% {\n stroke-dasharray: 0 56.54;\n }\n 100% {\n stroke-dasharray: 56.54 56.54;\n }\n }\n\n #ija .loading-circle {\n stroke-dasharray: 56.54 56.54;\n }\n\n #ija [data-state='loading'] .loading-circle {\n animation: loading-circle 1s linear;\n }\n\n /* perimeter = 2 * Pi * r\n r = 9 (circle radius)\n 56.54\n */\n\n @keyframes done-checkmark {\n 0% {\n stroke-dasharray: 0 8.6;\n }\n 100% {\n stroke-dasharray: 8.6 8.6;\n }\n }\n\n #ija .done-checkmark {\n stroke-dashoffset: -1;\n stroke-dasharray: 0 8.6;\n opacity: 0;\n }\n\n #ija [data-state='success'] .done-checkmark {\n opacity: 1;\n animation: done-checkmark 0.9s cubic-bezier(0.16, 1, 0.3, 1);\n }\n\n #ija .\\[a-zA-Z0-9-_\\:\\.\\$\\@\\?\\] {\n a-z-a--z0-9-_: .$@?;\n}\n\n #ija .autofill\\:shadow-\\[inset_0_0_0_1000px_var\\(--i-color-a-2\\)\\]:-webkit-autofill {\n --tw-shadow: inset 0 0 0 1000px var(--i-color-a-2);\n --tw-shadow-colored: inset 0 0 0 1000px var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n #ija .autofill\\:shadow-\\[inset_0_0_0_1000px_var\\(--i-color-a-2\\)\\]:autofill {\n --tw-shadow: inset 0 0 0 1000px var(--i-color-a-2);\n --tw-shadow-colored: inset 0 0 0 1000px var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n #ija .focus-within\\:z-10:focus-within {\n z-index: 10;\n}\n\n #ija .hover\\:scale-\\[1\\.02\\]:hover {\n --tw-scale-x: 1.02;\n --tw-scale-y: 1.02;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n #ija .focus\\:shadow-\\[0_0_0_2px\\]:focus {\n --tw-shadow: 0 0 0 2px;\n --tw-shadow-colored: 0 0 0 2px var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n #ija .autofill\\:focus\\:shadow-\\[inset_0_0_0_1000px_var\\(--i-color-a-1\\)\\]:focus:-webkit-autofill {\n --tw-shadow: inset 0 0 0 1000px var(--i-color-a-1);\n --tw-shadow-colored: inset 0 0 0 1000px var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n #ija .autofill\\:focus\\:shadow-\\[inset_0_0_0_1000px_var\\(--i-color-a-1\\)\\]:focus:autofill {\n --tw-shadow: inset 0 0 0 1000px var(--i-color-a-1);\n --tw-shadow-colored: inset 0 0 0 1000px var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n #ija .active\\:scale-\\[\\.97\\]:active {\n --tw-scale-x: .97;\n --tw-scale-y: .97;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n #ija .active\\:bg-accent-10:active {\n background-color: var(--i-color-a-10);\n}\n\n #ija .data-\\[state\\=idle\\]\\:translate-y-full[data-state=idle] {\n --tw-translate-y: 100%;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n #ija .data-\\[state\\=loading\\]\\:-translate-y-full[data-state=loading] {\n --tw-translate-y: -100%;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n #ija .data-\\[state\\=success\\]\\:translate-y-full[data-state=success] {\n --tw-translate-y: 100%;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n @keyframes slideUpAndFade {\n\n from {\n opacity: 0;\n transform: translateY(2px);\n }\n\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n #ija .data-\\[state\\=open\\]\\:data-\\[side\\=bottom\\]\\:animate-slideUpAndFade[data-side=bottom][data-state=open] {\n animation: slideUpAndFade 400ms cubic-bezier(0.16, 1, 0.3, 1);\n}\n\n @keyframes slideRightAndFade {\n\n from {\n opacity: 0;\n transform: translateX(-2px);\n }\n\n to {\n opacity: 1;\n transform: translateX(0);\n }\n}\n\n #ija .data-\\[state\\=open\\]\\:data-\\[side\\=left\\]\\:animate-slideRightAndFade[data-side=left][data-state=open] {\n animation: slideRightAndFade 400ms cubic-bezier(0.16, 1, 0.3, 1);\n}\n\n @keyframes slideLeftAndFade {\n\n from {\n opacity: 0;\n transform: translateX(2px);\n }\n\n to {\n opacity: 1;\n transform: translateX(0);\n }\n}\n\n #ija .data-\\[state\\=open\\]\\:data-\\[side\\=right\\]\\:animate-slideLeftAndFade[data-side=right][data-state=open] {\n animation: slideLeftAndFade 400ms cubic-bezier(0.16, 1, 0.3, 1);\n}\n\n @keyframes slideDownAndFade {\n\n from {\n opacity: 0;\n transform: translateY(-2px);\n }\n\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n #ija .data-\\[state\\=open\\]\\:data-\\[side\\=top\\]\\:animate-slideDownAndFade[data-side=top][data-state=open] {\n animation: slideDownAndFade 400ms cubic-bezier(0.16, 1, 0.3, 1);\n}\n\n #ija .data-\\[state\\=idle\\]\\:opacity-0[data-state=idle] {\n opacity: 0;\n}\n\n #ija .data-\\[state\\=idle\\]\\:opacity-100[data-state=idle] {\n opacity: 1;\n}\n\n #ija .dark .theme-dark\\:text-highest {\n color: var(--i-color-highest);\n}\n\n #ija .dark .theme-dark\\:active\\:bg-accent-8:active {\n background-color: var(--i-color-a-8);\n}\n\n #ija .fill .theme-fill\\:bg-accent-2 {\n background-color: var(--i-color-a-2);\n}\n\n #ija .fill .theme-fill\\:hover\\:bg-accent-3:hover {\n background-color: var(--i-color-a-3);\n}\n\n #ija .fill .theme-fill\\:active\\:bg-accent-4:active {\n background-color: var(--i-color-a-4);\n}\n\n #ija .stroke .theme-stroke\\:ring-\\[1px\\] {\n --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);\n}\n\n #ija .stroke .theme-stroke\\:ring-accent-4 {\n --tw-ring-color: var(--i-color-a-4);\n}\n\n #ija .stroke .theme-stroke\\:hover\\:ring-accent-9:hover {\n --tw-ring-color: var(--i-color-a-9);\n}\n";
|
|
5934
|
+
const tailwind = "#ija {\n font-size: 16px;\n --tw-content: '';\n}\n\n #ija * {\n box-sizing: border-box;\n border-style: solid;\n border-width: 0;\n -webkit-tap-highlight-color: transparent;\n font-family: inherit;\n font-style: inherit;\n font-weight: inherit;\n }\n\n #ija ::before,\n #ija ::after {\n box-sizing: border-box;\n }\n\n #ija :is(a) {\n text-decoration: none;\n }\n\n #ija :is(ul, ol) {\n list-style: none;\n padding: 0;\n margin: 0;\n }\n\n #ija :is(p) {\n margin: 0;\n padding: 0;\n }\n\n #ija :is(li) {\n margin: 0;\n padding: 0;\n list-style: none;\n }\n\n #ija :is(fieldset) {\n margin: 0;\n padding: 0;\n }\n\n #ija :is(button),\n #ija :is(a) {\n display: block;\n margin: 0;\n padding: 0;\n border: unset;\n background: unset;\n text-align: unset;\n }\n\n #ija :is(input),\n #ija :is(textarea) {\n display: block;\n margin: 0;\n padding: 0;\n min-width: 0;\n max-width: unset;\n width: 100%;\n }\n\n #ija :is(svg) {\n display: block;\n }\n\n @media (prefers-reduced-motion) {\n #ija * {\n animation-duration: 0.01ms !important;\n animation-iteration-count: 1 !important;\n transition-duration: 0.01ms !important;\n scroll-behavior: auto !important;\n animation-delay: 0s !important;\n }\n }\n\n #ija *, #ija ::before, #ija ::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 #ija ::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\n #ija .container {\n width: 100%;\n}\n\n @media (min-width: 640px) {\n\n #ija .container {\n max-width: 640px;\n }\n}\n\n @media (min-width: 768px) {\n\n #ija .container {\n max-width: 768px;\n }\n}\n\n @media (min-width: 1024px) {\n\n #ija .container {\n max-width: 1024px;\n }\n}\n\n @media (min-width: 1280px) {\n\n #ija .container {\n max-width: 1280px;\n }\n}\n\n @media (min-width: 1536px) {\n\n #ija .container {\n max-width: 1536px;\n }\n}\n\n #ija .sr-only {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n white-space: nowrap;\n border-width: 0;\n}\n\n #ija .visible {\n visibility: visible;\n}\n\n #ija .invisible {\n visibility: hidden;\n}\n\n #ija .collapse {\n visibility: collapse;\n}\n\n #ija .static {\n position: static;\n}\n\n #ija .fixed {\n position: fixed;\n}\n\n #ija .absolute {\n position: absolute;\n}\n\n #ija .relative {\n position: relative;\n}\n\n #ija .sticky {\n position: sticky;\n}\n\n #ija .bottom-0 {\n bottom: 0px;\n}\n\n #ija .right-0 {\n right: 0px;\n}\n\n #ija .top-0 {\n top: 0px;\n}\n\n #ija .isolate {\n isolation: isolate;\n}\n\n #ija .z-50 {\n z-index: 50;\n}\n\n #ija .col-span-full {\n grid-column: 1 / -1;\n}\n\n #ija .row-span-full {\n grid-row: 1 / -1;\n}\n\n #ija .mt-0 {\n margin-top: 0px;\n}\n\n #ija .mt-0\\.5 {\n margin-top: 0.125rem;\n}\n\n #ija .block {\n display: block;\n}\n\n #ija .inline-block {\n display: inline-block;\n}\n\n #ija .inline {\n display: inline;\n}\n\n #ija .flex {\n display: flex;\n}\n\n #ija .inline-flex {\n display: inline-flex;\n}\n\n #ija .table {\n display: table;\n}\n\n #ija .table-row {\n display: table-row;\n}\n\n #ija .flow-root {\n display: flow-root;\n}\n\n #ija .grid {\n display: grid;\n}\n\n #ija .inline-grid {\n display: inline-grid;\n}\n\n #ija .contents {\n display: contents;\n}\n\n #ija .list-item {\n display: list-item;\n}\n\n #ija .\\!hidden {\n display: none !important;\n}\n\n #ija .hidden {\n display: none;\n}\n\n #ija .h-4 {\n height: 1rem;\n}\n\n #ija .w-4 {\n width: 1rem;\n}\n\n #ija .w-64 {\n width: 16rem;\n}\n\n #ija .w-full {\n width: 100%;\n}\n\n #ija .min-w-0 {\n min-width: 0px;\n}\n\n #ija .max-w-\\[var\\(--radix-popover-content-available-width\\)\\] {\n max-width: var(--radix-popover-content-available-width);\n}\n\n #ija .max-w-full {\n max-width: 100%;\n}\n\n #ija .flex-none {\n flex: none;\n}\n\n #ija .flex-shrink {\n flex-shrink: 1;\n}\n\n #ija .shrink {\n flex-shrink: 1;\n}\n\n #ija .flex-grow {\n flex-grow: 1;\n}\n\n #ija .grow {\n flex-grow: 1;\n}\n\n #ija .border-collapse {\n border-collapse: collapse;\n}\n\n #ija .translate-y-0 {\n --tw-translate-y: 0px;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n #ija .transform {\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n #ija .resize {\n resize: both;\n}\n\n #ija .appearance-none {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n}\n\n #ija .flex-col {\n flex-direction: column;\n}\n\n #ija .flex-wrap {\n flex-wrap: wrap;\n}\n\n #ija .items-start {\n align-items: flex-start;\n}\n\n #ija .items-center {\n align-items: center;\n}\n\n #ija .justify-center {\n justify-content: center;\n}\n\n #ija .gap-1 {\n gap: 0.25rem;\n}\n\n #ija .gap-1\\.5 {\n gap: 0.375rem;\n}\n\n #ija .gap-2 {\n gap: 0.5rem;\n}\n\n #ija .gap-2\\.5 {\n gap: 0.625rem;\n}\n\n #ija .overflow-hidden {\n overflow: hidden;\n}\n\n #ija .truncate {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n #ija .rounded-lg {\n border-radius: var(--i-radius-lg);\n}\n\n #ija .border {\n border-width: 1px;\n}\n\n #ija .bg-accent-9 {\n background-color: var(--i-color-a-9);\n}\n\n #ija .bg-lowest {\n background-color: var(--i-color-lowest);\n}\n\n #ija .bg-neutral-1 {\n background-color: var(--i-color-n-1);\n}\n\n #ija .p-1 {\n padding: 0.25rem;\n}\n\n #ija .p-2 {\n padding: 0.5rem;\n}\n\n #ija .px-2 {\n padding-left: 0.5rem;\n padding-right: 0.5rem;\n}\n\n #ija .px-2\\.5 {\n padding-left: 0.625rem;\n padding-right: 0.625rem;\n}\n\n #ija .px-3 {\n padding-left: 0.75rem;\n padding-right: 0.75rem;\n}\n\n #ija .px-4 {\n padding-left: 1rem;\n padding-right: 1rem;\n}\n\n #ija .px-5 {\n padding-left: 1.25rem;\n padding-right: 1.25rem;\n}\n\n #ija .py-1 {\n padding-top: 0.25rem;\n padding-bottom: 0.25rem;\n}\n\n #ija .py-1\\.5 {\n padding-top: 0.375rem;\n padding-bottom: 0.375rem;\n}\n\n #ija .py-2 {\n padding-top: 0.5rem;\n padding-bottom: 0.5rem;\n}\n\n #ija .pb-4 {\n padding-bottom: 1rem;\n}\n\n #ija .pl-2 {\n padding-left: 0.5rem;\n}\n\n #ija .pl-2\\.5 {\n padding-left: 0.625rem;\n}\n\n #ija .pr-1 {\n padding-right: 0.25rem;\n}\n\n #ija .pr-8 {\n padding-right: 2rem;\n}\n\n #ija .pt-1 {\n padding-top: 0.25rem;\n}\n\n #ija .text-center {\n text-align: center;\n}\n\n #ija .text-justify {\n text-align: justify;\n}\n\n #ija .text-base {\n font-size: 1rem;\n line-height: 1.5rem;\n}\n\n #ija .text-sm {\n font-size: 0.875rem;\n line-height: 1.25rem;\n}\n\n #ija .font-medium {\n font-weight: 500;\n}\n\n #ija .uppercase {\n text-transform: uppercase;\n}\n\n #ija .lowercase {\n text-transform: lowercase;\n}\n\n #ija .capitalize {\n text-transform: capitalize;\n}\n\n #ija .italic {\n font-style: italic;\n}\n\n #ija .ordinal {\n --tw-ordinal: ordinal;\n font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);\n}\n\n #ija .text-\\[\\#E5484D\\] {\n --tw-text-opacity: 1;\n color: rgb(229 72 77 / var(--tw-text-opacity));\n}\n\n #ija .text-accent-1 {\n color: var(--i-color-a-1);\n}\n\n #ija .text-accent-11 {\n color: var(--i-color-a-11);\n}\n\n #ija .text-neutral-10 {\n color: var(--i-color-n-10);\n}\n\n #ija .text-neutral-11 {\n color: var(--i-color-n-11);\n}\n\n #ija .opacity-0 {\n opacity: 0;\n}\n\n #ija .shadow {\n --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);\n --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n #ija .shadow-\\[0_0_0_1px\\] {\n --tw-shadow: 0 0 0 1px;\n --tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n #ija .shadow-surface-lg {\n --tw-shadow: 0px 3px 3px 0px oklch(0% 0 0 / 0.03), 0px 6px 4px 0px oklch(0% 0 0 / 0.02), 0px 11px 4px 0px oklch(0% 0 0 / 0.01), 0px 32px 24px -12px oklch(0% 0 0 / 0.06);\n --tw-shadow-colored: 0px 3px 3px 0px var(--tw-shadow-color), 0px 6px 4px 0px var(--tw-shadow-color), 0px 11px 4px 0px var(--tw-shadow-color), 0px 32px 24px -12px var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n #ija .outline-none {\n outline: 2px solid transparent;\n outline-offset: 2px;\n}\n\n #ija .outline {\n outline-style: solid;\n}\n\n #ija .ring {\n --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);\n}\n\n #ija .ring-1 {\n --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);\n}\n\n #ija .ring-\\[1px\\] {\n --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);\n}\n\n #ija .ring-neutral-4 {\n --tw-ring-color: var(--i-color-n-4);\n}\n\n #ija .ring-neutral-5 {\n --tw-ring-color: var(--i-color-n-5);\n}\n\n #ija .blur {\n --tw-blur: blur(8px);\n 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);\n}\n\n #ija .grayscale {\n --tw-grayscale: grayscale(100%);\n 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);\n}\n\n #ija .invert {\n --tw-invert: invert(100%);\n 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);\n}\n\n #ija .sepia {\n --tw-sepia: sepia(100%);\n 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);\n}\n\n #ija .filter {\n 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);\n}\n\n #ija .backdrop-filter {\n -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);\n 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);\n}\n\n #ija .transition {\n transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;\n transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;\n transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n #ija .transition-all {\n transition-property: all;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n #ija .duration-medium {\n transition-duration: var(--i-duration-medium);\n}\n\n #ija .duration-snappy {\n transition-duration: var(--i-duration-snappy);\n}\n\n #ija .ease-expo-out {\n transition-timing-function: cubic-bezier(0.16, 1, 0.3, 1);\n}\n\n #ija .will-change-\\[transform\\2c opacity\\] {\n will-change: transform,opacity;\n}\n\n #ija .fr {\n outline: none;\n}\n\n #ija .fr:focus {\n outline: none;\n}\n\n #ija .fr:focus-visible {\n outline: none;\n --tw-ring-offset-width: 1px;\n --tw-ring-offset-color: var(--i-color-lowest);\n --tw-ring-opacity: 1;\n --tw-ring-color: var(--i-color-a-9);\n --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);\n}\n\n #ija .rounded-field-input {\n border-radius: 0;\n }\n\n #ija .fieldset:first-child .rounded-field-input {\n border-top-left-radius: var(--i-radius-md);\n border-top-right-radius: var(--i-radius-md);\n }\n\n #ija .fieldset:last-child .rounded-field-input {\n border-bottom-left-radius: var(--i-radius-md);\n border-bottom-right-radius: var(--i-radius-md);\n }\n\n /* perimeter = 2 * Pi * r\n r = 9 (circle radius)\n 56.54\n */\n\n @keyframes loading-circle {\n 0% {\n stroke-dasharray: 0 56.54;\n }\n 100% {\n stroke-dasharray: 56.54 56.54;\n }\n }\n\n #ija .loading-circle {\n stroke-dasharray: 56.54 56.54;\n }\n\n #ija [data-state='loading'] .loading-circle {\n animation: loading-circle 1s linear;\n }\n\n /* perimeter = 2 * Pi * r\n r = 9 (circle radius)\n 56.54\n */\n\n @keyframes done-checkmark {\n 0% {\n stroke-dasharray: 0 8.6;\n }\n 100% {\n stroke-dasharray: 8.6 8.6;\n }\n }\n\n #ija .done-checkmark {\n stroke-dashoffset: -1;\n stroke-dasharray: 0 8.6;\n opacity: 0;\n }\n\n #ija [data-state='success'] .done-checkmark {\n opacity: 1;\n animation: done-checkmark 0.9s cubic-bezier(0.16, 1, 0.3, 1);\n }\n\n #ija .\\[a-zA-Z0-9-_\\:\\.\\$\\@\\?\\] {\n a-z-a--z0-9-_: .$@?;\n}\n\n #ija .autofill\\:shadow-\\[inset_0_0_0_1000px_var\\(--i-color-a-2\\)\\]:-webkit-autofill {\n --tw-shadow: inset 0 0 0 1000px var(--i-color-a-2);\n --tw-shadow-colored: inset 0 0 0 1000px var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n #ija .autofill\\:shadow-\\[inset_0_0_0_1000px_var\\(--i-color-a-2\\)\\]:autofill {\n --tw-shadow: inset 0 0 0 1000px var(--i-color-a-2);\n --tw-shadow-colored: inset 0 0 0 1000px var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n #ija .autofill\\:\\[-webkit-text-fill-color\\:var\\(--i-color-a-11\\)\\]:-webkit-autofill {\n -webkit-text-fill-color: var(--i-color-a-11);\n}\n\n #ija .autofill\\:\\[-webkit-text-fill-color\\:var\\(--i-color-a-11\\)\\]:autofill {\n -webkit-text-fill-color: var(--i-color-a-11);\n}\n\n #ija .focus-within\\:z-10:focus-within {\n z-index: 10;\n}\n\n #ija .hover\\:scale-\\[1\\.02\\]:hover {\n --tw-scale-x: 1.02;\n --tw-scale-y: 1.02;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n #ija .focus\\:shadow-\\[0_0_0_2px\\]:focus {\n --tw-shadow: 0 0 0 2px;\n --tw-shadow-colored: 0 0 0 2px var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n #ija .autofill\\:focus\\:shadow-\\[inset_0_0_0_1000px_var\\(--i-color-a-1\\)\\]:focus:-webkit-autofill {\n --tw-shadow: inset 0 0 0 1000px var(--i-color-a-1);\n --tw-shadow-colored: inset 0 0 0 1000px var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n #ija .autofill\\:focus\\:shadow-\\[inset_0_0_0_1000px_var\\(--i-color-a-1\\)\\]:focus:autofill {\n --tw-shadow: inset 0 0 0 1000px var(--i-color-a-1);\n --tw-shadow-colored: inset 0 0 0 1000px var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n #ija .active\\:scale-\\[\\.97\\]:active {\n --tw-scale-x: .97;\n --tw-scale-y: .97;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n #ija .active\\:bg-accent-10:active {\n background-color: var(--i-color-a-10);\n}\n\n #ija .data-\\[state\\=idle\\]\\:translate-y-full[data-state=idle] {\n --tw-translate-y: 100%;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n #ija .data-\\[state\\=loading\\]\\:-translate-y-full[data-state=loading] {\n --tw-translate-y: -100%;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n #ija .data-\\[state\\=success\\]\\:translate-y-full[data-state=success] {\n --tw-translate-y: 100%;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n @keyframes slideUpAndFade {\n\n from {\n opacity: 0;\n transform: translateY(2px);\n }\n\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n #ija .data-\\[state\\=open\\]\\:data-\\[side\\=bottom\\]\\:animate-slideUpAndFade[data-side=bottom][data-state=open] {\n animation: slideUpAndFade 400ms cubic-bezier(0.16, 1, 0.3, 1);\n}\n\n @keyframes slideRightAndFade {\n\n from {\n opacity: 0;\n transform: translateX(-2px);\n }\n\n to {\n opacity: 1;\n transform: translateX(0);\n }\n}\n\n #ija .data-\\[state\\=open\\]\\:data-\\[side\\=left\\]\\:animate-slideRightAndFade[data-side=left][data-state=open] {\n animation: slideRightAndFade 400ms cubic-bezier(0.16, 1, 0.3, 1);\n}\n\n @keyframes slideLeftAndFade {\n\n from {\n opacity: 0;\n transform: translateX(2px);\n }\n\n to {\n opacity: 1;\n transform: translateX(0);\n }\n}\n\n #ija .data-\\[state\\=open\\]\\:data-\\[side\\=right\\]\\:animate-slideLeftAndFade[data-side=right][data-state=open] {\n animation: slideLeftAndFade 400ms cubic-bezier(0.16, 1, 0.3, 1);\n}\n\n @keyframes slideDownAndFade {\n\n from {\n opacity: 0;\n transform: translateY(-2px);\n }\n\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n #ija .data-\\[state\\=open\\]\\:data-\\[side\\=top\\]\\:animate-slideDownAndFade[data-side=top][data-state=open] {\n animation: slideDownAndFade 400ms cubic-bezier(0.16, 1, 0.3, 1);\n}\n\n #ija .data-\\[state\\=idle\\]\\:opacity-0[data-state=idle] {\n opacity: 0;\n}\n\n #ija .data-\\[state\\=idle\\]\\:opacity-100[data-state=idle] {\n opacity: 1;\n}\n\n #ija .dark .theme-dark\\:text-highest {\n color: var(--i-color-highest);\n}\n\n #ija .dark .theme-dark\\:active\\:bg-accent-8:active {\n background-color: var(--i-color-a-8);\n}\n\n #ija .fill .theme-fill\\:bg-accent-2 {\n background-color: var(--i-color-a-2);\n}\n\n #ija .fill .theme-fill\\:hover\\:bg-accent-3:hover {\n background-color: var(--i-color-a-3);\n}\n\n #ija .fill .theme-fill\\:active\\:bg-accent-4:active {\n background-color: var(--i-color-a-4);\n}\n\n #ija .stroke .theme-stroke\\:ring-\\[1px\\] {\n --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);\n}\n\n #ija .stroke .theme-stroke\\:ring-accent-4 {\n --tw-ring-color: var(--i-color-a-4);\n}\n\n #ija .stroke .theme-stroke\\:hover\\:ring-accent-9:hover {\n --tw-ring-color: var(--i-color-a-9);\n}\n";
|
|
5934
5935
|
const createJobAlertsDomManager = () => {
|
|
5935
5936
|
return {
|
|
5936
5937
|
getRenderTargetElement: () => {
|
|
@@ -5734,7 +5734,7 @@ const InputError = ({
|
|
|
5734
5734
|
})]
|
|
5735
5735
|
});
|
|
5736
5736
|
};
|
|
5737
|
-
const inputClass = "rounded-field-input bg-neutral-1 text-accent-11 autofill:shadow-[inset_0_0_0_1000px_var(--i-color-a-2)] autofill:focus:shadow-[inset_0_0_0_1000px_var(--i-color-a-1)] px-3 py-2 ring ring-[1px] transition-all ease-expo-out duration-snappy ring-neutral-4 fr inline-flex w-full items-center justify-center px-2.5 text-base shadow-[0_0_0_1px] outline-none focus:shadow-[0_0_0_2px]";
|
|
5737
|
+
const inputClass = "rounded-field-input bg-neutral-1 text-accent-11 autofill:shadow-[inset_0_0_0_1000px_var(--i-color-a-2)] autofill:focus:shadow-[inset_0_0_0_1000px_var(--i-color-a-1)] autofill:[-webkit-text-fill-color:var(--i-color-a-11)] px-3 py-2 ring ring-[1px] transition-all ease-expo-out duration-snappy ring-neutral-4 fr inline-flex w-full items-center justify-center px-2.5 text-base shadow-[0_0_0_1px] outline-none focus:shadow-[0_0_0_2px]";
|
|
5738
5738
|
const getErrorMessage = (error) => {
|
|
5739
5739
|
if (typeof error === "string")
|
|
5740
5740
|
return error;
|
|
@@ -5886,6 +5886,7 @@ const JobAlerts = ({
|
|
|
5886
5886
|
})]
|
|
5887
5887
|
})]
|
|
5888
5888
|
}), u$2("button", {
|
|
5889
|
+
// Needed to make active state work on iOS Safari
|
|
5889
5890
|
onTouchStart: noop,
|
|
5890
5891
|
class: "bg-accent-9 active:bg-accent-10 theme-dark:active:bg-accent-8 fr ease-expo-out duration-snappy text-accent-1 theme-dark:text-highest grid items-center overflow-hidden rounded-lg px-5 py-2 pl-2.5 text-center transition-all hover:scale-[1.02] active:scale-[.97]",
|
|
5891
5892
|
children: [u$2("span", {
|
|
@@ -5928,7 +5929,7 @@ const JobAlerts = ({
|
|
|
5928
5929
|
})
|
|
5929
5930
|
});
|
|
5930
5931
|
};
|
|
5931
|
-
const tailwind = "#ija {\n font-size: 16px;\n --tw-content: '';\n}\n\n #ija * {\n box-sizing: border-box;\n border-style: solid;\n border-width: 0;\n -webkit-tap-highlight-color: transparent;\n font-family: inherit;\n font-style: inherit;\n font-weight: inherit;\n }\n\n #ija ::before,\n #ija ::after {\n box-sizing: border-box;\n }\n\n #ija :is(a) {\n text-decoration: none;\n }\n\n #ija :is(ul, ol) {\n list-style: none;\n padding: 0;\n margin: 0;\n }\n\n #ija :is(p) {\n margin: 0;\n padding: 0;\n }\n\n #ija :is(li) {\n margin: 0;\n padding: 0;\n list-style: none;\n }\n\n #ija :is(fieldset) {\n margin: 0;\n padding: 0;\n }\n\n #ija :is(button),\n #ija :is(a) {\n display: block;\n margin: 0;\n padding: 0;\n border: unset;\n background: unset;\n text-align: unset;\n }\n\n #ija :is(input),\n #ija :is(textarea) {\n display: block;\n margin: 0;\n padding: 0;\n min-width: 0;\n max-width: unset;\n width: 100%;\n }\n\n #ija :is(svg) {\n display: block;\n }\n\n @media (prefers-reduced-motion) {\n #ija * {\n animation-duration: 0.01ms !important;\n animation-iteration-count: 1 !important;\n transition-duration: 0.01ms !important;\n scroll-behavior: auto !important;\n animation-delay: 0s !important;\n }\n }\n\n #ija *, #ija ::before, #ija ::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 #ija ::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\n #ija .container {\n width: 100%;\n}\n\n @media (min-width: 640px) {\n\n #ija .container {\n max-width: 640px;\n }\n}\n\n @media (min-width: 768px) {\n\n #ija .container {\n max-width: 768px;\n }\n}\n\n @media (min-width: 1024px) {\n\n #ija .container {\n max-width: 1024px;\n }\n}\n\n @media (min-width: 1280px) {\n\n #ija .container {\n max-width: 1280px;\n }\n}\n\n @media (min-width: 1536px) {\n\n #ija .container {\n max-width: 1536px;\n }\n}\n\n #ija .sr-only {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n white-space: nowrap;\n border-width: 0;\n}\n\n #ija .visible {\n visibility: visible;\n}\n\n #ija .invisible {\n visibility: hidden;\n}\n\n #ija .collapse {\n visibility: collapse;\n}\n\n #ija .static {\n position: static;\n}\n\n #ija .fixed {\n position: fixed;\n}\n\n #ija .absolute {\n position: absolute;\n}\n\n #ija .relative {\n position: relative;\n}\n\n #ija .sticky {\n position: sticky;\n}\n\n #ija .bottom-0 {\n bottom: 0px;\n}\n\n #ija .right-0 {\n right: 0px;\n}\n\n #ija .top-0 {\n top: 0px;\n}\n\n #ija .isolate {\n isolation: isolate;\n}\n\n #ija .z-50 {\n z-index: 50;\n}\n\n #ija .col-span-full {\n grid-column: 1 / -1;\n}\n\n #ija .row-span-full {\n grid-row: 1 / -1;\n}\n\n #ija .mt-0 {\n margin-top: 0px;\n}\n\n #ija .mt-0\\.5 {\n margin-top: 0.125rem;\n}\n\n #ija .block {\n display: block;\n}\n\n #ija .inline-block {\n display: inline-block;\n}\n\n #ija .inline {\n display: inline;\n}\n\n #ija .flex {\n display: flex;\n}\n\n #ija .inline-flex {\n display: inline-flex;\n}\n\n #ija .table {\n display: table;\n}\n\n #ija .table-row {\n display: table-row;\n}\n\n #ija .flow-root {\n display: flow-root;\n}\n\n #ija .grid {\n display: grid;\n}\n\n #ija .inline-grid {\n display: inline-grid;\n}\n\n #ija .contents {\n display: contents;\n}\n\n #ija .list-item {\n display: list-item;\n}\n\n #ija .\\!hidden {\n display: none !important;\n}\n\n #ija .hidden {\n display: none;\n}\n\n #ija .h-4 {\n height: 1rem;\n}\n\n #ija .w-4 {\n width: 1rem;\n}\n\n #ija .w-64 {\n width: 16rem;\n}\n\n #ija .w-full {\n width: 100%;\n}\n\n #ija .min-w-0 {\n min-width: 0px;\n}\n\n #ija .max-w-\\[var\\(--radix-popover-content-available-width\\)\\] {\n max-width: var(--radix-popover-content-available-width);\n}\n\n #ija .max-w-full {\n max-width: 100%;\n}\n\n #ija .flex-none {\n flex: none;\n}\n\n #ija .flex-shrink {\n flex-shrink: 1;\n}\n\n #ija .shrink {\n flex-shrink: 1;\n}\n\n #ija .flex-grow {\n flex-grow: 1;\n}\n\n #ija .grow {\n flex-grow: 1;\n}\n\n #ija .border-collapse {\n border-collapse: collapse;\n}\n\n #ija .translate-y-0 {\n --tw-translate-y: 0px;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n #ija .transform {\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n #ija .resize {\n resize: both;\n}\n\n #ija .appearance-none {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n}\n\n #ija .flex-col {\n flex-direction: column;\n}\n\n #ija .flex-wrap {\n flex-wrap: wrap;\n}\n\n #ija .items-start {\n align-items: flex-start;\n}\n\n #ija .items-center {\n align-items: center;\n}\n\n #ija .justify-center {\n justify-content: center;\n}\n\n #ija .gap-1 {\n gap: 0.25rem;\n}\n\n #ija .gap-1\\.5 {\n gap: 0.375rem;\n}\n\n #ija .gap-2 {\n gap: 0.5rem;\n}\n\n #ija .gap-2\\.5 {\n gap: 0.625rem;\n}\n\n #ija .overflow-hidden {\n overflow: hidden;\n}\n\n #ija .truncate {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n #ija .rounded-lg {\n border-radius: var(--i-radius-lg);\n}\n\n #ija .border {\n border-width: 1px;\n}\n\n #ija .bg-accent-9 {\n background-color: var(--i-color-a-9);\n}\n\n #ija .bg-lowest {\n background-color: var(--i-color-lowest);\n}\n\n #ija .bg-neutral-1 {\n background-color: var(--i-color-n-1);\n}\n\n #ija .p-1 {\n padding: 0.25rem;\n}\n\n #ija .p-2 {\n padding: 0.5rem;\n}\n\n #ija .px-2 {\n padding-left: 0.5rem;\n padding-right: 0.5rem;\n}\n\n #ija .px-2\\.5 {\n padding-left: 0.625rem;\n padding-right: 0.625rem;\n}\n\n #ija .px-3 {\n padding-left: 0.75rem;\n padding-right: 0.75rem;\n}\n\n #ija .px-4 {\n padding-left: 1rem;\n padding-right: 1rem;\n}\n\n #ija .px-5 {\n padding-left: 1.25rem;\n padding-right: 1.25rem;\n}\n\n #ija .py-1 {\n padding-top: 0.25rem;\n padding-bottom: 0.25rem;\n}\n\n #ija .py-1\\.5 {\n padding-top: 0.375rem;\n padding-bottom: 0.375rem;\n}\n\n #ija .py-2 {\n padding-top: 0.5rem;\n padding-bottom: 0.5rem;\n}\n\n #ija .pb-4 {\n padding-bottom: 1rem;\n}\n\n #ija .pl-2 {\n padding-left: 0.5rem;\n}\n\n #ija .pl-2\\.5 {\n padding-left: 0.625rem;\n}\n\n #ija .pr-1 {\n padding-right: 0.25rem;\n}\n\n #ija .pr-8 {\n padding-right: 2rem;\n}\n\n #ija .pt-1 {\n padding-top: 0.25rem;\n}\n\n #ija .text-center {\n text-align: center;\n}\n\n #ija .text-justify {\n text-align: justify;\n}\n\n #ija .text-base {\n font-size: 1rem;\n line-height: 1.5rem;\n}\n\n #ija .text-sm {\n font-size: 0.875rem;\n line-height: 1.25rem;\n}\n\n #ija .font-medium {\n font-weight: 500;\n}\n\n #ija .uppercase {\n text-transform: uppercase;\n}\n\n #ija .lowercase {\n text-transform: lowercase;\n}\n\n #ija .capitalize {\n text-transform: capitalize;\n}\n\n #ija .italic {\n font-style: italic;\n}\n\n #ija .ordinal {\n --tw-ordinal: ordinal;\n font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);\n}\n\n #ija .text-\\[\\#E5484D\\] {\n --tw-text-opacity: 1;\n color: rgb(229 72 77 / var(--tw-text-opacity));\n}\n\n #ija .text-accent-1 {\n color: var(--i-color-a-1);\n}\n\n #ija .text-accent-11 {\n color: var(--i-color-a-11);\n}\n\n #ija .text-neutral-10 {\n color: var(--i-color-n-10);\n}\n\n #ija .text-neutral-11 {\n color: var(--i-color-n-11);\n}\n\n #ija .opacity-0 {\n opacity: 0;\n}\n\n #ija .shadow {\n --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);\n --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n #ija .shadow-\\[0_0_0_1px\\] {\n --tw-shadow: 0 0 0 1px;\n --tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n #ija .shadow-surface-lg {\n --tw-shadow: 0px 3px 3px 0px oklch(0% 0 0 / 0.03), 0px 6px 4px 0px oklch(0% 0 0 / 0.02), 0px 11px 4px 0px oklch(0% 0 0 / 0.01), 0px 32px 24px -12px oklch(0% 0 0 / 0.06);\n --tw-shadow-colored: 0px 3px 3px 0px var(--tw-shadow-color), 0px 6px 4px 0px var(--tw-shadow-color), 0px 11px 4px 0px var(--tw-shadow-color), 0px 32px 24px -12px var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n #ija .outline-none {\n outline: 2px solid transparent;\n outline-offset: 2px;\n}\n\n #ija .outline {\n outline-style: solid;\n}\n\n #ija .ring {\n --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);\n}\n\n #ija .ring-1 {\n --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);\n}\n\n #ija .ring-\\[1px\\] {\n --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);\n}\n\n #ija .ring-neutral-4 {\n --tw-ring-color: var(--i-color-n-4);\n}\n\n #ija .ring-neutral-5 {\n --tw-ring-color: var(--i-color-n-5);\n}\n\n #ija .blur {\n --tw-blur: blur(8px);\n 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);\n}\n\n #ija .grayscale {\n --tw-grayscale: grayscale(100%);\n 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);\n}\n\n #ija .invert {\n --tw-invert: invert(100%);\n 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);\n}\n\n #ija .sepia {\n --tw-sepia: sepia(100%);\n 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);\n}\n\n #ija .filter {\n 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);\n}\n\n #ija .backdrop-filter {\n -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);\n 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);\n}\n\n #ija .transition {\n transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;\n transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;\n transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n #ija .transition-all {\n transition-property: all;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n #ija .duration-medium {\n transition-duration: var(--i-duration-medium);\n}\n\n #ija .duration-snappy {\n transition-duration: var(--i-duration-snappy);\n}\n\n #ija .ease-expo-out {\n transition-timing-function: cubic-bezier(0.16, 1, 0.3, 1);\n}\n\n #ija .will-change-\\[transform\\2c opacity\\] {\n will-change: transform,opacity;\n}\n\n #ija .fr {\n outline: none;\n}\n\n #ija .fr:focus {\n outline: none;\n}\n\n #ija .fr:focus-visible {\n outline: none;\n --tw-ring-offset-width: 1px;\n --tw-ring-offset-color: var(--i-color-lowest);\n --tw-ring-opacity: 1;\n --tw-ring-color: var(--i-color-a-9);\n --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);\n}\n\n #ija .rounded-field-input {\n border-radius: 0;\n }\n\n #ija .fieldset:first-child .rounded-field-input {\n border-top-left-radius: var(--i-radius-md);\n border-top-right-radius: var(--i-radius-md);\n }\n\n #ija .fieldset:last-child .rounded-field-input {\n border-bottom-left-radius: var(--i-radius-md);\n border-bottom-right-radius: var(--i-radius-md);\n }\n\n /* perimeter = 2 * Pi * r\n r = 9 (circle radius)\n 56.54\n */\n\n @keyframes loading-circle {\n 0% {\n stroke-dasharray: 0 56.54;\n }\n 100% {\n stroke-dasharray: 56.54 56.54;\n }\n }\n\n #ija .loading-circle {\n stroke-dasharray: 56.54 56.54;\n }\n\n #ija [data-state='loading'] .loading-circle {\n animation: loading-circle 1s linear;\n }\n\n /* perimeter = 2 * Pi * r\n r = 9 (circle radius)\n 56.54\n */\n\n @keyframes done-checkmark {\n 0% {\n stroke-dasharray: 0 8.6;\n }\n 100% {\n stroke-dasharray: 8.6 8.6;\n }\n }\n\n #ija .done-checkmark {\n stroke-dashoffset: -1;\n stroke-dasharray: 0 8.6;\n opacity: 0;\n }\n\n #ija [data-state='success'] .done-checkmark {\n opacity: 1;\n animation: done-checkmark 0.9s cubic-bezier(0.16, 1, 0.3, 1);\n }\n\n #ija .\\[a-zA-Z0-9-_\\:\\.\\$\\@\\?\\] {\n a-z-a--z0-9-_: .$@?;\n}\n\n #ija .autofill\\:shadow-\\[inset_0_0_0_1000px_var\\(--i-color-a-2\\)\\]:-webkit-autofill {\n --tw-shadow: inset 0 0 0 1000px var(--i-color-a-2);\n --tw-shadow-colored: inset 0 0 0 1000px var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n #ija .autofill\\:shadow-\\[inset_0_0_0_1000px_var\\(--i-color-a-2\\)\\]:autofill {\n --tw-shadow: inset 0 0 0 1000px var(--i-color-a-2);\n --tw-shadow-colored: inset 0 0 0 1000px var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n #ija .focus-within\\:z-10:focus-within {\n z-index: 10;\n}\n\n #ija .hover\\:scale-\\[1\\.02\\]:hover {\n --tw-scale-x: 1.02;\n --tw-scale-y: 1.02;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n #ija .focus\\:shadow-\\[0_0_0_2px\\]:focus {\n --tw-shadow: 0 0 0 2px;\n --tw-shadow-colored: 0 0 0 2px var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n #ija .autofill\\:focus\\:shadow-\\[inset_0_0_0_1000px_var\\(--i-color-a-1\\)\\]:focus:-webkit-autofill {\n --tw-shadow: inset 0 0 0 1000px var(--i-color-a-1);\n --tw-shadow-colored: inset 0 0 0 1000px var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n #ija .autofill\\:focus\\:shadow-\\[inset_0_0_0_1000px_var\\(--i-color-a-1\\)\\]:focus:autofill {\n --tw-shadow: inset 0 0 0 1000px var(--i-color-a-1);\n --tw-shadow-colored: inset 0 0 0 1000px var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n #ija .active\\:scale-\\[\\.97\\]:active {\n --tw-scale-x: .97;\n --tw-scale-y: .97;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n #ija .active\\:bg-accent-10:active {\n background-color: var(--i-color-a-10);\n}\n\n #ija .data-\\[state\\=idle\\]\\:translate-y-full[data-state=idle] {\n --tw-translate-y: 100%;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n #ija .data-\\[state\\=loading\\]\\:-translate-y-full[data-state=loading] {\n --tw-translate-y: -100%;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n #ija .data-\\[state\\=success\\]\\:translate-y-full[data-state=success] {\n --tw-translate-y: 100%;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n @keyframes slideUpAndFade {\n\n from {\n opacity: 0;\n transform: translateY(2px);\n }\n\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n #ija .data-\\[state\\=open\\]\\:data-\\[side\\=bottom\\]\\:animate-slideUpAndFade[data-side=bottom][data-state=open] {\n animation: slideUpAndFade 400ms cubic-bezier(0.16, 1, 0.3, 1);\n}\n\n @keyframes slideRightAndFade {\n\n from {\n opacity: 0;\n transform: translateX(-2px);\n }\n\n to {\n opacity: 1;\n transform: translateX(0);\n }\n}\n\n #ija .data-\\[state\\=open\\]\\:data-\\[side\\=left\\]\\:animate-slideRightAndFade[data-side=left][data-state=open] {\n animation: slideRightAndFade 400ms cubic-bezier(0.16, 1, 0.3, 1);\n}\n\n @keyframes slideLeftAndFade {\n\n from {\n opacity: 0;\n transform: translateX(2px);\n }\n\n to {\n opacity: 1;\n transform: translateX(0);\n }\n}\n\n #ija .data-\\[state\\=open\\]\\:data-\\[side\\=right\\]\\:animate-slideLeftAndFade[data-side=right][data-state=open] {\n animation: slideLeftAndFade 400ms cubic-bezier(0.16, 1, 0.3, 1);\n}\n\n @keyframes slideDownAndFade {\n\n from {\n opacity: 0;\n transform: translateY(-2px);\n }\n\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n #ija .data-\\[state\\=open\\]\\:data-\\[side\\=top\\]\\:animate-slideDownAndFade[data-side=top][data-state=open] {\n animation: slideDownAndFade 400ms cubic-bezier(0.16, 1, 0.3, 1);\n}\n\n #ija .data-\\[state\\=idle\\]\\:opacity-0[data-state=idle] {\n opacity: 0;\n}\n\n #ija .data-\\[state\\=idle\\]\\:opacity-100[data-state=idle] {\n opacity: 1;\n}\n\n #ija .dark .theme-dark\\:text-highest {\n color: var(--i-color-highest);\n}\n\n #ija .dark .theme-dark\\:active\\:bg-accent-8:active {\n background-color: var(--i-color-a-8);\n}\n\n #ija .fill .theme-fill\\:bg-accent-2 {\n background-color: var(--i-color-a-2);\n}\n\n #ija .fill .theme-fill\\:hover\\:bg-accent-3:hover {\n background-color: var(--i-color-a-3);\n}\n\n #ija .fill .theme-fill\\:active\\:bg-accent-4:active {\n background-color: var(--i-color-a-4);\n}\n\n #ija .stroke .theme-stroke\\:ring-\\[1px\\] {\n --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);\n}\n\n #ija .stroke .theme-stroke\\:ring-accent-4 {\n --tw-ring-color: var(--i-color-a-4);\n}\n\n #ija .stroke .theme-stroke\\:hover\\:ring-accent-9:hover {\n --tw-ring-color: var(--i-color-a-9);\n}\n";
|
|
5932
|
+
const tailwind = "#ija {\n font-size: 16px;\n --tw-content: '';\n}\n\n #ija * {\n box-sizing: border-box;\n border-style: solid;\n border-width: 0;\n -webkit-tap-highlight-color: transparent;\n font-family: inherit;\n font-style: inherit;\n font-weight: inherit;\n }\n\n #ija ::before,\n #ija ::after {\n box-sizing: border-box;\n }\n\n #ija :is(a) {\n text-decoration: none;\n }\n\n #ija :is(ul, ol) {\n list-style: none;\n padding: 0;\n margin: 0;\n }\n\n #ija :is(p) {\n margin: 0;\n padding: 0;\n }\n\n #ija :is(li) {\n margin: 0;\n padding: 0;\n list-style: none;\n }\n\n #ija :is(fieldset) {\n margin: 0;\n padding: 0;\n }\n\n #ija :is(button),\n #ija :is(a) {\n display: block;\n margin: 0;\n padding: 0;\n border: unset;\n background: unset;\n text-align: unset;\n }\n\n #ija :is(input),\n #ija :is(textarea) {\n display: block;\n margin: 0;\n padding: 0;\n min-width: 0;\n max-width: unset;\n width: 100%;\n }\n\n #ija :is(svg) {\n display: block;\n }\n\n @media (prefers-reduced-motion) {\n #ija * {\n animation-duration: 0.01ms !important;\n animation-iteration-count: 1 !important;\n transition-duration: 0.01ms !important;\n scroll-behavior: auto !important;\n animation-delay: 0s !important;\n }\n }\n\n #ija *, #ija ::before, #ija ::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 #ija ::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\n #ija .container {\n width: 100%;\n}\n\n @media (min-width: 640px) {\n\n #ija .container {\n max-width: 640px;\n }\n}\n\n @media (min-width: 768px) {\n\n #ija .container {\n max-width: 768px;\n }\n}\n\n @media (min-width: 1024px) {\n\n #ija .container {\n max-width: 1024px;\n }\n}\n\n @media (min-width: 1280px) {\n\n #ija .container {\n max-width: 1280px;\n }\n}\n\n @media (min-width: 1536px) {\n\n #ija .container {\n max-width: 1536px;\n }\n}\n\n #ija .sr-only {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n white-space: nowrap;\n border-width: 0;\n}\n\n #ija .visible {\n visibility: visible;\n}\n\n #ija .invisible {\n visibility: hidden;\n}\n\n #ija .collapse {\n visibility: collapse;\n}\n\n #ija .static {\n position: static;\n}\n\n #ija .fixed {\n position: fixed;\n}\n\n #ija .absolute {\n position: absolute;\n}\n\n #ija .relative {\n position: relative;\n}\n\n #ija .sticky {\n position: sticky;\n}\n\n #ija .bottom-0 {\n bottom: 0px;\n}\n\n #ija .right-0 {\n right: 0px;\n}\n\n #ija .top-0 {\n top: 0px;\n}\n\n #ija .isolate {\n isolation: isolate;\n}\n\n #ija .z-50 {\n z-index: 50;\n}\n\n #ija .col-span-full {\n grid-column: 1 / -1;\n}\n\n #ija .row-span-full {\n grid-row: 1 / -1;\n}\n\n #ija .mt-0 {\n margin-top: 0px;\n}\n\n #ija .mt-0\\.5 {\n margin-top: 0.125rem;\n}\n\n #ija .block {\n display: block;\n}\n\n #ija .inline-block {\n display: inline-block;\n}\n\n #ija .inline {\n display: inline;\n}\n\n #ija .flex {\n display: flex;\n}\n\n #ija .inline-flex {\n display: inline-flex;\n}\n\n #ija .table {\n display: table;\n}\n\n #ija .table-row {\n display: table-row;\n}\n\n #ija .flow-root {\n display: flow-root;\n}\n\n #ija .grid {\n display: grid;\n}\n\n #ija .inline-grid {\n display: inline-grid;\n}\n\n #ija .contents {\n display: contents;\n}\n\n #ija .list-item {\n display: list-item;\n}\n\n #ija .\\!hidden {\n display: none !important;\n}\n\n #ija .hidden {\n display: none;\n}\n\n #ija .h-4 {\n height: 1rem;\n}\n\n #ija .w-4 {\n width: 1rem;\n}\n\n #ija .w-64 {\n width: 16rem;\n}\n\n #ija .w-full {\n width: 100%;\n}\n\n #ija .min-w-0 {\n min-width: 0px;\n}\n\n #ija .max-w-\\[var\\(--radix-popover-content-available-width\\)\\] {\n max-width: var(--radix-popover-content-available-width);\n}\n\n #ija .max-w-full {\n max-width: 100%;\n}\n\n #ija .flex-none {\n flex: none;\n}\n\n #ija .flex-shrink {\n flex-shrink: 1;\n}\n\n #ija .shrink {\n flex-shrink: 1;\n}\n\n #ija .flex-grow {\n flex-grow: 1;\n}\n\n #ija .grow {\n flex-grow: 1;\n}\n\n #ija .border-collapse {\n border-collapse: collapse;\n}\n\n #ija .translate-y-0 {\n --tw-translate-y: 0px;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n #ija .transform {\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n #ija .resize {\n resize: both;\n}\n\n #ija .appearance-none {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n}\n\n #ija .flex-col {\n flex-direction: column;\n}\n\n #ija .flex-wrap {\n flex-wrap: wrap;\n}\n\n #ija .items-start {\n align-items: flex-start;\n}\n\n #ija .items-center {\n align-items: center;\n}\n\n #ija .justify-center {\n justify-content: center;\n}\n\n #ija .gap-1 {\n gap: 0.25rem;\n}\n\n #ija .gap-1\\.5 {\n gap: 0.375rem;\n}\n\n #ija .gap-2 {\n gap: 0.5rem;\n}\n\n #ija .gap-2\\.5 {\n gap: 0.625rem;\n}\n\n #ija .overflow-hidden {\n overflow: hidden;\n}\n\n #ija .truncate {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n #ija .rounded-lg {\n border-radius: var(--i-radius-lg);\n}\n\n #ija .border {\n border-width: 1px;\n}\n\n #ija .bg-accent-9 {\n background-color: var(--i-color-a-9);\n}\n\n #ija .bg-lowest {\n background-color: var(--i-color-lowest);\n}\n\n #ija .bg-neutral-1 {\n background-color: var(--i-color-n-1);\n}\n\n #ija .p-1 {\n padding: 0.25rem;\n}\n\n #ija .p-2 {\n padding: 0.5rem;\n}\n\n #ija .px-2 {\n padding-left: 0.5rem;\n padding-right: 0.5rem;\n}\n\n #ija .px-2\\.5 {\n padding-left: 0.625rem;\n padding-right: 0.625rem;\n}\n\n #ija .px-3 {\n padding-left: 0.75rem;\n padding-right: 0.75rem;\n}\n\n #ija .px-4 {\n padding-left: 1rem;\n padding-right: 1rem;\n}\n\n #ija .px-5 {\n padding-left: 1.25rem;\n padding-right: 1.25rem;\n}\n\n #ija .py-1 {\n padding-top: 0.25rem;\n padding-bottom: 0.25rem;\n}\n\n #ija .py-1\\.5 {\n padding-top: 0.375rem;\n padding-bottom: 0.375rem;\n}\n\n #ija .py-2 {\n padding-top: 0.5rem;\n padding-bottom: 0.5rem;\n}\n\n #ija .pb-4 {\n padding-bottom: 1rem;\n}\n\n #ija .pl-2 {\n padding-left: 0.5rem;\n}\n\n #ija .pl-2\\.5 {\n padding-left: 0.625rem;\n}\n\n #ija .pr-1 {\n padding-right: 0.25rem;\n}\n\n #ija .pr-8 {\n padding-right: 2rem;\n}\n\n #ija .pt-1 {\n padding-top: 0.25rem;\n}\n\n #ija .text-center {\n text-align: center;\n}\n\n #ija .text-justify {\n text-align: justify;\n}\n\n #ija .text-base {\n font-size: 1rem;\n line-height: 1.5rem;\n}\n\n #ija .text-sm {\n font-size: 0.875rem;\n line-height: 1.25rem;\n}\n\n #ija .font-medium {\n font-weight: 500;\n}\n\n #ija .uppercase {\n text-transform: uppercase;\n}\n\n #ija .lowercase {\n text-transform: lowercase;\n}\n\n #ija .capitalize {\n text-transform: capitalize;\n}\n\n #ija .italic {\n font-style: italic;\n}\n\n #ija .ordinal {\n --tw-ordinal: ordinal;\n font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);\n}\n\n #ija .text-\\[\\#E5484D\\] {\n --tw-text-opacity: 1;\n color: rgb(229 72 77 / var(--tw-text-opacity));\n}\n\n #ija .text-accent-1 {\n color: var(--i-color-a-1);\n}\n\n #ija .text-accent-11 {\n color: var(--i-color-a-11);\n}\n\n #ija .text-neutral-10 {\n color: var(--i-color-n-10);\n}\n\n #ija .text-neutral-11 {\n color: var(--i-color-n-11);\n}\n\n #ija .opacity-0 {\n opacity: 0;\n}\n\n #ija .shadow {\n --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);\n --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n #ija .shadow-\\[0_0_0_1px\\] {\n --tw-shadow: 0 0 0 1px;\n --tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n #ija .shadow-surface-lg {\n --tw-shadow: 0px 3px 3px 0px oklch(0% 0 0 / 0.03), 0px 6px 4px 0px oklch(0% 0 0 / 0.02), 0px 11px 4px 0px oklch(0% 0 0 / 0.01), 0px 32px 24px -12px oklch(0% 0 0 / 0.06);\n --tw-shadow-colored: 0px 3px 3px 0px var(--tw-shadow-color), 0px 6px 4px 0px var(--tw-shadow-color), 0px 11px 4px 0px var(--tw-shadow-color), 0px 32px 24px -12px var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n #ija .outline-none {\n outline: 2px solid transparent;\n outline-offset: 2px;\n}\n\n #ija .outline {\n outline-style: solid;\n}\n\n #ija .ring {\n --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);\n}\n\n #ija .ring-1 {\n --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);\n}\n\n #ija .ring-\\[1px\\] {\n --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);\n}\n\n #ija .ring-neutral-4 {\n --tw-ring-color: var(--i-color-n-4);\n}\n\n #ija .ring-neutral-5 {\n --tw-ring-color: var(--i-color-n-5);\n}\n\n #ija .blur {\n --tw-blur: blur(8px);\n 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);\n}\n\n #ija .grayscale {\n --tw-grayscale: grayscale(100%);\n 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);\n}\n\n #ija .invert {\n --tw-invert: invert(100%);\n 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);\n}\n\n #ija .sepia {\n --tw-sepia: sepia(100%);\n 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);\n}\n\n #ija .filter {\n 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);\n}\n\n #ija .backdrop-filter {\n -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);\n 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);\n}\n\n #ija .transition {\n transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;\n transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;\n transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n #ija .transition-all {\n transition-property: all;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n #ija .duration-medium {\n transition-duration: var(--i-duration-medium);\n}\n\n #ija .duration-snappy {\n transition-duration: var(--i-duration-snappy);\n}\n\n #ija .ease-expo-out {\n transition-timing-function: cubic-bezier(0.16, 1, 0.3, 1);\n}\n\n #ija .will-change-\\[transform\\2c opacity\\] {\n will-change: transform,opacity;\n}\n\n #ija .fr {\n outline: none;\n}\n\n #ija .fr:focus {\n outline: none;\n}\n\n #ija .fr:focus-visible {\n outline: none;\n --tw-ring-offset-width: 1px;\n --tw-ring-offset-color: var(--i-color-lowest);\n --tw-ring-opacity: 1;\n --tw-ring-color: var(--i-color-a-9);\n --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);\n}\n\n #ija .rounded-field-input {\n border-radius: 0;\n }\n\n #ija .fieldset:first-child .rounded-field-input {\n border-top-left-radius: var(--i-radius-md);\n border-top-right-radius: var(--i-radius-md);\n }\n\n #ija .fieldset:last-child .rounded-field-input {\n border-bottom-left-radius: var(--i-radius-md);\n border-bottom-right-radius: var(--i-radius-md);\n }\n\n /* perimeter = 2 * Pi * r\n r = 9 (circle radius)\n 56.54\n */\n\n @keyframes loading-circle {\n 0% {\n stroke-dasharray: 0 56.54;\n }\n 100% {\n stroke-dasharray: 56.54 56.54;\n }\n }\n\n #ija .loading-circle {\n stroke-dasharray: 56.54 56.54;\n }\n\n #ija [data-state='loading'] .loading-circle {\n animation: loading-circle 1s linear;\n }\n\n /* perimeter = 2 * Pi * r\n r = 9 (circle radius)\n 56.54\n */\n\n @keyframes done-checkmark {\n 0% {\n stroke-dasharray: 0 8.6;\n }\n 100% {\n stroke-dasharray: 8.6 8.6;\n }\n }\n\n #ija .done-checkmark {\n stroke-dashoffset: -1;\n stroke-dasharray: 0 8.6;\n opacity: 0;\n }\n\n #ija [data-state='success'] .done-checkmark {\n opacity: 1;\n animation: done-checkmark 0.9s cubic-bezier(0.16, 1, 0.3, 1);\n }\n\n #ija .\\[a-zA-Z0-9-_\\:\\.\\$\\@\\?\\] {\n a-z-a--z0-9-_: .$@?;\n}\n\n #ija .autofill\\:shadow-\\[inset_0_0_0_1000px_var\\(--i-color-a-2\\)\\]:-webkit-autofill {\n --tw-shadow: inset 0 0 0 1000px var(--i-color-a-2);\n --tw-shadow-colored: inset 0 0 0 1000px var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n #ija .autofill\\:shadow-\\[inset_0_0_0_1000px_var\\(--i-color-a-2\\)\\]:autofill {\n --tw-shadow: inset 0 0 0 1000px var(--i-color-a-2);\n --tw-shadow-colored: inset 0 0 0 1000px var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n #ija .autofill\\:\\[-webkit-text-fill-color\\:var\\(--i-color-a-11\\)\\]:-webkit-autofill {\n -webkit-text-fill-color: var(--i-color-a-11);\n}\n\n #ija .autofill\\:\\[-webkit-text-fill-color\\:var\\(--i-color-a-11\\)\\]:autofill {\n -webkit-text-fill-color: var(--i-color-a-11);\n}\n\n #ija .focus-within\\:z-10:focus-within {\n z-index: 10;\n}\n\n #ija .hover\\:scale-\\[1\\.02\\]:hover {\n --tw-scale-x: 1.02;\n --tw-scale-y: 1.02;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n #ija .focus\\:shadow-\\[0_0_0_2px\\]:focus {\n --tw-shadow: 0 0 0 2px;\n --tw-shadow-colored: 0 0 0 2px var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n #ija .autofill\\:focus\\:shadow-\\[inset_0_0_0_1000px_var\\(--i-color-a-1\\)\\]:focus:-webkit-autofill {\n --tw-shadow: inset 0 0 0 1000px var(--i-color-a-1);\n --tw-shadow-colored: inset 0 0 0 1000px var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n #ija .autofill\\:focus\\:shadow-\\[inset_0_0_0_1000px_var\\(--i-color-a-1\\)\\]:focus:autofill {\n --tw-shadow: inset 0 0 0 1000px var(--i-color-a-1);\n --tw-shadow-colored: inset 0 0 0 1000px var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n #ija .active\\:scale-\\[\\.97\\]:active {\n --tw-scale-x: .97;\n --tw-scale-y: .97;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n #ija .active\\:bg-accent-10:active {\n background-color: var(--i-color-a-10);\n}\n\n #ija .data-\\[state\\=idle\\]\\:translate-y-full[data-state=idle] {\n --tw-translate-y: 100%;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n #ija .data-\\[state\\=loading\\]\\:-translate-y-full[data-state=loading] {\n --tw-translate-y: -100%;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n #ija .data-\\[state\\=success\\]\\:translate-y-full[data-state=success] {\n --tw-translate-y: 100%;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n @keyframes slideUpAndFade {\n\n from {\n opacity: 0;\n transform: translateY(2px);\n }\n\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n #ija .data-\\[state\\=open\\]\\:data-\\[side\\=bottom\\]\\:animate-slideUpAndFade[data-side=bottom][data-state=open] {\n animation: slideUpAndFade 400ms cubic-bezier(0.16, 1, 0.3, 1);\n}\n\n @keyframes slideRightAndFade {\n\n from {\n opacity: 0;\n transform: translateX(-2px);\n }\n\n to {\n opacity: 1;\n transform: translateX(0);\n }\n}\n\n #ija .data-\\[state\\=open\\]\\:data-\\[side\\=left\\]\\:animate-slideRightAndFade[data-side=left][data-state=open] {\n animation: slideRightAndFade 400ms cubic-bezier(0.16, 1, 0.3, 1);\n}\n\n @keyframes slideLeftAndFade {\n\n from {\n opacity: 0;\n transform: translateX(2px);\n }\n\n to {\n opacity: 1;\n transform: translateX(0);\n }\n}\n\n #ija .data-\\[state\\=open\\]\\:data-\\[side\\=right\\]\\:animate-slideLeftAndFade[data-side=right][data-state=open] {\n animation: slideLeftAndFade 400ms cubic-bezier(0.16, 1, 0.3, 1);\n}\n\n @keyframes slideDownAndFade {\n\n from {\n opacity: 0;\n transform: translateY(-2px);\n }\n\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n #ija .data-\\[state\\=open\\]\\:data-\\[side\\=top\\]\\:animate-slideDownAndFade[data-side=top][data-state=open] {\n animation: slideDownAndFade 400ms cubic-bezier(0.16, 1, 0.3, 1);\n}\n\n #ija .data-\\[state\\=idle\\]\\:opacity-0[data-state=idle] {\n opacity: 0;\n}\n\n #ija .data-\\[state\\=idle\\]\\:opacity-100[data-state=idle] {\n opacity: 1;\n}\n\n #ija .dark .theme-dark\\:text-highest {\n color: var(--i-color-highest);\n}\n\n #ija .dark .theme-dark\\:active\\:bg-accent-8:active {\n background-color: var(--i-color-a-8);\n}\n\n #ija .fill .theme-fill\\:bg-accent-2 {\n background-color: var(--i-color-a-2);\n}\n\n #ija .fill .theme-fill\\:hover\\:bg-accent-3:hover {\n background-color: var(--i-color-a-3);\n}\n\n #ija .fill .theme-fill\\:active\\:bg-accent-4:active {\n background-color: var(--i-color-a-4);\n}\n\n #ija .stroke .theme-stroke\\:ring-\\[1px\\] {\n --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);\n}\n\n #ija .stroke .theme-stroke\\:ring-accent-4 {\n --tw-ring-color: var(--i-color-a-4);\n}\n\n #ija .stroke .theme-stroke\\:hover\\:ring-accent-9:hover {\n --tw-ring-color: var(--i-color-a-9);\n}\n";
|
|
5932
5933
|
const createJobAlertsDomManager = () => {
|
|
5933
5934
|
return {
|
|
5934
5935
|
getRenderTargetElement: () => {
|